td#globright {
  /*display: none;*/
  background-image: url(http://img.mtv3.fi/img/default/rcorner_white.gif);
  background-color: #fff;
}

ul.navi {
  float: left;
  width: 960px;
  padding-bottom: 0px;
  height: 38px;
}

.navi li {
  float: left;
}

.navi li .main_nav {
  cursor: pointer;
  width: 160px;
  height: 38px;
  background: url('http://static.mtv3.fi/kanavapaketti/img/btSprite_kanavapaketti.png') no-repeat;
  margin-right: 10px;
}

.navi #nav_tutustu {
  background-position: 0% 0%;
}

.navi #nav_tilaa {
  background-position: 50% 0%;
}

.navi #nav_ohje {
  background-position: 100% 0%;
}

.navi a:hover #nav_tutustu {
  background-position: 0% 42%;
}

.navi a:hover #nav_tilaa {
  background-position: 50% 42%;
}

.navi a:hover #nav_ohje {
  background-position: 100% 42%;
}

.navi a.active #nav_ohje {
  background-position: 100% 100%;
  height: 52px;
  overflow: visible;
  position: relative;
  z-index: 200;
}

.navi a.active #nav_tutustu {
  height: 52px;
  overflow: visible;
  position: relative;
  z-index: 200;
  background-position: 0% 100%;
}

.navi a.active #nav_tilaa {
  height: 52px;
  overflow: visible;
  position: relative;
  z-index: 200;
  background-position: 50% 100%;
}

.navi span.linkki {
  display: none;
}

#left_nav {
  float: left;
  width: 135px;
  padding: 10px 0 0 0px;
  margin-right: 20px;
}

#left_nav .navbut {
  cursor: pointer;
  width: 112px;
  height: 90px;
  background: url('http://static.mtv3.fi/kanavapaketti/img/btSprite_sat-ant-kaap-laaja.png') no-repeat;
  margin-bottom: 10px;
}

#left_nav #nav_sat {
  background-position: 0% 0%;
}

#left_nav #nav_ant {
  background-position: 33% 0%;
}

#left_nav #nav_cab {
  background-position: 66% 0%;
}

#left_nav #nav_laaj {
  background-position: 100% 0%;
}

#left_nav a:hover #nav_sat {
  background-position: 0% 50%;
}

#left_nav a:hover #nav_ant {
  background-position: 33% 50%;
}

#left_nav a:hover #nav_cab {
  background-position: 66% 50%;
}

#left_nav a:hover #nav_laaj {
  background-position: 100% 50%;
}

#left_nav a.active #nav_sat {
  background-position: 0% 100%;
}

#left_nav a.active #nav_ant {
  background-position: 33% 100%;
}

#left_nav a.active #nav_cab {
  background-position: 66% 100%;
}

#left_nav a.active #nav_laaj {
  background-position: 100% 100%;
}

#left_nav .positioned {
  left: -35px;
  position: relative;
  z-index: 100;
  width: 165px;
}

#left_nav .positioned a .nav {
  /*background: url('http://static.mtv3.fi/kanavapaketti/img/alanavitausta_current.png') no-repeat;*/
  cursor: pointer;
  width: 117px;
  height: 42px;
  padding: 8px 10px 3px 35px;
  /*color: #fff;*/
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 15px;
}

#left_nav .positioned a:hover {
  text-decoration: none;
}

#left_nav .positioned a.active .nav {
  background: url('http://static.mtv3.fi/kanavapaketti/img/alanavitausta_current.png') no-repeat;
  color: #fff;
}

#story {
  margin-top: 10px;
  width: 520px;
  float: left;
}

#story .tv2Player .sumoSmall .default .logoButton {
  background-image: url('http://static.mtv3.fi/kanavapaketti/img/katsomoPlayerlogo_kanavapaketti_link.png');
  width: 139px;
}

#story .tv2Player .sumoSmall .default a.videoButton:hover {
  background-image: url('http://static.mtv3.fi/kanavapaketti/img/katsomoPlayerlogo_kanavapaketti_hover.png');
  background-position: center top;
}

#story h1.otsikko {
  font-family: Trebuchet MS;
  font-size: 24px;
  color: #555;
}


/* 2010 uudistuksen tyylit */

#container #scroller {
  height: 310px;
}

.content_wrapper,
.programtable_noheight,
.footer_wrap {
  background-color: #fff;
}

.content_wrapper {
  padding: 14px 17px 14px 23px;
  float: left;
}

.content_left {
  width: 135px;
  float: left;
  margin-right: 20px;
}

.navitext {
  font-size: 12px;
  color: #444444;
  line-height: 15px;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}

.ch_wrap {
  margin-left: 10px;
}

.ch {
  margin-top: 13px;
}

.ch_wrap .channel {
  background: url(http://static.mtv3.fi/kanavapaketti/img/logot_sprite.png) no-repeat;
  width: 115px;
  height: 37px;
  cursor: pointer;
}

.ch_wrap .channel span {
  display: none;
}

#ch_max {
  background-position: 0% 0%;
}

.ch a:hover #ch_max,
.ch a:hover #ch_max.active {
  background-position: 0% 48%;
}

.ch a #ch_max.active {
  background-position: -1px 98%;
}

#ch_fakta {
  background-position: -120px 0%;
}

.ch a:hover #ch_fakta,
.ch a:hover #ch_fakta.active {
  background-position: -120px 48%;
}

.ch a #ch_fakta.active {
  background-position: -121px 98%;
}

#ch_leffa {
  background-position: -239px 0%;
}

.ch a:hover #ch_leffa,
.ch a:hover #ch_leffa.active {
  background-position: -239px 48%;
}

.ch a #ch_leffa.active {
  background-position: -240px 98%;
}

#ch_juniori {
  background-position: -359px 0%;
}

.ch a:hover #ch_juniori,
.ch a:hover #ch_juniori.active {
  background-position: -359px 48%;
}

.ch a #ch_juniori.active {
  background-position: -360px 98%;
}

#ch_komedia {
  background-position: -479px 0%;
}

.ch a:hover #ch_komedia,
.ch a:hover #ch_komedia.active {
  background-position: -479px 48%;
}

.ch a #ch_komedia.active {
  background-position: -480px 98%;
}

#ch_sarja {
  background-position: -599px 0%;
}

.ch a:hover #ch_sarja,
.ch a:hover #ch_sarja.active {
  background-position: -599px 48%;
}

.ch a #ch_sarja.active {
  background-position: -600px 98%;
}

#ch_scifi {
  background-position: -719px 0%;
}

.ch a:hover #ch_scifi,
.ch a:hover #ch_scifi.active {
  background-position: -719px 48%;
}

.ch a #ch_scifi.active {
  background-position: -720px 98%;
}

.content_mid td.mn_kuva img {
max-width: 515px;
}
.content_mid {
  width: 515px;
  float: left;
  margin-right: 20px;
}
.content_mid h1.otsikko {
  margin: 10px 0;
  line-height: 30px;
}

.content_mid a:visited,
.content_right a:visited,
#tvopas_header a:visited,
.footer_wrap a:visited {
  color: #99c;
}

.content_mid a:hover,
.content_right a:hover,
#tvopas_header a:hover,
.footer_wrap a:hover {
  color: #f00;
}

.noleft {
  margin-left: 120px;
  width: 545px;
}

.content_mid .nosto {
  clear: both;
  float: left;
  margin-bottom: 15px;
  width: 515px;
}

.content_mid .nosto .title {
  font-size: 20px;
  margin-bottom: 10px;
  color: #555;
  font-family: "Trebuchet MS", Geneva, sans-serif;
  font-weight: normal;
}

.content_mid .image {
  float: left;
  width: 280px;
}

.content_mid .desc {
  float: left;
  width: 235px;
  color: #444;
  word-spacing: 0.05em;
  font-size: 14px;
  line-height: 20px;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}

.content_mid .desc p.txt {
  margin: 0;
}

.content_right {
  width: 260px;
  float: left;
}

.content_right .nosto_boksi {
  float: left;
  margin-bottom: 5px;
}

.content_right .tausta_pohja {
  clear: both;
  display: block;
  height: 5px;
}

#sidebar.kapea {
  width: 260px;
}

.nosto_boksi h1.otsikko,
.uutiskirje_wrap h3 {
  font-family: Trebuchet MS, Geneva, sans-serif;
  font-size: 16px;
  color: #555;
}

.nosto_boksi p {
  font-size: 12px;
}

.programtable_noheight {
  clear: both;
  margin: 0;
  padding: 0;
  /*padding: 15px;*/
  float: left;
  width: 950px;
  margin-bottom: 10px;
  position:relative;
}

.borders {
  border: 1px solid #cbcbcb;
  /*height: 550px;*/
  width: 918px;
  padding: 15px;
}

.erotin_hr {
  width: 100%;
  background: #cbcbcb;
  height: 1px;
  margin: 10px 0 5px 0;
}

.programtable_noheight .ohjelmapaivat {
  position: static;
}

.programtable_noheight .ohjelmapaivat img {
  padding: 0px;
}

.programtable_noheight .ohjelmapaivat .datepicker_links a:hover {
  background: none !important;
}

.programtable_noheight .ohjelmapaivat .datepicker_links {
  float: right;
  width: 42px;
}

.programtable_noheight .ohjelmapaivat .datepicker_next {
  width: 50%;
}

.programtable_noheight .ohjelmapaivat .datepicker_header {
  position: absolute;
  position: expression('static');
  text-align: left;
  top: 45px;
  width: 130px;
}

.datepicker_links .datepicker_next #m_next,
.datepicker_links .datepicker_prev #m_prev {
  background: url(http://static.mtv3.fi/kanavapaketti/img/btSprite_edell-seur-pieni.png) no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.datepicker_links #m_next span,
.datepicker_links #m_prev span {
  display: none;
}

.datepicker_links .datepicker_next #m_next {
  background-position: 100% 0%;
  position: absolute;
  top: 45px;
  top: expression('50px');
}

.datepicker_links .datepicker_next a:hover #m_next {
  background-position: 100% 50%;
}

.datepicker_links .datepicker_prev #m_prev {
  background-position: 0% 0%;
  position: absolute;
  top: 45px;
  top: expression('50px');
}

.datepicker_links .datepicker_prev a:hover #m_prev {
  background-position: 0% 50%;
}

.programtable_noheight .datepicker_newRow {
  clear: both;
  margin-top: expression('5px');
}

.programtable_noheight #ohjelmalista {
  height: 510px;
  left: 215px;
  top: 14px;
  top: expression('17px');
}

.programtable_noheight .ohjelmapaivat {
  height: 525px;
  width: 190px;
}

.programtable_noheight #ohjelmalista li.mennyt {
  display: none;
}

.programtable_noheight #ohjelmabox {
  left: 485px;
  width: 430px;
  top: 14px;
  top: expression('17px');
}

.programtable_noheight #ohjelmalista h3,
.programtable_noheight #ohjelmabox h3 {
  padding-bottom: 3px;
  border-bottom: 1px solid #cbcbcb;
  margin: 0px;
}

#tvopas_title {
  float: left;
  width: 600px;
  font-size: 28px;
  line-height: 28px;
  font-family: Trebuchet MS;
}

#tvopas_header {
  font-size: 12px;
  margin-bottom: 10px;
  float: left;
}

#tvopas_linkit {
/*  float: left;*/
  position:absolute;
  right:135px;
}

#ao_info,
#tvopas_link {
  float: left;
  margin-right: 10px;
}

ul.normaali {
  display: block;
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}

.spriteNappi {
  background: transparent url(http://static.mtv3.fi/kanavapaketti/img/kanavapkt-vasen.png) no-repeat scroll left top;
  float:left;
  margin:0 5px 0 0;
  padding-left:6px;
}

.spriteNappi a {
  background: transparent url(http://static.mtv3.fi/kanavapaketti/img/kanavapkt-oikea.png) no-repeat scroll right top;
  display: block;
  padding: 5px 10px 5px 5px;
  color: white;
}

.spriteNappi:hover {
  background-position: left bottom;
}

.spriteNappi:hover a,
.spriteNappi a:hover {
  background-position: right bottom;
}

.spriteNappi img.kake {
  vertical-align: middle;
  padding-right: 5px;
}

#tvopas_linkit .spriteNappi a,
#tvopas_linkit .spriteNappi a:visited
#uutiskirjetilaus a {
  color: #fff;
}

#tvopas_linkit .spriteNappi:hover a,
#tvopas_linkit .spriteNappi a:hover,
#uutiskirje .spriteNappi:hover a,
#uutiskirje .spriteNappi a:hover {
  color: #ffcc69;
  text-decoration: none;
}

#tvopas_linkki a {
  text-decoration: underline;
}

#kanavan_ohjelmisto {
  clear: both;
}

.programtable_noheight #tvopas_wrap {
  clear: both;
}

.programtable_noheight #ch_vasen,
.programtable_noheight #ch_oikea {
  float: left;
  height: 50px;
  width: 50px;
  margin-top: 12px;
}

.programtable_noheight #ch_vasen div {
  height: 50px;
  width: 50px;
  background: url(http://static.mtv3.fi/kanavapaketti/img/btSprite_edell-seur.png) no-repeat scroll 0 0;
  cursor: pointer;
}

.programtable_noheight #ch_vasen a:hover div {
  background-position: 0% 48%;
}

.programtable_noheight #ch_oikea div {
  height: 50px;
  width: 50px;
  background: url(http://static.mtv3.fi/kanavapaketti/img/btSprite_edell-seur.png) no-repeat scroll 90% 0;
  cursor: pointer;
}

.programtable_noheight #ch_oikea a:hover div {
  background-position: 90% 48%;
}

.programtable_noheight #ch_vasen span,
.programtable_noheight #ch_oikea span {
  display: none;
}

/* ohjelmataulun tyylit */

table.ohjelmisto {
    background-color:#ffffff;
    margin: 0;
    float: left;
    empty-cells: hide;
    border-spacing: 10px 0px;
    border-collapse: separate;
}
table.ohjelmisto th {
    padding:10px 0 10px 0;
    border-width:1px;
    border-style:solid;
    border-color:#cbcbcb;
    color:#555555;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:17px;
}
table.ohjelmisto th img {
    vertical-align:middle;
}
table.ohjelmisto td {
    border-width:1px;
    border-width: expression('1px');
    border-style:solid;
    border-color:#cbcbcb;
    padding:5px;
    font-size:11px;
    font-family:Arial, sans-serif;
}

table.ohjelmisto div.ohjelma {
    margin:0 0 1px 0;
    padding:0;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:15px;
    cursor:pointer;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:98% 2px;
    width: 100%;
    clear: both;
    float: left;
}
table.ohjelmisto div.ohjelma .aika {
    width:40px;
    text-align:center;
    display:inline;
    padding:0 0 0 0;
    float:left;
}
table.ohjelmisto div.ohjelma .nimi {
    width:75%;
    font-weight:bold;
    display:inline;
    padding:0;
    float:left;
    overflow:hidden;
}
table.ohjelmisto img.kxx {
    vertical-align:middle;
    margin:0 0 0 2px;
}
table.ohjelmisto div.ohjelma div.seloste {
    display:none;
    margin:2px 0 0 35px;
    padding:1px 2px 4px 3px;
    background-color:#eeeeee;
    color:#555555;
}
div.clearall {
    clear: both;
}
table.ohjelmisto div.menossa {
    background-color: #eeeeee;
}
table.ohjelmisto div.ohjelma.active {
    /*background-color:#555555;
    color:#ffffff;*/
}
table.ohjelmisto div.seloste div a {
    color:#000000;
    padding-left:10px;
    background:transparent url(http://static.mtv3.fi/ohjelmat/tvopas2008/img/arrow_right.gif) no-repeat left 4px;
    font-weight:bold;
    text-decoration:none;
}
table.ohjelmisto div.seloste div a:hover {
    text-decoration:underline;
}
table.ohjelmisto div.mennyt {
    display: none;
}

/* //ohjelmataulun tyylit */

.programtable_noheight #ch_oikea {
  float: left;
}

#all_programs {
  float: left;
}

#all_programs .palsta {
  float: left;
  width: 215px;
  margin: 0 6px;
}

#all_programs .kirjain {
  color: white;
  background: black;
  padding: 5px;
  margin: 5px 0 5px 0;
  width: 21px;
  text-align: center;
}

#uutiskirje {
  background: #ffffff url(http://static.mtv3.fi/kanavapaketti/img/uutiskirje_nosto_bg.jpg) no-repeat;
  /*background-color: #cbcbcb;*/
  float: left;
  margin-bottom: 5px;
  padding-top: 130px;
}

.uutiskirje_wrap {
  padding: 10px;
  color: #555;
  float: left;
}

.uutiskirje_wrap h3 {
  margin: 0;
  display: none;
}

.uutiskirje_wrap p,
#uutiskirje_form label {
  margin: 5px 0;
  font-size: 12px;
  line-height: 15px;
}

#uutiskirje_form label,
#uutiskirje_form {
  margin: 0;
}

input#vki_email_kanavapaketti {
  margin: 5px 0;
 /* border: none;*/
}

#uutiskirjetilaus {
  margin-top: 5px;
}

.footer_wrap {
  text-align: center;
  clear: both;
}

.footer_wrap ul {
  list-style-type: none;
  clear: both;
  margin: 0 auto;
  width: 890px;
}

.footer_wrap ul li {
  display: inline;
  margin: 0 10px;
}

.footer_wrap ul li img {
  display: none;
}

.content_wrapper, .footer_wrap {
  margin: 0;
  width: 950px;
}

.footer_wrap p.teksti {
  margin-bottom: 0px;
}

.footer_bottom {
  background: url(http://static.mtv3.fi/kanavapaketti2010/img/bottom.gif) no-repeat 0% 100%;
  width: 990px;
  height: 12px;
  clear: both;
  margin: 0 auto;
  margin-top: expression('-5px');
}
.mn ul.lista {
line-height: 24px;
}

#murupolku {
  padding: 5px 0 5px 18px;
  background-color: #fff;
  height: 18px;
}

#murupolku ul.nolist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#murupolku li, #murupolku a {
  color: #000;
  line-height: 16px;
  text-decoration: none;
}

#murupolku li {
  display: inline;
  float: left;
  list-style-type: none;
  padding: 0 5px 0 0;
}

#murupolku li span.raquo {
  background: url(http://static.mtv3.fi/img/16px_icosprite.png) repeat scroll 16px 0 transparent;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
}

#container ul.navi {
  /*padding-top: 0;*/
}

/* Hanki-kampanjasivu */
body.kampanja { background: #cacccb url(http://static.mtv3.fi/kanavapaketti/img/hanki_kampanja_bg.jpg) top center no-repeat; }
.kampanja .content_wrapper { background: #ffffff url(http://static.mtv3.fi/kanavapaketti/img/hanki_kampanja_page_bg.jpg) no-repeat 0 0; }
.kampanja .content_wrapper #story  { margin-top:40px; width: 950px; /*width: 660px;*/ }
.kampanja .content_wrapper #story h1 { color:#3db5f4; }
.kampanja .content_wrapper #story .ingressi { font-family: Helvetica; font-size: 19px; line-height: 26px; font-weight: normal; margin: 20px 0; width: 460px; }
.kampanja .content_wrapper #story .teksti { font-family: Helvetica; font-size: 14px; line-height: 18px; font-weight: normal; margin: 0; width: 460px;}
.kampanja .navi a.active #nav_tutustu { background-position: 0% 42%; height: 38px; }
.kampanja #aikataulut { position: relative; height: 633px; width: 990px; margin: 0 -17px 0 -23px; background: url(http://static.mtv3.fi/kanavapaketti/img/hanki_kampanja_aikataulutbg.jpg) 0 0 no-repeat; overflow: hidden; }

.kampanja a.browse { background: url(http://static.mtv3.fi/kanavapaketti/img/hanki_kampanja_nuolet2.png) 0 -0 no-repeat; cursor: pointer; display: block; font-size: 1px; height: 66px; width: 66px; position:absolute; top: 330px;}
.kampanja a.aikataulut-next { background-position: -66px 0; right:0; }
.kampanja a.aikataulut-prev { left: 0; z-index: 1; }
.kampanja a.disabled{ visibility: hidden !important; }
.kampanja #aikataulut .scrollable { position:relative; overflow:hidden; width: 990px; height:633px; }
.kampanja #aikataulut .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute;}
.kampanja #aikataulut .items div { float:left; display:block; /*width: 660px;*/ }

