/* 
    Document   : commenting.css
    Created on : Jun 26, 2009, 12:51:24 PM
    Author     : Clehman
    Description:
        Purpose of the stylesheet follows.
*/
.comment-widget{
	margin-top:30px;
	font-size: 14px;
}

.comment-widget .form-comment-control{
   margin: 0px;
   margin-bottom:10px;
   box-sizing: border-box;
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   margin-left:0px !important;
   font-size: 14px;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 0;
   clear:left;
 }
   
.comment-widget textarea{
 	min-height: 150px !important;
 	resize: vertical !important;
}
   
.comment-widget input[type=submit]{
   	margin-left: 0px !important;
 }

.comment-widget .commentmoderatecontainercform td a{
	word-break: break-word;
}
    
.comment-widget .commentcontainer .applyall { 
   	background-color: #444;
}
    
.comment-widget .commentcontainer .label,  .comment-widget .commentcontainer .label-comment{ 
    display: block; 
    float: left; 
    width: 90px !important; 
    text-align: right; 
    margin-right: 5px; 
}   
    
.comment-widget .commentmoderatecontainercform .label, .comment-widget .commentmoderatecontainercform .label-comment { 
    display: block; 
    float: left; 
    width: 120px  !important; 
    text-align: right; 
    margin-right: 5px; 
}

.comment-widget .commentcontainer .label-comment-above, .comment-widget .commentmoderatecontainercform .label-comment-above { 
    margin-top: 10px;
}

.comment-widget .commentcontainer .labelmath { 
    display: block; 
    float: left; 
}   

   
   .comment-widget .commentcontainer label.error, .comment-widget .commentcontainer label-comment.error { 
       width: 340px; 
       display: block; 
       float: left; 
       color: #b65f63; 
       padding-bottom: 5px; 
       padding-left: 0px; 
   }   
   
   .comment-widget .commentcontainer input[type=text], .comment-widget textarea { 
       width: 100% !important; 
       float: left; 
   }   
   
   .comment-widget .commentcontainer textarea { 
       height: 150px;
 	   resize: vertical !important;
   }   
   
   
   .comment-widget .commentcontainer .commenttext { 
       word-wrap: break-word;
   }
   
   .comment-widget .commentcontainer .commenturl { 
       font-style:italic;
       display: none;
   }
   
   .comment-widget .commentcontainer .commentcontainercform .checktext { 
       height:19px; 
       width:93px; 
       float: left;
   }
   
   .comment-widget .commentcontainer .commentcontainercform .checktext IMG { 
       align: absmiddle; 
   }
   
   .comment-widget .error{
   	max-width: 100% !important;
   }
   
   .comment-widget .commentcontainer .reported { 
       color: #C45F4E; 
   }
   
   .comment-widget .commentcontainer .messagesaved { 
       font-weight:700;  
       color: #83A55C; 
       font-size: 12px; 
       text-transform:uppercase
   }
   
   .comment-widget .commentcontainer .messagenotconfigured { 
       font-size: 12px; 
       font-weight:700;
   }
   
 .comment-widget .commentcontainer .messagefilter { 
     font-size: 20px; 
     font-weight:700;
 }
   
   
.comment-widget .commentcontainer .filterhandlesmessage, .comment-widget .commentcontainer .otherRulesmessage{ 
    padding:0px; 
    font-size: 18px; 
    padding-top: 25px;
 	margin-bottom: 20px; 
 	clear: both;
 	border-bottom: 1px solid; 
}

.comment-widget .commentcontainer .togglelink { 
    padding: 10px; 
    padding-top:3px; 
    padding-bottom:3px; 
    /*background-color:*/ 
    text-align: right;
}

/*********/
.comment-widget .commentresultscontainer, .comment-widget .formheader, .comment-widget .formmoderationheader{
   	border-bottom: 2px solid #e07300;
   	color: #e07300;
   	font-size: 18px;
   	margin-bottom: 10px;
}

.comment-widget .comment-signin-message{
   	margin-bottom: 30px;
}

.comment-widget .commenticon{
	float: left;
    display: inline-block;
    margin-left: -45px;
}

.comment-widget .fa-comments{
   	font-size: 2em;
   	color: #db9f40;
   	display: inline-block;
   	*display: inline;
   	zoom: 1;
}

.comment-widget .fa-lock{
   	font-size: 18px;
   	color: #aaa;
   	display: inline-block;
   	*display: inline;
   	zoom: 1;
   	vertical-align: middle;
}

.comment-widget .fa-circle{
   	font-size: 6px;
    color: #aaa;
    line-height: 2em;
    vertical-align: middle;
}
.comment-widget .comments__separator{
   	display: inline-block;
   	*display: inline;
   	zoom: 1;
}

.comment-widget .comment__user-icon{
	display: inline-block;
	*display: inline;
    zoom: 1;
    float: left;
    margin-left: -45px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
}

.comment-widget .comment__user-icon .fa-user{
	color:#FFF;
	font-size:18px;
	line-height: 30px;

}

.comment-widget .comment__icon{
	display: inline-block;
	*display: inline;
    zoom: 1;
    float: left;
    margin-left: -45px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
}
 
.comment-widget .comment__icon .fa-clock-o{
	color: #db9f40;
	font-size: 30px;
	line-height: 30px;

}

.comment-widget .comment__icon .fa-clock-o{
	color: #db9f40;
	font-size: 30px;
	line-height: 30px;

}

.comment-widget .comment__icon .fa-ban{
	color: #9e2a2f;
	font-size: 30px;
	line-height: 30px;

}

.comment-widget .comment__icon .fa-check-circle-o{
	color: #8cac65;
	font-size: 30px;
	line-height: 30px;

}

.comment-widget .comment__message-pending{
	color: #db9f40;
	font-size: 16px;
	font-style: italic;
	line-height: 30px;
}


.comment-widget .commentdiv { 
    margin-bottom:30px;
    
}

.comment-widget .commentdiv {
    padding-left:45px;
}

/*
@media screen and (min-width:480px){
	.comment-widget .commentdiv {
	    padding-left:45px;
	}
}*/

.comment-widget p{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}

.comment-widget .commenttime{
	color: #AAA;
}

.comment-widget .postedbyname{
	font-weight: bold;
}

.comment-widget .commentheader{
	margin-bottom: 12px;
}

.comment-widget .replyformat {
    background-color: #f7f7f7;
    margin-left: 40px;
    border-left-style: solid;
    border-left-color: #e07300;
}

.comment-widget .replyformat .comment {
    padding: 10px;
}

.comment-widget .commentcontainercform.replyformat {
    margin-bottom: 20px;
	padding: 10px;
} 
.comment-widget .button-secondary{
	margin-top: 10px;
	margin-left: 6px;
}

.js-subscribelinkall, .super-align{
	vertical-align: super;
}

@media screen and (max-width:479px) {
	.comment-widget .comment__user-icon {
		margin-left: 0;
		margin-right: 10px;
	}
	.comment-widget .comment__icon {
		margin-left: 0;
		margin-right: 10px;
	}
	.comment-widget .commentdiv {
		padding-left: 0;
	}
	
	.comment-widget .replyformat {
	    margin-left: 0px;
	}
		
}

.comment-widget a{
	text-decoration: underline;
}

.comment-widget .replytoname{
	font-weight: bold;
	margin-right: 10px;
}

.comment-widget .commenthandle{
	margin-bottom: 10px;
	font-style: italic;
}

.comment-widget .comment__befirst, .comment-widget .charlimitinfo{
	color: #AAA;
}

.comment-widget .replyformat .charlimitinfo{
	color: #db9f40;
}

.comment-widget .replyformat .commenttime{
	color: #666;
}

.comment-widget .commenttext p {
    margin-bottom: 12px;
}

.comment-widget .subscribeall-header{
	float: right;
	font-size: 14px;
	padding-top: 3px;
}

.comment-widget input[type=checkbox]{
	margin-left: 0px !important;
	margin: 4px !important;
	vertical-align:unset;
}

.comment-widget .button-primary{margin-top:10px;}