@import url('/global/styles/slider.css');


/* quicktime */
#main .inset #quicktime { width:640px; height:360px; margin:-1.1em -13px 0; }

#main .inset #quicktimecontroller { display:none; margin:.6em -12px 1.6em; height:25px; }
#main .inset #quicktimecontroller .ACQuicktimeController div.sliderPanel,
#main .inset #quicktimecontroller .ACQuicktimeController div.sliderPanel div.track { width:605px; }
#main .inset #quicktimecontroller .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { max-width:605px !important; }

#main .inset #descriptionpanel { display:none; }
body#inaction #main .inset #descriptionpanel,
body#tutorials #main .inset #descriptionpanel { display:block; height:1.3em; margin-bottom:1.3em; }
body#tutorials #main .inset #descriptionpanel { font-weight:bold; }
body#tutorials #main .inset #descriptionpanel span.title { color:#fff; }

#main .section { cursor:pointer; }
body#inaction #main .section a.movielink { white-space:nowrap; }
#main .section .description { display:none; }
body#tutorials #main .section a span { display:none; }

/* slider */
#main #slider { display:none; position:relative; width:630px; height:3em; margin:.6em -7px 0; }
body#inaction #main #slider,
body#tutorials #main #slider { width:616px; height:13em; margin:0 0 1.6em; font-size:10px; line-height:1.6em; }

#main #slider .ACSliderPageNav { width:60px; margin-left:-30px; }
body#inaction #main #slider .ACSliderPageNav,
body#tutorials #main #slider .ACSliderPageNav { width:45px; margin-left:-22px; }

#main #slider .ACSliderPreviousArrow, #main #slider .ACSliderNextArrow { margin-top:2px; }
#main #slider .ACSliderPreviousArrow { background-image:url(/templates/DanFarnam/files/slider_arrowleft20070414.gif); }
#main #slider .ACSliderNextArrow { background-image:url(/templates/DanFarnam/files/slider_arrowright20070414.gif); }

#main #slider .ACSliderMaskDiv { height:3em; margin:0 30px; }
#main #slider .ACSliderMaskDiv ul { margin:0; }
#main #slider .ACSliderMaskDiv ul li { float:left; width:170px; height:1.6em; margin-right:20px; padding:0; text-align:center; }
body#inaction #main #slider .ACSliderMaskDiv,
body#tutorials #main #slider .ACSliderMaskDiv { height:13em; margin:0 38px; }
body#inaction #main #slider .ACSliderMaskDiv ul li,
body#tutorials #main #slider .ACSliderMaskDiv ul li { width:140px; height:13em; margin:0; padding:0 20px; text-align:left; }

#main #slider .ACSliderMaskDiv ul li div.section a { color:#999; text-decoration:none; }
#main #slider .ACSliderMaskDiv ul li div.section a:hover, #main #slider .ACSliderMaskDiv ul li div.section:hover a, #main #slider .ACSliderMaskDiv ul li div.section.hover a { color:#ccc; text-decoration:none; }
#main #slider .ACSliderMaskDiv ul li div.section.active a { color:#fff; cursor:default; }

/* 2 lines */
body.color #main #slider, body.color #main #slider .ACSliderMaskDiv { height:4.6em; }
body.color #main #slider .ACSliderMaskDiv ul li { height:3em; }



#main #slider .ACSliderMaskDiv ul li div.section img.quicktimeicon { position:relative; top:.15em; margin-right:2px; }

body#inaction #main #slider .ACSliderMaskDiv ul li div.section h3 { font-size:11px; }
body#inaction #main #slider .ACSliderMaskDiv ul li div.section h3,
body#inaction #main #slider .ACSliderMaskDiv ul li div.section p { margin-left:2px; margin-right:-2px; }
body#inaction #main #slider .ACSliderMaskDiv ul li div.section img.across { margin:0 0 1em 0; }


/* no js version */
#main .slideritem { float:left; width:170px; height:1.6em; margin:.6em 15px; text-align:center; } 
#main .slideritem img { position:relative; top:.15em; margin-right:2px; }

body#inaction #main .slideritem { width:140px; height:13em; margin:0 0 1.6em; padding:0 30px; text-align:left; }



/* quicktime hero (1 video) */
body#whatsnew #main .inset #quicktimecontroller, body#cinematools #main .inset #quicktimecontroller { margin-bottom:0; }
body#whatsnew #main .slideritem, body#cinematools #main .slideritem { text-align:left; height:1em; margin:.6em 0 0; }