
body {background-color:#FFF;margin:0.1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.white {background-color:#FFFFFF;margin-left:2em;}


#principal {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

a {text-decoration: none;color:#5C74BB;}

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

#ajaxErrorMessage {
/* This element is shown on Cartoclient errors when in AJAX mode  */
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  padding: 5px;
  color: black;
  background-color: silver;
  border: 3px solid red;
}

#toolbar1{
  width:140px;
  float: left;
}
#toolbar2{
  width:130px;
  float: left;
}
#toolbar3{
  width:30px;
  float: left;
}

#toolbar3_txt{
  width:260px;
  float: left;
  font-size: 9px;
  padding-right:10px;
}

#toolbar4{
  width:50px;
  float: left;
}

#banner {
  border: 1px #ccc dashed;
  margin:10px;
}

#banner h1 {text-align:center;margin:5px;padding:0;font-size:1.1em;}

#loginform {
  position: relative;
  height: 40px;
  margin-left:13px;
  margin-top:-95px; 
  margin-bottom:80px;
  z-index: 3;
}

#loginform .form_button {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  background-color:#289CDD;
  color:white;
  font-size:0.8em;
  margin:2px;
}


#leftbar {
  position: absolute;
  top: 155px;
  width: 240px;
  padding:20px;
  padding-top:0;
  z-index: 3;
  background:transparent;
}
#leftbar p {text-align:center;margin:10px;}

#keymap {text-align:center;margin:10px;}
#keymap input {border:1px solid #eee;}

#layerscmd {text-align:center;padding:5px;}

#content {
  background: no-repeat;
  background-image: url(../gfx/layout/background.jpg) ;
  background-color: #289CDD;
  position: relative;
  padding-top:90px; 
  z-index: 0;
  padding-left: 319px;
  height: 530px;
}

#map_contour {
  margin :0px;
  padding:0px;
  border:0px;
  border-collapse: collapse;
/*  background-color: #E4E4E4; */
}
#map_contour table{
  background: repeat;
  background-image: url(../gfx/layout/f.png) ;
  border-collapse: collapse;
  width:100%;
}

#map_contour_g {
  background: repeat-y;
  background-image: url(../gfx/layout/g.gif);
}

#map_contour_d {
  background: repeat-y;
  background-image: url(../gfx/layout/d.gif) ;
}
#map_contour_h {
  background: repeat;
  background-image: url(../gfx/layout/f.gif);
  vertical-align: bottom;
}
#map_contour_b {
  background: repeat-x;
  background-image: url(../gfx/layout/b.gif) ;
}
#map_contour td {
  margin :0px;
  padding:0px;
}


#needJsDiv { 
  position:absolute;
  z-index:4;
  background-color:white;
}

#needJs { 
  color:red;
  font-size:2em;
  font-weight:bold;
}

#loadbar {
  width:170px;
  padding:10px;
  background-color:white;
  border:1px solid #eee;
  font-weight:bold;
}
#loadbar img {
    border:0;
    margin-top:10px;
    width: 140px;
    height: 10px;
}

pre {border: 1px #ccc dashed;padding:20px;margin-right:10px;}

.form_button {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  background-color:#eee;
  color:black;
  font-size:0.8em;
  margin:2px;
}

.form_button_hilight {
  height:20px;
  border:1px solid #fff;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  background-color:#eee;
  color:red;
  font-size:0.8em;
  margin:2px;
}

.toolbar_on {
  border: 1px solid #289CDD;
  cursor: pointer;
}

.toolbar_off {
  cursor: pointer;
}

#dummy {
  width:0;
  height:0;
}

#scaleContainer {
  position:absolute;
  z-index:3;
}

#floatScale {
  position:relative;
/*  top: -15px;*/
  padding:0;
  margin:0;
}

#floatGeo {
  padding:0;
  margin:0;
}

#floatDistance {
  padding:0;
  margin: 0;
  display: none;
  color:#FF5500;
}

#floatSurface {
  padding:0;
  margin: 0;
  display: none;
  color:#FF5500;
}
img {
  border: none;
}
#logo_air{
  position: absolute;
  top : 15px;
  padding-left:80px;
}

#logo_crb{
  position: absolute;
  top : 15px;
  padding-left:920px;
}

#transp_link{
  position: absolute;
  top : 25px;
  padding-left:246px;
}

#transp_link img{
  width : 330px;
  height : 42px;
}


#resultContainer{
  position: absolute;
  top : 180px;
  margin-left:26px;
  background-color:#FFF;
  z-index:3;
}
.layerResult div div{
  padding-top:7px;
  padding-bottom:6px;
}

#help{
  display:block;
  text-align : left;
}

