body {
	line-height: 1;
	background: url('../images/bg.png');
	color: white;
	font-family: "Times New Roman", Times, serif;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin: 0 auto;
	text-align: center;
	width: 30em;
}

#main {
	width: 30em;
	float: none;
	margin: 0 auto;
}

#main ul {
	float: none;	
}

#main ul h5 {
	margin: .6em 0 .6em 0;
	padding-left: .6em;
	text-align: left;
}

#main ul li {
	float: none;	
	text-align: left;
}

#main ul li.selected {
	background: #D9812F;
	opacity: .9;
}

#main ul li.selected .ui-state-focus {
	border: 1px solid transparent;
	background: none;
}

#main ul li div {
	display: inline-block;	
}
#main ul li div span {
	font-style: italic;
	font-size: 90%;
}

#main button#joinRoom {
	float: right;	
	margin-top: .4em
}

#main #playerInfo {
	border-radius: 5px;
	border: 1px solid #555;
	background: #111;
}

#main #playerInfo span {
	display: inline-block;
	margin-top: .7em;	
}

input.main {
	cursor: text;
	width: 70%;
	border-radius: 5px;
	padding: .1em .3em .1em .3em;
	border: 1px solid #555;
	height: 2em;
	font-size: 18px;
	float: right;
	color: white;
	background: #111;
	
}

input.main:hover {
	border: 1px solid #157DEC;
	box-shadow: 0px 0px 5px #F7F7E3 inset;
}

input:-moz-placeholder {  
    color: #aaa;  
}

#newRoomDialog span {
	display: inline-block;
}

.disabled {
	opacity: .1;
}

.clear {
	clear: both;	
}