.dojoxResizeHandle
{
	right: 0px; 
	bottom: 0px; 
}

.map
{
	text-align: left; 
	border: 1px solid #000;
}

.map .container .fixedPan
{
	width: 45px;
	height: 45px;
    /*
    background-image: url("/image/fixed-pan-sprite2.png")
    */
}

.map .container .panUpperLeft
{
	left: 5px;
	bottom: 5px;
	/*
    background-position-x: 0px;
	background-position-y: 0px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_LeftTop45.png");
}

.map .container .panUpperRight
{
	top: 5px;
    /*
	background-position-x: 46px;
	background-position-y: 0px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_RightTop45.png");
}

.map .container .panLowerLeft
{
	bottom: 5px;
	left: 5px;
    /*
	background-position-x: 0px;
	background-position-y: 46px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_LeftDown45.png");
}

.map .container .panLowerRight
{
	bottom: 5px;
	right: 5px;
    /*
	background-position-x: 46px;
	background-position-y: 46px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_RightDown45.png");
}

.map .container .panUp
{
	top: 5px;
    /*
	background-position-x: -46px;
	background-position-y: 0px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_Top45.png");
}

.map .container .panDown
{
	bottom: 5px;
    /*
	background-position-x: 92px;
	background-position-y: 46px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_Down45.png");
}

.map .container .panLeft
{
	left: 5px;
    /*
	background-position-x: -46px;
	background-position-y: 0px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_Left45.png");
}

.map .container .panRight
{
	right: 5px;
    /*
	background-position-x: -46px;
	background-position-y: 46px;
    */
	background-position-x: 0px;
	background-position-y: 0px;
    background-image: url("/image/Map/Arrow_Right45.png");
}

.dijitButtonNode {
    border: 0px solid gray;
}

.esriSimpleSliderTL
{
	left: 5px;
	top: 60px;
}

.esriSimpleSlider DIV
{
	width: 45px;
	height: 45px;
	line-height: 40px;
	font-weight: bolder;
	font-size: 35px;
}

/* UGH, if mapDisplay is absolute positioned we need to override the position absolute on mapDisplay_gc because
    arcgis creates a widget that inherits the position.  !important because it uses a local style!
*/
/*Not working

#mapDisplay_gc,#mapDisplay_container,#mapDisplay_root,#mapDisplay_layers {
    position: relative !important;
}
*/

.dijitPopup, .dijitMenuPopup {
    border-style: solid;
    border-width: thin;
    border-color: black;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#HomeButton {
    position: absolute;
    top: 6px;
    left: 58px;
    z-index: 50;
}

.HomeButton .home 
{
    width: 44px;
    height: 44px;
}

.LocateButton .zoomLocateButton
{
    width: 44px;
    height: 44px;
}

#LocateButton {
      position: absolute;
      top: 6px;
      left: 108px;
      z-index: 50;
}

#toggleLegend{
    margin: 10px;
}

#legendDisplay {
    /*max-height: 500px;*/
    min-width: 50px;
    max-width: 200px;
    overflow: auto !important;
    /*margin: 2px;*/
    position: absolute;
/*
    right: 20px;
    bottom: 0px;
*/
    right: 65px !important;
    /*bottom: 55px;*/
    bottom: 15px;

    pointer-events: none;
    background:rgba(255,255,255,0.6);
    /*background:rgba(255,255,255,0.45);*/
    margin-top:0px; /* Set margin to your navbar height */
    overflow: hidden;
    font-size: 10px;
    color: black;
    /*padding: 4px;*/

    border-style: solid;
    border-width: thin;
    border-color: black;
}

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

.areaswithmap {
    width: 300px;
}
.areaswithoutmap {
    width: 100%;
}

.checkinout-content-bar {
    position: absolute;
    overflow: auto;
    overflow-x:hidden;
    top: 40px;
    width: 100%;
    bottom: 65px;
    padding-left: 15px;
}

.checkinout-bottom-bar {
    position: absolute;
    border-left-width: 0px;
    bottom: 0px; 
    width: 300px;
    margin-top:15px;
    margin-bottom: 15px;
}

.mapWrapper {
    position: absolute; 
    top: 218px; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
}
.adminmapWrapper {
    position: absolute; 
    top: 343px; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
}

.publicmapWrapper {
    position: absolute; 
    top: 282px; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 

}
/*@media (max-width: 767px) {
    .publicmapWrapper {
        position: relative; 
        top: 0px; 
        bottom: 0px; 
        left: 0px; 
        right: 0px; 
        height: 600px;
    }
}*/


    



.mapbuttonrow
{
    position: absolute; 
    top: 42px; 
    left: 15px; 
    right: 15px; 
    height: 20px;
}
.adminmapbuttonrow
{
    position: absolute; 
    top: 167px; 
    left: 15px; 
    right: 15px; 
    height: 20px;
}
.publicmapbuttonrow
{
    position: absolute; 
    top: 107px; 
    left: 15px; 
    right: 15px; 
    height: 20px;
}

.mapselectbackground {
    z-index: -1;
    position: absolute;
    top: 79px;
    left: 5px;
    right: 5px;
    height: 135px;
}
.adminmapselectbackground {
    z-index: -1;
    position: absolute;
    top: 204px;
    left: 5px;
    right: 5px;
    height: 135px;
}
.publicmapselectbackground {
    z-index: -1;
    position: absolute;
    top: 144px;
    left: 5px;
    right: 5px;
    height: 135px;
}
.mapsearchrow
{
    position: absolute; 
    top: 94px; 
    left: 15px; 
    right: 15px; 
    height: 50px;
}
.adminmapsearchrow
{
    position: absolute; 
    top: 219px; 
    left: 15px; 
    right: 15px; 
    height: 50px;
}
.publicmapsearchrow
{
    position: absolute; 
    top: 154px; 
    left: 15px; 
    right: 15px; 
    height: 50px;
}

.mapselectedarearow
{
    position: absolute; 
    top: 84px; 
    left: 15px; 
    right: 15px; 
    height: 95px;
}
.adminmapselectedarearow
{
    position: absolute; 
    top: 209px; 
    left: 15px; 
    right: 15px; 
    height: 95px;
}
.publicmapselectedarearow
{
    position: absolute; 
    top: 150px; 
    left: 15px; 
    right: 15px; 
    height: 95px;
}
.mapselecteditembuttonrow
{
    position: absolute; 
    top: 174px; 
    left: 15px; 
    right: 15px; 
    height: 25px;
}
.adminmapselecteditembuttonrow
{
    position: absolute; 
    top: 299px; 
    left: 15px; 
    right: 15px; 
    height: 25px;
}
.publicmapselecteditembuttonrow
{
    position: absolute; 
    top: 239px; 
    left: 15px; 
    right: 15px; 
    height: 25px;
}

.checkinout-area-map {
    /* position: absolute;
    overflow: hidden;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
        */
}

.admin-area-map {
    /* position: absolute;
    overflow: hidden;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
        */
}

.checkinout-basemap-menu {
    position: absolute;
    bottom: 8px;
    left: 60px;
}

.admin-basemap-menu {
    position: absolute;
    bottom: 8px;
    left: 360px;
}

.start-over-padding {
    padding-top: 40px;
}

.start-over-map-padding {
    padding-top: 0px;
}

.map-feature-data, .map-feature-button {
    float: left;
    /*margin-right: 10px;*/
    vertical-align: middle;
    height: 85px;
/*
    min-height: 75px;
    max-height: 125px;
    */
    /*padding-right: 10px;*/
}

.map-feature-data {
    /*padding-left: 10px;*/
    /*min-width: 350px;*/
    width: 100%;
    overflow: auto;
/*    background-color: lightgray;*/
 }
.map-feature-button {
    /*margin-top: 15px; */
    width: 200px;
    overflow: none;
 }

.roundedCorners {
  -o-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.scalebar_bottom-left {
    left: 65px !important;
    bottom: 55px;
    border-color: grey;
    border-width: 1px;
    width: 120px;
    background:rgba(255,255,255,0.45);
    pointer-events: none;
}

.esriScalebarLabel {
    color: black;
}