@charset "utf-8";

/* STYLES FOR DHTML PLACEMENT IN RESPONSE TO USER INTERACTIONS */

.collegeLogoLayer {float:right;border-left:1px solid #000000;background:transparent url(runner3.gif) repeat-x}
.collegeLogoLayer_mirrored {float:left;border-right:1px solid #000000;background:transparent url(runner3.gif) repeat-x}

.slideimage                    { width:640px; height:480px; }
.slideimage_captioned          { width:640px; height:480px; }
.slideimage_swapped            { width:320px; height:240px; }
.slideimage_swapped_captioned  { width:320px; height:240px; }

	/*
	.slideimage_mirrored                    { width:640px; height:480px; }
	.slideimage_captioned_mirrored          { width:640px; height:480px; }
	.slideimage_swapped_mirrored            { width:320px; height:240px; }
	.slideimage_swapped_captioned_mirrored  { width:320px; height:240px; }
	*/

.region1                       { left:339px; top:116px; width:640px; height:480px; }
.region1_captioned             { left:339px; top:116px; width:640px; height:480px; }
.region1_swapped               { left:18px;  top:116px; width:320px; height:240px; }
.region1_swapped_captioned     { left:18px;  top:116px; width:320px; height:240px; }

.video                         { left:18px;  top:116px; width:320px; height:304px; }
.video_captioned               { left:18px;  top:116px; width:320px; height:368px; }
.video_swapped                 { left:381px; top:116px; width:555px; height:480px; }
.video_swapped_captioned       { left:424px; top:116px; width:469px; height:480px; }

.sl_video                      { left:18px;  top:116px; width:320px; height:240px; }
.sl_video_captioned            { left:18px;  top:116px; width:320px; height:304px; }
.sl_video_swapped              { left:339px; top:116px; width:640px; height:480px; }
.sl_video_swapped_captioned    { left:381px; top:116px; width:555px; height:480px; }

.captionbox                    { display:none;  }
.captionbox_captioned          { display:block; }
.captionbox_swapped            { display:none;  }
.captionbox_swapped_captioned  { display:block; }

.sl_captionbox                    { display:none;  }
.sl_captionbox_captioned          { display:block; position:relative; top:-64px; }
.sl_captionbox_swapped            { display:none;  }
.sl_captionbox_swapped_captioned  { display:block; }

.video_bg                      { height:304px; }
.video_bg_captioned            { height:368px; }
.video_bg_swapped              { height:240px; }
.video_bg_swapped_captioned    { height:240px; }

.sl_video_bg                      { height:240px; }
.sl_video_bg_captioned            { height:304px; }
.sl_video_bg_swapped              { height:240px; }
.sl_video_bg_swapped_captioned    { height:240px; }

.sourcemedia                   { height:304px; }
.sourcemedia_captioned         { height:304px; }
.sourcemedia_swapped           { height:480px; }
.sourcemedia_swapped_captioned { height:416px; }

.sourcereal                    { height:304px; 
									// clip:rect(0px,240px,320px,0px); }
.sourcereal_captioned          { height:304px; }
.sourcereal_swapped            { height:527px; 
	                                // clip:rect(0px,416px,555px,0px); }
.sourcereal_swapped_captioned  { height:416px; }

.sl_videoPlugin                      { width:320px; height:240px; }
.sl_videoPlugin_captioned            { width:320px; height:240px; }
.sl_videoPlugin_swapped              { width:640px; height:480px; }
.sl_videoPlugin_swapped_captioned    { width:555px; height:416px; }

.mscc                          { display:none;  width:100%; }
.mscc_captioned                { display:block; width:100%; }
.mscc_swapped                  { display:none;  width:100%; }
.mscc_swapped_captioned        { display:block; width:100%; }

.MediaPlayer                   { width:320px; height:304px; }
.MediaPlayer_captioned         { width:320px; height:304px; }
.MediaPlayer_swapped           { width:555px; height:480px; }
.MediaPlayer_swapped_captioned { width:469px; height:416px; }

.RealPlayer                    { width:320px; height:240px;
									// clip:rect(0px,240px,320px,0px); }
.RealPlayer_captioned          { /*width:320px; height:240px;*/ }
.RealPlayer_swapped            { width:555px; height:416px;
	                                // clip:rect(0px,416px,555px,0px); }
.RealPlayer_swapped_captioned  { width:469px; height:416px; }

/* audio only mode */
.audioPlayer                   { width:320px; height:64px; }
.audioPlayer_captioned         { width:320px; height:64px; }
.audioPlayer_swapped           { width:555px; height:480px; }
.audioPlayer_swapped_captioned { width:491px; height:416px; }

.audioSource                   { height:304px; }
.audioSource_captioned         { height:304px; }
.audioSource_swapped           { height:480px; }
.audioSource_swapped_captioned { height:432px; }
/* end audio only mode */

/*.controls                      { position:relative; top: 0px; height:64px; }*/
.controls                      { position:relative; top:-64px;  height:64px; }
.controls_captioned            { position:relative; top: 0px;   height:64px; }
.controls_swapped              { position:relative; top:-110px; }
.controls_swapped_captioned    { position:relative; top: 0px;   }

/* -----
.element                   {}
.element_captioned         {}
.element_swapped           {}
.element_swapped_captioned {}
 ----- */
 
/* elements involved in DHTML scripting operations */
.grpRight       { float:right; }
.grpLeft        { float:left; }
#slide_bg       { width:640px; height:480px; background-color:#333333; }
#region1        { position:absolute; }
#video_bg       { position:relative; width:320px; background-color:#333333; margin-bottom:1px; }
#video          { position:absolute; }
#captionbox     { background-color:#181818; }
#mscc           { font-size:10px; letter-spacing:1px; color:#FFFFFF; text-align:center;
	overflow:auto; /*line-height:16px;*/ height:64px; }
#controls       { width:100%; }

/* style for content box underneath the tab menu */
.region2content { width:310px; padding:10px 5px; clear:both; background:#c8c8c8;
	color:#333333; position:relative; overflow:auto; font-size:.9em; }
.r2tall   { height:192px; clip:rect(0px 192px 310px 0px); // clip:rect(0px,192px,310px,0px); }
.r2normal { height:128px; clip:rect(0px 128px 310px 0px); // clip:rect(0px,128px,310px,0px); }
.r2short  { height:64px;  clip:rect(0px 64px  310px 0px); // clip:rect(0px,64px,310px,0px);  }

.sl_r2tall   { height:192px; clip:rect(0px 192px 310px 0px);  // clip:rect(0px,192px,310px,0px); }
.sl_r2normal { height:192px; clip:rect(0px 192px 310px 0px);  // clip:rect(0px,192px,310px,0px); }
.sl_r2short  { height:128px; clip:rect(0px 128px  310px 0px); // clip:rect(0px,128px,310px,0px); }

/* top-menu buttons and their icons */
#zoomVid     { background:url(icon_zoomVid.gif)   center left no-repeat; padding-left:5px; padding-right:5px; }
#swapVid     { background:url(icon_swap.gif)      center left no-repeat; padding-left:5px; padding-right:5px; }
#captions    { background:url(icon_cc.gif)        center left no-repeat; padding-left:5px; padding-right:5px; }
#thumbs      { background:url(icon_thumbs.gif)    center left no-repeat; padding-left:5px; padding-right:5px; }
#zoomSlide   { background:url(icon_zoomSlide.gif) center left no-repeat; padding-left:5px; padding-right:5px; }

/* div grouping of the video and region2 elements. achieves the 1px
	 gap between the video/region2 and the slide. */
.videoR2Group          { position:relative; width:320px; float:left;  margin-right:1px; }
.videoR2Group_mirrored { position:relative; width:320px; float:right; margin-left:1px;  }
.videoR2Group_clear    { position:relative; width:320px; float:left; }

.region1_mirrored                         { left:18px;  top:116px;  width:640px; height:480px; }
.region1_mirrored_captioned               { left:18px;  top:116px;  width:640px; height:480px; }
.region1_mirrored_swapped                 { left:659px; top:116px;  width:320px; height:240px; }
.region1_mirrored_swapped_captioned       { left:659px; top:116px;  width:320px; height:240px; }

.video_mirrored                           { left:659px;  top:116px;  width:320px; height:304px; }
.video_mirrored_captioned                 { left:659px;  top:116px;  width:320px; height:368px; }
.video_mirrored_swapped                   { left:62px;   top:116px;  width:555px; height:480px; }
.video_mirrored_swapped_captioned         { left:105px;  top:116px;  width:469px; height:480px; }

.sl_video_mirrored                      { left:659px;  top:116px;  width:320px; height:240px; }
.sl_video_mirrored_captioned            { left:659px;  top:116px;  width:320px; height:304px; }
.sl_video_mirrored_swapped              { left:18px;   top:116px;  width:640px; height:480px; }
.sl_video_mirrored_swapped_captioned    { left:62px;  top:116px;  width:555px; height:480px; }