div.ctr span.logo { z-index: 984; background-image: url(/wgbh/pages/frontline/art/nav/flatLogo.png); width: 230px; height: 50px; display: block; float: left; position: absolute; top: 0; }
div.ctr span.srch { z-index: 983; background-image: url(/wgbh/pages/frontline/art/h/ns.png); width: 95px; height: 16px; margin-top: 46px; display: block; float: left; position: absolute; margin-left: 218px; }
div.ctr span.logo span.logoinner { display: none; }
div.ctr div#msg { z-index: 96; position: absolute; left: 0; width: 400px; padding: 10px; color: #fff; font-size: 16px; }
div.ctr div#msgb { z-index: 95; position: absolute; left: 0; width: 400px; padding: 10px; background-color: #000; height: 200px; box-shadow: 3px 5px 5px #666; -webkit-box-shadow: 3px 5px 5px #666; border-radius: 5px; }
div.ctr div#msgl { z-index: 96; position: absolute; left: 0; width: 14px; height: 20px; background: url(/wgbh/pages/frontline/art/h/tl.png); }
div.ctr div#msgr { z-index: 96; position: absolute; left: 0; width: 14px; height: 20px; background: url(/wgbh/pages/frontline/art/h/tr.png); }

a:link {
	color: #466cb9;
}

a:visited {
	color: #6b85ba;
}

a:hover {
	color: #555577;
	text-decoration: none;
}

div#msgpane { clear: left; text-align: center; color: #f00; padding: 8px; }

div.main { background: url(/wgbh/pages/frontline/art/v/wbg.jpg) no-repeat; }

div.sh { cursor: pointer; font-size: 16px; padding: 0 2px 2px 2px; line-height: 16px; float: left; width: 110px; height: 195px; margin: 0 5px 15px 0; }
div.sh span.dsc { display: none; }
div.sh span.dat { display: block; font-size: 12px; margin-top: 2px; color: #aaa; }
div.sh a { color: #466cb9; text-decoration: none; }
div.sh img { margin-bottom: 5px; display: block; }
div.sh:hover { background-color: #daebf0; }
div.sh:hover a { color: #596688; }
div.coming { background-color: #333; }
div.coming span.dat { display: block; font-size: 15px; color: #fff; }
div.sh a.title { font-family: Oswald; }

ul.sidebar_extra li { border-top: 1px dotted #aaa; clear: left; padding: 8px 18px 3px 13px; height: 33px; }
ul.sidebar_extra li:first-child { border-top: 0; }
ul.sidebar_extra { border-bottom: 1px solid #fff; }
ul.sidebar_extra li a { text-decoration: none; }

div.sh span.len {
	position: absolute;
	z-index: 1;
	margin-top: 88px;
	background-color: #425965;
	padding: 3px;
	color: #fff;
	font-size: 13px;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

div.sh span.coming {
	position: absolute;
	z-index: 1;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	background-color: #466cb9;
	padding: 3px;
	color: #fff;
	width: 94px;
	text-align: center;
	display: block;
	margin-top: -5px;
	font-size: 13px;
}

img {
	border: 0;
}

div.main {
	padding-top: 40px;
}

table.view {
	width: 100%;
}

table.view td {
	vertical-align: top;
}

table.view td.main {
	padding: 0 40px 10px 25px;
}

table.view td.main div.lastshow {
	height: 200px;
	cursor: pointer;
	padding-top: 28px;
}

table.view td.main div.lastshow img.last {
	position: absolute;
	z-index: 0;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 200px;
	height: 200px;
	clear: both;
	left: 0;
}

table.view td.main div.lastshow span.play {
	position: absolute;
	z-index: 10;
	margin: 68px 0 0 0;
	width: 65px;
	height: 65px;
	background: url(/wgbh/pages/frontline/art/v/playb_blue.png) no-repeat;
	left: 68px;
}

table.view td.main div.lastshow:hover span.play {
	background: url(/wgbh/pages/frontline/art/v/playba.png) no-repeat;
}

table.view td.main div.lastshow span.length {
	position: absolute;
	z-index: 10;
	margin-top: 172px;
	background-color: #425965;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	left: 0;
}

table.view td.main div.lastshow div.lsdesc {
	margin-bottom:  10px;
	display: block;
	padding-top: 60px;
	line-height: 30px;
	margin-left: 210px;
}

table.view td.main div.lastshow div.lsdesc p {
	margin: 0px;
	color: #ccc;
	line-height: 17px;
}

table.view td.main div.lastshow div.lsdesc a.maintitle {
	font-family: 'Oswald', serif;
	font-size: 32px;
	line-height: 36px;
	color: #83a6eb;
	text-decoration: none;
}

table.view td.main div.lastshow div.lsdesc a.maintitle:visited {
	color: #466cb9;
}

table.view td.main div.lastshow:hover div.lsdesc a.maintitle, table.view td.main div.lastshow div.lsdesc a.maintitle:hover {
	color: #8999bb;
}


table.view td.main div.lastshow div.lsdesc span.date {
	color: #aaa;
	font-size: 14px;
	padding-top: 65px;
}

table.view td.main div.sort {
	display: block; 
	margin: 8px 0 0 0;
}

table.view td.main div.sort div {
	display: block; padding: 7px; margin-right: 1px; width: 181px; float: left;
	font-size: 16px;
}

table.view td.main div.sort div.ttabon { 
	color: #596688;
}

table.view td.main div.sort div.ttaboff {
	background: url(/wgbh/pages/frontline/art/v/selbg.png) repeat-x;
	color: #466cb9;
	cursor: pointer;
}

table.view td.main div.sort div.ttaboff:hover {
	background: url(/wgbh/pages/frontline/art/v/selbga.png) repeat-x;
	color: #596688;
}

table.view td.main div.sort div.sorttab {
	padding: 5px;
	clear: left;
	width: 578px;
	height: 25px;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	text-align: center;
}

table.view td.main div.sort div.date {
	float: left;
	color: #466cb9;
	padding: 5px 7px 7px 8px; 
	font-size: 16px;
	width: 150px;
	margin-right: 1px;
	background: url(/wgbh/pages/frontline/art/v/selbg.png) repeat-x;
}

table.view td.main div.sort div.dateon {
	float: left;
	padding: 5px 7px 5px 8px; 
	width: 150px;
	color: #596688;
	font-size: 16px;
	margin-right: 1px;
}

table.view td.main div.sort div.date:hover {
	color: #596688;
	cursor: pointer;
}

table.view td.main div.sort div.border {
	float: left;
	color: #596688;
	padding: 5px 15px 7px 8px; 
	font-size: 16px;
	width: 380px;
	background: url(/wgbh/pages/frontline/art/v/selbg.png) repeat-x;
}

table.view td.main div.sort div.borderon {
	float: left;
	padding: 5px 15px 7px 8px; 
	color: #555;
	width: 380px;
	font-size: 16px;
}


table.view td.main div.shows {
	display: block;
	clear: left;
	position: relative;
	text-align: left;
	min-height: 5000px;
	padding-top: 15px;
}

table.view td.main div.shows div.flwres {
	clear: left;
}

table.view td.main div.shows div.flwres h3 { 
	color: #8ea0d1; font-size: 1.1em; line-height: 1.2em; margin: 15px 0; font-family: 'Oswald', 'Lucida Grande', 'Arial'; border-bottom: 1px dotted #aaa; padding-bottom: 4px;
}

table.view td.main div.shows div.flwres li {
	display: block;
	min-height: 50px;
	border-bottom: 1px dotted #ccc;
	padding: 8px;
	font-size: .9em;
	color: #666;
}

table.view td.main div.shows div.flwres li span.dat { color: #596688; }

table.view td.main div.shows div.flwres li a.title {
	font-size: 1.1em;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	font-family: 'Oswald', 'Lucida Grande', 'Arial'; 
}

table.view td.main div.shows div.flwres li img {
	float: left;
	width: 50px;
	margin: 0 8px 8px 0;
}

table.view td.main div.shows div.siouter {
	position: absolute;
	z-index: 95;
	opacity: .9;
	margin: 0;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	height: 90px;
	width: 220px;
	padding: 0 15px 0 15px;
}

table.view td.main div.shows div.siouter div.si {
	background: #596688;
	padding: 10px;
	color: #fff;
	display: block;
	height: 70px;
	font-size: 14px;
	line-height: 14px;
	width: 200px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

div.siouter div.si span.dslength {
	font-size: 12px;
	color: #aaa;
}

div.rb {
	background-color: #000;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

div.rb div.search {
	background:#000 url(/wgbh/pages/frontline/art/v/viewsearchbg.gif) repeat-x;
	padding: 15px 10px 30px 15px;
	border-top: 1px solid #000;	
}

div.rb div.search span.title {
	color: #ddd;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
}


div.rb div.search div.searchform {
	margin: 0;
	padding: 0;
}

div.rb div.search div.searchform input.submit {
	background: none;
	border: none;
	color: #466cb9;
	font-size: 17px;
	cursor: pointer;
}

div.rb div.search div.searchform input.submit:hover {
	color: #de06d6;
}

div.rb div.search div.searchform input#videosearch {
	border: none;
	color: #000;
	width: 215px;
	padding: 5px;
	background: url(/wgbh/pages/frontline/art/v/sformbg.gif) repeat-x;
}

table.view td.right { background: #ddd url(/wgbh/pages/frontline/art/v/viewside.jpg) repeat-y; }

table.view td.main input.isf {
	width: 200px;
	font-size: 14px;
	line-height; 14px;
	border: 1px solid #aaa;
	background-color: #ebe6b7;
    color: #666666;
}

div.rb div.next {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	height: 220px;
	display: block;
	cursor: pointer;
}

div.rb div.next div.title {
	color: #ddd;
	padding: 15px 10px 15px 15px;
	display: block;
	background: url(/wgbh/pages/frontline/art/v/viewsearchbg4.gif) repeat-x scroll 0 0 #000000;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
}

div.rb div.next div.info {
	background-color: #000;
	height: 65px;
	padding: 10px 15px 5px;
	width: 290px;
	line-height: 25px;
}

div.rb div.next div.info a {
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
	display: block;
}

div.rb div.next div.info span.date {
	color: #fff;
	font-size: 13px;
}

div.rb div.next div.info span.time {
	color: #999999;
	font-size: 13px;
}

div.dr { padding: 15px 10px 15px 15px; background: #000 url(/wgbh/pages/frontline/art/v/viewsearchbg4.gif) repeat-x; overflow: auto; }
div.dr a { font-size: 16px; text-decoration: none; }
div.dr h3 { font-size: 16px; color: #ddd; letter-spacing: 2px; padding: 0 0 5px;  margin: 0; font-weight: normal}
div.dr input.em { border: 0; padding: 3px; width: 200px; background-color: #f5f3dc; color: #666; margin: 4px 0 5px 0; text-align:right; }

div.rb div.social {
	background: #000;
	padding: 5px 0 10px;
}

div.rb div.social ul li {
	margin-left: -25px;
	margin-bottom: 5px;
}

div.rb div.social ul li {
	list-style-type: none;
    overflow: auto;
}

div.rb div.social ul li a {
	text-decoration: none;
	color: #fff;
}

div.rb div.social ul li a {
	text-decoration: none;
	color: #fff;
}

div.rb div.social ul li a:hover {
	text-decoration: none;
	color: #de06d6;
}

div.rb div.social ul li a span.label {
	vertical-align: top;
	padding-left: 4px;
}

div.rb div.present {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	display: block;
	cursor: pointer;
	background: #000000;
	font-size: 13px;
	padding-bottom: 30px;
}

div.rb div.present div.title {
	color: #ddd;
	padding: 15px 10px 15px 15px;
	display: block;
	background: url(/wgbh/pages/frontline/art/v/viewsearchbg4.gif) repeat-x scroll 0 0 #000000;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
}

div.rb div.present div.today {
	display: block;
}

div.rb div.present div.today a {
	font-size: 20px;
	text-decoration: none;
}

div.rb div.present div.today a img {
	padding: 15px 10px 15px 15px;
	float: left;
}

div.rb div.present div.today span.date-duration {
	color: #aaa;
	display: block;
	padding-top: 10px;
}

div.rb div.present span.summary {
	color: #fff;
	display: block;
	padding-left: 15px;
}

div.rb div.fb {
	background: #f6f6f6 url(/wgbh/pages/frontline/art/v/viewfacebookbg.gif) no-repeat scroll;
	display: block;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	color: #f6f6f6;
	padding: 65px 5px 15px 10px;
}

div.rb div.fb span.t {
	display: block;
	padding-bottom: 15px;
}

div.rb div.twitter {
	padding: 15px 0;
	display: block;
	border-bottom: 2px solid #000;
	background: #F6F6F6;
	text-align: center;
}

div.rb div.twitter span.t {
	display: block;
	padding: 0 15px 15px 15px;
}

div.rb div.twitter ul {
	padding: 0;
	margin: 0;
}

div.rb div.twitter li {
	list-style-type: none;
	padding: 5px 15px;
	border-bottom: 1px solid #000;
	font-size: 1.2em;
}

div.rb div.twitter li a {
	text-decoration: none;
}

div.rb div.twitter li.last {
	border-bottom: 0px;
}

table.view td.main div.money {
	padding: 10px 10px 10px 0;
	display: block;
	clear: left;
	letter-spacing: 0;
	word-spacing: 4px;
}

table.view td.main div.money div.buy {
	display: inline;
}

table.view td.main div.money div.itune {
	float: right;
}

table.view td.main div.money div.buy a, table.view td.main div.money div.itune a {
	text-decoration: none;
	color: #bbb;
}

table.view td.main div.money div.buy a:hover, table.view td.main div.money div.itune a:hover {
	text-decoration: none;
	color: #fff;
}

table.view td.bottom {
	background:#383838 url(../art/p_bottom.gif) repeat-x;
	text-align: center;
	padding: 40px 0 20px 0;
	color: #fff;
	font-size: 15px;
	line-height: 17px;
	clear: both;
}

table.view td.bottom a {
	text-decoration: none;
}

div._ad { background-color: #150000; text-align: center; width: 300px; padding: 10px; clear: both;}
div._ad span.pbsad { font-size: 11px; color: #aaa; text-align: center; line-height: 13px; display: block; padding: 4px; }