body {  
margin: 0px; 
padding: 0px;
background-image: none; 
text-align: center;
background: transparent;
cursor:default; }

body, html { 
height: 100%;
width:330px;
overflow-y: auto; 
overflow-x:hidden; }

#translucentbkg {
text-align: left;
vertical-align: top; 
width: 330px;
height: 100%; }

.info { width:200px; }

p, a, li, h1, h2, h3, ul, td, input, select { 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; }

.inputText { color:#000000; }

div.buttons a { 
padding:2px;
text-decoration:none; }

div.buttons a, .inputButton { 
border-top:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
border-left:2px solid #666666;
border-bottom:2px solid #666666;
background-color:#FFFFFF;
color:#000000; }

div.buttons a:hover { 
border:2px solid #FFFFFF;
background-color:#000000;
color:#FFFFFF;
padding:2px;
text-decoration:none; }

img { border: 0px; }

div#controller { 
width: 100%; 
border-bottom: 1px solid #FFFFFF; }
div#controller a { 
display: block;
padding: 6px; 
padding-left: 17px; 
background-color: #000; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: bold; 
width: auto; }
div#controller a:hover { background-color: #006699; }

div#content p { line-height: 1.5em; }
#content, #lists { position: relative; }
#content { 
margin: 0px; 
padding: 0px; 
padding-left:5px; 
padding-top:5px;
text-align: left; 
width: 90%;  }
#content table { width: 80%; }
#content table.register { 
width: 100%; 
background-color: #d5e4fd; }
#content table.register td { padding: 5px; }
#content table.register thead td { 
padding: 5px; 
font-weight: bold; 
background-color: #5382d0; 
color: #fff; 
font-family: arial, helvetica, sans-serif;  }

div.channel {
cursor:pointer; 
border-bottom: 1px solid #eee; 
padding-bottom: 2px; 
padding-top: 2px;}
div.channel p { 
margin: 0px; 
padding: 0px; 
font-size: 12px;  
margin-left: 5px; 
vertical-align: middle; }
div.channel table { 
margin: 0px; 
margin-left: 10px; 
margin-bottom: 0px; 
width: 95%; }
div.channel table td { 
padding: 0px 0px; 
vertical-align: middle;  }

div.programme { cursor:pointer; }
div.programme p { 
font-size: 11px; 
line-height: 1.4em; }

td.space { 
height: 1px; 
background-color: #eee; 
line-height: 1px; 
font-size: 1px; }
td.watch { text-align: right; }

h3 { 
border-bottom: 1px solid #FFFFFF; 
color: #FFFFFF; 
padding: 3px; 
padding-bottom: 5px; 
padding-left: 0px; 
width: 100%; }

a, a:hover { 
color: #FFFFFF; 
text-decoration: none; }
a:hover { 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; }

#telly #player #maintenance p { font-family: verdana, arial, helvetica, sans-serif; color: #000; font-weight: bold; margin-left: 20px; font-size: 0.8em; margin-right: 20px; }
