html {
	height: 100%;
	background-color: #dbdbdb;
}

body {
	height: 100%;
	margin: 0px auto 0px auto;
	background-color: #dbdbdb;
  font-size: 90%;
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #787877;
	font-size: 12px;
  font-weight: normal;
  line-height: normal;
	text-decoration: none;
}

.centerContainer {
	margin: 0px auto 0px auto;
	width: 871px;
}

.headerSection {
/*	margin: 0px auto 0; */
}

.headerSection .header {
	width: 871px;
	height: 80px;
	background-color: #3490c1;
	background-image: url(header_background.gif);
	border-bottom: #ffa108 1px solid;
}

.headerSection .header .logo {
	float: left;
	padding-left: 50px;
}

.headerSection .header .tipContainer {
	float: left;
	width: 650px;
	height: 35px;
	margin-top: 16px;
	margin-left: 60px;
	color: #b2f7ff;
/*	background-color: #ff0000; */
}

.headerSection .header .tipContainer .logoText {
/*	color: #FAF7F0; */
	font-family: Gill Sans;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
}

.headerSection .header .tipContainer .logoText2 {
/*	color: #FAF7F0; */
	font-family: Gill Sans;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

.headerSection .header .logoIconsImage {
    float: right; 
    clear: right; 
    margin-top: 10px;
    margin-right: 4px; 
}

.subHeaderSection {
/*	margin: 0px auto 0; */
	width: 871px;
	height: 27px;
}

.subHeaderSection .start {
	float: left;
	width: 201px;
	height: 26px;
	background-color: #d0cecf;
	background-image: url(subHeaderStart_background.jpg);
}

.subHeaderSection .menu {
	float: left;
	width: 134px;
	height: 26px;
	background-color: #d0cecf;
	background-image: url(subHeaderMenu_background.png);
/*	cursor: pointer; */
}

.subHeaderSection .menu .text {
	padding-top: 6px;
	text-align: center;
}

.subHeaderSection .menu .text a {
	color: #0077ae;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

.subHeaderSection .menu .text a:hover {
	color: #ff6600; /* Gray:7e7e7e ; Orange:ff6600 */
	font-weight: bold;
	line-height: normal;
	text-decoration: underline;
}

.subHeaderSection .menu .text a.selected {
	color: #ff6600; /* Gray:7e7e7e ; Orange:ff6600 */
	font-weight: bold;
	line-height: normal;
	text-decoration: underline;
}

.contentSection {
/*	margin: 0px auto 0; */
	width: 871px;
}

.contentSection .contentTable {
	width: 871px;
}

.contentSection .menuColumn {
	width: 201px;
	min-height: 500px;
	background-color: #e9e9e9;
	vertical-align: top;
}

.contentSection .menu {
/*	width: 201px;
	min-height: 500px;
	background-color: #e9e9e9; */
}

.contentSection .menu .contact {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 171px;
	height: 127px;
	background-color: #e1e1e1;
	background-image: url(menuAdressbox.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.contentSection .menu .contact .info {
	padding: 10px 12px 10px 20px;
	font-size: 10px;
	font-weight: none;
	line-height: normal;
	text-decoration: none;
}

.contentSection .contentColumn {
	width: 670px;
	min-height: 500px;
	background-color: #f7f7f7;
	vertical-align: top;
}

.contentSection .contentBox {
	min-height: 500px;
	background-image: url(contentInnerShadow_background.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.contentSection .contentBox .content {
	padding: 24px 12px 12px 24px;
	width: 634px;
/*	background-color: #ff0000; */
}

.contentSection .contentBox .content .infoboxDefault {
	width: 210px;
	height: 140px;
	background-image: url(infobox_default.png);
}

.contentSection .contentBox .content .infoboxDepartment {
	width: 210px;
	height: 140px;
	background-image: url(infobox_department.png);
}

.contentSection .contentBox .content .infoboxVacancy {
	width: 210px;
	height: 140px;
	background-image: url(infobox_pin.png);
}

.contentSection .contentBox .content .infoboxNewsletter {
	width: 210px;
	height: 140px;
	background-image: url(infobox_newsletter.png);
}

.contentSection .contentBox .content .infoboxDocument {
	width: 210px;
	height: 140px;
	background-image: url(infobox_document.png);
}

.contentSection .contentBox .content .infoboxCalendar {
	width: 210px;
	height: 140px;
	background-image: url(infobox_calendar.png);
}

.contentSection .contentBox .content .infoboxSearch {
	width: 210px;
	height: 140px;
	background-image: url(infobox_magnifying.png);
}

.contentSection .contentBox .content .infoboxWaitingList {
	width: 210px;
	height: 140px;
	background-image: url(infobox_hourglass.png);
}

.infobox {
	padding: 20px 20px 20px 20px;
}

.infobox .headerSmall {
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

.infobox p {
	margin-top: 0.5em;
}

.infobox ul {
/*    padding-left: 1.5em; // IE 8.0
    margin-bottom: 6px; */
    margin: 3px;
    padding: 0;
}

.infobox li {
/*    margin: 0; // IE 8.0
    padding: 0; */
    margin-left: 20px;
    padding: 1px;
}

.contentSection .contentBox .content .departmentTab {
	background-color: #F1F1F1;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	text-align: center;
}

.contentSection .contentBox .content .departmentTab a {
	color: #036BA2;
	text-decoration: underline;
}

.contentSection .contentBox .content .departmentTabSelected {
	background-color: #FFFFFF;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	text-align: center;
}

.contentSection .contentBox .content .departmentTabSelected a {
	color: #FF6801;
	text-decoration: underline;
}

.contentSection .contentBox .content .departmentDetails {
	padding: 10px 10px 10px 10px;
	width: 612px;
	background-color: #F1F1F1;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

.contentSection .contentBox .content .departmentDetailsNoPadding {
	width: 632px;
	background-color: #F1F1F1;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

.contentSection .contentBox .content .documentsBox {
	padding: 10px 10px 10px 10px;
	background-color: #EBEBEB;
	border: 1px solid #DBDBDB;
}

.contentSection .contentBox .content .documentsBox .header {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

.contentSection .contentBox .content .admOrgUnitBox {
	padding: 10px 10px 10px 10px;
	height: 137px;
	background-color: #EBEBEB;
	border: 1px solid #DBDBDB;
}

/************************************************** Regular page styles start ***********************************************/

.content .header {
	color: #ff6600;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

.content .bold {
    font-weight: bold;
}

.content .italic {
    font-style: italic;
}

.content .small {
    font-size: 10px;
}

.content .errorHeader {
    color: #FF0000;
    font-size: 12px;
	font-weight: bold;
}

.content .error {
    color: #FF0000;
    font-weight: bold;
}

.content a {
    color: #0077ae; /* #990033 */
	font-family: Trebuchet MS, arial;
/*    FONT-FAMILY: Verdana, Arial, Sans-Serif; */
	font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
}

.content a:hover {
    color: #0077ae;
	font-family: Trebuchet MS, arial;
	font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-decoration: underline;
}

.content a.add {
    color: #2A884A;
	font-family: Trebuchet MS, arial;
	font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
}

.content a.add:hover {
    color: #2A884A;
	font-family: Trebuchet MS, arial;
	font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-decoration: underline;
}

.content .aBehavior {
    color: #FF6801;
	font-family: Trebuchet MS, arial;
	font-SIZE: 12px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
}

.content fieldset {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 6px;
}

.content legend {
	padding-right: 7px;
	margin-top: -2px;
/*	color: #000000;
	font-weight: bold; */
}





.tableFrame {
	border: 1px solid #E7E7E7;
	background-color: #E6E6E6;
	text-align: left;
}

.tableFrame tr.tableTrOnMouseOverHighlight td { /* NOTE: this style is set by JavaScript */
  background-color: #EFEFD6;
}

.tableFrame tr.tableTrOnMouseOutHighlight td { /* NOTE: this style is set by JavaScript */
  background-color: #F7F7F7;
}

table {
/*	font-family: Trebuchet MS, arial;
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
	font-weight: normal;
    line-height: normal;
    text-decoration: none; */
/*	letter-spacing: 1px; */
}

.tableHeader {
	color: #000000;
	font-weight: bold;
	border-style: solid;
	border-top-width: 0px;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;

	background-color: #F3F3F3;
	background-image: url(tableHeader_background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.tableHeaderEnd {
	color: #000000;
	font-weight: bold;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;

	background-color: #F3F3F3;
	background-image: url(tableHeader_background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.tableHeaderNoHorzSeparatorEnd {
	color: #FAF7F0;
	font-weight: bold;
}

.tableBody {
	background-color: #F7F7F7;
	border-style: solid;
	border-top-width: 0px;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}

.tableBodyEnd {
	background-color: #F7F7F7;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}





td.searchColumnOneWidth {
	width: 122px;
}

td.searchColumnTwoWidth {
	width: 147px;
}

td.noPadding {
	padding-left: 0px;
	padding-right: 0px;
}

td.valignTop {
	vertical-align: top;
}

td.tableDivider {
    background-color: #DBDBDB;
}

.ieBugOneIcon {
	width: 60px;
	height: 1px;
}

.tdOneIcon {
	padding-left: 0px;
	/* Remember to correct the ieBugOneIcon width if changing this width */
	width: 60px;
}

.button {
    BACKGROUND-COLOR: #CAE4F0;
    BORDER-BOTTOM: #495E93 solid 1px;
    BORDER-LEFT: #495E93 solid 1px;
    BORDER-RIGHT: #495E93 solid 1px;
    BORDER-TOP: #495E93 solid 1px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: 600;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    TEXT-INDENT: 0px;
}

.inputTypeText {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 250px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_zipcode {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 38px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_date {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 85px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_birthDate {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 85px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_phone {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 85px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_time {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 25px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
    TEXT-ALIGN: center;
}

.inputTypeText_number {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 30px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_login {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 100px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_upload {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
	height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeText_amount {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 85px;
	height: 15px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeTextarea {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 380px;
	height: 150px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.inputTypeTextarea_notice {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
    width: 250px;
	height: 100px;
    vertical-align: middle;
    margin-bottom: 2px;
}

select {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    border-bottom: #495E93 1px solid;
    border-left: #495E93 1px solid;
    border-right: #495E93 1px solid;
    border-top: #495E93 1px solid;
	height: 18px;
    vertical-align: middle;
    margin-bottom: 2px;
}

