/* CSS Document */

table,td,div,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: top;
	text-align: left;
}
a, a:hover, a:visited, a:visited:hover {
	color: #d54c01;
	text-decoration: none;
}
a:hover, a:visited:hover { text-decoration: underline; }
div, img { border: 0; padding: 0; margin: 0; }
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}
table.page {
	padding: 0;
	margin: 0;
	width: 100%;
}
div#container
{
	text-align: center;
	display: block;
}
td.top, td.outline_top {
	background-image: url('../images/bg_top.png');
	background-repeat: repeat-x;
	padding-top: 48px;
}
td.top table td {
	padding: 8px;
}
td.login {
	background-image: url('../images/bg_top.png');
	background-repeat: repeat-x;
	background-position: 0px 50px;
}
td.top {
	width: 800px;
	height: 160px;
	padding: 0; margin: 0;
	vertical-align: middle;
}
ul { padding: 0; margin: 0; }
td.top img, td.top div {
	padding-left: 35px;
}
td.content {
	background-image: url('../images/bg_content.png');
	background-repeat: repeat-x;
}
td.footer, td.outline_bottom {
	background-image: url('../images/bg_bottom.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
td.footer {
	height: 85px;
	margin-bottom: 20px;
	vertical-align: bottom;
}
div#navi { right: 0px; white-space: nowrap; display: inline;  margin-top: 0px; }
div#navi ul { list-style: none; text-align: center; }
div#navi li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #aaa;
	word-spacing: 1px;
}
a.punalink {
	        color: #aaa;
		word-spacing: 1px;
}
a.punalink:hover {
	font-style: underline;
}
		
div#navi li a, div#navi li a:visited, div#navi li a:hover, div#navi li a:visited:hover {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
} 
div#navi li a:hover, div#navi li a:visited:hover {
	text-decoration: underline;
}
span.nav img { padding-left: 5px; padding-right: 5px; padding-top: 5px; }
div#wide {
	padding: 0;
	margin: 0;
	padding-left: 35px;
	width: 435px;
	line-height: 25px;
}
div#banner
{
	padding: 0;
	margin: 0;
	width: 286px;
}
div#entry
{
	cursor: pointer;
	text-align: center;
	vertical-align: bottom;
	background-image: url('../images/isolinkki.png');
	background-repeat: no-repeat;
	width: 286px;
	height: 88px;
	margin-bottom: 15px;
	padding-top: 20px;
	font-size: 26px;
	word-spacing: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
h1,
h2,
h3,
h3 a,
h3 a:hover,
h3 a:visited,
h3 a:visited:hover,
h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #1d67c2;
	font-weight: bold;
	word-spacing: 1px;
	margin: 0;
	padding: 0;
	margin-top: 35px;
	margin-bottom: 25px;
}
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 20px; line-height: 30px; }
h3 { font-size: 22px; line-height: 30px; }
h4 { font-size: 20px; line-height: 30px; }
td.footer { text-align: center; color: #555555;  }
div#subnavi { padding: 0; margin: 0; width: 205px; float: left; }
div#content { padding: 0; margin: 0; width: 595px; float: right; }
div#subnavi ul { list-style: none; padding: 0; margin: 0; }
div#subnavi h2 {
	padding-left: 35px;
	color: #999999;
	font-size: 24px;
}
div#subnavi h2 a,
div#subnavi h2 a:hover,
div#subnavi h2 a:visited,
div#subnavi h2 a:visited:hover { color: #999; }

div#subnavi span.search,
div#subnavi span.search input { border: none; padding: 0; margin: 0; background: none; }
div#subnavi span.search,
div#subnavi li 
{
	font-size: 17px;
	margin: 0; padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 5px;
}
div#subnavi span.search input { cursor: pointer; }
div#subnavi span.search input,
div#subnavi li a,
div#subnavi li a:visited,
div#subnavi li a:hover,
div#subnavi li a:visited:hover
{
	color: #d54c01;
	font-size: 17px;
	text-decoration: none;
	padding-left: 28px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}
div#subnavi li a:hover,
div#subnavi li a:visited:hover
{
	background-image: url('../images/subnavi.png');
	background-position: -8px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
}
div#subnavi span.search input:hover
{
	background-image: url('../images/subnavi.png');
	background-position: 0px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
}
div#subnavi span.search { margin: 0; padding: 0; }
div#subnavi span.search input { width: 175px; }
div#subnavi li.act a,
div#subnavi li.act a:visited,
div#subnavi li.act a:hover,
div#subnavi li.act a:visited:hover
{
	background-image: url('../images/e.png');
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
}
div#subnavi li.act {
	text-decoration: none;
	background-image: url('../images/subnavi_sel.png');
	background-repeat: no-repeat;
	background-position: left;
}
div#content {
	padding: 0;
	margin: 0;
}
div#content div#top {
	background-image: url('../images/content_top.png');
	background-repeat: no-repeat;
	width: 595px;
	height: 28px;
	padding: 0;
	margin: 0;
}
div#content div#page {
	background-image: url('../images/content_bg.png');
	background-repeat: repeat-y;
	width: 505px;
	padding: 45px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0;
}
div#content div#page ul { margin-left: 25px; list-style: decimal; }
div#content div#page img { padding-left: 20px; }
div#content div#page h1 { margin-top: 0; }
div#content div#page strong, div#content div#page b { color: #777; }
div#content div#bottom {
	background-image: url('../images/content_bottom.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 595px;
	height: 28px;
	padding: 0;
	margin: 0;
}
div#html,
div#report,
div#hours,
div#todo,
div#billing,
div#payment,
div#files,
div#articles,
div#news,
div#calendar { margin: 0px; padding: 0; }
h3 { margin: 0; padding: 0; }
div#date { color: #999; font-size: 14px; }
p.news { margin-bottom: 35px; }
p.bold { margin-bottom: 15px; }
div#articles img { margin: 0 !important; padding: 3px !important; padding-left: 10px !important; }

label { font-weight: bold; padding-bottom: 5px; padding-top: 5px; }

select,
select#country,
select#type,
input,
input:hover,
input:focus,
input.button_ok,
input.button_del,
textarea,
textarea:hover,
textarea:focus
{
	font-size: 15px;
	margin: 0 !important;
	padding: 2px;
	margin-bottom: 6px;
}
/* Mozilla kutisti selectia oudosti. */
select {
	height: 24px;	
}
td.news { width: 800px; }
#subnavi h2 { margin-bottom: 20px; }
#search_box { width: 175px; height: 60px; text-align: left; padding: 15px; background-image: url(../images/helpbox.gif); background-repeat: no-repeat; }
#search_box .search { padding: 0; margin: 0; height: 55px; width: 155px; border: 1px solid #ccc; }
hr { border: none; height: 1px; background-color: #ccc; padding: 0; margin: 0; margin-top: -5px; margin-bottom: 25px; }


table.slides
{
	position: absolute;
	background-image: url(../images/valilehti/bg.gif);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;	
	width: 100%;
	height: 71px;
}
div#valit ul
{
	padding: 0;
	margin: 0;
	height: 71px;
	list-style: none;
}
div#valit li,
div#valit li.act
{
	padding: 0;
	margin: 0;	
	padding-top: 43px;
	margin-bottom: -43px;
	background-image: url(../images/valilehti/sel.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 71px;
	float: left;
	text-align: center;
}
div#valit li.act
{
	background-image: url(../images/valilehti/sel_act.gif);
}

#valit li a,
#valit li a:hover,
#valit li a:visited,
#valit li a:visited:hover
{
	color: #666;
}

#valit li.act a,
#valit li.act a:hover,
#valit li.act a:visited,
#valit li.act a:visited:hover
{
	color: #000;
}

#valit li a:hover,
#valit li a:visited:hover,
#valit li.act a:hover,
#valit li.act a:visited:hover
{
	color: #d54c01;
}
span#content b { font-size: 16px; }