/****************************************
 * http://meyerweb.com/eric/tools/css/reset/
 ****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	/*content: none;*/
	}

:focus {
	outline: 0;
	}

ins {
	text-decoration: none;
	}
    
del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}


/****************************************
 * General Formatting
 ****************************************/
 
body {
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
    color: #222;
    background-color: #d7d6d1;
 	}
    
#wrapper {
	float: left; 
	background-color: #f0eee4;
	width: 100%;	
	text-align: center;
	border-top: 5px solid #b3b3aa;
	margin-bottom: 10px;
	}
    
#sectiontitle {
	clear: left;
	background: #fff;
	height: 122px;
	}

#sectiontitle h1 {
	width: 960px;
	font-family: georgia, "times new roman", times, serif;
	font-weight: normal;
	font-size: 3.3em;
	line-height: 122px;
	color: #73736c;
	height: 122px;
	margin: 0 auto;
	padding: 0;
	/* cutout image */
	background-repeat: no-repeat;
	background-position: 150px -8px;
	
	/* unhack ie5/win */
	text-align: left;
	}
	
#sectiontitle a {
	color: #73736c;
	text-decoration: none;
	border: none;
	}

       
#content {
	width: 960px;
    margin: 0 auto;
	text-align: left;
	}   

#maincontent {
	width: 960px;
	position: relative;
    float: left;
    padding-bottom: 30px;
    }    
    
   
 
/****************************************
 * Text and Links
 ****************************************/    
    
/*p {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 5px 0 15px 0;
	}*/
	    
    
a, a:link {
	color: #b31b1b;
	text-decoration: none;
	border-bottom: 1px solid #e5cfcf;
	}

a:visited {
	border-bottom-color: #e5cfcf;
	}
	
a:hover {
	color: #f00;
	border-bottom-color: #f00;
	}
	
a:active {
	color: #b31b1b;
	}
	
a.block {
	border: 0;
	}
	
a.img {
	border: none;
	}

  
/****************************************
 * Cornell Identity
 ****************************************/

#cu-identity {
	color: #222;
	height: 45px;
	background: #b31b1b;
    border-bottom: 4px solid #a6a69e;
	}

#cu-logo {
	margin: 0 auto;
	width: 960px;
	background: url(../img/video/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo a {
	border: none;
	display: block;
	width: 180px;
	height: 45px;
	background: url(../img/video/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo img {
	display: none;
	}
	
#cu-search {
	position: absolute;
	top: 11px; 
	right: 50%;
	width: 200px;
	margin-right: -480px;
	}
	
#cu-search a {
	float: right;
	padding: 5px 15px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
#cu-search a:hover {
	background: #990f26;
	}
 
/****************************************
 * Miscellaneous
 ****************************************/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
hr.banner-separator, hr {
	display: none;
	}
    
#carouselWrapper span.nowPlaying, #choicesvideos span.nowPlaying {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 1.2em;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -khtml-opacity: .70; 
    -moz-opacity: .70; 
    -ms-filter: "alpha(opacity=70)"; 
     }       
 
#carouselWrapper span.nowPlaying {
    width: 65px;
    height: 45px;
    margin: 0;
    padding-top: 10px;
    line-height: 1.2em;
     }  
 
#choicesvideos span.nowPlaying {
    width: 96px;
    height: 60px;
    padding-top: 20px;
    line-height: 1.5em;
    }    
 
 
 /****************************************
 * Utilities
 ****************************************/    

    
ul#utilities {
 	position: absolute;
    right: 0;
    top: 0;
    background: url(../img/video/layout/util_bg.gif) repeat-x bottom left;
    margin-right: -20px;
    margin-top: -3px;
 	}
    
ul#utilities li {
 	float: left;
    padding: 11px 0 15px;
    margin: 0;
    }     
    
    
ul#utilities li#first {
    background: url(../img/video/layout/util_left.gif) no-repeat top left;
    padding-left: 30px;
  	}   
    
ul#utilities li#last {
    background: url(../img/video/layout/util_right.gif) no-repeat top right;
    padding-right: 30px; 
  	}      
    
ul#utilities li a {
    border: none;
    color: #000;
    border-right: 1px solid #91918a;
    padding-right: 10px;
    border-left: 1px solid #cacac4;
    padding-left: 10px;
    margin: 0;
    padding-bottom: 3px;
    }     
    
ul#utilities li#first a {
    border: none;
  	border-right: 1px solid #91918a;
    padding-right: 10px;
    } 


ul#utilities li#last a {
  	border: none;
  	border-left: 1px solid #cacac4;
    padding-left: 10px;
    }   
    
ul#utilities li a:hover {  
 	color: #fff;
    } 
   
ul#elsewhere {

    position: absolute;
    top: 9px;
 
 right: 267px;
 	} 
    
ul#elsewhere li {
	display: inline;
    margin-left: 3px;
    margin-bottom: 0;
    dispaly: block;
    float: left;
    }    
    
ul#elsewhere li#youtube {    
    background: url(../img/video/layout/youtube.gif) no-repeat top left;
    padding: 2px 0 8px 22px;
    }


ul#elsewhere li#itunes {    
    background: url(../img/video/layout/itunes.gif) no-repeat top left;
    padding: 2px 0 8px 24px;
    margin-left: 6px;
    }


/****************************************
* Help / FAQ - Feedback - Contribute
****************************************/   

	
#maincontent form {
	margin: 0;
	padding: 0;
	float: right;
	width: 100%;
	}
	
fieldset {
	margin: 0;
	border: 0;
	padding: 0 15px;
	}

.oddsection,  .evensection {
	float: left;
	width: 100%;
	padding: 10px 0;
    border-bottom: 1px solid #ddd;
	}

.formpair {
	float: left;
	width: 535px;
	margin: 5px 0 0 0;
	}
	
.formlabel {
	float: left;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	color: #333;
	text-align: right;
	width: 200px;
	margin-right: 15px;
	}
	
.forminput, .forminputhead {
	float: right;
	width: 320px;
	}
	
.forminput {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0;
	}
	
.forminputhead {
	margin: 5px 0;
	}
	
.formsubmit {
	float: left;
	width: 100%;
	background: #dbdbd2;
	margin: 0;
	padding: 10px 0;
	text-align: right;
	margin-bottom: 0;
	}

textarea {
	width: 400px;
    height: 90px;
	}
	
.formsubmit input {
	margin-right: 10px;
	}
	
.inputsubmit {
	font-size: 1em;
	font-weight: bold;
	color: #333;
	padding: 2px 5px;
	}
	
.error {
	font-weight: bold;
	color: #f00;
	}
	
.formconfirmation {
	font-weight: bold;
	color: #090;
	}
    

/****************************************
* facebox - http://famspam.com/facebox
****************************************/   


#facebox #maincontent {
    height: 400px;
    overflow: auto;
    padding: 10px 20px;
    margin-bottom: 20px;
    float: none;
    width: auto;
	}
    
#facebox h2 {
	font-size: 1.8em;
    background: transparent;
    font-weight: normal;
    padding-bottom: 20px;
    margin-top: -30px;
    padding-left: 20px;
	}
    
#facebox #maincontent h3 {
	font-size: 1.3em;
	margin-bottom: 5px;
	}    
    
#facebox #maincontent p {
	margin: 0 0 15px 0;
    font-size: 1.2em;
    line-height: 1.5em;
    }  

#facebox .b {
    background:url(../img/video/layout/b.png);
    }

#facebox .tl {
    background:url(../img/video/layout/tl.png);
    }

#facebox .tr {
    background:url(../img/video/layout/tr.png);
    }

#facebox .bl {
    background:url(../img/video/layout/bl.png);
    }

#facebox .br {
    background:url(../img/video/layout/br.png);
    }

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
    }

#facebox .popup {
    position: relative;
    width: 750px;
    }

#facebox table {
    border-collapse: collapse;
    }

#facebox td {
    border-bottom: 0;
    padding: 0;
    }

#top_bar {
	background-color: #fff;
    text-align: right;
    padding: 5px 5px 10px;
    }

#facebox .close {
  
    }

#facebox a.close {
    border: none;
    }   

#facebox .body {
    background-color: #f0eee4;
    width: 750px;
    }

#facebox .loading {
    text-align: center;
    }

#facebox .image {
    text-align: center;
    }

#facebox img {
    border: 0;
    margin: 0;
    }

#facebox .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
    }

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
    }

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    }

.facebox_hide {
    z-index:-100;
    }

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
    }

* html #facebox_overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }    


   
 /****************************************
 * Carousel
 ****************************************/ 
   
/*
#carousel ul li {
	list-style: none;
	display: inline;
	width: 200px;
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
	}    

#myplaylistCarousel ul li {
	list-style: none;
	display: inline;
	float: left;
	}
*/


ul#carouselTabs {
	margin: 0;
    clear: both;
    font-size: 1.2em;
	}
    
ul#carouselTabs li {
	float: left;
    padding: 10px 14px 10px 16px;
	}    

ul#carouselTabs li.chosen {
    background: #c0c0b8 url(../img/video/layout/carousel_tab_left.gif) no-repeat top left;
     position: relative;
    }

ul#carouselTabs li.chosen a {
	color: #000;	
    border: none;
   
    }
    
ul#carouselTabs li.chosen span.tab {
    background: #c0c0b8 url(../img/video/layout/carousel_tab_right.gif) no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 5px;
    float: right;
	}
      
#carousel {
	clear: both;
    position: relative;
    width: 960px;
	}

#carouselWrapper {
	background: url(../img/video/layout/carousel_curve.gif) no-repeat 890px 30px;
	width: 960px;
    position: relative;
    float: left;
    margin-top: 30px;
	}
   
.stepcarousel{
    background-color: #c0c0b8;
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 895px; 
    height: 65px; 
    }

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
    }

.stepcarousel .panel {
    background-color: #fff;
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 5px; 
    padding: 0;
    width: 173px; 
    height: 55px;
    } 

.stepcarousel .panel img {
	width: 65px;
    height: 55px;
    margin: 0 4px 0 0;
    float: left;
    }
    
.stepcarousel .panel p {
	margin: 2px;
    font-size: 1.0em;
    line-height: 1.2em;
  	float: left;
  	width: 100px;
    }    
    
.stepcarousel .panel p a {
	border: none;
    }    
    
.stepcarousel .panel p a.playlistAdd {
	position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0.8em;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/video/layout/playlist_add_tiny.gif) no-repeat top right;
	}       
    
.stepcarousel .panel p a.playlistAdd:hover {
    background: url(../img/video/layout/playlist_add_tiny.gif) no-repeat bottom right;
	} 
    
.stepcarousel .panel a.inPlaylist/*, .stepcarousel .panel p.inPlaylist a.playlistAdd*/  {
	position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0.8em;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/video/layout/check.gif) no-repeat top right;
	}     
    
.stepcarousel .panel p a.playlistRemove {
	position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0.8em;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/video/layout/remove_styled_2.gif) no-repeat top right;
	} 
    
.stepcarousel .panel p a.playlistRemove:hover {
    background: url(../img/video/layout/remove_styled_2.gif) no-repeat bottom right;
	}          
    
li#myplaylistTab.chosen span#myplaylistCount {
	margin-right: 12px;
	}    
    
span#myplaylistClear {

	}    
    
span#scheduleHelp {
 
	}    
    
ul#carouselTabs li#scheduledTab.chosen a#scheduleLabel {
	margin-right: 20px;
    }   
    
span#scheduleHelp a {
    position: absolute;
    right: 6px;
    top: 7px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/video/layout/question_large.gif) no-repeat top right;
	}    
    
a.playlistClear {
    position: absolute;
    right: 8px;
    top: 11px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/video/layout/clear_styled_2.gif) no-repeat top right;
	}                 
    
.tooltip {
	color: #fff;
	padding: 2px 4px 4px;
	font-size: .9em;
	background-color: #55affc;
    width: auto;
	}	    
    
span#scheduledButtons, span#featuredButtons, span#myplaylistButtons, span#liveButtons, span#customButtons {
    position: absolute;
    bottom: 22px;
    right: 15px;
	}  
    
span#scheduledButtons img, span#featuredButtons img, span#myplaylistButtons img, span#liveButtons img, span#customButtons img {
    cursor: pointer;
	}     
    
a.carouselLeft {
	border: none;
    background: transparent url(../img/video/layout/left_arrow_carousel.gif) no-repeat left bottom;
    padding: 10px 10px 9px;
    display: block;
    float: left;
    _height: 0;
	}
    
a.carouselLeft:hover {
    background: transparent url(../img/video/layout/left_arrow_carousel.gif) no-repeat left top;   
	}    
    
a.carouselRight {
	border: none;
    background: transparent url(../img/video/layout/right_arrow_carousel.gif) no-repeat left bottom;
    padding: 10px 10px 9px;    
    margin-left: 3px;
    display: block;
    float: left;
    _height: 0;
	}  
    
a.carouselRight:hover {
    background: transparent url(../img/video/layout/right_arrow_carousel.gif) no-repeat left top;
	}      
    
a.carouselRight img, a.carouselLeft img {	
	display: none;
    }     
    
span.inactiveCarouselArrow a.carouselRight, span.inactiveCarouselArrow a.carouselLeft {
	display: none;
    }    
    
       
#noLiveEvents, #myplaylistEmpty {
	background-color: #fff;
    width: 885px;
    margin: 5px;
    height: 55px;
    font-size: 1.2em;
    }  
    
#noLiveEvents p, #myplaylistEmpty p {
	padding: 20px;
    }     
    
#myplaylistCarousel #myplaylistEmpty p span {
    padding: 0 0 0 16px;
    width: 12px;
    height: 12px;
    background: url(../img/video/layout/playlist_add_tiny_single.gif) no-repeat 0 50%;
   
	}    
    
span.scheduledEvent img {
	display: none;
    }   
    
#myplaylistCarousel span.scheduledEvent, #liveCarousel span.scheduledEvent {
 	height: 55px;  
    display: block;  
	}
    
#myplaylistCarousel span.scheduledEvent em, #liveCarousel span.scheduledEvent em{ 
    display: block;
    font-style: normal;
    color: #7F7F7F;
	}
        
#myplaylistCarousel span.scheduledEvent p, #liveCarousel span.scheduledEvent p {
	padding: 6px;
    margin: 0;
    font-size: 1.0em;
    line-height: 1.2em;
  	float: left;
  	width: 161px;
    }        
    
   
/****************************************
 * Flash / No Flash
 ****************************************/   
 
 
#mainAttraction {
    padding: 25px 0 0 0;
    float: left;
    width: 960px;
    background: transparent url(../img/video/layout/player_bg.gif) no-repeat 0 -5px;
	}
 
#flashcontent {
      width: 660px;
      height: 451px;
      float: left;
      margin-right: 20px;
      
      }
      
#flashcontent p {
	margin: 10px 75px 0;
    font-size: 1.4em;
    line-height: 1.4em;
    }  
    
    
p.requirements {
	padding: 50px 0;
    font-style: italic;
	}    
    
#flashcontent #nonFlashTitle {
	font-size: 1.8em;
    margin: 0 75px;
	}
    
#flashcontent #nonFlashShortDescription {
	margin-top: 5px;
	}


#flashcontent p.duration {
	font-size: 1em;
    margin-bottom: 5px;
    font-weight: bold;
	}
    
    
span#nonFlashDuration {
	color: #666;
    font-weight: normal;
	}


#flashcontent ul#nonFlashDownloads {
	margin-left: 75px;
    }

#flashcontent ul#nonFlashDownloads li {
	display: inline;
    float: left;
	}
        
li#nonFlashVideoDownload {
	margin-left: 10px;
	}
    
li#nonFlashAudioDownload {
	margin-left: 10px;
	}
	
li#idnonFlashTranscriptDownload  {
	margin-left: 10px;
	}      
        
      
      
/****************************************
 * Video Info
 ****************************************/        
      
#videoInfo {
	float: right;
    width: 275px;
    height: 418px;
    position: relative;
    }          
      
#videoInfo h2 {      
	font-size: 1.8em;
    font-weight: normal;
    line-height: 1.3em;
    }
       
#videoInfo p {
	font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 13px;
	}    
    
#nowplayingShortDescription {
	display: none;
	}
    
#nowplayingLongDescription {
	height: 126px; 
    padding-right: 10px; 
    overflow: auto;
    margin-top: 10px;
	}   

#nowplayingLongDescription ul {
    list-style-image: url(../img/layout/bullet.gif);
	list-style-type: square;
    margin: 8px 0 0 15px;
    }
    
#nowplayingLongDescription ul li  {        
  	margin-bottom: 10px;
  	}
    
#videoDetails {
	float: left;
    background: url(../img/video/layout/details_box.gif) no-repeat bottom center;
    position: absolute;
    bottom: 0;
    height: 198px;
    width: 275px;
    }     
    
#videoRelatedLinksBox, #videoInfoBox, #videoBookmarksBox {
	padding: 0 10px;
    font-size: .8em;
    height: 150px;
    _height: 140px;
    _margin-right: -3px;
	overflow: auto;
    width: 255px;
    float: left;
	}  
            
#bookmarkList p, #relatedLinksList p {
	font-style: italic;
	}    
    
ul#videoDetailsNav {
	width: 276px;
    float: left;
	font-size: 1.1em;
    margin: 7px 0 0 0;
    }        

ul#videoDetailsNav li {
	float: left;
    }
     
   
  
   
ul#videoDetailsNav li#videoBookmarksTab {
	padding: 13px 10px 10px 6px;
    _text-indent: -5px;
	}
    
ul#videoDetailsNav li#videoBookmarksTab span {
	background: url(../img/video/layout/bookmarks_inactive.gif) no-repeat 0 50%;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px;
    float: left;
	}  
    
ul#videoDetailsNav li#videoBookmarksTab.chosen {
	background: url(../img/video/layout/tabs.gif) no-repeat top left;
	}      
    
ul#videoDetailsNav li#videoBookmarksTab.chosen span {
	background: url(../img/video/layout/bookmarks_active.gif) no-repeat 0 50%;
	}        
    
ul#videoDetailsNav li#videoBookmarksTab.chosen a {
	color: #222;
    border: 0;
	}    
    
#bookmarkList ul {
	list-style-type: none;
    margin: 8px 0 0 0;
    float: left;
    font-size: 1.3em;
    line-height: 1.4em;
	} 
    
#bookmarkList ul li {
	margin: 0 0 6px;
    padding: 0;
    }           

#bookmarkList p {
	margin-top: 10px;
    }


      
    
ul#videoDetailsNav li#videoInfoTab {
	padding: 13px 10px 10px 6px;
    margin-left: 3px;
    _text-indent: -5px;
	}
      
ul#videoDetailsNav li#videoInfoTab span {
	background: url(../img/video/layout/info_inactive.gif) no-repeat 0 50%;
   	width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px;
    float: left;
	}
    
ul#videoDetailsNav li#videoInfoTab.chosen {
	background: url(../img/video/layout/tabs.gif) no-repeat -104px 0;
	}    

ul#videoDetailsNav li#videoInfoTab.chosen span {
	background: url(../img/video/layout/info_active.gif) no-repeat 0 50%;
	}    
    
ul#videoDetailsNav li#videoInfoTab.chosen a {
	color: #222;
    border: 0;
	}       
    
ul#videoInfoList {
    margin: 8px 0 0 0;
	font-size: 1.2em;
    list-style-type: none;
	}    
 
ul#videoInfoList li {   
 	margin-bottom: 7px;
    }
    
#nowplayingContributors, #nowplayingTags {
	line-height: 1.5em;
    }    
    
ul#videoInfoList em {
	color: #666;
	}    

ul#downloads {
	border-top: 1px dotted #ddd;
    padding-top: 8px;
    margin-top: 7px;
	}
    
ul#downloads li {   
    float: left;
    margin-bottom: 0;
    padding: 2px 0 4px;
    }
    
ul#downloads li#videoDownload {
	margin-left: 10px;
    background: url(../img/video/layout/download_video.gif) no-repeat left top;
    padding-left: 18px;
	}
    
ul#downloads li#audioDownload {
	margin-left: 10px;
    background: url(../img/video/layout/download_audio.gif) no-repeat left top;
    padding-left: 18px;
	}
    
ul#downloads li#transcriptDownload {
	margin-left: 10px;
    background: url(../img/video/layout/download_transcript.gif) no-repeat left top;
    padding-left: 18px;
	}        
   
     

ul#videoDetailsNav li#videoRelatedLinksTab {
	padding: 13px 9px 10px 10px;
    _text-indent: -5px;
    position: absolute;
    right: 0;
	}    
    
ul#videoDetailsNav li#videoRelatedLinksTab span {
	background: url(../img/video/layout/related_inactive.gif) no-repeat 0 50%;
   	width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px;
    float: left;
	}  
    
ul#videoDetailsNav li#videoRelatedLinksTab.chosen {
	background: url(../img/video/layout/tabs.gif) no-repeat top right;
	}     

ul#videoDetailsNav li#videoRelatedLinksTab.chosen span {
	background: url(../img/video/layout/related_active.gif) no-repeat 0 50%;
	}       
       
ul#videoDetailsNav li#videoRelatedLinksTab.chosen a {
	color: #222;
    border: 0;
	}  
  
#relatedLinksList ul {
	list-style-type: none;
    margin: 8px 0 0 0;
    float: left;
    font-size: 1.3em;
    line-height: 1.4em;
	} 
    
#relatedLinksList ul li {
	background: url(../img/layout/bullet.gif) no-repeat 3px 4px;
	margin: 0 0 6px;
    padding: 0;
    padding-left: 14px;
    float: left;
    width: 220px;
    }           

#relatedLinksList p {
	margin-top: 10px;
    }



/****************************************
 * Browse
 ****************************************/
 
#catalogbuttons {
    padding-top: 10px;
	border-bottom: 1px dotted #999;
    margin-bottom: 20px;
    width: 960px;
    float: left;
    }      
    
#catalogbuttons ul li {
	float: left;
    margin-right: 12px;
    padding-bottom: 11px;
	}    
    
#catalogbuttons ul li.chosen {
	background: url(../img/video/layout/vert_dots.gif) no-repeat center bottom;
	}   
     
#catalogbuttons ul li a {
    color: #222;
    font-size: 1.3em;
    font-weight: bold;
    border: none;
    display: block;
    background-color: #dbd9d0;
    padding: 8px;
    -webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */

	}
    
#catalogbuttons ul li.chosen a, #catalogbuttons ul li a:hover {
	color: #fff;
    background-color: #55affc;
	}     
     
 
    
#choicestopics {
	float: left;
    width: 173px;
    width: 165px;
    margin-right: 8px;
    height: 318px;
    overflow: auto;
	}
    
#choicestopics ul {
	margin-right: 10px;
	}    

#choicestopics li {
	font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 7px;
    color: #55affc;
    padding-top: 0;
    margin-top: 0;
    }
    
#choicestopics ul li.selectedSubNav {
    }    

#choicestopics ul li.selectedSubNav a {
	color: #222;
    border: none;
    }  
    
    
#choicestopics ul li#subNavSeriesShowcase, #choicestopics ul li#subNavPlaylistShowcase, #choicestopics ul li#subNavContributorShowcase {
	border-bottom: 1px dotted #666;
    padding-bottom: 17px;
    margin-bottom: 17px;    
    }
    
    

    
.tagCloudNav #topics-tag ul#tags li {
	line-height: 2.4em;
    font-size: 1em;
    display: inline;
    margin-right: 4px;
	}    


#choicesvideos {
	float: left;
    width: 787px;
    position: relative;
	}


#choicesvideos ul#choicesvideosList li {
	width: 250px;
	float: left;
	margin: 0 0 12px 12px;
    _margin: 0 0 9px 9px;
    background: #fff url(../img/video/layout/result_bg.gif) no-repeat top right;
    position: relative;
    height: 80px;
	}

.videoThumb {
	float: left;
	width: 96px;
    height: 80px;
    margin: 0;
	}

#choicesvideos img {
	margin-right: 8px;
	}

    
#choicesvideos span.videoTitle a {
    line-height: 1.4em;
	}     
    
#choicesvideos ul#choicesvideosList li span.videoTitle  {
    display: block;
    margin: 5px 5px 0 5px;
    position: absolute;
    top: 0;
    left: 99px;
	}    
    
#choicesvideos span.videoTitle span.duration {
	color: #6a6a6a;
    font-size: .9em;
    line-height: 1.6em;
  
    display: block;
    }    
    
#choicesvideos span.playlistAdd, #choicesvideos span.inPlaylist {
	position: absolute;
    bottom: 0;
    right: 0;
    }        
    
#choicesvideos span.playlistAdd a {
    width: 75px;
    height: 23px;
    border: none;
    display: block;
    background: url(../img/video/layout/playlist_add.gif) no-repeat top left;
    }
    
#choicesvideos span.playlistAdd a:hover {
    background: url(../img/video/layout/playlist_add.gif) no-repeat bottom left;
    }   
    
#choicesvideos span.inPlaylist a {
    width: 75px;
    height: 23px;
    border: none;
    display: block;
    cursor: default;
    background: url(../img/video/layout/in_playlist_check_green.gif) no-repeat top left;
    }
        
#pagingcontrols {
	float: left;
    margin: 3px 0 20px 12px;
    width: 775px;
    }     
    
#pagingcontrols p {
	font-size: 1.2em;
  	float: left;
	} 
    

    
    
a.playAll {
    background: url(../img/video/layout/play_all_3b.gif) no-repeat top right;
    font-size: .8em;
    border: none;
    padding: 5px 0px 10px 0;
    margin: -7px 0 0 0px;
    float: left;
    text-indent: -5000px;
    width: 55px;
	}        
    
a.playAll:hover {
    background: url(../img/video/layout/play_all_3b.gif) no-repeat bottom right;
	}            
    
a.RSSlink {
	text-indent: -5000px;
    background: url(../img/layout/icon_feed.gif) no-repeat top left;
    width: 16px;
    height: 16px;
    border: none;
    float: left;
    display: block;
	margin-left: 7px;
	position: relative;
	top: 0;
    }
       
    

    
#pagingcontrols span.pageSelected {
	 margin: 0 2px;
     padding: 4px 6px;
     background-color: #55affc;
     color: #fff;
     float: none;
     display: block;
	}
    
#pagingcontrols span {
	float: right;
    margin-top: -4px;
    font-size: 1.0em;
    position: relative;
    }    
    
#pagingcontrols ul li {
	float: left;
	}    
    
#pagingcontrols a.pages {
	border: none;
    background-color: #fff;
    margin: 0 2px;
    padding: 4px 6px;
    color: #222;
    float: left;
    display: block; 
	}    
    
#pagingcontrols a.pages:hover {
	 background-color: #55affc;
     color: #fff;
	}            
     
#pagingcontrols span a#goPrevPage {
	background: transparent url(../img/video/layout/left_arrow_pagination.gif) no-repeat left bottom;
    margin: 0 0 0 10px;
   
   padding: 0;
   width: 20px;
   height: 19px;
	}
    
#pagingcontrols a#goPrevPage:hover {
	background: transparent url(../img/video/layout/left_arrow_pagination.gif) no-repeat left top;
	}
    
    
#pagingcontrols span a#goPrevPage.pagesInactive {
	background: transparent url(../img/video/layout/left_arrow_pagination_off.gif) no-repeat left bottom;
    float: left;
    display: block;
    border: none;
    cursor: default;
	}        
      
    
#pagingcontrols a#goNextPage {
	background: transparent url(../img/video/layout/right_arrow_pagination.gif) no-repeat left bottom;
     
    margin: 0 0 0 3px;
    padding: 0;
    width: 20px;
    height: 19px;
	}  
    
#pagingcontrols a#goNextPage:hover {
	background: transparent url(../img/video/layout/right_arrow_pagination.gif) no-repeat left top;
	}  


#pagingcontrols span a#goNextPage.pagesInactive {
	background: transparent url(../img/video/layout/right_arrow_pagination_off.gif) no-repeat left bottom;
    float: left;
    display: block;
    border: none;
    cursor: default;
	}             
    

    
/****************************************
* Search
****************************************/                   
         
#videoSearch {
	float: right;
    margin-top: -5px;
    background: url(../img/video/layout/search_box_bg.gif) no-repeat top left;
    padding: 6px 0 10px 0;
    width: 281px;
	}
    
#videoSearch.chosen {
	float: right;
    background: url(../img/video/layout/search_box_active_bg.gif) no-repeat top left;
    padding: 6px 0 17px 0;
	}    
    
#videoSearch #searchbox {
	width: 198px;
    background: #F2F2F2 url(../img/video/layout/search_video_bg.gif) no-repeat center left;
    padding: 2px 3px 2px 24px;
    border: 1px solid #7F9DB9;
    margin: 1px 0 0 8px;
    float: left;
	}
    
#videoSearch #searchbutton {
 	width: 35px;
    float: right;
    margin-right: 6px;
 	}    
    
#topics-text h3 {
	font-size: 1.2em;
    margin: 3px 0;
	}

#choicestopics #topics-text h4 {
	padding: 10px 0 5px;
    float: left;
	}    
    
#choicestopics #topics-text ul.filter {
	color: #b31b1b;
    font-size: .8em;
    margin: 0;
    padding-bottom: 25px;
	}    
    
#choicestopics #topics-text ul.filter li {
	color: #222;
    margin: 0 0 5px 0;
    padding: 0;
    width: 145px;
    float: left;
	}       
    
#topics-text ul.filter li input {
    display: block;
    float: left;
    margin-top: 0;
     line-height: 1.1em;
    }     
    
#topics-text ul.filter li label {
	padding: 3px 0;
    cursor: pointer;
    display: block;
    float: left;
    width: 120px;
    line-height: 1.1em;
    }

#topics-text ul.filter li label:hover {
	background-color: #fff;
    }    
     
    
#choicesvideos ul#choicesvideosList span#zeroSearchHitsSuggestions {
	padding-left: 12px;
    font-size: 1.2em;
    display: block;
	}    
     
ul#choicesvideosList span#zeroSearchHitsSuggestions ul li {
	float: none;
    background-image: none;
    background-color: transparent;
    height: auto;
    width: auto;
    margin: 10px 0 0 0;
	}     

/****************************************
* Showcase
****************************************/

ul#showcase {
	list-style-type: none;
    margin-top: -25px;
	}

ul#choicesvideosList ul#showcase li {
	float: left;
	margin: 0 0 0 12px;
    _margin: 0 0 0 9px;
    background-image: none;
    background-color: transparent;
    height: auto;
    width: 250px;
	}

ul#showcase li.first {
	
	}
	
ul#showcase img {
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
    margin: 0;
	}
    
ul#showcase img:hover {
	border: 1px solid #aaa;
	}        
 
ul#showcase a.img {
 	border: none;
    }
 
ul#choicesvideosList ul#showcase li ul#showcase_titles {
	margin: 8px 0 0 0;
    width: 230px;
    }

ul#choicesvideosList ul#showcase li ul#showcase_titles li {
 	list-style-image: url(../img/layout/bullet.gif);
	list-style-type: square;
    float: none;
    margin: 0 0 6px 12px;
    font-size: 1.1em;
    line-height: 1.5em;
    width: 230px;
    }
    
ul#choicesvideosList ul#showcase li ul#showcase_titles li span {
	color: #666;
    font-size: 0.8em
    }    

ul#choicesvideosList ul#showcase li ul#showcase_titles li img {
	padding: 0;
    background: transparent;
    border: none;
    }
 
 
/****************************************
 * Footer
 ****************************************/

#footerwrap {
	float: left;
	width: 100%;
   	background: #d7d6d1;
	padding-bottom: 15px;
	/* hack ie5/win */
	text-align: center;
   	}

#footer {
	color: #333;
	width: 960px;
  	margin: 0 auto;
	padding: 10px 0 0 0;

	/* unhack ie5/win */
	text-align: left;
   	}

#footer ul {
	float: left;
	margin: 2px 0 7px 0;
	padding: 0;
	width: 600px;
	list-style: none;
	}
	
#footer li  {
	float: left;
	border-left: 1px solid #acacac;
	margin-left: 7px;
	padding-left: 7px;
	font-size: 1em;
	line-height: 1.3em;
	}
	
#footer li.first  {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#print-copyright {
	float: right;
	margin-top: 2px;
	margin-right: 0;
	font-size: 1em;
	line-height: 1.3em;
	text-align: right;
	width: 140px;
	}
	
#printlink {
	/*
	border-right: 1px solid #bdbdbd;
	padding-right: 15px;
	*/
	}
	
#printlink a, #printlink img {
	vertical-align: top;
	}
	
#copyright {
	margin-top: 6px;
	}
	
#footer a, #footer a:link, #footer a:visited {
	border-bottom-color: #ccadad;
	}
	
#footer a:hover {
	border-bottom-color: #f00;
	}
	
#footer a:active {
	border-bottom-color: #bf0000;
	}
	
    
/****************************************
 * Schedule
 ****************************************/
 
p.clock {
	background: transparent url(../img/video/layout/clock_small.jpg) no-repeat 6px 0;
    min-height: 72px;
    padding: 10px 0 0 90px;
    margin: 0;
}
 
table#scheduleTable {
	width: 100%;
    font-size: 1.2em;
    }
    
table#scheduleTable tr {   
    border-top: 1px solid #f0eee4;
    }    
    
table#scheduleTable tr#first {   
    border: none;
    }        
    
table#scheduleTable th {
	padding-bottom: 5px;
    }

table#scheduleTable th, table#scheduleTable td {
	padding: 8px 10px 10px;
    }    
    
table#scheduleTable td.time {
	text-align: right;
	padding-right: 10px;
	color: #fff;
    width: 60px;
    font-size: 1.6em;
	background-color: #b4b0a3;
    border-right: 2px solid #9a968a;
    }
    
span.ampm {
	text-transform: uppercase;
    font-size: .6em;
    }
        
    
tr.even, tr.even td{
	background-color: #fff;
    }
    
tr.odd, tr.odd td {
	background-color: #fafaf7;
    }    
    
tr.on_now, tr.on_now td {
	background-color: #f7f9d2;
    font-weight: bold;
    }
    
table#scheduleTable ul {
	float: left;
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
    }
table#scheduleTable li {
	float: left;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    }
    
table#scheduleTable h4 {
   font-size: 1.1em;
   padding-top: 5px;
   color: #b31b1b;
   cursor: pointer;
    }
    
table#scheduleTable img {
	float: left;
    width: 65px;
    height: 54px;
    padding: 0 10px 0 0;
    } 
    
table#scheduleTable .start {
    color: #666;
    font-weight: normal;
    display: block;
}
table#scheduleTable .videoTitle {
	display: block;
    margin-top: 6px;
}
    
table#scheduleTable td.time {
	background-color: #55affc;
    border-right: 2px solid #428dc2;
    font-weight: normal;
    }            
 
img#clock {
	float: left;
    margin: 0 15px 15px -4px;
    }
    
span.closeSchedule {
	display: block;
    float: left;
    width: 98%;
    padding-right: 2%;
    font-weight: normal;
    text-align: right;
    font-size: 0.9em;
    border: none;
    color: #fff;
    padding: 7px 12px 8px 0;
    background: transparent url(../img/video/layout/collapse.gif) no-repeat 100% 0;
    margin-top: -15px;
    cursor: pointer;
}

span.closeSchedule strong {
	padding-right: 12px;
}
  
/****************************************
 * Live Broadcast Alert Box
 ****************************************/
 
#liveAlert {
	display: none;
    position: absolute;
    left: 664px;
    top: 380px;
    background: transparent url(../img/video/layout/alert_bubble_gradient.gif) no-repeat top left;
    color: #fff;
    color: #222;
    width: 300px;
    height: 150px;
    line-height: 1.2em;
    z-index: 1000;
    }
    
#liveAlert h3 {
	margin: 16px 20px 10px 30px;
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
    
#liveAlert p {
	margin: 0 20px 10px 30px;
    font-size: 1.2em;
    line-height: 1.4em;
	}

#liveAlert span#alertBtns {
 	position: absolute;
    bottom: 18px;
    right: 20px;
  
  	}

#liveAlert span#liveTitle {
	font-weight: bold;
    
    }    
    
#liveAlert a {
	display: block;
    border: none;
    float: left;

    padding: 3px 5px;
	}    

#liveAlert a#dismiss {
	color: #fff;
    background-color: #336997;
    background-color: #666;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
	}
    
#liveAlert a#dismiss:hover {
    background-color: #222;
	}    
    
#liveAlert a#go {
	color: #222;
    margin-left: 7px;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
	}    
    
 #liveAlert a#go:hover {
 	color: #fff;
    background-color: #222;
	}
/****************************************
 * Sched Broadcast Alert Box
 ****************************************/
 
#schedAlert {
	display: none;
    position: absolute;
    left: 664px;
    top: 380px;
    background: transparent url(../img/video/layout/alert_bubble_gradient.gif) no-repeat top left;
    color: #fff;
    color: #222;
    width: 300px;
    height: 150px;
    line-height: 1.2em;
    z-index: 1000;
    }
    
#schedAlert h3 {
	margin: 16px 20px 10px 30px;
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

#schedAlert p {
	margin: 0 20px 10px 30px;
    font-size: 1.2em;
    line-height: 1.4em;
	}

#schedAlert span#alertBtns {
 	position: absolute;
    bottom: 18px;
    right: 20px;
  	}

#schedAlert span#schedTitle {
	font-weight: bold;
    
    }    
    
#schedAlert a {
	display: block;
    border: none;
    float: left;

    padding: 3px 5px;
	}    

#schedAlert a#dismiss {
	color: #fff;
    background-color: #336997;
    background-color: #666;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
	}
    
#schedAlert a#dismiss:hover {
    background-color: #222;
	}    
    
#schedAlert a#go {
	color: #222;
    margin-left: 7px;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
	}    
    
 #schedAlert a#go:hover {
 	color: #fff;
    background-color: #222;
	}    
 
 
h1 span {
font-size:0.4em;
}