/*------------------------------------------------------------------	
    Fandango Video 3.0 CSS declarations
-------------------------------------------------------------------*/
.video .trailers .pageHeader, .video .trailers h1 { background:none repeat scroll 0 0 #454545; color:white; padding-top:8px; position:relative; }
.video .trailers h1 span { font-weight: normal;}
.video .trailers.sponsored .pageHeader { background:url(../images/global/bg_content_hdtrailers.gif) repeat-x scroll left bottom #454545; padding-bottom: 15px;}
.trailers.detail #vidTitle { font-weight: bold;font-size: 1.454em; width: 430px; background: none; padding: 10px 0 0 0; margin: 0 0 5px 8px; color: #fff; clear: none;}
.video #sub_content h2 { text-indent: -999em;}
.video #container.trailers.twoCol300 #main { background: url(../images/global/bg_main_2col_300.gif) repeat-y scroll 1px 0 #FFFFFF; }
.video .trailers #content { background: transparent url(../images/global/bg_content_hdtrailers.gif) repeat-x scroll left top; padding-top:7px; }

/* trailers search area */
#trailerSearch { padding: 10px 0px; text-align: right;}

/* featured area */
#featured {height: auto; position:relative;width:620px; margin-bottom: 17px;}
#featuredContent { background: transparent url(../images/global/hex000-50.png) repeat 0 0; width: 200px; padding: 18px 18px 0px 18px; height: 259px; font-size: 0.908666em; position:absolute;right:7px;top:1px; color: #fff; text-shadow: 1px 1px 1px #000;}
#featuredContent h2 { font-size: 1.6em; font-weight: bold; text-indent: 0px; background: none; line-height: normal; color: #fff; height: auto; margin-bottom: 18px;}
#featuredContent p { font-size: 1.4em;}
#fPlayer { width: 620px; height: 349px; background: #0c0c0c;}

#featuredTrailers {	padding:10px 10px 0px 10px; position:relative; background: #232323; }
#featuredTrailers #featured #hdFeaturedImageLink { border: 1px solid #666666; width: 618px; height: 277px; overflow: hidden; display: block;}
#content #otherFeatured { background: none; margin-bottom: 0px;}
#content #otherFeatured h2 { color: #fff;}

.pageActions {float: right; padding-top: 10px; width: 174px; text-align: right;}
.pageActions a { color:#9CBFF0; font-weight: bold; }
.pageActions .buyTickets {background: transparent url(../images/9150/icons_sprite.png) no-repeat 0 -946px; padding-left: 30px; margin-top:8px; display: inline-block;}
.pageActions #sharethisTrailer {background: transparent url(../images/9150/icons_sprite.png) no-repeat 0 -1044px; padding-left: 18px;}
p.synopsis { padding-left: 8px; color: #fff; width: 464px;}

.clipList {overflow: auto; padding-bottom: 35px; zoom: 1;}
.clipList li {float: left; width: 135px; padding: 4px 10px 0px 10px; }
.clipList li .imgClip { width: 135px; height: 76px; overflow: hidden; display: block;}
.clipList li img { width: 135px; height: 97px;}
.clipList li a { color: #9cbff0; font-weight: bold; width: 135px; display: block; position: relative;}
.clipList li .nowPlaying {display: none;}
/*.clipList li.sponsored .imgClip { padding-bottom: 13px; background: transparent url(../images/global/video3-sponsored.png) no-repeat 0 bottom;}*/
.clipList li.selected .nowPlaying { position: absolute; left: 0px; top:-4px; display:block; background: transparent url(../images/global/video3-nowPlaying.gif) no-repeat 0 0px; width: 135px; height: 80px; }
.clipList li.selected a.image:hover .hoverMask { display: none;}
#sub_content #featuredVideos .clipList { margin: 0px; padding-bottom: 0px;}
#featuredVideos .clipList li { padding: 0px 0px 16px 10px; }
#featuredVideos .clipList li a { color:#3366CC; font-weight: normal;}
#featuredVideos .clipList li a .videoTitle {padding-top: 4px; display: block;max-height:14px;}
#loading.ajaxLoad { background: #fff url(../images/global/ajax-loader-32.gif) no-repeat 50% 40%; vertical-align: middle; display: block; height: 100%; width: 100%; position: absolute; top: 42px; left: 0px; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);}

#container, #main {position:static;}
.listItem { float: left; margin:0 18px 0 10px; width:96px; height: 222px; background: #fff;}

.listItem a.image { width: 94px; display: block; position: relative; overflow: hidden; cursor: default;}
.listItem a[href] { cursor: pointer;}
.listItem a[href]:hover .videoCount { width: 100%; height: 100%; opacity: 1; filter: alpha(opacity=100);}
/*.listItem.noVideos a.image:hover .videoCount {opacity: 0.5; filter: alpha(opacity=50);}*/
.listItem .image img { display: block; }
.listItem .image span { display :block; }
.videoCount { background: #9cbff0; text-transform: uppercase; padding: 2px 4px; color: #232323; opacity: 0.5; filter: alpha(opacity=50); font-size: 0.908666em; font-weight: bold;}
#content .videoTitle { display: block; font-weight: bold; font-size: 1.086666em; padding-top: 4px; line-height: 1.09em; width: 100%; }
.releaseInfo { color: #333; font-size: .908666em; font-weight: bold;}

.posterView a.image:hover .hoverMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: transparent url(../images/global/hoverMask-posters.png) no-repeat 0 0;}
.clipList a.image:hover .hoverMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: transparent url(../images/global/hoverMask-clips.png) no-repeat 0 0;}
.posterView a.image.noVideos:hover .hoverMask {display:none;}

.posterView { overflow: hidden; }
.video .hdtrailers #inTheaters .pageControl span { display: inline; visibility: visible;}
.video #content #inTheaters,
.video #content #movieOverview,
.video #content #photos,
.video #content #comingSoon { background: #fff; padding: 0px 10px; position: relative;}
.video #content .module .wrapper {padding-left: 8px; overflow: auto; clear: both;}
.video #content .module .pageControl {color: #333;position:absolute;text-align:right;top:13px;width:620px;line-height: 10px;}
.video .trailers #content .module h2 { 
	background: none; 
	border-bottom: 1px solid orange;
	text-indent: 8px;
	margin-bottom: 16px;
	color: #333;
	font-size: 1.454em;
	min-height: 0px; line-height: 20px; padding-bottom: 5px; padding-top: 10px;
}	
.qualityToggle { position: absolute; left: 75px; top: 12px; font-size: 1.2em; color: #5d5d5d;}
.qualityToggle a {color: #9CBFF0; font-weight: bold; padding: 0px 4px;}
.qualityToggle a.selected {color: #ffffff; }

/* sponsored full player */
.sponsored #topContent { background: #232323; width: 940px; padding: 10px;}
.video .sponsored #content { padding-top: 0px; background: none;}
.video .sponsored #sub_content { padding-top: 10px; background: none;}
.sponsored #featuredTrailers { padding-top: 0px;}

.video #content #otherFeatured .pageControl { color: #fff;}
.pageControl {font-weight: bold; font-size: 1.09133em;}
.pageControl span { vertical-align: middle;}
.pageControl img.forward { width: 15px; height: 15px; background: transparent url(../images/9150/icons_sprite.png) no-repeat -15px -1010px; vertical-align: middle; }
.pageControl img.back { width: 15px; height: 15px; background: transparent url(../images/9150/icons_sprite.png) no-repeat 0px -1010px; vertical-align: middle;}
.pageControl a { opacity: 1; filter: alpha(opacity=100);  }
.pageControl img.disable { opacity: 0.5; filter: alpha(opacity=50); background-color: #fff;}
#otherFeatured .pageControl img.disable { opacity: 0.5; filter: alpha(opacity=50); background-color: #232323;}
.seeMore { background: transparent url(../images/global/arrow_blue.png) no-repeat right 3px; padding-right: 12px;}

#photos ul { padding-left: 8px; overflow: auto;}
#photos ul li { padding-left: 30px; float: left; /*overflow: hidden; width: 94px; height: 94px; */}
#photos ul li:first-child { padding-left: 0px; }
#photos ul li img { /*min-width: 94px; min-height: 94px;*/ }

#movieOverview .poster { float: left;}
#movieOverview .btn_buy {background:url("../images/9150/buttons_sprite.png") no-repeat scroll 0 0 transparent;height:20px;width:95px; margin-top: 7px;}
#movieOverview iframe { margin-top: 10px; }
#movieOverview .info { margin-left: 105px; font-size: 1.09133em; }
#movieOverview .info ul {margin-bottom: 6px;}
#movieOverview .info li {padding-bottom: 3px;}
.info ul li .rating_icn{ background:transparent url(../images/9150/mpaa-rating-small-dark.png) no-repeat scroll 0 0; margin-top: 3px; display: block;float: left;height: 10px;margin-right:5px;text-indent: -9999px;}
.info ul li .rated_g {background-position: 0 0;width: 11px;}
.info ul li .rated_pg {background-position: -11px 0;width: 18px;}
.info ul li .rated_pg13 {background-position: -29px 0;width: 30px;}
.info ul li .rated_r {background-position: -59px 0;width: 12px;}
.info ul li .rated_nc17 {background-position: -71px 0;width: 29px;}
.info ul li .rated_nr {background-position: -100px 0;width: 21px;}
.info ul li .rated_desc {float: left;padding: 0px;}

/* ratings module */
#avgRatings { font-size: 0.916666em;}
.aggregateRatings { border: 1px solid #CCCCCC; padding-left: 12px; overflow: auto;border-width: 1px 0 1px 1px; float: left;width: 187px;}
.aggregateRatings a.action {*display:inline-block;}
.video #content .module #scenarioWrapper .wrapper {overflow:visible; clear:none;padding-left:0px;}
#pubRatings { float: left; overflow: auto; padding: 8px 0; }
#colThree320 #avgRatings .aggregateRatings.noRate #pubRatings { border:none; margin-bottom:0;}
#avgRatings h3 {font-size:1.18111em; padding-bottom: 5px; line-height: 1em;}

#scenarioWrapper { float: left; padding-top: 9px;padding-left:13px;border: 1px solid #ccc;border-width: 1px 1px 1px 0;width: 290px; height: 94px;}
.scenario { overflow: hidden; position: relative; z-index:2; width:290px; height: 83px;background: #fff;}
.scenario .input_text {border: 1px solid #CCCCCC;display: inline;font-size: 11px;height: 18px;margin: 5px 0 0 8px;padding: 4px 2px 1px 3px; width: 209px;}
.scenario .actions { clear:both; width: 279px; padding: 4px 0px 10px 0px;}
.scenario .actions #saveComment { margin-top: -4px; float: right;}
.rateOption {position: absolute; right:13px; top:0;text-align: center;}
.rateOption p { margin-bottom: 4px;}

.custReview {width: 158px; padding:2px 8px 0px 0px;margin-left: 60px;}
.custReview .pageActions { padding-top: 3px;float:none;text-align:left;}

.averageRating { min-height: 87px;float: left; width: 102px; padding-left: 14px; border-right: 1px solid #ccc; }
.averageRating:first-child { padding-left: 0px; padding-right: 7px; width: 62px; }
.averageRating:first-child .action br { display: none;}

#loginPrompt span { padding: 0px 10px 0px 6px;}
#custQuickComment .ratingScale, #custQuickCommentSaved .ratingScale {float: left;}

/* for static use */
.your-rating #custBuzzRate, .your-rating #custRating {position:relative;opacity:1;filter:alpha(opacity=100);display:block;}
.your-rating #custRating a {position:relative;left:auto;}

/* for dynamic use*/
#custBuzzRate a, #custRating a { display: inline-block; margin-right: 3px; width: 51px;vertical-align: middle;margin: 0 2px 0 0;;padding:0;}

#custBuzzRate > span { padding:0 3px 0 10px;}
#custBuzzRate, #custQuickCommentSaved {position:absolute;z-index:5;}
#custRating {opacity:0;filter:alpha(opacity=0);position:absolute;}
#custRating.z1 { z-index: 10;}
#custRating a { position: absolute; }

#scenarioWrapper #custRating .wrapper { width: 276px; height: 40px; }
#custRating, #custQuickComment{ display: none;}
.ratings-links { line-height: 1.4em; margin: 0 0 0 59px; padding: 8px 0 0;}

.ratingGroup { border: 1px solid #d6d6d6; padding: 10px 0px 10px 10px; overflow: auto;}
.ratingGroup a {font-weight: bold;}
.ratingGroup > div { float: left; border-left: 1px solid #d6d6d6; min-height: 60px; margin-right: 14px; padding-left: 15px; }
.ratingGroup > div:first-child { border: none;}
.ratingGroup .fanrating { width: 168px; padding-left: 0px; }
.ratingGroup .metacritic { width: 116px; }
.ratingGroup .csm { width: 148px; margin-right: 0px;}

#metascore_num span.metascore {float:left;font-size:2.5em;font-weight:bold;line-height:1em;padding-right:5px;}
div.rating_0, div.rating_1, div.rating_2, div.rating_3, div.rating_4, div.rating_5 { text-indent: -999em; }
/* -----------------------------------*/
/* =Common Sense Media                */
/* -----------------------------------*/
.csm_on, .csm_iffy, .csm_off, .csm_notkids{background:url("../images/moviepage/csm-ratings_sprite.png") no-repeat scroll 0 0 transparent;display:block;float:left;height:43px;position:relative;width:55px;}
.csm_on{background-position:-1px -49px;}
.csm_iffy{background-position:-61px -49px;}
.csm_off{background-position:-61px 0;}
.csm_notkids{background-position:-11px 0;width:45px;}
.csm_notkids img{display:none;}
 
.csm_1, .csm_2, .csm_3, .csm_4, .csm_5, .csm_6, .csm_7, .csm_8, .csm_9, .csm_10, .csm_11, .csm_12, .csm_13, .csm_14, .csm_15, .csm_16, .csm_17{background:url("../images/moviepage/csm-ratings_sprite.png") no-repeat scroll -123px 0 transparent;display:block;height:18px;position:relative;top:11px;}
.csm_1, .csm_2, .csm_3, .csm_4, .csm_5, .csm_6, .csm_7, .csm_8, .csm_9{left:27px;width:11px;}
.csm_10, .csm_11, .csm_12, .csm_13, .csm_14, .csm_15, .csm_16, .csm_17{left:25px;width:18px;}
.csm_1{background-position:-123px 0;}
.csm_2{background-position:-141px 0;}
.csm_3{background-position:-161px 0;}
.csm_4{background-position:-181px 0;}
.csm_5{background-position:-201px 0;}
.csm_6{background-position:-221px 0;}
.csm_7{background-position:-240px 0;}
.csm_8{background-position:-124px -26px;}
.csm_9{background-position:-145px -26px;}
.csm_10{background-position:-166px -26px;}
.csm_11{background-position:-194px -26px;}
.csm_12{background-position:-219px -26px;}
.csm_13{background-position:-125px -54px;}
.csm_14{background-position:-152px -54px;}
.csm_15{background-position:-180px -54px;}
.csm_16{background-position:-207px -54px;}
.csm_17{background-position:-234px -54px;}
.csmreviews { width:auto; float:left;font-weight:bold;left:5px;position:relative;top:14px;}

.video .fandangohdtrailers #sub_content #photo_galleries {background:#FFFFFF;margin:30px auto 0;}
.video #sub_content #photo_galleries h2 {background:transparent url(../images/9150/hd-trailer_sprite.png) no-repeat scroll 0 0;margin:0 0 10px;text-indent:-999em;}
.video #sub_content #moreVideos h2 {background:transparent url(../images/9150/hd-trailer_sprite.png) no-repeat scroll 0 -112px;margin:0 0 10px;text-indent:-999em;}
.video #sub_content #featuredVideos h2 {background:transparent url(../images/9150/hd-trailer_sprite.png) no-repeat scroll 0 -140px;margin:0 0 10px;text-indent:-999em;}
#sub_content #photo_galleries ul {margin:0;}
#photo_galleries li {clear:both;display:block;height:auto;margin:0 6px;overflow:auto;padding:8px 0;width:280px;}
#photo_galleries li img {float:left;margin-left:8px;margin-right:8px;}
#photo_galleries li h3 {font-size:1.1em;}
#featuredVideos .highlight { margin: 0 10px 10px 10px; border-bottom: 1px solid #d6d6d6; overflow: auto; padding-bottom: 12px; }
#featuredVideos .highlight a .imgClip { width: 135px; height: 76px; float: left; overflow: hidden;}
#featuredVideos .highlight a .imgClip img { width: 135px;}
#featuredVideos .highlight a { width: 100%; outline: none;}
#featuredVideos .highlight .videoTitle { margin-left: 145px; display: block;}
#featuredVideos .highlight .play { margin-top: 6px;display: block; width: 48px; height: 19px; background:transparent url(../images/9150/icons_sprite.png) no-repeat scroll 0 -1063px;}

#sub_content .module .tabs { margin: 0px; -moz-border-radius:0px; border-radius: 0px; -webkit-border-radius: 0px; padding:0;}
#sub_content .module .tabs li { width: 50%;}
#moreVideos div { padding: 0px 10px; }
#moreVideos div ol li { list-style: none; height: auto; vertical-align: middle; margin-bottom: 7px; overflow: auto;}
#moreVideos div ol li img { float: left; margin-right: 10px; width: 105px; vertical-align: top; height: auto; overflow: hidden; background: #333;}

#hdFeaturedTitleLink.btn_watch_video {display:block;text-indent:-500em;background: transparent url("../images/9150/buttons_sprite.png") no-repeat scroll 0 -574px ;height:20px;width:127px;}

.trailers #sub_content .freshlypoppedmovieblog h2 {background:#DE6700 url(../images/9150/theater_sprite.png) repeat-x scroll 0 0;margin:0 0 10px;text-indent:-9000px;width:300px;}
.trailers #sub_content .freshlypoppedmovieblog h2 a{display:block;height:28px;text-indent:-999em;width:300px;}
.trailers #sub_content .freshlypoppedmovieblog .blogs li {overflow:auto;padding-bottom:12px;}
.trailers #sub_content .freshlypoppedmovieblog img {float:left;margin-right:6px;}
.trailers #sub_content .freshlypoppedmovieblog .blogs span {display:block;margin-left:72px;}
.trailers #sub_content .freshlypoppedmovieblog h4 {font-size:1em;}
/* pivot */
.pivot { position: absolute; left: 190px; font-weight: bold; font-size: 1.09em; top: 1.3em; line-height: 1em;}
/* interstitial styles */
.auditoriumType { display: none; position: absolute; background: #3f3f3f; text-align: left; right: -10px; top: 31px; z-index:5; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #252525;}
.auditoriumType li { border-bottom: 1px solid #4a4a4a; border-top: 1px solid #353535;}
.auditoriumType li a { padding: 7px 9px; display: block;}
.pageActions .buyTickets {cursor: pointer; line-height: 16px;}
.pageActions .auditoriumType .buyTickets { padding: 0 5px 0 30px;margin-top:0px; }
.pageActions .auditoriumType li:first-child { padding: 5px; border-top: 0px; background: #4a4a4a;}

#sub_content #moreVideos .tabs { margin-bottom: 10px;}

/* styles for tabs module */
#moreVideos li[name="recentlyAdded"].ui-state-active span { background: url("../images/9150/hd-trailer_sprite.png") no-repeat scroll 0 -112px transparent; margin: 0 0 10px; text-indent: -999em; }
#moreVideos li[name="mostViewed"].ui-state-active span { background: url("../images/9150/hd-trailer_sprite.png") no-repeat scroll 0 -168px transparent; margin: 0 0 10px; text-indent: -999em; }
#moreVideos li[name="recentlyAdded"] span { background: url("../images/9150/hd-trailer_sprite.png") no-repeat scroll -353px -112px transparent; margin: 0 0 10px; text-indent: -999em; }
#moreVideos li[name="mostViewed"] span { background: url("../images/9150/hd-trailer_sprite.png") no-repeat scroll -353px -168px transparent; margin: 0 0 10px; text-indent: -999em; }