/*
===============================================
Imported Styles
=============================================== */
/* /css/base2.css
 *
 * - Elements
 *   - *
 *   - html
 *   - body
 *   - select
 *
 * - Major Class
 *   - .spinner (usually div)
 *   - .error
 *   - .alignLeft, .alignRight
 *   - .marginTop0
 *   - .wrapper
 *   - .clear
 *   - .tooltip
 *   - div.divSubmit, input[type="submit"]
 *   - div.header, div.header div.cancel
 *
 * - header
 *   + nav
 *
 * - Main Content (#content)
 *
 * - footer
 *   + #backgroundPatternId
 *   + .copy
 *   + nav
----------------------------------------------- */
@import url("/css/base2.css");


/*
===============================================
Elements
=============================================== */
section {
	width:698px;
	padding:16px;
	margin-bottom:20px;
	color:#FFFFFF;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
section:last-child	{
	margin-bottom:0;
}

a:link, 
a:visited	{
	color:#FF0;
}
a:hover	{
	color:#FC0;
}

input[type=checkbox]	{
	margin-right:2px;
}


/*
===============================================
Major Class
=============================================== */


/*
===============================================
content
=============================================== */
#content	{
	min-height:100px;
}


/*
===============================================
area
=============================================== */
#area	{
	width:710px;
	height:32px;
	margin-bottom:20px;
	padding:4px 16px;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color:#FFF;
}

/* IconCheckbox
----------------------------------------------- */
#area table	{
	width:auto;
	margin:0.25em 1.5em 0.25em 0em;
	float:left;
	border-style:none;
	font-size:110%;
}
#area table tr	{
	opacity:0.5;
	color:#FFF;
}
#area table tr.selected	{
	opacity:1;
	color:#FC0;
	font-weight:bold;
}
#area table th, 
#area table td	{
	padding:0;
	border-style:none;
	background-color:transparent;
}

/*
===============================================
map
=============================================== */
#map {
	position:relative;
	width:730px;
	height:600px;
	margin-bottom:20px;
	color:#FFFFFF;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/*
===============================================
table
=============================================== */
section table	{
	table-layout:fixed;
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	font-size:80%;
}
section table th,
section table td	{
	border: 1px solid #CCC;
	font-weight: normal;
	padding: 0.3em;
}
section table th	{
	background-color: rgba(51,153,0,0.6);
	text-align: center;
}
section table td	{
	text-align:left;
}
section table th.filter	{
	text-align:left;
}
section table td.totalDistance	{
	text-align:right;
}
section table td.undulation,
section table td.airCleanliness,
section table td.obstruction	{
	text-align:center;
}

/*
===============================================
Other
=============================================== */
.latitude,
.longitude,
.raceId,
.trainingCourseId	{
	display:none;
}
div.evaluation	{
	height:12px;
	background-image:url(/img/runners/race/evaluation_60x12.png);
}
section table td.undulation		span,
section table td.airCleanliness	span,
section table td.obstruction	span	{
	display:none;
}
section table td.undulation		div,
section table td.airCleanliness	div,
section table td.obstruction	div	{
	width:24px;
	height:24px;
	background-image:url(/img/runners/training/icons_training.png);
}
#footnote	{
	margin:16px 0 0 0;
	padding-left:1.5em;
	list-style:disc;
	font-size:80%;
}
#footnote li:not(:first-child)	{
	margin-top:1em;
}
#footnote li div	{
	width:120px;
	height:24px;
	background-image:url(/img/runners/training/icons_training.png);
}
#footnote li.undulation div	{
	background-position:0px 0px;
}
#footnote li.airCleanliness div	{
	background-position:0px -24px;
}
#footnote li.obstruction div	{
	background-position:0px -48px;
}