/**
 * Blog site specific styles
 * @author	Gaby Vanhegan <gaby@vanhegan.net> 20081021
 */
@import url( 'playr.subsite.css' );

input, select {
	padding: 2px 3px 2px 3px;
	margin: 1px 2px 1px 2px;
	border: 1px dotted #555;
	vertical-align: middle;
}

/**
 * list of games on the accounts page
 */
div.gamelist {
	width: 200px;
	float: left;
	margin-right: 10px;
}

/*
 * Classes for words that do or don't exist in the list already
 */
.exists    { background-color: #ee9999; }
.new       { background-color: #99ee99; }
.check     { background-color: #eeee99; }

.playeryes { background-color: #99ee99; }
.playerno  { background-color: #ee9999; }

.wordyes   { background-color: #99ee99; }
.wordno    { background-color: #ffbbbb; }
.wordcheck { background-color: #eeee99; }

.success   { background-color: #bbeebb; }
.failed    { background-color: #ffbbbb; }
.error     { background-color: #ffbbbb; }

input.wordyes { border-color: #33aa33; }
input.wordno { border-color: #aa3333; }

/*
 * Successfully added words or failed to add words
 */
div.success, div.failed, div.error {
	border: 1px dotted #aaa;
	padding: 5px;
	margin-bottom: 10px;
}
/*
div.success h2 { font-size: 12pt; }
div.error   h2 { font-size: 12pt; }
*/

/*
 * Words box on the game display page
 */
div#words { }
div#words .letterlist { margin: 0px 0px 3px 0px; }
div#words .theletter { font-weight: bold; }
span.word { margin-right: 4px; }
span.ajaxcheck { vertical-align: middle; margin-left: 4px; }

/**
 * Score box on the game display page
 */
div#scores {
	float: right;
	width: 180px;
	margin: 0px 0px 15px 15px;
	padding: 5px 10px 10px 10px;
	border: 1px dotted #999;
}
div#scores p { clear: both; }
div#scores .player { float: left; }
div#scores .score { float: right; }
/* div#scores h2 { font-size: 14pt; } */

/**
 * Form styles
 */
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; }