/**
 * Theme Name: Decision
 * Author: Guru
 * Author URI: http://uthemes.ru/
 * Theme URI: http://uthemes.ru/board/decision/
 *
 * Copyright (c) 2009 - 2011 uthemes.ru. All rights reserved.
 *
 */
body {margin:0;padding:0;font-family:Tahoma,Century gothic, Arial,sans-serif;color:#444;font-size:13px;background:#fff;}
img,form {border:0;margin:0;}
a,input {outline:none;}
img {border:0;margin:0;}
a {color:#408dbf;text-decoration:none;}
a:hover {color:#6ab8eb;text-decoration:underline;}
h1,h2, h3, h4, h5, h6 {font-weight:bold;margin:0;padding:0;}
h1 {font-size:26px;} 
h2 {font-size:21px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
ul {list-style:square;}
hr {border:none;border-top:1px solid #ddd;}
.clr {clear:both;}
.wrapper {width:980px;margin:0 auto;}
#page {background:#fff url(/images/overlay.png) center bottom no-repeat;}
#header {height:365px;background:url(/images/header.png) center bottom repeat-x;}
#top {background:url(/images/top.png) center 0 repeat-x;}
#head-box {height:100px;padding:5px 0 0 0;}
#head-box .blognames {float:left;width:400px;height:80px;overflow:hidden;padding:20px 0 0 0;}
#head-box .site-name {font-size:28px;font-family:'Andika',Tahoma,Century gothic, Arial,sans-serif;}
#head-box .site-name a {text-decoration:none;}
#head-box .site-descr {font-size:11px;color:#999;}
#menu-box {float:right;width:580px;}
#catmenu{text-transform:uppercase;float:right;background:url(/images/menu-sep.png) 0 0 no-repeat;padding:40px 0 0 0;}
#catmenu ul {list-style:none;margin:0;padding:0;}
#catmenu ul li {float:left;}
#catmenu ul li a {position:relative;color:#408dbf;font-size:13px;text-transform:uppercase;padding:0 0 0 20px;}
#catmenu ul li a:hover {color:#6ab8eb;text-decoration:none;}
#catmenu ul li.green a {color:#8fab28;}
#catmenu ul li.green a:hover {color:#a4c13a;}
#catmenu ul li.brown a {color:#a58e68;}
#catmenu ul li.brown a:hover {color:#bfa882;}
#catmenu ul li.red a {color:#cb5858;}
#catmenu ul li.red a:hover {color:#e87070;}
#catmenu ul li.violet a {color:#d763b9;}
#catmenu ul li.violet a:hover {color:#e386cb;}
#catmenu ul li.cyan a {color:#55bfc0;}
#catmenu ul li.cyan a:hover {color:#74d1d2;}
#catmenu ul li.orange a {color:#e0a23c;}
#catmenu ul li.orange a:hover {color:#ebbb6c;}
#catmenu ul li.item-parent a {padding-right:0;}
#catmenu ul li a .item-arrow {display:none;}
#catmenu ul ul {float:none;width:auto;}
#catmenu ul li ul {padding:7px 0 0 0;background:url(/images/submenu-hor.png) 0 0 no-repeat;margin:0 0 0 20px;}
#catmenu ul li li a {background:#f9f9f9;color:#666;border:1px solid #e2e2e2;border-top:none;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;text-transform:none;_width:auto;}
#catmenu ul li li.clear-color a {color:#666;}
#catmenu ul li li a:hover {background:#f5f5f5;color:#666;text-decoration:underline;}
#catmenu ul li li.clear-color a:hover {color:#666;text-decoration:underline;}
#catmenu ul li li a .item-arrow {top:9px;right:5px;display:block;}
#catmenu ul ul ul {margin:0 0 0 180px;background:url(/images/submenu-ver.png) 0 0 no-repeat;padding:0 0 0 7px;}
#catmenu ul ul ul a {border-left:none;}
#catmenu ul ul ul li.first a,#catmenu ul ul ul li.second a,#catmenu ul ul ul li.third a {border-top:1px solid #e2e2e2;}
#catmenu .multicolumn > li {border-color:#f9f9f9;}
#head-image {background:url(/images/head-image.jpg) center 5px no-repeat;height:255px;}

#casing,#forum-casing {padding:20px 0;}
#casing legend,#forum-casing legend {color:#444!important;}
#casing fieldset,#forum-casing fieldset {background:#f5f5f5;border:1px solid #ddd;color:#444;}

#left-side {width:200px;float:left;}
#left-side .sidebox {padding:0 0 20px 0;}
#left-side .sidetitle {font-size:18px;font-family:'Andika',Tahoma,Century gothic, Arial,sans-serif;font-weight:normal;color:#408dbf;padding: 0 0 15px 0;background:url(/images/sidetitl.png) 0 bottom repeat-x;}
#left-side .sidebox .inner {padding:20px 0 10px 0;}
#left-side .green .sidetitle {color:#8fab28;}
#left-side .brown .sidetitle {color:#a58e68;}
#left-side .red .sidetitle {color:#cb5858;}
#left-side .violet .sidetitle {color:#d763b9;}
#left-side .cyan .sidetitle {color:#55bfc0;}
#left-side .orange .sidetitle {color:#e0a23c;}

.sidebox ul {list-style-type:none;margin:0;padding:0;}
.sidebox ul li,.sidebox .catsTd {padding:5px 0 7px 0;border-bottom:1px solid #ddd;}
.sidebox li a,.sidebox .catsTable td a {color:#555;padding:0 0 0 22px;background:url(/images/bullets.png) 0 2px no-repeat;}
.sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox .catsTable td a.catNameActive {color:#a3bc46;background-position:-1000px 2px;}
.sidebox .catNumData {color:#bbb;font-size:9px;}
.sidebox .calTable{width:100%;}
.calTable td {text-align:center;padding:5px 3px;}
.calTable td a {font-weight:bold;}
.calTable td a:hover {text-decoration:underline;}
.calTable .calWday {font-weight:bold;color:#777;}
.calTable .calMday {color:#999;}
.calTable .calWdaySe,.calTable .calWdaySu {color:#cb5858;font-weight:bold;}
.calTable .calMdayA,.calTable .calMdayIsA {background:#ffaba8;border:1px solid #fa8682;color:#fff;}
.calTable .calMdayIsA a {color:#408dbf;}
.sidebox ul li li {background:none;padding:0;border-bottom:none;}
.sidebox ul ul {margin:0 0 0 200px;background:url(/images/submenu-ver.png) 0 0 no-repeat;padding:0 0 0 7px;}
.sidebox ul li ul ul {margin:0 0 0 180px;}
.sidebox ul li li a {background:#f9f9f9;color:#666;border:1px solid #e2e2e2;border-top:none;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;text-transform:none;border-left:none;}
.sidebox ul li li a:hover {background:#f5f5f5;color:#666;}
.sidebox ul.ut-menu li a .item-arrow {top:2px;}
.sidebox ul.ut-menu li li a .item-arrow {top:7px;}
.sidebox ul ul li.first a,.sidebox ul ul li.second a,.sidebox ul ul li.third a {border-top:1px solid #e2e2e2;}
.sidebox .multicolumn > li {border-color:#f9f9f9;}
.sidebox iframe {border:1px solid #e9e9e9;}

#content {width:760px;float:right;}
.eBlock {padding:0 0 10px 0;}
.eTitle {font-size:18px;font-family:'Andika',Tahoma,Century gothic, Arial,sans-serif;color:#408dbf;padding: 0 0 15px 0!important;background:url(/images/etitle.png) 0 bottom repeat-x;}
.eTitle a {color:#408dbf;}
.eTitle a:hover {color:#6ab8eb;}
.eDetails, .eDetails1, .eDetails2{font-size:11px;border-top:1px dotted #999;padding:6px 0;color:#888;}
.eMessage,.eText {margin:0;padding:5px 0!important;}
.eMessage p,.eText p{margin:0;padding:0 0 5px 0;}

.cBlock1,.cBlock2{color:#666;border-bottom:1px solid #ddd;}
.page-body .cBlock1,.page-body .cBlock2 {padding:0 0 0 15px;background:url(/images/cblock.png) 0 0 repeat-y;border-bottom:none;}
.commTable {padding:5px;margin:0;background:#f5f5f5;border:1px solid #ddd;}
.cMessage {font-size:11px;}
.cTop {padding:0 0 10px 0;margin:0;border-bottom:1px solid #dadada;}
.cAnswer {padding:5px 0 0 15px;font-style:italic;color:#aeaeae;}
input.commFl {width:80%;}
textarea.commFl {width:88%;}
.eAttach {margin:16px 0 0 0;padding: 0 0 0 15px;background: url(/images/attach.gif) 0 0 no-repeat;}
.eRating {font-size:8pt;}
.manTdError,.commError {color:#ff0000;}
.commReg {padding:10px 0;text-align:center;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
.replaceTable {color:#777;font-size:12px!important;padding:10px;background:#f3f3f3 url(/images/cont-bg.png);border:1px solid #dedede;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
.legendTd {font-size:8pt;}
.outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;}
.inputPM {border:1px dashed #ddd;margin:4px 0;}
.uTable {padding:0;background:#ddd;}
.uTable td {background:#fff;padding:3px 10px;}
.uTable td.uTopTd {background:#f5f5f5;}
.eAttach .entryAttachSize {padding-left:4px;}
.manTable {text-align:left;}
.manTable .manTd1 {font-size:12px;line-height:14px;width:200px;}

.popuptitle {font-size:16px;background:url(/images/etitle.png) 0 bottom repeat-x;color:#444;padding:0 0 15px 0;text-align:center;}
.popupbody {padding:10px 0 0 0;font-size:12px;color:#777;}
.popupbody * {font-size:12px!important;}
.popuptable {margin:10px auto;padding:10px;background:#f5f5f5;border:1px solid #ddd;}
.popuptable table {text-align:left;color:#777;}
#uNetRegF table {text-align:left;}
#content .calTable td {font-size:14px;padding:12px;}

#footer {background:url(/images/top.png) center bottom repeat-x;padding:0 0 30px 0;}
#footer .fleft {float:left;width:70%;font-size:11px;}
#footer .fright {float:right;width:133px;}
#footer .fright a {display:block;width:133px;height:32px;overflow:hidden;text-indent:-10000px;background:url(/images/ut-logo.png) 0 0 no-repeat;}

#forum-box {padding:0 0 10px 0;}
#forum-casing .sidetitle {font-size:16px;font-family:'Andika',Tahoma,Century gothic, Arial,sans-serif;color:#408dbf;}
#forum-casing #ut-spon {padding:10px 0;border-bottom:1px solid #ddd;}
#forum-casing #ut-spon-1 a,#forum-casing #ut-spon-2 a {line-height:17px;background:url(/images/bullets.png) 0 2px no-repeat;padding:0 0 0 20px;}
#forum-casing #ut-spon-1 a:hover,#forum-casing #ut-spon-2 a:hover{background-position:-1000px 2px;}

.gTable {background:#ddd;}
.gTableTop {padding:10px;margin:0;font-size:14px;color:#444;text-transform:uppercase;background:#e5e5e5;}
.gTableTop a {color:#444;}
.gTableSubTop,.postTdTop {padding:3px;color:#777;font-size:11px;background:#ececec;}
.gTableSubTop a,.postTdTop a,.gTableSubTop a:hover,.postTdTop a:hover {color:#777;}
.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.posttdMessage{padding:3px 10px;background:#fdfdfd;}
.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom,.codeMessage,.quoteMessage {padding:3px 10px;background:#f8f8f8;}
.gTableLeft {font-weight:bold;}
.gTableError {color:#FF0000;}
.forumLastPostTd,.forumArchive {font-size:8pt;}
a.catLink {text-decoration:none;}
a.catLink:hover {text-decoration:underline;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:normal;}
.archivedForum{font-size:8pt;color:#FF0000;font-weight:normal;}
.forum {font-weight:normal;font-size:9pt;}
.forumDescr {color:#aeaeae;font-size:8pt;}
div.forumModer {color:#666;font-size:8pt;}
a.forumModer {color:#666;}
.forumViewed {font-size:9px;}
.forumBarKw {font-weight:normal;}
a.forumBarA {text-decoration:none;color:#666;}
a.forumBarA:hover {text-decoration:none;}
.fastLoginForm {font-size:8pt;}
.switch,.pagesInfo {padding:2px 5px;font-weight:normal;border:1px solid #ddd;color:#444;background:#f8f8f8;font-size:10px;}
.switchActive {padding:2px 4px;font-weight:normal;background:#e2e2e2;border:1px solid #ddd;color:#333;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline;}
.threadLastPostTd {font-size:8pt;}
.threadDescr {color:#aeaeae;font-size:8pt;}
.threadNoticeLink {font-weight:normal;}
.threadsType {height:20px;font-weight:normal;font-size:8pt;}
.threadsDetails {height:20px;}
.forumOnlineBar {height:20px;}
a.threadPinnedLink {font-weight:normal;color:#f63333;}
a.threadLink {font-weight:normal;}
a.threadLink:hover,a.threadPinnedLink:hover {text-decoration:underline;}
.postpSwithces {font-size:8pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:8pt;text-align:right;}
.forumNamesBar {font-size:11px;padding:3px 0;}
.forumModerBlock {padding:3px 0;}
.postPoll {text-align:center;}
.postSeparator {height:1px;background:#f8f8f8;}
.postUser {font-weight:bold;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;}
.postTdInfo {padding:10px;text-align:center;}
.posttdMessage {line-height:18px;padding:10px;}
.pollQuestion {text-align:center;font-weight:bold;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}
.codeMessage,.quoteMessage {font-size:11px;padding:10px;background:#f5f5f5;border:1px solid #ddd!important}
.signatureView {font-size:8pt;line-height:14px;} 
.edited {padding-top:30px;font-size:8pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
.newThreadItem {padding: 0 0 0 8px; background: url(/images/12.gif) no-repeat 0 4px;}
.newPollItem {padding: 0 0 0 8px; background: url(/images/12.gif) no-repeat 0 4px;}
.postNameFl,.postDescrFl {width:90%!important;}
.postPollFl,.postQuestionFl {width:90%!important;}
.postResultFl {width:50px}
.postAnswerFl {width:80%!important;}
.postTextFl {width:98%!important;height:150px}
.postUserFl {width:80%!important;}
.pollHelp {font-weight:normal;font-size:8pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
.userAvatar {padding:2px;background:#ddd;border:none;}
#accordion .item { 
width: 400px; 
height: 30px; 
overflow: hidden; 

border: 1px solid #ccc; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 

margin-bottom: 2px; 
} 
#accordion h3 { 
display: block; 
height: 20px; 
line-height: 20px; 
margin: 0px 0px 5px 0px; 
background: #e6e6e6; 
padding: 5px; 
color: #1e1e1e; 
text-decoration: none; 
} 
#accordion p { 
height: 150px; 
padding: 5px; 
} 
#accordion div:hover h3 { 
border-bottom: 1px solid #ccc; 
font-weight: bold; 
} 

.aleft { 
float:left; 
width:90px; 
} 
.aright { 
float:left; 
width:90px; 
} 
.arsip li { 
float: left; 
width: 120px; 
} 
.clearfix { 
display: inline-block; 
} 

#accordion .item { 
transition: height ease-in-out 500ms; /* wallaby.ucoz.ru css3 transition */ 
-o-transition: height ease-in-out 500ms; 
-moz-transition: height ease-in-out 500ms; 
-webkit-transition: height ease-in-out 500ms; 
} 
#accordion div:hover { 
height: 180px; 
} 

#accordion .item { 
width: 210px; 
height: 30px; 
overflow: hidden; 

transition: height ease-in-out 500ms; /* wallaby.ucoz.ru css3 transition */ 
-o-transition: height ease-in-out 500ms; 
-moz-transition: height ease-in-out 500ms; 
-webkit-transition: height ease-in-out 500ms; 

border: 1px solid #ccc; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 

margin-bottom: 2px; 
} 
#accordion h3{ 
display: block; 
height: 20px; 
line-height: 20px; 

background: #e6e6e6; 
padding: 5px; 
color: #1e1e1e; 
text-decoration: none; 
} 
#accordion p { 
height: 150px; 
padding: 5px; 
} 
#accordion div:hover { 
height: 180px; 
} 
#accordion div:hover h3 { 
border-bottom: 1px solid #ccc; 
font-weight: bold; 
}
/* Статистика wallaby.ucoz.ru ------------*/  
 .stats img {background:#f7f7f7;padding:4px;border-right:1px dotted #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc}  
 .stats_text {padding:4px;padding-right:none;border-top:1px solid #ccc;width:100%;border-right:1px solid #ccc;font:11px Tahoma;}  
 .stats_text b {float:right;}  
 .stat_counter {border:1px solid #ccc;padding:6px;width:100%;margin-top:-3px;}  
 .stat_tit {border:1px solid #ccc;border-bottom:none;background:#f7f7f7;padding:4px;font-weight:bold;border-top:none}
/* Вид комментариев v.1 
 ------------------------------------------*/ 

/* Выравнивание */ 
 div.left_block {float:left;} 
 div.right_block {float:right;} 

/* Кнопки комментировать, редактировать, удалить */ 
.otvet { 
 background: url(/img/otvet.png); 
 background-position: -0px -0px; 
 width: 25px; 
 height: 23px; 
 cursor: pointer; 
 border-right:1px solid #cad1db; 
 } 
.otvet:hover 
 { 
 background: url(/img/otvet.png); 
 background-position: -0px -23px; 
 width: 25px; 
 height: 23px; 
 cursor: pointer; 
 } 

.edit-com { 
 background: url(/img/moder-panel.png); 
 background-position: -0px -0px; 
 width: 35px; 
 height: 23px; 
 cursor: pointer; 
 border-left:1px solid #cad1db; 
 } 
.edit-com:hover 
 { 
 background: url(/img/moder-panel.png); 
 background-position: -0px -23px; 
 width: 35px; 
 height: 23px; 
 cursor: pointer; 
 } 

.delete-com { 
 background: url(/img/moder-panel.png); 
 background-position: -35px -0px; 
 width: 35px; 
 height: 23px; 
 cursor: pointer; 
 border-left:1px solid #cad1db; 
 } 
.delete-com:hover 
 { 
 background: url(/img/moder-panel.png); 
 background-position: -35px -23px; 
 width: 35px; 
 height: 23px; 
 cursor: pointer; 
 } 

/* Аватар */ 
.avatar_comment { 
 width:50px; 
 height:50px; 
 padding:3px; 
 background:#888888; 
} 

/* Закругление углов */ 
.wbr3 { 
 -webkit-border-radius:3px; 
 -moz-border-radius:3px; 
 border-radius:3px; 
} 

/* Контент */ 
.content-com { 
 float:left; 
 width:100%; 
 position:relative; 
 margin-bottom:15px 
 } 

.com_p { 
 top:0; 
 right:0; 
 width:75px; 
 position:absolute; 
 background:url(/img/ugolok.png) no-repeat top left 
} 

.com_l { 
 padding:0px 0; 
 background:#fff; 
 border:1px solid #cad1db; 
 margin:0 74px 0 0; 
 overflow:hidden 
} 

.com_v { 
 height:23px; 
 border-bottom:1px solid #cad3da 
} 

.com_v,.com_n { 
 margin:0 0px 0 0px 
} 

.com_c { 
 min-height: 39px; 
 overflow:hidden; 
 margin:5px 15px 7px 15px; 
} 

.com_c p { 
 padding:10px; 
 margin:10px 0; 
 background:#ebfce8; 
 overflow:hidden!important; 
 border:1px solid #b4e5ac 
} 

/* Like */ 
.kcom_like:link,.kcom_like:visited { 
 text-align:center; 
 color:#fff; 
 float:right; 
 width:47px; 
 background:#999999; 
 margin-top:3px; 
 padding:1px 3px 1px 3px; 
 border:1px solid #666666 
} 

.kcom_like:hover { 
 text-decoration: none; 
 border:1px solid #666666!important; 
 color:#375e15!important; 
 text-shadow:1px 1px 1px #d7ffb6!important; 
 background:#9aeb56!important 
} 

/* Черта возле кнопок */ 
.cherta-right { 
 height:20px; 
 border-right:1px solid #cad1db; 
} 

.cherta-left { 
 height:19px; 
 border-left:1px solid #cad1db; 
} 

/* Текст */ 
.text_r { 
 text-align:right; 
} 

.text_9 { 
 font:9px Verdana,Arial,Helvetica, sans-serif; 
} 

.grey { 
 color:#b1b1b1; 
} 

.grey2 { 
 color:#cac8c8; 
} 

.gren {color:#429e1e; 
 font-weight:bold; 
} 

.right { 
 float:right; 
} 
.left { 
 float:left; 
} 

.top { 
 padding: 4px 12px 0px 12px; 
} 

.top2 { 
 padding: 5px 12px 0px 12px; 
} 

.bold { 
 font-weight:bold; 
} 

.text_115 { 
 font:115%/1.5 Verdana,Arial,Helvetica, sans-serif; 
} 
.chat-block {padding:0px !important; position:relative;}
.chat-messages {padding:0px 2px; overflow:auto; height:350px; resize:none;}
.chat-messages img {max-width:100px; max-height:100px;}
.zp-chat-message {border-bottom:1px dotted #DBDBDB; padding:4px;}
.chat-user-panel {height:32px; color:#666666; font-size:10px;}
.chat-user-panel a.author-link {font-size:11px; font-weight:bold;}
.chat-user-avatar img {height:32px; width:32px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.chat-user-avatar {float:left; font-size:0px;}
.chat-post-author {margin-left:36px; padding:2px 0px;}
.chat-message-text {margin-top:1px; font-size:11px;}
.chat-message-block {display:block;}
.chat-buttons {float:right;}
.chat-button {
display:block;
float:left;
width:16px;
height:16px;
cursor:pointer;
transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
-o-transition:opacity 0.2s ease;
margin-left:3px;
opacity:0;
}
.chat-message-block:hover .chat-button {opacity:0.4;}
.chat-button:hover {opacity:1 !important;}
.chat-button.chat-edit {background:url('/images/chat-buttons.png') no-repeat 0px -32px;}
.chat-button.chat-reply {background:url('/images/chat-buttons.png') no-repeat 0px -16px;}
.chat-button.chat-delete {background:url('/images/chat-buttons.png') no-repeat 0px -48px;}


.chat-panel {
position:absolute;
bottom:20px;
left:6px;
background:rgba(0,0,0,0.8);
padding:4px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
height:24px;
display:none;
box-shadow:0px 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}
.chat-panel-button {
display:block;
float:left;
width:24px;
height:24px;
cursor:pointer;
margin:0px 1px;
}
.chat-panel-button.button-archive {background:url('/images/chat-panel-buttons.png') no-repeat;}
.chat-panel-button.button-archive:hover {background-position:0px -24px;}
.chat-panel-button.button-rules {background:url('/images/chat-panel-buttons.png') no-repeat -24px 0px;}
.chat-panel-button.button-rules:hover {background-position:-24px -24px;}

.chat-panel-button.button-sound {background:url('/images/chat-panel-buttons.png') no-repeat -48px 0px;}
.chat-panel-button.button-sound:hover {background-position:-48px -24px;}
.chat-panel-button.button-sound.sound-off {background:url('/images/chat-panel-buttons.png') no-repeat -72px 0px;}
.chat-panel-button.button-sound.sound-off:hover {background-position:-72px -24px;}
.chat-panel-button.chat-send-button {
background:url('/images/highlight.png') repeat-x #6FAC00;
margin:1px 3px;
height:22px;
border-radius:3px;
font-weight:bold;
text-shadow:0px -1px 0px rgba(0,0,0,0.2);
width:90px;
text-align:center;
line-height:20px;
transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
.chat-panel-button.chat-send-button:hover {background-color:#8EC300; box-shadow:0px 0px 3px #8EC300;}
.chat-panel-button.chat-send-button:active {box-shadow:0px 0px 2px rgba(0,0,0,0.7) inset; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7) inset; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7) inset;}

.chat-mod-buttons button {margin:1px 0px 2px 0px;}
.chat-user-ava {width:40px; height:40px; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.message-info-panel {height:40px; margin-top:5px;}
.chat-mod-post-author {margin-left:45px; padding:5px 0px;}
.chat-mod-message-text {font-size:12px;}
.chat_mod_message_box {height:32px; margin:5px 0px;}
.chat_mod_icon {float:left;}
.chat_mod_message {margin-left:36px; line-height:32px;}

.infoContainer {
position:fixed;
top:60px;
left:0px;
z-index:99;
background:rgba(0,0,0,0.6);
padding:8px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:none;
box-shadow:0px 1px 10px rgba(0,0,0,0.7);
-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.7);
}
.infoContainer .infoBox {
color:#666;
font-size:12px;
text-align:center;
padding:8px;
background:#fff;
width:400px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:0px 0px 2px rgba(0,0,0,0.7);
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7);
}

.jspContainer {overflow: hidden; position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar {
 position: absolute;
 top: 0;
 right: 3px;
 width: 1px;
 height: 100%;
 background: none;
}
.jspHorizontalBar{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 16px;
 background: red;
}

.jspVerticalBar *, .jspHorizontalBar * {margin: 0; padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: none; position: relative;}
.jspDrag {
 background: rgba(0,0,0,0.6);
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 position: relative;
 top: 0;
 left: -9px !important;
 cursor: pointer;
 width:6px;
 margin:1px;
 transition:all 0.3s ease;
 -moz-transition:all 0.3s ease;
 -webkit-transition:all 0.3s ease;
 -o-transition:all 0.3s ease;
 opacity:0;
}

.hovered .jspDrag {opacity:1 !important;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left; height: 100%;}
.jspArrow.jspDisabled {cursor: default; background: #80808d;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

.chatAvatar {
 display:block;
 float:left;
 position:relative;
 font-size:0px;
 margin-right:5px;
 width:36px;
 height:36px;
}
.chatAvatar:after {
 position:absolute;
 top:0px;
 left:0px;
 bottom:0px;
 right:0px;
 box-shadow:0px 1px 3px rgba(0,0,0,0.5) inset;
 -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5) inset;
 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5) inset;
 content:"";
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}
.chatAvatar img {
 width:36px;
 height:36px;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

#iChat-messages {padding-bottom:24px;}