/* yld */

body {  margin: 0px; background-color: white  }
body, td, input, select, textarea { font-family: Arial; font-size: 12px; color: #003893; line-height: 17px}

img { border: 0px }
form { margin: 0px }

div.clear { clear: both }

a { color: #003399; text-decoration: underline }
a:hover { color: #003399; text-decoration: none }

td { vertical-align: top; padding: 5px; }
td.kast { width: 200px }

h1 { font-weight: bold; font-size: 14px; color: #0039A7; padding: 0px; margin: 0px; font-family: Arial; line-height: 20px; padding-bottom: 0px; }
h2 { font-weight: normal; font-size: 12px; color: #51ABB3; padding: 0px; margin: 0px; font-weight: normal; line-height: 20px; padding-bottom: 5px; font-family: Arial }

h1.logo { clear: both; font-weight: bold; font-size: 18px; color: black; padding: 0px; margin: 0px; font-family: Arial; line-height: 22px; padding-top: 10px; }

div.h_yks { clear: both }
span.pealkiri { float: left }

span.print { float: right }

div.keeled {  clear: both; width: 100%; height: 22px; background: #003893; text-align: left; border-bottom: 1px solid white; color: white; font-size: 11px; font-weight: bold }
div.keeled_i { padding-left: 10px; padding-top: 2px; padding-bottom: 5px }
div.keeled a { color: white; text-decoration: none }
div.keeled a:hover { color: white; text-decoration: underline }
div.keeled span { float: left; padding-left: 5px; padding-right: 5px display: block; }
a.mkm { float: right; padding-right: 250px; color: white; display: block }

.intranet a { text-decoration: none }
.intranet a:hover { text-decoration: underline }


div.top { clear: both; width: 100%; height: 90px; background: #3399CC }
	div.logo { float: left }
	div.kontakt { float: left; text-align: left; padding-top: 2px; font-size: 11px; color: #003893 }
	div.search { float: right; padding-top: 20px }
		div.tekstilahter {  width: 200px }
		input.tekst { float: left; border: 1px solid black; height: 23px; padding-top: 2px }
		div.otsi { float: left; padding-left: 5px}
		input.otsi { background: #003893; color: white; height: 23px; font-weight: bold; border: 1px solid black }
	div.asukoht { clear: both; width: 100%; height: 17px; background: #EEEDEA; text-align: left }
		span.asukoha_tase { padding: 0px; font-size: 11px }
		span.asukoha_tase a { color: #003399; text-decoration: underline }
		span.asukoha_tase a:hover { color: #003399; text-decoration: none }

div.sisu_kont { clear: both; width: 100%; text-align: left }
div.sisu_kont_i { padding: 5px }
div.main_meny { float: left; width: 200px; background-color: #EEEDEA }
div.main_meny_i { padding: 10px }
div.menyy_pealkiri { background: #003893; padding: 5px; color: white; font-weight: bold }

div.link, div.link_valitud { clear: both; padding-bottom: 5px; font-family: arial }
div.link a, div.link_valitud a:hover { color: #003399; text-decoration: none }
div.link a:hover, div.link_valitud a { color: #003399; text-decoration: underline }

div.alamenyy { clear: both; }

div.ala_link, div.ala_link_valitud { clear: both; padding-left: 30px; padding-bottom: 5px; font-family: arial  }

div.ala_link a, div.ala_link_valitud a:hover { color: #003399; text-decoration: none }
div.ala_link a:hover, ala_div.link_valitud a { color: #003399; text-decoration: underline }

div.ala_link2, div.ala_link2_valitud { clear: both; padding-left: 50px; padding-bottom: 5px }

div.ala_link2 a, div.ala_link2_valitud a:hover { color: #003399; text-decoration: none }
div.ala_link2 a:hover, ala_div.link2_valitud a { color: #003399; text-decoration: underline }

div.content_sisuleht { float: left; width: 100% }
div.content_i { padding: 15px; padding-top: 0px }
div.art_end { clear: both; height: 20px; width: 400px }
div.parem_tulp_kont { float: right; width: 200px; }

div.bckgnd {  background-color: #FAFAFA; border: 1px solid #CCCCCC }
div.parem_tulp { clear: both; padding-bottom: 10px; }
	div.new_topic { clear: both; padding-bottom: 10px }
	div.new_topic_date { clear: both; font-size: 11px; color: #999999 }
	div.new_topic a { color: #003399; text-decoration: none }
	div.new_topic a:hover { color: #003399; text-decoration: underline }

div.footer_blocks { clear: both; width: 100%; text-align: left }
div.footer_blocks_i { padding: 15px }



/* dokumendid */

a.DocumentIcon { float: left; }
a.DocumentIcon img { border: none; }
div.Document { margin-bottom: 12px; }
h2.DocumentTitle { }
h2.DocumentTitle a, h1.DocumentTitle a:hover { color: #51ABB3; text-decoration: none; font-size: 15px; font-weight: bold }
h2.DocumentTitle a:hover { color: #51ABB3; text-decoration: underline;  }
h2.DocumentTitle, p.DocumentDesc, p.DocumentData { margin: 0px; padding: 0px; margin-left: 35px; }

/* Uudised */

h2.newsheadline { margin-bottom: 2px }
div.newsdate { color: #555555; padding-right: 5px }
span.Date {  color: #555555; padding-right: 5px }
div.uudise_pealkiri { clear: both; line-height: 20px }
div.newslist { padding-left: 5px; display: inline }

div.news_arch_link { clear: both; margin-top: 20px; font-weight: bold }

/* arhiiv */

div.a_years { clear: both;  }
div.a_years a { text-decoration: none }
div.a_years a:hover { text-decoration: underline }

div.a_months { margin-top: 6px; margin-bottom: 15px; clear: both; height: 25px; }
div.a_month, div.a_month_sel { float: left; padding: 10px; padding-top: 0px; padding-bottom: 0px; background: #e0e0e0; border-right: 1px solid white; line-height: 25px; height: 25px; }
div.a_month_sel { font-weight: bold }
div.a_month a { text-decoration: none }
div.a_month a:hover { text-decoration: underline }

/* otsing */

div.SearchResultsLabel { }
div.FoundResults { border: 1px solid red }
div.SearchTypeSelector { margin-bottom: 10px; clear: both; width: 520px; height: 30px }
div.SearchTypeSelector a { text-decoration: none }
div.SearchTypeSelector a:hover { text-decoration: underline }
div.SearchResultsLabel, div.FoundResults { padding: 5px; background: #e0e0e0; float: left; border-right: 1px solid white }

div.ResultTitle { margin-top: 10px; font-weight: bold }

div.SearchPaging { padding: 5px; background: #e0e0e0; margin-top: 10px }
div.SearchPaging a, div.SearchPaging span { padding-right: 5px; }
div.SearchPaging a { text-decoration: none }
div.SearchPaging a:hover { text-decoration: underline }

/* galerii */

div.gallery { float: left; padding-right: 30px }
div.GalleryThumbnail { float: left; padding: 20px; padding-bottom: 0px }
div.wrapper {padding: 0px }



table.DataTable {
	width: 80%;
	border: 1px solid #ccc;
}

table.DataTable td {
	vertical-align: top;
	white-space: nowrap;
	padding: 4px;
}

table.DataTable td.DataTableWrap {
	white-space: normal;
}

table.ZebraTable tr.dark,
table.DataTable tr.dark,
table.DataTable td.dark {
	background: #FAFAFA;
}

table.ZebraTable tr.light,
table.DataTable tr.light,
table.DataTable td.light { 
	background: #FFF;
}

table.FormTable {
	width: 80%;
}

table.FormTable td {
	vertical-align: top;
	padding: 4px;
}

table.FormTable caption {
	padding: 4px 0px;
}

table.FormTable col.FormTableLabels {
	text-align: right;
	white-space: nowrap;
}

table.FormTable td:first-child {
	text-align: right;
	white-space: nowrap;
}

table.FormTable input.FormText {
	width: 300px;	
}

input.FormText {
	height: 20px;
	width: 170px;
	margin: 0px 6px 0px 0px;
	border: 1px solid #85A5EF;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #5A6A70;
}

select.FormSelect {
	height: 17px;
	width: 170px;
	border: 1px solid #85A5EF;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #5A6A70;
}

textarea.FormTextArea {
	margin: 6px 0px 0px 0px;
	width: 80%;
	height: 150px;
	border: 1px solid #85A5EF;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 13px;
	color: #5A6A70;
}

a.JumpLink {
	font-size: 13px;
	text-decoration: none;
}

a.JumpLink:hover {
	text-decoration: underline;
}

.float {
	float: right;
	padding-right: 160px;
}


@media only screen and (max-width: 480px) {
td {
	display: block;	
}
.kast {
	width: 0px;
	display: none;
}
.asukoht, .keeled, .search, .footer_blocks {
	display: none;
}
div.logo {
	width: 30%;
}
.logo img {
	width: 100%;
	float: left;
}
h1.logo {
	padding: 0;
}
.kontakt {
	float: right;
	margin: 5px;
}
div.content_i {
	width: 96%;
	padding: 1%;
}
input[type=text], textarea {
	width: 99% !important;
}
input[type=file] {
	width: 99% !important;
}
p {
	margin-right: 50%;
}
div>font {
	display: block;
	width: 50%;
}
}

.employee-search {text-align:center; font-size:11px; padding:6px 0; background:#eee; border-top:solid 1px #51abb3}
.employee-search .input-text {width:200px}

/* contacts table
 * comments: just a preliminary style */
.employees {width:100%; font-size:11px}
.employees tr td {padding:2px 4px}
.employees tr.heading {font-weight:bold; background:#51abb3; color:#fff}
.employees tr.heading a {color:#fff}
.employees tr.subheading {background:#eee; font-weight:bold}
.employees tr td.cell-small {width:50px}
.employees tr td.cell-medium {width:100px}
.employees tr td.cell-large {width:200px}