/*-------------------------| Core Inbox Styles |-------------------------*/

.inbox #content, .thread #content {
  padding:0;
}

.inbox #content .tabs, .thread #content .tabs {
  padding-top: 20px;
}

.inbox .no_messages {
  padding:60px 0 65px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  color:#999;
}

/*------------------------| Inbox Menu Controls |------------------------*/

.inbox_menu {
  padding:0 10px 0 12px;
  background:#f7f7f7;
  border-bottom:1px solid #ccc;
}

.inbox_menu .menu_block {
  position:relative;
  float:left;
  padding-top:9px;
  height:30px;
}

.inbox_menu .menu_block.selector {
  padding-right:5px;
}

.inbox_menu .menu_buttons {
  margin:0;
  padding:0;
  list-style:none;
}

.inbox_menu .menu_buttons li {
  float:left;
}

.inbox_menu .menu_buttons li a {
  padding:4px 5px 4px 5px;
  display:block;
}

.inbox_menu .menu_disabled a {
  color:#aaa;
}

.inbox_menu .menu_disabled a:hover {
  cursor: default;
  text-decoration:none;
}

.inbox_menu .menu_block.pager {
  float:right;
  width:200px;
}

.inbox_menu .menu_block.pager .pagerpro {
  position:absolute;
  bottom:0;
  right:0;
}

.inbox_menu .pagerpro li.current a {
  border-bottom-color:#3b5998;
}

.inbox_menu .pagerpro a {
  border-bottom-color:#f7f7f7;
}

#loading_boxx td {
  background: url('/images/upload.gif') center no-repeat;
  padding:15px;
}

.inbox_footer {
  margin-top:-1px;
  padding:0 10px 8px 13px;
  border-top:1px solid #ccc;
  background:#f7f7f7;
}

.inbox_footer .mailbox_size {
  float:left;
  padding:7px 0 0;
  color:#999;
}

.inbox_footer .pagerpro a {
  border-top:2px solid #f7f7f7;
  border-bottom:0;
}

.inbox_footer .pagerpro .current a {
  border-top:2px solid #3b5998;
  border-bottom:0;
}

/*----------------------------| Message Row |----------------------------*/

.message_rows {
  border-collapse:collapse;
}

.message_rows .new_message {
  background:#f4f8fc;
}

.message_rows tr td {
  padding:5px 0;
  border-bottom:1px solid #e1e1e1;
}

.message_rows .msg_icon {
  width:27px;
  text-align:right;
  background:none;
}

.message_rows .new_message .msg_icon,
.message_rows .msg_icon.replied,
.message_rows .new_message .msg_icon.replied {
  background:#f4f8fc url('/inbox/images/new_message.gif') no-repeat 11px center;
}

.message_rows .msg_icon.replied {
  background-image:url('/images/replied_mail_icon.gif');
  background-color:#fff;
}

.message_rows .checkbox_toggle {
  width:25px;
}

.message_rows .profile_pic {
  width:60px;
  line-height:1px;
}

.message_rows .name_and_date .name {
  display:block;
  width:130px;
  margin-right:20px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.message_rows .name_and_date .name span {
  color:#3b5998;
}

.name_and_date .date {
  display:block;
  padding:1px 0 0 0;
  font-size:9px;
  color:#777;
}

.name_and_date .unread_name {
  font-weight:bold;
}

.message_rows .subject {
  margin-right:10px;
  line-height:14px;
}

.message_rows .subject .subject_wrap {
  width:350px;
  padding:2px 0;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.message_rows .new_message .subject {
  font-weight:bold;
}

.message_rows .subject a {
  margin-right:5px;
}

.message_rows .subject .subject_text {
  padding:2px 0 3px 22px;
  background-position:0 1px;
  background-repeat:no-repeat;
}

.message_rows .subject .snippet_wrap {
  padding-left:22px;
}

.message_rows .subject .snippet {
  font-weight:normal;
  color:#8d9ccf;
}

.message_rows .delete_msg {
  width:24px;
  padding-left:10px;
}

.message_rows .delete_msg a {
  display:block;
  margin-top:1px;
  width:13px;
  height:14px;
  background:transparent url(/images/x_to_hide.gif) no-repeat;
}

.message_rows .delete_msg a:hover {
  background: #3B5998 url(/images/x_to_hide_hover.gif) no-repeat;
}

#loading_boxx {
  width: 100%;
}

#book #content .inbox_error #error {
  border: 0px;
  margin: 0px;
  padding: 30px;
}

#book #content .inbox_error #error h1 {
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}

/*-------------------------| Composer Fields |--------------------------*/

.composer {
  padding-top:30px;
  padding-left:90px;
  padding:30px 0 10px 90px;
  background:#f7f7f7;
}

.composer_fields {
  margin:0;
  width:430px;
}

.composer_fields dt {
  float:left;
  width:65px; 
  margin:0;
  padding:0 10px 0 0;
  text-align:right;
}

.composer_fields label {
  display:block;
  padding-top:6px;
}

.composer_fields .field label {
  padding-bottom:5px;
}

.composer_fields dd {
  float:left;
  width:350px;
  margin:0 0 10px 0;
}

.share_link #share_link,
.composer_fields .field input,
.composer_fields .field textarea,
#compose_message div.tokenizer {
  border:1px solid #8496ba;
}

#compose_message div.tokenizer {
  width:350px;
}

.share_link #share_link,
.composer_fields .field #subject_field,
.composer_fields textarea {
  width:350px;
  margin:0;
  padding:5px 0 5px 3px;
  font-size:11px;
}

.composer_fields textarea {
  height:100px;
}

input.inputsubmit {
  padding-top:2px;
  padding-bottom:3px;
  margin-right:5px;
}

input.action {
  padding-left:25px;
  padding-right:25px;
}

input.aux {
  padding-left:15px;
  padding-right:15px;
  background:#f0f0f0;
  color:#000;
  border-top-color:#e7e7e7;
  border-right-color:#666;
  border-bottom-color:#666;
  border-left-color:#e7e7e7;
}
.thread input#exit_button {
  width: auto;
}

.share_link h4 {
  padding:4px 0 3px;
}

.share_link #share_link {
  float:left;
  width:150px;
}

.share_link .inputsubmit {
  float:left;
  margin:5px 0 0;
} 

.share_link .explain {
  float:left;
  width:90px;
  padding:5px 7px;
  font-size:9px;
  color:#666;
}

.submits .submits_wrap {
  float:left;
}

.submits .sub_controls {
  float:right;
  padding:6px 0 0 0;
  font-size:9px;
}

.composer_fields dd.share_stage {
  width:355px; 
}

.attachment_stage {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#f0f0f0;
}

.inbox .visibility_warning {
  padding-bottom:5px;
}

#page_body.inbox #error {
  margin-right: 80px;
}

#page_body.inbox #compose_message .share_stage #error {
  margin: 0px;
}

#page_body.inbox #compose_message #error {
  margin: 0 0 10px 75px;
}

#book #inline_composer #error {
  margin: 0px 40px 10px 75px;
}

#book #inline_composer .status {
  margin-left: 75px;
}

/*--------------------------| Inline Composer |--------------------------*/

#inline_composer {
  width:470px;
  margin-top:10px;
  margin-bottom:15px;
  border:0;
  margin-left:140px;
  background:#fff;
}

#inline_composer .attach_dropdown {
  margin:2px 0 0 0;
  float:right;
}

#compose_message .attachment_loading {
  background: url('/images/upload.gif') center no-repeat;
  padding: 15px;
}

/*----------------------------| Thread View |----------------------------*/

.messages {
  padding:20px 30px 0;
}

/*--Thread Header--*/

.thread_header {
  margin:0 0 10px;
}

.thread_header h2 {
  margin:0 20px 1px 163px;
  padding:0 0 0 22px;
  font-size:15px;
  color:#333;
}

.thread_header h2.has_icon {
  background-position:0 1px;
  background-repeat:no-repeat;
}

.thread_header h2 .between {
  font-size:11px;
  font-weight:normal;
}

.messages .next_message,
.messages .previous_message {
  display:block;
  height:15px;
  width:12px;
  margin-top:4px;
  background-repeat:no-repeat;
  background-position:-4px 4px;
}

.messages .next_message:hover,
.messages .previous_message:hover {
  background-color:#3b5998;
  background-position:4px 4px;
  text-decoration:none;
}

.messages .next_message {
  float:left;
  background-image:url('../images/next_message_arrow.gif');
}

.messages .previous_message {
  float:right;
  background-image:url('../images/previous_message_arrow.gif');
} 

.thread_footer {
  margin: 0px 0px 10px 185px; 
  font-size: 9px; 
  padding: 5px 3px 10px;
}

.thread_footer .delete_thread {
  float: left;
}

.thread_footer .leave_group {
  float: right;
}

.messages .header_divide {
  height:2px;
  margin: 0px;
  padding:0;
  border-top:1px solid #b3b3b3;
  background:#fff url('../images/header_divide.gif') top center no-repeat;
  overflow:hidden;
}

/*--Individual Messages--*/

.message {
  display:block;
  margin-top:10px;
}

.message .column {
  float:left;
  padding:0 0 10px;
}

.message .author_picture {
  width:50px;
  padding-bottom:0;
}

.message .author_picture img {
  display:block;
}

.message .author_info {
  width:120px;
  padding:0 10px 0 0;
  font-weight:normal;
  font-size:9px;
  text-align:right;
}

.message .author_info .name {
  padding:3px 5px 0 5px;
  font-size:11px;
  font-weight:bold;
}

.message.unread .author_info .name {
  padding:3px 5px 4px 20px;
  background:#eff2f7 url('/inbox/images/new_message.gif') no-repeat 7px 5px;
  border-top:1px solid #d8dfea;
  overflow:hidden;
}

.message .author_info .date {
  display:block;
  padding:2px 5px 2px 0;
  color:#777;
}

.message .author_info .extras a {
  float:right;
  padding-right:5px;
  margin-bottom:1px;
}

.message .body {
  padding:3px 0 14px 5px;
}

.message.unread .body {
  padding-top:4px;
}

.message .body .text {
  width:300px;
}

.messages .msg_divide_bottom {
  height:1px;
  margin:0px 0px 0px 185px;
  background:#ddd;
  overflow:hidden;
}

.messages .deleted_messages,
.messages .branch_notice {
  margin:10px 0 0 180px;
  padding:4px 5px;
  font-size:9px;
  border:1px solid #ffe222;
  background:#fffbe2;
}

/*----------------------------| Attachments |----------------------------*/

.attached_item {
  margin:10px 0 0;
  padding:0 0 0 7px;
  width:367px;
  border-left:2px solid #d8dfea;
}

.attachment .note_with_thumb .excerpt .textual {
  width: 195px;
}

.attachment .event_has_photo .event_info {
  width: 220px;
}

.attachment .ad_body {
  width: 189px;
}

.attachment .mp3player .has_artwork .info_and_player {
  width: 225px;
}

.attachment .mp3player .has_artwork .info_field span {
  width: 170px;
}

.attachment .mp3player .no_artwork .info_field span {
  width: 280px;
}

.attachment .textual .metadata .summary {
  padding-bottom:2px;
  color:#777;
}

.attachment .swfvideo .textual .metadata {
  width: 200px;
}

.attachment .video_for_share {
  padding:0;
}