/* Meyer reset from http://meyerweb.com/eric/tools/css/reset/ (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

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

#main ul {
	float: none;	
}

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

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

#main ul li img{
  width: 20px;
  margin-left: 8px;
}

#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 {
  display: none; 
}

#newRoomDialog #room span {
	display: inline-block;
}

#newRoomDialog label { 
  float: left;
  margin-top: 10px;
}

#newRoomDialog #lang select { 
  width: 150px;
}

#newRoomDialog #maxPlayers select { 
  width: 60px;
}

#newRoomDialog #lang { 
  margin-top: 10px;
}

#newRoomDialog #maxPlayers { 
  margin-top: 7px;
}

.disabled {
	opacity: .1;
}

.clear {
	clear: both;	
}