html, body, #map{
            height: 100%;
            margin: 0px;
			background-color: #666666;
        }
		#sidebar, #container {
            height: 100%;
            margin: 0px;
			background-color: #FAFAFA;
        }
		#splashVid {
			position: absolute;
			top: 22%;
            left: 22%;
			z-index: 9999998;
		}
		#splash {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-color: black;
			opacity: 0.70;
			z-index: 9999988;
		}
		#tline {
			position: absolute;
			height: 40px;
			width: 720px;
			top: 35px;
            left: 20px;
			//background-color: white;
			z-index: 9999998;
		}
		#splashTline {
			position: absolute;
			top: 10%;
            left: 10%;
			height: 45px;
			width: 720px;
			background-color: white;
			opacity: 0.95;
			z-index: 9999988;
		}
		#custom-message {
			position: absolute;
			top: 50%;
            left: 22%;
			width: 480px;
			color: white;
			z-index: 9999999;			
		}
		.TABlink {
			cursor: pointer;
		}

		.TABselected {
			background-color: #999;
		}
		.rotate {
			 -moz-transform: rotate(-45.0deg);  /* FF3.5+ */
			   -o-transform: rotate(-45.0deg);  /* Opera 10.5 */
		  -webkit-transform: rotate(-45.0deg);  /* Saf3.1+, Chrome */
					 filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
				 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
		}
		.leaflet-popup {
			width: 400px;
		}
		.leaflet-objects-pane {
			  pointer-events: visible;
		}
		.leaflet-top-pane {
			  pointer-events: none;
		}
		.leaflet-container {
			background: #F7F7F7;
		}
		.leaflet-control-zoomslider{
			top: 3px;
			left: 5px;
		}
		.leaflet-control-minimap{
			//top: -205px;
			//left: 44px;
		}	

	  	.leaflet-control-pan{
			top: 8px;
			left: -9px;
		}			
		#map2 { width: 70%; height: 100%; position: fixed; clip: rect(0px, 215px, 218px, 0px);} 
		.panel-default>.panel-heading {
			background-color: #101010;
			border-color: grey;
		}
		a {
			color: white;
			font-weight: bold;
			text-decoration: none;
		}
        body {
            padding-top: 50px;
        }
        label {
            font-weight: normal;
        }
		.panel-group .panel {
			margin-bottom: 0;
			overflow: hidden;
			border-radius: 4px;
			background-color: #F7F7F7;
		}
		.panel-heading a:hover {
            text-decoration: none;
			color: #ddd;
			font-weight: bold;
        }
		.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
			border-color: #101010;
			background-color: black;
		}
        #loading {
            position: absolute;
            width: 220px;
            height: 19px;
            top: 50%;
            left: 50%;
            margin: -10px 0 0 -110px;
            z-index: 20001;
        }
        .navbar .navbar-brand {
            font-weight: bold;
            font-size: 22px;
            color: white;
            white-space: nowrap;
        }
        .tt-dropdown-menu {
            overflow: auto;
        }
        .tt-hint, .tt-query {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            border-radius: 4px;
        }
        .typeahead-header {
            margin: 0 5px 5px 5px;
            padding: 3px 0;
            border-bottom: 1px solid #ccc;
        }
		.wrapper {
			text-align: center;
		}
        .search-container {
            width: 250px;
        }
		.panel-group .panel+.panel {
			margin-top: 3px;
		}
        #searchbox {
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-top-left-radius: 4px;
            -moz-border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        .leaflet-popup-content {
            margin-top: 14px;
            margin-bottom: 0px;
            margin-left: 20px;
            margin-right: 20px;
        }
        a.toggle {
            position: fixed;
            right: 0;
            bottom: 0;
			//top:0;
			//left: 0;
            display: block;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            border-radius: 0 !important;
            -webkit-border-top-left-radius: 4px !important;
            -moz-border-top-left-radius: 4px !important;
            border-top-left-radius: 4px !important;
            -webkit-border-bottom-left-radius: 4px !important;
            -moz-border-bottom-left-radius: 4px !important;
            border-bottom-left-radius: 4px !important;
            background-color: #222;
            color: white;
            opacity: 0.8;
            z-index: 10032;
        }
        a:hover.toggle {
            background-color: #222;
            color: white;
            opacity: 1;
        }
        @media (max-width: 992px) {
            .navbar .navbar-brand {
                font-size: 18px;
                float: left;
            }
            .search-container {
                width: 150px;
            }
            .leaflet-control-attribution {
                display: none;
            }
        }
		input[type="checkbox"] {
			display:none;
		}
        .table {
            width: 350px;
        }
		input[type="checkbox"] + label {
			color:#00000;
			font-family:Arial, sans-serif;
			font-size:14px;
		}

		input[type="checkbox"] + label span {
			display:inline-block;
			width:19px;
			height:19px;
			margin:-1px 4px 0 0;
			vertical-align:middle;
			background:url(img/check_radio_sheet.png) left top no-repeat;
			cursor:pointer;
		}

		input[type="checkbox"]:checked + label span {
			background:url(img/check_radio_sheet.png) -19px top no-repeat;
		}
		input[type="radio"] {
			display:none;
		}
		input[type="radio"] + label {
			color:#00000;
			font-family:Arial, sans-serif;
			font-size:14px;
		}

		input[type="radio"] + label span {
			display:inline-block;
			width:19px;
			height:19px;
			margin:-1px 4px 0 0;
			vertical-align:middle;
			background:url(img/check_radio_sheet.png) left top no-repeat;
			cursor:pointer;
		}

		input[type="radio"]:checked + label span {
			background:url(img/check_radio_sheet.png) -19px top no-repeat;
		}
        @media (max-width: 768px){
            .search-container {
                width: 100%;
            }
        }
        /* Print Handling */
        @media print {
            .navbar, .toggle, #sidebar {
                display: none !important;
            }
        }