/* The form element, functioning as a canvas to draw the background color on */
form {
	/* The background color of the theme */
	background-color	: #ebeede;
	/* The right-hand shadow of the "canvas" */
	background-image	: url('images/content-bg.png');
}

/* The horizontal menu beneath the logo */
div#top div.menu {
	/* The background image of the menu */
	background-image	: url('images/top-menu-bg.png');
}

div#top div.menu ul li {
	background-image	: url('images/top-menu-start.png');
}

div#top div.menu ul li a {
	background-image	: url('images/top-menu-end.png');
	border-color		: #fcf3d6;
}

/* The logo area */
span#logo {
	/* The background image behind the logo 
	background-image	: url('images/logo-bg.jpg');*/
	background-color	: #fff;
}

/* The box class, used to style boxes with borders and shadows */
div.box {
	/* The right-hand shadow of the box */
	background-image	: url('images/box-right.png');
	/* Set this border color to the same as the background color of the 'form' */
	border-color		: #fcf3d6;
}

/* The first child div of the 'box' class, used to add a bottom shadow */
div.box div {
	/* The bottom shadow of the box */
	background-image	: url('images/box-bottom.png');
}

/* The header of a box */
div.box h2 {
	/* The default background color for a box' header */
	background-color	: #d3cebc;
	background-image	: url('images/small-box-header-bg.png');
	color				: #000;
}
div.statistics h2 {
	margin-top			: 2em;
	clear				: both;
	background-image	: none;
	width				: 100%;
	background-color	: #989898;
}

div#body div.box h2
{
	/* The default background color for a box' header (larger version) */
	
	background-color	: #1467ab;
	/*background-image	: url('images/large-box-header-bg.png');*/
	color				: #000;
}
div.game h2 {
	/* The header of game related boxes*/
	background-image	: none;
	background-color	: #000;
	color				: #fff;
}

div.gametip h2 {
	/* The header of the tip game box*/
	background-image	: url('images/small-box-header-bg-game.png');
	background-repeat   : no-repeat;
	background-position : right;
}

div.todaysgame h2 {
	/* The header of the todays game box*/
	background-image	: url('images/small-box-header-bg-game-icon.png');
	background-repeat   : no-repeat;
	background-position : right;
}

/* The header of a game box. Change the background color to match the theme */
div#navigation div.vote h2 {
	/* The background color of a header in a vote box */
	background-color	: #E45B20;
	background-image	: url('images/small-box-header-bg-vote.png');
	background-repeat   : repeat-y;
	background-position : right;
}
/* The header of a box */
div#navigation div.star h2 {
	/* The default background color for a box' header */
	background-color	: #d3cebc;
	background-image	: url('images/small-box-header-bg.png');
	background-repeat   : repeat-y;
	background-position : right;
}

div#body div#article h1,
div#body div#article h2 {
	background-image	: none;
	background-color	: #fff;
	color				: #000;
}

div#body div.article h3 a:link,
div#body div.article h3 a:active,
div#body div.article h3 a:visited {
	color				: #000000;
}

/* The footer */
ul#footer {
	/* The bottom shadow to the form "canvas" */
	background-image	: url('images/content-bg-bottom.png');
}

/* General input buttons */
input.button {
	color				: #000;
	background-color    : #58513f;
	border				: none;
	background-image  	: url('images/top-menu-bg.png');
}
/* Race calendar styles */

.calendarCtrl table td tr
{
	/*border-width: .1em;
	border-color: #000;*/	
	border: none;
}
.DayHeader
{
	height: 20px;
	background-color: #58513f;
	color: #fff;
	vertical-align: middle;
	text-align: center;
}
.Day
{
	height: 68px;
	vertical-align: top;
	background-color: #fff;
	/*border: solid;
	border-width: .1em;
	border-color: #000;*/	
	border: none;
}
.OtherMonth
{
	background-color: #F2F0E6;
	color: #000;
	height: 68px;
	vertical-align: top;
	border: none;
}
.Title
{
	height: 18px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	background-color: #d3cebc;
	background-image: url(images/large-box-header-bg.png);
	text-transform: uppercase;
}
.SelectedDay
{
	color: #000;
	background-color: #a4d091;
	vertical-align: top;
	border: none;
}
.SelectedDay a
{
	color: #000;
}
/*.Today
{
	vertical-align: top;
	border-width: 1px;
	border-color: #FF0000;	
}*/
.WeekNumber
{
	position: absolute;
	left: 40px;
	color: #000;
	font-weight: bold;
}
	
/* END Race calendar styles */

/* style for agent listing */
.agentsListing tr td
{
	border: none;
}
.AgentsHeader
{
	font-weight: bold;
	color				: #fff;
	background-color    : #58513f;
	padding-left: 5px;
}
.AgentsStyle
{
}
.AgentsAlterningStyle
{	
}
/* Statistics tables */
div.statistics table caption {
	background-color	: #f9e6a8;
	border-color		: #1a2432;
}

div.statistics table thead th {
	background-color	: #f9e6a8;
	border-color		: #1a2432;
}

div.statistics table th, div.statistics table td {
	border-color		: #c5cfdd;
}

/* classes used by google map template */
div.map {
	/* The right-hand shadow of the box */
	background-image	: url('images/box-right.png');
	/* Set this border color to the same as the background color of the 'form' */
	border-color		: #edf0e2;
}
/* The first child div of the 'box' class, used to add a bottom shadow */
div.map div.main {
	/* The bottom shadow of the box */
	background-image	: url('images/box-bottom.png');
}

/* TODO: Verify color */
.disabled {
	color: #DFDFDF;
}

/* Main menu */
div#top div.menu ul li a:link,
div#top div.menu ul li a:active,
div#top div.menu ul li a:visited {
	color				: #000;
	text-decoration		: none;
}

div#top div.menu ul li a:hover,
div#top div.menu ul li.selected a:link,
div#top div.menu ul li.selected a:active,
div#top div.menu ul li.selected a:visited {
	font-weight			: bold;
}