/* 
Document   : mapstyle
Created on : 22.mai.2008, 13:04:19
Author     : John Kåre Akeren, Alfatroll AS
Description:
The purpose of this stylesheet is to make the map application
look decent.

Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#MapDiv {
    position:relative;
    /*width:640px;
    height:480px;*/
    width:465px;
    height:365px;
    top:0px;
    margin-left:0px;
    overflow:hidden; /* Very important for clipping */
    border: 1px solid black;
}

#MapDiv #mapimage {
    position:relative;
    /*width:640px;
    height:480px;*/
    width:465px;
    height:365px;
}

#slider {
    position:absolute;
    width:15px;
    height:141px;
    top:100px;
    left:100px;
}

#controls {
    position:absolute;
    width:57px;
    height:244px;
    margin-left: 10px;
    margin-top: 10px;
    top:0px;
    left:0px;
    z-index:1;
    opacity:0.4; /*FF*/
    filter:alpha(opacity=40);/*IE*/
}

#controls:hover {
    opacity:1.0;
    filter:alpha(opacity=100);
    /*filter:shadow(color:gray, strength:3, direction:135);*/
}

#pancontrols {
    position:absolute;
    width:57px;
    height:57px;
}

#zoomcontrols {
    position:absolute;
    width: 17px;
    height:181px;
    margin-top:63px;
    margin-left:20px;
}

#pancontrols #leftarrow {
    position:absolute;
    top:20px;
    left:0px;
    width:17px;
    height:17px;
    cursor:pointer;
}

#pancontrols #uparrow {
    position:absolute;
    top:0px;
    left:20px;
    width:17px;
    height:17px;
    cursor:pointer;
}

#pancontrols #rightarrow {
    position:absolute;
    top:20px;
    left:40px;
    width:17px;
    height:17px;
    cursor:pointer;
}

#pancontrols #downarrow {
    position:absolute;
    top:40px;
    left:20px;
    width:17px;
    height:17px;
    cursor:pointer;
}

#zoomcontrols #slider {
    position:absolute;
    width:15px;
    height:141px;
    left: 1px;
    top: 20px;
}

#zoomcontrols #plus {
    position:absolute;
    width:17px;
    height:17px;
    left: 0px;
    top: 0px;
    cursor:pointer;
}

#zoomcontrols #minus {
    position:absolute;
    width:17px;
    height:17px;
    left: 0px;
    top: 164px;
    cursor:pointer;
}

#zoomcontrols #scrollbar {
    position:absolute;
    width:17px;
    height:9px;
    top:86px;
    left:0px;
    z-index:1;
    cursor:pointer;
}
#maprubber {
    position:absolute;
    width:0px;
    height:0px;
    top:0px;
    left:0px;
    /*z-index:1;*/
    border:1px solid red;
    overflow:hidden;
    visibility:hidden;
    cursor:crosshair;
}
#modecontrol {
    position:absolute;
    width:44px;
    height:22px;
    top:0px;
    left:72px;
    visibility:visible;
    z-index:1;
    background:white;
    opacity:0.4; /*FF*/
    filter:alpha(opacity=40);/*IE*/
}
#modecontrol:hover {
    opacity:1.0; /*FF*/
    filter:alpha(opacity=100);/*IE*/
}
#panicon {
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
    background:red;
}
#zoomicon {
    position:absolute;
    top:0px;
    left:22px;
    cursor:pointer;
}

#poi {
    position:absolute;
    top:2px;
    left:70px;
    background:#e5e5e5;
    width:500px;
    z-index:1;
}
#poi_inner {
    background:#e5e5e5;
    width:500px;;
    float:left;
}
.poicolumn {
    width:13.0em;
    float:left;
}
#poisubmitdiv {
    float:left;
    clear:both;
    width:500px;
}
#poi h3 {
    background:#c2c2c2;
    clear:both;
    text-align:left;

}
#poi ul {
    list-style:none;
    padding-left:0;
    margin-left:0;
    width:auto;
    float:left;
    clear:none;
}

#poi li {
    clear:both;
    float:left;
    width:auto;
}
#poi form {
    margin-left:0;
    padding-left:0;
    width:auto;
    float:left;
}
#poi form input {
    float:left;
    width:auto;
}
#poi form label {
    float:left;
    clear:right;
    width:auto;
}