﻿html {
	overflow-y: scroll;        
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

body {
	background:#dedede;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}


#hidden {
	display:none;
}

#overlay {
	color: #000;
	height: 80%;
}

.required {
	color:red;
}	

.homepage {margin: 0px; 
		padding: 0px; 
		background: #fffcf2 url(/images/bgliuku.jpg) repeat-x bottom;
}

a {
	color: #DC0451;
}

#container {
	position: relative; width: 1100px; margin: 0 auto 0 auto; text-align: left;
	padding: 10px;
	border: 1px solid #444441;
	margin-bottom: 40px; margin-top: 20px;
	background: white;
	min-height: 700px; 
	height:auto !important;
	height: 700px;
	-moz-box-shadow:3px 3px 6px #ddd;
	-webkit-box-shadow:3px 3px 6px #ddd;	

	-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	
	box-shadow:3px 3px 6px #ddd;
}

.boksi {
	border: 1px solid silver;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
	background: #fafafa;
	padding: 5px;
	margin-top: 0px!important;
	margin-bottom: 15px!important;
	padding-bottom: 10px;
}

.infobox {
	color: white;padding: 10px; border-bottom: 1px solid silver;background: #838382;
}

.varjo {
	-moz-box-shadow:3px 3px 6px #ddd;
	-webkit-box-shadow:3px 3px 6px #ddd;	
	box-shadow:3px 3px 6px #ddd;
}

.varjo_pieni {
	-moz-box-shadow:2px 2px 3px #ddd;
	-webkit-box-shadow:2px 2px 3px #ddd;	
	box-shadow:2px 2px 3px #eee;
}


.title2	{color:black;font-weight:bold;font-size:12px;margin-bottom:4px;padding-left: 13px;}

.title3	{color:black;font-weight:bold;font-size:12px;margin-bottom:4px;padding-left:13px;min-height: 40px!important;}

#labelit, .label, .label_small, .label_ic, .input, .input_small, .input_ic {min-height:30px;margin:0px; margin-top: 3px;}
.label, .label_small, .label_ic, .input, .input_small, .input_ic {float:left;padding-left:13px;}
.label, .label_small, .label_ic {clear:both;width:180px;}
.input, .input_small, .input_ic {width:115px;}
.label_small, .input_small {
	border: 0px solid red;
}
#PA .label, #PA .label_small {
	padding-top: 3px;
	border: 0px solid green;
}



X.label {width:155px;}
X.input {width:140px;padding-left:13px;}
.label_small {width:100px; }
.input_small {width: 20px; }
 
.linkbox {height:18px;margin:auto;text-decoration:underline;color:red;padding-top:3px;}

#A, #B, #C, #D, #E, #PA, #F, #G	{clear:both;width:98%;margin:10px 0 0 0px;}

#D {color:red;}

#A_left, #B_left, #E_left, #PA_left, #F_LEFT {float:left;width:360px;}

#B_mid, .A_mid, #PA_mid, .PA_mid {float:left;width:330px; margin-left: 10px; padding-left: 10px; border-left: 1px solid silver;}

.PA_mid {width: 150px;}

#A_right, #B_right, #E_right, #F_right {float:right;}

#C0, #E0, #F0 {float:left;}
#H_SET1_H0, #H_SET1_EH0, #H_SET1_FH0 {float:left;}
#H_SET2_H0, #H_SET2_EH0, #H_SET2_FH0 {float:left;}
#H_SET3_H0, #H_SET3_EH0, #H_SET3_FH0 {float:left;}
#H_SET4_H0, #H_SET4_EH0, #H_SET4_FH0 {float:left;}
#H_SET5_H0, #H_SET5_EH0, #H_SET5_FH0 {float:left;}

#C1,#C2,#C3,#C4,#C5,#C6,#E1,#E2,#E3,#E4,#E5,#E6,#F1,#F2,#F3,#F4,#F5,#F6 {float:left;width:130px;margin: 0px 3px;}
#H_SET1_H1,#H_SET1_H2,#H_SET1_H3,#H_SET1_H4,#H_SET1_H5,#H_SET1_H6,#H_SET1_EH1,#H_SET1_EH2,#H_SET1_EH3,#H_SET1_EH4,#H_SET1_EH5,#H_SET1_EH6,#H_SET1_FH1,#H_SET1_FH2,#H_SET1_FH3,#H_SET1_FH4,#H_SET1_FH5,#H_SET1_FH6 {float:left;width:130px;margin: 0px 3px;}
#H_SET2_H1,#H_SET2_H2,#H_SET2_H3,#H_SET2_H4,#H_SET2_H5,#H_SET2_H6,#H_SET2_EH1,#H_SET2_EH2,#H_SET2_EH3,#H_SET2_EH4,#H_SET2_EH5,#H_SET2_EH6,#H_SET2_FH1,#H_SET2_FH2,#H_SET2_FH3,#H_SET2_FH4,#H_SET2_FH5,#H_SET2_FH6 {float:left;width:130px;margin: 0px 3px;}
#H_SET3_H1,#H_SET3_H2,#H_SET3_H3,#H_SET3_H4,#H_SET3_H5,#H_SET3_H6,#H_SET3_EH1,#H_SET3_EH2,#H_SET3_EH3,#H_SET3_EH4,#H_SET3_EH5,#H_SET3_EH6,#H_SET3_FH1,#H_SET3_FH2,#H_SET3_FH3,#H_SET3_FH4,#H_SET3_FH5,#H_SET3_FH6 {float:left;width:130px;margin: 0px 3px;}
#H_SET4_H1,#H_SET4_H2,#H_SET4_H3,#H_SET4_H4,#H_SET4_H5,#H_SET4_H6,#H_SET4_H7,#H_SET4_H8,#H_SET4_H9,#H_SET4_H10,#H_SET4_H11,#H_SET4_EH1,#H_SET4_EH2,#H_SET4_EH3,#H_SET4_EH4,#H_SET4_EH5,#H_SET4_EH6,#H_SET4_EH7,#H_SET4_EH8,#H_SET4_EH9,#H_SET4_EH10,#H_SET4_EH11,#H_SET4_FH1,#H_SET4_FH2,#H_SET4_FH3,#H_SET4_FH4,#H_SET4_FH5,#H_SET4_FH6,#H_SET4_FH7,#H_SET4_FH8,#H_SET4_FH9,#H_SET4_FH10,#H_SET4_FH11 {float:left;width:130px;margin: 0px 3px;}
#H_SET5_H1,#H_SET5_H2,#H_SET5_H3,#H_SET5_H4,#H_SET5_H5,#H_SET5_H6,#H_SET5_EH1,#H_SET5_EH2,#H_SET5_EH3,#H_SET5_EH4,#H_SET5_EH5,#H_SET5_EH6,#H_SET5_FH1,#H_SET5_FH2,#H_SET5_FH3,#H_SET5_FH4,#H_SET5_FH5,#H_SET5_FH6 {float:left;width:130px;margin: 0px 3px;}

.info {background: url('/images/info_icon.jpg') top left no-repeat;}


.toggle {
	margin: 6px 0px 2px 0px; padding: 0px; 
	border: 0px; width: auto; height: 16px;
	padding-left: 20px; 
	font-size: 12px; 
	font-weight:bold; 
	padding-top: 2px; 
	color:  #DC0451;
	background: url('/images/toggle.png') no-repeat;
	cursor: pointer;
}

input[type=text],input[type=password],input[type=file],textarea,select {
	height: 14px;
	width: 55px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:1px 4px 1px 4px;
	font-family: arial,helvetica !important;
	font-size: 11px !important;
	color: #000000 !important;
	border: 1px solid #b2b2b2 !important;
	margin: auto 2px auto 0px !important;
}	

.chartContainer {float:left;display:none;}

.chart {width:520px;height:450px;margin:0px 10px 0px 0px;padding:0px;border:0px;}

.userinput {border:1px solid green;background-color:#afd237;}

.ui-tooltip-dark {
	padding: 6px;
}

.ui-tooltip-dark a {
	color: white;
}


@media print {

	#container {
		width: 95%; 
		border: none;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px!important;
	}

	.label, .label_ic {clear:both;width:140px; padding-left: 6px;}
	
	input[type=text],input[type=password],input[type=file],textarea,select {
		width: 40px;
		font-size: 10px !important;
	}
	
	.input, .input_ic {width:90px;padding-left: 6px;}	

	#B_mid, .A_mid {float:left;width:250px; margin-left: 10px; padding-left: 10px; border-left: 1px solid silver;}

	#C0, #E0 , #H_SET1_H0, #H_SET1_EH0 {float:left;width: 150px; margin-right:10px;}
	#C0 { margin-top: 0px; padding-top: 0px;}

	#C1,#C2,#C3,#C4,#C5,#C6,#E1,#E2,#E3,#E4,#E5,#E6,#H_SET1_H1,#H_SET1_H2,#H_SET1_H3,#H_SET1_H4,#H_SET1_H5,#H_SET1_H6,#H_SET1_EH1,#H_SET1_EH2,#H_SET1_EH3,#H_SET1_EH4,#H_SET1_EH5,#H_SET1_EH6 {float:left;width:100px;margin: 0px 3px;}

	.title3	{color:black;font-weight:bold;font-size:10px;margin-bottom:4px;padding-left:3px;min-height: 30px;}

	.toggle {display: none;}
}



