.alt { left:-9999px; position:absolute; }
.clear { clear: both; }
sup { font-size: 60%; vertical-align:super }

body {
    overflow: hidden;
}

/* MAP */
#map {overflow: hidden;}

.esriPopup{
    z-index: 4000 !important;
}

/* LOADING */
#loading{
    position:absolute; 
    top: 35px; 
    left: 55px; 
    z-index:100; 
    display:none;
    border: 1px solid #333;
    font-weight: bold;
    font-size: 88%;
    background-color: #fff;
    opacity: 0.7
}
.loadpanel {
    padding: 10px 10px 10px 30px;
    background: transparent url(../Images/ajax-loader.gif) no-repeat 10px 7px;
}

/* NAVIGATION */
#navigation {
    position: absolute;
    top: 5px;
    left: 70px;
    z-index: 100;
    display: none;
}
ul.toolmenu {
    height: 36px;
}
ul.toolmenu li {
    float: left;
    height: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 3px;
}
ul.toolmenu li.tool,
ul.toolmenu li.navigation-tool {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}
ul.toolmenu li.separator {
    width: 20px;
    background: none;
    border: none;
    padding: 0;
}
ul.toolmenu li.selected {
    border: 1px solid #333 !important;
    background-color: #ddd;
}
ul.toolmenu li.selected.tool,
ul.toolmenu li.selected.navigation-tool {
    background-color: #ddd;
    border: 1px solid #333;
}
ul.toolmenu li.selected img {
    filter: brightness(0.8);
}
ul.toolmenu li img {
    filter: brightness(0.8);
}
ul.toolmenu li.disabled {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    cursor: auto;
}

/* SCALEBAR */
#scalebar {
    display: none;
    position: absolute;
    top: 7px;
    left: 70px;
    z-index: 2001;
}
#scalebar select
{
    width: 120px;
    font-size: 14px;
    height: 28px;
    padding: 3px;
}

/* SIDEBAR */
#sidebar {
    position: absolute;
    top: 0px;
    right: 0px;
    background: white;
    z-index: 100;
    width: 450px;
    display: none;
}

#sidebar-close {
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
    z-index: 103;
}

#sidebar-tabs ul li {
    position: relative;
}

#sidebar-tabs ul li a {
    padding-right: 25px;
}

.tab-close {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

/* LEGEND */
#toc-toggle {
    display: none;
}

#toc h2 {
    background: transparent url(../Images/toc/ui-check-box-uncheck.png) no-repeat 0 0;
    padding-left: 17px;
    font-weight: bold;
    font-size: 11px;
    margin: 10px 0 0 10px;
    cursor: pointer;
}

    #toc h2.checked {
        background: transparent url(../Images/toc/ui-check-box.png) no-repeat 0 0;
    }

    #toc h2.disabled {
        background: transparent url(../Images/toc/ui-check-box-disabled.png) no-repeat 0 0;
    }

#toc div.tocheader, #toc div.tiledtocheader, #toc div.parentheader {
    height: 16px;
    padding-top: 2px;
    background: transparent url(../Images/toc/toggle-small-expand.png) no-repeat scroll 0 0;
}

#toc div.childnode {
    margin-left: 20px;
}

#toc div.parentnode {
    height: 20px;
}

#toc div.tiledtocheader {
    background: transparent;
}

#toc div.parentheader {
    background: transparent;
}

    #toc div.tocheader:HOVER, #toc div.tiledtocheader:HOVER, #toc div.parentheader:HOVER {
        background-color: #eee
    }

#toc li.grouped div.parentheader {
    display: none;
}


#toc div.expanded {
    background-image: url(../Images/toc/toggle-small.png);
}

#toc li {
    padding-left: 17px;
}

.root {
    padding-left: 20px;
}

    .root > li {
        padding-left: 0 !important;
    }

.layerselect {
    margin-top: 10px;
    width: 100%;
}

#toc .tocdefinition {
    display: none;
}

    #toc .tocdefinition img {
        margin-right: 10px;
    }

button.toc-toggle {
    background: transparent url(../Images/toc/toggle-small.png) no-repeat 0 1px;
    float: left;
    width: 16px;
    height: 16px;
    border: none;
}

button.toc-expand {
    background-image: url(../Images/toc/toggle-small-expand.png);
    border: none;
}

a.toc-checkbox {
    background: transparent url(../Images/toc/ui-check-box-uncheck.png) no-repeat 0 0;
    color: Black;
    padding-left: 18px;
    padding-top: 0;
    text-decoration: none;
    display: block;
    margin-left: 17px;
    line-height: 120%;
}

a.toc-checkbox-check {
    background-image: url(../Images/toc/ui-check-box.png);
}

a.toc-checkbox-disabled {
    background-image: url(../Images/toc/ui-check-box-disabled.png);
}

#toc span.toc-parent {
    margin: 4px 0;
    display: inline;
}

#toc a.toc-tiled {
    background: transparent;
    padding-left: 0px;
    cursor: default
}

#toc table td {
    vertical-align: middle
}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

.ui-jqgrid .ui-jqgrid-htable th div {
    height:auto !important;
    padding-right:4px;
    padding-top:2px;
    vertical-align:text-top;
    white-space:normal;
}

arcgis-zoom {
    background-color: white !important;
    border: 1px solid #ccc !important;
}

/* Remove background images */
.ui-widget-header,
.ui-widget-content,
.ui-state-default,
.ui-state-active,
.ui-state-hover {
    background-image: none !important;
}

#lap, #photos {
    overflow-y: scroll;
}

#photos-dialog, #territory-dialog {
    z-index: 105 !important;
}