@charset "utf-8";
/* CSS Document - Supported customizations are listed below with instructions on what each rule affects in the portal. If you want to make changes to CSS rules other than those specified below, please enter them in the Custom CSS Rules sectin at the bottom of this document. Please note that Custom CSS Rule changes may not be support by future portal interface upgrades. */

/* Background gradient: Select a background color and background image. The background image is set to repeat horizantally. */
body {
    background: white url('http://video.pbs.org/media/images/black_gradient_bg.png') repeat-x;
}

/* Homepage Branding */

/* Home button background color and border color */
#home-nav {
    background-color: #212121;
    border-bottom: 1px solid #3C3C3C;
    border-top: 1px solid #3C3C3C;
}

/* Home navigation image (sprite) for the home button */
#home-nav li a {
    background-image: url('http://video.pbs.org/media/images/assets/branding/main-nav-bg-sprite_PBS.gif');
}

#home-nav li a:hover {
	background-image: url('http://video.pbs.org/media/images/assets/branding/main-nav-bg-sprite_PBS.gif');
}

/* Programs, Topics, Collections menu item background color and border color */
/* The border color must match the border color found in #home-nav */
#mainnav {
    background-color: #212121;
    border-top: 1px solid #3C3C3C;
    border-bottom: 1px solid #3C3C3C;
}

/* 2px width divider image */
#mainnav li.divider-nav {
    background-image: url('http://video.pbs.org/media/images/assets/branding/main-nav-bg-sprite_PBS.gif');
}

/* Drop-down menu navigation background image (sprite) */
#mainnav li.programs-nav a.dropdown, #mainnav li.topics-nav a.dropdown, #mainnav li.collections-nav a.dropdown {
    background-image: url('http://video.pbs.org/media/images/assets/branding/main-nav-bg-sprite_PBS.gif');
}

/* Sub-nav menu link color */
#mainnav li a {
    color: #FFF;
}

/* Sub-nav background color and border color */
#mainnav li ul.subnav {
    background: #0F3656;
    border: 1px solid #091b27;
}

/* Navigation and footer search input field background color, border color and font color */
li.form form input{
    background-color: #FFFFFF;
    border: 1px solid #595959;
    color: #999999;
}

/* Navigation and footer search button background image (sprite) and font color) */
li.form .search-submit {
    background-image: url('http://video.pbs.org/media/images/assets/branding/main-nav-bg-sprite_PBS.gif');
    color: #0B1800;
}

/* Navigation and footer search button hover color */
li.form .search-submit:hover {
    color: #0B1800;
}


/* Mike Edited This: Change the background color of the Most Watched and Most Emailed backgrounds here. Replace #HEXCOLOR with valid alphanumeric code See Branding Guide for more info. */
#related div.leftcol, #related div.rightcol{
    background: #FFFFFF;
}

/* Mike Edited This: Change the background of the thumbnail rollover box and border. Replace #HEXCOLOR with valid alphanumeric code or image. See Branding Guide for more info. */
 #related div.leftcol .video-list li.hover .details-hover {
    background: #F3FFE5;
	border: 1px solid #000000;
}

/* Mike Edited This: Link color for Most Watched and Most Emailed */
#related div.leftcol .video-list li .details .title a, #related div.leftcol .video-list li .details .description a, #related div.rightcol .video-list li a {
    color: #1E90FF;
}

/* Text color for Most Watched and Most Emailed labels */
#related div.leftcol h3, #related div.rightcol h3 {
    color:#000000;
}

/* Background Color for Most Emailed panels - Mike Edited and Added This */

#related div.rightcol #most-watched-videos .video-list li.alt-one {
background: #F2F2F2;
}

#related div.rightcol #most-watched-videos .video-list li.alt-two {
background: #F3FFE5;
}

/*Site Enhancements*/

/* Change the color of bars (There are 3 rules to change the bar colors site-wide) */

/* 1. For the Learn more background color: */
#learn h3{
    background: #000;
}

/* 2. For the Related Video background color: */
#pagecontrols h3 {
    background: #000;
}

/* 3. For the Filter Results By box header background color:*/
#result div.leftcol div.box h5{
    background: #000;
}

/* Match the RSS Icon to your bars by customizing these two rules. The first rule set loads the custom sprite and determines the color of the "Subscribe" text. If you change the background colors of your bars from the default, enter a new path to your custom rss sprite. The second rule set determines the rollover color of the "Subscribe" text. */
div#rss-subscribe a {
    background-image: url('http://video.pbs.org/media/images/rss-icon-sprite.gif');
    color:#B6B6B6;
}

div#rss-subscribe a:hover {
    color: #HEXCOLOR;
}


/* This section applies exclusively to branding the iframe, or embeddable, player. Most of the iframe is already customized via the rules above. */

/* This rule will change the background color of your iframe player program list header row. */ 
#iframe #title h2{
    background-color: #000;
}


/* Custom CSS Rules - Please note that changes to any rules, other than to those above, may not be fully supported during user experience upgrades. */