/* CSS Document */
body  {padding:0px; margin:0px;overflow-x:hidden; overflow: -moz-scrollbars-vertical; background-color:#000000;}
p, a, input, li, h1, h2, h3, ul, td, select { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000; }
#container {width:900px; height:700px;background-image:url(../images/bg.jpg); background-repeat:no-repeat; padding:0px; margin:0px; position:absolute; left: 0px; right: 0px; z-index:1;}
#header {width:950px; height:100px; position:absolute; left:0px; top: 0px; z-index:2;}
#playerarea {width:950px; padding:0px; margin:0px; position:absolute; left:20px; top:80px; z-index:5; height:500px; background:url(../images/playerBack.jpg); background-repeat:no-repeat; background-position:left;}
#mediaplayer1 {margin:0px; padding:0px; position:absolute; left:0px; top:0px; z-index:20;}
#controls {
	position:absolute;
	left:-6px;
	top:378px;
	z-index:25;
	height: 56px;
}
#toptabs {border:0px; height:28px; width:auto; position:absolute; left:7px; top:7px; z-index:30;}
/**#toptabs img {border-left: 1px solid #999999; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
#toptabs .last {border-right: 1px solid #999;}
/**#buffer {width:200px; margin-left:auto; margin-right:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; font-variant:small-caps; z-index:2;}*/
#buffer { position: absolute; left: -17px; top: 177px; color: #fff; text-align: center; width: 527px; z-index:50}
#buffer p { color: #fff; text-align: center; width: 100%; font-weight: bold; }
#left {z-index:6; width:518px; position:absolute; left:12px; top:66px; padding:0px; margin:0px;}
#right {position:absolute; left:531px; top:57px; z-index:26; background-image:url(../images/rightBack.jpg); background-repeat:no-repeat; width:340px; height:415px;}
#footer {position:absolute; top:500px; left:0px; width:100%; height:150px;}
#translucentbkg {
   text-align: left;
   vertical-align: top; 
   width: 324px;
   height: 100%; 
   /*filter:alpha(opacity=60);                           /* IE only */
}

#content, #lists { width:320px;}
#content { margin: 0px; padding: 10px; }

div.channel { margin: 0px; padding: 0px; text-align: left; cursor: hand; border-bottom: 1px solid #eee; width: 320px; }
div.channel table { margin: 0px; margin-left: 10px; margin-bottom: 0px; width: 90%; }
div.channel table td { padding: 4px 0px; }
div.channel p { margin: 0px; padding: 0px; font-size: 12px;  margin-left: 5px; vertical-align: middle; }
div.programme p { font-size: 11px; line-height: 1.4em; }
div.programme { cursor: hand; }

div.channel table td { vertical-align: middle; }
td.watch { text-align: right; }

h3 {  border-bottom: 1px solid #fff; padding-bottom: 4px; }

td.space { height: 1px; background-color: #eee; line-height: 1px; font-size: 1px; line-spacing: 0px; }

div#controller { width: 100%; border-bottom: 1px solid #900; margin-bottom: 10px; }
div#controller a { display: block; padding: 4px; padding-left: 17px; background-color: #000; color: #FFFFFF; text-decoration: none; font-weight: bold; width: auto; }
div#controller a:hover { background-color: #006699;}
#contentframe {margin-top:30px; scrollbar-face-color:#222; position:absolute; left:7px; top:4px;}
#controls a:link{
color:#FFFFFF;
text-decoration:none;
}
#controls a:visited{
color:#fff;
text-decoration:none;
}
#controls a:hover {
color:#fff;
text-decoration:underline;
}

h1 { border-bottom: 1px solid #fff; padding-bottom: 4px; }
hr { height: 1px; border: 0px; color: #fff; background-color: #fff; }
img.premium { float: right; margin: 2px 15px 0px 0px; }
#watchbuttons { text-align: center; margin-top: 20px; width:320px; }
#watchbuttons input { border: 1px solid #fff; background-color:#CCCCCC; color: grey;}
div.buttons a { padding:3px; font-size:11px; border: 1px solid #000000; background-color:#CCCCCC; }