@charset "utf-8";
/* CSS Document */


* {
	padding:0;
	margin:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#666;}
	
td, th {
	font-size:1em;
	color:666;}
	
div {float:left;}

img {border:none;}

a,
a:link,
a:active {
	color:#009900;
	text-decoration:none;}
a:visited {
	color:#006600;}
a:hover {
	color:#00CC00;
	background:#eaf5eb;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Pro","Myriad Web",Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:32px;
	color:#006600;}
h4 {
	font-size:16px;}


/**
 * Editori
 */
.e_out, .e_in {
	width:776px;}


/**
 * Rakenteet
 */
div#frame {
	float:none;
	width:814px;
	margin:0 auto;}

div#top_b {
	width:814px;
	height:157px;
	background:url(../../pic/struct/top_b_3.gif) no-repeat top left;}
div#top_b a:hover{
	background:fff;}
div.mid_c,
div.mid_d {
	width:802px;
	padding:0 0 0 6px;
	background:#fff;}
div.mid_d a,
div.mid_d a:link,
div.mid_d a:active,
div.mid_d a:visited {
	color:#999;
	text-decoration:none;}
div.mid_d a:hover {
	color:#666;
	text-decoration:underline;}
div#btm_b {
	width:784px;
	height:113px;
	padding:30px 15px 0 15px;
	background:url(../../pic/struct/btm_b.gif) no-repeat top left;}
	
div#flash_pr {
	float:none;
	position:absolute;
	top:159px;
	width:100%;
	height:200px;
	background:#eee;}

/** 
 * boxi-settiä 
 */
.block {
	background:#fff url(../../pic/struct/contentbox/left.gif) repeat-y top left;}
.block div {}
.content {
	padding:0 11px;
	float:right;
	text-align:left;
	background:url(../../pic/struct/contentbox/right.gif) repeat-y top right;}
.top {
	height:13px;
	background:url(../../pic/struct/contentbox/top.gif) repeat-x top left;
	width:100%;
	font-size:10px;}
.btm {
	height:13px;
	background:url(../../pic/struct/contentbox/btm.gif) repeat-x top left;
	width:100%;
	font-size:10px;}
.top div, .btm div {height:13px; width:13px; font-size:10px;}
.tl {background:url(../../pic/struct/contentbox/tl.gif) no-repeat top left;}
.bl {background:url(../../pic/struct/contentbox/bl.gif) no-repeat top left;}
.tr {background:url(../../pic/struct/contentbox/tr.gif) no-repeat top left; float:right;}
.br {background:url(../../pic/struct/contentbox/br.gif) no-repeat top left; float:right;}

table.graphic {
	border-collapse:separate;
	border:2px solid #116a16;
}
table.graphic td, 
table.graphic th {
	padding:5px;
}
table.graphic td {
	background-color:#f1f1f1;
}
table.graphic th {
	background-color:#116a16;
	color:#ffffff;
}
table.graphic td input {
	width:95%;
	border:1px solid #ddd;
	padding:3px;
	color:#333333;
}

/**
 *
 */
div.mnav {
	height:51px;}
div.mnav ul {
	list-style-type:none;}
div.mnav li {
	list-style:none;
	float:left;}

table.l {
	background:url(../../pic/struct/l_bg_table.gif) no-repeat bottom left;}
table.l td{
	padding:5px;
	background:url(../../pic/struct/l_bg_td.gif) repeat-x top left;}
div.l {
	padding:2px 0 6px 0;
	background:url(../../pic/struct/l_bg_div.gif) repeat-x bottom left;}

.gmap_infoWindow {
	height:150px;}
.gmap_infoWindow td {
	padding:5px;}


/**
 * Formi settiä
 */
.searchInput {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	/** */
	width:109px;
	border:none;
	padding:3px 10px 2px 10px;
	background:url(../../pic/form/alt_input.gif) no-repeat top left;
	/** IE */
	_background-attachment:fixed;}
.searchSubmit {
	cursor:pointer;
	/** */
	height:23px;
	width:48px;
	border:none;
	background:url(../../pic/form/btn_hae.gif) no-repeat bottom left;
	/** IE */
	_background-attachment:fixed;}
/** Suggest boxi-settiä */
.searchSuggest {
	float:none;
	position:absolute;
	top:35px;
	width:128px;}
.searchSuggest ul {
	width:128px;
	list-style-type:none;}
.searchSuggest li {
	width:128px;
	float:left;
	list-style:none;}
.searchSuggest a,
.searchSuggest a:link,
.searchSuggest a:active,
.searchSuggest a:visited {
	width:100%;
	background-color:#eee;
	display:block;
	padding:3px;
	text-decoration:none;
	font-size:11px;
	color:#666;
	border:1px solid #999;
	border-color:#ccc #999 #666 #ccc}
.searchSuggest a:hover {
	background-color:#fff;}


/** Form */
button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:1em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */}
button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}
button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive{
    color:#116a16;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}