/*
-----------------------------------------------
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 Standard Styles
----------------------------------------------- */
body {background:#ffe27f url(../i/bodyBg.png) repeat 50% 50%;color:#000;margin:0;padding:0;font:72.5%/1.3 "Lucida Grande",Tahoma,Arial,sans-serif;min-width:500px;}
::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;}
li {margin:.25em 0;}
ol {counter-reset: section;list-style-type: none;font-weight:bold;}
ol ol, ol ul {font-weight: normal;}
ol > li::before {counter-increment: section;content: counters(section, ".") ". ";font-weight:600;}
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: {color:#008bb9;}
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 {height:1px;overflow:hidden;background:#ccc;margin:20px 0;border:0;}
form ol,
form ul {margin:0;}
form li {list-style:none;}
/*
-----------------------------------------------
Site Structure Styles
----------------------------------------------- */
#page {padding:0;width:920px;margin:0px auto;background:#d03b1a;position:relative;top:0px;z-index:2;}
#startPage #wrapper {
	display:table;height:100%;width:100%;
	min-height:100%;
}
#startPage .chatContent {
	display:table-cell;
	width:auto;
	height:auto;
	margin:0 auto;
	min-height:0;
	padding:0;
	vertical-align:middle;
}
#startPage #page {
	top:0;
}
#page {background:#D4493E;}
#chatPage #header {height:100px;overflow:hidden;background:transparent;padding:15px 20px;color:#333;background:transparent;}
#header {padding:20px;}
#main {background:#fff;margin:0 20px;border-radius:15px;}
#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;}
html {height:100%;}
body {width:100%;height:100%;}
#wrapper {
/*	min-height:100%;height:auto !important;height:100%;*/
	min-height:100%;
	position:relative;
	}
.fixedWidthChat {min-width:920px;}
.fixedWidthChat .chatContent {width:920px;margin:0 auto;}
.fixedWidthChat #chatPage {left:50%;width:920px;margin-left:-460px;}
#startPage .topMediaBox,
#startPage .bottomMediaBox,
.topMediaBox,
.bottomMediaBox {display:none;}
.hasBgMedia .bgMediaBox,
.hasBgMedia .bgMediaBox {display:block;}
.hasTopBottomMedia .topMediaBox,
.hasTopBottomMedia .bottomMediaBox,
.hasTopMedia .topMediaBox,
.hasBottomMedia .bottomMediaBox {display:block;}
.topMediaBox {height:120px;position:relative;z-index:12;text-align:center;}
.hideTopMediaBox,
.hideTopBottomMediaBox {position:absolute;z-index:13;position:absolute;right:0;top:0;height:26px;line-height:26px;background:#666;color:#fff;text-decoration:none;font-size:11px;padding:0 10px;
	-webkit-background-clip: padding-box;
	    -webkit-border-radius-top-left: 0;
	   -webkit-border-radius-top-right: 0;
	-webkit-border-radius-bottom-right: 0;
	 -webkit-border-radius-bottom-left: 3px;
	                -moz-border-radius: 0 0 0 3px;
	                     border-radius: 0 0 0 3px;
	}
.topMediaBoxHover {position:relative;height:120px;overflow:hidden;
	-webkit-transition: height 0.1s linear;
	   -moz-transition: height 0.1s linear;
	    -ms-transition: height 0.1s linear;
	     -o-transition: height 0.1s linear;
	        transition: height 0.1s linear;
	}
.topMediaBoxHover:hover {height:200px;}
.topMediaBox120 {position:absolute;top:0;left:0;width:100%;text-align:center;z-index:1;opacity:1;}
.topMediaBox200 {position:absolute;top:-220px;left:0;width:100%;text-align:center;z-index:2;opacity:0;}
.topMediaBoxHover:hover .topMediaBox200 {top:0;opacity:1;}

.topMediaBox120,
.topMediaBox200,
.bottomMediaBox200,
.bottomMediaBox120 {
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	    -ms-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
}

.hideTopMediaBox,
.hideTopBottomMediaBox {background:rgba(0,0,0,0.4);}

/*bottom*/
.bottomMediaBox {margin:-124px 0 0 0;height:124px;position:relative;z-index:2;text-align:center;}
.hasTopBottomMedia .chatContent,
.hasBottomMedia .chatContent {padding:0 0 124px;}
/*#startPage .chatContent {padding:0 0 140px 0;}*/
.hasTopBottomMedia #chatPage {top:120px;bottom:124px;}
.hasTopMedia #chatPage {top:120px;}
.hasBottomMedia #chatPage {bottom:124px;}
.hasChatMedia .chatContent {
	min-height:650px;
	}
.bottomMediaBoxHover {position:absolute;bottom:0;left:0;width:100%;height:120px;
	overflow:hidden;
	-webkit-transition: height 0.1s linear;
	   -moz-transition: height 0.1s linear;
	    -ms-transition: height 0.1s linear;
	     -o-transition: height 0.1s linear;
	        transition: height 0.1s linear;
	
	}
.bottomMediaBoxHover:hover {height:200px;}
.bottomMediaBoxHover img {display:block;margin:0 auto;}
.bottomMediaBox120 {position:absolute;bottom:0;left:0;width:100%;z-index:1;text-align:center;opacity:1;}
.bottomMediaBox200 {position:absolute;bottom:0;left:-9999px;width:100%;z-index:2;text-align:center;opacity:0;}
.bottomMediaBoxHover:hover .bottomMediaBox200 {left:0;opacity:1;}
/*.bottomMediaBoxHover:hover .bottomMediaBox120 {opacity:0;}*/

.hasChatMedia .chatMediaBox {display:block;}
.chatMediaBox {margin:20px 20px 0 0;display:none;text-align:center;}
.chatContent {
	min-height:380px;
	}
	
.offScreen {position:absolute;top:-9999px;}

#chatPage {position:absolute;top:0;bottom:0;right:0;z-index:2;left:0;}
.hasBgMedia #chatPage {background:url(../i/bodyBgOp.png) repeat 50% 0;}
/*#startPage .chatContent {}*/
/*#startPage #wrapper #page {}*/
.bgMediaBox {position:fixed;width:100%;height:100%;left:0;top:0;background-position:50% 0;display:none;}
.bgMediaBoxLink {display:block;height:100%;}
.closeBgMediaBox {position:fixed;right:0;top:0;background:#666;padding:5px 10px;font-size:11px;color:#fff;text-decoration:none;z-index:5;-webkit-background-clip:padding-box;-webkit-border-radius-top-left:0;-webkit-border-radius-top-right:0;-webkit-border-radius-bottom-right:0;-webkit-border-radius-bottom-left:3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;}
.closeBgMediaBox {background:rgba(0,0,0,0.5);}
/*radiuses*/
.br15,
#page,
div.promo h1,
.noJs {border-radius:15px;}
.br0 {border-radius:0;}
.brtlr15,
#header,
#sysChat .inside {-webkit-background-clip:padding-box;-webkit-border-radius-top-left:10px;-webkit-border-radius-top-right:10px;-webkit-border-radius-bottom-right:0;-webkit-border-radius-bottom-left:0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.br5,
/*#header p strong,*/
#messages ol li i {border-radius:5px;}
.brblr15,
.chatmsg {-webkit-background-clip:padding-box;-webkit-border-radius-top-left:0;-webkit-border-radius-top-right:0;-webkit-border-radius-bottom-right:10px;-webkit-border-radius-bottom-left:10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.brbr15,
.controlwrapper input.sendBtn {-webkit-background-clip:padding-box;-webkit-border-radius-top-left:0;-webkit-border-radius-top-right:0;-webkit-border-radius-bottom-right:8px;-webkit-border-radius-bottom-left:0;-moz-border-radius:0 0 8px 0;border-radius:0 0 8px 0;}
.brbl15,
.controlwrapper input.disconnectBnt {-webkit-background-clip:padding-box;-webkit-border-radius-top-left:0;-webkit-border-radius-top-right:0;-webkit-border-radius-bottom-right:0;-webkit-border-radius-bottom-left:8px;-moz-border-radius:0 0 0 8px;border-radius:0 0 0 8px;}
/* Form styles */
div.form-container {margin:10px 0;}
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;background:#eee;border-radius:3px;}
div.form-container form legend {font-weight:bold;color:#666;}
div.form-container form fieldset div {padding:0;}
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 {padding:0 10px;font-size:16px;}
div.form-container .label {float:left;width:150px;padding-right:10px;text-align:right;min-height:1px;}
div.form-container .field {overflow:hidden;zoom:1;}
div.form-container textarea {width:100%;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;float:left;resize:vertical;}
/* 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:baseline;border-radius:3px;}
#chatPage #header {}
#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:10px 0 10px 0;margin:0;}
.promo h2 {text-align:center;}
.startChat {text-align:center;margin:0 0 30px 0;}
.startChat a {display:inline-block;padding:10px 30px;font-size:28px;color:#fff;font-weight:bold;border-radius:10px;background:#7fb00c;text-decoration:none;}
.promo strong {color:#b12f17;}
/*message win*/
#sysChat {position:absolute;top:100px;z-index:3;width:100%;}
#sysChat .inside {margin:0 20px;
background:transparent url(../i/topFadeout.png) 0 100% repeat-x;height:35px;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:italic;color:#666;margin-left:5px;}
.sysMessage {font-style:italic;color:#666;}

/* right banner */
.chat-media {display:none;position:absolute;top:150px;right:35px;width:240px;height:400px;z-index:21;}
.hasAsideChatMedia #chatPage .chat-media {display:block;}
.hasAsideChatMedia .chatContent {min-height:641px;}
.hasAsideChatMedia {min-width:600px;}
.hasAsideChatMedia .logbox {right:270px;min-width:300px;}

#messages ol {margin-left:0;margin-right:15px;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;z-index:2;}
.logbox {position:absolute;top:0;bottom:0;left:15px;right:0;overflow:auto;padding-top:5px;padding-bottom:10px;-webkit-backface-visibility: hidden;}
.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;position:absolute;top:2px;border:0 none;}
.chatmsg textarea {height:56px;width:100%;display:block;margin:0 auto;border:0;background:#ffc;padding:5px;font-size:14px;text-indent:3px;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;padding:0\9;}
/* ie.css */
.chatmsg textarea:focus {background:#fff;}
.controlwrapper input.sendBtn {right:1px;}
.controlwrapper input.disconnectBnt {left:1px;}
/* 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*/
#chatBody #chatPage {}
#chatBody #header {}
.chatmsg {border:2px 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;}

.disconnect {position:absolute;height:30px;line-height:30px;color:#d03b1a!important;font-size:12px;background:#fff;border-radius:3px;padding:0;top:5px;left:10px;text-decoration:none;width:50px;text-align:center;display:none;}

/**/
.messages-chat-media {
	position:relative;
	margin:15px 15px 15px 0;
	padding:5px;
	border:1px solid #eee;
	border-radius:2px;
	text-align: center;
	background:#eee;
}
ol .messages-chat-media {margin-right:0;}
.messages-chat-media-centering {display:table;width:100%;vertical-align:middle;}
.messages-chat-media-centered-box {display:table-cell;vertical-align:middle;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width :320px) 
/*and (max-device-width :480px)*/
and (max-device-width :1024px) {/* Styles */
	
	#chatPage .chat-media {display:none;}
	.hasAsideChatMedia .chatContent {min-height:0;}
	.hasAsideChatMedia .logbox {right:0;min-width:0;}
	.hasAsideChatMedia {min-width:0;}
	
	.messages-chat-media {display:none;}
	
	.chat-media,
	.bgMediaBox,
	.topMediaBox,
	.bottomMediaBox {display:none!important;}
	body {background:#fff;padding:0;margin:0;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;min-width:0!important;
		background:#d03b1a;
	}
	html {}
	.chatContent {width:auto!important;margin:0;padding:0!important;min-height:0!important;}
	body #page {padding:0;width:auto;margin:0!important;background:transparent;position:relative;top:0;z-index:2;border-radius:0;}
	.hasBgMedia #page {margin:0 auto;}
	body #main {background:#fff;margin:0 10px;overflow:hidden;border-radius:10px;}
	#startPage #wrapper {position:relative;top:0;bottom:0;display:block}
	#startPage {}
	body #header {font-size:1.2em;color:#fff;text-align:center;}
	body #header h1 {float:none;font-size:3em;height:auto;margin:0;padding:0;line-height:1.2;}
	body #header h2 {float:none;color:#facd64;font-size:1.3em;font-weight:bold;height:auto;margin:0 0 .5em 0;padding:0;line-height:1.3;}
	body #header p {float:none;font-size:1em;height:auto!important;margin:0;padding:0;line-height:1;}
	body #content {padding:10px;}
	body .promo {font-size:1.2em;padding:0;}
	body .promo h1 {background:#fff;color:#348abc;text-align:center;padding:0;margin:.25em 0 .5em 0;line-height:1;}
	body .promo p {padding:0;margin:1em 0;font-size:.7em;text-align:center;line-height:1.2;}
	body .promo h2 {text-align:center;margin:0;padding:0;}
	body #footer {font-size:1.1em;color:#eee3ad;text-align:center;}
	body #footer ul {margin:0 0 1em 0;padding:0;list-style:none;float:none;display:none;}
	body #footer ul li {display:inline;margin:0 2px;}
	body #footer a {color:#eee3ad;}
	body #footer address {float:none;}
	
	body #wrapper {position:absolute;top:0;bottom:0;left:0;right:0;height:auto!important;min-height:0;background:#fff;}
	
	body .chatContent {position:absolute;top:0;left:0;bottom:0;right:0;}
	
	#startPage #wrapper {
		display:block;
		min-height:0;
	}
	#startPage .chatContent {
		display:block;
	}
	
	.hasTopMedia #chatPage {top:0;}
	.hasBottomMedia #chatPage {bottom:0;}
	.hasTopBottomMedia #chatPage {top:0;bottom:0;}
	body #chatPage {width:auto!important;margin-left:0!important;position:absolute!important;background:none!important;border-radius:0!important;padding:0 0 0 0!important;
		left:0!important;
		top:0;bottom:0;right:0;

		}
	body #chatPage #header {color:#fff;background:#d03b1a!important;height:40px;padding: 0;
/*		position:fixed;*/
/*		top:0;left:0;z-index:99;width:100%;*/
		border-radius:0!important;
		}
	body #chatPage #header p {position:absolute;top:-100px;right:0;}
	body #chatPage #header #online_counter {display:block;position:absolute;right:10px;top:110px;height:20px;line-height:20px;font-size:12px;border-radius:3px;background:rgba(255,255,255,.6);}
	body #chatPage #header h1 {color:#fff;font-size:20px;line-height:40px!important;margin:0;height:40px!important;}
	body #chatPage #header h1 a {color:#fff;}
	body #chatPage #header h2 {color:#facd64;display:none;}

	body .controlwrapper {text-align:center;margin:0;
/*		position:fixed;bottom:0;left:0;*/
/*		width:100%;*/
		position:relative;width:auto;left:0;bottom:0;
		height:50px;padding:5px 10px;z-index:21;
			-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
/*			background:rgba(255,255,255,0.8);*/
			background:#fff;
		}
		
		
	body #chatPage .controlwrapper input {height:auto;padding:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;top:0;margin:0;border:0;background:#fff;color:#000;-webkit-appearance: none;}

	#chatPage .controlwrapper input.sendBtn {position:absolute;right:10px;bottom:5px;background:#d03b1a;border-radius:3px;width:70px;text-align:center;padding:0!important;font-size:11px;top:auto;height:40px;color:#fff;line-height:40px;font-weight:bold;}
	#chatPage .controlwrapper input.disconnectBnt {display:none;}
	#chatPage .disconnect {display:none;}
	#chatPage .disconnectEnabled {display:block;}
	
	body .chatmsg {padding:0 75px 0 0;border:0;height:auto;border-radius:0;}
	body .controlwrapper input[disabled] {color:#ccc;}
	.chatmsg textarea {height:40px;width:100%;display:block;margin:0 auto;border:0;background:#fff;padding:2px;font-size:14px;text-indent:0;resize:none;border:1px solid #d03b1a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.8) inset;}
	
	#sysChat {
/*		position:fixed;left:0;top:40px;*/
		position:static;
		width:100%;z-index:100;border-bottom:1px solid rgba(0,0,0,0.05);background:#fff;}
	#sysChat .inside {position:static;background:#fff;margin:0 10px;height:20px;height:20px;padding:5px 0;border-radius:0;}
	body #sysChat .themes {display:none;}
	body #sysChat .sysSettings {float:right;list-style:none;}
	body #sysChat .sysSettings li {margin:0;float:right;font-size:11px;padding:0;line-height:20px;}
	body #sysChat small {margin-left:0;line-height:20px;}
	body #sysChat .sysSettings li.soundOn {background-position:0 5px;}
	body #sysChat .sysSettings li.soundOff {background-position:0 -25px;}
	
	#chatbox {}
	
	body .logwrapper {position:static;margin:0;padding:0 10px 5px 10px;}
	body .logbox {padding:0;position:static;overflow:auto;height:auto;}
	
	body #messages ol {margin-left:0;margin-right:0;padding:0;}
	#sysSettings {position:static;}
	#chat_status {position:static;}
	
	#chatPage .disconnected {overflow:hidden;position:relative;z-index:3;}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	body #sysChat .sysSettings li a {color:#d03b1a;text-decoration:none;}
	body #sysChat .sysSettings li.soundOn {background:transparent url(../i/sound2x.png) 0 2px no-repeat;background-size:16px 50px;}
	body #sysChat .sysSettings li.soundOff {
		background:transparent url(../i/sound2x.png) 0 -32px no-repeat;background-size:16px 50px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width :768px) 
and (max-device-width :1024px) {
	body #header h1 {font-size:5em;}
	body #header h2 {font-size:1.9em;}
	body #header p {font-size:1.3em;}
	body #main {width:60%;margin-left:auto;margin-right:auto;padding:20px;}
	body .promo {font-size:1.3em;}
	body .promo p {font-size:1em;}

    /* right banner */
	.hasAsideChatMedia .chat-media {display:block;position:absolute;top:80px;right:10px;width:240px;height:400px;z-index:21;}
	.hasAsideChatMedia #chatPage .chat-media {display:block!important;}
	.hasAsideChatMedia #messages {margin-right:260px;min-height:405px;}
	.hasAsideChatMedia .chatContent {min-height:641px;}
	.hasAsideChatMedia {min-width:600px;}
	.hasAsideChatMedia .logbox {right:270px;min-width:300px;}
	
	.messages-chat-media {display:block;}
	
}
/*
-----------------------------------------------
Site Format Styles
----------------------------------------------- */
.figure {color:#666;font-style:italic;margin:0 0 40px 0;text-align:center;}
.hide,.pda,.print {display:none;}
.aCenter {text-align:center;}
.aLeft {text-align:left;}
.aRight {text-align:right;}
.vm {vertical-align:middle;}
.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;}
.maintanence {position:fixed;width:100%;padding:5px 0;background:#c00;color:#fff;font-size:11px;text-align:center;}
.pt1 {padding:1px 0 0 0;}
.clearfix {zoom:1;}
.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;}

.input, .textarea {
	display: block;
	width: 100%;
	width: calc(100% - 4px);
	padding: 6px 2px 6px 10px;
	resize: none;					
	border: 1px solid #BFBFBF;
	background: none;
	border-radius: 6px;
	font-family: inherit;
	font-size: 0.7em;
	color: #222;	
	margin-bottom: 10px;
	transition: border-bottom-color 0.2s, background 0.2s, height 0.2s;
}

.input:focus, .textarea:focus {
	border-bottom: 1px solid #d2431f;		
}

#error-log {
	font-size: 13px;
	display: block;
	height: 20px;
	margin: 20px 0 0 0;
}

.el-bad {
	color: red;
}

.el-success {
	color: green;
}

.signin-button {
	display: inline-block;
	min-width: 90px;
	height: 36px;
	line-height: 36px;
	margin: 0px 0 15px 0;
	padding: 0 15px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	background: rgba(212, 73, 62, 0.9);
	cursor: pointer;
	-webkit-transition: background 0.135s ease;
	-o-transition: background 0.135s ease;
	-moz-transition: background 0.135s ease;
	transition: background 0.135s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}