/*---- movies and overlays ----*/
.content .overlaycontent { display:none; }

.overlaycontent,
.overlaypanel .tutorial { width:640px; padding:40px 50px; }
.overlaypanel .tutorial .featured { display:none; }
.movie, .movie-loading, .endState { width:640px; height:400px; }
.movie .moviePanel.movie-loading { background-image:url(/euro/global/elements/quicktime/qt_loading640x400.gif); }
.movie .endState { background-image:url(/euro/global/elements/quicktime/qt_endstate640x400.jpg); }

/* image gallery overlays */
.galleryoverlay .overlayPanelContent .images div { display:none; }

.imagegallery { width:920px; height:621px; padding:0; }
.imagegallery .swap { position:relative; width:920px; height:550px; background:url(/euro/logicstudio/images/overlay_imagegalbg20090721.png) repeat-x 0 100%; }
.imagegallery .section { display:none; }

.imagegallery .swap .section { display:block; position:absolute; width:920px; height:550px; text-align:center; *position:relative; }
.imagegallery .swap .section .center1 { left:0; width:920px; height:550px; display:table; *position:absolute; *top:50%; *height:auto; }
.imagegallery .swap .section .center1 .center2 { width:920px; height:550px; display:table-cell; vertical-align:middle; *position:relative; *top:-50%; *height:auto; }

.imagegallery .swap .caption { position:absolute; left:0; bottom:2.5em; width:100%; font-size:11px; }
.imagegallery .swap .caption p { margin:0; }

.imagegallery ul { position:absolute; width:100%; height:60px; left:1px; bottom:6px; text-align:center; z-index:10; }
.imagegallery ul li { display:inline-block; height:60px; width: 76px; _display: inline; _zoom: 1; }
.imagegallery ul li a { outline: none; }
.imagegallery ul li a img { padding:4px; border:1px solid #fff; }
.imagegallery ul li a:hover img {  }
.imagegallery ul li a.active img { border-color:#ccc; }

/* nested video overlay */
.nested { width:850px; height:480px; }
.nested h2 { width:640px; }
.nested .swap { float:left; }
.nested .swap .tutorial { position:absolute; padding:0; }
.nested .swapnav { display:inline; float:right; width:186px; height:534px; margin:-40px -50px; padding:12px 14px; background:#efefef url(/euro/logicstudio/images/overlay_navbg20090721.png) repeat-y 0 0; }
.nested .swapnav h3 { width:12em; margin-bottom:.8em; font-size:1.2em; font-weight:normal; }
.nested .swapnav li { display:inline; background:#fff; }

.nested .swapnav a { display:block; position:relative; min-height:50px; _height:50px; margin:0 0 12px; padding:4px 8px; background:#fff url(/euro/logicstudio/images/overlay_itembg20090721.png) repeat-x 0 100%; text-decoration:none;
	opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	border:0 solid #dcdcdc; border-color:#e6e6e6 #d3d3d3 #c3c3c3; *border-width:2px 1px 1px;
}
.nested .swapnav a strong { display:block; padding-right:50px; color:#333; font-size:1.1em; line-height:1.3; font-weight:normal; }
.nested .swapnav a i { display:block; position:absolute; top:5px; right:9px; color:#737373; font-size:0.9em; font-style:normal; }
.nested .swapnav a span { display:none; position:absolute; bottom:4px; width:100%; padding-left:19px; color:#fff; font-size:0.9em; line-height:14px; background:url(/euro/logicstudio/images/overlay_nowplaying20090721.png) no-repeat 0 0; behavior:url(/global/scripts/lib/iepngfix.htc); }

.nested .swapnav a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.nested .swapnav a:hover strong { color:#555; }
.nested .swapnav a:hover i { color:#949494; }

.nested .swapnav a.active { margin:-2px -1px 11px; color:#000; text-decoration:none; cursor:pointer; outline:none; background:#e0e0e0 url(/euro/logicstudio/images/overlay_activebg20090721.png) repeat-x 0 100%;
	opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-width:2px 1px 1px; border-color:#b9b9b9 #bbb #c7c7c7; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;
}
.nested .swapnav a.active span { display:block; }
.nested .swapnav a.active strong { color:#555; }
.nested .swapnav a.active i { color:#949494; }

/* overlays with videos and captions */
.overlaypanel .movie.video { position:relative; width:800px; height:490px; padding:30px 50px; }
.overlaypanel .movie.video .caption { float:right; width:130px; }
.overlaypanel .movie.video .moviePanel { width:640px; height:400px; background:#000; }
.overlaypanel .movie.video a.quicktime-download { color:#ccc; background:#000; }
.overlaypanel .movie.video .controllerPanel { width:640px; bottom:50px; }
.overlaypanel .movie.video .controllerPanel .ACQuicktimeController { margin-right:97px; }
.overlaypanel .movie.video .controllerPanel .ACQuicktimeController.ccAvailable { margin-right:134px; }
.overlaypanel .movie.video .controllerPanel .timeDisplay { width:76px; right:-89px; }
.overlaypanel .movie.video .controllerPanel .captioningToggle,
.overlaypanel .movie.video .controllerPanel .captioningToggle.ccAvailable { right:-126px; }