@charset "UTF-8";
/* CSS Document */

Body {
	text-align: center;
	background-Image: url("img/background_lightblue_swirl.svg");
	background-size: cover;
	background-attachment: fixed;
}

div.main {
	width: 1024px;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 10px;
}

div.menuItem {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
	color: white
}

div.menubar {
	padding: 5px 20px 5px 20px;
	background-color: #2f6d96;
	text-align: center;
	border-left: 1px solid #444444;
	border-right: 5px solid #444444;
	border-bottom: 5px solid #444444;
}

div.title {
	border-left: 1px solid #444444;
	border-right: 5px solid #444444;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	text-align: center;
	background-color: white
}

div.window {
	border-left: 1px solid #444444;
	border-right: 5px solid #444444;
	border-top: 1px solid #444444;
	border-bottom: 5px solid #444444;
	margin-top: 10px;
	background-color: white;
	padding: 10px;
}

a:link {
	color: white;
}

a:visited {
	color: white;
}

a.mustanglink:link {
	color: #333;
}

a.mustanglink:visited {
	color: #333;
}

.hide {
	display: none;
}

div.snaptrack {
	border-left: 1px solid white;
	background-color: black;
	height: 10px;
}

div.selectedtrack {
	background-color: red;
}

div.cellCenter {
	display: table-cell;
	text-align: center;
}

div.cellLeft {
	display: table-cell;
	text-align: left;
}

div.cellRight {
	display: table-cell;
	text-align: right;
}

div.tableFull {
	display: table;
	width: 100%;
}

div.tableAuto {
	display: table;
	width: auto%;
}

div.tableSidebar {
	display: table;
	width: 250px;
}

div.locationStatsHeaderRow {
	display: table-row;
	font-weight: bold;
	text-decoration: underline;
}

div.locationStatsRow {
	display: table-row;
}

div.locationStatsEvenRow {
	background-color: #cde7f0;
}

div.locationHeader {
	border-bottom: 1px solid #1d5162;
	background-color: #2f6d96;
	color: white;
}

div.locationFooter {
	border-top: 1px solid #1d5162;
	background-color: #2f6d96;
	color: white;
}

div.locationStatsOddRow {
	background-color: none;
}

div.locationStatsRank {
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

div.locationStatsLabelHeader {
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.locationStatsLabel {
	display: table-cell;
	width: auto;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.locationStatsValueHeader {
	display: table-cell;
	width: auto;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

div.locationStatsValue {
	display: table-cell;
	width: auto;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.collapse {
	display: none;
}

div.hermittable {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	width: 240px;
	vertical-align: middle;
}

.hermitdesc {
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

div.hermitp {
	background-color: #ffcccc;
}

div.hermitr {
	background-color: #ccffcc;
}

div.invisible {
	visibility: hidden;
}

.calsq {
	vertical-align: top;
	text-align: -webkit-center;
	height: 100px;
}

.callabel {
	font-size: 12px;
	padding: 5px 5px 10px 5px;
}

.calentry {
	text-align: -webkit-center;
	width: 80px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
	color: #2f6d96;
}

.caltoday {
	background-color: #DDDDDD;
}

.calcurrentevent {
	text-align: -webkit-center;
	background-color: #FFFF00;
	font-size: 14px;
	border: 2px solid #000000;
	padding: 10px;
}

.spanbold {
	font-weight: bold;
}

.hideCurrentEvent {
	display: none;
}