@charset "utf-8";
/* CSS Document */

/* css related to form is kept here and included in style.tmpl */

/* Position css */
form{margin:8px 0 0 0;padding:0;}
.textfield,.textarea{width:200px; margin:0;padding:1px 0 2px 0;margin-bottom:2px;}
.textarea{ margin:0;padding:0;margin-bottom:2px;}
.button{ margin:0;padding:0 10px; background:white; }
.submit-button{ margin:0;padding:0; }
.label{width:150px; float:left;margin-right:10px;}

/* Style css */
.textfield{ border:1px solid #ccc; backgrond:white;  }
.textarea{  border:1px solid #ccc; backgrond:white;}
.input_error{  border:1px solid #FF0000; backgrond:white;}

.button{ border:1px solid #ccc; backgrond:#fff; }
.button:Hover{ border-color:#58b6e2; color:#58b6e2;}

.submit-button{border:1px solid #ccc; background:white;padding:2px 8px;margin:10px 0;float:left;}

/* Text css */
.textfield{ color:#666; }
.textarea{  color:#666;}
.button{  color:#666}
.submit-button{color:#666}
form label{text-align:right;float:left;padding-right:5px;width:155px;}
#job-form .small,#volunteer-form .small{width:35px;}
#job-form .middle,#volunteer-form .middle{width:150px;}
#job-form h2 , #volunteer-form h3{
font:bold 1.1em Arial;
margin:10px 0 6px;
}
.big{width:400px;}
#job-form h3, #volunteer-form h3{
font:bold 1em Arial;
margin:10px 0 6px;
}
#job-form .input, #volunteer-form .input{width:100px;}
.required{float:left;clear:both;}