h3.status { width:45%; margin:.3em auto; padding:.2em; -moz-border-radius:.3em; -webkit-border-radius:.3em; background:#2e406e; color:#fff; font-weight:bold; font-size:12px; text-align:center;  }

#mailbox { margin:1em auto; padding:0; width:90%; border:none; border-collapse:collapse; }
#mailbox td,
#mailbox th { padding:.2em .3em; background:transparent; color:#000; text-align:left; }
#mailbox th.navigation { text-align:right; }
#mailbox a { background:transparent; color:#ff472f; font-weight:bold; }
#mailbox a:hover { background:transparent; color:#000; font-weight:bold; }
#mailbox thead tr.title th     { border-bottom:1px solid #ff472f; }
#mailbox thead tr.selection th { background:#fff5cd; }
#mailbox tbody td { border-bottom:1px solid #ff472f; cursor:pointer; }
#mailbox tbody tr.unread td { background:#fff5cd; font-weight:bold; }
#mailbox tbody tr.read td { background:#fff; }
#mailbox tbody tr.selected td { background:#ffe9a1; }
#mailbox tfoot tr th { padding:.3em 0; }
#mailbox col.from    { width:150px; }
#mailbox col.date    { width:180px; font-weight:bold; }
#fwrite div           { clear:both; overflow:hidden; width:100%; margin:.3em auto; }
#fwrite label         { display:block; font-weight:bold; }
#fwrite span          { display:block; }
#fwrite span label    { display:inline; font-weight:normal; }
#fwrite span input    { width:90%; padding:.3em; border:1px solid; border-color:#bbb #bbb #eee #eee; }
#fwrite span textarea { width:90%; height:170px; padding:.3em; border:1px solid; border-color:#bbb #bbb #eee #eee; font:normal 13px/1.5em helvetica,arial,sans-serif; }
form button,
button.button_submit     { height:23px; border:none; -webkit-border-radius:.3em; -moz-border-radius:.3em; background:#ff472f; color:#fff; font-size:11px; line-height:23px; text-decoration:none; cursor:pointer; }
div.recipient            { float:left; margin:.5em .5em .5em 0; padding:1em; width:180px; -moz-border-radius:.6em; -webkit-border-radius:.6em; border:none; background:#ffbe50 url(images/contact_background.gif) repeat-x bottom left; }
div.recipient div.vcard  { position:relative; width:170px; margin:0 auto .3em; padding:5px; -moz-border-radius:.3em; -webkit-border-radius:.3em; background:#fff; color:#000; font-size:11px; }
div.recipient img.avatar { display:block; margin:.3em auto 0; padding:0; background:#fff; color:#000; }
div.recipient div.vcard strong { background:#fff; color:#ff583c; font-weight:normal; font-size:14px; line-height:22px; text-decoration:none; }
.vcard .user-status { position:absolute; top:0; right:0; z-index:5; }

div.recipient ul { margin:.3em auto; padding:.3em; list-style:none; }
div.recipient li { border-bottom:1px dotted #ff472f; }
div.recipient em { background:transparent; color:#fff; font:normal 15px/1.5em helvetica,arial,sans-serif; }
div.recipient .online,
div.recipient .offline { display:inline-block; margin:.1em 2em; padding:.1em .3em; height:18px; border:none; -webkit-border-radius:.3em; -moz-border-radius:.3em; font-size:11px; line-height:18px; text-decoration:none; } 
div.recipient .online  { background:#097335; color:#fff; }
div.recipient .offline { background:#ff472f; color:#fff; }

div.recipient div.contact            { clear:both; overflow:hidden; -moz-border-radius:.3em; -webkit-border-radius:.3em; background:#f1f1f1; padding:.3em; margin:.2em auto; font-size:10px; text-align:left; }
div.recipient div.contact a          { float:left; width:50px; margin:0 2px; padding:3px 3px 3px 28px; text-decoration:none; -moz-border-radius:.3em; -webkit-border-radius:.3em; background:#fff no-repeat 2px center; color:#000; }
div.recipient div.contact a.add      { background-image:url(images/user_add.gif); }
div.recipient div.contact a.block    { float:right; background-image:url(images/user_block.gif); }
div.recipient div.contact a.add:hover,
div.recipient div.contact a.added   { background-image:url(images/user_add.gif); background-color:#afdfa7; color:#080;}
div.recipient div.contact a.block:hover,
div.recipient div.contact a.blocked { background-image:url(images/user_block.gif); background-color:#f7c9c9; color:#800; }
div.recipient div.ajaxprocessing { opacity:.6; filter:alpha(opacity=60); }
div.recipient div.actions         { text-align:center; }
div.recipient div.actions a       { font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
div.recipient div.actions a:hover { text-decoration:underline; }

#mail { float:right; width:660px; padding:0 .5em .5em; }
#message_detail { border:3px solid #f1f3f9; -moz-border-radius:.6em; -webkit-border-radius:.6em; margin:.5em 0; }
#message_detail h2 em {font-style:normal; font-size:small; color:#800;}
#message_detail div.old_mail { width:90%; margin:.3em auto; border-left:10px solid #f1f1f1; padding-left:.3em; font-size:11px; font-style:italic; color:#333; }
#message_detail div.errorText { font-weight:bold; color:#800; }
#mail a { background:transparent; color:#000; font-size:11px; }
div.message_content { padding:.5em; line-height:1.5em; }

#mail .mail_navbar   { position:relative; margin:.3em auto; background:#f1f1f1; -moz-border-radius:.6em; -webkit-border-radius:.6em; padding:.5em; }
#mail .mail_navbar a { position:absolute; display:block; top:-2px; font-weight:bold; font-size:30px; text-decoration:none; background:transparent; color:#ff472f; }
#mail .mail_navbar a.prev_mail { left:5px; }
#mail .mail_navbar a.next_mail { right:5px; }
#mail .mail_navbar a:hover     { color:#000; }

.hidden_message { display:none;  }
#infobulles    { position:absolute; display:none; width:280px; border:1px solid #ff472f; -moz-border-radius:.3em; -webkit-border-radius:.3em; background:#ffeccb; color:#666; padding:2px; }
#infobulles p  { padding:0; margin:0; }
#infobulles h2 { margin:0; padding:.3em; text-transform:uppercase; font-size:.8em; background:#ff472f; color:#fff; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomRight:0; -moz-border-radius-bottomLeft:0; }