/**********************************
*
*  Author: 		P. Belenski
*  Project: 	Comments Web Service ( CWS )
*  Filename: 	comments.style.css
*  Created on:	09.04.2009
*  Contents: 	Css for the comments
*
**********************************/

.comments-header{
	line-height: 21px;
	text-indent: 12px;
	margin-bottom: 6px;
}
.comments-new-cont a{  
	display: block;
	width: 155px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	text-indent: 0px;
	font-size: 14px;
	margin: 20px auto;
	background-color:#bcbcbc;
	text-transform:uppercase;
	font-family: 'PT Sans', sans-serif;
	color:#FFFFFF;	
}
.comments-new-cont a:hover{
	text-decoration:none;
	background-color:#a0a0a0;
}
.comments-header span.sep{
	display: block;
	float: left;
	width: 15px;
	text-indent: 0px;
	text-align: center;
}

.comments-border{
	clear: both;
	background: #CCCCCC;
	height: 2px;
	overflow: hidden;
}
	
.comment-box{
	padding: 15px 9px 25px 9px;
	border-bottom: 1px solid #CCCCCC;
	position:relative;
}
.comment-box:hover .comment-user-details div{
	color:#507233 !important;
}
.comment-box:hover .comment-nav{
	opacity:1 !important;
}
.comment-row{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.comment-avatar{
	float: left;
	clear: both;
	width: 54px;
	min-height:54px;
	margin-right:15px;
}
.comment-bg{
	float: left;
	width: 550px;
}
.comment-no-avatar{ width: 622px; }
.comment-title{
	margin-bottom: 10px;
	font-size: 11px;
}
.comment-text{
	margin-bottom: 5px;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	color:#585858;
	line-height:18px;
}

.comments-complain{ 
	height: 16px;
	text-align: right;
	font-size: 11px;
	font-style: italic; 
	color: #888888; 
}
	
.comment-user-details{
	height: 35px;
}

.comment-user-details .comment-users-wrap {
        box-sizing: border-box;
        width: 410px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.comment-user-details .before {
        height: 22px;
        padding-top: 2px;
}

.comment-user-details div{
	float: left;
	/*background: #F2F2F2;*/
	border: 0px;
	padding: 8px 7px;
	/*height: 17px;*/
	/*line-height: 16px;*/
	font-size: 44px;
	margin-right: 10px;
        line-height: 44px;
	color: #d8d8d8;
}
.comment-user-details span{
	display: block;
	float: left;
	font-size: 13px;
	color: #585858;
	line-height: 24px;
	margin-right: 3px;
}
.comment-user-details .author, .comment-user-details .author2{
	font-size: 20px;
        line-height: 24px;
	font-family: 'PT Sans', sans-serif;
}
.comment-user-details .author a, .comment-user-details .author2 a{
	color:#1a1a1a;
}
.comment-user-details span.before{
	/*clear: left;*/
	font-size: 14px;
	color: #9e9e9e;
	text-indent: 0px;
	text-align: left;
	line-height: 16px;
	width: 210px;
	font-family: 'PT Sans', sans-serif;
}


.comment-user-details img{
	float: left;
	border: 2px solid grey;
	margin: 0px 10px 10px 0px;
}

#comments-cont{ margin-bottom: 10px; }

.comment-nav-frame
{
	float: right;
	text-align: right;
}
.comment-nav-frame-left{
	float:left;
	text-align:left;
}
.comment-nav-frame-left .comment-nav{
	width:auto !important;
	height:auto !important;
	font-family: 'PT Sans', sans-serif;
}
.bottom-comment-nav{
	position:absolute;
	bottom:10px;
}
.comment-nav
{
	height: 25px;
	width: 120px;
	opacity:0.4;
}

.comments-grade-up
{
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	font-size: 0px;
}

.comments-grade-down
{
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	font-size: 0px;
	margin: 0px !important;
}

.comments-grade{
	font-size: 18px;
	display: block;
	float: right;
	margin-right: 10px;
	text-indent: 2px;
	line-height: 25px;
	color: #009900;
	font-family: 'PT Sans', sans-serif;
	
}
.comments-grades-down{
	color:#cc0000 !important;
}
.comment-reply {
	font-size: 10px;
	text-transform:uppercase;
	float: left;
	margin-right: 10px;
	height: 22px;
	line-height: 22px;
	padding: 0px 10px;
	color:#1a1a1a;
	display: block;
	display: none;
	background-color:#f0eeee;
	font-family: 'PT Sans', sans-serif;
}
.comment-reply:hover{
	text-decoration:none;
	background-color:#507233;
	color:#FFFFFF;	
}

.comment-hide-nav{ float: right; padding-right: 10px; font-size: 11px; line-height: 24px;  }

.comments-grade-up
{
	background: url(images/comments_up_normal_disabled.png) 0px 5px no-repeat;
	cursor:pointer;
}

.comments-grade-down
{
	background: url(images/comments_down_normal_disabled.png) 0px 5px no-repeat;
	cursor:pointer;
}


.grade .comments-grade-up
{
	background: url(images/comments_up_normal.png) 0px 5px no-repeat;
}

.grade .comments-grade-down
{
	background: url(images/comments_down_normal.png) 0px 5px no-repeat;
}
/*
.grade .hover-up
{
	background: url(images/comments_up_hover.gif) 0px 1px no-repeat;
	cursor: pointer;
}

.grade .hover-down
{
	background: url(images/comments_down_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
}
*/
.comments-pagging
{
	float: right;
	padding: 10px 0px;
	font-weight: bold;
	color: #999999;
}

.comments-pagging a, .comments-pagging span
{
	margin-right: 4px;
}
.comments-page-selected{ color: #666666; }

.comments-pagging a.l1{ background-image: url(/images/default/pager_arrow_left1.gif); }
.comments-pagging a.l2{ background-image: url(/images/default/pager_arrow_left2.gif); margin-right: 4px;}
.comments-pagging b.l1{ background-image: url(/images/default/pager_arrow_left1_grey.gif); }
.comments-pagging b.l2{ background-image: url(/images/default/pager_arrow_left2_grey.gif); margin-right: 4px; }
.comments-pagging a.r1{ background-image: url(/images/default/pager_arrow_right1.gif); }
.comments-pagging a.r2{ background-image: url(/images/default/pager_arrow_right2.gif); }
.comments-pagging b.r1{ background-image: url(/images/default/pager_arrow_right1_grey.gif); }
.comments-pagging b.r2{ background-image: url(/images/default/pager_arrow_right2_grey.gif); }
.comments-pagging a.icon, .comments-pagging b.icon{ 
	padding: 3px;
	background-repeat: no-repeat;
	background-position: center center;
} 
.comments-pagging a.icon:hover{ text-decoration: none; } 



.comments-hide {	display: none; }
.clear { clear: both; }

.comment-new-header{
	font-weight: bold;
	border-bottom: 2px solid #911D1F;
	margin-bottom: 1px;
	line-height: 21px;
}
.comment-new-header a{
	float: right;
	font-weight: normal;
	font-size: 11px;
}
.comment-new-container{
	clear: both;
	padding: 15px 0px 10px 0px;
}
.comment-new-container div.c1{
	clear: both;
	float: left;
	width: 92px;
	text-align: right;
	margin-right: 8px;
	margin-bottom: 10px;
	line-height: 20px;
	font-family: 'PT Sans', sans-serif;
}
.comment-new-container .greenbut{
	padding:6px !important;
}
.comment-new-container div.c2{
	float: left;
	width: 500px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666666;
	line-height: 25px;
}
.comment-new-container input{
	border: 1px solid #cccccc;
}
#comment-text{
	border: 1px solid #cccccc;
	width: 495px;
	height: 69px;
	color: #585858;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    line-height: 18px;
	padding:5px
}
#comment-code{
	width: 60px;
	float: left;
	margin: 5px 10px 0px 0px;
}
.comment-new-container div.c2 img{
	display: block;
	float: left;
}
.comment-new-container div.c2 button{
	line-height: 15px;
}

.comment-hide-row .comment-row
{
	display:					none;
}
.comment-lowlight{
	background-color: #FDF2F2;
}
.comment-highlight{
	background-color: #F8F6F2;
}
.view_comments a{ font-family: 'PT Sans', sans-serif; }
.comment-complain{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	background: url(images/comments_icon_signal.png) no-repeat;
	font-size: 11px;
	display: none;
	margin-right: 10px;
}
.comment-complain:hover{
	background-position:left -22px;
}
#comments_terms{ padding: 10px; }

#comments-login{
	width: 580px;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	display: none;
	margin-top: 10px;
}
#comments-login div.c1{
	width: 520px;
	margin: 0px auto;
	font-weight: bold;
	line-height: 20px;
}
#comments-login div.c2{
	width: 520px;
	margin: 0px auto;
	background: white;
	padding: 20px 0px;
	text-align: center;
	border: 1px solid #999999;
}
#comments-login div.c2 p{
	font-size: 16px;
}
#comments-login div.c3{
	width: 520px;
	margin: 0px auto;
	text-align: right;
	line-height: 21px;
	font-size: 11px;
}
a.comments-register{
	padding: 3px 10px;
	font-weight: bold;
	color: white;
}
a.comments-all{ font-size: 15px; font-weight: bold; }
span.f_author_comment, .f_unf_box { display: none;}
div.comment-box a.f_author{ float: left; height:22px; line-height:22px; background-color:#f0efef; font-family: 'PT Sans', sans-serif; padding: 0 10px; padding-right:0px;}
div.comment-box span.f_c_num{
	display: block;
	float: left;
	height: 22px;
	background-color:#f0efef;
	font-size: 10px;
	color: #1a1a1a;
	line-height: 22px;
	text-align: center;
	padding-left: 0;
        padding-right: 10px;
	background-image:none !important;
}
div.f_unf_box{ position: relative;}
a.f_unf{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	background: url(images/f_unf.gif) no-repeat;
	margin-right: 10px;
	cursor: pointer;
	z-index: 10;
}
div.f_uns{
	position: absolute;
	width: 362px;
	border: 3px solid #3d6d44;
	left: 5px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	display: none;
	z-index: 100;
}
div.f_uns div{ margin: 0px; padding: 0px;}
div.f_uns_t{
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #ccc;
	background: #f0f0f0;
}
div.f_uns_t span{
	display: block;
	float: left;
	color: #696969;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	text-indent: 7px;
	font-weight: normal;
}
div.f_uns_t a.f_uns_close{
	display: block;
	float: right;
	width: 13px;
	height: 13px;
	background: url(images/f_unf_close.gif) no-repeat;
	margin: 6px 6px 0px 0px;
	cursor: pointer;
}
div.f_unf_form{ background: #fff; width: 362px;}
div.f_unf_name{
	width: 342px;
	height: 60px;
	padding-left: 20px !important;
	font-size: 20px;
	color: #333;
	line-height: 60px;
}
div.f_form_c{
	float: left;
	padding-left: 15px !important;
	margin-right: 5px !important;
}
div.f_form_c div{ clear: both;}
div.f_form_c label{
	font-size: 12px;
	color: #333;
	display: block;
	float: left;
	font-weight: normal;
}
div.f_form_c input{ 
	float: left; 
	display: block;
	margin-right: 5px;
}
div.f_sub{
	clear: both;
	width: 342px;
	padding-left: 20px !important;
	margin-bottom: 20px !important;
	font-size: 0px;
	padding-top: 25px !important;
}