@charset "utf-8";
/* 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

*/

.p { padding: 16px; }
.pp { padding: 20px; }
.ppp { padding: 30px; }

.sp { padding: 16px; }
.spp { padding: 3px 16px 3px 16px;}
.sppp { padding: 8px 16px; }

.vp { padding-bottom: 15px; padding-top: 15px; }
.vpp { padding-bottom: 30px; padding-top: 30px; }

.bm { margin-bottom: 10px; }
.bmm { margin-bottom: 20px; }

strong { font-weight: bold; }

/* Page Structure */
/* Cross-site navi */
	/* cross-site navigation */
	div#header_navi_bar {
		margin: 0;
		padding: 0;
		
	}
	
	div#header_navi_bar table {
		border-collapse: collapse;
	}
	
	div#header_navi_bar td a{
		display: block;
		color: #7C9BCE;
		margin-left: 18px;
		margin-right: 18px;
		padding: 0;
	}

	div#header_navi_bar table td {
		margin: 0;
		border-top: 2px #ccc solid;
		font-size: 11px;
		padding-top: 3px;
		padding-bottom: 4px;
	}
	
	div#header_navi_bar table td:hover {
		background-color: #f0f0f0;
	}

	div#header_navi_bar table td.selected {
		background-color: #7C9BCE;
		color: #fff;
		border-top: 2px #ffd51d solid;
	}
	
	div#header_navi_bar td.selected a{
		color: #fff;
	}


	/* Main navi */
		div#main_nav {
			width: 952px;
			/* border-bottom: 1px solid #6583a5; */
			max-width: 952px;
			height: 30px;
			background-color: #013e7d;
			/*padding-left: 3px;*/
		}

		a.main_nav {
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
			display: block;
			padding: 8px 8px 8px 8px;
			margin: 0px 2px 0px 2px;
			float: left;
			height: 14px;
		}

		a.main_nav_active {
			font-size: 12px;
			font-weight: bold;
			color: #010101;
			background-color: #FFFFFF;
			display: block;
			padding: 8px 8px 8px 8px;
			margin: 0px 2px 0px 2px;
			float: left;
			height: 14px;
		}	

	/* Side Navigation */

		a.side_nav {
			background-repeat: no-repeat;
			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;
		}
		a.side_nav_active {
			background-repeat :no-repeat;
			display: block;
			vertical-align: top;
			padding: 3px 0px 3px 15px;
			font-size: 12px;
			background-image: url(/images/arrow_red.gif);
			background-position: 0px 6px;
			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;
		}
		
		div.submenu_item a:hover {
			text-decoration: underline;
		}
		
		div.submenu_item {
			background-image: url(/images/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 {
					margin: 0;
					margin-top: 4px;
					margin-bottom: 4px;
					background-image: url(/images/menu_item_lvl3_bg.gif);
					background-position: 0px 6px;
					background-repeat: no-repeat;
				}
				
				div.submenu_level_4 {
					font-size: 11px;
					margin-bottom: 2px;
				}
					div.submenu_level_4 a{
						color: #666;
					}
					div.submenu_level_4 div.submenu_item {
						background-image: url(/images/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;
					}
	/* Column Structure */

		td.left_column {
			padding: 15px 20px 15px 20px;
			background-color: #fbfbfb;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
			font-size: 12px;
            width: 218px;
		}
		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;*/
			background-color: #fff;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
			font-size: 12px;
		}
		
			td.left_column_frontpage .holder {}
		
		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 .holder { padding-top: 11px; }
		
		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.right_column {
			width: 180px;
			padding: 15px 14px 15px 14px;
			background-color: #fbfbfb;
			background-image: url("/images/right_block_dropshadow_bg.gif");
			background-repeat: repeat-y;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
        *+html td.right_column {
			width: 180px;
			padding: 15px 13px 15px 13px;
			background-color: #fbfbfb;
			background-image: url("/images/right_block_dropshadow_bg.gif");
			background-repeat: repeat-y;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
		
		td.right_column_container {
			font-size: 11px;
			color: #000;
			width: 220px;
			background-color: #fbfbfb;
			background-image: url("/images/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;
		}
		
		/* NARROW COLUMN STYLES */
		
		div.narrow_column_container, div.narrow_column_events_container {
			background-color: #fff;
			/*margin: 0 0 15px 0;*/
			font-size: 11px;
			line-height: 15px;
		}
		
		div.narrow_column_container h2, div.narrow_column_events_container h2{
			font-family: Arial, sans serif;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 7px 0;
			padding: 0;
			color: #333;
		}
		
		/*div.narrow_column_container h2 ~ h2, div.narrow_column_events_container h2 ~ h2 {
			background: transparent url("/images/customer/graphic-border-dotted-horiz.gif") repeat-x left top;
			padding: 11px 0 0 0;
			margin: 15px 0 7px 0;
		}*/
		
		.left_column_frontpage .holder { padding-top: 16px; }
		
		/** For frontpage **/
		.left_column_frontpage div.narrow_column_events_container {
			background: #fff url("/images/customer/graphic-gradient-repeat-top.gif") repeat-x left top;
			padding-top: 12px;
		}
		
			.left_column_frontpage .narrow_column_events_container .outer {
				background: #fff url("/images/customer/graphic-gradient-repeat-bottom.gif") repeat-x left bottom;
				padding-bottom: 12px;
			}
			
			.left_column_frontpage .narrow_column_events_container .inner {
				background-color: #f4f4f4;
			}
			
			.left_column_frontpage .narrow_column_events_container .inner h2 {
				margin: 0;
				padding: 2px 0 2px 0;
			}
			
		/** /For frontpage **/
			
		div.narrow_column_event {
			margin-top: 17px;
			margin-bottom: 17px;
		}

		div.narrow_column_container a {
			color: #018f56;
			text-decoration: underline;
			display: block;
			margin: 7px 0;
		}
		
		div.narrow_column_container p{
			margin: 7px 0 7px 0;
			padding: 0;
			font-size: 11px;
			color: #333;
		}

		div.narrow_column_events_container a {
			font-size: 12px;
			font-weight: bold;
			color: #0B3D91;
		}

		
		div#center_column_news_container {
			clear: both;
			margin: 13px 0 15px 0;
		}
		div#center_column_news_container div.news_article p{
			margin: 0;
			padding: 0;
		}

	/* Column Headings */

		td.column_heading {
			/*background-image: url(/images/left_navi-item_bg.gif);
			background-repeat: repeat-x;
			height: 30px;
			border-bottom: solid 1px #ccc; */
			border: 0;
			padding-left: 20px;
			padding-top: 11px;
			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: 11px;
			padding-bottom: 10px;
			font-size: 12px;
		}	
		td.column_heading_high {
			background-image: url(/images/left_navi-item_bg.gif);
			background-repeat: repeat-x;
			height: 40px;
			border-bottom: solid 1px #ccc;
			padding-left: 20px;
		}	
		td.column_heading_right {
			background-image: url(/images/right_column_heading.gif);
			background-repeat: repeat-x;
			height: 30px;
			border-bottom: solid 1px #ccc;
			border-left: solid 1px #ccc;
			padding-left: 20px;
		}	

	/* Content Containers */

		div.float_left_frontpage {
			/*width: 200px;*/
			background-color: #FFFFFF;
			padding: 0px;
			/*margin: 0 0 0 20px;*/
			float: left;
		}
		div.float_left_frontpage h2 {
			font-size: 12px;
			font-weight: bold;
			color: #000;
			margin: 7px 0 2px 0;
			padding: 0;
		}
		
		div.float_box1 { width: 168px; }
		
		div.float_box2 { width: 300px; }
		
		div.float_left_person {
			padding: 0px;
			margin: 0px;
			float: left;
			color: #666;
		}
		div.page_number_container {
			background-color: #fbfbfb;
			border: solid 1px #eaeaea;
			padding: 4px;
			height: 16px;
			text-align: center;
			clear: both;
			margin: 10px 0;
		}	
		div.previous {
			padding: 0px;
			margin: 0px;
			float: left;
			clear: left;
		}
		div.next {
			padding: 0px;
			margin: 0px;
			float: right;
			clear: right;
		}
		div.page_numbers {
			padding: 0px;
			margin: 0px;
			text-align: center;
			clear: none;
		}
		
		td.yellow_box_top {
			background-image: url(/images/yellowbox_top.gif);
			padding-left: 10px;
			height: 25px;
		}
		
		td.yellow_box_middle {
			background-image: url(/images/yellowbox_middle.gif);
			background-repeat: repeat-y;
			padding: 5px 0px 0px 10px;
			vertical-align: top;
		}
		
		td.info_header {
			font-weight: bold;
			padding: 4px 10px 4px 0px;
			vertical-align: top;
			font-size: 12px;
			color: #666;
			width: 100px;
		}
		
		td.info {
			padding: 0px 10px 4px 5px;
			vertical-align: top;
			font-size: 12px;
			color: #666;
		}
		
		div.content_container {
			clear: both;
			font-size: 12px;
		}
		
		div.right_sidebar_text_container {
			font-size: 11px;
			margin-top: 17px;
			/*padding: 0px 15px 10px 15px;*/
			background: #fff; 
			border: 1px #ccc solid;
			width: 158px;
			max-width: 158px;
		}
       
		
		div.right_sidebar_text_container p { font-size: 11px; margin: 0; }
		
		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/bullet_blue_brown.gif);
			background-position: 0px 5px;
			background-repeat: no-repeat;
			font-size: 11px;
			color: #24519c;
			padding-left: 10px;
		}
		div.right_sidebar_img a img {
			font-size: 11px;
			margin-top: 17px;
			background: #fff; 
			
		}
		
	div.separated-container {
		background: transparent url("/images/customer/graphic-border-dotted-horiz-2.gif") repeat-x left top;
		padding-top: 6px;
		margin-bottom: 10px;
	}
	
	div.separated-container div.inner {
		background: transparent url("/images/customer/graphic-border-dotted-horiz-2.gif") repeat-x left bottom;
		padding-bottom: 6px;
		text-align: center;
	}

	div.separated-container div.inner a,
	div.separated-container div.inner img { margin: 0; }

	/* Helpers */
		div.nomargins {
			margin: 0;
			padding: 0;
		}
		div.spacer {
			height: 4px;
			overflow: hidden;
			clear: both;
		}
		div.dots {
			background-image: url(/images/dotline.gif);
			background-repeat:repeat-x;
			height: 1px;
			overflow: hidden;
			clear: both;
		}
		div.left_column_padding {
			padding: 15px 20px 15px 20px;
		}
		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/navi_separator_line.gif) no-repeat;
			height: 4px; 
		}		

		td.sidebar_navi_bottom {
			background-image: url(/images/sidebar_bottom_bg.gif);
			background-repeat: no-repeat;
			background-color: #fff;
			height: 100px;
		}
		
/* Headers */

	div#header1 { /* ilman murupolkua */ 
		background-image: url(/images/customer/rt_logo.gif);
		background-repeat: no-repeat;
		height: 80px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px;
		border-bottom: solid 1px #ccc;
	}
	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#header2 {
		background-image: url(/images/customer/rt_logo.gif);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px 15px;
		border-bottom: solid 1px #ccc;
	}
	
	div#header1_image {
		width: 955px;
		height: 100px;
		background-repeat: no-repeat;
		background-color: #013e7d;
		/*background-color: #ccc;*/
	}
	div#header2_image {
		width: 955px;
		height: 100px;
		background-repeat: no-repeat;
		background-color: #013e7d;
		/*background-color: #ccc;*/
	}
	div#header3_image {
		width: 955px;
		height: 100px;
		background-image: url(/images/header_muusivu.gif);
		background-repeat: no-repeat;
		background-color: #013e7d;
	}

/* Breadcrumb */
	div#breadcrumb {
		margin-top: 5px; 
	}
    .path { 
		font-size: 11px; 
		font-weight: bold; 
	}
	a.path {
		color: #666666;
		text-decoration: underline; 
		font-weight: normal; 
		font-size: 11px;
	}	

	
/* Links and Text Types */
	a {
		color: #0b3e91;
		text-decoration: none;
	}
	
	td.center_column a {
		text-decoration: none;
	}
	
	
	
td.center_column.frontpage p a {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(/images/bullet_blue_brown.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

	td.center_column.frontpage iframe { width: 100% !important; }

	td.center_column.frontpage .ingress p a { padding: 0 !important; background-image: none !important; display: inline !important; text-decoration: none; font-weight: bold; }

		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: 0px;
				padding: 7px 0px 7px 0px;
				color: #003E7E;
			}
			
			h1.content {
				font-size: 20px;
				font-weight: normal;
				margin: 0px;
				padding: 0px 0px 15px 0px;
			}
			h1.header3 {
				font-size: 30px;
				font-weight: normal;
				color: #fff;
				margin: 32px 0 0 0;
				padding: 0;
			}
			h2 {
				font-size: 14px;
				font-weight: bold;
				margin: 0px;
				padding: 15px 0px 15px 0px;
			}
			h2.content {
				font-size: 14px;
				font-weight: bold;
				margin: 0px;
				padding: 0px 0px 15px 0px;
			}

			div.news_article h2{
				font-family: Arial, sans serif;
				font-size: 12px;
				font-weight: bold;
				margin: 15px 0 0 0;
				padding: 0;
			}
			div.news_article h2 a{
				text-decoration: none;
			}
			
			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;
			}
			
		/* Colors */
		
			.heading_color {
				color: #01673f;
			}
			.heading_color_2 {
				color: #0b3d91;
			}
			.highlight_color {
				color: #006600;
			}
		
		/* Others */
			.bold {
				font-weight:bold;
			}
			
			.date {
				color: #999;
				font-size: 11px;
				font-weight: normal;
			}
			.news_lead {
				padding: 15px 0px 15px 0px;
			}
			.level_2 {
				background-repeat: no-repeat;
				display: block;
				vertical-align: top;
				padding: 2px 0px 2px 22px;
				font-size: 11px;
				background-image: url(/images/bullet_blue_brown.gif);
				background-position: 10px 6px;
			}
			.level_3 {
				background-repeat: no-repeat;
				display: block;
				vertical-align: top;
				padding: 2px 0px 2px 39px;
				font-size: 11px;
				background-image: url(/images/bullet_grey_yellow.gif);
				background-position: 25px 5px;
			}

			.yellow_box_middle a { font-size: 11px; display: block; }
		

/* Search Elements */

	div#search_box_1 {
		float: right;
		/*padding: 40px 15px 0px 0px;*/
		padding: 30px 15px 0px 0px;
	}
	div#search_box_2 {
		float: right;
		clear: none;
		padding: 30px 15px 0px 0px;
	}
	div#search_box_bg {
		background-image: url(/images/search_box_bg.gif);
		background-repeat: no-repeat;
		padding: 13px 0px 12px 0px;
		width: 200px;
		text-align: center;
	}
	div#search_box_bg_wide {
		background-image: url(/images/search_box_bg_wide.jpg);
		background-repeat: no-repeat;
		padding: 16px 0px 12px 0px;
		margin: 10px 0px 10px 0px;
		width: 363px;
		text-align: center;
	}
	p.search_results_count {
		font-size: 16px;
		padding: 12px 0px 12px 0px;
		margin: 0px;
	}
	.search_result {
		font-size: 11px;
		color: #666;
	}		
	.search_item {
		font-size: 14px;
		font-weight: bold;
	}
	.active_page_number {
		font-size: 11px;
		color: #01673f;
		font-weight: bold;
	}
	.passive_page_number {
		font-weight: normal;
	}

/* Images */

	img.news_pic {
		float: right;
		clear: right;
		border: solid 1px #ccc;
		margin-left: 10px;
		margin-bottom: 10px;
	}

/* Form Elements */

	form {
		padding: 0px;
		margin: 0px;
	}
	select {
		font-size: 11px;
		background-color: #FFFFFF;
		border: solid 1px #7f9db7;
	}
	input.short_box {
		font-size: 11px;
		width: 130px;
		background-color: #FFFFFF;
		border: solid 1px #7f9db7;
	}
	input.long_box {
		font-size: 11px;
		width: 250px;
		background-color: #FFFFFF;
		border: solid 1px #7f9db7;
	}
	.text_box {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		width: 350px;
		height: 100px;
		background-color: #FFFFFF;
		border: solid 1px #7f9db7;
	}
	input.button {
		font-size: 11px;
		font-weight: bold;
		background-color: #e5eaee;
		border-top: solid 1px #005284;
		border-right: solid 1px #7f9db7;
		border-bottom: solid 1px #7f9db7;
		border-left: solid 1px #005284;
		padding: 0px 3px 0px 3px;
	}
	.field_name {
		font-size: 12px;
		font-weight: bold;
		color: #0b3d91;
	}

/* List Elements */

	ol {
		padding: 10px 0px 10px 22px;
		margin: 0px;
		color: #333;
		list-style-position: outside;
	}
	li.search_list {
		padding-bottom: 8px;
		padding-top: 8px;
	}

/* Site Specific */

	div.whitebox {
		width: 220px;
		max-width: 180px;
		padding: 15px 20px 15px 20px;
		margin: 20px 0 10px 2px;
		background-color:#FFFFFF;
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
	}
	div.whitebox a.internal_link {
		display: block;
		margin-top: 7px;
		margin-bottom: 7px;
		background-image: url(/images/bullet_blue_brown.gif);
		background-position: 0px 5px; 
		background-repeat: no-repeat;
		font-size: 11px;
		color: #24519c;
		padding-left: 10px;
	}
	div.whitebox h4 {
		color: #000;
	}


/*******
Calendar
********/
	/* calendar hoist stuff */
	div.calendar_hoist_event {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	/* Monthlist */
		div#cal_monthlist { font-family: arial, verdana; font-size: 11px; width: 150px; }
			div#cal_monthlist_container { padding: 5px; }
			
				div#cal_monthlist a { text-decoration: none; font-size: 11px;  }
				div#cal_monthlist a:hover { text-decoration: underline; }
				div#cal_monthlist_titles { padding-left: 15px; padding-bottom: 5px; }
					div#cal_monthlist_titles * { font-size: 15px }
					div#cal_monthlist_titles table td { font-weight: bold; padding-right: 4px; }
				div#cal_monthlist_list { font-size: 11px; padding-left: 20px }
				div#cal_monthlist_list ul { list-style-type: none; padding: 0; margin: 0; }
					div#cal_monthlist_list li { /* jos käytetään kuvabullettia: padding-left: 15px; */ padding-bottom: 3px; font-size: 11px }
						div#cal_monthlist_list li a { font-size: 11px }
						div#cal_monthlist_list li.selected a { /* nuoli tms backgroundina */ font-weight: bold; font-size: 11px; !important; }
						div#cal_monthlist_list li.old a { color: #999; font-size: 11px }
	
	/* Register Form */
		div#cal_form { display: block; clear: both; padding-top: 0px; padding-bottom: 5px; font-size: 12px }
			div#cal_form .dates   { color: #888 }
			div#cal_form .title   { font-size: 22px; font-weight: normal; display: block; padding: 0px 0px 2px 0px }
			div#cal_form table td { padding: 0px; margin: 0px; font-size: 12px }
			div#cal_form td.field_title { white-space: nowrap; vertical-align: top; padding: 5px 20px 5px 0px; font-weight: bold; color: #666 }
			div#cal_form td.field   { vertical-align: top; padding: 5px 0px 5px 20px; color: #888 }

	
	/* Eventlist */
		div#cal_eventlist { display: block; clear: both }
			div#cal_eventlist_container { padding: 8px 0px 8px 0px; font-family: arial; font-size: 12px;}
			span#cal_eventlist_title { font-size: 22px; font-weight: normal; padding-bottom: 15px; }
			div#cal_eventlist table.calendar_heading_month,
			div#cal_eventlist table.calendar_heading { width: 100%; border-bottom: 1px solid #000; margin-bottom: 10px; }
				div#cal_eventlist table.calendar_heading_month td,
				div#cal_eventlist table.calendar_heading td { padding-bottom: 3px; }
				div#cal_eventlist table.calendar_heading td.link { text-align: right; }
				div#cal_eventlist table.calendar_heading_month td.left_link { text-align: right; }
				div#cal_eventlist table.calendar_heading_month td.title { width: 160px; text-align: center; }
				div#cal_eventlist table.calendar_heading_month td.right_link { text-align: left; }
			div#cal_eventlist .cal_eventlist_month_title { font-size: 14px; font-weight: bold; float: left; clear: left }
			div#cal_eventlist .cal_eventlist_month_title_c { font-size: 14px; font-weight: bold }
			div#cal_eventlist div.simple_event { padding-top: 5px; padding-bottom: 5px; }
				div#cal_eventlist div.simple_event .dates    { font-size: 12px; font-weight: normal; color: #888 }
				div#cal_eventlist div.simple_event .place   { font-weight: normal; }
				div#cal_eventlist div.simple_event .title   { font-size: 18px; font-weight: normal; display: block; padding: 5px 0px 2px 0px;}
				div#cal_eventlist div.simple_event .details { display: block; padding: 5px 0px 10px 0px }
			div#cal_eventlist div.full_event { padding-top: 5px; padding-bottom: 5px; font-size: 12px }
				div#cal_eventlist div.full_event .dates   { font-size: 12px; font-weight: normal; color: #888 }
				div#cal_eventlist div.full_event .place   { font-weight: normal }
				div#cal_eventlist div.full_event .title   { font-size: 22px; font-weight: normal; display: block; padding: 5px 0px 2px 0px }
				div#cal_eventlist div.full_event .subtitle   { font-weight: bold; display: block; padding: 0px 0px 10px 0px }
				div#cal_eventlist div.full_event .details { display: block; padding: 5px 0px 10px 0px }
				div#cal_eventlist div.full_event table td { padding: 0px; margin: 0px; font-size: 12px }
				div#cal_eventlist div.full_event td.field_title { white-space: nowrap; vertical-align: top; padding: 2px 0px 2px 0px; font-weight: bold; color: #666 }
				div#cal_eventlist div.full_event td.field   { vertical-align: top; padding: 2px 0px 2px 20px; color: #888 }
				div#cal_eventlist div.full_event a.ilmoittaudu { 
					background-repeat: no-repeat;
					display: block;
					vertical-align: top;
					padding: 5px 0px 5px 15px;
					font-size: 12px;
					background-image: url(/images/bullet_blue_brown.gif);
					background-position: 0px 9px; }
				
	
	/* Mini-calendar */
		div#cal_calendar { width: 150px; }
			div#cal_calendar_container { padding: 8px; }
				#cal_calendar_title { background: #9ebef5; margin-bottom: 5px; font-size: 11px; text-align: center; }
					#cal_calendar_title a { text-decoration: none; font-weight: bold; color: black; }
					#cal_calendar_title a:hover { text-decoration: underline; }
				#cal_calendar_month {  }
					#cal_calendar_month table { font-size: 11px; }
						tr.cal_calendar_weekdays { color: #000; font-weight: bold; }
						div#cal_calendar_month td { text-align: right; width: 14.2%; font-size: 11px; line-height: 15px; }
						div#cal_calendar_month td.other_month { color: #aca899; }
						div#cal_calendar_month td.today { background: #fbe694; border: 1px solid #bb5503; }
							div#cal_calendar_month td div { padding: 0 2px; }
								div#cal_calendar_month td div.events { background: #c2ffc2; border: 1px solid #c2c2c2; }
									div#cal_calendar_month td div.events a {  text-decoration: none; color: inherit; }
									div#cal_calendar_month td div.events a:hover { }
								div#cal_calendar_month td td.other_month div.events { background: none !important; border: none !important; }
								
	/* Search */
		div#cal_search_container { padding-bottom: 10px; padding-top: 0px; clear: both; }
			div#cal_search_container form { padding: 0px; margin: 0px }
			div#cal_search_container table td { padding: 0px; margin: 0px }
				div#cal_search_container td.cal_search_left { width: 280px; vertical-align: top; font-size: 11px }
				div#cal_search_container td.cal_search_right { vertical-align: top; font-size: 11px }
			div#cal_search_container div.date_selects { padding: 3px 0px 0px 20px }
			div#cal_search_container .only_show { padding-bottom: 10px; font-weight: bold }
			div#cal_search_container .title { padding: 2px 0px 5px 0px; font-size: 12px; font-weight: bold }
			div#cal_search_container .option { padding: 2px 0px 2px 0px; font-size: 11px; }

			div#cal_search_list { font-size: 11px; padding-left: 20px }
			div#cal_search_list ul { list-style-type: none; padding: 0; margin: 0; }
				div#cal_search_list li { /* jos käytetään kuvabullettia: padding-left: 15px; */ padding-bottom: 3px; font-size: 11px }
					div#cal_search_list li a { font-size: 11px }
					div#cal_search_list li.selected a { /* nuoli tms backgroundina */ font-weight: bold; font-size: 11px; !important; }
					div#cal_search_list li.old a { color: #999; font-size: 11px } 
	
div#minicalendar {
	background-image: url(/images/kalenteri_bg.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 7px;
	height: 190px;
	margin: 0px;
	background-position: 17px 10px;
}
div#minicalendar_heading {
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	text-align: center;
	padding-top: 11px;
}
div#minicalendar_table {
	text-align: center;
	max-width: 202;
	width: 200px;
	padding-top: 10px;
}
td.minicalendar_weekdays {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
}
td.other_month {
	text-align: center;
	font-size: 11px;
	color: #aca899;
	padding-top: 2px;
}
td.this_month past_day {
	text-align: center;
	font-size: 11px;
	padding-top: 2px;
}
td.this_month {
	text-align: center;
	font-size: 11px;
	padding-top: 2px;
}
td.today { 
	text-align: center;
	background: #fbe694; 
	border: 1px solid #0b3d91; 
}
div.events {
	font-weight: bold;
	background-color: #fefefe;
	border: 1px solid #666; 
	padding: 1px;
}
td#minicalendar_monthlist_year {
	font-size: 12px;
	font-weight: bold;
	color: #006633;
	text-align: center;
	padding: 2px 0px 0px 0px;
}

/* Henkilökortit */

#personnel table, #personnel_pages table {
width: 100%;
border-collapse: collapse;
font-size: 11px;
color: #666;
}

#personnel table { }

#personnel th, 
#personnel td { padding: 4px 6px; border-bottom: 1px dotted #cacaca; }

#personnel thead th { text-align: left; border-bottom: 1px dotted #cacaca; }
#personnel tbody td { }

#personnel div.page_number_container { margin: 5px 0; font-size: 11px; }
/*
#personnel div.page_number_container div.page_numbers  { text-align: center; }
#personnel div.page_number_container div.previous_page { text-align: left; width: 90px; }
#personnel div.page_number_container div.next_page     { text-align: right; width: 90px; }
*/

#personnel div.page_number_container a { 
	margin-right: 4px; 
}
#personnel div.page_number_container a.current { 
	font-weight: bold; 
	color: #01673f; 
	font-size: 11px; 
}

#personnel_groups a.person_group {
	background-repeat: no-repeat;
	color: #01673f; 
	display: block;
	vertical-align: top;
	padding: 1px 0px 2px 15px;
	font-size: 12px;
	background-image: url(/images/bullet_blue_brown.gif);
	background-position: 0px 6px; 
}
#personnel_groups a.person_group_under {
	background-repeat: no-repeat;
	color: #01673f; 
	display: block;
	vertical-align: top;
	padding: 1px 0px 2px 30px;
	font-size: 11px;
/*	background-image: url(/images/bullet_blue_brown.gif);
	background-position: 0px 6px;  */
}

td.center_column a.internal_link {
	display:block;
	padding-left: 10px;
	background: url(/images/icon_internal_link.gif) 0px 6px no-repeat;
	
}



/** Jäsenyrityshaku */
#jasenhaku2 {
    position: relative;
    width: 192px;
    height: 153px;
	background-image: url('/images/customer/haku_bg.png');
	margin-bottom: 25px;
}
#jasenhaku_title {
    background-image: url('/images/customer/haku_topic.png');
    height: 28px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
}
#jasenhaku_haku {
    padding-left: 10px;
    padding-right: 10px;
    color:#747474;
    font-size:11px;
}
#lisahakuehdot { position: absolute; bottom: 15px; left: 10px; color: #013e7d; font-size: 11px; }
.jasenhaku_hae { position: relative; left: 141px; top: -2px; width: 30px; height: 17px;}
*+html .jasenhaku_hae { position: relative; left: 141px; top: -4px; width: 30px; height: 17px;}
* html .jasenhaku_hae { position: relative; left: 141px; top: -4px; width: 30px; height: 17px;}
#jasenhaku2 h3 { color: #fff; font-weight: bold; font-size: 14px; }
#jasenhaku2 .searchterms { margin: 8px 0; }
#jasenhaku2 .searchterms input { border: solid 1px #b5b5b5; padding: 1px; width: 97%; }
#jasenhaku2 .searchbutton { text-align: left; vertical-align: bottom; }
#jasenhaku2 .searchbutton input {
	background: #e5eaee;
	border-color: #005284 #7f9db7 #7f9db7 #005284;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
}
.cyb_div {
    position: relative;
    margin-bottom: 15px;
}
.cyb_top {
    background-image: url('/images/customer/yellowbox_topic.png');
    height: 28px;
    width: 182px;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #474747;
}
.cyb_content {
    border-left: solid 1px #D5C78A;
    border-right: solid 1px #D5C78A;
    padding-left: 10px;
    width: 170px; /* koska IE*/
    padding-right: 10px;
    background-image: url('/images/customer/yellowbox_vertical_repeat.png');
}
.cyb_bottom {
    background-image: url('/images/customer/yellowbox_bottom.png');
    width: 192px;
    height: 10px;
    background-repeat: no-repeat;
}
.cyb_item {
    position: relative;
    color: #265498;
    font-size: 11px;
}
.cyb_link { padding-left: 12px; }
.cyb_title { font-weight: bold; font-size: 12px; color: #265498; height: 50px; }
.cyb_titlediv { vertical-align:top; padding-top: 8px; padding-bottom: 3px; }