@charset "utf-8";
/* Default CSS Document */

html,body { overflow: auto; }
html>body { overflow: visible; }
html { height: 100%; }

body {
  height: 95%;
  min-width: 500px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.controlpanel {
  background:none;
}

body * {
  margin: 0;
  padding: 0;
}

html>body .clearit {
  width: auto;
  height: auto;
}

h1 {
  color: #000000;
}

body.controlpanel {
  margin: 1em 0;
}

h2 { 
  margin: 1em auto;
  text-align: left;
}

h2.confirm
{
  margin: 1em auto;
  text-align: center;
}

h3 {
  text-align: left;
  border-bottom: 1px solid #999;
}

a { text-decoration: underline; }
a img { border:0px; }
a:hover { text-decoration: none; }

hr { 
  height: 1px;
  margin: 1em auto;
  color: #ccc;
  background: #ccc;
  border: 0;
}

table { 
  margin: 1em 0;
}

table.formblock { width: 100%; }

table.listblock {
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid silver;
}

caption {
  margin: 1em 0;
  padding: .5em 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 120%;
  border-top: 1px solid #999;
}

:root caption { margin: 0 0; }

.formblock td { 
  padding: 1px; 
  text-align: left;
}

.listblock td {
  padding: 1px;
  text-align: left;
}

label {
  cursor: help;
}

input {
  padding: 1px;
}

input.req{
  padding: 1px;
  background-color: #F8F8F8;
}

textarea.req{
  background-color: #F8F8F8;
}

select option {
  padding: 1px 8px 1px 1px;
}

.req { color: #6699FF; }
.note { text-align: left; }
.confirm { text-align: center; }
.desc { color: #999; }
.panelhead {
	color: #a93838;
	font-weight: bold;
	font-size:medium;
}
.error {
  text-align: left;
  color: #6699FF;
  font-weight: bold;
}

#top {
 display: none;
}

#nav { margin: 0 auto; }

#wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  overflow: hidden;
}

#wrapper[id] {
  position: static;
  display: table;
  font-size: 100%;
}

#masthead, #footer {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 99.9%;
  height: 60px;
  text-align: left;
  background: #fff;
  border-bottom: 0px;
  border-top: 3px solid #ccc;
}

#content {
  clear: none;
  position: absolute;
  z-index: 99;
  top: 50%;
  margin: 0 auto;
}

#content[id] {
  position: relative;
  top: 0;
  width: auto;
  display: table-cell;
  vertical-align: top;
  border: 0px dotted red;
}

#content p {
  margin: 0 0 1em 0;
}

#fcontent {
  clear: none;
  position: absolute;
  z-index: 99;
  top: 50%;
  margin: 0 auto;
}

#fcontent[id] {
  position: relative;
  top: 0;
  width: auto;
  display: table-cell; 
  vertical-align: top;
  border: 0px dotted red;
}

#fcontent p {
  margin: 0 0 1em 0;
}

#vlogo {
  display: block;
  width: 520px;
  height: 275px; 
  margin: 0 auto;
  background: transparent url(/images/vortex.png) center center no-repeat;
}

html>body #vlogo {
  margin: 0 auto;
  background: transparent url(/images/vortex.png) center center no-repeat;
}

#logo img,
#vlogo img { display: none; }

#innerspace {
  position: relative;
  top: -50%;
  left: -50%;
  width: 620px;
  padding: 0;
  font-size: .75em;
}

html>body #innerspace {
  top: 28%;
  left: 0;
  margin: 0 auto;
}

:root body #innerspace[id] {
  position: static;
  top: 0;
}

#innerspace p {
  margin: 1em 0;
}

#finnerspace {
  position: relative; 
  top: -50%;
  left: -50%;
  width: 800px;
  padding: 0;
  font-size: .75em;
}

html>body #finnerspace {
  top: 28%;
  left: 0;
  margin: 0 auto;
}

:root body #finnerspace[id] {
  position: static;
  top: 0;
}

#finnerspace p {
  margin: 1em 0;
}

#minnerspace {
  position: relative; 
  top: 0;
  left: -50%;
  width: 600px;
  padding: 0;
  font-size: .75em;
}

html>body #minnerspace {
  top: 0;
  left: 0;
  margin: 0 auto;
}

:root body #minnerspace[id] {
  position: static;
  top: 0;
}

#minnerspace p {
  margin: 1em 0;
}

#map_canvas
{
	width: 100%;
	height: 95%;
	min-height: 95%;
	overflow: hidden;
}

.brclear
{
	clear:both; 
	height:0; 
	margin:0; 
	font-size: 1px; 
	line-height: 0; 
} 

#rinnerspace {
  position: relative; 
  top: -50%;
  left: 0px;
  width: 90%;
  padding: 0;
  font-size: .75em;
}

html>body #rinnerspace {
  top: 28%;
  left: 0;
  margin: 0 auto;
}

:root body #rinnerspace[id] {
  position: static;
  top: 0;
}

#rinnerspace p {
  margin: 1em 0;
}

#rinnerspace h2 { 
  margin: 1em auto;
  text-align: center;
}

#rinnerspace h3 
{
  border-bottom: none;
  text-align: center;
}

#rinnerspace a { color: #000000; }
#rinnerspace a:active { color: #000000; }
#rinnerspace a:hover { color: #000000; }
#rinnerspace a:link { color: #000000; }
#rinnerspace a:visited { color: #000000; }

#attribution {
  text-align: center;
  font-size: .98em;
  color: #999;
}

#zoomIn {
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
}

#zoomOut {
	position:absolute;
	top:10px;
	left:28px;
	cursor:pointer;
}

#statusBar {
	position:absolute;
	bottom:0px;
	height:14px;
	z-index:20;
	overflow:hidden;
	padding:3px;
	background-color:#F8F8F8;
	border:1px solid black;
}

#loader {
	display:none;
	position:absolute;
	z-index:21;
	bottom:3px;
	right:9px;
}

#infoBar {
	position:absolute;
	top:6px;
	z-index:22;
}

#colorBar {
	position:absolute;
	left:6px;
	bottom:56px;
}

.option
{
	position:relative;
	top:-20px;
	width: 190px;
	border: #cccccc 1px solid;
	padding:10px;
	margin:10px;
	float:left;
}

#tabsheader {
	position: relative;
	height: 2em;
	width: 230px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabsheader ul#tabs {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: -1px;
	width: 230px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabsheader ul#tabs li  {
	display: inline;
	list-style: none;
}

#tabsheader ul#tabs a,#tabsheader ul#tabs span,#tabsheader ul#tabs a.current {
	width: 8em;
	display: block;
	float: left;
	padding: 2px 0px;
	margin: 1px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	color: #333;
}

#tabsheader ul#tabs span,#tabsheader ul#tabs a.current,#tabsheader ul#tabs a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFF3B3;
	font-weight: bold;
	padding-bottom: 4px;
	margin-top: 0px;
}

#tabsheader ul#tabs a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
	cursor: pointer;
}

#tabsheader ul#tabs a:hover {
	margin-top: 0px;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 3px;
}

#tabContent {
	padding: 5px;
	background-color: #FFF3B3;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
}

.XTab {
	position: absolute;
	background-color: #ECE9D8;
	border: 1px solid black;
}

.XTab h1 {
	position: relative;
	/*top: -18px;*/
	left: -1px;
	width: 140px;
	height: 18px;
	background: url(/images/tab.png) no-repeat;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

.XTab p {
	position: relative;
	top: -18px;
	padding: 0px 10px;
	margin: 0px;
}

#options {
	width:470px;
}

#about {
	width:450px;
	height:390px;
}

#transparentBackground {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index: 100;
	background: url(/images/black_transparent.png);
}

#message {
	position:absolute;
	top:50%;
	left:50%;
	font-size:20px;
	color:white;
	cursor:default;
	width:400px;
	margin-left:-200px;
	margin-top:-50px;
	text-align:center;
}

#timeDisplay {
	position:absolute;
	bottom:40px;
	right:10px;
	width:140px;
	padding:5px 5px 5px 5px;
	background-image: url(/images/white_transparent.png);
	border:1px solid black;
	color:black;
	font-size:13px;
	font-weight:bold;
	font-family:arial,helvetica;
	text-align:center;
}

#liveIcon {
	position:absolute;
	bottom:7px;
	right:5px;
	z-index:200;
}