#map_controls {width: 100%; height: 25px; margin: 15px 0 15px 0; padding: 10px 0 10px 0;}
#map_controls input {display: inline-block;}
#map_controls input[type=checkbox] {width: 20px; height: 15px;}

nav {z-index: 10; position: relative; width: 100%; height: auto; padding: 10px 0 10px 0; background: #f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}
#map_legend {width: 96%; height: auto; margin: 0 2% 0 2%;}

.chartlist {}
.chartlist li {position: relative; display: block; _zoom: 1;}
.chartlist li a {color: #2b2b2b; display: block; padding: 0.4em 4.5em 0.4em 0.5em; position: relative; z-index: 2; font-weight: bold;}
.chartlist .count {display: block; position: absolute; top: 0; right: 0; margin: 0 0.3em; text-align: right; color: #999; font-weight: bold; font-size: 0.875em; line-height: 2em;}
.chartlist .index {display: block; position: absolute; top: 0; left: 0; height: 100%; text-indent: -9999px; overflow: hidden; line-height: 2em;}
.chartlist .california-bridges {background: #99D594;}
.chartlist .national-bridges {background: #FC8D59;}


.navbar-fixed-top {position:fixed;}

.fixed {z-index: 10; position: fixed; top: 0%; height: auto; margin: 0px 0px 0px 0px; padding: 10px 0 10px 0; background: #f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px #aaa;
    -webkit-box-shadow: 3px 3px 4px #aaa;
    box-shadow: 3px 3px 10px #aaa;

    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaa')";

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaa');
}

#california_bridge_index_data {width: 100%; height: auto;}
#california_bridge_index {width: 100%; height: 700px;}

#national_bridge_index_data {width: 100%; height: auto;}
#national_bridge_index {width: 100%; height: 700px;}