/*
===============================================
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
=============================================== */


/*
===============================================
Major Class
=============================================== */
.warning	{
	color:#900;
}


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


/*
===============================================
Virtual Courses
Totals
=============================================== */
#virtualCourses	header,
#totals			header	{
	width:710px;
	margin-bottom:20px;
	height:32px;
	padding:4px 10px;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color:#FFF;
}
#virtualCourses	header select,
#totals			header select	{
	margin-right:20px;
	font-size:120%;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#999;
}
#virtualCourses	header select	{
	float:left;
}
#totals	header select:last-child	{
	margin-right:0;
}
#virtualCourses header p {
	margin-top:4px;
	float:left;
	font-size:120%;
	font-weight:bold;
}
#virtualCourseId	{
	float:right;
}

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

/* Map
 * Chart
----------------------------------------------- */
#map,
#chart {
	position:relative;
	width:730px;
	height:548px;
	color:#FFFFFF;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#chart	{
	margin-bottom:20px;
}
#chart select	{
	border-style:solid;
	border-width:1px;
	border-color:#999;
}

/*
===============================================
Totals
=============================================== */
#totalsTable {
	width:698px;
	padding:16px;
	color:#FFFFFF;
	float:left;
	background-image:url(/img/patterns/denim.png);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#totalsTable h1	{
	margin-bottom:4px;
	font-size:120%;
	font-weight:bold;
}
#totalsTable h1:not(:first-child)	{
	margin-top:16px;
}
#totalsTable table	{
	width:100%;
	border:1px solid #CCC;
	border-collapse:collapse;
	font-size:75%;
}
#totalsTable tr.total	{
	background-color:rgba(153, 0, 0, 0.6);
}
#totalsTable table th	{
	border: 1px solid #CCC;
	background-color: rgba(51,153,0,0.6);
	font-weight: normal;
	text-align: center;
	padding: 0.3em;
}
#totalsTable table td	{
	border:1px solid #CCC;
	padding:0.3em;
	text-align:right;
}
#totalsTable table td:last-child	{
	width:10%;
}
#totalsTable div.buttons	{
	width:100%;
}
#totalsTable div.buttons div.csv	{
	width:64px;
	height:32px;
	float:right;
	background-image:url(/img/runners/to_csv.png);
	cursor:pointer;
}
#totalsTable p.notice	{
	font-size:80%;
	color:#999;
}