div.topbar { position: relative; clear: both; padding: 0px 10px 0 10px; background-color: #c7cdc8; height: 50px; }
div.topbar li { border-top: 5px solid #c7cdc8; margin-left: 3px; list-style-type: none; float: left; height: 35px; width: 70px; background-color: #455; }
div.topbar li.gra { margin-left: 0; }
div.topbar li.sel, div.topbar li.sel:hover { border-top: 5px solid #0c891b; }
div.topbar li:hover { background-color: #a733d8; border-top: 5px solid #a733d8;  }
div.topbar li span.sp { background-color: #a733d8; display: block; height: 35px; width: 100%; opacity: 0; filter: alpha(opacity=0); }
div.topbar li.sel span.sp { background-color: #0c891b; }
div.topbar li.gr, div.topbar li.gr:hover { border: 0; width: 3px; height: 65px; margin-left: 0; background-color: #fff; list-style-type: none; float: left;  }
div.topbar li:hover span.sp, div.topbar li.sel span.sp { opacity: .6; filter: alpha(opacity=60); }
li.t0 { background-image: url(../art/top0.jpg); background-position: center; background-repeat: no-repeat; }
li.t1 { background-image: url(../art/top1.jpg); background-position: center; background-repeat: no-repeat; }
li.t2 { background-image: url(../art/top2.jpg); background-position: center; background-repeat: no-repeat; }
li.t3 { background-image: url(../art/top3.jpg); background-position: center; background-repeat: no-repeat; }
li.t4 { background-image: url(../art/top4.jpg); background-position: center; background-repeat: no-repeat; }
li.t5 { background-image: url(../art/top5.jpg); background-position: center; background-repeat: no-repeat; }
li.t6 { background-image: url(../art/top6.jpg); background-position: center; background-repeat: no-repeat; }
li.t9 { background-image: url(../art/top9.jpg); background-position: center; background-repeat: no-repeat; }
li.t11 { background-image: url(../art/top11.jpg); background-position: center; background-repeat: no-repeat; }
li.t13 { background-image: url(../art/top13.jpg); background-position: center; background-repeat: no-repeat; }
li.t15 { background-image: url(../art/top15.jpg); background-position: center; background-repeat: no-repeat; }
li.t17 { background-image: url(../art/top17.jpg); background-position: center; background-repeat: no-repeat; }
li.t19 { background-image: url(../art/top19.jpg); background-position: center; background-repeat: no-repeat; }
li.t21 { background-image: url(../art/top21.jpg); background-position: center; background-repeat: no-repeat; }
li.t22 { background-image: url(../art/top22.jpg); background-position: center; background-repeat: no-repeat; }
#mainarea { height: 553px; overflow: hidden; position: relative; background: #fff url(../art/othertop.png) repeat-x; border-bottom: 2px solid #448a67; }
#mainarea #rightbutton { background: url(../art/p_rightside.png) repeat-y; display: block; width: 48px; height: 550px; z-index: 75; position: absolute; right: 0; margin-top: 3px; }
#mainarea #leftbutton { background: url(../art/p_leftside.png) repeat-y; display: block; width: 48px; height: 550px; z-index: 76; position: absolute; left: 0; margin-top: 3px; }
#mainarea #rightbutton:hover { background: url(../art/p_rightside_a.png) repeat-y;}
#mainarea #leftbutton:hover { background: url(../art/p_leftside_a.png) repeat-y; }
div.topbar #titler { background: url(../art/titlertop.png) repeat-x; padding: 3px 0 12px 0; text-align: center; font-size: 16px; width: 100%; color: #fff; position: absolute; z-index: 90; margin: 40px 0 0 -10px; }
#holder { background-color: #fff; margin-top: 13px; width: 6368px; position: absolute; }
ul.time li {	list-style-type: none; float: left; width: 266px; height: 510px; margin-left: 10px; }
ul.hid { display: none; }
h5 { font-size: 18px; line-height: 19px; height: 40px; font-weight: normal; padding: 5px 5px 5px 5px; }
li.it span.date { background-color: #fff; display: block; padding: 2px 0 5px 5px; font-size: 15px; color: #666; }
li p { padding: 5px; margin: 0; font-size: 16px; }
li.sec { background-color: #eee; }
li.pri:hover, li.sec:hover { background-color: #cdeede }
li.pri, li.currentsel, li.currentsel:hover { background-color: #c8dad1; }
li.pri p { color: #4a6658; }
li.currentsel p { color: #4a6658; margin-bottom: 4px; }
li.sec p { color: #555; }
li.sec p.novideo { border-top: 1px dotted #aaa; color: #777; }
li.sec h5 { border-top: 5px solid #aaa; color: #777; }
li:hover h5 { color: #0fdf77; border-top: 5px solid #0fdf77; }
li.pri h5, li.currentsel h5, li.currentsel:hover h5 { border-top: 5px solid #448a67; color: #448a67; }
li.currentsel:hover h5 { border-top: 5px solid #448a67; color: #448a67; }
li.unl:hover { background-color: #eee; }
li.unl:hover h5 {  border-top: 5px solid #aaa; color: #777;  }
a:link, a:visited { color: #0c891b; }
a:hover { color: #56d81d; }
div.vh { display: block; width: 256px; height: 180px; background-color: #888; margin: 0 5px 6px 5px; }
div.vh span.pb { position: absolute; margin: 75px 0 0 5px; background-image: url(../art/playbutton.png); display: block; width: 100px; height: 100px; z-index: 35; }
li:hover div.vh span.pb { background-image: url(../art/playbutton_a.png); }
div.vh6 { background-image: url(../art/a14.jpg); background-position: center; }
div.vh21 { background-image: url(../art/a04.jpg); background-position: center; }
div.vh20 { background-image: url(../art/a03.jpg); background-position: center; }
div.vh19 { background-image: url(../art/a07.jpg); background-position: center; }
div.vh17 { background-image: url(../art/a02.jpg); background-position: center; }
div.vh16 { background-image: url(../art/a12.jpg); background-position: center; }
div.vh15 { background-image: url(../art/a11.jpg); background-position: center; }
div.vh14 { background-image: url(../art/a01.jpg); background-position: center; }
div.vh13 { background-image: url(../art/a10.jpg); background-position: center; }
div.vh12 { background-image: url(../art/a09.jpg); background-position: center; }
div.vh11 { background-image: url(../art/a13.jpg); background-position: center; }
div.vh9 { background-image: url(../art/a08.jpg); background-position: center; }
div.vh8 { background-image: url(../art/a06.jpg); background-position: center; }
div.vh7 { background-image: url(../art/a05.jpg); background-position: center; }
div.vh4 { background-image: url(../art/a19.jpg); background-position: center; }
div.vh0 { background-image: url(../art/a15.jpg); background-position: center; }
div.vh1 { background-image: url(../art/a16.jpg); background-position: center; }
div.vh2 { background-image: url(../art/a17.jpg); background-position: center; }
div.vh3 { background-image: url(../art/a18.jpg); background-position: center; }
div.vh5 { background-image: url(../art/a20.jpg); background-position: center; }
div.vh22 { background-image: url(../art/a22.jpg); background-position: center; }
div.vh18 { background-image: url(../art/a21.jpg); background-position: center; }
div.q span.name { font-size: 15px; display: block; padding: 4px 0 4px 0; color: #555; }
div.q span.rm { font-size: 12px; letter-spacing: 2px; float: right; text-align: right; width: 110px; display: block; padding-top: 5px; color: #0c891b; }
div.q:hover span.rm { color: #56d81d; }
div.q {  width: 231px; float: left; list-style-type: none; cursor: pointer; color: #455775; padding: 4px 5px 0 8px; height: 110px; margin: 0 5px 0 5px; border-left: 1px dotted #448a67; font-size: 16px; line-height: 17px; }
div.q:hover { color: #0c891b }
li.pri div.q, li.sec div.q { display: none; }
li.currentsel div.q { display: block; } 
div.rel { padding: 3px 5px 4px 0; border-top: 1px solid #fff; width: 300px; float: right; clear: right; display: none; }
li.currentsel div.rel { display: block; }
div.rel img { width: 50px; float: left; margin: 0 5px 5px 0; }
div.rel span.t { font-size: 15px; color: #0c891b; display: block; line-height: 16px; }
div.rel span.d { font-size: 13px; color: #666; }
div.rel:hover { background-color: #afe3b9; }
div.on, div.on:hover { background-color: #e7e9d4; }
div.on span.t { color: #9ea270 }
li.currentsel #vprog { font-size: 13px; display: block; width: 430px; padding: 0 10px 8px 10px; color: #777; margin: 0; text-transform: uppercase; line-height: 13px; letter-spacing: 3px; }