/**

DEFAULT COLORS:

[[blue - dark to light]]
blue_10: 1C6485
blue_20: 3C88AB
blue_30: 73A9C3
blue_40: A6D1E5
blue_50: CAE3EF
blue_60: E6F3F8
blue_70: F3F9FB

[[grey - dark to light]]
grey_10: 444444
grey_20: 808080
grey_30: ABABAB
grey_40: EEEFF0
grey_50: F6F7F7


[[green dark-to light]]
green_10: 66964C
green_20: ECF1E9

red: D81F27

**/

/*********************************
GENERAL STYLES >>>>
*********************************/

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

body {
    margin: 0;
    padding: 0;
}

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

p {
    margin: 0.5em 0em;
}

h1 {
    color: #1C6485;
    font-size: 20pt;
    font-weight: normal;
}

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

span.h3,
h3 {
    color: #73A9C3;
    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 #A6D1E5;
}
hr.dashed {
    border-style: dashed;
    border-color: #3C88AB;
    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: #3C88AB;
    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_2 {
    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;
    height: 1px;
    overflow: hidden;
    margin: -1px;
}

.small_text {
    font-size: 8pt;
}

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

/*********************************
<<<< GENERAL STYLES
*********************************/

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

div#breadcrumbs {
    margin-top: 10px;
}

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

div#breadcrumbs img.breadcrumb-seperator {
    vertical-align: middle;
    margin: -2px 5px 0px;
}

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

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

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

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

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;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/** 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;
}

img#header_image {
}

/** footer **/

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

div#footer div#nen-logo {
    float: right;
}

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#copyright {
    font-size: 8pt;
    color: #808080;
    text-align: center;
}

div#footer div#footer_background {
    background-color: #EEEFF0;
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0px;
    margin-top: -20px;
    margin-bottom: 0;
}

/** testimonials **/

div.testimonial_list_container {
    background-color: #EEEFF0;
    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: #3C88AB;
    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#nav {
    width: 100%;
    z-index: 100;
    height: 105px;
}

ul#minimenu {
    z-index: 9999999;
    position: absolute;
    padding: 0px;
    margin: 0px;
    list-style: none;
    right: 20px;
    top: 9px;
}
ul#minimenu li {
    float: left;
    font-size: 12px;
    padding: 0px 10px;
    border-left: 1px solid #ABABAB;
}
ul#minimenu li:first-child {
    border-left: 0px;
}
ul#minimenu li a {
    font-weight: normal;
    color: #808080;
}
ul#minimenu li a:hover {
    text-decoration: none;
}
ul#minimenu li a[href]:hover {
    color: #000000;
    text-decoration: none;
}

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

td#subcontent {
    width: 220px;
    overflow: hidden;
    padding: 20px 0px;
    vertical-align: top;
}
td#subcontent > div#subcontent-container {
    width: 200px;
}
td#subcontent.left > div#subcontent-container {
    margin-left: 20px;
}

div.subcontent_box {
    margin-bottom: 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;
    padding-top: 5px;
}
table.form td.val {
}
table tr.widthset {
    visibility: collapse;
}
textarea,
select,
input[type="file"],
input[type="text"],
input[type="password"] {
    border: 1px solid #CAE3EF;
    background: #F6F7F7;
    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="file"].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;
}

a.button,
input[type="button"],
input[type="submit"],
button {
    border: 0;
    font-size: 14pt;
    font-weight: bold;
    background: #3C88AB 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.blue_10,
input[type="button"].blue_10,
input[type="submit"].blue_10,
button.blue_20 {
    background-color: #1C6485;
}

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.cancel,
input[type="button"].cancel,
input[type="submit"].cancel,
button.cancel {
    background: white;
    color: #1C6485;
    padding-right: 10px;
}

a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -mox-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

a.button {
    height: 30px;
    padding-top: 5px;
    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;
}

div.note,
span.note,
p.note {
    font-style: italic;
    color: #808080;
}

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

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

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

/*********************************
CUSTOM LISTS >>>>
*********************************/

ul.white_checks,
ul.green_checks,
ul.pink_checks,
ul.blue_checks {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.white_checks li,
ul.green_checks li,
ul.pink_checks li,
ul.blue_checks li {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    margin-bottom: 5px;
}
ul.white_checks li {
    background-image: url('../images/common_segments/check_white.png');
}
ul.green_checks li {
    background-image: url('../images/common_segments/check_green.png');
}
ul.pink_checks li {
    background-image: url('../images/common_segments/check_pink.png');
}
ul.blue_checks li {
    background-image: url('../images/common_segments/check_blue.png');
}

/*********************************
<<<< CUSTOM LISTS
*********************************/

/*********************************
TEXTBALOONS >>>>
*********************************/

span.textballoon-name {
    font-size: 11pt;
}
span.textballoon-title {
}
span.textballoon-phone {
    font-size: 8pt;
}
span.textballoon-email a {
    font-size: 8pt;
}

/*********************************
<<<< TEXTBALOONS
*********************************/

/*********************************
TESTIMONIALS >>>>
*********************************/

#content div.testimonial img.image {
    border: 1px solid #808080;
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
}
#content div.testimonial span.function {
    font-style: italic;
    color: #808080;
    font-size: 90%;
    line-height: 1.3em;
}

/*********************************
<<<< TESTIMONIALS
*********************************/

/*********************************
FROM CONTAINER >>>>
*********************************/

div.form_container {
    background-color: #EEEFF0;
    padding: 20px;
    margin-top: 10px;
    overflow: hidden;
}
div.form_container.hilited {
    background-color: #E6F3F8;
}
div.form_container a {
    font-size: 18px;
    font-weight: normal;
}

/*********************************
<<<< FROM CONTAINER
*********************************/

/*********************************
PRESSITEMS >>>>
*********************************/

div.pressitems_list_form {
    /*background-color: #F6F7F7;*/
    /*border: 1px solid #C0C0C0;*/
    padding: 10px;
}
img.pressitems_list_icon {
    float: right;
    margin-top: 11px;
    margin-right: 20px;
}
div.pressitems_list_item {
    border: 1px solid #FFFFFF;
    border-top: 1px solid #F0F4F8;
    padding: 0px 5px;
    margin: 0px 20px 20px 0px;
    background: #FFFFFF;
}
div.pressitems_list_item:hover {
    background: #ECFAEC;
    border: 1px solid #59D058;
}
div.pressitems_list_item div.date {
}
div.pressitems_list_item h3 {
    margin: 0px 0px 5px;
}
div.pressitems_list_item div.medium {
    text-align: right;
    font-style: italic;
}

div.pressitem div.date_medium {
    text-align: right;
}
div.pressitem div.intro > p,
div.pressitem div.text > p,
div.pressitem div.intro > h4,
div.pressitem div.text > h4 {
    margin-top: 0px;
}
div.pressitem div.intro {
    background-color: #F6F7F7;
    border: 1px solid #C0C0C0;
    padding: 10px;
    margin: 10px 0px;
}
div.pressitem div.pressitem_mp3 {
    margin-top: 20px;
}

/*********************************
<<<< PRESSITEMS
*********************************/

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

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

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

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

/*********************************
FOUR PART (SIDEBAR) BOXES >>>>
*********************************/

div.four_part_box {
    margin-bottom: 20px;
}

div.fpb_1 {
    background: #3C88AB url('../images/common_segments/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
    height: 100%;
    overflow: hidden;
    color: white;
}
div.fpb_1 span.note {
    color: #D0D0D0;
}
div.fpb_1 > p {
    margin: 10px 0px 0px;
}
div.fpb_1 > p:first-child {
    margin-top: 0px;
}
div.fpb_1 span.title {
    font-size: 11pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.fpb_2 {
    padding: 20px 20px 10px;
    background: #73A9C3;
    height: 100%;
    overflow: hidden;
}
div.fpb_1 + div.fpb_2 {
    background: #73A9C3 url('../images/common_segments/arrow-down-blue_20.png') 20px top no-repeat;
    padding-bottom: 20px;
}
div.fpb_1 + div.fpb_2.no_incision {
    background: #73A9C3;
}
div.fpb_2 span,
div.fpb_2 li,
div.fpb_2 a,
div.fpb_2 p {
    color: white;
}
div.fpb_2 > p:first-child {
    margin-top: 0px;
}
div.fpb_2 span.title {
    font-size: 14pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.fpb_3 {
    background: #EEEFF0;
    padding: 20px;
    height: 100%;
    overflow: hidden;
}
div.fpb_2 + div.fpb_3 {
    background: #EEEFF0 url('../images/common_segments/arrow-down-blue_30.png') 20px top no-repeat;
}
div.fpb_2 + div.fpb_3.no_incision {
    background: #EEEFF0;
}
div.fpb_3 span,
div.fpb_3 li,
div.fpb_3 a,
div.fpb_3 p {
    color: #444444;
}
div.fpb_3 p {
    margin: 10px 0px 0px;
}
div.fpb_3 span.title {
    font-size: 11pt;
    color: #444444;
    dsplay: block;
    font-weight: bold;
}

div.fpb_4 {
    background: #F6F7F7;
    padding: 10px 20px 20px;
    height: 100%;
    overflow: hidden;
}
div.fpb_3 + div.fpb_4 {
    background: #F6F7F7 url('../images/common_segments/arrow-down-grey_40.png') 20px top no-repeat;
}
div.fpb_3 + div.fpb_4.no_incision {
    background: #F6F7F7;
}
div.fpb_4 span,
div.fpb_4 li,
div.fpb_4 a,
div.fpb_4 p {
    color: #444444;
}
div.fpb_4 p {
    margin: 10px 0px 0px;
}
div.fpb_4 span.title {
    font-size: 11pt;
    color: #444444;
    dsplay: block;
    font-weight: bold;
}
div.four_part_box h1,
div.four_part_box h2,
div.four_part_box h3,
div.four_part_box h4 {
    margin: 0px;
}
div.four_part_box ul {
    margin: 5px 0px;
}

/*********************************
<<<< FOUR PART (SIDEBAR) BOXES
*********************************/

div.scb_info {
    padding: 10px;
    padding-top: 15px;
    border:  0px;
    border-top: 1px solid #EEF0EF;
}
div.scb_info.hilite {
    background: #3C88AB url('../images/common_segments/arrow-down-white.png') 20px top no-repeat;
    border-top: 1px solid white;
}
div.scb_info.hilite h4,
div.scb_info.hilite p {
    color: white;
}

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

div.div_search {
    margin: 10px 0px 30px;
    padding: 20px;
    background-color: #F3F9FB;
    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: #1C6485;
}
span.criteria:hover {
}
span.criteria a.delete_criterium img {
    margin-top: -1px;
}

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

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

div.profile_list_container,
div.vacany_list_container {
    background-color: #EEEFF0;
    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: #3C88AB;
    font-size: 10pt;
    margin: 0px;
    padding: 16px;
}
div.profile_list_block h3 a,
div.vacancy_list_block h3 a {
    color: white;
    display: block;
}
div.profile_list_see_more,
div.vacancy_list_see_more {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #73A9C3;
    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-blue_30.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-blue_20.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: #1C6485;
    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 > a {
    display: inline-block;
}
div.profile_list_picture > a > img {
    width: 112px;
    margin: 19px;
}

div.profile_list_content {
    float: left;
}

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

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

div.profile_header,
div.vacancy_header {
}

a.back-to-overview {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 15px;
    background: url('../images/common_segments/open-tag.png') left 2px no-repeat;
    font-size: 8pt;
    color: #808080;
    font-weight: normal;
}

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

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

img.profile_photo {
    padding: 15px;
    border: 1px solid #EEF0EF;
    width: 168px;
}

div.profile_header div.profile_interaction,
div.vacancy_header div.four_part_box {
    width: 220px;
    float: right;
}

div.four_part_box a.print_button {
    display: block;
    font-size: 10.5pt;
    color: white;
    padding: 5px;
    padding-left: 30px;
    background: #A6D1E5 url('../images/common_segments/print.png') 5px 7px no-repeat;
}
div.four_part_box a.print_button:hover {
    text-decoration: none;
    background-color: #A6D1E5;
    text-decoration: underline;
}

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

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: #73A9C3;
    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
*********************************/

/*********************************
REACTION POPUPS >>>>
*********************************/

div#vacancy-react-popup {
    margin: 20px;
}

/*********************************
<<<< REACTION POPUPS
*********************************/

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

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

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

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

div.tab_container {
    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: #73A9C3;
}
div.tab_button.active a {
    color: #3C88AB;
}
div.tab_button.active a:hover {
    color: #3C88AB;
    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
*********************************/

/*********************************
PRESS ITEM >>>>>>
*********************************/

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

div.press_items_list_block {
    margin: 20px;
    padding: 0px;
    background-color: #FFFFFF;
    position: relative;
}
div.press_items_list_block h3 {
    background-color: #3C88AB;
    font-size: 10pt;
    margin: 0px;
}
div.press_items_list_block h3 a {
    color: white;
    padding: 16px;
    display: block;
}
div.press_items_list_see_more {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #73A9C3;
    font-size: 9pt;
}
div.press_items_list_see_more a {
    color: white;
    padding: 10px;
    display: block;
}
div.press_items_list_see_more_arrow {
    position: absolute;
    background: url('../images/common_segments/arrow-right-blue_30.png') center no-repeat;
    width: 10px;
    height: 20px;
    right: 0px;
    margin-right: -10px;
    bottom: 9px;
}

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

span.press_items_list_value {
    color: #3C88AB;
    font-weight: bold;
    font-size: 9pt;
}
div.press_items_list_item {
    color: #808080;
    float: left;
    margin-right: 40px;
    font-size: 9pt;
}

/*********************************
<<<< PRESS ITEMS
*********************************/

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

div.refinements {
    border-top: 1px solid #F0F4F8;
    margin-top: 10px;
    padding-top: 10px;
}
div.refinements h4 {
    margin-top: 0px;
}
ul.refinements {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.refinements li {
    padding: 0px;
    margin: 0px;
}

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

/*********************************
ADD THIS >>>>
*********************************/

div.addthis_toolbox a {
    margin-left: 5px;
}
div.addthis_toolbox a:first-child {
    margin-left: 0px;
}

/*********************************
<<<< ADD THIS
*********************************/

/*********************************
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;
    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
*********************************/

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

ul.alternative_vacancies {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.alternative_vacancies li {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    text-indent: 10px;
    background: url('../images/common_segments/close-tag.png') 0px 5px no-repeat;
}
ul.alternative_vacancies li a {
    font-size: 8pt;
}

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

/*********************************
SHOWCASE / IMAGE SLIDER >>>>
*********************************/

div#showcase {
    position: relative;
    height: 200px;
    background: url('/shared_public/images/spinner.gif') center center no-repeat;
    overflow: hidden;
}
td#content div#showcase {
    margin-left: -20px;
}
div#page div#showcase {
}
div#showcase div.contents {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    color: #FF6600;
    font-size: 16pt;
}
div#showcase div.contents a {
    color: #FF6600;
    font-size: 16pt;
}
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: #3C88AB;
}
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: #73A9C3 url('../images/common_segments/arrow-right-white.png') left 5px no-repeat;
}

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

/*********************************
<<<< SHOWCASE / IMAGE SLIDER
*********************************/

/*********************************
SUBSCRIBE FROM >>>>
*********************************/

.smaller {
    font-size: 75%;
}

form#frmSubscribe table.form td {
    vertical-align: top;
    margin: 0px;
    padding: 1px;
    *padding: 0px;
}
form#frmSubscribe table.form td.key {
    width: 240px;
}
form#frmSubscribe table.form td.val {
    width: 305px;
}
form#frmSubscribe table.form td.validator {
    width: 20px;
}

form#frmSubscribe table.form label {
    font-size: 12px;
}

form#frmSubscribe table.form div.validationIndicator div.indicators {
    width: 20px;
    height: 16px;
    float: left;
}
form#frmSubscribe table.form div.validationIndicator div.valid {
    width: 16px;
    height: 16px;
    background: url('/shared_public/images/icons/check.png') no-repeat top left;
    float: left;
}
form#frmSubscribe table.form div.validationIndicator div.invalid {
    width: 16px;
    height: 16px;
    background: url('/shared_public/images/icons/delete_all.png') no-repeat top left;
    float: left;
}
form#frmSubscribe table.form div.validationIndicator div.invalidMessage {
    float: left;
    width: 340px;
    font-size: 11px;
    color: #C00000;
}
form#frmSubscribe table.form div.validationIndicator div.helpMessage {
    float: left;
    width: 340px;
    font-size: 11px;
    color: #A0A0A0;
}

form#frmSubscribe table.form textarea,
form#frmSubscribe table.form select,
form#frmSubscribe table.form input[type="file"],
form#frmSubscribe table.form input[type="password"],
form#frmSubscribe table.form input[type="text"] {
    width: 301px;
}
form#frmSubscribe table.form select {
    *width: 305px;
}

form#frmSubscribe table.form input[type="checkbox"],
form#frmSubscribe table.form input[type="radio"] {
    width: auto;
    vertical-align: middle;
    overflow: visible;
}

form#frmSubscribe table.form input.disabled {
    background: #E0E0E0;
}

form#frmSubscribe table.form #user_birthDate_d {
    width: 90px;
    *width: 92px;
}
form#frmSubscribe table.form #user_birthDate_m {
    width: 120px;
}
form#frmSubscribe table.form #user_birthDate_y {
    width: 90px;
}
form#frmSubscribe table.form #user_mobileNumber {
    width: 100px;
}
form#frmSubscribe table.form #zipcode,
form#frmSubscribe table.form #user_homePostalCode {
    width: 70px;
    *width: 66px;
}
form#frmSubscribe table.form #number,
form#frmSubscribe table.form #user_homeNumber {
    width: 65px;
}
form#frmSubscribe table.form #addition,
form#frmSubscribe table.form #user_homeNumberSuffix {
    width: 164px;
    *width: 159px;
}
form#frmSubscribe table.form #street {
    width: 150px;
}
form#frmSubscribe table.form #city,
form#frmSubscribe table.form #user_homeCity {
    width: 150px;
    *width: 145px;
}
form#frmSubscribe table.form #educations_1_startDate_m,
form#frmSubscribe table.form #educations_1_endDate_m {
    width: 180px;
}
form#frmSubscribe table.form #educations_1_startDate_Y,
form#frmSubscribe table.form #educations_1_endDate_Y {
    width: 120px;
    *width: 123px;
}
form#frmSubscribe table.form #prefRegion1Level1_id,
form#frmSubscribe table.form #prefRegion2Level1_id,
form#frmSubscribe table.form #prefRegion3Level1_id {
    width: 120px;
    *width: 123px;
}
form#frmSubscribe table.form #prefRegion1Level2_id,
form#frmSubscribe table.form #prefRegion2Level2_id,
form#frmSubscribe table.form #prefRegion3Level2_id {
    width: 180px;
}
form#frmSubscribe table.form #mobile,
form#frmSubscribe table.form #user_phoneNumber {
    width: 80px;
}
form#frmSubscribe table.form #languages_0_languageId,
form#frmSubscribe table.form #languages_1_languageId,
form#frmSubscribe table.form #languages_2_languageId,
form#frmSubscribe table.form #languages_3_languageId {
    width: 150px;
    *width: 153px;
}
form#frmSubscribe table.form #languages_0_levelSpeakId,
form#frmSubscribe table.form #languages_1_levelSpeakId,
form#frmSubscribe table.form #languages_2_levelSpeakId,
form#frmSubscribe table.form #languages_3_levelSpeakId {
    width: 150px;
}

form#frmSubscribe table.form input.datetextbox {
    width: 100px;
}
form#frmSubscribe table.form img.calendaricon {
    margin-left: -19px;
    margin-top: 2px;
}

form#frmSubscribe table.form div.col_3 {
    margin: 0px;
    padding: 0px;
    width: 100px;
    float: left;
}

form#frmSubscribe table.form hr.thin {
    height: 0px;
    border: 0;
    border-bottom: 1px solid #C0C0C0;
    margin: 1px 0px;
}

img.frm_subscribe_header {
    margin-bottom: 20px;
}

/*********************************
<<<< SUBSCRIBE FORM
*********************************/

/*********************************
FUNCTIONGROUPS PER PILLAR >>>>
*********************************/

div.functiongroups-per-pillar {
    padding: 20px;
    background: #F6F7F7;
}

div.functiongroups-per-pillar > a > h2 {
    font-size: 13pt;
}

div.functiongroups-per-pillar > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

div.functiongroups-per-pillar > ul >li {
    padding-left: 20px;
    background: url('../images/common_segments/close-tag-blue_40.png') left 5px no-repeat;
}
div.functiongroups-per-pillar > ul > li > a > h3 {
    font-size: 10pt;
    font-weight: bold;
}

/*********************************
<<<< FUNCTIONGROUPS PER PILLAR
*********************************/

/*********************************
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: #3C88AB;
    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: #3C88AB;
    color: white;
    padding: 10px;
}
table.mm_layer_table td.first_col h1{
    color: white;
    font-size: 18pt;
    font-weight: bold;
    /*letter-spacing: 0.02em;*/
}
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;
    /*margin: 0em 0em 1em;*/
}
table.mm_layer_table td.second_col {
    background-color: #E6F3F8;
    color: white;
    padding: 10px;
}
table.mm_layer_table td.third_col {
    padding: 10px;
}

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

div#feedback-popup {
    padding: 0px 20px;
}
#feedback_button {
    position: absolute;
    top: 360px;
    z-index: 2;
    background: #1C6485;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding-left: 200px;
    color: #FFFFFF;
    opacity: 0.4;
    left: -200px;
}
#feedback_button:hover {
    opacity: 1;
    left: -175px;
}