/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0;
	font: 100%/100% Verdana, Arial, Helvetica, sans-serif;}
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0;	padding: 0;}
/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}
/* Form field text-scaling */
input, select, textarea {font-size: 100%;}

/* Miscellaneous conveniences: */
form label {cursor: pointer;}
a img {border: none; }
input {margin-bottom: 1px;}
/* turned off following line to keep CAA menu looking right. Apply these styles to a specifc ul if needed */
/* ul {padding-left: 14px; list-style-position: inside; text-indent: -14px;} */ 

/* Site dependent values follow */

p, li, td 	{font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
p {line-height:16px;}
.checklist	{font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-left:10px;}
.clear {height:1px; font-size:1px; float:none; clear:both;}

/* Page geometry */
body {background-color: white; text-align: center;}
#LairDump {text-align: left; display:none;}
#LairDump p {margin-bottom: 0px; font-weight:bold;}

#HeaderOuter {width:100%; height: 120px; border-bottom: 8px solid #003478;}
#HeaderInner {width:100%; min-width:950px; max-width:1100px; height:120px; margin: 0px auto 0px auto; padding:0 15px;}
#HeaderInnerNarrow {display:none; width:100%; height:120px; margin: 0px auto 0px auto;}
.HeaderLink {width:11%; max-width:200px; float:left; font-size: 15px; font-family: Arial; font-weight: bold; padding-top: 80px; }
.HeaderLink a {text-decoration:none !important; color:#003478 !important;}
.HeaderLinkI {width:11%; max-width:200px; min-width:120px; float:left; padding-top: 0px; margin: 0px auto 0px auto;}
.HeaderLinkI img {max-width: 120px;}
.HeaderLinkNarrowI {width:11%; max-width:200px; min-width:120px; padding-top: 0px; margin: 0px auto 0px auto;}
.HeaderLinkNarrowI img {max-width: 120px;}
.HeaderLinkHamburger {position: absolute; top:15px; left: 15px; cursor: pointer;}
#HamburgerMenu {position: absolute; top:0px; left:0px; width:150px; display:none; border:5px grey; text-align: left; 
	padding: 10px; background-color:#f1f2f6; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
#HamburgerMenuLinks {padding: 5px 10px 0px 10px;}
#HamburgerMenuLinks a {text-decoration:none !important; color:#003478 !important; font-size: 13px; line-height: 140%;
	font-family: Arial; font-weight: bold; }

#HeaderLogo {float:left; margin:10px 5px; width: 160px;}
#HeaderWelcome {float:right; margin-top:60px; margin-right:100px; width: 40%; max-width: 400px;}

#CAANavOuter {width:100%; height: 40px; background-color:#f2a900;}
#CAANavInner {width:100%; min-width:750px; max-width:950px; height: 40px; margin: 0px auto 0px auto;
	background-color:#f2a900;}
#CAAMenu {list-style-type:none;	margin:0; padding:0; height:30px; background-color:#f2a900; font-size:14px; width:100%;}
#CAAMenu li {float:left;  height:40px;  line-height:40px; margin-left: 0px;}  
#CAAMenu li a {display:block; padding:0 15px; color:#003a70;  text-decoration:none;}  
#CAAMenu li a:hover {background-color:#4f758b; color: white; text-decoration:none; }

#BodyBox {width:100%; min-width:750px; max-width:950px; text-align: left; margin: 18px auto 8px auto;}
#LeftNavBox	{float: left; font-size: 16px; font-weight: bold; font-family: Arial; color:#666666;
	margin: 0px 10px 0px 10px; text-align: left;}
#LeftNavLinksBox {width:120px; min-height: 100px; padding-left: 5px; margin-top:15px;
	background-color: #f1f2f6; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
#LeftNavLinksName {color:red; font-weight:bold; font-size: 13px; line-height: 20px; white-space:nowrap;}
#LeftNavLinksBox a {text-decoration: none; color:#003478; font-weight:bold; font-size:12px; line-height:24px;}
#LeftNavLinksBox a:hover {text-decoration: underline; color:darkblue;}
#LeftNavFAQBox {width: 120px; padding-left: 5px; margin: 20px 0px 15px 0px; 
	background-color: #f1f2f6; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
#LeftNavFAQBox a {text-decoration: none; color:#003478; font-weight:bold; font-size:12px; line-height:24px;}
#LeftNavFAQBox a:hover {text-decoration: underline; color:darkblue;}
#CopyBox {float: left; width: calc(100% - 170px); margin-left:20px; }

#FooterOuter {width:100%; height: 22px; background-color:white;}
#FooterInner {width:100%; min-width:750px; max-width:950px; font-family:Arial; margin: 0px auto 0px auto;
	background-color: #003478; text-align:left; height: 22px;}
#FooterLinks	{padding-top: 2px;}
#FooterLinks li {display: inline; list-style-type:none; text-align: left; margin-left: 0px;}
#FooterLinks li a {font-size:10px; color: white; text-decoration: none; padding:0px 10px 0px 10px;}
#FooterCopy {text-align: right; float:right; font-size:10px; color:white; font-family: Arial; padding: 4px 15px 0px 0px;}
#FooterCopy a {color:white; text-decoration:none;}

.tooltip {position:relative;  display:inline-block;}
/* use with the blue info bubbles  */
.tooltip .tooltiptext {visibility:hidden;  width:300px;  background-color:yellow;  color:black;  
	text-align:left;  border: 1px black solid; font-size:10px; padding:3px;  position:absolute;  
	z-index:1;  top:18px;  left:105%;}
.tooltip:hover .tooltiptext {visibility: visible;}
/* use with hints for graphic buttons of x and plus */
.tooltip .hint {visibility:hidden;  width:30px;  background-color:white;  color:black;  
	text-align:left;  border: 1px black solid; font-size:10px; padding:3px;  position:absolute;  
	z-index:1;  top:18px;  left:105%;}
.tooltip:hover .hint {visibility: visible;}

.tentlist {position:relative;  display:block}
.tentlisttext {width:340px;  background-color:yellow;  color:black;  line-height: 100%;
	text-align:left;  border: 1px black solid; font-size:10px; padding:3px 5px;  position:absolute;  
	z-index:1;  top:0;  left:0; margin:0; display:none;}
.tentlist:hover .tentlisttext {visibility: visible;}

@media screen and (min-width: 970px ) {
  #HeaderInner {display:block;}
  #HeaderInnerNarrow {display:none;}
}
@media screen and (max-width: 970px ) {
  #HeaderInner {display:none;}
  #HeaderInnerNarrow {display:block;}
}

/* Page specfic CSS */	
#WorkingContainer {position: relative; height: 35px;}
#WorkingButtons {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#WorkingGraphic {display:none; position:absolute; left:0; top:0; height: 50px; width: 300px;
	border-width: 1px; border-style:outset; border-color:#666666; background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; line-height:20px;}
#EmphasisContainer 	{width: 100%; max-width: 600px; padding: 10px;
	border-width: 1px; border-style:outset; border-color:#666666; background-color:#FFFFFF;
	text-align:left; line-height:20px;}
	
.PublicTitle {font-size: 16px; font-weight:bold; font-family: Arial; color:#003478; margin: 0px 0px 13px 0px;}
.AdminTitle {font-size: 14px; font-weight:bold; font-family: Verdana; color:#003478; margin: 0px; padding: 8px 0px 5px 0px;}
.subtitle {font-size: 14px; font-weight: bold; margin: 15px 0px 3px 0px;font-family: Verdana; color:#003399;}
.smallprint {font-size: 9px; vertical-align: baseline; line-height: 14px;}

/* try to maintain consistent button look and performance across all browsers  */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {border: 0px; padding: 0px;}
.FullButton, .AjaxButton {font-size: 13px; font-family: Arial; color:#003399; font-weight: bold; 
	padding: 2px 4px 2px 4px; margin: 0px 2px 0px 0px; width: auto; overflow: visible; 
	border-radius: 3px; cursor: pointer; outline:none;}
.RowButton {font-size: 9px; font-family: Verdana; color:#003399; font-weight: bold; 
	padding: 1px 4px 1px 4px; margin: 0px; width: auto; overflow: visible;border-radius: 2px; 
	cursor: pointer; outline:none;}
/* Try to convert to these button styles below, over time */
.Button {background-color: #003478; border: none; color: white; padding: 4px 8px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 13px; border-radius: 8px; margin: 2px 2px 0px 0px;}
.Button:hover {color:yellow; cursor:pointer; }
.ButtonDisabled {background-color: #003478; border: none; color: white; padding: 4px 8px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 13px; border-radius: 8px; margin: 2px 2px 0px 0px;
	opacity:0.4; cursor:inherit;}
.ButtonRow {background-color: #003478; border: none; color: white; padding: 3px 4px; text-align: center; 
	text-decoration: none; display: inline-block; font-size: 11px; border-radius: 4px; margin: 0px 2px 0px 0px;}
.ButtonRow:hover {color:yellow; cursor:pointer; }

.formerror {color:#FF0000; font-weight: bold;font-size: 13px; max-width:600px;}
.EMailBody {font-size: 13px; background-color: #ffffff; padding: 3px; line-height: 15px;}

.AddProfileTab {margin: 0px; padding: 0px;}
.AddProfileTab tr {margin: 0px; padding: 0px;}
.AddProfileTab td {margin: 0px; padding: 0px; vertical-align: bottom; height:22px; line-height:17px;}

.ChangeDurationTab {margin: 0px; padding: 0px;}
.ChangeDurationTab tr {margin: 0px; padding: 0px;}
.ChangeDurationTab td {margin: 0px; padding: 0px; vertical-align: bottom; height:22px; line-height:17px;}

.ScheduleRow {font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 3px;}
.ScheduleCell {display:table-cell; vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.ScheduleCell input[type=text] {font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 57px;}
.ScheduleCell textarea {height:30px; width:500px;}
	
.AdminTable {border-collapse:collapse; border-color:#999999; margin:12px 0px 0px 0px; border-width: 0px 0px 1px 1px; 
	border-style:solid; border-spacing:0px;}
.AdminTable td {padding: 2px 4px 2px 5px; border-color:#999999; font-family:Arial; border-width: 1px 1px 0px 0px; height: 26px;
border-style:solid; }

.LogTable {border-collapse:collapse;}
.LogTable td {height: 18px; padding-top: 2px;}
	
.BookingData {margin: 0px 0px 5px 0px; padding: 0px;}
.BookingData tr {margin: 0px; padding: 0px;}
.BookingData td {margin: 0px; padding: 0px; vertical-align: top;}
.BookingSubHead {line-height: 22px;font-weight: bold;}
.BookingData p {padding:1px 0px;}

.CamperInBox {font-size:11px; height: 12px; margin-right:2px;}
.CamperCheckbox {margin: 1px solid blue; }
.CamperHead {font-size: 11px; font-weight: bold; height:25px;}
.CamperRequirement {margin: 5px 0px 2px 5px;}

#CamperPolicies {border: 1px black solid; width: calc(100% - 50px); padding:0px 10px 0px 10px;}
#CamperPolicies ol {padding-left:12px;}
#CamperPolicies ol li {padding-bottom: 6px;}
#CamperPolicies ol li ul {margin: 0px;}
#CamperPolicies ol li ul li {padding-bottom: 0px;}
#CancelWarning {border: 1px black solid; width: calc(100% - 50px); padding:8px;}

.InBox	{font-size: 13px; padding: 0px 2px 0px 2px; margin: 0px; }
.InBoxRO {font-size: 13px; padding: 0px 2px 0px 2px; margin: 0px; background-color: #CDCDCD; }
.InBoxR	{font-size: 13px; padding: 0px 2px 0px 2px; margin: 0px; text-align:right}
.InDrop	{font-size: 13px; padding: 0px 1px 0px 1px; margin: 0px;}
	
.ProfileBoxTab {width: 600px; border-collapse:collapse; margin:3px;}

.PTable {display:table; font-family:Verdana; font-size:12px; margin: 5px; padding: 0px;}
.PRow {display:table-row;}
.PCell {display:table-cell; padding: 0px 5px; line-height:18px; font-family:Verdana; font-size:12px;}
.Plink {display: block; position: relative; left:0; top:0; width: 100%; height: 100%; z-index:5; 
	text-decoration: none !important;}
.Plink:hover {background-color:yellow; color:black; }

.SSTent {padding: 4px 12px; text-decoration: none; margin: 4px 2px; cursor: pointer;}
  
.InfoBlock {border-style: solid; border-color: #003399; border-width: 1px; width: 660px;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px;}
.InfoBlock td {padding: 1px;}

/* View Inventory styles */
.InvBooked {border-style: solid; border-color:#003399; border-width: 1px; background-color:#FFFF00;
	width: 100px; min-height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 7px;}
.InvShortStay {border-style: solid; border-color:#003399; border-width: 1px; background-color:#FFFAA0;
	width: 100px; min-height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 7px;}
.InvOpen {border-style: solid; border-color: #003399; border-width: 1px; background-color:#a8cefc;
	width: 100px; min-height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 7px;}
.InvHold {border-style: solid; border-color: #003399; border-width: 1px; background-color:#fd82a1;
	width: 100px; min-height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 7px;}
.ViewInvText {font-size: 11px; line-height:100%;}
.ViewInvAjax {position: absolute; display:none; z-index:5; width: 100px; text-align:center;}
.ViewInvLinks {font-size: 10px; line-height:100%; height:13px; margin:4px 0px 0px 0px;}
.PubInvBooked {border-style: solid; border-color:#003399; border-width: 1px; background-color:#BBBBBB;
	width: 100px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 5px; 
	color:#888888;}
.PubInvOpen {border-style: solid; border-color: #003399; border-width: 1px; background-color:#a8cefc;
	width: 100px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 5px;}
.PubInvOpenLink {}
a:link.PubInvOpenLink	{text-decoration:none; color:#100778;}
a:visited.PubInvOpenLink	{text-decoration:none; color:#100778;}
a:hover.PubInvOpenLink	{text-decoration:none; color: #C700FF; font-weight:bold; cursor:pointer; }

.RecPageHead {margin: 10px 0px 0px 20px; text-align:left; font-weight:bold; width: 470px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.RecMain {border-style: solid; border-color: #003399; border-width: 1px; width: 470px; text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 10px; }
.RecHead {padding: 10px 0 10px 0; border-bottom: 1px solid #888;}
.RecInvoice {width: 110px; margin-left: 10px; float: left;}
.RecDate {width: 130px; float: left;}
.RecOutlet {width: 200px; float: left;}
.RecLine {padding: 2px 0 2px 0; border-bottom: 1px solid #ccc;}	
.RecLineQuantity {width: 40px; margin-left: 10px; float: left;}
.RecLineName {width: 350px; float: left;}
.RecLineTotalPrice {width: 60px; float: left; text-align:right;}
.RecTotalLine {}
.RecTotalLinePad {width: 110px; float:left;}
.RecTotalLineName {width: 290px; float:left; padding: 2px 0 2px 0; border-bottom: 1px solid #ccc;}
.RecTotalLineAmount {width: 60px; float:left; text-align:right; padding: 2px 0 2px 0; border-bottom: 1px solid #ccc;}
.RecErrorLine {margin: 10px 0px 0px 20px; text-align:left; width: 600px;}
.RecFoot {padding: 10px 0 5px 0; margin-left: 10px; font-style:italic;}

.StatementTable {width: 720px; padding: 0; margin: 0; border:none; border-left: 1px solid;}
td.Statement {font-weight:bold; border-right: 1px solid; border-bottom: 1px solid; border-top: 1px solid; 
	border-color: #003399;  padding: 4px 6px 4px 6px;}
td.StatementTotal {
	border-color: #003399;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: none;
	padding: 4px 6px 4px 6px;}
td.Statement, td.StatementTotal, .StatementTable {border-color: #003399; background: #f6f6f6;}
td.Statement, td.StatementTotal {background: #d8d8d8 ;}
td.StatementEvenRow {border-right: 1px solid; border-bottom: 1px solid; 
	padding: 4px 6px 4px 6px; background: #eeeeee ;border-color: #003399;}
td.StatementOddRow {border-right: 1px solid; border-bottom: 1px solid; 
	padding: 4px 6px 4px 6px; background: #ffffff ;border-color: #003399;}

td.VBRTable {font-size:11px; padding-right: 3px;}

a:link	{color: #100778; text-decoration: underline;}
a:visited	{color: #100778; text-decoration: underline;}
a:hover	{color: #C700FF; text-decoration: underline;}

.PopText {}
a:link.PopText	{text-decoration:none; color:#000000;}
a:visited.PopText {text-decoration:none; color:#000000;}
a:hover.PopText {text-decoration:none; color:#000000;}
.olbg {padding:1px; background-color:#000000;} 
.olfg {padding:3px; background-color:#ffff66; text-align:left;}

/* New styles ro support revised ColdFusion user interfaces */
.ATable {display:table; border:1px solid #003478; font-family:Verdana; font-size:13px; margin: 5px; padding: 0px;
	min-width: 250px; max-width:500px;}
.ARow {display:table-row;}
.ARowSelected {display:table-row; background-color:yellow; z-index:10;}
.ARowSub {display:table-row; background-color:white}
.ACell {display:table-cell; padding: 0px 5px; line-height:19px; font-family:Verdana; font-size:13px;}
.ACell p {margin: 0px; font-family:Verdana; font-size:13px;}
.ACell td {font-family:Verdana; font-size:13px;}
.ACell input[type=text] {height: 18px; margin: 1px; padding: 1px; box-sizing: border-box; }
.ACell input[type=radio] {height: 18px; margin: 1px; padding: 1px; box-sizing: border-box; }
.ACell input[type=checkbox] {margin: 1px; padding: 1px;}
.Alink {display: block; position: relative; left:0; top:0; width: 100%; height: 100%; z-index:5; 
	text-decoration: none !important;}
.Alink:hover {background-color:yellow; color:black; }

.Modal-Header {padding: 6px 6px; font-size:13px; font-weight:bold; background-color: #003478; color: white; text-align:left;}
/* The + Button */
.Modal-Add, .Modal-Close {float: right; font-size: 24px; font-weight: bold; line-height: 12px;}
.Modal-Edit {float: right; font-size: 13px; font-weight: bold;}
.Modal-Add:hover, .Modal-Add:focus, .Modal-Close:hover, .Modal-Close:focus, .Modal-Edit:hover, .Modal-Edit:focus {color: yellow; text-decoration: none; cursor: pointer;}

#Form-Errors {display: none; overflow: auto; background-color: #FFDDDD; border: 1px solid #FF2323; 
	padding: 0px 10px 0px 10px; margin-bottom: 10px; width: 80%}
#Form-Errors p {margin-top: 8px;}	
#Form-Errors ul {margin-top: 8px; margin-bottom: 8px;}
#Modal-Update-Errors, #Modal-Add-Errors, #Modal-Select-Errors, #New-Form-Errors, #Add-Form-Errors 
	{display: none; overflow: auto; background-color: #FFDDDD;
	border: 1px solid #FF2323; padding: 0 8px; margin: 6px 6px 10px 6px; max-width: 500px;}
#Modal-Update-Errors label, #Modal-Add-Errors label, #Modal-Select-Errors label, #New-Form-Errors label, #Add-Form-Errors label, #Form-Errors label
	{float: none; width: auto;}
#Modal-Update-Errors p, #Modal-Add-Errors p, #Modal-Select-Errors p, #New-Form-Errors p, #Add-Form-Errors p, #Form-Errors p, #Form-Errors li,
#Modal-Update-Errors li, #Modal-Add-Errors li, #Modal-Select-Errors li, #New-Form-Errors li, #Add-Form-Errors li
	{font-family:Verdana; font-size:13px;}
input.error {border: 1px solid #FF2323; }
#PleaseWait {width: 200px; display:none; text-align: center; float: left;}

/* jQuery Date picker overrides */
div.ui-datepicker{font-size:60%;}
.ui-datepicker-header {background-color: green;}
/*jQuery colorbox window styles */
#WindowBody {text-align: left;}