html, body
{
    height: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0;
}


body
{
background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    overflow: hidden;
    font-family: "Helvetica" !important;
    font-size: inherit !important;
}

#header
{
    border: solid 1px #232416;
    overflow: hidden;
    background-color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C0C0C0));
    background: -moz-linear-gradient(top,  #fff,  #C0C0C0); /* height:65px;*/
    margin: 5px 5px;
}
.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.roundedCorners
{
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.shadow
{
    box-shadow: 4px 4px 8px #adadad;
    -webkit-box-shadow: 4px 4px 8px #adadad;
    -moz-box-shadow: 4px 4px 8px #adadad;
    -o-box-shadow: 4px 4px 8px #adadad;
}
.center {
    margin-left: auto;
    margin-right: auto;
    width: 37%;

}
#title
{
    padding-top: 2px;
    padding-left: 10px;
    color: #000;
    font-size: 14pt;
    text-align: left;
    text-shadow: 0px 1px 0px #e5e5ee;
    font-weight: 700;
}
#subtitle
{
    font-size: small;
    padding-left: 40px;
    text-shadow: 0px 1px 0px #e5e5ee;
    color: #000;
}
#rightPane
{
    background-color: #E8E8E8;
    border: solid 2px #B8B8B8;
    margin: 5px;
    width: 20%;
}
#map
{
    background-color: #FFF;
    border: solid 2px #B8B8B8;
    margin: 5px;
    padding: 0;
}
.disclaimer
{
text-align: justify;
}
/*--------  Begin Page Layout  -------------------------------*/
#loadingImg
{
    position: absolute;
    top: 45%;
    left: 45%;
}
#coordDisplay
{
    position: absolute;
    top: 20px;
    left: 250px;
    width: 218px;
    z-index: 50;
    background: url('../img/background/111_70.png');
    border: 1px solid white;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    overflow: hidden;
    color: white;
    padding: 2px 3px 3px 6px;
    font-size: 12px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
    display: none;
}
/*--------  Begin Links Layout  -------------------------------*/
a.a1:link, a.a1:active, a.a1:visited
{
    color: white;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}
a.a1:hover
{
    background-color: #abd6ff;
    text-decoration: underline;
}
a.b1:link, a.b1:active, a.b1:visited
{
    color: black;
    text-decoration: none;
}
a.b1:hover
{
    color: #abd6ff;
    text-decoration: underline;
}
a.c1:link, a.c1:active, a.c1:visited
{
    color: blue;
    text-decoration: none;
}
a.c1:hover
{
    color: #abd6ff;
    text-decoration: underline;
}
a.e1:link, a.e1:active, a.e1:visited
{
    text-decoration: underline;
    color: white;
}
a.e1:hover
{
    color: #abd6ff;
    text-decoration: underline;
}
a.f1:link, a.f1:active, a.f1:visited
{
    /*color: white;     text-decoration: none;*/
    font-size: 15px;
    font-weight: normal;
}
a.f1:hover
{
    color: #abd6ff;
    text-decoration: underline;
}

a.dropmenu
{
    display: none;
    cursor: default;
}
a.dropmenu:hover
{
    display: block;
    cursor: default;
}
img
{
    border: 0;
}
a.black:link, a.black:active, a.black:visited
{
    color: black;
    font-size: 12px;
    text-decoration: none;
}
a.black:hover
{
    color: blue;
    text-decoration: underline;
}
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}
/*--------  End Links Layout  -------------------------------*/
/*--------  Begin Table Styles  -------------------------------*/
/* Sortable tables */
table.sortable thead
{
    background-color: #1e1e1e;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
table.sortable
{
    width: 100%;
}
#RecTable
{
    line-height: 12px;
    width: 100%;
}

.docdate, .docType, .docSale, .docpage
{
    text-align: center;
}
.docdate
{
    width: 30%;
}
.tblresult
{
    width: 100%;
    margin: 0px;
    padding: 3px;
    border-spacing: 0px;
    color: Black;
}
.tblLayers
{
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}
.row-highlight
{
    font: 14px Verdana,Calibri, sans-serif;
    background-color: #abd6ff !important;
    cursor: pointer;
    color: white !important;
}
.row-normal
{
    background-color: white;
    font: 14px Verdana,Calibri, sans-serif;
    color: Black;
}
.dashed
{
    border-bottom: dashed 1px #888;
}
.row-odd
{
    background-color: #e6e6e6;
    font: 14px Verdana,Calibri, sans-serif;
    color: Black;
}
.row-header
{
    font: italic bold 14px Georgia,serif;
    background-color: #C9C9C9;
    color: Black;
}
.row-header-light
{
    font: italic bold 14px Georgia,serif;
   /*    background-color: #007d94;*/ background-color: #e5fcff ;
    color: Black;
}
.zone
{
    background: #FCFCFC;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
    color: Black;
    border-style: solid solid solid solid;
    border-color: #DDD;
    border-collapse: collapse;
    font-size: 13px;
}
.tblright
{
    text-align: right;
}
.fobutton
{
    background-color: #181818;
    cursor: pointer;
    height: 28px;
    display: block;
    color: #FFFFFF;
    font-size: 89%;
    font-weight: normal;
    padding: 12px 8px 0px 9px;
    margin: 0px 1px;
    text-decoration: none;
    border-bottom: gray 2px solid;
    border-left: gray 2px solid;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333; /*prevents selection */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fobutton:hover
{
    background-image: url(../img/theme/nav-bg-hover-black.gif);
    margin: 0px 0px;
    height: 26px;
}
.small
{
    height: 18px !important;
    padding: 0px 5px;
}
.left
{
    float: left;
}
.fobutton:hover small
{
    height: 18px !important;
    padding: 0px 5px !important;
}


/*--------  End Table Styles  -------------------------------*/
.tabinfodiv
{
    display: none;
    border: 1px dotted #DDD;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
    padding: 5px;
}
.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*--------  BEGIN ControllerContainer  -------------------------------*/
.controllerContainer
{
    position: absolute;
    top: 20px;
    left: 15px; /*width: 475px;*/
    z-index: 50;
    background: url('../img/background/111_70.png');
    border: 1px solid white;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    overflow: hidden;
    color: white;
    padding: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
}
.dropdown
{
    position: absolute;
    z-index: 50;
    background: url('../img/background/111_70.png');
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    overflow: hidden;
    color: white;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
    visibility: collapse;
}
.dropdown:hover, .dropdown-hover
{
    visibility: visible;
    padding: 5px;
    border: 1px solid white;
    height: auto !important;
}
.controllerTitle
{
    color: White;
    font-size: larger;
    font-weight: bold;
    border-bottom: 2px solid gray;
}
.controllerIcon
{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}
.controllerStatus
{
    color: White; /*border-top: 2px solid gray;*/
    text-align: right;
    width: 200px;
    z-index: 50; /*position: absolute;     top: 50px;     left: 40px;         background: url('../img/background/111_70.png');     border: 1px solid white;     box-shadow: 5px 5px 5px #333;     border-radius: 5px;     overflow: hidden;     padding: 5px;     -o-border-radius: 5px;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     -webkit-box-shadow: 5px 5px 5px #333;*/
}
.subMenuIcon
{
    padding: 2px 4px 2px 4px;
    background-position: center;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.closeX
{
    position: absolute;
    margin-right: 2px;
    right: 1px;
}
.subMenuIcon-hover
{
    /*padding: 2px 4px 2px 4px;*/
    background-position: center;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #abd6ff;
}
.subMenuIcon-active
{
    background-color: #616161;
}
/*--------  End ControllerContainer  -------------------------------*/
#loadingImg
{
    position: absolute;
    top: 45%;
    left: 45%;
}
#coordDisplay
{
    position: absolute;
    top: 20px;
    left: 250px;
    height: 22px;
    width: 218px;
    z-index: 50;
    background: url('../img/background/111_70.png');
    border: 1px solid white;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    overflow: hidden;
    color: white;
    padding: 2px 3px 3px 6px;
    font-size: 12px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
    display: none;
}
#scaleDisplay
{
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 50;
    background: url('../img/background/111_70.png');
    border: 1px solid white;
    box-shadow: 5px 5px 5px #333;
    border-radius: 5px;
    overflow: hidden;
    color: white;
    padding: 2px 3px 3px 6px;
    font-size: 12px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px #333;
}
#north
{
    position: absolute;
    right: 20px;
    bottom: 45px;
}

/*--------  End Page Layout  -------------------------------*/
/*---------  ESRI Overrides  -------------------------------*/
/*ScakeBar Override the location to make it appear above scale selection*/
.scalebar_bottom-left
{
    left: 15px;
    bottom: 65px;
}
/*Slider Override the location to make it appear below tools*/
.esriSimpleSliderTL
{
    top: 95px;
    left: 15px;
}