/* required styles */
.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-pane,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-popup-pane,.leaflet-overlay-pane svg,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer {position: absolute;}
.leaflet-container {overflow: hidden;outline: 0;}
.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow {-moz-user-select: none;-webkit-user-select: none;user-select: none;}
.leaflet-marker-icon,.leaflet-marker-shadow {display: block;}
.leaflet-clickable {cursor: pointer;}
.leaflet-dragging, .leaflet-dragging .leaflet-clickable {cursor: move;}
.leaflet-container img {/* map is broken in FF if you have max-width: 100% on tiles */ max-width: none !important;}
.leaflet-container img.leaflet-image-layer {/* stupid Android 2 doesn't understand "max-width: none" properly */ max-width: 15000px !important;}
.leaflet-tile-pane { z-index: 2; }.leaflet-objects-pane { z-index: 3; }.leaflet-overlay-pane { z-index: 4; }.leaflet-shadow-pane { z-index: 5; }.leaflet-marker-pane { z-index: 6; }.leaflet-popup-pane { z-index: 7; }
.leaflet-tile {filter: inherit;visibility: hidden;}
.leaflet-tile-loaded {visibility: inherit;}
.leaflet-zoom-box {width: 0;height: 0;}
/* Leaflet controls */
.leaflet-control {position: relative;z-index: 7;pointer-events: auto;}
.leaflet-top,.leaflet-bottom {position: absolute;z-index: 1000;pointer-events: none;}
.leaflet-top {top: 0;}
.leaflet-right {right: 0;}
.leaflet-bottom {bottom: 0;}
.leaflet-left {left: 0;}
.leaflet-control {float: left;clear: both;}
.leaflet-right .leaflet-control {float: right;}
.leaflet-top .leaflet-control {margin-top: 10px;}
.leaflet-bottom .leaflet-control {margin-bottom: 10px;}
.leaflet-left .leaflet-control {margin-left: 10px;}
.leaflet-right .leaflet-control {margin-right: 10px;}
.leaflet-control-zoom {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.leaflet-control-zoom {padding: 5px;background: rgba(0, 0, 0, 0.25);}
.leaflet-control-zoom a {background-color: rgba(255, 255, 255, 0.75);}
.leaflet-control-zoom a, .leaflet-control-layers a {background-position: 50% 50%;background-repeat: no-repeat;display: block;}
.leaflet-control-zoom a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 19px;
	height: 19px;
	}
.leaflet-control-zoom a:hover {
	background-color: #fff;
	}
.leaflet-touch .leaflet-control-zoom a {
	width: 27px;
	height: 27px;
	}
.leaflet-control-zoom-in {
	background-image: url(images/zoom-in.png);
	margin-bottom: 5px;
	}
.leaflet-control-zoom-out {
	background-image: url(images/zoom-out.png);
	}

.leaflet-control-layers {
	box-shadow: 0 1px 7px #999;
	background: #f8f8f9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.leaflet-control-layers a {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-touch .leaflet-control-layers a {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers input {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

.leaflet-container .leaflet-control-attribution {
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 5px #bbb;
	margin: 0;
    }

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	color: black;
	line-height: 1;
	font-size: 10px;
	padding-bottom: 2px;
	text-shadow: 1px 1px 1px #fff;
	background-color: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	padding-top: 1px;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers {
	border: 5px solid #bbb;
	}


/* Zoom and fade animations */

.leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);
	-moz-transition: -moz-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);
	-o-transition: -o-transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);
	transition: transform 0.25s cubic-bezier(0.25,0.1,0.25,0.75);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* Visual appearance */
.leaflet-container {
	background: #ddd;
	}
.leaflet-container a {
	color: #0078A8;
	}

.leaflet-zoom-box {
	border: 2px dotted #05f;
	background: white;
	opacity: 0.5;
	}

.hups
{
	color:#8c4d44;
	background: #fffaf1;
	border: 2px solid #8c4d44;
	padding: 0px 8px 4px 4px;
	border-radius: 6px;
	height: 8px;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/*Collins Lake Styles Below*/
	body{margin:0}
	#map{min-height:300px;}
	#titlebar, #pageheader{height:93px;margin-bottom:0;padding:0}
	#navigation ul{height:27px;margin:0 auto 0 auto;padding:0;line-height:24px;}
	#navigation{background:#ffffff url('/i/h_b.jpg') repeat-x left bottom;}
	ul li a#ttog{cursor:pointer;font-size:11px;padding:6px;position:relative;top:2px;}
/*	#legend{height:200px;width:300px;background:rgba(254,254,254,0.8);position:fixed;bottom:30px;right:50px;border:solid 3px white;box-shadow:1px 2px 18px rgba(12,12,0,0.7);border-radius:18px;} */
	
	#legend{width:309px;height:244px;position:fixed;top:150px;right:50px;
	box-shadow:0 0 20px black;border-radius:10px;
	-webkit-transition: top 0.2s linear;
	-moz-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
	color:#555;background:#fafafa;font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;padding:0 0 0 5px;z-index:10;
	}
	
/*.leaflet-tile{border:solid 1px black;}*/

div.im{min-width:80px;text-align:left;padding:0 0 18px 0;background:url('/i/corner.png') no-repeat left bottom;}
div.im a,#l_z{
	font: bold 11px Verdana, sans-serif;
	color:#75421b;
	box-shadow:1px 1px 5px rgba(53,53,53,0.5);
	background:rgba(255,252,233,0.85);
	border:solid 2px rgb(249,236,154);
	padding: 1px 5px 3px 5px;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;}
div.im a:hover{background:rgba(255,252,233,1);}

div.beach a,
div.boatlaunch a,
div.marina a,
div.ewy a,
div.ews a,
div.ew a,
div.ewl a,
div.nhl a,
div.nh a,
div.group a,
div.openarea a
{
	text-decoration: none;
	border-radius:5px;
	font: bold 11px Verdana, sans-serif;
	padding: 1px 2px 1px 2px;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	background: rgba(255,255,255,0);
	border: solid 2px rgba(255,255,255,0);
}


div.beach a			{color: #f1b430;}
div.marina a		{color: #285796;}
div.ewy a			{color: #989898;}
div.ews a			{color: #392b26;}
div.ew a			{color: #ab5e46;}
div.ewl a			{color: #1e85db;}
div.nhl a			{color: #42b7b9;}
div.nh a			{color: #fc8a49;}
div.group a			{color: #a050c7;}
div.cabin a			{color: #31a74b;}
div.openarea a		{color: #c86b82;}


/*Icons*/
div.cabin a{
	display:block;
	width: 30px;
	height: 28px;
	background: url(/i/cabin-icon.png) no-repeat;
}
div.cabin a:hover, div.cabin a.shighlight{
	background-image: url(/i/cabin-icon-highlight.png);
}

div.restroom a{
	display:block;
	width: 29px;
	height: 28px;
	background: url(/i/restroom-icon.png) no-repeat;
}

div.laundry a{
	display:block;
	width: 29px;
	height: 28px;
	background: url(/i/laundry-icon.png) no-repeat;
}

div.shower a{
	display:block;
	width: 29px;
	height: 28px;
	background: url(/i/shower-icon.png) no-repeat;
}

div.playground a{display:block;width: 128px;height: 88px;background: url(/i/playground-sprite88.png) no-repeat;}
div.playground a:hover, div.playground a.shighlight{background-position:0 -88px;}

div.store a{display:block;width:128px;height:128px;background: url(/i/store-sprite128.png) no-repeat;}
div.store a:hover, div.store a.shighlight{background-position:0 -128px;}

div.swimming a{display:block;width: 36px;height: 36px;background: url(/i/swimming-sprite36.png) no-repeat;}
div.swimming a:hover, div.swimming a.shighlight{background-position:0 -36px;}

div.sierra a,div.sutter a,div.yuba a,div.plumas a,div.placer a,div.nevada a{display:block;width: 64px;height:48px;}
div.sierra a{background:url(/i/sierra-sprite48.png) no-repeat;}
div.sutter a{background:url(/i/sutter-sprite48.png) no-repeat;}
div.yuba a{background:url(/i/yuba-sprite48.png) no-repeat;}
div.plumas a{background:url(/i/plumas-sprite48.png) no-repeat;}
div.placer a{background:url(/i/placer-sprite48.png) no-repeat;}
div.nevada a{background:url(/i/nevada-sprite48.png) no-repeat;}
div.sierra a:hover,div.sutter a:hover,div.yuba a:hover,div.plumas a:hover,div.placer a:hover,div.nevada a:hover,
div.sierra a.shighlight,div.sutter a.shighlight,div.yuba a.shighlight,div.plumas a.shighlight,div.placer a.shighlight,div.nevada a.shighlight
{background-position:0 -48px;}

div.cabin a span,
div.restroom a span,
div.shower a span,
div.playground a span,
div.swimming a span,
div.store a span,
div.sierra a span,div.sutter a span,div.yuba a span,div.plumas a span,div.placer a span,div.nevada a span,
div.laundry a span{display: none;}

div.ewy a:hover,#l_ewy	{background: #f8f8f8;border: solid 2px #989898;}
div.ews a:hover,#l_ews	{background: #f5f5f5;border: solid 2px #392b26;}
div.ew a:hover,#l_ew	{background: #fffaf7;border: solid 2px #ab5e46;}
div.ewl a:hover,#l_ewl	{background: #f3f9ff;border: solid 2px #1e85db;}
div.nhl a:hover,#l_nhl	{background: #f0faff;border: solid 2px #42b7b9;}
div.nh a:hover,#l_nh	{background: #fff7f0;border: solid 2px #fc8a49;}
#l_g{background: rgb(230,225,250);border: solid 2px #a36cbe;}


div a.shighlight{color:#fff;}
div.beach a.shighlight			{background: #f1b430;}
div.boatlaunch a.shighlight		{}
div.group a.shighlight			{background: #a36cbe;}
div.marina a.shighlight			{background: #285796;}
div.openarea a.shighlight		{background: #c86b82;}
div.standard a.shighlight		{background: #ae6d58;}
div.swimming a.shighlight		{}

div.ewy a.shighlight	{background:#989898;}
div.ews a.shighlight	{background:#392b26;}
div.ew a.shighlight	{background:#ab5e46;}
div.ewl a.shighlight	{background:#1e85db;}
div.nhl a.shighlight	{background:#42b7b9;}
div.nh a.shighlight	{background:#fc8a49;}

#finderror{color: red;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;text-align: center;}

#l_z{padding:0;}
#l_z,#l_nhl,#l_ewl,#l_ew,#l_nh,#l_g,#l_ews{width:20px; height:12px;border-radius:5px;}
#l_z{border-radius:0px;}

table#site-types{border:none;margin:15px 0 18px 5px;}
table#site-types tr td{padding:6px 0 6px 5px;}

#map-search-box{left:7px;margin-top:44px;}
#findquery{
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 65px;
	height: 25px;
	color: #784300;
	margin:0px;
	padding:1px;
	vertical-align: top;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border:solid 1px #aaa;
	box-shadow:inset 0 1px 5px #ddd;
}

#findbutton{height:29px;width:38px;background:url(/i/lc_f.png);cursor:pointer;}

#l_nav{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	float:right;
	height:224px;
	width:120px;
	background:#f3f3f3;
	border-left:dotted 1px #ddd;
	padding: 20px 0 0 0;
	text-align:center;
}

#l_nav table{border-collapse:collapse;position: relative;}
#l_nav table tr td{padding: 0;}

#map-pan{left:24px;}
#lc_u{background:url(/i/lc_u.png);width: 28px;height:22px;}
#lc_l{background:url(/i/lc_l.png);width: 22px;height:28px;}
#lc_c{background:url(/i/lc_c.png);width: 28px;height:28px;}
#lc_r{background:url(/i/lc_r.png);width: 22px;height:28px;}
#lc_d{background:url(/i/lc_d.png);width: 28px;height:22px;}

#map-zoom{left:28px;}
#lc_zi{background:transparent url(/i/lc_zi.png) 0 0;width: 34px;height:29px;display:inline-block;}
#lc_zo{background:transparent url(/i/lc_zo.png) 0 0;width: 32px;height:29px;display:inline-block;}


#findbutton:hover,#lc_l:hover,#lc_c:hover,#lc_r:hover,#lc_zi:hover,#lc_zo:hover{background-position:0 -30px;}
#lc_u:hover,#lc_d:hover{background-position:0 -23px;}