﻿/************************************************************************************/
						/* rounded corners*/
.top div {
   background: url(Images/RoundedCorner/tl.png) no-repeat top left;
}
.top {
   background: url(Images/RoundedCorner/tr.png) no-repeat top right;
}
.bottom div {
   background: url(Images/RoundedCorner/bl.png) no-repeat bottom left;
}
.bottom {
   background: url(Images/RoundedCorner/br.png) no-repeat bottom right;
}

.top div, .top, 
.bottom div, .bottom {
   width: 800px;
   height: 15px;
   font-size: 1px;
 }
/****************************************************************************************/

.bodyclass
{
	background-image: url(Images/background/BlueBackground1.jpg);
	/*background-color:#AFCCE6;*/
	height: 100%;
	width:100%;
	background-attachment:fixed;
	text-align:center	
}	 
.alignright
{
	text-align:right;
}
.alignleft
{
	text-align:left;
}
.aligncenter
{
	text-align:center;
}


/**************************************************************************************/
/*'default page*/

.AdRotatorColumn /* top left row on default page with the images*/
{
	width:598px;
	height:144px;
	background-image: url(Images/Main/LightBlueWithGradientRotatorBackground1.gif);
	 border:0;
}
.TabColumn 
{
	width:202px;
	height:150px;
	background-color:#ffffff;/*#174AA6;*/
	 border:0;
}
.RotatorButtonColumn 
{
	color:#ffffff;
	background-color:#174AA6;/*#698DCD;*/
	font-family:Arial;
	font-size:0.8em;
	font-style:normal;
	width:50px;
	height:23px;
	 border:0;
	}
.RotatorTextColumn 
{
	color:#ffffff;
	background-color:#174AA6;/*#698DCD;*/
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	width:550px;
	 border:0;
	}
/*************************************************************************************/

.headertext   /* for the home, contactus, searchsite, on the top of the page*/
{
	font-family:Arial;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	margin: auto auto; 
	text-align:right;
	width:800px;
}	
 
.global 
{
width:800px;
margin : auto auto; 
text-align:center;
background-color:#FFFFFF;
}

/*
.content_top
{
background-image:url(Images/background/content_top.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:800px;
height:14px;}

.content_bottom 
{
background-image:url(Images/background/content_end.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:800px;
height:14px;
}
*/
.content
{
width:800px;
text-align:left;
float:left;
background-color:#FFFFFF;
 /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 14px;
    -moz-border-radius: 9px;
}
/********************************************************************************************************/
									/* shadow */
.content, .shadow {
  position: relative;
}

.shadow 
{
width:802px;
margin : auto auto; 
text-align:center;
background-color:#FFFFFF;
}

/************************************************************************************************************/
.ContentPlaceholderBorder /* border for the contentplaceholder data on all pages except default*/
{
	border:#0F338A;
	border:Solid;
	border:1px
}

.SiteSubMenuColumn /* for the submenu/links under each menu item chosen .. for the column on the side*/
{
	background-color:#EFF3FB; /*#D1DDF1; /*#DBE3EE;/*#C3D3E3;*/
	vertical-align:top;
	font-family:Arial;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	color:#0C2C81;
	/*border:#0F338A;
	border:Solid;
	border:1px*/
}
.TitleRow /* Row that displays the Menu Chose from the Main Menu*/
{	
	text-align:center;
	color: #FF0000; /*#DE171A; matches the red logo*/
	font-family:Arial;
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
}	

.RotatingPanel
{
background-image:url(Images/search and ad rotator/LightBlueWithGradientRotatorBackground.gif);
background-repeat:repeat-x;		
}

.footer
{
background:#FFFFFF;
color:#0E3665; /*#5377BC;*/
font-family:Arial;
font-size:0.8em;
font-style:normal;
font-weight:bold
}

.PageText /* for text in all pages */
{
 font-size:0.9em;
 color:#000000;
 font-family:Arial;
}

.AdminPageText /* for text in all pages in Admin */
{
 font-size:0.8em;
 color:#000000;
 font-family:Arial;
}

.PageHeader /* for  titles of each page*/
{
 font-size:1em;
 color:#0C2C81;/*#000000;*/
 font-weight:bold;
 font-family:Arial;
 text-decoration:none;
 /*text-align:center	*/
}

.validate /* for validate error messages */
{
 color:#FF0000; /*#8b0000;*/
 font-size:.6em;
 font-family:Arial;
text-decoration:none;
}	

.Note /* for Notes */
{
 color:#FF0000; /*#8b0000;*/
 font-size:.9em;
 font-family:Arial;
 text-decoration:none
}

.Red /* to make text red*/
{ 
	color:#FF0000 /* #DE171A logo red  /*#FF0000 blood red*/
}

.Blue /* to make text blue*/
{
	color:#0C2C81
}


.Bold /* to make text bold*/
{
	font-weight:bold
}

.NotBold /* to not make text bold*/
{
	font-weight:normal
}

.Justify
{
	text-align:justify
}

.RssFeed
{
display:block; 
width: 15px; /*match to image width*/ 
height: 15px; /*match to image height*/ 
text-indent:-3000px; 
overflow:hidden; 
text-decoration:none; 
background:url(Images/Main/feed_icon.png) 0 0 no-repeat; 
cursor:hand;
}

.Twitter
{
display:block; 
width: 15px; /*match to image width*/ 
height: 15px; /*match to image height*/ 
text-indent:-3000px; 
overflow:hidden; 
text-decoration:none; 
background:url(Images/Main/Twitter.png) 0 0 no-repeat; 
cursor:hand;
}

.Facebook
{
display:block; 
width: 15px; /*match to image width*/ 
height: 15px; /*match to image height*/ 
text-indent:-3000px; 
overflow:hidden; 
text-decoration:none; 
background:url(Images/Main/FaceBook.png) 0 0 no-repeat; 
cursor:hand;
}

.AddThis
{
display:block; 
width: 83px; /*match to image width*/ 
height: 16px; /*match to image height*/ 
text-indent:-3000px; 
overflow:hidden; 
text-decoration:none; 
background:url(Images/Main/sm-share-en.gif) 0 0 no-repeat; 
cursor:hand;
}




.VerisignLogo
{
display:block; 
width: 109px; /*match to image width*/ 
height: 63px; /*match to image height*/ 
text-indent:-3000px; 
overflow:hidden; 
text-decoration:none; 
background:url(Images/Footer/VerisignLogo1.gif) 0 0 no-repeat; 

}

 .ErrorCtrlValidation
        {
            background-color: #EFF3FB;
           
        }

/*--------------------------------------------------------------------------------*/
						/* a href decoration for site submenu table*/
a.submenu:link {
	color: #0C2C81;
	text-decoration:none;	
}

a.submenu:visited {
	
	color: #0C2C81;
	text-decoration:none;
}
a.submenu:hover {
	color: #DE171A;	
	text-decoration:underline
}
a.submenu:active {	
	color: #DE171A;
	text-decoration:underline;
}
			
/*--------------------------------------------------------------------------------*/
						/* a href decoration*/
a:link {
	color: #0C2C81;
	}

a:visited {
	
	color: #0C2C81;
	}
a:hover {
	color: #DE171A;	
	}
a:active {	
	color: #DE171A;
	}

a.footerlinks, a.footerlinks:visited { 
	color:#59759f;
	 
} 
a.footerlinks:hover { 
	color:#7b7b7b;	 
} 
/*--------------------------------------------------------------------------------*/
			/* for the header ahref Contact US, About Us Etc*/
a.header:link
{
	color:#ffffff;
	
}

a.header:visited {
	
	color: #ffffff;
	
}
a.header:hover {
	color: #ffffff;	
	
}
a.header:active {	
	color: #ffffff;
}
/*--------------------------------------------------------------------------------*/
			/* for the footer ahref Contact US, About Us Etc*/
a.footer:link
{
	color:#0E3665;
}

a.footer:visited {
	
	color: #0E3665;
}
a.footer:hover {
	color: #0E3665;	
}
a.footer:active {	
	color: #0E3665;
}
/*--------------------------------------------------------------------------------*/
			/* for the Links Page ahref Contact US, About Us Etc*/
a.links:link
{
	color:#0C2C81;
	font-size:.8em;
	font-family:Arial;
}

a.links:visited {
	
	color: #0C2C81;
	font-size:.8em;
	font-family:Arial;
}
a.links:hover {
	color: #0C2C81;
	font-size:.8em;
	font-family:Arial;	
}
a.links:active {	
	color: #0C2C81;
	font-size:.8em;
	font-family:Arial;
}

/*--------------------------------------------------------------------------------*/
						/* START  collapsible panel*/
.ajaxcollapsiblepanelQ
{
	cursor:hand;
	font-size:.9em;
	font-family:Arial;
	font-weight:normal
}

.ajaxcollapsiblepanelA
{
	color:#000000;
	font-size:.9em;
	font-family:Arial;
	height:0px
}
/*--------------------------------------------------------------------------------*/						
.Legend   /* for legend*/
{
 color:#0C2C81;/*#FF0000; /*#8b0000;*/
 font-size:.9em;
 font-family:Arial;
 text-decoration:none;
 }
 /*--------------------------------------------------------------------------------*/
							/* START rating*/
 .ratingStar
{
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(images/rating/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(images/rating/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(images/rating/ratingStarSaved.png);
}						
/*--------------------------------------------------------------------------------*/						
hr.dash{ /* get a dotted line*/
border : none;
border-top : dashed 2px #0f338a;
color : #0f338a;
height : 0px;
}
hr
{
	height:2px;
	color:#0f338a
}

/*--------------------------------------------------------------------------------*/
					/* for AJAX tab control for campgrounds detail page*/
.visoft__tab_xpie7 .ajax__tab_header { 
      background:url(images/tabs/tab-line.gif) repeat-x bottom; 
} 

.visoft__tab_xpie7 .ajax__tab_outer    { 
      background:url(images/tabs/tab-right.gif) no-repeat right; 
} 

.visoft__tab_xpie7 .ajax__tab_inner    { 
     background:url(images/tabs/tab-left.gif) no-repeat; 
} 

.visoft__tab_xpie7 .ajax__tab_tab { 
     background:url(images/tabs/tab.gif) repeat-x; 
} 

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer { 
     background:url(images/tabs/tab-hover-right.gif) no-repeat right; 
} 

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner { 
     background:url(images/tabs/tab-hover-left.gif) no-repeat; 
} 

.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab { 
     background:url(images/tabs/tab-hover.gif) repeat-x; 
} 

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer { 
     background:url(images/tabs/tab-active-right.gif) no-repeat right; 
} 

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner { 
     background:url(images/tabs/tab-active-left.gif) no-repeat; 
} 

.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab { 
     background:url(images/tabs/tab-active.gif) repeat-x; 
}

.visoft__tab_xpie7 .ajax__tab_header { 
     font-family:Arial; 
     font-size:0.9em; 
         
} 

.visoft__tab_xpie7 .ajax__tab_outer { 
     height:29px;
} 

.visoft__tab_xpie7 .ajax__tab_inner    { 
     padding-left:3px; 
} 

.visoft__tab_xpie7 .ajax__tab_tab { 
     padding:6px 12px;
     margin:0; 
} 

.visoft__tab_xpie7 .ajax__tab_body { 
     font-family:Arial; 
     font-size:0.9em; 
     border:1px solid #999999; 
     border-top:0; 
     padding:6px; 
     background-color:#ffffff; 
} 
/*--------------------------------------------------------------------------------*/
					/* for AJAX tab control for default page*/
.visoft__tab_xpie8 .ajax__tab_header { 
      background:url(images/tabs/tab-line.gif) repeat-x bottom; 
} 

.visoft__tab_xpie8 .ajax__tab_outer    { 
      background:url(images/tabs/tab-right.gif) no-repeat right; 
} 

.visoft__tab_xpie8 .ajax__tab_inner    { 
     background:url(images/tabs/tab-left.gif) no-repeat; 
} 

.visoft__tab_xpie8 .ajax__tab_tab { 
     background:url(images/tabs/tab.gif) repeat-x; 
       
} 

.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_outer { 
     background:url(images/tabs/tab-hover-right.gif) no-repeat right; 
     
} 

.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_inner { 
     background:url(images/tabs/tab-hover-left.gif) no-repeat; 
     
} 

.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_tab { 
     background:url(images/tabs/tab-hover.gif) repeat-x; 
   
} 

.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_outer { 
     background:url(images/tabs/tab-active-right.gif) no-repeat right; 
} 

.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_inner { 
     background:url(images/tabs/tab-active-left.gif) no-repeat; 
} 

.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_tab { 
     background:url(images/tabs/tab-active.gif) repeat-x; 
}

.visoft__tab_xpie8 .ajax__tab_header { 
     font-family:Arial; 
     font-size:0.9em;        
} 

.visoft__tab_xpie8 .ajax__tab_outer { 
     height:29px;
    } 

.visoft__tab_xpie8 .ajax__tab_inner    { 
     padding-left:3px;
      
} 

.visoft__tab_xpie8 .ajax__tab_tab { 
     padding:6px 8px;
     margin:0; 
} 

.visoft__tab_xpie8 .ajax__tab_body { 
     font-family:Arial; 
     font-size:0.9em; 
     border:1px solid #174AA6; 
     border-top:0; 
     padding:6px; 
     background-color:#174AA6; 
} 
/*--------------------------------------------------------------------------------*/
				/*printable campground pages*/
				
.PrintHeader
{

	text-align:center;
	color:#FF0000;/*#DE171A;*/
	font-family:Arial;
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
}	

.PrintText   /* for other details*/
{

	text-align:left;
	color:#000000;
	font-family:Arial;
	font-size:0.9em;
	font-style:normal;
}

/********************************************************************************************************/
                     /* News Letter */
                     
 .MemberNewsLetterBlueColumn
 {
	background-color:#EFF3FB
 }
 
 .MemberNewsLetterWhiteColumn
 {
	background-color:#FFFFFF
 }
                     
 .NewParksTextHeader
 {
	color:#0C2C81;
	font-weight:bold;
	font-size:0.9em;
	 font-family:Arial;
 }
 
 .NewParksTextDetails
 {
	Color:#0C2C81;
	font-size:0.9em;
	font-family:Arial;
 }               


/************************************************************************************************/
        /* for css popup - tooltips*/        
        
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color: #EFF3FB; /*#ccc;*/
    color:#000000;
    text-decoration:none    
   }

a.tooltip:hover{z-index:25; background-color:#EFF3FB}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0f338a;
    background-color:#EFF3FB; color:#000000;/*#0C2C81;*/
    text-align: left}
    
    
    /*******************************************************************************************************/
    /* thumbnail for campgrounddetails */
    

.thumbnail img{
border: 1px solid white;
margin: 0 4px 4px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EFF3FB;
padding: 4px;
left: -1000px;
border:1px solid #0f338a;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
max-width:500px;
max-height:450px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 275px; /*position where enlarged image should offset horizontally */
top: 295px;
z-index: 50;
max-width:500px;
position:absolute
}


/***********************************************************************************/
/* for android image*/
 

.explodeimage
{
	position:relative;
	z-index:0;
}

.explodeimage img
{
	border-style:none;
	border-width: 0px;
}

.explodeimage span
{
	position: absolute;
	padding: 5px;
	visibility: hidden;
	display:none;
	left: -100px;
	background-color: #FFFFFF;
}

.explodeimage:hover
{
	background-color:transparent;
	z-index:33;
	cursor:none;
}
.explodeimage:hover span
{
	visibility: visible;
	display:inherit;
	top: 25px;
	left: -100px; 
	background-color: #FFFFFF;
	border-style:groove;
	border-width:2px;
	border-color:#000000;
}

/***************************************************************************************************/
/* FlyOut*/

.dynamic
{
	background-color:#EFF3FB;
	border:1;
	border-color:#174AA6;
	width:400px;
	height:200px;	
}
.tdText
{
color:#174AA6;
font-size:0.9em;
font-family:Arial;
}

.FlyoutClose
{
font-family:Arial;
font-size:0.9em;
font-weight:bold;
color:#174AA6

}			    
	
