@import url(reset.css);
@import url(color.css);
@import url(font.css);

/*Container*/
html {
  text-align: center; }
body {
  position: relative;
  width: 960px;
  margin: 0px auto;
  text-align: left; }
body#newsletter {
  font-size:10px;
  width: 560px; }
/***/

/*General styles*/
.underline {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 10px; }
.hide {
  position: absolute;
  top: -99999px; }
.empty_resultset {
  position: relative;
  left: 240px;
  top: 0px; }
.break {
  clear: both;
  height: 9px; }
.block {
  display:block; }
.overview_link {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(/images/bullet_arrow.png) no-repeat center left; }
.television {
  background: url(/images/television.png) no-repeat center left; }
.monitor {
  background: url(/images/monitor.png) no-repeat center left; }
.user {
  background: url(/images/user.png) no-repeat center left; }
.arrow {
  background: url(/images/bullet_arrow.png) no-repeat center left; }
.rss_link {
  float:right;
  padding-top:3px; }
.space {
  margin-bottom:20px; }
.one_line {
  height:1.4em;
  overflow:hidden; }
.two_lines {
  height:2.8em;
  overflow:hidden; }
/***/

/*Branding*/
div#header {
  position:relative;
  width:100%;
  height:80px;
  padding-bottom: 20px;
}
div#header_newsletter {
  position:relative;
  width:100%;
  height:40px;
  margin: 10px 0px;
}
div#pre_header_newsletter {
    background-color:#eeeeee;
    border:1px solid #cccccc;
    padding:4px;
    text-align:center;
    width:100%; }
div#header h1 {
    color:#777777;
    font-size:1em;
    font-weight:bold;
    padding: 7px 620px 0 180px; }

div#header h2, div#header blockquote{
  text-indent:-9999px; }
#logo {
  position: absolute;
  top: 10px;
  left: 0px; }
/***/

/*Usermenu*/
#mainmenu ul {
  position: absolute;
  right: 0px;
  top: 20px;
  width: auto; }
#mainmenu li {
  padding: 0px 10px;
  display: inline; }
/***/

#menu {
  position:absolute;
  top:50px;
  left:0px;
  height:30px;
  width:100%;
  border: solid 1px #dddddd;
  background-color:#eeeeee; }

/*Pagemenu*/
#pagemenu ul {
  position: relative;
  top: 5px;
  left: 0px;
  width: auto; }
#pagemenu li {
  padding: 0px 10px;
  border-right:1px solid #dddddd;
  display: inline; }
/***/

/*Search*/
#search {
  position: absolute;
  top: 3px;
  left: 480px;
  width: auto; }
#searchform #s {
  padding: 2px 0px 2px 2px;
  float:left;
  display: inline;
  width: 160px; }
#searchform #searchsubmit, #searchform #searchsubmit:hover, #searchform #searchsubmit:visited {
  background:transparent url(/images/lens.jpg) no-repeat scroll 0px top;
  height:21px;
  width:21px;
  padding:0px;
  border:1px #ccc solid;
  display:inline; }
#searchform #searchsubmit:hover {
  background:transparent url(/images/lens.jpg) no-repeat scroll 0px -21px; }
/***/

/*Socialweb menu*/
#socialweb {
  position: absolute;
  top: 7px;
  right: 0px;
  width: auto; }
#socialweb li {
  display: inline; }
#socialweb img {
  margin: 0px 8px; }
/***/

/*stats*/
#szm, #etracker {
  position:absolute;
  top:-9999px; }
/***/

/*Messages*/
#noscript {
  border: 1px solid #CF2C44;
  padding: 0.5em;
  position: relative;
  z-index: 999; }
#message_flash {
  border: 1px solid #cccccc;
  padding: 0.5em;
  position: relative;
  z-index: 999; }
/***/

/*Columns*/
#col_left_big, #col_middle_big {
  overflow:hidden;
  float: left;
  width: 390px;
  height: auto;
  position: relative;
  padding-right:10px; }
#col_right_small {
  overflow:hidden;
  float: left;
  width: 160px;
  height: auto;
  position: relative; }
#col_left_small {
  overflow:hidden;
  float: left;
  width: 160px;
  height: auto;
  position: relative; }
#col_middle_xxlbig {
  overflow:hidden;
  float: left;
  width: 620px;
  height: auto;
  position: relative;
  padding:0px 10px;  }
.col_160 {
  overflow:hidden;
  float: left;
  width: 140px;
  height: auto;
  position: relative;
  padding:0px 6px; }
.left {
  padding-left:0px; }
.right {
  padding-right:0px; }
/***/

/*Widget*/
.small_160 {
  overflow:hidden;
  width:160px; }
.powered_by {
  height:20px; }
/***/

/*legal*/
ul.legal {
    padding-bottom:1.5em;}
ul.legal li {
    list-style-image:none;
    list-style-type:decimal;
    margin-left:20px;
    padding:0.5em 0;}
ul.persons {
    padding-top:0.5em;
    float: left;  }
ul.persons li {
    float: left;
    display: inline;
    padding-right: 10px;
    color: #333333;  }
/***/

/*Youtube*/
div.youtube {
  position: relative;
  left: -5px;
  margin-right: -10px; }
/***/

iframe#livedome, #earthtv_player {
  padding: 0px 0px 0px 60px;
}
.black {
  background-color: #000000;
}
/*Web details*/
#web_details {
  position: relative; }
#web_details h2 {
  padding-top: 80px; }
#web_details #channel {
  width: 100%;
  position: absolute;
  top: 0px; }
#web_details #channel h3 {
  margin-top: 10px; }
#web_details #channel img {
  border: none; }
#web_details img {
  float: left;
  display: inline;
  margin-right: 20px;
  padding: 1px;
  border: 1px solid #cccccc;
  max-height: 200px;
  max-width: 240px; }
#web_details .link, .side_items .link {
  padding-left: 25px;
  margin-bottom: 5px;
  background: url(/images/control_play_blue.png) no-repeat center left; }
#web_details, #web_details #channel {
  border-bottom: #cccccc solid 2px; }
#web_details.no_border {
  border: none; }
#web_details .dtext {
  margin: 0.5em 0; }
/***/

/*Web index*/
#web_index {
  position: relative; }
#web_index .navigation {
  position:relative; }
.center {
  position:absolute;
  left:360px;
  top:11px;  }
.center_right {
  position:absolute;
  left:480px;
  top:13px;  }
.right_label {
  position: absolute;
  left: 720px;
  top: 13px;  }
.left_label {
  position: absolute;
  left: 120px;
  top: 13px;  }
select.max_display {
  height:23px;
  width: 80px; }
select.sort_order {
  height:23px;
  width: 160px; }
select.timeofday {
  height:23px;
  width: 140px; }
select.channellist {
  height:23px;
  width: 160px; }
select.channellist option {
  padding-left:40px; }
.tvchannel_caption {
  border-bottom:3px solid #CCCCCC;
  position:relative;
  margin: 0px -10px;
  padding: 70px 10px 0px; }
.tvchannel_caption img {
  position:absolute;
  top:0px; }
/***/

/*Web TV channel*/
h4.webtv_channel {
  position:relative;
  border-bottom: 3px solid #cccccc;
  margin: 0px -10px;
  padding: 70px 20px 4px;
  white-space:nowrap; }
img.webtv_channel {
  position:absolute;
  top:0px;
  left:20px;
  width:116px;
  height:65px;  }
/***/

/*Rating*/
#rating {
  padding: 5px 0px 20px; }
#clicks {
  position:relative;
  top:6px;
  float: right;
  display: inline; }
/***/

/*Tools*/
#tools {
  width: 100%;
  position: relative; }
#tools ul {
  padding: 20px 0px; }
#tools_spinner {
  position: absolute;
  top: 0px;
  right: 0px; }
#tools ul li {
  line-height:40px;
  padding: 0px 0px 0px 26px;
  width: 94px;
  float: left;
  display: inline;}
#tools img {
  padding: 0px; }
#tools .addthis img, #tools .facebook img {
  margin-left: -26px;
  padding-right: 10px; }
#tools .myspace img {
  margin-left: -26px; }
#tools .emailafriend {
  background: url(/images/email_edit.png) no-repeat center left; }
#tools .bookmark_add {
  background: url(/images/vcard_add.png) no-repeat center left; }
#tools .bookmark_delete {
  background: url(/images/vcard_delete.png) no-repeat center left; }
#tools .print {
  background: url(/images/printer.png) no-repeat center left; }
#tools .chat {
  background: url(/images/user_comment.png) no-repeat center left; }
#tools .webtvproblem {
  background: url(/images/problem.png) no-repeat center left; }
#tools .calendar {
  background: url(/images/calendar_add.png) no-repeat center left; }
#tools .twitter {
  background: url(/images/twitter.png) no-repeat center left; }
/***/

/*Comments*/
#comment_box {
  position: relative;
  border-top: #cccccc solid 2px;
  margin-top: 15px;
  padding: 20px 0px; }
#comment_field {
  padding-top: 10px; }
#comment_box ul li {
  border-bottom: #cccccc dashed 1px;
  padding: 10px 0px; }
#comment_box .new_comment {
  display: inline;
  padding: 0px 0px 0px 30px;
  background: url(/images/comment_add.png) no-repeat; }
#comment_box .comment_count {
  float: right;
  display: inline; }
/***/

/*Programme attributes*/
li.attributes {
  float:right;
  display: inline; }
#web_details li.attributes img {
  margin: 0px 4px;
  border: none; }
#picture_box {
  float:left;
  display: inline; }
#picture_box ul li {
  float: left;
  display: inline;
  padding: 0px 4px; }
/***/

ul.mlt li.web_items {
  padding:4px 1px; }
/*TV items*/
li.tv_items {
  position:relative;
  padding:10px; }
li.tv_items .time {
  padding-right:4px;  }
li.tv_items h5 {
  display:inline;  }
li.tv_items p.pic_container {
  position: relative;
  height: 70px;
  width: 100%; }
li.tv_items img {
  border: 1px solid #ccc;
  padding: 1px;
  vertical-align: middle;
  height: 66px; }
/***/

/*Web items*/
li.web_items {
  position:relative;
  float:left;
  width:120px;
  height:140px;
  padding:4px 14px; }
li.web_items p.pic_container {
  position: relative;
  height: 70px;
  width: 100%; }
li.web_items img {
  border: 1px solid #ccc;
  padding: 1px;
  vertical-align: middle;
  height: 66px;
  width: 116px; }
li.web_items p {
  text-align: left; }
li.web_items .webtvname {
  white-space: nowrap;
  overflow: hidden; }
li.web_items .logo { }
/***/

/*Side items*/
li.side_items {
  height: 86px;
  overflow: hidden;
  margin: 0px 0px 14px; }
li.side_items img {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  padding: 1px;
  margin-right: 10px;
  max-width: 50px;
  max-height: 50px; }
li.side_items .desc {
  height: 50px;
  overflow: hidden; }
li.side_items .source {
  clear: both; }
/***/

/*The end*/
#footer {
  position:relative;
  padding: 20px 0px;
  clear: both;
  width:100%;
  text-align: center; }
#footer ul li {
  display:inline;
  list-style-type: none;
  padding:0px 40px; }
#footer .impress {
  padding:8px 0; }
/***/

/*Ajax*/
#modal_box, #modal_box2 {
  position: absolute;
  left: 0px;
  top: -9999px;
  height:100%; }
#modal_newwebtv, #modal_contact, #modal_adduser, #modal_login, #modal_lostaccount,
#modal_changeuser, #modal_emailafriend, #modal_recommendafriend, #modal_webtvproblem,
#modal_comment, #modal_changesearch, #modal_changenewsletter, #modal_changeemailservice,
#modal_changedataprotection {
  visibility:hidden; }
/***/

/*Forms*/
.register h2 {
  padding-bottom:0.5em;
  border-bottom:1px solid #E6E4E5;}
.register fieldset {
  padding: 10px; }
.register label {
  width:120px;
  text-align:right;
  float:left;
  display: inline;
  margin-right:10px; }
.register textarea {
  width:60%;
  margin:4px 0px; }
.register p {
  margin:0px;
  padding:2px 0px; }
.register ul {
  margin: 0px 0px 10px 25px;
  list-style-image:url(/images/bullet_arrow.png);
  list-style-position:outside; }
.register ul li {
  margin:0.3em 0;}
.register .col1 {
  float:left;
  display: inline;
  width:470px;
  margin-right:10px; }
.register .col2 {
  float:left;
  display: inline;
  width:300px; }
#change_search .col1, #change_account .col1 {
  width:390px; }
#change_search .col2, #change_account .col2 {
  width:400px; }
#change_data_protection #close_btn {
  position: absolute;
  left: 40px;
  top: 0px;
  width: 94px; }
#change_account #close_btn, #contact #close_btn, #newwebtv #close_btn,
#webtvproblem  #close_btn, #comment  #close_btn, #emailafriend #close_btn, #add_user #close_btn {
  position: absolute;
  left: 720px;
  top: 0px;
  width: 94px; }
#lost_account #close_btn, #change_emailservice #close_btn, #change_newsletter #close_btn, #change_search #close_btn {
  position: absolute;
  top: 0px;
  left: 400px;
  width: 94px; }
.register .submit {
  position:relative;
  left:175px;
  margin:12px 0px 5px 0px; }
.submit, .submit a {
  background:transparent url(/images/submit_small.jpg) no-repeat scroll 0px top;
  border:1px solid #E6E4E5;
  margin:0px;
  padding:0px;
  text-align:center;
  width:94px; }
.submit:hover, .submit a:hover {
  background:transparent url(/images/submit_small.jpg) no-repeat scroll 0px -18px; }
.submit_orange, .submit_orange:hover {
  background-image:url(/images/submit_small_orange.jpg); }
#simple_captcha {
  width:40%;
  margin-top:0px; }
/***/

/*Login*/
#login label {
  width:70px; }
#login #close_btn {
  position: absolute;
  top: 0px;
  left: 300px;
  width: 94px; }
#login .submit {
  position: relative;
  left: 130px; }
#login .add_user {
  padding:0px 0px 0px 30px;
  background: url(/images/new.png) no-repeat; }
#login .lost_account {
  padding:0px 0px 0px 30px;
  background: url(/images/email_go.png) no-repeat; }
/***/

/*Specials*/
#unsubscribe {
  height:240px; }
/***/

/*TV Stations drag&drop*/
#tvstations_list {
  height:auto;
  width:auto; }
#modal_tvstationlist h3 {
  text-align: center; }
#tvstations_list_logos, #tvstations_picker_logos {
  height:auto;
  width:auto; }
#tvstations_list_logos img, #tvstations_picker_logos img{
  padding: 0px 8px; }
#tvstations_list ol {
  list-style: none;
  display:inline; }
#tvstations_list ol li {
  display:inline; }
#modal_tvstationlist .close_btn {
  position:absolute;
  left:350px;
  top:520px; }
/***/

/*I will paginate*/
ul.pagination {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none; }
ul.pagination li {
  display:block;
  float:left;
  display: inline;
  height:23px;
  margin:0pt;
  padding:0pt 1px; }
ul.pagination li.page_current {
  padding:0pt 8px; }
ul.pagination li.page_separator {
  padding:0pt 4px; }
ul.pagination li.page_stats {
    line-height:22px; }
ul.pagination li a {
  display:block;
  border:1px solid #DFDFDF;
  margin:0pt;
  padding:0pt 7px; }
ul.pagination li a:hover {
  border:1px solid #17B6F0; }
ul.pagination li a.page_previous, ul.pagination li a.page_next {
  height:21px;
  margin:0pt;
  padding:0pt;
  width:21px;
  text-indent: -9999px; }
ul.pagination li a.page_previous {
  background:transparent url(/images/page_previous.jpg) no-repeat scroll 0pt top; }
ul.pagination li a.page_next {
  background:transparent url(/images/page_next.jpg) no-repeat scroll 0pt top; }
ul.pagination li a.page_previous:hover {
  background:transparent url(/images/page_previous.jpg) no-repeat scroll 0pt -21px; }
ul.pagination li a.page_next:hover {
  background:transparent url(/images/page_next.jpg) no-repeat scroll 0pt -21px; }
/***/

/*Clouds*/
.cloud {
  text-align:justify;
  overflow:hidden; }
.cloud a {
  display:inline; }
/***/

/*Form errors*/
#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0px;
  margin:0px 0px 2px 0px; }
#errorExplanation h2 {
  position: absolute;
  top: -9000px;
  text-align: left;
  margin: -7px; }
#errorExplanation p {
  margin-bottom: 0; }
#errorExplanation ul li {
  font: 12px/120% Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 15px; }
.fieldWithErrors {
  padding: 2px;
  display:inline; }
/***/

/* Stars, stars, stars */
.star-rating {
  background:transparent url(/images/stars.gif) repeat-x scroll left top;
  height:25px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
  position:relative;
  width:125px; }
.star-rating li {
  float:left;
  margin:0px;
  padding:0px; }
.star-rating li a {
  display:block;
  height:25px;
  padding:0px;
  position:absolute;
  text-decoration:none;
  text-indent:-9000px;
  width:25px;
  z-index:20; }
.star-rating li a:hover {
  background:transparent url(/images/stars.gif) repeat scroll left bottom;
  left:0px;
  z-index:2; }
.star-rating a.one-star {
  left:0px; }
.star-rating a.one-star:hover {
  width:25px; }
.star-rating a.two-stars {
  left:25px; }
.star-rating a.two-stars:hover {
  width:50px; }
.star-rating a.three-stars {
  left:50px; }
.star-rating a.three-stars:hover {
  width:75px; }
.star-rating a.four-stars {
  left:75px; }
.star-rating a.four-stars:hover {
  width:100px; }
.star-rating a.five-stars {
  left:100px; }
.star-rating a.five-stars:hover {
  width:125px; }
.star-rating .rating_stats {
  left:135px;
  top:4px;
  width:150px;
  position:absolute; }
.star-rating li.current-rating {
  background:transparent url(/images/stars.gif) repeat scroll left center;
  display:block;
  height:25px;
  position:absolute;
  text-indent:-9000px;
  z-index:1; }
.stars_small_list {
  background:transparent url(/images/stars_small.gif) repeat-x scroll left top;
  height:12px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
  position:relative;
  width:60px; }
.stars_small_list li.stars_small {
  background:transparent url(/images/stars_small.gif) repeat scroll left bottom;
  display:block;
  height:12px;
  position:absolute;
  text-indent:-9000px;
  z-index:1; }
/***/

/*Round box*/
.boxContent {
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid; }
.boxTop {
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  height: 9px;
  line-height: 0px;
  margin:10px 0px 0px 0px; }
.boxBtm {
  border-bottom: 1px #ccc solid;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  height: 8px;
  line-height: 0px;
  margin:0px 0px 10px 0px; }
.bc {
  position: relative;
  width: 8px;
  height: 8px;
  font-size: 1px;
  background-repeat: no-repeat;
  margin-bottom: -1px;
  z-index: 2;
  line-height: 0px; }
.eor {
  float: right;
  display: inline;
  background-image: url(/images/eor.gif);
  margin-right: -1px;
  margin-top: -1px;
  line-height: 0px; }
.eol {
  float: left;
  display: inline;
  background-image: url(/images/eol.gif);
  margin-left: -1px;
  margin-top: -1px;
  line-height: 0px; }
.eur {
  float: right;
  display: inline;
  background-image: url(/images/eur.gif);
  margin-right: -1px;
  margin-top: 1px;
  line-height: 0px; }
.eul {
  float: left;
  display: inline;
  background-image: url(/images/eul.gif);
  margin-left: -1px;
  margin-top: 1px;
  line-height: 0px; }
.padding {
  padding: 10px;
  margin: -9px 0px; }
.boxTitel {
  position:relative;
  border-bottom:1px solid #cccccc;
  margin:-10px -10px 10px;
  padding:0.3em 10px; }
/***/