html {
height: 99%;
margin-top:0px;
margin-bottom:0px;
}

body {
height: 99%;
margin:0px;
overflow-y:hidden;
background: #FFFFFF;
font-family: Arial, Tahoma, Verdana, sans-serif;
}


h2 {
font-size: 20px;
}

h5 {
font-size: 13px;
margin-bottom: 1px;
}

p {
margin-top: 2px;
}

img {
border: 0px;
}

/************************************ BODYTITLE, MAIN_MAP, INFOPANEL, MAP, AND FOOTER ELEMENTS *********************************************/
#mainwrapper {
height:100%;
width:100%;
padding: 0px;
}

#bodytitle {
vertical-align: middle;
padding: 0px 5px 0px 0px;
}

#page {
height: 100%;
position:relative;
bottom: 5px;
}

#mainmap {
height: 100%;
position:absolute;
left:35%;
right:0px;
}

#infopanel {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 35%;
padding-left: 5px;
padding-right: 5px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #999999;
background: #FFF;
font-family: Arial, Tahoma, Verdana, sans serif;
font-size: 11px;
color: #333333;
}

.gmap {
height: 100%;
background: #FFF;
border: 1px solid #999999;
margin-left: 10px;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.gmap[class] {
margin-left:22px;
}

/************************************ INFOPANEL TOGGLE ARROWS *********************************************/
.hide_arrow {
position: absolute;
display: block;
left: 35%;
top: 0px;
height: 100%;
width: 10px;
top: 0px;
z-index: 3;
text-decoration: none;
background-image: url(icons/gx_arrow_left.gif);
background-repeat: no-repeat;
background-position: center center;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.hide_arrow[class] {
margin-left:10px;
}

.show_arrow {
position: absolute;
display: none;
left: 0px;
height: 100%;
width: 10px;
top: 0px;
z-index: 3;
text-decoration: none;
background-image: url(icons/gx_arrow_right.gif);
background-repeat: no-repeat;
background-position: center center;
}

/************************************ LOADING ELEMENTS *********************************************/

#loading {
	border: 1px solid #888888; background-color: #ffffff; z-index:100; padding: 2px;	text-align:center;
    position: absolute;  top: 33%;  width: 260px; font-size: 16px; font-weight: bold; padding: 10px 20px 10px 20px;
	opacity:.9;	-moz-opacity:.9; filter:alpha(opacity=90); font-family: Arial, Verdana, sans serif; color: #222;
}

#bar {
	width:500px;  margin:auto auto; height:10px; background-color:#fff; border:solid 1px #666; font-size:1px; text-align:left;
}

#fill {
	width:1px; background-color:#666; height:10px;
}

#tally {
	color:#1c50a6; font-size:14px; font-family: Arial, Verdana, sans-serif; text-align: center;
}

#loadingButton {
font-size:10px; font-family:Arial, Verdana, sans-serif; width:50%; margin:auto auto; color:#555; font-weight:bold;
}

/************************************ PREFERENCES ELEMENTS *********************************************/
#iniPrefs {
position:absolute;
top: 0px;
left:0px;
width: 100%;
height:100%;
font-family:Arial, Verdana, sans-serif;
z-index: 200;
display:block;
text-align:center;
background: url(images/bg-prefs.png);
display:none;
}

#contentPrefs {
width: 470px;
background: #FFF;
padding: 10px;
border: 1px solid #333;
margin: 50px auto 0px;
font-size:12px;
text-align:left;
}

/************************************ DATA LIST ELEMENTS *********************************************/

.header {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.header a {
text-decoration: none;
color: #66CC00;
}

.subheader {
font-family:  Arial, Tahoma, Verdana, sans-serif;
font-size: 10px;
}

.nullRecords {
font-size:14px; font-weight:bold;
}

/***************************************** ADDRESS DIV STYLE ******************************************/

.addressdiv {
font-family: Arial, sans serif;
font-size: 12px; 
font-weight: bold; 
}

/************************************ INFO WINDOW ELEMENTS *********************************************/

.infowindow {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 10px;
}

.infowindow td{
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 10px;
}

.title {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
border-bottom: 1px solid #AAAAAA;
background: #FFF;
}

.info-link {
text-decoration:none;
}

.info-link:hover {
text-decoration:underline;
}

/*********************Header Tabs*********************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
margin: 0px;
padding: 0px;
float: left;
font-weight: bold;
font-size:12px;
}

#thicktabs li{
display: inline;
}

.selTab {
float: left;
color: black;
margin-top:-4px;
padding: 6px 7px 7px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/bg-white-blue.gif) repeat-x;
border: 1px solid #A4C1FF; /* border style*/
border-bottom: none;
}

.tab {
float: left;
color: black;
padding: 4px 7px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/bg-white-yellow.gif) repeat-x;
border-top: 1px solid #FFDDAA; /*top border style*/
border-bottom: 1px solid #FFDDAA; /*thick bottom border below tabs*/
}

.tabright {
float: left;
color: black;
padding: 4px 7px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/bg-white-yellow.gif) repeat-x;
border-top: 1px solid #FFDDAA; /*top border style*/
border-bottom: 1px solid #FFDDAA; /*thick bottom border below tabs*/
border-right: 1px solid #FFDDAA;
}

.tableft {
float: left;
color: black;
padding: 4px 7px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/bg-white-yellow.gif) repeat-x;
border-top: 1px solid #FFDDAA; /*top border style*/
border-bottom: 1px solid #FFDDAA; /*thick bottom border below tabs*/
border-left: 1px solid #FFDDAA;
}


#thicktabs li a:hover{
color: #222;
text-decoration:underline;
}

.sidebar-panel {
background:#e8f0ff url(images/bg-white-lightblue.gif) repeat-x;
height:315px;
width:100%;
border: 1px solid #A4C1FF;
margin-top:-1px;
clear:both;
padding:10px;
overflow-y:scroll;
}

.sidebar-panel ul {
list-style:none;
}

.sidebar-panel li {
padding:3px 0px 7px;
}

.nodisp {
display:none;
}


#help-wrapper {
position: absolute;
width: 100%;
margin: 0px;
top: 0px;
left: 0px;
text-align: center;
z-index: 999999;
}

#help {
position: relative;
width: 500px;
height: 400px;
padding: 10px;
background: #ffffff;
border: 1px solid #333333;
margin: 30px auto 0px auto;
text-align: left;
color: #222222;
font-size: 11px;
}