@CHARSET "UTF-8";

/*
 * @package WorldCup
 * @version $Id: style.css 248039 2010-06-02 08:41:04Z ianhaycox $
 * @author ian
 * Copyright Ian Haycox, 2010
 */

/* Countdown clock */
.wcp2010_clock {
	text-align:center;
}

.updated, .error {
	border-style:solid;
	border-width:1px;
	margin:10px 0 5px 0;
	padding:0.5em 0 0 1em;
}

.error {
	background-color:#FFEBE8;
	border-color:#CC0000;
}

.updated {
	background-color:#FFFFE0;
	border-color:#E6DB55;
}

.message {
	font-weight:bold;
	text-align: center;
}

.tzClient {
	font-weight:bold;
}

/*
 * Groups results table
 */
 
table.group {
	width:100%;
	border-collapse: collapse;
}

table.group tr.row {
	line-height: 1.7em;
}

table.group th.col1 {
	width:35%;
	padding-left:0.5em;
}

table.group th.col-goal {
	width:9%;
	text-align: right;
	padding-right: 0.5em;
	vertical-align: middle;
}

table.group td.col-goal {
	text-align: right;
	padding-right: 0.5em;
}

table.group td.col-user {
	text-align: left;
	padding-left: 0.5em;
}

table.group th.col-team {
	vertical-align: middle;
	text-align:left;
}

table.group .col-score {
	text-align:center;
}

table.group img {
	border:1px solid gray;
	vertical-align: middle;
	margin-left: 0.5em;
}

table.group tr.row-header {
	line-height:1.5em;
	background-color: gray;
}

table.group .col-points {
	text-align:right;
	padding-right: 0.5em;
}

table.group td.l, table.group th.l {
	text-align:left;
}
table.group td.r, table.group th.r {
	text-align:right;
}

/* Zebra */
table.group tr.alt td, table.group tr.alt th {
	border-bottom:1px solid #CCCCCE;
	background:#CCCCCE none repeat scroll 0 0;
}
table.group tr.even td, table.group tr.even th {
	border-bottom:1px solid #CCCCCE;
	background:#FFFFFF none repeat scroll 0 0;
}


/*
 * Predictions tables
 */
table.predictor {
	width:100%;
/*	table-layout:fixed; */
}

table.predictor td.sep {
	border-bottom: 1px solid black;
	text-align: center;
}

table.predictor td.l {
	width:35%;
	text-align:left;
	padding-left:1em;
	vertical-align: middle;
}

table.predictor td.cl {
	width:10%;
	text-align: right;
}

table.predictor td.c {
	width:5%;
	text-align: center;
}

table.predictor td.cr {
	width:10%;
	text-align: left;
}

table.predictor td.cl input {
		width:2em;
		text-align:right;
		font-weight: bold;
}

table.predictor td.cr input {
		width:2em;
		text-align:left;
		font-weight: bold;
}

table.predictor td.r {
	width:35%;
	text-align:right;
	padding-right:1em;
	vertical-align: middle;
}

table.predictor img {
	border:1px solid gray;
	vertical-align: middle;
}