/* movies and controllers
------------------------*/

/* movies */
.movie { position:relative; width:640px; height:437px; }
.movie .moviePanel { width:640px; height:400px; }
.movie .moviePanel.movie-loading { background:url(http://images.apple.com/euro/iwork/images/qt_loading20090106.gif) no-repeat 0 50%; }

.movie.movie9 { height:397px; }
.movie.movie9 .moviePanel { height:360px; }

.loading object,
.loading embed { width:2px; height:2px; background:url(http://images.apple.com/euro/iwork/images/qt_loading20090106.gif) no-repeat 0 50%; }

.movie a.quicktime-download { display:block; width:640px; height:220px; padding:180px 0 0; color:#333; text-align:center; background:url(http://images.apple.com/euro/iwork/images/qt_download20090106.jpg) no-repeat 0 50%; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }
.movie.movie9 a.quicktime-download { height:210px; padding-top:150px; }
.movie a.quicktime-download:hover { color:#08c; text-decoration:none; }

/* endstates */
.endState { display:none; width:640px; height:220px; padding-top:180px; text-align:center; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_endstate_640x400_20081014.jpg) no-repeat 0 50%; }
.movie9 .endState { height:210px; padding-top:150px; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_endstate_640x360_20081014.jpg) no-repeat 0 50%; }
.moviePanel .endState { display:block; }

/* pill buttons */
a.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
a.pillbutton, x:-moz-any-link { display:block; width:14em; margin:0 auto; } /* this is for firefox2 because it's dumb when it comes to inline-block */
a.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */
a.pillbutton span,
a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
a.pillbutton span { padding-right:8px; padding-left:25px; background:url(http://images.apple.com/euro/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/euro/global/elements/buttons/pill_leftcap.gif); }
a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(http://images.apple.com/euro/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/euro/global/elements/buttons/pill_rightcap.gif); }
a.pillbutton:hover,
a.pillbutton:focus { color:#e6e6e6; text-decoration:none; }

/* controllers */
.controllerPanel { position:absolute; width:640px; height:29px; left:0; bottom:0; text-align:left; background:url(http://images.apple.com/euro/iwork/images/qt_bg20090106.png) repeat-x 0 100%; }
.controllerPanel .ACQuicktimeController { position:relative; height:29px; }

.controllerPanel div.control { position:absolute; width:31px; height:19px; top:5px; left:7px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(http://images.apple.com/euro/iwork/images/qt_playpause20090106.png) 0 0 no-repeat; }
.controllerPanel div.control.pause { background-position:left -19px; }
.controllerPanel div.sliderPanel { position:absolute; width:546px; height:12px; top:8px; left:46px; }
.controllerPanel div.sliderPanel div.track { position:absolute; width:583px; height:12px; left:0; background:url(http://images.apple.com/euro/iwork/images/qt_track20090106.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; height:12px; background:url(http://images.apple.com/euro/iwork/images/qt_trackload20090106.png) no-repeat 0 3px; }
.cc .controllerPanel div.sliderPanel div.track { width:546px; background:url(http://images.apple.com/euro/iwork/images/qt_track_cc_20090204.png) no-repeat 0 3px; }
.cc .controllerPanel div.sliderPanel div.track div.loadedProgress { background:url(http://images.apple.com/euro/iwork/images/qt_trackload_cc_20090204.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; background:url(http://images.apple.com/euro/iwork/images/qt_trackprog20090106.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.playHead { position:absolute; width:11px; height:12px; background:url(http://images.apple.com/euro/iwork/images/qt_pointer20090106.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }
.ACQuicktimeController .captioningToggle { top:4px; left:598px; }

/* overwritting blackification */
.movie .controllerPanel div.sliderPanel { left:0; }

/* overlays
------------------------*/
#OverlayPanelScreen { background:#fff; z-index:19999; }
.overlaypanel h2 { position:absolute; top:28px; left:40px; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }

#OverlayPanel.overlaypanel img.overlayPanelShadowImage { top:-2.7%; left:-2.1%; width:104.1%; height:105.4%; }

/* just a movie overlay */
.overlaypanel .overlaymovie { position:relative; width:740px; height:556px; }
.overlaypanel .overlaymovie .movie { margin:0 50px; padding:74px 0 0; }
.overlaypanel .overlaymovie .movie.movie9 { padding-top:94px; }

/* overlay galleries */
.overlaypanel .overlaycontent { width:920px; height:706px; }

.overlaypanel .overlaygallery { position:relative; width:920px; height:565px; margin-bottom:10px; background:url(http://images.apple.com/euro/iwork/images/overlay_gradient20090106.png) repeat-x 0 100%; behavior:url(/global/scripts/lib/iepngfix_scale.htc); }
.overlaypanel .overlaygallery div.gallery { position:absolute; width:920px; height:565px; }

.overlaypanel .overlaygallery div.gallery .image { position:relative; height:100%; padding:0 40px; text-align:center; }
.overlaypanel .overlaygallery div.gallery .image img { position:absolute; width:920px; height:500px; left:0; bottom:0; }
.overlaypanel .overlaygallery div.gallery .image h3 { padding-top:510px; }
.overlaypanel .overlaygallery div.gallery .image p { }

.overlaypanel .overlaygallery div.gallery .movie { margin:86px 140px 0; }
.overlaypanel .overlaygallery div.gallery .movie.movie9 { margin-top:106px; }

/* overlay slider
------------------------*/
.overlaypanel .slider { position:relative; width:892px; height:133px; margin:0 auto 14px; }
.overlaypanel .slider .ACSliderPageNav { width:40px; margin-left:-20px; }

/* next/prev */
.overlaypanel .slider .ACSliderPreviousArrow,
.overlaypanel .slider .ACSliderNextArrow { top:50px; width:21px; height:21px; }
.overlaypanel .slider .ACSliderPreviousArrow { background:url(http://images.apple.com/euro/iwork/images/overlay_arrowleft20090106.gif) 0 0 no-repeat; }
.overlaypanel .slider .ACSliderNextArrow { background:url(http://images.apple.com/euro/iwork/images/overlay_arrowright20090106.gif) 0 0 no-repeat; }
.overlaypanel .slider .ACSliderPreviousArrow:hover,
.overlaypanel .slider .ACSliderNextArrow:hover { background-position:0 -21px; }
.overlaypanel .slider .inactive { background-position:0 -42px !important; }

/* mask */
.overlaypanel .slider .ACSliderMaskDiv { width:828px; height:103px; top:17px; margin:0 0 0 35px; }
.overlaypanel .slider .ACSliderMaskDiv ul { top:0; }
.overlaypanel .slider .ACSliderMaskDiv ul li,
.overlaypanel .slider .ACSliderMaskDiv ul li div.item { float:left; display:inline; width:836px; height:83px; margin:0 -8px 0 0; }

/* items/links */
.overlaypanel .slider .ACSliderMaskDiv ul li .center2 { padding:0 0 0 300px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center3 { padding:0 0 0 242px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center4 { padding:0 0 0 184px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center5 { padding:0 0 0 120px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center6 { padding:0 0 0 67px; }

.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink { float:left; display:inline; width:97px; height:71px; margin:0 9px 0 0; padding:6px; font-size:11px; line-height:1.3em; text-decoration:none; background:url(http://images.apple.com/euro/iwork/images/overlay_thumbbg_image20090106.png) no-repeat 0 0; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink.active { outline:none; cursor:default; background-image:url(http://images.apple.com/euro/iwork/images/overlay_thumbbg_image_active20090106.png); }
.overlaypanel .slider .ACSliderMaskDiv ul li .separator { margin-left:-2px; padding-left:8px; border-left:1px solid #ccc; }
.overlaypanel .slider .ACSliderMaskDiv ul li .images,
.overlaypanel .slider .ACSliderMaskDiv ul li .movies { float:left; display:inline; }

.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink i { display:block; margin-top:7px; text-align:center; color:#797c80; font-style:normal; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink:hover i { color:#08c; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink.active i { color:#000; font-weight:bold; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink { position:relative; width:226px; height:83px; padding:0; color:#000; background:url(http://images.apple.com/euro/iwork/images/overlay_thumbbg_movie20090106.png) no-repeat 0 0; zoom:1; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span { display:table; width:226px; height:83px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong { display:table-cell; width:100px; height:71px; padding:6px 12px 6px 114px; vertical-align:middle; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em { font-weight:normal; font-style:normal; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em b { display:block; margin-bottom:.3em; color:#797c80; font-weight:normal; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span { *display:block; *width:100px; *height:71px; *padding:6px 12px 6px 114px; } /* ie vertical centering */
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong { *position:absolute; *width:100px; *height:auto; *top:50%; *padding:0; } /* ie vertical centering */
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em { *position:relative; *width:100px; *height:auto; *top:-50%; } /* ie vertical centering */

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink img { position:absolute; top:6px; left:6px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span.play { position:absolute; display:block; width:97px; height:71px; top:6px; left:6px; padding:0; background:url(http://images.apple.com/euro/iwork/images/overlay_thumb_play20090106.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink:hover { color:#08c; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink.active { color:#000; outline:none; cursor:default; background:url(http://images.apple.com/euro/iwork/images/overlay_thumbbg_movie_active20090106.png) no-repeat 0 100%; }