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

.customAttr{
    position:absolute;
    top:10px; 
    right:10px; 
    z-index:60; 
    background:#848484;
     padding:5px; 
     color:#fff; 
}

.customAttr a{
    color:#fff;
    text-decoration: underline;
}

.customAttr a:hover{
    color:#fff;
    text-decoration: none;
}

#search {
    position: absolute;
    z-index: 100;
    top: 25px;
    right: 165px;
  }


#bookmarks-wrapper {
    position: absolute;
    z-index: 40;
    top: 23px;
    right: 20px;
    background: transparent;
    font-size: 12pt;
    color: #444;
  }

body {
    margin:0;
    background-color:#FFF;
    color:#333;
    font-size:14px;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
}

a {
color:#369;
}

#header {
height:80px;
background:#3e3e3e;
margin:0;
z-index:101;
overflow: visible !important;
}

#title {
color:#fff;
font-size:28px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
font-weight:500;
padding-top:10px;
padding-left:15px;
}

#subtitle {
font-size:13px;
color:#f1f1f1;
padding-left:15px;
}

div.social{
display:inline;
font-size:12px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
float:right;
padding-right:12px;
margin-top:-28px;
}

.msLink{
font-size:12px;
}

a.msLink:link{
color:#fff;
text-decoration:none;
}

a.msLink:hover{
color:#fff;
text-decoration:underline;
}

a.msLink:visited{
color:#fff;
}

#rightPane {
background-color:#FFF;
color:#3f3f3f;
width:20%;
}

#leftPane {
background-color:#e3e9ee;;
width:20%;
margin:0;
padding:0;
}


#leftPaneContent {
background-color:#dadada;
height:100%;
width:100%;
margin:0;
padding:0;
}

#description{
padding:10px;
padding-top:0px;
max-height:350px;
overflow:auto;
}

#leftPaneBody {
margin:0;
}

#leftPaneBody .panel_content {
padding:10px;
}

#tabLink {
text-decoration:none;
color:#3f3f3f;
}

#legendCon{
position:absolute;
top:-1px;
left:70px;
z-index:100;
}

#topMapTitle{
background-color:#848484;
width:340px;
height:28px;
overflow:none;
white-space:nowrap;
color:#fff;
font-weight:bold;
font-size:16px;
padding:5px;
padding-bottom:0;
margin-bottom:0;
}

#legendDiv{
display:none;
background-color:#848484;
width:340px;
max-height:550px;
padding:5px;
overflow:auto;
}

#legendToggle{
background-color:#848484;
width:120px;
height:25px;
padding-left:5px;
cursor:pointer;
}

#legendCon2{
position:absolute;
top:-1px;
right:70px;
z-index:100;
display:none;
}

#bottomMapTitle{
background-color:#848484;
width:340px;
height:28px;
overflow:none;
white-space:nowrap;
color:#fff;
font-weight:bold;
font-size:16px;
padding:5px;
padding-bottom:0;
margin-bottom:0;
}

#legendDiv2{
display:none;
background-color:#848484;
width:340px;
max-height:550px;
padding:5px;
overflow:auto;
}

#legendToggle2{
background-color:#848484;
width:120px;
height:25px;
padding-left:5px;
cursor:pointer;
}

#maps {
background-color:#d0cfd4;
position:absolute;
width:100%;
overflow:hidden;
}

#map1{
position:absolute;
top:0;
width:100%;
height:100%;
}

#resizeWrapper{
position:absolute;
top:0;
width:100%;
height:100%;
z-index:50;
}

#resizeWrapper .con{
    width:100%;
height:100%;
overflow:hidden;
}

#map2{
background:#d0cfd4;
width:100%;
height:100%;
}

#footer {
display: none;
font-size:12px;
color:#fff;
background:#848484;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
text-align:right;
height:18px;
margin:0;
padding:10px 15px 5px;
}

#msLink{
	float:left;
}

.esriScalebar{
padding-left:15px;
}

.map .bingLogo-lg{
left:18px !important;
}

#loadingCon{
position:absolute;
z-index:101;
width:100%;
top:40%;
text-align:center;
}

#loadingDialog{
margin:auto;
background-color:#dadada;
width:300px
}

#loadingHeader{
background-color:#848484;
color:#fff;
padding-top:10px;
padding-bottom:10px;
width:300px;
}

#loading{
padding-top:10px;
}

#loadingImg{
margin-top:5px;
padding-bottom:10px;
}

g{
cursor:pointer;
}

#resizeWrapper .ui-resizable-e{
    width: 6px;
    cursor: ew-resize;
    right: -2px;
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9',GradientType=0 );
    text-wrap:none;
    border-bottom: 1px solid #999999;
    -webkit-box-shadow:  0px 0px 2px 0px #999999;
    box-shadow:  0px 0px 2px 0px #999999;
}
#resizeWrapper .ui-resizable-w{
    cursor: ew-resize;
    position: absolute;
    background:transparent url(../images/switch_drag.png) no-repeat center center;
    top:50%;
    left:50%;
    width:36px;
    height: 29px;
    margin:-14px 0 0 -18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.tooltip {
    cursor: default;
      position: absolute;
      top:40%;
      left: 0;
	  margin:0;
	  margin-left:50px;
      width:100px;
      height: 48px;
      line-height: 48px;
      padding: 0px 16px 0px 8px;
      font-size: 22px;
      text-align: center;
      color: #444;
      background: #fff;
      -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
      -webkit-box-shadow:  0px 0px 2px 0px #999999;
    box-shadow:  0px 0px 2px 0px #999999;
}

.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 24px;
      border-style: solid;
      border-color: transparent #fff transparent transparent;
      top: 0px;
      right:99%;
}
.esriAttribution{ 
		color:#fff;
		background:#3e3e3e;
		padding:2px;}