*{
margin:0;
padding:0;
}
html{
width:100%; height:100%;
}

body{
background-color:#efefed;
font:11pt Tahoma;
color:#666;
width:100%; height:100%;
}

a{color:#0088CC}

.townMain{
height:470px;
border:1px solid #ddd;
margin:0 0 0 15px;
background:url('/images/town_map.jpg') no-repeat;
}

.house1{position:relative; top:277px;left:258px;width:150px;height:150px;background:none;border:none}
.house1:hover{position:relative; top:276px;left:257px;width:150px;height:150px;background:url('/images/house1_hover.png') no-repeat;border:none}


#chatMain{
float:left;
width:64%;
min-width:350px;
padding:10px;
margin:0 0 0 15px;
height:100%;
overflow-y:scroll;
background:#fafafa;
border:1px solid #ddd;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}

#chatMain .date{
font-size:9pt;
color:#999;
}

#chatMain .toMsg{
font-size:9pt;
color:#999;
}

#chatMain a{
font-weight:bold;
}

#chatMain .to{
background:yellow;
}

#chatMain .pvt{
background:#82FF8A;
}

#chatMain .sysMsg{
color:green;
}

#chatOnline{
min-width:100px;
padding:10px;
margin:0 15px 0 0;
overflow-y:scroll;
background:#fafafa;
border:1px solid #ddd;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}

#chatErrDiv{
color:red;
margin:0 0 0 15px;
}

#msgDiv{
margin:15px 0 0 15px;
}

#receiversList{
margin:15px;
}

#receiversList div span:first-child{
color:#999;
font: normal 8pt Tahoma, Helvetica, sans-serif;
}

.iText{
color:#666;
padding:8px;
margin:3px;
border:1px solid #999;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
font:normal 12pt Tahoma, Helvetica, sans-serif;
}

.iButton{
cursor:pointer;
color:#666;
padding:8px;
margin:3px;
border:1px solid #999;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
font:normal 12pt Tahoma, Helvetica, sans-serif;
}

/*
.tooltip{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background:#FFFDE3;
	padding:8px 8px 8px 15px;
	color:#666;
	font: normal lighter 10pt Tahoma, Helvetica, sans-serif;
	border:1px solid #999;
	border-radius:0 5px 5px 5px; 
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	-khtml-border-radius:0 5px 5px 5px;
}
*/

.recDel{
font-weight:bold;
color:#E38686;
}

/* А В Т О Р И З А Ц И Я */
#log_inDiv{
	width:300px;
	margin:15px;
	padding:10px;
	border:1px solid #999;
	border-radius:5px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}

#log_inDivErrStr{
	color:red;
	margin:5px 0 5px 14px;
}


/* РЕГИСТРАЦИЯ */
.registerDiv{width:300px;margin:15px;padding:10px;border:1px solid #999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}
.registerDiv .errStr{color:red;margin:5px 0 5px 14px;}


/*****************/
/*  Р А З Н О Е  */
/*****************/

.clear{
  clear:both;
}
