/* @override http://localhost:3000/stylesheets/correspondents.css */

#correspondents {
  padding: 0.7em 0 0 0;
}

#correspondents li.correspondent {
 list-style: none;
 list-style-image: none;
 margin: 0 0 1.5em;
 float: left;
 width: 33%;
 text-align: center;
 color: #aaa; 
 font-size: 0.85em;
 cursor: pointer;
}

#correspondents li.selected, #correspondents li.hover, #contact_name {  
 color: #43b701 !important;
}

#correspondents .photo {
  margin: 0 0 0.7em;
}

#correspondents .photo img {
  border: 3px solid #eee;
}

#correspondents .selected .photo img, #correspondents .hover .photo img {
  border-color: #43b701 !important;
}

#correspondents p.name {
  font-weight: bold;
  margin: 0;
}

#correspondents p.title {
  margin: 0 0 0.5em;
}

#message {
  clear: both;
}

#message textarea {
  width: 490px;
  height:  100px;
  border: 1px solid #ccc;
  padding: 5px 2px;
  line-height: 1.4em;
  color: #43b701;
  margin: 0 0 1em;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

#message .you {
  margin: 1.7em 2em;
}

#message p {
  margin: 1.23em 0;
}

#message p label {
  width: 130px;
  float: left;
  display: block;
}

#message input.text {
  border: 1px solid #ccc;
  padding: 2px 2px;
  color: #43b701;
}

#message p.buttons {
  text-align: center;
}

#response {
  color: #43b701;
  padding: 5px 0 15px;
  text-align: center;
}

#response h3 {
  font-size: 1.4em;
  margin: 1em;
}