/*

cool grey 3: #cacac8
cool grey 6: #afafaf
cool grey 11: #4d4e53
rubine red: #d1005d
agreeable green: #5da454

*/


/***** friendly forms ********/

form.friendly input.titular {
  width: 95%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.6em;
  line-height: 1;
  color: #4d4e53;
  clear: both; 
  border: 1px solid #afafaf;
  padding: 5px;
}

form.friendly textarea, form.friendly select, form.friendly input.standard {
  width: 90%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2em;
  line-height: 1;
  color: #4d4e53;
  border: 1px solid #8c8d8e;
  padding: 5px;
}

form.friendly input.login {
  width: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2em;
  line-height: 1;
  color: #4d4e53;
  border: 1px solid #8c8d8e;
  padding: 5px;
}

form.friendly textarea {
  line-height: 1.2;
}

form.friendly .boxy {
  margin-right: 30px;
}

span.formnote {
  font-family: HelveticaNeue-Light, helvetica, arial, sans-serif;
  font-size: 90%;
  color: #666;
  padding-left: 1em;
  font-style: italic;
}

/***** input validation and error reporting ********/

p.haserror {
  color: #d1005d !important;
}

form.friendly div.error-with-field {
  display: inline;
}

form.friendly small.error {
  display: none;
}

form.friendly p.haserror {
  border-left: 4px solid #d1005d;
  margin-left: -16px;
  padding-left: 12px;
  color: #d1005d !important;
}

form.friendly p.haserror input, p.haserror textarea {
  border: 1px solid #d1005d !important;
}

form.friendly p.haserror label {
  color: #d1005d !important;
}

form.friendly div.innocuous {
  display: none;
}

form.friendly label.required {
  font-weight: bold;
}

ul.friendly {
  list-style: square;
  font-family: HelveticaNeue-Roman, helvetica, arial, sans-serif;
  font-size: 90%;
  color: #4d4e53;
  padding-left: 1em;
  margin-top: 0;
}
ul.friendly li {
  margin: .5em 0;
}

/***** system messages and controls ********/

#system_messages {
}

.notice, .error {
  background-color: #fff;
  color: black;
  padding: 0 .75em;
  font-size: 16px;
/*
  position: absolute;
  top: 164px;
  right: 0;
  margin-right: 5px;
  width: 170px;
*/
}
.notice p, .error p {
  margin: 10px 5px;
}
.notice {
  border: 3px solid #5da454;
}
.error {
  border: 3px solid #d1005d;
}

#reader_links {
  font-size: 80%;
}

#state-and-zip p {
  float: left;
  width: 45%;
}
#reader_state, #reader_zipcode {
  width: 10em;
}
.login_form a, .register_form a, .preferences_form a, .reader_show a {
  font-weight: bold;
  font-size: 110%;
}