/* PBS+ / interior.css
Author: Karl Norling (karl@method.com)
--------------------------------------------------------------------*/

/* #maincontent elements
--------------------------------*/
/* Ajax loader
--------------------------------*/
div.loader{
    width: 638px;
    height: 167px;
    z-index: 400;
    position: absolute;
    z-index: 100;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
    background: #000;
}

div.loader img{
    margin: 80px auto 0 auto;
}

div.pageloader{
    width: 950px;
    height: 100%;
    z-index: 400;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
    background: #fff;
}

#iframe div.pageloader{
    width: 710px;
}

div.pageloader img{
    margin: 0 auto 0 auto;
}

/* All filters / tags / keywords overlay
--------------------------------*/

div.allfiltersbg{
    width: 618px;
    height: 286px;
    background: transparent url("../images/moretags_bg.png") no-repeat;
    position: absolute;
    top: 14px;
    left: 170px;
    z-index: 900;
}

div.allfilters{
    width: 610px;
    height: 278px;
    background: transparent url("../images/moretags.gif") no-repeat;
    position: absolute;
    top: 14px;
    left: 170px;
    z-index: 910;
    overflow: hidden;
}

div.allfilters h4{
    color: #fff;
    font-size: 14px;
    height: 26px;
    text-indent: 14px;
    line-height: 26px;
}

div.allfilters h4 a.close{
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 22px;
    top: 0;
    height: 26px;
}


/* Related List
--------------------------------*/

#related {
    width: inherit;
    margin-top: 5px;
}

#related div.leftcol{
    background: transparent url('../images/related-background-gradient.jpg') repeat-x 0 0;
    width: 632px;
    height: 345px;
    display: inline;
    float: left;
    text-align: left;
}

#related div.leftcol h3{
    color: #000;
    width: 150px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom:10px;
}

#related div.leftcol p {
    padding: 3px 0 10px 0;
    color: #3C3C3C;
}

#related div.leftcol #recently-added-videos {
    padding: 15px 7px 15px 15px;
    height: 310px;
}

#related div.leftcol .video-list {
    width:617px;
}

#related div.leftcol .video-list li {
    display:block;
    float:left;
    height:115px;
    list-style-type:none;
    padding-right: 10px;
    padding-bottom: 35px;
    width:144px;
    z-index: 9;
}

#related div.leftcol .video-list li .details .thumbnail-link {
    height: 73px;
    width: 144px;
    position: relative;
    display: block;
    margin-bottom: 1px;
}

#related div.leftcol .video-list li .details {
    font-size: 0.95em;
    text-align: left;
}

#related div.leftcol .video-list li .details .title a,
#related div.leftcol .video-list li .details .description a,
#related div.rightcol .video-list a {
    color: #0D94FF;
}

#related div.leftcol .video-list li .details-hover, 
#related div.leftcol .video-list li .details .chapters,
#related div.leftcol .video-list li .details .overlay-play-button, 
#related div.leftcol .video-list li .details .description {
    display: none;
}

#related div.leftcol .video-list li .thumbnail-link .chapters {
    display:block;
    height:10px;
    position:relative;
    top: 0;
    width:144px;
    background: transparent url("../images/thumbnail_wrap_homepage.gif") no-repeat 0 0;
}

#related div.leftcol .video-list li .video-thumbnail {
    height: 72px;
    width: 144px;
    display: inline;
}

#related div.leftcol .video-list li .video-thumbnail img {
    width: 142px;
    height: 61px;
    border: 1px solid #7C7C7C;
}

#related div.leftcol .video-list li .overlay-play-button img {
    width: 30px;
    height: 30px;
    border: 0;
}

#related div.leftcol .video-list li.hover .details-hover {
    background: transparent url('../images/related-background-hover.jpg') repeat-x scroll 0 0;
    border: 1px solid #B0D1DD;
    height: 165px;
    width: 155px;
    z-index: 10;
    left: -7px;
    top: -7px;
    display: block;
    position: relative;
}

#related div.leftcol .video-list li.hover .details {
    top: -197px;
    position: relative;
    z-index: 10;
}

#related div.leftcol .video-list li.hover .details .title {
    margin-top: 31px;
}

#related div.leftcol .video-list li.hover .details .description {
    display: block;
}

#related div.leftcol .video-list li.hover .details .overlay-play-button {
    left: 58px;
    top: 45px;
    z-index: 10;
    width: 30px;
    display: block;
    position: relative;
    z-index:10;
}

#related div.leftcol .video-list li.last-item {
    width: 134px;
}



#related div.leftcol ul.tabmenu{
    background: black;
    width: 100%;
    height: 26px;
}

#related div.leftcol ul.tabmenu li{
    display: inline;
    float: left;
    height: 22px;
    margin: 4px 0 0 14px;
}

#related div.leftcol ul.tabmenu li a{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    height: 21px;
    line-height: 22px;
    text-indent: 14px;
    width: 298px;
    display: block;
    background: #2a2a2a;
    border-bottom: 1px solid #000;
}

#related div.leftcol ul.tabmenu li.selected a{
    color: #fff;
    background: #404040;
    border-bottom: 1px solid #404040;
}

#related div.rightcol{
    background: transparent url('../images/related-background-gradient.jpg') repeat-x scroll 0 0;
    text-align: left;
    width: 315px;
    float: right;
    height: 345px;
}

#related div.rightcol #most-watched-videos {
    padding: 15px 8px;
    height: 345px;
}

/*#related div.rightcol .sub-menu {
    float: right;
    height: 20px;
    margin-top: 2px;
    font-size: 0.95em;
}*/

#related div.rightcol h3{
    color: #000;
    width: 150px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

#related div.rightcol #most-watched-videos .video-list{
    clear: both;
    height: 310px;
    margin: 10px 0 0 0;
    padding:0;
    font-size: 0.95em;    
}

#related div.rightcol #most-watched-videos .video-list .most-watched-thumbnail .overlay-play-button {
    display:none;
}

#related div.rightcol #most-watched-videos .video-list .most-watched-thumbnail .overlay-play-button img {
    height: 30px;
    width: 30px;
    border: 0;
}

#related div.rightcol #most-watched-videos .video-list .most-watched-thumbnail {
    padding: 10px;
    float: left;
    width: 75px;
    display:block;
    position: relative;
    height:34px;
}

#related div.rightcol #most-watched-videos .video-list .most-watched-thumbnail .emailed-thumbnail {
    background-color:#FFFFFF;
    border:1px solid #7C7C7C;
    height:30px;
    margin:0;
    padding:1px;
    width:71px;
    position: absolute;
    top: 10px;
}

#related div.rightcol #most-watched-videos .video-list li {
    margin-bottom: 2px;
    border: 0px solid #FFF;
    position: relative;
    height: 56px;
    background: transparent url('../images/recently-emailed-alt-bg-1.jpg') repeat-x 0 0;
}

#related div.rightcol #most-watched-videos .video-list li .email-container {
    display: block; 
}

#related div.rightcol #most-watched-videos .video-list li.alt-one {
    background: transparent url('../images/recently-emailed-alt-bg-1.jpg') repeat-x 0 0;
}

#related div.rightcol #most-watched-videos .video-list li.alt-two {
    background: transparent url('../images/recently-emailed-alt-bg-2.jpg') repeat-x 0 0;
}

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

#related div.rightcol #most-watched-videos .video-list li.hover .email-container {
    margin: -1px 0 0 -1px;
    display: block;
}

#related div.rightcol #most-watched-videos .video-list li.hover .overlay-play-button, #related div.rightcol #most-watched-videos .video-list li.hover .overlay-play-button {
    /*background: transparent url('../images/recently-added-arrow-hover.png') no-repeat 22px 2px;*/
    display:block;
    left:21px;
    position:relative;
    top:2px;
    width:30px;
    z-index:10;
}

#related div.rightcol #most-watched-videos .video-list p.most-watched-link {
    color:#0D94FF;
    font-size:1em;
    width:182px;
    vertical-align: top;
    float: left;
    display: inline;
    margin: 8px 0 0 0;
    line-height: 12px;
}

#related div.rightcol p.title{
    margin: 0 14px;
    padding: 11px 0 9px 0;
    width: 250px;
    border-bottom: 1px solid #000;
}

/* Carousel Module                            */
/*------------------------------------------- */

div.carousel{
    margin: 0;
    width: 638px;
    height: 167px;
    overflow: hidden;
    display: block;
}

div.filtercarousel{
    width: 610px;
    height: 230px;
    z-index: 900;
}


div.carousel ul{
    height: 167px;
    overflow: hidden;
}

div.filtercarousel ul{
    height: 230px;
    z-index: 910;
}

div.carousel ul li.panel{
    width: 638px;
    height: 167px;
    overflow: hidden;
}

div.filtercarousel ul li.panel{
    width: 610px;
    height: 230px;
    display: block;
    overflow: hidden;
}

div.filtercarousel ul li.panel ol{
    height: 230px;
    width: 152px;
    float: left;
    display: inline;
    margin: 14px 0 0 0;
}

div.filtercarousel ul li.panel ol li{
    height: 20px;
    color: #000;
    font-size: 12px;
    margin: 0;
    text-indent: 14px;
}

div.filtercarousel ul li.panel ol li a{
    color: #1b75bb;
    height: 20px;
    text-transform: capitalize;
}

div.filtercarouselnav{
    width: 610px;
    height: 22px;
    position: relative;
    top: -1px;
}

div.carouselnav{
    width: 638px;
    height: 21px;
    background: #0d0d0d;
}
div.carouselnav table{
    width: 100%;
    text-align: center;
}

div.filtercarouselnav table{
    width: 100%;
    text-align: center;
    height: 22px;
}

div.carouselnav table tr td.indicator,
div.filtercarouselnav table tr td.indicator{
    padding: 0;
    text-align: center;
}
div.carouselnav table tr td.indicator a.indicator,
div.filtercarouselnav table tr td.indicator a.indicator{
    height: 10px;
    width: 10px;
    display: block;
    margin: 0 2px;
    text-indent: -9999px;
    background: url('../images/item_bullet.gif') no-repeat 2px 2px;
}
div.carouselnav table tr td.indicator a.selected,
div.filtercarouselnav table tr td.indicator a.selected{
    background: url('../images/item_selected_bullet.gif') no-repeat 2px 2px;
}

div.carouselnav table tr td{
    padding: 2px 4px;
}

div.filtercarouselnav table tr td{
    padding: 0 14px;
}

div.carouselnav table tr td img,
div.filtercarouselnav table tr td img{
    margin: 0 2px;
    display: inline;
    width: 7px;
    height: 7px;
}
div.carouselnav a,
div.filtercarouselnav a{
    margin-top: 2px;
}

div.carouselnav a.prev{
    background: url('../images/arrows.gif') no-repeat -52px 0;
    width: 13px;
    height: 13px;
    display: block;
}
div.filtercarouselnav a.prev{
    background: url('../images/arrows.gif') no-repeat 0 0;
    width: 13px;
    height: 13px;
    display: block;
}

div.carouselnav a.prev:hover{
    background: url('../images/arrows.gif') no-repeat -52px -13px;
    width: 13px;
    height: 13px;
    display: block;
}

div.filtercarouselnav a.prev:hover{
    background: url('../images/arrows.gif') no-repeat 0 -13px;
    width: 13px;
    height: 13px;
    display: block;
}

div.carouselnav a.next{
    background: url('../images/arrows.gif') no-repeat -65px 0;
    width: 13px;
    height: 13px;
    display: block;
}
div.filtercarouselnav a.next{
    background: url('../images/arrows.gif') no-repeat -13px 0;
    width: 13px;
    height: 13px;
    display: block;
}

div.carouselnav a.next:hover{
    background: url('../images/arrows.gif') no-repeat -65px -13px;
    width: 13px;
    height: 13px;
    display: block;
}
div.filtercarouselnav a.next:hover{
    background: url('../images/arrows.gif') no-repeat -13px -13px;
    width: 13px;
    height: 13px;
    display: block;
}

/* Content defenition lists
--------------------------------*/

#result{
    position: relative;
}

#result div.rightcol div.content{
    overflow: hidden;
}


#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;
}

#related div.leftcol div.content dl{
    padding: 14px 0 0 0;
}

#result div.rightcol div.content dl.list{
    font-size: 12px;
    padding: 14px;
    margin: 0 0 0 13px;
    width: 742px;
    border-bottom: 1px solid #989898;
}

#result div.video div.content dl.list{
    width: 898px;
}

#iframe #result div.video div.content dl.list{
    width: 658px;
}

#result div.rightcol div.content dl.first{
    margin: 0 0 0 13px;
    border-top: 1px solid #989898;
}

#result div.rightcol div.content dl.even{
    background: #f3f3f3;
}
#result div.rightcol div.content dl.odd{
    background: #fff;
}

#result div.rightcol div.content dl{
    height: 200px;
    overflow: hidden;
}

#result div.rightcol div.content dl.list{
    height: auto;
}

#result div.rightcol div.content dl.thumb{
    height: 150px;
}

#related div.leftcol div.content dl dt,
#result div.rightcol div.content dl dt{
    background: none;
}

#related div.leftcol div.content dl dt.chapter,
#result div.rightcol div.content dl dt.chapter{
    background: transparent url("../images/thumbnail_wrap.gif") no-repeat 0 61px;
}

#result div.rightcol div.content dl.list dt{
    float: left;
    display: inline;
    color: #4d4d4d;
}

#related div.leftcol div.content dl dt a,
#result div.rightcol div.content dl dt a{
    text-decoration: none;
    color: #1b75bb;
}

#related div.leftcol div.content dl dt a.play,
#result div.rightcol div.content dl dt a.play{
    width: 142px;
    height: 60px;
    display: block;
    position: absolute;
    z-index: 8;
    background: url("../images/play.png") no-repeat 0 -60px;
}

#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("../images/play.png") no-repeat 0 0;
}

#result div.rightcol div.content dl.list dt a.title{
    display: none;
}

#related div.leftcol div.content dl dt img,
#result div.rightcol div.content dl dt img{
    height: 60px;
    margin: 0 0 16px;
    width: 142px;
}

#result div.rightcol div.content dl dd a.expand{
    display: none;
}

#result div.rightcol div.content dl.list dd a.expand{
    cursor: pointer;
    display: block;
}

#result div.rightcol div.content dl.list dd a.expand img{
    border: none;
    margin: 1px 0 0 0;
    display: inline;
}

#result div.rightcol div.content dl dt a span{
    color: #fff;
}

#result div.rightcol div.content dl.list dd span.list{
    display: block;
}

#result div.rightcol div.content dl.list dd span.grid{
    display: none;
}

#result div.rightcol div.content dl dd span.list{
    display: none;
}

#result div.rightcol div.content dl dd span.grid{
    display: block;
}


#related div.leftcol div.content dl dd,
#result div.rightcol div.content dl dd{
    color: #4d4d4d;
    line-height: 16px;
    position: relative;
    overflow: hidden;
    background: none;
}

#related div.leftcol div.content div.carousel dl dd{
    color: #fff;
}

#result div.rightcol div.content dl dd p,
#result div.leftcol div.content dl dd p{
    color: #4d4d4d;
}

#result div.rightcol div.content dl.list dd{
    left: 15px;
    float: left;
    display: inline;
    width: 600px;
    height: auto;
}

#result div.rightcol div.content dl dd a.title{
    display: none;
}

#result div.rightcol div.content dl.list dd a.title{
    display: block;
}

#result div.rightcol div.content dl dd span.time{
    display: block;
}

#result div.rightcol div.content dl.list dd span.time{
    display: none;
}

#iframe #result div.rightcol div.content dl.list dd p.info{
    width: 324px;
}

#result div.rightcol div.content dl.list dd p.info{
    width: 424px;
    line-height: 17px;
    margin: 0 0 17px 0;
}

#result div.rightcol div.content dl dd p.info{
    display: block;
}

#result div.rightcol div.content dl.thumb dd p.info{
    display: none;
}

#result div.rightcol div.content dl dd ul.meta{
    display: none;
}

#result div.rightcol div.content dl.list dd ul.meta{
    margin: 0 5px 0 0;
    display: block;
}

#iframe #result div.rightcol div.content dl.list dd ul.meta li{}

#result div.rightcol div.content dl.list dd ul.meta li{
    display: inline;
    float: left;
    margin: 0 5px 5px 0;
    width: 424px;
    line-height: 17px;
}

#result div.rightcol div.content dl.list dd ul.meta li ul li{
    width: auto;
}

#result div.rightcol div.content dl.list dd ul.meta li.chapters{
    margin: 7px 0 0 0;
}

#result div.rightcol div.content dl.list dd ul.meta li.chapters ol li{
    width: auto;
    margin: 0 5px 0 0;
    white-space: nowrap;
}

#result div.rightcol div.content dl.list dd ul.meta li.info{
    height: 10px;
}

#result div.rightcol div.content dl.list dd ul.meta li.info p{
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    padding: 0;
    margin: 0;
    width: 130px;
}

#result div.video div.content dl.list dd {
    width: 755px;
}

#result div.video div.content dl.list dd ul.meta li.info p{
    right: 0;
}

/* #results leftcol box overlay 
--------------------------------*/

#result div.leftcol div.boxoverlay{
    width: 156px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    background: #fff;
    z-index: -1;
    position: absolute;
}

/* Results List
--------------------------------*/

#result div.leftcol{
    float: left;
    display: inline;
    width: 156px;
    margin: 14px 0 0 0;
}

#result div.rightcol{
    float: left;
    display: inline;
    width: 790px;
    margin: 14px 0 0 0;
    padding: 0;
    overflow: hidden;
}

#result div.video{
    float: none;
    display: block;
    width: 950px;
    padding: 0;
    overflow: hidden;
    top: 14px;
}

#iframe #result div.video{
    width: 710px;
}

#result div.rightcol div.content,
#result div.video div.content{
    overflow: hidden;
}

/* Results Controls
--------------------------------*/
#result div.leftcol div.box{
    background: #f2f2f2;
    border-left: 1px solid #989898;
    border-right: 1px solid #989898;
    width: 154px;
    font-size: 12px;
    color: #262626;
}

#result div.leftcol div.box h5{
    margin: 0 -1px 0 -1px;
    background: #000;
    font-weight: normal;
    color: #fff;
    text-indent: 13px;
    font-size: 14px;
    height: 23px;
    line-height: 19px;
    width: 156px;
}

#result div.leftcol div.boxtop{
    background: transparent url("../images/grey_box_top.gif") no-repeat;
    height: 3px;
    line-height: 3px;
    padding: 0;
    margin: 0;
    overflow: none;
}

#result div.leftcol div.boxbottom{
    background: transparent url("../images/grey_box_bottom.gif") no-repeat;
    height: 3px;
    margin: 0 0 14px 0;
}

#result div.leftcol div.box ul.sort{
    margin: 10px 0 0 0;
}

#result div.leftcol div.box ul.filter{
    margin: 3px 14px 0 14px;
}
#result div.leftcol div.box ul.filter li{
    line-height: 18px;
}

#result div.leftcol div.box ul.filter li a{
    text-transform: capitalize;
}

#result div.leftcol div.box ul.filter li.selected a{
    color: #333;
}

#result div.leftcol div.box ul.filter li.more{
    border-top: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}

/* Program info
--------------------------------*/

#programinfo div.leftoverlay{
    position: absolute;
    top: 28px;
    width: 461px;
    height: 300px;
    z-index: 3;
    background: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

#programinfo div.description-wrap{
    height: 212px;
    overflow: hidden;
}

#programinfo img.background{
    width: 950px;
    height: 356px;
}

#topic div.leftoverlay{
    position: absolute;
    top: 28px;
    width: 461px;
    height: 140px;
    z-index: 3;
    background: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

#programinfo div.rightoverlay{
    position: absolute;
    top: 28px;
    left: 461px;
    width: 489px;
    height: 300px;
    z-index: 3;
    background: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
}

#topic div.rightoverlay{
    position: absolute;
    top: 28px;
    left: 461px;
    width: 489px;
    height: 140px;
    z-index: 3;
    background: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
}

#programinfo div.info{
    position: absolute;
    top: 28px;
    left: 461px;
    width: 489px;
    height: 300px;
    z-index: 3;
}

#topic div.info{
    position: absolute;
    top: 28px;
    left: 461px;
    width: 489px;
    height: 140px;
    z-index: 3;
}

#programinfo div.media{
    position: absolute;
    top: 28px;
    width: 461px;
    height: 300px;
    z-index: 3;
}

#programinfo div.media img{
    width: 461px;
    height: 300px;
}

#topic div.media{
    position: absolute;
    top: 28px;
    width: 461px;
    height: 140px;
    z-index: 3;
}

#programinfo div.info h2.font,
#static div.info h2.font,
#topic div.info h2.font{
    font-size: 24px;
    height: 24px;
    margin: 10px 10px 20px 21px;
    color: #fff;
    z-index: 90;
}


#programinfo div.info p,
#static div.info p,
#topic div.info p{
    margin: 10px 14px 0 21px;
    line-height: 16px;
}

#topic div.info img,
#programinfo div.info img,
#static div.info img{
    margin: 21px 14px 14px 21px;
    line-height: 16px;
}


#programinfo div.info div.subtextoverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    background: #000;
    padding: 10px 0 14px 0;
    z-index: 100;
    width: 489px;
}

#programinfo div.info p.subtext{
    font-size: 11px;
    color: #808080;
    position: absolute;
    bottom: 0;
    z-index: 230;
    margin-bottom: 10px;
    width: 450px;
}

/* About class that adds bottom border for #static on about page
--------------------------------*/

div.about{
    border-bottom: 21px solid #1a1a1a;
}

/* #twocol template layout
--------------------------------*/

#twocol{
    width: 950px;
    margin: 21px 0 0 0;
}

#twocol div.leftcol{
    width: 305px;
    margin: 0;
    display: inline;
    float: left;
}
#twocol .rightcol{
    width: 624px;
    margin: 0;
    display: inline;
    float: right;
}

#twocol .rightcol h2{
    font-size: 20px;
    padding: 14px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    color: #759e4c;
    margin: 0 0 20px 0;
}

#twocol div.last{
    margin: 0;
}

#twocol div.leftcol h3{
    color: #000;
    width: 150px;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

#twocol .rightcol p{
    color: #4c4c4c;
    line-height: 16px;
    margin: 0 0 20px 0;
}

#twocol div.wrap{
    background: #1a1a1a;
    height: auto;
    width: 277px;
    display: block;
    padding: 14px;
}

#twocol div.leftcol p.dark{
    color: #fff;
    padding: 0 0 10px 0;
    margin: -3px 0 0 0;
    border-bottom: 1px solid #484848;
}

#twocol div.leftcol div.wrap ul{
    margin: 14px 0;
}

#twocol div.leftcol div.wrap ul li{
    height: 150px;
    width: 277px;
}

#twocol div.leftcol ul li p,
#twocol div.leftcol ul li img{
    float: left;
    display: inline;
}

#twocol div.leftcol ul li p{
    width: 156px;
    color: #fff;
    padding: 0 0 14px 14px;
    margin: -2px 0 0 0;
}

#twocol .rightcol div.section{
    border-bottom: 1px solid #ccc;
    padding: 0 0 22px 0;
    margin: 0 0 22px 0;
    width: 624px;
    color: #4d4d4d;
}

#twocol .rightcol div.section div.col{
    height: 80px;
}

#twocol .rightcol div.section div.col p{
    float: left;
    display: inline;
    width: 234px;
}

#twocol .rightcol div.section div.col p select{

    height: 20px;
}


#twocol .rightcol div.section div.col input{
    width: 220px;
}

#twocol .rightcol div.section table{
    width: 624px;
}

#twocol .rightcol div.section table tr,
#twocol .rightcol div.section ul li{
    width: 624px;
    height: 22px;
}

#twocol .rightcol div.section ul{
    margin: 0;
    padding: 0;
    text-align: left;
}

#twocol .rightcol div.section ul li{
    text-indent: 14px;
}

#twocol .rightcol div.section ul li input{
    margin: 0 14px 0 0;
}

#twocol .rightcol div.section label,
#twocol .rightcol div.section strong{
    color: #4d4d4d;
    display: block;
    margin: 0 0 10px 0;
}

#twocol .rightcol div.section table tbody td{
    width: 57px;
}

#twocol .rightcol div.section table tbody td.label{
    width: 72px;
}

#twocol .rightcol div.section table tbody tr.odd,
#twocol .rightcol div.section ul li.odd{
    background: #fff;
}

#twocol .rightcol div.section table tbody tr.even,
#twocol .rightcol div.section ul li.even{
    background: #f3f3f3;
}

#twocol .rightcol div.section table tfoot td{
    font-size: 10px;
} 

#twocol .rightcol div.section textarea{
    width: 456px;
    height: 104px;
}

#twocol .rightcol input.submit{
    background: url('../images/submit.png') no-repeat;
    width: 60px;
    height: 22px;
    border: none;
    float: right;
    display: inline;
    position: relative;
    text-indent: -9999px;
}

/* Layout for featured shows, two col layout */

#featuredshows{
    width: 950px;
    background: #0d0d0d;
}

#featuredshows ul{
    width: 950px;
}

#featuredshows ul li{
    display: inline;
    float: left;
    padding: 14px;
    width: 423px;
}

#featuredshows ul li img,
#featuredshows ul li div.wrap{
    float: left;
    display: inline;
}

#featuredshows ul li div.wrap{
    width: 309px;
    padding: 0 0 0 14px;
}

#featuredshows ul li div.wrap h3{
    font-size: 14px;
    margin: -2px 0 5px 0;
}

/* Static div interior rules
--------------------------------*/

#showslist{
    width: 950px;
}

#showslist li{
    width: 100%;
}

#showslist li.odd{
    background: #f2f2f2;
}

#showslist li.even{
    background: #fff;
}

#showslist li ul{
    margin: 0 0 0 14px;
}

#showslist li ul li{
    float: left;
    display: inline;
    width: 212px;
    padding: 14px 14px 14px 0;
    margin: 0;
}

#showslist li ul li.last{
    margin: 0;
    padding: 14px 0;
}

#showslist li ul li p{
    color: #4c4c4c;
}

#showslist li ul li a,
#showslist li ul li p{
    float: left;
    display: inline;
}

#showslist li ul li p{
    width: 132px;
    margin: 0 0 0 14px;
}


/* Static div interior rules
--------------------------------*/

#static div.info{
    position: absolute;
    top: 28px;
    left: 305px;
    width: 645px;
    height: 140px;
    z-index: 3;
}

#static div.media{
    position: absolute;
    top: 28px;
    width: 305px;
    height: 140px;
    z-index: 3;
    text-align: center;
}

#static div.media img.center,
#programinfo div.media img.center{
    margin: 40px auto 0 auto;
}

#static div.media h2,
#programinfo div.media h2{
    margin: 10px 10px 20px 21px;
}

#static div.leftoverlay{
    position: absolute;
    top: 28px;
    width: 305px;
    height: 140px;
    z-index: 3;
    background: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

#static div.rightoverlay{
    position: absolute;
    top: 28px;
    left: 305px;
    width: 645px;
    height: 140px;
    z-index: 3;
    background: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
}

/* Video div interior rules
--------------------------------*/
#video #flashcontainer .did-you-know-message {
    background:transparent url('../images/donate-now-bg.png') repeat-x 0 0;
    border-bottom:1px solid #272727;
    border-left:1px solid #272727;
    border-right:1px solid #272727;
    color:#ACACAC;
    font-size:0.90em;
    font-style:italic;
    height:20px;
    left:250px;
    padding: 8px 5px 0;
    position:relative;
    text-align:left;
    width:440px;
    top: 0;
}

#video #flashcontainer .did-you-know-message a.donate-now {
    background: transparent url('../images/donate-now.png') no-repeat 0 0;
    display:block;
    height:22px;
    left:360px;
    position:relative;
    text-indent:-9999px;
    top:-18px;
    width:81px;
}

#video div.player{
    border: 0px solid #000;
    width: 950px;
}

#video div.info{
    background: #0d0d0d;
    height: 50px;
    width: 950px;
    text-indent: 14px;
}

#iframe #video div.info{
    width: 150px;
    height: auto;
    position: absolute;
    top: 20px;
    right: 14px;
    background: none;
    border: none;
}

#video div.info h3{
    font-size: 18px;
    color: #fff;
    padding: 7px 5px 0 0;
    margin: 0;
    width: 880px;
    overflow: hidden;
}

#iframe #video div.info h3{
    font-size: 12px;
    margin: 0;
    display: block;
    float: none;
    width: 140px;
    text-indent: 0;
}

#video div.info h3 span{
    border-left: 1px solid #3d3d3d;
    margin: 0 2px 0 2px;
}

#video div.info p{
    color: #808080;
    font-size: 12px;
    padding: 0;
    text-indent: 0;
    margin: 0 0 0 14px;
    width: 880px;
    overflow: hidden;
}

#iframe #video div.info p{
    line-height: 16px;
    width: 140px;
    margin: 0;
}

#video div.info p a.moreinfo{
    position: relative;
    margin: 0 0 0 5px;
    padding: 0 15px 0 0;
}

#video div.info p a.moreinfominimize{
    position: relative;
    margin: 0 0 0 5px;
    padding: 0 15px 0 0;
}

#video div.info p a.moreinfo span{
    width: 11px;
    height: 11px;
    padding: 0;
    margin: 0;
    display: inline-block;
    background: transparent url('../images/expand.gif') no-repeat 0 0;
    overflow: hidden;
}

#video div.info p a.moreinfominimize span{
    width: 11px;
    height: 11px;
    padding: 0;
    margin: 0;
    display: inline-block;
    background: transparent url('../images/expand.gif') no-repeat 0 -10px;
}

#video div.info div.tvrating{
    position: absolute;
    top: 7px;
    right: 14px;
    padding: 3px 27px 0 0;
}

/* Ratings backgrounds */
#video div.info div.TV-Y{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px 0;
}

#video div.info div.TV-Y7{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -20px;
}

#video div.info div.TV-G{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -40px;
}

#video div.info div.TV-PG{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -60px;
}

#video div.info div.TV-14{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -80px;
}

#video div.info div.TV-MA{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -100px;
}

#video div.info div.E{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -120px;
}
#video div.info div.NR{
    width: 20px;
    height: 17px;
    background: url('../images/ratings.gif') no-repeat 25px -140px;
}

#video div.overlay{
    position: absolute;
    left: 0;
    top: 50px;
    width: 950px;
    height: 328px;
    background: #000;
    z-index: 8;
}

#video div.moreinfo{
    position: absolute;
    left: 0;
    top: 50px;
    width: 950px;
    height: 328px;
    z-index: 9;
}

#video div.moreinfo div.left{
    display:inline;
    float:left;
    margin:36px 0 0 92px;
    width:500px;
}

/*#video div.moreinfo div.left a {
    width: 200px;
    display: block;
}*/

#video div.moreinfo div.right{
    display:inline;
    float:left;
    margin:36px 0 0 92px;
}

#video div.moreinfo div.left h4,
#video div.moreinfo div.left h5{
    color:#FFFFFF;
    line-height:18px;
    margin:-3px 0 0;
    width:500px;
}

#video div.moreinfo div.left p,
#video div.moreinfo div.right p{
    line-height: 17px;
    margin: 0 0 5px 0;
}

#video div.moreinfo div.right p{
    margin:-3px 0 0 0;
}

#video div.moreinfo div.left p{
    width:500px;
}

#video div.moreinfo div.left p.tags,
#video div.moreinfo div.left p.buy{
    margin: 15px 0 10px 0;
}

#video div.moreinfo div.left p a.buy{
    text-indent: -9999px;
    display: block;
    position: relative;
    top: 5px;
    width: 72px;
    height: 22px;
    background: url('../images/buy.png') no-repeat;
}

#video div.moreinfo div.left p a.itunes{
    text-indent: -9999px;
    display: block;
    position: relative;
    left: 80px;
    top: -18px;
    width: 112px;
    height: 22px;
    background: url('../images/itunes.png') no-repeat;
}

#video div.moreinfo div.left p a.upsell{
    text-indent: -9999px;
    display: block;
    position: relative;
    top: 5px;
    width: 200px;
    height: 22px;
    background: url('../images/upsell.png') no-repeat;
}

#video div.moreinfo p{
    color: #808080;
}

#video div.underwriting{
    width: 185px;
    color: #808080;
    position: absolute;
    bottom: 21px;
    right: 20px;
}

#iframe div.underwriting{
    width: 682px;
    margin: 10px 0 10px 14px;
}

#iframe div.underwriting p{
    color: #808080;
    font-size: 11px;
}

#video div.underwriting p{
    font-size: 11px;
    color: #808080;
    line-height: 17px;
    margin: 10px 0 0 0;
}

/* Title for Iframe */
#iframe #title{
    color: #fff;
    background: #000;
    position: relative;
    height: 32px;
}

#iframe #title h2{
    font-size: 16px;
    text-indent: 10px;
    margin: 5px 0;
    padding: 8px;
}

#iframe #title h2 span{
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 12px;
}

#iframe #title h2 span select{
    margin: 0 0 0 10px;
}


/* Learn div on video page
--------------------------------*/

#learn h3{
    height: 21px;
    color: #fff;
    background: #000;
    padding: 5px 0 0 0;
    font-size: 14px;
    text-indent: 15px;
}

#learn ul{
    margin: 14px 0 12px 14px;
    color: #4c4c4c;
    line-height: 16px;
}

#learn ul li{
    float: left;
    display: inline;
    width: 298px;
    margin: 0;
    padding: 0 14px 0 0;
}

#learn ul li h5{
    margin: -3px 0 5px 0;
    font-size: 14px;
}

#learn ul li.last{
    margin: 0;
    padding: 0;

}

#learn ul li.last ul{
    width: 288px;
}

#learn ul li.last ul li{
    width: 288px;
}

#learn ul li dl{
    width: 300px;
    height: 80px;
    display: block;
}

#learn ul li dl dd,
#learn ul li dl dt{
    float: left;
    display: inline;
}

#learn ul li dl dt a img{
    width: 64px;
    height: 61px;
}

#learn ul li dl dd{
    width: 200px;
    height: 50px;
    margin: -3px 0 0 13px;
}

#learn ul li ul{
    margin: 0;
    width: auto;
}

#learn ul li ul li{
    display: block;
    float: none;
    margin: 7px 0;
    list-style-type: disc;
}


/* Page Controls
--------------------------------*/

#pagecontrols, #pagecontrolsbottom{
    margin: 0;
    position: relative;
}

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

#pagecontrols h3{
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 29px;
    text-indent: 14px;
    height: 29px;
}

#pagecontrols h3 span{
    font-weight: normal;
}

#pagecontrols div{
    color: #262626;
    font-size: 12px;
    width: 950px;
    height: 27px;
    text-indent: 15px;
    background: transparent url("../images/pagenavigation.gif") no-repeat;
    text-align: center;
}

#iframe #pagecontrols div{
    background: transparent url("../images/pagenavigation_iframe.gif") no-repeat;
    width: 710px;
}

#iframe #pagecontrols div.pagenav{
    width: 300px;
}

#pagecontrols div span{
    float: left;
    display: inline;
}

#pagecontrols div span.resultnum{
    padding: 5px;
    margin: 0 0 0 23px;
}

#pagecontrolsbottom div span.resultnum{
    position: relative;
    top: 5px;
    left: -6px;
}

#iframe #pagecontrolsbottom div span.resultnum{
    left: -16px;
}

#iframe #pagecontrols div div{
    background: none;
}

#pagecontrols div #view{
    width: 170px;
    height: 22px;
    text-align: left;
    border-right: 1px solid #fff;
    float: left;
    display: inline;
    padding: 5px 0 0 0;
}

#pagecontrols div #grid{
    margin: 0 0 0 14px;
    background: transparent url("../images/grid_list_view.gif") no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}

#pagecontrols div #grid:hover{
    background: transparent url("../images/grid_list_view.gif") no-repeat 0 -16px;
}

#pagecontrols div #list{
    margin: 0 0 0 14px;
    background: transparent url("../images/list_list_view.gif") no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}

#pagecontrols div #list:hover{
    background: transparent url("../images/list_list_view.gif") no-repeat 0 -16px;
}

#pagecontrols div #thumb{
    margin: 0 0 0 14px;
    background: transparent url("../images/thumb_list_view.gif") no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
}

#pagecontrols div #thumb:hover{
    background: transparent url("../images/thumb_list_view.gif") no-repeat 0 -16px;
}

#pagecontrols div #view a.selected{
    background-position: 0 -16px;
}

#pagecontrols div #sort{
    padding: 3px 0 0 0;
    height: 24px;
    float: left;
    display: inline;
    width: auto;
    background: none;
    line-height: 17px;
    border-right: 1px solid #fff;
}

#iframe #pagecontrols div #sort{
    width: 250px;
}

#pagecontrols div #sort select{
    width: 140px;
    height: 20px;
    font-size: 12px;
    margin: 0 14px 0 7px;
}

#pagecontrols div.pagenav,
#pagecontrolsbottom div.pagenav{
    background: none;
    padding: 0 35px 0 0;
    margin: 4px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 29px;
    width: 300px;
}

#iframe #pagecontrolsbottom{
    width: 710px;
}

#pagecontrolsbottom div.pagenav{
    margin: 4px 0 0 0;
    top: 0;
}

#pagecontrols div a.nextpage{
    background: transparent url("../images/arrows.gif") no-repeat -13px 0;
    height: 13px;
    width: 13px;
    display: block;
    position: absolute;
    top: 2px;
    right: 15px;
    padding: 0;
    margin: 0;
}

#pagecontrols div a.nextpage:hover{
    background: transparent url("../images/arrows.gif") no-repeat -13px -13px;
}

#pagecontrols div a.prevpage{
    background: transparent url("../images/arrows.gif") no-repeat 0 0;
    height: 13px;
    width: 13px;
    display: block;
    position: absolute;
    top: 3px;
    right: 124px;
    padding: 0;
    margin: 0;
}

#pagecontrols div a.prevpage:hover{
    background: transparent url("../images/arrows.gif") no-repeat 0 -13px;
}

#pagecontrolsbottom div a.nextpage{
    background: transparent url("../images/arrows.gif") no-repeat -39px 0;
    height: 13px;
    width: 13px;
    display: block;
    position: absolute;
    top: 2px;
    right: 15px;
    padding: 0;
    margin: 0;
}

#pagecontrolsbottom div a.nextpage:hover{
    background: transparent url("../images/arrows.gif") no-repeat -39px -13px;
}

#pagecontrolsbottom div a.prevpage{
    background: transparent url("../images/arrows.gif") no-repeat -26px 0;
    height: 13px;
    width: 13px;
    display: block;
    position: absolute;
    top: 2px;
    right: 124px;
    padding: 0;
    margin: 0;
}

#pagecontrolsbottom div a.prevpage:hover{
    background: transparent url("../images/arrows.gif") no-repeat -26px -13px;
}

#iframe #pagecontrols div a.nextpage{
    right: 15px;
}

#iframe #pagecontrols div a.prevpage{
    right: 124px;
}

#pagecontrols div input,
#pagecontrolsbottom div input{
    width: 25px;
    height: 16px;
    font-size: 12px;
    border: 1px solid #b3b3b3;
    background: white;
    outline: none;
    color: #262626;
    text-align: center;
}

div#rss-subscribe {
    height: 15px;
    position:absolute;
    right: -5px;
    text-align:left;
    text-indent:0;
    top:6px;
    width:95px;
    background: none;
    
}

div#rss-subscribe a {
    display: block;
    height: inherit;
    width: inherit;
    color: #B6B6B6;
    background: transparent url('../images/rss-icon-sprite.gif') no-repeat 66px 2px;
}

div#rss-subscribe a:hover {
    color: #A7C936;
    background: transparent url('../images/rss-icon-sprite.gif') no-repeat 66px -19px;
}