﻿
/** Helpers **/
.p { padding: 10px; }
.p_ { padding: 15px; }
.pp { padding: 20px; }

.hp { padding-left: 10px; padding-right: 10px; }
.hpp { padding-left: 20px; padding-right: 20px; }

.lp { padding-left: 10px; }
.lpp { padding-left: 20px; }
.lppp { padding-left: 30px; }

.mvp { padding-top: 5px; padding-bottom: 10px; }
.vp { padding-top: 10px; padding-bottom: 10px; }
.vpp { padding-top: 20px; padding-bottom: 20px; }

.t_ { padding-top: 5px; }
.tp { padding-top: 10px; }

.bp { padding-bottom: 10px; }

.tm { margin-top: 10px; }
.tmm { margin-top: 20px; }

.bm { margin-bottom: 10px; }
.bmm { margin-bottom: 20px; }

.small_nav,
.small-text { font-size: 11px; }

.clear { clear: both; }

.separator { background: #fff; border-bottom: 1px solid #F1F2F7; height: 4px; }

a { color: #013e7d; text-decoration: none; }

em { font-style: italic; }

.gray { background: #f6f6f6; border-bottom: solid 1px #ccc; text-align: left; }
.bigpad { padding: 25px; } 

.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;
}

.text_box {
	background: #fff;
	border: solid 1px #c2c2c2;
	font: normal 12px Arial;
	padding: 2px;
}

input[type="button"], .button { cursor: pointer; }

.body-text,
.body-text td { font-size: 12px; }

.bolded { font: normal bold 14px Arial; }

.fullwidth { width: 100%; }

.short_box { border: solid 1px #7f9db7; font-size: 11px; width: 130px;  }

/** Structure **/
body, html { background: #e6edf5 url("images/page_bg.jpg") repeat-x left top; }

#body { margin: 0 auto; width: 975px; }
#body-structure { width: 100%; }

	#header { background: url("images/rt_logo.gif") no-repeat 15px 50%; border-bottom: solid 1px #ccc; height: 93px; position: relative; }
		#header a.logolink { position: absolute; width: 370px; height: 70px; top: 8px; left: 4px; }
	
		#header .flags { left: 730px; top: 15px; width: 200px; position: absolute; }
		#header .flags a {  }
			#header .flags a img { margin: 0 10px 0 0; }
			#header .flags a.en { }
			#header .flags a.ru {}
	
	#header-navi { font-size: 11px; }
	
		#header-navi-table { width: 100%; }
			#header-navi-table td { border-top: solid 2px #ccc; height: 34px; vertical-align: middle; }
			
			#header-navi-table td.active { background: #7c9bce; border-top: 2px solid #FFD51D; }
			#header-navi-table td.active a { color: #fff; }
	
		#header-navi a { color: #7c9bce; display: block; text-decoration: none; margin: 0 18px; }
	
	#header_small_nav {
		position: absolute;
		top: 73px;
		right: 20px;
	}
	

	#top-search { background: #013e7d url("images/banner_RT.jpg") no-repeat right top; height: 100px; }
	#top-search .search-box { float: right; padding: 30px 15px 0 0; }
	#top-search .search-box .inner { background: url("images/search_box_bg.gif") no-repeat left top; min-height: 42px; padding: 13px 0 2px 0; width: 200px; }
	

	#body-structure td {}
	
	#body-content { background: #fff; }

	#body-structure .shadow { width: 10px; }

	#body-structure .shadow-left { background: url("images/left_bg.gif") repeat-y right top; }
	#body-structure .shadow-right { background: url("images/right_bg.gif") repeat-y left top; }
	
	#top-navi { background: #013E7D; font-size: 12px; }
	
		#top-navi ul li { float: left; padding-left: 4px; }
		
			#top-navi ul li a { color: #fff; display: block; font-weight: bold; margin: 0 2px; padding: 8px; text-decoration: none; }
			
			#top-navi ul li a.active { background: #fff; color: #010101; }
			
	#footer { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
	#footer .footer-text { color: #999; font-size: 11px; }
			
			
	#path { text-align: left; }
	#path a.last { font-weight: bold; }
	
	.top-links { font-size: 12px; position: relative; }
	
		.top-links .login-links { position: absolute; right: 0; top: 0; color: #999; font-size: 11px; }
			
	#content { width: 690px; margin: 0 auto; background: url("images/right_bg.gif") repeat-y right top; padding-right: 4px; padding-left: 4px; text-align: left; }
		#content-holder { border-right: solid 1px #cecece; border-left: solid 1px #cecece; }
		
		#content .tab-body {}
		#content .tab-body .tabs { border-bottom: solid 1px #ccc; height: 28px; padding-left: 12px; }
		#content .tab-body .tabs li { float: left; font-size: 12px; font-weight: bold; }
		
		#content .tab-body .tabs li a { background: #013e7d; border: solid 1px #cccccc; color: #fff; display: block; padding: 6px; margin: 0 6px; }
		
		#content .tab-body .tabs li a.active { background: #f6f6f6; border-bottom: solid 1px #f6f6f6; color: #000; }
	
/** Content **/
	#content h2 { font: normal 22px Arial; color: #013e7d; }
	
	#content .search-term {  }
	
	.table-holder td,
	.text-content { font-size: 12px;}
	
	.caption { font-weight: bold;}
	.table-holder td a { color: #4da726; }
	
	.text-content h3 { font: normal bold 14px Arial; }
	
/** Search results **/
	.listitem { background: transparent url("images/dotline.gif") repeat-x left bottom; padding-top: 2px; padding-bottom: 3px; }
	
	.listitem a { color: #808080; display: block; font-size: 11px; padding: 10px 25px; position: relative; }
	.listitem a:hover { background: #efefef; }
	
	.listitem a .name { color: #013e7d; font: normal bold 14px Arial; }
	.listitem a .description { font-size: 12px; display: block; padding: 6px 0; }
	
	.listitem a .index { position: absolute; left: 1px; top: 10px; font-size: 12px; font-weight: bold; }
	
/** Header main navi **/
	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;
	}
	
/** Search result gridview **/
table.result-table { width: 100%; margin-top: 6px; }
table.result-table,
table.result-table td,
table.result-table th,
table.result-table tr { border-bottom-width: 0 !important; border-top-width: 0 !important; border-color: #fff !important; border-width: 0 !important; }

.header-table { width: 100%; margin: 4px 0; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.header-table option { padding: 2px; }

.paging-links {}
.paging-holder { float: right; }
.paging-holder .item { border: solid 1px #cecece; float: left; font-size: 11px; font-weight: bold; margin-left: 4px; padding: 3px 5px; cursor: pointer; }

.paging-holder .item:hover,
.paging-holder .current { border: solid 2px #d0d0d0; background: #f3f3f3; padding: 2px 4px; }

.paging-holder .current { border: solid 2px #8598ac; }

.top-dot {  background: transparent url("images/dotline.gif") repeat-x left bottom; padding-top: 2px; padding-bottom: 3px; }

table.result-table th { display: none; }



/** LB **/
#lightbox {
background:none repeat scroll 0 0 #FFFFFF;
color:#333333;
display:none;
font-size:12px;
left:50%;
margin:-220px 0 0 -250px;
padding:2em;
position:absolute;
text-align:left;
top:50%;
width:532px;
z-index:9999;
}
#overlay {
background-color:#000000;
display:none;
height:100%;
left:0;
opacity:0.8;
position:absolute;
top:0;
width:100%;
z-index:5000;
}

.fullwidth td { vertical-align: top; }

table.Toimipaikat td { width: 320px; vertical-align: top; padding-bottom: 0px; padding-top: 10px; background: transparent url("images/seperator.gif") no-repeat left bottom;}
table.Toimipaikat tr { padding-bottom: 5px; }
table.bpp td { border-bottom-width: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important; background: #ffffff !important }
table.bpp tr { padding-bottom: 0px !important; }