/* === GENERAL ================================================== */

body {
  font-family: Verdana, Arial, Helvetica, Sans;
  font-size: 0.79em;
  /* line-height: 2em; */  /* jb 08/05/02 changed from 1.5 to 2.0 because bottom of portal page buttons were not displayed in cms pages. */
  /* jb 08/11/15 removed while changes height of menu items in cms which makes div's wrap wrong */
  text-align: center;
  color: #333333; 
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  font-family: Verdana, Arial, Helvetica, Sans;
  font-size: 11px;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
  padding: 0;
}
td {
  font-family: Verdana, Arial, Helvetica, Sans;
  font-size: 11px;
  line-height: 1.5em;
  text-align: left;
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  font-weight: bold;
  color: #333333; 
  margin:0px;
  padding-top: 12px;
  padding-bottom: 6px;
  letter-spacing: 1px;
  text-align: left;
}	 
h1 {  font-size: 16px;}
h2 {  font-size: 14px;}
h3 {  font-size: 12px;}
hr {
  height: 1px;
  color: #dddddd;
  width: 95%;
}
strong, b {
  font-weight: bold;
  color: #333333;
}
div.center {
  text-align: center;  /* also centers tables in divs in ie */
}

div.center table {     /* center tables in divs in ff                           */
  margin-left: auto;   /* http://htmlhelp.com/faq/html/tables.html#center-table */
  margin-right: auto;
  text-align: left;
}
.cx_left {  text-align: left;}
.cx_invisible {  display: none;}
/* error messages on a page */
.cx_error {  color: red;}
.cx_intro {}
a {
  text-decoration: none;
  background-color: inherit;
  color: #002bb8;
  background: none;
  /*font-size: x-large;*/
}
a:visited {
  background-color: inherit;
  color: #002bb8;
}
a:active {
  background-color: inherit;
  color: #002bb8;
}
a:hover {
  text-decoration: underline;
}	
select { 
  color: #333; 
  border: 1px solid #aaa; 
}
textarea { 
  color: #333333; 
  padding-left: 1px; 
  border: 1px solid #aaaaaa; 
}
input { 
  color: #333333; 
  border: 1px solid #aaaaaa; 
}
input[type=checkbox] { 
  border: none;
}
input[type=radio] { 
  border: none; 
}
input[type=submit], input[type=button] { 
  background-color: #0873A5;
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; margin: 1px 1px 1px 1px; 
  height: 20px; cursor: pointer;
  border: 1px #b3b3b3 solid outset; 
}

/* make a button by attaching the 'button' class to an <a> element */
.cx_button {
  color: #fff; 
  background-color: #0873A5; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer;
}
.cx_button:hover {
  color: #fff;
  background-color: #0873A5;
  text-decoration: none;
}
.cx_button:visited {
  color: #fff;
  background-color: #0873A5;
}
.cx_button:active {
  color: #fff;
  background-color: #0873A5;
}
/* make a row with buttons by attaching the class 'cx_navigation' to an unordered list <ul> with <li> items containing <a> elements */
ul.cx_navigation {
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.cx_navigation .cx_left { 
  float: left;
  padding-right: 8px; 
}
ul.cx_navigation .cx_right { 
  float: right; 
  padding-left: 8px; 
}
ul.cx_navigation li a {
  list-style-type: none;
  cursor: pointer;
  height: 19px;
  color: #333;
  background-color: #ECE9D8;
  text-align: center;
  text-decoration: none;
  padding: 0px 8px 2px 8px;
  margin: 0px;
  border: 1px #b3b3b3 solid; 
}
ul.cx_navigation li a:hover {
  color: #333;
  text-decoration: none;
}
ul.cx_navigation li a:link {
  color: #333;
}
ul.cx_navigation li a:active {
  color: #333;
}

ul#cx_navigation {
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#cx_navigation .cx_left { 
  float: left;
  padding:8px 0px 8px 0px;
}
ul#cx_navigation .cx_right { 
  float: right; 
  padding:8px 0px 8px 0px;
}
ul#cx_navigation li a {
  color: #fff; 
  background-color: #0873A5; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer;
  
}
ul#cx_navigation li a:hover {
  color: #fff;
  text-decoration: none;
}
ul#cx_navigation li a:link {
  color: #fff;
}
ul#cx_navigation li a:active {
  color: #fff;
}

/* === LISTING.HTML ================================================== */

.cx_listDiv {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: left;
}
.cx_listDiv input {}
.cx_listTable {
  width: 100%;
  text-align: left;
}
.cx_listTrEven {}
.cx_listTrOdd {  background-color: #f0f0f0;}
.cx_listTh {
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  color: #333333;
  background-color: #f0f0f0;
  padding: 4px 4px 8px 4px;
}
.cx_listTd {
  vertical-align: top;
  text-align: left;
  background-color: inherit;
  color: #333333;
}
.cx_listTdCount {
  font-weight: bold; 
  font-size:1em;
  font-family: sans-serif,Verdana,Arial,Helvetica,Sans;
  height: 50px;
  text-align: right;
  color: 666666;
}
.cx_listTdPublicationStart {  padding: 4px 4px 4px 4px;}
.cx_listTdJobTitle {  padding: 4px 4px 4px 4px;}
.cx_listTdCompanyName {  padding: 4px 4px 4px 4px;}
.cx_listTdWorkCity {  padding: 4px 4px 4px 4px;}
.cx_listCount {
  font-weight: bold; 
  text-align: right; 
  padding: 8px 0px 0px 0px;
}
.cx_listJobTitle {}
.cx_listWorkCity {}
.cx_listJobIntro {}
.cx_listPager { 
  text-align: left; 
  padding-top: 24px;
}
.cx_listPager a { 
  color: #333333; 
  background-color: #ECE9D8; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  margin: 0px; 
  height: 18px; cursor: pointer;
}
.cx_listPager a:hover { 
  color: #333333; 
  border: 1px #888888 solid; 
}
.cx_listPager a:link { 
  color: #333333; 
  background-color: #ECE9D8; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}
.cx_listPager a:visited { 
  color: #333333; 
  background-color: #dddddd; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}

/* == SEARCH.HTML ================================================== */

.cx_searchDiv {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: left;
}

.cxoverviewcell {
  border-bottom: 1px solid #CCCCCC;
  /* border: 1px solid #0873A5; */ 
  vertical-align: top;
  text-align: left;
  padding-bottom: 3px;
  color: #666666;
  margin: 0; 
}

.kopteskt {
  font-size: 16px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  margin:0px;
  padding:6px;
  color: #FFFFFF;
  background-color: #0873A5;
  width: 100%;
  letter-spacing: 1px;
  line-height: 17px;
}

.cx_searchTable {  width: 100%;  text-align: left;}
.cx_searchParameterLabel {}
.cx_searchParameter { align:right; width:300px; margin: 0px 0px 0px 105px;}
.cx_searchLookup {  align:right; width:300px; margin: 0px 0px 0px 105px;}
.cx_searchDiv .submit {  margin-top: 5px; }

.cxtablecellbutton {
  cursor: pointer;
  height: 19px;
  color: #333;
  background-color: #ECE9D8;
  text-align: center;
  text-decoration: none;
  padding: 0px 8px 0px 8px;
  margin: 20px 0px 0px 0px;
  border: 1px #b3b3b3 solid; 
}
.cxtablecellbutton:hover {
  color: #333;
  text-decoration: none;
}
.cxtablecellbutton:visited {  color: #333;}
.cxtablecellbutton:active {  color: #333;}
.cx_searchTdCount {
  font-weight: bold; 
  height: 50px;
  text-align: right;
  color: 666666;
}
.cx_searchTdPublicationStart {
  text-align: right;
  border-bottom: 1px solid #CCCCCC;
  /* border: 1px solid #0873A5; */ 
  vertical-align: top;
  text-align: left;
  padding-bottom: 3px;
  color: #666666;
  margin: 0; }
.cx_searchTdJobTitle {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 0px 0px 0px 0px;
}
.cx_searchTdIntro {
  padding: 0px 0px 20px 0px;
}
.cx_searchTdJobTitle a {
  text-decoration: none; 
  color: 333333;
}
.cx_searchTdJobTitle a:visited {
  color: 333333;
}
.cx_searchTdJobTitle a:active {
  color: 333333;
}
.cx_searchTdJobTitle a:hover {
  color: 333333;
  text-decoration: underline; 
}
.cx_searchPager { 
  text-align: left; 
  padding-top: 24px;

}
.cx_searchPager a { 
  color: #fff; 
  background-color: #0873A5; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer;
}
.cx_searchPager a:hover { 
  color: #333333; 
  border: 1px #888888 solid; 
}
.cx_searchPager a:link { 
  color: #333333; 
  background-color: #ECE9D8; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}
.cx_searchPager a:visited { 
  color: #333333; 
  background-color: #dddddd; 
  border: 1px #b3b3b3 solid; 
  text-align: left; 
  text-decoration: none; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  margin: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer; 
}

/* == JOBDETAILS.HTML ================================================== */

.cx_detailDiv {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: left;
}
.cx_detailTable {
  width: 100%;
}
.cx_detailTdCount {        /* copy of listTdCount to get the same distance from the top */
  font-weight: bold; 
  height: 50px;
  text-align: right;
  color: 666666;
}
.cx_detailImg {
  float: right;
  vertical-align: top;
}
.cx_detailJobTitle {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 8px 0px;
}
.cx_detailPublicationStart {
  text-align: right;
  vertical-align: top;
}

.cx_detailFieldRight {
  text-align: left;
  background-color: inherit;
  color: #333333;
  padding: 3px;
}
.cx_detailHead {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  background-color: inherit;
  color: #0873A5;
  padding: 12px 0px 2px 0px;
  vertical-align: top;
}
.cx_detailBody {
  text-align: left;
  background-color: inherit;
  color: #333333;
  padding: 0px;
  vertical-align: top;
}


/* == APPLY.HTML ================================================== */

.cx_applySectionPersonal         { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionContact          { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionAddressHome      { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionAddressWork      { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionAddressAlternate { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionWishes           { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionAmbition         { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionTransport        { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionExperiences      { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionEducations       { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionSkills           { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionLanguages        { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionCV               { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }
.cx_applySectionMatches          { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #CCCCCC; background-color: white; }

.cx_applyLastName                { width: 172px; }
.cx_applyBirthName               { width: 172px; }
.cx_applyLastNamePrefix          { width: 72px; }
.cx_applyInitials                { width: 72px; }
.cx_applyFirstName               { width: 172px; }
.cx_applySalutation              { width: 72px; }
.cx_applyTitle                   { width: 72px; }
.cx_applySuffix                  { width: 72px; }
.cx_applyBirthDate               { width: 72px; }
.cx_applyBirthCity               { width: 172px; }
.cx_applyBirthCountry            { width: 172px; }
.cx_applyNationality             { width: 172px; }
.cx_applyProfessionalLevel       { width: 172px; }
.cx_applyExperience              { width: 172px; }
.cx_applyMaritalStatus           { width: 172px; }
.cx_applyAttachment1             { width: 256px; }
.cx_applyAttachment              { width: 299px; }

.cx_applyEmailAddress            { width: 272px; }
.cx_applyEmailAddressBusiness    { width: 272px; }
.cx_applyPhoneNumber             { width: 172px; }
.cx_applyContactInfo             { width: 348px; }

.cx_applyStreet                  { width: 172px; }
.cx_applyHouseNumber             { width: 72px; }
.cx_applyHouseNumberSuffix       { width: 72px; }
.cx_applyPostalCode              { width: 72px; }
.cx_applyCity                    { width: 172px; }
.cx_applyCountry                 { width: 162px; }
.cx_applyRegion                  { width: 162px; }

.cx_applyEmployment              { width: 172px; }
.cx_applyFTE                     { width: 72px; }
.cx_applyPrefBranche0            { width: 256px; }
.cx_applyPrefBranche1            { width: 256px; }
.cx_applyPrefCountry             { width: 172px; }
.cx_applyPrefRegion              { width: 172px; }

.cx_applyAmbition                { width: 348px; height: 72px; }

.cx_applyMeansOfTransport        { width: 172px; }
.cx_applyDriversLicenseCity      { width: 172px; }
.cx_applyDriversLicenseCode      { width: 172px; }
.cx_driversLicenseValidUntilDate { width: 64px; }

.cx_work_employer                { width: 156px; }
.cx_work_startDate               { width: 72px; }
.cx_work_endDate                 { width: 72px; }
.cx_work_title                   { width: 156px; }
.cx_work_workLocation            { }
.cx_work_info                    { width: 348px; height: 72px; }
.cx_applyExperienceInformation   { width: 348px; height: 72px; }
.cx_educationStart               { width: 48px; }
.cx_educationEnd                 { width: 48px; }
.cx_applyEducationInformation    { width: 348px; height: 72px; }
.cx_applySkillsNotes             { width: 348px; height: 72px; }
.cx_applyLanguageNotes           { width: 348px; height: 72px; }
.cx_applyAttachment              { width: 253px; }
.cx_applyMotivation              { width: 348px; height: 72px; }
.cx_applyFreeNotes               { width: 230px; height: 72px; }

.cx_applyDiv {
	margin-top: 0px;
	padding: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: left;
}
.cx_applyTable {
  width: 100%;
}
.cx_applyTitle {
  white-space: nowrap;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 0px 0px;  
}
.cx_appliedBefore {
  display:-moz-inline-box;
  display:inline-block; 
  text-align:left;
  margin-bottom:2px;
}
.cx_applySubTitle {
  display:-moz-inline-box;
  display:inline-block; 
  text-align:right;
  margin-bottom:2px;
}
.cx_applySectionHeader {
  background-color: #ffffff;
  color:#888;
  height: 20px;
  font-weight: bold;
  text-align: left;
  font-size:12px;
  letter-spacing:1px;
  padding-left: 5px;
  padding-bottom: 6px;
  padding-top: 3px;
}
.cx_applySectionFooter {
  height: 6px;
}
.cx_applySection {
  border-bottom: 1px solid #dddddd; 
  padding-bottom: 6px;
}
.cx_applyRow { 
  vertical-align: bottom;
}
.cx_applyLeft {
  width: 140px;
  padding-right: 4px;
  padding-top: 6px;
  text-align: right;
  vertical-align: text-top;
}
.cx_applyRight {
  width: 400px;
  text-align: left;
  
}
.cx_applyLeftMandatory {
  width: 140px;
  font-weight: bold;
  padding-right: 4px;
  padding-top: 6px;
  text-align: right;
  vertical-align: text-top;
}
.cx_applyRightMandatory {
  width: 400px;
  border-color: black; 
  padding-top: 5px;
  text-align: left;
}
.cx_applyRight img {	 margin: 0px 0px 0px 4px; }

select.cx_applyMandatoryError, select.cx_applyFormatError{
	background-color:#febf9d !important;  /* DO NOT REMOVE !important */
	color:#333333
	border: 1px solid #CCCCCC;
}
 
option.cx_applyMandatoryError, option.cx_applyFormatError{
	background-color:#febf9d !important;  /* DO NOT REMOVE !important */
	color:#333333;
	border: 1px solid #CCCCCC;
}
 
input.cx_applyMandatoryError,input.cx_applyFormatError{
	background-color:#febf9d !important;  /* DO NOT REMOVE !important */
	color:#333333;
	border: 1px solid #CCCCCC;
}
 
.cx_applyResponseText { margin: 32px 0px 32px 0px; }

.cx_errorMessage {           /* class name as used in the smarty plugin code */
  background-color: inherit;
  color: red; 
  margin-right: 4px;
}
.cx_applyDisclaimer {}
.cx_applyDisclaimer input {
  margin: 12px 4px 2px 0px;
  border:0px solid red;
}
.cx_rememberMe			{ margin:-4px 0px 12px 0px;}
.cx_rememberMe input	{ border:0px solid red;}

/* == TELLAFRIEND.HTML ================================================== */

.cx_tafDiv {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  text-align: left;
}
.cx_tafTable {	width: 100%; }
.cx_tafTdLeft {
  height: 30px;
  text-align: left;
}
.cx_tafTdRight {
  height: 30px;
  text-align: right;
}
.cx_tafSenderName {}
.cx_tafSenderEmail {}
.cx_tafReceiverName {}
.cx_tafReceiverEmail {}
.cx_tafResponseText {}

/* == DISCLAIMER.HTML ================================================== */

.cx_discDiv {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  text-align: left;
}

/* == LOGIN.HTML ================================================== */

.cx_loginDiv {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  text-align: left;
}

/* == RESEND.HTML ================================================== */

.cx_resendDiv {
  margin-left: auto;
  margin-right: auto;
  width: 340px;
  text-align: left;
}

/* == INTERESTING CANDIDATES ====================================== */
  
 #completeform{
 margin:0 auto;
  border: 1px solid #CCCCCC;
  width: 500px;
 }
 
 #completeform .cx_applyHeader{
  background-color: #F6F4EA;
  color:#888;
  border-bottom: 1px solid #CCCCCC;
  height: 20px;
  font-weight:bold;
  text-align: left;
  font-size:11px;
  letter-spacing:1px;
  padding-left: 5px;
  padding-bottom: 6px;
  padding-top: 3px;
  margin-bottom:0px;}
  
   #completeform .cx_applyFooter{
  background-color: #F6F4EA;
  color:#888;
  border-top: 1px solid #CCCCCC;
  height: 20px;
  font-weight:bold;
  text-align: left;
  font-size:11px;
  letter-spacing:1px;
  padding-left: 5px;
  padding-bottom: 6px;
  padding-top: 3px;
  margin-bottom:0px;}
  
  .cx_actions{
  width:540px;
  margin:0 auto;}
  
  .cx_candPicture{
 margin:5px;;
 width:100px;
 height:100px;
 padding:3px;
 border:1px solid;
 float:right;}
 
.cx_hidden{visibility:hidden;}
.cx_goLeft{float: left;}
.cx_loginText{text-align:right; padding-top:3px;}