/* CSS Index 

	Page Structure
		Main Navigation
		Column Structure
		Column Headings
		Content Containers
		Helpers
	Headers
	Footers
	Links and Text Types
		Bullets
		Headings
		Colors
		Others
	Search Elements
	Images
	Form Elements
	List Elements
	(Site Specific)
		Kalenteri
		Henkilökortit

*/

/* Page Structure */

h1,h2,p,td {
	margin: 0;
	padding: 0;
}

img {margin: 18px 0;}
table img {margin: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #e6edf5;
	background-repeat: repeat-x;
	background-image: url(/images/customer/page_bg.jpg);
}
body * {
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
a {
		color: #0b3e91;
		text-decoration: none;
		font-size: 12px;
	}
	a img {
		border: 0;
	}

/* Helpers */

div.spacer {
	height: 4px;
	overflow: hidden;
	clear: both;
}

*.padblock {
	display: block;
	margin: 15px 0;
}

*.error {
	color: red;
	font-weight: bold;
}


/* YLEISET */

p {
	margin: 18px 0;
	padding: 0;
	line-height: 18px;
}

/******** Header styles ********/

/* Headers */

	div#header {
		background-image: url(/images/customer/rt_logo.gif);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px;
		border-bottom: solid 1px #ccc;
	}
	
	div#header_image {
		width: 955px;
		height: 100px;
		border-bottom: 3px #ffd51d solid;
		background-repeat: no-repeat;
		background-color: #013e7d;
		/*background-color: #ccc;*/
	}

	
div#header_spacer {
	width: 955px;
	height: 4px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #f1f2f7;
	overflow: hidden;
	clear: both;
}
/******** END Header styles ********/

/******** Quicklinks ********/
div.quicklinks {
	font-size: 11px;
	border: 1px #ffd51d solid;
	background-color: #ffffe7;
}
div.quicklinks.header {
	float: right;
}
div.quicklinks.footer {
	float: right;
}
.quicklinks a {
	font-size: 11px;
}
.quicklinks a:hover {
	text-decoration: underline;
}
p.quicklinks {
position: absolute;
width: 200px;
margin-left: 740px;
font-size: 11px;
}
p.quicklinks.footer {
	margin-top: -30px;
	color: #999;
}

/******** END Quicklinks ********/

/* Main navi */
div#main_nav {
	width: 955px;
	/* border-bottom: 1px solid #6583a5; */
	max-width: 955px;
	height: 38px;
	background: #013e7d url(/images/customer/main_navi_bg.gif) repeat-x;
	/*padding-left: 3px;*/
}
table#main_nav {
	width: 955px;
	max-width: 955px;
	height: 37px;
	background: #013e7d url(/images/customer/main_navi_bg.gif) repeat-x;
	border-collapse: collapse;
}
table#main_nav td{
	text-align: center;
	border-left: 1px #00172e solid;
	border-right: 1px #00172e solid;
	height: 35px;
	width: 133px;
	font-weight: normal;
	font-size: 11px;
}
table#main_nav td a{
	font-size: 11px;
	color: #fff;
}
table#main_nav td.active{
	background-color: #fff;
}
table#main_nav td.active a {
	font-weight: bold;
	color: #000;
	background-color: #fff;
}
table#main_nav td.inactive a.last {
	font-weight: normal;
}
table#main_nav td.first{
	border-left: 1px #fff solid;
}
table#main_nav td.last{
	border-right: 1px #95aed7 solid;
}
table#main_nav td.active.last{
	border-right: 1px #fff solid;
}
		
/* Side Navigation */
		a.side_nav {
			display: block;
			color: #01673f;
			vertical-align: top;
			padding: 1px 0px 2px 15px;
			font-size: 12px;
			background-image: url(/images/bullet_blue_brown.gif);
			background-position: 0px 6px;
			background-repeat: no-repeat;
		}
		a.side_nav_active {
			display: block;
			vertical-align: top;
			padding: 3px 0px 3px 15px;
			font-size: 12px;
			background-image: url(/images/arrow_red.gif);
			background-position: 0px 6px;
			background-repeat :no-repeat;
			color: #900;
			font-weight: bold;
		}
		
		div.submenu {
			margin-top: 3px;
			margin-left: 8px;
			font-size: 12px;
		}
		
		div.submenu_item a {
			padding-left: 10px;
			display: block;
			margin-top: 3px;
			margin-bottom: 3px;
		}
		
		div.submenu_item a:hover {
			text-decoration: underline;
		}
		
		div.submenu_item {
			background-image: url(/images/customer/menu_item_bg.gif);
			background-position: 0px 6px;
			background-repeat: no-repeat;
		}
			div.submenu_level_3 {
				font-size: 11px;
			}
				div.submenu_level_3 div.submenu_item {
					font-size: 11px;
					margin: 0;
					margin-top: 4px;
					margin-bottom: 4px;
					background-image: url(/images/customer/menu_item_lvl3_bg.gif);
					background-position: 0px 6px;
					background-repeat: no-repeat;
				}
				div.submenu_level_3 div.submenu_item a{
					color: #666;
					font-size: 11px;
				}
				
				div.submenu_level_4 {
					font-size: 11px;
					margin-bottom: 2px;
				}
					div.submenu_level_4 a{
						font-size: 11px;
						color: #666;
					}
					div.submenu_level_4 div.submenu_item {
						background-image: url(/images/customer/menu_item_lvl4_bg.gif);
						background-position: 0px 6px;
						background-repeat: no-repeat;
					}
					div.submenu_level_4 div.submenu_item a.highlight_color{
						color: #000;
					}
.highlight_color, 
div.submenu_item highlight_color, 
div.submenu_level_3 div.submenu_item a.highlight_color,
div.submenu_level_4 div.submenu_item a.highlight_color{
	color: #026840;
}
/********* END Side nav *********/


/********* Column Structure *********/
		td.left_column {
			padding: 15px 20px 15px 20px;
			background-color: #fbfbfb;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
			font-size: 12px;
		}
		td.left_column_container {
			background-color: #fbfbfb;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
		
		td.left_column_frontpage {
			/*padding: 0 20px 15px 15px;*/
			padding: 5px 0 0 0;
			background-color: #fff;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
			font-size: 12px;
			width: 200px;
		}
		div.narrow_column_container {
			width: 180px;
			margin-left: 9px;
		}
		td.center_column_narrow, td.center_column {
			width: 483px;
			padding: 0 20px 20px 20px;
			background-color: #FFFFFF;
			vertical-align: top;
			border-bottom: solid 1px #ccc;
			color: #000;
			font-size: 12px;
		}
		td.center_column.frontpage {
			background-color: #fff;
		width: 581px; }
		
		td.center_column.frontpage h1 {
			font-weight: bold;
			font-size: 24px;
			padding: 0;
		}
		td.center_column_wide {
			width: 700px;
			padding: 15px 20px 10px 20px;
			background-color: #FFFFFF;
			vertical-align: top;
			border-bottom: solid 1px #ccc;
		}
		
		td.center_column_wide a, td.center_column_narrow a {
			text-decoration: underline;
		}
		td.center_column_wide a:hover, td.center_column_narrow a:hover {
			color: #ff0000;
		}
		td.center_column a {
			text-decoration: underline;
		}
		
		td.center_column a.internal_link {
			display:block;
			padding-left: 10px;
			background: url(/images/icon_internal_link.gif) 0px 6px no-repeat;
		}		
		
		td.right_column {
			width: 180px;
			/*padding: 15px 20px 15px 20px;*/
			background-color: #fbfbfb;
			background-image: url(/images/customer/right_block_dropshadow_bg.gif);
			background-repeat: repeat-y;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
		td.right_column.frontpage {
			background: #ffffff;
		}
		
		td.right_column_container {
			font-size: 11px;
			color: #000;
			width: 220px;
			max-width: 220px;
			background-color: #fbfbfb;
			background-image: url(/images/customer/right_block_dropshadow_bg.gif);
			background-repeat: repeat-y;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
		
		
		td.right_shadow {
			background-image: url(/images/right_bg.gif);
			background-repeat: repeat-y;
			width: 10px;
		}
		td.left_shadow {
			background-image: url(/images/left_bg.gif);
			background-repeat: repeat-y;
			width: 10px;
			background-position: right;
		}
		

	/* Column Headings */

		td.column_heading {
			border: 0;
			padding-left: 20px;
			padding-top: 12px;
			padding-bottom: 10px;
			font-size: 12px;
			background: #fff;
		}
		td.column_heading_active a:hover,td.column_heading a:hover {
			text-decoration: underline;
		}
		td.column_heading_active {
			background-color: #fff;
			height: 30px;
			border: 0;
			padding-left: 20px;
			padding-top: 12px;
			padding-bottom: 10px;
			font-size: 12px;
		}	


	/* Helpers */
		div.nomargins {
			margin: 0;
			padding: 0;
		}

		div.dots {
			background-image: url(/images/dotline.gif);
			background-repeat:repeat-x;
			height: 1px;
			overflow: hidden;
			clear: both;
		}
		
		div.separator {
			clear: both;
			margin: 3px 0;
			background: url(/images/separator_bg.gif) repeat-x;
			height: 4px; 
		}

		td.sidebar_navi_separator {
			clear: both;
			margin: 5px 0;
			background: url(/images/customer/navi_separator_line.gif) no-repeat;
			height: 4px; 
		}		

		td.sidebar_navi_bottom {
			background-image: url(/images/customer/sidebar_bottom_bg.gif);
			background-repeat: no-repeat
			background-color: #fff;
			height: 100px;
		}
		


/* Breadcrumb */
	div#breadcrumb {
		margin-top: 5px; 
		font-size: 11px; 
	}
	div#breadcrumb a{
		font-size: 11px;
	}
	a.path {
		text-decoration: underline;
		color: #666666;
	}	
	a.path.last {color: #555; font-weight: bold; text-decoration: none;}

	

	


		div.news_article a.news_article_link {
			font-size: 12px;
			color: #018f56;
			font-weight: bold;
		}
		p.news_lead b a.heading_color {
			background: #fff;
			padding: 0;
		}

		a.right_sidebar_inner_link {
			display: block;
			margin-top: 7px;
			margin-bottom: 7px;
			padding: 0;
			background-image: url(/images/bullet_blue_brown.gif);
			background-position: 0px 5px;
			background-repeat: no-repeat;
			font-size: 11px;
			color: #24519c;
			padding-left: 10px;
		}	
		/* Bullets */
	
		/* etusivun toimialojen bulletit */
		a.ta_bullet {
			background-repeat: no-repeat;
			display: block;
			vertical-align: top;
			padding: 1px 0px 2px 15px;
			font-size: 12px;
			font-weight: bold;
			background-image: url(/images/bullet_yellowcircle.gif);
			background-position: 0px 5px;
		}
		
		/* Headings */
		
			h1 {
				font-size: 22px;
				font-weight: normal;
				margin: 18px 0px;
				padding: 0;
				/*padding: 15px 0px 7px 0px;*/
				color: #003E7E;
			}
			
			h1.content {
				font-size: 20px;
				font-weight: normal;
				margin: 0px;
				padding: 0px 0px 15px 0px;
			}

			h2 {
				font-size: 14px;
				font-weight: bold;
				margin: 0px;
				padding: 15px 0px 15px 0px;
			}
	
			h3 {
				font-size: 14px;
				font-weight: bold;
				margin: 0px;
				padding: 0px;
			}
			h4 {
				font-size: 12px;
				font-weight: bold;
				color: #01673f;
				padding: 0px 0px 3px 0px;
				margin: 0px;
			}
			
		
		/* Others */
			.bold {
				font-weight:bold;
			}
			
			.date {
				color: #999;
				font-size: 11px;
				font-weight: normal;
			}



/* Search Elements */

	div#search_box {
		position: absolute;
		padding: 0;
		margin: 20px 0 0 740px;
	}

	div#search_box_bg {
		background-image: url(/images/customer/search_box_bg.gif);
		background-repeat: no-repeat;
		padding: 0 0px 12px 0px;
		width: 200px;
		height: 60px;
		text-align: center;
	}
	div#search_box_bg input.text{
		/*height: 15px;*/
		width: 130px;
	}
	div#search_box_bg input{
		margin-top: 17px;
	}


/* Site Specific */

	div.whitebox {
		width: 220px;
		max-width: 180px;
		padding: 18px 20px 15px 20px;
		margin: 20px 0 10px 2px;
		background-color:#FFFFFF;
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
		font-size: 11px;
	}
	div.whitebox h1 {
			margin: 0 0 18px 0;
			font-size: 12px; 
			color: #000;
			font-weight: bold;
		}
	
	div.whitebox div.html_area_block {
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
		div.whitebox div.html_area_block p{
		margin: 0;
		padding: 0;
		font-size: 11px;
	}
	div.whitebox a.internal_link {
		display: block;
		margin-top: 7px;
		margin-bottom: 7px;
		background-image: url(/images/customer/bullet_blue_brown.gif);
		background-position: 0px 5px; 
		background-repeat: no-repeat;
		font-size: 11px;
		color: #24519c;
		padding-left: 10px;
	}
	div.whitebox a.file_link {
		display: block;
		margin-top: 7px;
		margin-bottom: 7px;
		font-size: 11px;
		color: #24519c;
		padding-left: 12px;
	}
	div.whitebox h4 {
		color: #000;
	}




td.frontpage div.right_sidebar_text_container td.bullet { display: none; } /* Poistetaan etusivun internal linkistä perus-bulletti näkyvistä */



/***** FILE LIST **********/
table.narrow_table { width: 450px; }
table.wide_table { width: 650px; }
table.file_list {font-size: 11px; text-align: left; line-height: 18px; border-collapse: collapse; margin-top: 18px; margin-bottom: 18px;}
table.file_list a{font-size: 11px;}
span.filesize {color: #999;}
table.file_list tr {}
		table.file_list th {font-weight: bold; font-family: arial; border-bottom: 2px #ccc solid; margin-bottom: 2px; vertical-align: bottom;}
		table.file_list td {margin: 0; font-family: verdana; vertical-align: top; border-bottom: 1px #ccc solid; padding-top: 8px; padding-bottom: 8px; padding-right: 4px;}
			table.file_list td a img{padding: 2px 0 0 0; margin: 2px 0 -2px 0;}
			table.file_list td.name {padding-right: 7px;}
			table.file_list td.name a:link {text-decoration: none; color: #24519c;}
			table.file_list td.name a:visited{text-decoration: none; color: #24519c;}
			table.file_list td.name a:hover{ text-decoration: underline;}
			table.file_list td.description {color: #333; padding-right: 5px; font-family: arial;}
			table.file_list td.date {font-family: arial;}
			table.file_list td.date span.modified {font-family: arial; font-size: 10px; color: #999;}

table.file_list.single {margin: 0px 0px 0px -5px;}
table.file_list.single td {border: 0; padding: 2px 0;}
table.file_list.single td.name a{font-family: arial; color: #24519c;}			


table.link.file {margin-left: -2px;}
td.link a.file:link {text-decoration: underline; color: #24519c; padding: 0 0 0 1px;}
td.link a.file:visited {color: #24519c;}
td.link a.file span.filesize {font-size: 11px;}
td.link a.file:hover {text-decoration: underline;}

/*** FRONTPAGE ARROW CONTAINERS ***/
div.arrow_container {float: left; width: 237px;}
div.arrow {max-height: 30px; height: 36px;background: url(/images/customer/arrow_bg.gif) no-repeat 0 1px; padding-top: 7px; margin-bottom: 9px;}
div.arrow a{display: block; color: #fff; font-size: 18px; font-weight: bold; margin-left: 15px;}
div.arrow_small {width: 185px; height: 36px;background: url(/images/customer/arrow_link.gif) no-repeat 0px 3px; margin-bottom: 9px; padding-left: 4px;}
	div.arrow_small a{display: block; color: #0B3D91; font-size: 14px; font-weight: bold; margin-left: 5px;}
/*FORM STYLES */
	.general_form { width: 424px;}
	.general_form fieldset legend{ font-size: 18px; font-weight: bold; color: #003e7e;}
	.general_form fieldset { border: 3px #ccc solid; }
	.general_form fieldset table { text-align: left;}
	.general_form fieldset table th {width: 110px; text-align: right; font-size: 12px; font-weight: bold; color: #666;}
	.general_form fieldset table td, .general_form table th { padding-bottom: 9px; padding-top: 9px; vertical-align: top; padding-right: 5px;}
	.general_form fieldset input, .general_form fieldset textarea{font-family: arial; font-size: 11px; background-color: #f4faff; border: 1px #7f9db9 solid;}
		.general_form input { padding-top: 5px; height: 25px; max-height: 25px; vertical-align: top; margin-top: -6px; padding-left: 4px;}
	.general_form fieldset textarea {width: 225px;}
	.general_form fieldset input.button_submit {
		 		background-color: #DEDEDF !important;
				background-image: url(/images/customer/submit_bg.gif);
				background-repeat: repeat-x; 
				height: 38px !important;
				max-height: 38px !important;
				padding-top: 0 !important;
				width: 150px; line-height: 18px; font-weight: bold;
				margin-right: 10px;}
				.general_form fieldset input.normal_width {width: 229px;}
	/* Footers */

	td.footer {
		background-color: #FFFFFF;
		vertical-align: top;
		border-bottom: solid 1px #ccc;
		padding-bottom: 25px;
	}
	div#footer_small_nav {
		float: right;
		clear: right;
		padding: 5px 20px 5px 0px;
	}
	div#footer_text {
		color: #999;
		font-size: 11px;
		padding: 5px 20px 0px 0px;
		text-align: center;
		/*float: right;*/
	}
/******* Right sidebar **********/
		div.right_sidebar_text_container {
			font-size: 11px;
			margin-top: 17px;
			padding: 0px 15px 10px 15px;
			background: #fff; 
			border: 1px #ccc solid;
			width: 173px;
			max-width: 143px;
		}
			div.right_sidebar_text_container.frontpage {
				/*padding:15px;*/
				margin-left: 9px;
				margin-right: 15px;
				width: 160px;
			}
			div.right_sidebar_text_container p{
				font-size: 11px;
			}
			div.right_sidebar_text_container h1{
				font-size: 12px; 
				color: #000; 
				font-weight: bold;
			}
			div.right_sidebar_text_container a {
				display: block;
				margin-top: 7px;
				margin-bottom: 7px;
				padding: 0;
				background-image: url(/images/customer/bullet_blue_brown.gif);
				background-position: 0px 5px;
				background-repeat: no-repeat;
				font-size: 11px;
				color: #24519c;
				padding-left: 10px;
			}
			right_sidebar_text_container frontpage * {
				margin-left: 9px;
			}
			
div#sitemap{}
	div#sitemap table {margin-top: 18px;}
		div#sitemap table td{vertical-align: top;}
			div#sitemap table td a.level_1{font-size: 18px;}
			div#sitemap table td ul{list-style-type: none; margin: 0; padding: 0;}
			div#sitemap table td li{margin-left: 10px;}


/*******************************************/
/********** LOGIN **************************/

div.login_features {
	margin-top: 10px;
	color: #666;
}
div.login_features * {
	font-size: 11px;
	line-height: 17px;
}









