html, body { height: 100%; }
body {  background-color: #065f99; 
	margin: 0;
	padding: 0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input, select, textarea {font: 1em Arial, Helvetica, Geneva, sans-serif;}
input {color: #5f95ef;}
input.text {color: #565656;}  
input.text.active{  background: #ddeff6;  border: 1px solid #0099d4;  }
form, div {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, code {margin: 0 0 1em 0; padding: 0;}
h1 {font-weight: normal;}
img { border:0; }
table th { color: #FFF; }
table {border-collapse: separate;border-spacing: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
thead th{ padding: 2px;white-space: nowrap;}
tr.even { background-color:  #FFF;}
tr.odd{ background-color: #E8F1F7; } 
tr.odd td.today{ background-color: #CEFFC5 ; } 
tr.even td.today{ background-color: #EEFFEE; } 
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}
ul, ol {list-style:none;}
form label {cursor:pointer;}
legend {font-weight:bold;}
a.notrecorded { color: #0084d7; }
a.recorded { color: #339933; }
a.ready { color: #F45724; }
a.now { color: #500; }
a { color:#FFFFFF; text-decoration:none; }
a:hover {text-decoration:underline;}
address, abbr {font-style:normal;}
acronym {border:none;}
.movelink { color: white; background:transparent url(/images/tvrecorder/icons/folder_white.png) no-repeat scroll left top;margin-left:0px;padding:3px 0 4px 32px;
font-size:11px;line-height: 22px;}
.error { color: #FF0000; }
.error2 { font-size:1.5em;color: #FF0000; }
.disabled { color: #BBBBBB; }
.bold { font-weight: bold; }
.prgrinfo1a { background-color: #FFF; padding: 20px; }
.prgrinfo1a a { color: #0084d7;  }
p#skip {position: absolute; left: 0; top: 0; width: 100%;}
p#skip a {position: absolute; left: -999em; top: 0;}
p#skip a:focus, p#skip a:active {display: block; position: absolute; left:0; top:0; z-index: 1000; width: 100%; padding: 0.5em 0; background: #fff; font-size: 1.4em; font-weight: bold; text-align: center; }

span.storage-status {display: block;height:40px;color: white;padding:10px; font-size:10px;} 
span.storage-status span {float:left;}
span#indicator {background: url(/images/tvrecorder/elisa/storage-usage-bar.png) no-repeat;display:block;float:left;width:208px;height:13px;margin:0px;cursor:help;}
span#indicator #begin {background: url(/images/tvrecorder/elisa/storage-usage-begin.png) no-repeat;display:block;width:9px;height:13px;}
span#indicator .value {background: url(/images/tvrecorder/elisa/storage-usage-stretch.png) no-repeat;display:block;height:13px;}
span#indicator #end {background: url(/images/tvrecorder/elisa/storage-usage-end.png) no-repeat;display:block;width:9px;height:13px;}
.if10 {width:10px;} .if15 {width:15px;} .if20 {width:20px;} .if25 {width:25px;} .if30 {width:30px;} .if35 {width:35px;} .if40 {width:40px;} .if45 {width:45px;} .if50 {width:50px;} .if55 {width:55px;} .if60 {width:60px;}.if65 {width:65px;}  .if75 {width:75px;} .if80 {width:80px;}.if85 {width:85px;}  .if90 {width:90px;}.if95 {width:92px;} .if100 {width:92px;} 

.info_left{ position:absolute;top:9px;left:100px; background: transparent url(/images/tvrecorder/elisa/info_left.png) no-repeat top left; height:49px;padding-left:18px;}
.info_right{ background: transparent url(/images/tvrecorder/elisa/info_right.png) no-repeat top right; height:49px;padding-right:17px;}
.info_middle{ background: transparent url(/images/tvrecorder/elisa/info_middle.png) repeat-x top right; height:49px; color:white; line-height:49px;}

div.function-header {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
div.function-header h3 {margin:0;color: #FFFFFF;font-size: 11px;}
div.function-header a {float:right;font-size:0.9em;}
.daylink { color: #065f99; padding: 5px 0px 5px 5px; }
.daylink_disabled { padding: 0px 0px 5px 5px; color: #3b84d9; }
.daylink_img_prev{background:transparent url(/images/tvrecorder/icons/date-previous_blue.png) top right no-repeat;padding:7px 0 5px 24px;}
.daylink_img_next{background:transparent url(/images/tvrecorder/icons/date-next_blue.png) top right no-repeat;padding:7px 0 5px 24px;}
.daylink_disabled_img_prev {background:transparent url(/images/tvrecorder/icons/date-previous.png) top right no-repeat;padding:7px 0 5px 24px;}
.daylink_disabled_img_next {background:transparent url(/images/tvrecorder/icons/date-next.png) top right no-repeat;padding:7px 0 5px 24px;}

a.pagelink {
	color: #6AC9FF;
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-left: 5px; 
	padding-right: 5px;
}
a.pagelink:hover {text-decoration: underline;}
a.currentpage {color: #6AC9FF;font-weight: bold;}
.channel-hl { background-color: #FF0; }
td.unused {
	background-color: #5E5; 
	height: 10px; 
	margin: 0px; 
	padding: 0px;
}
#programtable{background-color:white;}
#programtable .channel_emptyrow td{background-color: #FFFFFF;border-left: none; height: 5px;}
#channel_row th{background:transparent url(/images/tvrecorder/elisa/lightblue-repeat.gif) repeat-x scroll left top;border-left:none}
th.channeltitle {
	color: #fff;
	font-size: 11px;
	padding: 6px 6px 5px 6px;
	background-color: #FFFFFF;
}
th.channel-image {background-color: #FFFFFF;border-left: 1px solid #DDD; padding: 7px 0 18px 0;}
#pagenavi_row td{padding:5px 5px 0px 5px ;}

#programtable tbody .odd .last{background:#e8f1f7 url(/images/tvrecorder/elisa/white_block6px.gif) right top repeat-y;}
#programtable tbody .first{padding-left:6px;}
#programtable tbody .last{padding-right:11px;}
#programtable {margin-bottom: 0px;border-bottom-width: 0px;border-bottom-style: solid;border-bottom-color: #DDD;min-height: 800px;}
#programtable td {border-left: 1px solid #DDD;vertical-align: top; padding: 5px;}

#folderTreeOuterContainer { width: 230px; }
#folderTreeOuterContainer.jsEnabled { overflow: hidden; position: relative; }
#folderTreeContainer { width: 230px; }
#folderTreeOuterContainer.jsEnabled #folderTreeContainer { position: absolute; }

.actions { margin: 10px 0; display: none; }
.actions .prev, .actions .next { width: 218px; height: 21px; display: block; margin: 0 10px 5px 5px; text-indent: -9999px; background: #065f99 url("/images/tvrecorder/elisa/foldernavi-buttons.png") no-repeat; cursor: pointer; padding: 0; }
.actions .disabled { cursor: default; }

.actions .prev { background-position: 0 0; }
.actions .next { background-position: 0 -21px; }
.actions .prev:hover { background-position: 0 -42px; }
.actions .next:hover { background-position: 0 -63px; }
.actions .prev.disabled, .actions .prev.disabled:hover { background-position: 0 -84px; }
.actions .next.disabled, .actions .next.disabled:hover { background-position: 0 -105px; }

.folderelement{ border: 1px solid transparent; padding-left: 6px; color:#FFF; position:relative; background:transparent url(/images/tvrecorder/elisa/empty1px.gif) left top no-repeat;}
.folderelement.active{ background: #fff url("/images/tvrecorder/elisa/folder-round-corner.gif") left top no-repeat; color: #065f99; margin-right: 10px; border: 1px solid #065F99 }
.folderelement #renamevalue{background:#FFF; color:#065F99; border: solid 1px #065F99; font-size:11px;height:12px;margin-top:-2px;padding-left:2px;}
.folderelement.active #renamevalue{background:#FFF; color:#065f99;}
.folderelement.active a{color:#065f99; font-weight:bold;}
.folderelement:hover a:hover{text-decoration:none;}
#helper_div{text-align:right;padding-bottom:5px;}
#helper_div2{text-align:left;}

#folderroot:hover { width: 215px !important; border: 1px solid #065F99; }
.folderelement:hover { width: 315px !important; background-color: #065F99; border: 1px solid #fff; }
.folderelement.active:hover { background: #fff url("/images/tvrecorder/elisa/folder-round-corner.gif") left top no-repeat; border: 1px solid #065F99; }

.pincode_field {background:#FFF; color:#065F99; border: solid 1px #065F99; font-size:11px;height:12px;margin:-2px 0 0 4px;padding-left:2px;border:1px solid #065F99;}
.pinactions_div{margin:5px 0px 0px 0px;}

#new_folder h3{color: white; font-size:11px;}
#new_folder #newfoldername{background:#FFF; color:#065f99; border: solid 1px #065f99; font-size:11px;height:14px;margin-top:-2px;padding-left:2px;}

div.folderelement .controls { display: none;position: absolute; top:5px; right:0px; margin:0px;}  
div.folderelement:hover .controls { display: block;}  
.folderelement .folderlink{background:transparent url(/images/tvrecorder/icons/folder_white.png) 0px 2px no-repeat;}
.folderelement .pin_protected_folder{background:transparent url(/images/tvrecorder/icons/folder_locked_white.png) 0px 2px no-repeat;}

.folderelement .folderlink{display: block;width: 82%;white-space:nowrap;overflow: hidden;}
.folderlink{ padding:4px 0 6px 32px;}
.folderelement.active .folderlink{background:transparent url(/images/tvrecorder/icons/folder_blue.png) 0px 2px no-repeat;}
.folderelement.active .pin_protected_folder{background:transparent url(/images/tvrecorder/icons/folder_locked_blue.png) 0px 2px no-repeat;}
.round-left-top{ background: white url(/images/tvrecorder/elisa/top-right-corner.gif) top right no-repeat;}
.round-right-top{ background: transparent url(/images/tvrecorder/elisa/top-left-corner.gif) top left no-repeat;color:#065f99; }
.round-left-bottom{ background: white url(/images/tvrecorder/elisa/bottom-left-corner.gif) bottom left no-repeat;color:#065f99; }
.round-right-bottom{ background: transparent url(/images/tvrecorder/elisa/bottom-right-corner.gif) bottom right no-repeat;color:#065f99; }
.move_to {background:transparent url(/images/tvrecorder/icons/folder_blue.png) left top no-repeat; padding:3px 0 4px 30px; }
#recordings .controls .move_to {text-decoration:none; padding: 3px 0 4px 25px; }
#recordings.wildcardstable .controls a{line-height:20px;}
.watch {background:transparent url(/images/tvrecorder/icons/control_play_blue.png) left top no-repeat; padding:3px 0 4px 25px; text-decoration:none;}
#recordings .controls .remove_rec {background:transparent url(/images/tvrecorder/icons/cross.png) left top no-repeat; padding:5px 0 4px 18px; text-decoration:none;}

#content_head .massmove{background:transparent url(/images/tvrecorder/icons/folder_blue.png) left top no-repeat; padding:3px 0 4px 32px; text-decoration:none;}
#content_head .massdelete{background:transparent url(/images/tvrecorder/icons/cross.png) left top no-repeat; padding:5px 0 4px 32px; text-decoration:none;}
#recordings{ background-color:white;}
tr.programview{background-image:url(/images/tvrecorder/elisa/empty1px.gif);}
tr.programview .controls { display: none;}  
tr.programview:hover .controls { display: inline;}  
.prgdelete{background:transparent url(/images/tvrecorder/icons/delete.png) left top no-repeat; padding:5px 0 4px 22px; text-decoration:none;}
#recordings tr.even:hover td.first{background: transparent url(/images/tvrecorder/elisa/bg_active-left.gif) left center no-repeat;}
#recordings tr.even:hover td.last{background: transparent url(/images/tvrecorder/elisa/bg_active-right.gif) right center no-repeat;}
#recordings tr.odd:hover td.first{background: #e8f1f7 url(/images/tvrecorder/elisa/bg_active-left.gif) left center no-repeat;}
#recordings tr.odd:hover td.last{background:  #e8f1f7 url(/images/tvrecorder/elisa/bg_active-right.gif) right center no-repeat;}
#recordings tr:hover td, #recordings tr:hover td a{color:#065f99;}
#recordings tr:hover td, #recordings tr:hover td a.watch{color:#065f99; text-decoration:none;}
#recordings tr.odd:hover{background: #e8f1f7 url(/images/tvrecorder/elisa/bg_active-repeat.gif) right center repeat-x;}
#recordings tr.even:hover{background: transparent url(/images/tvrecorder/elisa/bg_active-repeat.gif) right center repeat-x;}
#recordings tr.even.new { background-color: #DAA520;} 
#recordings tr.odd.new { background-color: #e8f1f7;} 
#recordings tr td a { color: #0084D7; } 
#recordings tbody td { padding: 6px; }
#recordings th, #instructions .head {background:transparent url(/images/tvrecorder/elisa/lightblue-repeat.gif) left top repeat-x;padding:5px 2px 6px 5px;text-align:left;}
#recordings.help tbody td {padding:9px;}

#instructions .head{ color: white; font-weight:bold;}
#instructions p {padding: 4px; line-height: 19px;margin:5px 2px;}
#instructions a { color: #0084D7; }

#wild_help .search_input{border: solid 1px #065f99; font-size:11px;margin-top:3px;}
#wild_help{ color:#065F99;padding:4px 0 4px 8px;}

#settingstable { color: #97C4E1; }
#channels {list-style:inside;list-style-type: decimal;margin-left: 28px;width: 200px;}
#channels li {margin-bottom:3px;padding:2px;cursor:move;font-weight: bold;border-bottom: 1px solid #97C4E1;}
#channels li:hover { color: #96D5FF; }
#channels li.disabled:hover { color: #96D5FF; }
#settingsform fieldset {width: 400px;margin-bottom: 10px; border:solid 1px #97C4E1; padding:8px; float: left;}
#settingsform fieldset, #search_wrapper fieldset {   
    -moz-border-radius-bottomleft:7px;  
    -moz-border-radius-bottomright:7px;  
    -moz-border-radius-topleft:5px;  
    -moz-border-radius-topright:7px;  
    border-radius: 3px;
} 
#settingsform fieldset legend {	font-size: 12px; font-weight: bold; color:white;}
a.folderlink {font-size: 1.1em;}
a.active{font-weight: bold;}
.lighttext { color: #555; }
th.sorted {background-color: #1196E3;}
#main_navigation ul {list-style-type: none;margin:0 0 0 0;padding:0 0 0 0;font-weight: normal;color: #FFFFFF;font-size:13px;}
#menu_main {width:770px; height:106px; background: transparent url(/images/tvrecorder/elisa/menu_back.gif) top left no-repeat; overflow:hidden; position:relative}
#menu_notifications { height: 78px; }
#menu_notifications p { margin: 0; color: #fff; width: 560px; margin: 0 auto; padding: 5px; border: 1px solid #90caf7; position: relative; top: 5px; }
#menu_notifications a { color: #97dcff; }
#main_navigation li {float: left;margin: 0 5px 0 5px;position:relative;}
#main_navigation li ul li{float: none;padding: 5px 10px 3px 10px;text-align:left;width:120px; position:relative;}
#main_navigation li ul{position:absolute;top:-12px;left:-7px;text-align:left; display:none; padding:7px 0 20px 0; z-index:999;background: transparent url(/images/tvrecorder/elisa/subMenuBox.png) top left no-repeat;}
#main_navigation li:hover ul{display:block;}
#main_navigation{ margin: 0 auto; width: 570px; position: relative; overflow: hidden; height: 0; }
#main_navigation .first{cursor:pointer;padding:5px 0 8px 6px;}
#main_navigation li:hover .menuSub{text-decoration:none;}
#menu_main, #main_navigation{overflow:visible;}
#main_navigation_ext { float: right; font-size: 13px; }
#main_navigation_ext a { background: transparent url("/images/tvrecorder/elisa/arrow_external.png") no-repeat 0 3px; padding-left: 15px; }
#view #view-content #wrapper-navi #main_navigation span {float: none;margin-right: 5px;}
.search_input {background-color: #FFFFFF;width: 155px;margin-top: 10px;border:1px solid #065F99;}
#header #search label {font-weight: bold;}
#view #view-content #wrapper-navi #main_navigation .active {color: #6ac9ff;}
#view #view-content #wrapper-navi .daylink {text-decoration: none;}
#logout_btn {width:238px;float: right;margin-top: 0px;margin-left: 0px;font-weight: bold;}
#logout { padding-top:0px; float:none; margin-top: 0px; font-weight: bold; margin-left: 0px; color:#FFF;}
#login { padding-top:0px; float: right; margin-top: 0px; font-weight: bold; margin-left: 0px; color:#FFF; line-height:27px;}
#login_block { height:30px; margin-top: 5px; }
#dialog-form fieldset {   
    -moz-border-radius-bottomleft:7px;  
    -moz-border-radius-bottomright:7px;  
    -moz-border-radius-topleft:5px;  
    -moz-border-radius-topright:7px;  
    border-radius: 3px;
    border:solid 1px #97C4E1;
} 
#dialog-form .forgotpassword { font-size: 0.82em; margin: 10px 0 0 0; }
#dialog-form .forgotpassword a { color: #0084D7; }
.highlight { background-color: yellow }
#search_wrapper {color:#065F99;}
#search_wrapper fieldset{border:solid 1px #97C4E1;margin-bottom: 10px; padding:8px;}
.searchtable { color: #97C4E1; }
.searchtable a { color: white; }
.searchtable th { color: #97C4E1; text-align:left; }
.searchhdr {font-size: 12px; color:white;}
#right #search { width:230px; float:right; margin-top: 0px; padding-right:7px;}
#right .search_input{border: solid 1px #065f99; font-size:11px;margin-top:3px;}
#search form {padding: 5px;}
#wrapper-navi {	background-image: url(/images/tvrecorder/elisa/naviarea_bg.gif);}
#main_navigation li#current a {font-weight: bold; color: white; }
li.current a {font-weight: bold; color: white; }

#paytvdiv {background:#0061A1 url(/images/tvrecorder/elisa/bg_body.jpg) no-repeat scroll center top; height:678px;}
#paytvform fieldset {width: 600px;margin-bottom: 10px;}
#paytvform fieldset legend {font-weight: bold;}
#paytvform hr {float:left; width: 600px;}
.paytvtitle {color: #97C4E1;font-size: 12px; font-weight: bold;}
.hilight_img {border: 1px solid #095BA2; background-color:#87DEFC; padding: 2px;}
/*collapsing channel listing*/
.bluehead{
	width:570px; 
	height:27px;
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat scroll 0 0px;
	cursor:pointer;
	padding:13px 0 0 10px;
}
.yellhead{
	width:570px; 
	height:25px;
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat scroll 0 -45px;
	cursor:pointer;
	padding:15px 0 0 10px;
}
.whitebot .pointer{ cursor:pointer;position:relative;}
.whitebot{
	width:550px; 
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat scroll bottom;
	margin:0px;
	padding:0 10px 25px 10px;
	position:relative;
}
.whitetop{
	width:570px; 
	height: 12px;
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat 0px -147px;
	margin-top:0px;
}
.sinipalkki_bot{
	background:transparent url(/images/tvrecorder/elisa/sinipalkki_bot.png) no-repeat scroll top;
	width:570px; 
	height:17px;
}
.headertext{font-size: 14px;font-weight: bold;}	
.additional_ch{
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat scroll -123px -104px;
	height:34px;
	width:256px;
	padding:7px 0 0 0px;
	position:absolute;
	left:146px;
	top:-34px;
	text-align:center;
}
.plus{
	background:transparent url(/images/tvrecorder/elisa/elisa_osioita.png) no-repeat scroll -417px -102px;
	height:34px;
	left:260px;
	padding:7px 0 0 28px;
	position:absolute;
	top:-64px;
	width:16px;
}
#voddlerlogo{
	text-align:center;
	margin-top:20px;
	margin-left:150px;
	width:400px;		 
}
#voddlerinfo{
	margin-left:150px;
	margin-top:20px;
	width:400px;
}
#voddler_button{
	display:block;
	margin-top:10px; 
	clear: left; 
	text-align: center;
	margin-left:150px;
	width:400px;
}
#play_bar{background:transparent url(/images/tvrecorder/elisa/play-bar.gif) repeat-x scroll top left; height: 54px; width:541px; color:#FFF; margin-top: 10px; }
#play_bar select{border: solid 1px #2874a8; color:#15456d;}
#pausebtn{background:transparent url(/images/tvrecorder/icons/media_pause.png) top right no-repeat;padding:7px 0 10px 24px;cursor: pointer;}
#stopbtn{background:transparent url(/images/tvrecorder/icons/media_stop.png) top right no-repeat;padding:8px 0 10px 24px;cursor: pointer;}

.control_container{padding:13px 3px 3px 16px;}
.volume_controls{float:right;width:200px;}
#volume{float:left;width:70px;margin-right:7px;position:relative;top:5px;}
#volredbtn{float:left;background:transparent url(/images/tvrecorder/icons/media_volume_down.png) top right no-repeat;padding:7px 0 10px 24px;cursor: pointer;position:relative;top:2px;}
#volincbtn{float:left;background:transparent url(/images/tvrecorder/icons/media_volume_up.png) top right no-repeat;padding:7px 0 10px 24px;cursor: pointer;position:relative;top:2px;}
#volmutebtn{float:left;background:transparent url(/images/tvrecorder/icons/media_volume_mute.png) top right no-repeat;padding:7px 0 10px 24px;cursor: pointer;position:relative;top:2px;}
#fullbtn{float:left;background:transparent url(/images/tvrecorder/icons/media_fullscreen.png) top right no-repeat;padding:7px 0 10px 24px;cursor: pointer;position:relative;top:-2px;}
#prgrminfo{width:541px; background-color:#15456d; color:#FFF; height: auto; border: solid 1px #2874a8;}
#prgrminfo2{width:541px; background-color:#15456d; color:#FFF; height: auto;border-bottom: solid 1px #2874a8;;border-left: solid 1px #2874a8;;border-right: solid 1px #2874a8;}
#prgrminfo2 p{padding:10px;}
#col1, #col2, #col3, #col4{float:right;padding: 10px;}
#col2{ width:104px;}
#col3{ width:50px;}
#col4{float: left;}

.ch_header{color:#FFF;font-size: 14px; font-weight:bold;}
.ch_header2{color:#FFF;font-size: 12px; font-weight:bold;}
.paytvinfo{color:#095BA2;font-size: 11px; font-weight:normal; padding:4px 0 0 2px; display:block;}
.paytvinfo2{color:white;font-size: 12px; font-weight:bold;}
.settings_text{color:white;font-size: 11px; font-weight:normal;}

#paytvtable{background:transparent url(/images/tvrecorder/elisa/bg-bottom.gif) no-repeat scroll center top;height: 700px;
	padding:10px 2px 2px 27px;
	position:relative;
	}
#settingstable{background:#065f99 url(/images/tvrecorder/elisa/bg-bottom.gif) no-repeat scroll center top;
	padding:10px 2px 2px 27px; height:500px;}
.opa{ background-image: url(/images/tvrecorder/elisa/elisa_osioita_opa.png);}
#tutustu_viihteeseen{padding:25px 0 0 145px;}
#manual{padding:5px 0 0 130px;}
.next{background:transparent url(/images/tvrecorder/icons/next.png) no-repeat scroll 0 0px; padding:6px;}
.next-disabled{background:transparent url(/images/tvrecorder/icons/next-disabled.png) no-repeat scroll 0 0px; padding:6px;}
.previous-disabled{background:transparent url(/images/tvrecorder/icons/previous-disabled.png) no-repeat scroll 0 0px; padding:6px;}
.previous{background:transparent url(/images/tvrecorder/icons/previous.png) no-repeat scroll 0 0px; padding:6px;}
.logout_btn_image, .logout_btn_image:hover{background:transparent url(/images/tvrecorder/icons/logout.png) no-repeat scroll 0 3px; padding:6px 0 6px 18px; text-decoration: none;}
.cross_image{background:transparent url(/images/tvrecorder/icons/logout.png) no-repeat scroll 0 3px; padding:6px 0 6px 18px; text-decoration: none;}
.edit{background:transparent url(/images/tvrecorder/icons/edit.png) no-repeat scroll 0 3px; padding:3px 0 4px 24px; text-decoration: none;}
#popcorn{background: transparent url(/images/tvrecorder/elisa/popcorn.gif) left bottom no-repeat; width:166px; height: 170px; position:absolute; bottom:0px ;left: 0px;}
#logo{background: transparent url(/images/tvrecorder/elisa/logo.gif) left bottom no-repeat; width:199px; height: 69px; position:absolute; top:13px ;left: 13px;}
#wrapper{background-color: transparent; height: 100%; position: relative;}
#wrap-inner{margin-left:70px;}
#left{float:left;background-color: transparent ; width:235px;margin-top:0px;}
#right{float:right;background-color:transparent; width: 170px;margin-right:-170px;}
#center{margin:0 0px 0 235px;background-color: transparent; width:auto;padding-right:170px;}
#main_content{background:#065f99 url(/images/tvrecorder/elisa/bg-bottom.gif) no-repeat scroll center top; height:600px;}
#left_content{height:100%;}
#more_terms{color:white;padding: 0px 2px 8px 8px;}
#more_terms td{ text-align:left;}
.arrow-white{color: white; font-weight:bold; background:transparent url(/images/tvrecorder/icons/down-white.png) top right no-repeat;padding:6px 25px 0 0; text-decoration:none; cursor:pointer;}
tr.programview td .show_control{ display:inline;}

/* ad-column */
#right .ad_banner { margin: 0 5px; }

#recordings.wildcardstable tr:hover, #recordings.wildcardstable tr.odd:hover td{background-image:url(/images/tvrecorder/elisa/empty1px.gif);}
#recordings.wildcardstable tr.odd:hover{background-color: #E8F1F7;}
#recordings.wildcardstable tr td a:hover{ text-decoration:none;}
.delete2{background:transparent url(/images/tvrecorder/icons/cross.png) left top no-repeat; padding:5px 0 4px 16px; text-decoration:none;}
tr.wildcardrow{background-image:url(/images/tvrecorder/elisa/empty1px.gif);}
tr.wildcardrow .controls { display: none;}  
tr.wildcardrow:hover .controls { display: inline;}
#recordings.wildcardstable .controls a{line-height:19px;}

tr.wildcardrow span.show_programs, tr.wildcardrow span.load_programs { cursor: pointer; position: relative; top: 4px; }
tr.wildcardrow span.wildcard_loading { background: transparent url("/images/tvrecorder/elisa/ajax-loader.gif") no-repeat 0 0; font-size: 0; padding: 16px 10px 0; }
tr.wildcardrow span.wildcard_loading img { display: none; }

#recordings tr.wc_future_row { display: none; }
#recordings tr.wc_future_row:hover td { color: #000; }
#recordings tr.wc_future_row:hover td a { color: #0084D7; }

#recordings .wildcard_future { padding: 10px 5px 10px 88px; }
#recordings .wildcard_even { background-color: #fff; }
#recordings .wildcard_odd { background-color: #e8f1f7; }
#recordings .wildcard_future p { margin: 5px 0 0; }


/*JUITTER PLUGIN CSS*/
#juitterContainer{ color:#97C4E1;width:150px;word-wrap: break-word;} /*Juitter container*/
#juitterContainer .twittList{margin:0px;padding:0px;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#065F99;margin:0;padding:5px 0 15px 0;clear:both; color:white;} 
#juitterContainer .twittList DIV.tweettime{color:white;font-size:0.9em}
#juitterContainer .twittList A{color:#97C4E1;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

/* simpletip for programinfo */
.tooltip{
   position: absolute;
   padding: 5px;
   z-index: 15500;
   width: 282px;
   color: #FFF;
   font-size: 12px;
}
div.programInfo_top{ background: transparent url(/images/tvrecorder/elisa/tip_prog_top.png) left top no-repeat; padding-top:7px;min-height:0;}
div.programInfo_middle{ background: transparent url(/images/tvrecorder/elisa/tip_prog_middle.png) left top repeat-y; padding:2px 10px 5px 10px;min-height:0;}
div.programInfo_bottom{ background: transparent url(/images/tvrecorder/elisa/tip_prog_bottom.png) left bottom no-repeat; padding-bottom:11px;min-height:0;}
/*end simpletip for programinfo */

/* simpletip for channel selection */
.chanselecttooltip{
   position: absolute;
   z-index: 500;
   width: 154px;
   color: #FFF;
   font-size: 12px;
   font-weight:normal;
}
#menu div.chanselecttooltip ul{
	list-style-type: disc; 
	list-style-position:inside;
   	color: #FFF;
   	margin:-18px 0 0 -3px;
	text-decoration:none ;
}

#chanmenu {padding: 0px 5px 5px 10px; color: #FFF; width: 100px;}
#menutrigger, #menutrigger:hover{ color: #065f99; font-weight:bold; background:transparent url(/images/tvrecorder/icons/down.png) top right no-repeat;padding:7px 0 0 0; text-decoration:none;}
#showoldlink{ color:#065f99;}
a.chanselect { display: block; padding-bottom: 4px;font-size: 11px;}

#menu {position:absolute;width:81px;display: none;color: #FFF;margin-top:-26px;}
#menu #menu_base {list-style-type:none; color: #FFF;margin:0;}

div.channelSelect_top{ background: transparent url(/images/tvrecorder/elisa/tip_chan_top.png) left top no-repeat; padding-top:8px;}
div.channelSelect_middle{ background: transparent url(/images/tvrecorder/elisa/tip_chan_middle.png) left top repeat-y; padding:0px 0px 0px 10px;}
div.channelSelect_bottom{ background: transparent url(/images/tvrecorder/elisa/tip_chan_bottom.png) left bottom no-repeat; padding-bottom:12px;}

div.channelSelect_wide_top{ background: transparent url(/images/tvrecorder/elisa/tip_chan_top_wide.png) left top no-repeat; padding-top:8px;}
div.channelSelect_wide_middle{ background: transparent url(/images/tvrecorder/elisa/tip_chan_middle_wide.png) left top repeat-y; padding:0px 0px 0px 10px;}
div.channelSelect_wide_bottom{ background: transparent url(/images/tvrecorder/elisa/tip_chan_bottom_wide.png) left bottom no-repeat; padding-bottom:12px;}

div.channelSelect_sub_top{ background: transparent url(/images/tvrecorder/elisa/tip_chan_sub_top.png) left top no-repeat; padding-top:26px;}
div.channelSelect_sub_middle{ background: transparent url(/images/tvrecorder/elisa/tip_chan_sub_middle.png) left top repeat-y; padding:0px 10px 0px 30px;}
div.channelSelect_sub_bottom{ background: transparent url(/images/tvrecorder/elisa/tip_chan_sub_bottom.png) left bottom no-repeat; padding-bottom:12px;}

/*end simpletip for channel selection */

object { /*position: relative;*/ z-index: 0; } 
#popcorn { display: none; }

