/* Chat styles (SporeLand.ru) */

body {font: 12px 'Tahoma', 'Verdana'; color: #777777;}
body a {color: #2d71b3; text-decoration: none;}
body a:hover {text-decoration: underline;}

a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color: #e50b0b; font-weight: bold;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color: #3380cc; font-weight: bold;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color: #23b51b; font-weight: bold;}

#gbchat {margin: 10px 0px 20px 0px;}
#gbchat img {max-width: 400px;}
/* #gbchat .cBlock1 {background: #ffffff;} #gbchat .cBlock2 {background: #f0f0f0;} */
.blockGbChat {margin: 0; width: 100%;}
.chatMessage {margin: 0 0 4px 0; padding: 0; width: 100%; background: rgba(255, 255, 255, .87); font-size: 13px; border: 1px solid #d1d1d1; border-right: 2px solid #d1d1d1;}
.chatMessageMP {margin: 0; padding: 12px 8px;}
.chatPPLink img {margin-right: 2px; width: 12px; height: 11px;}
#gbcb1, #gbcb2 {padding: 4px 6px; height: 350px; overflow: auto;}
#gbcb1 .chatMessage:hover {border-right: 2px solid #2d71b3;}
.gbcb1-td, .gbcb2-td {vertical-align: top; border: 1px solid #cccccc; background: rgba(255, 255, 255, .87);}
.gbcb1-td {border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
.gbcb2-td {margin-right: 2px; border-left: none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0;}
.nbgbchat {float: left;}
.pstt-chat {padding-right: 5px; width: 20px; float: left;} 
.chat-block-div {display: none; position: fixed; border: 5px solid #f1f1f1; z-index: 99999;}
.cbgbH {border: 1px solid #3cb8ec; padding: 6px 15px; background: white}
.gvr-chgbl {text-decoration: underline;}
.prfl-del{background: url('http://sporeland.ru/gchat/error.png') no-repeat;}
#compageblock {margin-top: 4px; padding: 8px; text-align: right;}
b.now-page-chat {padding: 2px 4px; background: #fafafa; border: 1px solid #e3e3e3; color: #2d71b3;}
a.notsel-page {padding: 2px 4px; background: #fefefe; border: 1px solid #eaf4f9; color: #9c9c9c;}
a.notsel-page:hover {padding: 2px 4px; background: #eaf4f9; border: 1px solid #e3e3e3; color: #3a7ac9;}
.notsel-pageDots {font-size: 9px; color: grey;}
.optblockchat {margin-bottom: 2px; padding: 5px; height: 30px; text-align: left;}
.optblockchat select {width: 100px; float: right;}
.optvalchat {line-height: 15px; clear: left; float: left;}

.postbuttons-chat {width: 100%; height: 31px; text-align: left;} 
#buttons_panel {width: 100%; background: #e0e0e0; float: left;}
#panel_bb {margin: 5px; width: 100%; float: left;}
#panel_bb a:link, #panel_bb a:visited {margin: 0px 5px 0px 0px; padding: 3px 10px 4px 10px; background: #f6f6f6; border: 1px solid #b2b2b2; font: 10px Verdana; color: #555555; text-decoration: none; text-decoration: none; text-shadow: 1px 1px 1px #ffffff; float: left;}
#panel_bb a:hover {background: #ffffff; cursor: pointer;}
.panel_b {font-weight: bold !important;}
.panel_i {font-style: italic !important;}
.panel_u {text-decoration: underline !important;}
.panel_send {margin: 0px 10px 0px 0px !important; float: right !important;}
#reNewPostsChat {padding: 4px 0px 0px 10px; color: green; font-size: 12px; float: left; display: block;}

textarea#txtchatGB {margin: 0; padding: 5px; width: 100% !important; min-height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cccccc; color: grey; background: #f9f9f9; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
textarea#txtchatGB:focus {color: #363636; background: white;}

.inchat {padding: 2px 5px; background: #d3deeb; color: #5082b3; height: 20px; font-size: 14px; text-align: center; text-shadow: 0px 1px 0px #e1e9f2;}
.inchat, .inchat-link {padding: 2px 5px; display: block; background: linear-gradient(0deg, rgba(194, 207, 223, .9) 0%, rgba(221, 229, 238, .9) 100%); color: #4e7398; height: 20px; font-size: 14px; text-align: center; text-shadow: 0px 1px 0px #e1e9f2; border: 1px solid #aabacc;}
.inchat-link {background: linear-gradient(0deg, rgba(222, 222, 222, .9) 0%, rgba(238, 238, 238, .9) 100%); color: #5c5c5c; border: 1px solid #b4b4b4; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);}
.inchat-link:hover {text-decoration: none; background: linear-gradient(0deg, rgba(226, 226, 226, .9) 0%, rgba(242, 242, 242, .9) 100%); color: #5f5f5f;}
.inchat-link:active {background: linear-gradient(0deg, rgba(222, 222, 222, .9) 0%, rgba(238, 238, 238, .9) 100%); color: #5c5c5c; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1), inset 0px 1px 2px rgba(0, 0, 0, .1);}

.hrchat {margin: 6px 2px 6px 2px; display: inherit; height: 1px; width: 100%; background: white; border-top: 1px solid #dfdfdf;}

#panel_bb a:link, .inchat, .inchat-link, .chatMessage {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* ------------ */