﻿body { background-color: #fff; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 12px; }

p { font-size: 12px; margin-bottom: 16px; margin-top: 0px; color:#666666; }

h1 { color: #0c3788; font-size: 22px; margin-top: 23px; margin-bottom: 7px; }

h2 { color: #0c3788; font-size: 20px; margin-top: 23px; margin-bottom: 7px; }

h3 { color: #0c3788; font-size: 13px; margin-top: 10px; margin-bottom: 7px; }

#page { width: 955px; background-color: #fff; margin: 0px auto 40px; }

#header_wrapper { background: White url("../images/bg_header.png") repeat-x; height: 193px;}
#header { position: relative; margin: 0px auto; width: 955px; height: 193px; }
.header_search { position: absolute; color: #666666; padding-left: 35px; top: 68px; left: 755px; border: 1px solid #e1e1e1; width: 165px; height: 28px; font-size: 11px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.header_searchbtn { position: absolute; top: 69px; left: 760px; background: White url("../images/search_button.png") no-repeat; cursor: pointer; font-size: 11px; border: none; height: 26px; a: 13px; }
.header_home {
	position: absolute;
	background: url("../images/header_logo2.png") no-repeat;
	top: 27px;
	left: 10px;
	height: 100px;
	width: 306px;
	cursor: pointer;
	color: White;
}
.header_flags { position:absolute; top: 110px; left:910px; height: 14px; width: 44px;  border: none;}
#menu { position: absolute; top: 150px; left: 0px; color: White; font-size: 13px; }

#navigation { position: absolute; top: 193px; left: 0px; color: #666666; font-size: 11px; font-weight: bold; height:20px; padding-top:10px;}

#navigation a { font-size: 11px; font-weight: bold; color: #0c3788; text-decoration: none;}

#content { width: 895px; margin: 50px 0 0 32px; }

.contentleft { float: left; width: 287px; }

.contentright { float: left; width: 606px; }

.contentright_noleftpanel { float: left; }

div.rightpane { margin-left: 16px; padding: 0px; float: left; }

.notavailable { margin-top: 200px; margin-left: auto; margin-right: auto; width: 400px; text-align: center; }

#downmenu { width:100%; height: 400px; background: #0c3788 url("../images/bg_downmenu.png") repeat-x; }
	#downmenu h3 { margin-bottom:0px; }
	#downmenu .innerborder { width:100%; border-top:1px solid #0146b7; padding-top:10px; }

#footer { height: 145px; background: #0062c3 url("../images/bg_footer.png") repeat-x; }

#innerfooter {
	position: relative;
	color: white;
	width: 955px;
	margin: 0 auto;
	font-size: 12px;
}
	#innerfooter a { text-decoration:none; color:#0c3788; }

#innerfooterleft { position: absolute; left: 10px; top: 27px; }
.footer_home { position: absolute; background: url("../images/footer_logo2.png") no-repeat; height: 64px; width: 222px; cursor: pointer; color: White; }

#innerfooterright { position: absolute; left: 360px; top: 52px; }

table { border-spacing: 0px; }

.panel { width: 287px; margin-bottom: 40px; }

div.rightpane .panel { margin-bottom: 0px; }

.left { float: left; }

.right { float: left; padding-left: 16px; }

.pheader { height: 33px; padding: 15px 0 0 25px; font-size: 13px; color: White; font-weight: bold; }
.pheader span { font-weight: normal; }
.pcontent { }
.pcontent p { font-size: 11px; }
.pcontent p.caption { margin-top: 5px; margin-bottom: 20px; }
.pcontent h3 { margin: 0px; font-size: 12px; }
.pcontent_frame { padding: 5px; }

.p_blue .pheader { background: #0c3788 url("../images/panel_header_blue.jpg") no-repeat; }

.p_blue .pcontent { }

.p_red .pheader { background: #ba2b1a url("../images/panel_header_red.jpg") no-repeat; }

.p_red .pcontent { background: #fceae8 url("../images/panel_bottom_red.jpg") no-repeat bottom; }

.p_yellow .pheader { background: #f09d0d url("../images/panel_header_yellow.jpg") no-repeat; }

.p_yellow .pcontent { background: #fff8cd url("../images/panel_bottom_yellow.jpg") no-repeat bottom; }

.p_yellow a { margin-bottom: 10px; }

.contentleft .panel { margin-bottom: 30px; }

.maincontent { margin-left: 41px; width: 530px; color:#666; }

.maincontent_nopanel { float: left; }

.contentright_noleftpanel { margin-left: 0px; float: left; width: 891px; }

#min_height_div { width: 1px; height: 800px; float: left; }

.strong { font-weight: bold; }

.clear { clear: both; height: 1px; }

.archive { margin-top: 15px; margin-bottom: 20px; }

ul.links { padding: 0px; margin: 0px; }

ul.links li { display: block; padding: 0px; margin: 0px; }

a { color: #e60004; font-size: 12px; text-decoration:none; }
a:hover { color: #e81b00; text-decoration:underline; }

a.redbold { color: #E60004; font-weight: bold; }

a.pdf { padding-left: 25px; padding-top: 3px; padding-right: 17px; background-image: url("../images/pdf_ico.gif"); background-repeat: no-repeat; background-position: left center; }

a.bluelink { color: #4f90c8; }

a.arrowlink { color: #4f90c8; padding-right: 15px; background-image: url("../images/arrow_right.jpg"); background-repeat: no-repeat; background-position: right center; font-weight: bold; }

.bluebold { color: #23507d; font-weight: bold; }

ul { list-style-type: none; margin-top: 0px; padding-left: 0px; }

ul.lightblue { list-style-type: decimal; color: #4f90c8; padding-left: 0px; margin-left: 25px; }

ul.lightblue li { padding-left: 0px; margin-left: 0px; }

ul.lightblue li a { color: #4f90c8; padding-right: 15px; background-image: url("../images/arrow_right.jpg"); background-repeat: no-repeat; background-position: right center; font-weight: bold; }

ul.lightblue li a.opened { color: #23507d; padding-right: 15px; background-image: url("../images/arrow_down.jpg"); background-repeat: no-repeat; background-position: right center; }

ul.blueList li { padding:2px 0px 2px 0px; }

ul.lightblue p { color: Black; }

table.profile { margin-bottom: 15px; }

table.profile p { margin-bottom: 0px; }

td.profile_image { padding-right: 19px; }

.address p { margin-bottom: 7px; }

table.address { text-align: left; margin-left: 0px; padding-left: 0px; border-spacing: 0px; }

table.address td { padding: 0px; border: 0px; margin: 0px; }

td.address_leftcell { width: 110px; }

.datagrid { font-size: 11px; color: #666666; margin-top: 20px; }
.datagridheader { background: #c4d5e6; font-weight: bold; color: #0c3788; border-bottom: 3px solid White; }
.datagridheader td { background:#16408A; font-weight:bold; color:#fff; border-bottom:3px solid White; padding: 5px; color:#fff; }
.datagridheader a { font-weight: bold; color: #fff; }
.datagridfooter { }
.datagriditemalt { background: #fff; }
.datagriditemnorm { background: #F0F0F0; }
.datagrid td { border: 1px solid White; padding: 5px; }


.searchtable { border-spacing: 0px; padding: 0px; border-collapse: collapse; color: #0c3788; margin-top: 20px; }
.searchtable td { background: #d5ebf6; padding-left: 15px; height: 15px; padding-top: 10px; }
.searchtable td.searchbutton { padding-left: 0px; }
.searchtable .header { height: 34px; background: #d5ebf6 url("../images/tableheader_left.jpg") no-repeat top left; padding: 0px; border-bottom: 2px solid White; font-weight: bold; }
.searchtable .header div { height: 14px; background-image: url("../images/tableheader_right.jpg"); background-repeat: no-repeat; background-position: top right; display: block; padding: 10px 15px; vertical-align: middle; }
.searchtable .footer { background: #d5ebf6 url("../images/tablefooter_left.jpg") no-repeat bottom left; padding: 0px; border-bottom: 2px solid White; padding-top: 15px; }
.searchtable .footer div { height: 16px; background-image: url("../images/tablefooter_right.jpg"); background-repeat: no-repeat; background-position: bottom right; display: block; padding: 8px 15px; vertical-align: middle; font-weight: bold; }
.searchtable .footer span { font-weight: normal; }

div.image img { float: left; padding-right: 15px; }
div.image p.caption { font-weight: bold; }

/*** section menu ***/

.sectionmenu .pcontent_frame { padding-left: 5px; padding-right: 5px; background:#f9f9f9; border:1px solid #f0f0f0;  }
.sectionmenu a { display: block; padding: 11px 25px; margin-bottom: -1px; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 11px; }
.sectionmenu ul { margin: 0px; padding: 0px; }
.sectionmenu li { background:  url(../images/sectionmenu.png) no-repeat left top;}
.sectionmenu li:hover { background: url(../images/sectionmenu_hover.png) no-repeat left top;}
.sectionmenu ul ul a span { padding-left: 10px; background: url(../images/secmenu_larrow.png) no-repeat left center; line-height:6px; }
.sectionmenu ul ul ul a { padding-left: 25px; }
.sectionmenu a.selit { background: url(../images/sectionmenu_active.png) no-repeat left top; }
ul.selsec { padding: 10px 0px 10px 3px;}
.selsec a { display: block; padding: 5px 14px; margin-bottom: 1px; color: #666666; font-weight: bold; text-decoration: none; font-size: 11px; }
.selsec a:hover { color: #0c3788; } 
.selsec li { background: #ffffff; padding-bottom:0px;}
.selsec li:hover { background: #ffffff;}
.selsec a.selit { padding-left: 0px; margin-left: 14px; color: #0c3788; background: url(../images/secmenu_larrow_blue.png) no-repeat left center transparent;}

/*** sitemap ***/
#sitemap a { font-size: 13px; }
#sitemap li { margin: 5px 0px; list-style-type: square; margin-left: 25px; }
#sitemap ul { }

/* kalendar -------------------------------------------begin */
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table { border: 1px solid #206A9B; font-size: 11px; color: #000; cursor: default; background: #F1F8FC; font-family: tahoma,verdana,sans-serif; }

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; /* They are the navigation buttons */ padding: 2px; /* Make the buttons seem like they're pressing */ }

.calendar .nav { background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%; }

.calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; /* Pressing it will take you to the current date */ text-align: center; background: #000; color: #fff; padding: 2px; }

.calendar thead tr { /* Row <TR> containing navigation buttons */ background: #007ED1; color: #fff; }

.calendar thead .daynames { /* Row <TR> containing the day names */ background: #C7E1F3; }

.calendar thead .name { /* Cells <TD> containing the day names */ border-bottom: 1px solid #206A9B; padding: 2px; text-align: center; color: #000; }

.calendar thead .weekend { /* How a weekend day name shows in header */ color: #a66; }

.calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #34ABFA; color: #000; border: 1px solid #016DC5; padding: 1px; }

.calendar thead .active { /* Active (pressed) buttons in header */ background-color: #006AA9; border: 1px solid #008AFF; padding: 2px 0px 0px 2px; }

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */ width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb; }
.calendar tbody .day.othermonth.oweekend { color: #fbb; }

.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #C7E1F3; }

.calendar tbody .rowhilite td { background: #def; }

.calendar tbody .rowhilite td.wn { background: #F1F8FC; }

.calendar tbody td.hilite { /* Hovered cells <TD> */ background: #def; padding: 1px 3px 1px 1px; border: 1px solid #8FC4E8; }

.calendar tbody td.active { /* Active (pressed) cells <TD> */ background: #cde; padding: 2px 2px 0px 2px; }

.calendar tbody td.selected { /* Cell showing today date */ font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000; }

.calendar tbody td.weekend { /* Cells showing weekend days */ color: #a66; }

.calendar tbody td.today { /* Cell showing selected date */ font-weight: bold; color: #D50000; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; }

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; }

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ text-align: center; background: #206A9B; color: #fff; }

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ background: #000; color: #fff; border-top: 1px solid #206A9B; padding: 1px; }

.calendar tfoot .hilite { /* Hover style for buttons in footer */ background: #B8DAF0; border: 1px solid #178AEB; color: #000; padding: 1px; }

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ background: #006AA9; padding: 2px 0px 0px 2px; }

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; }

.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }

.calendar .combo .label-IEfix { width: 4em; }

.calendar .combo .hilite { background: #34ABFA; border-top: 1px solid #46a; border-bottom: 1px solid #46a; font-weight: bold; }

.calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #F1F8FC; font-weight: bold; }

.calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #E3F0F9; }

.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #F1F8FC; }

.calendar td.time .ampm { text-align: center; }

.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }

.calendar td.time span.hilite { border-color: #000; background-color: #267DB7; color: #fff; }

.calendar td.time span.active { border-color: red; background-color: #000; color: #A5FF00; }
/* kalendar -------------------------------------------end-- */


span.header { padding:5px; display:block; background:#16408A; color:#fff; font-weight:bold; }
ul.list a, ul.bluelist a, ul.blueList a, ul.download_List a { color:#666666; }

/* new */

.textWrap a { color:#0c3788; text-decoration:none; font-weight:bold; font-size:18px; display:block; margin-bottom:10px; }



table.graytable {
	font-size: 11px;
	color: #666666;
	border-collapse: collapse;
}

	table.graytable th, table.graytable tr.header td {
		background: #16408A;
		font-weight: bold;
		color: #fff;
		border-bottom: 3px solid White;
		padding: 5px;
	}

	table.graytable tr.section td {
		border-top: 10px solid #fff;
	}

	table.graytable td {
		background: #F0F0F0;
		border: 1px solid #fff;
		padding: 5px;
		text-align: center;
		vertical-align: middle;
	}

	table.graytable tr.alternating td {
		background: #e8f5fc;
	}

	table.graytable .nopad {
		padding: 2px;
		text-align: center;
	}
