#mapadminwrapper
{
    width: 430px;
}

p.spacesavailable, span.spacesavailable
{
    color: green;
    font-weight: bold;
}

p.nospacesavailable, span.nospacesavailable
{
    color: red;
}

#dialogclose, #removedialogclose
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.carpark p
{
    margin: 0px;
    padding: 0px;
    display: inline;
}

#pindata
{
    margin-top: 10px;
}

#pindata p
{
    padding: 3px;
    padding-left: 0px;
    margin: 0px;
    font-size: 9pt;
}

#addform
{
    display: none;
}

#addarea
{
    width: 430px;
}

.mappin
{
    cursor: pointer;
}

#dialogclose, #removedialogclose
{
    cursor: pointer;
}

#deletepin
{
    color: #ff0000;
}

#mapadmin
{
    border: 2px solid #666666;
    padding: 10px;
}

#pininner, #pinremoveinner
{
    padding: 10px;
    padding-top: 0px;
}

#progresscontainer
{
    height: 36px;
    width: 430px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0px;
}

#mapprogress
{
    height: 30px;
    display: none;
    border: 2px solid;
    padding: 0.8em; 
}

#mapprogress.notice
{
   border: 2px solid #ffd324;
   font-weight: bold;
   color: #514721;
   display: visible;
   background: #fff6bf;
   
}

#mapprogress.success
{
   border: 2px solid #c6d880;
   font-weight: bold;
   color: #264409;
   display: visible;
   background: #e6efc2;

}

#mapprogress.error
{
   border: 2px solid #fbc2c4;
   font-weight: bold;
   color: #8a1f11;
   display: visible;
   background: #fbe3e4;

}

#outerDiv 
{
    height: 430px;
    width: 430px;
    border: 1px solid black;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#innerDiv 
{
    z-index: 0;
    position: relative;
    left: -700px;
    top: -700px;
}

            
#toggleZoomDiv 
{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 72px;
    height: 30px;
}

#togglePushPinDiv 
{
    position: absolute;
    top: 10px;
    left: 87px;
    z-index: 1;
    width: 72px;
    height: 30px;
}