body {
  background-color: #F3F3F3;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;
  border: 0px;
  margin: 0px;
  padding: 0px;

  scrollbar-face-color: #000000;
  scrollbar-Base-Color: #000000;
  scrollbar-Arrow-Color: #FFFFFF;
  scrollbar-Highlight-Color: #FFFFFF;
  scrollbar-Shadow-Color: #FFFFFF;
  scrollbar-Track-Color: #FFFFFF;
  scrollbar-3dLight-Color: #FFFFFF;
  scrollbar-DarkShadow-Color: #FFFFFF;

  height: 100%;
  width: 100%;
  overflow: hidden;
}

html {
  padding:0px;
  margin:0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

td {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

a:link    { font-size: 14px; font-style: italic; color: #0000FF; text-decoration: none; }
a:active  { font-size: 14px; font-style: italic; color: #0000FF; text-decoration: none; }
a:visited { font-size: 14px; font-style: italic; color: #0000FF; text-decoration: none; }
a:hover   { font-size: 14px; font-style: italic; color: #C0C0C0; text-decoration: underline; }

a.news:link    { font-size: 14px; font-style: italic; color: #FFFFFF; text-decoration: none; }
a.news:active  { font-size: 14px; font-style: italic; color: #FFFFFF; text-decoration: none; }
a.news:visited { font-size: 14px; font-style: italic; color: #FFFFFF; text-decoration: none; }
a.news:hover   { font-size: 14px; font-style: italic; color: #DDDDDD; text-decoration: none; }

/* font size classes */
.tiny  { font-size: 9px; }
.small { font-size: 12px; }
.large { font-size: 18px; }
.huge  { color:#F2EFE9; font-weight: bold; font-size: 24px; }
.err  { color:#B40000; font-weight: bold; font-size: 18px; }
.heading { text-decoration:none; color:#F2EFE9; font-size:15pt; font-weight: bold; font-style: italic; }

p, h2, pre {
  margin: 0px; 
  padding: 5px 20px 5px 20px; 
}

div.markerLabel {
  color: #FFFFFF;
}

pre, code {
  color: #00AA00;
}

div.indent {
  padding-left: 20px;
}

.labels {
  background-color: #ffffff;
  font-weight:bold;
  border:2px #006699 dotted;
  padding: 2px 2px 2px 2px;
  width: 80px;
}

.bearingLabel {
  background-color: #ffffff;
  font-weight:bold;
  border:2px #006699 dotted;
  padding: 2px 2px 2px 2px;
  width: 250px;
}

.polygonLabel {
  font-size: 16;
  font-weight: bold;
  color: white;
}

h2 {
  font-size:14px;
  padding-top:10px;
  text-transform:uppercase;
  color: #99B3CC;
  background-color: #FFFFFF;
}

h3 {
  font-size:10px;
  padding: 1px 1px 1px 1px;
  text-align: center;
  text-transform:uppercase;
  color: #99B3CC;
  border-bottom: 2px dotted #564b47;
  background-color: #FFFFFF;
}

h4 {
  font-size:12px;
  padding: 1px 1px 1px 1px;
  font-weight: bold;
  color: black;
}

td.station_table {
  font-size: 9px;
}

#navOverlay {
  position: absolute;
  font-size: 9px;
  top: 135px;
  left: 80px;
  width: 200px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  z-index: 10; /* make sure message is on top of the map */
}
    
#navOverlay a {
  font-size: 8px;
  font-style: italics;
  text-transform: uppercase;
}   

#navOverlay2 {
  background-color: white;
  color: black;
  width: 100%;
  bottom: 0px;
  height: 15px;
  font-size: 8pt;
  border-top: 1px solid black;
  padding-left: 3px;
  margin-top: 5px;
  position: absolute;
  z-index: 2000;
}

#navOverlay2 a {
  font-size: 8px;
  font-style: italics;
  text-transform: uppercase;
}   

#loadOverlay {
  position: absolute;
  font-size: 16px;   
  font-weight: bold; 
  top: 45px;
  left: 10px;
  width: 230px;
  padding: 4px;
  background-color: green;
  color: white;
  border: 3px solid #FFFFFF;
  display: none;
  z-index: 25; /* make sure message is on top of the map */
  white-space: nowrap;
}

#errorOverlay {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  top: 60px;
  left: 80px;
  padding: 4px;
  background-color: red;
  color: white;
  border: 3px solid #FFFFFF;
  display: none;
  z-index: 9000; /* make sure message is on top of the map */
}

#locateOverlay {
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  top: 29px;
  left: 10px;
  color: black;
  display: none;
  text-transform: uppercase;
  z-index: 100; /* make sure message is on top of the map */
  white-space: nowrap;
}

#hnyOverlay {
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  top: 61px;
  left: 380px;
  padding: 4px;
  background-color: yellow;
  color: black;
  border: 3px solid black;
  display: none;
  text-transform: uppercase;
  z-index: 10; /* make sure message is on top of the map */
  white-space: nowrap;
}

#toolStatusOverlay {
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  top: 45px;
  left: 10px;
  padding: 4px;
  background-color: orange;
  color: white;
  border: 3px solid white;
  display: none;
  text-transform: uppercase;
  z-index: 15; /* make sure message is on top of the map */
}

#unhideOverlay {
  position: absolute;
  display: none;
  top: 5px;
  left: 5px;
  z-index: 100;
}

#hideTop {
  position: absolute;
  left: 212px;
  top: 18px;  
  z-index: 100;
}


#weatherOverlay {
  position: absolute;
  font-size: 9px;
  font-weight: bold;
  top: 29px;
  left: 10px;
  color: black;
  display: none;
  z-index: 100; /* make sure message is on top of the map */
  white-space: nowrap;
}


#menuOver {
  position: absolute;
  font-size: 9px;
  top: 400px;
  left: 0px;
  width: 10px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  border-top: 4px solid red;
  border-right: 4px solid red;
  z-index: 10; /* make sure message is on top of the map */
}

#menuOverlay {
  position: absolute;
  font-size: 8px;
  top: 29px;
  left: 500px;
  width: 280px;
  height: 300px;
  overflow: auto;
  padding: 4px;
  display: none;
  z-index: 100; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border: 2px solid white;  
}

#stationsOverlay {
  position: absolute;
  font-size: 8px;
  top: 52px;
  right: 30px;
  width: 400px;
  height: 220px;
  display: none;
  z-index: 10; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
}

div.stationsOverlayContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 2px solid black;
  margin: 2px;
}

div.serverOverlayContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 1px solid black;
  margin: 2px;
}

div.toolsOverlayContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 1px solid black;
  margin: 2px;
}

div.keyOverlayContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 1px solid black;
  margin: 2px;
}

#inputOverlay {
  position: absolute;
  top: 80px;
  left: 24px;
  width: 340px;
  padding: 4px;
  display: none;
  z-index: 100; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border: 2px solid white;  
}

div.inputOverlayContainer {
  padding: 5px;
  background-color: white;
  color: black;
  border: 1px solid black;
}

#consoleOver {
  position: absolute;
  font-size: 9px;
  top: 150px;
  right: 0px;
  width: 10px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  border-top: 4px solid red;
  border-left: 4px solid red;
  z-index: 10; /* make sure message is on top of the map */
}

#hnyOver {
  position: absolute;
  font-size: 9px;
  top: 246px;
  right: 0px;
  width: 10px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  border-left: 4px solid red;
  border-bottom: 4px solid red;
  z-index: 10; /* make sure message is on top of the map */
}

#serverOver {
  position: absolute;
  font-size: 9px;
  top: 513px;
  left: 0px;
  width: 10px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  border-right: 4px solid red;
  z-index: 10; /* make sure message is on top of the map */
}

#serverOverlay {
  position: absolute;
  font-size: 8px;
  top: 0px;
  right: 30px;
  width: 400px;
  display: none;
  z-index: 101; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
}

#toolsOverlay {
  position: absolute;
  font-size: 8px;
  top: 82px;
  right: 34px;
  width: 90px;
  display: none;
  z-index: 5; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border: 4px solid white;
}

.defaultHandle {
  background-color: white;
  border-top: 1px solid lightblue;
  border-left: 1px solid lightblue;
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  padding: 4px;
}

#keyOver {
  position: absolute;
  font-size: 9px;
  top: 582px;
  left: 0px;
  width: 10px;
  padding: 4px;
  background-color: #FFFFFF;
  border: 1px dashed #000000;
  border-right: 4px solid red;
  border-bottom: 4px solid red;
  z-index: 10; /* make sure message is on top of the map */
}

#keyOverlay {
  position: absolute;
  font-size: 8px;
  top: 29px;
  left: 600px;
  width: 200px;
  padding: 4px;
  display: none;
  z-index: 101; /* make sure message is on top of the map */
  background-color: #99B3CC;
  border: 2px solid white;  
}

.keyContainer {
  overflow: auto;
  height: 200px;
}

.telemetryON {
  padding: 4px;
  color: white;
  background-color: red;
  border: 1px solid black;
  font-weight: bold;
  font-size: 8px;
}

.telemetryOFF {
  padding: 4px;
  color: black;
  background-color: white;
  border: 1px solid black;
  font-weight: bold;
  font-size: 8px;
}

/********************************************************************************
 ** Live Div Window                                                            **
 ********************************************************************************/

div.liveDivERROR {
  background-color: #FFC7C7;
  color: black;
  border-bottom: 1px dashed white;
  width: 100%;
}

div.liveDivERROR a:link, div.liveDivERROR a:visited {
  color: white;
  font-weight: bold;
}

div.liveDivLight {
  background-color: #FCFCE3;
  color: black;
  border-bottom: 1px dashed gray;
  width: 100%;
}

div.liveDiv {
  background-color: white;
  color: black;
  border-bottom: 1px dashed gray;
  width: 100%;
}

/********************************************************************************
 ** Popup Div Window                                                           **
 ********************************************************************************/

.optionBox {
  margin: auto auto auto auto;
  border: 2px solid black;
  display: none;
  background-color: white;
  top: 15%;
  left: 15%;
  width: 70%;
  height: 70%;
  min-height: 300px;
  position: absolute;
  padding: 0px 5px 0px 5px;
  z-index: 60000;
  border-collapse: collapse;
}

.trackWindowBox {
  margin: auto auto auto auto;
  border: 2px solid black;
  display: none;
  background-color: white;
  top: 15%;
  left: 15%;
  position: absolute;
  padding: 0px 5px 0px 5px;
  z-index: 60000;
  border-collapse: collapse;
}

.smallWindowBox {
  margin: auto auto auto auto;
  border: 2px solid black;
  display: none;
  background-color: white;
  top: 15%;
  left: 15%;
  right: 15%;
  height: 70%;
  position: absolute;
  padding: 0px 5px 0px 5px;
  z-index: 60000;
  border-collapse: collapse;
}

.smallWindowContainer {
  top: 30px;
  left: 0px;
  right: 0px;
  bottom: 30px;
  position: absolute;
  padding: 0px 5px 0px 5px;
  z-index: 60001;
  overflow: auto;
}

.optionBoxInner {
  top: 30px;
  left: 0px;
  right: 0px;
  bottom: 30px;
  position: absolute;
  padding: 0px 5px 0px 5px;
  z-index: 60001;
  overflow: auto;
}

div.close {
  right: 0px;
  top: 0px;
  position: absolute;
  padding: 2px;
}

div.hide {
  right: 0px;
  top: 0px;
  position: absolute;
}

div.go {
  bottom: 0px;
  right: 0px;
  position: absolute;
}


.optionBox h1 {
  margin : 0px 0px -12px 5px;
  position: relative;
  top : -12px;
  border: #3c5a86 1px dotted;
  border-bottom: #000000 3px solid;
  padding-top : 3px;
  padding-bottom: 3px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  font-weight: bold;
  color: #99B3CC;
  display: inline;
  background-color: #FFFFFF;
  text-transform: uppercase;
} 

.trackWindowBox h1 {
  margin : 0px 0px -12px 5px;
  position: relative;
  top : -12px;
  border: #3c5a86 1px dotted;
  border-bottom: #000000 3px solid;
  padding-top : 3px;
  padding-bottom: 3px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  font-weight: bold;
  color: #99B3CC;
  display: inline;
  background-color: #FFFFFF;
  text-transform: uppercase;
} 

.smallWindowBox h1 {
  margin : 0px 0px -12px 5px;
  position: relative;
  top : -12px;
  border: #3c5a86 1px dotted;
  border-bottom: #000000 3px solid;
  padding-top : 3px;
  padding-bottom: 3px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  font-weight: bold;
  color: #99B3CC;
  display: inline;
  background-color: #FFFFFF;
  text-transform: uppercase;
} 

.translucent {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  display: none;
  background-color: gray;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 50000;
}


/********************************************************************************
 ** Scrollable Chat Table                                                      **
 ********************************************************************************/

#savedTracksDisplay {
  display: none;
}

.savedTracksContainer {
  overflow: auto;
  height: 400px;
  position: relative;
}

.savedTracksTable {
  width: 100%;
  border-collapse: collapse;
}

#savedTracksTable td.bgLight {
  background-color: #EEEEEE;
  color: #000000;
  border-bottom: 1px dashed #C0C0C0;
}

#savedTracksTable td.header {
  background-color: #99B3CC;
  color: #FFFFFF;
}

#savedTracksTable td.header a {
  color: #FFFFFF;
}

#savedTracksTable td.options {
  background-color: #99B3CC;
  color: #FFFFFF;
  text-align: right;
}

.dataTable {
  width: 100%;
  border-collapse: collapse;
}

#dataTable td.bgLight {
  background-color: #EEEEEE;
  color: #000000;
  border-bottom: 1px dashed #C0C0C0;
}

#dataTable td.header {
  background-color: #99B3CC;
  color: #FFFFFF;
}

#dataTracksTable td.header a {
  color: #FFFFFF;
}

#dataTable td.options {
  background-color: #99B3CC;
  color: #FFFFFF;
  text-align: right;
}

.logContainer {
  overflow: auto;
  height: 200px;
}

.logTable {
  border-collapse: collapse;
  margin: 0 auto;
}

#logTable td {
  font-size: 9px;
  text-transform: uppercase;
}

.chat_container {
  overflow: auto;
  height: 200px;
}

#chat_table {
  border-collapse: collapse;
}

.server_container {
  overflow: auto;
  height: 200px;
}

#server_table {
  border-collapse: collapse;
  margin: 0 auto;
}

#server_table td.header {
  font-weight: bold;
  text-align: right;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 200px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 200px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}

/********************************************************************************
 ** Title Box Interface                                                        **
 ********************************************************************************/

.titleBox {
  margin: 30px auto 15px auto;
  border: 1px dotted #3c5a86;
  width: 90%;
  padding:5px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  align: left;
  text-align: left;
  position: relative;
}

.titleBox h1 {
  margin : 0px 0px -12px 5px;
  position: relative;
  top : -12px;
  border: #3c5a86 1px dotted;
  border-bottom: #000000 3px solid;
  padding-top : 3px;
  padding-bottom: 3px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  font-weight: bold;
  color: #99B3CC;
  display: inline;
  background-color: #FFFFFF;
  text-transform: uppercase;
} 

/********************************************************************************
 ** Login Box Interface                                                        **
 ********************************************************************************/

#loginBox {
  padding:5px;
  font-size: 8px;
  font-weight: normal;
  align: left;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.ajaxStatusBox {
  padding:5px;
  font-size: 8px;
  font-weight: normal;
  align: left;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.ajaxDataContainer {
  overflow: auto;
  height: 800px;
  width: 100%;
  position: relative;
}

.ajaxDataTable {
  width: 100%;
  border-collapse: collapse;
}

.ajaxDataTable div {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  display: none;
}

/********************************************************************************
 ** Save Box Interface                                                         **
 ********************************************************************************/

#saveBox {
  display: none;
}

/********************************************************************************
 ** Status Box Interface                                                       **
 ********************************************************************************/

.statusBox {
  margin: 30px auto 15px auto;
  border: 1px solid #C0C0C0;
  width: 90%;
  padding:5px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
  align: left;
  text-align: left;
}

.statusBox h1 {
  margin : 0px 0px -12px 5px;
  position: relative;
  top : -12px;
  border: #3c5a86 1px dotted;
  border-bottom: blue 3px solid;
  padding-top : 3px;
  padding-bottom: 3px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 10px;
  font-weight: bold;
  color: #99B3CC;
  display: inline;
  background-color: #FFFFFF;
  text-transform: uppercase;
} 

.titleBox a:link, .titleBox a:visited, .titleBox a:active {
  font-size: 12px; 
  font-style: normal; 
  color: #4800FF; 
  text-decoration: none; 
}

.titleBox a:hover { 
  font-size: 12px;
  font-style: normal;
  color: #DDDDDD;
  text-decoration: underline;
}

.quickLink { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #4800FF; 
  text-decoration: none; 
}

.quickLink a:link, .quickLink a:visited, .quickLink a:active { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #4800FF; 
  text-decoration: none; 
  text-transform: lowercase;
}

.quickLink a:hover { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #4800FF; 
  text-decoration: underline;
  text-transform: lowercase;
}

.chatIdle {
  font-size: 9px;
}

.chatIdle a:link, .chatIdle a:visited, .chatIdle a:active { 
  font-size: 9px; 
  font-style: italic;
  font-weight: normal;
  color: #C0C0C0; 
  text-decoration: none; 
}

.chatIdle a:hover { 
  font-size: 9px; 
  font-style: italic;
  font-weight: normal;
  color: #C0C0; 
  text-decoration: underline;
}

.chatHere {
  font-size: 9px;
}

.chatHere a:link, .chatHere a:visited, .chatHere a:active { 
  font-size: 9px; 
  font-style: normal;
  font-weight: bold;
  color: #4800FF; 
  text-decoration: none; 
}

.chatHere a:hover { 
  font-size: 9px; 
  font-style: normal;
  font-weight: bold;
  color: #4800FF; 
  text-decoration: underline;
}


.linkBRIGHT { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none; 
}

.linkBRIGHT a:link, .quickLink a:visited, .quickLink a:active { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF; 
  text-decoration: none; 
  text-transform: lowercase;
}

.linkBRIGHT a:hover { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF; 
  text-decoration: underline;
  text-transform: lowercase;
}

/********************************************************************************
 ** XML Interface                                                              **
 ********************************************************************************/

/**
 * XML Interface Display
 *
 * xml_interface
 *
 */

#xml_interface table {
  font-weight: bold, italic;
  width: 80%;
  color: #000000; 
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  background-color: #000000;
  align: center;
}

#xml_interface td {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  align: left;
  vertical-align: top;
}

#xml_interface td.variable {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #4800FF;
  background-color: #FFFFFF;
  align: left;
  text-align: right;
  vertical-align: top;
}

#xml_interface td.title {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #FFFFFF;
  vertical-align: top;

  padding: 1px 1px 1px 1px;
  text-align: center;
  text-transform:uppercase;
  color: #99B3CC;
  border: 2px dashed #564b47;
}

#xml_interface td.title_lt {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: top;
}

#xml_interface td.header {   
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #FFFFFF;
  align: left;
  vertical-align: top;
}

/********************************************************************************
 ** Into Interface                                                             **
 ********************************************************************************/

/**
 * Info Interface Display
 *
 * info_interface
 *
 */

#info_interface table {
  font-weight: bold, italic;
  width: 80%;
  color: #000000; 
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  background-color: #000000;
  align: center;
}

#info_interface td {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  width: 70%;
  align: left;
  text-align: left;
  vertical-align: top;
}

#info_interface td.variable {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #4800FF;
  background-color: #FFFFFF;
  align: left;
  text-align: right;
  vertical-align: top;
}

#info_interface td.title {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #FFFFFF;
  vertical-align: top;

  padding: 1px 1px 1px 1px;
  text-align: center;
  text-transform:uppercase;
  color: #99B3CC;
  border: 2px dashed #564b47;
}

#info_interface td.title_lt {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: top;
}

#info_interface td.header {   
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #FFFFFF;
  width: 400px;
  align: left;
  text-align: center;
  vertical-align: top;
}

#info_interface div.none {
  font size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
  color: #FF0000;
}

#info_interface a:link, #info_interface a:visited, #info_interface a:active { 
  font-size: 10px; 
  font-style: normal;
  font-weight: bold;
  color: #4800FF; 
  text-decoration: none; 
}

#info_interface a.quick { 
  font-size: 10px; 
  font-style: normal;
  font-weight: normal;
  color: #4800FF; 
  text-decoration: none; 
}

#info_interface a:hover { 
  font-size: 10px;
  font-style: none;
  color: #C0C0C0;
  text-decoration: underline;
}

#content {
  margin: 0px 290px 0px 0px;
  border-left: 2px solid #564b47;
  border-right: 2px solid #564b47;
  border-bottom: 2px solid #564b47;
  padding: 0px;
  background-color: #ffffff;    
  z-index: 2;
}

#left {
  position: absolute;
  left: 0px;
  width: 190px;
  color: #564b47;
  margin: 0px; 
  padding: 0px;
}

#right {
  position: absolute;
  right: 0px;
  width: 290px;
  color: #564b47;
  margin: 0px; 
  padding: 0px;
  z-index: 3;
}

.divRight {
  position: absolute;
  right: 14px;
  width: 290px;
  color: #564b47;
  margin: 0px; 
  padding: 0px;
  z-index: 3;
}

/********************************************************************************
 ** Chat Interface                                                             **
 ********************************************************************************/

/**
 * Chat Interface - Main Pane
 *
 * chatMain
 *
 */

div.chatMain {
  margin: 0px auto 0px auto;
  position: relative;
  right: 0px;
  width: 95%;
  text-align: left;
  align: left;
  height: 400px;
  color: #564b47;
  padding: 0px;
  z-index: 3;
}

div.chatNicklistContainer {
  top: 0px;
  right: 0px;
  position: absolute;
  right: 0px;
  border: 1px dashed #564b47;
  width: 170px;
  height: 100%;
  color: #564b47;
  overflow: auto;
  z-index: 3;
}

div.chatNicklist {
  padding: 5px 5px 5px 5px;
  border-collapse: collapse;
}

.chatMainText {
  overflow: auto;
  height: 100%;
  margin-right: 170px;
}

#chatTable {
  border-collapse: collapse;
}

.buttonscontainer {
  width: 95%;
  align: center;
}

.buttons a:link, .buttons a:visited, .buttons a:active {
  color: #000000;
  border: 1px dotted;
  background-color: #FFFFFF;
  padding: 2px;
  padding-left: 3px;
  font: 13px Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  border-color: #99B3CC #99B3CC #99B3CC #99B3CC;
  display: block;
  margin: 0px;
  width: 100%;
  text-align: left;
}

.buttons a:hover {
  border: 1px solid;
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-right: 1px;
  background-color: #E6E0CE;
  border-color: #99B3CC #FFFFFF #FFFFFF #99B3CC;
  color: #9F9584;
  text-decoration: none;
}

div.button_header {
  text-align: left;
  text-transform:uppercase;
  border: 1px dotted;
  width: 100%;
  margin: 0px;
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-right: 1px;
  background-color: #C0C0C0;
  border-color: #99B3CC #99B3CC #99B3CC #99B3CC;
  font: 10px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

div.footer {
  text-align: left;
  text-transform:uppercase;
  border: 1px solid;
  width: 100%;
  margin: 0px;
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 1px;
  padding-right: 1px;
  background-color: #99B3CC;
  border-color: #FFFFFF #99B3CC #99B3CC #FFFFFF;
  font: 13px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

#locate_status {
  text-transform: uppercase;
  font-size: 8px;
}

#locate_status_old {
  width: 90%;
  height: 25px;
  background-color: #FFFFFF;
  vertical-align: middle;
  margin: 10px auto 10px auto;
  align: center;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#chat_status_old {
  width: 90%;
  background-color: #FFFFFF;
  margin: 10px auto 10px auto;
  align: center;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

h2.maplist {
  color: #FFFFFF;
  background-color: #BACDE0;
}

p.station_list {
}

a.station_list:link {
  font-size: 10px;
  font-style: normal;
  color: #4800FF;
  text-decoration: none;
}

a.station_list:active { 
  font-size: 10px;
  font-style: normal;
  color: #4800FF;
  text-decoration: none;
}

a.station_list:visited { 
  font-size: 10px; 
  font-style: normal; 
  color: #4800FF; 
  text-decoration: none; 
}

div.markerList {
  overflow: auto;
  height: 200px;
  border-top: 1px dashed #C0C0C0;
  border-bottom: 1px dashed #C0C0C0;
}

a.markerList:link {
  font-size: 10px;
  font-style: normal;
  color: #4800FF;
  text-decoration: none;
}

a.markerList:active { 
  font-size: 10px;
  font-style: normal;
  color: #4800FF;
  text-decoration: none;
}

a.markerList:visited { 
  font-size: 10px; 
  font-style: normal; 
  color: #4800FF; 
  text-decoration: none; 
}

a.station_list:hover { 
  font-size: 10px;
  font-style: none;
  color: #C0C0C0;
  text-decoration: underline;
}

#message_table {
  font-size: 12px;
  white-space: nowrap;
}

a.message_list:link {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #4800FF;
  text-decoration: none;
}

a.message_list:active { 
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #4800FF;
  text-decoration: none;
}

a.message_list:visited { 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold;
  color: #4800FF; 
  text-decoration: none; 
}

a.message_list:hover { 
  font-size: 12px;
  font-style: none;
  font-weight: bold;
  color: #C0C0C0;
  text-decoration: underline;
}

p.footer {
  color: #FFFFFF;
  background-color: #D8D8D8;
}

#heading {
  background-color: #F2EFE9;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#news {
  width: 90%;
  background-color: #99B3CC;
  color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#ge {
  width: 80%;
  background-color: #FFFFFF;
  margin: 50px auto 50px auto;
  align: center;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#right_content {
  width: 90%;
  background-color: #FFFFFF;
  margin: 20px auto 20px auto;
  align: center;
  color: #000000;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#center_content {
  width: 90%;
  background-color: #FFFFFF;
  margin: 20px auto 20px auto;
  align: center;
  color: #000000;
  border: 1px dotted #000000;
  padding: 5px 5px 5px 5px;
  white-space: normal;
}

#center_content a:link    { font-size: 12px; font-style: normal; color: #4800FF; text-decoration: none; }
#center_content a:active  { font-size: 12px; font-style: normal; color: #4800FF; text-decoration: none; }
#center_content a:visited { font-size: 12px; font-style: normal; color: #4800FF; text-decoration: none; }
#center_content a:hover   { font-size: 12px; font-style: normal; color: #DDDDDD; text-decoration: underline; }

#comments {
  background-color: #F2EFE9;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#faq-body {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

#faq-main {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

div.faq {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

div.settings {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

div.apply {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}

p.settings {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

div.box {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}


div.blue_box {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  background-color: #99B3CC;
  color: #FFFFFF;
  border: 1px solid #000000;
  padding: 5px 5px 5px 5px;
}

p.posted {
  color: #999999;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
        
  text-align: right;
        
  margin-bottom: 25px;
  line-height: normal;
}

/*---- CONTACTS PAGE ----*/
.contactTable{ width: 100%; border: 1px solid #000;}
.contactTable2{ border: 2px solid #000;}
.contactHeading     { margin: 0px; padding: 0px; background-color: #1F447B; color: #FFF; font-weight: bold; border-bottom: 1px solid #000;}
.contact1{ margin: 0px; padding: 3px; background-color: #FFFFFF; border-bottom: 1px solid #3A5496;}
.contact2{ margin: 0px; width: 0%; padding: 3px; background-color: ##F2EFE9; border-bottom: 1px solid #3A5496;}

/*---- ALTERNATING TABLE ROWS ----*/
.alternateTable{ width: 100%; border: 1px solid #000;}
.alternateHeading   { margin: 0px; padding: 0px; background-color: #1F447B; color: #FFF; font-weight: bold; border-bottom: 1px solid #000;}
.alternate1{ margin: 0px; padding: 3px; background-color: #4A69B7;}
.alternate2{ margin: 0px; padding: 3px; background-color: #3A5496;}
.alternate3{ margin: 0px; padding: 3px; background-color: #EE3838; font-weight:bold;}
.alternate4{ margin: 0px; padding: 3px; background-color: #4A69B7;}
/*
  input {
    background-color: #FFFFFF; 
    color: #000000;
    font-size: 20px;
    font-weight: bold;
	border: 0;
  }

  textarea {
    background-color: #FFFFFF; 
    color: #000000;
    font-size: 20px;
    font-weight: bold;
	border: 0;
  }
*/
.bright {
  color: #FFFFFF;
}

#tabs11 {
  float:left;
  width:100%;
  background:#F9F7F3;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #C2BDAE;
}

#tabs11 ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
}

#tabs11 li {
  display:inline;
  margin:0;
  padding:0;
}

#tabs11 a:link, #tabs11 a:visited, #tabs11 a:active {
  float:left;
  background:url("/images/menu/tableft11.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  font-size: 12px;
  font-weight: normal;
}

#tabs11 a span {
  float:left;
  display:block;
  background:url("/images/menu/tabright11.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#9F9584;
  font-size: 12px;
  font-weight: normal;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {
  float:none;
}

/* End IE5-Mac hack */

#tabs11 a:hover span {
  color:#FFF;
}

#tabs11 a:hover {
  background-position:0% -42px;
}

#tabs11 a:hover span {
  background-position:100% -42px;
}