/* CSS Document */
/* --- Image Styles
-------------------------------------------------------*/
body {text-align: left;}
html body #container a:hover img,
html body #container a:hover img:hover {
	background: none;
	}
		
#primary_column {clear: both; padding-left: 20px;}
#userReviewSection {clear: both;}
#primary_right {padding-left: 15px; margin-left: 5px; width: 317px; border-left: 1px solid #cccccc;}
#main_review {position: relative; width: 435px; height: 400px; float: left; font-family: Arial, Verdana, san-serif; font-size: 12px; color:#000000; border-right: 1px solid #cccccc; margin: 0px; padding: 0px;}

#reviewsSpotlight_1, #reviewsSpotlight_2, #reviewsSpotlight_3, #reviewsSpotlight_4, #reviewsSpotlight_5 {position: absolute; }
#reviewsSpotlight_2, #reviewsSpotlight_3, #reviewsSpotlight_4, #reviewsSpotlight_5 { display: none; }

#main_review div .spotlightPhoto {background: none; border: none;}
#main_review div .slideLinks {font-family: Arial, Verdana, san-serif; font-size: 12px; color: #afafaf; padding: 5px 0px 5px 0px; border-bottom: 1px dashed #cccccc; display: block; height: 15px; width: 425px;}
#main_review div .slideLinks a {color:#477489; border: none; text-decoration: none; padding:0px;}
#main_review div .navigation {float: left; text-align: center; width: 300px; display: inline; padding:0px; }
#main_review div .prev {float: left; display: inline; padding:0px;}
#main_review div .next {float: left; display: inline;  padding:0px;}
#main_review div h3 {clear: both; font-family: Arial, Verdana, san-serif; font-size: 20px; color: #47768a; padding: 10px 0px 5px 0px; margin: 0px;}

#recent_reviews {width: 170px; padding: 0px; margin: 0px 4px 0px 4px;}
#movieselect-div {position: relative;clear: both;}
#listreview-div {clear: both;}
#listreview-div li {padding: 5px 0px 5px 0px; list-style: none; font-family:Arial, Verdana, san-serif; font-size: 12px;}
#listreview-div li a {color:#477489;}

.sidebarModule {text-align: left; clear: both; width: 317px; padding: 0px 10px 10px 10px; margin-bottom: 5px;}
.sidebarModule a.header {color:#477489; font-weight: bold; font-size: 12px;}

#moreReviewsSection {clear: both;}
.superSectionHeader {background: url(/hr/images/bg_mainsection.gif) repeat-x top left; width: 963px; height: 1px; font-size: 1px; font-family: arial, verdana, san-serif; font-weight: bold; color: #ffffff; clear: both; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}
.mainSectionHeader {background: url(/hr/images/bg_section.gif) repeat-x top left; width: 600px; padding: 15px 0px 5px 5px; font-size: 16px; font-family: arial, verdana, san-serif; font-weight: bold; border-bottom: 1px solid #cccccc; clear: both;}
.subSectionHeader {background: url(/hr/images/bg_subsection.gif) repeat-x top left; padding: 5px 0px 2px 5px; font-size: 16px; font-family: arial, verdana, san-serif; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 5px;}

.sectionTitle {font-size: 14px; font-family: arial, verdana, san-serif; font-weight: bold; color: #000000; float: left;}
.moreSectionLink {float: right; font-size: 11px; font-family: verdana, arial, san-serif; padding: 5px 2px 0px 2px;}
.moreSectionLink a { font-size: 11px; }

.sectionModule {border-bottom: 1px solid #cccccc; width: 600px; padding: 5px 0px 5px 0px; clear: both;}
.chartSelection {float: right;}
	.headingblack{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}
.textblack{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
.subheading a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#47768a;
text-decoration: none;
}

.author
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.movie
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#7E7E7E;
}

.button{ font-family:Arial;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-color:#DD242C;
width: 280px;
}

#locationselect-div {width: 180px; float: left; }
#showreview-div {width: 75px; float: left;}
#movieCombo {text-align: left;}
.rightModuleSection {border-left: 1px solid #cccccc; padding-left: 5px;}

ul#listing {padding: 0px; margin: 0px; list-style: none; clear: both;}
ul#listing li {padding: 4px 4px 4px 15px; margin: 0px; background: url(/hr/images/bullet_square.gif) no-repeat 5px 10px; }
ul#listing li a {color: #477489; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal;}
ul#listing li a:hover {color: #da2128; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal;}
#locationselect-div .noTriggerArrow, #movieselect-div .noTriggerArrow {background: none; width: 0px;}

.movieSelectBox {border: 1px solid #cccccc; padding: 5px 0px 5px 3px; width: 600px; margin: 5px 0px 5px 0px;}
.paginationMovieListing {border-bottom: 1px solid #cccccc; padding: 0px 0px 5px 5px;}
.paginationListing {padding: 0px 0px 5px 5px; text-align: center;}
ul#movieListing {padding: 0px; margin: 0px; list-style: none; clear: both;}
ul#movieListing li {padding: 0px; margin: 0px; list-style: none; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal;}
ul#movieListing li.alt {background: #f1f1f1;}
ul#movieListing li a {padding: 4px 0px 4px 5px; color: #477489; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal; display: block;}
ul#movieListing li a:hover {background: #cccccc; color: #da2128; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal; display: block;}


a.prev, a.next, a.pagination  {text-decoration: none; font-size: 12px; font-family: Arial, Verdana, san-serif; color: #477489; border: none;}

.articleList {clear: both; font-family: arial, verdana, san-serif; font-size: 12px; font-weight: normal; padding: 10px 0px 10px 0px;}
.userByLine {font-size: 11px; font-style: italic; color: #afafaf;}
.articleImage {float: left; padding: 0px 5px 5px 0px;}
.articlePhoto {float: left; padding: 0px 5px 5px 0px; clear: both;}
.articleList a {color: #477489; font-family: Arial, Verdana, san-serif; }



.articleLeftModule {float: left; width: 341px; padding-right: 10px;}
.preHeadlineCategory {font-size: 12px; font-family: arial, verdana, san-serif; color: #999999; text-transform: uppercase; clear: both; }
.articleTitle {font-size: 16px; font-family: arial, verdana, san-serif; color: #000000; font-weight: bold; clear: both;}
.articleBody {width: 600px; clear: both;}
.photoCaption {width: 341px; font-size: 11px; font-family: arial, verdana, san-serif; color: #999999; clear: both; float: left;}
.articleBottomLine {font-size: 12px; font-family: arial, verdana, san-serif; color: #000000; padding-bottom: 10px; font-weight: bold;  }
.articleByline {font-size: 12px; font-family: arial, verdana, san-serif; color: #000000; clear: both; line-height: 30px;}

.articlePagination {clear: both; width: 600px; border-top: 1px solid #cccccc; border-bottom:  1px solid #cccccc; font-family: Arial, Verdana, san-serif; font-size: 12px; margin-bottom: 10px;}
.currentPage {position: relative; float: left; width: 250px;}
h4.breadcrumb {padding: 0px; float: left; width: 365px; padding-right: 5px;}
.bookmarkBuzz {float: left; text-align: right; width: 235px; }
.errorMsg {color: #da2128; }
/* --- | Options - Save, Print, Email, Reprints | --- */
	
	#primary_column .options {
		float: right;
		clear: left;
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline;
		
		}
	
		#primary_column .options li { 
			font-weight: bold;
			line-height: 12px;
			list-style: none;
			float: left;
			height: 12px;
			margin-right: 15px;
			display: inline;
			font-size: 11px;
			}
			
		#primary_column	.options li a {
				padding-left: 12px;
				background-position: 0 2px;
				background-repeat: no-repeat;
				display: inline;
				}
				
			#primary_column	.options li a:hover {
					background-position: 0 -18px;
					background-repeat: no-repeat;
					display: inline;
					}
				 
			#primary_column .options li.save a {
				background-image: url(/hr/images/icon_save.gif);
				display: inline;}
			
			#primary_column .options li.print a {
				background-image: url(/hr/images/icon_print.gif);
				display: inline;}
			
			#primary_column .options li.email a {
				background-image: url(/hr/images/icon_email.gif);
				display: inline;}
			
			#primary_column .options li.reprints {
				margin-right: 0;
				display: inline;}
			
			#primary_column .options li.reprints a {
				background-image: url(/hr/images/icon_reprints.gif);
				display: inline;}
				
				
				
#custom-slider {
    width:200px;
    padding-top:10px;
	float: left;
	height: 32px;
}


#slidePosDiv {clear: both;}

.rateAverage {background:transparent url(/hr/images/slider-tip-bg.png) no-repeat top left; height: 42px; width: 42px; float: left; padding: 0px 5px 0px 0px; color: #ffffff; font-weight: bold; text-align: center; font-size: 14px; line-height: 42px;}
.ratingButton {width: 21px; float: left; padding: 6px 4px 0px 4px;}
.rateMovieModule .rateMovieMiddle .ratingButton a img.rateButton { background: none; }

#countUserReviews, #countUserComment {text-align: left; clear: both; font-size: 12px; font-family: arial, verdana, san-serif; font-weight: bold; color: #000000;}
.rateThisFilm {clear: both; font-size: 12px; font-family: arial, verdana, san-serif; font-weight: bold; color: #000000; padding: 5px 0px 5px 0px; text-align: left;}
.reviewsLinkTable {clear: both; text-align: left;}
.rateMovieModule {width: 341px; float: left;}
.rateMovieRight {background: url(/hr/images/rateamovie_right.gif) no-repeat top right; width: 7px; height: 138px; }
.rateMovieMiddle {background: url(/hr/images/rateamovie_bg.gif) repeat-x top left; text-align: center; width: 321px; height: 145px}
.rateMovieLeft {background: url(/hr/images/rateamovie_left.gif) no-repeat top left; width: 7px;  height: 138px;}

.castCrewModule {width: 331px; float: left; clear: both; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px; font-size: 11px; font-family: arial, verdana, san-serif; font-weight: bold; color: #000000; }
.castCrewModule span.red {font-weight: bold;}


.castCrewTitle {width: 341px; float: left; clear: both; background: #000000; font-size: 14px; font-family: arial, verdana, san-serif; font-weight: bold; color: #ffffff; padding: 2px 1px 2px 1px; margin-top: 5px; }

.requiredField {color: #da2128;}
.hitsChartReviewTitle td {font-weight: bold; font-size: 14px; border-bottom: 1px solid #cccccc; padding: 2px; }
.reviewChartRow td {background: #ffffff; border-bottom: 1px solid #cccccc; padding: 2px;  }
.reviewChartRowAlt td {background: #f1f1f1; border-bottom: 1px solid #cccccc; padding: 2px; }
.featuredTitle {font-size: 14px;}

#infocus {
	width: 198px;
	background: #F6F6F6;
	margin: 3px 1px 3px 1px;
	float: left;
	border: 1px solid #E4E4E4;
	font-size:11px;
	height:120px;
}


#albumsModule {
padding: 0px 0px 0px 0px;
margin: 0px;
display: block;
}
	
#singlesModule, #concertsModule {
padding: 0px 0px 0px 0px;
margin: 0px;
display: none;
}

#singlesModuleHeader, #concertsModuleHeader {
background: url(/hr/images/arrow_right.gif) no-repeat 0 6px; 
padding-left: 18px; 
font-size: 14px;
color: #000000;
line-height: 25px;
cursor: pointer;
display: block;
font-weight: bold;
}

#albumsModuleHeader {
background: url(/hr/images/arrow_down.gif) no-repeat 0 6px; 
padding-left: 18px; 
font-size: 14px;
color: #000000;
line-height: 25px;
cursor: pointer;
display: block;
font-weight: bold;
}

.greyLine {
color: #FFFFFF;
background-color: #ffffff;
border-bottom: 1px solid #bbbbbb;
height: 1px;
padding: 0px;
font-size: 1px;
}

.greyDashedLine {
color: #FFFFFF;
background-color: #ffffff;
border-bottom: 1px dashed #bbbbbb;
height: 1px;
padding: 0px;
font-size: 1px;
}

.advertisement {margin-bottom: 10px;}

td.reviewFormLabel {background: #cccccc; width: 80px; padding: 2px;}
.previewForm td {background: #ffffff;}
.previewForm { border: 1px solid #cccccc; width: 100%;}


#review_search_box {
	margin: 0px 0px 0 0px;
	padding: 33px 10px 0 10px;
	width: 387px;
	height: 100px;
	background: url(/hr/images/bg_search_box.gif) no-repeat;
}
/*#review_search_box {
	color: #ffffff;
	}
#review_search_box #s {
	padding: 0;
	margin: 0px 5px 0 5px;
	width: 190px;
	color: #333333;
	height: 13px;
}

#review_search_box #searchType {
	padding: 0;
	margin: 0px 0 0 5px;
	width: 85px;
	color: #333333;
}


.buttons_sponsored_nav {
	margin: 0 0px 0px 0px;
	padding: 6px 0 0 0;
	height: 80px;
background: none;
}

.buttons_sponsored {
	margin: 0 0px 0px 0px;
	padding: 0;
	height: 100px;
} */

#ad_strip {
	clear: both;
	margin-left: 30px; 
height: 138px;
	margin-bottom: 15px;
	background: url(/hr/images/ad_strip_bg_large.gif) no-repeat; /* use ad_strip_bg for small ad strip ... see justin for more info */
	border-top: 1px solid #fff;	/* So the header has a margin to work off */
	z-index: 10000;
	}

.userProjectReview{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	text-transform: uppercase;

}
.quickLinks{	
	padding: 5px 0 0 20px;
	font-family: arial;
	font-size: 8.5pt;
	font-weight:bold;
	float:left;
	width: 960px;
}
.quickLinks a{
	color: #477489;
	text-decoration: none;
}
.quickLinks a:hover{
	color: #DA2128;
	text-decoration: none;
}

#boxODiv{
	font-family: verdana;
	color: #999999;
	font-size: 8pt;
}
#boxODiv .rankTD{
	float:left;
	padding-left: 5px;
	width: 5%;
	height: 30px;
}
#boxODiv .titleTD{
	float:left;
	width: 49%;
	height: 30px;
	color: #477489;
}
#boxODiv .grossTD{
	float:left;
	width: 25%;
	height: 30px;
}
#boxODiv .commentsTD{
	float:left;
	width: 19%;
	height: 30px;
}
#boxODiv .commentsTD img{
	position: relative;
	top: 8px;
	left: 20px;
}
#boxODiv span{
	padding: 5px 0;
}
#boxODiv .evenRow span{
	background-color: #f1f1f1;
	border-bottom: 1px solid #CCCCCC;
}
#boxODiv .oddRow span{
	background-color: #ffffff;
	border-bottom: 1px solid #CCCCCC;
}
#boxODiv .titleDiv{
clear:both;
}
#boxODiv .titleDiv span{
	height: 20px;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 0;
}
#boxODiv .sourceBy{
	color: #999999;
	font-size: 7pt;
}
#boxOfficebox{
	background: url(/hr/images/topbox_bg.gif) repeat-x;
	font-family: verdana;
	width: 229px;
	font-size: 8pt;
	padding: 5px 5px 20px 5px;
	float:left;
	margin-right: 5px;
}
#boxOfficebox .botitle{
	color: #da2128;
	font-weight:bold;
}
#boxOfficebox .bodate{
	font-style:italic;
}
#boxOfficebox .bopos{
	font-weight:bold;
	padding-right: 10px;
}
#boxOfficebox .bogross{
	
	font-weight:bold;
}
#boxOfficebox span.notbold{
	font-weight:normal;
}
#boxOfficebox a{
	float:right;
	color: #46748b;
	font-size: 7pt;
}
#boxOfficebox a:hover{
		color: #DA2128;
}

#rating_msg{
	clear:both;
	font-style: italic;
	font-size: 8pt;
	text-align:center;
	padding-bottom: 5px;
}