@charset "UTF-8";

.comment_wrap{ border:1px solid #D2D2D2; }
.comment_wrap .comment_top{ padding:5px; }
.comment_wrap .comment_field_wrap{ margin-left:50px; }
.comment_wrap .comment_field_wrap.visitor .input.text, .comment_wrap .comment_field_wrap.user .input.text{ display:none; }
.comment_wrap .comment_field_wrap.none .input.text{ padding-bottom:5px; }
.comment_wrap .comment_field_wrap .input.textarea{ border:1px solid #D2D2D2; background:#f3f3f3; }
.comment_wrap .comment_field_wrap .input.textarea .inner{ margin:5px 10px; }
.comment_wrap .comment_field_wrap .input.textarea .inner.disabled{ margin:0; }
.comment_wrap .comment_field_wrap .input.textarea .inner.disabled textarea{ text-indent:10px; }

.comment_wrap  input[type="text"]{ font-size:12px !important; }

.comment_wrap  textarea{
 	height: 30px;
    resize: none;
    border:0;
    padding:0;
    display:block;
    background:#f3f3f3;
}

.visitor_form .submit{
	margin-left:10px;
	display:block;
	text-align:right;
	padding-right:10px;
}


.visitor_form .submit input{
	height:15px  !important;
	background:none !important;
	padding:0;
	margin:0;
	padding-top:4px;
	width:auto !important;
	border:0 !important;
	color:#0B4F1A !important;
	font-weight:normal !important;
}

.visitor_form .submit input:hover{
	height:15px  !important;
	background:none !important;
	width:auto !important;
	border:0 !important;
	color:#0B4F1A !important;
	font-weight:normal !important;
}

.comment_wrap .icon{
	border:1px solid #D2D2D2;
	line-height:0px;
	float:left;
	padding:2px;
}

.comment_wrap .icon img{
	border:1px solid #D2D2D2;
	height:30px;
	width:30px;
}

.comment_wrap .submit{ float:right; }

.comment_wrap footer{ background:#F2F2F2; }
.comment_wrap footer .inner{ border-top:1px solid #D2D2D2; }

.comment_wrap .submit input{
	display:block;
	width:200px;
	-moz-border-radius: 0px;  
     -webkit-border-radius: 0px;  
     border-radius: 0px;
     background-position:0 -125px;
     border:0;
     color:#333;
     border-left:1px solid #D2D2D2;
     text-shadow: none;
     font-weight:bold;
     background:#b3c833;
	color:#333;
}

.comment_wrap .submit input:hover{ background: #278717; /* Old browsers */ color:#FFF; }

.visitor_name_field{ border:1px solid #D2D2D2 !important; width:100% !important; }

.comments_list .item .options { color: #999999; padding-top:5px; }
.comments_list .item .options .flag{
	cursor:pointer;
	display:inline-block;
	height:20px;
	width:20px;
	background:url(/img/tp/buttons.png) no-repeat -96px -36px;
	text-indent:-10000em;
	vertical-align: middle;
}

.comments_list .item .edit{
	cursor:pointer;
	display:inline-block;
	height:20px;
	width:20px;
	background:url(/img/tp/buttons.png) no-repeat -96px -66px;
	text-indent:-10000em;
	vertical-align: middle;
}

.comments_list .item .edit:hover{ background:url(/img/tp/buttons.png) no-repeat -68px -66px; }
.comments_list .item .options .flag:hover{ background:url(/img/tp/buttons.png) no-repeat -68px -36px; }
.comments_list .item .options span{ cursor:pointer; }
.comments_list .item .options span.comment_reply{ cursor:pointer; vertical-align:middle; }
.comments_list .item .options span.comment_reply:hover{ color:#0B4F1A; }

.comments_list{
	margin-top:15px;
	border-top:1px solid #CCC;
	padding-top:10px;
}

.comments_list .item{
	padding:0;
	border:0;
	padding-top:20px;
	display:block;
}

.comments_list .item[data-comment-via="twitter"] .icon:before{
	content:url(/img/social/twitter-bird.png);
	left:-13px;
	top:26px;
	position:absolute;
}

.comments_list .item.subitem{
	padding:0;
	border:0;
	padding-bottom:0;
	display:block;
}

.comments_list .item .icon{
	display:block;
	line-height:0px;
	float:left;
	position:relative;
	margin-top:4px;
	
}

article.saving .icon{ background:url(/img/tp/loading/loading_15.png) no-repeat center; }
article.saving .icon img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.sub_comments .item .icon{ padding:5px; }

.comments_list .item .content{
	margin-left:60px;
	display:block;
	padding:0;
	
}

.comments_list .item .content .comment .comment_user{
	font-weight:bold;
	color:#0B4F1A;
	padding-right:10px;
}

.comments_list .item .content .comment .comment_user .pre_name{
	color:#999999;
	font-size:11px;
	font-weight:normal;
	font-style: italic;
}

.comments_list .item .reply_holder .comment_wrap{ margin-top:10px;	 }

.comments_list .item .comment{
	padding:0;
	margin:0;
	padding-right:10px;
    word-wrap:normal;
    overflow:hidden;
    padding-bottom:15px;
}

.sub_comments .item .comment{ padding-top:8px; }

.subitem[data-subitem="1"]{ margin-top:10px !important; }
.subitem[data-subitem="1"] span.tri{
	
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position:absolute;
	margin-top:-7px;
	margin-left:-25px;
	border-bottom: 10px solid #F2F2F2;
}

.comments_list .item .actions{
	color:#999999;
	float:right;
	padding-right:5px;
	display:none;
	height:20px;
	line-height:20px;
}

.comments_list .item .actions_wrap .share{
	color:#999999;
	float:right;
	padding-left:10px;
}

.comments_list .item .actions .reply{ cursor:pointer; }

.comments_list .item .actions .share,
.comments_list .item .actions .comment_reply{ cursor:pointer; color:#999; }
.comments_list .item .actions .share:hover,
.comments_list .item .actions .comment_reply:hover{ color:#0B4F1A; }

.comments_list .item .actions .flag{
	cursor:pointer;
	display:inline-block;
	height:20px;
	width:20px;
	background:url(/img/tp/buttons.png) no-repeat -96px -36px;
	text-indent:-10000em;
}

.comments_list .item .actions .flag:hover{ background:url(/img/tp/buttons.png) no-repeat -68px -36px; }


.comments_list .item .actions .comment_delete{
	cursor:pointer;
	display:inline-block;
	height:20px;
	width:20px;
	background:url(/img/tp/buttons.png) no-repeat -96px -7px;
	text-indent:-10000em;
}

.comments_list .item .actions .comment_delete:hover{ background:url(/img/tp/buttons.png) no-repeat -68px -7px; }


.comments_list .item .icon img{ border:1px solid #D2D2D2; }


.comments_list .item:after{
	content: "";
	display:block;
	height:10px;
	border-bottom:1px solid #D2D2D2;
	clear:both;
}


.comments_list .item  .actions_wrap time{
	display:inline-block;
	color:#999999;
	font-size:11px;
	font-style: italic;
}

.comments_list .item .actions_wrap{
    clear:none;
    height:23px;
}

.comments_list .item .actions_wrap.actions_top{}
.comments_list .no_subs .actions_wrap.actions_top{}
.comments_list .has_subs .actions_wrap.actions_top{ display:none; }
.comments_list .item .actions_wrap.actions_bottom{ padding-top: 5px; }
.comments_list .no_subs .actions_wrap.actions_bottom{ display:none; }
.comments_list .has_subs .actions_wrap.actions_bottom{}

.comment_sep{
	height:10px;
	border-top:1px solid #D2D2D2;
	clear:both;
}

.comment_sep b{}

.reply_holder .comment_wrap{ display:none; }

.comment_reply{}

.comment_wrap .sharing{
	float:left;
	padding-left:10px;
	height:30px;
	line-height:30px;
	
}

.comment_wrap .sharing label{
	font-size:11px;
	text-transform:uppercase;
	display:inline-block;
	padding-right:10px;
}


.comment_wrap .sharing .icons{
	display:inline-block;
	height:30px;
	line-height:30px;
}

.comment_wrap .sharing .icons b{
	height:20px;
	width:20px;
	display:inline-block;
	line-height:20px;
	background:#cccccc;
	text-align:center;
	margin:0 3px;
	vertical-align:middle;
	margin-top:-1px;
	background-image:url(/img/social/social_cover_20.png);  
}

.comment_wrap .sharing .icons b.sharing{ cursor:pointer; }
.comment_wrap .sharing .icons .linkedin, .comment_wrap .sharing .icons .twitter, .comment_wrap .sharing .icons .facebook{ background-color:#999; }
.comment_wrap .sharing .icons .facebook.share{ background-color:#2c4989; }
.comment_wrap .sharing .icons .facebook span{
	height:100%;
	width:100%;
	background-image:url(/img/social/fb_20.png); 
	display:block;
}

.comment_wrap .sharing .icons .twitter.share{ background-color:#37b7e7; }
.comment_wrap .sharing .icons .twitter span{
	height:100%;
	width:100%;
	background-image:url(/img/social/tw_20.png); 
	display:block;
}

.comment_wrap .sharing .icons .linkedin.share{ background-color:#158b96; }

.comment_wrap .sharing .icons .linkedin span{
	height:100%;
	width:100%;
	background-image:url(/img/social/li_20.png); 
	display:block;
}


.sub_comments{}

.sub_comments .item{
	border:0;
	margin-top:2px;
	background:#f2f2f2;
	display:block;
	padding-top:0px;
	padding-bottom:5px;
}

.comment_as_txt{ float: right; padding-right: 5px; }

.comment_as_txt .txt{ font-size:10px;	 }

.comment_as_txt .txt span{
	color:#0B4F1A;
	font-weight:bold;
	cursor:pointer;
}


.clear_visitor{ text-decoration:underline; cursor:pointer; }

.comment_loader.empty{ padding-bottom:10px; height:40px; }

.sub_comments .comment_loader{ margin-top:2px; }
.sub_comments .comment_loader .inner{ border:0; }

.comment_loader .inner{
	background:#f2f2f2 url(/img/loading/horz_loader.gif) no-repeat center;
	border:1px solid #D2D2D2;
	height:100%;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.no_comments{
	text-align:center;
    height:60px;
    background:#f2f2f2;
    line-height:60px;
}

td[width="570"] .actions_wrap{ display: none; }

.option_holder{ position:absolute; z-index:100; }
.option_holder .txt{ padding:10px; font-weight:bold; }
.option_holder .opt_btns{ padding-top:15px; text-align:right; }
.option_holder .opt_btns input{ margin-right:10px; }