/********************************/
/* GENERAL
/********************************/

body
{
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}

h1
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #008080;	
}

h2
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
}

h3
{
	clear:both;
	font-size:14px;
	font-weight: bold;
	margin: 0px;	
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	color: #666666;		
}

h4
{
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

a
{
	color:#555555;
	text-decoration:none;
}

a:hover
{
	text-decoration: none;
}

td
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #555555;
}

.timetronics
{
	font-family: Impact !important;
	font-size: 1.5em !important;
	font-weight: normal !important;
	font-style: italic !important;
	color: #0000FF !important;
}

/********************************/
/* HEADER
/********************************/

#header
{
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 112px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
	border-bottom: 3px solid #008080;
}

#header #innerHeader #logo
{
	position: absolute;
	left: 420px;
	top: 34px;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 800px;
	background-color: #FFFFFF;
	background-image: url(../Graphics/Header_template.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

#header #innerHeader #topheader
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 34px;
	background-color: #0000EE;
	background-image: url(../Graphics/track.gif);
	background-position: top left;
	background-repeat: repeat-x;

}

#header #headertitle
{
	position: absolute;
	clear: none;
	float: both;
	padding: 0px;
	margin: 0px;
	left: 250px;
	top: 15px;
	background-color: transparent;
	z-index: 1000;
}

#header #headertitle h1
{
	font-size: 26px;
	font-weight: bold;
	color: #005B5B;
}

/********************************/
/* MENU
/********************************/

#menu
{
	position:absolute;
	top: 185px;
	left:0;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-left: 10px;
	width: 220px;
}

#menu div.days ul, #menu div.groups ul
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	list-style-image: url(../Graphics/blank.png);
	list-style-position: inside;
	display: block;
	background-color: transparent;
}

#menu div.days li, #menu div.groups li, #menu div.events li
{
	display: block;
	margin: 0px;
	padding: 0px;
}

#menu div.days li a
{
	display: block;
	margin: 0px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #005B5B;
	border: 1px solid #008080;
}

#menu div.days li a span, #menu div.groups li a span, #menu div.events li a span
{
	display: block;
}

#menu div.days li a:hover
{
	background-color: #008080;
}

#menu div.groups li a
{
	display: block;
	margin: 0px;
	margin-top: -1px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #008080;
	background-color: #CCCCCC;
	border: 1px solid #008080;
	
}

#menu div.groups li a:hover
{
	background-color: #FFFFFF;
}

#menu div.groups li span, #menu div.days li span 
{
	cursor: pointer;
}

#menu div.events ul
{
	margin: 0px;
	padding: 0px;
	list-style-image: url(../Graphics/blank.png);
	list-style-position: inside;
	display: block;
	background-color: transparent;
}

#menu div.events li
{
	display: block;
	padding: 0px;
}

#menu div.events li a
{
	display: block;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #008080;
}

#menu div.events li a:hover
{
	color: #FFFFFF;
	background-color: #005B5B;
}

#menu #innermenu
{
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
}

#menu #bottomlinks
{
	margin: 0px;
	padding: 5px;
	margin-bottom: 40px;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

#menu #bottomlinks ul
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	list-style-image: url(../Graphics/blank.png);
	list-style-position: block;
	display: block;
	background-color: transparent;
}

#menu #bottomlinks li
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
}

#menu #bottomlinks li a
{
	margin: 0px;
	padding: 0px;
	color: #555555;
	font-size: 10px;
	background-color: transparent;
	border: none;
}

#menu #bottomlinks a:hover
{
	background-color: #555555;
	color: #FFFFFF;
}

#menu #bottomlinks ul li
{

	padding-left: 15px;
}

#menu p
{
	display: block;
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #008080;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

/********************************/
/* CONTENT
/********************************/

#content
{
	margin: 0px;
	margin-left: 250px;
	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 30px;
	border: 0px;
	background-color: #FFFFFF;
}

#content #toplinks
{
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #E7E7E8;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
	width: 100%;
}

#content #toplinks a.previous
{
	position: absolute;
	left: 0px;
	width: 33%;
	text-align: left;
}

#content #toplinks a.next
{
	position: absolute;
	right: 0px;
	width: 33%;
	text-align: right;
}

#content #toplinks a.photofinish
{
	position: absolute;
	left: 34%;
	width: 35%;
	text-align: center;
}

/********************************/
/* FOOTER
/********************************/
#footer
{
	width: 100%;
	text-align: center;
	height: 50px;
	background-color: #FFFFFF;
	margin-left: 220px;
	margin-top: 40px;
}

#footer ul.links
{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 20px;
	list-style: none;
}

#footer ul.links li
{
	clear: none;
	float: left;
	display: block;
	margin: 0px;
	height: 20px;
	padding: 0px;
	width: auto;
	padding-left: 1%;
	padding-right: 2%;
}

#footer p.poweredby
{
	text-align: right;
}

/********************************/
/* SPECIFIC FOR EACH PAGE
/********************************/

/* SCHEDULE */

body.schedule #daystart
{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E7E7E8;
}

body.schedule #daystart a
{
	padding: 2px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

body.schedule #daystart a:hover
{
	color: #E7E7E8;
	background-color: #555555;
}

body.schedule #daytitle
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

body.schedule #daytable table.daytable td.plannedtime
{
	width: 70px;
}

body.schedule #daytable table.daytable td.eventname
{
	width: 220px;
}

body.schedule #daytable table.daytable td.phase
{
	width: 70px;
	display: none;
}

body.schedule #daytable table.daytable td.cat
{
	width: 70px;
	display: none;
}

body.schedule #daytable table.daytable td.gender
{
	width: 70px;
}

body.schedule #daytable table.daytable td.participants
{
	width: 70px;
}

body.schedule #daytable table.daytable td.heats
{
	width: 70px;
	display: none;
}

body.schedule #daytable table.daytable td.status
{
	width: 70px;
}

body.schedule #daytable table.daytable td.time
{
	width: 70px;
}

body.schedule #daytable table.daytable tbody td a
{
	display: block;
}

body.schedule #daytable table.daytable tbody td a:hover
{
	color: #FFFFFF;
	background-color: #005B5B;
}

/* RACE */

body.race #racetable table.racetable td.rank
{
	width: 70px;
}

body.race #racetable table.racetable td.lane
{
	width: 70px;
}

body.race #racetable table.racetable td.id
{
	width: 70px;
}

body.race #racetable table.racetable td.name
{
	width: 200px;
}

body.race #racetable table.racetable td.pb
{
	width: 70px;
}

body.race #racetable table.racetable td.team
{
	width: 150px;
}

body.race #racetable table.racetable td.result
{
	width: 70px;
}

body.race #racetable table.racetable td.info
{
	width: 70px;
}

/* VERTICAL AND HORIZONTAL EVENTS */

body.vertfe #vertfetable table.vertfetable td.pos, body.horfe #horfetable table.horfetable td.pos
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.id, body.horfe #horfetable table.horfetable td.id
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.name, body.horfe #horfetable table.horfetable td.name
{
	width: 150px;
}

body.vertfe #vertfetable table.vertfetable td.pb, body.horfe #horfetable table.horfetable td.pb
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.team, body.horfe #horfetable table.horfetable td.team
{
	width: 150px;
}

body.vertfe #vertfetable table.vertfetable td.result, body.horfe #horfetable table.horfetable td.result
{
	width: 70px;
}

body.vertfe #vertfetable table.vertfetable td.rank, body.horfe #horfetable table.horfetable td.rank
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.info, body.horfe #horfetable table.horfetable td.info
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.vertheight, body.horfe #horfetable table.horfetable td.attempt1, body.horfe #horfetable table.horfetable td.attempt2, body.horfe #horfetable table.horfetable td.attempt3, body.horfe #horfetable table.horfetable td.attempt4, body.horfe #horfetable table.horfetable td.attempt5, body.horfe #horfetable table.horfetable td.attempt6
{
	color: #555555;
	width: 40px;
	padding-left: 7px;
	padding-right: 7px;
}

body.vertfe #vertfetable table.vertfetable thead td.vertheight, body.horfe #horfetable table.horfetable thead td.attempt1, body.horfe #horfetable table.horfetable thead td.attempt2, body.horfe #horfetable table.horfetable thead td.attempt3, body.horfe #horfetable table.horfetable thead td.attempt4, body.horfe #horfetable table.horfetable thead td.attempt5, body.horfe #horfetable table.horfetable thead td.attempt6
{
	font-weight: bold;
	font-size: 11px;
}

/* MULTI EVENTS */

body.multievent #multieventtable table.multieventtable td.rank
{
	width: 40px;
}

body.multievent #multieventtable table.multieventtable td.id
{
	width: 40px;
}

body.multievent #multieventtable table.multieventtable td.name
{
	width: 150px;
}

body.multievent #multieventtable table.multieventtable td.team
{
	width: 150px;
}

body.multievent #multieventtable table.multieventtable td.points
{
	width: 60px;
}

body.multievent #multieventtable table.multieventtable td.info
{
	width: 40px;
}

/* TEAM POINTS */

body.team #teamtable table.teamtable td.rank
{
	width: 40px;
}

body.team #teamtable table.teamtable td.team
{
	width: 60px;
}

body.team #teamtable table.teamtable td.name
{
	width: 150px;
}

body.team #teamtable table.teamtable td.points
{
	width: 60px;
}

/* GENERAL PROPERTIES */

body.schedule #title, body.schedule #daystart, body.race #title, body.vertfe #title, body.horfe #title, body.multievent #title, body.team #title
{
	display: block;
}

body.schedule #daytable, body.race #racetable, body.vertfe #racetable, body.horfe #horfetable, body.multievent #multieventtable, body.team #teamtable
{
}

body.schedule #daytable table.daytable, body.race #racetable table.racetable, body.vertfe #vertfetable table.vertfetable, body.horfe #horfetable table.horfetable, body.multievent #multieventtable table.multieventtable, body.team #teamtable table.teamtable
{
	table-layout: fixed;
	border-width: 1px;
	border-style: solid;
	border-color: #005B5B;
	text-align: center;
}

body.schedule #daytable table.daytable td, body.schedule #daytable table.daytable tr, body.race #racetable table.racetable td, body.race #racetable table.racetable tr, body.vertfe #vertfetable table.vertfetable td, body.vertfe #vertfetable table.vertfetable tr, body.horfe #horfetable table.horfetable td, body.horfe #vertfetable table.horfetable tr, body.multievent #multieventtable table.multieventtable td, body.multievent #multieventtable table.multieventtable tr, body.team #teamtable table.teamtable td, body.team #teamtable table.teamtable tr
{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

body.schedule #daytable table.daytable thead, body.race #racetable table.racetable thead, body.vertfe #vertfetable table.vertfetable thead, body.horfe #horfetable table.horfetable thead, body.multievent #multieventtable table.multieventtable thead, body.team #teamtable table.teamtable thead
{
	background-color: #CCCCCC;
}

body.schedule #daytable table.daytable thead td, body.race #racetable table.racetable thead td, body.vertfe #vertfetable table.vertfetable thead td, body.horfe #horfetable table.horfetable thead td, body.multievent #multieventtable table.multieventtable thead td, body.team #teamtable table.teamtable thead td
{
	border-width: 1px;
	border-style: solid;
	border-color: #005B5B;
	border-left: none;
	border-right: none;
	border-top: none;
	font-size: 14px;
	font-weight: bold;
	color: #005B5B;
}

body.schedule #daytable table.daytable tbody tr.odd, body.race #racetable table.racetable tbody tr.odd, body.vertfe #vertfetable table.vertfetable tbody tr.odd, body.horfe #horfetable table.horfetable tbody tr.odd, body.multievent #multieventtable table.multieventtable tbody tr.odd, body.team #teamtable table.teamtable tbody tr.odd
{
	background-color: #E0FFC2;
}

body.schedule #daytable table.daytable tbody tr.even, body.race #racetable table.racetable tbody tr.even, body.vertfe #vertfetable table.vertfetable tbody tr.even, body.horfe #horfetable table.horfetable tbody tr.even, body.multievent #multieventtable table.multieventtable tbody tr.even, body.team #teamtable table.teamtable tbody tr.even
{
	background-color: #F5FFF5;
}