/* General styles for all pages */
body {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 13px;
    background-color: #afb5ff;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-image: url(../pics/bg_colorslide.png);
    background-repeat: repeat-x;
}

td {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 13px;
}

th {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size: 13px;
}
p {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 13px;
}
h1 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #404040;
}
h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
}
h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    color: #404040;
}
ul {
    margin: 0 0 10px 0;
    padding: 0;
}
li {
    margin: 0 0 6px 14px;
    padding: 0;
}
a {
    color:#000099;
    text-decoration: underline;
}
a:hover {
    color:#5565F4;
}

form {  
    padding: 0px;
    margin: 0px;
}
.pageheading {
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    color: #666666;
    border-bottom: 2px solid #D6F79C;
}
.titleheading {
    font-size: 18px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}
.center {
    margin: 0 auto;
}
div.clearer {clear: left; line-height: 0; height: 0;}

/* The top div with logo and tabs */
#topnav {
    width:765px;
    height:72px;
    background-image: url(../pics/topimage.png);
    background-color: #8561F1;
    text-align:left;
    padding: 0px;
    margin: 0px auto;
    position: relative;
    color:#FFFFFF;
    font-size:14px;
    font-weight: bold;
}
#toplogo {
    font-size:16px;
    position: absolute; 
    top: 6px;
    left: 6px;
    padding: 0;
    margin:0;
}
#toplogo img {
    padding: 0;
    float:left;
}
#toplogo a {
text-decoration:none;
color:#FFFFFF;
}

#tabs, #tabs td {
    font-size: 11px;
    font-weight: normal;
}
#tabs a {
    display: block;
    width: 100%;
    padding: 2px 0px;
    text-align: center;
}
#tabs td.inactive {
    background-image: url(../pics/tab_inactive_small.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#tabs td.inactive:hover {
    background-image: url(../pics/tab_inactive_small.gif);
    background-repeat:no-repeat;
    background-position: -81px 0px;
}
#tabs td.active {
    background-image: url(../pics/tab_active_small.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
#tabs td.active:hover {
    background-image: url(../pics/tab_active_small.gif);
    background-repeat:no-repeat;
    background-position: -81px 0px;
}
#tabs .active a, #tabs .active_highlight a {
    color: #111;
    text-decoration: none;
}
#tabs .inactive a, #tabs .inactive_highlight a {
    color: #EEE;
    text-decoration: underline;
}

/* Styles regarding the navigation menu */
#navigation {
    text-align: left;
    position:relative; 
    height: 26px;
    padding: 0px;
    width: 765px;
    margin: 0 auto 16px auto;
	z-index: 1;
}

#navtable {
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
}

/* Menu bar styles */
#navtable a {
    white-space: nowrap;
    display: block;
    padding: 5px 11px;
    color:#333333;
    text-decoration:none;
    margin: 0;
}
#navtable td {
    vertical-align:top;
}
#navtable td.menubg {
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
}
#navtable td.active_menu {
    background-image:url(../pics/menu_selected_arrow.gif);
    background-position:center top; 
    
}
#navtable td.inactive_menu {
    background-image:url(../pics/menu_bg.gif);
    background-repeat:repeat-x;
}
#navtable td.inactive_menu:hover {
    background-image:url(../pics/menu_highlight.gif);
    background-repeat:repeat-x;
}    


/* dropdown styling */
#navigation div.x_submenu {
    visibility: hidden;
    position: absolute;
    top: 25px;
    padding: 0;
    margin: 0;
    border: 1px solid #A4C870;
    background-color:#E2FFA4;
	z-index: 2;
/*    opacity: 0.95;
    filter: alpha(opacity=95);
*/
}

div.x_submenu table {
    border-collapse: collapse;
	z-index: 2;
}

div.x_submenu td {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
div.x_submenu a {
    display: block;
    padding: 4px 10px;
    margin: 0;
    width: 100%;
    font-size:11px;
}
div.x_submenu td:hover {
    background-color: #C0ED7F;
}
div.x_submenu td.x_separator:hover {
    background-color: #E2FFA4;
}
div.x_submenu td.x_separator div {
    background-image:url(../pics/contmenu_line.gif);
    height: 2px;
    padding: 0;
    margin: 2px 10px;
    font-size: 0px;
}


/* flags and flag dropdown */
#flags_flag {
    border-width: 1px;
    border-color: #BEEB7D;
    margin: 5px 2px 0 0;
}
#flags_arrow {
    border-width: 0px;
    margin: 10px 0 0 0;
}

#flags img {
    border-width: 1px;
    border-color: #BEEB7D;
    margin: 0 4px -2px 0;
    padding: 0;
    vertical-align:-0.1em;
}

#flags a {
    display: block;
    width: 100%;
    padding: 4px 2px;
    font-size:9px;
    color:#000000;
}

#wrapper {
    width: 765px;
    text-align: left;
    background-color:#FFF;
    padding: 0;
    margin: 0 auto;
}
#contents {
margin: 0;
padding: 5px 25px 10px 25px;
min-height: 450px;
}
#contents_menu {
margin: 0 0 0 180px;
padding: 15px 25px 10px 20px;
min-height: 450px;
}
#contents_menuright {
margin: 0 180px 0 0;
padding: 15px 25px 10px 20px; 
/*padding: 0;*/
min-height: 450px;
}
#contents_nomenu {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	min-height: 450px;
}
#contents_inner {
	padding: 15px 25px 10px 20px; 
}

#x_topleftcorner {
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 0px;
}
#x_toprightcorner {
    position: absolute;
    margin: 0px;
    top: 0px;
    right: 0px;
}

/* Titlemenu styles */
#titlemenu {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	text-align:left;
    background-image:url(../pics/titlemenu_bg.gif);
    background-repeat: repeat-x;
	height:79px;
}
#titlemenu_big {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	text-align:left;
    background-image:url(../pics/titlemenu_bg.gif);
    background-repeat: repeat-x;
	height:100px;
}
#titlemenu_heading {
	position:absolute;
	left: 20px;
	top: 8px;
    width: 745px;
	padding: 0;
	margin: 0;
}
#titlemenu_line {
	margin: 0 180px 0 20px;
    border-top:1px solid #c0df93;
	padding: 0;
	line-height:1px;
	font-size:1px;
}

/* Content menu styles */
.x_contentmenu_bg {
    background-image:url(../pics/contmenu_bg.gif);
    background-repeat:repeat-y;
	background-position:right;
}
#contentmenu {
    float: right;
    width:188px;
    padding: 0;
    margin: 0;
}
#contentmenu_corner {
    display: block;
    margin: 0 0 4px 0;
	padding:0;
}
#contentmenu div {
    margin: 0 0 0 8px;
}
#contentmenu a {
    display:block;
    color:#333333;
    text-decoration:none;
    margin: 0;
	padding: 0 0 0 24px;
}
#contentmenu a.x_menuhead {
    font-size:13px;
    font-weight:bold;
	height: 36px;
    background-image:url(../pics/bullet_green2.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
}
#contentmenu a.x_menuhead p{
	margin: 0;
    padding: 10px 0 0 0;
}
#contentmenu a.x_menusmall {
    font-size:13px;
	height: 26px;
    background-image:url(../pics/bullet_green2.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
}
#contentmenu a.x_menusmall p {
	margin: 0;
    padding: 5px 0 0 0;
}
#contentmenu #x_menusel {
    background-image:url(../pics/contmenu_sel.gif);
    background-position: 0px 50%;
    background-repeat:no-repeat;
}
#contentmenu #x_menusel_small {
    background-image:url(../pics/contmenu_sel_small.gif);
    background-position: 0px 50%;
    background-repeat:no-repeat;
}
#contentmenu div:hover {
	background-image:url(../pics/contmenu_highlight.gif);
	background-repeat:repeat-y;
}
#contentmenu a:hover {
    text-decoration:underline;
}
#contentmenu #x_menusel:hover, #contentmenu #x_menusel_small:hover {
	background-color:#F6FFE1;
}
#contentmenu #x_menusel a:hover, #contentmenu #x_menusel_small a:hover {
	text-decoration: none;
}
#contentmenu div.menuline {
    background-image:url(../pics/contmenu_line2.gif);
    background-repeat: repeat-x;
    height: 2px;
    padding: 0;
    margin: 10px 12px 10px 20px;
    font-size: 0px;
}

/* Copyright notice at the bottom */
#copyright {
text-align:left;
    width: 745px;
    padding: 8px 5px;
    margin: 0 auto;
}
#copyright p {
	font-size: 9px;
	color:#514A80;
}
#copyright a {
	color:#514A80;
}

/* OLD Menu styles */
#toprightcorner, #bottomrightcorner {
    display:block;
    float:right;
    width: 14px;
    height: 14px;
    margin:0;
}
.x_leftmenu {
    background-image:url(../pics/cont_menubg.gif);
    background-repeat:repeat-y;
}
#menu {
    float: left;
    width:180px;
    padding: 0;
    margin: 0;
}
#menu p {
    font-size:13px;
    margin: 0 1px;
    padding: 0 0 0 26px;
    background-image:url(../pics/bullet_round_green.gif);
    background-position:12px 50%;
    background-repeat:no-repeat;
}
#menu p.x_menuhead {
    font-weight:bold;
    background-image:url(../pics/bullet_green.gif);
    background-position:13px 50%;
    background-repeat:no-repeat;

}
#menu p a {
    color:#333333;
    text-decoration:none;
    display:block;
    width:100%;
    padding: 3px 0;
}
#menu p.x_menuhead a {
    padding: 8px 0;
}
#menu div {
    margin: 0 1px;
}
#menu #x_menusel {
    background-image:url(../pics/contmenu_selected.gif);
    background-position: 0px 50%;
    background-repeat:no-repeat;
}
#menu div:hover {
    background-color:#DCFFAF;
}
#menu a:hover {
    text-decoration:underline;
}
#menu div.menuline {
    background-image:url(../pics/contmenu_line.gif);
    background-repeat: repeat-x;
    height: 2px;
    padding: 0;
    margin: 0px 12px;
    font-size: 0px;
}

/* OLD STYLES */
.highlight { 
  font-weight: bold;
  color: #000099
}

.sublinks {
  font-size: 11px; 
  color: #FFFFFF;
  padding: 0 0 2px 0;
  line-height: 17px
}

.newslinks {
  font-size: 11px; 
  color: #0818CE;
  font-weight: normal;
  text-decoration: none
}
.kuvateksti {
  font-size: 11px;
  font-weight: bold
}
.emphasis {
  font-weight: bold
}
.pagetitle { font-size: 16px; font-weight: bold; color: #000}
.pagesubtitle { font-size: 12px; font-weight: bold; color: #000}
.categorytitle {  font-size: 15px; font-weight: bold; color: #000000}
.smalltext_12px {font-size: 12px}
.smalltext {  font-size: 11px}

.pagesmall {  font-size: 11px; font-weight: bold; color: #FFFFFF}
.pagetitle_blk { color: #000000; font-size: 16px; font-weight: bold}
.middletext { font-size: 10px}
.btntext { font-weight: bold ; color: #FFFFFF; text-decoration: none; font-size: 11px}
.save_box { font-size: 11px ; font-weight: bold; background-color: #CC0000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; color: #FFFFFF}
.platform_box { font-size: 8pt; font-weight: bold; color: #333333; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; border:1px solid #A5D663; background-color: #DFFF9D}

.tag_gray { font-size: 8pt ; font-weight: normal; color: #FFFFFF; text-decoration: none; background-color: #898789; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; border: 1px solid; border-color: #D2D2D2 #5F5F5F #5F5F5F #D2D2D2}

.tab_line {
	border-bottom: 2px solid #D6F79C;
	padding: 6px 0px;
}
.tab_active {
	border-bottom: 2px solid #D6F79C;
	padding: 6px 3px;
	font-weight: bold;
	background-color: #D6F79C;
}
.tab_inactive {
	border-bottom: 2px solid #D6F79C;
	padding: 6px 3px;
	background-color: #F2F2F2;
}
.blueborder {
border:2px solid #D5DFFF;
}
.darkblueborder {
border:2px solid #3366FF;
}
.greenborder {
border:1px solid #A5D663;
}

.greenborder_td {
border-collapse: collapse;
}
.greenborder_td td {
border:1px solid #A5D663;
}

.blueborder_thin {
border:1px solid #D5DFFF;
}
.heading_white {
	color: #FFFFFF;
	font-weight: bold;
}
.required {
    font-size: 8pt; 
    color: #FF0000
}
.border_green {
border:2px solid #A5D663
}