body {	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%
}
#map {
    font-size: small;
    border: 1px solid #999;
    width:700px;
    height:500px;
    float: left;
}
p {
    margin: 0;
}
ul {
    margin-top:0;
}



/* ControlPanel (Toolbar)
--------------------------------------------------------------*/
.olControlPanel {
    margin: 0px;
    padding: 2px 0px 2px 0px;
    background-color: #fff;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    /* horizontal toolbar to the left */
    left: 50px;
    /* vertical toolbar */
/*
    left: 13px;
    top: 240px;
*/
    /* horizontal toolbar to the right */
/*
    float: right;
    right: 0px;
*/
}
.olControlPanel div { 
    display:block;
    width:  24px;
    height: 24px;
    float: left; /* remove this if you want a vertical toolbar  */
    margin: 0px 2px 0px 2px;
}
/* Zoom to max extent*/
.olControlPanel .olControlZoomToMaxExtentItemInactive { 
    background-image: url("images/toolbar/zoom_max_extent_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* ZoomBox - zoom in */
.olControlPanel .olControlZoomBoxItemInactive { 
    background-image: url("images/toolbar/zoom_in_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.olControlPanel .olControlZoomBoxItemActive { 
    background-image: url("images/toolbar/zoom_in_on.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* ZoomBox - zoom out */
.olControlPanel .olControlZoomBoxOutItemInactive {
    background-image: url("images/toolbar/zoom_out_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.olControlPanel .olControlZoomBoxOutItemActive { 
    background-image: url("images/toolbar/zoom_out_on.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* DragPan */
.olControlPanel .olControlDragPanItemInactive { 
    background-image: url("/openlayers/theme/default/img/pan_off.png");
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.olControlPanel .olControlDragPanItemActive { 
    background-image: url("/openlayers/theme/default/img/pan_on.png");
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

/* DrawFeature : DrawLine */
.olControlPanel .olControlDrawFeatureItemInactive { 
    background-image: url("images/toolbar/add_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.olControlPanel .olControlDrawFeatureItemActive { 
    background-image: url("images/toolbar/add_on.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* ModifyFeature */
.olControlPanel .olControlModifyFeatureItemInactive { 
    background-image: url("images/toolbar/edit_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.olControlPanel .olControlModifyFeatureItemActive {
    background-image: url("images/toolbar/edit_on.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* DeleteFeature */
.olControlPanel .olControlDeleteFeatureItemInactive { 
    background-image: url("images/toolbar/delete_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.olControlPanel .olControlDeleteFeatureItemActive { 
    background-image: url("images/toolbar/delete_on.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* Navigation : Previous */

/* Navigation : Next */

/* Print button */
.olControlPanel .olButtonPrintItemInactive { 
    background-image: url("images/toolbar/print_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* CityShortcut button */
.olControlPanel .olButtonCityShortcutItemInactive { 
    background-image: url("images/toolbar/city_shortcut_off.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* Road form
--------------------------------------------------------------*/
#hiddenRoadFormDiv{
    display: none;
}
#roadFormDiv{ 
    position:relative;
}
#roadFormDiv input, #roadFormDiv select, #roadFormDiv button {
    position:absolute;
    left:9em;
    width: 137;
    height: 20px;
    font-size: 10;
}
#roadFormDiv label {
    font-size: 120%;
}
#roadForm p {
    line-height: 250%
}

/* City Shortcut popup
--------------------------------------------------------------*/
#cityShortcut {
    width: 300px;
    height: 200px;
    background-image: url("images/popup_300x200.png");
    position:absolute;
    top:85px;
    left:70px;
    border-width:3px;
    z-index:2000;
    text-align: center;
}
#cityShortcut div{
    position: relative;
    top: 5px;
    left: 5px;
    width: 290px;
    heigth: 190px;
    text-align: center;
}

/* Other
--------------------------------------------------------------*/
#message {
    position: relative;
    left: 5px;
}

/*
#controls{
    position:absolute;
    left:0px;
    bottom:0px;
    width:120px;
    height:170px;
    background-image:url(images/background-controls.gif);
}
#controls .border0{
    position:absolute;
    left:0em;
    border-width:3px;
}
#controls .border2{
    position:absolute;
    left:2em;
    border-width:3px;
}
#controls .border4{
    position:absolute;
    left:4em;
    border-width:3px;
}
.errMsg{
    display: none;
}
#errMsgMap{
    position:absolute;
    left:25px;
    top:390px;
}
#errMsgRoad{
    position:absolute;
    left:12em;
}
#nodeList{
    width: 90px;
    position:absolute;
    left:300px;
}
#MapgearsLogo{
    width:175px;
    position:absolute;
    left:0px;
    bottom:0px;
    text-align: center;
}
#MapgearsLogo img{
    width:175px;
    position:absolute;
    left:0px;
    bottom:12px;
    text-align: center;
}
#MapgearsWebpageLink{
    width:175px;
    position:absolute;
    left:0px;
    bottom:0px;
    text-align: center;
}
*/