
h2
{
  font-family  :  arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  27px;
  color        :  #008800;
  
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

h3
{
  font-family  :  arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  20px;
  color        :  #3c3c3c;
  
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

h3.green
{
  color       :  #008800;
  margin-top  :  25px;
}

h4
{
  font-family    :  arial, helvetica, sans-serif;
  font-weight    :  bold;
  font-size      :  15px;
  color          :  #4e4e4e;
  
  margin         :  10px 0px 15px 0px;
  padding        :  0px 0px 9px 0px;
  border-bottom  :  solid 2px #b9b9b9;
}

h5
{
  font-family  :  arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  15px;
  color        :  #3b3b3b;
  
  margin       :  0px 0px 10px 0px;
  padding      :  0px;
}

form
{
  margin  :  0px;
}

form label
{
  display    :  block;
  margin     :  10px 0px 2px 0px;
  
  font-size  :  12px;
  color      :  #606060;  
}

input.textbox, textarea.textarea
{
  width   :  176px;
  border  :  solid 1px #9b9b9b;
}

big
{
  font-family  :  arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  16px;
  color        :  #484848;
}

hr
{
  border-top     :  solid 1px #ffffff;
  border-left    :  solid 1px #ffffff;
  border-right   :  solid 1px #ffffff;
  border-bottom  :  dotted 1px #9a9a9a;
  padding        :  0px;
  margin         :  15px 0px 15px 0px;
  _margin        :  10px 0px 10px 0px;
  #margin        :  10px 0px 10px 0px;  
  font-size      :  1px;
}

div.hr
{
  border-top     :  solid 1px #589b58;
  border-bottom  :  solid 1px #589b58;
  padding        :  0px;
  margin         :  5px 0px 12px 0px;
}

#BodyArea
{
  position  :  relative;
  width     :  850px;
  margin    :  0px auto 0px auto;
  padding   :  0px 0px 50px 0px;
}

#BodyLinks
{
  background    :  url('../images/jobs/h-line.jpg') center top no-repeat;
  text-align    :  center;
  word-spacing  :  4px;
}

#BodyLinks div
{
  background   :  url('../images/jobs/h-line.jpg') center bottom no-repeat;
  padding      :  3px 75px 0px 75px;  
}

#BodyLinks a
{
  font-family      :  arial, helvetica, sans-serif;
  font-size        :  11px;
  color            :  #444444;
  
  text-decoration  :  none;
  word-spacing     :  0px;
}

#BodyLinks a:hover
{
  font-family      :  arial, helvetica, sans-serif;
  font-size        :  11px;
  color            :  #000000;
  
  text-decoration  :  none;
  word-spacing     :  0px;
}

#BodyLinks ul
{
  margin      :  0px;
  padding     :  0px;
  list-style  :  none;
}

#BodyLinks ul li
{
  float    :  left;
  margin   :  0px 5px 0px 0px;
  padding  :  0px;
}

#BodyLinks ul li a
{
  font-family      :  arial, helvetica, sans-serif;
  font-size        :  12px;
  color            :  #ffffff;
  text-decoration  :  none;

  float            :  left;
  background       :  #767676 url('../images/jobs/button-left-bg.gif') no-repeat left top;
  margin           :  0px;
  padding          :  0px 0px 0px 5px;
}

#BodyLinks ul li a span
{
  float       :  left;
  display     :  block;
  background  :  url('../images/jobs/button-right-bg.gif') no-repeat right top;
  padding     :  3px 15px 3px 10px;
}

#BodyLinks ul li a span
{
  float  :  none;
}

#BodyLinks ul li a:hover, #BodyLinks ul li a.selected, #BodyLinks ul li a.selected:hover
{
  font-family          :  arial, helvetica, sans-serif;
  font-size            :  12px;
  color                :  #ffffff;
  text-decoration      :  none;

  background           :  #008800 url('../images/jobs/button-left-bg.gif') no-repeat left top;  
  background-position  :  0% -21px;
}

#BodyLinks ul li a:hover span, #BodyLinks ul li a.selected span, #BodyLinks ul li a.selected:hover span
{
  background-position  :  100% -21px;
}

#QuickSearch
{
  background     :  url('../images/jobs/h-search-bg.jpg') center bottom repeat-y;
  margin-bottom  :  30px;
}

#QuickSearch #frmSearch
{
  padding     :  25px 0px 25px 0px;
  text-align  :  center;
}

#QuickSearch input.textbox
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  19px;
  color        :  #464646;
  
  border       :  solid 1px #999999;
  width        :  267px;
  padding      :  3px;
  margin-top   :  1px;
  _margin-top  :  0px;
  #margin-top  :  0px;
}

#QuickSearch input.button
{
  width       :  81px;
  height      :  34px;
  background  :  #232323;
  border      :  none;
  padding     :  0px;
  margin      :  0px;
}

#JobLinks
{
  background  :  url('../images/jobs/h-line-big.jpg') center bottom no-repeat;
  padding     :  0px 0px 0px 15px;
  height      :  22px;
}

#JobLinks ul
{
  margin      :  0px;
  padding     :  0px;
  list-style  :  none;
}

#JobLinks ul li
{
  float    :  left;
  margin   :  0px 2px 0px 0px;
  padding  :  0px;
}

#JobLinks ul li a
{
  font-family      :  arial, helvetica, sans-serif;
  font-size        :  12px;
  color            :  #464646;
  text-decoration  :  none;

  float            :  left;
  background       :  url('../images/jobs/tab-left-bg.gif') no-repeat left top;
  margin           :  0px;
  padding          :  0px 0px 0px 8px;
}

#JobLinks ul li a span
{
  float       :  left;
  display     :  block;
  background  :  url('../images/jobs/tab-right-bg.gif') no-repeat right top;
  padding     :  4px 15px 2px 7px;
}

#JobLinks ul li a span
{
  float  :  none;
}

#JobLinks ul li a:hover, #JobLinks ul li a.selected, #JobLinks ul li a.selected:hover
{
  font-family          :  arial, helvetica, sans-serif;
  font-size            :  12px;
  color                :  #ffffff;
  text-decoration      :  none;
  
  background           :  url('../images/jobs/tab-left-bg.gif') no-repeat left top;
  background-position  :  0% -21px;
}

#JobLinks ul li a:hover span, #JobLinks ul li a.selected span, #JobLinks ul li a.selected:hover span
{
  background-position  :  100% -21px;
}

#AdvanceSearch
{
  background  :  #f4f4f4 url('../images/jobs/search-bottom-bg.jpg') center bottom no-repeat;
  padding     :  0px 0px 3px 0px;
}

#AdvanceSearch b
{
  font-family   :  arial, helvetica, sans-serif;
  font-size     :  12px;
  font-weight   :  normal;
  color         :  #ffffff;
  
  display       :  block;
  padding-left  :  8px;
  line-height   :  23px;
  background    :  #008800 url('../images/jobs/search-top-bg.jpg') center top no-repeat;
}

#AdvanceSearch form#frmAdvanceSearch
{
  background  :  url('../images/jobs/advance-search-bg.jpg') left bottom repeat-x;
  padding     :  5px 15px 12px 15px;
}

#AdvanceSearch label
{
  display    :  block;
  margin     :  8px 0px 3px 0px;
  
  font-size  :  12px;
  color      :  #565656;  
}

#AdvanceSearch select
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #484848;
  
  width        :  170px;
  border       :  solid 1px #b8d2f2;
  padding      :  1px;
}

#AdvanceSearch input.button
{
  width       :  81px;
  height      :  25px;
  background  :  #267426;
  border      :  none;
  padding     :  0px;
  margin      :  10px 0px 0px 90px;
}

#OtherLocations
{
  float   :  left;
  margin  :  5px 0px 0px 10px;
  color   :  #884a00;
}

a.jobSiteLink
{
  font-family      :  arial, helvetica, sans-serif;
  font-weight      :  bold;
  font-size        :  20px;
  color            :  #3c3c3c;
  
  text-decoration  :  none;
  
  display          :  inline;
  margin           :  0px 0px 2px 0px;
  padding          :  0px;
}

a.jobSiteLink:hover
{
  font-family      :  arial, helvetica, sans-serif;
  font-weight      :  bold;
  font-size        :  20px;
  color            :  #008800;
  
  text-decoration  :  underline;
  
  display          :  inline;
  margin           :  0px 0px 2px 0px;
  padding          :  0px;
}

.job
{
  font-size  : 12px;
}

.job b
{
  color  :  #777777;
}

.brown
{
  color  :  #884a00;
}

.timings
{
  color       :  #008800;
  text-align  :  right;
}

.description
{
  padding  :  5px 0px 5px 0px;
}

.info
{
  color    :  #929292;
  padding  :  5px 0px 8px 0px;
}

.save
{
  display      :  inline;
  margin-left  :  10px;
}

.green
{
  color  :  #008800;
}

a.brownLink
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #884a00;
  
  text-decoration  :  none;
}

a.brownLink:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  12px;
  color            :  #444444;
  
  text-decoration  :  underline;
}

#Paging a:hover
{
  color  :  #008800;
}

#Paging a.block:hover, #Paging a.selected, #Paging a.selected:hover
{
  background  :  #008800;
}

#Locations
{
  position    :  absolute;
  border      :  solid 5px #919191;
  background  :  #f9f9f9;
  width       :  570px;
  z-index     :  1000;
}

#Locations div
{
  padding  :  15px 20px 25px 20px;
}

#Locations table
{
  border-top  :  solid 1px #cdcdcd;
}

#Locations td
{
  border-bottom  :  solid 1px #cdcdcd;
}

#Locations a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #000000;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #f9f9f9;
  padding          :  5px;
}

#Locations a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #ffffff;
  
  text-decoration  :  none;
  
  display          :  block;
  background       :  #008800;
  padding          :  5px;  
}

#frmJob label
{
  font-family  :  arial, verdana, sans-serif;
  font-size    :  15px;
  font-weight  :  bold;
  color        :  #595959;

  margin       :  0px;
}

#frmJob input.textbox
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  14px;
  color        :  #464646;
  
  background   :  #f2fff2;
  border       :  solid 1px #9bc39b;
  width        :  350px;
  padding      :  4px;
}

#frmJob select
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  14px;
  color        :  #464646;
  
  background   :  #f2fff2;
  border       :  solid 1px #9bc39b;
  width        :  200px;
  padding      :  4px;
}

#frmJob textarea.textarea
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  14px;
  color        :  #464646;
  
  background   :  #f2fff2;
  border       :  solid 1px #9bc39b;
  width        :  350px;
  height       :  120px;
  padding      :  4px;
}

#frmJob input.radio
{
  float   :  left;
  margin  :  0px 3px 0px 0px;
}

#frmJob span
{
  display  :  block;
  float    :  left;
  margin   :  0px 0px 0px 3px;
  #margin  :  4px 0px 0px 0px;
  -margin  :  4px 0px 0px 0px;
}

#JobsFilter
{
  border-top     :  solid 2px #008800;
  border-bottom  :  solid 2px #008800;
  background     :  #f3f3f3;
  padding        :  20px 10px 20px 10px;
  margin-bottom  :  20px;
}

#JobsFilter select
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;

  border       :  solid 1px #b8d2f2;
  width        :  100px;
  margin       :  0px 3px 0px 2px;
  padding      :  1px;
}

input.button
{
  font-weight     :  bold;
  font-size       :  11px;

  border          :  solid 1px #056905;
  background      :  #008800;
  padding-top     :  0px;
  padding-bottom  :  0px;
}

.numbering
{
  font-family  :  arial, helvetica, sans-serif;
  font-weight  :  bold;
  font-size    :  20px;
  color        :  #008800;
}

div.jobLinks
{
  font-family  :  arial, helvetica, sans-serif;
  font-size    :  15px;
  color        :  #884a00;
  
  display      :  inline;
  margin       :  5px 0px 0px 15px;
}

div.jobLinks a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #ff0000;
  
  text-decoration  :  none;
}

div.jobLinks a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #884a00;
  
  text-decoration  :  underline;
}


div.autocomplete
{
  position    :  absolute;
  background  :  #ffffff;
  border      :  dotted 1px #444444;
  margin      :  0px;
  padding     :  0px;
}

div.autocomplete ul
{
  list-style-type  :  none;
  margin           :  0px;
  padding          :  0px;
}

div.autocomplete ul li.selected
{
  background  :  #f7ef9b;
}

div.autocomplete ul li
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #555555;
  
  display      :  block;
  margin       :  0px;
  padding      :  2px 2px 2px 5px;
  cursor       :  pointer;
}

