#chat_container {
	padding:3px;
	border:1px solid #BBBBBB;
	width:99%;
}
#chat_window {
	padding:0px;
	border:1px solid #CCCCCC;
	background-color:#F9F9F9;
	overflow:auto;

}
#chat_form {
	margin:0px;
}
.chat_input {
	background-color:#FFFFFA;
	margin-top:5px;
}
.chat_nick {
	background-color:#FFFFFA;
	margin-top:5px;
	font-size:11px;
}
.ajax_load {
	background:url(../images/loading.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.chat_title {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#135cae;
	padding-bottom:5px;
	vertical-align:middle;
}
.chat_time {
	color:#666666;
	font-size:9px;
	padding:3px;
	text-align:left;
	width:40%;
}
.chat_name {
	color:#0000CC;
	font-size:9px;
	padding:3px;
	text-align:left;
	width:60%;
	font-weight:normal;
}
.chat_msg {
	color:#000000;
	font-size:11px;
	padding:3px;
	padding-right:10px;
	background-color:#EAFFEA;
	border-bottom:1px dotted #DDDDDD;
	border-top:1px dotted #DDDDDD;
	white-space: pre-wrap;
width:99px;
}
.chat_none {
	color:#FF0000;
	font-size:12px;
	padding:10px;
	font-weight:bold;
	text-align:center;
}
.inplace_field {
	font-size:12px;
}
.new_row {
	background-color:#FFF0E1;
}
img.middle {
	vertical-align:middle
}
#soundContainer {
	position: absolute;
	left: -256px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#soundOff, #soundOn {
	display: none;
	position: absolute;
	width: 128px;
	height: 128px;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -64px;
	z-index: 999999;
}
#soundOff {
	width:128px;
	height:128px;
	background: url(../images/sound1.gif) no-repeat center;
}
#soundOn {
	width:128px;
	height:128px;
	background: url(../images/sound.gif) no-repeat center;
}
.cap_td_vopros {
	padding:0px;
	padding-top:3px;
	font-size:10px;
	color:#000099;
	text-align:left;
	width:20%;
}
.cap_td_otvet {
	text-align:left;
}
.otvet_input {
	background-color:#FFFFFA;
	margin-top:5px;
	font-size:11px;
}

#smiles {
	padding:5px;
	background-color:#FFE9D2;
	border:1px solid #000;
	margin-top:3px;
	width:auto;
	position:absolute;
	z-index:99999;
	display:none;
	width:106px;
	padding-top:2px;
}
.smiles {
	padding:1px;
	margin:1px;
	vertical-align:middle;
	border:1px solid #CCC;
	float:left;
	width:20px;
	height:20px;
	text-align:center;
	cursor:pointer;
}
.smiles:hover {
	background-color:#FFF;
}

.myinput img {
	vertical-align:middle;
	text-align:center;
	padding:5px;
}
.mycopyright {
	text-align:center;
	font-size:10px;
	border-top:1px solid #000000;
	padding-top:5px;
}

.adm1, .adm2 {
	font-weight:bold;
	padding:5px;
	white-space:nowrap;
}
.adm1 {
	text-align:right;
}
.adm2 {
	text-align:left;
	border-right:1px solid #CCC;
}
.adm1_1, .adm2_1 {
	font-weight:bold;
	padding:3px;
	font-size:90%;
	text-align:left;
	border-bottom:1px dotted #CCC;
}

.chatbutton {
	text-align:center;
	font-size:90%;
	padding:2px;
}

@media screen {
.chat_input { width: 200px; width: 200px !important;}
#chat_container { height: 350px; min-height: 350px; max-height: 350px; width: 170px; min-width: 170px; max-width:170px;}
#chat_window { height: 340px; min-height: 340px;}
}

.on {
    color:green;
}

.off {
    color:red;
}