

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, p, img, form { margin: 0; padding: 0; }
img { border: none; } ul { list-style: none; }
table, tr, th, td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; vertical-align: top; }
div.clear, div.c, span.c { clear: both; height: 1px; overflow: hidden; }
span.c { display: block; }

body { background-color:#323232;}

/* container boxes */
#root { position: relative; width: 1000px; margin: 0 auto; background: url(/images/stbx/new_site_bg.png) repeat-y; z-index:1;}
div.fullwidth#root { width: auto; }

div.pokeri-fullwidth#root {width:830px;}

#sitebox { position: relative; width: 1000px; margin: 0px; z-index:2;}
div.fullwidth#root #sitebox { width: auto; min-width: 791px; }

div.pokeri-fullwidth#root #sitebox { width: auto; min-width: 830px; }

#topslice { display: block; margin-left: 30px; width: 300px; height: 58px;
  background: url(images/stbx/tv_opas_slice.gif) no-repeat; text-decoration: none; }
#topslice span { visibility: hidden; }
div.tv#sitebox #topslice { background-image: url(images/stbx/seiska_slice.gif); }

#topbar { position: absolute; top: 0px; left: 0px;height:211px; width: 1000px; background: #d10600 url(images/stbx/new_header_bg.png) top left no-repeat; }
#topbar-inner { position: relative; height: 162px; background: url(images/stbx/topnav_bg_rt.png) top right no-repeat; }
#topbar div.minw { position: absolute; top: 0px; left: 126px; width: 91px; height: 110px; background: url(images/misc/16vee_non_animated.gif) top left no-repeat; }
#topbar a.fp { text-decoration: none; position: absolute; top: 0px; left: 0px; width: 125px; height: 190px; }
#topbar a.fp span  { display: none; }

#topb-tangop { display: block; position: absolute; text-decoration: none; overflow: hidden; text-indent: -1000px; 
  background: url(images/stbx/headbox_tangop.gif); width: 180px; height: 97px; top: 0; left: 183px; }


#content { position: relative; margin-left:141px; margin-top: 0px; width: 698px; /*background:#fff;*/ overflow: hidden; }
div.fullwidth#root {  min-width: 791px; }
div.pokeri-fullwidth#root {min-width: 830px;}
#content div.content-bg {background-color: #fff; border-left: 5px solid #c41a12; padding-top:10px; height:auto !important; height:1200px; min-height:1200px;}
#content div.main { width: 434px; float: left; background:#fff; padding:0px 10px; overflow:hidden; }
#content div.sdbr { width: 218px; float: right; margin-top:0px; margin-left:10px; margin-right:10px; font-family: Helvetica, Arial, sans-serif; font-size:12px; clear:right; }

div.revlayout#content div.main { float: right; }
div.revlayout#content div.sdbr { float: left; }
#content div.c-mw { clear: both; height: 1px; overflow: hidden; width: 693px; }
#content div.main.main-fullwidth { width: 751px; float: left; }

#footer { background: #323232; border-top: 3px solid #fff; height: 85px;}/* url(images/stbx/footer_bg_lt.png) top left no-repeat; font-size: 12px;}
#footer-inner { position: relative; height: 42px; background: url(images/stbx/footer_bg_rt.png) top right no-repeat; }*/
#footer-inner { border-top: 8px solid #2f2f2f;}
#footer div.minw { clear: both; height: 1px; overflow: hidden; width: 791px; }

div.ad-spot#ad-jattibanner {position:absolute; top:8px; right:8px; width: 730px; height: 90px; z-index:3;}

div.ad-spot#ad-jattibanner iframe {float:right;}
div.ad-spot#ad-ylabanner { width: 468px; height: 60px; margin: 0 auto 10px 165px; }
div.ad-spot#ad-jattibanner2 { width: 800px; height: 120px; margin: 20px 0 10px; }

div.fullwidth#root div.ad-spot#ad-jattibanner,
  div.fullwidth#root div.ad-spot#ad-jattibanner2 { margin-left: auto; margin-right: auto; }

div.ads-right { position: absolute; top: 110px; left: 848px; }
div.ads-right div.ad-spot { margin-bottom: 10px; }

div.rating {display:inline; font-size:16px; font-weight:bold; color:#e32008;}
div.rating-minus {display:inline; font-size:16px; font-weight:bold; color:#0099e4;}
ul.results {margin-bottom:10px;}

/* default font and sizes */
body { font-family: Helvetica, sans-serif; font-size: 11px; }
input, textarea, select { font-size: 12px; }
h1, h2, h3, h4 h5 h6 { font-weight: bold; }
h1 { font-size: 20px; }
h2 { font-size: 17px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

h1.h30bar, h2.h30bar, h3.h30bar { height: 28px; color: #f4e400; background-repeat: no-repeat; }
h1.h30bar span, h2.h30bar span, h3.h30bar span { font-size: 10px; visibility: hidden; }
h1.h30bar a, h2.h30bar a, h3.h30bar a { display: block; height: 30px; text-decoration: none; }

h1.cont-grad, h2.cont-grad, h3.cont-grad {height: 28px; padding:0px; width: 699px; color:#fff200; background:#393939 url(/images/stbx/content_gradient_bg.png) top left repeat-x; }
h1.cont-grad span, h2.cont-grad span, h3.cont-grad span {margin: 10px 0px 0px 25px;}

h1.cont-grad a, h2.cont-grad a, h3.cont-grad a {color:#fff200; text-decoration:none;}

a.arw { background: url(images/ui/arw.gif) 0 3px no-repeat; padding-left: 15px; color: black; text-decoration: none; }
a.arw:hover { text-decoration: underline; }
a.arwfp { background: url(images/ui/arw.gif) 0 3px no-repeat; padding-left: 15px; color: black; text-decoration: none; text-transform:uppercase;}
a.arwfp:hover { text-decoration: underline; }
a.arwfpart { background: url(images/ui/arw.gif) 0 3px no-repeat; padding-left: 15px; margin-left:10px; color: black; text-decoration: none; text-transform:uppercase;}
a.arwfpart:hover { text-decoration: underline; }
a.arwpolle { background: url(images/ui/arw.gif) 0 3px no-repeat; padding-left: 15px; color: black; text-decoration: none;}
a.arwpolle:hover { text-decoration: underline; }
span.grey {color:#939393;}

ul.fpsdbr li {background: url(images/ui/arw.gif) 0 3px no-repeat;}
ul.fpsdbr li a {padding-left:15px; color: black; text-decoration: none; text-transform:uppercase; display:block;}
ul.fpsdbr li a:hover {text-decoration:underline;}

div.modwrap-full, div.modwrap-half, div.modwrap-twothirds { float: left; margin-left: 5px; }
div.modwrap-nocols { width: 751px; }
div.modwrap-full { width: 444px; }
div.modwrap-half { width: 253px; }
div.modwrap-onethird { float:left; width: 156px; margin-left:10px; }
div.modwrap-twothirds { width: 339px; }
div.modwrap-first { margin-left: 0 !important; }
div.modrow-clear { clear: both; height: 5px; overflow: hidden; }
div.sdbr div.modwrap-full, div.sdbr div.modwrap-half, div.sdbr div.modwrap-onethird,
  div.sdbr div.modwrap-twothirds { width: 220px; float: none; margin-left: 0; }


#content div.footer {position:relative; margin: 10px 0 5px 0; padding-top: 3px; background:#f6f6f6; border-top: 1px dashed #3b3b3b; border-bottom: 1px dashed #3b3b3b; width: 100%; height:25px;}
#content div.footer a.action { float: left; display: inline; margin-right: 10px; background-repeat: no-repeat; height: 23px; }
#content div.footer a.action span { display: none; }
#content div.footer a.act-print { width: 69px; background-image: url(images/ui/act-print.png); }
#content div.footer a.act-tell { width: 139px; background-image: url(images/ui/act-tell.png); }


#content div.pagination { margin-bottom: 20px;}
#content div.pagination table { width: 100%; text-transform: uppercase; }
#content div.pagination td.prev { text-align: left; width: 100px; }
#content div.pagination td.numbers { text-align: center; line-height: 22px; font-weight: bold; font-size: 14px; color: #fff200 }
#content div.pagination td.numbers a { width: 20px; height: 20px; background-color: #da1d14; text-decoration: none; color: #fff200}
#content div.pagination td.numbers a:link {color: #fff}
#content div.pagination td.numbers a:visited {color: #fff}
#content div.pagination td.numbers a:hover {color: #fff}
#content div.pagination td.numbers b { width: 20px; height: 20px; background-color: #fff200; color: #000; }
#content div.pagination td.numbers span.black {color:#000;}
#content div.pagination td.next { text-align: right; width: 100px; }
#content div.pagination td.prev a { background: url(images/ui/arw_d20b01_ffffff.gif) left center no-repeat;
  padding-left: 15px; color: black; text-decoration: none; }
#content div.pagination td.next a { background: url(images/ui/arwrev_d20b01_ffffff.gif) right center no-repeat;
  padding-right: 15px; color: black; text-decoration: none; }
#content div.pagination td.prev a:hover, #content div.pagination td.next a:hover { text-decoration: underline; }
#content div.pagination td.numbers a, #content div.pagination td.numbers b { padding: 0 3px; }
#content div.pagination td.numbers a { color: black; }
#content div.pagination td.numbers b { background: #ffec00; }

div.basic-form { clear: both; margin-top: 20px; border: 4px solid #ECECEC; padding: 10px; width:463px; }
div.basic-form h3 { display: block !important; font-size: 15px; margin-bottom: 10px; }
div.basic-form div.options, div.basic-form div.inputcont, div.basic-form div.fldcont { margin-bottom: 20px; }
div.basic-form div.checkboxcont { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.option { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.checkbox { float: left; width: 20px; }
div.basic-form div.checkboxcont label { float: right; width: 425px; }
div.basic-form div.fldcont label { display: block; }
div.basic-form div.fldcont input.text { width: 455px; }
div.basic-form textarea { width: 455px; height: 100px; }
div.basic-form div.submit { margin: 20px 0; }
div.basic-form p.marketing-note { margin: 0; font-size: 11px; text-align: justify; }

div.post-frm { margin: 0 10px 20px 10px; border: 1px solid #C3C3C3; padding: 10px; background: #F4F4F4; }
div.main-pad div.post-frm  { margin: 10px 0 20px; }
div.post-frm h2 { margin-bottom: 10px; }
div.post-frm h2 span.loggedin { display: none; }
div.post-frm label { display: block; margin-top: 10px; }
div.post-frm input.text, body.blog div.post-frm textarea { font-size: 12px; }
div.post-frm input.text { width: 400px; }
div.post-frm textarea { width: 400px; height: 70px; }
div.post-frm textarea.large { height: 250px; }
div.post-frm div.image { float: right; display: inline; padding: 10px 20px 0 0; }
div.post-frm div.buttons { margin-top: 10px; clear: both; }
div.post-frm div.errors { border: 1px dotted #d10600; padding: 10px; }
div.post-frm div.errors h4 { font-size: 12px; border-bottom: 1px dotted #d10600; margin-bottom: 5px; }
div.post-frm div.errors li { list-style: disc; margin-left: 20px; }

body.content-popup #root, body.content-popup #sitebox, 
body.content-popup #sitebox-inner, body.content-popup #content, body.content-popup #content-inner,
body.content-popup #tvopas-slice, body.content-popup #topbar,
body.content-popup #content div.main, body.content-popup #content div.content-bg { float: none; display: block; margin: 0; padding: 0;
  width: auto; height: auto; background: transparent !important; min-width: 0; }
body.content-popup { background: white; padding: 10px; }
body.content-popup h2.h30bar { display: none; }
body.content-popup #navigation {display: none;}
body.content-popup h1 { margin-bottom: 20px; }
body.content-popup div.basic-form { width: 400px; }
body.content-popup div.basic-form div.fldcont input.text, body.content-popup div.basic-form textarea { width: 99%; }

body.content-popup #article {width:420px;}

div.jobapp-form  {
  clear: both;
}
div.jobapp-form {
  width: auto; margin: 20px 0;
}
div.jobapp-form form h3 {
  margin: 20px 0 10px;
}
div.jobapp-form form label {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 2px;
}
div.jobapp-form form input.text {
  padding: 1px; border: 1px solid #888;
  width: 300px;
}
div.jobapp-form form div.checkboxcont {
  width: 300px;
}
div.jobapp-form form div.checkbox {
  float: left; width: 20px; padding-top: 5px;
}
div.jobapp-form form div.checkboxcont label {
  float: right; width: 270px;
}
div.jobapp-form form div.checkboxcont div.clear {
  clear: both; height: 1px; overflow: hidden;
}
div.jobapp-form form input.submit {
  margin-top: 20px;
}
div.jobapp-form form textarea {
  width: 300px;
}

div.jobapp-form form { margin: 0; width: auto; }
div.jobapp-form form table { width: 426px; }
div.jobapp-form form table table { width: 100%; }
div.jobapp-form form td { padding: 3px 0; }
div.jobapp-form form h3 { padding: 20px 0; }
div.jobapp-form form input.text { width: auto; }
div.jobapp-form form textarea { width: 95%; }
div.jobapp-form .error { color: #DF0024; }
div.jobapp-form .error li { margin-left: 30px; }

div.ac-grdbx { float: left; width: 250px; }
a.ac-new, a.ac-reply, a.ac-replies, a.ac-edit, a.ac-delete, a.ac-back, a.ac-mail, a.ac-confirm, a.ac-deny, a.ac-abuse {
              float: left; display: block; padding: 3px 7px 3px 30px; height: 15px; margin-right: 15px;
	      background-position: 1px 2px; background-repeat: no-repeat;
              text-decoration: none; color: black; }
a.ac-new:hover, a.ac-reply:hover, a.ac-replies:hover, a.ac-edit:hover, a.ac-confirm:hover, a.ac-deny:hover, a.ac-abuse:hover,
  a.ac-delete:hover, a.ac-back:hover, a.ac-mail:hover { text-decoration: underline; background-color: #DDD; }
a.ac-new     { background-image: url(images/ui/aloita_uusi.gif); }
a.ac-reply   { background-image: url(images/ui/kommentoi.gif); }
a.ac-replies { background-image: url(images/ui/icn_replies.gif); }
a.ac-edit    { background-image: url(images/ui/icn_edit.gif); }
a.ac-delete  { background-image: url(images/ui/icn_delete.gif); }
a.ac-mail    { background-image: url(images/ui/icn_mail.gif); }
a.ac-back    { background-image: url(images/ui/icn_back.gif); }
a.ac-confirm { background-image: url(images/ui/icn_confirm.gif); }
a.ac-deny    { background-image: url(images/ui/icn_deny.gif); }
a.ac-abuse   { background-image: url(images/ui/icn_abuse.gif); }


div.realdownload { background: #eee; border: 1px solid #ddd; padding: 9px; margin: 0 auto 20px; }
div.realdownload.reald320 { width: 300px; }
div.realdownload.reald420 { width: 400px; }
div.sdbr div.realdownload { padding: 9px 30px 9px 9px; }


div.tv-footer {display:block; background:#ffffff !important; margin:0px 3px; border-top:3px solid #fff;}
/* navigation */
#navigation {position:absolute; top:210px; left:8px; width:129px; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
#navigation-inner { margin: 0px 15px 0px 103px; position: relative; height: 48px;
  background: url(/images/nav/topnav_bg.png) repeat-x; }
div.collapsed#navigation #navigation-inner { height: 32px; }

#navigation ul.top { display: block; margin: 0px; padding: 0px; background: #da1d14;}
#navigation ul.top li { margin:0px; padding:0px; list-style:none; display:inline;}
#navigation ul.top li a { position:relative; display: block; text-decoration: none; }
#navigation ul.top, #navigation ul.top li a { height: 24px;}
#navigation ul.top li a span { display: none;}

/* top level bg image & width details */
#navigation ul.top li a { background-repeat: no-repeat; background-position: 0 0; padding: 0px 0px;}
#navigation ul.top li.current a, #navigation ul.top li.current a:hover { background-position: 0 -70px;}
#navigation ul.top li a:hover { background-position: 0 -24px; }

#navigation ul.top li.curnochild, #navigation ul.top li.curnochild a { background-position: 0 -48px;}
#navigation ul.top li.curnochild a:hover { background-position: 0 -48px;}

/* individual widths & bg images */

#navigation #tpnv-huhhuh a   	     { width: 129px;  background-image: url(images/nav/top/huhhuh.gif); }
#navigation #tpnv-hupi a    	     { width: 129px;  background-image: url(images/nav/top/hupi.gif); }
#navigation #tpnv-kahvihuone a       { width: 129px;  background-image: url(images/nav/top/kahvihuone.gif); }
#navigation #tpnv-arkisto a		     { width: 129px;  background-image: url(images/nav/top/arkisto.gif); }
#navigation #tpnv-toimitus a         { width: 129px;  background-image: url(images/nav/top/navi_toimitus.png); }

#navigation #tpnv-extrat a           { width: 129px;  background-image: url(images/nav/top/extrat.png); }
#navigation #tpnv-julkkisposti a           { width: 129px;  background-image: url(images/nav/top/navi_julkkisposti.png); }

#navigation #tpnv-root a             { width: 129px;  background-image: url(images/nav/top/navi_etusivu.png); }
#navigation #tpnv-viihdeuutiset a    	{ width: 129px;  background-image: url(images/nav/top/navi_viihdeuutiset.png); }
#navigation #tpnv-veikeinvekara a       { width: 129px;  background-image: url(images/nav/top/navi_veikeinvekara.png); }
#navigation #tpnv-tilausjaasiointi a 	{ width: 129px; background-image: url(images/nav/top/navi_tilausjaasionti.png); }
#navigation #tpnv-tahtitytto a       	{ width: 129px;  background-image: url(images/nav/top/navi_tahtitytto.png); }
#navigation #tpnv-seiskatv a         	{ width: 129px;  background-image: url(images/nav/top/navi_seiskatv.png); }
#navigation #tpnv-joulukalenteri2009 a  { width: 129px;  background-image: url(images/nav/top/navi_joulu2009.png); }
#navigation #tpnv-rikosuutiset a     	{ width: 129px;  background-image: url(images/nav/top/navi_rikosuutiset.png); }
#navigation #tpnv-postiajulkkikselle a 	{ width: 129px;  background-image: url(images/nav/top/navi_postiajulkkikselle.png); }
#navigation #tpnv-paparazzivideot a  	{ width: 129px;  background-image: url(images/nav/top/navi_paparazzi.png); }
#navigation #tpnv-muotipoliisi a     	{ width: 129px;  background-image: url(images/nav/top/navi_muotipoliisi.png); }
#navigation #tpnv-missxl a             	{ width: 129px;  background-image: url(images/nav/top/navi_missxl.png); }
#navigation #tpnv-julkkisraati a       	{ width: 129px;  background-image: url(images/nav/top/navi_julkkisraati.png); }
#navigation #tpnv-hurteinhauva a       	{ width: 129px;  background-image: url(images/nav/top/navi_hurteinhauva.png); }
#navigation #tpnv-keskustelut a       	{ width: 129px;  background-image: url(images/nav/top/navi_keskustelut.png); }
#navigation #tpnv-kilpailut a       	{ width: 129px;  background-image: url(images/nav/top/navi_kilpailut.png); }
#navigation #tpnv-bigbrother a         { width: 129px;  background-image: url(images/nav/top/navi_bigbrother.png); }
#navigation #tpnv-mainioinmirri a       { width: 129px;  background-image: url(images/nav/top/navi_mainioinmirri.png); }
#navigation #tpnv-hauskatkuvat a     	{ width: 129px;  background-image: url(images/nav/top/navi_hauskat_kuvat.png); }
#navigation #tpnv-hauskatvideot a    	{ width: 129px;  background-image: url(images/nav/top/navi_hauskat_videot.png); }
#navigation #tpnv-julkkiskuvat a     	{ width: 129px;  background-image: url(images/nav/top/navi_julkkiskuvat.png); }
#navigation #tpnv-julkkisvauvat a    	{ width: 129px;  background-image: url(images/nav/top/navi_julkkisvauvat.png); }
#navigation #tpnv-kuninkaalliset a   	{ width: 129px;  background-image: url(images/nav/top/navi_kuninkaalliset.png); }
#navigation #tpnv-lippert a          	{ width: 129px;  background-image: url(images/nav/top/navi_lippert.png); }
#navigation #tpnv-julkkisjamina a    	{ width: 129px;  background-image: url(images/nav/top/navi_jullkkisjamina.png); }
#navigation #tpnv-julkkisbiot a      	{ width: 129px;  background-image: url(images/nav/top/navi_julkkisbiot.png); }
#navigation #tpnv-julkkisblogit a    	{ width: 129px;  background-image: url(images/nav/top/navi_julkkisblogit.png); }
#navigation #tpnv-bikinibeibet a    	{ width: 129px;  background-image: url(images/nav/top/navi_bikinibeibet.png); }
#navigation #tpnv-horoskoopit a    		{ width: 129px;  background-image: url(images/nav/top/navi_horoskoopit.png); }
#navigation #tpnv-karaoke a 	   		{ width: 129px;  background-image: url(images/nav/top/navi_karaoke.png); }
#navigation #tpnv-kerrovitsi a 	   		{ width: 129px;  background-image: url(images/nav/top/navi_kerrovitsi.png); }
#navigation #tpnv-mobiili a 	   		{ width: 129px;  background-image: url(images/nav/top/navi_kerrovitsi.png); }
#navigation #tpnv-uikkariuroot a 	   	{ width: 129px;  background-image: url(images/nav/top/navi_uikkariuroot.png); }
#navigation #tpnv-paparazziiski a 	   	{ width: 129px;  background-image: url(images/nav/top/navi_paprazziiski.png); }
#navigation #tpnv-teeomakansi a 	   	{ width: 129px;  background-image: url(images/nav/top/navi_teeomakansi.png); }
#navigation #tpnv-testit a 	   			{ width: 129px;  background-image: url(images/nav/top/navi_testaaitsesi.png); }
#navigation #tpnv-turhaatietoa a 	   	{ width: 129px;  background-image: url(images/nav/top/navi_turhaatietoa.png); }
#navigation #tpnv-vinkkaajatienaa a    	{ width: 129px;  background-image: url(images/nav/top/navi_vinkkaajatienaa.png); }
#navigation #tpnv-lehti a    	{ width: 129px;  background-image: url(images/nav/top/navi_lehti.png); }
#navigation #tpnv-livevideot a    	{ width: 129px;  background-image: url(images/nav/top/navi_livevideot.png); }
#navigation #tpnv-digilehti a    	{ width: 129px;  background-image: url(images/nav/top/navi_digilehti.png); }
#navigation #tpnv-deitti a    	{ width: 129px;  background-image: url(images/nav/top/navi_deitti.png); }
#navigation #tpnv-pelit a    	{ width: 129px;  background-image: url(images/nav/top/navi_pelit.png); }
#navigation #tpnv-taustakuvat a    	{ width: 129px;  background-image: url(images/nav/top/navi_taustakuvat.png); }
#navigation #tpnv-mm2008 a    	{ width: 129px;  background-image: url(images/nav/top/navi_mm2008.png); }
#navigation #tpnv-bileristeilyt a    	{ width: 129px;  background-image: url(images/nav/top/navi_bileristeilyt.png); }

/* sub level */
#navigation ul.sub { background: #fef200 url(/images/nav/nav_sub_bottom.png) 0% 100% no-repeat; color: black; padding-bottom:12px; margin-bottom:5px;}

#navigation ul.top li ul.sub li.first {height:8px; background: url(/images/nav/nav_sub_intop.png) bottom left no-repeat; }
#navigation ul.top li ul.sub li.last {height:6px; height:auto!; background: url(/images/nav/nav_sub_inbottom.png) top left no-repeat;}

#navigation ul.top li ul.sub li { display:block; background:#fff; margin:0 5px; padding:0px 5px; }

#navigation ul.top li ul.sub li a {width: auto !important; color: black; border-top:1px solid #e0e0e0; padding-top: 4px; min-height:18px; height: auto !important; height:18px;  /* total == 23px */ background: none !important;
  padding-left: 5px; padding-right: 5px; }
#navigation ul.top li ul.sub li a:hover { background:#fff200 !important; color:#000; }
#navigation ul.top li ul.sub li.current a, #navigation ul.top li ul.sub li.current a:hover {background:#000 !important; color:#fff200;}

/* tv sub */
div.tv#sitebox #navigation ul.sub { width: 756px; }


/* footer boxes */
#footer-left { width: 450px; float: left; display: inline; }
#footer-left ul {display:block; margin:10px 0 0 20px;}
#footer-left ul li {float:left; background: url(images/stbx/footer_arrow.gif) center left no-repeat;}
#footer-left ul li a {margin:0 15px; text-decoration:none; color:#fff;}
#footer-right { width: 310px; float: right; display: inline; text-align: right; margin: 10px 15px 0 0; }
#footer-right span { font-size: 12px; color:#fff; text-transform: uppercase; }
#footer-right a { color: white; text-decoration: none; }


/* new stuff */


.m2 { color: white; background: black url(images/mds/m02_bg_rdmr.png) bottom left no-repeat; }
.m2 div.v { height: 213px; }
.m2 a.v { display: block; }
.m2 a.v img { width: 235; height: 176px; display: block; }
.m2 div.b { position: relative; height: 78px; }
.m2 h2 { display: none; }
.m2 p { padding: 40px 20px 0 10px; font-size: 12px; }
.m2 select { position: absolute; top: 12px; right: 16px; font-size: 11px; }
.m2 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m2 a.rdmr span { display: none; }

.m3 { position: relative; background: url(images/mds/m03_bg_rdmr.png) left bottom no-repeat; }
.m3 a.img { display: block; }
.m3 img { display: block; }
.m3 div.b { height: 70px; }
.m3 h3 { font-size: 15px; padding: 30px 30px 0 8px; }
.m3 h3 span { display: none; }
.m3 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m3 a.rdmr span { display: none; }

.m5 { position: relative; background: url(images/mds/m05_bg.png) left bottom repeat-x; }
.m5 div.i1 { width: 167px; height:223px; background:  url(images/mds/m05_rdmr_cor.gif) bottom right no-repeat; }
.m5 a.img { display: block; }
.m5 img { display: block; height: 153px; width: 167px; }
.m5 div.b { padding: 10px 10px 0; }
.m5 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m5 a.rdmr span { display: none; }

.m6 { position: relative; background: url(images/mds/m06_bg.png) left bottom repeat-x; }
.m6 div.i1 { height: 115px; background:  url(images/mds/m06_rdmr_cor.gif) bottom right no-repeat; }
.m6 a.img { display: block; position: absolute; top: 0; left: 0; height: 115px; width: 125px; }
.m6 img { display: block; height: 115px; width: 125px; }
.m6 div.b { margin-left: 125px; padding: 5px; }
.m6 h4 { font-size: 11px; text-transform: uppercase; }
.m6 h4 span { float: left; display: inline; clear: left; background: #fef319; color: black;
  border: 1px solid black; margin-bottom: 2px; padding: 1px 2px; }
.m6 h4 span.c { display: block; float: none; clear: both; overflow: hidden; height: 1px;
  padding: 0; margin: 0; background: transparent !important; border: none; }
.m6 p { clear: left; padding: 0 10px 0 0; }
.m6 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m6 a.rdmr span { display: none; }

.m9 { background: #fef319; }
.m9 h2 { height: 30px; background: url(images/mds/m09_hd.png) no-repeat; }
.m9 h2 span { display: none; }
.m9 a.img, .m9 img { display: block; }
.m9 div.b { position: relative; height: 126px; background: url(images/mds/m09_bg_rdmr.png) no-repeat; }
.m9 h3 { padding: 5px 10px 0; height: 46px; /* maintain total height at 51px */
  font-size: 20px; line-height: 0.95; }
.m9 ul { padding: 0 10px; font-size: 12px; }
.m9 a.rdmr { position: absolute; bottom: 5px; right: 5px; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m9 a.rdmr span { display: none; }

.m91 { position: relative; height: 185px; background: #fef319 url(images/mds/m91_bg.gif) no-repeat; }
.m91 h4 { display: none; }
.m91 div.b { padding: 22px 0 0 10px; }
.m91 div.imgs a { float: left; display: inline; width: 68px; height: 64px; padding-right: 6px; }
.m91 div.imgs img { display: block; width: 68px; height: 64px; }
.m91 div.c, .m91 div.cm { clear: both; overflow: hidden; height: 1px; }
.m91 div.cm { height: 6px; }
.m91 div.f { clear: both; margin: 5px 10px 0 0; text-align: right; }
.m91 a.arw { color: white; text-transform: uppercase; background-image: url(images/ui/arw_e7250e_000000.gif); }

.m92 { position: relative; height: 253px; background: white url(images/mds/m92_bg.jpg) no-repeat; }
.m92 div.img { position: absolute; display: block; top: 10px; left: 10px; }
.m92 a.img, .m92 a.img img  { display: block; width: 253px; height: 233px; }
.m92 a.rdmr { position: absolute; left: 200px; top: 180px; height: 53px; width: 53px; background: url(images/mds/m92_rdmr_cor.gif); }
.m92 a.rdmr span { display: none; }
.m92 div.poll { position: absolute; display: block; top: 20px; left: 276px; }
.m92 div.poll h2 { font-size: 12px; font-weight: normal; height: 65px; }
.m92 div.poll strong { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.m92 div.poll div.w { margin: 0 25px 0 10px; }
.m92 ul.pl li { padding: 2px 0; border-bottom: 2px solid #c6c6c6; }
.m92 ul.pl input.rd { float: left; }
.m92 ul.pl label { float: right; display: inline; width: 170px; }
.m92 div.s { text-align: right; margin-top: 5px; }
.m92 ul.rs li { padding-bottom: 5px; }
.m92 ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
.m92 ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
.m92 ul.rs span.pc { padding-left: 5px; }
.m92 ul.rs span.gb span.pc { padding-right: 5px; }
.m92 ul.rs li.top span.gr { background: #fce8e6; }
.m92 ul.rs li.top span.gb { background: #e62008; }
.m92 ul.rs li.sel { font-weight: bold; }


.m10 { position: relative; background: white url(images/mds/m10_bg.png) left top no-repeat; width: 100%; /* give layout for IE */ }
.m10 div.mh { float: left; width: 10px; height: 232px; overflow: hidden; /* min-height emulation, doubling as left margin */ }
.m10 div.c { clear: both; overflow: hidden; height: 1px; }
.m10 div.b { float: left; display: inline; width: 233px; }
.m10 h3 { visibility: hidden; height: 30px; }
.m10 div.m { padding-top: 50px; text-align: center; font-weight: bold; text-transform: uppercase; }
.m10 ul { margin-bottom: 35px; /* space for footer with readmore link */ }
.m10 ul li { margin-top: 8px; }
.m10 ul a { float: left; clear: left; display: inline; text-decoration: none; font-size: 15px; text-transform: uppercase;
  font-weight: bold; background: #e62008; color: white; padding: 2px 4px; margin-top: 1px; }
.m10 div.f { position: absolute; bottom: 10px; left: 10px; }
.m10 a.arw { background-image: url(images/ui/arw_e32008_ffffff.gif); text-transform: uppercase; }

.m11 { position: relative; background: #fef319 url(images/mds/m11_bg.png) top left no-repeat; }
.m11 div.cvr { width: 235px; height: 307px; }
.m11 div.cvr a { display: block; position: absolute; top: 6px; left: 7px; width: 220px; }
.m11 div.cvr img { display: block; }
.m11 ul a { display: block; height: 25px; background-repeat: no-repeat; background-position: top center; border-bottom: 2px solid white; }

.m12 { position: relative; background: white url(images/ui/arw_e32107_ffffff.gif) 233px 38px no-repeat; width: 253px; height: 58px; }
.m12 img { position: absolute; display: block; top: 0; left; 0; width: 63px; height: 58px; }
.m12 a { position: absolute; display: block; background: url(images/mds/rdmr_bg.gif);
  top: 0; left; 0; padding: 9px 20px 0 73px; width: 170px; height: 49px; /* total width and height equal to container*/
  font-weight: bold; text-decoration: none; font-size: 12px; color: #333; text-transform: uppercase; line-height: 1.1; }
.m12 a:hover { color: #e62008; }

.m15 { position: relative; background: url(images/mds/m15_bg.png) left bottom repeat-x; height: 115px; }
.m15 a.img { display: block; position: absolute; top: 0; left: 0; height: 115px; width: 125px; }
.m15 img { display: block; height: 115px; width: 125px; }
.m15 div.b { margin-left: 125px; padding: 5px; }
.m15 h3 { float: left; display: inline; font-size: 15px; background: #e62008; color: white; padding: 1px 3px; text-transform: uppercase; }
.m15 div.m { clear: left; padding-top: 2px; font-size: 10px; margin-bottom: 3px; }
.m15 p { font-size: 12px; }
.m15 div.rdmr { position: absolute; bottom: 5px; left: 130px; width: 375px; }
.m15 div.rdmr a.arw { background-image: url(images/mds/m15_rdmr_arw.gif); }
.m15 div.rdmr div.l { float: left; }
.m15 div.rdmr div.r { float: right; }

.m16 { background: white; font-size: 12px; width: 100%; /* give layout for IE */ }
.m16 div.i1 { padding: 5px; }
.m16 h4 { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.m16 ul.pl li { padding: 2px 0; border-bottom: 2px solid #c6c6c6; }
.m16 ul.pl input.rd { float: left; }
.m16 ul.pl label { float: right; display: inline; width: 210px; }
#content div.sdbr .m16 ul.pl label { width: 192px; /* basic width -18px */ }
.m16 div.s { text-align: right; margin-top: 5px; }
.m16 ul.rs li { padding-bottom: 5px; }
.m16 ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
.m16 ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
.m16 ul.rs span.pc { padding-left: 5px; }
.m16 ul.rs span.gb span.pc { padding-right: 5px; }
.m16 ul.rs li.top span.gr { background: #fce8e6; }
.m16 ul.rs li.top span.gb { background: #e62008; }
.m16 ul.rs li.sel { font-weight: bold; }

.m40 { position: relative; width: 167px; height:208px; background: url(images/mds/m40_bg_rdmr.png) left bottom repeat-x; }
.m40 a.img { display: block; }
.m40 img { display: block; height: 153px; width: 167px; }
.m40 div.b { padding: 5px 5px 0; }
.m40 h3 { font-size: 11px; font-weight: normal; }
.m40 strong { display: block; font-weight: bold; font-size: 13px; }
.m40 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.m40 a.rdmr span { display: none; }

.m45 { background: white; font-size: 10px; }
.m45 table { width: 100%; margin-top: 5px; }
.m45 tr.o { background: #ffec00; }
.m45 th { font-weight: normal; text-align: left; }
.m45 th, .m45 td { padding: 0 2px; vertical-align: middle; }
.m45 td.tit { font-size: 12px; font-weight: bold; }
.m45 td.art { font-size: 12px; }
.m45 div.f { position: relative; margin-top: 10px; }
.m45 div.s { position: absolute; top: 3px; left: 30px; }
.m45 div.sa { position: absolute; top: 0; left: 30px; color: #E62008; }
.m45 div.l { padding-left: 120px; }
.m45 td.opt { width: 20px; height: 24px; }

.m46 { margin: 20px 5px 0; }

.m97 { font-size: 12px; }
.m97 table { width: 100%; }
.m97 td.t, .m97 td.w { padding: 1px; border-bottom: 1px solid #d6d1cf; }
.m97 td.t { width: 35%; }
.m97 td.w { width: 14%; text-align: right; }
.m97 td.p { width: 2%; }

.m99 { background: white; border-bottom: 1px solid #d6d1cf; }
.m99 li { clear: both; border-top: 1px solid #d6d1cf; padding-top: 1px; font-size: 12px; width: 100%; }
.m99 a.arw { float: left; display: inline; margin-left: 5px; width: 350px;
  background-image: url(images/ui/arw_e62008_ffffff.gif); background-position: 0 2px; }
.m99 span.m { float: right; display: inline; margin-right: 5px; }
.m99 div.c { clear: both; overflow: hidden; height: 1px; }


.n100 { position: relative; background: url(images/mds/n100_bg.png) left bottom repeat-x; }
.n100 div.i1 { height: 115px; background:  url(images/mds/n100_rdmr_cor.gif) bottom right no-repeat; }
.n100 a.img { display: block; position: absolute; top: 0; left: 0; height: 115px; width: 125px; }
.n100 img { display: block; height: 115px; width: 125px; }
.n100 div.b { margin-left: 125px; padding: 5px; }
.n100 h4 { font-size: 11px; text-transform: uppercase; }
.n100 h4 span { float: left; display: inline; clear: left; background: #fef319; color: black;
  border: 1px solid black; margin-bottom: 2px; padding: 1px 2px; }
.n100 h4 span.c { display: block; float: none; clear: both; overflow: hidden; height: 1px;
  padding: 0; margin: 0; background: transparent !important; border: none; }
.n100 p { clear: left; padding: 0 10px 0 0; }
.n100 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px;
  background: url(images/mds/rdmr_bg.gif); }
.n100 a.rdmr span { display: none; }


.n110 { position: relative; background: url(images/mds/n110_bg.png) left bottom repeat-x; height: 115px; }
.n110 a.img { display: block; position: absolute; top: 0; left: 0; height: 115px; width: 125px; }
.n110 img { display: block; height: 115px; width: 125px; }
.n110 div.b { margin-left: 125px; padding: 5px; }
.n110 h3 { float: left; display: inline; font-size: 15px; background: #e62008; color: white;
  padding: 1px 3px; text-transform: uppercase; }
.n110 div.m { clear: left; padding-top: 2px; font-size: 10px; margin-bottom: 3px; }
.n110 p { font-size: 12px; }
.n110 div.rdmr { position: absolute; bottom: 5px; left: 130px; width: 375px; }
.n110 div.rdmr a.arw { background-image: url(images/mds/n110_rdmr_arw.gif); }
.n110 div.rdmr div.l { float: left; }
.n110 div.rdmr div.r { float: right; }


.n120 { position: relative; background: url(images/mds/n120_bg.png) left bottom repeat-x; }
.n120 div.i1 { width: 167px; height:223px; background:  url(images/mds/n120_rdmr_cor.gif) bottom right no-repeat; }
.n120 a.img { display: block; }
.n120 img { display: block; height: 153px; width: 167px; }
.n120 div.b { padding: 10px 10px 0; }
.n120 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px;
  background: url(images/mds/rdmr_bg.gif); }
.n120 a.rdmr span { display: none; }


.n125 { position: relative; width: 167px; height:208px; background: url(images/mds/n125_bg_rdmr.png) left bottom repeat-x; }
.n125 a.img { display: block; }
.n125 img { display: block; height: 153px; width: 167px; }
.n125 div.b { padding: 5px 5px 0; }
.n125 h3 { font-size: 11px; font-weight: normal; }
.n125 strong { display: block; font-weight: bold; font-size: 13px; }
.n125 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.n125 a.rdmr span { display: none; }


.n130 { position: relative; background: white url(images/ui/arw_e32107_ffffff.gif) 233px 38px no-repeat;
  width: 253px; height: 58px; }
.n130 img { position: absolute; display: block; top: 0; left; 0; width: 63px; height: 58px; }
.n130 a { position: absolute; display: block; background: url(images/mds/rdmr_bg.gif); top: 0; left; 0;
  padding: 9px 20px 0 73px; width: 170px; height: 49px; /* total width and height equal to container*/
  font-weight: bold; text-decoration: none; font-size: 12px; color: #333; text-transform: uppercase;
  line-height: 1.1; }
.n130 a:hover { color: #e62008; }
div.sdbr .n130 { width: 235px; background-position: 215px 38px; }
div.sdbr .n130 a { width: 152px; }


.n140 {position: relative; width:500px; margin:0 10px 0 10px; font-size:12px;}
.n140 h3 { font-size: 14px; font-weight: bold; }
.n140 ul li { margin-top: 5px; margin-left:10px; list-style-type: disc; list-style-position:inside;}
.n140 table {width:400px; margin-left:20px; margin-top:10px;}
.n140 table tr td.heading {text-transform:uppercase; background:#eaeae9;}
.n140 table tr td {padding:5px;}

.n300 {float:left; border-bottom:1px dashed #3b3b3b; padding-bottom:10px;}
.n300 .tahtimg {float:left; width:244px;}
.n300 .tahtitxt {float:left; margin-left:10px; width:228px; }
.n300 .extras {background:#F6F6F6 none repeat scroll 0%; border-bottom:1px dashed #3B3B3B; border-top:1px dashed #3B3B3B; margin:5px 0pt 3px; padding-top:3px; width:100%; height:25px;}
.n300 a.img { display: block; height: 188px; width: 244px; overflow:hidden; }
.n300 div.m { clear: left; padding-top: 2px; font-size: 10px; margin-bottom: 3px; color:#b2b2b2; }
.n300 p { font-size: 12px; }
.n300 div.rdmr { margin-top:10px; }
.n300 div.rdmr ul li {display:inline; margin-right:5px;}

.n310 {width:156px; border-bottom:1px dashed #3B3B3B; padding-bottom:5px; margin-bottom:5px;}
.n310 .tahtimg {width:156px; height:121px; overflow:hidden; margin-bottom:5px; }


.n800 {overflow:hidden;}


.n900 { position: relative; height: 253px; background: white url(images/mds/n900_bg.jpg) no-repeat; }
.n900 div.img { position: absolute; display: block; top: 10px; left: 10px; }
.n900 a.img, .n900 a.img img  { display: block; width: 253px; height: 233px; }
.n900 a.rdmr { position: absolute; left: 200px; top: 180px; height: 53px; width: 53px; background: url(images/mds/n900_rdmr_cor.gif); }
.n900 a.rdmr span { display: none; }
.n900 div.poll { position: absolute; display: block; top: 20px; left: 276px; width: 226px; }
.n900 div.poll h2 { font-size: 12px; font-weight: normal; height: 65px; }
.n900 div.poll strong { font-size: 16px; font-weight: bold; text-transform: uppercase; }
.n900 div.poll div.w { margin: 0 25px 0 10px; }
.n900 ul.pl li { padding: 2px 0; border-bottom: 2px solid #c6c6c6; }
.n900 ul.pl input.rd { float: left; }
.n900 ul.pl label { float: right; display: inline; width: 170px; }
.n900 div.s { text-align: right; margin-top: 5px; }
.n900 ul.rs li { padding-bottom: 5px; }
.n900 ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
.n900 ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
.n900 ul.rs span.pc { padding-left: 5px; }
.n900 ul.rs span.gb span.pc { padding-right: 5px; }
.n900 ul.rs li.top span.gr { background: #fce8e6; }
.n900 ul.rs li.top span.gb { background: #e62008; }
.n900 ul.rs li.sel { font-weight: bold; }


.l100 { background: white; }
.l100 .l {margin-top:10px;}
.l100 li { clear: both; border-bottom: 1px dashed #3b3b3b; margin-bottom:3px; padding-bottom:3px; font-size: 12px; width: 440px; }
.l100 span.greycol {display:inline; font-size:11px; color:#939393;}
.l100 span.m { float: right; display: inline; width:30px; color:#e32008; text-align:right; font-weight:bold;}
.l100 span.m-minus { float: right; display: inline; width:30px; color:#0099e4; text-align:right; font-weight:bold;}
.l100 div.c { clear: both; overflow: hidden; height: 1px; }
.l100 a.arw {float:left; width:380px; text-transform:uppercase; font-size:11px; background: url(images/ui/arw.gif) 0 3px no-repeat; padding-left: 15px; margin-left:7px; color: black; text-decoration: none; }
.l100 a.arw:hover { text-decoration: underline; }


.l110 { background: white; }
.l110 div.l { border-bottom: 1px solid #d6d1cf; }
.l110 li { clear: both; border-top: 1px solid #d6d1cf; padding-top: 1px; font-size: 12px; width: 100%; }
.l110 a.arw { float: left; display: inline; margin-left: 5px;
  background-image: url(images/ui/arw_e62008_ffffff.gif); background-position: 0 2px; }
.l110 div.c { clear: both; overflow: hidden; height: 1px; }
.l110 div.pagination { margin: 30px 5px 0; }


.l120 { position: relative;}
.l120 h4 { display: none; }
.l120 div.b { padding: 12px 0 0 10px; }
.l120 div.imgs img { display: block; width: 68px; height: 64px; }
.l120 div.imgs a { float: left; display: inline; width: 68px; height: 64px; padding-right: 6px; }

.l120 div.c, .l120 div.cm { clear: both; overflow: hidden; height: 1px; }
.l120 div.cm { height: 6px; }
.l120 div.f { clear: both; margin: 5px 10px 0 0; text-align: right; }
.l120 a.arw { color: white; text-transform: uppercase; background-image: url(images/ui/arw_e7250e_000000.gif); }


.l130 { font-size: 12px; }
.l130 table { width: 100%; }
.l130 td.t { width: 5%;border-bottom: 1px solid #d6d1cf; margin-bottom:4px; padding-bottom:4px; }
.l130 td.t img {margin-top:3px;}
.l130 td.w { width: 43%;border-bottom: 1px solid #d6d1cf; margin-bottom:4px; padding-bottom:4px; }
.l130 td.p { width: 2%; }
.l130 a {color: black; text-decoration: none;}
.l130 a:hover {text-decoration:underline;}

.l300 .thumbbox {float:left; width:74px; margin-left:9px;}
.l300 .thumbboxfirst {float:left; width:74px; margin-left:0px;}
.l300 .thumbimg {width:74px; height:56px; overflow:hidden; margin-bottom:2px;}
.l300 .thumbimg img {width:120%; height:120%;}
.l300 .sep {border-bottom:1px dashed #3B3B3B; margin-bottom:5px; padding-bottom:5px;}
.l300 .thumbtxt {text-align:center;}
.l300 .thumbtxt a {color:#000; text-decoration:none; }

.l301 .l {margin-top:10px;}
.l301 .thumbbox {float:left; width:74px; margin-left:9px;}
.l301 .thumbboxfirst {float:left; width:74px; margin-left:0px;}
.l301 .thumbimg {width:74px; height:56px; overflow:hidden; margin-bottom:2px;}
.l301 .thumbimg img {width:120%; height:120%;}
.l301 .sep {border-bottom:1px dashed #3B3B3B; margin-bottom:5px; padding-bottom:5px;}
.l301 .thumbtxt {text-align:center;}
.l301 .thumbtxt a {color:#000; text-decoration:none; }

.s920 .blockTitle, .s951 .blockTitle {background-color: #ebebeb; height: 28px; overflow: hidden; width: 100%; margin:5px 0px;}
.s920 div.inactive, .s951 div.inactive {float: left; margin: 5px 2px 0px 5px; height: 21px; width: 70px; background-color: #0099e4; overflow: visible; text-align: center}
.s920 div.active, .s951 div.active {float: left; margin: 7px 2px 0px 5px; height: 21px; width: 70px; background-color: #fff; overflow: visible; text-align: center}
.s920 div.inactive div, .s951 div.inactive div {margin: 5px 5px 0px 5px; color: #fff; font-size: 12px; height: 12px; white-space: nowrap; }
.s920 div.active div, .s951 div.active div {margin: 5px 5px 0px 5px; color: #000; font-size: 12px; height: 12px; white-space: nowrap; }
.s920 div.inactive div a, .s951 div.inactive div a { color: #fff; text-decoration: none; }
.s920 div.active div a, .s951 div.active div a { color: #000; text-decoration: none; }

.s952 .blockTitle {background-color: #ebebeb; height: 28px; overflow: hidden; width: 100%; margin:5px 0px;}
.s952 div.inactive {float: left; margin: 5px 2px 0px 5px; height: 21px; width: 70px; background-color: #0099e4; overflow: visible; text-align: center}
.s952 div.active {float: left; margin: 7px 2px 0px 5px; height: 21px; width: 70px; background-color: #fff; overflow: visible; text-align: center}
.s952 div.inactive div {margin: 5px 5px 0px 5px; color: #fff; font-size: 12px; height: 12px; white-space: nowrap; }
.s952 div.active div {margin: 5px 5px 0px 5px; color: #000; font-size: 12px; height: 12px; white-space: nowrap; }
.s952 div.inactive div a { color: #fff; text-decoration: none; }
.s952 div.active div a { color: #000; text-decoration: none; }

.l400 {border-bottom:6px solid #ebebeb; padding-bottom:5px; margin-bottom:10px;}
.l400 table tr {border-bottom:1px dashed #999999;}
.l400 table tr td {padding:5px 0px;}
.l400 table tr td.txt {padding:1px 5px; background: url(/images/ui/arw.gif) 99% 90% no-repeat; vertical-align:middle;}
.l400 div.boximg {width:67px; height:55px; overflow:hidden;}
.l400 div.boximg img {width:120%; height:120%; margin-left:-10px; margin-top:-5px;}
.l400 a {text-decoration:none; text-transform:uppercase; color:#000;}
.l400 a:hover { color: #e62008; }


.l900 { font-size: 12px; }
.l900 table { width: 100%; }
.l900 td.t, .l900 td.w { padding: 1px; border-bottom: 1px solid #d6d1cf; }
.l900 td.t { width: 35%; }
.l900 td.w { width: 14%; text-align: right; }
.l900 td.p { width: 2%; }


.s100 { position: relative;}
.s100 div.cvr { width: 220px; border-bottom:6px solid #2c2c2c; margin-bottom:5px; }
.s100 div.cvr a { display: block; width: 220px; }
.s100 div.cvr img { display: block; }
.s100 ul a { display: block; height: 25px; background-repeat: no-repeat; background-position: top center;
  border-bottom: 2px solid white; }


.s110 { position: relative; background: white url(images/mds/s110_bg.png) left top no-repeat;
  width: 100%; /* give layout for IE */ }
.s110 div.mh { float: left; width: 10px; height: 232px;
  overflow: hidden; /* min-height emulation, doubling as left margin */ }
.s110 div.c { clear: both; overflow: hidden; height: 1px; }
.s110 div.b { float: left; display: inline; width: 233px; }
.s110 h3 { visibility: hidden; height: 30px; }
.s110 div.m { padding-top: 50px; text-align: center; font-weight: bold; text-transform: uppercase; }
.s110 ul { margin-bottom: 35px; /* space for footer with readmore link */ }
.s110 ul li { margin-top: 8px; }
.s110 ul a { float: left; clear: left; display: inline; text-decoration: none; font-size: 15px;
  text-transform: uppercase; font-weight: bold; background: #e62008; color: white; padding: 2px 4px;
  margin-top: 1px; }
.s110 div.f { position: absolute; bottom: 10px; left: 10px; }
.s110 a.arw { background-image: url(images/ui/arw_e32008_ffffff.gif); text-transform: uppercase; }


.s120 h2 { background-image: url(images/mds/s120_hd_julkkishaku.png); margin-bottom: 5px; }
.s120 div.chrs { height: 152px; background: url(images/mds/s120_abc_bg.png) no-repeat; }
.s120 div.chrs a { display: inline; float: left; width: 26px; height: 25px; margin-right: 4px;
  background-repeat: no-repeat; }

.s120 div.chrs a.c-a { background-image: url(images/mds/s120_abc_a.gif); }

.s120 div.chrs a.c-b { background-image: url(images/mds/s120_abc_b.gif); }

.s120 div.chrs a.c-c { background-image: url(images/mds/s120_abc_c.gif); }

.s120 div.chrs a.c-d { background-image: url(images/mds/s120_abc_d.gif); }

.s120 div.chrs a.c-e { background-image: url(images/mds/s120_abc_e.gif); }

.s120 div.chrs a.c-f { background-image: url(images/mds/s120_abc_f.gif); }

.s120 div.chrs a.c-g { background-image: url(images/mds/s120_abc_g.gif); }

.s120 div.chrs a.c-h { background-image: url(images/mds/s120_abc_h.gif); }

.s120 div.chrs a.c-i { background-image: url(images/mds/s120_abc_i.gif); }

.s120 div.chrs a.c-j { background-image: url(images/mds/s120_abc_j.gif); }

.s120 div.chrs a.c-k { background-image: url(images/mds/s120_abc_k.gif); }

.s120 div.chrs a.c-l { background-image: url(images/mds/s120_abc_l.gif); }

.s120 div.chrs a.c-m { background-image: url(images/mds/s120_abc_m.gif); }

.s120 div.chrs a.c-n { background-image: url(images/mds/s120_abc_n.gif); }

.s120 div.chrs a.c-o { background-image: url(images/mds/s120_abc_o.gif); }

.s120 div.chrs a.c-p { background-image: url(images/mds/s120_abc_p.gif); }

.s120 div.chrs a.c-q { background-image: url(images/mds/s120_abc_q.gif); }

.s120 div.chrs a.c-r { background-image: url(images/mds/s120_abc_r.gif); }

.s120 div.chrs a.c-s { background-image: url(images/mds/s120_abc_s.gif); }

.s120 div.chrs a.c-t { background-image: url(images/mds/s120_abc_t.gif); }

.s120 div.chrs a.c-u { background-image: url(images/mds/s120_abc_u.gif); }

.s120 div.chrs a.c-v { background-image: url(images/mds/s120_abc_v.gif); }

.s120 div.chrs a.c-w { background-image: url(images/mds/s120_abc_w.gif); }

.s120 div.chrs a.c-x { background-image: url(images/mds/s120_abc_x.gif); }

.s120 div.chrs a.c-y { background-image: url(images/mds/s120_abc_y.gif); }

.s120 div.chrs a.c-z { background-image: url(images/mds/s120_abc_z.gif); }

.s120 div.chrs a.c-aring { background-image: url(images/mds/s120_abc_aring.gif); }

.s120 div.chrs a.c-auml { background-image: url(images/mds/s120_abc_auml.gif); }

.s120 div.chrs a.c-ouml { background-image: url(images/mds/s120_abc_ouml.gif); }

.s120 div.chrs a.c-num { background-image: url(images/mds/s120_abc_num.gif); }


.s120 div.chrs a.c-a-cur, .s120 div.chrs a.c-a:hover {
  background-image: url(images/mds/s120_abc_cur_a.gif); }

.s120 div.chrs a.c-b-cur, .s120 div.chrs a.c-b:hover {
  background-image: url(images/mds/s120_abc_cur_b.gif); }

.s120 div.chrs a.c-c-cur, .s120 div.chrs a.c-c:hover {
  background-image: url(images/mds/s120_abc_cur_c.gif); }

.s120 div.chrs a.c-d-cur, .s120 div.chrs a.c-d:hover {
  background-image: url(images/mds/s120_abc_cur_d.gif); }

.s120 div.chrs a.c-e-cur, .s120 div.chrs a.c-e:hover {
  background-image: url(images/mds/s120_abc_cur_e.gif); }

.s120 div.chrs a.c-f-cur, .s120 div.chrs a.c-f:hover {
  background-image: url(images/mds/s120_abc_cur_f.gif); }

.s120 div.chrs a.c-g-cur, .s120 div.chrs a.c-g:hover {
  background-image: url(images/mds/s120_abc_cur_g.gif); }

.s120 div.chrs a.c-h-cur, .s120 div.chrs a.c-h:hover {
  background-image: url(images/mds/s120_abc_cur_h.gif); }

.s120 div.chrs a.c-i-cur, .s120 div.chrs a.c-i:hover {
  background-image: url(images/mds/s120_abc_cur_i.gif); }

.s120 div.chrs a.c-j-cur, .s120 div.chrs a.c-j:hover {
  background-image: url(images/mds/s120_abc_cur_j.gif); }

.s120 div.chrs a.c-k-cur, .s120 div.chrs a.c-k:hover {
  background-image: url(images/mds/s120_abc_cur_k.gif); }

.s120 div.chrs a.c-l-cur, .s120 div.chrs a.c-l:hover {
  background-image: url(images/mds/s120_abc_cur_l.gif); }

.s120 div.chrs a.c-m-cur, .s120 div.chrs a.c-m:hover {
  background-image: url(images/mds/s120_abc_cur_m.gif); }

.s120 div.chrs a.c-n-cur, .s120 div.chrs a.c-n:hover {
  background-image: url(images/mds/s120_abc_cur_n.gif); }

.s120 div.chrs a.c-o-cur, .s120 div.chrs a.c-o:hover {
  background-image: url(images/mds/s120_abc_cur_o.gif); }

.s120 div.chrs a.c-p-cur, .s120 div.chrs a.c-p:hover {
  background-image: url(images/mds/s120_abc_cur_p.gif); }

.s120 div.chrs a.c-q-cur, .s120 div.chrs a.c-q:hover {
  background-image: url(images/mds/s120_abc_cur_q.gif); }

.s120 div.chrs a.c-r-cur, .s120 div.chrs a.c-r:hover {
  background-image: url(images/mds/s120_abc_cur_r.gif); }

.s120 div.chrs a.c-s-cur, .s120 div.chrs a.c-s:hover {
  background-image: url(images/mds/s120_abc_cur_s.gif); }

.s120 div.chrs a.c-t-cur, .s120 div.chrs a.c-t:hover {
  background-image: url(images/mds/s120_abc_cur_t.gif); }

.s120 div.chrs a.c-u-cur, .s120 div.chrs a.c-u:hover {
  background-image: url(images/mds/s120_abc_cur_u.gif); }

.s120 div.chrs a.c-v-cur, .s120 div.chrs a.c-v:hover {
  background-image: url(images/mds/s120_abc_cur_v.gif); }

.s120 div.chrs a.c-w-cur, .s120 div.chrs a.c-w:hover {
  background-image: url(images/mds/s120_abc_cur_w.gif); }

.s120 div.chrs a.c-x-cur, .s120 div.chrs a.c-x:hover {
  background-image: url(images/mds/s120_abc_cur_x.gif); }

.s120 div.chrs a.c-y-cur, .s120 div.chrs a.c-y:hover {
  background-image: url(images/mds/s120_abc_cur_y.gif); }

.s120 div.chrs a.c-z-cur, .s120 div.chrs a.c-z:hover {
  background-image: url(images/mds/s120_abc_cur_z.gif); }

.s120 div.chrs a.c-aring-cur, .s120 div.chrs a.c-aring:hover {
  background-image: url(images/mds/s120_abc_cur_aring.gif); }

.s120 div.chrs a.c-auml-cur, .s120 div.chrs a.c-auml:hover {
  background-image: url(images/mds/s120_abc_cur_auml.gif); }

.s120 div.chrs a.c-ouml-cur, .s120 div.chrs a.c-ouml:hover {
  background-image: url(images/mds/s120_abc_cur_ouml.gif); }

.s120 div.chrs a.c-num-cur, .s120 div.chrs a.c-num:hover {
  background-image: url(images/mds/s120_abc_cur_num.gif); }

.s120 div.chrs a.c-h, .s120 div.chrs a.c-h-cur { width: 25px; margin-right: 0px; }
.s120 div.chrs span { display: none; }
.s120 div.chrs span.c { display: block; clear: both; height: 4px; }


.s300 { background: white; font-size: 10px; }
.s300 table { width: 100%; margin-top: 5px; }
.s300 tr.o { background: #ffec00; }
.s300 th { font-weight: normal; text-align: left; }
.s300 th, .s300 td { padding: 0 2px; vertical-align: middle; }
.s300 td.tit { font-size: 12px; font-weight: bold; }
.s300 td.art { font-size: 12px; }
.s300 div.f { position: relative; margin-top: 10px; }
.s300 div.s { position: absolute; top: 3px; left: 30px; }
.s300 div.sa { position: absolute; top: 0; left: 30px; color: #E62008; }
.s300 div.l { padding-left: 120px; }
.s300 td.opt { width: 20px; height: 24px; }


.s310 { background: white; font-size: 12px; width: 100%; /* give layout for IE */ }
.s310 div.i1 { padding: 5px; }
.s310 h4 { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; }
.s310 ul.pl li { padding: 2px 0; border-bottom: 2px solid #c6c6c6; }
.s310 ul.pl input.rd { float: left; }
.s310 ul.pl label { float: right; display: inline; width: 210px; }
#content div.sdbr .s310 ul.pl label { width: 182px; /* basic width -18px */ }
.s310 div.s { text-align: right; margin-top: 5px; }
.s310 ul.rs li { padding-bottom: 5px; }
.s310 ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
.s310 ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
.s310 ul.rs span.pc { padding-left: 5px; }
.s310 ul.rs span.gb span.pc { padding-right: 5px; }
.s310 ul.rs li.top span.gr { background: #fce8e6; }
.s310 ul.rs li.top span.gb { background: #e62008; }
.s310 ul.rs li.sel { font-weight: bold; }


.s600 { position: relative; height: 325px; background: url(images/mds/s600_bg.png) no-repeat; }
.s600 h3 { height: 50px; }
.s600 h3 a { display: block; height: 40px; }
.s600 h3 a span { display: none; }
.s600 ul.ch { height: 18px; background: black; margin: 0 2px; }
.s600 ul.ch li { display: inline; float: left; height: 18px; margin-left: 2px;
  background: url(images/mds/s600_tbs_inact_bg.gif) top right; }
.s600 #tvchn-tv1 { margin-left: 0; }
.s600 ul.ch li.cur { background-image: url(images/mds/s600_tbs_act_bg.gif); }
.s600 ul.ch a.tvchn { display: block; height: 18px; background-position: 50% 0;
  background-repeat: no-repeat; padding: 0 10px; }
.s600 ul.ch a.tvchn span { display: none; }
.s600 #tvchn-tv1 a.tvchn     { width: 18px; background-image: url(images/mds/s600_tbs_tv1.png); }
.s600 #tvchn-tv2 a.tvchn     { width: 18px; background-image: url(images/mds/s600_tbs_tv2.png); }
.s600 #tvchn-mtv3 a.tvchn    { width: 28px; background-image: url(images/mds/s600_tbs_mtv3.png); }
.s600 #tvchn-nelonen a.tvchn { width: 46px; background-image: url(images/mds/s600_tbs_nelonen.png); }
.s600 #tvchn-subtv a.tvchn   { width: 31px; background-image: url(images/mds/s600_tbs_subtv.png); }
.s600 li a:hover { background-position: 50% -20px; }
.s600 li.cur a.tvchn, .s600 li.cur a.tvchn:hover { background-position: 50% -40px; }
.s600 table.prg { display: none; position: absolute; top: 78px; left: 12px; width: 229px !important; }
.s600 table#tvprg-tv1 { display: block; }
.s600 table.prg tr.o { background: #eeeded; }
.s600 table.prg th, .s600 table.prg td { font-size: 12px; padding: 1px; }
.s600 table.prg th { width: 40px; } .s600 table.prg td { width: 185px; }
.s600 table.prg td a { color: black; text-decoration: none; }
.s600 table.prg td a:hover { text-decoration: underline; }
.s600 a.btn-tv { position: absolute; top: 260px; left: 12px; width: 45px; height: 18px;
  background: url(/images/mds/s600_btn_tvopas.gif) no-repeat; }
.s600 a.btn-mdb { position: absolute; top: 283px; left: 161px; width: 91px; height: 38px;
  background: url(/images/mds/rdmr_bg.gif); }
.s600 a.btn-tv span, .s600 a.btn-mdb span { display: none; }


.s610 div.h { height: 30px; background: #fef200; }
.s610 div.h h1 { float: left; width: 80px; height: 30px;
  background: url(images/mds/s610_hd_tvssa_nyt.png) no-repeat; }
.s610 div.h h1 span { display: none; }
.s610 div.h div.gd { float: right; width: 500px; padding: 8px 5px 0 0;
  font-size: 11px; text-align: right; text-transform: uppercase }
.s610 table.chns th, .s610 table.chns td { width: 20%; }
.s610 table.chns th { background: black; height: 30px; border: 2px solid white; border-width: 0 2px 2px 0; }
.s610 table.chns td { background: #efefef; border-right: 2px solid white; }
.s610 table.chns td a { color: black; text-decoration: none; }
.s610 table.chns td a:hover { text-decoration: underline; }
.s610 table.chns th.chn-subtv, .s610 table.chns td.chn-subtv { border-right: 0; }
.s610 table.prgs { width: 100%; }
.s610 table.prgs th, .s610 table.prgs td { width: auto; height: auto; margin: 0; padding: 0; border: 0;
  background: transparent; border-bottom: 2px solid white; padding: 2px 4px; }
.s610 table.prgs th, .s610 table.prgs td { line-height: 1.1em; }
.s610 table.prgs td { padding-left: 0; }
.s610 div.f { background: black; height: 5px; margin-top: -2px; overflow: hidden; }
  /* negative margin to paint over the highest table's bottom border*/


.s700 { color: white; background: black url(images/mds/s700_bg_rdmr.png) bottom left no-repeat; }
.s700 div.v { height: 213px; }
.s700 a.v { display: block; }
.s700 a.v img { width: 235; height: 176px; display: block; }
.s700 div.b { position: relative; height: 78px; }
.s700 h2 { display: none; }
.s700 p { padding: 40px 20px 0 10px; font-size: 12px; }
.s700 select { position: absolute; top: 12px; right: 16px; font-size: 11px; }
.s700 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px;
  background: url(images/mds/rdmr_bg.gif); }
.s700 a.rdmr span { display: none; }


.s900 { position: relative; background: url(images/mds/s900_bg_rdmr.png) left bottom no-repeat; }
.s900 a.img { display: block; }
.s900 img { display: block; }
.s900 div.b { height: 70px; }
.s900 h3 { font-size: 15px; padding: 30px 30px 0 8px; }
.s900 h3 span { display: none; }
.s900 a.rdmr { position: absolute; bottom: 0; right: 0; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.s900 a.rdmr span { display: none; }


.s910 { background: #fef319; }
.s910 h2 { height: 30px; background: url(images/mds/s910_hd.png) no-repeat; }
.s910 h2 span { display: none; }
.s910 a.img, .s910 img { display: block; }
.s910 div.b { position: relative; height: 126px; background: url(images/mds/s910_bg_rdmr.png) no-repeat; }
.s910 h3 { padding: 5px 10px 0; height: 46px; /* maintain total height at 51px */
  font-size: 20px; line-height: 0.95; }
.s910 ul { padding: 0 10px; font-size: 12px; }
.s910 a.rdmr { position: absolute; bottom: 5px; right: 5px; height: 41px; width: 41px; background: url(images/mds/rdmr_bg.gif); }
.s910 a.rdmr span { display: none; }


.s920 {border-bottom:6px solid #ebebeb; padding-bottom:2px; margin-bottom:5px;}
.s920 div.imgs {margin-top:10px;}
.s920 div.tt-sdbr-thumb {float:left;  margin-left:8px; margin-bottom:5px;}
.s920 div.tt-sdbr-thumb img {width: 74px; height: 56px; overflow:hidden;}
.s920 div.tt-sdbr-thumb-name {text-align:center; margin-top:2px;}
.s920 div.tt-sdbr-thumb-name a {font-size:11px; text-decoration:none; color:#000;}
.s920 div.tt-sdbr-thumb-name a:hover {text-decoration:underline;}

.s940 h2.hdgone {background:#fff200;}
.s940 ul {display:block; margin-top:10px;}
.s940 ul li {background: url(images/ui/arw.gif) 0 3px no-repeat;border-bottom:1px dashed #3b3b3b; margin-bottom:5px; padding-bottom:5px; }
.s940 ul li a {display:block; padding-left:15px; text-decoration:none; color:#000;}

.s950 {border-bottom:6px solid #ebebeb; padding-bottom:5px; margin-bottom:10px;}
.s950 table tr {border-bottom:1px dashed #999999;}
.s950 table tr td {padding:5px 0px;}
.s950 table tr td.txt {padding:1px 5px; background: url(/images/ui/arw.gif) 99% 90% no-repeat; vertical-align:middle;}
.s950 div.boximg {width:67px; height:55px; overflow:hidden;}
.s950 div.boximg img {width:120%; height:120%; margin-left:-10px; margin-top:-5px;}
.s950 a {text-decoration:none; text-transform:uppercase; color:#000;}
.s950 a:hover { color: #e62008; }

.s951 table tr {border-bottom:1px dashed #999999;}
.s951 table tr td {padding:5px 0px;}
.s951 table tr td.txt {padding:1px 5px; background: url(/images/ui/arw.gif) 99% 90% no-repeat; vertical-align:middle;}
.s951 div.boximg {width:67px; height:55px; overflow:hidden;}
.s951 div.boximg img {width:120%; height:120%; margin-left:-10px; margin-top:-5px;}
.s951 a {text-decoration:none; text-transform:uppercase; color:#000;}
.s951 a:hover { color: #e62008; }

.s952 table tr {border-bottom:1px dashed #999999;}
.s952 table tr td {padding:5px 0px;}
.s952 table tr td.txt {padding:1px 5px; background: url(/images/ui/arw.gif) 99% 90% no-repeat; vertical-align:middle;}
.s952 div.boximg {width:67px; height:55px; overflow:hidden;}
.s952 div.boximg img {width:120%; height:120%; margin-left:-10px; margin-top:-5px;}
.s952 a {text-decoration:none; text-transform:uppercase; color:#000;}
.s952 a:hover { color: #e62008; }


.n999 { background: #fcc; }
.g999 { background: cyan; }


div.search-form div.form-container {position:absolute; right:10px; top:10px; width:220px; height:25px;}
div.search-form {position:relative; width:698px; margin-left: 0px; height:10px; background: /*#da1d14*/ url(/images/stbx/new_header_search.png) no-repeat 0px -24px; margin-top: 110px;}

body.j-sec div.articles-big div.article { margin-bottom: 10px; }

body.j-sec div.articles-big div.content { margin-left: 156px; font-size: 12px; }
body.j-sec div.articles-big a.img { float: left; display: inline; }
body.j-sec div.articles-big a.img img { display: block; }

body.j-sec div.articles-big h2 { font-size: 14px; padding-bottom: 3px; border-bottom: 1px solid #CCC; margin-bottom: 5px; }
body.j-sec div.articles-big h2 a { text-decoration: none; text-transform: uppercase; }

body.j-sec div.articles-big p { margin-bottom: 5px; }

body.j-sec div.articles-big h2.h23bar { margin-bottom: 10px; }
body.j-sec div.articles-list div.col1 { float: left; width: 221px; }
body.j-sec div.articles-list div.col2 { float: right; width: 221px; }

body.j-sec div.articles-list div.col1 ul { margin: 0 0 0 5px; }
body.j-sec div.articles-list div.col2 ul { margin: 0 5px 0 0; }

body.j-sec div.tplv-sec h1.h30bar { margin-bottom: 3px; }

/* moved to common
body.j-sec #no1pick { width: 448px; height: 220px; margin-bottom: 5px; }
body.j-sec #no1pick div.film, body.j-sec #no1pick div.text { top: 10px; left: 10px; height: 200px; width: 150px; }
body.j-sec div.no1p-right#no1pick div.film, body.j-sec div.no1p-right#no1pick div.text { left: 288px; /* parent width - 10px - self width, IE has bugs with right-property */ }
body.j-sec #no1pick div.text div { padding: 7px; }
body.j-sec #no1pick div.text h2 { font-size: 15px; margin-bottom: 5px; text-transform: uppercase; }
body.j-sec #no1pick div.text p { font-size: 12px; }
body.j-sec #no1pick div.text p.more { position: absolute; left: 7px; bottom: 7px; width: 136px;
  text-align: right; text-transform: uppercase; font-size: 11px; }
body.j-sec #no1pick div.text a.arrow { background-image: url(images/ui/arw_ec008c_000000_trans.gif); }
*/

body.j-sec #section-imgpicks { margin-bottom: 10px;}

body.j-sec #subsec-defpicks h3 { margin-bottom: 5px; }
body.j-sec #subsec-defpicks ul { margin-bottom: 10px; }

body.j-sec div.newmag a.cover { display: block; margin-bottom: 3px; }
body.j-sec div.newmag a.cover img { display: block; margin: 0 auto; }


body.j-art #content {/*background:#fff;*/ font-family:Helvetica, Arial, sans-serif;}

body.j-art #content div.main { width: 482px; float: left; background:#fff; padding:0px 10px; overflow:hidden; }
body.j-art #content div.sdbr { width: 173px; float: right; margin-top:10px; margin-left:5px; margin-right:10px; font-family: Helvetica, Arial, sans-serif; font-size:12px; }
body.j-art #content .content-bg {background-color: #ffffff}

body.j-art #article h1 span { float: left; display: inline; clear: left; font-size: 25px; text-transform: uppercase;
  background: #dd1d07; color: white; padding: 2px 3px 0; margin-bottom: 3px; }
body.j-art #article h1 span.c { display: block; float: none; clear: both;
  overflow: hidden; height: 1px; padding: 0; margin: 0; background: none !important; }
body.j-art #article h1 { margin-bottom: 10px; }

body.j-art #article h1.regular {color: #333; float: left; display: inline; clear: left; font-size: 20px; 
  padding: 2px 0 0; margin-bottom: 3px; }

body.j-art #article div.meta { width:250px; float:left; margin-bottom: 10px; color:#999999; font-size:11px; }

body.j-art #article div.metaregular { margin-bottom: 15px;}

body.j-art #article div.ingress {font-size:18px; font-weight:normal; margin-bottom:10px;}

body.j-art #article div.body { font-size: 13px; margin-bottom: 20px; }
body.j-art #article div.body img { float: right; margin: 0 10px 20px 10px; }
body.j-art #article div.body h3 { display: inline; font-size: 14px; text-transform: uppercase; }

body.j-art #article div.body div.video { text-align: center; }

body.j-art #article div.sig { font-size: 11px; margin-bottom: 20px; }

div.container-addon {width:480px;}

body.j-art #article div.addons { width:90px; float:right; font-size: 11px; }
body.j-art #article ul.addicon ul {display:block;}
body.j-art #article ul.addicon li {margin-left:10px; display:inline;}
body.j-art #article ul.addicon li a {text-decoration:none; color:#000;}
body.j-art #article ul.addicon li a:hover {text-decoration:underline;}
body.j-art #article a.facebook {background: url(/images/stbx/new_icon_facebook.gif) 3px 0px no-repeat;}
body.j-art #article a.facebook span {padding-left:20px;}
body.j-art #article a.delicious {background: url(/images/stbx/new_icon_delicious.gif) 3px 0px no-repeat;}
body.j-art #article a.delicious span {padding-left:20px;}
body.j-art #article a.digg {background: url(/images/stbx/new_icon_digg.gif) 3px 0px no-repeat;}
body.j-art #article a.digg span {padding-left:20px;}

body.j-art #article ul.results li {border-bottom:1px dashed #3b3b3b; margin-bottom:3px; padding-bottom:3px;}
body.j-art #article ul.results li a {text-decoration:none; color:#000; text-transform:uppercase;}

body.j-art #artComment {margin-top:30px;}
body.j-art #artComment { position: relative; min-height: 300px;}
body.j-art #artComment .addcommentbox {position: absolute; top: 28px; left: 0px; border: 0px solid #000; padding: 0px; width: 482px; background-color: #ebebeb; visibility:hidden;}
body.j-art #artComment .addcommentbox-show {position: absolute; top: 28px; left: 0px; border: 0px solid #000; padding: 0px; width: 482px; background-color: #ebebeb; visibility:visible;}
body.j-art #artComment .blockTitle {background-color: #ebebeb; height: 28px; overflow: hidden; }
body.j-art #artComment .blockTitle div.inactive {float: left; margin: 5px 2px 0px 5px; height: 21px; width: 200px; background-color: #0099e4; overflow: visible; text-align: center}
body.j-art #artComment .blockTitle div.active {float: left; margin: 7px 2px 0px 5px; height: 21px; width: 200px; background-color: #fff; overflow: visible; text-align: center}
body.j-art #artComment .blockTitle div.inactive div {margin: 5px 15px 0px 15px; color: #fff; font-size: 12px; height: 12px; white-space: nowrap; }
body.j-art #artComment .blockTitle div.active div {margin: 5px 15px 0px 15px; color: #000; font-size: 12px; height: 12px; white-space: nowrap; }
body.j-art #artComment .blockTitle div.inactive div a { color: #fff; text-decoration: none; }
body.j-art #artComment .blockTitle div.active div a { color: #000; text-decoration: none; }
body.j-art #frmTitle, body.j-art #frmMessage, body.j-art #frmAuthor { background-color: #ebebeb; border: 1px solid #a3a3a3; font-size: 16px; }
body.j-art #frmTitle { width: 409px; height: 23px; }
body.j-art #frmMessage { width: 409px; height: 63px; }
body.j-art #frmAuthor { width: 218px; height: 23px; }
body.j-art #frmButton { margin-left: 70px; height: 17px; width: 109px; border-width: 0px; background-image: url(/images/ui/cmt_submit.gif); color: yellow;}
body.j-art div.commentBox {border-bottom:1px dashed #3b3b3b; padding:15px 10px 25px 10px; font-family:Helvetica, Arial, sans-serif;}
body.j-art div#article div.hotornot img {width: 18px; height: 18px; position: static; margin: 0px; padding: 0px; display: inline;}
body.j-art .zebra {background:#f6f6f6; border-bottom:1px dashed #3b3b3b;/*border-top:1px dashed #3b3b3b; */padding:15px 10px;}
body.j-art div.cmtTitle {font-size:15px; margin-bottom:5px;}
body.j-art div.cmtMessage {font-size:12px; margin-bottom:5px;}


body.ftpg #content { position: relative; margin-left:141px; margin-top: 0px; width: 698px; /*background:#3b3b3b;*/}
body.ftpg #content .content-bg {background: #393939 url(/images/stbx/content_gradient_bg.png) no-repeat top; padding-top:0px;}
body.ftpg #content h1.cont-grad, body.ftpg #content h2.cont-grad, body.ftpg #content h3.cont-grad {padding: 0px; height: 3px;}
body.ftpg #content h1.cont-grad span, body.ftpg #content h2.cont-grad span, body.ftpg #content h3.cont-grad span{display: none;}
body.ftpg div.forceDown {padding-top:10px;}


div.sdbr div.tt-switcher div.b { position: relative; height: 53px; padding: 5px 10px 0 10px;
  background: url(/images/misc/tt_switcher_bg.jpg); font-size: 12px; }
div.sdbr div.tt-switcher select { position: absolute; top: 25px; left: 10px; }
div.sdbr div.tt-switcher input { position: absolute; top: 25px; left: 110px; }

body.j-art div.tt#article img { display: block; margin: 0 auto; float: none; }

body.j-art div.tt-firstpg#article, body.j-art div.tt-firstpg#article div.ibody { position: relative; }
body.j-art div.tt-firstpg#article img { position: absolute; top: 0; left: 0; margin: 0;
  width: 253px; height: 337px; }
body.j-art div.tt-firstpg#article div.ibody { padding-left: 263px; width: 228px;
  min-height: 284px; /* image height -53px, see below */ }


body.j-art div.tt-firstpg#article div.picsnvid { margin-bottom: 10px; }
body.j-art div.tt-firstpg#article div.picsnvid a { float: left; display: inline; margin-right: 20px;
  background-repeat: no-repeat; height: 23px; text-indent: -1000px; overflow: hidden; }
body.j-art div.tt-firstpg#article div.picsnvid span.act-watch-pics a {
  width: 88px; background-image: url(images/ui/act-watch-pics.png); }
body.j-art div.tt-firstpg#article div.picsnvid a.act-watch-video {
  width: 85px; background-image: url(images/ui/act-watch-video.png); }

/* IE min height hack */
* html body.j-art div.tt#article div.firstpgbody div.ibody { height: 284px; }

body.j-art div.tt-firstpg#article div.footer { position: absolute; top: 380px; left: 0;
  margin: 0; padding: 0; border: 0; width: 253px; }
body.j-art div.tt-firstpg#article div.footer a.action { display: block; width: 253px;
  border-top: 1px solid #d6d1cf; padding: 3px 0; background-position: left center; } 

body.j-art div.missxl#article div.ibody {padding-left:30px;}
body.j-art div.missxl#article img {padding-right:30px;}

ul.verotiedot {display:block; margin-bottom:20px;}
ul.verotiedot li {display:inline; padding-right:10px;}
ul.verotiedot li a {color:#000; font-size:12px; text-decoration:none;}
ul.verotiedot li a:hover {text-decoration:underline}
ul.verotiedot li a.current {font-weight:bold;}

table.verot {margin-left:10px; border-collapse: collapse;}
table.verot td {padding:3px;}
table.verot tr.header {font-weight:bold; background:#FEF200;}
table.verot tr.odd {background:#fff;}
table.verot tr.even {background:#f1f1f1;}

table.valilehti {float:right; margin-right:5px;}
table.valilehti td {padding:5px; border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000; border-collapse: collapse; font-size:12px;}
table.valilehti td.current {font-weight:bold; background:#FEF200; border-bottom:1px solid #FEF200;}
table.valilehti td a {text-decoration:none; color:#000;}
table.valilehti td a:hover {text-decoration:underline; color:#000;}

h1.custombar {position:relative; height:30px; background:#000 url(/images/hds/kategoria_rub.gif) top left no-repeat;}
h1.custombar span {position:absolute; left:180px; top:5px; width:300px; height:25px;}


div.tt-txt {float:left; width:225px; padding-right:10px;}
div.tt-img {float:left; width:244px;}
div.tt-img div.tt-first-img {width:244px; height:188px; overflow:hidden;}


div.tt-img div.tt-thumb-img {width:243px; overflow:hidden; margin-top:10px;}
div.tt-img div.tt-thumb-img div.tt-thumb-box-first {float:left; width:74px; height:56px; overflow:hidden; margin-bottom:10px;}
div.tt-img div.tt-thumb-img div.tt-thumb-box {float:left; width:74px; height:56px; overflow:hidden; margin-left:10px; margin-bottom:10px;}
div.tt-img div.tt-thumb-img div.tt-thumb-box img, div.tt-img div.tt-thumb-img div.tt-thumb-box-first img {width:120%; height:120%; overflow:hidden;}


#tvopas h2.tvopashdg {position:relative; margin-bottom: 3px; background:#000; height:28px; }
#tvopas h2.tvopashdg a .h {display:none;}
#tvopas h2.tvopashdg a:hover .h {display:none;}
#tvopas h2.tvopashdg span.dates {position:absolute; right:1px; top:7px; width:200px; height:20px; font-size:12px; color:#fff; text-transform: capitalize;}
#tvopas p.now { margin-bottom: 2px; text-transform: capitalize; }

#tvopas select { font-family: Arial, Helvetica, sans-serif; }

#tvopas table, #tvopas tr, #tvopas td, #tvopas th { border-collapse: separate;
  border-spacing: 0; vertical-align: top; text-align: left; }

#tvopas a { text-decoration: none; }
#tvopas a:hover { text-decoration: underline; }


#tvopas #listing { background: white; width: 100%; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; }

#tvopas #listing th.channel, #tvopas #listing td { width: 20%; }


#tvopas th.channel { border-right: 1px solid white; border-bottom:1px solid #cfcfcf; }
#tvopas #listing th.channel.last { border-right: none; }

#tvopas th.channel div.r { position: relative; height: 45px; }
#tvopas th.channel h2 { padding-top: 10px; text-align: center; color: #333; font-size: 14px; }
#tvopas th.channel div.fl { position: absolute; top: 0; left; 0; height: 45px; 
  width: 100%; }
#tvopas th.channel div.bx { height: 38px; border:1px solid #cfcfcf; }
#tvopas th.channel .br { height: 5px; overflow: hidden; }
#tvopas th.channel a, #tvopas #listing th.channel span.img { display: block; height: 38px;
  text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
#tvopas th.channel a span { display: block; height: 37px; margin-right: 10px;
  background: url(/images/tvopas/chl_arrow.gif) center right no-repeat; }

#tvopas #listing td.first { border-left: 1px solid #cfcfcf; }

#tvopas #listing td { border: 1px solid #cfcfcf; border-top: none; border-left: none; 
  padding: 0.5em 0; background: url(images/tvopas/tbl_cellbg.png) 3.1em 0; }
#tvopas table.single#listing td { background-image: url(images/tvopas/tbl_cellbg_singl.gif); }


#tvopas #listing th.window { background: #fff; border: 1px solid #cfcfcf; border-top: none;
  padding: 0 0.3em; }
#tvopas #listing th.window h3 { font-size: 100%; font-weight: normal; }

#tvopas #listing td.adspot { border-top: 1px solid #cfcfcf; padding: 0;
  background: white url(/images/tvopas/adspot-bg_bot-rgt.gif) bottom right no-repeat; }
#tvopas #listing div.adspot { padding: 15px 0; text-align: center;
  background: url(/images/tvopas/adspot-bg_top-lft.gif) top left no-repeat; }


#tvopas div.program {position: relative; margin-bottom: 0.3em;}

#tvopas table.multi div.program a { display: block; color: #000; }
#tvopas table.multi div.program a .time { position: absolute; top: 0; left: 0; padding-left: 0.1em;}
#tvopas table.multi div.program a .title { display: block; margin-left: 3.5em; padding-right: 0.1em; color:#000;}

#tvopas table.multi div.prog-cur a .time, #tvopas table.multi div.pghl-1 a .time,
  #tvopas table.multi div.pghl-2 a .time, #tvopas table.multi div.pghl-3 a .time,
  #tvopas table.multi div.pghl-4 a .time, #tvopas table.multi div.pghl-5 a .time { color: #fff;  }

#tvopas table.multi div.prog-cur a { color:#fff; padding: 0; background: url(images/tvopas/tbl_cellbg_act.png) 3.1em 0;}

#tvopas table.multi div.prog-cur a .title {font-weight:bold;}

#tvopas table.multi div.program a:hover { padding: 0; background: url(/images/tvopas/tbl_cellbg_act.png) 3.1em 0;}
#tvopas table.multi div.program a:hover .time { color: #fff; }

/* #tvopas table.multi div.program a:hover { background: #007ec2; color:#fff; text-decoration: none; } */

#tvopas img.caticon, #tvopas img.raticon { display: inline; padding: 0; margin: 0; }

#tvopas  #listing-faux { background: url(/images/tvopas/tbl_listing_faux.png) top right repeat-y; }

#tvopas a.act, #tvopas-epg a.act { padding-right: 10px; }
#tvopas a.hd-btn img { vertical-align: top; }

#tvopas .emclr { background: #007ec2; }
#tvopas .ch-tv1 .emclr { background:#b21227; }
#tvopas .ch-tv2 .emclr { background:#005957; }
#tvopas .ch-mtv3 .emclr { background:#ff3103; }
#tvopas .ch-nelonen .emclr { background:#1899c4; }
#tvopas .ch-subtv .emclr { background:#c95234; }

#tvopas div.telvislink { text-align: center; }
#tvopas a.arw { background-image: url(/images/tvopas/arw_telvis.gif); padding-left: 16px; }

#filmiopas h1 { margin-bottom: 5px; }

#filmiopas div.moviepg { margin: 0 10px; }

#filmiopas a, div.moviestoday a {
  color: #333;
  text-decoration: underline;
}
#filmiopas a:hover, div.moviestoday a:hover {
  color: #E62008;
}
#filmiopas a.arrow, div.moviestoday a.arrow {
  text-decoration: none;
  background: url(images/nuoli.gif) 0 50% no-repeat;
  padding-left: 13px;
}
#filmiopas a.arrow:hover, div.moviestoday a.arrow:hover {
  text-decoration: underline;
  color: #E62008;
}

/* ==== vj's special */

#filmiopas div.arrows {
  padding-bottom: 2px;
  border-bottom: 1px dotted #BBB; 
  margin-bottom: 2px;
}
#filmiopas a.arrowrev, div.moviestoday a.arrowrev {
  text-decoration: none;
  background: url(images/nuoli_left.gif) 0 50% no-repeat;
  padding-left: 13px;
}
#filmiopas a.arrowrev:hover, div.moviestoday a.arrowrev:hover {
  text-decoration: underline;
  color: #E62008;
}

/* ==== */

div.wholepgblock div.inner {
  background: url(images/filmiopas/topimg.jpg) no-repeat;
  width: 470px; padding: 111px 0 0 0;
}

#filmiopas, #filmiopas table, div.moviestoday {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
  color: #333;
}

#filmiopas  h2 {
  padding: 0; margin: 0; border: none;
}
#filmiopas  form, #filmiopas input.submit {
  padding: 0; margin: 0; border: none; width: auto;
}

#filmiopas div.search {
  margin: 10px 0 20px;
}
#filmiopas div.search h2 {
  display: none;
  /*
  padding: 0; margin: 0; border: none;
  height: 20px; background: #081671; color: white;
  font-size: 15px; padding-top: 3px; padding-left: 10px;
  text-transform: uppercase;
  */
}
#filmiopas div.searchbody {
  position: relative; width: 470px; height: 86px; margin: 0 auto;
  background: url(images/filmiopas/search_bg.gif) no-repeat;
}
#filmiopas div.searchbody img.alphabet {
  position: absolute; top: 56px; left: 145px;
}
#filmiopas div.searchbody select {
  position: absolute; top: 43px; left: 12px; width: 106px; font-size: 12px;
}
#filmiopas div.searchbody input.text {
  position: absolute; top: 33px; left: 141px; width: 269px; height: 20px;
  border: 1px solid #7F9DB9; font-size: 12px;
}
#filmiopas div.searchbody input.submit {
  position: absolute; top: 33px; left: 419px;
}


#filmiopas div.block {
  /* margin-bottom: 10px; moved to clear div */ 
   border-top: 1px solid white; /* ciscumvents extranoeus whitespace bug in IE */
}
#filmiopas div.block h2 {
   float: left; border-top: 1px solid #CCC;
   border-left: 1px solid #CCC; height: 19px;
   background: white; padding-top: 3px; padding-left: 10px; 
   border-right: 1px solid #CCC; margin-bottom: -1px; padding-right: 10px; 
   /*
   background: #081671 url(images/filmiopas/rcorn_dkblu.gif) top right no-repeat;
   color: white; text-transform: uppercase; font-size: 13px;
   height: 19px; padding-top: 2px; padding-left: 10px; padding-right: 31px;
   margin-bottom: -5px;
   */
}
#filmiopas div.block h2, #filmiopas div.block h2 a {
   color: #0D92D7;
   font-family: Arial, Helvetica, sans-serif; font-weight: bold;
   font-size: 14px; text-transform: uppercase;
}
/*
#filmiopas div.block h2.em {
   background-color: #E62008;
   background-image: url(images/filmiopas/rcorn_red.gif);
}
*/
#filmiopas div.block h2 a {
  text-decoration: none;
  background: url(images/nuoli.gif) 0 50% no-repeat;
  padding-left: 12px;
}
#filmiopas div.frontpage div.block h2 {
  width: 140px; padding-right: 0;
}
#filmiopas div.block div.blockbody {
  clear: left; border: 1px solid #CCCCCC;
}

#filmiopas div.block table {
  margin: 0; padding: 0;
  width: 100%;
  border-collapse: collapse;
}
#filmiopas div.block td  {
  margin: 0; padding: 2px 5px 0px;
}
#filmiopas div.block table.div2 td {
  width: 50%;
}
#filmiopas div.block table.div3 td {
  width: 33.33%;
}
#filmiopas div.blockbody a {
  display: block; color: #333;
  background: url(images/nuoli.gif) 5px 50% no-repeat;
  padding: 2px 0 5px 20px; text-decoration: none;
  border-bottom: 1px dotted #BBB;
}
#filmiopas div.blockbody tr.last a {
  border-bottom: none;
}
#filmiopas div.blockbody a:hover {
  text-decoration: underline;
}


#filmiopas div.movielisting {
  margin: 5px;
}
#filmiopas div.block table.movielisting td {
  padding: 0;  border-bottom: 1px dotted #BBB;
}
#filmiopas div.block table.movielisting a, #filmiopas div.block table.movielisting tr.last td {
  border-bottom: none;
}
#filmiopas div.block table.movielisting td.genre {
  width: 100px;
}
#filmiopas div.block table.movielisting td.year {
  width: 50px;
}


#filmiopas div.block div.pagination {
  float: right; margin-top: -1px; height: 21px;
  /* background: url(images/filmiopas/pgn_bg.gif) top left no-repeat; */
  background: white;
  padding-left: 10px; padding-right: 10px;
  border: 1px solid #CCC; border-top: none;
}
#filmiopas div.block div.clear {
  clear: both; height: 10px; overflow: hidden;
}
#filmiopas div.clear.pagination {
  clear: both; height: 1px; overflow: hidden;
}

#filmiopas div.genreboxes div.odd {
  float: left; width: 245px;
}
#filmiopas div.genreboxes div.even {
  float: right; width: 245px;
}
#filmiopas div.genreboxes div.rowclear {
  clear: both; height: 1px; overflow: hidden;
}

#filmiopas div.topblock {
  position: relative; padding-right: 76px; /* ratebar width +10px */
}
#filmiopas div.topblock h2 {
  font-size: 20px;
}
#filmiopas div.topblock h3 {
  font-size: 13px;
}
#filmiopas div.ratebarcont {
  position: absolute; top: 0; left: 385px; width: 66px; height: 15px;
}
#filmiopas div.ratebar {
  margin: auto 0 0 0; width: 66px; height: 15px;
  background: url(images/filmiopas/5stars.gif) top right;
}
#filmiopas div.ratebar span {
  display: none;
}
#filmiopas div.infobar {
  margin-top: 3px;
  border-top: 1px dotted #BBB; 
  padding: 5px 10px 4px; /* clear div adds one pixel for a total of 5 */
  border-bottom: 1px dotted #BBB; 
  margin-bottom: 10px;
}
#filmiopas div.infobar li {
  float: left; list-style: none;  padding-left: 12px; padding-right: 5px;
  background: url(images/filmiopas/asterisk.gif) 0 50% no-repeat;
}
#filmiopas div.infobar div.clear {
  clear: both; height: 1px; overflow: hidden;
}
#filmiopas div.review {
  float: right; width: 216px; padding-right: 10px;
  font-size: 13px;
}
#filmiopas div.imgandpeople {
  float: left; width: 225px;
}
#filmiopas div.imgandpeople img {
  margin-bottom: 10px;
}
#filmiopas div.imgandpeople h4 {
  font-size: 11px; text-transform: uppercase; font-weight: normal;
  padding-bottom: 2px;
  border-bottom: 1px dotted #BBB; 
  margin-bottom: 2px;
}
#filmiopas div.imgandpeople ul {
  list-style: none;
  margin-left: 10px;
  margin-bottom: 10px;
}
#filmiopas div.body div.clear {
  clear: both; height: 1px; overflow: hidden;
}
#filmiopas div.body div.search {
  margin-top: 10px;
  margin-bottom: 20px;
}


div.moviestoday div.movie {
  margin-top: 3px;
  margin-right: 5px;
}
div.moviestoday div.title {
  padding-left: 13px;
} 
div.moviestoday div.title.linked {
  background: url(images/nuoli.gif) 2px 3px no-repeat;
} 
div.moviestoday a {
  text-decoration: none;
}
div.moviestoday a:hover {
  text-decoration: underline;
}
div.moviestoday div.airdetails {
  margin-left: 13px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #BBB;
}


div.bbs#root div.brdcrmb { margin:5px; width:500px;}
div.bbs#root div.brdcrmb, div.bbs#root div.brdcrmb a { color: #888; }
div.bbs#root div.brdcrmb span.current , div.bbs#root div.brdcrmb span.current a {
  color: #; text-decoration: none; }

div.bbs#root h3.vagbord { height: 16px; background-repeat: no-repeat; font-size: 10px;
  padding-bottom: 2px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
div.bbs#root h3.vagbord span { visibility: hidden; }

div.bbs#root h3.vagbord#hd-replytgt { background-image: url(images/hds/bbs_olet_vastaamassa.png); margin-bottom: 10px; }

div.bbs#root div.trd-tree { margin-bottom: 20px; margin-left:10px; }

div.bbs#root div.trd-tree div.pst h4 a { font-size: 12px; color: black; text-decoration: none; }
div.bbs#root div.trd-tree div.pst h4 a:hover { text-decoration: underline; }
div.bbs#root div.trd-tree div.pst a.u { background: url(images/ui/arw__ffffff.png) no-repeat left center;
  padding-left: 12px; text-decoration: none; color: black; }
div.bbs#root div.trd-tree div.pst a.u:hover { text-decoration: underline;  }


div.bbs#root h1.h30bar {width:434px;}
/*
node class logic:
prefix n for node
cu = current selected node
r = is the root node
ch = has children
l = last in current level
*/

div.bbs#root div.trd-tree ul { display: block; margin-left: -10px; }
div.bbs#root div.trd-tree ul ul { margin: 0; }
div.bbs#root div.trd-tree li { display: block; padding-left: 18px;
  background: url(images/bbs/trnd_reg_nochld.gif) 0 1px no-repeat; }

div.bbs#root div.trd-tree div.x { height: 0px; overflow: hidden; }
div.bbs#root div.trd-tree div.x { display: none; }

div.bbs#root div.trd-tree li.nch { background-image: url(images/bbs/trnd_reg_chld.gif); }
div.bbs#root div.trd-tree li.nrch { background-image: url(images/bbs/trnd_reg_root_chld.gif); }
div.bbs#root div.trd-tree li.nl { background-image: url(images/bbs/trnd_last_nochld.gif); }
div.bbs#root div.trd-tree li.nchl { background-image: url(images/bbs/trnd_last_chld.gif); }

div.bbs#root div.trd-tree li.ncu { background-image: url(images/bbs/trnd_cur_nochld.gif); }
div.bbs#root div.trd-tree li.ncur { background-image: none; }
div.bbs#root div.trd-tree li.ncuch { background-image: url(images/bbs/trnd_cur_chld.gif); }
div.bbs#root div.trd-tree li.ncurch { background-image: url(images/bbs/trnd_cur_root_chld.gif); }
div.bbs#root div.trd-tree li.ncul { background-image: url(images/bbs/trnd_cur_last_nochld.gif); }
div.bbs#root div.trd-tree li.ncuchl { background-image: url(images/bbs/trnd_cur_last_chld.gif); }

div.bbs#root div.trd-tree li.ncu,
  div.bbs#root div.trd-tree li.ncur,
  div.bbs#root div.trd-tree li.ncuch,
  div.bbs#root div.trd-tree li.ncurch,
  div.bbs#root div.trd-tree li.ncul,
  div.bbs#root div.trd-tree li.ncuchl { background-position: 0 5px; }

div.bbs#root div.trd-tree div.pst,
  div.bbs#root div.trd-tree li.ncur li div.pst,
  div.bbs#root div.trd-tree li.ncu li div.pst,
  div.bbs#root div.trd-tree li.ncuch li div.pst,
  div.bbs#root div.trd-tree li.ncurch li div.pst,
  div.bbs#root div.trd-tree li.ncul li div.pst,
  div.bbs#root div.trd-tree li.ncuchl li div.pst { margin-left: 13px; padding: 0; background: white; }

div.bbs#root div.trd-tree li.ncu div.pst,
  div.bbs#root div.trd-tree li.ncur div.pst,
  div.bbs#root div.trd-tree li.ncuch div.pst,
  div.bbs#root div.trd-tree li.ncurch div.pst,
  div.bbs#root div.trd-tree li.ncul div.pst,
  div.bbs#root div.trd-tree li.ncuchl div.pst { margin-left: -5px; background: #e9f6fc; padding: 5px; }
div.bbs#root div.trd-tree li.ncu div.pst a.u,
  div.bbs#root div.trd-tree li.ncur div.pst a.u,
  div.bbs#root div.trd-tree li.ncuch div.pst a.u,
  div.bbs#root div.trd-tree li.ncurch div.pst a.u,
  div.bbs#root div.trd-tree li.ncul div.pst a.u,
  div.bbs#root div.trd-tree li.ncuchl div.pst a.u { background-image: url(images/ui/arw__e9f6fc.png) }

body.msg div.bbs#root div.msg { margin:10px 0px;}
body.msg div.bbs#root div.msg div.meta { margin-bottom: 10px; }
body.msg div.bbs#root div.msg div.body { font-size: 12px; margin-bottom: 10px; }
body.msg div.bbs#root div.msg div.ac-grdbx { width: 210px; }

body.msg div.sdbr {margin-top:-30px;}


body.julkkismsg .julkkisdata {margin:10px 0px;}
body.julkkismsg .julkkisdata .entrydata {border-bottom:1px dashed #3b3b3b; margin-bottom:15px; padding-bottom:15px;}
body.julkkismsg .julkkisdata .entrydata p {font-family: Helvetica, Arial, sans-serif; font-size:12px; padding-top:5px;}
body.julkkismsg div.bbs#root div.msg { margin-bottom: 20px; margin-top:10px; margin-left:20px; }
body.julkkismsg div.bbs#root div.msg div.meta { margin-bottom: 10px; }
body.julkkismsg div.bbs#root div.msg div.body { font-family:Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 10px; }
body.julkkismsg div.bbs#root div.msg div.ac-grdbx { width: 210px; }

body.julkkismsg div.sdbr {margin-top:-30px;}

body.julkkismsg h1 {font-size:16px;}


div.bbs#root #grouplist div.i4 { padding: 0 4px 4px; }
div.bbs#root #grouplist div.c { padding: 3px 0; }
div.bbs#root #grouplist ul.lines { border-top: none; }
div.bbs#root #grouplist ul.lines li.last { border-bottom: none; }


div.bbs#root table.threads {margin-left:5px;}

div.bbs#root table.threads .c1 { width: 310px; text-align: left; }
div.bbs#root table.threads .c2 { width: 80px; text-align: center; }
div.bbs#root table.threads .c3 { width: 60px; text-align: center; }
div.bbs#root table.threads .c4 { width: 40px; text-align: center; }

div.bbs#root table.threads th, div.bbs#root table.threads td { font-size: 12px; padding: 2px 1px 2px 15px; }
div.bbs#root table.threads th, div.bbs#root table.threads tr.meta td { border-bottom: 1px solid #ccc;}
div.bbs#root table.threads th { background: #fef200; color: black; font-weight: bold;
  text-align: left; text-transform: uppercase; }

div.bbs#root table.threads tr.msg a.arrow { display:block; font-weight: bold; background: url(/images/ui/icn_arrow.gif) 0 3px no-repeat; color:black; padding-left:15px; text-decoration:none;}

div.bbs#root table.threads th.c1, div.bbs#root table.threads tr.meta td.c1 { padding-left: 30px; }


div.bbs#root div.head-foot#threadlist-head  { padding-bottom: 0; }
div.bbs#root div.head-foot#threadlist-foot { padding-top: 15px; }

div.bbs#root div.head-foot div.fplink { float: left; width: 100px; }
div.bbs#root div.pagination { float: right; width: 200px;}
div.bbs#root div.head-foot div.pgn-in { float: right; }
div.bbs#root div.head-foot div.fplink a.arrow { background-image: url(images/ui/arwrev__ffffff.png); }


div.bbs#root div.info { font-size: 13px; margin: 15px 10px; }
div.bbs#root div.info h2 { margin-bottom: 10px; font-size: 18px; }
div.bbs#root div.info div.stats { float: left; display: inline; }
div.bbs#root div.info div.stats strong { color: #; }
div.bbs#root div.info div.actions { float: right; display: inline; width: 200px; }
div.bbs#root div.info div.actions div.ac-grdbx a { margin-right: 0; }
div.bbs#root div.info div.actions div.ac-grdbx { float: right; width: auto; }


div.bbs#root div.pagination span.lbl, div.bbs#root div.pagination a, div.bbs#root div.pagination strong,
  div.bbs#root div.pagination span.prev, div.bbs#root div.pagination span.next {
  display: inline; float: left; padding: 0 3px 0 3px;}
div.bbs#root div.pagination a, div.bbs#root div.pagination strong,
  div.bbs#root div.pagination span.prev { border-right: 1px solid black; }
div.bbs#root div.pagination span.lbl, div.bbs#root div.pagination a.next { border: none; }

div.bbs#root div.pagination a.prev span, div.bbs#root div.pagination a.next span { display: none; }
div.bbs#root div.pagination .prev, div.bbs#root div.pagination .next { width: 10px; text-decoration: none;
  background: url(images/ui/arwrev__ffffff.png) 50% 50% no-repeat; }
div.bbs#root div.pagination a.next { background-image: url(images/ui/arw__ffffff.png);}
div.bbs#root div.pagination span.prev { background-image: url(images/ui/arwrev__ffffff.png);}
div.bbs#root div.pagination span.next { background-image: url(images/ui/arw__ffffff.png);}

div.bbs#root div.pagination span.lbl { text-transform: uppercase; }

div.bbs#root div.pagination a.p { text-decoration: none; color: black; }
div.bbs#root div.pagination a.p:hover { text-decoration: underline; }
div.bbs#root div.pagination strong { color: black; background: #fef200; }


div.bbs#root .sdbrlist  { margin-top:5px; background: white; }
div.bbs#root .sdbrlist  li { clear: both; border-top: 1px solid #d6d1cf; padding-top: 7px; font-size: 12px; width: 100%; }
div.bbs#root .sdbrlist  a.arrow { float: left; display: inline; margin-left: 5px; padding-left:15px; padding-bottom:7px; width: 200px;
  background: url(/images/ui/icn_arrow.gif) center left no-repeat; background-position: 0 2px; color:black; text-decoration:none; }
div.bbs#root .sdbrlist  span.m { float: right; display: inline; margin-right: 5px; }
div.bbs#root .sdbrlist  div.c { clear: both; overflow: hidden; height: 1px; }


div.bbs#root .thr-lst {margin:0 10px;}
div.bbs#root div.thr-lst h3 { background:#fef200 url(/images/hds/bbs/bbs_viestiketju.png) no-repeat; }

div.bbs#root .threadlist  { margin-top:5px; background: white; }
div.bbs#root .threadlist  li { clear: both; border-bottom: 1px solid #d6d1cf; padding-bottom: 18px; font-size: 12px; width: 100%; }
div.bbs#root .threadlist  a.arw { float: left; display: inline; margin-left: 10px; padding-left:20px; padding-bottom:5px; width: 200px;
  background: url(/images/ui/icn_arrow.gif) center left no-repeat; background-position: 0 2px; color:black; text-decoration:none; }
div.bbs#root .threadlist  span.m { float: right; display: inline; margin-right: 5px; }
div.bbs#root .threadlist  div.c { clear: both; overflow: hidden; height: 1px; }

div.bbs#root .threadlist-blogi  { margin-top:5px; background: white; }
div.bbs#root .threadlist-blogi  li {border-bottom: 1px solid #d6d1cf; margin-bottom:2px; padding-bottom: 2px; font-size: 12px; width: 100%; }
div.bbs#root .threadlist-blogi  a.arw {display:block; margin-left: 10px; padding-left:20px; width: 380px;
  background: url(/images/ui/icn_arrow.gif) center left no-repeat; background-position: 0 2px; color:black; text-decoration:none; }
div.bbs#root .threadlist-blogi  span.m { float: right; display: inline; margin-right: 5px; }
div.bbs#root .threadlist-blogi  div.c { clear: both; overflow: hidden; height: 1px; }

div.bbs#root .msgdivider {margin-bottom: 5px; border-bottom: 1px solid #ccc;}


body.fpg div.bbs#root table.listing .c1 { width: 310px; text-align: left; }
body.fpg div.bbs#root table.listing .c2 { width: 90px; text-align: left; }
body.fpg div.bbs#root table.listing .c3 { width: 60px; text-align: center; }

body.fpg div.bbs#root table.listing th, body.fpg div.bbs#root table.listing td { font-size: 12px; padding: 2px;
  border-bottom: 1px solid #ccc;}
body.fpg div.bbs#root table.listing th.c1{ padding-left: 14px;}
body.fpg div.bbs#root table.listing th.c3{ text-align:right;}
body.fpg div.bbs#root table.listing th { font-weight: normal; text-align: left; text-transform: uppercase; }
body.fpg div.bbs#root table.listing th.msg { padding-left: 14px; width:250px; }
body.fpg div.bbs#root table.listing td.msg a.arrow { display:block; background: url(/images/ui/icn_arrow.gif) 0 3px no-repeat; color:black; padding-left:15px; text-decoration:none;}
body.fpg div.bbs#root table.listing .aut { width: 100px; }
body.fpg div.bbs#root table.listing .crt { width: 80px; text-align: right; padding-right: 5px; }


div.bbs#root .julkkisphoto {float:right; padding:0 5px 10px 5px; margin-right:10px;}
div.bbs#root .blogihead {width:400px;}

/* Julkkisraati css */
#hotornotBox, #commentBox, #forumBox, #topArticlesBox {width: 100%; margin-top: 0px; margin-bottom: 20px; float:left; clear:both;}
#hotornotBox ul, #forumBox ul, #commentBox ul, #topArticlesBox ul {list-style-position: outside; list-style-type: none;}
#hotornotBox p, #forumBox p {margin: 5px 0px; font-size: 12px;}
#hotornotBox ul li, #forumBox ul li, #topArticlesBox ul li {border-bottom: 1px dashed #000; padding: 3px 8px; float:left;  clear: both; width: 100%;}
#hotornotBox ul li a, #forumBox ul li a, #topArticlesBox ul li a {color: #000; text-transform: uppercase; text-decoration: none;}
#hotornotBox ul li a.arw, #forumBox ul li a.arw, #topArticlesBox ul li a.arw {display: block;}
#hotornotBox ul li a:hover, #forumBox ul li a:hover, #topArticlesBox ul li a:hover {text-decoration: underline;}
#hotornotBox ul li.first, #topArticlesBox ul li.first { width: 100%; padding: 10px 0px 0px 0px; overflow: hidden;}
#hotornotBox ul li span.date, #topArticlesBox ul li span.date { color: #bbbbbb; font-size: 90%;}
#hotornotBox ul li span.article, #topArticlesBox ul li span.article {float:left; width:270px;}
#hotornotBox ul li span.article p, #topArticlesBox ul li span.article p {padding-bottom: 10px; font-size: 12px;}
#hotornotBox ul li img, #topArticlesBox ul li img { padding-right: 10px;}
#hotornotBox ul li h2, #commentBox ul li span.boxcontent h2, #topArticlesBox ul li h2 {color: #000; font-weight: normal; font-family: Arial black, Arial; font-size: 22px; text-transform: uppercase; line-height: 22px; }
#hotornotBox ul li h2 a, #commentBox ul li span.boxcontent h2 a, #topArticlesBox ul li h2 a {color: #000; text-decoration:none; letter-spacing: -0.5px;}
#hotornotBox ul li h2 a:hover, #commentBox ul li span.boxcontent h2 a:hover, #topArticlesBox ul li h2 a:hover {text-decoration:none; color:#da1d14;}
#hotornotBox ul li.first span.img, #commentBox ul li#comart1 span.img, #topArticlesBox ul li.first span.img {float:left;margin:0px 10px 10px 0px; height: 100%; width: 135px;overflow: hidden;}
#hotornotBox ul li span.score{float: right; color: #e62008; font-size: 100%; font-weight: bold; clear:right; margin-right: 10px;}
#hotornotBox ul li.first span.score{float: none;color: #e62008; font-size: 110%; font-weight: bold;}
#hotornotBox ul li span.score-neg{float: right; color: #0099e4; font-size: 100%; font-weight: bold; clear:right; margin-right: 10px; }
#hotornotBox ul li.first span.score-neg{float: none;color: #0099e4; font-size: 110%; font-weight: bold;}
#hotornotBox ul li.first span.img img, #commentBox ul li#comart1 span.img img{ margin: 0px 0px 0px 0px; /*height: 120%;*/opacity:1.0;filter:alpha(opacity=100);}
#hotornotBox ul li span.commentCount img {margin: 2px 2px 2px 0px; vertical-align: middle; padding: 0px;}

#commentBox ul li {float: left;}
#commentBox ul li#comart1 span.boxcontent {float:left; width: 270px;}
#commentBox ul li#comart1 span.boxcontent span.commentCount {color: #e62008; font-weight: bold; font-size: 16px;}
#commentBox ul li#comart1 span.boxcontent span.commentCount img {margin: 2px 5px 2px 0px; vertical-align: middle;}
#commentBox ul li.normal span.boxcontent, #commentBox ul li.tiny span.boxcontent {position: absolute; visibility: hidden; width: 275px;}
#commentBox ul li.normal span.img, #commentBox ul li.tiny span.img {float:left;margin:5px 5px 5px 0px; height: 50px;  width: 65px;overflow: hidden; cursor: pointer;}
#commentBox ul li.normal span.img img, #commentBox ul li.tiny span.img img { margin: -10px 0px 0px -5px; width: 80px; /*height: 70px;*/opacity:0.4;filter:alpha(opacity=40);}
#commentBox ul li.normal span.img img:hover, #commentBox ul li.tiny span.img img:hover { /*margin: -10px 0px 0px -10px; width: 80px; height: 70px;*/opacity:1.0;filter:alpha(opacity=100);}
#commentBox ul li.tiny span.img img { margin: -10px 0px 0px -5px; width: 80px; /*height: 70px;*/opacity:1.0;filter:alpha(opacity=100);}
#commentBox ul li.tiny span.img {clear:left;float:left;margin:5px 5px 5px 0px; /*height: 50px;  width: 65px;*/overflow: hidden;}
#commentBox ul li#comart1 {clear: both; width: 100%; margin-bottom: 0px; margin-top: 10px; overflow: hidden;}

#commentBox ul li p { margin: 5px 0px; font-size: 12px; }


#hotornotBox div, #commentBox div, #forumBox div, #topArticlesBox div {background-color: #fff200; color: black; text-transform: uppercase;height: 28px; overflow:hidden;}
#hotornotBox div span.title, #forumBox div span.title, #topArticlesBox div span.title {float: left;margin-left: 5px; font-size: 16px; font-weight: bold; width: 200px; height:20px;}
#hotornotBox div {background: #fff200 url(/images/hds/hotornot_main_hdr.gif) no-repeat top left; }
#hotornotBox div span.title { display: none; }
#hotornotBox div span.buttons, #commentBox div span.buttons, #forumBox div span.buttons {float: right;}
#hotornotBox div span.buttons span, #forumBox div span.buttons span {margin: 5px 5px 3px 0px;float: left; width: 80px; height: 20px; overflow: hidden;}

#topArticlesBox div {padding-top: 2px; height: 26px}

#hotornotBox div span.buttons span.hot-active {margin-top: 9px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; text-align: center;}
#hotornotBox div span.buttons span.hot {color: #fff; font-size: 12px; font-weight: bold; background-color: #da1d14; text-align: center;}
#hotornotBox div span.buttons span.not-active {margin-top: 9px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; text-align: center;}
#hotornotBox div span.buttons span.not {color: #fff; font-size: 12px; font-weight: bold; background-color: #0099e4;  text-align: center;}
#hotornotBox div span.buttons span span {margin-top: 0px;}

#hotornotBox div span.buttons span.hot-active span a {color: #000; text-decoration: none;}
#hotornotBox div span.buttons span.hot span a {color: #fff; text-decoration: none;}
#hotornotBox div span.buttons span.not-active span a {color: #000; text-decoration: none;}
#hotornotBox div span.buttons span.not span a {color: #fff; text-decoration: none;}
#hotornotBox div span.buttons span.hot span a img, #hotornotBox div span.buttons span.hot-active a img { vertical-align: text-bottom; margin: 2px 5px 2px 0px;}
#hotornotBox div span.buttons span.not span a img, #hotornotBox div span.buttons span.not-active a img { vertical-align: text-bottom; margin: 2px 0px 2px 5px;}

#commentBox div span.title {float: left;margin-left: 5px; font-size: 16px; font-weight: bold; width: 100px; height:20px;}
#commentBox div {background: #fff200 url(/images/hds/comments_main_hdr.gif) no-repeat top left; }
#commentBox div span.title { display: none; }
#commentBox div span.buttons span {margin: 5px 5px 3px 0px; float: left; height: 20px; overflow: hidden;}
#commentBox div span.buttons span span {margin-top: 0px;}
#commentBox div span.buttons span.new {color: #fff; font-size: 12px; font-weight: bold; background-color: #0099e4; width: 80px; text-align: center;}
#commentBox div span.buttons span.new-active {margin-top: 9px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; width: 80px; text-align: center;}
#commentBox div span.buttons span.most {color: #fff; font-size: 12px; font-weight: bold; background-color: #0099e4; width: 150px; text-align: center;}
#commentBox div span.buttons span.most-active {margin-top: 9px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; width: 150px; text-align: center;}
#commentBox div span.buttons span.most span, #commentBox div span.buttons span.most-active span {width: 150px; text-align: center;}
#commentBox div span.buttons span.new span, #commentBox div span.buttons span.new-active span {width: 80px; text-align: center;}
#commentBox div span.buttons span.new-active span a {color: #000; text-decoration: none;}
#commentBox div span.buttons span.new span a {color: #fff; text-decoration: none;}
#commentBox div span.buttons span.most-active span a {color: #000; text-decoration: none;}
#commentBox div span.buttons span.most span a {color: #fff; text-decoration: none;}

#forumBox div span.title {float: left;margin-left: 5px; font-size: 16px; font-weight: bold; width: 100px; height:20px;}
#forumBox div {background: #fff200 url(/images/hds/keskustelut_main_hdr.gif) no-repeat top left; }
#forumBox div span.title { display: none; }
#forumBox div span.buttons span {margin: 3px;float: left; height: 20px; overflow: hidden;}
#forumBox div span.buttons span.new {color: #fff; font-size: 12px; font-weight: bold; background-color: #0099e4; width: 80px; text-align: center;}
#forumBox div span.buttons span.new-active {margin-top: 7px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; width: 80px; text-align: center;}
#forumBox div span.buttons span.most {color: #fff; font-size: 12px; font-weight: bold; background-color: #0099e4; width: 120px; text-align: center;}
#forumBox div span.buttons span.most-active {margin-top: 7px; color: #000; font-size: 12px; font-weight: bold; background-color: #fff; width: 120px; text-align: center;}
#forumBox div span.buttons span.most span, #forumBox div span.buttons span.most-active span {width: 120px; text-align: center;}
#forumBox div span.buttons span.new span, #forumBox div span.buttons span.new-active span {width: 80px; text-align: center;}
#forumBox div span.buttons span.new-active span a {color: #000; text-decoration: none;}
#forumBox div span.buttons span.new span a {color: #fff; text-decoration: none;}
#forumBox div span.buttons span.most-active span a {color: #000; text-decoration: none;}
#forumBox div span.buttons span.most span a {color: #fff; text-decoration: none;}

/* Sidebar hotornot box css */
.sdbr #hotornotBox {width: 100%; float:left; clear:both; background-color: #fff; padding-bottom: 5px; border-bottom: 6px solid #ebebeb;}
.sdbr #hotornotBox ul {list-style-position: outside; list-style-type: none; width: 178px; }
.sdbr #hotornotBox ul li {border-bottom: 1px dashed #000; height: auto; background:transparent url(/images/ui/arw.gif) no-repeat scroll 0pt 8px; padding-left: 15px; margin: 0px 8px 0px 8px;}
.sdbr #hotornotBox ul li.firstitem {background: #fff none; padding-top: 10px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold;}
.sdbr #hotornotBox ul li.firstitem span {margin-left: -15px;}
.sdbr #hotornotBox ul li a {text-transform: none;}
.sdbr #hotornotBox div span.title { width: 90px; overflow: visible; text-transform: none; letter-spacing: -1px; display: none;}

.sdbr #hotornotBox ul li span.arrow {margin: 5px; align:left;}
.sdbr #hotornotBox ul li span.arrow img {padding: 0px;}
.sdbr #hotornotBox ul li span.score{float:none; color: #e62008; font-size: 100%; font-weight: bold;}
.sdbr #hotornotBox ul li span.score-neg{float:none; color: #0099e4; font-size: 100%; font-weight: bold; }
.sdbr #hotornotBox div {background: #fff200 url(/images/hds/julkkisraati_sdbr.gif) no-repeat top left; color: black; text-transform: uppercase;height: 28px;}
.sdbr #hotornotBox div span.buttons span.hot, .sdbr #hotornotBox div span.buttons span.hot-active, .sdbr #hotornotBox div span.buttons span.not, .sdbr #hotornotBox div span.buttons span.not-active {width: 55px;}
.sdbr #hotornotBox div span.buttons span.hot-active {margin-top: 9px;}
.sdbr #hotornotBox div span.buttons span.not-active {margin-top: 9px;}

.sdbr #hotornotBox div span.buttons span span {width: 55px;}


.sdbr #topArticlesBox {width: 100%; float:left; clear:both; background-color: #fff; padding-bottom: 5px; border-bottom: 6px solid #ebebeb;}
.sdbr #topArticlesBox ul {list-style-position: outside; list-style-type: none; width: 178px; }
.sdbr #topArticlesBox ul li {border-bottom: 1px dashed #000; height: auto; background:transparent url(/images/ui/arw.gif) no-repeat scroll 0pt 8px; padding-left: 15px; margin: 0px 8px 0px 8px;}
.sdbr #topArticlesBox ul li.firstitem {background: #fff none; padding-top: 10px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold;}
.sdbr #topArticlesBox ul li.firstitem span {margin-left: -15px;}
.sdbr #topArticlesBox ul li a {text-transform: none;}
.sdbr #topArticlesBox div span.title { width: 90px; overflow: visible; text-transform: none; letter-spacing: -1px; display: none;}

.sdbr #topArticlesBox ul li span.arrow {margin: 5px; align:left;}
.sdbr #topArticlesBox ul li span.arrow img {padding: 0px;}
.sdbr #topArticlesBox ul li span.score{float:none; color: #e62008; font-size: 100%; font-weight: bold;}
.sdbr #topArticlesBox ul li span.score-neg{float:none; color: #0099e4; font-size: 100%; font-weight: bold; }
.sdbr #topArticlesBox div {background: #fff200 url(/images/hds/suosituimmat_sdbr.gif) no-repeat top left; color: black; text-transform: uppercase;height: 28px;}
.sdbr #topArticlesBox div span.buttons span.hot, .sdbr #hotornotBox div span.buttons span.hot-active, .sdbr #hotornotBox div span.buttons span.not, .sdbr #hotornotBox div span.buttons span.not-active {width: 55px;}
.sdbr #topArticlesBox div span.buttons span.hot-active {margin-top: 9px;}
.sdbr #topArticlesBox div span.buttons span.not-active {margin-top: 9px;}

.sdbr #topArticlesBox div span.buttons span span {width: 55px;}

div.cmtAbuse-comment div.ac-grdbx-comment {width: 180px; padding-left: 15px; float:right; background: url(images/ui/tinyarrow.gif) no-repeat center left; }
div.cmtAbuse-comment div.ac-grdbx-comment a {color: #000; text-decoration: none;}

#notice.normal {padding: 10px 0;  }
#notice.normal span, #notice .box span {font-weight: bold; color: #F7112C;  }
#notice.box {position: absolute; background-color: #fff; width: 460px; height: 220px; border: 1px solid #ff0000; padding: 40px 10px 10px 10px; top: 0; left: 0; font-size: 140%; opacity:0.9;filter:alpha(opacity=90) }
#notice.box #close {cursor: pointer; padding: 0 1px; font: normal normal bold 17px Tahoma; line-height: 15px; display:block; position: absolute; top: 0; right: 0; border-width: 0 0 1px 1px; border-style: solid; border-color: #F7112C;}
#notice.normal #close {display: none;}


div.fp-box {margin-bottom:15px; overflow:hidden;}
div.fp-box div.fp-image {float:left; margin-right:10px;}
div.fp-box div.fp-txt {float:left; width:350px; overflow:hidden;}
div.fp-box div.fp-txtempty {float:right; min-width:250px; overflow:hidden;}

div.mainos {background:#f3f3f3; padding:10px; border-bottom:5px solid #e7e7e7;}

span.datetime {font-size:11px; font-family:Helvetica, Arial, sans-serif; color:#b2b2b2;}
div.fp-ingress {font-size:12px; font-family:Helvetica, Arial, sans-serif; margin-top:4px;}


body.ftpg div.search-form {position:relative; width:698px; margin-left: 0px; height:34px; background: /*#da1d14*/ url(/images/stbx/new_header_search.png) no-repeat; margin-top: 110px;}
body.ftpg div.form-container {position:absolute; right:10px; top:6px; width:220px; height:25px;}
input.searchfield {width:165px; height:16px; background:#fff url(/images/stbx/new_search_magnify.gif) no-repeat 5px 5px; padding-left:20px; padding-top:3px; font-size:13px; border:1px solid #cccccc; }
body.ftpg div.fprss {position:absolute; left:280px; top:4px; width:150px; height:20px;}
body.ftpg div.fprss a {display:block; text-decoration:none;}
body.ftpg div.fprss a span {visibility:hidden;}
body.ftpg div.fpjuoru {position:absolute; left:120px; top:4px; width:120px; height:20px;}
body.ftpg div.fpjuoru a {display:block; text-decoration:none;}
body.ftpg div.fpjuoru a span {visibility:hidden;}

a.artImage img, .artImage img {margin-right:10px;}
a.reglink {text-decoration:none; color:#000;}
a:hover.reglink {text-decoration:underline;}


div.seemore {margin-top:10px;}
span.seemore {font-size:11px; display:block; border-bottom:1px dashed #3B3B3B; margin-bottom:3px; padding-bottom:3px;}
ul.smore {font-size:12px;}
ul.smore li {background: url(images/ui/arw.gif) no-repeat scroll 0pt 3px; border-bottom:1px dashed #3B3B3B; margin-bottom:3px; padding-bottom:3px;}
ul.smore li a {display:block; padding-left:15px; }
a.arwfp span.videoinclude {width:50px; background:url(/images/ui/box_video.gif) 88% 80% no-repeat; padding-left:45px;}

div.fp_mega {background:#3b3b3b url(/images/stbx/new_fp_mega_bg.png) top left repeat-x; padding:10px 10px 10px 10px;}
div.homebox {display:block; position:relative;}
div.homesec {padding:2px 15px 0px 3px; height:11px; display:inline; background:#da1e13 url(/images/stbx/new_fpsec_arrow.gif) 95% 50% no-repeat;}
div.backup {position:absolute; right:1px; top:1px; width:38px; height:12px; background: url(/images/misc/new_toparrow.gif) 1px 5px no-repeat;}
div.backup a {padding-left:8px; font-size:10px; color:#000; text-decoration:none;}

div.homesec a {color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}

div.sdbrbox {background:#ffffff; border-bottom:6px solid #2c2c2c; padding-bottom:10px;}
div.fp_tahtis {padding:8px;}
div.fp_tahtis_img {width:204px; height:158px; overflow:hidden;}
div.fp_tahtis_txt {margin-top:8px;}

div.hotornot {position:relative;}
div.hotornot .hontxt {display:inline; position:absolute; top:4px; left:5px; width:73px; height:15px; font-family:Helvetica, sans-serif; font-size:10px;}
div.hotornot .honicons {display:inline; position:absolute; top:1px; left:80px; width:100px; height:15px;}
div.hotornot .honicons span {margin-left:3px;}

div.addonlinks {position:absolute; right:5px; top:7px; width:230px; height:20px;}
div.addonlinks ul.addonlinks li {display:inline;}
div.addonlinks ul.addonlinks li.tell-friend {background: url(/images/misc/new_icon_letter.gif) 100% 50% no-repeat; }
div.addonlinks ul.addonlinks li.tell-friend a {text-decoration:none; color:#000; text-transform:uppercase;padding-right:20px;}
div.addonlinks ul.addonlinks li.tell-friend a:hover {text-decoration:underline;}
div.addonlinks ul.addonlinks li.comment {margin-left:10px; background: url(/images/misc/new_icon_bubble.gif) 100% 80% no-repeat;}
div.addonlinks ul.addonlinks li.comment a {text-decoration:none; color:#000; text-transform:uppercase;padding-right:20px;}
div.addonlinks ul.addonlinks li.comment a:hover {text-decoration:underline;}

div.mag-archive {padding:0px 10px;}
div.one-forth {float:left; margin-left:11px; margin-bottom:19px;}
div.one-forth-first {float:left; margin-bottom:19px;}
div.one-forth img, div.one-forth-first img {width:159px; height:213px;}
div.mag-archive div.mag-title {text-align:center; margin-top:5px;}
div.mag-tilaa {position:relative; font-size:25px; display:block; border-bottom:1px dashed #3b3b3b; margin-bottom:15px; padding-bottom:10px;}
div.mag-tilaa span {position:absolute; right:10px; top:-30px; width:146px; height:30px;}
div.blocker {position:relative; display:block; height:20px; border-bottom: 1px dashed #3b3b3b; margin-bottom:5px;}

div.fp-poll {padding:5px; font-family:Helvetica, Arial, sans-serif; font-size:12px; }
div.fp-poll ul.rs li {display:block; background:#f6f6f6; margin-bottom:2px;}
div.fp-poll h3 {line-height:1em; margin-bottom:3px;}
div.fp-poll ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
div.fp-poll ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
div.fp-poll ul.rs span.pc { padding-left: 5px; }
div.fp-poll ul.rs span.gb span.pc { padding-right: 5px; }
div.fp-poll ul.rs li.top span.gr { background: #fce8e6; }
div.fp-poll ul.rs li.top span.gb { background: #e62008; }
div.fp-poll ul.rs li.sel { font-weight: bold; }
div.fp-poll ul.pl li {display:block; background:#f6f6f6; margin-bottom:2px; padding:2px 0px; line-height:1em; }
div.fp-poll ul.pl a { float: left; text-decoration:none; color:#000; }
div.fp-poll ul.pl a:hover {text-decoration:underline;}

div.cont-poll {background:#fff200;padding:5px; margin-bottom:10px; font-size:12px;}
div.cont-poll div.cont-poll-inner {background:#ffffff; padding:6px;}
div.cont-poll-inner div.img-container {float:left; width:143px; overflow:hidden;}
div.poll-container h3 {margin-bottom:4px;}
div.poll-container ul.rs span.gr { background: #e5f4fc; display: block; font-weight: bold; margin-top: 1px; }
div.poll-container ul.rs span.gb { float:left; display: inline; background: #0095df; text-align: right; color: white; }
div.poll-container ul.rs span.pc { padding-left: 5px; }
div.poll-container ul.rs span.gb span.pc { padding-right: 5px; }
div.poll-container ul.rs li.top span.gr { background: #fce8e6; }
div.poll-container ul.rs li.top span.gb { background: #e62008; }
div.poll-container ul.rs li.sel { font-weight: bold; }
div.poll-container ul.pl li {display:block; background:#f6f6f6; margin-bottom:2px; padding:2px 0px; }
div.poll-container ul.pl a { float: left; text-decoration:none; color:#000; }
div.poll-container ul.pl a:hover {text-decoration:underline;}

div.articlein {width:400px; margin:0 auto; font-size:12px;}
div.articlein h3 {font-size:14px;}

div.tt-navi .blockTitle {background-color: #ebebeb; height: 28px; overflow: hidden; width: 100%; margin-bottom:10px;}
div.tt-navi .blockTitle div.inactive {float: left; margin: 5px 2px 0px 5px; height: 21px; width: 70px; background-color: #0099e4; overflow: visible; text-align: center}
div.tt-navi .blockTitle div.active {float: left; margin: 7px 2px 0px 5px; height: 21px; width: 70px; background-color: #fff; overflow: visible; text-align: center}
div.tt-navi .blockTitle div.inactive div {margin: 5px 15px 0px 15px; color: #fff; font-size: 12px; height: 12px; white-space: nowrap; }
div.tt-navi .blockTitle div.active div {margin: 5px 15px 0px 15px; color: #000; font-size: 12px; height: 12px; white-space: nowrap; }
div.tt-navi .blockTitle div.inactive div a { color: #fff; text-decoration: none; }
div.tt-navi .blockTitle div.active div a { color: #000; text-decoration: none; }


div.search-results {position:relative;}

div.search-results div.form-container-page {position:relative; height:55px; margin:20px 0px; background:#f6f6f6; border-top:1px dashed #3b3b3b; border-bottom:1px dashed #3b3b3b; padding:10px 0px;}

div.form-container-page div.search-bx-1 {position:absolute; top:10px; left:10px; width:180px; height:50px;}
div.form-container-page div.search-bx-2 {position:absolute; top:10px; left:205px; width:170px; height:50px;}
div.form-container-page div.search-bx-sbt {position:absolute; top:25px; left:385px; width:41px; height:30px;}
div.form-container-page div.bigtext {font-size:16px; font-family:Arial, sans-serif; margin-bottom:3px;}
div.form-container-page input.search-bx {width:165px; border:1px solid #9ea2a5; background:#FFFFFF url(/images/stbx/new_search_magnify.gif) no-repeat scroll 5px; font-size:13px; height:16px; padding:2px 0 2px 20px;}
div.form-container-page select.search-bx-short {width:155px; background:#fff; border:1px solid #9ea2a5; font-size:13px; height:20px; padding:2px 0 2px 0px;}
div.result-meta {font-size:18px; font-family:Arial, sans-serif; border-bottom:1px dashed #3b3b3b; margin-bottom:5px; padding-bottom:5px;}
div.resultdata {border-bottom:1px dashed #3b3b3b; margin-bottom:5px; padding-bottom:5px;}
div.resultdata div.search-result-img {float:left; width:67px; height:53px; overflow:hidden;}
div.resultdata div.search-result-img img {width:120%; height:120%; overflow;hidden;}
div.resultdata div.search-result-data {float:right; width:355px;}
div.resultdata div.search-result-data h3 a {text-transform:uppercase; text-decoration:none; color:#000;}
div.resultdata div.search-result-data h3 a span {color:#e61f07;}
div.resultdata div.search-result-data h3 a:hover {text-decoration:underline;}
div.resultdata div.search-result-data div.meta {color:#a9a9a9; font-size:11px;}
div.resultdata div.search-result-data div.content {font-size:12px; color:#000;}
div.resultdata div.search-result-data div.content a {text-decoration:none; color:#000;}
div.resultdata div.search-result-data div.content a:hover {text-decoration:underline;}
div.resultdata div.search-result-data div.content a span {color:#e61f07; font-weight:bold;}

div.pagination-search {margin:10px 0px; text-align:center;}
div.pagination-search a { text-decoration: none; color:#000; font-size:12px;}
div.pagination-search a.next {right: 0px; text-align:right; }
div.pagination-search a.p, div.pagination span, div.pagination b { padding: 2px 2px; }
div.pagination-search a.prev {left: 0px; text-align:left; }
div.pagination-search a:hover { text-decoration: underline; }
div.pagination-search div.p { display: inline; }
div.pagination-search span.current, div.pagination b { padding: 2px 5px; font-weight: bold; color: white; background: #c62c24; }
div.pagination-search span.prev, div.pagination span.next { display: none; }
* html div.pagination-search { height: 1px; }

div.fullwide {margin:0px 10px;}
div.cutter {width:100%; height:5px; border-bottom:1px dashed #3b3b3b; margin-bottom:10px;}

div.til-magcont {float:left; width:221px; height:295px; overflow:hidden; margin-top:10px;}
div.til-txtcont {margin-top:10px; width:445px; float:right;}

div.til-boxcontainer {width:443px; margin-bottom:10px; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
div.til-boxcontainer div.yellow-top {width:443px; height:8px; background: url(/images/misc/tja_yellow_top.png) top left no-repeat;}
div.til-boxcontainer div.yellow-bot {width:443px; height:8px; background: url(/images/misc/tja_yellow_bottom.png) bottom left no-repeat;}
div.til-boxcontainer div.yellow-cent {width:411px;background:#fff200; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px 15px;}

div.til-boxcontainer div.white-top {width:443px; height:8px; background: url(/images/misc/tja_white_top.png) top left no-repeat;}
div.til-boxcontainer div.white-bot {width:443px; height:8px; background: url(/images/misc/tja_white_bottom.png) bottom left no-repeat;}
div.til-boxcontainer div.white-cent {width:411px;background:#fff; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px 15px;}

div.til-boxcontainer div.grey-top {width:443px; height:8px; background: url(/images/misc/tja_grey_top.png) top left no-repeat;}
div.til-boxcontainer div.grey-bot {width:443px; height:8px; background: url(/images/misc/tja_grey_bottom.png) bottom left no-repeat;}
div.til-boxcontainer div.grey-cent {width:411px;background:#f5f4f4; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px 15px;}

div.txt-add {position:relative; width:414px; height:36px; background: url(/images/misc/bg_txt_add.gif) bottom left no-repeat; margin:0 auto;}
div.txt-add .posicent {position:absolute; left:100px; top:8px; width:250px; height:20px; }
div.txt-add .posicent a {text-decoration:none; color:#000; font-size:12px;}
div.txt-add .posicent a:hover {text-decoration:underline;}


div.art-thumb-img {width:480px; overflow:hidden; margin:10px 0px;}
div.art-thumb-img div.tt-thumb-box-first {float:left; width:148px; height:105px; overflow:hidden; margin-bottom:10px;}
div.art-thumb-img div.tt-thumb-box {float:left; width:148px; height:105px; overflow:hidden; margin-left:10px; margin-bottom:10px;}

#topbar .juttuvinkki {height:68px; left:160px; position:absolute; top:30px; width:70px; background:url(/images/misc/juttuvinkki.gif) top left no-repeat; z-index:4;}
#topbar a.juttu {display:block; width:109px; height:105px;}
#topbar a.juttu span  { display: none; }