/**
 * Onslaught playr subsite
 */
@import url( "playr.main.css" );
@import url( 'playr.subsite.css' );

body { margin: 0px; }
em.new { color: #ee3333; }
img.left { float: left; margin-right: 10px; margin-bottom: 5px; }

/**
 * Popup rating window
 */
div#all.rating { width: 400px; }
div#all.rating div#content { width: 400px; }
div#all.rating div#content.rated { text-align: center; }

/**
 * Popup game window
 */
div#all.popup { 
	width: 100%; 
	margin: 0px auto 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#all.popup div#content { 
	margin: 0px;
	padding: 0px;
}

div#all.popup div#thegame { 
	margin: 0px;
	padding: 0px;
}

div#all.popup div#flashcontent { 
	margin: 0px;
	padding: 10px;
}

div#all.popup div.google { 
	float: none;
	padding: 0px;
	text-align: center;
}

/**
 * Content split into navigation and body chunks
 */
div#contentnav { float: left; width: 180px; }
div#contentbody { margin-left: 200px; }
div#contentbody.turrets p { display: inline-block; }
div#contentbody.modifiers p { display: inline-block; }
div#contentbody.keys table.keys td { padding: 5px 5px 5px 0px; }
div#contentbody.keys table.keys .keynames { width: 150px; }
div#contentbody.combos img { vertical-align: middle; }

div.mappreview { float: left; }

/**
 * Form styles
 */
input, select {
	padding: 2px 3px 2px 3px;
	margin: 1px 2px 1px 2px;
	border: 1px dotted #555;
	vertical-align: middle;
}
form { }
fieldset {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px dotted #aaa;
}
form img { vertical-align: middle; }
form label {
	float: left;
	width: 130px;
	text-align: right;
	padding: 3px 5px 0px 0px;
}
form p.note {
	background: transparent;
	font-style: italic;
	font-size: 10pt;
	margin-left: 135px;
}
form p.section { margin-left: 145px; }
form p.checkbox { padding-left: 145px; }
form p.checkbox label { float: none; }

/**
 * Player score table
 */
table.scores {
	border-bottom: 1px solid #ccc;
	width: 98%;
}

/**
 * Player name, score
 */
table.scores span.score,
table.scores span.player {
	font-size: 12pt;
	font-weight: bold;
}

/**
 * Cell continaing the score
 */
table.scores td.score {
	text-align: right;
	border: 1px solid #ccc;
	border-left: 0px;
	border-bottom: 0px;
	padding: 6px;
}

/**
 * Cell continaing the score
 */
table.scores td.info {
	border: 1px solid #ccc;
	border-right: 0px;
	border-bottom: 0px;
	padding: 6px;
}

/**
 * Make the scores hover a nice colour
 */
table.scores tr:hover {
	background: #ffc;
}