/* Commenting */


#formAddComment
{
  padding-right:20px;
    margin-left:2px;
    z-index:100;
    margin-top:0px;
}

textarea.formAddComment
{
    width:440px;
}


div.commentListing
{
    padding-right:17px;
}


div.commentListingAuto
{
    height: 430px; 
    overflow: auto;
}

.commentItemLeft
{
    padding: 5px;  
    background-color: #ffffff;
    float: left;
    height:auto;
    margin:0px;

}

.commentItemRight
{
    background-color:#EAF6FE;
    padding: 5px;  
    background-color: #ffffff;
    float: right;
    height:auto;
    margin:0px;
}

.commentPersonThumb
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:1px solid #D7D7D7;
    border-left:1px solid #F2F2F2;
    border-right:1px solid #F2F2F2;
    float:left;
    height:auto;
    padding:3px;
    width:38px;
}

.commentPersonName
{
     clear:both;
     font-size:70%;
     text-align:center;
     width:38px;
     word-wrap:break-word;

}

.commentContentLeftSpeech
{
    width:18px; 
    margin-top:12px;
    float: left;
    border:solid 0px red;
    height:24px;
    background-image: url(/App_Themes/Graphics/commentSpeechLeft.png);
    background-repeat:no-repeat;
    margin-left:10px;
}

.commentContentRightSpeech
{
    width:18px; 
    margin-top:12px;
    float: right;
    border:solid 0px red;
    height:24px;
    background-image: url(/App_Themes/Graphics/commentSpeechRight.png);
    background-repeat:no-repeat;
    margin-right:10px;
}

.commentContentLeft
{

    border:1px outset #ccc;
	padding:10px;
	text-align:left;
	-moz-border-radius:4px;
	background-color: #efefef;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	border-bottom: 1px solid rgba(0,0,0,0.25);	 
	margin-left:73px;
	width:378px;
	vertical-align:top;
	margin-bottom:5px;
    background-image:url(/App_Themes/Graphics/commentLeftFadeBG.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

.commentContentRight
{

    border:1px outset #ccc;
	padding:10px;
	text-align:left;
	-moz-border-radius:4px;
	background-color: #CEECFD;	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	border-bottom: 1px solid rgba(0,0,0,0.25);	 
	margin-right:73px;
	width:378px;
	vertical-align:top;
	margin-bottom:5px;
	background-image:url(/App_Themes/Graphics/commentleftFadeBG.png);
    background-repeat:repeat-x;
    background-position:bottom;
}



.commentTitle
{
    font-weight:bold;
 margin-bottom:10px;
 font-size:80%;
}

.commentContent
{
  
    font-size:80%;
   
}

.commentDateTime
{
        float:right;
        text-align:right;
    font-size:70%;
     margin-bottom:0px;
}