html,div,h1,h2,h3,p,blockquote,pre,a,acronym,cite,code,em,strong,var,dl,dt,dd,ol,ul,li,form,label,hr{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;text-decoration:none}
body{margin:0;padding:0;background-color:#DADADA;color:#333333;font:normal normal 70%/1.5em 'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif;min-width:100px;height:100%}
.section{overflow:auto}
hr{width:100%;clear:both;height:4px;margin:0em 0;background:transparent}

#content .section+hr{background:#FFFFFF}
#topborder{position:fixed;top:0;left:0;right:0;height:1em;background-color:#4b5158;margin:0}
#sidebar{position:fixed;top:38px;left:20px;width:230px}
* html #sidebar{top:38px;left:20px;width:230px;position:absolute}
#sidebar p{margin-top:0;font-size:0.9em}
#content{position: relative;margin-left: auto;margin-right: auto;width:790px;background-color:#FFFFFF;height:100%}
#content p{margin:1em 0}
p.lead{width:500px;font-size:1em;color:#fff}
p.lead em{color:#1d7ffc;font-style:normal}
a:link{color:#eeeeee}
.section a:link{text-decoration:underline}
a:visited{color:#e5c5c5;text-decoration:none}
a:hover{color:#fd68fd;border-bottom-style:solid}
a:active{color:#fb1080}
.section a:focus{outline:1px dotted invert}
strong{ font-weight:bold}

a.homelink:link 
	{
	font-family: Trebuchet MS;
	color: #666666;
	font-size: 11px;
	margin-left: 35px;
	text-transform: inherit;
	text-decoration: underline;
	}
	a.homelink:visited 
	{
	font-family: Trebuchet MS;
	color: #666666;
	font-size: 11px;
	margin-left: 35px;
	text-transform: inherit;
	text-decoration: underline;
	}
	a.homelink:hover	
	{
		font-family: Trebuchet MS;
		color: #009F3B;
		font-size: 11px;
		margin-left: 35px;
		text-transform: inherit;
		text-decoration: underline;
	}
	

ol,ul{margin:0.5em 0 1.2em 2em}
ol{list-style-type:decimal;list-style-position:outside}
li{margin-bottom:0}
li strong{color:#aaa}

li.standard{margin-bottom:1em}

h1,h2,h3{font-family: "Trebuchet MS",sans-serif;line-height:130%;margin:0.8em 0;clear:left;float:left;}

#register{
		font-family: "Trebuchet MS",sans-serif;
		line-height:100%;
		margin:0.8em 2em -0.8em 0;
		clear:right;
		float:left;
		font-size:1em;letter-spacing:0.2pt;text-transform:uppercase;color:#009F3B; font-weight: bold;
		}
		
h1{font-size:2.3em}
h1 em{color:#1ea4fd;font-style:normal}
h2{font-size:1.5em;letter-spacing:0.4pt;text-transform:uppercase;color:#009F3B}
h3{font-size:1.2em;letter-spacing:0.2pt;text-transform:uppercase;color:#009F3B}
code{font-size:12px;font-family:Monaco,Verdana,sans-serif;background-color:#191919;color:#fde9bb;padding:0.3em 0.4em}
pre{display:block;margin:1em 0;padding:0.4em 0.7em;border:1px solid #222;background-color:#1b1b1b;overflow:auto}
pre>code{display:block;padding:0;margin:0;background:0;color:silver;padding-left:1.2em}
#nav{list-style:none;margin:2em 2em 2em 0}
#nav li{margin:0;font-size:0.8em}
#nav a{display:block;height:2.0em;padding:0.3em 0.2em 0.2em 0.8em;padding:0.5em 1em;margin-bottom:1px;color:#eee;background-color:#181818;border:1px solid #1a1a1a}
#nav a:hover{color:#eee;background-color:#222;border:1px solid #2a2a2a}
#content ul{margin-left:3.5em}
#content ul li{list-style-type:disc;list-style-position:outside;line-height:120%;}
label{margin-bottom:2px;margin-right:3px;padding-left:0.5em}

img{margin: -0.3em 0 0 0; padding: 0 0 0 0}

#summ{margin-left: 40px}

.form{margin-left: 260px;background-color:#FFFFFF}
/* fancyform styles */
.demo label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #C7C7C7;clear:both;cursor:pointer}
.checked{background-color:#DADADA;background-image:url(../pics/chk_on.png)}
.unchecked{background-color:#E9E9E9;background-image:url(../pics/chk_off.png)}
.disable{background-color:#FFF;background-image:url(../pics/rdo_on.png)}
.selected{background-color:#222;background-image:url(../pics/rdo_on.png)}
.unselected{background-color:#1c1c1c;background-image:url(../pics/rdo_off.png)}
.leftcol{float:left;clear:left;width:435px}
.rightcol{float:left;clear:right;width:27px}
.info{background-position:6px center;background-color:#333333;background-image:url(../pics/choose.png)}
.expand{font-size:10px;float:left;clear:left;width:504px;padding-right:5px}

.leftmodules{float:left;clear:left;width:413px}
.rightmodules{float:left;clear:right;width:27px}
.expandmodules{font-size:10px;float:left;clear:left;width:483px;padding-right:5px}

label.number{margin: 1 0 0 0; padding: 0.18em 0 0.17em 1em; background-color:#E9E9E9;color:#333333}
label.noinfo{width:440px;}
label.underinfo{width:462px;}
label.ranges{background-color:#333333;color:#eeeeee}

.module{float:left;clear:left;width:90px}
.range{float:left;clear:right;width:330px}

label.lmodule{padding:0 0 0 1em;font-size:11px;background-color:#333333;color:#eeeeee;border:1px solid #000000;margin: 0 0 0 0}
label.lrange{padding:0 0 0 2em;background-color:#e9e9e9;color:#333333;margin: 0 0 1em 0}

label.choose{border:0px solid #161613;margin-bottom:0px;margin-right:0px;padding-left:0em;width:460px}
label.summary{background-color:#F2F2F2;border:0px solid #161613;margin-bottom:1em;margin-right:0px;padding:0.5em 0em 0.5em 0em;width:460px}

label.info{width:27px;}

.label_small{font-size:10px}

.wrapper{float: right;
		width: 100%;
		margin-left: -210px;}
.mc5{float:left;
	width: 120px;
	padding: 0 0 0 10px; }




#1_one{display:block;padding-right:0.5em}
#1_two{display:block;padding-right:0.5em}
#1_three{display:block;padding-right:0.5em}

#2_modules{display:block;}

#3_modules{display:block;}


#4_info1{display:block;}
#4_info2{display:block;}
#4_info3{display:block;}
#4_info4{display:block;}
#4_info5{display:block;}
#4_info6{display:block;}
#4_info7{display:block;}
#4_info8{display:block;}
#4_info9{display:block;}

#4_info11{display:block;}
#4_info12{display:block;}
#4_info13{display:block;}
#4_info14{display:block;}
#4_info15{display:block;}
#4_info16{display:block;}
#4_info17{display:block;}

#6_info1{display:block;}
#6_info2{display:block;}
#6_info3{display:block;}
#6_info4{display:block;}
#6_info5a{display:block;}
#6_info5b{display:block;}
#6_info6{display:block;}
#6_info7{display:block;}
#6_info8{display:block;}
#6_info9{display:block;}
#6_info10{display:block;}
#6_info11{display:block;}
#6_info12{display:block;}
#6_info13{display:block;}
#6_info14{display:block;}
#6_info15{display:block;}
#6_info16{display:block;}
#6_info17{display:block;}

.formi {margin: 0 0 1em 2em;}
.formback{background-color:#F2F2F2;border:0px solid #161613;margin-bottom:1em;margin-right:0px;padding:1em 0em 0.5em 0em;width:460px}
.formtext {
			display: block;  /* block float the labels to left column, set a width */
			float: left; 
			width: 83px; 
			padding: 0; 
			margin: 0 0 1em 0; /* set top margin same as form input - textarea etc. elements */
			text-align: left;}
.forminput {vertical-align: middle; margin: 0em 0 1em 1em;  display: inline;}
.messagetext {
			vertical-align: top;
			display: block;  /* block float the labels to left column, set a width */
			float: left; 
			width: 83px; 
			padding: 0; 
			margin: 0em 0 1em 0; /* set top margin same as form input - textarea etc. elements */
			text-align: left;}
.formmessage {vertical-align: top; margin: 0em 0 1em 1em;  display: inline;}
form.br {
	clear:left;
}

table {
	margin: 5px 5px 5px 30px;
}

table.menu {
	margin: 0px 0px 0px 10px;
}
td.head1 {
	padding-left:8px;
	width: 100px;
	border:0px solid #FFFFFF;
	background: #000000;
	color: #eeeeee;
}
td.head2 {
padding-left:8px;
	width: 140px;
	border:0px solid #FFFFFF;
	background: #000000;
	color: #eeeeee;
}
td.head3 {
padding-left:8px;
	width: 140px;
	border:0px solid #FFFFFF;
	background: #000000;
	color: #eeeeee;
}
td.white {
padding-left:8px;
border:0px solid #FFFFFF;
	background: #FFFFFF;
	color: #333333;
}
td.grey {
padding-left:8px;
border:0px solid #FFFFFF;
	background: #e9e9e9;
	color: #333333;
}

input.backbtn {
			padding:5px;
			margin:0 10px 0 0;
			float:left;
			background-color:#222;
			color:#fff;
		}
		
input.postbtn {
			padding:5px;
			margin:0;
			float:left;
			background-color:#222;
			color:#fff;
		}

#extra {
	/* koska #navigointi ja #wrapper kellutettiin, ei #kokosivulla 
	ole korkeutta, näitä seuraavan #extran 'clear: both' lisää elementin 
	niiden alapuolelle ja antaa #kokosivulle korkeuden */ 
	clear: both; 
	/* tehdään samalla tyhjää tilaa vähintään #alatunnisteen korkeuden 
	verran ettei #alatunniste tule #sisallön tai #navigoinnin päälle */
	height: 5px; 
}