body {
   background-color: #e7fbff;
   background-image: url(http://www.sub.fi/img/bg.jpg);
   background-position: 50% 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   line-height: 1.25em;
   margin: 0;
   padding: 0;
   
}
h1,h2,h3,h4,h5,h6 {
   font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
   margin: 0;
}
ul,li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
h1,h2,h3,p,ul { margin: 0 0 15px; }
ul.lista li {
   margin-bottom: 0.5em;
}
img { border: 0; }
th, td { vertical-align: top; }

#container {
   width: 990px;
   overflow: hidden;
   margin: 0 auto;
}
table.center {
   margin: 0 auto;
}
a {
   text-decoration: none;
}
a:link {
   color: #333;
}
a:visited {
   color: #555;
}
a:hover {
   text-decoration: underline;
}


/* Subnavi */
#subnavi {
   background: white url('/img/navi_linkbg.gif') 0 50px repeat-x;
   height: 80px;
   overflow: hidden;
   margin: 0 0 10px;
   border-bottom: 1px solid white;
}
#subnavi .head {
   background: #88e3e8;
}

/* IE7 fix for displaying borders under the a element */
#subnavi ul li a {
	display: inline-block;
	vertical-align: bottom;
	padding: 2px 7px;
	border-bottom: 10px solid #000;
}
/* //IE7 fix */

#subnavi .logo {
   height: 49px;
   margin: 0 auto 2px;
   width: 990px;
}
#subnavi ul {
   list-style-type: none;
   margin: 0 auto;
   padding: 0;
   height: 30px;
   width: 990px;
}
#subnavi li {
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
   border-right: 1px solid white;
}
#subnavi li a {
   border-bottom: 10px solid black;
   color: black;
   font-size: 11px;
   padding: 4px 4px;
   text-decoration: none;
}
#subnavi li a.etusivu { border-bottom-color: #01a5c8; }
#subnavi li a.ohjelmat { border-bottom-color: #007692; }
#subnavi li a.info { border-bottom-color: #cc6698; }
#subnavi li a.store { border-bottom-color: #c04331; }

#subnavi li a:hover {
   border-bottom-color: gray;
   color: gray;
}

#subnavi li a.active {
   font-weight: bold;
}

/* Alalaatikko / infopalkki */
#kanavainfo {
   background: url('/img/sub-infopalkki.png') no-repeat;
   margin: 15px auto;
   width: 970px;
   height: 88px;
   color: #333;
}
#kanavainfo .mn {
   font-size: 10px;
   line-height: 12px;
   padding: 9px 10px 0 100px;
}
.palaute_www {
   display: none;
}
#kanavainfo p {
   margin: 0 0 2px;
   color: #333;
}
#kanavainfo a { color: #185C75 !important }

/* Bannerit */
#ylabanneri {
   text-align: center;
   margin: 5px 0;
   /* height: 125px; */
}
.dada_keski {
   margin: 30px auto;
   text-align: center;
}
#banneri_tikkeri {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; bottom: 0px;
  overflow: hidden;
  width: 1920px;
  height: 30px;
}
body > div#banneri_tikkeri {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}


h2.header {
   line-height: 12px;
   font-size: 12px;
   color: white;
   border-bottom: 5px solid #185c75;
   padding: 5px;
   margin: 0 0 10px;
   text-transform: uppercase;
}
#page {
   background: white;
   padding: 0;
   margin: 0 0 15px;
   border: 10px solid white;
   position: relative;
}
#kanavainfo {
   margin-bottom: 40px;
}
.ohjelmanavi {
   font-size: 14px; 
   border-bottom-width: 5px;
   border-bottom-color: #8DAFA4;
   border-bottom-style: solid;
   height: 26px;
}
.ohjelmanavi a {
   padding: 10px 2px 2px;
   display: block;
   float: left;
   font-weight: bold;
   margin: 0 5px 0 0;
}
.ohjelmanavi a:hover, .ohjelmanavi a:active, .ohjelmanavi .active, .ohjelmanavi li.dropdown:hover, .ohjelmanavi li.dropdown:hover a {
   background: #8DAFA4;
   color: white !important;
}
.ohjelmanavi h1, .ohjelmanavi h3, .ohjelmanavi a, .ohjelmanavi ul, .ohjelmanavi li { font-size: 14px; line-height: 14px; }
.ohjelmanavi h1, .ohjelmanavi h3 {
   font-family: Verdana, Arial, sans-serif;
   text-transform: uppercase;
   display: inline;
   float: left;
}
.ohjelmanavi h3 {
   padding: 10px 2px 2px;
   margin: 0 5px 0 15px;
}

.ohjelmanavi ul { 
   display: inline;
   list-style-type: none; 
}
.ohjelmanavi li {
   position: relative;
   float: left;
/*   z-index: 1; */
}

/*.ohjelmanavi li li {
   z-index: 1000
}
*/
.ohjelmanavi li:hover {
        visibility:             inherit; /* fixes IE7 'sticky bug' */
}

.ohjelmanavi li a {
   display: block;
}
.ohjelmanavi li ul {
   position: absolute;
   top: -999em;
   z-index: 999;
}
.ohjelmanavi li li, .ohjelmanavi li li:focus {
   background: transparent;
   display: block;
}
.ohjelmanavi li li a, .ohjelmanavi li li:hover a {
   font-size: 11px;
   line-height: 12px;
   margin: 0;
   width: 190px;
   padding: 4px 4px;
   background: transparent url('/img/kansinosto_textbg.png') !important;
   color: white !important;
}
.ohjelmanavi li:hover ul {
   position: absolute;
   top: 25px;
   left: 0;
}


#video {
   border-width: 2px 0;
   border-color: #8dafa4;
   margin: 10px 0 20px 0;
   /* height: 380px; */
   overflow: auto;
}
#video .block {
   position: relative;
}
#video .block ul.main {
   position: absolute;
   top: 0;
   right: 50px;
   list-style-type: none;
}
#video .block li.main {
   display: inline;
   font-size: 14px;
   position: relative;
}
#video .block li ul {
   display: none;
   position: absolute;
   top: 20px;
   left: 0;
}
#video .block li:hover ul.submenu {
   display: block;
}
#video .block a {
   color: #185c75;
   font-size: 14px;
   display: block;
   float: left;
   padding: 4px;
}
#video .block a:hover {
   background: url('/img/blockmenu_bg.gif') bottom left repeat-x;
}
#video .videolista {
/*    position: relative; */
}
.videolista {
   margin: 0; padding: 0 0 0 18px;
   overflow: auto;
/*   height:275px;*/
}
.vlista {
   height:275px;
   position: relative;
}
.videolista li {
   display: inline;
   float: left;
   margin: 0 13px 10px 0;
   width: 172px;
}
#uusimmat li {
   height: 142px;
}
.videolista .outerwrap {
   border: 1px solid #ccc;
   margin: 0 0 3px;
}
.videolista .outerwrap:hover {
   border-color: #ccc;
}
.videolista .outerwrap:hover h5 a {
   text-decoration: underline;
}
#katsomonostot .videolista li .wrap,
#video .videolista li .wrap {
   width: 170px;
   height: 96px;
   overflow: hidden;
   position: relative;
   background: url('/img/sub_default.gif');
}
.videolista .verho {
   background: url('/img/kansinosto_textbg.png');
   color: white;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 170px;
   height: 36px;
   padding: 0;
   text-align: center;
}
/*.videolista .outerwrap:hover .verho {
   height: 96px; 
}*/
.videolista .verho h5 {
   padding: 3px 0;
}
.videolista .katsomotitle,
.videolista .verho_content h5 {
   color: white !important;
   text-transform: uppercase;
   display: block;
   font-size: 11px;
   font-weight: bold;
   line-height: 15px;
   padding: 0 1px;
/*   min-height: 30px; */
/*   font-family: Helvetica, Arial, sans-serif; */
   min-height: 33px;
   font-family: Trebuchet MS, Helvetica, sans-serif;
}
.videolista .julkaistu {
   font-size: 11px;
   margin: 0;
}

/* Hover-tyylit */
.blind {
   left: 0px;
   top: 60px;
   display: block;
   position: absolute;
}
.videolista .verho {
   height: 96px;
   display: block;
   left: 0px;
   top: 0px;
   position: absolute;
   z-index: 3;
}
.videolista .verho_content {
   color: white;
   height: 90px;
   width: 170px;
   display: block;
   left: 0px;
   top: 0px;
   overflow: hidden;
   position: absolute;
   z-index: 4;
   text-align: center;
}
.videolista .katsomodesc,
.videolista .nt {
   font-family: Verdana, Geneva, sans-serif;
   width: 160px;
   font-size: 11px;
}

/* Upotetut lohkot */
.videolista .clip {
   height: 32px;
   overflow: hidden;
}
.videolista .clip img {
   float: left; 
   border: 1px solid #ccc;
   margin: 0 5px 0 0;
}
.videolista .clip h5 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.videolista .clip h5 a {
   text-transform: none;
   font-weight: normal;
   display: block;
   height: 30px;
   font-size: 10px;
   line-height: 10px;
}
.videolista .clip:hover {
   background: #eee;
}
.videolista .clip:hover img {
   border-color: black;
}
.videolista .kohtaukset {
   font-size: 11px;
   font-weight: bold;
   margin: 5px 0 0;
   text-align: center;
}
.videolista .kohtaukset a { outline: none; }
/*
.videolista .kohtaukset span {
   background: black;
   color: white;
   padding: 1px 2px;
}
*/

/* katsomon nostot */
#katsomonostot {
  background: #ffffff url(http://img.sub.fi/img/katsomonostobg.jpg) no-repeat left top;
}
#katsomonostot h2 {
  height: 55px;
  margin: 0 30px;
  padding: 0;
}
#katsomonostot h2 a {
  display: block;
  height: 55px;
  width: 120px;
  background: transparent url(http://img.sub.fi/img/katsomologo.png) no-repeat 0 20px;
}
#katsomonostot h2 span {
  display: none;
}
#katsomotabit {
  margin: 0;
  padding: 0 0 0 20px;
  height: 24px;
}
#katsomotabit li {
  display: inline;
  float: left;
  height: 24px;
  margin: 0 2px 0 0;
}
#katsomotabit a {
  color: #000000;
  display: block;
  line-height: 20px;
  padding: 2px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}
#katsomotabit li.active {
  height: 30px;
  margin-top: -5px;
  background-color: #ffffff;
  -moz-border-radius: 5px 5px 0 0;
}
#katsomotabit li.active a {
  padding-top: 6px;
}
#katsomonostot_sis {
  clear: both;
  position: relative;
  padding: 20px 0 0 10px;
  min-height: 260px;
}
#katsomonostot .wrap img {
  width: 170px;
}


/* TV-ohjelmat */
/* TV-navin tyylit siirretty css_omaan */
.kaikki_ohjelmat {
   width: 266px;
   float: left;
   min-height: 400px;
}
#viikko_kaikki_ohjelmat {
   width: 150px;
}
.katsomo_active {
   background: #f1be25;
}
.kaikki_ohjelmat h4, .paivan_ohjelmat h4, .ohjelmatiedotus h4 {
   color: white;
   padding: 2px 10px;
   margin: 0;
   font-size: 14px;
}
.paivan_ohjelmat {
   width: 364px;
   float: left;
   min-height: 400px;
}
.ohjelmatiedotus {
   width: 340px;
   float: right;
}
.ohjelmatiedotus {
   min-height: 400px;
}
.ohjelmatiedotus h4 {
   margin-bottom: 10px;
}
.ohjelmatiedotus .nostot {
   padding: 0 10px 10px;
}
.ohjelmatiedotus .nostot h1 {
   font-size: 14px;
   line-height: 14px;
   color: #185c75;
   text-transform: uppercase;
   margin-top: 5px;
}
.ohjelmatiedotus .nostot .teksti {
   font-size: 10px;
}

ul.ohjelmalistaus, .ohjelmatiedot {
   font-size: 9px;
   list-style-type: none;
}
ul.ohjelmalistaus {
   padding: 0;
   margin: 0 26px 0 10px;
}
ul.ohjelmalistaus li {
   border-bottom: 1px dotted #ccdee0;
   padding: 2px 1px;
}
ul.ohjelmalistaus a {
   color: #333;
   text-decoration: none;
}
ul.ohjelmalistaus a:hover {
   text-decoration: underline;
}
.kaikki_ohjelmat h5 {
   margin: 0 26px 0 10px;
   color: #185c75;
   text-transform: uppercase
}
.ohjelmatiedot a {
   text-decoration: none;
   color: #333;
}
.ohjelmatiedot a:hover {
   text-decoration: underline;
}
.ohjelmatiedot li {
   padding: 2px 10px 2px 74px;
}
.ohjelmatiedot li:hover {
   background: #eee;
}
.ohjelmatiedot span {
   position: absolute;
   margin-left: -64px;
   color: #8fb4ba;
}
.ohjelmatiedot .timeblock, #viikko_ohjelmat .ohjelmatiedot .timeblock {
   padding: 2px 0 0;
   border-bottom: 1px solid #cfe0e7;

}
.ohjelmatiedot .timeblock span, #viikko_ohjelmat .ohjelmatiedot .timeblock span {
   position: static;
   margin: 0;
   padding: 2px 4px 0 10px;
   background: #cfe0e7;
   color: #007792;
   display: inline;
}
#viikko_ohjelmat {
   cell-spacing: 0;
   cell-padding: 0;
   border-collapse: collapse;
}
#viikko_ohjelmat th, #viikko_ohjelmat td{
   vertical-align: top;
   text-align: left;
   padding: 0;
}
#viikko_ohjelmat .ohjelmatiedot li {
   padding: 1px 3px 1px 20px;
}
#viikko_ohjelmat .ohjelmatiedot span {
   position: static;
   display: block;
   margin: 0 0 0 -17px;
}
#viikko_ohjelmat .ohjelmatiedot .timeblock {
   margin-top: 15px;
}
#viikko_ohjelmat .ohjelmatiedot .timeblock span {
   padding-left: 3px;
}
#viikko_ohjelmat td { vertical-align: top; }
#viikko_ohjelmat th.active, #viikko_ohjelmat td.active {
   background: #e8fbff
}
#viikko_ohjelmat th h4 {
   color: white;
   padding: 2px 3px;
   font-size: 14px;
}
#viikko_ohjelmat th.active h4 {
   background: #3c98ad;
}
#viikko_ohjelmat .ohjelmalistaus {
   margin: 0 10px;
}
#ohjelmainfo {
   font-size: 10px;
}

/* Facebox */
#facebox {
   color: #333;
   font-size: 11px;
}
#facebox .weblink {
   margin-bottom: 3px;
   margin-top: 5px;
   text-align: right;
   background-image: url(/img/seuraa.gif);
   width: 700px;
   height: 18px;
}
#facebox .weblink a {
   color: #fff;
   position: relative;
   right: 50px;
}
#facebox h1 {
   color: #185c75;
   font-size: 18px;
}
#facebox h2 {
   color: #185x75;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
}


/* Muut */
.clearer {
   font-size: 2px;
   line-height: 2px;
   clear: both;
}
.clearleft { clear: left; }
.tumma {
   background: #195c76;
}
.vaalea {
   background: #3b98ac;
}
.piilotettu { display: none; }
.tv2Player .sumoSmall .sub_upotetut .prePanel .startBanner {
   background-image:url(http://www.katsomo.fi/multimedia/template/images/dido/sub_upotetut/startvideo_testi.png);
   height: 189px;
}

/* Katso netissä */
div.artikkeli {
  padding: 10px 0;
}
div.artikkeli h1,
div.artikkeli h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  color: #185C75;
}
.katsonetissa .ohjelmanavi {
  background-color: #d3dfdb;
  height: 23px;
  margin-top: 15px;
  margin-bottom: 10px;
  clear: both;
}
.katsonetissa .ohjelmanavi h3 {
  font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  padding-top: 6px;
  width: 194px;
}
.katsonetissa .ohjelmanavi li {
  margin-top: -3px;
}
.katsonetissa #video {
  margin: 10px 0 0 195px;
  padding: 0;
  height: auto;
  border-left: 5px solid #d3dfdb;
  border-right: 5px solid #d3dfdb;
  border-bottom: 5px solid #d3dfdb;
}
.katsonetissa .netissakaikki {
  position: absolute;
  width: 195px;
  height: auto;
  left: 0;
}
.katsonetissa #uusimmat {
  padding-left: 18px;
}
.netissakaikki h4 {
  display: block;
  background-color: #d3dfdb;
  font-weight: normal;
  padding: 5px 0 5px 17px;
  font-size: 16px;
  margin: 0;
}
.netissakaikki ul {
  list-style-type: none;
  margin: 5px 0 0 0;
  padding: 0;
}
.netissakaikki li {
  padding: 0;
  margin: 0;
}
.netissakaikki li a {
  display: block;
  border-bottom: 1px solid #d3dfdb;
  padding: 0 0 0 17px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}
.netissakaikki li a:hover {
  background-color: #8eafa4;
  color: #ffffff;
}

div#mtvnostot {
background:white none repeat scroll 0;
margin:-15px 0 15px;
padding:0;
position:relative;
}

.youtube {
   margin:0 0 15px;
   text-align:center;
}

/* Commenting & Rating colors */
#body_info .palkki { border-bottom-color: #bf3a27 !important; }
#body_info .palkkivari { color: #bf3a27 !important; }

#testityokalu { margin: 0 auto 15px; width: 555px; }

/* upotettavaa kuvagalleriaa varten */
.kg_wrapper {
  width: 555px;
  margin: 0 auto 15px;
}