/* qu highscore properties */
#content {
	background: url( "/images/light-bg-150-blue.jpg" ) repeat-x #fff;
	table-layout: fixed;
	}

#content .invalid-user {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	color: #76797C;
	}

#content .label {
	font-weight: bold;
	font-size: 13px;
	color: #0088F0;
	vertical-align: bottom;
	white-space: nowrap;
	padding-right: 14px;
	}

#content .dialog-box {
	background-color: #EBEEF0;
	border: 1px solid #ABABB3;
	padding: 14px 24px;
	margin: 20px auto;
	}

#content input, #content select {
	font-size: 13px;
	}

#content .button {
	width: 80px;
	}

#content .page-title {
	vertical-align: top;
	padding: 0 0 10px 110px;
	position: relative;
	min-height: 70px;
	
	background-image: url( "/images/qu-hs-goblet.jpg" );
	background-position: top 10px;
	background-repeat: no-repeat;
	}


/* --- Sidebar menu --- */

.blue #content .sidebar {
	background: none;
	padding: 10px 0 20px 0;
	width: 190px;
	}

#hs-menu {
	margin: 0;
	line-height: 22px;
	}
	
#hs-menu a {
	color: #000;
	text-decoration: none;
	}

#hs-menu .menu-group-title {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0088F0;
	padding: 20px 0 0px 26px;
	}

#hs-menu .menu-item {
	font-size: 12px;
	color: #000;
	vertical-align: middle;
	padding: 0px 8px 0px 26px;
	}

#hs-menu .menu-item:hover { /* overridden in mac-mozilla.css! */
	background-image: url("/images/arrow-7-blue.gif");
	background-position: 14px center;
	background-repeat: no-repeat;
	}
	
#hs-menu .menu-item:hover a {
	color: #000;
	text-decoration: underline;
	}

#hs-menu .item-selected, #hs-menu .item-selected:hover { /* overridden in mac-mozilla.css! */
	font-weight: bold;
	background-image: url("/images/arrow-7-blue.gif" );
	background-position: 14px center;
	background-repeat: no-repeat;
	}


/* --- Highscore lists --- */

#content .hs-list-cell {
	padding: 30px 20px 20px 20px;
	vertical-align: top;
	}

#hs-list {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	}

#hs-list th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #0088F0;
	vertical-align: bottom;
	padding: 0 10px 1px 0;
	}

#hs-list td {
	text-align: right;
	font-size: 12px;
	color: #76797C;
	padding: 0 10px 0 0;
	background: url( "/images/hs-list-bg.gif" ) repeat-x;
	border-width: 1px 0;
	border-color: #ddd;
	border-style: solid;
	height: 24px;
	vertical-align: middle;
	}

#hs-list td, #hs-list th { white-space: nowrap; }

#hs-list td a { color: #76797C }

#hs-list td.first, #hs-list th.first { padding-left: 10px; }
#hs-list td.flag { text-align: center; }
#hs-list td.username { text-align: left; white-space: normal; }
#hs-list td.movement { text-align: center; }
#hs-list td.date, #hs-list th.date { text-align: left; padding-left: 10px; }
#hs-list td.recent { color: #ff0000; font-weight: bold; }
#hs-list strong { font-weight: bold; color: #000 }


/* --- Overview page --- */

#overview {
	table-layout: fixed;
	}

#overview .left-col {
	width: 100%;
	padding-right: 10px;
	}

#overview .right-col {
	width: 100%;
	padding-left: 10px;
	}

.list-title {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom: 8px;
	padding-left: 10px;
	}

.list-subtitle {
	font-size: 14px;
	font-weight: normal;
	color: #76797C;
	margin-top: -6px;
	margin-bottom: 8px;
	padding-left: 10px;
	}
	
.more { margin: 6px 0 0 10px; }


/* --- Detailed pages --- */

#title-text { padding: 0 10px }

#more-info-switch { cursor: pointer }
#more-info {
	margin: -10px 0 20px 0;
	border: 1px solid #ddd;
	padding: 0 10px;
	}

table.legend th { width: 15%; font-width: bold; vertical-align: top; text-align: left; color: #0088F0 }
table.legend td { padding-bottom: 6px }

.updated { margin: 6px 10px 0 10px; }
.updated-stats { margin: 20px 0 0 0; }


/* --- Players by name list --- */

.vertical-line { border-left: 1px solid #ddd; }

#pages { font-weight: bold; font-size: 11px; letter-spacing: 1px; color: #0088F0; padding: 6px 10px; }
#pages a { color: #0088F0; }
	
.hs-list .empty {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #76797C;
	text-transform: lowercase;
	padding: 20px;
	}


/* --- Player summary page --- */

#content .player-stats-cell {
	padding: 30px 20px 20px 20px;
	vertical-align: top;
	}

.player-stats-box {
	background: url("/images/big-list-bg.gif") repeat-x;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px 0 0 0;
	padding: 5px 10px;
	}

.player-stats {
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	}

.player-stats th {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #0088F0;
	vertical-align: bottom;
	white-space: nowrap;
	padding-right: 30px;
	width: 200px;
	}

.player-stats td {
	vertical-align: bottom;
	}


/* --- Account Settings --- */

#content .myaccount {
	padding: 30px 20px 20px 20px;
	vertical-align: top;
	}

#content .myaccount .error { color: #f00; }


/* --- Stats --- */

#loading {
	margin-top: 25%;
	letter-spacing: 1px;
	color: #76797C;
	font-size: 20px;
	font-weight: normal;
	height: 80px;
	padding-top: 60px;
	text-align: center;
	background: url( "/images/progress.gif") no-repeat top;
	}

#stats h1 { margin-bottom: 10px }
#stats h3 { margin-bottom: 10px }

#stats table.counters { width: 100%; }
#stats table.counters td { text-align: center; padding: 5px; vertical-align: top }

#stats .counter { /* overridden in mac-mozilla.css! */
	width: 100px;
	height: 30px;
	background: url( "/images/big-list-bg.gif" ) repeat-x #fff;
	border: 1px solid #ddd;
	padding: 8px 0 6px 0;
	font-weight: bold;
	font-size: 24px;
	color: #000;
	margin: 0 auto 4px auto;
	}

#stats .counter-label { font-size: 12px; font-weight: normal; color: #76797C }

#stats .left-col { width: 50%; vertical-align: top; padding-right: 20px; border-right: 1px solid #ddd }
#stats .right-col { width: 50%; vertical-align: top; padding-left: 20px }

#stats .graph { margin: 0 auto; }

#stats .graph .left { text-align: right; padding-right: 10px; white-space: no-wrap }
#stats .graph .right { padding-top: 2px; padding-bottom: 2px; border-left: 1px solid #000 }
#stats .graph .top td { vertical-align: bottom; text-align: center; }
#stats .graph .bar { /*border-width: 0 1px; border-style: solid; border-color: #000*/ }

#stats .bottom td { text-align: center; padding-top: 4px; border-top: 1px solid #000 }

#stats #countries .flag { padding-right: 10px }
#stats #countries .left { text-align: left }