body {font-size: 9pt; font-family: Trebuchet MS; margin-top: 0px;}
button {font-size: 9pt; font-family: Trebuchet MS;}	
INPUT {font-size: 9pt; font-family: Trebuchet MS; width: 59px;}
SELECT {font-size: 9pt; font-family: Trebuchet MS;}
A, A:link, A:visited			{font-size: 9pt; color: Blue; font-family: Trebuchet MS; text-decoration: none;}
TEXTAREA {font-size: 9pt; font-family: Trebuchet MS;}

.logo {background-image: url(img/logo.gif); background-position: center center; background-repeat: no-repeat; width: 200px; height: 100px;}

.contents {background: url(img/back_gradient.jpg) 0 0 repeat-x; background-color: #7096C3;}

.contents_div {border: solid 2px #4662A3; background: #82A3CB; padding: 2mm 2mm 2mm 2mm;}

.contents_other_div {padding: 2mm 2mm 2mm 2mm;}

.body_div {border: solid 2px #1546A8; width: 100%;}

.header_div {background-image: url('img/menu_gradient.jpg'); background-repeat: repeat-x; background-color: #172562; width: 100%; height: 16px; font-weight: bold; color: White; display:block; padding-left: 2mm; text-align:center;}

.sub_div {background-color: #A7C4E6; color: Navy}

.filter_div {background-image: url('img/vacancy_filter.jpg'); background-repeat:repeat-x; background-color: #94B2D4;}

.button_red {background-image: url('img/red_button.jpg'); background-color: #71030C; background-repeat: repeat-x; color: White; width: 75px; border: none; text-transform: uppercase;}
.button_blue {background-image: url('img/menu_gradient.jpg'); background-color: #172562; background-repeat: repeat-x; color: White; width: 75px; border: none; text-transform: uppercase;}

.left_main_td {background-image: url(img/leftbg.jpg); background-repeat: repeat-y; background-position: top right; vertical-align: top; text-align: left;}

.gradient {background: url(img/back_gradient.jpg) 0 100% repeat-x}

.menu_item, a.menu_item, a.menu_item:link, a.menu_item:visited { background-image: url(img/menu_gradient.jpg); background-repeat: repeat-x; width: 100%; height: 16px; font-weight: bold; color: White; display:block; padding-left: 2mm; cursor: hand;}
a.menu_item:hover, a.sub_menu:hover{ background: #82A3CB; width: 100%; height: 16px; font-weight: bold}
a.sub_menu, a.sub_menu:link, a.sub_menu:visited { background-color: #375394; width:100%; height: 16px; font-weight: bold; color: White; display: block; padding-left: 2mm; }

/** DATAGRID CLASSES **/
.grid td{ border-width: 1px; background-color: White; border-color: white; padding:4px}
.grid_header td { background-image: url('img/menu_gradient.jpg'); background-color: #172562; background-repeat:repeat-x; font-weight: bold; color: White; border-color: White }
.grid_header a, .grid_header a:visited, .grid_header a:link  {font-weight: bold; color: White; border-color: White }
.grid_item td {color: #003399; background-color: White}
.grid_alt_item td {color: #003399; background-color: #A7C4E6}
.grid_footer td{color: White; border-style: none; background-color: #000080} 
.grid_selected_item td{ font-weight:bold; Color: #000080; background-color: White}
.grid_pager td, .grid_pager a, .grid_pager a:visited {color: White; background-color: Transparent; /*#000080*/}

.report td{ border-width: 1px; background-color: White; border-color: white; font-size: 6pt;}
.report_header td { background-image: url('img/menu_gradient.jpg'); background-color: #172562; background-repeat:repeat-x; font-weight: bold; color: White; border-color: White; font-size: 7pt; }
.report_header a, .report_header a:visited, .report_header a:link  {font-weight: bold; color: White; border-color: White; font-size:7pt;}
.report_item td, .report_item a, .report_item a:link, .report_item a:visited {color: #003399; background-color: White; font-size: 7pt;}
.report_alt_item td, .report_alt_item a, .report_alt_item a:link, .report_alt_item a:visited {color: #003399; background-color: #A7C4E6; font-size: 7pt;}
.report_footer td{color: White; border-style: none; background-color: #000080} 
.report_selected_item td{ font-weight:bold; Color: #000080; background-color: White}
.report_pager td, .report_pager a, .report_pager a:visited {color: White; background-color: Transparent; /*#000080*/}

/** CLASSES FOR THE DATE PICKER POPUP **/
	.TESTcpYearNavigation{font-weight: bold;	color: #ffffff; 	background-color: #e68200; text-align: center; 	text-decoration: none;}
	.TESTcpMonthNavigation{font-weight: bold;	color: #ffffff; 	background-color: #e68200; text-align: center; 	text-decoration: none;}
	.TESTcpDayColumnHeader { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpYearNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpMonthNavigation { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpOtherMonthDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpOtherMonthDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentDate { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpCurrentDateDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpTodayText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpTodayTextDisabled { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	.TESTcpText { FONT-SIZE: 8pt; FONT-FAMILY: arial }
	TD.TESTcpDayColumnHeader { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 0px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 1px solid; TEXT-ALIGN: right }
	.TESTcpCurrentMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpOtherMonthDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpCurrentDate { TEXT-ALIGN: right; TEXT-DECORATION: none }
	.TESTcpCurrentMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpOtherMonthDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpCurrentDateDisabled { COLOR: #d0d0d0; TEXT-ALIGN: right; TEXT-DECORATION: line-through }
	.TESTcpCurrentMonthDate { FONT-WEIGHT: bold; COLOR: #6677dd }
	.TESTcpCurrentDate { FONT-WEIGHT: bold; COLOR: #ffffff }
	.TESTcpOtherMonthDate { color: fuchsia }
	TD.TESTcpCurrentDate { BORDER-RIGHT: #000000 thin solid; BORDER-TOP: #000000 thin solid; BORDER-LEFT: #000000 thin solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 thin solid; BACKGROUND-COLOR: #6677dd }
	TD.TESTcpCurrentDateDisabled { BORDER-RIGHT: #ffaaaa thin solid; BORDER-TOP: #ffaaaa thin solid; BORDER-LEFT: #ffaaaa thin solid; BORDER-BOTTOM: #ffaaaa thin solid }
	TD.TESTcpTodayText { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 1px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 0px solid }
	TD.TESTcpTodayTextDisabled { BORDER-RIGHT: #6677dd 0px solid; BORDER-TOP: #6677dd 1px solid; BORDER-LEFT: #6677dd 0px solid; BORDER-BOTTOM: #6677dd 0px solid }
	A.TESTcpTodayText { HEIGHT: 20px }
	SPAN.TESTcpTodayTextDisabled { HEIGHT: 20px }
	A.TESTcpTodayText { FONT-WEIGHT: bold; COLOR: #6677dd }
	SPAN.TESTcpTodayTextDisabled { COLOR: #d0d0d0 }
	.TESTcpBorder { BORDER-RIGHT: #6677dd thin solid; BORDER-TOP: #6677dd thin solid; BORDER-LEFT: #6677dd thin solid; BORDER-BOTTOM: #6677dd thin solid }
	
#submenu {width: 95%; clear: both; list-style-type: none; margin: 0px; padding: 0px;}
#submenu li {border-bottom: 1px solid #d3dfed;}
#submenu li a {line-height: 33px; padding: 5px 0px 5px 10px; font-family: Arial; font-size: 14px; color: #7195c5; text-decoration: none;}
#submenu li a:hover {color: #436592; text-decoration: none;}
#submenu li:hover {color: #436592; text-decoration: none;}
#submenu .slideContent {width: 95%; clear: both; list-style-type: none; margin: 0px; padding: 0px;}
#submenu .slideContent li {border-bottom-style: none;}
#submenu .slideContent li a {font-size: 10px; line-height: 18px; padding: 5px 0px 5px 25px;}

.help_header, .help_header a {color: Navy; font-size: 14px; font-weight: bold; text-decoration: underline; background-image: url('img/vacancy_filter.jpg'); background-repeat:repeat-x;}
.help_list {list-style-type: none; margin: 0px; text-align: justify;}
.help_list ul {list-style-type: none; margin-left: 20px; text-align: justify;}
.help_list li {margin: 10px; text-align: justify;}
.help_list li a {font-family: Arial; color: #7195c5; text-decoration: none;}
.help_list li a:hover {color: #436592; text-decoration: none;}

.table_text {color: Navy; font-weight: bold; text-align: justify;}

.labels { background-color: #F1F4F9; text-align: right; width: 300px; padding: 10px 10px 10px 0px; font-weight: bold; color: Navy; }
.fields { width: 400px; border-bottom: solid 1px #A7C4E6; text-align: left; }

.mask_div { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #669999; z-index: 103; opacity: 0.4; filter: alpha(opacity=40); text-align: center; vertical-align: middle; }
.search_div { position: fixed; left: 50%; top: 50%; width: 200px; height: 32px; margin-left: -100px; margin-top: -16px; z-index: 104; text-align: center; color: White; font-weight: bold; background-color: Black; vertical-align: middle; }