/*** Puzzle ***/

#sub_puzzle {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: center;
	height: 35px;
	}

#sub_puzzle_message {
	padding: 3px;
	font-size: 11px;
	color: #fff;
	background: #685;
	text-align: center;
	border-top: 1px solid #999;
	}

#time_left {
	padding: 1px 0 1px 12px;
	background: url("../images/hourglass.gif") no-repeat;
	color: #000;
	}
	
/*** Stats ***/

.stats {
	padding-top: 15px;
	}
	
.stats #total {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #06c;
	}
	
.stats .panel_block {
	float: left;
	margin-left: 8px;
	margin-top: 8px;
	}

.stats .closed {
	background: #666;
	color: #fff;
	}
	
.stats .label {
	float: left;
	padding: 2px 0;
	text-align: center;
	border: 1px solid #999;
	}
	
.stats .values {
	float: left;
	padding: 2px 0;
	text-align: center;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}
	
.stats .tile {
	width: 38px;
	}

.stats .word_label {
	width: 21px;
	}
	
.stats .word_values {
	width: 67px;
	}

.stats .total_label {
	width: 93px;
	}

.stats .total_values {
	width: 94px;
	color: #36c;
	font-weight: bold;
	}

.stats .letter_label,
.stats .number_label {
	width: 15px;
	}

.stats .yellow {
	background: #ffdd23;
	color: #000;
	}

.stats .green {
	background: #BFE76F;
	color: #000;
	}

.stats .blue {
	background: #A4CFFF;
	color: #000;
	}

.stats .gray {
	background: #eee;
	color: #000;
	}

.stats .done {
	background: #666;
	color: #fff;
	}

/*** Billboards ***/

* html #billboard { height: 141px; }
* html #billboard_mini { height: 141px; }

#billboard,
#billboard_mini {
	height: 137px;
	line-height: 125%;
	background: #ff9;
	border: 1px solid #999;
	}

#billboard h2,
#billboard_mini h2 {
	font-size: 14px;
	margin-bottom: 8px;
	color: #06c;
	}

/*** Word List ***/

#word_list_pane {
	width: 100%;
	height: 332px;
	overflow: auto;
	}

#word_list_loading {
	padding: 5px;
	text-align: center;
	color: #666;
	}
	
#word_list {
	margin: 6px 0;
	}
	
#word_list td {
	padding-bottom: 1px;
	}

#word_list td.lookup {
	width: 18px;
	}

#word_list td.word {
	width: 71px;
	}

#word_list td.letters {
	width: 35px;
	text-align: center;
	}

#word_list td.points {
	width: 43px;
	text-align: right;
	}

#word_list_header {
	padding-bottom: 5px;
	color: #666;
	border-bottom: 1px solid #ccc;
	}
	
#word_list_totals {
	padding: 3px 0;
	color: #fff;
	background: #c63;
	font-weight: bold;
	}
	
#total_words_found,
#total_words_found_header {
	float: left;
	display: inline;
	margin-left: 5px;
	width: 84px;
	}
	
#average_length,
#average_length_header {
	float: left;
	display: inline;
	width: 35px;
	text-align: center;
	}
	
#total_points,
#total_points_header {
	float: left;
	display: inline;
	width: 43px;
	text-align: right;
	}

#pts {
	float: left;
	display: inline;
	margin-left: 3px;
	}
	
#total_points,
#pts {
	color: #ff6;
	}

/*** Free Trial ***/

#free_trial {
	position: absolute;
	left: 80px;
	top: 520px;
	width: 200px;
	height: 100px;
	border: 2px solid #666;
	text-align: center;
	}

/*** Belt ***/

#belt {
	margin-top: 22px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#belt td {
	padding: 12px 15px;
	background: #ffc;
	}

#belt #friends td {
	padding: 0 15px 0 0;
	}

#belt #friends ul {
	list-style: none;
	margin-bottom: 10px;
	}

#belt #friends li {
	list-style: none;
	padding: 2px 0px 1px 16px;
	}

#belt #friends li {
	background: url("../images/dot.gif") no-repeat 0 3px;
	}

#belt #friends li a { color: #690; text-decoration: underline }
#belt #friends li a:link { color: #690; }
#belt #friends li a:visited { color: #690; }
#belt #friends li a:hover { color: white; text-decoration: none; background-color: #690 }