/*
-----------------------------------------------
Author:		Dmitry Paputsa at http://higher.com.ua
Version:	15 Sep 2009
----------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
/*ol,ul{list-style:none;}
*/
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/*
-----------------------------------------------
Site 		Structure Styles
----------------------------------------------- */
body {position:relative;}
#page { padding:0;width:940px;margin:0px auto;background:#d03b1a;position:relative;top:40px;}
#chatbox {}

#chatPage { width:100%;margin:0 auto;min-height:100%;height:auto !important;height:100%;}
#chatPage #header {height:110px;overflow:hidden;background:transparent;}

#header { padding:20px;background:#d03b1a;}
#main {background:#fff;margin:0 20px;overflow:hidden;}
#wideContainer {float:none;margin:0;}
#wideContainer #content {margin:0;}
#container { width:100%;float:left;margin-right:-200px; }
#content { margin-right:200px;padding:20px;}
#sidebar { width:180px;float:right;padding:20px 20px 20px 0;}
#footer { clear:both; padding:20px;border-top:0px solid #e7c164;}
.pt1 { padding:1px 0 0 0; }
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden; }
.line, .lastUnit {overflow: hidden;width:auto !important;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;}
/*
-----------------------------------------------
Site Standard Styles
----------------------------------------------- */
body{background:#ffe27f url(../i/bodyBg.png) repeat;color:#000;margin:0;padding:0;font:72.5%/1.3 "Lucida Grande",Tahoma,Arial,sans-serif;}
::selection{background:#ca3b1b;color:#fff;}
::-moz-selection{background:#ca3b1b;color:#fff;}
textarea,
select,
input{font-family:Arial,Helvetica,clean,sans-serif;font-size:100%;}
label{cursor:pointer;}
h1{margin:1em 0 .5em;}
h2{margin:1.07em 0 .535em;}
h3{margin:1.14em 0 .57em;}
h4{margin:1.23em 0 .615em;}
h5{margin:1.33em 0 .67em;}
h6{margin:1.6em 0 .8em;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
p,table,pre,dl{margin:.6em 0;}
table{width:100%;border-left:1px solid #dedede;border-top:1px solid #dedede;}
th,td{padding:.5em;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
th{font-weight:bold;background:#348abb;color:#fff;}
caption{padding:1em 0 .5em 0;text-align:center;font-weight:bold;font-size:110%;}
blockquote{margin:1em;background:transparent;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:1em 0;padding:0 1em;color:#666;}
ol,ul{margin:.35em 2em;}
ol ol,ul ul{margin-top:0;margin-bottom:0;}
ol li{list-style:decimal outside;}
li{margin:.25em 0;}
dt{font-weight:bold;margin-top:.6em;margin-bottom:.2em;}
dd {padding-left:1em;margin:.2em 0;}
strong{font-weight:bold;}
em,i{font-style:italic;}
a:link{color:#008bb9;background:transparent;text-decoration:underline;}
a:visited{text-decoration:underline;color:#7e00b9;background:transparent;}
a:focus{color:#008bb9;background:transparent;text-decoration:underline;}
a:hover{color:#008bb9;background:transparent;text-decoration:underline;}
a:active{color:#008bb9;background:transparent;text-decoration:underline;}
html\:abbr,acronym,abbr{cursor:help;text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
address{background:transparent;font-style:normal;}
a img,fieldset{border:none;}
code{font-size:115% !important;font-family:"Courier New",Courier,mono;color:#800;}
pre{overflow-x:auto;
border:1px dashed #800;padding:20px;margin:20px 0;
}
sup{position:relative;top:-3px;vertical-align:top;font-size:90%;}
sub{vertical-align:sub;font-size:90%;}
small{font-size:90%;}
hr{display:none;}
form ol,
form ul{margin:0;}
form li{list-style:none;}
/*
-----------------------------------------------
Site Format Styles
----------------------------------------------- */
.hide,.pda,.print{display:none;}
.aCenter{text-align:center;}
.aLeft{text-align:left;}
.aRight{text-align:right;}
.imgCenter{display:block;margin-left:auto;margin-right:auto;}
.imgLeft{float:left;margin-right:20px;}
.imgRight{float:right;margin-left:20px;}
.mb20 {margin-bottom:20px;}
.mt0 {margin-top:0;}

/*radiuses*/
.br15,
#page,
#main,
div.promo h1,
.noJs {-moz-border-radius:15px;border-radius:15px;-webkit-border-radius: 15px;}

.br0,
#chatPage,
#chatPage #header {-moz-border-radius:0;border-radius:0;-webkit-border-radius: 0}

.brtlr15,
#header,
#sysChat .inside/*,
.logwrapper*/ {-moz-border-radius-topleft:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;-moz-border-radius-topright:15px;-webkit-border-top-right-radius:15px;border-top-right-radius:15px;}

.br5,
#header p strong,
#messages ol li i {-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}

.brblr15,
.chatmsg {border-radius-bottom-left:15px;-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;border-radius-bottom-right:15px;-moz-border-radius-bottomright:15px;-webkit-border-bottom-right-radius:15px;}

.brbr15,
.controlwrapper input.sendBtn {border-radius-bottom-right:15px;-moz-border-radius-bottomright:15px;-webkit-border-bottom-right-radius:15px;}

.brbl15,
.controlwrapper input.disconnectBnt {border-radius-bottom-left:15px;-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;}

/* Form styles */
div.form-container{margin:10px;/*padding:5px;*/ background-color:#FFF;/*border:#EEE 1px solid;*/}
p.legend{margin-bottom:1em;}
p.legend em{color:#C00;font-style:normal;}
div.errors{margin:0 0 10px 0;padding:5px 20px;border:#FC6 1px solid;background-color:#FFC;}
div.success{border:1px solid #b0d35f;padding:5px 20px;margin:0 0 10px 0;background:#f1ffd0;}
div.errors p em{color:#C00;font-style:normal;font-weight:bold;}
div.success p em{color:#79ae00;font-style:normal;font-weight:bold;}
div.form-container form p{margin:0;}
div.form-container form p.note{margin-left:170px;font-size:90%;color:#333;}
div.form-container form fieldset{margin:10px 0;padding:10px;border:#DDD 1px solid;}
div.form-container form legend{font-weight:bold;color:#666;}
div.form-container form fieldset div{padding:0.25em 0;}
div.form-container label,
div.form-container span.label{margin-right:10px;padding-right:10px;width:150px;display:block;float:left;text-align:right;position:relative;}
div.form-container label.error,
div.form-container span.error{color:#C00;}
div.form-container label em,
div.form-container span.label em{position:absolute;right:0;font-size:120%;font-style:normal;color:#C00;}
div.form-container input.error{border-color:#C00;background-color:#FEF;}
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus{background-color:#FFC;border-color:#FC6;}
div.form-container div.controlset label,
div.form-container div.controlset input{display:inline;float:none;}
div.form-container div.controlset div{margin-left:170px;}
div.form-container div.buttonrow{margin-left:180px;}
/* Start custom button CSS here
---------------------------------------- */
.btn{display:inline-block;background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;font:100%/1.2 Arial,Sans-serif;text-decoration:none;color:#333;}
html:not([lang*=""]) button.btn{margin:0 -3px;}
a.btn{text-decoration:none;}
.btn span{background:#ddd url(../i/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bbb;border-right:1px solid #aaa;}
.btn span span{position:relative;padding:3px .4em;border-width:0;border-top:1px solid #bbb;border-bottom:1px solid #aaa;}
button.pill-l span{border-right-width:0;}
button.pill-l span span{border-right:1px solid #bbb;}
button.pill-c span{border-right-style:none;border-left-color:#fff;}
button.pill-c span span{border-right:1px solid #bbb;}
button.pill-r span{border-left-color:#fff;}
.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span{cursor:pointer;
border-color:#9cf !important;color:#000;}
.btn:active span{background-position:0 -400px;outline:none;}
.btn:focus,.btn:active{outline:none;}
.primary{font-weight:bold;color:#000;}
/* Header
----------------------------------------------- */
#header{font-size:1.2em;color:#fff;}
#header a{color:#fff;}
#header h1{float:left;font-size:45px;height:70px;margin:0;padding:0;line-height:70px;}
#header h1 a{text-decoration:none;}
#header h2{float:left;color:#facd64;font-size:16px;font-weight:normal;height:70px;margin:0 0 0 10px;padding:0;line-height:76px;}
#header p{float:right;font-size:16px;height:70px;margin:0;padding:0;line-height:76px;}
#header p strong{color:#d03b1a;background:#fff;padding:0 5px;font-size:20px;vertical-align:middle;}
#chatPage{background:#ffe27f url(../i/bodyBg.png) repeat;}
#chatPage #header{color:#333;background:transparent;}
#chatPage #header h1{color:#ca3b1b;}
#chatPage #header h1 a{color:#ca3b1b;}
#chatPage #header h2{color:#666;}
.sendbtnwrapper,.disconnectbtnwrapper{border:1px solid #c63b1c;}
/* Content
----------------------------------------------- */
#content{font-size:1.2em;}
.promo{font-size:1.4em;padding:0 20px 10px 20px;}
.promo h1{background:#348abc;color:#fff;text-align:center;padding:.35em;}
.promo p{padding:20px 0 10px 0;}
.promo h2{text-align:center;}
.startChat{text-align:center;margin:0 0 30px 0;}
.promo strong{color:#b12f17;}
/*message win*/
#sysChat{position:absolute;top:110px;z-index:2;width:100%;}
#sysChat .inside{margin:0 20px;background:#fff;height:25px;padding:15px 0px 0 10px;}
#sysChat p{margin:0;}
#sysChat .sysSettings{float:right;margin:0 ;padding:0;font-size:12px;}
#sysChat .sysSettings li{margin:0 7px;list-style:none;float:left;}
#sysChat .sysSettings li.soundOn{background:transparent url(../i/sound.gif) 0 3px no-repeat;padding-left:22px;}
#sysChat .sysSettings li.soundOff{background:transparent url(../i/sound.gif) 0 -27px no-repeat;padding-left:22px;}
/*themes*/
#sysChat .sysSettings .themes{margin:0;}
#sysChat .sysSettings .themes li a{width:16px;height:16px;text-indent:-9999px;float:left;}
#sysChat .sysSettings .themes .default a{background:#fadc76;}
#sysChat .sysSettings .themes .theme1 a{background:#dedede;}
#sysChat .sysSettings .themes .theme2 a{background:#348abc;}
#sysChat .sysSettings .themes .theme3 a{background:#198488;}
#sysChat .sysSettings .themes .theme4 a{background:#ca3b1b;}
#sysChat .sysSettings .themes .theme5 a{background:transparent url(../i/icon_excel.png) 0 0 no-repeat;}
div.loading{background:transparent url(../i/loader.gif) 50% 50% no-repeat;}
#sysChat small{font-style:1em;font-style:italic;color:#666;margin-left:5px;}
.sysMessage{font-style:italic;color:#666;}
#messages ol{margin-left:0;margin-right:20px;padding:0;}
#messages ol li{list-style:none;margin:0;padding:.3em 0 .3em 65px;border-bottom:1px dotted #dedede;}
#messages ol li:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#messages ol li em{font-style:normal;float:left;margin:0 0 0 -65px;width:50px;text-align:center;}
#messages ol li i{font-style:normal;color:#fff;padding:0;text-align:center;display:block;text-align:center;width:50px;}
#messages ol li.messageFrom {background:#fff;}
#messages ol li.messageTo {background:#ffffe6;}
#messages ol li span.message{padding:0;}
#messages ol li.messageFrom em i{background:#348abc;}
#messages ol li.messageFrom ::selection{background:#348abc;color:#fff;}
#messages ol li.messageFrom ::-moz-selection{background:#348abc;color:#fff;}
#messages ol li.messageTo em i{background:#ca3b1b;}
#messages ol li.messageTo ::selection{background:#ca3b1b;color:#fff;}
#messages ol li.messageTo ::-moz-selection{background:#ca3b1b;color:#fff;}
#messages #typing {border:none;height:16px;color:#666;font-style:italic;}
#messages #typing img {vertical-align:middle;}
/*chat*/
body.chatBody{min-height:290px;min-width:400px;}
.logwrapper{background:#fff;position:absolute;left:20px;right:20px;bottom:75px;top:140px;border-top:0px solid transparent;border-bottom:10px solid #fff;}
.logbox{position:absolute;top:15px;bottom:0;left:15px;right:0;overflow:auto;}
.controlwrapper{position:absolute;z-index:11;bottom:20px;left:20px;right:20px;height:56px;}
.chatmsg{padding:0 150px;overflow:hidden;border:1px solid #b12f17;height:56px;}
.controlwrapper input[disabled]{color:#f9bd5a;}
.controlwrapper input{font-size:20px;background:#b12f17;color:#fff;width:150px;height:56px;padding:0;margin:-57px 0 0 0;border:0 none;}
.chatmsg textarea{height:50px;width:100%;display:block;margin:0 auto;border:0;background:#ffc;padding:3px 0;font-size:14px;text-indent:3px;}
/* ie.css */
.chatmsg textarea:focus{background:#fff;}
.controlwrapper input.sendBtn{float:right;margin-right:0;}
.controlwrapper input.disconnectBnt{float:left;margin-left:0;}
/* Secondary(sidebar)
----------------------------------------------- */
#sidebar{font-size:1.2em;}
/* Footer
----------------------------------------------- */
#footer{font-size:1.2em;color:#eee3ad;}
#footer ul{margin:0;padding:0;list-style:none;float:left;}
#footer ul li{display:inline;margin:0 10px 0 0;}
#footer a{color:#eee3ad;}
#footer address{float:right;}
#errorPage #content h2{color:#666;}
/*hide the following without JS*/
#sysChat,#chatbox,div.controlwrapper{display:none;}
.noJs{padding:20px 20px 20px 80px;background:#fff url(../i/wrenchWarn.gif) 24px 30px no-repeat;margin:20px;}
/*default*/
html,body {height:100%;}
body {background:#ffe27f url(../i/bodyBg.png) repeat}
#chatBody #chatPage {}
#chatBody #header {}
.chatmsg {border:1px solid #b12f17;}
.controlwrapper input {background:#b12f17;}
.controlwrapper input.sendBtn {margin-right:0;}
.controlwrapper input.disconnectBnt {margin-left:0;}
.controlwrapper input[disabled] {color:#f9bd5a;}
.chatmsg textarea {background:#ffc;}

#smart-ass {position:absolute;left:0;top:0;width:100%;z-index:99;display:none;overflow:hidden;}
#smart-ass a {position:absolute;left:20px;top:30px;font-family:Arial;font-size:12px;z-index:100;text-decoration:none;color:#0000EE;}

.maintanence {position:fixed;width:100%;padding:5px 0;background:#c00;color:#fff;font-size:11px;text-align:center;}