/**
 * Verkkoherra-templates
 * base.css
 * @author              Verkkoherra Mikko Oikarinen
 */
/* global white space reset */
* { margin: 0;padding: 0;}
/* helper div to clear divs */
div.clear {clear: both;height: 0px;overflow: hidden; }

.err {
	float: left;
	border: 2px dotted #000;
	padding: 5px;
	margin: 10px 0;
	color: #000;
	font-weight: bold;
	background: #FA9204;
}
.status {
	border: 2px dotted #ccc;
	padding: 8px;
	background: #efefef;
}
.status, .status_error, .status_success {
	float: left;
	font-weight: bold;
	font-size: 110%;
	margin: 3px;
	width: 700px;
}
.status_error {
	border: 2px dotted #000;
	padding: 8px 8px 8px 25px;
	background: #FFA206 url( ../icons/error.png ) no-repeat 3px center;
}

.status_success {
	border: 2px dotted #333;
	padding: 8px 8px 8px 25px;
	background: #62FF9F url( ../icons/tick.png ) no-repeat 3px center;
}
body {
	background: #FBFCFC url( img/greenslide_bg.jpg ) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	color: #40464f;
}

a {
	color: #008CFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

h1 {
	font-size: 200%;
	color: #333;
	letter-spacing: 0.1em;
}

/** main body **/
#body_wrapper {
	width: 740px;
	min-height: 100px;
	margin: 40px auto;
	padding: 20px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 6px;
 	-moz-border-radius: 6px;
}
/** header **/
h1 {
	float: left;
}
#clien-data {
	float: right;
	font-weight: bold;
}
/** content **/
#form {
	float: left;
	width: 493px;
}

#help {
	float: left;
	width: 238px;
	font-size: 16px;
	letter-spacing: 0.01em;
	padding: 4px;
	background: url( img/slide.jpg ) repeat-y left;
}
#help p {
	margin: 12px 0;
}
#help p:first-letter {
	font-weight: bold; 
}
/** form **/
.lighter {
	float: left;
	width: 300px;
	margin: 5px 0 0;
	font-size: 11px;
	color: #666;
}
.sum {
		font-size: 20px;
}
.sum, product-div {
	color: #5A7168;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px 10px 10px 0;
	background: #FAF3D4;
}

.wrap {
	float: left;
	border-top: 1px solid #efefef;
	padding-top: 8px;
	width: 100%;
}
.required {
	background: #efefef;
}
.error {
	font-size: 12px;
	color: #f10;
	font-weight: bold;
}
form {
	float: left;
	width: 480px;
}

fieldset {
	border: none;
	border-top: 1px solid #ccc;
	margin: 0 0 10px 0;
}
legend, h2 {
	font-size: 20px;
	padding-right: 10px;
	margin: -10px 0 10px 0;
	color: #5A7168;
	letter-spacing: 0.05em;
}
label {
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	width: 200px;
	margin: 0 0  10px 2px;
}
.dat {
	float: left;
	width: 360px;
	margin: 2px 0  10px 0;
	font-weight: bold;
	font-size: 14px;
	color: #3AB508;
	
}
.tai {
	float: left;
	width: 100%;
	margin: 10px;
	font-size: 18px;
}
.formfield {
	float: left;
	width: 260px;
	margin: 0 0  10px 0;
}
input {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
}
select {
	width: 400px;
	padding: 3px;
}
.product {
	display: none;
	width: 392px;
	padding: 3px;
	border: 1px solid #ccc;
	border-top: 0px solid #ccc;
	background: #efefef;
}
.button {
	float:left;
	margin: 5px 0 15px 202px;
	border: none;
	text-align: center;
	background: url( img/button.jpg ) no-repeat center center;
	text-transform: uppercase;
	font-weight: bold;
	width: 128px;
	padding: 3px 0 4px 0;
	font-size: 12px;
}

.button2 {
	float:left;
	margin: 5px 0 15px 0;
	border: none;
	text-align: center;
	background: url( img/button.jpg ) no-repeat center center;
	text-transform: uppercase;
	font-weight: bold;
	width: 128px;
	padding: 3px 0 4px 0;
	font-size: 12px;
}

#footer_wrapper {
	float: left;
	width: 100%;
	font-size: 80%;
	text-align: right;
	margin: 10px 0;
}