html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
	 background-color:#F2F8FF;
}

body { margin: 0 10px 10px 10px; }

form {
	margin: 0px;
}


#content {
     margin-top: 10px;
     position: relative;
}

.locate {
	border: #FF0000 thin solid;
}

/*#################################################################
##################  Header Styles  ################################
#################################################################*/
.Header_Box{
	padding-top: 15px;
	background-repeat: repeat-x;
	height: 58px;
	border: #71A4CE 1px solid;
}

.HeaderBox_OFF{
	background-image: url(../images/header/bluebackground_off.gif);
}
.HeaderBox_ON{
	background-image: url(../images/header/bluebackground_on.gif);
}

.ToolBarSpacer{
	width: 2px; height: 20px; float:left;
}




.cssbox, .cssbox_body {
	background: url(../images/header/bluebackground_off.png);
	background-repeat:no-repeat;
}
.cssbox {
    width: 110px;
	margin-top: 4px;
	background-position:top left;
}
.cssbox_body{
	margin-left: 5px;
	padding-left: -4px;
	background-position: top right;
	height:80px;
}

.cssbox_title{
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	color:#4372B0;
}

.cssToolBar_body, .cssToolBar{
    background: url(../images/header/toolbarbackground.png) no-repeat;
}

.cssToolBar {
	background-position: top left;
	margin-right: 5px;
}


.cssToolBar_body{
	margin-right:-5px;
	margin-left:10px;
	padding-left: -7px;
	background-position: top right;
	height: 87px;
}

/*#################################################################
#####################  Map Styles  ################################
#################################################################*/


#LeftArea { /*Used to be map */
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
     /*overflow: auto;  this will cause the tabs to not show up in firefox, so use in actual tab stylesheet*/
	 /*border: #FF0033 thick solid;*/
}

#map { /* new with the tab feature */
     width: 100%;
     height: 100%;
}


#map-wrapper {
     position: relative;
     height: 100%;
}

#sidebar_OLD {
     position: absolute;
     border: 1px solid #aaa;
	 /*border: #006600 thick solid;*/
     top: 0;
     width: 290px;
     height: 100%;
     overflow: auto;
}

#sidebar p {
     margin: 10px;
}



#sidebar table.resultitem{
	 /*cursor: pointer;*/
	 width: auto; /* there is a problem with the width, for sure */
     border: 1px solid #ddd;
     background: #eee;
     margin: 5px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;

}

#sidebar table.unselected{
	background-color: #DAE7FA;
}

#sidebar table.selected{
	background-color: #E4EFFF;
}


#sidebar table.saved{
	border: 3px #000099 solid;
}

body.sidebar-right #map-wrapper { margin-right: 300px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }


/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }

table.center, div.center {margin-left:auto; margin-right:auto;}

.txtsearch{ width:60px; border: #0099FF 1px solid; font-family:Arial, Helvetica, sans-serif; font-size: 11px; background-color:#F2F8FF; height:12px; text-align: right;}


select.listsearch, input.listsearch{ border: #0099FF 1px solid; font-family:Arial, Helvetica, sans-serif; font-size: 11px; height:17px; text-align: right;}
select.short, input.short{width: 85px;}
select.medium, input.medium{width: 100px;}
select.long, input.long{width: 120px;}
select.TypeBox{ width: 115px; }

.AsIfLink{ font-size: 12px; color:#000099; cursor:pointer;}
.AsIfLink:hover{text-decoration: underline;}