/*             styles for the star rater                */
.star-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 75px;
	height: 14px;
	position: relative;
	background: url(/ct/img/star-rating.gif) top left repeat-x;		
}
.outOfFour {
	width: 60px;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:15px;
	height: 14px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	margin:0px;
}
.star-rating li a:hover{
	background: url(/ct/img/star-rating.gif) left bottom;
	z-index: 1;
	left: 0px;
	bottom: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:15px;
}
.star-rating a.two-stars{
	left:15px;
}
.star-rating a.two-stars:hover{
	width: 30px;
}
.star-rating a.three-stars{
	left: 30px;
}
.star-rating a.three-stars:hover{
	width: 45px;
}
.star-rating a.four-stars{
	left: 45px;
}	
.star-rating a.four-stars:hover{
	width: 60px;
}
.star-rating a.five-stars{
	left: 60px;
}
.star-rating a.five-stars:hover{
	width: 75px;
}
		
/* comments */

	.comments_subhead
	{
		font:bold 9pt Verdana, Arial, Helvetica, sans-serif;
		color:#D9B97A;
		padding:0px 0px 0px 10px;
	}
		a.comments_subhead, a.comments_subhead:active, a.comments_subhead:visited
		{
			text-decoration:none;
		}

	.comments_text
	{
		font:9pt Verdana, Arial, Helvetica, sans-serif;
		color:#535353;
		padding:5px 10px 5px 10px;
		line-height: 12pt;
	}
		a.comments_text, a.comments_text:active, a.comments_text:visited
		{
			text-decoration:underline; color:#535353
		}
				
	.comments_text2
	{
		font:8pt Verdana, Arial, Helvetica, sans-serif;
		color:#535353;
		padding:0px 10px 0px 0px;
	}
		a.comments_text2, a.comments_text2:active, a.comments_text2:visited
		{
			text-decoration:underline; color:#535353
		}
		
	.comments_text3
	{
		font:7pt Verdana, Arial, Helvetica, sans-serif;
		color:#535353;
	}
		a.comments_text3, a.comments_text3:active, a.comments_text3:visited
		{
			text-decoration:none;
		}

	.comments_text4
	{
		font:8pt Verdana, Arial, Helvetica, sans-serif;
		color:#535353;
		padding:5px 0px 0px 10px;
	}
		a.comments_text4, a.comments_text4:active, a.comments_text4:visited
		{
			text-decoration:underline; color:#535353
		}
	
	.comments_area
	{
		font:8pt Verdana, Arial, Helvetica, sans-serif;
		color:#535353;
	}
		a.comments_text2, a.comments_text2:active, a.comments_text2:visited
		{
			text-decoration:underline; color:#535353
		}
				
	.comments_title
	{
		font:bold 11pt Arial, Verdana, Helvetica, sans-serif;
		color:#6B79A5;
	}
	
	
	.comments_hr_1
	{
		color:#E2C893;
		background-color:#E2C893;
		padding:0px;
		border:0px;
		height:1px;
	}
	
	.comments_hr_2
	{
		color:#DEDFDE;
		background-color:#DEDFDE;
		padding:0px;
		border:0px;
		height:1px;
		width:588px;
	}
	
	.gobutton 
	{
		color: #FFFFFF;
		background: #999;
		border: thin solid #999;
	}
	
	p.error {
		color: red;
		font-weight: bold;
		margin: 10px 0 auto 10px;
	}
	
	#commentForm p.error {
		margin: 0 0 auto 0;
	}
	
	/* Captcha styles */
	#recaptcha_image,
	#captchaImage,
	#captchaInput,
	#captchaButtons {
		margin: 5px 0;
	}
	
	#recaptcha_image {
		border: 1px solid #000;
		width: 300px;
		height: 57px;
	}
	
	#recaptcha_image img {
		width: 300px;
		height: 57px;
	}
	
	#captchaLabel {
		font-weight: bold;
	}
	
	#recaptcha_response_field {
		width: 300px;
	}
	
	#captchaCaption {
		color: #ababab;
	}
#rateThisMovie,
#rateThisAlbum {
	clear: both;
	display: inline;
	float: left;
	padding: 10px 10px 0px 10px;
	width: 592px;
}
h4#commentFormHeader,
#commentForm fieldset {
	margin: 0 0 0 10px;
	padding: 0;
}
#rateThisAlbum h4,
#rateThisMovie h4,
h4#commentFormHeader {
	clear: left;
	color: #6b79a5;
	font: bold 1.4em Arial,Verdana,Helvetica,sans-serif;
	padding-top: 15px;
}
#rateThisAlbum ul.yourRating,
#rateThisAlbum h4,
#rateThisMovie ul.yourRating,
#rateThisMovie h4 {
	margin: 0px;
	padding: 0px;
}
#rateThisAlbum h4,
#rateThisMovie h4 {
	display: inline;
	float: left;
	padding-right: 10px;
}
#commentEmailDiv label a,
h4#commentFormHeader a {
	text-decoration: none;
}
#commentForm fieldset {
	border: 0;
	position: relative;
}
#commentRating,
#commentFirstNameDiv,
#commentLastNameDiv,
#commentNameDiv,
#commentEmailDiv,
#commentTextDiv,
#captcha,
#commentNewsletterDiv,
#commentSubmitDiv {
	clear: left;
	display: inline;
	float: left;
	margin-top: 15px;
	position: relative;
	width: 600px;
}
#commentForm label {
	position: relative;
	float: left;
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	color: #535353;
}
#commentFirstNameDiv label,
#commentLastNameDiv label {
	width: 100px;
}
#commentForm input.text,
input#recaptcha_response_field {
	padding: 2;
	line-height: normal;
	font: 0.9em Verdana,Arial,Helvetica,sans-serif;
	color: #535353;
	width: 200px;
}
div#starvote {
	margin-left: 15px;
	position: relative;
	float: left;
	display: inline;
	clear: none;
}

#commentForm #commentTextDiv label {
	float: none;
	display: block;
}
textarea#commentText {
	width: 600px;
	height: 100px;
	color: #535353;
}
p#limitText {
	font: normal 0.95em Verdana,Arial,Helvetica,sans-serif;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	color: #535353;
}
p#commentReminder {
	color: #535353;
	margin: 0;
	padding: 5px 10px;
}
#starvote p,
#starresult p {
	display: none;
	visibility: hidden;
}
p#commentsCaveat {
	font-size: 1em;
	color: #ababab;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
input#commentSubmit {
	border: 0;
	height: auto;
}

/* system comment styles */
#commentsHead {
	border-bottom: 1px solid #e2c893;
	float: left;
	margin-bottom: 5px;
	position: relative;
	width: 100%;
}
#commentsHead p.averageRating {
	color: #6b79a5;
	font: bold 1.3em Verdana;
	margin: 0;
	padding: 15px 0;
}
#commentsHead a.moderateComments {
	bottom: 5px;
	position: absolute;
	right: 0;
}
#commentListHead,
.hasPaging {
	background: #6f79a1;
	clear: both;
	color: #f2e6c8;
	height: 16px;
	padding: 4px 0;
	width: 100%;
}
#commentListHead a,
#commentListFoot a,
.hasPaging strong {
	color: #f2e6c8;
	vertical-align: top;
}
.commentTotal {
	display: inline;
	float: left;
	font: bold 1em Verdana,Arial,sans-serif;
	margin: 0;
	padding-left: 4px;
}
#allCommentsLink,
.commentPaging {
	display: inline;
	font-size: 1em;
	float: right;
	margin: 0;
	padding-right: 4px;
}
#commentListFoot,
#commentList {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#commentListFoot {
	margin-top: 10px;
}
#commentList .comment {
	border-bottom: 1px solid #dedede;
	color: #535353;
}
.commenterInfo {
	margin: 10px 0;
	position: relative;
}
p.commentName {
	color: #d9b97a;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.commentDateTime {
	position: absolute;
	right: 10px;
	top: 0;
}
p.commentBody {
	margin: 10px 0;
}
.commentTools {
	padding: 5px 0px;
	text-align: right;
}
.commentTools a {
	display: inline;
	padding: 0px 3px;
}
#commentNameDiv label,
#commentEmailDiv label {
	margin-right: 10px;
	width: 60px;
}
#commentNewsletterDiv {
	margin: 5px 0px 0px 70px;
	width: 530px;
}
#commentNewsletterDiv input.checkbox,
#commentNewsletterDiv label {
	vertical-align: middle;
}
#commentNewsletterDiv label {
	display: inline;
	float: none;
	font-size: 0.95em;
	font-weight: normal;
	padding-left: 5px;
}
#commentNewsletterDiv input.checkbox {
	border: 0;
	margin: 0;
	padding: 0;
}
.backToContent {
	display: block;
	text-align: center;
	width: 100%;
}

/* styles for the new movies/music rating system */
strong.yourRating {
	display: inline;
	float: left;
	padding: 10px 5px 10px 0px;
}
ul.yourRating {
	background: url(/ct/img/stars-sprite.gif) no-repeat 0px 0px;
	height: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px !important;
	position: relative;
	width: 75px;
}
ul.movieRating,
#rateThisAlbum ul.yourRating {
	float: left;
}
ul.movieRating {
	margin: 10px 0px;
	width: 60px;
}
ul.halfstar {
	background-position: 0px -14px;
}
ul.yourRating li.one a:hover,
ul.onestar {
	background-position: 0px -28px;
}
ul.oneandhalfstar {
	background-position: 0px -42px;
}
ul.yourRating li.two a:hover,
ul.twostar {
	background-position: 0px -56px;
}
ul.twoandhalfstar {
	background-position: 0px -70px;
}
ul.yourRating li.three a:hover,
ul.threestar {
	background-position: 0px -84px;
}
ul.threeandhalfstar {
	background-position: 0px -98px;
}
ul.yourRating li.four a:hover,
ul.fourstar {
	background-position: 0px -112px;
}
ul.fourandhalfstar {
	background-position: 0px -126px;
}
ul.yourRating li.five a:hover,
ul.fivestar {
	background-position: 0px -140px;
}
ul.yourRating li {
	cursor: pointer;
	float: left;
	text-align: left;
	text-indent: -999em;
}
ul.yourRating li a {
	height: 14px;
	left: 0px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 15px;
	z-index: 3;
}
ul.yourRating li.two a {
	left: 15px;
}
ul.yourRating li.three a {
	left: 30px;
}
ul.yourRating li.four a {
	left: 45px;
}
ul.yourRating li.five a {
	left: 60px;
}
ul.yourRating li a:hover {
	background: url(/ct/img/stars-sprite.gif) 0px 0px no-repeat;
	height: 14px;
	left: 0px;
	overflow: hidden;
	width: 75px;
	z-index: 2;
}
ul.movieRating li a:hover {
	width: 60px;
}
/* Custom Field Styles */
#commentNotice {
	background-color: #e2e4ec;
	font-size: 0.9em;
	padding: 10px;
	position: absolute;
	right: 0px;
	top: -10px;
	width: 240px;
}
#commentNotice strong { display: block; }
#commentNotice p { font-size: 1em; }