/* fixa bg kuvana */

/* -----------------------------------	*/
/*   Severa 3 www - common styles  	*/
/* -----------------------------------	*/


div.severaheader { 
    background-color: #FFFFFF;
	background-image: url(../pics/bg1.gif); 
	background-repeat: repeat-x; 
/*	height: 101%;*/
	scrollbar-3dlight-color:#CC0000;
	scrollbar-darkshadow-color:#CC0000;
	scrollbar-face-color:#CC0000;
	scrollbar-highlight-color:#CC0000;
	scrollbar-shadow-color:#CC0000;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color: #888888;
	font-family : arial ;
	font-size   : 12px   ;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	 }


.support { 
    background-color: #FFFFFF;
	background-image: url(../pics/bg1.gi); 
	background-repeat: repeat-x; 
/*	height: 101%;*/
	scrollbar-3dlight-color:#CC0000;
	scrollbar-darkshadow-color:#CC0000;
	scrollbar-face-color:#CC0000;
	scrollbar-highlight-color:#CC0000;
	scrollbar-shadow-color:#CC0000;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color: #888888;
	font-family : arial ;
	font-size   : 12px   ;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	 }


div.severaheader td
{
	font-family: arial; 
    font-size: 12px;  
}


div.severaheader .logo {
    width: 175px; 
/*    padding-top:30px; 
    padding-left:35px;  */
	padding-left: 10px;
}

div.severaheader .start {
    padding-top:13px; 
}

div.severaheader .chat {
	padding-top:10px; 
}


div.severaheader td.topmenu-off, div.severaheader td.topmenu-on {
	color: #999999; 
	font-size: 15px; 
	font-weight: bold; 
	padding-bottom:0px; 
	padding-top:0px; 
	padding-left:10px; 
	padding-right:10px; 
}

div.severaheader .topmenu-off a:active		{ color: #888888; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-off a:link			{ color: #888888; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-off a:visited	{ color: #888888; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-off a:hover		{ color: #0077CC; text-decoration: none; font-weight : bold;  }

div.severaheader td.topmenu-on {
	background-image: url(../pics/topmenu2.png);
	background-repeat: repeat-x; 
	color: #0088DD; 
}

/* ota pois jos ei linkiteta jos linkitetaa vaihda kursori ylempaa*/
div.severaheader .topmenu-on a:active		{ color: #0077CC; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-on a:link			{ color: #0077CC; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-on a:visited	{ color: #0077CC; text-decoration: none; font-weight : bold;  }
div.severaheader .topmenu-on a:hover		{ color: #0077CC; text-decoration: none; font-weight : bold;  }

div.severaheader td.selectlang {
    padding-top:10px;  
}

div.severaheader span.selectlang {
	cursor:pointer;

	text-align: left;

	font-size: 9px; 
	color: #444444; 
	font-weight: normal; 
/*	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	border-bottom : 1px solid #CCCCCC; 
	border-right : 1px solid #CCCCCC;  */
/*	background-color: #E6E6E6; */
	width: 100px ;
/*	padding:1px; */
/*	margin-right:3px;  */
	margin-right:3px;

	margin-top:10px;  
	background: url(../pics/lang-bg.png) no-repeat;
overflow: hidden;
position: absolute;
/*	width: 120px ; */
padding: 3px 0px 10px 5px; 
}

div.severaheader select.selectlang {
/*

	font-size: 9px; 
	color: #444444; 
	font-weight: fixed; 
	background-color: #E6E6E6;
	width: 100px ;
    margin-top:10px;  
	margin-right:3px;
opacity: 0;
position:relative;
width:100px;
*/
/*	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	border-bottom : 1px solid #CCCCCC; 
	border-right : 1px solid #CCCCCC;  */


/*
	padding:1px; 
	margin-right:3px;
   margin-top:10px;  
	background: url(../pics/lang-bg.png) no-repeat; 
overflow: hidden;
position: absolute;
	width: 120px ;
padding: 0 24px 0 8px; */


}



div.severaheader span.title {
	color: #D10000; 
	font-size: 17px; 
	font-weight: bold; 
}

div.severaheader span.title2 {
	color: #000000; 
	font-size: 17px; 
	font-weight: bold; 
}

div.severaheader span.title3 {
	color: #333333; 
	font-size: 15px; 
	font-weight: bold; 
}


/* home page */
div.severaheader span.hometitle {
	color: #666666; 
	font-size: 16px; 
	font-weight: bold; 
}

div.severaheader table.homebox {
    width: 320px; 
	height:100px;
	margin-top:10px;  
    margin-right:5px;  
	margin-left:5px;  
}

div.severaheader td.homebox {
	color: #666666; 
	font-size: 12px; 
	font-weight: normal; 
	padding-top:5px; 
}

div.severaheader .homebox a:active		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .homebox a:link			{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .homebox a:visited		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .homebox a:hover		{ color: #333333; text-decoration: none; font-weight : normal;  }




div.severaheader span.color2 {
	color: #666666; 
}


div.severaheader div.person {
	color: #333333; 
	font-size: 12px; 
	font-weight: normal; 
	padding-top:10px; 
}

div.severaheader td.person {
	padding-top:20px; 
    vertical-align: top; 
	text-align: center;
	width:160px;
}

div.severaheader td.offices {
	padding-left:10px; 
    vertical-align: top; 
	text-align: left;
	font-size: 12px; 
	padding-top:5px; 
}


div.severaheader td.news1 {
	font-size: 12px; 
	padding-top:10px; 
    vertical-align: top; 
	text-align: left;
	width:100px;
}

div.severaheader td.news2 {
	font-size: 12px; 
	padding-top:10px; 
    vertical-align: top; 
	text-align: left;
/*	border-bottom : 1px dotted #CCCCCC;  */
}


div.severaheader span.note {
	color: #666666; 
	font-size: 11px; 
	font-weight: none; 
}

div.severaheader td.maincontent {
	color: #333333; 
	font-size: 12px; 
	font-weight: normal; 
	padding-top:5px; 
}

div.severaheader .maincontent a:active		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .maincontent a:link			{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .maincontent a:visited		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .maincontent a:hover		{ color: #333333; text-decoration: none; font-weight : normal;  }



div.severaheader td.static, div.severaheader td.static2  {
	color: #333333; 
	font-size: 12px; 
	font-weight: normal; 
	text-align: left;
	padding-right:10px; 
	border-bottom : 1px dotted #AAAAAA;  
}

div.severaheader td.static2 {
	text-align: right;
	padding-right:0px; 
	border-bottom : 1px dotted #AAAAAA;  
}


div.severaheader td.sidecontent {
	color: #333333; 
	font-size: 12px; 
	font-weight: normal; 
	padding-top:5px; 
}

div.severaheader .sidecontent a:active		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .sidecontent a:link			{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .sidecontent a:visited		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }
div.severaheader .sidecontent a:hover		{ color: #333333; text-decoration: none; font-weight : normal;  }

div.severaheader td.sideline {
	background-image: url(../pics/sideline.gif); 
	background-repeat: repeat-y; 
}

div.severaheader table.submenu {
	color: #333333; 
	font-size: 12px; 
/*	letter-spacing: 1px */
}

div.severaheader .submenu a:active		{ color: #0077CC; text-decoration: none; font-weight : normal;  }
div.severaheader .submenu a:link			{ color: #0077CC; text-decoration: none; font-weight : normal;  }
div.severaheader .submenu a:visited		{ color: #0077CC; text-decoration: none; font-weight : normal;  }
div.severaheader .submenu a:hover		{ color: #333333; text-decoration: none; font-weight : normal;  }


div.severaheader table.footer {
	background-image: url(../pics/bg2.png);
	background-repeat: repeat-x; 
	color: #777777; 
	font-size: 12px; 
    padding-top:40px; 
}

div.severaheader .footer a:active	{ color: #777777; text-decoration: none; font-weight : normal;  }
div.severaheader .footer a:link			{ color: #777777; text-decoration: none; font-weight : normal;  }
div.severaheader .footer a:visited	{ color: #777777; text-decoration: none; font-weight : normal;  }
div.severaheader .footer a:hover		{ color: #0077CC; text-decoration: underline; font-weight : normal;  }



div.severaheader td.selectlang {
    padding-top:10px;  
}

div.severaheader select.selectlang {
	font-size: 9px; 
	color: #444444; 
	font-weight: normal; 
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	border-bottom : 1px solid #CCCCCC; 
	border-right : 1px solid #CCCCCC; 
	background-color: #E6E6E6;
	width: 100px ;
	padding:1px;
	margin-right:3px;
    margin-top:10px; 
}

div.severaheader ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 5px; 
}

div.severaheader li
{
	background-image: url(../pics/li.png);
	background-repeat: no-repeat;
	background-position: 0px,0px;
	margin-top: 5px; 
	padding-left: 20px;
	/*font-style: italic; */
/*	border-bottom : 1px dotted #CCCCCC; */
}

/* ei muuta eroo kun valit toistaiseksi */
div.severaheader .ul2
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 0px; 
}

div.severaheader .li2
{
	background-image: url(../pics/li.png);
	background-repeat: no-repeat;
	background-position: 0px,0px;
	margin-top: 5px; 
	padding-left: 20px;
	font-size: 12px; 

	/*font-style: italic; */
/*	border-bottom : 1px dotted #CCCCCC; */
}

div.severaheader hr
{
    border: 0;
    width: 100%;
    color: #999999;
    background-color: #999999;
    height:1px;  
    padding:0px;
    margin:0px;
    margin-top:5px; 
}




div.severaheader fieldset {
	border : 1px solid #999999; 
}


div.severaheader legend {
    padding-left:5px;
    padding-right:5px;
	color: #D10000; 
	font-size: 17px; 
	font-weight: bold; 
}