/* popup  background (both image and movie) */
.popup,
.popupshadow { position:absolute; top:0; left:-1200px; z-index:9999; }
.popupshadow { width:990px; height:735px; }

.popupshadow img { width:100%; height:100%; }
.popupshadow.isanim img { *display:none; _display:block; }

/* popup */
.popup { width:860px; height:538px; margin:60px 65px 137px; }

.popup .popupimg { width:100%; height:100%; }
.popup .movie { margin:0 0 0 235px; padding-top:32px; }

.popup a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(/global/elements/widget_close.png) no-repeat; cursor:pointer; outline:none; behaviour:url(/global/scripts/lib/iepngfix.htc); }
.popup.isanim a.close { display:none; }
.popup.isanim .movie { display:none; }

/* image popup nav */
.popup#popup .popupnav { padding-top:3px; background: none; }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:26px; margin:0 auto; }
.popup#popup .popupnav ul.w2 { width:174px; }
.popup#popup .popupnav ul.w4 { width:348px; }
.popup#popup .popupnav ul.w5 { width:435px; }
.popup#popup .popupnav ul li { float:left; }
.popup#popup .popupnav ul li a { display:block; margin:0 5px; padding:3px; border:1px solid #fff; outline:none; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }

/* movie popup */
.popup#popupmovie,
.popupshadow#popupmovieshadow,
.popup#popupaudio,
.popupshadow#popupaudioshadow { position:absolute; top:0; left:-1122px; z-index:9999; }
.popupshadow#popupmovieshadow,
.popupshadow#popupaudioshadow { width:980px; height:540px; }

.popupshadow#popupmoviegalleryshadow,
.popupshadow#popupaudiogalleryshadow { width:980px; height:600px; }
.popup#popupmoviegallery,
.popup#popupaudiogallery { height:510px; width:900px; margin:40px; }

.popup#popupmovie,
.popup#popupaudio { height:450px; width:900px; margin:40px; }

.popup#popupmovie .description,
.popup#popupmoviegallery .description,
.popup#popupaudio .description,
.popup#popupaudiogallery .description { position:absolute; width:195px; left:20px; top:120px; font-size:12px !important; }
.popup#popupmovie .description h3,
.popup#popupmoviegallery .description h3,
.popup#popupaudio .description h3,
.popup#popupaudiogallery .description h3 { margin-bottom:1em; }
.popup#popupmovie .description a.arrow,
.popup#popupmoviegallery .description a.arrow { padding-right:10px; text-decoration:none; background:url(/global/elements/popup/arrow20070807.gif) no-repeat 100% .3em; }
.popup#popupmovie .description a:hover,
.popup#popupmoviegallery .description a:hover,
.popup#popupaudio .description a:hover,
.popup#popupaudiogallery .description a:hover { text-decoration:underline; }

.popup#popupmovie .movie,
.popup#popupmoviegallery .movie { width:640px; height:360px; }

.popup#popupmovie .controller,
.popup#popupmoviegallery .controller { display:none; position:relative; width:640px; padding:0; margin:14px 0 0 235px; }
.popup#popupmovie .controller div.control,
.popup#popupmoviegallery .controller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/global/elements/popup/popup_movie_playpause20070807.gif) left top no-repeat; }
.popup#popupmovie .controller div.control.pause,
.popup#popupmoviegallery .controller div.control.pause { background-position:left -10px; }
.popup#popupmovie .controller div.sliderPanel,
.popup#popupmoviegallery .controller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
.popup#popupmovie .controller div.sliderPanel div.track,
.popup#popupmoviegallery .controller div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(/global/elements/popup/popup_movie_bgtrack_load20070807.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.loadedProgress,
.popup#popupmoviegallery .controller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/global/elements/popup/popup_movie_bgtrack20070807.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.trackProgress,
.popup#popupmoviegallery .controller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
.popup#popupmovie .controller div.sliderPanel div.track div.playHead,
.popup#popupmoviegallery .controller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(/global/elements/popup/popup_movie_pointer20070807.png) no-repeat; cursor:pointer; behaviour:url(/global/scripts/lib/iepngfix.htc); }
.popup#popupmovie.popped .controller,
.popup#popupmoviegallery.popped .controller { display:block; }

/* movie gallery links */
#popupmoviegallery .links,
#popupaudiogallery .links { display:none; position:absolute; bottom:0; left:0; width:100%; }
#popupmoviegallery .links a,
#popupaudiogallery .links a { color:#08c; height:28px; text-decoration:none; outline:none; line-height:28px; font-size:14px !important; cursor:pointer; }
#popupmoviegallery .links a:hover,
#popupaudiogallery .links a:hover { text-decoration:underline;}
#popupmoviegallery .links a.previous,
#popupaudiogallery .links a.previous { float:left; padding-left:35px; margin:15px 20px; background:url(/global/elements/popup/arrow_iphoneleft20070807.gif) no-repeat left top; }
#popupmoviegallery .links a.previous:hover,
#popupaudiogallery .links a.previous:hover { background-position:left bottom; }
#popupmoviegallery .links a.next,
#popupaudiogallery .links a.next { float:right; padding-right:35px; margin:15px 20px; background:url(/global/elements/popup/arrow_iphoneright20070807.gif) no-repeat right top; }
#popupmoviegallery .links a.next:hover,
#popupaudiogallery .links a.next:hover { background-position:right bottom; }
#popupmoviegallery.popped .links,
#popupaudiogallery.popped .links { display:block; }

/* audio popup */
.popup .description ul li a.audiolink { padding-right:20px; text-decoration:none; color:#555; background:url(/global/elements/popup/popup_audio_icon20070828.gif) no-repeat 100% .1em; }
.popup .description ul li a.audiolink:hover { color:#000; }

.popup#popupaudio img.popupimg { width:640px; height:425px; margin:25px 0 0 235px; }
.popup#popupaudio.isanim img.popupimg { display:none; }

.popup#popupaudiovr .movie { height:400px; padding-top:25px; }
