/* @override 
	http://test.yourpdg.net_assets/css/rec-styles.css */

body {
	font-family: "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.floatleft {
	float: left;	
	margin-right: 5px;
}

.floatright {
	float: right;
	margin-left: 5px;
}

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}


.col {
    margin-left:0%;
	padding:0 2%;
}

.row .col:first-child {
    margin-left:0;
}
        
.span_1 {
    width:14.2857142857%;
}
.span_2 {
    width:28.5714285714%;
}
.span_3 {
    width:42.8571428571%;
}
.span_4 {
    width:57.1428571429%;
}
.span_5 {
    width:71.4285714286%;
}
.span_6 {
    width:85.7142857143%;
}
.span_7 {
    margin-left:0;
    width:100%;
}


/* Type -------------------------------------- */
h2 {
	color: #666;
	font: 24px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2.alt {
	color: #006795;
}

h3 {
	color: #006795;
	font: 16px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: none;
	border: none;
	text-transform: capitalize;
	border-bottom: 1px dotted #999; 
}

p.intro {
	font-size: 16px;
}

table {
	width: 100%;
	margin-bottom: 18px;
	border-collapse: collapse;
}

table th {
	padding: 10px;
	border-bottom: 1px solid #999;
}


table td {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

#sidebar h2 {
	color: #006796;
	font: 300 20px/20px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 6px 6px;
	border-bottom: 1px dotted #83796a;
}

.plain_list {
	padding-left: 40px;
}

.plain_list li {
	list-style: none;
	margin-bottom: 12px;
}

.list_style_1 {
	padding: 0;
} 

.list_style_1 li {
	padding: 0px 30px 8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #fff;
	background:transparent url(../images/content/bullet_blue_disc.png) no-repeat 8px 2px;
}

.list_style_1 a {
	font-weight: 300;
}


.two-col-list {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.two-col-list li {
	float: left;
	width: 48%;
}

#header {
	height: 143px;
}

#page_container {
	margin-top: 0;
}

#sub-header {
	position: relative;
	margin-bottom: 32px;
}

#recNav { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 8;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.67); 
	
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); */
/*    zoom: 1;*/
	width: 100%; 
	height: 50px;
}

#recNav h2 { 
	color: #faac22; 
	float: left; 
	margin:15px 30px 0 35px;
	text-transform: uppercase;
	font: 300 16px/24px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}

#recNav h2 a {
	color: #faac22;
	text-decoration: none;
}

#recNav h2 a:hover {
	text-decoration: underline;
}

#recNav h2.home {
	margin: 0;
	padding: 15px 24px 10px 170px;
	background-image: url(../images/rec/subhead-bg.png);
	height: 80px;
	position: absolute;
	z-index: 9;
}

#recNav h2.home strong {
	color: #fff;
	font-weight: 300;
	text-transform: capitalize;
	display: block;
	font-size: 54px;
	line-height: 60px;
	height: 60px;
	text-shadow: 0 3px 5px rgba(0,0,0,0.7);
}

.lake-head {
	position: absolute;
	bottom: 40px;
	left: 0;
	font: 300 48px/48px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	text-shadow: 0 3px 5px rgba(0,0,0,0.7);
}

h1.lake-head.no-nav {
	bottom: 0px;
}

/*#header {
	height: 413px;
}*/
#subNavList {
	float: right;
	padding: 0;
}

#subNavList li{
	float: left;
	text-decoration: none;
	display: block;
	padding: 20px 10px 0 17px;
	margin-right: 2px;
	font-size: 1em;
	position: relative;
}

#subNavList a {
	color: #FFF;
}

#subNavList a:hover{
	color: #faac22;
}
.content_left_column img{
	margin-top:25px;
	margin-bottom:25px;
}
.content_left_column table th{
	text-align:center
}
.caption{
	text-align:center;
	margin-top:-12px;
}

ul.drop-down {
	position: absolute;
	left: 0;
	text-align: left;
	width: 160px;
	padding: 14px 10px;
	list-style: none;
	display: none;
}

#subNavList li:hover ul.drop-down {
	display: block;
}

#subNavList ul.drop-down li {
	float: none;
	padding: 0;
	display: block;
	padding: 0;
	margin-right: 0px;
	font-size: 1em;
	position: relative;
	border-bottom: 1px solid #333;
}

#subNavList ul.drop-down li a {
	background: #000;
	display: block;
/*	float: left;*/
/*	width: 100%;*/
	padding: 4px 10px;
}

#homeBanner{
	top: 144px; left: 16px;
	position: relative; 
	background-color: rgba(1, 0, 0, 0.67); 
	width: 936px; 
	height: 358px;
}


ul#state-map {
	position: absolute;
	z-index: 10;
	top: -8px;
	left: -14px;
	width: 386px;
	height: 444px;
	background: url(../images/rec/ca-map.png) no-repeat left top;
}

ul#state-map li {
	position: absolute;
	list-style: none;
	font-size: 18px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.6);
}

ul#state-map a {
	color: #d1cfc9;
}

ul#state-map a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
}

ul#state-map .current {
	margin: -5px 0 0 -5px;
	z-index: 1;
}

ul#state-map .current a {
	color: #e49d1e;
	font-size: 36px;
	line-height: 36px;
}

ul#state-map li span {
	display: none;
}

#ln-antelope {
	top: 50px;
	left: 114px;	
}

#ln-davis {
	top: 90px;
	left: 124px;
}

#ln-frenchman {
	top: 88px;
	left: 145px;
}

#ln-oroville {
	top: 110px;
	left: 90px;
}

#ln-bethany {
	top: 184px;
	left: 100px;
}

#ln-delvalle {
	top: 206px;
	left: 92px;
}

#ln-sanluis {
	top: 228px;
	left: 110px;
}

#ln-pyramid {
	top: 330px;
	left: 190px;
}

#ln-castaic {
	top: 336px;
	left: 210px;
}

#ln-silverwood {
	top: 350px;
	left: 250px;
}

#ln-perris {
	top: 370px;
	left: 260px;
}

#ln-quail {
	top: 310px;
	left: 194px;
}

#SubBanner {
	top: 144px; left: 16px;
	position: relative; 
	background-color: rgba(1, 0, 0, 0.67); 
	width: 936px; 
	height: 258px; 
}
.Silverwood {
	background: url('http://test.yourpdg.netdwr-rec/silverwood/images/graphic.jpeg');
}

#lakeNav { 
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	background-color: #000;
	background-color: rgba(1, 0, 0, 0.67); 
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); 
       zoom: 1;*/
	width: 936px; 
}

#lakeNav h2 { 
	color: #FFF; 
	float: left; 
	margin:15px 30px 0 35px;
	
}

#lakeNavList li{
	float: left;
	text-decoration: none;
	display: block;
	font-size: 16px;
	border-right: 1px solid #666;
}

#lakeNavList a {
	display: block;
	color: #FFF;
	padding: 6px 18px 6px 18px;
	text-transform: uppercase;
}

#lakeNavList a:hover{
	color: #faac22;
}

#lakeNavList a.nav_level3_link.current {	
	display: block;
	background-color: #FFF;
	color: #006795;
	padding-top: 10px;
	margin-top: -4px;
	border-radius:6px 6px 0 0;
}

#lakeNavList .icon {
	width: 22px;
	height: 22px;
	position: relative;
	top: 3px;
	margin: 3px 2px 0 0;
	display: inline-block;
	zoom: 1;
	background-image: url(../images/rec/glyphicons_free-lt-gray-full.png);
}

#lakeNavList .info {
	background-position: -194px -728px;
}

#lakeNavList .map {
	background-position: -80px -920px;
}

#lakeNavList .activities {
	background-position: -234px -997px;
}

#lakeNavList .events {
	background-position: -193px -152px;
}


div.add_padding{
	padding: 0;
	min-height: 600px;
}

div#main_content {
	padding: 0;
}
div.content_left_column {
	padding: 0 20px;
	width: 600px;
}

div.content_left_column p {
	line-height: 1.5em;
}

div.content_right_column {
	padding: 0;
	width: 290px;
	margin-left: 4px;
}


#lakeDash {
	background-color: #f0ece3;
	border-radius: 10px;
	margin: 50px 0 0 0;
	padding: 10px 0;
}

#activity-list {
	margin-top: 50px;
	padding: 0;
	overflow: hidden;
	padding-bottom: 10px;	
}

#activity-list li {
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-bottom: 24px;
	font-size: 13px;
}

/* Activity Icons */
.a-icon {
	width: 36px;
	height: 36px;
	margin-bottom: -18px;
	display: inline-block;
	zoom: 1;
	background-image: url(../images/rec/activity-icons.png);
}

.i-camping {
	background-position: 0 0;
}

.i-horseback {
	background-position: 0 -36px;
}

.i-boating {
	background-position: 0 -72px;
}

.i-picnic {
	background-position: 0 -108px;
}

.i-fishing {
	background-position: 0 -144px;
}

.i-hiking {
	background-position: 0 -180px;
}

.i-swimming {
	background-position: 0 -216px;
}

/*
#lakeDash div.half-box:first-child {
	border-right: 1px solid #fff;
}*/

#LakeDashPhoto {
	width: 48%;	
	margin: 15px 1% 0 0;
	float: left;
}

.photoThumb{
	height: 220px;
	width: 280px;
	overflow: hidden;
	border: 5px solid #fff;
}


/* Weather Widget --------------- */
#currentWeather {
	overflow: hidden;
}

p.current-temp {
	font-size: 36px;
	line-height: 36px;
	margin: 0;
}

#weatherList {
	background-color: #dfd8c6;
	display: none;
}

ul.weather-s {
	margin: 0;
	padding: 0;
}

.weather-s li{
	list-style: none;
	padding: 5px 0 5px 24px !important;
	overflow: hidden;
	margin-bottom: 0 !important;
	border-bottom: 1px dotted #fff;
}

p.w-date {
	margin: 0;
	color: #666;
}

p.w-temps {
	font-size: 18px;
	margin: 0;
}

a.accord-trigger{
	display: block;
	text-align: center;
	padding: 6px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #83796a;
}

i.large {
	width: 90px;
	height: 80px;
	margin-right: 10px;
	float: left;
	display: block;
}

i.small {
	width: 50px;
	height: 40px;
	margin: 0px 10px 0 0 ;
	float: left;
	display: block;
}
.icon395{ background: url('../images/content/weather-l.png') no-repeat 0px -640px;}
.icon392{ background: url('../images/content/weather-l.png') no-repeat 0px -640px;}
.icon389{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon386{ background: url('../images/content/weather-l.png') no-repeat 0px -520px;}
.icon377{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon374{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon371{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon368{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon365{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon362{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon359{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon356{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon353{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon350{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon338{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon335{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon332{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon329{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon326{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon323{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon320{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon317{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon314{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon311{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon308{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon305{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon302{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon299{ background: url('../images/content/weather-l.png') no-repeat 0px -480px;}
.icon296{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon293{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon284{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon281{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon266{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon263{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon260{ background: url('../images/content/weather-l.png') no-repeat 0px -840px;}
.icon248{ background: url('../images/content/weather-l.png') no-repeat 0px -720px;}
.icon230{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon227{ background: url('../images/content/weather-l.png') no-repeat 0px -600px;}
.icon200{ background: url('../images/content/weather-l.png') no-repeat 0px -280px;}
.icon185{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon182{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon179{ background: url('../images/content/weather-l.png') no-repeat 0px -400px;}
.icon176{ background: url('../images/content/weather-l.png') no-repeat 0px -560px;}
.icon143{ background: url('../images/content/weather-l.png') no-repeat 0px -440px;}
.icon122{ background: url('../images/content/weather-l.png') no-repeat 0px -720px;}
.icon119{ background: url('../images/content/weather-l.png') no-repeat 0px -680px;}
.icon116{ background: url('../images/content/weather-l.png') no-repeat 0px -80px;}
.icon113{ background: url('../images/content/weather-l.png') no-repeat 0px 0px;}

.sicon395{ background: url('../images/content/weather-s.png') no-repeat 0px -560px;}
.sicon392{ background: url('../images/content/weather-s.png') no-repeat 0px -560px;}
.sicon389{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon386{ background: url('../images/content/weather-s.png') no-repeat 0px -440px;}
.sicon377{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon374{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon371{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon368{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon365{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon362{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon359{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon356{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon353{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon350{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon338{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon335{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon332{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon329{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon326{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon323{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon320{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon317{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon314{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon311{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon308{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon305{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon302{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon299{ background: url('../images/content/weather-s.png') no-repeat 0px -400px;}
.sicon296{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon293{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon284{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon281{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon266{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon263{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon260{ background: url('../images/content/weather-s.png') no-repeat 0px -760px;}
.sicon248{ background: url('../images/content/weather-s.png') no-repeat 0px -640px;}
.sicon230{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon227{ background: url('../images/content/weather-s.png') no-repeat 0px -520px;}
.sicon200{ background: url('../images/content/weather-s.png') no-repeat 0px -200px;}
.sicon185{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon182{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon179{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon176{ background: url('../images/content/weather-s.png') no-repeat 0px -480px;}
.sicon143{ background: url('../images/content/weather-s.png') no-repeat 0px -360px;}
.sicon122{ background: url('../images/content/weather-s.png') no-repeat 0px -640px;}
.sicon119{ background: url('../images/content/weather-s.png') no-repeat 0px -600px;}
.sicon116{ background: url('../images/content/weather-s.png') no-repeat 0px -40px;}
.sicon113{ background: url('../images/content/weather-s.png') no-repeat 0px 0px;}


.ui-loader {
    display: none;
}

.lake-slides {
    width:936px;
    height:420px;
    background-color: #999;
    overflow: hidden;
}
.slide {
/*	background: red;*/
	width: 936px;
	height: 420px;
}
.caption {
	position:absolute;
	bottom: 4px;
	left: 440px;
	height:60px;
	padding: 0;
	z-index: 100;
}

.caption h3 {
	background: none;
	border: none;
	text-transform: capitalize;
	font-weight: 300;
	display: inline;
	font-size: 22px;
	line-height: 22px;
	color: #faac22;
	margin-right: 12px;
}

.caption p {
	display: inline;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}

.caption p a {
	color: #fff;
	text-decoration: underline;
}

#slide-mask {
	background: url(../images/rec/slider-btm-mask.png) no-repeat left bottom;
	width: 936px;
	height: 72px;
	position: absolute;
	bottom: -36px;
	z-index: 6;
}
.pager {
	position: absolute;
	bottom: 35px;
	left: 360px;
	z-index: 12;
	width: 70px;
}

a.prev {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-image: url(../images/content/bullet_arrow_left.png);
}

a.next {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-image: url(../images/content/bullet_arrow_right.png);
}

body.map #sub-header {
	margin-bottom: 0;
}

#map-app {
	background: #999;
	height: 800px;
	padding: 40px;
	text-align: center;
	color: #fff;
	font-size: 36px;
}
/*.leaflet-top.leaflet-right{
	width:100%;
}
.leaflet-right .leaflet-control{
	border-radius:none;
	margin-right: 0px;
}
.leaflet-control-layers {
	width:90%;
	margin-top: 0px;
	margin-right: 0px;
}*/
.leaflet-control-layers label {
	display: block;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
/*	float:left;
	margin: 0 10px 0 0;*/
}

.leaflet-right {
	right: 0;
	width: 100%;
	height:47px;
}
.leaflet-top.leaflet-right {
	background-color:#FFF;
	z-index:1;
}

.leaflet-right .leaflet-control {
	background-color:#fff;
	width: 150px;
	clear:none;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 10px;
	padding-top: 6px;
	margin:0 !important;
	border-right: 1px solid #cfcfcf;
}
.leaflet-control-attribution{
	width: 400px !important;
}
.leaflet-control-layers-list{
	margin-top:0px;
}
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: block !important;
	background-image:none;
	text-decoration:none;
	cursor: default;
	padding:5px 0 0 10px;
	height:10px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	margin:0px;
}
.leaflet-control-layers .leaflet-control-layers-toggle {
text-decoration:none;
cursor: default;
font-size:14px;
padding:8px 0 0 18px;
margin-left: 25px;
height:32px;
cursor:pointer;
background-image:url(../images/content/bullet_blue_disc.png);
background-position:0 11px;
}
.leaflet-control-layers .leaflet-control-layers-toggle:hover {
	color:#777;
}

.leaflet-control-layers {
	float:left !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border:0px !important;
}
.leaflet-left {
	top:60px !important;
}

.leaflet-control-layers input[type='checkbox']{
	display:none;
	
}
.leaflet-control-layers label{
	font-size: 12px;
	cursor:pointer;
}
.leaflet-control-layers label:hover{
	color:#777;
}

.leaflet-control-layers label:hover{
	background-position: 0px -32px;
}

.leaflet-control-layers label.checked{
	background-position: 0px -64px;
}
.leaflet-popup-content{
	font-size: 14px;
	color:#444; 
}
.picnicCx{ background-image: url(../images/icon/key-picnic.png); }
.accessibleFeatureCx{ background-image: url(../images/icon/key-access.png); }
.poiCx{	background-image: url(../images/icon/key-poi.png); }
.parkingCx{	background-image: url(../images/icon/key-parking.png); }
.restroomCx{ background-image: url(../images/icon/key-restroom.png); }
.swimmingCx{ background-image: url(../images/icon/key-swimming.png); }
.informationCx{	background-image: url(../images/icon/key-information.png); }
.boatRampCx{ background-image: url(../images/icon/key-boat-ramp.png); }
.boatLaunchCx{ background-image: url(../images/icon/key-boat-launch.png); }
.boatingCx{	background-image: url(../images/icon/key-boating.png); }
.boatRentalCx{ background-image: url(../images/icon/key-boat-rental.png); }
.marinaCx{ background-image: url(../images/icon/key-marina.png); }
.campingCx{	background-image: url(../images/icon/key-camping.png); }
.familyCampingCx{ background-image: url(../images/icon/key-family-camping.png); }
.groupCampingCx{ background-image: url(../images/icon/key-group-camping.png); }
.horseCampingCx{ background-image: url(../images/icon/key-horse-camping.png); }
.rvCx{ background-image: url(../images/icon/key-rv-camping.png); }
.rvsanitationCx{ background-image: url(../images/icon/key-rv-sanitation.png); }
.fishingAccessCx{ background-image: url(../images/icon/key-fish-access.png); }
.dayUseCx{ background-image: url(../images/icon/key-day-use.png); }
.workCenterCx{ background-image: url(../images/icon/key-work-center.png); }
.universalFishingCx{ background-image: url(../images/icon/key-universal-fishing.png); }
.parkEntranceCx{ background-image: url(../images/icon/key-entrance.png); }
.suppliesCx{ background-image: url(../images/icon/key-supplies.png); }
.boatInCampAreasCx{ background-image: url(../images/icon/key-boat-camp.png); }
.floatingCampCx{ background-image: url(../images/icon/key-floating-camp.png); }
.enrouteCampCx{ background-image: url(../images/icon/key-en-route-camp.png); }
.cartopLaunchCx{ background-image: url(../images/icon/key-car-top-launch.png); }
.floatingRestroomsCx{ background-image: url(../images/icon/key-floating-restroom.png); }
.restrictedAccessRoadCx{ background-image: url(../images/icon/key-restricted-roads.png); }
.accessibleTrailCx{ background-image: url(../images/icon/key-accessible-trail.png); }
.hikingCx{ background-image: url(../images/icon/key-hiking-trail.png); }
.hikeHorseBikeTrailCx{ background-image: url(../images/icon/key-hike-horse-bike-trail.png); }
.footTrailCx{ background-image: url(../images/icon/key-foot-trail.png); }
.hikeBikeCx{ background-image: url(../images/icon/key-hike-bike-trail.png); }
.hikeHorseCx{ background-image: url(../images/icon/key-hike-horse-trail.png); }
.drinkingWaterCx{ background-image: url(../images/icon/key-drinking-water.png); }
.horseWaterCx{ background-image: url(../images/icon/key-horse-water.png); }
.horseStagingCx{ background-image: url(../images/icon/key-horse-staging.png); }
.parkRangerCx{ background-image: url(../images/icon/key-ranger.png); }
.gatesCx{ background-image: url(../images/icon/key-gate.png); }
.telephonesCx{ background-image: url(../images/icon/key-phone.png); }
.pavedTrailCx{ background-image: url(../images/icon/key-paved-trail.png); }
.windWarningCx{ background-image: url(../images/icon/key-windy.png); }
.kayakRentalCx{ background-image: url(../images/icon/key-kayak-rental.png); }
.windSurfingCx{ background-image: url(../images/icon/key-windsurfing.png); }

.leaflet-popup-content-wrapper {
	-webkit-border-radius: 08px !important;
          border-radius: 08px !important;
}

.inactive .key-icon{
	background-position:-19px 0;
	
}
.leaflet-control-layers-overlays span{
	display:block;
  	background-color: #fafafa;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #fafafa, #ddd); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #fafafa, #ddd); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #fafafa, #ddd); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	width:147px;
	padding: 4px;
	margin-bottom:2px;
	-webkit-border-radius: 3px !important;
    border-radius: 3px !important;
	border:1px solid #e3e0e3;
}
.leaflet-control-layers-overlays span:hover{
	background-color: #ddd;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fafafa)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #ddd, #fafafa); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:    -moz-linear-gradient(top, #ddd, #fafafa); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #ddd, #fafafa); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #ddd, #fafafa); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	}
.leaflet-control-layers-overlays span.inactive{
	opacity:.5;
}
.key-icon{
	background-repeat:no-repeat;
	display:block;
	top:4px;
	width:19px;
	height:19px;
	float:left;
	margin-right:5px;
	
}
.noshow{
	display:none !important;
}
.toggeler{
	position:absolute;
	height:34px;
	width:120px;
	background-color:#f8f8f9;
	color:#1f70a7;
	z-index:1000;
	top:0px;
	right:0px;
	font-size:14px;
	padding:13px 0 0 0;
	cursor: pointer;
	background-color:#fff;
}
.toggeler:hover{
	color: #777;
	}
.directions{
	background-image: url(../images/icon/directionBkg.png);
	position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}
.instructions{
	position:absolute;
	width:936px;
	height:200px;
	top:326px;
	background-image: url(../images/icon/instructions.png);
	left:50%;
	margin-left:-468px;
	z-index:2000;
}

img.hang-icon {
	margin-left: -28px;
	margin-right: 6px;
	position: relative;
	top: 6px;
}

div#footer_2 {
	background-image: url(../images/rec/footer_bottom_shadow_rec.png);
}