//= require jquery-ui-1.8.21.custom
*{
	margin:0;
	padding:0;
}
body{
	background:#deedf1;
}
div{
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
div:hover{
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
@-webkit-keyframes shadow-shine { 
	0% { box-shadow:0 0 5px #61CAD8; } 
	50% { box-shadow:0 0 15px #61CAD8; }
	100% { box-shadow:0 0 5px #61CAD8; } 
}
@font-face {
  font-family: 'fontello';
  src: font-url("fontello.eot");
  src: font-url("fontello.eot?#iefix") format('embedded-opentype'), font-url("fontello.woff") format('woff'), font-url("fontello.ttf") format('truetype'), font-url("fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
a{
	font-family:'Microsoft Yahei';
}
.icon{
	font-family:'fontello';
}
.left{
	float:left;
}
.right{
	float:right;
}
.cleaner{
	clear:both;
}
#head_bar{
	width:100%;
	position:fixed;
	color:white;
}
#head_bar a:link{
	color:white;
	font-size:10px;
	text-decoration:none;
}
#logo{
	width:200px;
	height:80px;
	background:#0099CC;
	float:left;
	border-radius:0px 0px 10px 0px;
	position:fixed;
	z-index:2;
}
#head_bar_toolbar{
	width:100%;
	height:30px;
	top:0px;
	background:#0099CC;
	float:right;
	position:fixed;
	z-index:1;
}
#head_bar_toolbar .right{
	padding:4px 10px 0 0;
}
.head_bar_toolbar_usericon{
	border-radius:2px;
	margin-left:-22px;
	box-shadow:0 0 2px white;
	position:absolute;
}
#actions{
	margin:35px 0 0 210px;
	font-size:11px;
}
.action_header{
	font-size:13px;
	color:#41A1B7;
}
.server_active{
	color:#2F3D3F;
	text-shadow:0 0 3px #383838;
}
#announcement{
	height:50px;
	font-size:14px;
	margin:30px 10px 0 0;
	float:right;
}
#main{
	width:90%;
	margin:15px auto;
}
#rooms{
	width:80%;
}
.room{
	width:22%;
	height:92px;
	border-radius:10px;
	padding:5px;
	background:#FFFFFF;
	float:left;
	margin:5px;
	display:list-item;
	list-style:none;
	-webkit-transition:background 0.2s ease;
	-moz-transition:background 0.2s ease;
	-o-transition:background 0.2s ease;
	transition:background 0.2s ease;
}
.room:hover{
	background:#C9DFE2;
	-webkit-transition:background 0.2s ease;
	-moz-transition:background 0.2s ease;
	-o-transition:background 0.2s ease;
	transition:background 0.2s ease;
}
.room_id{
	font-size:10px;
	color:#A8A8A8;
}
.room_name{
	font-size:10px;
	color:#3F3F3F;
}
.room_VS{
	font-size:5px;
}
.room_player, .room_player:link, .room_player:visited{
	text-decoration:none;
	color: black;
	text-align:center;
	font-size:20px;
}
.room_statusbox{
	float:right;
}
.room_status{
	width:20px;
	height:5px;
	font-size:5px;
	color:#FFF;
	background:#FFBD48;
	border-radius:3px;
}
.red{
	background:#F25536;
}
.green{
	background:#77CC62;
}
.lock{
	float:right;
	font-size:8px;
}
#users{
	width:15%;
	margin:10px 0 0 5px;
}
#users_header{
	width:15%;
	display:block;
}
.user{
	border-bottom:#FFF 1px dashed;
	font-size:11px;
	margin:2px;
	display:block;
}
.wait{
	-webkit-animation-name: shadow-shine;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear; 
	border:0.5px #61CAD8 solid;
	box-shadow:0 0 1px #61CAD8;
	cursor :pointer
}
footer{
	border-top:1px dashed #FFF;
	clear:both;
	text-align:center;
	font-size:10px;
	color:#004859;

}