
<style type="text/css">
@charset "utf-8";
/* CSS Document */




div {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}

/* ------- CSS RESEST ------- */
	html, body, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, hgroup, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	hgroup, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
/** END CSS RESEST
 */
 
/* --------- FONTS --------- */

strong, b {
	font-weight: bold;
}

i, em {
	font-style: italic;
}
 
/* ------- GLOBAL ------- */
 
 body {
 background-color:#ffffff;
 font-family:'Open Sans', sans-serif, Helvetica, Arial;
 font-style: normal;
 font-weight: normal;
 color:#000000; 
	}
  
 h2{
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
 }
 
 #calendar a:hover,#content a:link,#content a:visited,#content a:active {
 	color: #000000;
  text-decoration: underline;
 }
 
 
 
#calendar #submit-btn, #contentForm #submit-btn {
  font-size: 12px;
  background: #003868;
  color: #ffffff;
	width: 210px;
	display: inline-block;
	text-align: center;
  vertical-align:middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
  border: 5px;
	margin-top:15px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
  cursor: pointer;
}

#content #submit-btn:hover, #contentForm #submit-btn {
	color: #ffffff;
  background: #2487bf;
}
 
 
 
 
 p{
	 padding-bottom:10px;
   font-size: 12px;
	 line-height: 125%;
	 margin-bottom: 0px;
   font-weight:normal;
 }
 .blue{
	 background-color: #003868;
	 color: #fff;
 }
 .green{
	color:#78ab25; 
	font-weight:600;
 }
 .left{
	float:left; 
 }
 .right{
	float:right;
	padding-right:10px; 
 }
 .clear{
	clear:both; 
 }
 .bold{
	font-weight:bold !important; 
 }
 
	td {
		border:0px;
		padding:5px;
		font-size: 12px;
    font-family:'Open Sans', sans-serif, Helvetica, Arial;
	}

 /* ------ CONTENT WRAPPER ------ */
 
  p.error {
   font-size: 1.2em;
   font-weight: bold;
   color: #990000;
 }
 
 .content-wrapper {
 background-color: #ffffff;
 margin: 0 auto;
 height: auto;
 padding: 1em 1em 0 1em;
}
#content {
background-color: #ffffff;
 height: auto;
 margin: 0 auto;
 padding: 20px 10px 30px 10px;
 clear:both;
 width: 1200px;
 max-width:100%;
 box-sizing:border-box;
 font-size: 12px;
}
 
 /* ------ CALENDAR PAGE ------ */
 #top-date-selector{
	padding-top:15px; 
 }
 #orderdate_ID_Link{
	float:left;
	margin:-3px 0 0 5px;
 }
 #calendar{
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	padding-top:10px;
 }

 #calendar .calendar-header{
	background-color:#003868;
  border:1px solid #fff;
 }
 
 .calendar-title{
	 vertical-align:middle;
	 padding-left:16px;
	 color:#fff;
	 font-weight:bold;
 }	
 #calendar .calendar-sub-header{
	 background-color:#2487bf;
	 color:#ffffff;
	 height:14px;
	 border:1px solid #fff;
 }

 .calendar-sub-header td{
    border:1px solid #fff;
	height:14px;
	vertical-align:middle;
	text-align:center;
 }
 .calendar-date{
	 background-color:#d6d6d6;
 }
 .calendar-date td{
	height:88px;
	width:88px; 
    border:1px solid #fff;
 }
 #calendar .calendar-footer{
	background-color:#003868;
	height:30px;
 }

 .prev{
	float:left;
	color:#fff;
	vertical-align:middle;
	padding:5px 0 0 5px;
 }

 .next{
	float:right;
	color:#fff; 
	vertical-align:middle;
	padding:5px 5px 0 0px;
 }



tr.calendar-row td.description {
	padding: 0px 6px 0px 10px;
	text-align: left;
	background-color: #3498D8;
	border: solid 1px #fff;
	color:#FFFFFF;
  font-weight: bold;
  vertical-align:middle;
}

tr.calendar-row span.fa { 
	color: #FFFFFF;
}

tr.calendar-row span.fa:hover {
	color: #2487bf;
}

#content tr.calendar-row td.available, tr.calendar-row td.available a {
	padding: 0px 6px 0px 6px;
  text-align: center;
	background-color: #3498D8;
	border: solid 1px #ffffff;
	color:#FFFFFF;
  line-height:48px;
}

tr.calendar-row td.soldout {
	padding: 0px 6px 0px 6px;
  text-align: center;
	background-color: #023666;
	border: solid 1px #ffffff;
	color: #99ccff;
  line-height:48px;
}

a.calendar {
	display: inline-table;
	margin-top: 4px;
}

input.calendar {
	width: 80px;
	padding: 0 5px;
}

input.calendar_button {
	margin-left: 25px;
}

.ui-datepicker-trigger {
	display: inline-block;
	margin-top: 2px;
	position: absolute;
	margin-left: 6px;
}

#content tr.calendar-row td.available a:hover {
	background-color: #2487bf;
}

#content tr.calendar-row td.available:hover a {
	color: #ffffff;
} 


/* ------ OPTIONS PAGE ------ */


.table-header{
	height:40px;
	width:100%;
  background-color: #00698C;
}
	.table-header h3{
    color: #FFFFFF;
    font-weight: bold;
		padding:15px 0px 0px 10px;	
	}
.options-table{
	padding-top:20px;
	background-color:#cccccc;
}
	.options-table tr{
	}
	.options-table td{
		border:0px solid #fff;
		padding:5px;
		font-size: 12px;
    font-family:'Open Sans', sans-serif, Helvetica, Arial;
	}
	.options-table .table-top{
		background-color:#2487bf;
		color:#ffffff;
		font-size:16px;
	}
  
	.options-table .table-body{
		background-color:#3498D8;
		color:#FFFFFF;
		font-size:16px;
	}
  
	.options-table #submit-btn{
		background-color: #78AB25;
		width: 80px;
		height: 25px;
		display: block;
		text-align: center;
		line-height: 24px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;	
		float:right;
		margin-top:15px;
	}
	.options-table #submit-btn a{
		text-decoration: none;
		color: #FFF;
		font-weight: 600;
	}
	
#complete-reservation{
	
}
	#complete-reservation h2{
		font-family:'Open Sans', sans-serif, Helvetica, Arial;
		padding-top:2px;
    padding-bottom:5px;
	}

#reservation {
	margin-top: 10px;
}

#reservation #submit-btn {
  font-size: 12px;
  background: #003868;
  color: #ffffff;
	width: 210px;
	display: inline-block;
	text-align: center;
  vertical-align:middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
  border: 5px;
	margin-top:15px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
  cursor: pointer;
}

#reservation #submit-btn:hover {
	color: #ffffff;
  background: #2487bf;
}

#reservation-info{
	width:100%;
	clear:both;
}
#reservation-info h3{
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color:#000000;
	font-size:16px;
	font-weight: bold;
	padding-bottom: 10px;
}
#reservation-info img{
	padding-right:5px;	
	margin-bottom:-10px;
	margin-top:-5px;
}

	#reservation-info input{
		width:80%;
		padding: 5px;
		margin-bottom: 10px;
		font-family:'Open Sans', sans-serif, Helvetica, Arial;

	}
	#reservation-info input[type="radio"] {
		width:3%;
	}
	#reservation-info label{
		font-weight: bold;
		padding: 5px 0 5px 0;
	}
	#reservation-info input[type="text"] {
		display: block;
	}	
  
	#reservation-info select {
		display: block;
    margin-bottom: 10px;
    height:32px;
	}	

	#reservation-info label.error {
		/*display: block; */
		float: left;
		color: #cc0000;
		margin-bottom: 10px;
	}
	#reservation-info .full{
		width: 85%;	
		float: left;
	}	
	#reservation-info .half{
		float: left;
		width: 	45%;
		margin-right:4%;
	}
	#reservation-info .third{
		float:left;
		width: 25%;	
		margin-right:2%
	}	

#term-info{
	width:100%;
	clear:both;
}
#general-info{
	float:left;
	width:50%;
}
#credit-card-info{
	float:left;
	width:50%;
}

#terms {
	background-color: #DDDDDD;
  width: 1200px;
  max-width:100%;
  height: auto;
  display: none;
  margin-top:6px;
  padding:0 8px 0 8px;
  box-sizing:border-box; 
}

#terms p {
	color: #000000;
 	font-size: 14px;
}

#terms h2 {
	font-family:'Open Sans', sans-serif, Helvetica, Arial;
	color: #000000;
 	font-size: 16px;
}

#terms	ol, ul {
		list-style-type: disc;
    padding-left:25px;
	}
  
#terms	li {
  padding: 0 0 12px 6px;
	color: #000000;
 	font-size: 14px;
	}

button.showpolicy {
		display:inline-block;
		font-size: 12px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #003868;
    color: #ffffff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
    cursor: pointer;
}

button.showpolicy:hover {
		color: #ffffff;
    background: #2487bf;
}

button.hidepolicy {
		display:inline-block;
		font-size: 12px;
    width: 120px;
    padding: 4px 0 4px 0;
    background: #003868;
    color: #ffffff;
    -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
		border-radius: 5px;
    border:5px;
  	cursor: pointer;
}

button.hidepolicy:hover {
		color: #ffffff;
    background: #2487bf;
}


/* ------ Thank You PAGE ------ */

#checkout{
}


/* ------ END THank You PAGE ------ */


h1.title {
	background: #00698C; 
	color: #FFFFFF; 
	font-weight: bold; 
	padding: 10px;
	margin:0;
	font-size:  16px;
}
  
  
  
#table-footer {
	background: #00698C; 
	color: #FFFFFF; 
	height:2.2em; 
	font-weight: bold;
}
  
#table-footer span.prev a, #table-footer span.next a {
	color: #FFFFFF;
	float: right; 
	vertical-align: middle;
	padding: 5px;
	text-decoration: none;
}

#table-footer span.prev a:hover, #table-footer span.next a:hover {
	text-decoration: underline;
}

#table-footer span.prev a {
	margin-left: 5px;
}

#table-footer span.next a {
	margin-right: 5px;
} 
  
.pinned table tr td {text-align: left; font-size: 12px;}
	img.right {width: 30px; height: auto; }
	

@media only screen and (max-width: 650px) {
	#general-info, #credit-card-info {float: none; width: 100%; padding: 0;}
	table.options-table tr td.blue {display: block; float: left; width: 164.5%; margin-bottom: 25px;}
	#reservation-info img.right {float: right; width: 30px; height: auto; display: inline-block; margin: 10px 0 0 0;}
	#reservation-info .full{		width: 95%;		}	
}

@media only screen and (max-width: 360px) {
	table.options-table tr td.blue {width: 169%; }
	#reservation-info img.right {float: right; width: 20px; height: auto; display: inline-block; margin: 5px 0 0 0; padding: 2px;}
}

@media only screen and (max-width: 320px) {
	table.options-table tr td.blue {width: 182.4%; }
}


/* Added 10/3/16 */


.options-table {
    table-layout: fixed;
}

div#nav {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

div#content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,.25);
    box-shadow: 5px 5px 5px 1px rgba(0,0,0,.25);
    margin: 25px auto;
}


div#options-table {
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px;
		border-radius: 5px;
    border-spacing: 0;
    }

div#complete-reservation {
    margin-top: 15px;
    width: 80%;
    margin-left: 10%;
}

#general-info, #credit-card-info {
    width: 100%;
    float: none;
    /* margin-left: 10%; */
    margin-bottom: 25px;
}

#reservation-info .half {
    width: 50%;
    margin-right: 0;
}
#reservation-info .full {
    width: 95%;
}
#reservation #submit-btn {
    margin-top: 30px;
}

h3.full {
    width: 91%!important;
}
#reservation-info .half.ExpMonthOuter {
    width: 135px;
}
select.full {
    width: 83%!important;
    padding-left: 5;
}


.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
}

.tooltip:hover .tooltiptext {
		visibility: visible;
}


@media only screen and (max-width: 650px) {
#reservation-info img.right {
    margin: 2px 0 0 0;
}
.options-table td {
    font-size: 9px;
}
.options-table textarea {
    width: 95%;
}
.options-table td:nth-child(4) {
    width: 10%!important;
}

.options-table td:nth-child(1) {
    width: 10%!important;
}
div.half select {
    width: 90%;
}
div#complete-reservation {
    width: 100%;
    margin-left: 0;
}
}


</style>
