.netscape6problem      { font-size: 10px;}    /* leave this at stylesheet top for netscape browser fix */

/**
* ----------------------------------------------------------------------------------------------------
* stylesheet.css
* Parodia Recruitment Job Board Software, Cactusoft Ltd - www.cactusoft.com
* Copyright (c) 1998 - 2005. All rights reserved.
* ----------------------------------------------------------------------------------------------------
**/

/* ===
PRE DEFINED TAGS
=== */

body  {
  padding: 0;
  margin: 0;
  font: normal 0.8em Arial;
  color: #030000;
}

a, a:visited {color: #4E5D65;}
a:hover   {color: #8DC63F;}

img  {
  border: 0;
}

h1 {
  color: #4E5D65;
  font: bold 1.5em Arial;
  margin: 0 0 30px 0;
  letter-spacing: -1px;
}

h2 {
  color: #FFFFFF;
  font: bold 0.85em Arial,Verdana,Helvetica,sans-serif;
  margin: 20px 0 10px 0;
  padding: 3px 5px;
  border: solid 1px #4E5D65;
  background: #4E5D65;
}

h5 {
  color: #FFFFFF;
  font: bold 0.85em Arial,Verdana,Helvetica,sans-serif;
  margin: 20px 0 10px 0;
  padding: 3px 5px;
  border: solid 1px #4E5D65;
  background: #FFFFFF;
}

h3 {
  color: #4E5D65;
  font: bold 1.0em Arial,Verdana,Helvetica,sans-serif;
  margin: 15px 0 5px 0;
}
h4 {
  font: bold 0.85em Arial,Verdana,Helvetica,sans-serif;;
  margin: 5px 0;
}

p {
  margin: 12px 0;
  line-height: 1.5em;
}

hr {
  height: 1px;
  color: #999999;
  background: #999999;
  border-width: 0px;
}

form, fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

select, textarea {
  font-family: Arial, Verdana,Helvetica,sans-serif;
  font-size: 0.85em;
  background: #FFFFFF;
  border: solid 1px #AAA;
}

input {
  font: normal 0.85em Arial,Verdana,Helvetica,Sans-Serif;
}

label {
  font: bold 0.85em Arial,Verdana,Helvetica,Sans-Serif;
}

pre {
  font-family: Arial, Verdana, Courier,Times New Roman,Serif;
}


/* ===
spacer class - use to force a container tag to wrap when it contains floated elements.
=== */
.spacer {
    clear: both;
  height: 1px;
  overflow: hidden;
}

.gap {height: 15px; clear: both;}
.smallgap { height: 7px; clear: both;}

/* ===
Basic classes
=== */
.nowrap             {white-space: nowrap;}
.alignleft             {text-align: left;}
.alignright            {text-align: right;}
.float               {float: left;}
.left               {float: left; clear: left;}
.right               {float: right;}
.clear               {clear: both;}
.extradetail          { font-size: 10px; color: #4E5D65; font-weight: normal; }
.bold              {font-weight: bold;}
.normal              {font-weight: normal;}
.block               {display:block;}
.currencymenu, .languagemenu  {font-weight: normal; font-size: 10px; background-color: #609AEF; border-color: #508ADF; }
.Icons              {margin: 1px 5px;}


/* ===
MAIN PAGE ELEMENTS
Control various skin elements sit on the page
and what colours, backgrounds, etc. they have
=== */

#Container {
  width: 800;
  margin: 0;
    background: url(schaduwcentre.jpg) repeat center ;


}

#centrecolumn {
  width: 800px;
  margin: 0 auto;
  background: #FFFFFF;

}

#header {
  width: 100%;
  height: 174px;
  margin: 0 auto;
  background: #FFFFFF;
}

#headerimage {
  float: left;
  padding-top:0px;
}

#languagemenu {
  float: right;
  text-align: right;
  border: dashed 1px;
  margin-top: 8px;
  padding: 5px;

}

#content {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
    background: #FFFFFF;

}

#middlebar {
  width: 468px;
  text-align: left;
  padding: 10px 0 0 0;
  float: left;


}


#middlebarlink {
  width: 800px;
  text-align: center;
  padding: 10px 0 0 0;
  float: left;


}


#SideMenuBar {
  float: left;
  width: 164px;
  text-align: left;
  padding: 0 0 170px 0;
  clear: left;
  margin-right: 10px;
  margin-left: 5px;

}

#RightSideBar {
  width: 140px;
  float: right;
  margin-right: 5px;
}

#banner  {
  float: right;
  position: relative;
  padding: 10px 0 0 0;

}

#topofpagelink {
  float: right;
  font-size: 10px;
}

#toplinks {
  float: right;
  top: 0px;
  right: 0px;
  padding: 5px 10px;
  color: #999999;
  font-size: 10px;
}


/* ===
TEMPLATE HEADER MENU
=== */

#templatemenu{
  height: 24px;
  clear: both;
  background: #4E5D65;
  border-bottom: solid 0px #AD9CBD;
  font-size: 0.9em;
}

#templatemenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block;
}
#templatemenu li {
  display: inline;
  margin: 0;
  padding: 0;

}

#templatemenu li a {
  padding: 0 12px;
  line-height: 24px;
  display: block;
  float: left;
  color: #FFFFFF;
  background: #4E5D65;
  font-weight: bold;
  text-decoration: none;
}
#templatemenu li a:hover {
  color: #8DC63F;
}

#templatemenu .recruiters {
  float: right;
}
#templatemenu .recruiters a {
  width: 145px;
  padding: 0;
  border-right: none;
  border-left: solid 0px #FFFFFF;
  background: #8DC63F;
  text-align: center;
}
#templatemenu .recruiters a:hover {
  background: #4E5D65;
}


/* ===
STYLES FOR SIDE BAR AND CHILD BOX'S
=== */
#SideMenuBar p  {
  font-size: 10px;
  margin: 2px 10px 2px 0px;
}

#SideMenuBar label {
  display: block;
  font-weight: bold;
}

#SideMenuBar h3 {
  padding: 3px 6px;
  margin: 0;
  color: #FFFFFF;
  border-bottom: solid 1px #CCCCCC;
  background: #4E5D65;
}
#SideMenuBar .sub {
  margin-top: 15px;
}
.jobCount {
  background: #FFFFFF;
  border-bottom: solid 1px #DDDDDD;
  padding: 3px 5px;
  display: block;
  font-size: 0.85em;
}
#HotJobs ul {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}
#HotJobs ul li {
  list-style: none;
  background: url(bg_dash.gif) no-repeat left center;
  padding-left: 10px;
}

.Box {
  margin: 10px 0 0 0;
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}
.BoxTop {
  background: url(BoxTop_fade.gif) no-repeat left bottom;
  height: 11px;
}
.BoxBody {
  padding: 7px;
}
.BoxBtm {
  background: url(BoxBtm_fade.gif) no-repeat left top;
  height: 11px;
}

.FeaturedBox {
  margin: 10px 0 0 0;
  background: #8DC63F;
  border: solid 1px #444444;
  color: #444444;
}

.salCalculator {
  padding-top:4px;
  padding-bottom:4px;
  background: #8DC63F;
  border: solid 1px #CCCCCC;
  color: #CCCCCC;
  text-align: center;
}

.salCalculator a {
  font-weight:bold;
  font-size:12px;
  clear: left;
  background: #8DC63F;
}

.salCalculator a:hover {
  color: #FFFFFF;
}

#SideMenuBar a {
  color: #030000;
  text-decoration: none;
  display: block;
}
#SideMenuBar a:hover {
  color: #8DC63F;
}
#SideMenuBar .BoxTop {
  background: #DDDDDD url(BoxTop_mask.gif) no-repeat left bottom;
  height: 11px;
  font-size:1%;
}
#SideMenuBar .BoxBody {
}
#SideMenuBar .BoxBtm {
  background: #DDDDDD url(BoxBtm_mask.gif) no-repeat left top;
  height: 11px;
  font-size:1%;
}
#SideMenuBar .textfieldstylesmall {
  width: 140px;
}
#candloginmenu ul {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
}
#candloginmenu li {
  padding-left: 10px;
  background: url(list_icon.gif) no-repeat left center;
  list-style: none;
}

/* ===
FEATURED LOGOS IN RIGHT BAR
=== */
#RightSideBar .Box {
  margin: 10px 0;
  background: #FFFFFF;
  border: none;
}
#RightSideBar .Box a {
  display: block;
  clear: left;
  padding: 5px;
  border: solid 1px #CCCCCC;
}
#RightSideBar .Box img {
  display: block;
  margin: 0 auto;
}


/* ===
WARNING BOX
=== */

.warningbox
  {
  background-color: #D4E8D0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding: 7px;
  border: 1px;
  }

/* ===
DIVIDING LINE
=== */

.dividingline
  {
  padding: 0px;
  width: 540px;
  height: 17px;
  background-image: url(dotted_line.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  }

/* ===
FOOTER
=== */
#footer  {
  margin: 10px auto 20px auto;
  padding: 5px;
  clear: both;
  font-size: 0.85em;
  color: #4E5D65;
  border-top: dotted 1px #CCCCCC;
}

.footertext_right {
  float: right;
  width: 200px;
  text-align: right;
}

#footer a, #footer a:visited{
  text-decoration: underline;
  color: #4E5D65;
}

#footer a:hover {
  text-decoration: underline;
}

/* ===
LOGIN BOX
=== */

.loginbox
  {
  margin: 0;
  font: normal 10px Arial, Helvetica, sans-serif;
  padding: 10px 0;
  }

.loginbox .Username {
  float: left;
  width: 290px;
}
.loginbox h3 {
  margin-top: 0;
}


.loginbox .Password {
  margin-left: 300px;
}

/* ===
Form layout
=== */
div.SubmitBtn {
  padding: 10px 8px 0 8px;
  clear: both;
}

.FieldWrap {
  padding: 5px 8px;
  clear: both;
}
#SideMenuBar .FieldWrap, .centralbox .FieldWrap {
  padding-left: 0;
  padding-right: 0;
}

.FieldWrap label {
  font-weight: normal;
}
.FieldLabel label {
  font-weight: bold;
}

.Field {
  margin-left: 190px;
}



/* Fixes IE 3px bug. Used on radio's on powersearch.asp (except the 1st one obviously!) */
.RadioIEFix {
  margin-left: 3px;
}

.FieldLabel {
  float: left;
  width: 170px;
}
.FieldLabelWide {
  float: left;
}
.FieldLabelWide label {
  font-weight: bold;
  float: left;
  width: 240px;
}
.FieldLabelWide .Field {
  margin-left: 320px;
}
.FieldLabelWide .textfieldstyle {
  width: 180px;
}

.FieldLabelShort {
  float: left;
  width: 130px;
}

.FieldLabelShort label {
  font-weight: bold;
}

.FieldShort {
  margin-left: 150px;
}

fieldset p {
  margin: 2px 0 10px 0;
  padding: 0;
}
#frmJobPowerSearch .tickBox {
  width: 45%;
  float: left;
}
.SalaryDesc {
    padding: 0px 0;
  clear: both;
  width:300px;
}


/* RSS LINKS ON SEARCH PAGE */
#rsslogos {}
#rsslogos img {
  vertical-align: middle;
  margin-bottom: 3px;
}

.recordInfo {
  padding: 3px 0;
  border-top: dotted 1px #CCCCCC;
  border-bottom: dotted 1px #CCCCCC;
  font-size: 0.85em;
}
/* ===
JOBSEARCH RECORDTEMPLATE
=== */

.vacancylong {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: dotted 1px #CCCCCC;
}
.jobtitlelong {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
.jobheaderlong {
  font-size: 0.85em;
  padding: 7px 0;
  clear: right;
}
.jobheaderlong div {
  margin: 5px 0;
}

.positionnumberlong {
  float: left;
  color: #999999;
  margin-right: 8px;
}

.statusiconslong {
  float: right;
}
.jobagencylogo {
  float: right;
  width: 120px;
  text-align: right;
}
.relevancelong {
  float: right;
}
.bottomlinkslong {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}
.bottomlinkslong li {
  display: inline;
  margin: 0 5px;
  list-style: none;
}

/* ===
VIEW JOB RECORDTEMPLATE
=== */

.jobtitleview {
  font-size: 1.3em;
}

.joblocationview, .jobrefnoview, .salaryview {
  margin-top: 3px;
  font-size: 0.85em;
}
.joblocationview strong, .jobrefnoview strong, .salaryview strong, .jobheaderlong strong {
  width: 70px;
  display: block;
  float: left;
}
.jobrefnoview {
  margin-top: 15px;
}
.salaryview {
  margin-bottom: 15px;
}
.jobtitleview
  {
  font-weight: bold;
  margin-top: 3px;
  }

.jobdescview {
  margin: 5px 0 10px 0;
}

.warningtext {
  color: #FFFFFF;
  border: solid 1px #DDDDDD;
  font-weight: bold;
  background: #8DC63F url(../../images/icon_warning.gif) no-repeat 5px 4px;
  padding: 3px 10px 3px 40px;
  display: block;
  font-size: 0.85em;
  }


/* ===
Fieldsets on cand_resume_edit.asp
=== */
#frmEditResume fieldset {
  padding-bottom: 30px;
}


/*===
HOMEPAGE CENTRAL BOXES, GENERAL STYLES
=== */

.centralbox {
  background: #8DC63F;
  border: solid 1px #DDDDDD;
  border-top: none;
  padding: 7px 10px;
  clear: both;
  margin-bottom: 15px;
}

h2.centralboxHeading {
  color: #FFFFFF;
  margin: 0;
  border: solid 1px #DDDDDD;
}

.centralbox a {
  color: #444444;
}
.centralbox h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.centralbox p {
  margin: 3px 0 18px 0;
}


/* HOME SEARCH PANEL */

#homesearch .jobcount {
  margin-bottom:10px;
}

#homesearch .left {
  float: left;
  width: 46%;
}
#homesearch .right {
  float: right;
  width: 47%;
}

#homesearch select ,#keywords .input {
  width: 100%;
  border: solid 1px #999999;
  clear: left;
  display: block;
}

#Salary {
  height: 46px;
  padding: 0;
}
#Salary .pad {
  padding-top: 5px;
}

#homesearch .SubmitBtn {
  padding-top:18px;
}
#homesearch .SubmitBtn input {
  float: right;
}

#keywords .input:focus {
  border: solid 1px #444444;
}

/* ===
FEATURED JOBS ON HOMEPAGE
=== */

/* fixes IE 100% width bug */
.JobsView .wrap {
  width: 100%;
}
.JobsView table {
  width: 100%;
}

.JobsView td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height:16px;
  color: #FFFFFF;
  border-bottom: dotted 1px #FFFFFF;
  padding: 6px;
}

.JobsView .title {
  width: 40%;
}
.JobsView .salary {
  width: 33%;
}
.JobsView .agency {
  width: 22%;
}

.JobsView td a,  {
    color:#4E5D65;
  font-weight: bold;
}
.JobsView td a:visited, .JobsView .view a:visited {
  color: #4E5D65;

}
.JobsView td a:hover, .JobsView .view a:hover {
  color: #4E5D65;

}

.JobsView .view {
  float: right;
  padding-top: 0;
}
.JobsView .view a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 3px 5px;
}

/* ===
FEATURED LINKS PAGE
=== */

#FeaturedLinks .float {
  margin: 5px;
}
#FeaturedLinks a {
  display: block;
  width: 120px;
  height: 52px;
  background: #FFF;
}


/* ===
RSS LATEST NEWS ON HOMEPAGE
=== */
#LatestNews h2 {
  margin-bottom: 15px;
}

/* ===
PAGE HEADING - H1 - STYLES
=== */

.strapline {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #4E5D65;
  margin: 0 0 10px 0;
  padding: 0;
}
H1.noBtmMargin {
  margin-bottom: 0;
  padding-bottom: 0;
}



/* ===
MENUS, BUTTONS AND TEXT FIELDS
=== */

.agencylogo {
  float: right;
  width: 130px;
  text-align: right;
}

a.iconbutton:link, a.iconbutton:visited {
  font-size: 0.85em;
  text-decoration: none;
}

a.iconbutton:hover {
  text-decoration: none;
}
.iconbutton img {
  vertical-align: middle;
  margin-bottom: 3px;
}
.viewApply {
  font-weight: bold;
}
a.pagelinks:link, a.pagelinks:visited
  {
  font-weight: bold;
  text-decoration: none;
  color: #4E5D65;
  }

a.pagelinks:hover
  {
  font-weight: bold;
  text-decoration: none;
  color: #4E5D65;
  }

.buttonstyle, .SubmitBtn input {
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
  font: bold 10px Arial,Helvetica,sans-serif !important;
  color: #666666;
  display: block;
}
.buttonstyle:focus, #SubmitBtn input:focus {
  background: #FFFFFF;
  border: solid 1px #BBBBBB;
}

.button {
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
  font: bold 10px Arial,Helvetica,sans-serif !important;
  color: #444444;
  display: block;
}

.buttonSmall {
  background: url(bg_btnwhite_sm.gif) no-repeat center center;
  border: none;
  font: bold 10px Arial,Helvetica,sans-serif;
  color: #444444;
  width: 65px;
  height: 20px;
  display: block;
}


.textfieldstyle {
  width: 230px;
  background: #FFFFFF;
  border: solid 1px #AAA;
}
.textfieldstyle:focus, .textfieldstylesmall:focus {
  border: solid 1px #4D8544;
  background-color: #F5F5F5;
}

.textfieldstylesmall
  {
  width: 100px;
  background: #FFFFFF;
  border: solid 1px #AAA;
  }

.textfieldstyleverysmall
  {
  width: 90px;
  background: #FFFFFF;
  border: solid 1px #AAA;
  }

.dropdownfixed {
  font-weight: normal;
  background-color: #FFFFFF;
  border: solid 1px #AAA;
  width: 230px;
}

.toprow
  {
  background-color: #EEEEEE;
  }

.charactercounter
  {
  margin-top: 3px;
  font-size: 10px;
  border: solid 1px #4E5D65;
  background-color: #8DC63F;
  font-weight: bold;
  color: #FFFFFF;
  }


/* ===
TABLE, ROW AND CELL FORMATS
=== */

.formtable
  {
  margin: 0px;

  font-size: 10px;
  color: #111111;
  font-weight: bold;
  }

.formtable td
  {
  padding: 0px 10px 15px 0px;
  vertical-align: top;
  }

.locationstable
  {
  margin: 0px;
  font-size: 10px;
  font-weight: normal;
  width: 95%;
  }

.locationstable td
  {
  padding: 0px 4px 4px 0px;
  }

/* ===
FORMATTED TABLE
=== */

.formattedtable
  {
  font-size: 0.85em;
  width: 98%;
  margin: 0px;
  margin-bottom: 3px;
  border-collapse: separate;
  }

.formattedtable td
  {
  padding: 4px 8px 4px 8px;
  background-color: #FFFFFF;
  vertical-align: top;
  border-bottom: solid 1px #dddddd;
  }

.formattedtable th
  {
  padding: 4px 8px 4px 8px;
  background-color: #f1f1f1;
  vertical-align: top;
  font-weight: bold;
  color: #666666;
  border-bottom: solid 1px #999999;
  text-align: left;
  }

.fieldtitle
  {
  background-color: #FFFFFF !important;
  vertical-align: top;
  font-weight: bold;
  color: #4E5D65 !important;
  font-size: 11px;
  width: 150px;
  }

.on, .on td {
  background: #FFFFFF;
}

/* ===
INVOICE STYLESHEET
=== */

#Inv_Container {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

#Inv_centrecolumn {
  width: 650px;
  border-top: none;
  margin: 0 0 0 0;
  text-align:left;
}

.Inv_header {
  width: 680px;
  margin: 0 auto;
  background: #FFFFFF;
}

.Inv_title  {
  float: left;
  width:300px;
  padding-top:22px;
  padding-left:2px;
}

.Inv_headerimage {
  float: right;
  padding-top:30px;
  width:300px;
}

.Inv_Top1 {
  width: 680px;
  margin: 0 0 0 0;
  background: #FFFFFF;
}
.Inv_Top2 {
  width: 680px;
  margin: 0 0 0 0;
  background: #FFFFFF;
}

.Inv_Details {
  width: 680px;
  margin: 0 0 0 0;
  background: #FFFFFF;
}

.Inv_Middle {
  float: left;
  width:300px;
  padding-left:2px;
}

.Inv_MiddleRight {
  float: right;
  padding-top:3px;
  width:300px;
}

.Inv_table {
    width:300px;
    border-spacing: 0px;
}

.Inv_producttable {
    height:60px;
    width:100%;
    border-spacing: 0px ;
}

.hr1 {
  width: 300px;
  border: solid 1px #444444;
  border-top: none;
  margin: 0 auto;
}

.hr2 {
  width: 680px;
  border: solid 1px #444444;
  border-top: none;
  margin: 0 auto;
}

.download_doc {

  text-decoration:underline;
  background:url(uploaded_doc.gif) 0 3px no-repeat;
  padding:0px 0 38px 25px;
}

.download_pdf {

  text-decoration:underline;
  background:url(uploaded_pdf.gif) 0 3px no-repeat;
  padding:0 0 38px 25px;
}

.Inv_Payment
{
   width:660px;
   margin-top:30px;
   margin-left:5px;
   margin-bottom:10px;
   padding:5px 5px 5px 5px;
   border: solid 1px #cccccc;
   height:250px;
}
/* MSIE hack \*/ * html .Inv_Payment {
    width:670px;
    margin-top:10px;
    margin-left:5px;
}/*ends hack */

.Inv_footer
{
   width:600px;
   padding:4px 0 0 2px;
   height:700px;
}

.Inv_payinfo { font-size: 11px; color: #556677; font-weight: normal; }

.joboftheweek {
  background: #ffffff;
  background-color: #ffffff;
}

/* Sitemap */
#SiteMap ul {
  margin: 20px;
  list-style: none;
}
#SiteMap ul ul {
  margin: 5px 10px;
  list-style: none;
}
#SiteMap li a {
  font: bold 12px Arial, Helvetica, sans-serif;
}
#SiteMap ul ul li a {
  font: normal 12px Arial, Helvetica, sans-serif;
}
#SiteMap .arrowList li {
  background: url(bg_ListItem.gif) no-repeat 0px 6px;
  list-style: none;
  padding-left: 10px;
}