/* body, *, html { */
body, p, div, h1, h2, h3, h4, h5, ul, ol, html, form, input, select {
	margin: 0; padding: 0;
}

.clear {
	clear: both;
}
.clearfloat {
  clear:both;
  height:1px;
  overflow:hidden;
}

IMG {
	border: 0;
}

/* SISÄLTÖALUEEN PALSTOJEN PERUSMÄÄRITELMÄT */
#primary, #secondary, #bonus {
	width: 200px;  padding-bottom: 30px;
}

#bonus {
	border-right: 1px solid #dadada;
	width: 153px;				
}
#secondary {
	width: 250px;
	width: 150px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #cbdae1;
}
#primary {
	width: auto;
}
#content {
	width: 800px;
}

/* FOOTERIN MÄÄRITELMÄT */

#cartoon_bottom {
	width: 800px;
	padding-top: 8px;
}

#banner_bottom {
	width: 800px;
	text-align: center;
	padding-top: 8px;
}
 
#footer {
	margin-top: 0px;
	background: url(../images/raidoitus_ala.gif) no-repeat top left;
}

/* HEADERIN MÄÄRITELMÄT */

#header {
	width: 800px;
	margin-top: 0px;
}

/* Yläsinisen määritykset */
.header_info { height: 20px; padding: 0 13px;}
.header_info .julkaisijatiedot { float: right;}
.header_info .paivyritiedot { float: left; }

/* Logoalueen (mukaanlukien hakukenttä) määritykset */
.esaimaa_logo { float: left; margin-left: 15px; margin-top: 15px;}
.rss_feed { float: right; margin-top: 12px; margin-right: 15px;	 }

.seepra_logo { float: right; margin-top: 12px; margin-right: 15px; }

form#hakulomake { width: 300px;float: left; margin-top: 8px; text-align: right;}
.hakulomake_hakunappi { float: right; margin-top: 2px;}
.hakulomake_hakuvalinta { vertical-align: top; }
.hakulomake_hakuvalinta label { margin-right: 14px; }
.hakuvalinta_google { position: relative; top: 5px;}
#hakulomake .radio { margin-right: 2px; }
#hakulomake .text { width: 220px; }

/* Menumääritykset */

#menu1 ul {
	list-style: none;
	float: left;
	margin-top: 10px;
}
#menu1 ul li {
	float: left;  margin-left: 7px;
}

#menu1 ul li a {
	display: block;
	padding: 0 10px;
	float: left;
}

#menu2 { width: 800px; }
#menu2 ul {
	list-style: none;
	float: left;
}
#menu2 ul li {
	float: left;  margin-left: 1px;
}

#menu2 ul li a {
	display: block;
	padding: 0 9px;
	float: left;
}

#menu2 .menuikoni { margin-left: 17px; padding-right: 17px; height: 21px; margin-top: 2px; border-right: 1px solid #000000; float: left;}

/* VASEMMAN PALSTAN MÄÄRITYKSET */

.s_block { width: 150px;}
.s_block_header h1 { height: 21px; padding-left: 8px;}
.s_block_subheader { padding: 0 7px 0 7px; }

.s_content { padding: 7px 5px; }
.s_content p { padding-bottom: 3px; }
.s_linkPadding { padding-bottom: 0px; margin-bottom: 0px;}

.s_kuva { width: 232px; }
.s_kuva img { display: inline; }

ul.s_lista { list-style-type: square; list-style-position: inside;}

ul.nonmarker { list-style-type: none; list-style-position: inside;}

ul.ilmoittajat li { margin-bottom: 6px;}

/* KESKIMMÄISEN PALSTAN MÄÄRITYKSET */

.p_block p { margin-bottom: 1em; }
.p_block_header h1 { height: 21px; padding-left: 7px; margin-bottom: 7px; }

.p_content { padding: 0 7px 7px 7px; }
.p_content ul { list-style-type: square; list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
.p_content ul li, .p_content ol li { margin: 0 0 3px 8px; }
.p_content ol { list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
.p_linkPadding { padding-bottom: 0px; margin-bottom: 0px;}

.p_kuva { width: 351px; text-align: center; }
.p_kuva img { display: inline; }
.p_pienikuva { float: left; margin: 0 0.8em 0 0;}

ul.p_lista { list-style-type: square; list-style-position: inside; margin-bottom: 1em;}

h2.valja { margin: 0.7em 0; }

ul.online { padding-bottom: 10px; }
ul.online li { margin-bottom: 4px; }

.lisalinkit_ala .linkki { float: right; padding-left: 20px;}
.lisalinkit_ala { margin-top: 10px; }

.lisalinkit_ikonit .linkki { float: right; padding-left: 5px;}
.lisalinkit_ikonit { margin-top: 10px; }

.commentContent { padding-bottom: 0; }

/* OIKEAN PALSTAN MÄÄRITYKSET */

.b_block { width: 153px;}
.b_block_header h1 { height: 21px; padding-left: 7px; margin-bottom: 7px; }

.b_content { padding: 0 5px 7px 5px ; }
.b_content p { padding-bottom: 5px; }
.b_linkPadding { padding-bottom: 0px; margin-bottom: 0px;}
.b_kuva { width: 137px; }
.b_kuva img { display: inline; }

ul.b_lista { list-style-type: square; list-style-position: inside; margin-bottom: 1em;}

ul.nonmarker { list-style-type: none; list-style-position: inside;}

/* BREAKING NEWS -LAATIKON MÄÄRITYKSET */

.bn_kuva { float: left; margin-right: 10px; }
.bn_block h1 { height: 21px; padding-left: 7px;}
.bn_content { padding: 5px; }
.bn_content p { margin-top: 5px;}
.bn_kuvateksti { width: 72px; }

.bn_block { border: 1px solid red; }

td#breaking { padding: 0 0 2px 0; }

/* uutislista */

/* ul.news-list, ul.news-list-lock, ul.news-main-list, ul.news-list-separator { */
ul.news-list {
  padding: 0px;
  margin: 0px 0px 0px 8px;
}

ul.news-list li.news-list {
  list-style-image: url(../pics/li_news.gif);
  list-style-position: outside;
  padding: 0px;
  margin: 0px 0px 2px 8px; 
  /* list-style-type: none; */
}

/* uutislista - etusivu v2 */
h2.news-list {
  font-size: 2.0em;
}
h3.news-list {
  font-size: 1.4em;
}

a.news-list:link, ul.news-list a:link {
  color: black;
  text-decoration: none;
}
ul.news-list a:visited {
  color: #888;
  text-decoration: none;
}
ul.news-list a:hover {
  text-decoration: underline;
}

ul.news-list small {
  color: #888;
  font-size: 0.7em; 
}
.front-news-list {
  height:1%; /* Fix for MSIE peekaboo bug */

/*  border: 1px solid red; */
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.front-news-list-author {
  color: #888;
  font-size: 0.9em; 
  line-height: 1em;
  margin: 10px 0px;
}
.front-news-list h4 {
  color: #888;
}

a.news-list:link, .front-rss-list a:link {
  text-decoration: none;
}
a.news-list:hover, .front-rss-list a:hover {
  text-decoration: underline;
}
a.news-list:visited, .front-rss-list a:visited {
  color: #666;
  text-decoration: none;
}
.front-rss-list small {
  color: #666;
}

/* Tekstarilista */

ul.tekstarit {
  margin-left: 20px;
}

/* E-KORTIT MÄÄRITYKSET */

DIV.ecard {
	width: 167px;
	text-align: center;
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
}
DIV.ecardDetail, DIV.ecardFormBox {
	width: 504px;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0;
}
DIV.ecard IMG, DIV.ecardDetail IMG {
	padding: 1px;
}
DIV.ecardFormBoxInner {
	text-align: left;
	padding: 10px 30px 10px 30px;
}







/* UUTISET SIVU */ /* MUISTA EROTELLA STYLET MUIHIN FILEIHIN */

DIV.caption{
	background-color: #F4F4F4;
	padding: 10px;
	margin: -5px 0 15px 0;
	font-size: 0.9em;
}

DIV.newscontent H3{
	font-size: 14px;
	font-weight: bold;
}

DIV.newscontent H4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom:0;
}

DIV.boxRight{
	float: right;
	display: inline;
	clear: right;
	margin-left: 10px;
}

DIV.boxRightBlock{
	float: right;
	clear: right;
	margin-left: 10px;
}

IMG.boxRightBlock{
	float: right;
	clear: right;
	margin-left: 10px;
}

DIV.boxLeft{
	float: left;
	display: inline;
	clear: left;
	margin-right: 10px;
}

DIV.yellowBox{
	border: 1px solid #EBEBEB;
	width: 146px;
	font-size: 0.9em;
	line-height: 1em;
	margin-bottom: 10px;
}

DIV.yellowBoxContent{
	background-color: #fff;
	padding: 5px 2px 2px 2px;
}

DIV.yellowBoxContent IMG{
	margin-bottom: 5px;
}

DIV.yellowBoxContent P{
	font-size: 0.9em;
	margin: 0 2px 7px 2px;
}

DIV.yellowBox H5{
	background: #F4F4F4;
	text-align: center;
	font-size: 1em;
	line-height:1em;
	padding: 5px 0 5px 0;
}

UL.facts {
	margin-left: 5px;
}

UL.facts LI{
	margin-bottom: 6px;
	padding-left: 15px;
	background: transparent url(../img/elems/icon_listbullet.gif) no-repeat 0 0.5em;
}

DIV.imageBox{
	width:140px;
	margin-bottom: 5px;
}
DIV.imageBoxWide{
	margin-bottom: 5px;
}

DIV.imageBox IMG, DIV.imageBoxWide IMG{
	margin-bottom: 5px;
}

DIV.imageBox P, DIV.imageBoxWide P{
	font-weight: normal;
	font-size: 0.9em; line-height: 1em;
	margin:0 2px 5px 3px;
}

DIV.imageBox P SPAN, DIV.imageBoxWide P SPAN{
	display: block;
	font-weight: normal;
}

DL.opinionList{
	font-size: 1em;
}

DL.opinionList IMG{
	display:inline;
}

DL.opinionList SPAN.redBox{
	text-align: center;
	line-height: 10px;
	background-color: #C4161D;
	display:block;
	float: left;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 10em;
	padding: 1px 1px 3px 1px;
	margin: 1px 10px 3px 0;
	clear:both;
}* HTML DL.opinionList SPAN.redBox {
	margin: 1px 10px 0 0;
}

DL.opinionList DT {
	font-size: 1em;
	margin: 0 0 3px 0;
	padding: 0;
}

DL.opinionList DD {
	clear:both;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	background: url(../pics/li_news.gif) no-repeat 0 0;
}

DIV.commentBar H5{
	font-size: 14px;
	padding: 2px 0;
	font-weight: bold;
}

DIV.comments{
	padding: 0px; 
}

DIV.comments LABEL{
	display: block;
	font-weight: bold;
}

DIV.comments INPUT.text, DIV.comments TEXTAREA {
	width: 440px;
	margin-bottom: 15px;
}

DIV.commentIntro{
	margin: 10px 0;
	font-size: 1em;
}

DIV.commentIntro SPAN.commentLinks{
	display:block;
	font-weight: bold;
}

SPAN.palkki, SPAN.esirivi {
	display: block;
	font-size: 1.2em;
        margin: 0.7em 0;

}

SPAN.arvio, SPAN.fakta {
	display: block;
	padding: 10px; 
        font-style: italic;
        border: 1px solid #AAA;
	background-color: #F5F5F5;
}

SPAN.arviofloat {
	display: block;
	width: 150px;
	float: right;
	font-size: 0.9em;
	padding: 10px; 
	margin: 0px 10px 10px 10px; 
        font-style: italic;
        border: 1px solid #DDD;
	background-color: #F8F8F8;
}

DL.commentList {
	font-size: 1em;
	margin: 0 8px 10px 0;
}

DL.commentList DD{
	margin-bottom: 15px;
}

DL.commentList A.arrowLink{
	font-size: 0.9em; line-height: 1em;
}

DL.arrowList{
	font-size: 1em;
}

DL.arrowList DT{
	font-size: 1em;
	margin: 0 0 3px 0;
	padding: 0;
}
DL.arrowList DD{
	clear:both;
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	background: url(../pics/li_news.gif) no-repeat 0 0;
}

TABLE.compareTable{
	clear:both;
	margin-bottom:10px;
	font-size: 11px;
}

TABLE.compareTable TH{
	font-weight: bold;
	text-align: left;
}

TABLE.compareTable TD, TABLE.compareTable TH{
	padding: 5px;
}

TABLE.compareTable TR.headerRow{
	background-color: #dcdcdc;	
}
TABLE.compareTable TR.headerRow TH{
	border-bottom: 1px solid #fff;
	padding: 6px 5px 6px 5px;
}
TABLE.compareTable TR.headerRow2{
	background-color: #e3e3e3;	
}
TABLE.compareTable TR.headerRow2 TH{
	border-bottom: 1px solid #dcdcdc;
}

TABLE.compareTable TR.headerRowBottom{
	background-color: #e3e3e3;	
}

TABLE.compareTable TR{
	/* background-color: #e3e3e3; */
	background-color: #ffffff;
	border-bottom: 1px solid #dcdcdc;
}

TABLE.compareTable TR.alt{
	background-color: #f1f1f1;
	border-bottom: 1px solid #dcdcdc;
}

INPUT.btnNormal {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	width: 80px;
	font-size: 0.9em; line-height: 1em;
}

/* VMM footer */
div.footer_sisalto {
  background-color: #fff;
  padding: 16px 0px;
  font-family: Arial;
  width: 800px;
  float: left;
}

div.footer_otsikko1, div.footer_otsikko2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #333;

  font-size: 16px;
  margin: 0 0 2px 0;
}

div.footer_otsikko2 {
  font-size: 13px;
  margin: 0 0 5px 0;
}

div.footer_pala {
  width: 110px;
  float:left; 
  padding: 0 0 3px 10px;
  white-space: nowrap;
  font-size: 10px;
  color: #333;
}

A.footer_otsikko, A.footer {
  color: #333;
  text-decoration: none;
}

A.footer_otsikko:hover, A.footer:hover {
  color: #333;
  text-decoration: underline;
}
/* /VMM footer */

/* Laheta kaverille */

div#socialBox { 
  border: 1px solid #ccc;
  margin: 0px;
  padding: 4px 0px 4px 0px;
  font-size: 1em;
  vertical-align: bottom;

}

div#socialBox .inner {
/*  width: 100%; */
}

div#socialBox a  { 
  text-decoration: none;
  color: #437ad1;
  vertical-align: middle;
}

div#socialBox .entry { 
  padding: 0px 5px;
  font-size: smaller;
}
div#socialBox img {
  vertical-align: middle;
} 

#emailExpandbox { 
}

.formEmail {
  margin: 8px;
}
.formEmail table td {
  padding: 1px;
}
.formEmail label {
  font-size: smaller;
}
.formEmail input, textarea {
  border: 1px solid #AAA;
  margin: 1px;
  width: 300px;
}

.formEmail .hightlight {
   border: 1px solid #911;
   background-color: #FFF8F8;
}
.formEmail #submit {
  padding: 2px 16px;
  width: 100px;
}
.formEmail #juttu {
   background-color: #F8F8F8;
  padding: 8px;
}

.loading {
  background:url(/images/s_ico/ajax-loader.gif) no-repeat 1px; 
  height:32px; 
  width:32px; 
  display:none;
}
.done {
  padding-left: 20px;
  font-family: arial;
  font-size: 12px;
  margin: 20px auto;
  display: none
}
/* /Laheta kaverille */

/* talsa helper */
.tsFrameContainer .body a {
  text-decoration: none;
  color: #e1e1e1;
}


/* news-list vanha */

ul.news-list, ul.news-list-lock, ul.news-main-list, ul.news-list-separator {
  padding: 0px;
  margin: 0px;
}
ul.news-list, ul.news-list-separator {
  margin-left: 10px;
}

ul.news-main-list, ul.news-list-separator {
  margin: 0px 0px 0px 8px;  
}

ul.news-list-separator {
  border-bottom: 1px solid #ccc;
}

li.news-list, li.news-main-list {
  list-style-image: url(../pics/li_news.gif);
  list-style-position: outside;
  padding: 0px;
  margin: 0px 0px 8px 8px; 
  /* list-style-type: none; */
}

li.news-list-lock, li.news-main-list-lock {
/*  list-style-image: url(../pics/li_news_lock.gif); */
  list-style-position: outside;
  padding: 0px;
  margin: 0px 0px 8px 8px; 
  /* list-style-type: none; */
}


a.news-list:link, a.news-list:visited, ul.news-main-list a:link, ul.news-list-separator a:link, ul.front-rss-list a:link, ul.front-rss-list-separator a:link {
  color: black;
  text-decoration: none;
}
ul.news-main-list a:visited, ul.news-list-separator a:visited, ul.front-rss-list a:visited, ul.front-rss-list-separator a:visited {
  color: #888;
  text-decoration: none;
}

a.news-list:link, a.news-list:visited, ul.news-main-list a:link, ul.news-list-separator a:link {
  color: black;
  text-decoration: none;
}
ul.news-main-list small, ul.news-list-separator small {
  color: #888;
  font-size: 0.7em; 
}
a.news-list:hover, ul.news-main-list a:hover, ul.news-list-separator a:hover {
  text-decoration: underline;
}
