/* Algemene stylen */
body {margin: 0px; font-family: Verdana; font-size: 9pt; color: #0c2d82; background-color: #fffff3; background-image: url(../gfx/bg.gif); background-repeat: repeat-y;}
td, p {font-family: Verdana; font-size: 9pt; color: #0c2d82;}
fieldset {border: 1px solid #0c2d82;}
legend {color: #0c2d82}

a:link {color:#d75500; text-decoration: none;}
a:active {color:#d75500; text-decoration: none;}
a:visited {color:#d75500; text-decoration: none;}
a:hover {color:#d75500; text-decoration: underline;}

/* form styles */
.formTitle {display: block; font-weight: bold; padding-top: 4px; margin-bottom: 6px;}
.formFieldTitle {padding-left: 4px; font-size: 9pt; padding-top: 3px; text-align: right; vertical-align: top; white-space: nowrap;}
.formFieldContainer {font-size: 9pt;}
.formButton {font-family: Verdana; color: #0c2d82; font-size: 8pt; font-weight: bold; border: 1px solid #0c2d82; background-color: #f7ddc3; cursor: pointer;}
.formField, .formField_disabled {font-family: Verdana; font-size: 9pt; color: #0c2d82; background-color: #fffff3; border: 1px solid #0c2d82;}
.formFieldReq {padding-top: 6px; color: #d75500; vertical-align: top;}
.formTable {}
.formTableBody {}
.formReqInfo {font-size: 8pt; text-align: right;}
.edit_frame {position: absolute; border: 2px solid #d75500; background-color: #f7ddc3; z-index: 0; padding: 10px; width: 560px;}

/* texts */
.text_title {display: block; font-weight: bold; padding-top: 4px; margin-bottom: 6px; width: 580px}
.text_content {display: block; margin-bottom: 12px; width: 580px}

/* header */
#header {height: 75px; border-bottom: 1px solid #d75500;}
#header_left {position: absolute; top: 0px; left: 0px; width: 200px; height: 75px; border-right: 1px solid #d75500;}
#header_main {position: absolute; top: 0px; left: 200px; width: 600px; padding-top: 25px; background-color: #d75500;}

/* content */
#content_left {position: absolute; top: 76px; left: 0px; width: 200px; height: 110px; vertical-align: top;}
#content_left img { border-bottom: 1px solid #d75500;}
#content_main {position: absolute; top: 76px; left: 200px; width: 600px; padding: 10px; vertical-align: top;}
#content_main_breadcrums {position: absolute; top: 96px; left: 200px; width: 600px; padding: 10px; vertical-align: top;}
#content_right {position: absolute; top: 76px; left: 800px; right: 0px; height: 110px; border-bottom: 1px solid #d75500; background-color: #f7ddc3;}

/* menu */
#main_menu {position: absolute; top: 186px; left: 0px; width: 200px; vertical-align: top; padding: 10px;}
a.main_menu:link {color:#d75500; text-decoration: none;}
a.main_menu:active {color:#d75500; text-decoration: none;}
a.main_menu:visited {color:#d75500; text-decoration: none;}
a.main_menu:hover {color:#d75500; text-decoration: underline;}

/* breadcrums */
#breadcrums {position: absolute; top: 76px; left: 200px; width: 600px; padding: 10px;}
a.nav_lnk:link {color:#d75500; text-decoration: none;}
a.nav_lnk:active {color:#d75500; text-decoration: none;}
a.nav_lnk:visited {color:#d75500; text-decoration: none;}
a.nav_lnk:hover {color:#d75500; text-decoration: underline;}

/* objects */
.list_table {width: 100%;}
.list_header {font-weight: bold; background-color: #d75500;}
.list_item {background-color: #fffff3; cursor: pointer;}
.list_item_hilite {background-color: #f7ddc3; cursor: pointer;}
.list_item_revoked {background-color: #d3d3d3;}
.list_item_notvalidated {background-color: #f5f5f5;}

/* table styles */
.fieldTitle {font-size: 9pt; text-align: right; vertical-align: top; white-space: nowrap;}
.fieldTitleBold {font-size: 9pt; font-weight: bold; text-align: right; vertical-align: top; white-space: nowrap;}
.fieldContainer {font-size: 9pt;}

/* matching */
.matchFieldReq {font-size: 8pt; vertical-align: top; padding-top: 3px; white-space: normal;}
.matchFieldOther {font-size: 8pt; vertical-align: top; padding-top: 3px; padding-left: 4px; white-space: normal;}

.loginlink {text-align:right; padding-right:25px}

/* vacancy container */
.vacancy_container {clear:both; width:577px; margin:12px 0px}
.vacancy_container_top {width:577px; height:40px; background-image:url('../gfx/vacancy_container_top.gif'); background-position:left top; background-repeat:no-repeat}
.vacancy_container_middle {width:577px; padding-top:20px; padding-left:15px; background-image:url('../gfx/vacancy_container_middle.gif'); background-position:left top; background-repeat:repeat-y}
.vacancy_container_bottom {width:577px; height:7px; background-image:url('../gfx/vacancy_container_bottom.gif'); background-position:left top; background-repeat:no-repeat}

.vacancy_box {width:265px; height:82px; background-image:url('../gfx/vacancy_box.gif'); background-position: left top; background-repeat:no-repeat; color:#0c2d82; font-size:11px}
.vacancy_box_title {height: 19px; padding-left:5px; padding-top:3px; margin-bottom:2px; font-weight:bold; color:#d75500}
.vacancy_box_vacancyID {height:19px; padding-left:5px}
.vacancy_box_province {height:19px; padding-left:5px}
.vacancy_box_city {width:235px; height:19px; padding-left:5px; float:left; display:inline; white-space:nowrap; overflow:hidden}
.vacancy_box_link {width:14px; height:14px; float:right; display:inline; margin-right: 6px}
.vacancy_box_link a img {width:14px; height:14px; border:none}

.vacancy_box_left {width: 265px; float:left; display:inline; margin-right:16px; margin-bottom: 19px}
.vacancy_box_right {width: 265px; float:left; margin-bottom: 19px}
.clear {height:1px; line-height:1px; font-size:1px; clear:both}