/* Set the background to be shaded and fixed */
body
{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #efffdf;
	background-image: url('/img/background_shade.png');
	background-position: 0px 98px;
	background-repeat: repeat-x;
}

/* Set the content centered and define the width of the page */
.center
{
	width: 992px;
	margin: auto;
}

/* Layout the content */
div#content
{
	margin: 0px;
	margin-bottom: 2px;

	padding: 8px;

	background-color: #f4f4f4;

	background-image: url('/img/background_shadow.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;

	border: 1px solid #3f5f7f;
	border-top: 0;
}

div#identification
{
	width: 100%;
	height: 72px;

	background-color: #006f00;
	background-image: url('/img/identification_background.png');
	background-position: top left;
	background-repeat: repeat-x;

	border-bottom: 1px solid #003f00;
}

div#identification h1
{
	padding-top: 12px;
	font-family: bitstream vera sans, sans-serif;
	vertical-align: text-bottom;

	font-weight: bold;
	text-shadow: #bfffbf 0px 0px 2px;
}
div#identification h1 span
{
	font-size: inherit;
	font-family: inherit;
}

div#identification h1 img
{
	margin-top: -8px;
	vertical-align: text-bottom;
}
div#identification p
{
	font-family: bitstream vera, verdana, serif;
	font-size: 10px;
	margin-top: 0px;

	font-weight: bold;
	text-shadow: #0f7f0f 1px 1px 0px;
}

div#navigation
{
	width: 100%;
	height: 24px;

	background-image: url('/img/navigation_background.png');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffaf17;

	border-bottom: 1px solid #5f3f1f;
}

div#subnavigation
{
	width: 990px;
	height: 24px;

	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;

	background-color: #f4f4f4;

	border-bottom: 1px solid #3f5f7f;
}

div#status
{
	width: 100%;
	height: 24px;

	font-size: 10px;
}

/* Draw a frame at the rightmost side of the identification field */
div#ad_top
{
	position: absolute;
	top: 2px;
	width: 100%;
	height: 72px;
}

div#ad_top_content
{
	width: 800px;
	margin: auto;
}

/* Center the image in the frame */
div#ad_top img
{
	float: right;

	background-image: url('/img/frame_banner');
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;

	width: 468px;
	height: 60px;
	padding: 4px;
}

div#ad_banner
{
	float: right;

	background-image: url('/img/frame_banner');
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;

	width: 468px;
	height: 60px;
	padding: 4px;
}

div.status img
{
	margin-left: 3px;
	margin-right: 1px;
	vertical-align: text-bottom;
}

li.scheduled { background-color: #ff3f3f; }
li.started { background-color: #ffff3f; }
li.finished { background-color: #3fff3f; }
/* li.finished ul { display: none; } */

a:hover span {
	display: block !important;
	position: absolute;
	z-index: 99;
	left: 100%;
	margin-left: 4px;
	border: 1px solid #af7f7f;
	background-color: #ffefef;
	padding: 4px;
}