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

#comments-header h3
{
	float: 						left;
	color: 						#666666;
	font-size: 					13px;
	font-weight: 				bold;
}

#comments-header a
{
	float: 						right;
	margin-left: 				15px;
}

#comment-text
{
	width: 						330px;
	height: 					100px;
	margin: 					10px 0px;
}

#comment-author
{
	padding: 					1px;
	width: 						327px;
	margin-bottom: 				-10px;
}

#comment-code
{
	width: 						170px;
	padding: 					1px;
}

#comment-count
{
	width: 						25px;
	margin-left: 				10px;
}

.comment-box
{
	margin-top: 				10px;
	padding: 					10px 0px;
	border-bottom: 				1px solid #ddd;
}

.comment-new
{
	padding-left: 				15px;
}


.comment-user-details
{
	float: 						left;
	width: 						200px;
	padding-top: 				8px;
}

.comment-user-details  h4
{
	font-size: 					12px;
}

.comment-user-details .since
{
	font-size: 					10px;
}

.comment-user-details.comment-hide
{
	float:						none;
	width:						100%;
}

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

.comment-user-details span
{
	
	color: 						grey;
	font-weight: 				normal;
	font-size: 					12px;
}

.comment-user-details br
{
	margin-bottom: 				4px;
}

.comment-user-details .author, .comment-user-details .comment-title
{
	font-size: 					14px;
	font-weight: 				bold;
	color: 						#444;
}

.comment-text
{
	float: 						left;
	padding: 					8px 10px;
	width: 						335px;
	font-size: 					12px;
	letter-spacing: 			0.06em;
	word-spacing: 				0.08em;
	line-height: 				1.3em;
	color: 						#333;
}

.comment-box.comment-highlight
{
	background-color:			#CFFFAD;
}

.comment-text.comment-highlight
{
	color:						#0BAF00;
}

.comment-text.comment-hide, .comment-nav-frame.comment-hide
{
	display:					none;
}

.comment-nav-frame
{
	float: 						right;
	text-align: 				right;
}

.comment-nav
{
	padding-top: 				8px;
	height: 					75px;
	width: 						170px;
}
.comment-nav p
{
	padding-top: 				10px;
	color: 						#555;
	font-size: 					10px;
}

.comments-grade-up
{
	padding: 					16px 8px 3px 15px;
	width: 						23px;
	height: 					19px;
	display: 					inline;
	font-size: 					0px;
}

.comments-grade-down
{
	padding: 					10px 8px 8px 15px;
	display: 					inline;
	font-size: 					0px;
}

.grade .comments-grade-up
{
	background: 				transparent url(http://85.14.4.114:8080/snimka/v3/img/ibgws/up_normal.gif) 5px 0px no-repeat;
}

.grade .comments-grade-down
{
	background: 				transparent url(http://85.14.4.114:8080/snimka/v3/img/ibgws/down_normal.gif) 7px 0px no-repeat;
}

.grade .hover-up
{
	background: 				transparent url(http://85.14.4.114:8080/snimka/v3/img/ibgws/up_hover.gif) 7px 0px no-repeat;
	cursor: 					pointer;
}

.grade .hover-down
{
	background: 				transparent url(http://85.14.4.114:8080/snimka/v3/img/ibgws/down_hover.gif) 7px 0px no-repeat;
	cursor: 					pointer;
}

.comments-pagging
{
	padding: 					10px 0px;
}

.comments-pagging a, .comments-pagging span
{
	margin-right: 				4px;
}

.comments-num
{
	font-size: 					8px;
}

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