@import url('/global/styles/slider.css');
/*-----------------------------------------------------------------------------
  layout
-----------------------------------------------------------------------------*/
#isWin, #headerwin { display:none; }
#container {
	margin-top: 0px;
	_margin-top:0;
	padding-top:1px;
	border-bottom: 2px;
}
#main #content .contentfooter { clear:both; padding-top:15px; margin:0 -15px -18px; height:18px; background:url(http://images.apple.com/quicktime/images/contentfooter.gif) no-repeat bottom right; }
#main #content {
	width:80%;
	padding:22px 22px 22px;
	margin-bottom:0px;
	float:none;
	border:1px solid #797c81;
	margin-left: auto;
	margin-right: auto;
}
#main .grid2cola .column.first { width:530px; }
#main .grid2cola .column.last { width:200px; }
#main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:46%; }
#main #sidenav { width:185px; float:left; }
#main a { outline:none; }

/*-----------------------------------------------------------------------------
  header
-----------------------------------------------------------------------------*/
#main #header { float:right; width:780px; background:url(http://images.apple.com/quicktime/images/header_bg.jpg) repeat-x left top;margin-bottom:-3px; }
#main #header.hero { width:778px; border-left:1px solid #787c7f; border-top:1px solid #787c7f;  border-right:1px solid #787c7f; }
#main #header img {  }
#main #header img.headertitle { float:left; margin-left:45px; margin-top:75px; }
#main #header img.headericon { float:right; margin-right:45px; }
#main #headernav { float:right; width:778px; border:1px solid #1D2434; padding-bottom:0px; margin-bottom:0px; background:url(http://images.apple.com/quicktime/images/nav_footer_bg.jpg) repeat-x 0 0; }
#main #headernav li { display:inline; }
#main #headernav a {display: block; height:2.5em; line-height:2.5em; float:left; width:155px; text-align:center; color: white; font-weight:bold; font-size:11px; text-decoration: none; background: #1D2435 url(http://images.apple.com/quicktime/images/nav_bg.gif) repeat-x top right; }
#main #headernav a.last { width:158px; }
.guide #main #headernav a { width:111px; }
.guide #main #headernav a.last { width:112px; }
#main #headernav a:hover {background-color: #495A77; background-position: top left; border-bottom-color: #384563;}

#specs #main #headernav a.specs,
#technologies #main #headernav a.technologies,
#resources #main #headernav a.resources,
#tutorials #main #headernav a.tutorials,
#faq #main #headernav a.faq,
.guide.hd #main #headernav a.hd,
#guide #main #headernav a.music,
#entertainment #main #headernav a.entertainment,
.guide.appleevents #main #headernav a.events { background:#687EA3 url(http://images.apple.com/quicktime/images/nav_hi_bg.gif) repeat-x top left; border-bottom-color: #4A5C82; }

/*-----------------------------------------------------------------------------
  sidenav
-----------------------------------------------------------------------------*/
#main .sidebox { font-size:11px; color:#76797c; line-height:1.3em; padding:0 12px 0; margin:0 0 1.6em; background:url(http://images.apple.com/quicktime/images/sidebox_bg.gif) repeat-y 0 0; }
#main .sidebox .inside { margin:0 -12px; _margin-top:-10px; _zoom:1; padding:0px 12px 0; background:url(http://images.apple.com/quicktime/images/sidebox_bggradient.gif) no-repeat 0 0; }
#main .sidebox .clearer { height:6px; margin:0 -12px; background:url(http://images.apple.com/quicktime/images/sidebox_bgbottom.png) no-repeat bottom left; behavior:url(/global/scripts/lib/iepngfix.htc); }
#main .sidebox ul, #main .sidebox ol { margin-bottom:12px; }
#main .sidebox h2 a, #main .sidebox h2 { display:block; height:17px; text-indent:-9999px; padding:0 12px 8px; margin:0 -12px 0em; background:url() no-repeat 0 0; border:0; }
#main #sidenav #promofader { width:186px; height:141px; margin-bottom:18px; }
#main #sidenav #promofader a { display:block; width:186px; height:141px; text-indent:-9999px; }

#promofader #adpromo1 { background:url(http://images.apple.com/quicktime/images/ad_iphone1.jpg)  no-repeat 0 0; } 
#promofader #adpromo2 { background:url(http://images.apple.com/quicktime/images/ad_itunes1.jpg)  no-repeat 0 0; } 
#promofader #adpromo3 { background:url(http://images.apple.com/quicktime/images/ad_iphone2.jpg)  no-repeat 0 0; } 
#promofader #adpromo4 { background:url(http://images.apple.com/quicktime/images/ad_itunes2.jpg)  no-repeat 0 0; } 
#promofader #adpromo5 { background:url(http://images.apple.com/quicktime/images/ad_iphone3.jpg)  no-repeat 0 0; } 
#promofader #adpromo6 { background:url(http://images.apple.com/quicktime/images/ad_itunes3.jpg)  no-repeat 0 0; } 
#main img.space {margin-bottom: 20px; }
#main .sidebox#quicktimenav h2 a { background-image:url(http://images.apple.com/quicktime/images/sidebox_bgtop_quicktimenav.gif); }
#main .sidebox#quicktimenav ul { margin-bottom:5px; padding-top:5px;}
#main .sidebox#quicktimenav ul li a { display:block; font-size:12px; line-height:2em; height:2em; color:#333; text-decoration:none; margin:0 -12px; padding:0 12px; }
#main .sidebox#quicktimenav ul li a:hover { background-color:#ddd; }

.download #main #quicktimenav #download a,
.player #main #quicktimenav #player a,
.guide #main #quicktimenav #guide a,
.whyqt #main #quicktimenav #whyqt a,
.pro #main #quicktimenav #pro a,
.mpeg2 #main #quicktimenav #mpeg2 a,
.broadcaster #main #quicktimenav #broadcaster a,
.streamingserver #main #quicktimenav #streamingserver a { background-color:#a7a7a7; color:#fff; }

.download #main #quicktimenav #download a:hover,
.player #main #quicktimenav #player a:hover,
.guide #main #quicktimenav #guide a:hover,
.whyqt #main #quicktimenav #whyqt a:hover,
.pro #main #quicktimenav #pro a:hover,
.mpeg2 #main #quicktimenav #mpeg2 a:hover,
.broadcaster #main #quicktimenav #broadcaster a:hover,
.streamingserver #main #quicktimenav #streamingserver a:hover { background-color:#a7a7a7; text-decoration:none; }

#main .sidebox#movietrailers h2 a { background-image:url(http://images.apple.com/quicktime/images/sidebox_bgtop_movietrailers.gif); }
#main .sidebox#movietrailers .slideritem { display:none; }
#main .sidebox#movietrailers .slideritem.active { display:block; position:absolute; margin:-210px 15px 0; }
#main .sidebox#movietrailers #trailerslider { height:220px; padding:8px 0 .6em; margin:0 -14px; overflow:hidden; }
#main .sidebox#movietrailers #trailerslider .ACSliderPageNav { margin-top:10px; width:62px; margin-left:-30px; }
#main .sidebox#movietrailers #trailerslider .ACSliderPreviousArrow { left:8px; }
#main .sidebox#movietrailers #trailerslider .ACSliderNextArrow { right:8px; }
#main .sidebox#movietrailers #trailerslider .ACSliderMaskDiv { margin:0 27px; width:134px; height:209px; }
#main .sidebox#movietrailers #trailerslider .ACSliderMaskDiv ul li { float:left; width:134px; height:193px; }

#main .sidebox#podcasts h2 a { background-image:url(http://images.apple.com/quicktime/images/sidebox_bgtop_podcasts.gif); }
#main .sidebox#podcasts .podcastslideritem { display:none; }
#main .sidebox#podcasts .podcastslideritem.active { display:block; position:absolute; margin:-210px 15px 0; }
#main .sidebox#podcasts #podcastslider { height:220px; padding:8px 0 .6em; margin:0 -14px; overflow:hidden; }
#main .sidebox#podcasts #podcastslider .ACSliderPageNav { margin-top:10px; width:62px; margin-left:-30px; }
#main .sidebox#podcasts #podcastslider .ACSliderPreviousArrow { left:8px; }
#main .sidebox#podcasts #podcastslider .ACSliderNextArrow { right:8px; }
#main .sidebox#podcasts #podcastslider .ACSliderMaskDiv { margin:0 27px; width:134px; height:209px; }
#main .sidebox#podcasts #podcastslider .ACSliderMaskDiv ul li { float:left; width:134px; height:193px; }

/*
.download #main #sidenav #promos,
.troubleshooting #main #sidenav #promos,
.affiliates #main #sidenav #promos,
.buy #main #sidenav #promos,
.feedback #main #sidenav #promos,
.gallery #main #sidenav #promos,
.guide #main #sidenav #promos,
.resources #main #sidenav #promos,
.broadcaster #main #sidenav #promos,
.pro#keyinstall #sidenav #promos { display:none; }
*/
/*-----------------------------------------------------------------------------
  sidebar
-----------------------------------------------------------------------------*/
#main .sidebar { padding-left:10px; color:#333; line-height:1.5em; }
#main .sidebar .box { width:200px; margin:0 auto 10px; background: #E8E8E8 url(http://images.apple.com/quicktime/images/sidebar_bg.gif) no-repeat left bottom; padding-bottom: 4px; }
#main .sidebar .box p, #main .sidebar .box ul, #main .sidebar .box ol, #main .sidebar .box h4 { padding:0 8px; 4px; margin-bottom:10px; }
#main .sidebar .box h3 {width:180px; padding: 6px 8px; margin-bottom: 6px; border: 2px solid #2D3239; border-bottom: none;  background: #3B424A url(http://images.apple.com/quicktime/images/sidebar_header_bg.gif) repeat-x top left; color: white; font-size: 11px;}
#main .sidebar .box h4 {margin-top: 5px; padding-bottom: 0; margin-bottom:0;}
#main .sidebar .box .last { margin-bottom:5px; }
#main .sidebar .box img.left { margin-right:8px; }
#main .sidebar img.shadow { margin-bottom:5px; }
#main .sidebar .sidebarbutton { margin-left:-5px; margin-bottom:10px; }

#main .sidebar .box.technologies {padding-bottom: 1px;}
#main .sidebar .box.technologies h3 {margin: 0;}
#main .sidebar .box.technologies p {margin: 0 2px; padding: 0;}
#main .sidebar .box.technologies p a, #main .sidebar .box.technologies p b {display: block; padding: 6px 6px 6px 40px; color: black; text-decoration: none; font-weight: normal; background-position:3px 50%; background-repeat: no-repeat;}
#main .sidebar .box.technologies p a span, #main .sidebar .box.technologies p span{color: #2359a3; display: block; text-decoration: underline;}
#main .sidebar .box.technologies p a:hover {background-color: #d9d9d9;}

#main .sidebar .box.technologies p.technologies a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_quicktime.gif);}
#main .sidebar .box.technologies p.technologies b {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_quicktime.gif); background-color: #c9c9c9;}
#main .sidebar .box.technologies p.mpeg4 a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_mpeg4.gif);}
#main .sidebar .box.technologies p.aac a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_aac.gif);}
#main .sidebar .box.technologies p.h264 a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_h264.gif);}
#main .sidebar .box.technologies p.streaming a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_streaming.gif);}
#main .sidebar .box.technologies p.mobile a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_mobile101805.gif);}
#main .sidebar .box.technologies p.interactivity a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_interactivity.gif);}
#main .sidebar .box.technologies p.qtvr a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_qtvr.gif);}
#main .sidebar .box.technologies p.mediaskins a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_mediaskins.gif);}
#main .sidebar .box.technologies p.automation a {background-image: url(http://images.apple.com/quicktime/technologies/images/icon_automation.gif);}

body#index.mpeg4 #main .sidebar .box.technologies p.mpeg4 a,
body#index.aac #main .sidebar .box.technologies p.aac a,
body#index.h264 #main .sidebar .box.technologies p.h264 a,
body#index.streaming #main .sidebar .box.technologies p.streaming a,
body#index.mobile #main .sidebar .box.technologies p.mobile a,
body#index.interactivity #main .sidebar .box.technologies p.interactivity a,
body#smil.interactivity #main .sidebar .box.technologies p.interactivity a,
body#index.qtvr #main .sidebar .box.technologies p.qtvr a,
body#index.mediaskins #main .sidebar .box.technologies p.mediaskins a,
body#index.automation #main .sidebar .box.technologies p.automation a { background-color: #c9c9c9; }

/*-----------------------------------------------------------------------------
  content
-----------------------------------------------------------------------------*/
#main h2 { border-bottom:1px solid #a1a5a9; padding-bottom:5px; margin-bottom: 5px; }
#main a.pdf { background-position:2px 1px; _zoom:1; }
#main a.html { background-position:3px 1px; _zoom:1; }
#main span.note { color: #ff0000; }
#main img.icon { margin-bottom:10px; }
#main img.left.icon { margin-right:10px; }
#main img.right.icon { margin-left:10px; }
#main div.clearer.sectionseparator {border-top: 1px solid #a1a5a9; margin: 20px 0;}

.showwin { display:inline !important; }
.showmac { display:none !important; }

/*-----------------------------------------------------------------------------
  page specific
-----------------------------------------------------------------------------*/
.gallery.cubicvr #main #content { text-align:center; font-size:11px; padding-bottom:38px; }
.gallery.cubicvr #main #content .contentfooter { margin-bottom:-38px; }
.gallery.cubicvr #main #movie { margin:30px 0; }
.resources.tools #main .grid2cola .grid2col .column.first, #main .grid2cola .grid2col .column.last { width:48%; }
.resources.tools #main .image { float: left; width: 85px; margin-bottom:20px; } 
.resources.tools #main .description {  margin-left:98px; font-size: 11px; line-height:1.2em; }
.resources.tools #main .description h3 { font-size: 12px; line-height:1.2em; }

.guide #main #content { width:778px; padding:10px 0 0;  font-size:11px; line-height:1.2em; background:#D9DCDF url(http://images.apple.com/quicktime/guide/images/topshadow.gif) no-repeat top left; }
.guide #main .grid2cola { background:url(http://images.apple.com/quicktime/guide/images/main_shadow.gif) repeat-y top left; }
.guide #main a:hover { text-decoration:underline; }	
.guide #main .leftcol { float:left; width:214px; margin-right:9px; padding-top:15px; padding-right:0px; padding-left:14px; background:#A5A9AF url(http://images.apple.com/quicktime/guide/images/sidebar_bg.gif) repeat-x top left; }
.guide #main .leftcol .guidecontent { width:200px; }
.guide #main .leftcol #qtbutton { margin-bottom:25px; margin-left:-14px; }
.guide #main .leftcol .feature { width:200px; }
.guide #main .leftcol .feature img{ padding-bottom:5px; margin-left:0px; }
.guide #main .leftcol .feature strong, .guide #main .leftcol .feature p { width:200px; padding-left:0px; }
.guide #main .leftcol div.separator { margin-bottom:20px; margin-left:-14px; }
.guide #main .rightcol { float:left; padding-top:15px; width:520px; padding-left:7px; }
.guide #main .rightcol .grid2col .column.first, .guide #main .rightcol .grid2col .column.last { width:48%; }
.guide #main .rightcol img.ad { margin:10px 0 28px 49px; }
.guide #main .guidecontent p { margin-left:78px; }
.guide #main .guidecontent { margin-bottom:0; }
.guide #main .guidecontent li { clear:both; min-height:90px; _height:90px; }
.guide #main .guidecontent li img { border: 1px solid #76797c; float:left; margin-right:8px; margin-bottom:17px; }
.guide #main .guidecontent li img:hover { border: 1px solid black; }
#guide #main .grid2cola a, #entertainment #main .grid2cola a, .appleevents #main .grid2cola a { text-decoration:none; color:#333; }
#guide #main .grid2cola a:hover, #entertainment #main .grid2cola a:hover, .appleevents #main .grid2cola a:hover { text-decoration:underline; }

.guide #main #content { margin-bottom:0; border-bottom:1px solid #4b5056; }
.guide.hd #main #content { width:748px; padding:18px 15px 18px; font-size:12px; background: #BCBFC4 url(http://images.apple.com/quicktime/guide/hd/images/main_hd_bg.gif) repeat-x left top; }
.guide.hd #main .grid2col .column.first { width:344px; }
.guide.hd #main .grid2col .column.last { width:380px; font-size:11px; line-height:1.3em; }
.guide.hd #main h2 { border:0; }
.guide.hd #main .featureimg { background: url(http://images.apple.com/quicktime/guide/hd/images/posterframe_bg.gif) no-repeat; padding:8px; margin-bottom:8px; }
.guide.hd #main img.badge {float: right; }
.guide.hd #main #infobox { line-height:1.3em; background: #ADB0B5 url(http://images.apple.com/quicktime/guide/hd/images/infobox_btm051305.gif) no-repeat bottom; margin-top:7px; }
.guide.hd #main #innerinfobox { background: url(http://images.apple.com/quicktime/guide/hd/images/infobox_top051305.gif) no-repeat top; padding: 13px 10px; }
.guide.hd #main #innerinfobox ul { line-height:1.4em; font-size: 10px; margin-bottom: 0; padding-bottom: 0; }
.guide.hd #main #innerinfobox #generalinfo { float: right; width: 105px; }
.guide.hd #main #qtbutton480, .guide.hd #main #qtbutton720, .guide.hd #main #qtbutton1080 { float: left; margin-top: 1px; }
.guide.hd #main #innerinfobox .movieinfo { margin-left: 76px; margin-bottom:10px; width: 118px; }
.guide.hd #main #innerinfobox .movieinfo.end { margin-bottom:0; }
.guide.hd #main #findlist { width: 250px; float: right; text-align: right; margin-bottom:15px; _margin-bottom:-5px; }
.guide.hd #main #findlist li { padding-right:20px; margin-bottom:6px; background: url(http://images.apple.com/quicktime/guide/hd/images/linkarrow.gif) no-repeat right center; }
.guide.hd #main #findlist a { font-weight: bold; color:#333; text-decoration: none;}
.guide.hd #main #findlist a:hover {text-decoration: underline;}