body {
	
 	background-color : #E3E5E5;
 	margin : 0px;
 	padding : 0px;
 	
	background-image : url(../img/gray_spot.png);	
 	
}

#etusvasp {
	background-image : url(../img/etus_sist.png);	
	background-repeat : no-repeat;
	
}

.contentback {
	background-image : url(../img/body_back_top.png);	
	background-repeat : repeat-x;
	
}

.vasenvarjo {
	width: 31px;
	background-image : url(../img/vasen_varjo_back.png);	
	background-repeat : repeat-y;
}

.oikeavarjo {
	width: 31px;
	background-image : url(../img/oikea_varjo_back.png);	
	background-repeat : repeat-y;
	
}


.maintable {	
	
}

.contentpage {
	background-color : white;
}

.topnavi {
	background-image : url(../img/top_navi_back.png);	
	background-repeat : repeat-x;	
	color : black;
}

.topnavibutton {
	font-family : Arial;
	font-size : 12px;
	color : black;
}

.hakupohja {
	background-image : url(../img/haku_back.png);	
	background-repeat : no-repeat;	
	width : 234px;
	height : 39px;
	
}

.hakuinput {
	
	width : 113px;
	height : 13px;
	padding : 0px;
	margin : 0px;
	
	font-size : 12px;
	font-family : arial;
		
}

.hakuinputimg {
	padding : 0px;
	margin : 0px;
	
}

.middlecontent {
	/*
	background-image : url(../img/middle_area_back_slide.png);	
	background-repeat : repeat-x;
	*/
	
}

.rightborder {
	background-image : url(../img/ma_back_right.png);	
	background-repeat : repeat-y;
}

.leftborder {
	/*
	background-image : url(../img/ma_back_left.png);	
	background-repeat : repeat-y;
	*/
}

.madiv {
	background-image : url(../img/ma_div.png);	
	background-repeat : repeat-y;	
}

.leftnavitop {
	background-image : url(../img/left_navi_tb.png);	
	background-repeat : repeat-x;	
}

.leftnavitopunsel {
	background-image : url(../img/left_navi_tb_unsel.png);	
	background-repeat : repeat-x;	
}


.leftnavil {
	background-image : url(../img/left_navi_lb.png);	
	background-repeat : repeat-y;		
}

.leftnavir {
	background-image : url(../img/left_navi_rb.png);	
	background-repeat : repeat-y;		
}


.leftnavihead {
	background-image : url(../img/left_navi_head_back.png);	
	background-repeat : repeat-x;		
}

.leftnavihead2 {
	background-image : url(../img/left_navi_head2_back.png);	
	background-repeat : repeat-x;		
}

.hntext {
	font-family : Arial;
	font-size : 11px;
	color : white;	
	font-weight : bold;
}

.h2ntext {
	font-family : Arial;
	font-size : 11px;
	color : black;	
}

.conttxt {
	font-family : Arial;
	font-size : 12px;
	color : black;	
}

.hinta {
	font-family : Arial;
	font-size : 14px;
	color : black;	
}


.lndiv {
	background-color : #eaeaea;	
	height : 1px;
	font-size : 1px;
}

.navihead1 {
	font-family : Arial;
	font-size : 11px;
	color : black;	
	font-weight : Bold;
}

.navihead2 {
	font-family : Arial;
	font-size : 11px;
	color : black;		
}


.leftnavihead1row {
	cursor : pointer;
}


.leftnavihead2row {
	cursor : pointer;
}


.leftnavimenuh {
	background-image : url(../img/left_navi_menuh.png);	
	background-repeat : repeat-x;		
	
}

.content {
	font-family : Arial;
	color : black;
	font-size : 12px;
	text-align : left;

}

.newspot {
	text-align : right;
}

a {
	font-family : Arial;
	color : #004eb2;
	font-size : 12px;	
	text-decoration : none;
}

a:hover {
	font-family : Arial;
	color : #004eb2;
	font-size : 12px;	
	text-decoration : underline;
}

.topunsel {
	background-image : url(../img/alas_navi_top_eival.png);	
	padding-left : 30px;
	font-size : 12px;	
	font-family : Arial;
	text-align : left;
}


.navih1 {
	font-size : 11px;
	font-weight : bold;
}


.midunsel {
	background-image : url(../img/alas_navi_middle_eival.png);	
	padding-left : 30px;
	font-size : 11px;	
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}

.midsel {
	background-image : url(../img/alas_navi_middle_val.png);	
	padding-left : 30px;
	font-size : 11px;	
	font-family : Arial;
	font-weight : bold;
	color : white;
	text-align : left;
}

.mid2sel {
	background-image : url(../img/alas_navi2_middle_val.png);	
	padding-left : 40px;
	font-size : 11px;	
	font-family : Arial;
	font-weight : bold;
	text-align : left;
}

.mid2unsel {
	background-image : url(../img/alas_navi2_middle_eival.png);	
	padding-left : 40px;
	font-size : 11px;	
	font-family : Arial;
	text-align : left;
	cursor : link;	
	
}

.mid3sel {
	background-image : url(../img/alas_navi3_middle_.png);	
	padding-left : 55px;
	font-size : 11px;	
	font-family : Arial;	
	text-align : left;
	color : #35A211;
}

.mid3selb {
	background-image : url(../img/alas_navi3_middle_b.png);	
	padding-left : 55px;
	font-size : 11px;	
	font-family : Arial;	
	text-align : left;
	color : #35A211;
}


.mid3seltxt {
	color : #35A211;
}

.mid3unsel {
	background-image : url(../img/alas_navi3_middle_.png);	
	padding-left : 55px;
	font-size : 11px;	
	font-family : Arial;
	text-align : left;
	cursor : pointer;	
}

.mid3unselb {
	background-image : url(../img/alas_navi3_middle_b.png);	
	padding-left : 55px;
	font-size : 11px;	
	font-family : Arial;
	text-align : left;
	cursor : pointer;	
}


.mid2menu {
	text-decoration : none;
	color : black;
	text-align : left;
	font-size : 11px;
}

.mid2menu:hover {
	color : #35A211;
	text-decoration : none;
	text-align : left;
	font-size : 11px;
}

.alasivuotsikkotausta {
	background-image : url(../img/alas_ots_tausta_sin.png);	
	background-repeat : repeat-x;		
}

.alasivuotsikko {
	font-size : 18px;		
	color : white;
	font-family : Arial;
	font-weight : Bold;
	padding-left : 28px;
	text-align : left;
}


.content2 {
	font-family : Arial;
	color : black;
	font-size : 12px;
	text-align : left;
	padding-left : 28px;
	padding-right : 28px;
}

.middledivtable {
	height : 2px;
	font-size : 2px;
}

.backslide {

	background-image : url(../img/middle_area_back_slide.png);	
	background-repeat : repeat-x;
}

.erotinviiva {
	background-color : #F1F0F0;
	width : 1px;
}


h1 {
	font-family: Arial;
	font-size : 14px;
	color : #000000;
	font-weight : bold;		
	padding-left : 28px;
}

h2 {
	font-family: Arial;
	font-size : 14px;
	color : #000000;
	font-weight : bold;		
	padding-left : 28px;
}

P {
	padding-left:0px;	
	font-family: Arial;
	font-size : 12px;
	color : #000000;	
}

.hakuots {
	font-family: Arial;
	font-size : 11px;
	font-weight : bold;
	color : #000000;	
}

select {
	font-family: Arial;
	font-size : 11px;
	color : #000000;	
	width : 195px;
	border : 1px solid gray;
}

.haku {
	font-family: Arial;
	font-size : 11px;
	color : #000000;	
	width : 195px;
	border : 1px solid gray;
}




UL {
	
	font-family: Arial;
	font-size : 12px;	
	margin-left : 30px;	
	padding-left :16px;
}

LI {
	color: 004eb2;	
	list-style-image: url(../img/list_bullet.gif);
}


TD {
	font-family : Arial;
	font-size : 12px;
}


.nopadding {
	padding : 0px;
	padding-left : 0px;
}

.contentcomponenttd {
	padding-left : 0px;
	text-align : left;
}

#copyright {
	position:relative;
	left:25px;
	top:-30px;
	font-size: 11px;
}

#copyright a {
	font-size: 11px;
}

.navih2 a {
	color : black;
	font-size : 11px;
	font-weight : normal;
}

.navih1 a {
	color : black;
	font-size : 11px;
}

.navih1 a {
	color : black;
	font-size : 11px;
}

.midsel a {
	color : white;
	font-size : 11px;
}




/*EXTRANET LOGIN*/
#extraLoginCont{
	display:block;
	position:relative;
	width:300px;
	height:25px;
	margin-left:-8px;
}

#extraHeader{
	display:block;
	background: transparent url(../img/extra_login_palkki.png) left top no-repeat;
	width:300px;
	height:25px;
	position:absolute;
	z-index:300;
}

#extraLogin{
	float:left;
	width:190px;
	padding:5px 0 0 7px;
}

#extraJoin{
	float:left;
	width:95px;
	padding:5px 0 0 8px;
}

#extraHeader a{
	margin:5px auto;
	color:#ffffff;
	font-weight:bold;
}

#extraHeader a:hover{
	text-decoration:none;
}

#extraLoginBoxCont {
	position:absolute;
	/*height:130px;*/
	width:300px;
	z-index:200;
	overflow:hidden;

}
#extraLoginBox{
	position:absolute;
	background: #35a211 url(../img/extra_loginBox_bottom.png) left bottom no-repeat;
	height:75px;
	width:282px;
	z-index:201;
	top:-50px;
	padding: 0 7px 0 12px;
}

#extraLoginBox .inputBox{
	float:left;
	height:23px;
	width:110px;
	padding:10px 0 12px 0;
	position:relative;
}
#extraLoginBox .inputBoxTunnus{
	float:left;
	height:23px;
	width:165px;
	margin:10px 0 12px 0;
	padding-left:3px;
	padding-right:3px;
	position:relative;
	background: transparent url(../img/extra_login_inputBg.png) right top no-repeat;
}

#extraLoginBox .inputBox input#loginName{
	position:absolute;
	z-index:300;
	display:inline;
}
#extraLoginBox .inputBox input#loginPass{
	position:absolute;
	z-index:300;
	display:inline;
}
#extraLoginBox .inputBox input#loginPassOver{
	position:absolute;
	z-index:400;
	display:inline;
}

#extraLoginBox .inputBox input.pass{
	width:102px;
	height:20px;
	background: transparent url(../img/extra_login_inputPassBG.png) left top no-repeat;
	border:none;
	padding: 3px 0 0 3px;
	display:inline;
}

#extraLoginBox .inputBoxTunnus input.tunnus{
	width:157px;
	height:20px;
	background: none;
	border:none;
	padding: 3px 0 0 0;
	margin-left:4px;
	display:block;
}

#extraUnohdus{
	float:left;
	width:192px;
}

#extraUnohdus a{
	color:#ffffff;
	font-size:11px;
}

#extraUnohdus a:hover{
	text-decoration:none;
}

#extraSubmit{
	float:right;
	width:75px;
	height:17px;
}

#extraSubmit .submit{
	width:68px;
	height:17px;
	background: transparent url(../img/extra_login_btn.png) left top no-repeat;
	border:none;
	cursor:pointer;
}

#extraLoginBox .error, .unohdusError{
	display:block;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
}

.unohdusError{
	display:block;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
}

#extraUnohdusFrom {
    position:absolute;
	background: #35a211 url(../img/extra_loginBox_bottom.png) left bottom no-repeat;
	height:90px;
	width:281px;
	z-index:201;
	top:-50px;
	padding: 0 7px 0 12px;
	display:none;
}

#extraUnohdusFrom .inputBox{
	height:23px;
	width:276px;
	margin-left:2px;
	padding:10px 0 12px 0;
	position:relative;
}


#unohdusSubmit .submit{
	width:74px;
	height:17px;
	background: transparent url(../img/extra_unohdus_btn.png) left top no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
}

#extraUnohdusFrom .inputBox input{
	width:276px;
	height:20px;
	background: transparent url(../img/extra_unohdus_inputBg.png) left top no-repeat;
	border:none;
	padding:3px 0 0 5px;
	display:inline;
}
.closeUnohdus{
    float:left;
    color:#FFFFFF;
    text-decoration:none;
    font-size:11px;   
}
.closeUnohdus:hover{
    text-decoration:none;
    color:#FFFFFF;
    font-size:11px;   
}


/*EXTRANET NAVI*/
table#extraNavi .extraNaviTop{
	height:29px;
	width:203px;
	background: transparent url(../img/extra_naviTop.png) left top no-repeat;
}

table#extraNavi table.topActive{
	height:29px;
	width:203px;
	background: transparent url(../img/extra_naviTop_active.png) left top no-repeat !important; 
}

table#extraNavi table.extraNaviTop a{
	margin-top:2px;
}

table#extraNavi table.topActive a{
	color:#ffffff !important;
	margin-top:2px;
}

table#extraNavi table.midActive {
	height:26px;
	width:203px;
	background: transparent url(../img/extra_naviMiddle_active.png) left top no-repeat !important;
}

table#extraNavi table.midActive  a{
	color:#ffffff !important;
}

table#extraNavi table.bottomActive {
	height:32px;
	width:203px;
	background: transparent url(../img/extra_naviBottom_active.png) left top no-repeat !important;
}

table#extraNavi table.bottomActive a{
	margin-top:3px;
	color:#ffffff !important;
}

table#extraNavi .topunsel{
	height:30px;
	width:203px;
	background: transparent url(../img/navi_extraTop.png) left top no-repeat;
}

table#extraNavi .topunsel a{
	margin-top:9px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	display:block;
}

table#extraNavi .midunsel {
	height:26px;
	width:203px;
	background: transparent url(../img/navi_extraMiddle.png) left top no-repeat;
}

table#personal, table#extraNavi{
	width:203px;
	margin-bottom:10px;
}


	


table#personal a, table#extraNavi a{
	color: #000000;
	font-weight:bold;
	margin:0 0 0 27px;
	display:block;
}

table#personal table.bottomLink a{
	margin-top:3px;
}

table#personal table.personalHeader{
	height:28px;
	width:203px;
	background: transparent url(../img/extra_personalHeader.png) left top no-repeat;
}

table#personal table.midLink, table#extraNavi table.midLink{
	height:27px;
	width:203px;
	background: transparent url(../img/extra_personalMiddle.png) left top no-repeat;
}

table#personal table.bottomLink, table#extraNavi table.bottomLink{
	height:31px;
	width:203px;
	background: transparent url(../img/extra_personalBottom.png) left top no-repeat;
} 


table#personal .name{
	float:left;
	padding:2px 0 0 27px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

table#personal .personIconMale{
	background: transparent url(../img/extra_personIcon_male.png) left top no-repeat;
	float:right;
	margin:0 13px 0 0;
	height:16px;
	width:12px;
}