// mapnik.css
// 2015-09-02

body
{
position: relative;
margin: 0px;
padding: 0px;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: left;
background-color: White;
}
textarea
{
resize: vertical;
}
form
{
margin: 0px;
padding: 0px;
background-color: transparent;
font-family: Verdana, sans-serif;
font-size: 11px;
cursor: default;
}
input
{
font-family: Verdana, sans-serif;
font-size: 12px;
height: 16px;
border: thin inset;
}
select
{
font-family: Verdana, sans-serif;
font-size: 11px;
height: 16px;
border: thin inset;
cursor: pointer;
}
a
{
text-decoration: underline;
cursor: pointer;
color: blue;
}
p
{
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 11px;
line-height: 130%;
}
table
{
margin: 0px;
padding: 5px 5px 5px 5px;
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 10px;
}

#mapserverLog
{
position: absolute;
display: block;
overflow: hidden;
left: 0px;
top: 0px;
width: 1px;
height: 1px;
font-size: 0px;
}
#reportBox
{
position: absolute;
display: none;
overflow: auto;
background-color: LightYellow;
border: 1px Silver solid;
z-index: 200;
cursor: default;
}
#reportBoxTxt
{
padding: 5px 5px 5px 20px;
text-indent: -10px;
font-family: Verdana, sans-serif;
font-size: 9px;
line-height: 10px;
cursor: default;
}
#leftContainer
{
position: absolute;
display: block;
margin: 0px;
padding: 0px;
left: 5px;
top: 5px;
width: 0px;
height: 600px;
text-align: center;
font-size: 10px;
z-index: 500;
}
#sponsorContainerHorizontal
{
position: absolute;
display: none;
overflow: auto;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
z-index: 0;
border: 1px Silver solid;
}
#sponsorContainerVertical
{
position: absolute;
display: none;
left: 5px;
top: 5px;
width: 120px;
height: 0px;
z-index: 500;
border: 1px Silver solid;
}
#googleContainer
{
position: absolute;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
text-align: center;
font-size: 12px;
z-index: 500;
}
#popupContainer
{
position: absolute;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
font-size: 12px;
z-Index: 500;
}
#superContainer
{
position: relative;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
font-family: Verdana, sans-serif;
}
#superContainerStartUp
{
position: relative;
display: block;
margin: 0px;
padding: 0px;
text-align: center;
left: 132px;
top: 0px;
width: 430px;
font-family: Verdana, sans-serif;
font-size: 11px;
}
#intro1
{
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
font-size: 11px;
background-color: WhiteSmoke;
border: 1px Silver solid;
}
#intro2
{
color: #ee1289;
font-size: 16px;
font-weight: bold;
}
#intro3
{
padding: 0px 0px 0px 0px;
font-size: 11px;
line-height: 26px;
}
#intro4
{
display: none;
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
font-size: 16px;
color: #ee1289;
background-color: WhiteSmoke;
border: 1px Silver solid;
}
#viewport1
{
position: absolute;
display: none;
overflow: hidden;
background-color: Silver;
font-size: 0px;
}
#viewport3
{
position: absolute;
display: none;
overflow: hidden;
background-color: White;
font-size: 0px;
}
#smallMapBox1
{
left: 0px;
top: 0px;
background-color: LightYellow;
border: 1px Silver solid;
}
#smallMap1
{
position: absolute;
display: block;
overflow: hidden;
font-size: 0px;
background-color: transparent;
z-index: 100;
}
#smallMapBox2
{
left: 0px;
top: 0px;
}
#sponsorContainer
{
position: absolute;
display: block;
overflow: visible;
background-color: transparent;
z-index: 100;
}
#logo1
{
position: absolute;
display: block;
background-color: LightYellow;
border: 1px Silver solid;
z-Index: 100;
}
#centerBox1
{
position: absolute;
display: block;
font-size: 10px;
background-color: White;
z-index: 100;
border: 1px Black solid;
}
#navBox1
{
position: absolute;
display: block;
font-size: 10px;
z-index: 100;
overflow: hidden;
}
#mapSelectionBox1
{
position: absolute;
display: block;
font-size: 10px;
text-align: left;
z-index: 100;
}
#mapCopyrightBox1
{
position: absolute;
display: block;
font-size: 9px;
text-align: center;
background-color: White;
border: 0px Silver solid;
cursor: default;
z-index: 100;
}
#zoomBox1
{
position: absolute;
display: block;
font-size: 8px;
background-color: White;
border: 0px Silver solid;
z-Index: 100;
cursor: default;
}
#msgBox1
{
position: absolute;
display: none;
z-index: 300;
background-color: White;
border: 0px Red solid;
cursor: default;
}
#msgSmallBox1
{
position: absolute;
display: none;
background-color: Yellow; // #EE1289;
color: Black;
border: 1px Silver solid;
cursor: default;
font-size: 11px;
font-weight: normal;
text-align: center;
z-index: 400;
}
#distanceBox1
{
position: absolute;
display: block;
font-size: 9px;
text-align: right;
}
#copyrightBox1
{
position: absolute;
display: block;
background-color: White;
font-size: 9px;
text-align: left;
cursor: default;
}
#infoBox1
{
position: absolute;
display: block;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 10px;
overflow: auto;
background-color: White;
border: 1px Silver solid;
z-index: 50;
cursor: default;
}
#infoPlaces {
}
#infoDownload
{
display: none;
margin: 0px 0px 0px 0px;
padding: 2px 10px 3px 10px;
text-align: left;
color: White;
background-color: #ee1289;
font-weight: bold;
font-size: 9px;
}
#infoPOI
{
display: none;
margin: 0px;
padding: 0px;
text-align: left;
color: White;
background-color: #ee1289;
cursor: default;
}
#routerBox1
{
position: absolute;
display: block;
font-size: 11px;
cursor: default;
z-index: 150;
}
#menuButtonBox1
{
position: absolute;
display: block;
font-size: 10px;
z-index: 0;
border-radius: 3px;
}
#menuBox1
{
position: absolute;
display: none;
font-size: 9px;
line-height: 10px;
background-color: Snow; // NavajoWhite
border: 1px Silver solid;
cursor: default;
z-index: 500;
}
#queryBox1
{
position: absolute;
display: block;
font-size: 11px;
cursor: default;
z-index: 150;
}
#poiCoordsBox1
{
position: absolute;
display: block;
font-size: 11px;
cursor: default;
}
#printMenuBox1
{
position: absolute;
display: none;
font-size: 11px;
text-align: right;
z-index: 100;
}
#printInfoBox1
{
position: relative;
display: none;
font-family: Verdana, sans-serif;
font-size: 11px;
}
.scaleBox
{
position: absolute;
display: block;
font-size: 9px;
text-align: left;
cursor: default;
}
.hairCross1
{
position: absolute;
display: block;
background-color: White;
z-index: 85;
}
.hairCross3
{
position: absolute;
display: block;
background-color: #ee1289;
z-index: 80;
}
.queryAdvancedBox
{
margin: 10px 0px 5px 0px; 
padding: 10px; 
border: 1px Black solid; 
background-color: LightYellow;
cursor: default;
}
.coords
{
position: relative;
width: 48px;
height: 14px;
margin: 0px;
padding: 0px 2px 0px 2px;
font-family: Verdana, sans-serif;
font-size: 11px;
cursor: text;
}
.error
{
margin: 0px;
padding: 5px 15px 5px 15px;
background-color: #EE1289;
color: White;
font-size: 120%;
font-weight: bold;
}
.button
{
height: 14px;
padding: 0px 0px 0px 0px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: Verdana, sans-serif;
background-color: Khaki;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.buttonFree
{
padding: 5px;
margin: 5px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: Verdana, sans-serif;
background-color: Khaki;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.buttonNavbox
{
width: 14px;
height: 14px;
padding: 0px 0px 0px 0px;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight: bold;
font-family: Verdana, sans-serif;
background-color: Khaki;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.buttonInfobox
{
padding: 0px 0px 0px 0px;
height: 14px;
line-height: 12px;
cursor: pointer;
text-align: center;
font-size: 9px;
font-weight: normal;
font-family: Verdana, sans-serif;
background-color: Khaki;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.buttonMap
{
height: 14px;
width: 90px;
text-align: center;
font-size: 10px;
font-weight: bold;
cursor: pointer;
font-family: Verdana, sans-serif;
background-color: Khaki;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.buttonMapSelected
{
height: 14px;
width: 90px;
text-align: center;
font-size: 10px;
font-weight: bold;
cursor: pointer;
font-family: Verdana, sans-serif;
background-color: White;
border-top: 1px Maroon solid;
border-left: 1px Maroon solid;
border-bottom: 1px Maroon solid;
border-right: 1px Maroon solid;
border-radius: 3px;
}
.multiPoint
{
background-color: DarkMagenta;
width: 5px;
height: 5px;
}