/*  LEGEND STYLES */ 
.legend {
	position: absolute;
	bottom: 80px;
	right: 20px;
	width: 160px;
	padding: 10px 15px;
	z-index: 1;
	overflow: auto;
	overflow-x: hidden;
	font-weight: bold;
	background: #FFF;
	font-size: 12px;
	border-radius: 4px;
	max-height: 440px;
	box-shadow: 0 0 12px #666;
	box-shadow: 0 0 12px rgba(0,0,0,.25);
    }

    /* Don't show legend for basemap */
    #legend_layer0 {
        display: none !important;
    }
	
	.content .legend #legend-1_msg {
		color: #888;
		font-weight: 400;
	}

body.map .legend {
	bottom: 32px;
	right: 20px;
}

.esriLegendService {
    padding-bottom: 8px;
	}
	.esriLegendService table {
	    margin: 0;
	    border: none;
		}
		.esriLegendService table tbody tr {
		    background-color: #FFF;
			}
			.esriLegendService td {
			    padding: 0;
			    vertical-align: middle;
			    line-height: normal;
			    font-weight: 300;
			}
			.esriLegendService img {
			    height: 18px;
			    border: 1px solid #DDD;
			}

.esriLegendLayerLabel {
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 25px;
}

.esriLegendServiceLabel {
    display: none;
}

.mCSB_container {
	margin-right: 0 !important;
}
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	float: right;
}

/*  NORTH ARROW STYLES */ 
    .map .plugin-north-arrow {
        background-image: url(../img/north-arrow.png);
        width: 100px;  /* H/W should match your image size*/
        height: 104px;
    }