/* FORMS */
p.form_field {
  margin: 0;
  padding: 0;
  margin: 5px 0;
}

p.form_field label {
  display: block;
}

.auth_top input {
  border: 1px solid #777;
  width: auto;
}

div.standard_form {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  /*background-color: #C6DEF7;*/
  margin: 20px auto;
}

div.standard_form label {
  font-weight: bold;
  font-size: 14px;
}

div.standard_form h1.standard_form_title {
  color: #000;
  margin: 5px 0;
  text-align: center;
  font-size: 20px;
}

div.standard_form .field input, .field textarea {
  font-size: 13px;
  padding: 4px 0px;
}

div.standard_form select {
  padding: 4px;
}

.button {
  border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204);
  background: transparent url('../images/sbg.gif') repeat-x scroll 0%;
  border-style: double;
  border-width: 1px;
  font-size: 13px;
  padding: 4px;
  width: auto;
}

div.standard_form p.standard_form_description {
  font-size: 16px;
  color: #656565;
}

#reset_password_form, #change_password_form {  
  width: 330px;
}

.info_form_container {
  padding: 20px;
}

.info_form_container #forms {
  width: 670px;
  margin: auto;
  padding: 10px;
/*  background-color: #C6DEF7;*/
  border: 2px solid #AFD7FF;
}

#info_form_title {
}

.info_form_container #forms h2 {
  text-align: center;
  color: #757575;
}

#info_form_title {
  text-align: center;
}

#basic_info_fields {
  margin: 0 auto;
  width: 45%;
  float: left;
}

#account_info_fields {
  width: 45%;
  float: left;
  margin: 0 auto;
  border-left: 1px solid #A4CAEF;
}

/* FIXME: Need a general CSS class for tab forms */
#feedback form {
  padding: 10px;
  font-size: 12px;
  width: 250px;
  font-weight: normal;
  background-color: #E3FF9F;
  border: 2px solid #D1FF5F;
  border-left: none;
  color: #000;
}

#feedback form p {
  color: #588706;
}

#feedback form label {
  display: block;
  font-weight: bold;
  margin-top: 9px;
}

#feedback form .button {
  padding: 2px;
}

#feedback form input, #feedback form textarea, #feedback form select {
  padding: 3px 0;
}

#invite form {
  padding: 10px;
  font-size: 14px;
  width: 200px;
  font-weight: normal;
  background-color: #CFD7FF;
  border: 2px solid #AFBDFF;
  border-left: none;
  color: #000;
}

#invite form input, #invite form textarea {
  padding: 3px 0;
}

#invite form label {
  color: #333;
  padding: 3px;
  font-size: 12px;
}

#invite form p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#invite form label {
  display: block;
  margin-top: 5px;
}

#invite form .button {
  padding: 2px;
}

#change_password_form {
  color: #666;
}

#comment_form {
  padding: 10px; 
  background-color: #F5F5F5; 
  text-align: center
}

#comment_form div.submit {
  text-align: right; 
  margin-right: 11px;
  margin-top: 7px;
}

#comment_form textarea {
  font-size: 14px;
  overflow: auto;
}

#reset_password_form {
  border: 2px solid #AFD7FF;
}

#reset_password_form p {
  width: 320px;
  margin: 20px auto;
  font-size: 13px;
}

#reset_password_form .button  {
  display: inline;
}

#change_password_form .button {
  margin-top: 5px;
  text-align: center;
}

#change_picture_form {
  padding: 0;
  margin: 0;
  color: #FFF;
}

#change_picture_form h1.standard_form_title {
  color: #FFFF96;
  margin: 5px 0;
  text-align: center;
}

#change_picture_form .selector {
  margin: 0;
  margin-bottom: 20px;
  margin-left: 5px;
}

#info_form .button {
  text-align: center;
}

#comment_form .button {
  margin-top: 5px;
}

div.floating_auth_container {
  border: 5px solid #C5212A;
  padding: 10px;
}

div.floating_auth_form {
  padding-left: 15px;
  padding-right: 15px;
  background: none;
}

div.floating_auth_container #register_form {
  float: left; 
  border-right: 1px solid #CCC;
}

/*div.floating_auth_form input, div.floating_auth_form textarea {
  font-size: 14px;
  border: 1px solid #BBB;
}*/

div.errorExplanation {
  color: #CC0000;
  font-size: 14px;
	text-align: center;
}

div.errorExplanation p {
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

div.errorExplanation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.errorExplanation li {
  margin: 0;
  padding: 0;
}

div.errorExplanation h2 {
  display: none;
}

div.floating_auth_form div.errorExplanation {
	font-size: 13px;
	text-align: left;
}

p.success_msg {
  font-size: 13px;
  color: #008C00;
}

p.error_msg {
  color: #CC0000;
  font-size: 13px;
}

div.login_register_container {
  /*padding: 20px;*/
}

div.login_register_container #forms {
 width: 695px;
  margin: auto;
  padding: 0px;
/*  background-color: #C6DEF7;
  border: 2px solid #AFD7FF;*/
}

div.login_register_container #forms .errorExplanation {
  margin-bottom: 10px;
}

div.login_register_container #register_form {
  width: 320px;
  float: left;
  margin: 0 auto;
  border-right: 1px solid #96D145;
}

div.login_register_container #login_form {
  width: 280px;
  float: left;
  margin: 0 auto;
}