﻿@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

*/

/* Page Structure */

h1,h2,p,td {
	margin: 0;
	padding: 0;
}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		margin: 0px;
		padding: 0px;
		background-color: #e6edf5;
		background-repeat: repeat-x;
		background-image: url(/images/page_bg.jpg);
	}

	/* Main Navigation */

		div#main_nav {
			width: 952px;
			max-width: 952px;
			height: 24px;
			background-color: #a4bcd4;
			padding-left: 3px;
		}
		a.main_nav {
			font-size: 12px;
			font-weight: bold;
			color: #0b3d91;
			display: block;
			padding: 5px 8px 5px 8px;
			margin: 0px 2px 0px 2px;
			float: left;
			height: 14px;
		}
		a.main_nav_active {
			font-size: 12px;
			font-weight: bold;
			color: #000;
			background-color: #FFFFFF;
			display: block;
			padding: 5px 10px 5px 10px;
			margin: 0px 5px 0px 5px;
			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;
		}

	/* 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;
			width: 212px;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
			vertical-align: top;
		}
		td.center_column {
			/*width: 483px;*/
			padding: 0 20px 20px 20px;
			background-color: #FFFFFF;
			vertical-align: top;
			border-bottom: solid 1px #ccc;
		}
		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;
		}
		td.right_column_container {
			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;
		}

	/* 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;
			padding-left: 20px;
			font-size: 12px;
		}	
		td.column_heading_active {
			background-color: #013e7d;
			height: 30px;
			border-bottom: solid 1px #ccc;
			padding-left: 20px;
			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: 0px;
			float: left;
		}
		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;
		}	
		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 5px 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: 4px 10px 4px 0px;
			vertical-align: top;
			font-size: 12px;
			color: #666;
		}
		div.content_container {
			clear: both;
			font-size: 12px;
		}
		.small_text_under_arrow {
			font-size: 11px;
			padding: 0px 0px 0px 11px;
		}	
		.small_text {
			font-size: 11px;
		}
		p {
			margin: 5px 0px 10px 0px;
			padding: 0px;
			line-height: normal;
		}

	/* Helpers */

		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;
		}

/* 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#header_en {
		background-image: url(/images/customer/rt_logo_en.gif);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px 15px;
		border-bottom: solid 1px #ccc;
	}
	div#header_ru {
		background-image: url(/images/customer/rt_logo_ru.gif);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px 15px;
		border-bottom: solid 1px #ccc;
	}
	div#header2_rateko {
		background-image: url(/images/customer/RATEKO_logo.jpg);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px 15px;
		border-bottom: solid 1px #ccc;
	}
	div#header2_rtk {
		background-image: url(/images/customer/Rakennusmedia_logo.jpg);
		background-repeat: no-repeat;
		height: 93px;
		width: 955px;
		background-color: #FFFFFF;
		background-position: 15px 15px;
		border-bottom: solid 1px #ccc;
	}
	div#header1_small_nav {
		float: right;
		clear: right;
		padding: 60px 20px 5px 0px;
	}
	div#header2_small_nav {
		float: right;
		clear: right;
		padding: 73px 20px 5px 0px;
	}
	div#header_small_nav {
		float: right;
		clear: right;
		padding: 73px 20px 5px 0px;
	}
	div#header2_path {
		float: left;
		clear: left;
		padding: 74px 0px 4px 17px;
		font-size: 11px;
		color: #666666;
	}
	div#header3_texts {
		float: left;
		padding: 0 0px 0px 15px;
	}
	div#header1_image {
		width: 955px;
		height: 115px;
		background-repeat: no-repeat;
	}
	div#header2_image {
		width: 955px;
		height: 100px;
		background-repeat: no-repeat;
	}
	div#header3_image {
		width: 955px;
		height: 115px;
		background-image: url(/images/header_muusivu.gif);
		background-repeat: no-repeat;
	}
	div#header_spacer {
		width: 955px;
		height: 4px;
		background-color: #FFFFFF;
		border-bottom: solid 1px #f1f2f7;
		overflow: hidden;
		clear: both;
	}

/* Footers */

	td.footer {
		background-color: #FFFFFF;
		vertical-align: top;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
	}
	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;
	}

/* Links and Text Types */

	a {
		color: #0b3e91;
		text-decoration: none;
	}
	a.small_nav {
		padding-left: 30px;
		font-size: 11px;
	}
	a.path {
		color: #666666;
		font-size: 11px;
	}
	a.prev_next {
		color: #01673f;
		font-size: 11px;
	}

	a.pdf {
		font-size: 11px;
		background-repeat: no-repeat;
		background-image: url(/images/icon_pdf.gif);
		display: block;
		vertical-align: top;
		padding: 3px 0px 3px 17px;
		background-position: 0px 4px;
	}
	a.doc {
		font-size: 11px;
		background-repeat: no-repeat;
		background-image: url(/images/icon_word.gif);
		display: block;
		vertical-align: top;
		padding: 3px 0px 3px 17px;
		background-position: 0px 4px;
	}
	a.xls {
		font-size: 11px;
		background-repeat: no-repeat;
		background-image: url(/images/icon_xls.gif);
		display: block;
		vertical-align: top;
		padding: 3px 0px 3px 17px;
		background-position: 0px 4px;
	}
	a.ppt {
		font-size: 11px;
		background-repeat: no-repeat;
		background-image: url(/images/icon_ppt.gif);
		display: block;
		vertical-align: top;
		padding: 3px 0px 3px 17px;
		background-position: 0px 4px;
	}
	
		/* Bullets */
	
		a.bullet_1 {
			background-repeat :no-repeat;
			display: block;
			vertical-align: top;
			padding: 2px 0px 2px 15px;
			font-size: 11px;
			background-image: url(/images/bullet_blue_brown.gif);
			background-position: 0px 6px;
		}
		a.bullet_1_2 {
			background-repeat: no-repeat;
			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;
		}
		a.bullet_1_3 {
			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.bullet_2 {
			background-repeat: no-repeat;
			display: block;
			vertical-align: top;
			padding: 3px 0px 3px 15px;
			font-size: 11px;
			background-image: url(/images/bullet_grey_yellow.gif);
			background-position: 0px 6px;
		}
		a.bullet_3 {
			background-repeat :no-repeat;
			display: block;
			vertical-align: top;
			padding: 0px 0px 0px 10px;
			font-size: 12px;
			background-image: url(/images/arrow_blue.gif);
			background-position: 0px 3px;
			font-weight: bold;
		}
		a.bullet_4 {
			background-repeat :no-repeat;
			display: block;
			vertical-align: top;
			padding: 0px 0px 0px 10px;
			font-size: 12px;
			background-image: url(/images/arrow_yellow.gif);
			background-position: 0px 3px;
			font-weight: bold;
		}
		a.bullet_5 {
			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;
		}
		
		/* Headings */
		
			h1 {
				font-size: 22px;
				font-weight: normal;
				margin: 0px;
				padding: 15px 0px 15px 0px;
			}
			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: 0;
				padding: 0;
			}
			h2 {
				font-size: 18px;
				font-weight: normal;
				margin: 0px;
				padding: 15px 0px 15px 0px;
			}
			h2.content {
				font-size: 14px;
				font-weight: bold;
				margin: 0px;
				padding: 0px 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;
			}
			
		/* Colors */
		
			.heading_color {
				color: #01673f;
			}
			.heading_color_2 {
				color: #0b3d91;
			}
			.highlight_color {
				color: #FFFFFF;
			}
			.error_color {
				color: #FF0000
			}
		
		/* Others */

			.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;
			}


/* Search Elements */

	div#search_box_1 {
		float: right;
		padding: 40px 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;
	}
	div#search_box_bg_wide input {
		margin: 0 3px;
	}
	
	p.search_results_count {
		font-size: 16px;
		padding: 12px 0px 12px 0px;
		margin: 0px;
	}
	.search_result {
		font-size: 11px;
		color: #666;
	}
	td.search_result {
		padding-bottom: 11px;
	}
	.search_item {
		font-size: 14px;
		font-weight: bold;
	}
	
	td.search_result a.pdf
	{
			font-size: 14px;
			font-weight: bold;
			background-repeat: no-repeat;
			background-image: url(/images/icon_pdf.gif);
			display: block;
			vertical-align: top;
			padding: 3px 0px 3px 17px;
			background-position: 0px 4px;
	}

	.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: #666;
		list-style-position: outside;
	}
	li.search_list {
		padding-bottom: 8px;
		padding-top: 8px;
	}

/* Site Specific */

	div.whitebox.semi {
		border-bottom: 0px;
		margin-bottom: 0px;
	}

	div.whitebox {
		width: 220px;
		max-width: 180px;
		padding: 15px 20px 15px 20px;
		margin: 10px 0 10px 2px;
		background-color:#FFFFFF;
		border-bottom: solid 1px #ccc;
		border-top: solid 1px #ccc;
	}



/*******
Calendar
********/

	/* 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: 0px 8px 8px 8px; font-family: arial; font-size: 12px;}
			div#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   { color: #003399; font-size: 16px; font-weight: bold; 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;  */
}

div#captcha {
    background-color:#FFF5CC;
    border:2px solid #7F9DB9;
    font-size:14px;
    font-weight:bold;
    padding:10px 0;
    text-align:center;
    width:99%;
}
#captchaClient {width: 83px; margin-left: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right;}