@charset "utf-8";
.ContainerBoxComments
{
    padding:10px 0 10px 0;
    
    }

    
/* height definition */    
.ColTopLeftBlueBox, .ColTopMiddleBlueBox, .ColTopRightBlueBox,
.ColTopLeftGreyBox, .ColTopMiddleGreyBox, .ColTopRightGreyBox
{
    height:16px;    
    }    
.ColBottomLeftBlueBox, .ColBottomMiddleBlueBox, .ColBottomRightBlueBox,
.ColBottomLeftGreyBox, .ColBottomMiddleGreyBox, .ColBottomRightGreyBox
{
    height:15px;    
    }
/* width definition */
.ColTopLeftBlueBox, .ColMiddleLeftBlueBox, .ColBottomLeftBlueBox,
/*.ColTopLeftGreyBox, .ColMiddleLeftGreyBox, .ColBottomLeftGreyBox*/
.ColTopRightGreyBox, .ColMiddleRightGreyBox, .ColBottomRightGreyBox
{
    width:28px;    
    }
.ColTopMiddleBlueBox, ColMiddleMiddleBlueBox, ColBottomMiddleBlueBox,
.ColTopMiddleGreyBox, ColMiddleMiddleGreyBox, ColBottomMiddleGreyBox
{
   /* width:481px; */   
    }    
.ColTopRightBlueBox, .ColMiddleRightBlueBox, .ColBottomRightBlueBox,
/*.ColTopRightGreyBox, .ColMiddleRightGreyBox, .ColBottomRightGreyBox*/
.ColTopLeftGreyBox, .ColMiddleLeftGreyBox, .ColBottomLeftGreyBox
{
    width:14px;    
    } 
/* top background definition */
/* blue */
.ColTopLeftBlueBox
{
    background-image:url(../images/comments/bgTopLeftBlue.jpg);
    background-repeat:no-repeat;
    background-position:top right;    
    }
.ColTopMiddleBlueBox
{
    background-image:url(../images/comments/bgTopMiddleBlue.jpg);
    background-repeat:repeat-x;
    background-position:top;
    }
.ColTopRightBlueBox
{
    background-image:url(../images/comments/bgTopRightBlue.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    }
/* grey */    
.ColTopLeftGreyBox
{
    /*background-image:url(../images/comments/bgTopLeftGrey.jpg);*/
    background-image:url(../images/comments/bgTopLeftGrey2.jpg);
    background-repeat:no-repeat;
    background-position:top right;    
    }
.ColTopMiddleGreyBox
{
    /*background-image:url(../images/comments/bgTopMiddleGrey.jpg);*/
    background-image:url(../images/comments/bgTopMiddleGrey.jpg);
    background-repeat:repeat-x;
    background-position:top;
    }
.ColTopRightGreyBox
{
    /*background-image:url(../images/comments/bgTopRightGrey.jpg);*/
    background-image:url(../images/comments/bgTopRightGrey2.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    }    
/* middle background definition */
/* blue */
.ColMiddleLeftBlueBox
{
    background-color:#FFFFFF;
    background-image:url(../images/comments/bgMiddleLeftBlue.jpg);
    background-repeat:repeat-y;
    background-position:right;    
    }
.ColMiddleMiddleBlueBox
{
    background-color:#93C9E6;    
    } 
.ColMiddleRightBlueBox
{
    background-color:#FFFFFF;
    background-image:url(../images/comments/bgMiddleRightBlue.jpg);
    background-repeat:repeat-y;
    background-position:left;    
    }
/* Grey */
.ColMiddleLeftGreyBox
{
    background-color:#FFFFFF;
    /*background-image:url(../images/comments/bgMiddleLeftGrey.jpg);*/
    background-image:url(../images/comments/bgMiddleLeftGrey2.jpg);
    background-repeat:repeat-y;
    background-position:right;    
    }
.ColMiddleMiddleGreyBox
{
    background-color:#DFDFDF;    
    } 
.ColMiddleRightGreyBox
{
    background-color:#FFFFFF;
    /*background-image:url(../images/comments/bgMiddleRightGrey.jpg);*/
    background-image:url(../images/comments/bgMiddleRightGrey2.jpg);
    background-repeat:repeat-y;
    background-position:left;    
    }    
/* bottom background definition */
/* blue */
.ColBottomLeftBlueBox
{
    background-image:url(../images/comments/bgBottomLeftBlue.jpg);
    background-repeat:no-repeat;
    background-position:top right;    
    }
.ColBottomMiddleBlueBox
{
    background-color:#FFFFFF;
    background-image:url(../images/comments/bgBottomMiddleBlue.jpg);
    background-repeat:repeat-x;
    background-position:top;    
    }
.ColBottomRightBlueBox
{
    background-image:url(../images/comments/bgBottomRightBlue.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    }
/* Grey */
.ColBottomLeftGreyBox
{
    /*background-image:url(../images/comments/bgBottomLeftGrey.jpg);*/
    background-image:url(../images/comments/bgBottomLeftGrey2.jpg);
    background-repeat:no-repeat;
    background-position:top right;    
    }
.ColBottomMiddleGreyBox
{
    background-color:#FFFFFF;
    /*background-image:url(../images/comments/bgBottomMiddleGrey.jpg);*/
    background-image:url(../images/comments/bgBottomMiddleGrey.jpg);
    background-repeat:repeat-x;
    background-position:top;    
    }
.ColBottomRightGreyBox
{
    /*background-image:url(../images/comments/bgBottomRightGrey.jpg);*/
    background-image:url(../images/comments/bgBottomRightGrey2.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    }    
/* text format definition */ 
.ColTopMiddleBlueBox
/*.ColTopMiddleGreyBox*/
{
    font-size:10px;
    text-align:right;
    vertical-align:middle;
    font-weight:bold;   
    }
.ColTopMiddleGreyBox
{
    font-size:10px;
    text-align:left;
    vertical-align:middle;
    font-weight:bold;   
    }    
.ColMiddleMiddleBlueBox,
.ColMiddleMiddleGreyBox
{
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    padding:4px 0 4px 0;    
    }  
/* avatar */
.colAvatarBlue,
.colAvatarGrey
{
    text-align:center;
    vertical-align:bottom;
    width:57px;
    padding:0 0 0 2px;    
    }  
.colAvatarBlue .imgAvatarBlue
{
    border:solid 5px #93C9E6;
    }
.colAvatarGrey .imgAvatarGrey
{
    border:solid 5px #DFDFDF;
    }
.colAvatarBlue p,
.colAvatarGrey p
{
    text-align:center;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:10px;
    
    }