img{ border-width: 0; }

#mapArea{
    left: 10px;
    top: 40px;
}

#pan_cover{
    z-index: 2003;
    top: 0;
    left: 0;
    background-color: white;
    position: absolute;
    visibility: hidden;
}

#progress{
    z-index: 2004;
    top: 0;
    left: 0;
}
#layerBox{
    top: 45px;
    left: 30px;
    z-index: 2002;
}
#overview{
    top: 45px;    
    left: 15px;
    z-index: 2000;
}
#ovbox{
    z-index: 2001;
    top: 0;
    left: 0;
}
#debug{
    position: absolute;
    visibility: hidden;
    top : 0;
    right: 0;
    z-index: 2005;
}  

#logo{
    position: absolute;
    visibility: visible;
    top : 2;
    left: 15;
    z-index: 2005;
}  

#EUlogo{
    position: absolute;
    visibility: visible;
    top : 2;
    left: 863;
    z-index: 2005;
}  

/* -- */

body {
  background: #FBEDC2;  
  margin: 0;  
}
#background{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: left;
}
#background .header{
  background: url(../images/grad_brown_up.jpg) repeat-x;
  font-size: 1.4em;
  font-family:Arial;
  font-weight: bold;
  padding: 10px 0 0 350px;
}

#mapArea{
   position: absolute;   
   background-color: #FFFFFF;
   border: 1px solid #000000;
}

#progress{
   position: absolute; 
   visibility: visible;
   background-color: #FFFFFF;
   filter: alpha(opacity=80);
   text-align: center;
}
#progress div{
   position: absolute;
   background-color: silver;   
   border: 1px solid black;   
   font-weight: bold;
   font-family: Arial;   
}

#menu table{
  border-right: 1px solid #FBEDC2;
}

#menu td{
  font-family: Arial;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid black;
  border-left: 1px solid black;
  padding: 1;
  margin: 0; 
  height: 1.2em;  
  background-color: #E0CA9F;
  vertical-align:middle;
}

#menu a:hover{
  background-color: silver;  
}
#menu a{
  display: block;      
  padding: 0;
  margin: 0;
  text-decoration: none;
  height: 100%; 
  border: 1px solid #E0CA9F;   
}

#menu_dragHook{
    cursor: move;
}

#layerBox{
  visibility: hidden;
  position: absolute; 
  top: 45px;
  left: 15px; 
  background-color: #FBEDC2; /*#DDDDDD;*/
  border: 1px solid black;
  filter: alpha(opacity=80);
  opacity:0.8;
  font-family: Arial;
  font-size: 0.9em;
    
}
#layerBox a:hover{
  background-color: silver;
}
#layerBox a{
  display: inline;
  text-decoration: none;
  padding: 0 5px 0 5px;
  margin: 0;
  border: 1px solid #FBEDC2;
}
#layerBox .layerMenu a{
  display: block;  
  padding: 0;
  text-align: center;
  font-size: 0.9em;
}
#layerBox div.submenu{
  padding-top: 1px;
  text-align: center;
  border-bottom: 1px solid black;
  margin-bottom: 10px; 
  padding-bottom: 1px;
}
#layerBox table.layerMenu{
  border-left: 1px solid black;
}
#layerBox .layerMenu td{ 
  border: 0 solid black;
  border-width: 1px 1px 1px 0;
  margin: 0;
  padding: 0;
}
#layerBox h2{
  font-size: 0.8em;
  border: 1px solid gray;
  margin: 4px;
  padding-left: 0;
  background-color: #CFCFCF;
}

#layerBox .header{
  border: 1px solid black;
  text-align: center;
  background-color: #CFCFCF;
}

.orderList li{
    list-style-type: none;
}

.orderList{
  margin-left: 0;
  padding-left: 0;
}

#overview{
   visibility: hidden;   
   position: absolute;   
   background-color: #FFFFFF;
   border-color: #000000;
   border-style: solid;
   border-width: 1px; 
   filter: alpha(opacity=100);
}

#ovbox{
   visibility: hidden;   
   position: relative;
   width: 0;
   height: 0;		
}
 
.lg-header{
  padding-top: 1px;
  padding-bottom: 1px;   
}

#scroller{
  position: absolute;   
  overflow: auto;
}

.del{
    font-size: 0.8em;    
}
h2 .del, h2 .del a{
  color: #A9A9A9;
}

.del a, .del{
  color: silver;
}
#layerBox .del a{
  padding: 0;  
  border-width: 0;
}
#layerBox .del a:hover{
   color: black;
   background-color: inherit;
}