/*******************************************
*  TALKBOX                                 *
*                                          *
*  by AnzuMerc (http://dmzfu.com)          *
*  and SunKing (http://empireofthesun.net) *
*                                          *
*  Special thanks to:                      *
*  BxK (http://mattcworld.com)             *
*  mrtrc266 (http://monsters-mansion.com)  *
*******************************************/
#tbox {
float: left;
background:#efefef;
width:100%;
margin-top:-20px;
margin-bottom:-12px;
}
#mbox {
float:right;
max-height:204px;
max-width:250px;
margin-top:-3px;
margin-left:1px;
}
#shouts {
height:192px; /* exact height for 9 lines */
overflow:auto;
font: 100% verdana, Helvetica, sans-serif;
}
#shouts a {
text-decoration:none;
}
#shouts img {
border:none;
}
#shouts .posts:nth-child(odd) { /* alternating backgrounds */
background: url(../images/postbg.png) 0 0;
line-height:24px;
padding:0 7px;
}
#shouts .posts:nth-child(even) { /* alternating backgrounds */
background: url(../images/postbg.png) 0 24px;
line-height:24px;
padding:0 7px;
}
.posts_odd { /* alternating backgrounds no images */
background: #eee;
line-height:24px;
padding:0 7px;
}
.posts_even { /* alternating backgrounds no images */
background: #f7f7f7;
line-height:24px;
padding:0 7px;
}
#shouts .date {
color:#777;
font-size:.75em;
padding-bottom:5px;
}
#shouts .username, #shouts .username a {
font-weight:normal;
font-size:1em;
padding-left:1px;
color:#444;
}
#shouts .message {
color:#555;
padding-left:2px;
}
#shouts .message .smiley { /* centers smileys up top to bottom in posts */
margin-bottom:-4px;
}
#mb_poster {
float:right;
padding-top:5px;
margin-right:-3px;
font-size:.9em;
color:#999;
}
#smileybar, #bbcbar {
background:#f5f5f5; /* #efefef for EOTS */
border-left:1px solid #bbb;
border-right:1px solid #bbb;
display:none; /* initial state */
}
#smileybar {
height:12px;
padding:14px 10px 2px 16px;
}
#bbcbar {
height:6px;
padding:24px 0 0 16px;
}
#tb_popup {
background:#f7f7f7;
padding:5px;
}
/* Styles for the command list popup */
#tb_cmds, #tb_rules {
border:1px solid gray;
margin-bottom:5px;
}
#tb_cmds .command, #tb_rules .name {
background:#ddd;
margin:0 -7px;
padding-left:7px;
font-weight:bold;
font-size:.9em;
}
#tb_cmds .syntax {
padding-left:10px;
font-size:.85em;
color:#333;
}
#tb_cmds .syntax span {
color:#777;
font-family:monospace;
font-size:1.2em;
}
#tb_cmds .notice, #tb_rules .notice {
padding:5px 0 0 15px;
font-size:.65em;
line-height:1em;
color:red;
margin-bottom:5px;
border-top:1px solid #bbb;
}
#tb_cmds .example {
padding-left:10px;
font-size:.75em;
}
#tb_rules .desc {
padding:5px 10px;
font-size:.75em;
font-weight:bold;
line-height:1.2em;
}
a:link .bbc, a.bbc {
background:url(../../Themes/default/images/bbc/bbc_bg.gif) no-repeat;
position:relative;
bottom:10px;
padding-top:11px;
}
.admin_link { /* ban | edit | delete */
color:#5786DD;
width:64px;
padding-top:6px;
}
.admin_link img {
padding-right:5px;
}
.tb_form {
padding:5px;
margin-bottom:-10px;
}
.tb_icons {
padding-left:20px;
display:inline;
position:relative;
bottom:-4px;
}
.rules_notice {
font-weight:bold;
padding:10px 0 15px 0;
text-align:center;
font-size:1.4em;
color:red;
}
.rules_notice span {
font-size:1.3em;
}
.tb_user {
background:#ddd;
color:#888;
}
.tb_ban {
color:#E63535;
font-size:2em;
font-weight:bold;
text-align:center;
}
/* ---COMMANDS--- */
.tb_clear {
color:#E63535;
font-size:1.2em;
font-weight:bold;
}
.tb_emote {
color:#5786DD;
font-weight:bold;
font-style:italic;
}
.tb_action {
color:#E63535;
font-weight:bold;
font-style:italic;
}
.tb_bold {
color:#3d3d3d;
font-weight:bold;
}
.tb_news1 {
font-weight:bold;
font-size:1.2em;
color:#FF9C08;
}
.tb_news2 {
font-weight:bold;
font-size:1.2em;
color:#5786DD;
}
.tb_welcome {
font-weight:bold;
font-size:1.2em;
color:#5786DD;
}
.tb_music {
color:#52b53d;
font-weight:bold;
font-style:italic;
}
.tb_whisper {
font-style:italic;
color:#888;
}

/* WIRELESS CSS */
/* add all mobile css here and add _mobile to the classes */

#shouts_mobile {
/* example of _mobile class */
}