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

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


h2 {
font-size: 14px;
}

h4 {
font-size:12px;
}

img {
border:0px;
}

a {
text-decoration: none;
color: #3366cc;
}

a:hover {
text-decoration: underline;
color: #3366ff;
}

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

#bodytitle {
vertical-align: middle;
text-align: left;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 1.2em;
font-weight: bold;
padding: 0px 5px 0px 5px;
}

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

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

#location-search, #name-search, #resultpanel {
border: 1px solid #ddd;
padding: 5px;
margin: 5px 0px;
}

#location-search table tr td, #name-search table tr td {
font-size: 12px;
}

#resultpanel {
padding: 10px;
}

#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 url(images/bg-cartosoft.png) 50% 50% no-repeat;
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 #aaaaaa; 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:#ffffff; 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: 12px;
font-weight: bold;
text-decoration: none;
}

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

.header a {
text-decoration: none;
color: #1c50a6;
}

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

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

a.mapit:hover {
text-decoration:none;
}

/***************************************** 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: 12px;
width:286px;
height:248px;
}

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

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

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

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

.title-widget {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 10px;
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;
}


/***************************************** MARKER TOOL TIPS STYLE ******************************************/
.saobox { 
  background: #F1F1F1;
  border: 1px solid #666666;
}
.saoboxcontent {
  padding: 3px;
  font-family: arial, verdana, sans-serif;
  font-size: 0.7em;
  font-weight: 500;
  white-space: nowrap;
}


/**************************************************** Autocomplete Styling ***********************************/
.ac_results {
background: #fff;
color: #555;
padding: 5px;
border: 1px solid #555;
font-size: 12px;
} 

.ac_results ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.ac_results li {
padding: 5px 5px 5px 0.5em;
background-color: #e4f2fa;
color: #555;
cursor: pointer;
}

.ac_results li.ac_even {
background: #ffffff;
}

.ac_results li.ac_odd {
background: #f5f5f5;
}

.ac_results li.ac_over {
background: #195c9a;
color: #ffffff;
}