/* CSS Document */

/*
TO CHANGE VOLUNTEER COLORS:

CHOOSE COLORS, 
1. ONE DARK HUES 
2. ONE SLIGHTLY DARKER HUES (TO SERVE AS A BORDER)
3. ONE LIGHT HUE
4. ONE SLIGHTLY DARKER HUE THAN THE LIGHT HUE (TO SERVE AS A BORDER)

CURRENT:
1. #CFCFCF -DARK GRAY HUE
2. #898989 -SLIGHTLY DARKER HUE THAN THE DARK GRAY
3. #F7F7F7 -LIGHT GRAY HUE
4. #E8E8E8 -SLIGHTLY DARKER HUE THAN THE LIGHT GRAY

FIND AND REPLACE THOSE SIX COLORS WITH YOUR OWN PALETTE.

*/

#volunteer{
  width: 100%;
}

#volunteer a{
  font-weight: bold;
  text-decoration: none;
}

#volunteer button{
  text-align: center;
  margin: 0px auto;
}

#volunteer_results_close h2{
  background: #9EAB2C;
  border: 1px solid #8E9A27;
}

h5{
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  color: black;
  margin: 0px;
}

#volunteer #zip,
#volunteer #people{
  font-weight: bold;
  background: #F8F8F8;
  border: 1px solid #CCC;
  color: #333;
  margin: 10px 0px 0px;
}

#volunteer #zip td,
#volunteer #people td{
  padding: 2px;
}

#volunteer select{
  float: left;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  margin: 1px;
}

#volunteer .input_text{
  border: 1px solid #999;
  border-top: 1px solid #666;
  border-bottom: 1px solid #CCC;
  margin: 1px !important;
  margin: 0px 1px;
  padding: 1px 1px 1px 3px;
  font-size: 11px;
}

#volunteer .checkbox{
  background: none !important;
  background: transparent url(../images/css/background_checkbox.gif) no-repeat 2px 2px;
  display: inline;
}

#volunteer .checkbox input{
  padding: 0px;
  margin: 3px;  
}

#volunteer .select{
  float: left;
  border: 1px solid #CCC;
}

#volunteer .textfield{
  float: left;
  border: 1px solid #CCC;
}

#volunteer th{
  text-align: left;
  vertical-align: top;
  width: 160px;
}

#volunteer td{
  padding: 0px 0px 15px;
  vertical-align: top;
}

#volunteer small{
  font-size: 9px;
  font-weight: normal;
  clear: both;
}

#volunteer_results_close table,
#volunteer_results_exact table,
#volunteer_results table{
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0px;
}

#volunteer_results_close td,
#volunteer_results_exact td,
#volunteer_results td{
  padding: 10px 5px;
  border: 1px solid #E8E8E8;
}

#volunteer_results_close .alt,
#volunteer_results .alt{
  background: #F8F8F8;
}

#volunteer_results_exact .alt{
  background: #F7F7F7;
}

#volunteer_results_close .alt td,
#volunteer_results_exact .alt td,
#volunteer_results .alt td{
  border: 1px solid #DFDFDF;
}

#volunteer_results_close .over,
#volunteer_results_exact .over,
#volunteer_results .over{
  background: #F7F7F7;
  cursor: pointer;
  cursor: hand;
}

#volunteer_results_close dl,
#volunteer_results_exact dl,
#volunteer_results dl{
  padding: 10px 0px;
  margin: 0px;
}

#volunteer_results_close dt,
#volunteer_results_exact dt,
#volunteer_results dt{
  float: left;
  width: 60px;
  font-weight: bold;
  clear: both;
}

#volunteer_results_close dd,
#volunteer_results_exact dd,
#volunteer_results dd{
  padding: 0px;
  margin: 0px;
}

#volunteer_results_close p,
#volunteer_results_exact p,
#volunteer_results p{
  margin: 5px 0px;
  padding: 0px 0px 0px 5px;
}

#volunteer_results_close strong,
#volunteer_results_exact strong,
#volunteer_results strong{}

#volunteer_results_close label,
#volunteer_results_exact label,
#volunteer_results label{
  display: block;
}

#volunteer_results_close button,
#volunteer_results_exact button,
#volunteer_results button{
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0px 0px;
}

#volunteer_criteria{
  float: left;
  width: 100%;
  background: #CFCFCF;
  border: 1px solid #898989;
  padding: 5px;
  margin: 0px 0px 20px;
}

#volunteer_criteria #links{
  background: #C1CF44;
  text-align: center;
  border: 1px solid #AEBC30;
}

#volunteer_criteria #links button{
  display: inline;
  margin: 5px 3px;
}

#volunteer_criteria dl{
  padding: 10px 0px;
  margin: 0px;
}

#volunteer_criteria dt{
  float: left;
  width: 150px;
  font-weight: bold;
  clear: both;
  padding: 0px 0px 7px;
}

#volunteer_criteria dd{
  padding: 0px 0px 7px;
  margin: 0px;
}

#volunteer_detail dl{
  float: left;
  padding: 10px 0px;
  margin: 0px;
  background: #F7F7F7;
  border: 1px solid #E8E8E8;
}

#volunteer_detail dt{
  float: left;
  width: 150px;
  font-weight: bold;
  clear: both;
  padding: 0px 0px 7px;
}

#volunteer_detail dd{
  padding: 0px 0px 7px;
  margin: 0px;
}

#volunteer_detail #contact{
  padding: 0px 0px 10px 0px;
}