body
{
  padding: 0,0,0,0;
  margin: 0,0,0,0;
  background: #ffffff;
  color: #000000;
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

    .olControlLoadingPanel {
        background-image:url(loading.gif);
        background-position:center;
        background-repeat:no-repeat;
    }


.smbutton, .smbutton2, .smbutton3{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.smbutton:visited, .smbutton2:visited, .smbutton3:visited{
color: black;
}

.smbutton{
background-color: #d1ec4c;
border-color: #d1ec4c;
margin-left: 6px;
}

.smbutton2{
background-color: #bde6f3;
border-color: #bde6f3;
margin-left: 6px;
}

.smbutton3{
background-color: #ebe587;
border-color: #ebe587;
margin-left: 6px;
}

.smbutton:hover, .smbutton2:hover, .smbutton3:hover{
border-style: inset;
color: black;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.smbutton:active, .smbutton2:active, .smbutton3:active{
color: black;
}

.smbutton:hover{
background-color: #e3f48e;
}

.smbutton2:hover{
background-color: #dbf2f9;
}

.smbutton3:hover{
background-color: #f4f1bc;
}

.mapok {

        /* background: #E7FFCE url(tick.gif) no-repeat 5px 50%;  */
        background: #E7FFCE url(tick.gif) no-repeat 5px 5px;

        padding:5px 5px 5px 30px;

        text-align:left;

        font-family:Verdana, Arial, Helvetica, sans-serif;

        color:#333;

        width:350px;

        font-size:11px;

        }


.mapnotok {

        /* background: #E7FFCE url(tick.gif) no-repeat 5px 50%;  */
        background: #FFE7CE; 

        padding:5px 5px 5px 30px;

        text-align:left;

        font-family:Verdana, Arial, Helvetica, sans-serif;

        color:#333;

        width:350px;

        font-size:11px;

        }