div, textarea{
    font-family: Arial, Helvetica, sans-serif;
}

.imgAlphaIE6 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}

/* navigator */
.wsnavDiv {position: relative; overflow :hidden;}
.loadingDiv {position: absolute; z-index: 1000; width: 100%; height: 100%; display: block}
.imageLoading {position: absolute; vertical-align: middle;}
.mapDiv {position: relative;background-color: #cacaca; overflow :hidden;}

/* classic server layer */
.layerDiv {position: absolute; width: 100%; height: 100%; }
.layerImageDiv {position: absolute; width: 100%; height: 100%; }
.layerImage {width: 100%; height: 100%;}
.layerImageIE6 {width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.drawDiv {position: absolute; display: none; width: 100%; height: 100%; background: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/transparent.gif') repeat;}

/* toolbars */
.FloatingHorizontalToolbar{z-index: 100000; overflow: auto; position: absolute}
.FloatingHorizontalToolbarRightAligned{z-index: 100000; overflow: auto; position: absolute; right: 0px;}
.FloatingVerticalToolbar{z-index: 100000; overflow: auto; position: absolute}
.FloatingVerticalToolbarBottomAligned{z-index: 100000; overflow: auto; position: absolute; bottom: 0px;}
.HorizontalToolbar{overflow: auto}
.toolDiv {padding: 2px;}

/* info layer */
.closeImg{position: absolute; right: 2px; top: 2px; clear: both; width: 11px; height: 11px;}
.infoBackgroundIE{position: absolute; background-color: black; top: 5px; left: 5px; width: 100%; height: 100%; filter: alpha(opacity=50);}
.infoBackgroundMoz{position: absolute; background-color: black; top: 5px; left: 5px; width: 100%; height: 100%; -moz-opacity : 0.5;}
.infoWindowLayerContentDiv{padding-left: 5px; padding-right: 5px; padding-top : 18px;}
.infoTipLayerContentDiv{padding-left: 5px; padding-right: 5px; padding-top : 5px;}
.infoDiv {position: absolute; }
.infoWindowMainDiv {position: absolute; background: url(http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/infoWindowMenuBar.gif) white repeat-x; border : 1px solid black; font-weight: bold; font-size: 9px; font-family: verdana; padding: 1px;}
.infoTipMainDiv {position: absolute; background: white; border : 1px solid black; font-weight: bold; font-size: 9px; font-family: verdana; padding: 1px;}
.infoTip {position: absolute; border: 1px solid black; background-color: white; font-weight: bold; font-size: 9px; font-family: verdana; padding: 1px;}


/* buttons */
.tool{cursor: pointer}

/* controls */
.baseLayerSwitcher {position: absolute; padding: 2px; border : 1px solid Black; background-color: white; font-size: 8px; }
.baseLayerSwitcherItem {font-size: 10px; font-weight : normal; cursor: pointer}
.baseLayerSwitcherItemActive {font-size: 10px; font-weight : bold; cursor: pointer}

.navigationPanel {position: absolute; top:0px; left:0px; margin: 0px;}

.compass {position: relative; top:0px; left:0px; margin: 0px;}

.progessiveZoomBar {position: relative; top: 0px; left: 0px; margin: 0px; width: 1px}
.progessiveZoomBarCursor {position: absolute; top: 0px; left: 0px; visibility: hidden}
.progessiveZoomBarZoomIn{position: relative;}
.progessiveZoomBarZoomOut{position: relative;}
.zoomBarDiv {position:relative; top: 0px; left: 0px; z-index:1;}
.zoomBarImg {position:relative; top: 0px; left: 0px;}

.transparencyPanel {position: absolute; top:0px; left:0px; margin: 0px;}
.transparencyBar {position: relative; top: 0px; left: 0px; margin: 0px;}
.transparencyBarCursor {position: absolute; top: 0px; left: 0px; visibility: hidden}
.transparencyBarPlus {position: relative; float: left;}
.transparencyBarMinus {position: relative; float: left;}
.transparencyBarDiv {position:relative; top: 0px; left: 0px; z-index:1; float: left;}
.transparencyBarImg {position:relative; top: 0px; left: 0px;}

/* overview */
.overviewBounds {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: red;
    border: 1px solid blue;
    overflow: visible;
}

.overviewControlContainer {
    border: 1px gray solid;
    border-right-style: none;
    border-bottom-style: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.overviewArrowHide {
    position:absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    width: 13px;
    height: 14px;
    background-image: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/arrow_hide.gif');
}

.overviewStar {
    position: absolute;
    cursor: pointer;
    visibility: hidden;
    width: 15px;
    height: 15px;
    background-image: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/star.gif');
}

.overviewArrowShow {
    position:absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    width: 13px;
    height: 14px;
    background-image: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/arrow_show.gif');
}

.ktreeview {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}

/* zoom */
.zoomRectangle{position:absolute;left:0px;top:0px;width:0px;height:0px;font-size:1px;border: 1px solid black;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/transparent-box.png', sizingMethod=scale);}
.zoomRectangleNN6{position:absolute;left:0px;top:0px;width:0px;height:0px;font-size:1px;border: 1px solid black;background: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/transparent-box.png');}

/*NamedViews Tool*/
 #namedViewsCombo{margin:5px;}


.printMapDiv{position: relative; left: 0px; top: 0px;}


.tooltip{
    padding-left:3px;
    padding-right:3px;
    font-size: 11px;
    position:absolute;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    opacity: .9;
    filter: alpha(opacity=90);
    }

    /*custom Tooltip*/
    /*top right*/
    .topRight4{
        width:16px;/*change*/
    }

    .topRight2{
        height:12px;
    }

    .topRight9{
        float:left;
        height:32px;
    }

    .topRight6{
        width:32px;
    }

    .legendInfoContent{
        padding-top:0px;
        padding-right:0px;
        min-height:30px;
        min-width:30px;
        _height:31px;
        _width:50px;
        vertical-align:middle;
        font-family: Arial, Helvetica, sans-serif;
        /*.padding-right:3px;*/
    }

    .legendContent{
        position:absolute;
        z-index:100;
        overflow:hidden;
        _filter: alpha(opacity=95);
        color:#777777;
        font-size:11px;
        padding:0px;
    }
    /*top right*/

    /*top left*/
    .topLeft6{
        width:32px;
        height:0px;
    }

    .topLeft8{
        float:left;
        height:32px;
    }

    .topLeft5{
        width:16px;
    }

    .topLeft2{
        height:12px;
    }
    /* top left*/

    /*bottom right*/
    .bottomRight3{
        height:32px;
        float:left;
    }

    .bottomRight7{
        width:32px;
    }

    .bottomRight5{
        width:16px;
    }

    .bottomRight9{
        height:12px;
    }
    /*bottom right*/

    /*bottom left*/
    .bottomLeft7{
        width:32px;
    }

    .bottomLeft2
    {
        height:32px;
        float:left;
    }

    .bottomLeft9{
        height:12px;
    }

    .bottomLeft6{
        width:16px;/*to change*/
    }
    /*bottom left*/

    .legendInfoContent .tooltipText{
        color:#777777;
        font-size:11px;
    }
    /*custom Tooltip*/

    /*tool info begin*/
    .toolInfo {
        height: 270px;
        width: 353px;
        float:left;
        position:absolute;
        z-index: 1;
        visibility: hidden;
        padding:0px;
        margin:0px;
        border:none;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#777777;
        _filter: alpha(opacity=95);
    }

    .toolInfo .header{
        height: 25px;
        width: 353px;
        height: 25px;
        line-height: 25px;
        padding:0px;
        margin:0px;
        border:none;
        cursor:move;
    }

    .toolInfo .header .left{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_01.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_01.gif') no-repeat left center;
        height: 25px;
        line-height: 25px;
        float:left;
        width: 18px;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .header .center{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_02_fill.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_02_fill.gif');
        height: 25px;
        line-height: 25px;
        float:left;
        width: 317px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .header .center .close{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_CLOSE.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_CLOSE.gif') no-repeat left center;
        height: 15px;
        line-height: 15px;
        float:right;
        width: 15px;
        margin-top:8px;
        cursor:pointer;
        padding:0px;
        border:none;
    }

    .toolInfo .header .right{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_03.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_03.gif') no-repeat left center;
        height: 25px;
        line-height: 25px;
        float:left;
        width: 18px;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation{
        width: 353px;
        height: 38px;
        line-height: 38px;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation .left{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_04.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_04.gif') no-repeat left center;
        float:left;
        height: 38px;
        line-height: 38px;
        width: 34px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation .noLeft{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_04_OFF.PNG') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_04_OFF.gif') no-repeat left center;
        float:left;
        height: 38px;
        line-height: 38px;
        width: 34px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation .left .event{
        cursor:pointer;
        margin-top:2px;
        margin-left:12px;
        _margin-left:6px;
        float:left;
        height: 20px;
        line-height: 20px;
        /*border:1px solid #000000;*/
        width:20px;
        padding:0px;
    }

    .toolInfo .navigation .right{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_14.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_14.gif') no-repeat left center;
        float:left;
        height: 38px;
        line-height: 38px;
        width: 34px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation .noRight{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_14_OFF.PNG') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_14_OFF.gif') no-repeat left center;
        float:left;
        height: 38px;
        line-height: 38px;
        width: 34px;
        overflow:hidden;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .navigation .right .event{
        cursor:pointer;
        margin-top:2px;
        float:left;
        height: 20px;
        line-height: 20px;
        /*border:1px solid #000000;*/
        width:20px;
        padding:0px;
     }

    .toolInfo .navigation .tabs{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_tabsFill.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_tabsFill.gif');
        float:left;
        height: 38px;
        overflow:hidden;
        line-height: 38px;
        width: 285px;
        padding:0px;
        margin:0px;
        border:none;
        padding:0px;
        margin:0px;
        border:none;
        position:relative;
    }

    .toolInfo .navigation .tabs .tab{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_06_fill.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_06_fill.gif');
        float:left;
        height: 28px;
        line-height: 28px;
        width: 68px;
        padding:0px;
        margin:0px;
        border:none;
        padding:0px;
        margin:0px;
        border:none;
        font-size:11px;
        overflow:hidden;
        padding-left:2px;
        padding-bottom:10px;
        cursor:pointer;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .toolInfo .navigation .tabs .tabsContenair{
        position:relative;
        height:38px;
        line-height:38px;
        width: 0px;
        padding:0px;
        margin:0px;
        border:none
    }

    .toolInfo .navigation .tabs .tabActive{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_08.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_08.gif') no-repeat left center;
        float:left;
        height: 28px;
        line-height: 28px;
        width: 68px;
        padding:0px;
        margin:0px;
        border:none;
        color:#272727;
        overflow:hidden;
        padding-left:2px;
        padding-bottom:10px;
        cursor:pointer;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .toolInfo .navigation .tabs .spacer{
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_05.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_05.gif');
        float:left;
        height: 38px;
        line-height: 38px;
        width: 1px;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .center{
        width: 353px;
        height: 181px;
        line-height: 181px;
        padding:0px;
        margin:0px;
        border:none;
        overflow:hidden;
    }

    .toolInfo .center .left{
        height: 181px;
        float:left;
        line-height: 181px;
        width: 11px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_15_fill.png');
        _background: url('../skins/base/spacer.gif');
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .center .content{
        height: 181px;
        float:left;
        line-height: 181px;
        width: 331px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_16_fill.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_16_fill.gif');
        padding:0px;
        margin:0px;
        border:none;
        overflow:hidden;
    }

    .toolInfo .center .content .loading{
        height: 20px;
        float:left;
        line-height: 20px;
        width: 331px;
        text-align:center;
        padding:0px;
        margin:0px;
        border:none;
        font-size:11px;
        color:#777777;
    }

    .toolInfo .center .content .hints{
        height: 15px;
        float:left;
        line-height: 15px;
        width: 331px;
        text-align:center;
        padding:0px;
        margin:0px;
        border:none;
        color:red;
        overflow:hidden;
        font-size:11px;
    }

    .toolInfo .center .content .result{
        height: 181px;
        float:left;
        line-height: 11px;
        width: 331px;
        overflow:auto;
        text-align:center;
        padding:0px;
        margin:0px;
        border:none;
        text-align:left;
    }

    .toolInfo .center .content .result .spacer{
        height: 1px;
        line-height: 1px;
        width: 258px;
        padding:0px;
        margin:5px;
        margin-left:10px;
        background: url('../skins/base/controls/customInfo/images/InfoToolSpacer.gif') no-repeat left center;
    }

    .toolInfo .center .content .result .tableData {
        padding:5px;
        padding-left:10px;
        border:none;
        line-height:17px;
        text-align:left;
        color:#272727;
    }

    .toolInfo .center .content .result .tableData .td{
        border:none;
        padding:5px;
    }

    .toolInfo .center .content .result .tableData .titleData{
        font-weight:bold;
        color:#777777;
        padding-right:10px;
        padding-left:10px;
        font-size:11px;
    }

    .toolInfo .center .right{
        height: 181px;
        float:left;
        line-height: 181px;
        width: 11px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_17_fill.png');
        _background: url('../skins/base/spacer.gif');
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .footer{
        width: 353px;
        height: 25px;
        line-height: 25px;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .footer .left{
        height: 25px;
        float:left;
        line-height: 25px;
        width: 23px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_18.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_18.gif') no-repeat left center;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .footer .center{
        height: 25px;
        float:left;
        line-height: 25px;
        width: 307px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_19_fill.png');
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_19_fill.gif');
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .footer .right{
        height: 25px;
        float:left;
        line-height: 25px;
        width: 23px;
        background: url('../skins/base/controls/customInfo/images/Pop_vignette_20.png') no-repeat left center;
        _background: url('../skins/base/controls/customInfo/images/Pop_vignette_20.gif') no-repeat left center;
        padding:0px;
        margin:0px;
        border:none;
    }

    .toolInfo .infoHeader{
        color:#272727;
        font-size:11px;
    }

    .toolInfo .dataValue{
        color:#272727;
        font-size:11px;
    }
    /*tool info end*/

    /* TRANSPARENCY TOOLBAR */
    .transparencyBarDiv {
        float: left;
        /*border: 1px solid red;*/
    }
    .transparencyBarCoverDiv {
        /*border: 1px solid white;*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4000;
        background: url('http://www.mapworkspace.com:80/mw/pub/map/wsnav//images/transparent.gif') repeat;
    }
    .transparencyBarImg {
        /*border: 1px solid #99ff99;*/
    }
    .transparencyCursorDiv {
        /*border: 1px solid blue;*/
        position: absolute;
        visibility: hidden;
        top: 0;
    }
    .transparencyCursorImg {
        /*border: 1px solid #ff9999;*/
    }
    .transparencyTipDiv {
        /*border: 1px solid #9999ff;*/
        position: absolute;
        left: 20px;
        top: 5px;
    }
    .transparencyTipNumDiv {
        /*border: 1px solid #99ff99;*/
        height: 11px;
        width: 8px;
        position: absolute;
        top: 0;
    }
    /* TRANSPARENCY TOOLBAR ENDS */

    /* LINK into InfoWindow */
    .tableData a:link {
        color:#777777;
        text-decoration:underline;
    }

    .tableData a:visited {
        color:#777777;
        text-decoration:underline;
    }

    .tableData a:hover {
        color:#525252;
        text-decoration:underline;
    }