
@import url(common.css);

div.c {clear:both;}

div.fpg-center {
  float: left; width: 372px; margin-top:10px;
}


div.article {
  padding-bottom: 5px;
  border-bottom: 1px solid #E9E8E8;
  margin-bottom: 5px;
  float:left;
}


div.main-intro { margin-bottom: 10px; margin-left:3px;}
div.main-img { margin-bottom: 5px; }
div.main-intro li { margin-left: 20px; }

div.fpgbox {
  width: 182px; margin-bottom: 6px; font-size: 11px;
  background: url(images/frontpage/box-bg-mid.gif) repeat-y;
}
td.c2 div.fpgbox { margin-left: 6px;}
div.fpgbox div.i2 {
  background: url(images/frontpage/box-bg-top-new.gif) no-repeat;
}
div.fpgbox div.i3 {
  background: url(images/frontpage/box-bg-bot-new.gif) left bottom no-repeat;
  padding: 7px 6px; height: 180px; 
}
div.fpgbox h2 {
  font-size: 14px;
  margin-bottom:0px;
}
div.fpgbox h2 a {
   display: block; text-decoration: none;
   background: right top no-repeat;
   margin-top:3px;
}

div.fpgbox p {
  margin-top: 3px; font-size:11px;
}

div.poll {
  width: 192px; font-size: 11px; background: url(images/frontpage/poll-mid.gif) repeat-y; margin-bottom: 20px;
}
div.poll h2 {
  display: block; height: 29px; background: url(images/frontpage/poll-top.gif) no-repeat;
}
div.poll h2 span {
  display: none;
}
div.poll div.i2 {
  background: url(images/frontpage/poll-bot.gif) left bottom no-repeat;
}
div.poll div.content {
  padding: 2px 7px 7px;
}
div.poll ul.options { margin-bottom: 5px; }
div.poll div.question, div.poll ul.options li {
  padding: 3px;
  border-bottom: 1px solid #E9E8E8;
}

ul.options li a.arrow {display:block;}

div.poll div.graph-cont {
  float: left; width: 105px;
}
div.poll div.graph-bar {
  margin-top: 4px; height: 7px; overflow: hidden; background: #FF6501;
}
div.poll div.percent-cont {
  float: right;
}
div.poll div.answeredblock { text-align: center; }

div.fpnosto {position:relative; width:556px; height:259px; margin-top:-2px; border:1px solid #e9e8e8;}
div.topleft {position:absolute; left:-1px; top:-1px; width:3px; height:3px; background: url(images/frontpage/tleft.gif) no-repeat;}
div.topright {position:absolute; right:-1px; top:-1px; width:3px; height:3px; background: url(images/frontpage/tright.gif) no-repeat;}
div.bottomleft {position:absolute; left:-1px; top:257px; width:3px; height:3px; background: url(images/frontpage/bleft.gif) no-repeat;}
div.bottomright {position:absolute; right:-1px; top:257px; width:3px; height:3px; background: url(images/frontpage/bright.gif) no-repeat;}
div.topskin {position:absolute; right:15px; top:25px; width:275px; height:200px; color:#000000; font-size:14px;}
div.bottomskin {position:absolute; left:15px; top:130px; width:526px; height:117px; color:#000000;}
div.topskinwhite {position:absolute; right:15px; top:25px; width:275px; height:200px; color:#ffffff; font-size:14px;}
div.bottomskinwhite {position:absolute; left:15px; top:130px; width:526px; height:117px; color:#ffffff;}

#cont-sidebar-left {
  float: left; margin-top: 280px; width: 192px;
}
#cont-sidebar-left div.inner {
  margin-left: 1px;
}


#cont-sidebar-left div.i2 {
  width:192px; background: url(/images/frontpage/poll-bot.gif) left bottom no-repeat !important;
}
#cont-sidebar-left div.box {
  width: 192px; font-size: 11px; background: url(images/frontpage/poll-mid.gif) repeat-y; margin-bottom: 20px;
}

#log-in-out {width:192px !important;}

div.section-picks div.fpgboxia h2 {
  width:180px; height:28px;
  background-image: url(/images/frontpage/palstat.gif);
}

div.section-picks div.fpgboxia h2 span {display:none;}

div.section-picks div.box p {
  margin-top: 5px;
}

div.sdbrbox div.sdbrtext {float:left; width:125px;font-size:11px;}
div.sdbrbox div.sdbrtext a {text-decoration:none;}
div.sdbrbox div.sdbrtext a:hover {text-decoration:underline;}

div.sdbrbox div.sdbrarrow {float:left; width:45px; height:38px; background: url(/images/frontpage/greyarrow.gif) top left no-repeat;}
div.divider {width:170px; height:2px; border-bottom:1px solid #e9e8e8; padding-bottom:4px; margin-bottom:4px;}

div.readmore {margin-top:10px;}
a.rdmr {display:block; width:78px; height:18px; background: url(/themes/default/arror-luelisaa.gif) top left no-repeat;}
a.rdmr span {display:none;}

h1.toppertitle {margin-bottom:0px; padding-bottom: 0;font-size: 28px; line-height:0.9em; color:#000000;}
h1.toppertitlewhite {margin-bottom:0px; padding-bottom: 0;font-size: 28px; line-height:0.9em; color:#ffffff;}

h2.topper {margin-bottom:0px; font-size: 16px;display: block; text-transform:capitalize; color:#000000;}

h2.topperwhite {margin-bottom:0px; font-size: 16px;display: block; text-transform:capitalize; color:#ffffff;}

h3.fpsidebar {font-size: 14px;display: block; text-transform:uppercase;}

.sIFR-active h1.toppertitle, .sIFR-active h2.topper, .sIFR-active h3.fpsidebar {visibility: hidden; font-family: Verdana; line-height: 1em; text-transform:capitalize;}

.sIFR-active h1.toppertitle {margin-bottom:0px; padding-bottom: 0;font-size: 28px; line-height:0.9em;}

.sIFR-active h2.topper {margin-bottom:0px; font-size: 16px;display: block; text-transform:uppercase;}
.sIFR-active h2.topperwhite {margin-bottom:0px; font-size: 16px;display: block; text-transform:uppercase;}

.sIFR-active h1.toppertitlewhite {margin-bottom:0px; padding-bottom: 0;font-size: 28px; line-height:0.9em;}



.sIFR-active h3.fpsidebar {margin-bottom:0px; padding-bottom: 0;font-size: 14px; text-transform:capitalize;}


div.kerro {
  width: 182px; font-size: 11px; background: url(images/frontpage/kerro-mid.gif) repeat-y; margin-bottom: 20px;
}
div.kerro h2 {
  display: block; height: 29px; background: url(images/frontpage/kerro-top.gif) no-repeat;
}
div.kerro h2 span {
  display: none;
}
div.kerro div.i2 {
  background: url(images/frontpage/kerro-bot.gif) left bottom no-repeat;
}
div.kerro div.content {
  padding: 2px 7px 7px;
}

div.article div.basic-form {
  width: 310px; 
  margin: 20px 0px;
}
div.article div.basic-form h3 {
  display: block;
  margin: 20px 0 10px;
}
div.article div.basic-form label {
  margin: 0;
  display: block;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 2px;
}
div.article div.basic-form input.text {
  padding: 1px; border: 1px solid #888;
  width: 300px;
}
div.article div.basic-form input.smalltext {
  padding: 1px; border: 1px solid #888;
  width: 30px;
}
div.article div.basic-form div.checkboxcont {
  width: 300px;
}
div.article div.basic-form div.checkbox {
  float: left; width: 20px; padding-top: 5px;
}
div.article div.basic-form div.checkboxcont label {
  float: right; width: 270px;
}
div.article div.basic-form div.checkboxcont div.clear {
  clear: both; height: 1px; overflow: hidden;
}
div.article input.submit {
  margin-top: 20px;
}
div.article div.basic-form textarea {
  width: 300px;
}
div.article div.basic-form p.marketing-note {
  font-size: 11px; margin: 20px 0px;
}

div.imgblock {margin-bottom:10px; margin-left:5px;}

td.mainadd { padding:14px 0px 20px;}
td.mainadd .ilmoitus { width:300px; height:250px; background:#000; }
