/* Copyright (c) 2006-2009, Apple Inc. All rights reserved. */
#comments
{
	margin-bottom: 12px;
	
	color: #7a7a7a;
	font-size: 11px;
	font-weight: bold;
	
    border: 1px solid #bebebe;
    border-bottom: 1px solid #8d8d8d;
	border-radius: 8px;
	-o-border-radius: 8px;
	-ie-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dedede));
	
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-ie-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#commentsheader
{
	position: relative;
	margin: 0;
	padding: 10px;
	min-height: 20px;
	
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	-webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	cursor: pointer;
}
#commentsheader .icon
{
	position: absolute;
	top: 14px;
	right: 8px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: transparent url(./img/sidebar_disclosure.png) 0 0 no-repeat;
}
#commentsheader:hover .icon
{
	background-position: 0 -14px;
}

#comments.editing #commentsheader
{
	cursor: inherit;
}
#comments.editing #commentsheader > .label
{
    display: none;
}
#comments.editing #commentsheader .icon
{
	background-position: 0 -28px;
}



#commentslist
{
	border-top: 1px solid #d7d7d7;
}


.comment
{
	position:relative;
	margin: 0;
	padding: 10px 10px 50px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d7d7d7;
	word-wrap: break-word;
}
.comment:last-child { border-bottom: none; }

.comment > h4
{
	margin: 0;
	padding: 0;
}

.comment .author,
.comment .extras
{
	color: #b8b8b8;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 178px;
}
.comment .author
{
	height: 36px;
	font-weight: bold;
	line-height: 20px;
}

.comment .author .name,
.comment .extras .datetime
{
    display: block;
    width: 136px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.comment .extras .datetime
{
	font-weight: normal;
}

.comment .author .icon
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width:36px;
	height:36px;
}
.comment .author .icon .mask
{
	background-position:0 -28px;
}


#showcomments
{
	display: none;
}

.activecomment, .activecomment .comment{
	border-color:#ccc !important;
}


.comment_form
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.comment_form .label
{
	font-weight: bold;
	font-size: 16px;
}
#comment_form_author, 
#comment_form_body
{
	font-size: 11px;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;
	width: 178px;
	margin: 5px 0;
	outline: 0;
	border: solid 1px #999;
	border-radius: 4px;
	-o-border-radius: 4px;
	-ie-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#comment_form_body
{
	resize: vertical;
	width: 178px;
	min-width: 178px;
	max-width: 178px;
	height: 73px;
	min-height: 73px;
}
#comment_form_cancel 
{
	display: none;
}
#comment_form_submit
{
	float: right;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 20px;
	
	border-top: 1px solid #A8A8A8;
	border-left: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #9C9C9C;
	border-radius: 4px;
	-o-border-radius: 4px;
	-ie-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	background: #d1d1d1 url(./img/bg_pushbutton.png) 0 0 repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d1d1));
	
	box-shadow: 0px 1px 0px #FBFBFB;
	-webkit-box-shadow: 0px 1px 0px #FBFBFB;
}
#comment_form_submit a
{
	color: #6E6E6E;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
}
.comment_form .submit:after
{
	clear:both;
	content:"";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}



p.unmoderatedcomment{
	margin:5px 5px 10px !important;
	font-size:0.8em !important;
}
.deletecomment{
	background-image:url(./img/controls.png) !important; /* override */
}
.inline_delete_button{
	background-image:url(./img/controls.png) !important; /* override */
}