body div#page_outer div.page table.ma tr td.interior div.custom_home { background:url(/wgbh/pages/frontline/art/progs/3212/maintop_new.png); background-repeat: no-repeat; height: 99px; }
body div#page_outer div.page td.interior div.custom_home_partner { background: #000  }
body div#page_outer div.page td.interior div.custom_home span.airdate, div.page td.interior div.custom_home_partner span.airdate { color: #818181; text-align: left; font-weight: 100; margin-right: 6px; line-height: 50px;}
body div#page_outer div.page td.interior div.custom_home h4 { color: #fff; padding-top:120px; font-size: 11px; text-align: center;}
body div#page_outer div.custom_page { background: #000 url(/wgbh/pages/frontline/art/progs/3212/maintop-interior2_new.png) no-repeat; height: 80px; }
body.oral-history div#page_outer div.custom_page { background: #000 url(/wgbh/pages/frontline/art/progs/3212/maintop-interior2_new.png) no-repeat top left; height: 80px; }

body div#page_outer div.page td.interior div.freeform { height: 150px; margin-bottom: 5px; }
body div#page_outer div.page td.interior div.freeform a { text-decoration: none; color: #fff; font-family: 'Oswald'; font-size: 19px; line-height: 19px; }

body div#page_outer div.page td.interior div.freeform img.hpa { width: 115px; height: 21px; float: right; }
body div#page_outer div.page td.interior div.freeform img.hpb { width: 85px; height: 21px; float: right; }

body div#page_outer div.page td.interior div.freeform div.hp_a { cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/oh-point_new.png); clear: left; width: 666px; height: 150px;  padding: 108px 8px 2px 8px;  background-repeat: no-repeat;}

/*
body div#page_outer div.page td.interior div.freeform div.hp_a { cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/cw-point.png); clear: left; width: 384px; height: 150px;  padding: 108px 8px 2px 8px;  background-repeat: no-repeat;}
body div#page_outer div.page td.interior div.freeform div.hp_b { float: right; cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/oh-point.png); clear: left; width: 280px; height: 150px; background-repeat: no-repeat;}
*/

body div#page_outer div.page td.interior div.freeform div.hp_a:hover { opacity:0.8;}
body div#page_outer div.page td.interior div.freeform div.hp_b:hover { opacity:0.8;}
body div#page_outer div.page td.interior div.freeform span.hp_blurb { display: block; font-size: 13px; color: #ddd; margin-top: 2px; line-height: 15px; }


div.page td.interior div.sharecategory {background-image: none; background: #000;}

td.right div.upcoming:hover a.titlelink, div.page td.interior ul.showtop li { color:#fff !important;}

div.share table td {border-right: 1px solid #5c5c5c;}

div.page td.interior div.corecontent li.drawer div.transcript span.oh_photo { background-size:100%; background-repeat:no-repeat; }

body {background-image: none; background-color: #1e1e1e; }
html body div#page_outer.ctr div.page table.ma tbody tr td.interior div.corecontent div#leftwrapper { display: inline-block; margin: 0 0 0 10px; width: 420px; background-color: #fff; padding: 20px; padding-right: 30px; overflow: hidden; border-right: 1px dashed #aaaaaa;}
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#rightwrapper {display: inline-block; margin: 0 0 0 10px; width: 420px; background-color: #fff; padding: 20px; padding-left: 30px; overflow: hidden;}
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int { position: relative;}
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper .int p,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p {color: #000; font-size: 14px; padding: 10px 0px; margin: 0; line-height: 22px; }
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.lchead,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p.lchead {color: #333; font-size: 18px; line-height: 26px; font-family: Oswald; padding: 0; margin: 0;  }
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#rightwrapper div.int p.lchead {text-align: left; }
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.lchead {text-align: right; margin-right: 0px;}
body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.initial,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p.initial {color: #fff; background-color: #1e1e1e; font-size: 20px; line-height: 26px; padding: 8px 20px; margin: 0; text-align: right; width:380px; font-weight: 200; text-transform: uppercase;  }


/* second video kill all default styles for now -- incorporate to master */
div.videotablarge_off:hover div.vtback {	
	height: 120px;
	margin-top: 280px;
	background-color: rgba(0,0,0,.4);
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtinfo,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_disabled div.vtinfo {
    font-size: 20px;
    line-height: 25px;
    font-family: Oswald;
    position: absolute;
    z-index: 3;
    color: #fff;
    padding: 3px 0 3px 0;
	margin-left: 0px;
    height: 80px;
    margin-top: 340px;
}

div.page td.interior div.videopicker_outer div.videopickerbg {
    background-image: url(/wgbh/pages/frontline/art/progs/3212/usos-double-poster.jpg);
    background-repeat: no-repeat;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotab div.vtinfo span.vdesc
{display: block; font-family: helvetica; font-size: 12px;}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover {
	margin-top: 320px;	
}


/* Hover */
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo {
	padding-left: 8px;
	margin-left: 0px;
    display: block;
    
}

/* Hover */
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc {
    line-height: 25px;
    padding-top: 5px; 
    margin-top: 0px;
    display: block;
    color: #fff;
}


div.page td.interior div.videoouter div.videopicker_outer c:hover div.vtinfo span.vtitle,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vtitle {
	
} 

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off span.playar,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on span.playar {
	display: none;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover span.playar, 
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover span.playar {
	display: none;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtback,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtback {
	height: 120px;
	margin-top: 280px;
	display: block;
	background-color: rgba(0,0,0,.7);
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtback,
div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtback {	
	height: 120px;
	margin-top: 280px;
	background-color: rgba(0,0,0,.9);
}

div.page td.interior div.videoouter div.videopicker_outer div.videotab{
	border-right:none;
}


div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_disabled div.vtinfo{
	margin-top: 300px;
}


div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo
{
	margin-top: 300px;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc
{
	line-height: 25px;
	margin-top:0px;
	padding-top:0px;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo {
	padding-left: 4px;
}

div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc {
	font-size: 12px;
}
