/* Ability:Content Styles - Alex@Popcorn08 */
img {
  border: 0px;
}

h1 {
  font-size: 180%;
  margin: auto 0px 6px 0px;
  color: #21A5E2;
}

p {
  color: #707070;
  font-size: 92%;
  letter-spacing: 0.75px;
  line-height: 12px;
  margin: 0px 0px 11px 0px;
}



a {
  color: #21A5E2;
  text-decoration: none;
}

strong.orange {
  color: #F26522;
}

#header-image {
  padding-left: 1px;
  float: left;
  margin-bottom: 18px;
}
#content {
  width: 581px;
  margin: 0px 0px 0px 1px;
  padding: 0px 15px 0px 15px;
}
#content.wide {
  width: 899px;
}
#panel-right {
  float: right;
  margin: 0px 0px 0px 0px;
}
#subnav {
  background-color: #1AA3E3;
  background-image: url(/images/subnav-bg.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 22px 13px 22px 13px;
  margin: 0px 0px 12px 0px;
  width: 280px;
  min-height: 240px;
  height: auto !important;
  height: 240px;
 
}
  #subnav ul {
   
  margin: 8px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  
  }
  #subnav li {
  
  margin: 14px 0px 0px 0px;
  padding: 0px 16px 0px 0px;
  font-size: 117%;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url(/images/subnav-item-bg.gif);
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  clear: both;
  }
  #subnav li a {
  color: #000000;
  text-decoration: none;
  }


.oops li, ul {
color:#FF6600;
list-style: square;

}


/******************* Homepage *******************/
.leftimage {
  float: left;
  margin-bottom: 10px;
}
.home-content {
  float: left;
  width: 382px;
  margin: 3px 29px 0px 13px
}
.home-content h1, .home-content p {
  padding-left: 10px;
}
#content .error {
  float: left;
  width: 444px;
  margin: 0px 0px 5px 0px;
}
  #content .error ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  }
#content .vacancysearch-home {
  float: left;
  background-color: #1AA3E3;
  background-image: url(/images/subnav-bg.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 22px 13px 0px 13px;
  margin: 5px 0px 0px 0px;
  width: 444px;
  height: auto !important;
}

.vacancysearch td {
 color:black;
}
  
#content .vacancy-borderb {
border-bottom: 1px dotted #CCCCCC;
padding: 3px 0px 3px 0px;
margin:0px 0px 3px 0px;
}


#content .vacancysearch-home div {
  float: left;
  width: 212px;
  height: 60px;
  margin: 0px 10px 0px 0px;
}
  #content .vacancysearch-home form {
  float: left;
  margin: 0px;
  padding: 0px;
   border:0px;
  }
  
  #content .vacancysearch-home textarea {
   border:0px;
   color:black;
  }
  
  #content strong {
   color: #000000;
   }
   
   
   #content-testimonials strong {
   color: #000000;
   }
   
   
   #content .application table {
   width:500px;
   
   }
   

   
  #content .application input {
  width: 220px;
  margin: 3px 10px 0px 0px;
  border:1px solid #999999;
  color:#000000;
  background-color:#FFFFFF;
  }
  
  #content .application select {
  
  width: 150px;
  margin: 3px 0px 0px 0px;
  border:1px solid #999999;
  color:#000000;
  background-color:#FFFFFF;
  }
  
  #content .application .submit {
  width:95px;
  background-color:#FFFFFF;
  color:#000000;
  border:0px;
  }
  
  #content .application textarea {
   width: 345px;
  margin: 3px 0px 0px 0px;
  border:1px solid #999999;
  color:#000000;
 background-color:#FFFFFF;
  }
  
  
  
  #content .vacancysearch-home div a img {
  margin: 13px 0px 0px 20px;
  }
  #content .vacancysearch-home div input {

  margin: 3px 0px 0px 0px;
  border:0px;
 }
 
  #content .vacancysearch-home div select {
  width: 92%;
  margin: 3px 0px 0px 0px;
  border:0px;
  }
  #content .vacancy-title {
  margin-bottom: 20px;
  }

/******************* Vacancy Search *******************/
  #subnav .vacancysearch .toprow form {
  float: left;
  margin: 0px;
  padding: 0px;
  
  }
  #subnav .vacancysearch .toprow {
  margin: 10px 0px 12px 0px;
  }
  #subnav .vacancysearch a img {
  margin: 23px 0px 0px 0px;
  }
  #subnav .vacancysearch  input {

  margin: 3px 0px 12px 0px;
  border:0px;
  }
    #subnav .vacancysearch .send  input {
	border:0px;
  }
  
  #subnav .vacancysearch select {
  width: 80%;
  margin: 3px 0px 0px 0px;
  border:0px;
  }
.controls {
  text-transform: uppercase;
  font-size: 92%;
  font-weight: bold;
}
  .controls span {
  margin-left: 14px;
  color: #707070;
  }
  .controls .resultcount {
  font-weight: normal;
  clear: left;
  padding: 4px 0px 14px 0px;
  }
  .controls a.next {
  color: #F26522;
  text-decoration: none;
  margin: 0px 0px 0px 6px;
  padding: 0px;
  }
  /* EM added prev class since we are using paging_controls.mc */
  .controls a.prev { 
  color: #F26522;
  text-decoration: none;
  margin: 0px 0px 0px 6px;
  padding: 0px;
  }
  .controls a {
  color: #707070;
  text-decoration: none;
  margin: 0px 0px 0px 4px;
  padding: 0px 4px 0px 5px;
  }
  .controls span.current {   /* EM changed from a.selected to span.current since we are using paging_controls.mc */
  color: #FFFFFF;
  background-color: #F26522;
  }
  .controls a.current {   /*TO DELETE  EM changed from a.selected to span.current since we are using paging_controls.mc */
  color: #FFFFFF;
  background-color: #F26522;
  }
#content .result {
  background-image: url(/images/dotted-border.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 0px 0px 16px 0px;
  margin: 0px 0px 16px 0px;
}
  #content .result p {
  margin: 0px;
  padding: 0px;
  font-weight:normal;
  }
  #content .result p strong {
  color: #F26522;
  text-transform: uppercase;
  margin-right: 8px;
  }
  #content .result p.desc {
  margin: 12px 0px 0px 0px;
  padding: 0px;
  font-weight: normal;
  }
  #content .result p.desc a {
  color: #F26522;
  text-transform: lowercase;
  text-decoration: none;
  background-image: url(/images/more-arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 6px;
  }
  

.homejobs {
  float: right;
  width: 464px;
  padding: 15px 0px 0px 0px;
  margin: 0px;
}

.homejobs h3 {
  font-size: 180%;
  margin: auto 0px 6px 0px;
  padding: 0px 0px 0px 0px;
  color: #21A5E2;
}

.homejobs ul {
  padding: 0px 0px 0px 17px;
  margin: 0px;
}

