#north {
display: block ;
position: absolute;
top: 0px;
left:0px;
width: 100%;
height: 50px;
padding: 0px;
margin: 0px;
/*background-image: url("../images/background.png");
background-repeat: repeat-y;*/
z-index: 0;
}
#header{    
position: absolute;
left: 412px;
top: 0px;
height: 53px;
align:center;
margin: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 24px;
font-weight:lighter;
font-family: Arial, Helvetica, sans-serif;
color: white;
/*
background-image:url("../images/green_bg.gif");
*/
width:100%;
/*background-image: url("../images/backgroundblue.png");
background-repeat: repeat-y;*/
/*background-image: url("../images/vegcondex_8bitclr.png");*/
z-index: 2;
}
.headlogo {
float: left;
padding: 0px;
margin: 0px;
z-index: 3;
valign:middle;
}
.stretch {
position: absolute;
left: 412px;
top: 0px;
width:100%;
height: 53px;
padding: 0px;
margin: 0px;
z-index: 1;
valign:middle;
}
.nasalogo {
position: absolute;
right: 0px;
padding: 0px;
margin: 0px;
z-index: 5;
valign:middle;
}
#csisslogo{ 
  bottom: 0;
  position: absolute;
  valign:middle;
}
/*
.nasslogo {
float: right;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-right: 10px;
z-index: 3;
valign:middle;
}
.usdalogo {
float: left;
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-right: 10px;
z-index: 3;
valign:middle;
}*/
#footer {  
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;  
}

/* print preview */

#printHeader {
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: black;
}

#printFooter {
  font-family: tahoma,arial,verdana,sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: black;
}

/* OpenLayers */

.olControlOverviewMapElement {
  -moz-border-radius-topleft: 0 !important;
  background-color: inherit !important;
  padding: 0 !important;
}

.olControlScaleLine {
  bottom: 50px !important;
}

.olControlScaleLineTop {
  border-color: black !important;
  color: black;
}

.olControlScaleLineBottom {
  border-color: black !important;
  color: black;
}

/* toolbar */

.float-left {
  float: left;
}
.clear-left {
  clear: left;
}
.zoomin {
  background-image:url(../images/toolbar/mapzoomin.gif) !important;
  height:20px !important;
  width:20px !important;
}
.zoomout {
  background-image:url(../images/toolbar/mapzoomout.gif) !important;
  height:20px !important;
  width:20px !important;
}
.zoombox {
  background-image:url(../images/toolbar/mapzoombox.gif) !important;
  height:20px !important;
  width:20px !important;
}
.zoomfull {
  background-image:url(../images/toolbar/maphome.gif) !important;
  height:20px !important;
  width:20px !important;
}
.refresh {
  background-image:url(../images/toolbar/maprefresh.gif) !important;
  height:20px !important;
  width:20px !important;
}
.pan {
  background-image:url(../images/toolbar/mappan.gif) !important;
  height:20px !important;
  width:20px !important;
}
.drawpoint {
  background-image:url(../images/toolbar/drawpoint.gif) !important;
  height:20px !important;
  width:20px !important;
}
.drawline {
  background-image:url(../images/toolbar/draw_line_off.png) !important;
  height:20px !important;
  width:20px !important;
}
.drawrect {
  background-image:url(../images/toolbar/draw_rect.png) !important;
  height:18px !important;
  width:18px !important;
}
.drawpolygon {
  background-image:url(../images/toolbar/draw_polygon.png) !important;
  height:18px !important;
  width:18px !important;
}

.drawcircle {
  background-image:url(../images/toolbar/draw_circle.png) !important;
  height:18px !important;
  width:18px !important;
}

.next {
  background-image:url(../images/toolbar/mapforward.gif) !important;
  height:20px !important;
  width:20px !important;
}
.back {
  background-image:url(../images/toolbar/mapprevious.gif) !important;
  height:20px !important;
  width:20px !important;
}
.print {
  background-image:url(../images/toolbar/fileprint.gif) !important;
  height:20px !important;
  width:20px !important;
}
.info {
  background-image:url(../images/toolbar/mapinfo.gif) !important;
  height:20px !important;
  width:20px !important;
}
.help {
  background-image:url(../images/toolbar/helpuserguide.gif) !important;
  height:20px !important;
  width:20px !important;
}
.devhelp {
  background-image:url(../images/toolbar/devguide.png) !important;
  height:20px !important;
  width:20px !important;
}
.specify {
  background-image:url(../images/toolbar/usamap.png) !important;
  height:20px !important;
  width:20px !important;
}
.download {
  background-image:url(../images/toolbar/download.gif) !important;
  height:20px !important;
  width:20px !important;
}
.zoomtoaoi{
  background-image:url(../images/toolbar/zoomtoaoi.gif) !important;
  height:20px !important;
  width:20px !important;
}
.clearaoi{
  background-image:url(../images/toolbar/aoiclear.gif) !important;
  height:20px !important;
  width:20px !important;
}
.legend{
  background-image:url(../images/toolbar/legend.png) !important;
  height:20px !important;
  width:20px !important;
}
.aoifileexport {
  background-image:url(../images/toolbar/fileexport.png) !important;
  height:20px !important;
  width:20px !important;
}
.aoifileimport {
  background-image:url(../images/toolbar/fileimport.png) !important;
  height:20px !important;
  width:20px !important;
}
.statistics {
  background-image:url(../images/toolbar/chartbar.png) !important;
  height:20px !important;
  width:20px !important;
}
.viewtable {
  background-image:url(../images/toolbar/view.png) !important;
  height:20px !important;
  width:20px !important;
}
.exportcsv {
  background-image:url(../images/toolbar/csv.png) !important;
  height:20px !important;
  width:20px !important;
}
.piechart {
  background-image:url(../images/toolbar/chartpie.png) !important;
  height:20px !important;
  width:20px !important;
}
.barchart {
  background-image:url(../images/toolbar/chartbar.png) !important;
  height:20px !important;
  width:20px !important;
}
.display{
  background-image:url(../images/toolbar/display.png) !important;
  height:20px !important;
  width:20px !important;
}
.animation{
  background-image:url(../images/toolbar/animation.png) !important;
  height:20px !important;
  width:20px !important;
}
.outline-icon {
  background-image:url(../images/overview.gif) !important;
}
.layers-icon {
  background-image:url(../images/layers.gif) !important;
}
.legend-icon {
  background-image:url(../images/legend.gif) !important;
}
.products-icon {
  background-image:url(../images/products.gif) !important;
}
.refresh-icon{
  background-image:url(../images/refresh.png) !important;
}
.remove-icon{
  background-image:url(../images/remove.png) !important;
}
.add-icon{
  background-image:url(../images/add.png) !important;
}
.upload-icon {
  background-image:url(../images/upload.png) !important;
}
.cancel-icon {
  background-image:url(../images/cancel.png) !important;
}
.submit-icon {
  background-image:url(../images/submit.png) !important;
}
.swipeimgbtn {
  background-image:url(../images/toolbar/imagecomp.png) !important;  
}
#legend{color:black;font:bold 11px arial,tahoma,helvetica,sans-serif;white-space:nowrap;}
#loading{
  position:absolute;
  width: 100%;
  height: 100%;
  z-index:20001;
}
#loading a {
  color:#225588;
}
#loading .loading-mask {
  padding:2px;
  width: 100%;
  height: 100%;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: white;
}
#loading .loading-container {
  position:absolute;
  left:45%;
  top:40%;
  height:auto;
  border:1px solid #ccc;
}
#loading .loading-indicator {
  background:white;
  color:#444;
  font:bold 16px tahoma,arial,helvetica;
  padding:10px;
  margin:0;
  height:auto;
}
#loading-msg {
 font: normal 10px arial,tahoma,sans-serif;
}
 .x-form-multiselectfield-field {
  margin:0;
  font:normal 12px arial,tahoma,helvetica,sans-serif;
}
.olControlLoadingPanel {
    background-image:url("../images/loading1.gif");
    background-color: none;
    left: 50%; 
    top: 50%;  
    position: relative;
    width: 150px;
    height: 16px;
    background-position:center;
    background-repeat:no-repeat;
    display: none;
}
.olControlGetVCIValueActive {
  cursor: crosshair;
}
.vciprofile-icon{
  background-image:url(../images/toolbar/drawline.gif) !important;
  height:20px !important;
  width:20px !important;
}
.createpdf {
  background-image:url(../images/toolbar/exportpdf.png) !important;
  height:20px !important;
  width:20px !important;
}
.reset-icon {
  background-image:url(../images/toolbar/maprefresh.gif) !important;
}
.save-icon {
  background-image:url(../images/save.gif) !important;
}
.close-icon {
  background-image:url(../images/close.gif) !important;
}
.cropprogress-icon {
  background-image:url(../images/toolbar/cropprogress.png) !important;
  height:20px !important;
  width:20px !important;
}