/* general
----------------------------- */
body { background:#f2f2f2; }
#container { width:984px; background:url(http://movies.apple.com/trailers/images/generic/content_bg.gif) repeat-y 0 0; }
#main { background:url(http://movies.apple.com/trailers/images/generic/content_bgbottom.gif) no-repeat 0 100%; }
#main .clearfix { display:block; *display:inline-block; }
#main .clearfix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; _height:1%; }
#main a.external { position: absolute; right:13px; bottom:-30px; font-size:11px; padding-right:14px; color:#444; font-weight:bold; text-decoration:none; background:url(http://images.apple.com/global/elements/icons/external10x10_ccc999.gif) no-repeat scroll 100% 50%; }
#main a.arrow, #content #movie-description span { color:#444; font-weight:bold; padding-right:7px; text-decoration:none; cursor:pointer; background:url(http://movies.apple.com/trailers/images/generic/arrow.gif) no-repeat 100% 0.4em; }
#main a.arrow.down { padding-right:10px; background:url(http://movies.apple.com/trailers/images/generic/arrow_down.gif) no-repeat 100% 60%; }
#main a.arrow.up { padding-right:10px; background:url(http://movies.apple.com/trailers/images/generic/arrow_up.gif) no-repeat 100% 60%; }
#main a.external:hover, #main a.arrow:hover { color:#08C; text-decoration:underline; }
#main a#tellafriend-trigger { padding-left:25px; text-decoration:none; font-weight:bold; line-height:1em; color:#666; background:url(http://movies.apple.com/trailers/images/generic/icon_send.gif) no-repeat 0 2px; }
#main a#tellafriend-trigger:hover { text-decoration:underline; }
#content { width:932px; padding:20px 26px; background:url(http://movies.apple.com/trailers/images/generic/content_bgtop.gif) no-repeat; }
#content { color:#666; }

/* header
----------------------------- */
#content #header { padding-bottom:0.7em; margin-bottom:28px; background:url(http://movies.apple.com/trailers/images/generic/header_rule.gif) repeat-x 50% 100%; }
#content #header h1 { margin-bottom:0.1em; color:#222; }
#content #header strong { color:#444; display:block; width:40%; float:left; height:16px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content #header strong.g { padding-left:35px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_g.png) no-repeat; }
#content #header strong.pg { padding-left:42px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_pg.png) no-repeat; }
#content #header strong.pg13, #content #header strong.pg-13 { padding-left:63px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_pg13.png) no-repeat 0 0; }
#content #header strong.r { padding-left:35px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_r.png) no-repeat 0 0; }
#content #header strong.nc17, #content #header strong.nc-17 { padding-left:63px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_nc17.png) no-repeat 0 0; }
#content #header strong.nr { padding-left:42px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_nr.png) no-repeat 0 0; }
#content #header strong.notyetrated { padding-left:89px; background:url(http://movies.apple.com/trailers/images/generic/movie_rating_notyetrated.png) no-repeat 0 0; }
#content #header span { display:block; width:40%; float:right; text-align:right; color:#888; font-size:10px; }

/* top content
----------------------------- */
#content .grid3col { position:relative; min-height:23em; _height:23em; }
#content .grid3col .column.first { width:165px; padding:0; }
#content .grid3col .column.second { width:272px; margin-left:0; padding-right:20px;  }
#content .grid3col .column.last { min-height:22.5em; width:465px; padding:0; }
#content #movie-description {  overflow:hidden; }
#content #movie-description p { margin-bottom:0; }
#content #toggle { display:block; height:11px; line-height:11px; margin-top:0.3em; padding-right:15px; text-align:right; font-size:11px; }
#content #toggle a { color:#444; font-weight:bold; outline:none; }
#content ul { margin-top:8px; }
#content ul.details li { clear:both; font-size:11px; }
#content ul.details strong { float:left; display:block; width:55px; color:#444; }
#content ul.details span { display:block; width:206px; float:right; color:#7b7b7b; }
#content ul.details span a { color:#7b7b7b; text-decoration: none; }
#content ul.details span a:hover { text-decoration: underline; }

/* poster Popup
----------------------------- */
#poster { position:relative; }
#poster img { border:1px solid #aaa; cursor:pointer; }
#poster .enlarge { display:none; width:17px; height:17px; position:absolute; left:-7px; top:-6px; _top:-8px; _left:-168px; background:url(http://movies.apple.com/trailers/images/generic/poster_enlarge.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#poster.active .enlarge { display:block; }
#poster-popup { position:absolute; z-index:9999; }
#poster-popup #poster-popupPoster { position:absolute; }
#poster-overlay { position:absolute; width:100%; top:0px; left:0; z-index:9999; }

/* hud
----------------------------- */
#content .hud { position:relative; }
#content .hud .top { width:465px; padding:0; background:url(http://movies.apple.com/trailers/images/generic/hud_bgtop.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .top .padder { width:437px; padding:10px 15px 0 13px; background-image:url(http://movies.apple.com/trailers/images/generic/hud_bgtop_shade.png); background-repeat:no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .close-hud { display:none; }
#content .hud .bottom { position:absolute; height:35px; width:465px; bottom:0; left:0; padding:0; background:url(http://movies.apple.com/trailers/images/generic/hud_bgbottom.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud .bottom .padder { height:10px; padding:0; _height:0; background-image:url(http://movies.apple.com/trailers/images/generic/hud_bgbottom_shade.png); background-repeat:no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content .hud h3 { font-size:13px; color:#444; font-weight:bold; padding:15px 20px 2px; _margin-top:-1px; }
#content .hud .trailer-nav { margin-top:6px; }
#content .hud .trailer-nav li span.arrow span { display:none; height:33px; width:205px; position:absolute; left:0; bottom:0; background:url(http://movies.apple.com/trailers/images/generic/hud_arrowbg.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
/* arrow text */
#content .hud .trailer-nav li { color:#444; font-weight:bold; border-color:#989898; }
#content .hud .trailer-nav li:hover { color:#fff; cursor:pointer; }
#content .hud .trailer-nav li.active span {  color:#fff; }
#content .hud .trailer-nav li a { color:#444; text-decoration:none; outline:none; }
#content .hud .trailer-nav li a:hover { color:#fff;}

/* buttons */
#content .hud .trailer-content h4 { color:#444; }
#content .hud .trailer-content a.ipod { color:#444; }
#content .hud .trailer-content ul li { background:#9aa5bb; }
#content .hud .trailer-content .ipod span * { background:#444; }

/* text under buttons */
#content .hud .trailer-content ul li.blank { background:none; }
#content .hud .trailer-content ul li.tag { color:#666; }


/* single trailer version
----------------------------- */
#content.single .hud { padding-bottom:23px; }
#content.single .grid3col .column.second { width:450px; }
#content.single .grid3col .column.last { width:287px; }
#content.single ul.details span { width:374px; }
#content.single .hud h3 { padding-bottom:10px; }
#content.single .hud .top { width:287px; background:url(http://movies.apple.com/trailers/images/generic/hud_bgtop_single.png) no-repeat 0 0; }
#content.single .hud .top .padder { padding-top:5px; width:259px; background-image:url(http://movies.apple.com/trailers/images/generic/hud_bgtop_shade_single.png); behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .bottom { width:287px; height:23px; background:url(http://movies.apple.com/trailers/images/generic/hud_bgbottom_single.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .bottom .padder { background-image:url(http://movies.apple.com/trailers/images/generic/hud_bgbottom_shade_single.png); behavior:url(/global/scripts/lib/iepngfix.htc); }
#content.single .hud .trailer-content { width:230px; }

/* promo footer
----------------------------- */
#promofooter { padding-bottom:22px; margin:30px 0 6px; font-size:11px; line-height:1.5em; color:#666; background:url(http://movies.apple.com/trailers/images/generic/promofooter_bgbottom.gif) no-repeat 0 100%; }
#promofooter p { margin:0; line-height:1.3em; }
#promofooter h3 { line-height:1.3em; margin-bottom:0.4em; }
#promofooter ul { padding:26px 1px 0; margin:0; background:url(http://movies.apple.com/trailers/images/generic/promofooter_bgtop.gif) no-repeat 0 0; }
#promofooter li { _display:inline; float:left; width:146px; margin:0 20px; }
#promofooter ul li img.thumbnail { border:1px solid #7a7a7a; margin-right:0; }
#promofooter ul li img.left { margin-bottom:10px; }
#promofooter ul li.featured a.button { display:block; width:66px; height:19px; padding-top:2px; padding-left:8px; margin:6px 0 0 71px; border:0; color:#555; text-decoration:none; font-weight:bold; background:url(http://movies.apple.com/trailers/images/generic/promofooter_btn.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }
#promofooter ul li.featured a.button:hover { color:#333; }
#promofooter ul li.featured h3 { margin:5px 0 5px 73px; }

#promofooter ul li span { display:block; width:146px; padding-bottom:18px; }
#promofooter ul li a { color:#666; }
#promofooter ul li a:hover { color:#08c; }

#promofooter ul ol { margin-left:20px; *margin-left:24px; margin-bottom:0; }
#promofooter ul ol li { width:auto; _display:block; float:none; border:0; padding:0; margin:0; }
#promofooter ul ol li span, #promofooter ul ol li br { display:none; }
#promofooter ul ol li strong { font-weight: normal; }
#promofooter ul ol li a, #promofooter .related a { color:#666; font-size:10px; text-decoration:none; }
#promofooter ul ol li a:hover, #promofooter .related a:hover { color:#08C; text-decoration:underline; }
#promofooter ul.related { padding:0; background:none; list-style-position:inside;}
#promofooter .related li { margin:0; }
#promofooter li.title { font-weight: bold; list-style-type:none; }
#promofooter a.arrow:hover { background:url(http://images.apple.com/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 0.4em; }

/* tell a friend
----------------------------- */
#defaultShareMessage, #shareBackMessage { display:none; }
/* share container*/
#sharecontainer { position:absolute; top:0; left:0; margin:0; padding:25px; padding-top:50px; width:935px; }
#sharecontainer h1 { text-align:left; padding-left:15px; margin-bottom:63px; text-indent:-9999px; }		
#sharecontainer .bottom { height:12px; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_bgbottom.gif) no-repeat 0 0;  }
#sharecontainer .top { height:12px; font-size:1px; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_bgtop.gif) no-repeat 0 0; }
#sharecontainer .grid2col { min-height:360px; _height:340px; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_bg.gif) no-repeat 0 0; }
#sharecontainer .grid2col .column.first { position:relative; width:344px; padding-bottom:0px; }
#sharecontainer .grid2col .column.last {position:relative; width:500px; padding-left:50px; padding-top:52px; }
#sharecontainer #sharesubmititem #sendformsubmit { display: block; width:100px; height:21px; border:none; cursor:pointer; background:transparent url(http://movies.apple.com/trailers/images/generic/tellafriend_btn_send.gif) no-repeat; text-indent:-5000px; padding: 20px 0 0 0; }
#sharecontainer #sharesubmititem #sendingbtn { width:100px; height:21px; cursor:default; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_btn_sending.gif) no-repeat; }
#sharecontainer #sharesendagain { display:block; width:170px; height:21px; cursor:pointer; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_btn_sendagain.gif) no-repeat; text-indent:-5000px; overflow:hidden; }
#tellafriend #backtovideo { position: absolute; bottom:20px; left: 35px; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_arrow_back.gif) center left no-repeat; padding-left:10px;}
#tellafriend #backtovideo a { color:#454545;}

/* share form */
#shareformbox h2 { position:absolute; top:-43px; left:0; padding-left:15px; }
#shareformbox form { font-size:11px; position:relative; padding:15px 30px 0; }		
#shareformbox form label { float:left; font-weight:bold; font-size:12px; color:#333; }
#shareformbox form label.normal { margin:1px 0 4px 5px; font-weight:normal; color:#666; font-size:11px; }
#shareformbox form input { font-size:11px; padding:1px; display:block; width:228px; margin-left:50px; margin-bottom:5px; }
#shareformbox form input.default { color:#666; }
#shareformbox form input#shareremail, #shareformbox form input#sharesemail { *margin-top:-20px;}
#shareformbox form input#sharecopyreq { _margin-left:25px; margin-bottom:0; float:left; width:12px; margin-top:4px; *margin-top:0; }
#shareformbox form textarea { width:276px; height:88px; padding:4px; margin:6px 0 25px 0; color:#666; line-height:1.3em; border:1px solid #aaa; font-size:11px; font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
#shareformbox form #sharebacktovideo { width:106px; float:left; }
#shareformbox form #sendformsubmit,
#shareformbox form #sendingbtn { width:98px; float:right; margin:0; }
#shareformbox form #sendformsubmit.hide,
#shareformbox form #sendingbtn.hide { display: none; }
#shareformbox ul { text-align:left; margin:0; }
#shareformbox ul li#sharesnameitem { margin-top:12px; }
#shareformbox ul li#sharesubmititem { margin-bottom:0; height: 22px; }
#shareformbox ul li#sharemessageitem { clear:both; padding-top:12px; _padding-top:4px; }
#shareformbox ul li#sharemessageitem div { margin:0; width:245px; }
#shareformbox ul li#sharemessageitem div#sharecharcontainer { text-align:right; _margin-top:-20px; }
#shareformbox .validation-failed { background: #FFFFE6; }
#shareformbox .validation-advice { display:block; margin:-5px 0 7px 50px; line-height:1.3em; width:192px; font-size: 9px; color:red; }

/* success box */
#shareformbox #shareconfirmation { position:absolute; top:25px; left:25px; text-align:left; }
#shareformbox #shareconfirmation #sharesendagain { display:block; margin-bottom:-10px; }
#shareformbox #shareconfirmation strong { display:block; }

/* share preview */
#sharepreview { position:relative; color:#454545; }
#sharepreview img#movie-poster { position:absolute; top:58px; left:40px; width:134px; height:193px; padding:1px 2px 3px; background:url(http://movies.apple.com/trailers/images/generic/tellafriend_posterbg.gif) no-repeat; }
#sharepreview h3 { margin-bottom:0.4em; margin-left:155px; margin-right:30px; font-size:22px; line-height:1.3em; color:#454545;}
#sharepreview h4 { font-size:16px; margin-bottom:20px; margin-left:155px; font-weight:normal; color:#454545; }
#sharepreview label, #sharecontainer #sharepreview span { font-weight:bold; }
#sharepreview h2 { position:absolute; top:-43px; left:0; _left:-30px; width:162px; padding-left:15px; }
#sharepreview ul { position:relative; float:left; width:295px; text-align:left; margin-left:155px; _margin-left:78px; margin-bottom:0; }
#sharepreview ul li { padding-bottom:10px; }

.hide { display: none; }