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

body {
  font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
  font-size: 0.79em;
  line-height: 1.5em;
  text-align: justify;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
  font-size: 1em;
  line-height: 1.5em;
  text-align: justify;
  margin: 0;
  padding: 0;
}
td {
  font-family: sans-serif, Verdana, Arial, Helvetica, Sans;
  font-size: 1em;
  line-height: 1.5em;
  text-align: justify;
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  font-weight: bold;
  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;
}
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;
}
.left {
  text-align: left;
}
.invisible {
  display: none;
}
a {
  text-decoration: none;
  color: #002bb8;
  background: none;
}
a:visited {
  color: #002bb8;
}
a:active {
  color: #002bb8;
}
a:hover {
  text-decoration: underline;
}	
input { 
  xfont-family: tahoma, verdana, arial, helvetica, sans-serif; 
  xfont-size: 8pt; 
  color: #333; 
  border: 1px solid #aaa; 
  height: 19px;
}
input[type=checkbox] { 
  border: none;
}
input[type=radio] { 
  border: none; 
}
select { 
  xfont-family: tahoma, verdana, arial, helvetica, sans-serif; 
  xfont-size: 8pt; 
  color: #333; 
  border: 1px solid #aaa; 
  height: 17px;
}
textarea { 
  xfont-family: tahoma, verdana, arial, helvetica, sans-serif; 
  xfont-size: 8pt; 
  color: #333; 
  padding-left: 1px; 
  border: 1px solid #aaa; 
  background-color: #fff;
}
input { 
  color: #333; 
  border: 1px solid #aaa; 
}
ul#navigation     /* define list to simply place 2 navigation buttons left and right */
{
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#navigation li a
{
  display: block;
  color: #333;
  background-color: #ECE9D8;
  padding-left: 6px; 
  padding-right: 6px; 
  padding-top: 2px; 
  padding-bottom: 3px; 
  text-align: center;
  text-decoration: none;
  border: 1px #b3b3b3 solid; 
  margin: 0;
}
ul#navigation li a:hover
{
  color: #fff; 
  background-color: #888888; 
}
ul#navigation .left { 
  float: left;
}
ul#navigation .right { 
  float: right; 
}


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

.listDiv {
  width: 540px;
  text-align: left;
}
.listDiv input {
  heigth: 0;
}
.listTable {
  text-align: left;
}
.listTrEven {
}
.listTrOdd {
}
.listTd {
  vertical-align: top;
  text-align: left;
  color: #333333;
}

.listJobTitle {
}
.listJobIntro {
}
.listPager { 
  text-align: left; 
  padding-top: 24px;
}
.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: 1px 1px 1px 1px; 
  height: 18px; cursor: pointer;
}
.listPager a:hover { 
  color: #fff; 
  background-color: #888888; 
  border: 1px #888888 solid; 
}
.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; 
}
.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; 
}


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

.detailDiv {
  width: 540px;
}
.detailTable {
}
.detailJobTitle {
  text-align: left;
}
.detailFieldLeft {
  text-align: right;
  color: #333333;
  padding: 3px;
  vertical-align: top;
  font-weight: bold;
}
.detailFieldRight {
  text-align: left;
  color: #333333;
  padding: 3px;
}


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

.applyDiv {
  width: 540px;
  text-align: center;
  margin-left: auto; /* margins auto added to have centered tables in divs even in ff */
  margin-right: auto;
}
.applyJobTitle {
  text-align: left;
}
.applyTable {
  width: 100%;
}
.applyTableSection {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #CCCCCC;
}
.applyTdSectionHeader {
  height: 2px;
}
.applyTdSectionFooter {
  height: 6px;
}
.applyInsertHeader {
  background-color: #F6F4EA;
  color:#888;
  height: 20;
  font-weight: bold;
  text-align: left;
  font-size:12px;
  letter-spacing:1px;
  padding-left: 5px;
} 
.applyRow { }
.applyRight {
  vertical-align: baseline;
}
.applyLeft {
  width: 100px;
  text-align: right;
  vertical-align: baseline;
}
.applyMandatory { 
  text-decoration: bold; 
  color: red; 
}
.errorMessage {           /* class name as used in the smarty plugin code */
  color: red; 
  margin-right: 4px;
}
.applyLastName, 
.applyLastNamePrefix,
.applyFirstName, 
.applySuffix,
.applyTitle, 
.applyInitials, 
.applySalutation,
.applyBirthName,
.applyBirthDate,
.applyPhoneNumber,
.applyEmailAddress,
.applyEmailAddressBusiness,
.applyCountry,
.applyRegion,
.applyStreet,
.applyHouseNumber,
.applyHouseNumberSuffix,
.applyPostalCode,
.applyCity,
.applyAttachment,
.applyMotivation,
.dummy {
  height: 20px;
  color: #3333;
  margin-top: 4px;
  margin-right: 6px;
  padding-top: 3px;
}
.applyLastName { 
  width: 172px; 
}
.applyLastNamePrefix { 
  width: 64px; 
}
.applyFirstName { 
  width: 172px; 
}
.applySuffix { 
  width: 64px; 
}
.applyTitle { 
  width: 64px; 
}
.applyInitials { 
  width: 64px; 
}
.applySalutation { 
  width: 64px;
}
.applySalutation { 
  width: 132px; 
}
.applyBirthDate { 
  width: 72px; 
}
.applyBirthName { 
  width: 96px; 
}
.applyPhoneNumber {  
  width: 172px; 
}
.applyEmailAddress {  
  width: 172px; 
}
.applyEmailAddressBusiness { 
  width: 172px; 
}
.applyCountry { 
  width: 172px; 
}
.applyRegion {  
  width: 172px; 
}
.applyStreet { 
  width: 172px; 
}
.applyHouseNumber { 
  width: 32px; 
}
.applyHouseNumberSuffix { 
  width: 48px;  
}
.applyPostalCode { 
  width: 64px;  
}
.applyCity {  
  width: 172px; 
}
.applyAttachment {  
  width: 253px; 
}
.applyMotivation { 
  width: 80%; 
}


/* == APPLYRESPONSE.HTML ================================================== */

.applyResponseText { 
  height: 200px;
  vertical-align: middle;
  font-weight: bold;
}


/* === OLD ==================================================

select {
  width: 250px;
  border: 1px solid #7F9DB9;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #333333;
  margin-top: 2px;
}

a:link.cxtablecelloverview {
  text-decoration: none;
  color: #666666;
}
a:visited.cxtablecelloverview {
  text-decoration: none;
  color: #666666;
}
a:hover.cxtablecelloverview {
  text-decoration: none;
  color: #666666;
}
a:active.cxtablecelloverview {
  text-decoration: none;
  color: #666666;
}
.cxtablecellbatchlinks {
  color: #000000;
  width: 10; 
  text-align:center;
}
a:link.cxtablecellbatchlinks {
  text-decoration: none;
}
a:visited.cxtablecellbatchlinks {
  text-decoration: none;
}
a:hover.cxtablecellbatchlinks {
  text-decoration: none;
}
a:active.cxtablecellbatchlinks {
  text-decoration: none;
}
a:link.nav {
	 color: #0060AE;
	text-decoration: none;
}
a:visited.nav {
	color:#0060AE;
	text-decoration: none;
}
a:hover.nav {
	color: #0060AE;
	text-decoration: underline;
}
a:active.nav {
	color:#E60019;
	text-decoration: none;
}
a:link.topnav{
	color:#0060AD;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:underline;
}
a:visited.topnav {
	color:#0060AD;
	font-weight: bold;
	text-transform: uppercase;
}
a:hover.topnav {
	color:#E60019;
	font-weight: bold;
	text-transform: uppercase;
}
a:active.topnav {
	color:#0060AE;
	font-weight: bold;
	text-transform: uppercase;
}
#verzend, #zoeken, #send, #find {
background-color: #E60019;
border: none;
color: #ffffff;
font-weight: bold;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
height:22px;
letter-spacing: 1px;
margin-right:0px;
text-transform: uppercase;
}
.buttonred2 {
background-color:#E60019;
height:20px;
vertical-align:bottom;
text-align:center;
padding-top:1px;
text-transform: uppercase;
}	
a:link.buttonred2 {
	 color: #FFFFFF;
	text-decoration: none;
}
a:visited.buttonred2 {
	 color: #FFFFFF;
	text-decoration: none;
}
a:hover.buttonred2 {
	 color: #FFFFFF;
	text-decoration: underline;
}
a:active.buttonred2 {
	 color: #FFFFFF;
	text-decoration: none;
}
.cxright {
 text-align: right;
}	
.cxleft {
 text-align: left;
}	
#cxbutton {
  background-color: #0873A5;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  height:22px; 
  letter-spacing: 1px;
  margin-right:0px;
  text-transform: uppercase;
}
#cxhighlightedtext {
 font-weight: normal;
 color: #E60019;
}
.cxsearchfield {
  width: 250px;
  border: 1px solid #7F9DB9;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #0060AE;
}
.cxsearchfieldright {
  width: 60%; 
  text-align: right;
}
.cxsearchfieldleft {
  width: 40%; 
  text-align: left;
  color: #0873A5;
}
.textfield, #upload, .zoekveld  {
  width: 335px;
  margin-right:0px;
  border: 1px solid #336699;
  margin-top: 2px;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #003366;
}
.gender { 
  display: inline; 
}
.title { 
  display: inline; 
}
.initials { 
  display: inline; 
}
.firstName { display: inline; }
.lastNamePrefix { display: inline; }
.lastName { display: inline; }
.birthDate { display: inline; }
.uploadCV { display: inline; }
.driversLicense { display: inline; }
.sofiNumber { display: inline; }
.motivation { display: inline; }
.availableFromDate { display: inline; }
.noticePeriod { display: inline; }
.discipline { display: inline; }
.prefHours { display: inline; }
.prefContract { display: inline; }
.prefFunction { display: inline; }
.prefBranch { display: inline; }
.prefRegion { display: inline; }
.maxDistance { display: inline; }
.minSalary { display: inline; }
.ambition { display: inline; }
.street { display: inline; }
.houseNumber { display: inline; }
.postalCode { display: inline; }
.city { display: inline; }
.region { display: inline; }
.country { display: inline; }
.emailAddress { display: inline; }
.emailAddressBusiness { display: inline; }
.phoneNumber { display: inline; }
.mobileNumber { display: inline; }
.phoneNumberBusiness { display: inline; }
.contactInfo { display: inline; }
.disclaimer { display: inline; 
            }
.cxtext { color: #0873A5; 
        }
.cxloginfieldright { 
  width: 100%;
  text-align: right;
  color: #0873A5;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 3px;
}
.cxloginfieldleft { 
  width: 30%; 
  text-align: left;
  color: #0873A5;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 3px;
  vertical-align: top;
}
.cxlogintext {
  width: 250px;
  border: 1px solid #7F9DB9;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #003366;
}
.cxtelltextarea {
  width: 250px;
  height: 80px;
  border: 1px solid #7F9DB9;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #003366;
}
.cxtelltext {
  width: 250px;
  border: 1px solid #7F9DB9;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size: 11px;
  color: #003366;
}
.cxtellfieldright {
  width: 100%; 
  text-align: right;
  color: #0873A5;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 3px;
}
.cxtellfieldleft {
  width: 30%; 
  text-align: left;
  color: #0873A5;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 3px;
  vertical-align: top;
}
.cxheader {
  background-color: #0873A5;
  width: 100%;
  height: 20;
  color:#ffffff;
  font-weight: bold;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, Sans Serif, Sans;
  font-size:12px;
  padding-left: 5px;
  letter-spacing:1px;
} 
.cxlogo {
  text-align : center;
}
.cxmust {
	color:#E60019;;
}
.cxtablecellbutton {
  color: #FFFFFF;
  background-color: #0873A5;
  width: 10; 
  text-align:center;
  padding: 2px;
  text-transform: uppercase;
  font-weight: bold;
  white-space: nowrap;
}
a:link.cxtablecellbutton {
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
a:visited.cxtablecellbutton {
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
a:hover.cxtablecellbutton {
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
a:active.cxtablecellbutton {
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.cxButtonGrey					{ font-size: 8pt; 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; }
.cxButtonGrey:hover				{ color: #fff; background-color: #888888; border: 1px #888888 solid; }
.cxButtonGrey:link                 { font-size: 8pt; 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; }
.cxButtonGrey:visited                 { font-size: 8pt; 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; }

*/