/**

DEFAULT COLORS:

very dark green: 577D16
dark green: 78A818
dark medium green: 93B946
medium green: A4CF4C
light green: BBDA7C
lighter green: E5EED5
very light green: E1ECCC
very very light green: F6FAED
incredibly light green: F9FAF4

dark grey: 444444
dark medium grey: 808080
medium grey: ABABAB
light grey: EEF0EF
very light grey: F6F7F6

red: D81F27

**/

/** GENERAL SETTINGS **/

html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
}

body#body {
}

body, p, td, input, select, textarea, span, div, li, select, h1, h2, h3, h4 {
    font-family: 'Arial';
    font-size: 10pt;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #444444;
}

p {
    margin: 0.5em 0em;
}

h1 {
    color: #78A818;
    font-size: 20pt;
    font-weight: normal;
}

span.h2,
h2 {
    color: #577D16;
    font-size: 14pt;
    font-weight: bold;
}

span.h3,
h3 {
    color: #A4CF4C;
    font-size: 14pt;
    font-weight: normal;
}

span.h4,
h4 {
    color: #444444;
    font-size: 11pt;
    font-weight: bold;
}

h1,
span.h2,
h2,
span.h3,
h3,
span.h4,
h4 {
    margin: 0em 0em 1em;
    display: block;
}

div {
    position: relative;
}

hr {
    border: 0px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #F4F4F4;
}
hr.dashed {
    border-style: dashed;
    border-color: #78A818;
    border-bottom: none;
    width: 90%;
    margin-left: 0px;
}

td {
    vertical-align: top;
}

table, tr, td {
    margin: 0px;
    padding: 0px;
}

form {
    padding: 0px;
    margin: 0px;
}

a {
    color: #78A818;
    font-weight: bold;
    text-decoration: none;
}
a[href]:hover {
    text-decoration: underline;
}
a[href]:hover span.h1,
a[href]:hover span.h2,
a[href]:hover span.h3,
a[href]:hover span.h4,
a[href]:hover h1,
a[href]:hover h2,
a[href]:hover h3,
a[href]:hover h4 {
    text-decoration: underline;
}

a img {
    border: 0;
}
a.external {
    padding-right: 12px;
    background: url('/shared_public/images/icons/external_link.png') right 2px no-repeat;
}
a.disabled {
    color: #808080;
    font-weight: bold;
    text-decoration: none;
}
a[href].disabled:hover {
    text-decoration: none;
}

div.clear {
    clear: both;
    width: 0px;
    height: 0px;
}

div.col_4 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 25%;
    float: left;
}

div.col_3 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 33.3%;
    float: left;
}

div.col_4 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    width: 50%;
}

img.inline {
    vertical-align: bottom;
}

img.bordered {
    border: 1px solid #808080;
}

.fullwidth {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    *width: 99%;
}

.left_align {
    text-align: left;
}
.center_align {
    text-align: center;
}
.right_align {
    text-align: right;
}

.hidden {
    position: absolute;
    left: -10000px;
    width: 1px;
    /*display: none;*/
}

.small_text {
    font-size: 9pt;
}

span.medium_green {
    color: #93B946;
}

div.map {
    height: 200px;
    overflow: hidden;
    margin-bottom: 30px;
}
div.map div#google_map_canvas {
    height: 230px;
}

ul.green_checks {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.green_checks li {
    vertical-align: bottom;
    padding-left: 20px;
    background: url('../images/common_segments/check_green.png') 0px center no-repeat;
    margin-bottom: 5px;
}

ul.white_checks {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.white_checks li {
    vertical-align: bottom;
    padding-left: 20px;
    background: url('../images/common_segments/check_white.png') 0px center no-repeat;
    margin-bottom: 5px;
}

/*********************************
MESSAGES >>>>
*********************************/

div#messages {
    margin: 0px -20px;
}

div.message {
    padding: 2px 20px;
    position: relative;
    border: 10px solid #EEF0EF;
}

div.message.lock,
div.message.warning,
div.message.check,
div.message.information {
    background-repeat: no-repeat;
    background-position: 2px 2px
}

div.message.lock {
    background-image: url('/shared_public/images/icons/locked.png');
}

div.message.warning {
    background-image: url('/shared_public/images/icons/warning.png');
}

div.message.check {
    background-image: url('/shared_public/images/icons/check.png');
}

div.message.information {
    background-image: url('/shared_public/images/icons/information.png');
}

div.message div.message_closebtn {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url('/shared_public/images/icons/close_gray.png') no-repeat;
    cursor: pointer;
}
div.message div.message_closebtn:hover {
    background: url('/shared_public/images/icons/close.png') no-repeat;
}

/*********************************
<<<< MESSAGES
*********************************/

/** GENERAL HACKS FOR IE < 8 **/

td {
    *padding: 0px;
}

/** COMMON SEGMENTS **/

div#container {
    margin: auto;
    position: static;
    width: 960px;
}

/** top-bar **/

div#header {
    position: relative;
    height: 105px;
    z-index: 2;
}

div#logo {
    position: absolute;
    top: 20px;
    left: 10px;
}

div#account {
    padding: 10px 0px 10px 0px;
    font-size: 10pt;
    z-index: 10;
}
div#account img.lock {
    float: left;
    padding: 10px;
    margin-right: 10px;
}
div#account > div {
    float: left;
}
div.account h3 a {
    color: white;
    padding: 16px;
    display: block;
}

/** footer **/

div#footer {
    width: 920px;
    margin: auto;
    padding: 20px;
    font-size: 8pt;
    color: #444444;
    margin-bottom: 0px;
    position: static;
}

div#footer table.footer_links {
    margin: 20px auto;
    width: 100%;
}
div#footer table.footer_links th {
    font-weight: bold;
    color: #444444;
    text-align: left;
    padding:  15px;
    padding-left: 0;
    font-size: 9pt;
}
div#footer table.footer_links a {
    color: #444444;
    font-weight: normal;
}
div#footer div#footer_background {
    background-color: #EEF0EF;
    width: 100%;
    height: 400px;
    position: absolute;
    left: 0px;
    margin-top: -20px;
}

/** testimonials **/

div.testimonial_list_container {
    background-color: #EAEAE9;
    padding: 1px 0px;
    position: relative;
}

div.testimonial_list_block {
    margin: 20px;
    padding: 0px;
    background-color: #FFFFFF;
    position: relative;
}
div.testimonial_list_block h3 {
    background-color: #78A818;
    font-size: 10pt;
    margin: 0px;
}
div.testimonial_list_block h3 a {
    color: white;
    padding: 16px;
    display: block;
}

/** menu + submenu + content + subcontent **/

div#page {
    margin: auto;
    background-color: white;
    margin-bottom: 0px;
    z-index: 1;
}

div#search_field {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 220px;
    z-index: 5;
}
div#search_field label {
    color: #A4CF4C;
    font-size: 14pt;
    font-weight: normal;
    display: block;
    padding: 16px;
}
div#search_field div.field {
    background: #444444 url('../images/common_segments/arrow-down-white.png') 20px top no-repeat;
    height: 50px;
}
div#search_field div.field input {
    border: 0;
    background: white;
    padding: 6px;
    margin: 10px;
    height: 30px;
    width: 200px;
}

div#big_search_header {
    margin-left: -20px;
    width: 920px;
    background: #A4CF4C;
    padding: 16px 20px;
}
div#big_search_header h1 {
    float: left;
    color: white;
    padding: 0;
    margin: 0;
}
div#big_search_header input#q {
    width: 300px;
    background: white;
    border: 1px solid #78A818;
    margin-left: 20px;
    margin-right: 20px;
}

div#nav {
    width: 100%;
    z-index: 100;
    height: 105px;
}

table#contents {
    z-index: 0;
    width: 960px;
    table-layout: fixed;
}
td#content {
    padding: 20px;
    vertical-align: top;
}

td#subcontent {
    width: 200px;
    overflow: hidden;
    padding: 20px 0px;
    vertical-align: top;
}
td#subcontent.left {
    padding-left: 20px;
}
td#subcontent.right {
    padding-right: 20px;
}
div.subcontent_box {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
div.subcontent_box > span.h2,
div.subcontent_box > span.h3,
div.subcontent_box > span.h4,
div.subcontent_box > h2,
div.subcontent_box > h3,
div.subcontent_box > h4 {
    margin: 0px 0px 2px;
}

div#home-image-button {
    position: absolute;
    left: 20px;
    top: 20px;
}

/*********************************
FORM ELEMENTS >>>>
*********************************/

table.form {
    padding: 0px;
    margin: 0px;
    table-layout: fixed;
}
table.form tr,
table.form td {
    padding: 0px;
    margin: 0px;
}
table.form td.key {
    width: 150px;
}
table.form td.val {
}
table tr.widthset {
    visibility: collapse;
}
textarea,
select,
input[type="text"],
input[type="password"] {
    border: 1px solid #E1ECCC;
    background: #F9FAF4;
    margin: 0px;
    margin-right: 1px;
    padding: 8px;
    vertical-align: bottom;
    height: 35px;
    /** use border-box model **/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}
select {
    padding: 7px;
}
select[multiple] {
    height: auto;
}

textarea.white,
select.white,
input[type="text"].white,
input[type="password"].white {
    border: 0px;
    background: white;
}

input[type="radio"] {
    margin: 1px 5px 0px 0px;
    padding: 0px;
    vertical-align: top;
}
input[type="checkbox"] {
    margin: 1px 5px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

.on_defvalue {
    font-style: italic;
    color: #C0C0C0;
}

a.button,
input[type="button"],
input[type="submit"],
button {
    border: 0;
    font-size: 14pt;
    font-weight: bold;
    background: #78A818 url('../images/common_segments/close-tag-big.png') right center no-repeat;
    color: white;
    padding: 0px 30px 0px 10px;
    margin: 0px;
    vertical-align: bottom;
    overflow: visible;
    cursor: pointer;
    height: 35px;
}
a.button,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
}

a.button.dark_green,
input[type="button"].dark_green,
input[type="submit"].dark_green,
button.dark_green {
    background-color: #577D16;
}

a.button.red,
input[type="button"].red,
input[type="submit"].red,
button.red {
    background-color: #D81F27;
}

a.button.smaller,
input[type="button"].smaller,
input[type="submit"].smaller,
button.smaller {
    font-size: 11pt;
}

a.button {
    height: 27px;
    padding-top: 8px;
    padding-left: 13px;
    display: inline-block;
}
a.button.smaller {
    height: 26px;
    padding-top: 9px;
    padding-left: 13px;
    display: inline-block;
}
a.button:hover {
    text-decoration: none;
}

input[type="text"][readonly] {
    background-color: #E0E0E0;
}

textarea {
    height: 5.4em;
}
textarea.xl {
    height: 10.3em;
}

.note {
    font-style: italic;
    color: #808080;
}

p.formelement_description {
    font-style: italic;
    color: #A0A0A0;
}

/*********************************
<<<< FORM ELEMENTS
*********************************/

div.textballoon > div.text {
    background-color: #E2EFD9;
    border: 1px solid #E0E0E0;
    *border-top: 2px solid #E0E0E0;
    padding: 7px 12px;
    font-style: italic;
    clear: right;
}
div.textballoon > div.arrow {
    position: absolute;
    margin-top: -1px;
    margin-left: 112px;
    width: 24px;
    height: 32px;
    background: url('../images/common_segments/textballoon_arrow.png') no-repeat center top;
}
div.textballoon img.photo {
    margin-top: 10px;
    border: 1px solid #808080;
}
div.textballoon td.info {
    padding-left: 10px;
    vertical-align: bottom;
    line-height: normal;
}
div.textballoon td.info span.name {
    font-weight: bold;
    color: #497D27;
}
div.textballoon td.info span.email a {
    font-weight: normal;
    text-decoration: underline;
    color: #404040;
}

/*********************************
TESTIMONIAL BOXES >>>>
*********************************/

div.testimonial_header {
    background: #A4CF4C url('../images/common_segments/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
    padding-right: 0px;
}
div.testimonial_header a,
div.testimonial_header p {
    color: white;
    font-size: 8pt;
    margin: 10px 0px 0px;
}
div.testimonial_header span.title {
    font-size: 11pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.testimonial_first {
    background: #EEF0EF url('../images/common_segments/arrow-down-medium-green.png') 20px top no-repeat;
    padding: 10px 20px;
}
div.testimonial_first a,
div.testimonial_first p {
    color: #78A818;
    margin: 10px 0px 0px;
    font-style: italic;
    font-weight: normal;
    font-size: 10pt;
}
div.testimonial_first span.title {
    font-size: 11pt;
    color: #444444;
    dsplay: block;
    font-weight: bold;
}

div.testimonial_second {
    background: #F6F7F6;
    padding: 10px 20px;
}
div.testimonial_second a,
div.testimonial_second p {
    color: #577D16;
    font-size: 10pt;
    font-weight: normal;
    font-style: italic;
}
div.testimonial_second span.title {
    font-size: 14pt;
    color: #78A818;
    dsplay: block;
}

table.testimonial{
    width: 100%;
}
td.testimonial_candidate_picture {
    width: 50px;
    height: 60px;
    padding-top: 10px;
}

td.testimonial_candidate_name {
    padding-top: 20px;
    padding-left: 10px;
}
td.testimonial_candidate_name span.testimonial_candidate_name {
    font-weight: bold;
    color: #333333;
    font-size: 9pt;
}

/*********************************
<<<< TESTIMONIAL BOXES
*********************************/

/*********************************
CRITERIA ABOVE LISTS >>>>
*********************************/

div.div_search {
    margin: 10px 0px 30px;
    padding: 20px;
    background-color: #F6FAED;
    overflow: hidden;
}
div.div_search div.criterium_filter {
    float: left;
    margin: 0px 10px;
}
div.div_search span,
div.div_search a {
    font-size: 9pt;
}
span.criteria_title {
    float: left;
    margin: 0px;
    font-weight: bold;
    margin-right: 10px;
}
span.criteria_label {
    float: left;
    margin: 0px;
    margin-right: 3px;
    color: #808080;
}
span.criteria {
    float: left;
    margin: 0px;
    font-weight: bold;
    color: #577D16;
}
span.criteria:hover {
}
span.criteria a.delete_criterium img {
    background: url('/shared_public/images/icons/delete_tiny.png') 0px 0px;
}

/*********************************
<<<< CRITERIA ABOVE LISTS
*********************************/

/*********************************
OVERVIEW LISTS >>>>
*********************************/

div.profile_list_container,
div.vacany_list_container {
    background-color: #EEF0EF;
    padding: 1px 0px;
    position: relative;
}

div.profile_list_block,
div.vacancy_list_block {
    margin: 20px;
    padding: 0px;
    background-color: #FFFFFF;
    position: relative;
}
div.profile_list_block h3,
div.vacancy_list_block h3 {
    background-color: #78A818;
    font-size: 10pt;
    margin: 0px;
}
div.profile_list_block h3 a,
div.vacancy_list_block h3 a {
    color: white;
    padding: 16px;
    display: block;
}
div.profile_list_see_more,
div.vacancy_list_see_more {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #A4CF4C;
    font-size: 9pt;
}
div.profile_list_see_more a,
div.vacancy_list_see_more a {
    color: white;
    padding: 10px;
    display: block;
}
div.profile_list_see_more_arrow,
div.vacancy_list_see_more_arrow {
    position: absolute;
    background: url('../images/common_segments/arrow-right-medium-green.png') center no-repeat;
    width: 10px;
    height: 20px;
    right: 0px;
    margin-right: -10px;
    bottom: 9px;
}

div.profile_list_texts,
div.vacancy_list_texts {
    padding: 10px;
    background: url('../images/common_segments/arrow-down-dark-green.png') 20px top no-repeat;
}
div.profile_list_texts p,
div.vacancy_list_texts p {
    padding: 0px;
    margin: 10px 0px 20px;
}

span.profile_list_value,
span.vacancy_list_value {
    color: #577D16;
    font-weight: bold;
    font-size: 9pt;
}
div.profile_list_item,
div.vacancy_list_item {
    color: #808080;
    float: left;
    margin-right: 40px;
    font-size: 9pt;
}

div.profile_list_picture {
    float: left;
    width: 150px;
    z-index: 1;
    background-color: white;
}
div.profile_list_picture img {
    width: 112px;
    margin: 19px;
}

div.profile_list_content {
    float: left;
    width: 510px;
}

/*********************************
<<<< OVERVIEW LISTS
*********************************/

/*********************************
PAGINATION >>>>
*********************************/

div.pagination_container {
    text-align: center;
    font-weight: bold;
    vertical-align: bottom;
    color: #444444;
    margin: 9px 0px;
    font-size: 9pt;
}
div.pagination_container a.pagination {
    color: #444444;
    font-weight: normal;
    margin: 0px;
    padding: 10px;
}
div.pagination_container a.pagination_selected {
    color: #78A818;
    font-weight: bold;
    font-size: 11pt;
    padding: 10px;
    background-color: #EEF0EF;
}
div.pagination_container a.pagination_prev {
    padding-left: 16px;
    background: url('../images/common_segments/open-tag.png') left 2px no-repeat;
    margin-right: 20px;
}
div.pagination_container a.pagination_next {
    padding-right: 16px;
    background: url('../images/common_segments/close-tag.png') right 2px no-repeat;
    margin-left: 20px;
}

/*********************************
<<<< PAGINATION
*********************************/

div.form_container {
    background-color: #F4F4F4;
    border: 1px solid #C0C0C0;
    padding: 10px;
    margin-top: 10px;
    overflow: hidden;
}
div.form_container.hilited {
    background-color: #ECFAEC;
    border: 1px solid #59D058;
}
div.form_container a {
    font-size: 18px;
    font-weight: normal;
}
div.form_container.hilited a {
    color: #22A920
}

div.profile_info dl,
div.vacancy_info dl {
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    overflow: hidden;
    font-size: 9pt;
}
div.profile_info dt,
div.vacancy_info dt {
    color: #78A818;
    width: 120px;
    padding-bottom: 10px;
    float: left;
    clear: left;
}
div.profile_info dd,
div.vacancy_info dd {
    margin-left: 0px;
    width: 290px;
    padding-bottom: 10px;
    float: left;
    clear: right;
}

/*********************************
REFINEMENTS >>>>
*********************************/

div.refinements {
    border-bottom: 1px dashed #78A818;
    padding: 10px 0px;
    margin-bottom: 10px;
}
div.refinements li {
    font-size: 9pt;
    line-height: 160%;
}
div.refinements li > a {
    text-decoration: underline;
}
div.additional_refinements {
    margin-top: 0px;
    padding-top: 0px;
}
div.show_additional_refinements {
    margin-top: 10px;
}
ul.refinements {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.refinements li {
}

/*********************************
<<<< REFINEMENTS
*********************************/

/*********************************
BOOKMARKS / ALTERNATIVE VACANCIES >>>>
*********************************/

div.bookmarks,
div.alternative_vacancies {
    border-bottom: 1px dashed #78A818;
    padding: 20px 0px;
    margin-bottom: 10px;
}
div.bookmarks li,
div.alternative_vacancies li {
    font-size: 9pt;
    line-height: 160%;
}
div.bookmarks,
div.alternative_vacancies {
    margin-top: 0px;
    padding-top: 0px;
}
ul.bookmarks,
ul.alternative_vacancies {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.bookmarks li,
ul.alternative_vacancies li {
    padding-top: 7px;
}

/*********************************
<<<< BOOKMARKS / ALTERNATIVE VACANCIES
*********************************/

/*********************************
VIEW VACANCY / PROFILE >>>>
*********************************/

div.profile_header,
div.vacancy_header {
    width: 700px;
}

div.profile_header,
div.vacancy_header h1 {
    overflow: hidden;
}

div.profile_header div.info_list,
div.vacancy_header div.info_list {
    width: 460px;
    margin-right: 20px;
    float: left;
}
div.info_list dl {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 9pt;
}
div.info_list dt {
    color: #A4CF4C;
    width: 120px;
    padding-bottom: 10px;
    float: left;
    clear: left;
}
div.info_list dd {
    margin-left: 0px;
    width: 340px;
    padding-bottom: 10px;
    float: left;
    clear: right;
}

div.info_list dl.seperated {
    border-top: 1px dashed #A4CF4C;
    margin-top: 10px;
    padding-top: 20px;
}
div.info_list dl.seperated dt {
    font-size: 12pt;
    font-weight: bold;
    color: #444444;
}
div.info_list dl.seperated dd {
}

div.vacancy_header div.interaction_box {
    float: left;
}

img.am_detail_foto {
    float: left;
    margin-right: 20px;
}

div.tab_container div.subscribe_login {
    float: left;
    height: 200px;
}

div.tabs_footer_subscribe_teaser {
    background: #F6FAED;
    width: 180px;
    float: left;
    padding: 10px;
    margin-left: 20px;
    height: 180px;
}
div.tabs_footer_subscribe_teaser h3 {
    font-size: 12pt;
    font-weight: bold;
    color: #577D16;
}
div.tabs_footer_subscribe_teaser ul li {
    font-size: 9pt;
}

div.tabs_footer_subscribe_infographic {
    margin-top:  10px;
}

div.profile_interaction {
    width: 200px;
    padding: 0px;
    margin: 0px;
    float: left;
}
div.profile_interaction img.profile_photo {
    width: 168px;
    padding: 15px;
    border: 1px solid #EEF0EF;
    margin-bottom: 10px;
}
div.profile_interaction p {
    margin-top: 20px;
}

a.print_button {
    display: block;
    text-align: center;
    font-size: 10.5pt;
    color: #93B946;
}
a.print_button img {
    margin-right: 5px;
}
a.print_button:hover {
    text-decoration: none;
    color: #78A818;
}

div.account_manager_contact {
    float: left;
    clear: left;
    margin-top: 20px;
}
div.account_manager_contact dl {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 10pt;
}
div.account_manager_contact dt {
    color: #A4CF4C;
    width: 120px;
    padding-bottom: 10px;
    float: left;
    clear: left;
    font-size: 10pt;
    font-weight: bold;
}
div.account_manager_contact dd {
    margin-left: 0px;
    width: 340px;
    padding-bottom: 10px;
    float: left;
    clear: right;
}
/*********************************
<<<< VIEW VACANCY / PROFILE
*********************************/

/*********************************
INTERACTION BOXES >>>>
*********************************/

div.interaction_box {
    width: 220px;
    margin-bottom: 20px;
}
div.profile_interaction div.interaction_box {
    width: 200px;
}
div.profile_interaction span.st_linkedin_large,
div.profile_interaction span.st_twitter_large,
div.profile_interaction span.st_facebook_large,
div.profile_interaction span.st_email_large {
    margin-right: -3px;
}

div.interaction_top {
    background: #78A818 url('../images/common_segments/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
}
div.interaction_top a,
div.interaction_top p {
    color: white;
    margin: 10px 0px 0px;
}
div.interaction_top span.title {
    font-size: 11pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.interaction_middle {
    background: #EEF0EF url('../images/common_segments/arrow-down-dark-green.png') 20px top no-repeat;
    padding: 20px 20px 10px;
}
div.interaction_middle.pointless {
    background: #EEF0EF;
}
div.interaction_middle a,
div.interaction_middle p {
    color: #444444;
    margin: 10px 0px 0px;
}
div.interaction_middle span.title {
    font-size: 11pt;
    color: #444444;
    dsplay: block;
    font-weight: bold;
}

div.interaction_bottom {
    background: #F6F7F6;
    padding: 10px 20px;
}
div.interaction_bottom a,
div.interaction_bottom p {
    color: #78A818;
}
div.interaction_bottom span.title {
    font-size: 14pt;
    color: #78A818;
    dsplay: block;
}

/*********************************
<<<< INTERACTION BOXES
*********************************/

/*********************************
FOUR PART BOXES >>>>
*********************************/

div.four_part {
    width: 220px;
    margin-bottom: 20px;
}

div.four_part_1 {
    background: #78A818 url('../images/common_segments/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
}
div.four_part_1 p {
    font-size: 13pt;
    color: white;
    margin: 0px;
    padding: 0px;
}
div.four_part_1.percentage {
    padding: 10px 20px;
    background-position: left center;
}
div.four_part_1.percentage p {
    color: white;
    font-size: 40pt;
    margin: 0px;
    text-align: center;
}

div.four_part_2 {
    background: #E5EED5 url('../images/common_segments/arrow-down-dark-green.png') 20px top no-repeat;
    padding: 20px;
}
div.four_part_2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
div.four_part_2 ul li {
    font-size: 11pt;
    padding-left: 20px;
    background: url('../images/common_segments/check_green.png') 0px top no-repeat;
}

div.four_part_3 {
    background: #EEF0EF;
    padding: 0px;
}
div.four_part_3 p {
    font-size: 11pt;
    color: #444444;
    font-weight: bold;
    margin: 0px;
    padding: 20px;
}

div.four_part_4 {
    background: #F6F7F6;
    padding: 20px;
}
div.four_part_4 p {
    margin: 0px;
    padding: 0px;
}
div.four_part_4 img.logoos {
    margin: -10px 0px 0px -10px;
}

/*********************************
<<<< INTERACTION BOXES
*********************************/

/*********************************
CX FORMS >>>>
*********************************/

div.optionals {
    margin-left: 20px;
}

div.optionals p.formelement_description {
    margin: 1px 0px 5px;
}

/*********************************
<<<< CX FORMS
*********************************/

/*********************************
LOGIN >>>>
*********************************/

div#signin-popup {
    width: 300px;
    margin: 20px auto;
}
div#signin-popup table.form td.key{
    width: 100px;
}

/*********************************
<<<< LOGIN
*********************************/

/*********************************
VACANCY REACT FORM POPUP >>>>
*********************************/

div#vacancy-react-popup {
    width: 300px;
    margin: 20px auto;
}
div#vacancy-react-popup table.form td.key{
    width: 100px;
}

/*********************************
<<<< VACANCY REACT FORM POPUP
*********************************/

/*********************************
MULTI BUTTONS >>>>
*********************************/

div.multi_button {
    position: relative;
}
div.multi_button a {
    display: block;
    color: white;
    padding: 3px 7px;
}
div.multi_button div.multi_button_main_dark,
div.multi_button div.multi_button_main_light  {
    height: 22px;
}

div.multi_button_main_dark,
div.multi_button_main_light {
    padding: 10px 20px;
}
div.multi_button_main_dark {
    background-color: #78A818;
}
div.multi_button_main_light {
    background-color: #93B946;
}

div.multi_button_main_dark a.with_arrow,
div.multi_button_main_light a.with_arrow {
    background: url('/shared_public/images/icons/dropdown_arrow_white.png') center right no-repeat;
    padding-right: 15px;
}

div.multi_button div.multi_button_extension {
    position: absolute;
}

div.multi_button div.multi_button_extension ul {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 10px 20px;
    padding-right: 0;
    background-color: #A4CF4C;
}
div.multi_button div.multi_button_extension ul li {
    background-color: #A4CF4C;
    margin: 0px;
    width: 100%;
    color: #E1ECCC;
}
div.multi_button div.multi_button_extension ul li:first-child {
    margin-top: 0px;
}
div.multi_button div.multi_button_extension ul li a {
    color: white;
}
div.multi_button div.multi_button_extension ul li hr {
    margin: 3px 7px;
    height: 1px;
    background-color: #FFFFFF;
    border: 0;
}

/*********************************
<<<< MULTI BUTTONS
*********************************/

table.list {
    width: 100%;
}
table.list th {
    border-bottom: 2px solid #C0C0C0;
    text-align: left;
}
table.list th.actions {
    width: 1px;
}
table.list td {
    margin: 0px;
    padding: 0;
}

/*********************************
DASHBOARD / ACCOUNT >>>>
*********************************/

div#personal_settings {
    padding-right: 20px;
    float: left;
    width: 450px;
    border-right: 1px solid #6CAC3A;
}
div#account_settings {
    padding-left: 20px;
    float: left;
    width: 420px;
}

form#frm_personal #user_genderId_892 {
    margin-left: 20px;
}
form#frm_personal #user_birthDate_d {
    width: 30%;
}
form#frm_personal #user_birthDate_m {
    width: 38%;
}
form#frm_personal #user_birthDate_y {
    width: 30%;
}
form#frm_personal #user_homePostalCode {
    width: 28%;
}
form#frm_personal #user_homeNumber {
    width: 20%;
}
form#frm_personal #user_homeNumberSuffix {
    width: 50%;
}
form#frm_personal #user_homeStreet {
    width: 59%;
}
form#frm_personal #user_homeCity {
    width: 40%;
}

/*********************************
<<<< DASHBOARD / ACCOUNT
*********************************/

/*********************************
TABS >>>
*********************************/

div.tab_container {
    width: 680px;
    background-color: #EEF0EF;
    padding: 10px;
}

div.tab_button_container {
    background-color: #EEF0EF;
}
div.tab_button {
    float: left;
    background-color: #F6F7F6;
    margin-left: 20px;
}
div.tab_button:first-child {
    margin-left: 0;
}
div.tab_button.active {
    background-color: white;
}
div.tab_button a {
    color: #444444;
    font-size: 11pt;
    display: block;
    padding: 10px 20px;
}
div.tab_button a:hover {
    text-decoration: none;
    color: #A4CF4C;
}
div.tab_button.active a {
    color: #78A818;
}
div.tab_button.active a:hover {
    color: #78A818;
    background-color: white;
}

div.tab_content_container {
    background-color: white;
    border: 1px solid white;
    overflow: hidden;
}
div.tab_content {
    margin: 20px;
}

div.tab_bottom {
    margin-top: 10px;
    position: static;
}

/*********************************
<<<< TABS
*********************************/

/*********************************
SUBSCRIBE/LOGIN BLOCK >>>>
*********************************/

div.subscribe_login {
    width: 460px;
    background-color: #78A818;
    color: white;
    overflow: hidden;
}
div.tab_subscribe {
    width: 170px;
    overflow: hidden;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    padding: 10px 20px 0px;
    color: white;
}
div.tab_login {
    width: 250px;
    overflow: hidden;
    float: left;
    background-color: #93B946;
    text-align: center;
    height: 47px;
}
div.tab_login a {
    color: white;
    display: block;
    padding: 15px 20px;
}
div.small_subscribe {
    margin: 10px 20px;
}
div.small_subscribe p {
    color: white;
}
div.small_subscribe input#fullname_small_subscribe {
    width: 250px;
    margin-bottom: 10px;
}
div.small_subscribe input#email_small_subscribe {
    width: 250px;
}
div.small_subscribe input#submit_small_subscribe {
    width: 145px;
    margin-left: 20px;
}

/*********************************
<<<< SUBSCRIBE/LOGIN BLOCK
*********************************/

/*********************************
SUBSCRIBE TEASER (HOME)
CALL ME FORM (HOME COMPANIES) >>>>
*********************************/

div#home_call_me_header,
div#home_subscribe_teaser {
    width: 240px;
    color: white;
    position: absolute;
    right: 0px;
    margin-right: -20px;
    top: 0px;
    padding: 10px 20px;
    background: #78A818 url('../images/common_segments/arrow-down-medium-green.png') 20px top no-repeat;
}

div#home_call_me_header h2,
div#home_subscribe_teaser h2 {
    color: white;
    margin-bottom: 0.3em;
}

div#home_call_me_header p,
div#home_subscribe_teaser p {
    color: white;
    font-size: 11pt;
}

/*********************************
<<<< SUBSCRIBE TEASER (HOME)
CALL ME FORM (HOME COMPANIES)
*********************************/

div.privacy-statements-popup h2 {
    font-size: 9pt;
}div.privacy-statements-popup p {
    font-size: 8pt;
}
div.privacy-statements-popup {
    width: 700px;
    margin: 20px auto;
    font-size: 8pt;
}

ul.vacancies_sorted {
    margin:  0;
    padding: 0;
    list-style: none;
    margin-right: 100px;
    float: left;
}
ul.profiles_sorted {
    margin:  0;
    padding: 0;
    list-style: none;
    margin-right: 100px;
    float: left;
}

/*********************************
MATCHMODULE LAYER >>>>
*********************************/

div.mm_layer_content {
    margin: 0px auto;
    padding: 0;
    font-family: 'Arial';
    font-size: 10pt;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #444444;
    overflow: hidden;
}
div.mm_layer_content_header {
    padding: 0 20px;
}
div.mm_layer_form {
    float: left;
    width: 100%;
}
div.mm_layer_header {
    background: #78A818;
    color: white;
    padding: 20px;
}
input#frm_mm_layer_submit {
    width: 100%;
    font-size: 11pt;
}
div.mm_layer_close {
    width: 100%;
    text-align: right;
    margin: 0;
    margin-left: -20px;
    margin-right: 20px;
}
div.mm_layer_content_confirmation {
    padding: 20px;
}
table.mm_layer_table td.first_col ul li {
    font-size: 10pt;
    color: white;
}

table.mm_layer_table {
    padding: 0;
    margin: 0;
    border: 0;
}
table.mm_layer_table td.first_col {
    background-color: #78A818;
    color: white;
    padding: 10px;
}
table.mm_layer_table td.first_col h1{
    color: white;
    font-size: 18pt;
    font-weight: bold;
}
table.mm_layer_table td.first_col h3.mm_layer_h3_bold{
    font-size: 12pt;
    font-weight: bold;
    color: white;
}
table.mm_layer_table td.first_col h3{
    font-size: 12pt;
    color: white;
}
table.mm_layer_table td.second_col {
    background-color: #F6FAED;
    color: white;
    padding: 10px;
}
table.mm_layer_table td.third_col {
    padding: 10px;
}

/*********************************
<<<< MATCHMODULE LAYER
*********************************/

/*********************************
SUBSCRIBE & OTHER MY PROFILE FORMS >>>>
*********************************/

table.form.additional_information td.key,
table.form.subscribe td.key {
    width: 160px;
    color: #808080;
    font-size: 9pt;
    padding-top: 7px;
}

table.form.additional_information td.val,
table.form.subscribe td.val {
    width: 300px;
}

div.helpButton {
    width: 20px;
    height: 20px;
    /*background: url('/shared_public/images/icons/information.png');*/
    background-image: url('../images/common_segments/information.png');
    margin: 8px;
    margin-bottom: 0px;
}
div.validButton {
    width: 16px;
    height: 16px;
    /*background: url('/shared_public/images/icons/check.png');*/
    background-image: url('../images/common_segments/check_green.png');
    margin: 8px;
    margin-bottom: 0px;
}
div.invalidButton {
    width: 20px;
    height: 20px;
    /*background: url('/shared_public/images/icons/delete_all.png');*/
    background-image: url('../images/common_segments/error.png');
    margin: 8px;
    margin-bottom: 0px;
}

table.form.subscribe input[type="radio"] {
    height: 35px;
}
table.form.subscribe label {
    display: inline-block;
    margin: 10px 20px 0px 0px;
    height: 25px;
}
table.form.subscribe label[for="agree"] {
    margin: 0px;
    margin-left: 10px;
    height: auto;
}

.calendaricon {
    position: absolute;
    margin-left: -26px;
    margin-top: 10px;
}

table.form.additional_information td.key {
    width: 200px;
}
table.form.additional_information td.val {
    width: 460px;
}

table.form.additional_information div.skills label {
    font-size: 8pt;
}
table.form.additional_information a#cv_link {
    font-size: 8pt;
    color: #5974CC;
    text-decoration: underline;
}

/*********************************
<<<< SUBSCRIBE & OTHER MY PROFILE FORMS
*********************************/

/*********************************
INFO POPUPS >>>>
*********************************/

div.info_button {
    position: relative;
}

div.info_message {
    position: absolute;
    width: 200px;
    background-color: #A4CF4C;
    margin-bottom: 26px;
    padding: 10px;
    bottom: 0px;
    left: -22px;
    z-index: 2;
    visibility: collapse;
}
div.info_message span {
    font-size: 8pt;
    font-style: italic;
    color: white;
}
div.info_message_arrow {
    background: url('../images/common_segments/arrow-down-medium-green.png') 10px top no-repeat;
    height: 20px;
    bottom: -20px;
    position: absolute;
    width: 40px;
}

div.info_button:hover div.info_message {
    visibility: visible;
}

div#employers_container {
    background: #444444;
    /*padding: 3px 0px 15px 0px;*/
}
div#employers {
    width: 960px;
    text-align: center;
    overflow: hidden;
    margin: auto;
    padding: 3px 0px 15px 0px;
}
div#employers div#text,
div#employers div#close {
    float: left;
    color: #FFFFFF;
    text-align: left;
}
div#employers div#text {
    width: 780px;
    text-align: left;
}
div#employers div#close {
    font-size: 9px;
    width: 180px;
    text-align: right;
}
div#employers span.h2 {
    color: #FFFFFF;
    margin: 0em 0em 0em;
}
div#employers a {
    color: #ABABAB;
    font-weight: bold;
    text-decoration: underline;
}
div#employers a[href]:hover {
    text-decoration: none;
}

/*********************************
<<<< INFO POPUPS
*********************************/

div#subscribe_teaser_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: url('/shared_public/images/semi_trans.png');
    height: 100%;
}
div#subscribe_teaser_overlay div#subscribe_button {
    margin-top: 80px;
    text-align: center;
}
div#subscribe_teaser_overlay div#subscribe_button a {
    font-size: 11pt;
    color: white;
    padding: 10px;
    padding-right: 30px;
    display: inline-block;
    border: 10px solid white;
    background: #FF6600 url('../images/common_segments/close-tag-big.png') right center no-repeat;
}

div#menu_register_button {
    background: #FF6600 url('../images/common_segments/arrow-down-white.png') 20px top no-repeat;
    height: 50px;
}
div#menu_register_button a{
    font-size: 11pt;
    color: white;
    display: inline-block;
    margin: 17px 10px;
    height: 25px;
    width: 184px;
    background: #FF6600 url('../images/common_segments/close-tag-big.png') right top no-repeat;
}
div#menu_register_button a:hover{
    text-decoration: none;
}

/*********************************
BREADCRUMBS >>>>
*********************************/

div#breadcrumbs a,
div#breadcrumbs span.breadcrumb {
    color: #808080;
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}
div#breadcrumbs a[href]:hover {
    text-decoration: underline;
}

/*********************************
<<<< BREADCRUMBS
*********************************/

div#contact_top_container {
    background: #EEF0EF url('../images/common_segments/phone.png') 10px 15px no-repeat;
    padding: 5px 5px 5px 43px;
    float: right;
    width: 319px;
}
div#contact_top_container div#location {
    padding: 5px 10px;
    float: left;
}

div#account_contact_container {
    /*width: 423px;*/
    right: 0px;
    top: 10px;
    position: absolute;
}

/*********************************
SHOWCASE >>>>
*********************************/

div#showcase {
    position: relative;
}
td#content div#showcase {
    margin-left: -20px;
}
div#page div#showcase {
    margin-top: -10px;
}
div#showcase .contents {
    position: absolute;
    top: 10px;
    z-index: 2;
    left: 10px;
    color: #FF6600;
    font-size: 16pt;
}
div#showcase .contents a {
    color: #FF6600;
}
div#showcase_images > div {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
}

div#showcase_subject_block {
    width: 240px;
    color: white;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    background: #78A818;
}
td#content div#showcase_subject_block {
    margin-right: -20px;
}

div#showcase_subject_block h2 {
    color: white;
    margin-bottom: 0.3em;
}

div#showcase_subject_block ul {
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
}
div#showcase_subject_block li {
    color: white;
    display: block;
    font-size: 11pt;
    padding:  5px 20px;
    cursor: pointer;
}
div#showcase_subject_block a {
    text-decoration: none;
    font-weight: normal;
}
div#showcase_subject_block li.active{
    background: #A4CF4C url('../images/common_segments/arrow-right-white.png') left 5px no-repeat;
}

div#showcase_subject_block li:hover{
    background: #FF6600;
}

/*********************************
<<<< SHOWCASE
*********************************/

/*********************************
BROWSER-UPDATE >>>>
*********************************/

ul.update-browsers {
    margin: 40px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    width: 100%;
}
ul.update-browsers li {
    width: 33%;
    padding: 0px;
    margin: 0px;
    float: left;
}
ul.update-browsers li img {
    vertical-align: middle;
}

div#update-browser-bar {
    background-color: #FCF2AB;
    border-bottom: 1px solid #808080;
    width: 100%;
}
div#update-browser-bar > p {
    font-size: 8pt;
    text-align: center;
}
div#update-browser-bar > p > img {
    margin-right: 5px;
    width: 12px;
}
div#update-browser-bar > p > a {
    font-size: 8pt;
}

/*********************************
<<<< BROWSER-UPDATE
*********************************/

/*********************************
TOP 5 >>>>
*********************************/

div.top_5_container {
    background-color: #F0F0F0;
    padding: 10px;
}
div.top_5_container span.h4 {
    color: #577D16;
    font-size: 14pt;
}

div.top_5_candidates,
div.top_5_vacancies {
    background-color: #F0F0F0;
}
div.top_5_candidate,
div.top_5_vacancy {
    background-color: white;
    padding: 10px;
    margin-top: 10px;
}
div.top_5_candidate img {
    margin-right: 10px;
    float: left;
    height: 50px;
}
div.top_5_candidate h4.title {
    margin: 0px;
}
div.top_5_vacancy h4.title {
    font-size: 10pt;
    color: #78A818;
    margin: 0px;
}
div.top_5_candidate p.description,
div.top_5_vacancy p.description {
    margin: 0px;
    font-size: 8pt;
    font-weight: normal;
}
div.top_5_vacancy p.description {
    text-align: right;
}

/*********************************
<<<< TOP 5
*********************************/

/*********************************
TEMPORARY & MAILING &
CAMPAIGN & BULLCRAP STUFF >>>>
*********************************/

div#button_dm_05072011 {
    position: absolute;
    left: 20px;
    top: 20px;
}