body { background-color: #333; font-family: 'Gill Sans','Lucida Grande','Franklin Gothic Medium','Lucida Unicode',Lucida,Verdana,Sans-serif; font-weight: normal; padding: 0px; height: 100%; width: 100%; margin: 0px; min-width: 980px; }
div,p,span,ul,h1,h2,h3,h4,h5,form,table,input,textarea { padding: 0; margin: 0; }
img { border: 0; }
#top_o { background-image: url(../art/08home/top_bg.jpg); height: 69px; }
#top_i { background: url(../art/08home/top.jpg) no-repeat; height: 69px; text-align: right; }
#logo { float: left; width: 256px; }
#tagl { display: block; height: 28px; padding: 10px; text-align: left; letter-spacing: 1px; color: #eee; font-size: 12px; line-height: 13px; margin-left: 265px; }
.cgry { color: #ccc; }
.whit { color: #fff; }
.spac { letter-spacing: 2px; }
#sbox { float: right; margin: 0 30px 0 0; height: 22px; padding: 3px; background-color: #708aa0; width: 300px; line-height: 22px; font-size: 13px; text-align: right; color: #a1d1ff; }
input.sbx { width: 190px; border: 0; background-color: #bdc8d2; padding: 1px; color: #ab224a; }
ul.topn { margin-left: 265px; }
ul.topn li { list-style-type: none; display: inline; letter-spacing: 1px; font-size: 13px; }
ul.topn li a, ul.topn li.on { text-decoration: none; display: block; float: left; margin: 1px 0 0 7px; padding: 2px 4px 3px 4px; }
ul.topn li.on { color: #fff; background-color: #b6d2ee; }
* html ul.topn li a { text-decoration: none; display: block; float: left; margin: 0 0 0 7px; padding: 2px 4px 2px 4px; }
* ul.topn li.on { text-decoration: none; display: block; float: left; margin: 0 0 0 7px; padding: 2px 4px 2px 4px; }
ul.topn li a:link, ul.topn li a:visited { color: #c1dffe; }
ul.topn li a:hover, ul.topn li a:active { color: #fff; background-color: #af56dd; }
h1 { text-align: center; }
h2 { color: #94abbf; font-size: 15px; text-align: center; padding: 9px 0 15px 0; font-weight: normal; }
#sub { text-align: center; font-size: 13px; color: #aaa; background-color: #444; padding: 6px; }
#copy { text-align: center; font-size: 13px; color: #aaa; padding: 6px; }
a:link { color: #ba20b8; }
a:visited { color: #d980d8; }
a:hover, a:active { color: #ff19fc; text-decoration: none; }
table.main { border-collapse: collapse; border: 0; padding: 0; margin: 0; width: 100% }
table.main td { border: 0; padding: 0; margin: 0; vertical-align: top }
table.main td.sidepane { width: 210px; background-color: #333; }
table.main td.sidepane input#videosearch { width: 130px; }
table.main td.sidepane ul { padding: 0; margin: 0; list-style-type: none; }
table.main td.sidepane li { cursor: pointer; display: block; padding: 4px 10px 4px 10px; color: #aa5eb2; font-size: 15px; border-top: 1px solid #000; }
table.main td.sidepane li.last { border-bottom: 1px solid #000; }
table.main td.sidepane li:hover { background-color: #f0f; color: #fff; }
table.main td.sidepane li.highlighted, table.main td.sidepane li.highlighted:hover { cursor: default; background-color: #492349; color: #aa5eb2; }
table.main td.mainarea { background-color: #000; padding: 5px 10px 10px 10px; position: relative; }
table.main td.mainarea div.prouter { position: relative; width: 108px; float: left; display: block; margin: 0 8px 3px 0; border-top: 5px solid #000;  }
table.main td.mainarea div.prouter:hover { border-top: 5px solid #af56dd; }
table.main td.mainarea div.prouter div.pr { position: relative; cursor: pointer; height: 185px; text-align: left; padding: 4px; background-color: #111; }
table.main td.mainarea div.prouter div.pr:hover { background-color: #492349; }
table.main td.mainarea div.prouter div.pr a.title { font-size: 16px; color: #d98od8; text-decoration: none; display: block; padding: 5px 0 2px 0; line-height: 16px; margin: 0; }
table.main td.mainarea div.prouter div.pr span.dat { font-size: 12px; line-height: 11px; color: #666; }
table.main td.mainarea div.prouter div.pr span.dsc { display: none; }
table.main td.mainarea div.prouter div.pr:hover a.title { color: #af56dd; }
table.main td.mainarea div.prouter:hover div.pr span.comeon { margin-top: 100px; position: absolute; z-index: 15; display: block; width: 90px; height: 50px; padding: 20px 5px 10px 5px; background-color: #ba20b8; color: #fff; font-size: 14px; line-height: 15px; letter-spacing: 3px; }
table.main td.toppane { height: 220px; background-color: #452c47; }
table.main td.topright { width: 194px; background-color: #1b1b1b; padding: 5px 8px 5px 8px; cursor: pointer; }
table.main td.topright:hover { background-color: #492349; }
table.main td.topright a.cti { display: block; text-decoration: none; font-size: 17px; line-height: 17px; }
table.main td.topright span.airdate { display: block; font-size: 13px; color: #ddd; padding: 3px 0 0 0; }
table.main td.topright span.nextimg { display: block; width: 190px; height: 100px; margin: 8px 0 0 0; background-position: 0 -40px }
table.main td.topright span.nextwatch { display: block; width: 190px; background-color: #492349; color: #aa5eb2; letter-spacing: 1px; font-size: 13px; text-align: center; margin-bottom: 8px; }
table.main td.topright:hover span.nextwatch { background-color: #f0f; color: #fff; }
table.main h3 { text-align: left; font-weight: normal; color: #aaa; letter-spacing: 2px; font-size: 14px; padding: 0; margin: 0; }
table.main td.sidepane h3 { padding: 12px 10px 4px 10px; border-top: 3px solid #000;  }
table.main td.mainarea div#programs { position: relative; overflow: auto; }
#popover_bg { width: 232px; display: block; height: 198px; top: 0; position: absolute; background-color: #492349; opacity: .95; -moz-opacity: .95; filter: opacity(alpha=95); z-index: 11 }
#popover { border-top: 5px solid #af56dd;  width: 212px;  height: 168px; display: block;  top: 0; position: absolute; z-index: 12; padding: 10px; color: #fff; font-size: 14px; }
#popover h2 { text-align: left; padding: 0; margin: 0 0 5px 0; color: #fff; font-size: 19px; line-height: 19px; }
#popover span.airdate { display: block; font-size: 14px; color: #aaa; margin: 0 0 5px 0; }
#popover span.length { display: block; font-size: 14px; color: #aaa; margin: 5px 0 0 0; }
#slider { width: 100% }
div.searchform { padding: 5px 10px 8px 10px; }
#overlay { width: 100%; background-color: #000; z-index: 20; position: absolute; top: 0; opacity: .75; -moz-opacity: .75; filter: opacity(alpha=75); height: 100px }
#searchresults_outer { -webkit-box-shadow: 0 0 20px #000; width: 700px; background-color: #333; z-index: 21; position: absolute; top: 0; opacity: .9; -moz-opacity: .9; filter: opacity(alpha=90); height: 600px }
#searchresults_inner { width: 670px; z-index: 22; position: absolute; top: 0; height: 540px; margin: 45px 15px 15px 15px; overflow: auto; }
div.srhres { min-height: 50px; margin-bottom: 3px; padding: 3px; background-color: #5a3a66; color: #ddd; font-size: 15px; clear: left; }
div.srhres span.srhdsc { display: block; padding-top: 1px; font-size: 13px; color: #aaa; line-height: 13px; }
div.srhres span.srhdsc span.srhwrn { color: #888 }
div.srhres img { float: left; width: 50px; margin-right: 6px; }
div.srhres:hover { background-color: #b21ab2 }
#searchresults_count { z-index: 27; width: 685px; position: absolute; text-align: right; font-size: 13px; color: #aaa }
#searchresults_close { z-index: 28; width: 110px; background-color: #ba20b8; position: absolute; text-align: center; font-size: 14px; letter-spacing: 3px; color: #fff }
#searchresults_close:hover { background-color: #ff19fc; }
input.submit { background-color: #ba20b8; padding: 3px; border: 0; margin-left: 5px; color: #fff; }
input.submit:hover { background-color: #ff19fc; }