body {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #093245;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

#wrap {
	width: 935px;
	margin: 0 auto;
	position: relative;
}

.pagenum {
	position: absolute;
	right: 12px;
	top: 10px;
	font-weight: bold;
}

a:link, a:visited {
	font-size: 1.0em;
	text-decoration: none;
	color: #268caa;
}

a:hover, a:active {
	color: #1a6479; 
	text-decoration: none;
}


h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid silver;
	background-color: #dff3fa;
	padding: 0.5em;
	text-align: center;
	position: relative;
}

h2 {
	font-size: 125%;
	margin: 1em;
}
h2 span.normal {
	font-size: 80%;
}

small {
	font-size: 80%;
	color: #666;
	font-weight: normal;
}

p {
	max-width: 900px;
	line-height: 1.45em;
}

p.info {
	margin-top: 0.1em;
	font-size: 80%;
	color: #666;
}

li {
	line-height: 1.7em;
}

.sivu {
	position: relative;
	margin-bottom: 0.5em;
}

.nopagebreak {
	display: inline-block;
	width: 100%;
}

.content {
	width: 900px;
	border: 1px solid silver;
	border-top-width: 0;
	margin: 0 auto;
	padding: 0.5em;
	text-align: left;
}

.printnote {
	background-color: #FFFFFF;
	border: 4px solid #BA0000;
	font-size: 16pt;
	line-height: 1em;
	margin: 0;
	padding: 0.3em 0.5em;
}

form {
	position: relative;
	margin: 0;
	padding-bottom: 25px;
}

label,
input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox],
button {
	cursor: pointer;
}

input[name="user"] {
	font-family: Consolas, Arial, Helvetica, sans-serif;
}

input[name="user"],
input[name="pass"] {
	width: 16em;
}

input[type="password"] {
	font-family: Consolas, monospace;
}

input[type="text"],
input[type="password"],
textarea {
	font-size: 18px;
	padding: 0.3em 0.6em;
	display: inline-block;
	border: 1px solid #ccc;
	   -moz-box-shadow: inset 0 1px 3px #ddd;
	-webkit-box-shadow: inset 0 1px 3px #ddd;
	        box-shadow: inset 0 1px 3px #ddd;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}

textarea {
	font-family: Consolas, monospace;
	font-size: 17px;
}

.full-width {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}

.ie6 .full-width,
.ie7 .full-width {
	width: 97.6%;
}

input[type="submit"] {
	font-size: 16px;
	padding: 0.4em 0.8em;

	   -moz-box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 1px 0 0 #ffffff;
	        box-shadow:inset 0 1px 0 0 #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');*/
	background-color:#f9f9f9;
	-webkit-border-radius:12px;
	   -moz-border-radius:12px;
	        border-radius:12px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#555555;
	font-weight:normal;
	font-style:normal;
	/*height:40px;
	line-height:40px;*/
	text-align:center;
}
@media print {
	input[type="submit"] {
		background:#f9f9f9;
	}
}

input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');*/
	background-color:#e9e9e9;
}

select#sel_kunnat {
	width: 190px;
	min-height: 400px;
}

select#sel_koulut {
	width: 360px;
	min-height: 400px;
}

fieldset {
	display: block;
}

fieldset#typeset {
	width: 340px;
}
fieldset#typeset input#special_desc {
	margin: 2px 0 0 23px;
	width: 310px;
}

legend, label.title {
	color: #093245;
	font-weight: bold;
}

label.block,
div.block {
	display: block;
	/*padding: 2px 5px 3px 2px;*/
	padding: 0.4em 0.7em 0.4em 0.2em;
	margin-bottom: -1px;
	border: 1px solid silver;
	line-height: 1.45em;
}

table.grid {
	border-collapse: collapse;
}

table.grid th,
table.grid td {
	border: 1px solid silver;
	vertical-align: middle;
	padding: 0.8em 0.7em 0.8em 0.7em;
}

table.grid .scale-header th {
	padding: 0.5em;
	text-align: center;
	font-weight: normal;
}

table.grid td.grid0 {
	border: 0;
}

input.gridradio {
	margin: 8px;
}

/* Vanhat värit joissa hieman enemmän kontrastia */
/*.bgcolor1 { background-color: #ecff69; } /* Keltainen */
/*.bgcolor2 { background-color: #ff6969; } /* Punainen */
/*.bgcolor3 { background-color: #69c6ff; } /* Sininen */
/*.bgcolor4 { background-color: #7bff69; } /* Vihreä */
/*.bgcolor5 { background-color: #ffbe69; } /* Oranssi */
/*.bgcolor6 { background-color: #b569ff; } /* Violetti */

.bgcolor1 { background-color: #EEFF7D; } /* Keltainen */
.bgcolor2 { background-color: #FF7D7D; } /* Punainen */
.bgcolor3 { background-color: #7DCDFF; } /* Sininen */
.bgcolor4 { background-color: #8CFF7D; } /* Vihreä */
.bgcolor5 { background-color: #FFC67D; } /* Oranssi */
.bgcolor6 { background-color: #BF7DFF; } /* Violetti */

/******************************************************************************
 * Grid radio button styles
 *****************************************************************************/

table.grid td.button {
	cursor: pointer;
	padding: 0.5em;
	text-align: center;
	vertical-align: middle;
	line-height: 0.8em;
}
table.grid td.button * {
	vertical-align: middle;
}

label.radioButton {
	font-size: 2.01em;
	line-height: 0;
	text-align: center;
	display: inline-block;
	width: 1em;
	height: 1em;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0.15em;

	   -moz-box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-box-shadow:inset 0 1px 0 0 #ffffff;
	        box-shadow:inset 0 1px 0 0 #ffffff;
	-webkit-border-radius:0.4em;
	   -moz-border-radius:0.4em;
	        border-radius:0.4em;

	background-color: #f9f9f9;
	background-color: rgba(249, 249, 249, 0.9);
	border: 1px solid #dcdcdc;
}

.ie7 label.radioButton,
.ie8 label.radioButton {
	display: block;
	width: auto;
	height: auto;
	border-width: 0;
	background-color: transparent;
}

td.button:hover label.radioButton {
	padding: 0.2em;
}

.ie7 td.button:hover label.radioButton,
.ie8 td.button:hover label.radioButton {
	padding: 0.15em;
}

td.button:hover label.radioButton::before {
	content: "";
	font-size: 0.5em;

	display: inline-block;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;

	/* Gray */
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
}

td.button:active label.radioButton {
	padding: 0.25em;
}

td.button:active label.radioButton::before {
	/* Blue */
	background-color: #7ec6ff;
	background-color: rgba(126, 198, 255, 0.9);
	border: 1px solid #64A2FF;
}

td.button.checked label.radioButton::before {
	content: "";
	font-size: 0.5em;

	display: inline-block;
	width: 100%;
	height: 100%;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;

	/* Gray */
	/*background-color: #747474;
	background-color: rgba(116, 116, 116, 0.9);
	border: 1px solid #9e9e9e;*/

	/* Blue */
	background-color: #7ec6ff;
	background-color: rgba(126, 198, 255, 0.9);
	border: 1px solid #64A2FF;
}

/*table.grid td.checked {
	background-color: #E4F5FF;
}*/

/*table.grid td.checked.bgcolor1 { background-color: rgba(238, 255, 125, 0.4); } /* Keltainen */
/*table.grid td.checked.bgcolor2 { background-color: rgba(255, 125, 125, 0.4); } /* Punainen */
/*table.grid td.checked.bgcolor3 { background-color: rgba(125, 205, 255, 0.4); } /* Sininen */
/*table.grid td.checked.bgcolor4 { background-color: rgba(140, 255, 125, 0.4); } /* Vihreä */
/*table.grid td.checked.bgcolor5 { background-color: rgba(255, 198, 125, 0.4); } /* Oranssi */
/*table.grid td.checked.bgcolor6 { background-color: rgba(191, 125, 255, 0.4); } /* Violetti */

td.button.checked.bgcolor1 label.radioButton::before { background-color: #EEFF7D; border-color: #A4B533; }
td.button.checked.bgcolor2 label.radioButton::before { background-color: #FF7D7D; border-color: #B53333; }
td.button.checked.bgcolor3 label.radioButton::before { background-color: #7DCDFF; border-color: #3383B5; }
td.button.checked.bgcolor4 label.radioButton::before { background-color: #8CFF7D; border-color: #42B533; }
td.button.checked.bgcolor5 label.radioButton::before { background-color: #FFC67D; border-color: #B57C33; }
td.button.checked.bgcolor6 label.radioButton::before { background-color: #BF7DFF; border-color: #7533B5; }

td.button.bgcolor1:active label.radioButton::before { background-color: #EEFF7D; border-color: #A4B533; }
td.button.bgcolor2:active label.radioButton::before { background-color: #FF7D7D; border-color: #B53333; }
td.button.bgcolor3:active label.radioButton::before { background-color: #7DCDFF; border-color: #3383B5; }
td.button.bgcolor4:active label.radioButton::before { background-color: #8CFF7D; border-color: #42B533; }
td.button.bgcolor5:active label.radioButton::before { background-color: #FFC67D; border-color: #B57C33; }
td.button.bgcolor6:active label.radioButton::before { background-color: #BF7DFF; border-color: #7533B5; }

/*****************************************************************************/

.block.bgcolor1,
.block.bgcolor2,
.block.bgcolor3,
.block.bgcolor4,
.block.bgcolor5,
.block.bgcolor6,
table.grid td.bgcolor1,
table.grid td.bgcolor2,
table.grid td.bgcolor3,
table.grid td.bgcolor4,
table.grid td.bgcolor5,
table.grid td.bgcolor6 {
	border-color: #ffffff;
}

fieldset#groups {
	width: 420px;
}

fieldset#groups div.row {
	clear: left;
}
fieldset#groups div.indent {
	margin-left: 150px;
	margin-bottom: 2px;
}
fieldset#groups label {
	display: block;
	float: left;
	width: 150px;
	padding-top: 4px;
	border-bottom: 1px dotted #999;
}
fieldset#groups label.normal {
	display: inline;
	float: none;
	width: auto;
	padding-top: 0;
	border-bottom: 0;
}
fieldset#groups input {
	height: 14px;
}

fieldset legend strong {
	text-decoration: underline;
}

fieldset.address_data {
	width: 450px;
}

fieldset.address_data div.row {
	clear: left;
}
fieldset.address_data label {
	display: block;
	float: left;
	width: 170px;
	padding-top: 4px;
}

fieldset#materiaalin_toimitus {
	width: 700px;
}

fieldset#lisatietoja_data {
	width: 700px;
}
textarea#lisatietoja {
	width: 660px;
}

fieldset.materiaali_data {
	width: 650px;
}
fieldset.materiaali_data div.row {
	clear: left;
}
fieldset.materiaali_data label {
	display: block;
	float: left;
	width: 370px;
	padding-top: 4px;
}

#confirm fieldset {
	width: 650px;
}
#confirm fieldset fieldset {
	width: auto;
}
#confirm p {
	margin: 0.4em 0;
}

table th {
	text-align: left;
}
table td {
	vertical-align: top;
}
table th,
table td {
	font-size: 100%;
}

table.table1 {
	border: 0;
	border-collapse: collapse;
}
table.table1 th,
table.table1 td {
	/*border: 1px solid silver;*/
	margin: 0;
	padding: 3px 8px;
}

.disabled {
	color: gray;
}

.error_info {
	font-size: 120%;
	margin-bottom: 0.2em;
}
ul.error {
	margin-top: 0.2em;
}
.error {
	color: red !important;
	/*font-weight: bold;*/
}
p.error {
	font-weight: bold;
}
.error input, .error select, input.error, textarea.error, select.error {
	border: 1px solid red;
	color: black !important;
}

#debugBox {
	padding: 0 1em;
	border: 1px solid silver;
	margin-top: 1em;

	/*position: fixed;
	bottom: 0;
	left: 0;
	height: 200px;
	overflow: scroll;*/
}

#debugBox pre {
	font-size: 0.9em;
}

/******************************************************************************
 * Status page
 *****************************************************************************/

.tblStatus {
	border-collapse: collapse;
	margin: 1em auto;
}

.tblStatus th,
.tblStatus td {
	border: 1px solid #e0e0e0;
	padding: 0.2em 0.35em;
}

.tblStatus th {
	text-align: left;
}

.tblStatus td {
	/*font-family: Consolas, monospace;*/
}

.tblStatus.numericValues td {
	font-family: Consolas, monospace;
	text-align: right;
}

/*****************************************************************************/

@media print {
	.noprint {
		display: none;
	}
	/*input[type="text"],
	input[type="password"],
	textarea {
		border: 1px solid silver;
	}*/
}