/* ======================= SUBNAVIGATION  ================================ */

#subNavi {
  width: 256px;
}

#jobListPage #subNavi, #jobDetailsPage #subNavi {
  width: 220px;
}

#subNavi .padding {
  padding: 0 0 50px 34px;
}

#subNavi h2 {
  margin: 0;
  width: 176px;
  font-size: 1.2em;
  font-weight: bold;
  color: #e4670b;
  padding: 3px 0 10px 8px;
}

#subNavi h2.jobBoard {
  background: transparent url(/content/images/bg_job_board.gif) no-repeat scroll left top;
}

#jobListPage #subNavi h2.jobBoard { padding-bottom: 4px; }

#subNavi h2.supportServices {
  background: transparent url(/content/images/bg_support_services.gif) no-repeat scroll left top;
  margin-top: 6px;
}

#subNavi h2.successStories {
  background: transparent url(/content/images/bg_success_stories.gif) no-repeat scroll left top;
  margin-top: 6px;
}

#subNavi p {
  padding: 5px 23px 9px 8px;
  margin: 0;
  color: #787886;
}

#subNavi a {
  color: #e4670b;
  background: transparent url(/content/images/subnavi_jobs.gif) no-repeat scroll left bottom;
  margin-left: 8px;
  padding: 1px 8px;
}

#subNavi a.topLevel {
  margin: 0;
  padding: 0;
}

#subNavi a:hover, #subNavi a.active {
  color: #e4670b;
  background: transparent url(/content/images/subnavi_jobs.gif) no-repeat scroll left bottom;
}


/* ======================= GENERAL JOB CONTENT  ================================ */

#headingLeft .page_title {
  color: #e4670b;
}

#mainContent {
  width: 673px;
  width: 632px;
  background: transparent url(/content/images/gray_border.gif) repeat-y scroll left top;
}

#jobListPage #mainContent, #jobDetailsPage #mainContent {
  width: 715px;
  background-image: none;
}

#mainContent .padding { padding-left: 36px; }

#jobListPage #mainContent .padding, #jobDetailsPage #mainContent .padding { padding-left: 0; }

#jobContentHead {
  width: 710px;
  background: transparent url(/content/images/bg_jobs_head.gif) no-repeat scroll left top;
}

#jobBottom {
  background: transparent url(/content/images/bg_jobs_bottom.gif) no-repeat scroll left top;
  height: 2px;
  overflow: hidden;
}

#mainContent a {
  color: #e4670b;
}

#mainContent h1 {
  color: #646465;
  margin-bottom: 16px;
}

#mainContent h2 {
  color: #6b6e82;
  font-size: 1.6em;
  font-weight: normal;
}

#mainContent h2.heading {
  margin: 4px 0 9px;
}

#mainContent h2.jobHeading{
  margin: -3px 0 3px;
  font-size: 1.4em;
  font-weight: bold;
}

#mainContent .textCol {
  width: 500px;
}

#mainContent img.right {
  padding: 0;
}

#mainContent ul {
  list-style-image: url(/content/images/orange_bullet.gif);
  padding-left: 21px;
  margin: 2px 0 10px;
}

#mainContent li {
  color: #56565a;
}

#mainContent p.listTop {
  margin: 2px 0 4px;
}

/* ======================= JOB DETAILS ================================ */

#jobTable .leftCol {
  width: 166px;
  float: left;
  color: #92929c;
}

  #mainContent #jobTable .leftCol .padding {
    padding: 39px 16px;
    font-size: 1.1em;
  }

#jobTable .rightCol {
  width: 515px;
  float: left;
  color: #333333;
  background: transparent url(/content/images/gray_border_inner.gif) repeat-y scroll left top;
  margin: 23px 0 20px;
}

  #mainContent #jobTable .rightCol .padding {
    padding: 0 0 0 29px;
  }
  
  #mainContent #jobTable .rightCol p {
    line-height: 1.3em;
  }

#jobTable .leftCol img {
  margin-top: 24px;
}

#jobContentHead .leftCol {
  color: #ffffff;
}

#jobContentHead .rightCol {
  color: #ffffff;
  background-image: none;
  margin: 0;
}

#jobTable li {
  color: #333333;
}

/* ======================= JOB LISTING  ================================ */

#jobDetailsPage #jobTable {
  font-size: 1.0em;
}

#jobTable {
  width: 710px;
  background: transparent url(/content/images/bg_jobs_mid.gif) repeat-y scroll left top;
  border: none;
}

  #mainContent #jobTable .padding { padding: 0 0 0 1px; }

  #jobTable .row {
    color: #333333;
    background-image: none;
  }
  
  #jobTable .row span { padding-right: 10px; }
  
  #jobTable .row:hover {
    background-color: #eceae9;
    color: #6b6e82;
    background-image: none;
  }

    #jobTable .row .title { background-image: none; }
    #jobTable .row .role { background-image: none; }
    
#jobContentHead {
  font-size: 1.1em;
  font-weight: bold;
  color: #ffffff;
  padding-top: 2px;
}

  #mainContent #jobContentHead .padding { padding: 7px 0 4px; }
  #jobContentHead span { padding-left: 16px; }
  
  #jobTable .title span { padding-left: 15px; }
    
  #jobTable .title, #jobContentHead .title { float: left; width: 266px; }
  #jobTable .company, #jobContentHead .company { float: left; width: 154px; }
  #jobTable .location, #jobContentHead .location { float: left; width: 126px; }
  #jobTable .salary, #jobContentHead .salary { float: left; width: 107px; }
  #jobTable .role, #jobContentHead .role { float: left; width: 55px; }
  
  #jobTable .company { padding: 7px 0 4px; }
  
  #jobTable .complete { color: #7f7f7f; }
  
#completedJobsRow {
  display: block;
  color: #6b6e82;
  padding: 1px;
  background: transparent url(/content/images/bg_completed_jobs.gif) repeat-x scroll left top;
  color: #6b6e82;
  font-weight: bold;
  margin: 4px 0 0;
}

  #mainContent #completedJobsRow .padding {
    padding: 4px 0;
    display: block;
  }
  
  #completedJobsRow span { float:left; padding: 1px 14px 0; display: block; }
  #completedJobsRow a { float:right; margin: 0; padding: 3px 10px 0 0; }
  
#jobTableFooter { padding-top: 3px; }  

  #jobTableFooter p {
    text-align: right;
    padding-right: 4px;
    color: #92929c;
  }

  #jobTableFooter a.backButton {
    background: transparent url(/content/images/back_button.gif) no-repeat scroll left 1px;
    padding: 0 0 2px 19px;
  }

/* ======================= JOB APPLICATION ================================ */

#applicationForm h2 {
  font-size: 1.1em;
  font-weight: bold;
  color: #e4670b;
  margin: 4px 0 5px;
}

#applicationForm form {
  background: transparent url(/content/images/form_border.gif) repeat-x scroll left top;
  margin: 0;
  padding: 19px 1px 0;
  width: 485px;
}

#applicationForm .formRow label {
  width: 97px;
  margin: 0 0 5px;
}

  #applicationForm .formRow label span {
    color: #e4670b;
  }

#applicationForm .formRow input, #applicationForm .formRow textarea {
  float: left;
  width: 285px;
  border: 1px solid #bab0ab;
  margin: 0 0 8px;
}

#applicationForm .buttonRow {
  padding-left: 96px;
}

 #applicationForm .buttonRow input {
   float: left;
   width: auto;
 }
 
 #applicationForm .formRow input.empty {
   border: 1px solid #E4670B;
 }
 
 #applicationForm p {
   color: #E4670B;
   background: transparent url(/content/images/form_border.gif) repeat-x scroll left top;
   padding-top: 9px;
 }