/**** DEFAULT COLORS:

dark blue: #007EB3
medium blue: #0CA9E9
hilite medium blue: #19B6EC

light blue: #B2DAEA
very light blue: #F4FAFC
very light gray-blue: #E6EAEB

dark orange: #D77D00
medium orange: #F89800
hilite medium orange: #F9A348

medium grey: #808080
light grey: #EEEFF0
very light grey: #F8F8F8

****/

/*********************************************************
 *
 * Core elements
 *
 *********************************************************/

html, body {
    margin: 0px;
    padding: 0px;
}

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

a {
    color: #007EB3;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}

span.title {
    color: #007EB3;
    clear: both;
    font-size: 22px;
    margin: 30px 0px;
    border: none;
}

h1 {
    color: #007EB3;
    font-size: 20pt;
    font-weight: normal;
}
h2 {
    color: #007EB3;
    font-size: 14pt;
    font-weight: bold;
}
h3 {
    font-size: 12pt;
    color: black;
    font-weight: bold;
}
h4 {
    color: #0CA9E9;
    font-size: 14pt;
    margin: 0px;
    font-weight: normal;
}

a img {
    border: none;
}

input.clearDefault {
    color: #707070;
}

table.list-table {
    width: 100%;
}
table.list-table td {
    padding: 5px;
}
table tr.odd {
    background-color: #EEEFF0;
}
table.list-table h3,
table.list-table p {
    margin: 0px;
    padding: 0px;
}



#header {
    position: relative;
    z-index: 10;
    padding-top: 20px;
}

#content {
    position: relative;
    z-index: 5;
    padding: 0px 20px;
}

#footer {
    margin-top: 30px;
    overflow: hidden;
}



div.col_3 {
    width: 33%;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
div.container_col_1_3 {
    margin-right: 10px;
}
div.container_col_2_3 {
    margin: 0px 10px;
}
div.container_col_3_3 {
    margin-left: 10px;
}

div.col_2 {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
div.container_col_1_2 {
    margin-right: 10px;
}
div.container_col_2_2 {
    margin-left: 10px;
}



span.small_font,
p.small_font,
span.small_font a,
p.small_font a {
    font-size: 8pt;
}



div#site_content_inner {
    float: left;
    width: 660px;
    padding-right: 20px;
}
div#below_content {
    float: left;
    width: 660px;
    overflow: hidden;
    margin-top: 20px;
}
div#sidebar_right {
    float: left;
    width: 240px;
    overflow: hidden;
}



div#search-bar {
    background-color: #0CA9E9;
    padding: 20px;
    width: 100%;
    margin-left: -20px;
}
div#search-bar h2 {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
    color: white;
    font-size: 20pt;
    font-weight: normal;
}
div#search-bar input#terms {
    float: left;
    width: 300px;
    margin-right: 20px;
}

div#menu-search-block {
    position: absolute;
    margin-top: 20px;
    right: 0px;
    z-index: 10;
    width: 260px;
}
div#menu-search-block span#q_text {
    display: block;
    color: #0CA9E9;
    font-size: 16pt;
    padding: 10px 20px;
}
div#menu-search-block div#q_container {
    position: absolute;
    top: 52px;
    width: 100%;
    /*background: black url('../images/common/partials/menu/arrow-down-white.png') 20px 0px no-repeat;*/
    background-color: black;
}
div#menu-search-block div#q_container input#terms {
    margin: 10px;
    padding: 5px;
    background: white;
    height: 31px;
    border: 0;
    width: 240px;
}

div#company-search-bar {
    background-color: #0CA9E9;
    padding: 20px;
    width: 100%;
    margin-left: -20px;
    margin-bottom: 20px;
}
div#company-search-bar h2 {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
    color: white;
    font-size: 20pt;
    font-weight: normal;
}
div#company-search-bar input#terms {
    float: left;
    width: 300px;
    margin-right: 20px;
}



div#payoff {
    text-align: center;
}


div#top-blocks {
    /*border: 1px solid;*/
    width: 100%;
}
div#top-blocks td {
    vertical-align: top;
}

/*********************************************
 *
 * Forms Content
 *
 ********************************************/

table.form-spacer {
    width: 100%;
    table-style: fixed;
}
table.form-spacer tr td {
    padding-left: 2px;
    vertical-align: top;
}
table.form-spacer tr td:first-child {
    padding-left: 0;
}

#content dl.zend_form {
    width: 100%;
    margin: 20px 0px;
    padding: 0px;
    clear: both;
    display: block;
}
#content dl.zend_form div.loading {
    background-image: url('../images/icons/loading/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 95%;
}
#content dl.zend_form dt {
    font-weight: bold;
    color: #000;
    padding: 5px 0px 2px;
    text-indent: 0;
    margin: 0px;
    clear: left;
}
#content dl.zend_form dd {
    width: 100%;
    margin: 0px;
    padding: 1px 0px;
    text-align: left;
    text-indent: 0pt;
}

#content .multicheckbox {
    background: #F4FAFC;
    overflow: auto;
    max-height: 128px;
    border: 1px solid #B2DAEA;
}

#content .multicheckbox label input {
    margin-top: 2px;
}
#content .multicheckbox label {
    margin-left: 8px;
    margin-bottom: 1px;
    padding: 0px;
    display: inline-block;
}
#content .multicheckbox label:first-child {
    margin-top: 8px;
}
#content .multicheckbox label:last-child {
    margin-bottom: 8px;
}

#content ul.errors {
    float: left;
    clear: left;
    width: 100%;
    padding: 0px;
    margin: 2px 0px 2px 2px;
}
#content ul.errors li {
    color: #f00;
    font-weight: bold;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

/*********************************************************
 *
 * Form stuff
 *
 *********************************************************/

 form dd {
    margin: 0;
    width: 100%;
    clear: both;
}

#content dl.zend_form .description,
form dd p.description{
    color: #999999;
    font-style: italic;
    font-size: 8pt;
}

form dt {
    margin-top: 10px;
    width: 100%;
    clear: both;
}
form dt label{
    font-weight: bold;
}

form label.error{
    color: red;
}

ul.form_errors{
    padding: 7px;
    padding-left: 25px;
    border: 2px solid #FA5252;
    background: #F7F0F0;
}

/*********************************************************
 *
 * Custom form stuff
 *
 *********************************************************/

form dd#hasTraining-element,
form dd#feeds-element,
form dd#gender-element,
form dd#driving_license-element,
form dd#availability-element,
form dd.blue-n-bordered,
form dd div.blue-n-bordered {
    background: #F4FAFC;
    border: 1px solid #B2DAEA;
}
form dd#hasTraining-element input,
form dd#feeds-element input,
form dd#gender-element input,
form dd#driving_license-element input,
form dd#availability-element input,
form dd.blue-n-bordered input,
form dd div.blue-n-bordered input {
    margin-top: 2px;
}
form dd#hasTraining-element label,
form dd#feeds-element label,
form dd#gender-element label,
form dd#driving_license-element label,
form dd#availability-element label,
form dd.blue-n-bordered label,
form dd div.blue-n-bordered label {
    margin-left: 8px;
    margin-bottom: 1px;
    padding: 0px;
    display: inline-block;
}
form dd#hasTraining-element label:first-child,
form dd#feeds-element label:first-child,
form dd#gender-element label:first-child,
form dd#driving_license-element label:first-child,
form dd#availability-element label:first-child,
form dd.blue-n-bordered label:first-child,
form dd div.blue-n-bordered label:first-child {
    margin-top: 8px;
}
form dd#hasTraining-element label:last-child,
form dd#feeds-element label:last-child,
form dd#gender-element label:last-child,
form dd#driving_license-element label:last-child,
form dd#availability-element label:last-child,
form dd.blue-n-bordered label:last-child,
form dd div.blue-n-bordered label:last-child {
    margin-bottom: 8px;
}

/*********************************************************
 *
 * Common
 *
 *********************************************************/

div.clear {
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}

/*********************************************************
 *
 * Frame & Base
 *
 *********************************************************/

#frame {
    margin: auto;
    padding: 0px;
    width: 960px;
    position: relative;
    z-index: 1;
}

#base {
    position: relative;
}

/*********************************************************
 *
 * Logo
 *
 *********************************************************/

#site-logo {
    width: 300px;
    margin-left: 10px;
    height: 65px;
}

/*********************************************************
 *
 * Full Banner (advertisement)
 *
 *********************************************************/

#full_banner {
    position: absolute;
    left: 240px;
    top: 17px;
}

/*********************************************************
 *
 * Account
 *
 *********************************************************/

#account-login-box {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 10;
}
#account-login-box > a {
    display: block;
    padding: 12px 30px;
    color: white;
    margin: 0px;
    float: left;
}
#account-login-box #sign-up {
    background: #007EB3;
}
#account-login-box #log-in {
    background: #0CA9E9;
}
#account-login-box #my-account {
    background: #007EB3;
}
#account-login-box #my-vacancies {
    background: #0CA9E9;
}
#account-login-box #log-out {
    color: #555;
    background: #EEE;
}
#account-login-box #log-out:hover {
    color: white;
    background: #555;
}

/*********************************************************
 *
 * Personal navigation blocks
 *
 *********************************************************/

div.personal-navigation {
    background-color: #F4FAFC;
    padding: 20px;
}
div.personal-navigation a {
    font-weight: bold;
    font-size: 11pt;
}
div.personal-navigation div.item {
    margin: 10px;
    margin-left: 0px;
}


/*********************************************************
 *
 * Searchbox
 *
 *********************************************************/

#block-17 {
    width:							300px;
    height:							230px;
    padding-left:					12px;
}
#block-17 h1 {
    margin:			15px 0px 0px 0px !important;
        padding-top:            15px;
        *padding-top:           0px;
}
#block-17 dd {
    margin:							0px;
}
#block-17 input {
    width:							270px;
}
#block-17 select {
    font-size:						12px;
    width:							276px;
}
#block-17 input.submit {
    position:						absolute;
    left:							157px;
    top:							145px;
    width:							auto;
}
#block-17 .extended {
    font-size:						10px;
    position:						absolute;
    left:							12px;
    top:							140px;
}
#block-17 .options {
    font-size:						10px;
    position:						absolute;
    left:							12px;
    top:							190px;
}
#block-17 .options div.left {
    float:							left;
    width:							115px;
}
#block-17 .options div.right {
    float:							right;
    width:							175px;
}
#block-17 .extended h2, #block-17 .options h2 {
    color:							#7cd3f1;
    font-size:						11px;
    margin:							0px;
}
#block-17 h2 a {
    color:							#fff;
}


/*********************************************************
 *
 * Tagclouds
 *
 *********************************************************/

ul.cloud {
    width:							100%;
    text-align:						center;
    margin:							0px;
}
ul.cloud li {
    margin:							0px;
    padding:						0px;
    float:							left;
    list-style-type:				none;
    text-indent:					0px;
}

/*********************************************************
 *
 * Tagcloud Popular Search Terms
 *
 *********************************************************/

#block-21 {
    margin:                                             0px 0px 0px 0px;
    width:							300px;
    height:							250px;
}
#block-21 ul {
    padding:                                             0px;
}
#block-21 p {
    margin-top:                                             10px;
}
#block-21 h1 {
    margin:                                              15px 0px 0px 0px;
}
#block-21 a {
    margin:							10px 20px 10px 0px;
    text-decoration:				none;
    /* word-spacing:					nowrap; */
}
#block-21 a.size1 {
    font-size:						11px;
    color:							#4cc4ed;
}
#block-21 a.size2 {
    font-size:						13px;
    color:							#4cc4ed;
}
#block-21 a.size3 {
    font-size:						15px;
    color:							#63caed;
}
#block-21 a.size4 {
    font-size:						20px;
    color:							#75d8f9;
}
#block-21 a.size5 {
    font-size:						26px;
    color:							#d4f4ff;
}
#block-21 a:hover {
    color:							#fff;
}

/*********************************************************
 *
 * List Top (advertisement)
 *
 *********************************************************/

#block-18,
#block-20,
#block-19 {
    width: 100%;
    margin-bottom: 20px;
}

div.box-title {
    font-size: 16pt;
    font-weight: bold;
    color: #007EB3;
    border-bottom: 1px dashed #0CA9E9;
    margin-bottom: 10px;
}
div.box-title.orange {
    color: #D77D00;
    border-bottom: 1px dashed #F89800;
}
div.box-title span {
    font-size: 9pt;
    color: #FF6600;
    font-style: italic;

}

div.box-list-row {
    position: relative;
    overflow: hidden;
}

div.box-list-row span.list-number {
    display: block;
    float: left;
    width: 30px;
    padding: 5px 0px;
    text-align: center;
    background: #0CA9E9;
    color: white;
    font-weight: bold;
    position: absolute;
    z-index: 2;
}
div.box-list-row:hover span.list-number {
    background: #19B6EC;
}
div.box-list-row.orange span.list-number {
    background: #F89800;
}
div.box-list-row.orange:hover span.list-number {
    background: #F9A348;
}

div.box-list-row span.ad {
    padding-left: 30px;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}

div.box-list-row span.ad a {
    width: 100%;
    display: block;
    padding: 5px;
    white-space: nowrap;
}
div.box-list-row span.ad a:hover {
    text-decoration: none;
}

div.box-list-row:hover span.ad {
    background: #007EB3;
}
div.box-list-row.orange:hover span.ad {
    background: #D77D00;
}

div.box-list-row span.ad a div.fade {
    display: none;
    position: absolute;
    width: 32px;
    height: 30px;
    background: url('../images/fade-to-white.png') repeat-y;
    right: 0px;
    top: 0px;
}
div.box-list-row:hover span.ad a div.fade {
    background: url('../images/fade-to-dark-blue.png') repeat-y;
}
div.box-list-row.orange:hover span.ad a div.fade {
    background: url('../images/fade-to-orange.png') repeat-y;
}

div.box-list-row:hover span.ad a span {
    color: white;
}

/*********************************************************
 *
 * Buttons (advertisements)
 *
 *********************************************************/

#buttons {
    width:							100%;
    height:							60px;
    padding:						25px 50px 25px 50px;
}
#buttons .buttons {
    padding:                                                    20px 0px 20px 0px;
    text-align:						center;
}
#buttons h2 {
    font-size:						14px;
}
#buttons a {
    margin:							0px 20px 0px 20px;
}

/*********************************************************
 *
 * Ad Buttons
 *
 *********************************************************/

#block-23-inner {
    padding:            25px;
}
#block-23 h2 {
    margin:             0px;
    font-size:              16px;
}
#block-23 ul {
    margin:            0px 40px 0px 40px;
    list-style-type: none;
    text-align: center;
    width:  100%;
    height:     80px;
}
#block-23 ul li {
    display:                    block;
    float:                      left;
    margin:                     0 auto;
    padding:                    20px;
    width:                      120px;
    height:                     60px;
}

/*********************************************************
 *
 * Footer Text
 *
 *********************************************************/

#block-25-inner {
    padding:            25px;
}
#block-25 h1{
    font-size:						14px;
    margin:							0px;
}
#block-25 p {
    color:							#666;
    margin:							5px 0px 15px 0px;
}

/*********************************************************
 *
 * Footer Links
 *
 *********************************************************/

#block-24 {
    color:							#888;
    display:						block;
        text-align: center;
}
#block-24-inner {
    width:							100% !important;
    padding:						0px 0px 20px 0px;
        text-align: center;
}
#block-24 p {
    display: block;
    text-align:						center;
}


/**********************************************
 *
 *  Block
 *
 **********************************************/

#below_content .block-inner {
    padding: 20px;
}

/*********************************************
 *
 * Icon links
 *
 ********************************************/

.icon {
    background-repeat: no-repeat;
    padding-left: 24px;
    background-position: left center;
}
.icon-button {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    padding: 0px;
}
a.button span.icon {
    font-size: 14pt;
}

a.image_edit					{ background-image:	url('../images/common/icons/silk/image_edit.png'); }
a.image_delete					{ background-image:	url('../images/common/icons/silk/image_delete.png'); }
a.page_word						{ background-image:	url('../images/common/icons/silk/page_white_word.png'); }
a.page_pdf						{ background-image:	url('../images/common/icons/silk/page_white_acrobat.png'); }
a.page_delete					{ background-image:	url('../images/common/icons/silk/page_white_delete.png'); }

a.account		 				{ background-image: url('../images/common/icons/silk/cog.png'); }
a.subscriptions 				{ background-image: url('../images/common/icons/silk/email.png'); }
a.profile 						{ background-image: url('../images/common/icons/silk/user.png'); }
a.personal 						{ background-image: url('../images/common/icons/silk/vcard.png'); }
a.favorites 					{ background-image: url('../images/common/icons/silk/star.png'); }
a.applications 					{ background-image: url('../images/common/icons/silk/email_open.png'); }
a.management 					{ background-image: url('../images/common/icons/silk/pencil.png'); }
a.rss		 					{ background-image: url('../images/common/icons/silk/feed.png'); }
a.information	 				{ background-image: url('../images/common/icons/silk/lightbulb.png'); }

a.back		 					{ background-image: url('../images/common/icons/silk/arrow_left.png'); }
a.view		 					{ background-image: url('../images/common/icons/silk/page_white_magnify.png'); }
a.edit		 					{ background-image: url('../images/common/icons/silk/pencil.png'); }
a.delete	 					{ background-image: url('../images/common/icons/silk/cross.png'); }
a.reply		 					{ background-image: url('../images/common/icons/silk/comment.png'); }
a.reject	 					{ background-image: url('../images/common/icons/silk/thumb_down.png'); }

.icon-search { background-image: url('../images/common/icons/silk/magnifier.png') !important; }
.icon-delete { background-image: url('../images/common/icons/silk/cross.png') !important; }
.icon-unarchive { background-image: url('../images/common/icons/silk/folder_page_white.png') !important; }
.icon-edit { background-image: url('../images/common/icons/silk/pencil.png') !important; }
.icon-add { background-image: url('../images/common/icons/silk/add.png') !important; }
.icon-mail { background-image: url('../images/common/icons/silk/email.png') !important; }
.icon-profile { background-image: url('../images/common/icons/silk/user.png') !important; }
.icon-star { background-image: url('../images/common/icons/silk/star.png') !important; }
.icon-tip { background-image: url('../images/common/icons/silk/lightbulb.png') !important; }

.icon-back { background-image: url('../images/common/icons/silk/arrow_left.png') !important; }
.icon-list { background-image: url('../images/common/icons/silk/table.png') !important; }
.icon-copy { background-image: url('../images/common/icons/silk/page_copy.png') !important; }
.icon-contact { background-image: url('../images/common/icons/silk/email.png') !important; }
.icon-activate { background-image: url('../images/common/icons/silk/accept.png') !important; }
.icon-deactivate { background-image: url('../images/common/icons/silk/stop.png') !important; }
.icon-archive { background-image: url('../images/common/icons/silk/folder_page.png') !important; }
.icon-view { background-image: url('../images/common/icons/silk/page_white_magnify.png') !important; }
.icon-reply { background-image: url('../images/common/icons/silk/tick.png') !important; }
.icon-reject { background-image: url('../images/common/icons/silk/thumb_down.png') !important; }
.icon-print { background-image: url('../images/common/icons/silk/printer.png') !important; }
.icon-rss { background-image: url('../images/common/icons/silk/feed.png') !important; }

.icon-vacancy-status-2 { background-image: url('../images/common/icons/silk/page.png') } /* Concept */
.icon-vacancy-status-3 { background-image: url('../images/common/icons/silk/stop.png') } /* Inactive */
.icon-vacancy-status-4 { background-image: url('../images/common/icons/silk/folder.png') } /* Archive */
.icon-vacancy-status-6 { background-image: url('../images/common/icons/silk/accept.png') } /* Active */

/*********************************************
 *
 * Icon Paragraphes
 *
 ********************************************/

p.icon {
    background-position: 15px 12px;
    padding: 10px 0px 10px 40px;
}

p.info { background-image: url('../images/common/icons/silk/information.png'); }


/*********************************************
 *
 * Columns
 *
 ********************************************/

.columns .column {
    float:						left;
    width:						49%;
}

/*********************************************
 *
 * Boxes
 *
 ********************************************/

.box {

}
.box h1 {
    font-size:					20px;
    margin:						15px 0px 10px 10px;
}
.box .left-top {
    background-repeat: 			no-repeat;
    background-position:		left top;
}
.box .right-top {
    background-repeat: 			no-repeat;
    background-position:		right top;
}
.box .left-bottom {
    background-repeat: 			no-repeat;
    background-position:		left bottom;
}
.box .right-bottom {
    background-repeat: 			no-repeat;
    background-position:		right bottom;
}

/*********************************************
 *
 * Box Light Blue
 *
 ********************************************/

.box-light-blue {
    margin:						80px 25px 0px 0px;
    background-repeat: 			no-repeat;
    background-color:			#e4f7ff;
}
.box-light-blue .left-top {
    background-image:			url('../images/common/boxes/light/blue/corner-left-top.gif');
}
.box-light-blue .right-top {
    background-image:			url('../images/common/boxes/light/blue/corner-right-top.gif');
}
.box-light-blue .left-bottom {
    background-image:			url('../images/common/boxes/light/blue/corner-left-bottom.gif');
}
.box-light-blue .right-bottom {
    background-image:			url('../images/common/boxes/light/blue/corner-right-bottom.gif');
}
.box-light-blue .padding {
    padding:					15px;
}
.box-light-blue h4 {
    margin:						5px 0px 25px 10px;
    color:						#00b0f0;
    font-size:					18px;
}
.box-light-blue a {
    font-size:					14px;
    font-weight:				bold;
    text-decoration:			none;
}
.box-light-blue ul {
    margin:						5px 25px 10px 25px;
}
.box-light-blue strong {
    font-size:					13px;
}

.box-light-blue .item {
    margin:						20px 10px 10px 10px;
}

/*********************************************
 *
 * Box Light Grey
 *
 ********************************************/

.box-light-grey {
    background-repeat: 			no-repeat;
    background-color:			#eee;
}
.box-light-grey .left-top {
    background-image:			url('../images/common/boxes/light/grey/corner-left-top.gif');
}
.box-light-grey .right-top {
    background-image:			url('../images/common/boxes/light/grey/corner-right-top.gif');
}
.box-light-grey .left-bottom {
    background-image:			url('../images/common/boxes/light/grey/corner-left-bottom.gif');
}
.box-light-grey .right-bottom {
    background-image:			url('../images/common/boxes/light/grey/corner-right-bottom.gif');
}

/*********************************************
 *
 * Box Dark Blue
 *
 ********************************************/

.box-dark-blue {
    background-repeat: 			no-repeat;
    background-color:			#089cd3;
}
.box-dark-blue .left-top {
    background-image:			url('../images/common/boxes/dark/blue/corner-left-top.gif');
}
.box-dark-blue .right-top {
    background-image:			url('../images/common/boxes/dark/blue/corner-right-top.gif');
}
.box-dark-blue .left-bottom {
    background-image:			url('../images/common/boxes/dark/blue/corner-left-bottom.gif');
}
.box-dark-blue .right-bottom {
    background-image:			url('../images/common/boxes/dark/blue/corner-right-bottom.gif');
}
.box-dark-blue h2 {
    margin:						0px;
    font-size:					17px;
    text-align:					center;
}
.box-dark-blue a {
    color:						#fff;
}



/*********************************************
 *
 * Box Float
 *
 ********************************************/

.float {
    float:						left;
}


/*********************************************
 *
 * Pagination
 *
 ********************************************/

.pagination {
    margin:						15px 0px 15px 0px;
    color:						#ccc;
}

div#application-finish dl {
    background: #F4FAFC;
    padding: 10px;
    border: 1px solid #B2DAEA;
}
div#application-finish dt {
    color: #808080;
}
div#application-finish dd {
    font-size: 12pt;
}
div#application-finish dd a {
    font-size: 12pt;
}

/*********************************************
 *
 * Messages
 *
 ********************************************/

#messages ul  {
    list-style-type:                                    none;
}
#messages ul li {
    color:						#007EB3;
    background:					#FAF798 url('../images/common/icons/silk/information.png') no-repeat 7px 7px;
        padding:                                        5px 10px 5px 30px;
        display:                                        block;
        float:                                          left;
        margin:                                         5px 0px 5px 30px;
}

/*********************************************
 *
 * Tabs
 *
 ********************************************/

.tabs {
}
.tabs ul  {
    list-style-type:                                    none;
}
.tabs ul li {
    display:                                            block;
    float:                                              left;
}
.tabs a {
    cursor:							pointer;
    display:						block;
    float:							left;
    text-decoration:				none;
    background-repeat:				repeat-x;
}
.tabs a:hover {
    text-decoration:				underline;
}
.tabs a span {
    display:						block;
    float:							left;
    background-position:			left top;
    background-repeat:				no-repeat;
}
.tabs a span strong {
    display:						block;
    float:							left;
    background-position:			right top;
    background-repeat:				no-repeat;
    padding:						7px 15px 4px 15px;
}

/*********************************************
 *
 * Tabs White
 *
 ********************************************/
.tabs-white a {
    color:							#007EB3;
    background-color:				#fff;
    background-image:				url('../images/common/tabs/white/inactive_top.gif');
}
.tabs-white a span {
    background-image:				url('../images/common/tabs/white/inactive_left.gif');
}
.tabs-white a span strong {
    font-weight:					normal;
    background-image:				url('../images/common/tabs/white/inactive_right.gif');
}
.tabs-white a.active {
    color:							#000;
    background-image:				url('../images/common/tabs/white/active_top.gif');
}
.tabs-white a.active span {
    background-image:				url('../images/common/tabs/white/active_left.gif');
}
.tabs-white a.active span strong {
    font-weight:					bold;
    background-image:				url('../images/common/tabs/white/active_right.gif');
}

/*********************************************
 *
 * Div Tables
 *
 ********************************************/

div.cell {
    float: left;
}

/*********************************************
 *
 * Articles
 *
 ********************************************/

ul.list  {
    list-style-type: none;
    margin:         0px;
}
ul.list li  {
    padding: 10px 0px 10px 0px;
}
.list .image {
    float: left;
    width: 120px;
}
.list .text {
    float: left;
}
.list h2 {
    font-size: 18px;
    margin: 0px 0px 5px 0px;
}
.list h2 a {
    text-decoration: none;
}

/***************************************
 *
 * Pager
 *
 ***************************************/

.pager {
    width: 100%;
    clear: both;
    text-align: center;
}
.pager div {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
.pager div.page-text {
    font-weight: bold;
    margin-left: 20px;
    font-size: 9pt;
}

.pager div.page-numbers {
    margin-right: 20px;
}

.pager > a,
.pager > span,
.pager div.page-numbers a,
.pager div.page-numbers span {
    display: inline-block;
    padding: 10px;
    font-size: 9pt;
}

.pager div.page-numbers span.active-page {
    color: #007EB3;
    background: #E6EAEB;
    font-weight: bold;
    font-size: 12pt;
}
.pager > span.active-page {
    color: #555;
}

.pager a:hover {
}

div.hide {
    display: none;
}

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

div.multi_button {
    position: relative;
    float: left;
}
div.multi_button div.multi_button_main a {
    display: block;
    color: white;
    padding: 12px 30px;
    padding-right: 5px;
    float: left;
}
div.multi_button div.multi_button_main a.no_extention {
    padding: 12px 30px;
}
div.multi_button div.multi_button_main div.multi_button_opener {
    background: url("../images/common/icons/toggle-down-arrow.png") no-repeat center center;
    padding: 12px 30px;
    padding-left: 5px;
    float: left;
    cursor: pointer;
}

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

div.multi_button div.multi_button_extension ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0px;
    background-color: #19B6EC;
    overflow: hidden;
}
div.multi_button div.multi_button_extension ul li {
    margin: 0px;
}
div.multi_button div.multi_button_extension ul li a {
    display: block;
    padding: 5px 30px;
    color: white;
    width: 100%;
    white-space:nowrap;
}

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

textarea {
    border: 1px solid #B2DAEA;
    background: #F4FAFC;
    margin: 0px;
    margin-right: 1px;
    padding: 8px;
    vertical-align: bottom;
    /** 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,
input[type="text"],
input[type="password"] {
    border: 1px solid #B2DAEA;
    background: #F4FAFC;
    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;
}

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

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

a.button.orange{
    background: #FF6600 url('../images/common/close-tag-big.png') right center no-repeat;;
}

a.button {
    height: 30px;
    padding-top: 5px;
    display: inline-block;
}

a.button:hover {
    text-decoration: none;
}

div#login_popup_content {
    width: 400px;
    padding: 10px;
    padding-top: 5px;
}
div#login_popup_content h1 {
    margin-top: 0px;
}
div#feedback_error,
div#login_error {
    color: #F89800;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 10px;
}
div#feedback_message,
div#invite_message,
div#login_message {
    color: #F89800;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 10px;
}

/***************************
** VACANCY DETAIL PAGE
****************************/
div.candidate_header,
div.vacancy_header {
    width: 100%;
}

div#vacancy-view div#partner_logo {
    margin-top: -25px;
    float: right;
    margin-right: 32px;
    margin-left: 20px;
}
div.vacancy_header h1 {
    overflow: hidden;
}

div.vacancy_header div.info_list {
    width: 410px;
    margin-right: 10px;
    float: left;
}
div.info_list dl {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 9pt;
}
div.candidate_header div.info_list {
    margin-right: 10px;
    float: left;
    width: 470px;
}
div.candidate_header div.info_list dd {
    width: 250px;
}
div.candidate_header div.info_list dt {
    width: 210px;
}
div.info_list dt {
    color: #0CA9E9;
    width: 120px;
    padding-bottom: 10px;
    float: left;
    clear: left;
}
div.info_list dd {
    margin-left: 0px;
    width: 270px;
    padding-bottom: 10px;
    float: left;
    clear: right;
}

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

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

div.interaction_box {
    width: 200px;
    margin-bottom: 20px;
}

div.interaction_top {
    background: #007EB3 url('../images/common/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
    padding-top: 15px;
}
div.interaction_top p {
    color: white;
    margin: 10px 0px 0px;
}
div.interaction_top span.title {
    color: white;
    margin-top: 0px;
    font-weight: bold;
}

div.interaction_middle {
    background: #EEEFF0 url('../images/common/partials/menu/arrow-down-dark-blue.png') 20px top no-repeat;
}
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;
}

p#interaction_box_account a,
p#interaction_box_account {
    font-size: 8pt;
    color: white;
}

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

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

div.fpb_1 {
    background: #007EB3 url('../images/common/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
    height: 100%;
    overflow: hidden;
}
div.fpb_1 span,
div.fpb_1 li,
div.fpb_1 a,
div.fpb_1 p {
    color: white;
}
div.fpb_1 p {
    margin: 10px 0px 0px;
}
div.fpb_1 span.title {
    font-size: 11pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.fpb_2 {
    padding: 20px 20px 10px;
    background: #0CA9E9;
    height: 100%;
    overflow: hidden;
}
div.fpb_1 + div.fpb_2 {
    background: #0CA9E9 url('../images/common/partials/menu/arrow-down-dark-blue.png') 20px top no-repeat;
}
div.fpb_1 + div.fpb_2.no_incision {
    background: #0CA9E9;
}
div.fpb_2 span,
div.fpb_2 li,
div.fpb_2 a,
div.fpb_2 p {
    color: white;
}
div.fpb_2 p {
    margin: 10px 0px 0px;
}
div.fpb_2 span.title {
    font-size: 14pt;
    color: white;
    dsplay: block;
    font-weight: bold;
}

div.fpb_3 {
    background: #EEEFF0;
    padding: 20px 20px 10px;
    height: 100%;
    overflow: hidden;
}
div.fpb_2 + div.fpb_3 {
    background: #EEEFF0 url('../images/common/partials/menu/arrow-down-medium-blue.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: #F8F8F8;
    padding: 10px 20px 20px;
    height: 100%;
    overflow: hidden;
}
div.fpb_3 + div.fpb_4 {
    background: #F8F8F8 url('../images/common/partials/menu/arrow-down-light-grey.png') 20px top no-repeat;
}
div.fpb_3 + div.fpb_4.no_incision {
    background: #F8F8F8;
}
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;
    padding: 0px 20px;
}

/*********************************
SPECIAL FPB THINGIES >>>>
*********************************/

div.fpb_1 span.title span.phone-nr {
    font-weight: bold;
    font-size: 16pt;
    color: #F9A348;
}

div.fpb_2 span.fat {
    font-weight: bold;
    font-size: 12pt;
}
div.fpb_3 span.fat {
    font-weight: bold;
    font-size: 12pt;
    color: #007EB3;
}

div.fpb_4 div#ideal-logo {
    float: right;
    width: 61px;
    height: 53px;
    background: url('../images/company/partials/usp/ideal-logo.png') no-repeat;
}

/*****************************
* VACANCY TABS
*******************************/

div#tabs div {
    background: white;
    border-radius: 0px;
    margin: 10px;
    margin-top: 0px;
}
div#tabs {
    border: 0px;
    border-radius: 0px;
    background: #EEF0EF;
    margin-top: 20px;
}
ul.vacancy_tab {
    border: 0px;
    background: #EEF0EF;
    margin: 10px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
ul.vacancy_tab li {
    background: #F6F7F6 !important;
    border: 0px !important;
    border-radius: 0px;
    cursor: pointer;
    margin-right: 10px !important;
}
ul.vacancy_tab li:hover {
    background: white !important;
}
ul.vacancy_tab li a{
    padding: 10px 20px !important;
    color: #444444 !important;
    display: block;
    font-size: 11pt;
    cursor: pointer !important;
}
ul.vacancy_tab li a:hover{
    color: #19B6EC !important;
}
ul.vacancy_tab li.ui-tabs-selected,
ul.vacancy_tab li.ui-state-active {
    padding-bottom: 0px !important;
}
ul.vacancy_tab li.ui-tabs-selected a,
ul.vacancy_tab li.ui-state-active a {
    background: white !important;
    color: #007EB3 !important;
}

div.map{
    height: 500px;
    width: 530px;
    overflow: hidden;
}
div#google_map_canvas {
    height: 530px;
    width: 530px;
}

div#google_static_map {
    height: 180px;
    overflow: hidden;
    position: relative;
}
div#google_static_map a{
    color: white;
}
div#google_static_map_footer {
    background: #19B6EC;
    width: 100%;
    color: white;
    position: absolute;
    bottom: 0;
    padding: 2px 10px;
    font-size: 8pt;
    font-weight: bold;
}

/*******************************
* VACANCIES PER REGION
*********************************/

ul.study_levels_sorted,
ul.branches_sorted,
ul.vacancies_sorted {
    margin:  0;
    padding: 0;
    list-style: none;
    margin-right: 80px;
    float: left;
}

/*******************************
* MY APPLICATIONS
*********************************/

div.my-applications {
    background: #E6EAEB;
    padding: 20px;
}
ul.my-applications {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.my-applications li {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 10px;
    background: white;
    padding: 0px;
}
ul.my-applications li:first-child {
    margin-top: 0px;
}
ul.my-applications li div.list-vacancy-header {
    background: #B2DAEA;
    padding: 10px;
}
ul.my-applications li div.list-vacancy-header a {
    color: #007EB3;
}
ul.my-applications p.motivation {
    padding: 10px;
    margin-top: 0px;
}
ul.my-applications div.actions {
    background: url('../images/common/partials/menu/arrow-right-dark-blue.png') right center no-repeat;
    padding-right: 10px;
    margin-right: -10px;
}
ul.my-applications div.actions a {
    display: block;
    float: right;
    background: #007EB3;
    padding: 5px 20px;
    color: white;
    font-size: 8pt;
}

/*********************************************
* VACANCY LIST (BIG)
********************************************/

div.list-container {
    background: #E6EAEB;
    padding: 20px;
}

ul.list-vacancies {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.list-vacancies li {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 10px;
    background: white;
    padding: 0px;
}
ul.list-vacancies li:first-child {
    margin-top: 0px;
}
ul.list-vacancies li div.list-vacancy-header {
    background: #007EB3;
    padding: 10px;
}
ul.list-vacancies li div.list-vacancy-header a {
    color: white;
}
ul.list-vacancies p.description {
    background: url('../images/common/partials/menu/arrow-down-dark-blue.png') 20px 0px no-repeat;
    padding: 10px;
    padding-top: 20px;
    margin-top: 0px;
}
ul.list-vacancies a.logo {
    float: right;
    margin: 0px 0px 10px 10px;
}
ul.list-vacancies div.info {
    background-color: #F4FAFC;
    border-top: 1px solid #B2DAEA;
}
ul.list-vacancies div.info table.vacancy_info {
    padding: 10px;
}
ul.list-vacancies div.info table.vacancy_info td,
ul.list-vacancies div.info table.vacancy_info td a {
    font-size: 9pt;
}
ul.list-vacancies div.info table.vacancy_info td.label {
    color: #808080;
    padding-right: 5px;
}
ul.list-vacancies div.info table.vacancy_info td.value {
    font-weight: bold;
}
div.vacancy_list_item {
    color: #808080;
    float: left;
    margin-right: 40px;
    font-size: 9pt;
    padding:  10px;
}
span.vacancy_list_value {
    color: #0CA9E9;
    font-weight: bold;
    font-size: 9pt;
}
div.vacancy_list_see_more {
    position: relative;
    right: 0px;
    bottom: 0px;
    background-color: #0CA9E9;
    font-size: 9pt;
    float: right;
}
div.vacancy_list_see_more a {
    color: white;
    padding: 10px;
    display: block;
}
div.vacancy_list_see_more_arrow {
    position: absolute;
    background: url('../images/common/arrow-right-medium-blue.png') center no-repeat;
    width: 10px;
    height: 20px;
    right: 0;
    margin-right: -10px;
    bottom: 9px;
}
/*********************************************
* FIELDSETS & LEGEND
********************************************/

dl.zend_form fieldset {
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    padding-left: 20px;
}
dl.zend_form fieldset legend {
    font-size: 12pt;
    font-weight: bold;
    color: #0CA9E9;
    padding: 0px;
    margin: 0px;
    margin-left: -20px;
}

/*********************************************
* RIGHTBAR MENU
********************************************/

div.rightbar-menu {
    width: 100%;
    margin-bottom: 20px;
}
div.rightbar-menu div.title {
    background: #007EB3 url('../images/common/arrow-right-white.png') left 20px no-repeat;
    padding: 20px;
    height: 100%;
    overflow: hidden;
    color: white;
    font-size: 14pt;
}
div.rightbar-menu div.menu {
    padding: 0px;
    margin: 0px;
    float: none;
}
div.rightbar-menu div.menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    background: #0CA9E9;
}
div.rightbar-menu div.menu ul li {
    width: 100%;
}
div.rightbar-menu div.menu ul li#subcompany_list {
    background: #19B6EC;
    padding-left: 10px;
}
div.rightbar-menu div.menu ul li a {
    display: block;
    padding: 10px 20px;
    color: white;
}
div.rightbar-menu div.menu ul li a:hover {
    background-color: #19B6EC;
}
div.rightbar-menu div.menu ul li hr {
    border: 0px;
    border-bottom: 1px dashed white;
    width: 90%;
    margin: auto;
}

/*********************************************
* MY VACANCIES
********************************************/

div.my-vacancies {
    background: #E6EAEB;
    padding: 20px;
}

ul.my-vacancies {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.my-vacancies li {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 10px;
    background: white;
    padding: 0px;
    overflow: hidden;
}
ul.my-vacancies li:first-child {
    margin-top: 0px;
}
ul.my-vacancies div.my-vacancies-title {
    background: #B2DAEA;
    padding: 10px;
}
ul.my-vacancies p.my-vacancies-text {
    margin: 10px 10px;
}
ul.my-vacancies div.my-vacancies-info {
    background-color: #F4FAFC;
    border-top: 1px solid #B2DAEA;
}
ul.my-vacancies div.my-vacancies-info table.vacancy_info {
    padding: 10px;
}
ul.my-vacancies div.my-vacancies-info table.vacancy_info td,
ul.my-vacancies div.my-vacancies-info table.vacancy_info td a {
    font-size: 9pt;
}
ul.my-vacancies div.my-vacancies-info table.vacancy_info td.label {
    color: #808080;
    padding-right: 5px;
}
ul.my-vacancies div.my-vacancies-info table.vacancy_info td.value {
    font-weight: bold;
}
ul.my-vacancies td.my-vacancies-options {
    width: 160px;
    padding: 10px;
    border-left: 5px solid #E6EAEB;
}
ul.my-vacancies td.my-vacancies-options a {
    display: block;
}

div#homepage-banner {
    padding-bottom: 20px;
    margin-left: -20px;
}

div.orbit-wrapper {
    padding-bottom: 30px !important;
}

div.orbit-wrapper ul.orbit-bullets {
    bottom: 0px !important;
}

div.orbit-wrapper div.timer {
    right: 30px !important;
    display: none;
}
div.orbit_content {
    width: 960px !important;
    height: 320px !important;
}
div.orbit_content h1 {
    font-weight: bold;
    margin-left: 10px;
    color: #FF6600;
}
div.orbit_content h3 {
    font-weight: normal;
    font-size: 13pt;
    margin-left: 10px;
}
div.orbit_content h3.white {
    color: white;
}
#homepage-banner {
    width: 940px;
    height: 450px;
    background: #fff url('/shared_public/images/spinner.gif') no-repeat center center; overflow: hidden; }
#homepage-banner img,
#homepage-banner div { display: none; }

div#share_this {
    margin-top: 20px;
}

.ordinary_white {
    background: #FFFFFF;
}

div#company_help {
    position: absolute;
    top: 360px;
    z-index: 2;
    background: #0CA9E9;
    padding-left: 200px;
    width: 200px;
    height: 130px;
    left: -360px;
    /*cursor: pointer;*/
}

a#company_help_open,
a#company_help_close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
    font-size: 9pt;
}
span#company_help_text {
    position: absolute;
    top: 20px;
    left: 30px;
    right: 40px;
    color: white;
    font-size: 10pt;
}

#wvhj_11 {
    position: absolute;
    top: 80px;
    left: 438px;
    z-index: 10;
}
#wvhj_11_homepage {
    position: absolute;
    top: 80px;
    right: 0px;
    z-index: 10;
}

span.button_medium_blue{
    height: 30px;
    display: inline-block;
    background-color: #0CA9E9;
    border: 0;
    font-size: 14pt;
    font-weight: bold;
    color: white;
    padding: 5px 10px 0px 10px;
    margin: 0px;
    vertical-align: bottom;
    overflow: visible;
}

span.holiday_job_flag {
    margin-top: -20px;
    margin-left: -20px;
}

a.invite_flag {
    margin-right: 20px;
    float: right;
}

table#topwerkgevers {
    width: 900px;
    table-layout: fixed;
}
table#topwerkgevers td {
    width: 20%;
    height: 60px;
    text-align: center;
}
table#topwerkgevers td img{
    max-height: 100px;
    max-width: 100px;
}

/********************************
* TMG
******************************/
div#tabs.tmg {
    background: #bab69f;
}
ul.vacancy_tab.tmg {
    background: #bab69f;
}
ul.vacancy_tab.tmg li {
    background: #66bc29 !important;
}
ul.vacancy_tab.tmg li:hover {
    background: #bab69f !important;
}
ul.vacancy_tab.tmg li a{
    color: white !important;
}
ul.vacancy_tab.tmg li a:hover{
    color: white !important;
}
ul.vacancy_tab.tmg li.ui-tabs-selected a,
ul.vacancy_tab.tmg li.ui-state-active a {
    color: #3e850c !important;
}

div.info_list.tmg dt,
div.info_list.tmg dd a{
    color: #3e850c;
}
div.interaction_middle.tmg div#google_static_map_footer {
    background: #bab69f;
}
div.interaction_top.tmg {
    background: #bab69f url('../images/common/arrow-right-white.png') left 20px no-repeat;
}

p#flash {
    border: 2px solid #FF6600;
    background-color: #fff5e3;
    padding: 10px;
}

ul#user-create-usp {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: -10px;
}
ul#user-create-usp li {
    background: url("../images/common/check.png") no-repeat 0px 5px;
    padding-left: 25px;
    margin-top: 10px;
}

/*dark orange: #D77D00*/
/*medium orange: #F89800*/
/*hilite medium orange: #F9A348*/


div#christmas {
    position: absolute;
    top: -90px;
    left: 451px;
    z-index: 1;
    background: url("../images/common/kersttak2.png") no-repeat 0 0;
    height: 264px;
    width: 509px;
}
#wvhj_11_homepage {
    position: absolute;
    top: 80px;
    right: 0px;
    z-index: 10;
}

div#company_vacancy_toolbar {
    width: 100%;
    background-color: #0CA9E9;
    margin-bottom: 20px;
    color: white;
    padding: 0px;
    height: 51px;
}

div#company_vacancy_toolbar ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div#company_vacancy_toolbar ul li {
    float: left;
}
div#company_vacancy_toolbar ul li:hover {
    background-color: #19B6EC;
}

div#company_vacancy_toolbar ul li a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 11pt;
    padding: 15px 20px;
    font-weight: normal;
    position: relative;
}
div#company_vacancy_toolbar div.seperator {
    float: left;
    width: 1px;
    height: 40px;
    margin-top: 6px;
    background: #98d6f0;
}
div#company_vacancy_toolbar input#filter {
    width: 175px;
    margin: 10px;
    float: right;
    height: 31px;
    font-size: 11pt;
}



/********************************
* LEEN BAKKER
******************************/
div#vacancy-view.leenbakker h1 {
    color: #DC2042;
}
div#tabs.leenbakker {
    background: #C2D6EB;
}
div#tabs.leenbakker a.button{
    background-color: #DC2042;
}
ul.vacancy_tab.leenbakker {
    background: #C2D6EB;
}
ul.vacancy_tab.leenbakker li {
    background: #4b82ba !important;
}
ul.vacancy_tab.leenbakker li:hover {
    background: #C2D6EB !important;
}
ul.vacancy_tab.leenbakker li a{
    color: white !important;
}
ul.vacancy_tab.leenbakker li a:hover{
    color: white !important;
}
ul.vacancy_tab.leenbakker li.ui-tabs-selected a,
ul.vacancy_tab.leenbakker li.ui-state-active a {
    color: #DC2042 !important;
}

div.info_list.leenbakker dt,
div.info_list.leenbakker dd a{
    color: #4b82ba;
}
div.interaction_middle.leenbakker div#google_static_map_footer {
    background: #4b82ba;
}
div.interaction_top.leenbakker a.button {
    background-color: #DC2042;
}
div.interaction_top.leenbakker {
    background: #4b82ba url('../images/common/arrow-right-white.png') left 20px no-repeat;
}

/********************************
* Direct Force
******************************/
div#vacancy-view.direct_force  {
    background-color: #000;
    color: white;
    margin-left: -20px;
    padding-left: 20px;
    margin-top: -30px;
    padding-top: 30px;
    padding-bottom: 20px;
}
div#vacancy-view.direct_force h1 {
    color: #cf0;
}
div#vacancy-view.direct_force div#tabs {
    background: #000;
}
div#vacancy-view.direct_force div#tabs a.button{
    background-color: #cf0;
}
div#vacancy-view.direct_force ul.vacancy_tab {
    background: #aaa;
}
div#vacancy-view.direct_force ul.vacancy_tab li {
    background: #555 !important;
}
div#vacancy-view.direct_force ul.vacancy_tab li:hover {
    background: #aaa !important;
}
div#vacancy-view.direct_force ul.vacancy_tab li a{
    color: white !important;
}
div#vacancy-view.direct_force ul.vacancy_tab li a:hover{
    color: white !important;
}
div#vacancy-view.direct_force ul.vacancy_tab li.ui-tabs-selected a,
div#vacancy-view.direct_force ul.vacancy_tab li.ui-state-active a {
    color: #555 !important;
}

div#vacancy-view.direct_force div.info_list dd,
div#vacancy-view.direct_force div.info_list dt {
    color: white;
}
div#vacancy-view.direct_force div.info_list dd a{
    color: #cf0;
}
div#vacancy-view.direct_force div.interaction_middle div#google_static_map_footer {
    background: #aaa;
}
div#vacancy-view.direct_force div.interaction_top a.button {
    background-color: #cf0;
}
div#vacancy-view.direct_force div.interaction_top {
    background: #aaa url('../images/common/arrow-right-black.png') left 20px no-repeat;
}