*{
	margin: 0;
	padding: 0;
	}

html{
	font-size:100.01%;
   height:100%;
	}
	
body{
   position:relative;
	font:normal 62.5% 'Trebuchet MS';
	color:#000;
	height: 100%;
	background:#eee;
}

img {
	border:0;
	}
 
a{
	color:#000;
   text-decoration:underline;
	}
	
a:hover{
	color:#FF8000;
	}


ul{
	list-style:none;
	}

table{
	border-collapse:collapse;
	}
	
	table td{
		vertical-align:top;
		}
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -148px; /* нижний margin является отрицательной величиной высоты footer */
	}
	
	.footer, .push {
		padding:5px 15px 0;
		height: 140px; /* .push должен быть той же высоты, что и .footer */
		}
		
		.footer{
			background:url('images/h-border.gif') repeat-x;
			}
	
/*style
-----------------------------------*/

.meta{
	position:relative;
	height:23px;
	background:url('images/meta-bg.gif') repeat-x;
	font:normal 1.1em Tahoma;
	padding-left:16px;
}
	
	.meta a{
		color:#000;
		}
	
	.meta small{
		font-size:0.8em;
		line-height:23px;
		}

	.meta .logout{
		position:absolute; top:2px; right:12px;
		height:17px;
		background:url('images/logout.gif') no-repeat;
		padding:0 0 0 22px;
		text-decoration:none;
		}
		
.user-panel{
	height:58px;
	width:100%;
	}
	
	.td-users{
		width:279px;
		background:url('images/v-border.gif') repeat-y 100% 0;
		padding:4px 15px 0 15px;
		}

.table-user{
	width:100%;
	height:58px;
	}
	
	.avatar-td{
		position:relative;
		width:48px;
		white-space:nowrap;
		}
		
		.avatar{
			width:48px; height:50px;
			}
			
		.user-item{
			float:left;
			margin-right:12px;
			}
		
	.name-icon{
		padding:0 15px;
		white-space:nowrap;
		}
	
	.icon-wrapper{
		margin:2px 0 0 0;
		}
		
	.effects{
		padding-right:10px;
		white-space:nowrap;
		}
		
		.effects li{
			font-size:1.1em;
			line-height:13px;
			}
		
.disease{
	color:#e50000;
	}

.magic{
	color:#0039db;
	}

.poison{
	color:#038f21;
	}

	.td-cooldown{
		background:url('images/v-border.gif') repeat-y 100% 0;
		padding:4px 15px 0 15px;
		text-align:center;
		vertical-align:middle;
		font:normal 1.7em Verdana;
		}
		
		.td-cooldown s{
			font-size:0.9em;
			color:#b2b2b2;
			}
			
			.complete{
				color:#098300;
				}
		
	.td-logo{
		width:227px;
		}

/*chat
----------------------------*/
.wrapper-game{
	background:url('images/h-border.gif') repeat-x;
	padding:15px;
	}
	
.window-sidebar{
	float:right;
	margin-left:23px;
	width:230px;
	padding:0 18px;
	}
	
	.window-sidebar:before{
		content:url(images/lt-window-sidebar.gif);
		background: url(images/rt-window-sidebar.gif) no-repeat 100% 0;
		height: 43px;
		display: block;
		margin:0 -18px -22px -18px;
		}
		
	.window-sidebar:after{
		content:url(images/lb-window-sidebar.gif);
		background: url(images/rb-window-sidebar.gif) no-repeat 100% 0;
		height: 43px;
		display: block;
		margin:-15px -18px 0 -18px;
		}
	
	.user-list{
		height:288px;
		overflow:auto;
		}
		
		.user-list li{
			clear:both;
			overflow:hidden;
			margin-bottom:10px;
			height:50px;
			}
	
.window-chat{
	padding:0 30px 0 36px;
	margin:0 290px 0 0;
	}
	
	.window-chat:before{
		content:url(images/lt-window-chat.gif);
		background: url(images/rt-window-chat.gif) no-repeat 100% 0;
		height: 93px;
		display: block;
		margin: 0 -30px -60px -36px;
	}
	.window-chat:after{
		content:url(images/lb-window-chat.gif);
		background: url(images/rb-window-chat.gif) no-repeat 100% 0;
		height: 93px;
		display: block;
		margin:-60px -30px 0 -36px;
	}
	
	.chat-txt{
		position:relative;
		height:271px;
		overflow:auto;
		padding-right:5px;
		}
	
.location h2{
	font:normal 1.8em Tahoma;
	margin-bottom:5px;
	}
	
	.location h2 a{
		color:#000;
		}
		
	.location ul{
		height:65px;
		overflow:auto;
		}
		
		.location ul li a{
			font-size:1.1em;
			color:#000;
			}
			
.message-submit{
	margin:0 290px 0 0;
	height:140px;
	background:url('images/lb-window-sidebar.gif') no-repeat 0 100%;
}
	
	.message-submit form{
		padding:0 30px 0 36px;
		display:block;
		background:url('images/rt-window-sidebar.gif') no-repeat 100% 0;
}
		
		.resize-block{
			height:4px;
			text-align:center;
			background:url('images/resize.gif') no-repeat 50% 50% #b4b4b4;
			margin-top:1px;
			color:#fff;
			width:100%;
			border:solid 1px #b4b4b4;
			cursor:s-resize;
			}
		
		.message-submit form textarea{
			width:100%;
			height:18px;
			border:solid 1px #7e7e7e;
			}
			
		.wrapper-form p{
			font:bold 1.2em 'Trebuchet MS';
			padding:1px 0 4px 0;
			}
			
			.wrapper-form p a{
				border-bottom:dotted 1px #000;
				text-decoration:none;
				}
			
			.wrapper-form p input.checkbox{
				margin:0 5px 0 30px;
				}


.message-button{
	float:right;
	}

.wrapper-form{
	width:99%;
	}
	
.submit{
	margin-top:2px;
	overflow:visible;
	}
	
	
/*message*/

.date{
	position:absolute; right:5px; top:5px;
	font:italic 0.75em Tahoma;
	color:#c4c4c4;
	}

.message{
	padding:5px 8px 0;
	margin-bottom:18px;
	}
	
	.message h3{
		position:relative;
		z-index:2;
		font:bold 1.2em 'Trebuchet MS';
		color:#000;
		border-bottom:solid 1px #b9004a;
		}
		
		.bot-message h3{
			color:#00b9aa;
			border-bottom:solid 1px #00b9aa;
			}
		
	.message p{
		position:relative;
		font:normal 1.2em 'Trebuchet MS';
		border-top:solid 1px #c4c4c4;
		padding:2px 35px 2px 0;
		margin-top:-1px;
		overflow:hidden;
		text-align:justify;
		}
		
		.bot-message p, .sys-message p{
			font-weight:bold;
			}
	
.bot-message{
	border:solid 2px #00b9aa;
	}
	
	.bot-message:before{
		content:url('images/lt-bot-message.gif');
		background: url('images/rt-bot-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-5px -8px -8px -8px;
		}
		
	.bot-message:after{
		content:url('images/lb-bot-message.gif');
		background: url('images/rb-bot-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-8px -8px 0 -8px;
		}
		
.user-message{
	border:solid 2px #7a7a7a;
	}
	
	.user-message:before{
		content:url('images/lt-user-message.gif');
		background: url('images/rt-user-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-5px -8px -8px -8px;
		}
		
	.user-message:after{
		content:url('images/lb-user-message.gif');
		background: url('images/rb-user-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-8px -8px 0 -8px;
		}

.sys-message{
	border:solid 2px #b90000;
	}
	
	.sys-message:before{
		content:url('images/lt-sys-message.gif');
		background: url('images/rt-sys-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-5px -8px -8px -8px;
		}
		
	.sys-message:after{
		content:url('images/lb-sys-message.gif');
		background: url('images/rb-sys-message.gif') no-repeat 100% 0;
		height: 16px;
		display: block;
		margin:-8px -8px 0 -8px;
		}
		
.red{
	color:#b90000;
	}
	
.green{
	color:#009111;
	}
		
/*end message*/