html {
	overflow: -moz-scrollbars-vertical; 
}
body,td,a,p,.h{
	font-family:Nyala,Candara,serif;
}
body
{
background-color:#77AA33;
background-image:url('elementit/taustakuva.jpg');
background-repeat:repeat-x;
background-attachment: fixed;
}
h1{
	font: bold 36px 'Segoe UI',arial,sans-serif;
	color:#607A00;
}
h2{
	font: bold 24px 'Segoe UI',arial,sans-serif;
	color:#607A00;
}
h3{
	font: bold 18px 'Segoe UI',arial,sans-serif;
	color:#607A00;
}
pre{
	color:#000000;
}
p,li{
	font: 18px Nyala,Candara,serif;
	color:#000000;
}
p a,p a:visited,li a,li a:visited{
	color:#3C551A;
	text-decoration:none;
}
p a:hover,p a:active{
	color:#77AA33;
	text-decoration:underline;
}
 img{border:0px}
.logo{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	top:0px;
}
.oikyla{
	position:fixed;
	right:0px;
	top:10px;
	width:150px;
	height:75px;
	background-image:url(elementit/info.png);
	background-repeat:no-repeat;
	font: 14px 'Segoe UI',arial,sans-serif;
	padding-left:75px;
	padding-top:8px;
	color:#3C551A;
}
.valikko{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	top:0px;
	height:32px;
	top:0px;
}
 .menu{
	font: 16px 'Segoe UI',arial,sans-serif;
	font-weight:bold;
	margin-top:5px;
	margin-right:28px;
	color:#3C551A;
	text-align:center;
	text-decoration:none;
}
 .menu a,.menu a:visited{
	color:#3C551A;
	text-decoration:none;
}
 .menu a:hover{
	color:#77AA33;
	text-decoration:underline;
}
 .sisalto{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	top:0px;
	//height:75%;
	padding:20px;
	background: rgb(255,255,255) transparent;
	background: rgba(255,255,255,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
}

 .sisalto xp{
	color:#000000;
}
 .ala{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:32px;
	top:0px;
	background-image:url(elementit/ala.png);
	background-repeat:no-repeat;
	text-align:center;
	font: 12px 'Segoe UI',arial,sans-serif;
	padding-top:8px;
	color:#3C551A;
}
 .login{
	display:block;
	position:relative;
	width:450px;
	height:260px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	padding-top:40px;
	background-image:url(elementit/loginbg.png);
	font: bold 14px 'Segoe UI',arial,sans-serif;
	text-align:center;
	vertical-align:middle;
	color:#333333;
}
 .logintext{
	width:300px;
	height:30px;
	font: 18px 'Segoe UI',arial,sans-serif;
	text-align:center;
	color:#000000;
	background-image:url(elementit/logintextbg.png);
	border: 1px solid #000000;
	border-radius:15px;
	margin-bottom: 10px;
}
 .lomake{
	font: 18px 'Segoe UI',arial,sans-serif;
	text-align:left;
	color:#000000;
	border-spacing:0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
 .lomake td{
	padding: 3px;
}
 .lomtext{
	height:30px;
	font: 18px 'Segoe UI',arial,sans-serif;
	text-align:left;
	color:#000000;
	background:#FFFFFF;
	border: 1px solid #000000;
	border-radius:5px;
	padding-left:10px;
	margin-right:5px;
}
 .lukittu{
	color:#808080;
	border: 1px solid #808080;
	background-image:url(elementit/lomakelukbg.png);
	padding-left:30px;
}
 .wkal{
	width:120px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	margin-right:1px;
}
 .waik{
	width:79px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
 .w200{
	width:200px;
}
 .w400{
	width:405px;
}
 .nicEdit-panel{ !important;
	border: 1px solid #000000;
	border-bottom:0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:0px;
}

 .nicEdit-main,.nicEdit-selected{ !important;
	border: 1px solid #000000;
	border-top-left-radius:0px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:5px;
	background:#FFFFFF;
	padding-left:10px;
	margin-right:5px;
}
.err{
	font: 18px 'Segoe UI',arial,sans-serif;
	color:#FF0000;
}
 .haly{
	background:#FF8080;
}
.valinta {font: 18px 'Segoe UI',arial,sans-serif;}
.valinta > input	{padding:0;margin:0;height:30px;width:25px;float:left;position:absolute;left:0;opacity:0;overflow:visible;}
.valinta > label	{line-height: 30px;color: #000000;padding: 0 0 0 34px;}
.valinta > input:hover+label, .valinta > input:focus+label,
.valinta > input+label:hover, .valinta > input:focus+label	{color: #000000;text-decoration:underline;}

.valinta > input+label{
	background: url(elementit/lomakeruudut.png) 0 -1px no-repeat;
	height:30px;min-height:30px;
}
.valinta > input[type=radio]+label				{background-position: 0 -321px;}
.valinta > input[type=radio]:checked+label			{background-position: 0 -481px;}
.valinta > input[type=checkbox]:checked+label			{background-position: 0 -161px;}
.valinta > input[type=checkbox]:hover:checked+label,
.valinta > input[type=checkbox]:focus:checked+label,
.valinta > input[type=checkbox]:checked+label:hover,
.valinta > input[type=checkbox]:focus:checked+label		{background-position: 0 -201px;}
.valinta > input[type=radio]:hover:checked+label,
.valinta > input[type=radio]:focus:checked+label,
.valinta > input[type=radio]:checked+label:hover,
.valinta > input[type=radio]:focus:checked+label		{background-position: 0 -521px;}
.valinta > input[type=checkbox]:hover+label,
.valinta > input[type=checkbox]:focus+label,
.valinta > input[type=checkbox]+label:hover			{background-position: 0 -41px;}
.valinta > input[type=radio]:hover+label,
.valinta > input[type=radio]:focus+label,
.valinta > input[type=radio]+label:hover			{background-position: 0 -361px;}
.valinta > input[type=checkbox]:active+label,
.valinta > input[type=checkbox]+label:hover:active		{background-position: 0 -81px;}
.valinta > input[type=radio]:active+label,
.valinta > input[type=radio]+label:hover:active		{background-position: 0 -201px;}
.valinta > input[type=checkbox]:active:checked+label,
.valinta > input[type=checkbox]:checked+label:hover:active	{background-position: 0 -241px;}
.valinta > input[type=radio]:active:checked+label,
.valinta > input[type=radio]:checked+label:hover:active	{background-position: 0 -561px;}
.valinta > input[type=checkbox]:disabled+label,
.valinta > input[type=checkbox]:hover:disabled+label,
.valinta > input[type=checkbox]:focus:disabled+label,
.valinta > input[type=checkbox]:disabled+label:hover,
.valinta > input[type=checkbox]:disabled+label:hover:active	{background-position: 0 -121px;}
.valinta > input[type=radio]:disabled+label,
.valinta > input[type=radio]:hover:disabled+label,
.valinta > input[type=radio]:focus:disabled+label,
.valinta > input[type=radio]:disabled+label:hover,
.valinta > input[type=radio]:disabled+label:hover:active	{background-position: 0 -441px;}
.valinta > input[type=checkbox]:disabled:checked+label,
.valinta > input[type=checkbox]:hover:disabled:checked+label,
.valinta > input[type=checkbox]:focus:disabled:checked+label,
.valinta > input[type=checkbox]:disabled:checked+label:hover,
.valinta > input[type=checkbox]:disabled:checked+label:hover:active	{background-position: 0 -281px;}
.valinta > input[type=radio]:disabled:checked+label,
.valinta > input[type=radio]:hover:disabled:checked+label,
.valinta > input[type=radio]:focus:disabled:checked+label,
.valinta > input[type=radio]:disabled:checked+label:hover,
.valinta > input[type=radio]:disabled:checked+label:hover:active	{background-position: 0 -602px;}​