@CHARSET "ISO-8859-1";
body 				{ overflow:hidden; margin:0; border:0; padding:0;
						color:white; font-family:verdana; font-size:.7em; }
div.info			{position: fixed; top: 0px; z-index: 100; width: 100%; padding: 5px; background:none}
.copyright			{ position:absolute; bottom:1em; margin-left:5% }
audio				{ position:absolute; bottom:1em; right:20em; }
.copyright a		{ color:lavender }
.superscript		{ vertical-align: super; font-size:80% }
.clear				{ clear:both; }
.thin				{ margin:0; border:0; padding:0; }
#statsContainer		{ font-size:1.5em; }

/* controls and navigation updates */
#navigationControls	{ right:0px; }
#controls			{ left:0px; }
div.quarterPanel		{ float:left; width:49%; border:1px solid slateblue;
							padding: .5em; padding-left:0; padding-right:0; }
.hideControls		{ margin:2em; }
.ui-slider-handle 	{ width:3em !important;}
#timeSlider			{  }
div.navtrol			{ height:100%; position:absolute; top:0px; min-width:15em;
						z-index:2; margin:0px; padding-top:.3em; overflow-y:auto;
						border:0; border-left:2px outset darkslategrey; background-color:grey}
div.navtrol a 		{ display:block; width:8em; }
div.navColumn		{ float:left; width:8em;}
#relativityButtons button { margin:0px; width:5em;}
#relativityButtons button.go { margin:0px; width:2em;}
div.control			{  /*float:right; position:relative; */}
.control1			{ position:absolute; top:0; right:0; z-index:100; }
.control2			{ position:absolute; top:0; right:17em; z-index:100; }
.control3			{ position:absolute; top:0; right:33em; z-index:100; }
.control4			{ position:absolute; top:0; right:49em; z-index:100; }
.control5			{ position:absolute; top:0; right:65em; z-index:100; }
div.bottom			{ position:absolute; bottom:0; z-index:101; right:1em; }
div.controller		{ z-index:2; margin:0p; padding-top:.3em;
						border:2px solid darkslategrey; border-top:0; background-color:grey}
button.control 		{ position:absolute; top:40px; right:-35px; width:100px;
						font-weight:bold; color:darkslategrey; font-size:1.5em;
						padding:.2em; background:grey; 
						border-color:darkslategrey; border-top:0; margin:0;
							transform:rotate(90deg);
							-ms-transform:rotate(90deg); /* IE 9 */
							-moz-transform:rotate(90deg); /* Firefox */
							-webkit-transform:rotate(90deg); /* Safari and Chrome */
							-o-transform:rotate(90deg); /* Opera */ }
#controlButton		{ position:absolute; left:-35px; border:2px outset buttonface; border-bottom:0;}
div.control a		{ font-weight:bold; color:darkslategrey; width:10em;
						padding-left:1em; padding-right:1em; margin-left:1.5em; margin-right:1.5em;
						border:2px solid darkslategrey; border-top:0; background-color:grey}
div.navtrol input, select 	{width:8em}
div.navtrol input.slider 	{ width:3em }
div.slider			{ margin:1em; height:22em; float:left; }
.update				{ margin:0; margin-top:.3em;}
div.playerStats		{ margin-top:1em;}
div.playerLabels	{ width:8em; }
input.timer, div.playerStatsContent 	{width:6.5em; background:black; color:yellow; 
						border:1px yellow; text-align:right; overflow:hidden;
						margin-right:0; margin-left:0;}
div.controller input[type=checkbox]	{ width:2em; }
input.timer			{ width:13em}
div.playerStatsContent div { float:left; }
div.playerStatsContent .longLatDeg { width:3em; margin:0; padding:0; }
div.playerStatsContent .longLatMin { width:2.5em;  margin:0; padding:0; }
div.designation		{padding-top:.5em; font-weight:bold; vertical-align:bottom; text-transform:uppercase;}
.hidden				{ display:none; }
div.label			{ width:10em; float:left; }

/* notices */
#notice				{ position:absolute; bottom:1em; left:30%; width:40%;
						font-size:1.2em; }
.notice 			{ background:#00001C; border:1px solid yellow; clear:right;}
div.noticeButt		{ float:right;}
#fb, #twitter, #plusOne	{ float:left; margin-top:.5em; }
#plusOne		{ position:relative; top:-1px; right:-12px }
#fb				{ position:relative; top:1px; margin-left:1em;}
#notice button		{ width:5em; margin:.5em;}
#errorDiv div		{ background-color:red; color:white; 
						padding:.2em; padding-left:.5em; padding-right:.5em; }