﻿
/***********************
    CSS FOR LEGEND ICONS
***********************/
#tab2 label {
    display: table;
    line-height: 1;
    padding: 5px 0;
}

#tab2 input[type="checkbox"] {
    margin: 0;
}

.legend {
    display: table;
    font-size: 90%;
}

.legend li {
    line-height: 1;
    padding: 5px 0;
}

.legend li span, label span {
    display: inline-block;
    width: 20px;
    margin: 0 5px;
    vertical-align: middle;
}

/***********************
    MAP LAYERS
***********************/
span.air-layer{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat 0 0;
}
span.heli-layer{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -20px 0;
}
span.school-layer{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -40px 0;
}
span.healthcare-layer{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -60px 0;
}
span.police-layer{
    height:20px;
    /*background:url('../img/main-sprite.png') no-repeat -80px 0;*/
}
span.fire-layer{
    height:20px;
    /*background:url('../img/main-sprite.png') no-repeat -100px 0;*/
}

/*County Boundaries*/
span.county-boundary{
    height:20px;
    border:2px solid #aaa;
}

/*Traffic Counts*/
ul.traffic-count > li:nth-child(1) span {
    border-bottom: 2px solid #6495ED;
}

ul.traffic-count > li:nth-child(2) span {
    border-bottom: 3px solid #7FFF00;
}

ul.traffic-count > li:nth-child(3) span {
    border-bottom: 3px solid #32cd32;
}

ul.traffic-count > li:nth-child(4) span {
    border-bottom: 3px solid #008000;
}

ul.traffic-count > li:nth-child(5) span {
    border-bottom: 5px solid #ffff00;
}

ul.traffic-count > li:nth-child(6) span {
    border-bottom: 5px solid #ffd700;
}

ul.traffic-count > li:nth-child(7) span {
    border-bottom: 5px solid #ff7f50;
}

ul.traffic-count > li:nth-child(8) span {
    border-bottom: 6px solid #ff0000;
}

ul.traffic-count > li:nth-child(9) span {
    border-bottom: 6px solid #b22222;
}

ul.traffic-count > li:nth-child(10) span {
    border-bottom: 7px solid #8a2be2;
}

ul.traffic-count > li:nth-child(11) span {
    border-bottom: 7px solid #000;
}

/*Traffic Locations*/
ul.traffic-location > li:nth-child(1) span{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -120px 0;
}
ul.traffic-location > li:nth-child(2) span{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -140px 0;
}

/*Daily Traffic Miles By County*/
ul.traffic-miles li span{
    height:20px;
}
ul.traffic-miles > li:nth-child(1) span{
    background:#F8F7FB;
    border:2px solid #000;
}
ul.traffic-miles > li:nth-child(2) span{
    background:#E3E2EF;
    border:2px solid #000;
}
ul.traffic-miles > li:nth-child(3) span{
    background:#CECCE3;
    border:2px solid #000;
}
ul.traffic-miles > li:nth-child(4) span{
    background:#BCB0D5;
    border:2px solid #000;
}
ul.traffic-miles > li:nth-child(5) span{
    background:#A993C7;
    border:2px solid #000;
}

/*Parcels*/
span.parcels{
    height:20px;
    border:1px solid #A7A7A7;
}

/***********************
    LEGEND
***********************/
ul.land-ownership li span, ul.general-ownership li span, span.tribal-lands, ul.public-lands li span{
    height:20px;
}
ul.land-ownership > li:nth-child(1) span{
    background:#E9E1D7;
    border:2px solid #BFA584;
}

/*General Ownership*/
ul.general-ownership > li:nth-child(1) span{
    background:#d5dad4;
    border:1px solid #bdc1bc;
}
ul.general-ownership > li:nth-child(2) span{
    background:#d6d5e2;
    border:1px solid #bebdc9;
}
ul.general-ownership > li:nth-child(3) span{
    background:#f1f2f2;
    border:1px solid #dcdcdc;
}
ul.general-ownership > li:nth-child(4) span{
    background:#c1d6e5;
    border:1px solid #b1c4d2;
}

/*Conservation Easements*/
span.conservation{
    height:20px;
    background:url('../img/main-sprite.png') no-repeat -160px 0;
}

/*Tribal Lands*/
span.tribal-lands{
    background:#f5dfbb;
    border:1px solid #e5d1b2;
}

/*Public Lands*/
ul.public-lands > li:nth-child(1) span{
    background:#f6e9be;
    border:1px solid #dad6c6;
}
ul.public-lands > li:nth-child(2) span{
    background:#f6f3d1;
    border:1px solid #d1d0c7;
}
ul.public-lands > li:nth-child(3) span{
    background:#83cad6;
    border:1px solid #b0c4c9;
}
ul.public-lands > li:nth-child(4) span{
    background:#d7d6e6;
    border:1px solid #cbcad3;
}
ul.public-lands > li:nth-child(5) span{
    background:#cfd9d3;
    border:1px solid #c1c7c3;
}
ul.public-lands > li:nth-child(6) span{
    background:#d7e7ce;
    border:1px solid #c8d6c0;
}
ul.public-lands > li:nth-child(7) span{
    background:#eededf;
    border:1px solid #d9d3d4;
}
ul.public-lands > li:nth-child(8) span{
    background:#d9e2f6;
    border:1px solid #c8cedb;
}
ul.public-lands > li:nth-child(9) span{
    background:#cde1f1;
    border:1px solid #bdccd8;
}
ul.public-lands > li:nth-child(10) span{
    background:#e5e8eb;
    border:1px solid #dfe2e4;
}
ul.public-lands > li:nth-child(11) span{
    background:#ebc883;
    border:1px solid #d5c5b6;
}
ul.public-lands > li:nth-child(12) span{
    background:url('../img/main-sprite.png') no-repeat -180px 0;
}

/***********************
    GALLATIN LAYERS
***********************/
/*Bike*/
ul.gallatin-bike > li:nth-child(1) span {
    border-bottom: 3px solid rgb(59, 78, 32);
}
ul.gallatin-bike > li:nth-child(2) span {
    border-bottom: 4px solid rgb(83, 4, 18);
}
ul.gallatin-bike > li:nth-child(3) span {
    border-bottom: 4px solid rgb(207, 10, 44);
}
ul.gallatin-bike > li:nth-child(4) span {
    border-bottom: 4px solid rgb(147, 195, 80);
}

/*Street Classification (Existing & Future)*/
ul.gallatin-street > li:nth-child(1) span{
    border-bottom: 4px solid #FF0000;
}
ul.gallatin-street > li:nth-child(2) span{
    border-bottom: 4px solid #005CE6;
}
ul.gallatin-street > li:nth-child(3) span{
    border-bottom: 4px solid #38A800;
}

/*Bozeman Capital Planning Recommendations*/
ul.gallatin-capital > li:nth-child(2) span{
    border-bottom: 2px solid #00A9E6;
}
ul.gallatin-capital > li:nth-child(4) span{
    border-bottom: 4px solid #E6E600;
}
ul.gallatin-capital > li:nth-child(6) span{
    border-bottom: 6px solid #E64C00;
}

/*Bozeman Water Distribution System (Main)*/
ul.gallatin-water > li:nth-child(7) span{
    border-bottom: 3px solid #0070FF;
}

/*Bozeman Wastewater Collection System*/
ul.gallatin-wastewater > li:nth-child(2) span {
    border-bottom: 3px solid rgb(230, 152, 0);
}
ul.gallatin-wastewater > li:nth-child(3) span {
    border-bottom: 3px solid rgb(76, 115, 0);
}

/*General*/
span.gallatin-school {
    height:20px;
    background:url('../img/gallatin-sprite.png') no-repeat 0 0;
}
span.gallatin-fire{
    height:20px;
    background:url('../img/gallatin-sprite.png') no-repeat -20px 0;
}
span.gallatin-water-and-sewer{
    height:20px;
    background:url('../img/gallatin-sprite.png') no-repeat -40px 0;
}

/*Planning Boundaries*/
ul.gallatin-planning li span{
    height:20px;
    border:2px;
    border-style:dashed dotted;
}
ul.gallatin-planning > li:nth-child(1) span{
    border-color:#DC079F;
}
ul.gallatin-planning > li:nth-child(2) span{
    border-color:#00C5FF;
}
ul.gallatin-planning > li:nth-child(3) span{
    border-color:#A87000;
}
ul.gallatin-planning > li:nth-child(4) span{
    border-color:#4C7300;
}
ul.gallatin-planning > li:nth-child(5) span{
    border-color:#7A8EF5;
}
ul.gallatin-planning > li:nth-child(6) span{
    border-color:#A900E6;
}
ul.gallatin-planning > li:nth-child(7) span{
    border-color:#6BB57B;
}

/*Bozeman Historic Districts*/
ul.gallatin-historic li span{
    height:20px;
    border:2px solid #333;
}
ul.gallatin-historic > li:nth-child(1) span {
    background: #f2b16f;
}
ul.gallatin-historic > li:nth-child(2) span {
    background: #6354f0;
}
ul.gallatin-historic > li:nth-child(3) span {
    background: #58ed78;
}
ul.gallatin-historic > li:nth-child(4) span {
    background: #68b1de;
}
ul.gallatin-historic > li:nth-child(5) span {
    background: #cc4b7f;
}
ul.gallatin-historic > li:nth-child(6) span {
    background: #588752;
}
ul.gallatin-historic > li:nth-child(7) span {
    background: #554c8a;
}
ul.gallatin-historic > li:nth-child(8) span {
    background: #94f7cc;
}
ul.gallatin-historic > li:nth-child(9) span {
    background: #eef266;
}
ul.gallatin-historic > li:nth-child(10) span {
    background: #9c5136;
}

/*Bozeman Entryway Corridors*/
ul.gallatin-entryway li span{
    height:20px;
}
ul.gallatin-entryway > li:nth-child(1) span{
    background:url('../img/gallatin-sprite.png') no-repeat -60px 0;
}
ul.gallatin-entryway > li:nth-child(2) span{
    background:url('../img/gallatin-sprite.png') no-repeat -80px 0;
}

/*Bozeman Conservation Overlay*/
span.gallatin-conservation {
    height: 20px;
    background: url('../img/bozeman_conservation_overlay.png');
}

/*Bozeman Payback Districts*/
ul.gallatin-payback li span{
    height:20px;
}

/*Bozeman Special Improvement Districts*/
ul.gallatin-special > li span{
    height:20px;
}

/*Bozeman Urban Renewal Districts*/
ul.gallatin-renewal li span{
    height:20px;
}

/*Bozeman Zoning Districts*/
ul.gallatin-zoning li span{
    height:20px;
}

/*Gallatin & ParK County Zoning Districts*/
ul.gallatin-county-zoning li span{
    height:20px;
}

/*Parks & Open Spaces*/
span.gallatin-parks-and-open{
    height:20px;
    background:#74B374;
}

/*Conservation Easements*/
span.gallatin-conservation-easements {
    height: 20px;
    background: url('../img/bozeman_conservation_easements.png');
}

/*Bozeman Current Land Use*/
ul.gallatin-current-land li span{
    height:20px;
}
ul.gallatin-current-land > li:nth-child(1) span{
    background:#CE8866;
}
ul.gallatin-current-land > li:nth-child(2) span{
    background:#D69DBC;
}
ul.gallatin-current-land > li:nth-child(3) span{
    background:#FF0000;
}
ul.gallatin-current-land > li:nth-child(4) span{
    background:#E8BEFF;
}
ul.gallatin-current-land > li:nth-child(5) span{
    background:#FF7F7F;
}
ul.gallatin-current-land > li:nth-child(6) span{
    background:#FFBEBE;
}
ul.gallatin-current-land > li:nth-child(7) span{
    background:#CDCDCD;
}
ul.gallatin-current-land > li:nth-child(8) span{
    background:#9FD7C2;
}
ul.gallatin-current-land > li:nth-child(9) span{
    background:#37A800;
}
ul.gallatin-current-land > li:nth-child(10) span{
    background:#99E600;
}
ul.gallatin-current-land > li:nth-child(11) span{
    background:#74B3FF;
}
ul.gallatin-current-land > li:nth-child(12) span{
    background:#0085A8;
}
ul.gallatin-current-land > li:nth-child(13) span{
    background:#00744D;
}
ul.gallatin-current-land > li:nth-child(14) span{
    background:#E6E600;
}
ul.gallatin-current-land > li:nth-child(15) span{
    background:#F5A37B;
}
ul.gallatin-current-land > li:nth-child(16) span{
    background:#A8A800;
}
ul.gallatin-current-land > li:nth-child(17) span{
    background:#C500FF;
}
ul.gallatin-current-land > li:nth-child(18) span{
    background:url('../img/gallatin-sprite.png') no-repeat -240px -20px;
}
ul.gallatin-current-land > li:nth-child(19) span{
    background:url('../img/gallatin-sprite.png') no-repeat -260px -20px;
}

/*Bozeman Future Land Use*/
ul.gallatin-future-land li span{
    height:20px;
}
ul.gallatin-future-land > li:nth-child(1) span{
    background:#F5CA7B;
}
ul.gallatin-future-land > li:nth-child(2) span{
    background:#FFFF74;
}
ul.gallatin-future-land > li:nth-child(3) span{
    background:#FFFFBE;
}
ul.gallatin-future-land > li:nth-child(4) span{
    background:#CE6666;
}
ul.gallatin-future-land > li:nth-child(5) span{
    background:#F57B7B;
}
ul.gallatin-future-land > li:nth-child(6) span{
    background:#FFBEBE;
}
ul.gallatin-future-land > li:nth-child(7) span{
    background:#BED2FF;
}
ul.gallatin-future-land > li:nth-child(8) span{
    background:#74E0FF;
}
ul.gallatin-future-land > li:nth-child(9) span{
    background:#E9FFBE;
}
ul.gallatin-future-land > li:nth-child(10) span{
    background:#A3FF74;
}
ul.gallatin-future-land > li:nth-child(11) span{
    background:#37A800;
}
ul.gallatin-future-land > li:nth-child(12) span{
    background:#B5D79F;
}
ul.gallatin-future-land > li:nth-child(13) span{
    background:#CEA966;
}

/***********************
    MISSOULA LAYERS
***********************/
ul.missoula-zones > li span{
    height:20px;
    border:2px solid #6C6C6C;
}
ul.missoula-zones > li:nth-child(1) span{
    background:#FFBEE8;
}
ul.missoula-zones > li:nth-child(2) span{
    background:#E074FF;
}
ul.missoula-zones > li:nth-child(3) span{
    background:#74E0FF;
}
ul.missoula-zones > li:nth-child(4) span{
    background:#D3FFBE;
}
ul.missoula-zones > li:nth-child(5) span{
    background:#4D7400;
}
ul.missoula-zones > li:nth-child(6) span{
    background:#FFFF00;
}
ul.missoula-zones > li:nth-child(7) span{
    background:#4F4F4F;
}

/*Airport Influence Area*/
span.missoula-airport{
    height:20px;
    background:url('../img/missoula-sprite.png') no-repeat 0 0;
}

/*Airway Boulevard*/
span.missoula-airway{
    height:20px;
    background:url('../img/missoula-sprite.png') no-repeat -20px 0;
}

/*Cluster Development Standards*/
span.missoula-cluster{
    height:20px;
    border:1px solid #000;
    background:#FFFF74;
}

/*Neighborhood Characteristic*/
ul.missoula-neighborhood > li span{
    height:20px;
    border:1px solid #000;
}
ul.missoula-neighborhood > li:nth-child(1) span{
    background:#6FA800;
}
ul.missoula-neighborhood > li:nth-child(2) span{
    background:#FFFF74;
}
ul.missoula-neighborhood > li:nth-child(3) span{
    background:#97DCF2;
}

/*Valley West*/
span.missoula-valley{
    height:20px;
    background:url('../img/missoula-sprite.png') no-repeat -40px 0;
}
/*Waste Water Service Area*/
span.missoula-waste{
    height:20px;
    background:url('../img/missoula-sprite.png') no-repeat -60px 0;
}

/*TIFIDs*/
ul.missoula-tifids > li span{
    height:20px;
    border:1px solid #000;
}
ul.missoula-tifids > li:nth-child(1) span{
    background:#4DAD27;
}
ul.missoula-tifids > li:nth-child(2) span{
    background:#712797;
}

/*City Limits*/
span.missoula-city-limits{
    height:20px;
    border:2px dashed #000;
    background:#CDCDCD;
}

/***********************
    MISSOULA LAYERS
***********************/
ul.butte-layer > li span{
    height:20px;
    border:2px solid;
}
ul.butte-layer > li:nth-child(1) span{
    background: rgba(76, 129, 205,.5);
    border-color:#000;
}
ul.butte-layer > li:nth-child(2) span{
    background:rgba(76, 129, 205,.5);
    border-color:#000;
}
ul.butte-layer > li:nth-child(3) span{
    background:rgba(76, 129, 205,.5);
    border-color:#000;
}

/*****************
    Flathead legend styles
******************/
.flathead-biketrails span {
    border-bottom: 3px dashed rgb(255, 170, 0);
}
.flathead-fs-trails span {
    border-bottom:3px dashed rgb(207, 121, 22);
}

.flathead-jurisdiction span {
    border-bottom:3px dashed rgb(169, 0, 230);
}

.flathead-jurisdiction-former span {
    border-bottom:3px dashed rgb(230, 0, 169);
}
.flathead-city-limits span {
background:rgb(255, 153, 255);
height:20px;
border: 1px solid rgb(210, 131, 210);
}
.flathead-rural-special span{
    background:rgb(227, 227, 127);
    height: 20px;
    border: 1px solid rgb(150, 148, 127);
}
.flathead-tax-increment span{
    background:rgb(205, 170, 102);
    height: 20px;
    border: 1px solid rgb(110, 110, 110);
}
.flathead-fema-100 span{
    background:rgb(230, 0, 0);
    height: 20px;
    border: 0px solid rgb(0, 0, 0);
}
.flathead-conservation-easements span{
    background:rgba(114, 137, 68,.6);
    height: 20px;
    border: 0px solid rgb(0, 0, 0);
}

.flathead-zoning-district-legend span {
background:rgba(76, 230, 0,.6);
height:20px;
border: 0px solid rgb(76, 230, 0);

}




/* fire districts legend */
ul.flathead-fire-districts-layer > li span {
    border: 1px solid rgba(0,0,0,0.3);
    height: 20px;
}
/*bad rock*/
ul.flathead-fire-districts-layer > li:nth-child(1) span {
    background: rgb(245,189,181);
}
/* big mountain */
ul.flathead-fire-districts-layer > li:nth-child(2) span {
    background: rgb(245,51,71);
}
/* bigfork */
ul.flathead-fire-districts-layer > li:nth-child(3) span {
    background: rgb(181,83,101);
}
/* blankeship */
ul.flathead-fire-districts-layer > li:nth-child(4) span {
    background: rgb(242,112,80);
}
/* columbia falls rural */
ul.flathead-fire-districts-layer > li:nth-child(5) span {
    background: rgb(179, 127, 133);
}
/* coram/west glacier */
ul.flathead-fire-districts-layer > li:nth-child(6) span {
    background: rgb(247, 82, 115);
}
/* creston */
ul.flathead-fire-districts-layer > li:nth-child(7) span {
    background: rgb(247, 137, 129);
}
/* evergreen */
ul.flathead-fire-districts-layer > li:nth-child(8) span {
    background: rgb(184, 63, 59);
}
/* ferndale */
ul.flathead-fire-districts-layer > li:nth-child(9) span {
    background: rgb(245, 78, 56);
}
/* hungry horse */
ul.flathead-fire-districts-layer > li:nth-child(10) span {
    background: rgb(242, 153, 172);
}
/* marion */
ul.flathead-fire-districts-layer > li:nth-child(11) span {
    background: rgb(247, 101, 104);
}
/* Martin City */
ul.flathead-fire-districts-layer > li:nth-child(12) span {
    background: rgb(191, 103, 80);
}
/* Olney */
ul.flathead-fire-districts-layer > li:nth-child(13) span {
    background: rgb(179, 104, 106);
}
/* Smith Valley */
ul.flathead-fire-districts-layer > li:nth-child(14) span {
    background: rgb(212, 151, 138);
}
/* Somers */
ul.flathead-fire-districts-layer > li:nth-child(15) span {
    background: rgb(209, 54, 72);
}
/* South Kalispell */
ul.flathead-fire-districts-layer > li:nth-child(16) span {
    background: rgb(199, 59, 44);
}
/* West Valley */
ul.flathead-fire-districts-layer > li:nth-child(17) span {
    background: rgb(227, 104, 131);
}
/* Whitefish rural */
ul.flathead-fire-districts-layer > li:nth-child(18) span {
    background: rgb(189, 55, 82);
}
/* Whitefish rural contract */
ul.flathead-fire-districts-layer > li:nth-child(19) span {
    background: rgb(201, 98, 97);
}


/* columbia falls zoning */



ul.flathead-cf-zoning-layer > li span {
    border: 1px solid rgba(110,110,110,0.3);
    height: 20px;
}
/*b1*/
ul.flathead-cf-zoning-layer > li:nth-child(1) span {
    background: rgb(255,0,0);
}
/* b2 */
ul.flathead-cf-zoning-layer > li:nth-child(2) span {
    background: rgb(214, 79, 0);
}
/* b4 */
ul.flathead-cf-zoning-layer > li:nth-child(3) span {
    background: rgb(201, 111, 0);
}
/* b5 */
ul.flathead-cf-zoning-layer > li:nth-child(4) span {
    background: rgb(255, 190, 190);
}
/* FCB2 */
ul.flathead-cf-zoning-layer > li:nth-child(5) span {
    background: rgb(214, 79, 0);
}
/* FCLI */
ul.flathead-cf-zoning-layer > li:nth-child(6) span {
    background: rgb(178, 178, 178);
}
/* FCR1 */
ul.flathead-cf-zoning-layer > li:nth-child(7) span {
    background: rgb(255, 255, 115);
}
/* FCSAG10 */
ul.flathead-cf-zoning-layer > li:nth-child(8) span {
    background: rgb(76, 115, 0);
}
/* HI */
ul.flathead-cf-zoning-layer > li:nth-child(9) span {
    background: rgb(104, 104, 104);
}
/* LI */
ul.flathead-cf-zoning-layer > li:nth-child(10) span {
    background: rgb(178, 178, 178);
}
/* P1 */
ul.flathead-cf-zoning-layer > li:nth-child(11) span {
    background: rgb(85, 255, 0);
}
/* PUD */
ul.flathead-cf-zoning-layer > li:nth-child(12) span {
    background: rgb(252, 215, 234);
}
/* R1 */
ul.flathead-cf-zoning-layer > li:nth-child(13) span {
    background: rgb(255, 255, 190);
}
/* R1MH */
ul.flathead-cf-zoning-layer > li:nth-child(14) span {
    background: rgb(202, 239, 252);
}
/* R2 */
ul.flathead-cf-zoning-layer > li:nth-child(15) span {
    background: rgb(255, 255, 115);
}
/* R2/MH */
ul.flathead-cf-zoning-layer > li:nth-child(16) span {
    background: rgb(151, 219, 242);
}
/* R3 */
ul.flathead-cf-zoning-layer > li:nth-child(17) span {
    background: rgb(255, 255, 0);
}
/* R4 */
ul.flathead-cf-zoning-layer > li:nth-child(18) span {
    background: rgb(230, 230, 0);
}
/* R5 */
ul.flathead-cf-zoning-layer > li:nth-child(19) span {
    background: rgb(255, 211, 127);
}
/* RA1 */
ul.flathead-cf-zoning-layer > li:nth-child(20) span {
    background: rgb(230, 152, 0);
}
/* SAG 10 */
ul.flathead-cf-zoning-layer > li:nth-child(21) span {
    background: rgb(76, 115, 0);
}

/* SAG5 */
ul.flathead-cf-zoning-layer > li:nth-child(22) span {
    background: rgb(112, 168, 0);
}
/* columbia falls zoning */

/* kalispell zoning */

ul.flathead-kali-zoning-layer > li span {
    border: 1px solid rgba(110,110,110,0.3);
    height: 20px;
}
/*b1*/
ul.flathead-kali-zoning-layer > li:nth-child(1) span {
    background: rgb(148,0,0);
}
/*b2*/
ul.flathead-kali-zoning-layer > li:nth-child(2) span {
    background: rgb(181, 79, 0);
}
/*b3*/
ul.flathead-kali-zoning-layer > li:nth-child(3) span {
    background: rgb(217, 111, 0);
}
/* b4*/
ul.flathead-kali-zoning-layer > li:nth-child(4) span {
    background: rgb(230, 190, 190);
}
/* B5*/
ul.flathead-kali-zoning-layer > li:nth-child(5) span {
    background: rgb(230,71,54);
}
/* PUD RETAIL*/
ul.flathead-kali-zoning-layer > li:nth-child(6) span {
    background: rgb(255, 127, 127);
}
/* H1*/
ul.flathead-kali-zoning-layer > li:nth-child(7) span {
    background: rgb(230, 190, 255);
}
/* I1*/
ul.flathead-kali-zoning-layer > li:nth-child(8) span {
    background: rgb(130,130,130);
}
/* P1*/
ul.flathead-kali-zoning-layer > li:nth-child(9) span {
    background: rgb(163, 255, 115);
}
/* SINGLE FAMIL RESIDENTIAL*/
ul.flathead-kali-zoning-layer > li:nth-child(10) span {
    background: rgb(255, 255, 190);
}
/* R1*/
ul.flathead-kali-zoning-layer > li:nth-child(11) span {
    background: rgb(255, 255, 115);
}
/* R2*/
ul.flathead-kali-zoning-layer > li:nth-child(12) span {
    background: rgb(230, 230, 0);
}
/* R3*/
ul.flathead-kali-zoning-layer > li:nth-child(13) span {
    background: rgb(168, 168, 0);
}
/* R4*/
ul.flathead-kali-zoning-layer > li:nth-child(14) span {
    background: rgb(255,177,0);
}
/* R5*/
ul.flathead-kali-zoning-layer > li:nth-child(15) span {
    background: rgb(255, 0, 197);
}
/* RA1*/
ul.flathead-kali-zoning-layer > li:nth-child(16) span {
    background: rgb(168, 112, 0);
}
/* RA2*/
ul.flathead-kali-zoning-layer > li:nth-child(17) span {
    background: rgb(150, 100, 0);
}
/* RA3*/
ul.flathead-kali-zoning-layer > li:nth-child(18) span {
    background: rgb(133, 88, 127);
}
/* MULTI FAMILY RES */
ul.flathead-kali-zoning-layer > li:nth-child(19) span {
    background: rgb(115, 76, 0);
}
/* kalispell zoning */

/* county zoning layer */
ul.flathead-county-zoning-layer > li span {
    border: 1px solid rgba(110,110,110,0.3);
    height: 20px;
}

/*AIRPORT ROAD*/ 

ul.flathead-county-zoning-layer > li:nth-child(1) span {
background: rgb(90, 89, 158);
}
/* AIRPORT WEST*/ 

ul.flathead-county-zoning-layer > li:nth-child(2) span {
background: rgb(155, 237, 250);
}
/* ASHLEY LAKE*/ 

ul.flathead-county-zoning-layer > li:nth-child(3) span {
background: rgb(49, 135, 80);
}
/* BENNETT-EDMISTON*/ 

ul.flathead-county-zoning-layer > li:nth-child(4) span {
background: rgb(199, 93, 192);
}
/* BIG MOUNTAIN*/
ul.flathead-county-zoning-layer > li:nth-child(5) span {
background: rgb(125, 250, 237);
}
/* BIG MOUNTAIN VIEW*/ 

ul.flathead-county-zoning-layer > li:nth-child(6) span {
background: rgb(168, 168, 69);
}
/* BIG MOUNTAIN WEST*/ 

ul.flathead-county-zoning-layer > li:nth-child(7) span {
background: rgb(87, 186, 166);
}
/* BIGFORK*/ 

ul.flathead-county-zoning-layer > li:nth-child(8) span {
background: rgb(116, 171, 179);
}
/* BIRCH GROVE*/ 

ul.flathead-county-zoning-layer > li:nth-child(9) span {
background: rgb(168, 121, 109);
}
/* BLANCHARD LAKE*/ 

ul.flathead-county-zoning-layer > li:nth-child(10) span {
background: rgb(250, 123, 87);
}
/* BLUE MOON*/ 

ul.flathead-county-zoning-layer > li:nth-child(11) span {
background: rgb(85, 90, 242);
}
/* BOOTJACK LAKE*/ 

ul.flathead-county-zoning-layer > li:nth-child(12) span {
background: rgb(94, 135, 86);
}
/* CAROLINE POINT*/ 

ul.flathead-county-zoning-layer > li:nth-child(13) span {
background: rgb(110, 138, 55);
}
/* CHERRY HILL*/ 

ul.flathead-county-zoning-layer > li:nth-child(14) span {
background: rgb(181, 107, 177);
}
/* CONRAD POINT*/ 
ul.flathead-county-zoning-layer > li:nth-child(15) span {
background: rgb(217, 91, 125);
}
/* DOSE*/ 
ul.flathead-county-zoning-layer > li:nth-child(16) span {
background: rgb(245, 237, 149);
}
/* EAST WHITEFISH LAKE*/ 
ul.flathead-county-zoning-layer > li:nth-child(17) span {
background: rgb(102, 198, 250);
}
/* EASTSIDE*/ 
ul.flathead-county-zoning-layer > li:nth-child(18) span {
background: rgb(181, 69, 63);
}
/* ECHO LAKE*/
ul.flathead-county-zoning-layer > li:nth-child(19) span {
background: rgb(66, 130, 127);
}
/* EGAN SLOUGH*/ 
ul.flathead-county-zoning-layer > li:nth-child(20) span {
background: rgb(153, 99, 135);
}
/* EVERGREEN*/ 
ul.flathead-county-zoning-layer > li:nth-child(21) span 
{
background: rgb(125, 242, 102);
}
/* FISH HATCHERY*/ 
ul.flathead-county-zoning-layer > li:nth-child(22) span 
{
background: rgb(212, 151, 83);
}
/* HAPPY VALLEY*/ 
ul.flathead-county-zoning-layer > li:nth-child(23) span 
{
background: rgb(204, 75, 153);
}
/* HASKILL BASIN EAST*/ 
ul.flathead-county-zoning-layer > li:nth-child(24) span 
{
background: rgb(133, 111, 46);
}
/* HASKILL BASIN ESTATES*/ 
ul.flathead-county-zoning-layer > li:nth-child(25) span 
{
background: rgb(62, 143, 53);
}
/* HASKILLL BASIN EAST*/ 
ul.flathead-county-zoning-layer > li:nth-child(26) span 
{
background: rgb(167, 90, 250);
}
/* HODGSON ROAD*/ 
ul.flathead-county-zoning-layer > li:nth-child(27) span 
{
background: rgb(180, 199, 127);
}
/* HOLT*/ 
ul.flathead-county-zoning-layer > li:nth-child(28) span 
{
background: rgb(49, 106, 130);
}
/* HUBBART DAM*/ 
ul.flathead-county-zoning-layer > li:nth-child(29) span 
{
background: rgb(156, 168, 247);
}
/* HWY 93 NORTH*/ 
ul.flathead-county-zoning-layer > li:nth-child(30) span 
{
background: rgb(194, 135, 72);
}
/* LABRANT LINDSEY LANE*/ 
ul.flathead-county-zoning-layer > li:nth-child(31) span 
{
background: rgb(105, 240, 193);
}
/* LAKE PARK ADDITION*/ 
ul.flathead-county-zoning-layer > li:nth-child(32) span 
{
background: rgb(97, 145, 242);
}
/* LAKESIDE*/ 
ul.flathead-county-zoning-layer > li:nth-child(33) span 
{
background: rgb(176, 230, 142);
}
/* LAKESIDE BOULEVARD NORTH*/ 
ul.flathead-county-zoning-layer > li:nth-child(34) span 
{
background: rgb(115, 245, 86);
}
/* LITTLE BITTERROOT LAKE*/ 
ul.flathead-county-zoning-layer > li:nth-child(35) span 
{
background: rgb(140, 55, 70);
}
/* LONE PINE*/ 
ul.flathead-county-zoning-layer > li:nth-child(36) span 
{
background: rgb(124, 160, 196);
}
/* LOWER SIDE*/ 

ul.flathead-county-zoning-layer > li:nth-child(37) span 
{
background: rgb(196, 168, 110);
}
/* MIDDLE CANYON*/ 


ul.flathead-county-zoning-layer > li:nth-child(38) span {
background: rgb(70, 133, 179);
}
/* NEW TWO BRIDGES*/ 

ul.flathead-county-zoning-layer > li:nth-child(39) span{
background: rgb(160, 110, 240);
}
/* NORTH FORK*/ 

ul.flathead-county-zoning-layer > li:nth-child(40) span{
background: rgb(69, 50, 143);
}
/* OLD HWY 93 SHORELINE*/ 

ul.flathead-county-zoning-layer > li:nth-child(41) span{
background: rgb(80, 180, 230);
}
/* PAULLIN*/ 

ul.flathead-county-zoning-layer > li:nth-child(42) span{
background: rgb(140, 52, 96);
}
/* PEACEFUL BAY II*/ 

ul.flathead-county-zoning-layer > li:nth-child(43) span{
background: rgb(245, 149, 195);
}
/* PONDS*/ 

ul.flathead-county-zoning-layer > li:nth-child(44) span{
background: rgb(115, 156, 78);
}
/* PRAIRIE VIEW*/ 
ul.flathead-county-zoning-layer > li:nth-child(45) span
{
background: rgb(135, 204, 150);
}
/* ROGERS LAKE*/ 
ul.flathead-county-zoning-layer > li:nth-child(46) span
{
background: rgb(227, 201, 95);
}
/* RURAL WHITEFISH*/ 
ul.flathead-county-zoning-layer > li:nth-child(47) span
{
background: rgb(161, 64, 101);
}
/* SCENIC CORRIDOR*/ 
ul.flathead-county-zoning-layer > li:nth-child(48) span
{
background: rgb(104, 113, 227);
}
/* SCHROEDER RIDGE*/ 
ul.flathead-county-zoning-layer > li:nth-child(49) span
{
background: rgb(94, 235, 141);
}
/* SOUTHEAST RURAL WHITEFISH*/ 
ul.flathead-county-zoning-layer > li:nth-child(50) span
{
background: rgb(135, 134, 91);
}
/* SPRING CREEK*/ 
ul.flathead-county-zoning-layer > li:nth-child(51) span
{
background: rgb(80, 130, 69);
}
/* STILLWATER*/
ul.flathead-county-zoning-layer > li:nth-child(52) span
{
    background: rgb(255, 115, 223);
}
/*SWAN HILL*/ 
ul.flathead-county-zoning-layer > li:nth-child(53) span
{
background: rgb(135, 54, 126);
}
/* SWAN RIVER*/ 
ul.flathead-county-zoning-layer > li:nth-child(54) span
{
background: rgb(143, 77, 51);
}
/* TALLY/BISSELL*/ 
ul.flathead-county-zoning-layer > li:nth-child(55) span
{
background: rgb(54, 72, 143);
}
/* UPPER CANYON*/ 
ul.flathead-county-zoning-layer > li:nth-child(56) span
{
background: rgb(235, 137, 127);
}
/* WEST GLACIER*/ 
ul.flathead-county-zoning-layer > li:nth-child(57) span
{
background: rgb(250, 196, 162);
}
/* WEST VALLEY*/ 
ul.flathead-county-zoning-layer > li:nth-child(58) span
{
background: rgb(211, 152, 250);
}
/* WESTSIDE*/ 
ul.flathead-county-zoning-layer > li:nth-child(59) span
{
background: rgb(218, 237, 92);
}
/* WILLOW GLEN*/ 
ul.flathead-county-zoning-layer > li:nth-child(60) span
{
background: rgb(141, 64, 173);
}
 