body {background-color: #FFFFFF; margin: 0px; margin-right: 0px; padding: 0px; color:#CCCCCC; }
body {font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #404040; text-align:justify} *
/* body,td,th {font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: #404040; text-align:justify} */


img{border:0px;}

/* scrollbarit heti näkyviin*/
html { min-height: 100.05%; min-width:270px; width:100%; }


h1 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: uppercase;
}

h2 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: none;
}

h3,h4,h5,h6 {
font-family: Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #CC4040;
text-transform: none;
}


form {margin: 0; }

/* Links Content */a:link, a:visited, a:active 					{color: #003366; text-decoration: underline;}
a:hover 										{color: #336699; text-decoration: underline;}


/* banner */
.header {background-color: #ffffff; }

	/*.header 										{background-color: #e0e0e0;	background: url(banner.jpg);
												 background-repeat: no-repeat; vertical-align: middle;
												 text-align: left; color: #606060; height: 111px; font-size: 48px; font-weight: bold; padding-left: 20px;}*/		


.menu											{color:#ffffff; text-decoration:none; background-color:#839137}
.menu li										{border-top:0px solid #ffffff; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 0px solid #FFFFFF; border-left-color:#CCCCCC; border-right-color:#CCCCCC; text-decoration:none; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu ul										{list-style-type: none; margin: 0px; padding: 0px; border-left-color:#CCCCCC; border-right-color:#CCCCCC; text-decoration:none; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu ul ul 									{border-top:0px solid #FFFFFF; border-bottom:0px solid #FFFFFF; padding-left: 10px; background-color: #839137; text-decoration:none; color:#FFFFFF; font-family:Verdana; font-size:11px; border-left-width:0px; border-right-width:0px }
.menu a:link, .menu a:visited, .menu a:active 	{color: #ffffff; display: block; text-decoration: none; font-weight: normal; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px }
.menu a:hover 									{text-decoration: none; color: #ffffff; background-color:#546b18; font-family:Verdana; font-size:11px }
.menu a.menu_current 							{font-weight: bold; color: #ffffff; background-color: #776e27; text-decoration:none; font-family:Verdana; font-size:11px}


.menu2      									{font-family: Verdana; font-size: 11px; background-color: #CC0000; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9;
                								 margin: 0; padding: 0; border-left-width:0px; border-right-width:0px;  }
.menu2 ul       								{border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
.menu2 ul li    								{display: block; float: right; text-align: center; padding: 0; margin: 0;  }
.menu2 ul li a 									{display: block; margin: 0; text-align: center; color: #FFFFFF; background-color: #CC0000; 
               									 width: 125px; height: 16px; border-left: 1px solid #FFFFFF; text-decoration: none;
               									 font-weight: 100; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:2px;  }
.menu2 ul li a:hover 							{color: #FFFFFF; background-color: #5A5A5A; }


.menu3      									{font-family: Verdana, sans-serif; font-size: 11px; background-color: #CC0000; border-bottom: 1px solid #D9D9D9;
                								 margin: 0; padding: 0; border-left-width:0px; border-right-width:0px; border-top-width:0px; }
.menu3 ul      									{border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
.menu3 ul li    								{display: block; float: right; text-align: center; padding: 0; margin: 0; }
.menu3 ul li a 									{display: block; margin: 0; text-align: center; color: #FFFFFF; background-color: #CC0000; width: 125px;
               									 height: 16px; border-left: 1px solid #FFFFFF; text-decoration: none; 
               									 font-weight: 100; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:2px;  }
.menu3 ul li a:hover 							{color: #FFFFFF; background-color: #5A5A5A; }



.login 												{padding: 2px 10px 2px 10px; font-size: 10px;background-color: #E0E0E0; color: #606060; text-align: center;}
.login input 										{width: 95%; font-size: 10px;}
.login a:link, .login a:visited, .login a:active 	{color: #C0C0C0; text-decoration: none;}
.login a:hover 										{color: #003366; text-decoration: none;}
	


.searchfield {font-size: 12px; font-family: Verdana, sans-serif; background-color: #E4E4E4; color: #656565; border: 1px solid #D9D9D9; margin: 2px 2px 2px 5px; }

.content 											{padding: 10px; background-color: #FFFFFF; height: 350px; vertical-align: top; text-align: justify; width:100%; }
.content a 											{color: #CC0000; text-decoration: none }
.content a:hover 									{color: #CC0000; text-decoration: none }

.input 												{width: 95%; font-size: 10px;}
.content p											{margin-left: 20px; margin-right: 20px; text-align:justify;}
.content li											{margin-left: 20px; margin-right: 20px; }
.content table										{margin-left: 20px;}
/* .content img											{margin-left: 0px; margin-right: 10px;} */

.db {margin-left: 20px; margin-right: 0px; padding: 0px; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px; }

.card  {margin-left: 0px; margin-right: 0px; padding: 0px; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px; }

.label {width: 220px; text-align: right;}
.form_checkbox {text-align: left;}

.footer { font-size: 11px; height: 20px; color: #FFFFFF; text-align: center }
.footer a {color: #CC0000; text-decoration: none }
.footer a:hover {color:#CC0000 }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#AA4040;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #CC4040;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #CC4040;
    text-align: center;	
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(/media/tt/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/media/tt/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(/media/tt/bubble.gif) no-repeat bottom;
}

.basictab{
padding: 3px 0;
margin-left: 0;
font:  12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #dddddd;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #eeeeee;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #ffffff;
color: black;
}

blockquote {
    margin: 1em 1em;
    padding: .1em 1em;
    border-left: 5px solid #fce27c;
	margin-left: 20px;
    background-color: #dddeb4; }
blockquote p {
    margin-left: 2px;
    margin: 2px; }
	

.content blockquote p {
	margin-left: 5px; 
	margin-right: 1px; 
	text-align:justify;}
.content blockquote blockquote {
	margin-left: 5px; 
	margin-right: 1px; 
	text-align:justify;}
.content blockquote table {
	margin-left: 5px; 
	margin-right: 1px; 	}	
	
/* MAX BAR GRAPH */
#container {
	margin: auto;
    padding:0px;
	width: 560px;
	border:1px solid #111;
	border-top:0px;
	background-color: #f6f6f6;
}

/* HEADER */
#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container #header #header_left {
	float: left;
	background-image: url(images/header_left.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(images/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}

/* FOOTER */
#container #footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
   clear:both;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container #main{
   padding:5px;
   width:550px;
   margin:0px;
   text-align:center;
}

/* CSS GRAFIIKKA*/
/* The sorrounding chart box */

.chartbox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	text-align: center;
	margin:auto;
	border:0px solid #333;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	background-color:#fff;
}

.chartbox h2{
	font-size: 14px;
	font-weight:bold;
	padding:0px;
	margin:5px 0px;
}

/* Vertical chart elements */

.barv{
	margin: 2px;
	float:left;
}

.barvvalue {
	padding:0px;
	margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
}


/* Horizontal chart elements */

.barh{
	margin: 4px;
	text-align:left;
	clear:both;
}

.barhvalue {
	padding:0px;
	margin:0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	overflow:hidden;
	float:left;
}

.barhcaption {
	padding:0px;
	margin:0px 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	overflow:hidden;
	float:left;
}


.barhimage {
    float:left;
}

/* AJAX autocomplete boxit*/

.suggestionsBox {
    position: absolute;
	margin: 0px 0px 0px 0px;
    width: 200px;
	z-index: -1000000;
    background-color: #EEEEEE;
	border: 2px solid #000;	
	color: #000;
  
}
 
.suggestionList {
    margin: 0px;
    padding: 0px;
}
 
.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
	list-style-type: none;
}
 
.suggestionList li:hover {
    background-color: #659CD8;
	list-style-type: none;
}

/* Forum */
div.pagination {

width:auto;
text-align:right;
margin:5px;
padding: 3px;
float:right;
}

div.pagination a {
font-weight:400;
text-decoration:none;
color:#747474;
background-color:#eee;
border:1px solid #bababa;
font-size:0.9em;
line-height:1.5em;
margin:0 2px;
padding:0 2px;
}

div.pagination a:hover,div.pagination a:active {
background-color:#99A74D;
color:#000;
text-decoration:none;
border-color:#839137;
}

div.pagination span.current {
font-weight:400;
color:#FFF;
border:1px solid #839137;
background-color:#839137;
font-size:0.9em;
margin:0 2px;
padding:0 2px;
}

div.pagination span.disabled {
visibility: hidden;
}
div.pagination a,
div.pagination span.current,
div.pagination span.disabled  {
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 2px 4px;
}

/* siemenpankki */
table.dbtable {
width: 99%;
border-spacing: 0px;
}

table.dbtable th {
background-color:#839137;
color: white;
}

table.dbtable td {
padding-top:2px; 
padding-right:2px; 
padding-bottom:4px; 
padding-left:2px; 

}

table.dbtable tr.dbrow:hover {
background-color:#e0dfdd;
color:#000;  
}

table.dbtable a {
color: #EEEEEE;
}

table.dbtable a:hover {
color: white;
}