@charset "utf-8";

@import "reset.css";

body { font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#fff; background:#4f8a10 url(../images/header_bg.gif) top left repeat-x; padding:0 0 100px 0; }

h1 { font-size: 36px; line-height:42px; font-weight:bold; padding: 0 0 10px 0; }
h2 { font-size: 24px; line-height: 30px; font-weight:bold; padding: 0 0 5px 0; }
h3 { font-size: 18px; line-height: 18px; font-weight:normal; padding:0; }
p { font-size: 14px; line-height:18px; padding: 0 0 20px 0; }
strong { font-weight:bold; }
a { color:#ffd100; }
a:hover { color:#fff; }
a.imglink { border-bottom:solid 1px #42b4e6; }
a.imglink:hover { border-bottom:dotted 1px #ffd100; }

#Header { text-align: center; margin:25px 0 38px 0; }
#Wrap_bg { background:#42b4e6; }
#Wrap { width:840px; padding:25px 40px; margin:auto; }
#Content { width:555px; float:left; text-align:left; margin:0 0 25px 0; }
#Content_button { position:relative; height:47px; cursor:pointer; }
#Content_button .text { position:absolute; top:0; left:0px; }
#Content_button .arrow { position:absolute; top:0; left:175px; }
#Content hr { height:1px; background:none; border:none; border-top:dotted 1px #fff; margin:0; padding:10px 0 5px 0; }
#Sidebar { position:relative; width:245px; float:right; padding:0 0 0 40px; color:#222; }
#Sidebar hr { height:1px; background:none; border:none; border-top:dotted 1px #222; margin:0; padding:10px 0 5px 0; }
#Side_merkki { text-align:center; padding:20px 10px 0 0; margin:0 0 20px 0; }
#Side_content { background: url(../images/side_content_bg.gif) top center repeat-y; padding:20px 26px 0 20px; }
#Side_content p { font-size:12px; line-height:14px; }
#Side_hand { background: url(../images/side_content_bg.gif) top center repeat-y; padding:0; text-align:right; padding:0 8px 0 0; }
#Side_chart { display:none; background: url(../images/side_content_bg.gif) top center repeat-y; padding:45px 8px 35px 0; }
#Side_chart #pieChart { position:absolute; left:-99999px; }
.visualize, .visualize-info { background:none !important; border:none !important; }
.visualize-info { left:15px !important; top:-75px !important; }
.visualize-info ul.visualize-key li { float:none !important; }
#Small p { font-size:12px; line-height:14px; }
#Small h3 { font-size:14px; font-weight:bold; line-height:14px; }

#Navigation { margin:10px 0 0 0; }
#Navigation p { float:left; padding:10px 0 0 0; }
.textfield { width:265px; /*border:solid 1px #287ea4;*/ }
label.error { background:#df32af; }
textarea { width:265px; /*border:solid 1px #287ea4;*/ height:96px; }
#Form #screenshot { }
#Form #kysymys { height:213px; }
.textfield:focus, textarea:focus { background-color: lightyellow; }
#Form .left { width:267px; float:left; margin-right:10px; }
#Form .left p, #Form .right p { padding:0 0 10px 0; }
#Form .right { width:267px; float:right; }
#Form small { font-size:11px;  }
#Form label { display:block; margin:0 0 3px 0; }

#Tasks .container { width:185px; float:left; padding:0 0 20px 0; }
#Tasks .container .number { width:32px; height:30px; overflow:hidden; float:left; background: url(../images/counter_bg.gif) 0 -1800px no-repeat; }
#Tasks .container .counter-div { float:left; }
#Tasks .container .labels { clear:both; }

#Side_content .top-header { padding:0; height:30px; border-top:solid 1px #91d15e; }
#Side_content .clickable { cursor:pointer; }
#Side_content .top-header .top-header-speed { width:90px; overflow:hidden; float:left; line-height:30px; }
#Side_content .top-header .top-header-name { width:85px; overflow:hidden; float:left; line-height:30px; }
#Side_content .top-header .top-header-info { width:21px; overflow:hidden; float:right; padding:4px 0; }
#Side_content .top-info { position:relative; }
#Side_content .top-info p { padding:5px 0; border-top:dotted 1px #ccc; font-style:italic; font-size:11px; }
#Side_content hr.top10 { height:1px; background:none; border:none; border-top:solid 1px #91d15e; margin:0; padding:10px 0 5px 0; }

#Side_content_top { height:30px; background: url(../images/side_merkki_bg.gif) top center no-repeat; padding:15px 10px 0 0; text-align:center; }
#Side_footer { background: url(../images/side_footer_bg.gif) top center no-repeat; height:20px; }
#Side_tilaa { background: url(../images/side_content_bg.gif) top center repeat-y; text-align:center; padding:0 5px 5px 0; }
#Footer { background: url(../images/footer_bg.gif) top left repeat-x; height:70px; clear:both; }

p.highlight { font-size:18px; line-height:22px; color:#fff; }

/* ==================================================================================== */
/* Welho nav bar */
/* ==================================================================================== */
#GlobalNavTop {
	background: url(../images/bgGlobalNavi.jpg) left top repeat-x; 
	height: 21px; 
	padding: 5px 0px 0px 20px; 
}

#GlobalNavTop a, #GlobalNavTop {
	font: normal 12px arial,helvetica,sans-serif;
	color: #ffffff; 
}

#GlobalNavTop a {
	padding: 5px;
	text-decoration: none;
}

#GlobalNavTop a:hover {
	text-decoration: underline;
}

#GlobalNavTop a.selected_True {
	font-weight:bold;
}

#GlobalNavTop .separator {
	border: 0px;
}