@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: black;*/
}

/* 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://www.vpt.org/sites/vpt.org/img/video/main-nav-bg-sprite_PBS.gif');
}

#home-nav li a:hover {
	background-image: url('http://www.vpt.org/sites/vpt.org/img/video/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://www.vpt.org/sites/vpt.org/img/video/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://www.vpt.org/sites/vpt.org/img/video/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: #2c285f;
    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://www.vpt.org/sites/vpt.org/img/video/main-nav-bg-sprite_PBS.gif');
    color: #0B1800;
}

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


/* 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: #2c285f;
}

/* 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: #706cbd;
	border: 1px solid #HEXCOLOR;
	color: white;
}

/* 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: #94e3df;
}

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


/*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: #2c285f;
}

/* 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://vpt.vo.llnwd.net/o36/cove/rss-icon-sprite.gif');
}

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


/* 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. */

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

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

#related div.rightcol #most-watched-videos .video-list li.hover {
    
    height: 54px;
    vertical-align: middle;
    border: 1px solid #B0D1DD;
    cursor: pointer;
    background: #706cbd;
}


#mainnav li ul.subnav li a:hover{
    color: #2396a2;
}

#more-pbs-footer {
    height: 65px;
    border:0px;
   	width: 950px;
    margin-top: 6px;
    padding: 15px 0 15px 0;
    background: #2c285f;
}

#more-pbs-footer li {
    float: left;
    width: 315px;
}

#more-pbs-footer li a {
    color: #0D94FF;
}

/*#more-pbs-footer li#more-one p {
    margin-left:72px;
    padding-right: 8px;
}*/

#more-pbs-footer li.divider {
    width: 1px;
    float: left;
    margin-top:-15px;
}

#more-pbs-footer li .logo {
    float: left;
    margin: 0 13px 15px 13px;
    width: 64px;
}

#more-pbs-footer li .logo img {
    width: 64px;
    height: 64px;
}

#more-pbs-footer li p {
    color:#94e3df;
    margin-left:13px;
    padding-right:40px;
    text-align:left;
    position: relative;
    top: -4px;
}

#pagecontrolsbottom{
    border-top: 1px solid #d9d9d9;
    color: #94e3df;
    font-size: 12px;
    width: 950px;
    height: 27px;
    text-indent: 13px;
    text-align: center;
    margin: 20px 0 0 0;
}

#result{
    position: relative;
    background: #000000;
}



/* page bottom result text color*/
#result div.rightcol div.content dl dd p,
#result div.leftcol div.content dl dd p{
    color: #fff;
}

/*page bottom result link color */
#result div.rightcol div.content dl a.title,
#result div.leftcol div.content dl a.title{
    color: #94e3df;
}


#related div.leftcol div.content dl,
#result div.rightcol div.content dl{
    font-size: 12px;
    padding: 0;
    margin: 0 0 14px 14px;
    width: 142px;
    float: left;
    display: inline;
}

/* for the lists? */
#result div.rightcol div.content dl.even{
    background: #2c285f;
}
#result div.rightcol div.content dl.odd{
    background: #2c285f;
}

#result div.rightcol div.content dl.even:hover{
    background: #706cbd;	
}

#result div.rightcol div.content dl.odd:hover{
    background: #706cbd;
}

/* Page result program name and number */
#pagecontrols h3 {
	color:#94e3df;
}

#pagecontrols h3 span {
	color:#94e3df;
}

/* border for images when hovered*/
#related div.leftcol div.content dl dt a.play:hover,
#result div.rightcol div.content dl dt a.play:hover{
    width: 142px;
    height: 61px;
    /*background: url("http://vpt.vo.llnwd.net/o36/cove/play.png") no-repeat 0 0;*/
}