html, body { width: 100%; height: 100%; margin: 0; outline: none;} #borderContainer
{ width: 100%; height: 100%; }

.viewHeader
{
	background: #42BFE5;
	background-image: url("images/BannerGradientColor.png");
	background-repeat: no-repeat;
    border: 2px solid #666666;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 6px 3px -3px rgba(50, 50, 50, 0.3);
    height: 64px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 5px;
    z-index: 5000;
}

h1
{
    color: #333333;
    background-position: none;
    font-size: 220%;
    border: 0;
    background: none;
    font-family: 'Century Gothic';
}

#Headertext
{
	color:#585858 ;
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background-position: none;
	font-size: 45px;
	border: 0;
	background: none;
	font-family: Arial;
	text-shadow:3px 3px 2px #E8E8E8;
}


#splash
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%;
	background-image: none; 
	background-color: #FFFFFF; 
	z-index: 5000000; 
	font-family: Arial;
	font-size: 15pt; 
	color: #808080; 
	text-align: center;
}

#SelectionWait{
	visibility: hidden; 
	position: absolute; 
	top: 49%;
	left: 49%; 
	z-index: 5000;
	padding: 5px;
	background: #ffffff; /* Old browsers */
    border: 2px solid #666666;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#gsni_logo{
	position:absolute;
	top:3px;
	left:3px;
}

.bgsHelp {
	z-index:100;
	position:absolute;
	right: 105px;
	top:20px;
	cursor: pointer;
}

.bgsCheckout
{
	z-index: 100;
	position: absolute;
	right: 75px;
	top: 20px;
	cursor: pointer;
	
}
.bgsMail
{
	z-index: 100;
	position: absolute;
	right: 45px;
	top: 20px;
	cursor: pointer;
	
}
.bgsCopyright {
	z-index:100;
	position:absolute;
	right:15px;
	top:20px;
	cursor: pointer;
	
}

/*#mapDiv_infowindow.simpleInfoWindow {
    background-position: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
    border: 2px solid #455268;
    background-color: #dfe5d7;
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
   font-size: 8pt;
}
      


#mapDiv_infowindow.simpleInfoWindow .title
{
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    background-color: #046380;
    color: #dfe5d7;
    text-align: center;
    font-size: 8pt;
}*/

      
#Menubar
{
	height: 18px;
	
	position: absolute;
	left: 2px;
	top: 70px;
}

#Clear {
	
	
	right: 10px;
	top: 95px;
	position: absolute;

}

#Menubar .dijitMenuBar
{   
	padding-top:2px;
	border-style: none;
	width: 550px;
	position: absolute;
}

#Menubar .dijitMenuItem
{
	border: 1px solid #BFBFFF;
	margin: 0px 4px 1px 0px;
}

#scaleText
{
	position: absolute;
	top: 8px;
	left: 10px;
	width: 250px;
	font-size: 8pt;

}

#locationText
{
	position: absolute;
	top: 8px;
	left: 110px;
	width: 250px;
	font-size: 8pt;

}

#location
{
	z-index: 999;
	position: absolute;
	left: 234px;
	top: 80px;
	
}
.goToLocationIcon{
  background-image: url("images/location.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}

#search
{
	z-index: 999;
	position: absolute;
	left: 399px;
	top: 80px;
	
}
.searchIcon{
  background-image: url("images/Magnifier2.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}

#print
{
	z-index: 999;
	position: absolute;
	left: 509px;
	top: 80px;
}
.exportIcon{
  background-image: url("images/export.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}


#measureCP{
	overflow-x:hidden;
}
#measure
{
	z-index: 999;
	position: absolute;
	left: 665px;
	top: 80px;
}
.measureIcon{
  background-image: url("images/measure.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}

#legend
{
	z-index: 999;
	position: absolute;
	left: 8px;
	top: 80px;
}
.legendIcon{
  background-image: url("images/legend.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}

#Layers{
	overflow-x:hidden;
	overflow-y:hidden;
	min-height:100px;
	width:400px;	


}

#maplayers
{
	z-index: 999;
	position: absolute;
	left: 94px;
	top: 80px;
}
.layersIcon{
  background-image: url("images/layers_map.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  height: 18px;
  text-align: center;
}

#mapInfo
{
    position: absolute;
    top: 80px;
    right: 7px;
    text-align: left;
    color: black;
    white-space: nowrap;
    z-index: 99999;
    font-family: Arial;
    font-size: 10pt;
	background: #ffffff; 
    border: 2px solid #666666;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	height: 62px;
	width: 259px;
}

#Transparency {
	
	width: 220px;
	right: 22px;
	top: 24px;
	position: absolute;
	height:20px;
}


.helpText
{
	color: #535353;
	font-size: 9pt;
}


#slider1 {        
	width:220px;
	margin:0;
	padding:0;
	}

#slider1 .dijitRuleLabelsContainerH
{
	padding-bottom: 10px;
	height: .5em;
	font-size: 70%;
	
}

#slider1 .dijitRuleContainerH
{
	height: 4px;
	margin-bottom: -4px;
	
}	

#back
{
    color: #000000;
}

#next
{
    color: #000000;
}

/*Remove maximize buttom from infowindow*/
.esriPopup .titleButton.maximize {
   display:none;
}
.esriPopup .titlePane {
   
    background: #FFFFFF!important;
	color: black!important;
	border: 1px solid #759DC0;
}
.esriPopup .contentPane {
	border-color: -moz-use-text-color #759DC0 !important;
}
.esriPopup .actionsPane {
	border-color: -moz-use-text-color #759DC0 #759DC0 !important;
}
#idTitle{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #42BFE5;
    background-image: url("images/gsni_geoindex_infoWGradient.png")!important;
	background-repeat:repeat-y;
    border-image: none;
}

.infoWFieldName{
	color: #989898;
}
.infoWFields{
	font-size: 11px;
}
.infoWTitle{
	font-weight: bold;
	font-size: 13px;
}

#tabs {
	width:300px;
	height:150px;
}

.claro .dijitTooltipContainer 
{
	border: 1px solid #666666;
	background: #ffffff;
}

.claro .dojoxGridRow
{
	background-color: #ffffff;
}

.claro .dojoxGridRowOdd
{
	background-color: #d5f1fa;
} 

.claro .dojoxGridRowOver
{
	background-color: #89d7ef;
	border-color: white;
}
.claro .dojoxGridCellFocus {
	border-color: white;
}
.claro .dojoxGridCellOver {
	border-color: white;
}
.claro .dojoxGridHeader {
	background-color:#FFF;
}
	
	
.claro .dojoxGridHeader .dojoxGridCell
{
	border-style: solid;
	border-width: 1px;
	border-color: #BCBCBC;
	color: #000080;
	text-align: center;
}

.toggleImg{
	position:relative;
	top: 4px;
	right:1px;
}
.toggleImg:hover{
	cursor:pointer;
}

.geoIndexButton .dijitButtonNode{
    background: #ffffff; /* Old browsers */
    border: 2px solid #666666;
    font-weight: bold;
	padding: 2px 4px 4px 4px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.geoIndexButtonHover .dijitButtonNode {
     background-color: #e8f7fb; 
}

.geoIndexButtonActive .dijitButtonNode {
     background-color: #c9edf7; 
}

.geoIndexShadow{
    -moz-box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
	font-size: 14px;
	
	
}
.esriSimpleSliderTL {
    left: 8px;
    top: 115px;
	-moz-box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 6px 3px -3px rgba(50, 50, 50, 0.3);
}

.esriSimpleSliderIncrementButton:hover{
	background-color: #e8f7fb;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.esriSimpleSliderIncrementButton:active{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	background-color: #c9edf7;
}
.esriSimpleSliderDecrementButton:hover{
	background-color: #e8f7fb;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.esriSimpleSliderDecrementButton:active{
	background-color: #c9edf7;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

/*Extra padding for input fields and text boxes*/
.claro .dijitSelect .dijitInputField, .claro .dijitTextBox .dijitInputField {
    padding: 2px 2px;
}

/*Needed to show round corners when text boxes are focused*/
.claro .dijitReset{
	border-color: #666666;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.claro .dijitSelect,.claro .dijitTextBox {
    border-color: #666666;
    transition-duration: 0.35s;
    transition-property: background-color, border;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.claro .dijitSelectHoverFocused, .claro .dijitTextBoxHoverFocused {
    border-color: #666666;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


.esriBookmarks {
    border-style: solid;
    border-width: 1px;
    width: 250px;
	border-color: #666666;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding: 4px;
}
.esriBookmarkItem {
    height: 20px;
    width: 250px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.esriBookmarkLabel {
	margin-left: 0px;
}

.claro .dijitCheckBox{
    background-image: url("images/checkbox_no.png");
    background-repeat: no-repeat;
    height: 15px!important;
    margin: 0 2px 0 0;
    padding: 0;
    width: 15px!important;
	background-position: 0px center;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.claro .dijitCheckBoxChecked{
    background-position: 0 center;
	background-image: url("images/checkbox_yes.png");
}
.claro .dijitCheckBoxDisabled {
    background-position: 0px center;
	cursor: default;
	opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.claro .dijitCheckBoxCheckedDisabled {
    background-position: 0px center;
	cursor: default;
	opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.claro .dijitCheckBoxHover {
    background-position: 0px center;
	cursor: pointer!important;
}
.claro .dijitCheckBoxCheckedHover {
    background-position: 0px center;
	cursor: pointer!important;
}

#mapLayersHTML{
	border: 1px solid #666666;
    font-size: 12px;
	padding: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	position:relative;
	overflow-y: auto;
	overflow-x: hidden;
}

#OScopyright
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-family: Arial;
    font-size: 8pt;
    z-index: 50;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;opacity:0.90;filter:alpha(opacity=90);
	padding: 3px;
}

.claro .dijitDialog {
	font-family: Arial;
    border: 1px solid #759DC0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	border-radius: 5px 5px 5px 5px;
}
.claro .dijitDialogTitleBar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #42BFE5;
    background-image: url("images/gsni_geoindex_msgGradient.png");
	background-repeat:repeat-y;
    border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-image: none;
    border: none;
    padding: 5px 7px 4px;
	font-weight: bold;
	font-size: 14px;
	color: #808080!important;
}
.claro .dijitDialogPaneContent {
    background: none repeat-x scroll left top #FFFFFF;
    border-top: 1px solid #759DC0;
    padding: 10px 8px;
    position: relative;
	font-size: 12px;
}

#identifyNoResults{
    border: 2px solid #666666;
    background-color: #FFFFFF;
    font-size: 8pt;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	position: absolute; 
	top: 49%;  
	left: 45%; 
	width: 130px;
	height: 20px; 
	z-index: -999;
}

.dijitStackController{
	display: none;
}

.linkText{
	color:blue;
	cursor:pointer;
	text-decoration: underline;
}