body {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#333333;
	background:#f6f6f6;
}


/*** Styles
*************************************************************************/

a {
	text-decoration:none;
	color:#3c3c3c;
}

a:hover {
	text-decoration:none;
	color:#333232;
}

h1, h2, h3, h4 {
	color:#333333;
	margin:0px;
	padding: 10px 0px;
	font-family:tahoma, arial, sans-serif;
}

h1 {
	font-size:36px;
	font-weight:normal;
	padding:;
}


h2 {
	font-size:20px;
	font-weight:normal;
	padding:0px 0px 10px 0px;
}

h3 {
	font-size:18px;
	font-weight:normal;
	padding:10px 0px 5px 0px;
}

h4 {}

p {
	margin:0px;
	padding:0px 0px 10px 0px;
	line-height:1.3em;
}

.clear {
	clear:both;
}

br.clear {
	display:block;
}

hr {
	border:solid 0px #d3d3d3;
	border-top-width:1px;
	height:1px;
	background:#ffffff;
	margin:10px 0px;
}

/*** Frame
*************************************************************************/

div#page {
	width:646px;
	height:auto;
	margin:0px auto;
	
}

div#page.gray div#header,
div#page.gray div#content,
div#page.gray div#footer {
	background-image:url(../img/background_gray.jpg);
}

div#page.green div#header,
div#page.green div#content,
div#page.green div#footer {
	background-image:url(../img/background_green.jpg);
}

div#page.blue div#header,
div#page.blue div#content,
div#page.blue div#footer {
	background-image:url(../img/background_blue.jpg);
}

div#page.gray div#header div#navigation {display:none;}
div#page.gray div#footer div#logout {display:none;}

/*** Header
*************************************************************************/


div#header{
	height:100px;
	margin:0px;
	padding:0px 0px 20px 0px;
	background-position:-646px bottom;
	background-repeat:no-repeat;
	position:relative;
}

/*** Title
***************************************/

div#title {
	width:155px;
	height:60px;
	position:absolute;
	right:20px;
	top:30px;
}

div#title h1 {
	margin:0px;
	padding:60px 0px 0px 0px;
	height:0px;
	width:155px;
	overflow:hidden;
}

div#title h1.en {
	background:url(../img/picasso_logo_en.gif) no-repeat top left;
}

div#title h1.fi {
	background:url(../img/picasso_logo_fi.gif) no-repeat top left;
}

div#title h1.sv {
	background:url(../img/picasso_logo_sv.gif) no-repeat top left;
}

div#title h3 {
	display:none;
}


/*** Navigation
***************************************/


div#navigation {
	position:absolute;
	left:0px;
	top:70px;
}

div#navigation a {
	display:block;
	float:left;
	padding:0px 0px 0px 15px;
	height:30px;
	margin:0px 6px 0px 0px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1.17em;
	font-weight:bold;
}

div#navigation a:hover span {
	color:#000000;
}


div#navigation a span {
	display:block;
	float:left;
	padding:8px 15px 6px 0px;
	height:16px;
	line-height:16px;
	margin:0px0px;
	background-position:top right;
	background-repeat:no-repeat;
}

div#navigation a.blue,
div#navigation a.blue span {
	background-image:url(../img/navilink_blue.jpg);
}

div#navigation a.green,
div#navigation a.green span {
	background-image:url(../img/navilink_green.jpg);
}

div#navigation a.blue {
	color:#053343;
}

div#navigation a.green {
	color:#374e07;
}

/*** Content
*************************************************************************/

div#content {
	height:auto;
	margin:0px;
	padding:1px 22px;
	background-position:0px top;
	background-repeat:repeat-y;
}

div#content form {
	font-size:1em;
}

div#content form label {
	font-weight:bold;
}

div#content form label.pretextinputlabel {
	display:block;
	float:left;
	width:130px;
	margin:13px 0px;
	font-weight:bold;
	font-size:1.17em;
}

div#content form span.posttextinputspan {
	display:block;
	float:left;
	margin:9px 0px 10px 10px;
	color:#4a4a4a;
}

div#content form input.text {
	border:solid 1px #a8a8a8;
	display:block;
	float:left;
	margin:7px 0px 8px 0px;
	padding:5px;
	width:283px;
	line-height:23px;
	font-size: 1.25em;
}


div#content form textarea {
	border:solid 1px #a8a8a8;
	font-family:arial, sans-serif;
	font-size:1em;
	padding: 5px;
	width: 590px;
}

div#content form input.text:focus,
div#content form textarea:focus {
	border:solid 1px #666666;
}


div#content form button.submit {
	border:none;
	float:left;
	padding:0px;
	margin:5px 0px;
	cursor:pointer;
	background:#ffffff;
}

div#content form button.submit span {
	display:block;
	border:none;
	height:39px;
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../img/button_submit.jpg) no-repeat top left;
	cursor:pointer;
}

div#content form button.submit span span {
	display:block;
	border:none;
	margin:0px;
	height:23px;
	line-height:23px;
	padding:8px 20px 8px 0px;
	background:url(../img/button_submit.jpg) no-repeat top right;
	font-size:1.33em;
	font-weight:normal;
	color:#212121;
	cursor:pointer;
}


div#content form span.success {
	display:block;
	float:left;
	height:39px;
	margin:5px 0px 5px 15px;
	padding:0px 0px 0px 30px;
	background:url(../img/ok_icon.jpg) no-repeat left center;
	font-weight:bold;
	line-height:39px;
	font-size:1.17em;
}

div#content form span.failure {
	display:block;
	float:left;
	height:39px;
	margin:5px 0px 5px 15px;
	padding:0px 0px 0px 30px;
	background:url(../img/error_icon.gif) no-repeat left center;
	font-weight:bold;
	line-height:39px;
	font-size:1.17em;
	color:#cc3300;
}


/*** Footer
*************************************************************************/


div#footer {
	height:100px;
	margin:0px;
	padding:20px 20px 0px 20px;
	background-position:-1292px top;
	background-repeat:no-repeat;
}

/*** Language
***************************************/

div#language {
	float:left;
	padding:5px 0px;
	font-size:1.17em;
}

div#language a {

}

div#language a:hover {
	color:#000000;
}

div#language a.current {
	font-weight:bold;
}


/*** Logout
***************************************/

div#logout {
	float:right;
	padding:5px 0px;
}

div#logout a {
	display:block;
	padding:1px 2px 1px 22px;
	background: url(../img/logout_icon.jpg) no-repeat 0px 3px;
	font-weight:bold;
	font-size:1.17em;
	text-decoration:none;
	color:#333232;
}

div#logout a:hover {
	color:#000000;
}

/*** Contact
***************************************/

div#contact {
	float: left;
	margin-left:60px;
	padding:6px 0px;
    font-size:1.2em;
}

div#contact a:hover {
	color:#000000;
}