/*DEFAULT PAGE STYLES*/
font.pagetitle { padding: 4px;  color:#000000; font-family: verdana,sans-serif; font-size: 14px; font-weight:bold; }
font.datetagline { padding: 2px; COLOR: #000000; font-family: verdana,sans-serif; font-size: 13px; font-weight:bold; }
font.formtitle {COLOR: #000000; font-family: verdana,sans-serif; font-size: 12px; font-weight:bold; }

/** 9/9/2021 ***/
div#banner img {
   padding: 0 15px 0;
   margin-left: -18px;
}
div#banner::after {
    position: absolute;
    content: '';
    display: block;
    background-color: #cc3333;
    width: 100%;
    height: 30px;
    left: 0;
    top: 120px;
}
#nav {
    margin-left: 18px;
}
.main {
text-align:center
}
font.datetagline {
    margin: 5px 0;
    display: block;
}
div.box_header2 {
    background-color: #fff;
    color: #000;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    font-size: 16px;
    padding-bottom: 13px;
    padding-top: 8px;
    width: 366px;
}
.login-list {
    text-align: center;
    list-style-type: none;
    margin-bottom: 5px;
}
.login-list a {
    color: #000!important;
}
a.accountmenu:link {
	font-size:12px!important;
	background: #0076ac;
}
#frmLogin input {
width:100%;
}
.indent20 #accountmenu a.accountmenu:link {
	background:inherit;
}
#fadelines { display:none}
/** 9/9/2021 ***/
.title {
	COLOR: #000000; font-family: verdana,sans-serif; font-size: 12px; padding-left:5px; font-weight:bold }

div.footerbox {
	background-color:#3365a9;
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	font-family: verdana,sans-serif; 
	font-size: 10px;  
	}
td.box_header  {background-color:#cc3333;width:100%; color:#000000; font-family:verdana,sans-serif; font-size:12px; font-weight:bold; text-align:center;}

div.box_header5 {font-weight:bold;background-color:#cc3333;border-top: solid #000000 1px;border-left: solid #000000 1px;border-right: solid #000000 1px; width:100%;padding:2px;color:#FFFFFF;}

div.box_header2 {
	background-color:#cc3333;
	color:#FFFFFF;
	}

div.box_header4 {
	background-color:#cc3333;
	color:#FFFFFF;
	}

.button  {COLOR: #ffffff; font-family: verdana,sans-serif;font-size:10px; font-weight:bold; background-color: #3365a9;}

a:link { COLOR: #0000cc; TEXT-DECORATION: none;}
a:visited { COLOR: #0000cc; TEXT-DECORATION: none;}
a:active { COLOR: #0000cc; TEXT-DECORATION: none;}
a:hover { COLOR: #0000cc; TEXT-DECORATION: underline;}
	
/*HOMEPAGE STYLES*/


/*ACTION LINE STYLES*/
input.actionbtn {BACKGROUND-COLOR:#3365a9; COLOR: #FFFFFF; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}
input.action {text-align:left; background-color: #3365a9; COLOR: #FFFFFF; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold; width:75px;}

p.actionItem {COLOR: #3365a9; font-size: 10px; font-weight:normal; margin:0 0 0 6;}
p.actionCategory {COLOR: #3365a9; font-size: 12px; font-weight:bold; margin:6 0 0 0;}


/*PAYMENT STYLES*/
input.paymentbtn {BACKGROUND-COLOR:#3365a9; COLOR: #FFFFFF; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}


/*DOCUMENT STYLES*/
font.searchlabel { COLOR: #000000; font-family: verdana,sans-serif; font-size: 12px; font-weight:bold; }
font.searchlink { COLOR: #000000; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold; }
font.documentfolder { COLOR: #000000; font-family: verdana,sans-serif; font-size: 12px; font-weight:bold; }



tr.topbanner { /*background-color: #000000;*/	}


/* RECREATION RESERVATION CALENDAR */
.legendlabeltitle {	background-color: #cc3333; color: #000000;	}
.calfacilityselection  {background-color:#cc3333; }
.caldateselect  {background-color:#cc3333;}
.calfacilityselection  {background-color:#cc3333;}
.calheader {background-color:#cc3333;}
/* RECREATION RESERVATION FORM */
.reserveformtitle{background-color:#cc3333;	color: #ffffff;}
.reserveformbutton {background-color: #3365a9; COLOR: #ffffff; font-size:10px;}

.categorytitle {font-size:14px;color:#000000;}
A.categorytitle:active{COLOR: #3365a9; font-size:14px;}
A.categorytitle:link{COLOR: #3365a9;  font-size:14px;}
A.categorytitle:visited{COLOR: #3365a9; font-size:14px; }
A.categorytitle:hover{TEXT-DECORATION: underline; COLOR: #000000; font-size:14px; }



/* FACILITY LIST */
A.subcategorymenu:active{COLOR: #3365a9; font-family: verdana,sans-serif; font-size: 10px;font-weight:bold; }
A.subcategorymenu:link{COLOR: #3365a9;  font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}
A.subcategorymenu:visited{COLOR: #3365a9;  font-family: verdana,sans-serif; font-size: 10px;font-weight:bold; }
A.subcategorymenu:hover{TEXT-DECORATION: underline;COLOR: #000000;  font-family: verdana,sans-serif; font-size: 10px;font-weight:bold; }
div.subcategorymenu {background-color:#a4b99d; border: solid #000000 1px; width:760 px; padding:5px;font-weight:bold;}
font.subcategorymenuheader {COLOR: #ffffff; font-family: verdana,sans-serif; font-size: 10px;font-weight:bold; }

.facilitydesc
{
	font-size: 11px;
	width: 600px;
}
.facilityname
{
	font-weight: bold;
	font-size: 13px;
	color: black;
}


/* CLASS STYLES */
.classdaterange {font-weight:bold; color: white; font-family: verdana, sans-serif;	background-color: #cc3333;}
.classbutton  {COLOR: #ffffff; font-family: verdana,sans-serif;font-size:10px; font-weight:bold; background-color: #3365a9;	cursor:pointer; }
#cart_table th { background-color: #000000;	color: white;	}




/* Transaction reports styles */
#content table.transactionreport {
	padding: 0;
	margin: 0;
	border: 1px solid #666;
	/*width: 750px; */
	position: relative; 
	top: -4px; 
	left: -4px;
	background-color: #FFFFFF;
	}

#content table.transactionreport td{
	padding: 4;
	}
	
#content div.transactionreportshadow { 
	background: #919191; 
	width: 750px;
	margin: 20px 0;
	}

.transaction_header {font-weight:bold; background-color:#cc3333; padding:3px; color:#FFFFFF;}

/* End of Transaction Report styles */

/* GIFT */
div.gift_header {font-weight:bold;background-color:#cc3333;border-top: solid #000000 1px;border-left: solid #000000 1px;border-right: solid #000000 1px; width:700 px;padding:2px;color:#FFFFFF;}


/* SKIPJACK PAYMENT FORM STYLES */
input.skipjackbtn {
	background-color: #3365a9;
	color: #fff;
	}


/*CURRENTLY SELECTED FOLDER*/
a.documentfolder:hover {color:#000000; text-decoration:none;font-family: verdana,sans-serif; font-size: 12px; font-weight:bold;}
a.documentfolder:visited {color:#3365a9; text-decoration:none;font-family: verdana,sans-serif; font-size: 12px; font-weight:bold;}
a.documentfolder:active {color:#000000; text-decoration:none;font-family: verdana,sans-serif; font-size: 12px; font-weight:bold;}
a.documentfolder:link {color:#000000; text-decoration:none;font-family: verdana,sans-serif; font-size: 12px; font-weight:bold;}

/*NEW FOLDER/DOCUMENT STYLES*/
#foldheader {cursor: pointer; list-style-image:url('../docs/fold.gif'); list-style-type: none;font-family: verdana,sans-serif; font-size: 12px; font-weight:bold;  }
#foldinglist {list-style-image:none; list-style-type: none; font-family: verdana,sans-serif; font-size: 10px;  }
li.emptyfolder {color:#000000; font-family: verdana,sans-serif; font-size: 10px;}

a.documentlist:link {color:#000000; text-decoration:none;font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}
a.documentlist:visited {color:#3365a9; text-decoration:none; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}
a.documentlist:active {color:#000000; text-decoration:none;font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}
a.documentlist:hover {color:RED; text-decoration:underline; font-family: verdana,sans-serif; font-size: 10px; font-weight:bold;}

/*CALENDAR STYLES*/

table#calendar {
	border-left:1px solid #333333; 
	border-top:1px solid #666666; 
	}

table#calendar th {
	background-color: #cc3333;	
	color: #FFFFFF;	
	}

tr#calendardayrow {
	background-color: #3365a9;	
	color: #ffffff;	
	}

table#eventlist {
	border-left:1px solid #333333;	
	border-top:1px solid #666666;	
	}

table#eventlist th {
	background-color: #3365a9; 
	color: #FFFFFF;	
	}

table#calendar td {
	border-right:1px solid #333333; 
	border-bottom:1px solid #666666; 
	} 

table#calendarheader td { 
	border: 0;
	}

table#eventlist td {
	border-right:1px solid #333333; 
	border-bottom:1px solid #666666; 	
	}



/* Footer MENU STYLE*/
/* this style is causing the afooter links to always be black 8/15/06
font.footermenu, font.footermenu a, font.footermenu a:visited, font.footermenu a:hover { 
	color:#000000; 
	}
*/

font.footermenu { 
	color:#ffffff; 
	}


a.afooter:active {
	color: #ffffff; 
	text-decoration: none; 
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	}
a.afooter:link {
	color: #ffffff; 
	text-decoration: none; 
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	}
a.afooter:visited {
	color: #ffffff;  
	text-decoration: none;
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	}
a.afooter:hover {
	color: #ffffff;  
	text-decoration: underline; /* leave this in */
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	}

/* FAQ */
div.faqBody {
	}

div.faqBody h4 {
	font-weight: bold;
	font-size: 14px;
	}

/* This is to corect a strange behavior in FireFox */
div.faqBody h4 a:hover {
	margin: 0;
	text-decoration: none;
	color: #0000ff;
	font-weight: bold;
	}

div.faqTitle {
	background-color: #cc3333;
	color: #FFFFFF;
	}

div.faqnav {
	}
	
	
/* for drop down menu */

/* the horizontal menu starts here */
div#listmenu {
	margin: 0;
	padding: 0;
	width:100%; /* makes the div full width of screen */
	float:left;
	/*border-top:1px solid #069;	 draws line on top edge of div */
	/*border-bottom:1px solid #069;	  draws line on bottom edge of div */
	font-size: 1em;	/* SET FONT-SIZE HERE */
	font-family: verdana,sans-serif; 
	font-size: 10px; 
	font-weight:normal;
	background-color: #cc3333;/* colors the div */
	/*margin-top:20px;  TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}

div#listmenu ul {
	margin:0 0 0 30px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	padding: 0;
	border-top: 1px solid #3365a9;
	}

div#listmenu ul li {
	margin: 0;
	padding: 0;
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#3365a9; /*#35000a; /*sets the background of the menu items */
	border-right:1px solid #cc3333;  /* creates dividing lines between the li elements */
	width:250px;
	z-index: 99;
	}
	
	/*#  5282bd, 8caed6; 29415a*/
	
	
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertial line on the menu */
	}

div#listmenu li:hover { 
	/*background-color:#FFF; /*sets the background of the menu items */
	}

div#listmenu a {
	display:block;
	padding:1px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color: #ffffff;	/* #000 sets the type color */
	width:244px;  /* the width lines  and voice-family put in by Steve Loar - Makes the whole line a link, not just the text */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:244px;
	}
div#listmenu a:hover {
	/*background-color:#FFF;
	color:#8caed6; */
	cursor: default;
	}

div#listmenu ul li ul li a {
	display:block;
	/* padding:1px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	background-color:#3365a9;
	width:244px;  /* the width lines  and voice-family put in by Steve Loar - Makes the whole line a link, not just the text */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:250px;
	}

div#listmenu ul li ul li a:hover {
	background-color:#cc3333;
	color:#ffffff;
	cursor: pointer;
	}

/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; 
	padding: 0;
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:250px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	/*width:250px;*/
	}
div#listmenu ul li ul li {
	padding:0;
	margin: 0;
	width:250px; /* makes the list items fill the list container (ul) */
	/*border-left:1px solid #069; /*  three sides of each drop-down item */
	/* border-bottom:1px solid #069; */
	/*border-right:1px solid #069;*/
	}
div#listmenu ul li ul li a {
	padding: 0;
	margin: 0;
	/* padding:1px 6px; creates space each side of menu item's text */		
	padding: 5px 6px 5px 6px;
	border-bottom: 1px solid #ffffff;
	border-right:1px solid #3365a9;
	border-left:1px solid #3365a9;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #efeff7; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #3365a9; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */

body {behavior: url('http://www.egovlink.com/piqua/csshover.htc');}

/* Organization level style overriddes for the public default_page.asp */

/**#wrapper {
	background:url(../custom/images/piqua/page-bg.gif) repeat-y;
	} **/

#subnav p {
	border-bottom: 1px solid #3365a9;
	background: #cc3333;
	text-align: left;
	
	}

#subnav p a {
	color: #ffffff;
	}

#subnav a:visited {
	color: #ffffff;
	}

#subnav p a:hover {
	color: #ffcc33;
	}

#content h2  {
	color: #FFFFFF;
	border-top: 3px solid #3365a9;;
	background: #cc3333; 
	/* background: #313042; */
	}

div.features {
	background: #FFFFFF;
	border-bottom: 3px solid #3365a9;
	}

/* End of organization overriddes for the public default_page.asp */

/* Purchases Report Styles */
#content table.purchasereport th {
    HEIGHT: 18px;
    FONT-SIZE: 11px;
    color: #ffffff;
    border-bottom: 1px solid #336699;
    background-color: #cc3333;
	}

/* Pool Pass styles */
#poolformtitle { 
	background-color: #cc3333; 
	color: #ffffff;
	border-top: solid #000000 1px;
	border-right: solid #000000 1px;
	border-left: solid #000000 1px; 
	}

#poolforminputarea {	
	background-color:#ececf2; 
	border: solid #000000 1px; 
	}

.reserveforminputarea {
	background-color:#ececf2;
	}




/* 8/17/06 */
div.picktitle	{	background-color:#cc3333; }



/* Pool Pass Styles End */

/* Size of default page central block */
p.hasimage {
	height: 53px;
	}

/* NEW LOOK OVERRIDES */
div#footer
{
	 background-color: #3365a9;
}
div#wrapper>div#footer {
    position: relative;
    box-shadow: inset 0 5px 0 #fff;
    margin-top:5px;
	width:100%;
	margin-left:0;
	padding: 8px 0;
}
div#wrapper
{
	width:100%;
	margin-top: 52px;
}
a.adefaultfooter {
    color: #fff!important;
}
div#footer p {
    color: #fff;
}
div#wrapper>div#content
{
	/** width:532px; **/
}

input
{
	padding: 3px;
}

p.actionItem {margin:6px;}
#subnav p {
	font-weight: normal;
	text-align:left;
	}
#content h2  {
	font-weight:normal;
	}
div.welcome, div.datetagline
{
	font-weight:normal;

}
input[type='button'], .linkbutton, .linkbutton:active, .linkbutton:hover, .linkbutton:visited, .linkbutton:link ,
a.linkbutton, a.linkbutton:active, a.linkbutton:hover, a.linkbutton:visited, a.linkbutton:link,
#submenu_options li
{
	border-radius: 3px !important; 
	display: inline-block !important; 
	cursor: pointer !important; 
	font-size: 13px !important; 
	padding: 3px 8px !important; 
	text-decoration: none !important;
	font-weight:normal !important;
}
.paymentbtn
{
	margin-top:5px;
}
input[type='submit'] {
	margin-top:20px
}
div.reserve_link[align='left']
{
	display:none;
}
.button, input[type='submit'], input[type='button'].continueRegistrationButton, input[type='button']#addToCartButton, input[type='button']#completeButton, #COMPLETE_PAYMENT,
#btnSubmit, .button.selecttime, p#checktimes>input.button, form[name='frmRentalSummary'] .button, .reserve_link a.linkbutton, input.facilitybutton, 
#poolfooter input.reserveformbutton, #membershipDropdownOptions input.reserveformbutton, p.facilitydesc>b>a, .reserveforminputarea .actionbtn, input.paymentbtn,
input.actionbtn[name='subscribe'], table#registrationdisplay input.actionbtn
{
	border-radius: 3px !important; 
	display: inline-block !important; 
	cursor: pointer !important; 
	font-size: 16px !important; 
	padding: 4px 16px !important; 
	text-decoration: none !important;
	font-weight:normal !important;
	width:auto !important;
}
#addToCartButton
{
	margin-left:10px;
}
li#rightSideDiv a
{
	display:inline-block;
	margin-bottom:3px;
}
.nestedFieldset legend
{
	color:#800000 !important;
}
*
{
	font-family:'Open Sans', Ariel, sans-serif !important;
}
p, span.label, a, td, #content
{
	font-size: 14px !important;
}
div.open>a.open
{
	font-size: 10px !important;
}
div.open, div.onhold, div.reserved, div.call, div.holiday
{
	padding: 5px 0;
}
div.welcome
{
	font-size: 18px;
    font-weight: 600;
}
fieldset, .fieldset, .fieldset_classes 
{
	background-color:#fff !important;
	border: 0 !important;
}
legend,.fieldset_subcategories legend 
{
	font-size:14px !important;
	    background-color: #ffffff;
    padding: 4px 8px;
    border-radius: 0px;
    border: 0 !important;
}

fieldset legend, .fieldset_subcategories legend
{
    border: 0 !important;
    border-bottom: 1px solid !important;
    border-radius: 0px !important;
    width: 100%;
}
.fieldset_classes legend:hover 
{
	text-decoration: none !important;
}
#content h2 a
{
	padding: 6px 0 5px 15px;
	font-size: 16px !important;
}
.fieldset_warning
{
	color:red !important;
}
input[type='radio']
{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin-top: -2px;
}
.radio-align input[type='checkbox'] {
	width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: 0!important;
}
.radio-align {
	font-size: 15px;
    margin-top: 12px;
}
#submitBtn {
	border:0;
}
.search-btn {
    border: 0;
}
input[type='radio']
{
	margin-bottom:8px;
}
select
{
	font-size:12px !important;
}
div#listmenu a {
	font-weight:normal;
}
div#listmenu ul {
	border-top:0;
}
div#listmenu ul li {
	padding: 5px;
	width:auto;
	border-right:0;
}
div#listmenu li:first-child {
	border-left:0;
}
div#listmenu ul li ul {
	border-right:0;
	left:0; /*aligns the drop exactly under the menu */
	width:266px;
	top:27px
}
div#listmenu ul li ul li {
	width:266px; /* makes the list items fill the list container (ul) */
	}
div#listmenu ul li ul li a {
	width:259px; /* makes the list items fill the list container (ul) */
	padding: 0;
	margin: 0;
	/* padding:1px 6px; creates space each side of menu item's text */		
	padding: 5px 0 5px 6px;
	border-bottom: 1px solid #000000;
	border-right:0;
	border-left:0;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #000; /*the top edge of the dropdown - (#efeff7 = light grey) */
	}

div.box_header2, div.box_header4, div.box_header5, div.box_header, div.faqTitle, div.reserveformtitle, #poolformtitle, td.box_header
{
	background-color:inherit;
	color:#000 !important;
	border:0;
	font-size: 18px;
	}
div.groupSmall, div.group, div.faqBody, div.groupSmall400, div.reserveforminputarea, div.groupSmall2, div.groupSmall4
{
	background-color:inherit;
	border:0;
}
div.groupSmall400 {
    background-color: #fff;
    /* border: 1px solid #000000; */
    width: 350px;
    padding: 15px 0 15px 20px;
    margin-bottom: 5.3em;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
h4 a
{
	font-size:16px !important;
}
.staff_directory_table #columnHeaders
{
	background-color:inherit;
}
.staff_directory_table
{
	border:0;
}
.posting_fieldset, .fieldset
{
	border:0 !important;
}
 table[bgcolor='#000000']
{
	background-color:inherit !important;
	border-bottom:1px solid black;
	margin-top:30px;
}
 table[bgcolor='#000000'] tr[bgcolor='#C0C0C0']
{
	background-color:inherit !important;
	font-size:14px;
}
 table[bgcolor='#000000'] tr[bgcolor='#C0C0C0'] td
{
	font-size:14px;
}
 table[bgcolor='#FFFFFF']
{
	background-color:inherit !important;
	border-spacing:0;
	border-bottom:1px solid #aaa;
}
 table[bgcolor='#FFFFFF'] tr[bgcolor='#eeeeee']
 {
	background-color:inherit !important;
 }
.rssTableHeaders, .newsTableHeaders
{
	background-color:inherit !important;
}
.rssTable, .newsTable
{
	border:0 !important;
	background-color:inherit !important;
}
.sideMenuBar
{
	padding:10px !important;
}
#google_translate_element
{
	background-color:inherit !important;
}
a.afooter, a.afooter:active, a.afooter:hover, a.afooter:visited, a.afooter:link,
a.adefaultfooter, a.adefaultfooter:active, a.adefaultfooter:hover, a.adefaultfooter:visited, a.adefaultfooter:link
{
	font-family:'Open Sans', Ariel,sans-serif !important;
}
div#footer>p:first-child
{
margin-top:20px;
}
.reservelegenddiv
{
	background-color:inherit !important;
	width:auto !important;
}
.reservelegendtable
{
	width:auto !important;
	border:0 !important;
	top: 0 !important;
	left: 0 !important;
	background: inherit !important;
	font-size:12px !important;
	border-spacing: 5px;

}
.legendlabel, .legendlabeltitle
{
	font-size:14px !important;
	background-color:inherit !important;
}
.maincaltbl, .maincaltbl td
{
	border:0;
	border-spacing:2px 0;
}
.caldateselect
{
	padding:2px;
}
tr.dayofmonth, td.calfillerday, td.calheader
{
	background-color:inherit !important;
	color: #000 !important;
	font-weight:normal !important;
}
tr.caltimes, .calrealday
{
	background-color: inherit !important;
}
.calrealday>table, .calfilldaytbl
{
	border:1px solid #999;
	border-top:0;
	margin-bottom:2px;
	width:100%;
	height:175px;
}
.dayofmonth>td
{
	border:1px solid #999;
	border-bottom:0;
}
.caltimes>td
{
	padding:2px;
}

div#accountmenu, #content table.purchasereport th
{
	font-size:14px;
}
.label>.cot-text-emphasized
{
	font-weight:normal;
}
#content table.purchasereport, table#purchaseslist
{

	box-shadow:none;
	-webkit-box-shadow:none;
}
#content table.purchasereport th
{
	background-color:inherit;
	color:#000;
}
#menu-icon 
{
    /* display: block; /* show menu icon */
    width: 244px;  /* width is 200px, but with padding-right we need to adjust it. */
    padding: 6px 11px 6px 11px !important;
    border-left: 0;
    border-right: 0;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	  -moz-border-radius-topleft: 0;
	  -moz-border-radius-topright: 0;
	font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}
#navmenu 
{
    width: 266px;  /* width is 200px, but with padding-right we need to adjust it. */
	border-left: 0;
    border-right: 0;
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       -moz-border-radius-bottomleft: 0;
       -moz-border-radius-bottomright: 0;
       -webkit-border-bottom-left-radius: 0;
       -webkit-border-bottom-right-radius: 0;
}
#searchMenuDiv
{
	margin-left:350px;
	margin-top:3px;
}
#navmenu li a
{
	padding:6px 0 6px 6px;
}
#submenu_options li
{
	padding: 2px 2px 2px 4px;
	cursor: pointer;
	border-top: 1pt solid #808080;
    border-right: 1pt solid #808080;
    border-bottom: 1pt solid #808080;
    background-color: #c0c0c0;
      background: -moz-linear-gradient(top,#eeeeee,#c0c0c0);  /* Firefox */
      background: -webkit-gradient(linear,left top,left bottom, from(#eeeeee), to(#c0c0c0));  /* Safari, Chrome */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#c0c0c0');  /* Internet Explorer (<= 5) */
      -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#c0c0c0')';  /* Internet Explorer (8) */
    font-family: Verdana, sans-serif;
    font-size: 0.75em;  /* 12 / 16 */
}

li#submenu_categories
{
	border-radius:0 !important;
	border-top-left-radius:3px !important;
	border-bottom-left-radius:3px !important;
	border-right:1px solid black !important;
}
li#submenu_quicklinks
{
	border-radius:0 !important;
	border-right:1px solid black !important;
}
li#submenu_login
{
	border-radius:0 !important;
	border-top-right-radius:3px !important;
	border-bottom-right-radius:3px !important;
}

#submenu_options>li#firstOption
{
	display:none !important;
}

#submenu_quicklinks_list,
#submenu_categories_list,
.classes_breadcrumbs a
{
	border:0;
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
}
.classes_breadcrumbs a:hover
{
	border:0;
	background-color:inherit;
	text-decoration:underline !important;
}
.classlist, .classes_breadcrumbs, .classdetails, #offeringActivities thead td, .classdetails_label, #classdetails_classfee_list, #classEmergencyInfoTable, #classFeesPrices, .class_termstext, #cartDetails ,
#cartTable thead td, #cartTable .cartTableFooterColumn1, #cartTable .cartTableFooterColumnTotal, #cartTableAccountCredit thead td,
#paymentFormDiv
{
	background-color:inherit;
}
#offeringActivities,.classdetails_label, #classdetails_classfee_list, #classEmergencyInfoTable, #classFeesPrices, .class_termstext,
#cartTable, #cartTableAccountCredit, #paymentFormDiv, div#rightpicks_altlayout
{border:0 !important;}

.pointofcontact_info_table, #poolforminputarea, #membershipRenewals>table, .classes_regstart_table, #class_signup_age_restriction, #membersTable
{
	border:0 !important;
	background-color:inherit;
}

div.reserveforminputarea>table[border='1'],
div.reserveforminputarea>table[border='1'] th,
div.reserveforminputarea>table[border='1'] td
{
	border:0;
}

div.reserveforminputarea>table[border='1']>tbody>tr>th
{
	border-bottom:1px solid black;
}

div.gift_header, div.picktitle
{
	border:0;
	border-bottom:1px solid black;
	background-color:inherit;
	font-weight:normal;
	font-size:14px;
	color:#000;
}
div.pickchoice
{
	background-color:inherit;
}
#content table.purchasereport
{
	top: 0;
	left: 0;
}
#classReceipt .fieldset
{
	border: 1pt solid #c0c0c0 !important;
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;

}
fieldset#receiptTransactionsFieldset.fieldset
{
	border:0 !important;

}

font.pagetitle, .facilityname, .categorytitle
{
	font-size:18px;
}


#centercontent {
   margin-left:0 !important;
}

@media screen and (max-width: 719px) 
{
	/* -- Main Navigation -- */
	#menu-icon
	{
		background: url('../rd_classes/menu-icon_white.png') no-repeat 10px center;
		padding:12px 0 12px 34px !important;
	}
	#searchMenuDiv
	{
		margin-left:250px;
		margin-top:0;
	}
    .mobile_subcategories
    {
        border-top: 1pt solid #000;
        font-size: 14px;
    }
    ul#categorylist>div.mobile_subcategories
    {
	    display:none;
    }
}


/* Added for iframe */

.iframeformat #fadelines { display:none; }


.iframeformat div#banner , .iframeformat div#nav, .iframeformat div#nav-wrap, .iframeformat div.footerbox, .iframeformat div#wrapper_footer, .iframeformat div#footer
{
	display:none;
}
.iframeformat div#wrapper {background:none; width:700px;}
.iframeformat div#content, .iframeformat div#footer {margin-left:0;}
.iframeformat div#centercontent {width:680px;}
.iframeformat tr.fadeline {background-color:white;}

.iframeformat .topbanner  {display:none;}
.iframeformat .indent20 {padding-left:0;}
div.rentalcategorygroup, .iframeformat div.categorygroup, .iframeformat div.subcategorygroup, .iframeformat div.subcategorymenu, .iframeformat .facilitylist {width:680px;}
 .iframeformat .reserve_link {width:680px;}
.iframeformat div#rentalscategorypagetop {width:680px;}

.iframeformat table.maincaltbl {width:700px !important;}
.iframeformat td.calfillerday, .iframeformat td.calrealday {width:80px !important;}
.calfacilityselection { width:700px; }
.iframeformat hr.calpghr {width: 700px !important; }
.iframeformat h3.faccallimit {width:700px !important;}
.iframeformat form#frmAvail div {width:680px !important;}
.iframeformat div#paymentform {margin-left:10px;}

.iframeformat div.subcategorymenu { width:690px !important;}
.iframeformat table.availablecategory, .iframeformat table.availablerentals  { width:690px !important;}
.iframeformat td.availabledatecolumn {width:400px !important;}
.iframeformat table#summaryterms { width:690px !important;}

/*.iframeformat fieldset legend, .iframeformat .fieldset_classes legend {color: #4b918b;}*/


.iframeformat .searchMenuDiv 
{
    position: absolute;
}

.iframeformat .iframenavbutton
{
	font-size:12px;
	float: left;
    margin: 1px 10px 1px 1px;
    padding: 2px 0px 2px 4px;
	border: 1pt solid #808080;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
    cursor: pointer;
}

.iframeformat .searchBoxText 
{
	width: 100px;
    background: #ffffff url('./../images/search.jpg') no-repeat 98% center;
}

.iframeformat .searchBox
{
	display: block;
    position: absolute;
    float: right;
    margin-top: 20px;
}

.iframeformat .classesSearchBox 
{
    position: relative;
    float: right;
    z-index: 1001;
    white-space: nowrap;
    /* margin: 0px 10px 0 0; */
    margin: 0px;
    padding: 10px 5px 10px 5px;
	border: 1pt solid #808080;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
    background-color: #c0c0c0;
	text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 0.75em;  /* 12 / 16 */
    margin-left:-50px !important;
}

.iframeformat #datetagline, .iframeformat img.accountmenu, .iframeformat .title, .iframeformat div.main>font,
.iframeformat input.hideme, .iframeformat font.pagetitle, .iframeformat .featurename, .iframeformat .hdsp,
.iframeformat tr.fadeline
{display:none !important;}
.iframeformat  font.formtitle {font-size:18px;}



.iframeformat p.facilitydesc>b>a,
.iframeformat input[type="button"],
.iframeformat input[type="button"].actionbtn,
.iframeformat input[type="button"].button,
.iframeformat input[type="submit"],
.iframeformat #COMPLETE_PAYMENT, .iframeformat .complete_payment_btn,
.iframeformat #cartTable .cartTableRemoveButton
{
    height: 40px !important;
    margin: 0 !important;
    padding: .7em !important;
    border: 1px solid #3365a9 !important;
    color: #FFF !important;
    font-size: 14px !important;
    line-height: normal!important;
    background-color:#3365a9 !important;
    display:inline !important;
    border-radius:0 !important;
}

.iframeformat input[type="text"],
.iframeformat select
{
    margin: 0 !important;
    padding: .7em !important;
    border: 1px solid #ddd !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: normal!important;
    background: none !important;
}
.iframeformat select
{
	min-width:70px !important;
}
.iframeformat div.subcategorymenu
{
	background-color:#ccc;
}
.iframeformat form div.group
{
	border-top:none;
}
.iframeformat fieldset#reservationdetails legend
{
	text-align:center !important;
}
.iframeformat div#paymentform
{
	margin:0;
	padding:0;
}
.iframeformat div[align="center"],
.iframeformat div.group#paymentform
{
	width:99% !important;
}

/* end for add iframe */