body { 
  margin: 0px;
  position: relative;
}

#mapWrapper {
  position: relative;
}
#map {
  border-top: 1px dashed blue;
  border-bottom: 1px dashed blue;
  width: 100%;
  height: 60%; /* !! explicitly set from a (default) query param */
  /*cursor: url("bluerect.png") 0 0, crosshair;*/
}

#mapinfo { 
  margin: 0pt;
  font-size: 8pt;
}

#title {
  position:relative;
  padding-top: 5px;
  margin-bottom: 0px;
  font-size: large;
}
#impressum { 
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 8pt;
  font-weight: normal;
  color: #9999ff;
}

.olControlAttribution {
    left: 0px;
    /*height: 30px;*/
    width: 250px;
}

.olControlAttribution a,
.olControlAttribution span {
  /*color: #eee !important;*/
}

.olPopupContent p { 
  margin: 2pt;
}
.ptools { 
  text-align:left;
  top: -3px;
  /*border-bottom: 1px solid grey;*/
}
.plink { 
  font-size: smaller;
  font-weight: bold;
}



.pbody { 
  /* border: 1px solid red; */
  clear: both;
  margin-top: 3px;
  margin-bottom: 3px;
  border-top: 1px solid grey;
  padding-top: 3px;
}
.olPopupContent {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 5px 5px 0px 5px ! important;  
}
.XolPopupCloseBox { 
  background: url("http://cmaps.gpsteam.eu/pic/close.gif");
}
.tiny { 
  font-size: 8pt;
}

.positioning { 
  position: relative;
  top: 0px;
  left: 0px;
}
#mname { 
  
}
#mnameok { 
 
}

#mnamecancel { 
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: none;
  margin: 0px;
  border: none;
}
#mnamecancel img { 
  border: none;
}
#toolbardiv { 
  z-index: 10000;
  position: absolute;
  top: 0px;
  left: 80px;
  margin-top: 5px;
 }

#gpx { 
  margin: 0px;
  margin-left: 1em;
  margin-right: 1em;
  background: #f8f8ff;
  padding: 4px;
  font-size:smaller;
}



/*** upload,webload ***/
.btn {
  border: 1px dashed blue;
  color: #a80000;
  background: #fafaf5;
  font-weight: bold;
}
.btn:hover {
  text-decoration: underline;
}

#uploadLayer {
  background: #fafafa;
  position: absolute;
  top: 140px;
  left: 10%;
  width: 80%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}
#uploadLayer form { 
  margin: 0px;
}
#uplupl { 
  text-align: center;
}
#uplupl2 { 
  text-align: center;
}

#savesave { 
  text-align: center;
}

#uplaction { 
  text-align: center;
  margin-bottom: 0px;
}


.error p { 
  /* font-weight: bold; */
}

.error blockquote { 
  /* border: 1px dashed blue; */
  font-weight: bold;
}



#webloadLayer {
  background: #fafafa;
  position: absolute;
  top: 140px;
  left: 10%;
  width: 80%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}
#webloadLayer form { 
  margin: 0px;
}


#filesaveLayer {
  background: #fafafa;
  position: absolute;
  top: 140px;
  left: 10%;
  width: 80%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}
#filesaveLayer form { 
  margin: 0px;
}


#addnewlayer {
  background: #fafafa;
  position: absolute;
  top: 140px;
  left: 10%;
  width: 80%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}



#ProfileLayer {
  position: absolute;
  top: 340px;
  left: 1%;
  width: 98%;
  height: 150px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 4500;
}



#help { 
  position: absolute;
  top: 3px;
  right: 3px;
  width: 160px;
  background: #fafaf5;
  border: 1px dashed blue;
  padding: 4px;
  z-index: 10000;
}


#MSGbox { 
  position: absolute;
  top: 150px;
  left: 35%;
  width: 30%;
  background: #fafaf5;
  border: 1px dashed blue;
  padding: 4px;
  z-index: 11000;
}

#selectedTP { 
  position: absolute;
  top: 100px;
  left: 100px;
  width: 8em;
  height: 2.5em;
  background: #fafaf5;
  border: 1px dashed blue;
  padding: 0;
  margin:0;
  z-index: 10000;
}



#Linkbox { 
  position: absolute;
  top: 94%;
  left: 5%;
  width: 90%;
  background: #fafaf5;
  border: 1px dashed blue;
  padding: 4px;
  z-index: 10000;
  margin-top: 0px;
  margin-bottom: 0px;
}

#textbox { 
  position: absolute;
  top: 100px;
  right: 0px;
  width: 260px;
  height: 400px;
  background: #fafaf5;
  border: 1px dashed blue;
  padding: 4px;
  z-index: 1000;
}

#aboutinfo {
  background: #fafafa;
  position: absolute;
  top: 140px;
  left: 30%;
  width: 40%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 10000;
}


#addmapinfo {
  background: #fafafa;
  position: absolute;
  top: 20%;
  left: 15%;
  width: 70%;
  height: 60%;
  padding: 14px;
  border: 1px dashed blue;
  margin-left: auto;
  margin-right: auto;
  z-index: 100000;
}


#addmapinfotext{
  position: absolute;
  top: 5%;
  left: 10%;
  width: 80%;
  height: 90%;
}

#help ul { 
  padding-left: 1.4em;
  margin: 0px;
  margin-bottom: 1ex;
}
#help p { 
  margin: 0px;
}
#tracklength {
  position: absolute;
  top: 8px;
  right: 30px;
  /*width: 120px;*/
  background: #fafaf5;
  /*filter: alpha(opacity=55);*/
  /*-moz-opacity: .55;*/
  border: 1px dashed blue;
  padding: 2px;
  z-index: 10000;
  font-weight: bold;
}


#CSdata {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 20%;
  height: 20%;
  background: #fafafa;
  border: 1px dashed blue;
  z-index: 10000;
  overflow:hidden;
}

#CSprof {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 620;
  height: 330;
  background: #fafafa;
  border: 1px dashed blue;
  z-index: 10000;
}

#wtf {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  background: #fafafa;
  border: 1px dashed blue;
  z-index: 10000;
}



#scroll_clipper{
  position: absolute;
  overflow:auto;
  left: 2%;
  top: 5%;
  width: 98%;
  height: 95%;
  z-index: 10000;
}

#scroll_text{
 style=Z-INDEX: 10000;
 }


.popinfo { 
 font-weight: bold;
 font-size: smaller;
}


.poplink { 
 font-weight: bold;
 font-size: medium;
}

.xinfolayer { 
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 1px dashed blue;
  border-bottom: 1px dashed blue;
  padding: 3px;
  margin: 0px;
  z-index: 10000;
}

.t0 { 
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dashed blue;
  background: #fafaf5;
  font-size: smaller;
}
.t1 { 
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px dashed blue;
  border-bottom: 1px dashed blue;
  background: #fafaf5;
  font-size: smaller;
}
.t2 { 
  padding-right: 10px;
  border-right: 1px dashed blue;
  border-top: 1px dashed blue;
  border-bottom: 1px dashed blue;
  background: #fafaf5;
  font-size: smaller;
}
.t3 { 
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px dashed blue;
  border-top: 1px dashed blue;
  border-bottom: 1px dashed blue;
  background: #fafaf5;
  font-size: smaller;
}


.speca {
  border-width: 0px;
  border-left-style: none;
  border-right-style: none;
}


a {
  border-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  border-color: transparent;
  text-decoration: none;
}
a:link { color: #a80000; }
a:visited { color: #a80000;}
a:active { color: #a80000;}
a:hover { border-color: #a80000;
}