/**
 * Frukt Kuubis, www.frukt.ee
 */

/* reset */
html, body {margin: 0; padding: 0}
div, p, ol, ul, li, h1, h2, h3, h4, h5, h6, h7, h8, form {font-weight: normal; margin: 0; padding: 0; list-style: none}
a img {border: none; vertical-align: middle}
h1, h2, h3, h4, h5, h6, h7, h8 {font-family: "Times New Roman", "Verdana", sans-serif}

body {background: #80a5c4 url(../gfx/page-background.png) repeat-x scroll left top; font: normal 12px "Verdana", sans-serif; color: #666}

/* main-wrapper, page-wrap shadows etc. */
#site-wrap {width: 972px; margin: 0 auto}

/* site's common header area */
#common-header {padding: 0 15px; font-size: 11px; line-height: 39px; height: 39px; background: url(../gfx/site-top-shadow.png) center bottom no-repeat}
.font-size {float: left; width: 270px}
	.font-size a:link, .font-size a:visited {display: block; float: left; width: 14px; height: 14px;  background: #b0cc3a; border: 1px solid #b0cc3a; text-align: center; text-decoration: none; color: #fff; font-weight: bold; margin: 11px 2px}
	.font-size a:hover, .font-size a.selected:link, .font-size a.selected:visited {border: 1px solid #fff}
	.font-size .normal {font-size: 10px; line-height: 14px}
	.font-size .large {font-size: 13px; line-height: 12px}
	.font-size .extra-large {font-size: 15px; line-height: 14px}
#common-header .date {float: left; width: 280px; text-align: right; color: #fff}
	#common-header .date .padding {padding: 0 18px 0 0; color: #FFF; font-weight: bold}
.language-select {float: left; width: 130px; text-align: center; border: 1px solid #627EA2; border-top: none; border-bottom: none}
	.language-select a.language:link, .language-select a.language:visited, .language-select a.language:hover {color: #fff; text-decoration: none; padding: 0 8px}
	.language-select a.selected:link, .language-select a.selected:visited {color: #FFF; font-weight: bold}
.search {display: block; height: 39px; padding: 0 0 0 18px; float: left; background: url(../gfx/searchbox.jpg) 15px center no-repeat}
	.search .searchbox {width: 237px; line-height:39px; padding: 0}
	* html .search .searchbox {padding:12px 0 0}
	.search .searchbox * {}
	.search .searchfield {width: 210px; height: 18px; font-size: 11px; border: none; background: none; line-height: normal; padding:0; margin:0}
	.search .submit {width: 20px; height: 18px; cursor: pointer; background: none; border: none}

#header-wrap, #content-wrap, #footer-wrap {padding: 0 9px}
#header, #content {border: 10px solid #d0dbe3}

/* site's header area */
#header-wrap {background: url(../gfx/site-header-shadow.png) center top no-repeat; float:left; width:954px}
#header {border-bottom: none; background: #fff}
#site-logo {position: absolute; width: 225px; height: 90px; text-align: center}
.menu {font: normal 15px/18px "Times New Roman", "Verdana", sans-serif; text-transform: uppercase; padding: 0 0 0 260px}
	.main ul {width: 660px; padding: 42px 0 0; float:left}
	.main li {display: block; float: left; height: 24px; padding: 0 15px; white-space: nowrap}
	.main li a:link, .main a:visited {color: #000; text-decoration: none; display: block}
	.main li a:hover, .main li a.selected:link, .main li a.selected:visited {color: #56657A; border-bottom: 3px solid #1d4a8e}
	.main-sub {text-transform: none}
	.main-sub ul {width: 660px; padding: 20px 0 0; font: normal 12px/14px "Verdana", sans-serif}
	.main-sub li {display: block; float: left; padding: 0 15px; height: 18px; white-space: nowrap}
	.main-sub li.splt {padding: 0; font-size: 14px; line-height: 14px}
	.main-sub li a:link, .main-sub li a:visited {display: block; color: #56657A; text-decoration: none; margin: 0 0 2px}
	.main-sub li a:hover, .main-sub li a.selected:link, .main-sub li a.selected:visited {color: #93AED1; margin: 0; border: 0}
		.main-sub li a.selected {text-decoration: underline}

/* site's content area */
#content-wrap {background: url(../gfx/site-side-shadow.png) center top no-repeat; float:left}
#content {border-top: none; border-bottom: none; background: #fff; width: 934px; overflow: hidden; float:left; /*height: 500px;*/}

/* columns */
.column-left, .column-content, .column-right {padding-bottom: 20000px; margin-bottom: -20000px}

.column-left {float: left; width: 225px; font-size: 11px}
	.column-left .padding {padding: 20px 20px 50px}
	.column-left h2 {font-size: 14px; color: #a7e056; padding: 0 0 10px}
	.column-left .shortcut-links {}
	.column-left .page-menu {font-size: 12px}
	.column-left .page-menu li {background: url(../gfx/page-menu-bullet.gif) left 0.5em no-repeat; padding: 0 0 0 10px}
	.column-left .page-menu li.selected {background-image: url(../gfx/page-menu-bullet-selected.gif)}
	.column-left .page-menu li ul li ul {font-size: 11px}
	.column-left a:link, .column-left a:visited {color: #666; text-decoration: none}
	.column-left a:hover {color: #000}
	.column-left .page-menu li a.selected:link, .column-left .page-menu li a.selected:visited {color: #000}
	.column-left .page-menu li ul li a:link, .column-left .page-menu li ul li a:visited {color: #56657a}
	.column-left .page-menu li ul li a.selected:link, .column-left .page-menu li ul li a.selected:visited, .column-left .page-menu li ul li a:hover {color: #93aed1}
	.column-left .page-menu li ul li ul li a:link, .column-left .page-menu li ul li ul li a:visited {color: #666}
	.column-left .page-menu li ul li ul li a.selected:link, .column-left .page-menu li ul li ul li a.selected:visited, .column-left .page-menu li ul li ul li a:hover {color: #000}

/* content */

.column-content {float: left; width: 707px; border-left: 1px solid #f0f0f0}
.three-column {width: 490px !important}
	.column-content .padding {padding: 30px}
	.column-content h1 {font-size: 26px; color: #7fab40; line-height: 24px}
	.column-content h2 {margin: 10px 0}
	.column-content p {padding: 10px 0}
	.column-content .read-more {text-align: right}
	.column-content a:link, .column-content a:visited {color: #a7e056; text-decoration: none}
	.column-content a:hover {text-decoration: underline}

/* content - articles detailview */
.additional {font-family: "Verdana", sans-serif !important}
	.additional h2 {color: #51abb3; border-bottom: 1px solid #eceeed; font-size: 16px; margin: 20px 0 10px}
	.additional .block {width: 50%; float: left}
	.additional .gallery {background: url(../gfx/icon-gallery.jpg) top left no-repeat}
	.additional .video {background: url(../gfx/icon-video.jpg) top left no-repeat}
	.additional .block h3 {font-size: 18px; color: #666; padding: 0 30px}
	.additional .block p {padding: 0 30px}
	.additional .block a:link, .additional .block a:visited {color: #666}

/* document list */
ul.section_list {margin: 0; padding: 10px 0}
	.column-content ul.section_list li {list-style: none !important; margin: 0 !important; padding: 0 0 5px 25px !important}
	.column-content ul.section_list li a, .column-content table.employees a {color: #56657a}

table.doc_table, table.doc_table_det, table.employees {width: 100%}
	table.doc_table_det td, table.doc_table td, table.employees td {padding: 3px !important; font-size: 12px}
	table.doc_table tr.doc_table_head td, table.employees tr.heading td {background: #93aed1; cursor: default; color: #fff}
	table.doc_table tr td {cursor: pointer}
	table.doc_table_det tr.docrow_a {background: #f3f3f3}
	table.doc_table_det a {color: #93aed1 !important}

#gopro-search {padding: 0 0 10px}
	.column-content #gopro-search li {list-style: none !important; margin: 0 !important}

/* information request */
table.wg_feedback_form_table {width: 100%}
	table.wg_feedback_form_table td {padding: 2px 10px 2px 0; font-size: 12px; font-family: 'Verdana',sans-serif; color: #666}
		table.wg_feedback_form_table td .wg_form_input,
		table.wg_feedback_form_table td .wg_form_select,
		table.wg_feedback_form_table td .wg_form_textarea,
		table.wg_feedback_form_table td .captcha_input {width: 100%}

/*div.vaata_lisaks h2 { color: #686868; padding-top: 11px }
div.g_kirjeldus { float: left; font-size: 11px; color: #686868; width: 260px }
div.vaata_lisaks a { color: #686868; text-decoration: none }*/

/* right column */

.column-right {float: right; width: 213px; border-left: 1px solid #f0f0f0; font-size: 11px}
	.column-right h2 {font-size: 14px; color: #a7e056/*; padding: 16px 10px 7px !important*/}
	.column-right .element {position: relative; display: block; padding: 10px; border-bottom: 1px solid #f0f0f0}
	.column-right .date {display: block; color: #ff6501}
	.column-right a:link, .column-right a:visited {color: #666; text-decoration: none}
	.column-right a:hover {color: #000}
	.column-right .element img {position: absolute; right: 10px; top: 5px}
	.column-right .last {border-bottom: none}

/* footer */
/* comment: footer blocks are spaced with borders instead of margins for ie6 compliancy.
 * in ie6, rows are pushed left and down about 5px when margins are used.
 * still, there is 2-3px more spacing between rows of blocks than there's supposed to be. */
#footer {margin: 0 9px; background: #d0dbe3; border: 5px solid #d0dbe3}
	#footer .row {overflow: hidden; float: left; border: 5px solid #D0DBE3; border-left: none; border-right: none}
	.footer-block {float: left; padding-bottom: 500px; margin-bottom: -500px; background: #ecf2f0; border: 5px solid #D0DBE3; border-top: none; border-bottom: none}
	/*.footer-block .column {width: 226px}
	.wideblock .column {width: 258px}*/
	.footer-block .padding {padding: 8px 7px}
	.footer-block h2 {font-size: 14px; color: #000; padding: 5px 10px}
	.footer-block li {font-size: 11px; padding: 0 10px; border-bottom: 1px solid #d9dfdd}
	.footer-block a:link, .footer-block a:visited {color: #666; text-decoration: none}
	.footer-block a:hover {color: #000}
	
	#footer .contact-block {width: 130px !important; background: none}
	#footer .contact-block li {border-bottom: none; padding: 0 0 5px; min-height: 27px; line-height: 12px}
	#footer .contact-block li a:link, #footer .contact-block li a:visited {color: #fff; text-decoration: none; line-height:30px}
	#footer .contact-block li a * {vertical-align:middle}
	#footer .contact-block li a span {font-size: 11px; font-weight: bold; color: #000; line-height: 23px}
	/*#RSS {background: url(../gfx/icon-RSS.png) left top no-repeat}
	#skype {background: url(../gfx/icon-skype.png) left top no-repeat}
	#sitemap {background: url(../gfx/icon-sitemap.png) left top no-repeat}*/

	/* breadcrumbs etc. styles */
	#footer .breadcrumbs {border: 5px solid #d0dbe3; border-left: none; border-right: none}
	#footer .breadcrumbs .padding {padding: 8px 7px; background: #ecf2f0; border: 5px solid #d0dbe3; border-top: none; border-bottom: none}
	#footer .breadcrumbs a:link, #footer .breadcrumbs a:visited {color: #666; text-decoration: none}
	#footer .breadcrumbs a:hover {color: #000}
	#footer .breadcrumbs p {padding:0 !important; margin:0 !important}
	
	#footer .trail {float: left; /*width: 550px; */color: #93aed1; font-size: 11px}
	#footer .found-useful {float: right; font-size: 11px}
	#footer .found-useful * {vertical-align: top}
	#footer .found-useful a img {margin: 0 3px}
	#footer .question-form {float: right}

#common-footer {position: relative; color: #31676b;}
#common-footer table td {font-size: 11px}
/*#logo-footer {position: absolute; left: 34px; top: 50%; margin-top: -17px; padding: 0 !important}*/
#common-footer p {padding: 10px 0;margin: 0;color:#b3c9dc}
#common-footer a:link, #common-footer a:visited {color: #31676b; text-decoration: none}
#common-footer a:hover {text-decoration:underline}