
input, textarea {
  border: #ccc solid 1px;
  width:200px;
}

div.submit-button input.submit {
  background: transparent url('../images/g-button-l.gif') no-repeat;
  display: block;  
  padding: 0 8px 8px 15px;
  color:#fff;
  height: 36px;
  width:auto;  
  cursor:pointer;
  border:0;
}

div.submit-button input.submit:hover {
  background-position: bottom left;
}

form.f { width: 450px; padding:10px; margin: 1em 0; line-height:1.25em; font-size: 0.875em; }

form.f p { clear:left; padding-top:4px; }

form.f div { clear:left; padding:5px 0; margin: 0; }
form.f div div { clear:none; padding:0; }
#content form.f div div p { font-size:1em; margin:0 0 1em 0; }
form.f label { width:80px; display:block; float:left; margin:0 20px 0 0;}
form.f input, form.f textarea { line-height:1.25em; border:#ccc solid 1px; padding:2px; font-size:1em;}  
form.f select { line-height:1.25em; border:#ccc solid 1px; font-size:1em; padding:2px 0;}  
form.f input { width:250px; }
form.f textarea { width:250px;}

form.f input.large, form.f select.large { width:250px; }

form.f div.inline-field label { width:80px; display:inline; float:none; margin:0 10px 0 0;}
form.f div.inline-field { margin:0 0 0 100px; color:#585757; }
form.f div.buttons,form.f p.buttons { margin: 20px 0 0 200px; }

form.large-label .field { display: block; margin: 0 0 0 200px; }
form.large-label { width:700px;}
form.large-label label { width:180px;}
form.large-label div.inline-field label { width:55px; display:inline; float:none; margin:0 10px 0 0;}
form.large-label div.inline-field { margin:0 0 0 200px;}
form.large-label .checkbox-group { margin:0 0 0 200px; font-size:1em;}

/* Quiz */

form.f p.quiz-question { border-top: #eaedef solid 1px; padding-top: 10px;}
form.f .quiz label { width:auto; display:inline; float:none; margin:0;}

