@charset "utf-8";
/*
	Lehtimäen Liikenne CSS (rev B)
*/

body
{
	margin: 0;
	padding: 0;
	background: #e5e5e5 url(../images/body_bg.gif) repeat center -4px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #545454;
}


a,
a:link,
a:visited
{
	color: #3b9201;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #3b9201;
	text-decoration: none;
}

a img
{
	border: none;
}

h2,
#content table h1
{
	margin: .6em 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
	font-size: 14px;
	color: #41a500;
}





#outer_wrapper
{
	margin: 0;
	padding: 0;
	background: transparent url(../images/head_bg.gif) repeat-x center top;
}

#topbar
{
	width: 1011px;
	height: 26px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/topbar_bg.gif) no-repeat 15px top;
}

#other_sites
{
	width: 255px;
	float: right;
	margin: 0;
	padding: 0;
}




/* Create one pixel border radius without images (other than the gradient background, of course) or the actual border-radius property */

#other_sites a,
#other_sites a:link,
#other_sites a:visited
{
	float: left;
	width: 123px; /* Two pixels less than the resulting tab width */
	height: 20px;
	margin: 4px 3px 0 0; /* Horizontally, the margin has to compensate for the protruding span */
	border-top: 1px solid #65d900;
	color: #8eff00;
	text-decoration: none;
	cursor: pointer;
}

#other_sites a:hover,
#other_sites a:active
{
	color: #fff;
}

#other_sites a span
{
	display: block;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	
	/* Expand the span beyond the boundaries of the wrapping a element */
	width: 125px;
	position: relative;
	left: -1px;
	background: transparent url(../images/topbar_link_bg.gif) repeat-x left -1px; /* The gradient bg */
}

/* Fix IE6 issues */
* html #other_sites a span
{
	width: 125px;
	display: inline;
	float: left;
	left: 0;
	margin: 0 -1px;
}




#wrapper
{
	clear: both;
	width: 1011px;
	text-align: left;
	margin: 0 auto;
}

#head
{
	border-top: 1px solid #fff;
	height: 104px;
	overflow: hidden;
}


#masthead
{
	float: left;
	width: 410px;
	height: 53px;
	background: transparent url(../images/masthead.gif) no-repeat 36px 20px;
	padding: 20px 0 0 36px;
	margin: 0;
}

#masthead a,
#masthead a:link,
#masthead a:visited,
#masthead a:hover,
#masthead a:active
{
	display: block;
	width: 410px;
	height: 32px;
	cursor: pointer;
}

#navbar
{
	float: left;
	width: 520px;
	height: 28px;
	margin: 0 0 0 32px;
	padding: 23px 0 0 0;
	list-style: none;
	background: transparent url(../images/navi_sprites.gif) no-repeat left 23px;
}

#navbar li
{
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: hidden;
}

#navbar li a,
#navbar li a:link,
#navbar li a:visited,
#navbar li a:hover,
#navbar li a:active
{
	float: left;
	cursor: pointer;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

#navitem1,
#navitem1 a,
#navitem1 a:link,
#navitem1 a:visited
{
	width: 76px;
	background: transparent url(../images/navi_sprites.gif) no-repeat left top;
}

#navitem1 a:hover,
#navitem1 a:active
{
	background-position: left -28px;
}

#navitem1 a.active:link,
#navitem1 a.active:visited,
#navitem1 a.active:hover,
#navitem1 a.active:active
{
	background-position: left -56px;
}

#navitem2,
#navitem2 a,
#navitem2 a:link,
#navitem2 a:visited
{
	width: 64px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -76px top;
}

#navitem2 a:hover,
#navitem2 a:active
{
	background-position: -76px -28px;
}

#navitem2 a.active:link,
#navitem2 a.active:visited,
#navitem2 a.active:hover,
#navitem2 a.active:active
{
	background-position: -76px -56px;
}

#navitem3,
#navitem3 a,
#navitem3 a:link,
#navitem3 a:visited
{
	width: 97px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -140px top;
}

#navitem3 a:hover,
#navitem3 a:active
{
	background-position: -140px -28px;
}

#navitem3 a.active:link,
#navitem3 a.active:visited,
#navitem3 a.active:hover,
#navitem3 a.active:active
{
	background-position: -140px -56px;
}

#navitem4,
#navitem4 a,
#navitem4 a:link,
#navitem4 a:visited
{
	width: 102px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -237px top;
}

#navitem4 a:hover,
#navitem4 a:active
{
	background-position: -237px -28px;
}

#navitem4 a.active:link,
#navitem4 a.active:visited,
#navitem4 a.active:hover,
#navitem4 a.active:active
{
	background-position: -237px -56px;
}

#navitem5,
#navitem5 a,
#navitem5 a:link,
#navitem5 a:visited
{
	width: 54px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -339px top;
}

#navitem5 a:hover,
#navitem5 a:active
{
	background-position: -339px -28px;
}

#navitem5 a.active:link,
#navitem5 a.active:visited,
#navitem5 a.active:hover,
#navitem5 a.active:active
{
	background-position: -339px -56px;
}

#navitem6,
#navitem6 a,
#navitem6 a:link,
#navitem6 a:visited
{
	width: 96px;
	background: transparent url(../images/navi_sprites.gif) no-repeat -393px top;
}

#navitem6 a:hover,
#navitem6 a:active
{
	background-position: -393px -28px;
}

#navitem6 a.active:link,
#navitem6 a.active:visited,
#navitem6 a.active:hover,
#navitem6 a.active:active
{
	background-position: -393px -56px;
}





#utils
{
	clear: both;
	width: 975px;
	padding: 0 0 0 36px;
	height: 31px;
}

#langlinks
{
	float: left;
	width: 480px;
	padding: 5px 0 0 0; 
	margin: 0;
	list-style: none;
}

#langlinks li *
{
	vertical-align: middle;
}

#langlinks li a,
#langlinks li a:link,
#langlinks li a:visited
{
	color: #a3a3a3;
	text-decoration: none;
}

#langlinks li a:hover,
#langlinks li a:active
{
	color: #2ca400;
	text-decoration: none;
}

#langlinks li img
{
	vertical-align: top;
}

#loginlink,
#loginlink:link,
#loginlink:visited
{
	width: 190px;
	padding-left: 25px;
	float: left;
	vertical-align: middle;
	line-height: 27px;
	cursor: pointer;
	background: transparent url(../images/loginlink_bg.gif) no-repeat left center;
	color: #a3a3a3;
	text-decoration: none;
}

#loginlink:hover,
#loginlink:active
{
	color: #2ca400;
}


#printLink
{
	width: 16px;
	float: left;
	vertical-align: middle;
	margin-right: 23px;
	padding-top: 6px;
}

#utils form
{
	margin: 4px 0 0 0;
	padding: 0;
	float: left;
	width: 233px;
	border: 1px solid #dddedc;
	background: #f0f0f0 url(../images/search_bg.gif) repeat-x left top;
	line-height: 15px;
	vertical-align: middle;
}

#utils form .content
{
	border: 1px solid #fff;
	margin: 0;
	padding: 0 0 0 34px;
	background: transparent url(../images/icn_search.gif) no-repeat 6px 4px;
}

#utils form input.textinput
{
	padding: 0;
	margin: 0 16px 0 0;
	border: none;
	background: transparent;
	line-height: 15px;
	font-family: arial, sans-serif;
	color: #a0a0a0;
}

#utils form input.imageinput
{
	vertical-align: middle;
}







#body
{
	float: left;
	width: 982px;
	clear: both;
	padding: 12px 0 0 29px;
	background: transparent url(../images/body_top_bg.gif) no-repeat 2px top;
}






#subnavi
{
	width: 204px;
	padding: 7px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	float: left;
	margin: 0 6px 8px 0;
	/*
	height: auto !important;
	min-height: 500px;
	height: 500px;
	*/
}

#subnavi .content
{
	padding: 7px;
	border: 1px solid #e1e1e0;
	background-color: #f5f5f5;
}

#subnavi h2
{
	margin: 7px 0;
	padding: 0 0 0 17px;
	background: transparent url(../images/blt_green_big.gif) no-repeat 1px 2px;
	font-size: 12px;
	color: #093;
}

#subnavi h2 a,
#subnavi h2 a:link,
#subnavi h2 a:visited
{
	color: #093;
	text-decoration: none;
}

#subnavi h2 a:hover,
#subnavi h2 a:active
{
	text-decoration: underline;
}

#subnavi ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#subnavi li
{
	display: inline-block;
	margin: 0;
	padding: 0;
}

#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited
{
	display: block;
	padding: 11px 10px 11px 7px;
	cursor: pointer;
	width: 165px;
	border-left: 6px solid #ffc130;
	background-color: #e5e5e5;
	margin-bottom: 1px;
	color: #666;
	text-decoration: none;
	font-size: 11px;
}

#subnavi li a:hover,
#subnavi li a:active
{
	color: #093;
	text-decoration: none;
}

#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited,
#subnavi li a.active:hover,
#subnavi li a.active:active
{
	background-color: #fff;
	border-left: 6px solid #e5e5e5;
}

#subnavi li a span
{
	margin-right: 7px;
}









#content
{
	width: 739px;
	padding: 0 7px;
	border: 1px solid #d2d2d2;
	background: #fff url(../images/content_bg.gif) repeat-y 324px top;
	float: left;
	margin: 0 0 8px;
}

#standard_wide #content,
#standard_basic #content
{
	background-image: none;
}

#standard_wide #content_body
{
	margin: 12px;
}

#schedule #content
{
	background: #fff url(../images/pixel_gray.gif) repeat-y 545px top;
}

#content_wrapper
{
	border-top: 7px solid #fff;
	border-bottom: 7px solid #fff;
	/*
	height: auto !important;
	min-height: 500px;
	height: 500px;
	*/
}

#content hr.clearer
{
	background-color: #f00;
	height: 5px;
	border: none;
	margin: 0;
	padding: 0;
}

#content h1
{
	width: 638px;
	height: 34px;
	padding: 17px 20px 0 81px;
	background: #47b000 url(../images/icn_bus.gif) no-repeat left top;
	font-size: 16px;
	color: #fff;
	border-bottom: 8px solid #fff;
	margin: 0;
}

#head_wrapper
{
	display: none;
}

#content_wrapper #main
{
	width: 535px;
	float: left;
}

#standard_wide #content_wrapper #main
{
	width: 740px;
	float: none;
}

#content_wrapper #sidebar
{
	width: 193px;
	float: right;
}

#standard #main_image
{
	background-color: #fff;
	padding-bottom: 7px;
}

#twocols_main
{
	width: 290px;
	padding: 15px 0 0 12px;
	float: left;
}


#standard_basic #twocols_main
{
	width: 488px;
	padding-left: 24px;
}

#twocols_side
{
	width: 180px;
	padding: 6px 0 10px 30px;
	float: left;
	color: #545454;
}

#standard_basic #twocols_side
{
	display: none;
}

#twocols_side p
{
	padding: 0;
	margin: .6em 0;
}

#sidebar .top
{
	background-color: #fff;
	padding-bottom: 5px;
}

#sidebar .body
{
	padding: 6px 8px;
}

#sidebar .body p
{
	padding: 0;
	margin: 0 0 .8em;
}








#footer
{
	width: 968px;
	clear: both;
	background-color: #fff;
	padding: 6px;
	border: 1px solid #d2d2d2;
}

#footer_content
{
	border-collapse: collapse;
	background: #fff url(../images/footer_bg.gif) repeat-y 389px top;
}

#footer_content td
{
	vertical-align: middle;
	color: #b4b4b3;
	font-size: 10px;
}

#footer_content td p
{
	margin: 0;
	padding: 0;
}

#footer_content td a,
#footer_content td a:link,
#footer_content td a:visited,
#footer_content td a:hover,
#footer_content td a:active
{
	color: #b4b4b3;
	text-decoration: none;
}


#footer_content td strong
{
	font-size: 11px;
}

#footer_content td.col_a
{
	width: 389px;
}

#footer_content td.col_b
{
	width: 179px;
	padding: 0 20px 0 19px;
}

#footer_content td.col_c
{
	vertical-align: top;
	width: 161px;
	padding: 10px 16px 0 15px;
}

#footer_content td.col_d
{
	vertical-align: top;
	width: 124px;
	padding: 8px 0 0 22px;
}

#footer_content td.col_d img
{
	vertical-align: middle;
}








/* Page type: buses front */

#buses_col_a
{
	width: 367px;
	float: left;
	overflow: hidden;
}

#buses_col_b
{
	width: 369px;
	float: right;
	overflow: hidden;
}

#buses_contact
{
	width: 145px;
	height: 68px;
	padding: 51px 9px 0 215px;
	color: #fff;
	font-size: 11px;
	background: transparent url(../images/contact_big.jpg) no-repeat left top;
}

#buses_contact a,
#buses_contact a:link,
#buses_contact a:visited
{
	color: #fff;
	text-decoration: none;
}

#buses_contact a:hover,
#buses_contact a:active
{
	color: #fff;
	text-decoration: underline;
}








/* Layout: home */

#home_box1,
#home_box2,
#home_box3
{
	width: 967px;
	height: 203px;
	padding: 6px;
	margin: 0 0 6px;
	border: 1px solid #cfd4ca;
	background: #fff url(../images/home_box_bg_dark.gif) no-repeat 486px 6px;
	clear: both;
}


#home_box1 .box_image,
#home_box2 .box_image,
#home_box3 .box_image
{
	width: 474px;
	float: left;
}

#home_box3 .box_image_wide
{
	width: 967px;
	float: left;
}

#home_box1 .box_content,
#home_box2 .box_content,
#home_box3 .box_content
{
	width: 364px;
	float: left;
	padding: 42px 0 0 108px;
	color: #fff;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
}

#home_box1 .box_content p
{
	margin: 0 0 .6em;
}

.box_content a,
.box_content a:link,
.box_content a:visited
{
	color: #ffc300;
	text-decoration: none;
}

.box_content a:hover,
.box_content a:active
{
	color: #ffc300;
	text-decoration: underline;
}

#home_box2
{
	height: 128px;
	background: #fff url(../images/home_box_bg_green.gif) no-repeat 486px 6px;
}

#home_box2 .box_content
{
	padding-top: 37px;
}

#home_box3
{
	padding: 0;
	height: 126px;
	border: none;
	margin-bottom: 11px;
	background: #fff url(../images/home_box_bg_light.gif) no-repeat 480px top;
}


#home .news_list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#home .news_list li
{
	clear: both;
	background: transparent url(../images/blt_raquo_white.gif) no-repeat left 5px;
	margin: 0;
	padding: 0 0 0 11px;
}

#home .news_list li .date
{
	width: 63px;
	float: left;
}

#home .news_list li .title
{
	width: 270px;
	float: left;
}

#home .news_list a,
#home .news_list a:link,
#home .news_list a:visited
{
	color: #fff;
}









/* Login wrapper */

#login_wrapper
{
	display: none;
	position: absolute;
	z-index: 1000;
	width: 255px;
	padding: 14px 14px;
	background-color: #fff;
	text-align: left;
	color: #a3a3a3;
}

#login_wrapper form
{
	margin: 0;
	padding: 0;
}

#login_wrapper table
{
	border-collapse: collapse;
	width: 255px;
}

#login_wrapper th,
#login_wrapper td
{
	font-weight: normal;
	text-align: left;
}

#login_wrapper th
{
	width: 104px;
}

#login_wrapper input
{
	width: 143px;
	padding: 4px;
	border: none;
	background-color: #ebebeb;
	font-family: arial, helvetica, sans-serif;
	color: #a3a3a3;
}

#login_wrapper tr.right td
{
	text-align: right;
}

#login_wrapper tr.right input
{
	width: auto;
	padding: 0;
	background-color: transparent;
}









/* Layout and page type: schedule */

#schedule #routeWrapper
{
	width: 500px;
	border-collapse: collapse;
}

#schedule #routeWrapper th,
#schedule #routeWrapper td
{
	vertical-align: top;
	text-align: left;
}

#schedule #routeWrapper th
{
	padding-right: 10px;
}

#schedule #routeWrapper td
{
	width: 100%;
}

#schedule #routeMap
{
	width: 522px;
	height: 275px;
	position: relative;
	border: 1px solid #d9d9d9;
	margin: 15px 0;
}

#schedule_bottom #timetable
{
	width: 300px;
	float: left;
	margin-right: 10px;
}

#schedule_bottom #stops
{
	display: inline;
	width: 215px;
	float: left;
	overflow: hidden;
}

#stops_search
{
	background-color: #eefbea;
	margin: 15px 0;
	padding: 0;
}

#stops_search h2
{
	background: #0aaa00 url(../images/icn_info_small.gif) no-repeat 7px 4px;
	color: #fff;
	font-size: 12px;
	margin: 0 0 8px;
	padding: 5px 0 5px 27px;
}

#stops_search .content
{
	padding: 0 9px 10px;
}

#stops_search select
{
	width: 195px;
	margin: 0 0 2px;
}

#stops_search table
{
	border-collapse: collapse;
}

#stops_search th,
#stops_search td
{
	text-align: left;
	font-weight: normal;
	padding: 0 4px 0 0;
}

#stops_search input.textinput
{
	width: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 2px;
}






/* Date picker */
input.calendar,
select.calendar
{
	width: auto;
}

button.calendar {
	background: transparent url(../images/icn_calendar.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
	width: 19px;
	height: 21px;
	padding: 0;
}

/*
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}
*/

div.calendar {
	color: #444;
	background: transparent url(../images/calendar_bg.gif) no-repeat left top;
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #0ea023;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}

div.calendar caption a.prev {
	background: transparent url(../images/btn_cal_prev.gif) no-repeat left top;
	left: 0;
}
div.calendar caption a.next {
	background: transparent url(../images/btn_cal_next.gif) no-repeat left top;
	right: 0;
}
/*
div.calendar caption a:hover {
	background-color: #8bdbf5;
}
*/

div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}

div.calendar caption span.month {
	padding-right: 8px;
}

div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 1px solid #0ea023;
	color: #c0c0c0;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	/*background: url(calendar-td.gif);
	color: #FFF;*/
	font-size: 11px;
}

div.calendar th
{
	display: none;
}

div.calendar td.invalid
{
	color: #c0c0c0;
}

div.calendar td.inactive
{
	color: #444;
	background-color: #fa8e00;
}

div.calendar td.valid {
	color: #444;
	cursor: pointer;
}

div.calendar td.hilite {
	color: #0ea023;
	background-color: #cde4d1;
}
/*
div.calendar td.inactive {
	background: url(calendar-td.gif) 0 100%;
	color: #FFF;
}
*/
div.calendar td.active,
div.calendar td.hover {
	/*background: url(calendar-valid.gif) 0 100%;*/
	color: #444;
	background-color: #fa8e00;
	cursor: pointer;
}









/* List: schedule */
h2.schedulelist_head
{
	margin: 0 0 3px;
	padding: 11px 0 8px;
	text-align: center;
	background-color: #78c047;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

ul.schedulelist
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.schedulelist li
{
	display: inline;
	margin: 0;
	padding: 0;
}

ul.schedulelist a,
ul.schedulelist a:link,
ul.schedulelist a:visited
{
	display: block;
	cursor: pointer;
	border-left: 6px solid #ffc130;
	margin: 0 0 1px;
	background: #edecec url(../images/schedulelist_bg.gif) no-repeat 12px center;
	padding: 5px 10px 5px 25px;
	color: #666;
	text-decoration: none;
}

ul.schedulelist a:hover,
ul.schedulelist a:active
{
	background-color: #fff;
	border-color: #edecec;
	color: #666;
	text-decoration: none;
}









/* Page type: contacts */

#contacts_top
{
	padding-bottom: 6px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 15px;
}

#contacts_colwrapper
{
	width: 738px;
	float: left;
	background: transparent url(../images/contact_columns_bg.gif) repeat-y 251px top;
	margin-bottom: 9px;
}

#contacts_colwrapper .image
{
	width: 90px;
	float: left;
	text-align: center;
}

#contacts_colwrapper .text
{
	width: 150px;
	float: left;
}

#contacts_colwrapper .col_a
{
	width: 251px;
	float: left;
	margin-right: 1px;
}

#contacts_colwrapper .col_b
{
	width: 235px;
	float: left;
	margin-right: 1px;
}

#contacts_colwrapper .col_b .image
{
	width: 72px;
}

#contacts_colwrapper .col_c
{
	width: 240px;
	float: left;
}

#contacts_colwrapper .col_c .text
{
	width: 140px;
}

#contacts_content
{
	clear: both;
}






/* Content element: ce_map_container */

.mapContainer .mapCanvas
{
	position: relative;
	width: 480px;
	height: 300px;
}


#standard_wide .mapContainer .mapCanvas
{
	width: 710px;
	height: 400px;
}

.coordinate
{
	display: none;
}








/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border-spacing: 1px 0;
}

.u4-table-default-header
{
	background-color: #4cb200;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #eefbea;
	vertical-align: top;
	text-align: left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px 5px;
	color: #5e6a61;
}

.u4-table-default-odd
{
	background-color: #fff;
}





/* Table w/o header row */

.u4-table-noheader
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-noheader-header
{
	background-color: #eefbea;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 2px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #5e6a61;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #fff;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
	color: #5e6a61;
}

.u4-table-noheader-odd
{
	background-color: #eefbea;
}



/* TIMETABLE */

.u4-table-timetable
{
	border-collapse: collapse;
}

.u4-table-timetable-header
{
	background-color: #0aaa00;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 2px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-timetable-header *
{
	vertical-align: middle;
}

.u4-table-timetable-header2,
.u4-table-timetable-even,
.u4-table-timetable-odd
{
	background-color: #eefbea;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
}

.u4-table-timetable-odd
{
	background-color: #fff;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}






/* Cell styles */
.u4-table-timetable-header .u4-table-timetable-center,
.u4-table-timetable-header2 .u4-table-timetable-center,
.u4-table-timetable-even .u4-table-timetable-center,
.u4-table-timetable-odd .u4-table-timetable-center
{
	text-align: center;
}






/* Image classes */

img.border
{
	border: 1px solid #e4e4e4;
}


/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}



/* Content template: personnel card */

div.personnel_card
{
	clear: both;
	border-bottom: 1px solid #d0d0d0;
	padding: 7px 0;
}

div.personnel_card table.person
{
	border-collapse: collapse;
	width: 363px;
	float: left;
	margin-right: 9px;
}

div.personnel_card table.person td
{
	padding: 0;
	vertical-align: top;
}

div.personnel_card table.person td.photo
{
	width: 140px;
}

div.personnel_card table.person td.photo img
{
	border: 1px solid #d0d0d0;
}

div.personnel_card table.person td.info
{
	padding: 7px 11px;
	background-color: #f8f7f7;
	border-top: 1px solid #d0d0d0;
}

div.personnel_card table.person td.info h3
{
	background: transparent url(../images/icn_smiley.gif) no-repeat left top;
	color: #545454;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 26px;
}








.clearer
{
	clear: both;
}

.ir,
.ir:hover,
.ir:active
{
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}