.messages_head {
  position:relative;
}

#inbox_search {
  width:260px;
  right:10px;
}

#inbox_search input {
  width:216px;
}

#inbox_search .button {
  margin:0;
}

.messages_head h2 {
  float:left;
  margin-left:10px;
}

.messages_head .button {
  margin:5px 0 0 25px;
}

#messages {
  table-layout:fixed;
  width:100%;
  clear:both;
  margin-top:8px;
  border-spacing:10px 0;
  border-collapse:separate;
  padding-top: 10px;
  border-top:2px solid #999999;
}

#messages td {
  font-size:16px;
  padding:5px 10px;
  border-top:1px solid #e5e5e5;
  color:#666;
  vertical-align:middle;
}

#messages a {
  text-decoration:none;
}

#messages .first td {
  border-top:1px solid #000;
}

#messages .who {
  width:200px;
}

#messages .what a {
  color:#666;
}

#messages .new .what a {
  color:#00a5e2;
  font-weight:900;
}

#messages .new td {
  background:#fffcdd;
}

#messages .actions {
  width:32px;
}

#messages .when {
  width:150px;
  font-size:14px;
  color:#ccc;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-style:italic;
}

#messages .button-delete {
  background:url(/images/buttons/delete.png) 0 0 no-repeat;
  text-indent:-999em;
  width:32px;
  margin-top:10px;
}

#messages thead td {
  border-top: none;
  color: #333 !important;
}

.conversation_head {
  display:block;
  vertical-align:baseline;
}

.conversation_head h2, .conversation_head .back {
  float:left;
  display:block;
  clear:none;
  margin:10px 0;
  padding:0 10px;
/*  height:30px;*/
  vertical-align:bottom;
}

.conversation_head h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 850px;
}

.conversation_head a {
  float: right;
}

.conversation_head .back {
  width:240px;
  margin-right:20px;
  text-align:right;
  padding-top:15px;
}

.conversation.header {
  margin-bottom:0;
}

.conversation.header dt, .conversation.header dd {
  padding-bottom: 10px;
  vertical-align:bottom;
}

.conversation.header dt a {
  display: inline-block;
  padding-top: 3px;
  font-size: 16px;
}

.conversation.header dd {
  padding-left: 10px;
}

.conversation.header dd h3 {
  font-size: 18px;
  font-style: normal;
  margin: 0;
  color: #000;
}

.conversation dt, .conversation dd {
  /* border-top:1px solid #eee;*/
  padding:20px 10px;
  float:left;
  clear:none;
  display:block;
}

.conversation dt {
  clear: left;
  width:240px;
  font-size:18px;
  font-weight:normal;
  color:#888;
  margin-right:20px;
  text-align:right;
  clear:left;
}

.conversation dd {
  width:540px;
  padding:20px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:14px;
  line-height:150%;
  font-style:italic;
  color:#444;
}

.conversation dd.odd {
  color:#000;
}

.conversation dt a {
  font-weight:900;
}

.conversation dt.back a {
  font-size: 1.3em;
}



.conversation .avatar {
  width:20px;
  vertical-align:middle;
}

.conversation .date {
  display:block;
  text-align:right;
  font-size:12px;
  font-family:Georgia,'Times New Roman',Times,serif;
  color:#bbb;
  font-style:italic;
}

.conversation .first, #respond dt, #respond dd {
  border-top:2px solid #666;
}

.conversation .odd, #respond {
  background:#eef6f9;
}

.conversation .unread {
  background:#fffbe9;
}

#respond {
  margin-top:20px;
}

#respond fieldset p {
  border-bottom:0;
  padding:0 20px;
}

#respond dt {
  margin:0;
}

#respond dd {
  width:600px;
  padding:15px 0;
}

#respond textarea {
  padding:10px 10px 10px 20px;
  width:530px;
  height:50px;
  background:url(/images/reply-area-bg.png) 0 0 no-repeat;
  border:0;
  resize: none;
}

#respond .buttons {
  margin:10px;
}

#respond .option {
  line-height:32px;
  margin-left:10px;
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:14px;
}

#respond input {
  width: 550px;
}

#new-message-box .conversation {
  margin-left: 10px;
}

#new-message-box fieldset {
  padding: 0;
}

#new-message-box {
  width: 800px;
}

#new-message-box dt{
  width: 200px;
  margin-right: 10px;
  padding-top: 30px;
}

#new-message-box dd{
  width: 550px;
}

#new-message-box textarea{
  width: 530px;
}

#new-message-box #message-title{
  width: 500px;
}

#message-title {
  padding:10px 10px 10px 20px;
  width:530px;
/*  height:16px;*/
  background:url(/images/reply-area-bg.png) 0 0 no-repeat;
  border:0;
}

/* comments styles */
.comments-box .conversation.header dd h3 {
  font-size: 24px;
}

.comments-box #respond.conversation {
  margin-top: 0;
}

.comments-box #respond dt {
  margin-right: 20px;
  border-top-color: #ccc;
}

.comments-box dt .button {
  margin-bottom:4px;
}

.comments-box #respond dd {
  width: 580px;
  border-top-color: #ccc;
}

.comments-box #respond dd label.overlay {
  top: 5px;
  left: 40px;
}

.comments-box .conversation dt.first, .comments-box .conversation dd.first {
  border-top-color: #ccc;
}

.comments-box .conversation dt, .comments-box .conversation dd {
  border-top-color: #e5e5e5;
}

.comments-box .conversation dt.deleted, .comments-box .conversation dd.deleted {
  color:#888;
}

.comments-box .conversation dt.mine, .comments-box .conversation dd.mine {
  background-color: #f3f8fb;
  border-top-color: #ccc;
  border-top-width: 2px;
}

.comments-box .conversation dt.mine.deleted, .comments-box .conversation dd.mine.deleted {
  border-top-color: #e5e5e5;
}

.comments-box .conversation dt .submit {
  float: right;
}