@charset "utf-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.row:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.row {
    *zoom: 1;
}

/*
colors
beige        #d7cec7
dark gray    #565656
dark red     #76323f
tan          #c09f80
*/

html, body {
	height: 100%;
}

li ul li,
li ol li,
li p,
p ul li,
p ol li {
	font-size: 1em;
}

li.here {
	background-color: #FDFCD3;
}

#ulMainNav > li.here {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

li.here ul {
	background-color: #FDFCD3 !important;
}


li.here ul li.here {
	background-color: #f3ea98 !important;
}

footer p a:link,
footer p a:visited {
	color: #ffc600;
}

footer p a:hover,
footer p a:active {
	color: #fff;
}

.liTrip {
	text-indent: 10px;
}

.bigBox {
	height: 20px;
	width: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

.cancelForm {
	width: 600px;
	margin: 0 auto;
	background-color: #fff;
	padding: 75px 25px 25px 25px;
	border: 1px solid #333;
	border-radius: 8px;
	position: relative;
	top: 2em;
}

.resetForm { 
	width: 50%;
	max-width: 800px;
	margin: 1em auto;
	padding: 20px;
	box-sizing: content-box;
	border: none;
}

.resetForm fieldset {
	border-radius: 8px;
	padding-top: 20px;
}

.resetForm fieldset .form-group {
	width: 90%;
	margin: 1em 0;
}

.resetForm fieldset .form-group label {
	width: 100px;
	max-width: 35%;
	text-align: right;
	display: inline-block;
}

.resetForm fieldset .form-group input[type=text] {
	width: 60%;
}

.resetForm fieldset .form-group #buttonLogin {
	margin-left: 100px;
}


.divFontur {
	width: 90%;
	border: 1px solid #999;
	margin: 1em auto;
}

.divFontur div {
	padding: 0 20px 20px 20px;
}

.divFontur h3 {
	height: 30px;
	line-height: 30px;
	padding: 10px;
	background-color: #174d16;
	color: #ffc600;
	
}

table.tableFontur {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #999;
	border-top: 1px solid #999;		
}

table.tableFontur thead tr th,
table.tableFontur tbody tr td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;text-align: center;
}

table.tableFontur thead tr th {
	background-color: #E1FDEA;
}



.pTip {
	width: 60%;
	padding: 15px;
	border: 1px solid #666;
	border-radius: 8px;
	margin: 1em auto;
}

.pTip img {
	float: left;
	margin-right: 15px;
}

.pTip ul {
	display: block;
	float: left;
	width: 70%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pTip2 {
	width: 100%;
	padding: 15px;
	border: 1px solid #666;
	border-radius: 8px;
	margin: 0 auto 1em auto;
	background-color: #FDFCD3;
}

.pTip2 img {
	float: left;
	margin-right: 25px;
}

.pTip2 ul {
	display: block;
	float: left;
	width: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.h3Qsg {
	height: 30px;
	line-height: 30px;
	padding: 10px;
	background-color: #174d16;
	color: #ffc600;
	font-size: 30px;
}

.pageContent .agent p {
	font-size: 1em;
	line-height: 1em;
}

.agent {
	border-bottom: 1px solid #333;
	margin-top: 10px;
}

.agent:first-child {
	margin-top: 0;
}

.infoAgent h3 {
	text-indent: -15000px;
	background: #fff url(../img/agentTitle.gif) no-repeat top center;
	background-size: contain;
	width: 100%;
	min-height: 50px;
	margin: 0;
}

.imgAgent {
	width: 35%; 
	height: auto;
	float: left;
}

.infoAgent p {
	padding-left: 15px;
}

.infoAgent {
	width: 65%;
	float: left;
}

.agent p:last-child {
	clear: both;
}


body {
	background-color: #6ebee7;
	background-color: #fff;
	/*background: #d7cec7 url(../img/bg.jpg) no-repeat center 50px ;
	background-size: cover;
	
	*/
	font-family: 'Source Sans Pro', sans-serif;
}

footer {
	width: 100%;
	padding: 40px;
	text-align: center;
	background-color: #222;
	color: #fff;
	box-sizing: border-box;
}

footer p {
	color: #fff;
	font-size: 1.3em;
}


.nextTask {
	text-align: center;
	display: block;
	margin-top: 1em;
	padding-top: 20px;
}

.next {
	font-size: 2em;
	font-weight: 700;
	border-radius: 4px;
	background-color: #ad8800;
	color: #fff;
	padding: 15px;
	float: right;
	clear: both;
	text-decoration: none;
}

.next:hover {
	background-color: #174d16;
}

.prev {
	font-size: 2em;
	font-weight: 700;
	border-radius: 4px;
	background-color: #ad8800;
	color: #fff;
	padding: 15px;
	float: left;
	text-decoration: none;
}

.prev:hover {
	background-color: #174d16;
}

.pageNav .next,
.pageNav .prev,
.nextTask .next,
.nextTask .prev {
	clear: none;
	background-color: #174d16;
}

.nextTask .next,
.nextTask .prev {
	float: none;
}

.pageNav .next:hover,
.pageNav .prev:hover,
.nextTask .next:hover,
.nextTask .prev:hover{
	clear: none;
	background-color: #ad8800;
}


.action {
	font-size: 2em;
	font-weight: 700;
	border-radius: 4px;
	background-color: #484D80;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.2em;
}

.action:hover {
	background-color: #5399BB;
}



#infoTable { 
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin: 1em 0;
}

#infoTable td,
#infoTable th {
	width: 33%;
	box-sizing: border-box;
	padding: 10px;
}

#infoTable td:nth-child(1),
#infoTable th:nth-child(1) {
	background-color: #dfebf7;
}

#infoTable td:nth-child(2),
#infoTable th:nth-child(2) {
	background-color: #fff3cc;
}

#infoTable td:nth-child(3),
#infoTable th:nth-child(3) {
	background-color: #ebd7e1;
}

.modalOnly {
	display: none;
}

#foo .modalPage {
	width: 800px;
	max-width: 90%;
	background: #fff;
	padding: 25px 25px 65px 25px;
	margin: 2em auto;
	position: relative;
}

#foo .modalPage .modalOnly {
	display: block;
}

.highlighter {
	margin: 1em 0;
	padding: 15px;
	border: 3px solid orange;
	border-radius: 8px;
}

.pageContent {
	max-width: 1000px;
	margin: 0 auto;
}

.pageContent p {
	line-height: 1.2em;
	font-size: 1.2em;
}

.pageContent table {
	margin-bottom: 1.5em;
}

.pageContent table tr td,
.pageContent table tr th {
	padding: 5px;
	color: #565656;
	line-height: 1.2em;
	font-size: 1.2em;
}

li {
	color: #565656;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: .5em;
}

.pageContent table tr td {
	font-weight: 300;
}

.redBold {
	font-weight: 900;
	color: #cc0000; 
	text-transform: uppercase;
	letter-spacing: .01em;
	word-spacing: .2em;
}

.red {
	color: #cc0000; 
}

.checklist thead tr th {
	background-color: #2D3786;
	color: #fff;
}

.checklist tr th,
.checklist tr td {
	vertical-align: top;
}

.checklist tr:nth-child(odd) td {
	background-color: #DDFEFF;
}

.checklist tr.highlight td {
	background-color: #F0F46D;
	border-bottom: 1px solid #000;
}

.imgRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 1em;
}

.imgLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 1em;
}

#h1Logo {
	background: url(../img/logo.png) no-repeat top left;
	height: 89px;
	width: 550px;
	text-indent: -12000px;
}

.leftMenu h4 { 
	margin-bottom: 0;
}

.sideNav > ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.sideToggle {
	display: none;
}

.sideNav ul li ul {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	border-top: 1px solid #666;
}

.sideNav ul li ul li {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 14px;
	margin-bottom: 0;
	width: auto;
	
}

.sideNav ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	padding: 5px 20px;
	box-sizing: border-box;
	font-weight: bold;
}

.sideNav > ul > li.sideSubMenu > a:link, 
.sideNav > ul > li.sideSubMenu > a:visited {
	background-color: #fff;
	color: #000;
}

.sideNav ul li a:link,
.sideNav ul li a:visited {
	background-color: #f7dada;
	color: #000;
}


.sideNav ul li a:hover,
.sideNav ul li a:active {
	background-color: #fff;
	color: #000;
}

.sideNav ul li a.here:link,
.sideNav ul li a.here:visited {
	background-color: #fff !important;
	color: #007C30 !important;
}

.sideNav ul.nonReq li a:link,
.sideNav ul.nonReq li a:visited {
	background-color: #fff;
	color: #000;
}

.sideNav ul.nonReq li a:hover,
.sideNav ul.nonReq li a:active {
	background-color: #e1f9d5;
	color: #000;
}


.sideNav ul.nonReq li a.here:link,
.sideNav ul.nonReq li a.here:visited {
	background-color: #fff !important;
	color: #007C30 !important;
}

.sideNav ul li.good a:link,
.sideNav ul li.good a:visited {
	color: green;
	background-color: #d4f0d0;
}



.sideNav ul li.good a:after {
	content: "✔";
}

.numbering {
	color: #666;
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 15px 0;
}

.pageNav {
	position: relative;
}


.note {
	padding: 20px;
	background-color: #FDFCD3;
	border: 2px solid #8B0305;
	border-radius: 8px;
	margin-bottom: 1.2em;
}

.note p:last-child {
	margin-bottom: 0;
}

#menuToggle,
#sideToggle {
	display: none;
}

.form .divFormRow p label {
	width: 120px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}

#ptQuestionnaireForm.form .divFormRow p label {
	width: 95% !important;
	display: inline-block;
	margin: 0;
	text-align: left;
}


#ptQuestionnaireForm .divFormRow {
	margin-bottom: 1em;
}

#ptQuestionnaireForm div.rating label {
	margin-left: 5px;
	margin-bottom:  .5em;
	 display: inline-block;
	 width: auto !important;
} 

#ptQuestionnaireForm div.rating span {
	display: inline-block;
	margin-right: 5%;
}

#ptQuestionnaireForm div.rating span:last-child {
	margin-right: 0;
}

#ptQuestionnaireForm div.rating input[type=radio] {
	
}

#ptQuestionnaireForm div.rating input[type=radio]:last-child {
	
}

#ptQuestionnaireForm div.rating {
	margin-bottom: 1em;
}

.form .divFormRow textarea {
	width: 100%;
	margin-bottom: 1em;
}

.form fieldset {
	margin-bottom: 1.5em;
	border-radius: 4px;
	padding: 20px;
}

.form fieldset legend {
	font-size: 1.4em;
}


.form input[type=submit] {
	font-size: 2em;
	font-weight: 700;
	border-radius: 4px;
	border: 2px solid #ad8800;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	background-color: #174d16;
	margin-bottom: 1em;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	background-color: #d7cec7;
}

body.editEvent {
	padding-top: 140px;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, li {
	margin-top:0;
}

p {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 300;
	color: #565656;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Bitter', serif; */
}

h1 {
	border-bottom: 1px solid #000;
	color: #565656;
	font-weight: 900;
	font-size: 2.5em;
	margin-bottom: 0;
}

h1#h1Logo {
	border-bottom: none;
}


section.faq {
	padding: 20px;
	border: 2px solid #333;
	border-radius: 8px;
	margin-bottom: 1.2em;
	width: 90%;
	margin: 1em auto;
}

.linkList{
	text-align: center;
}

#faq > h3 {
	border-bottom: none;
	font-size: 1.5em;
	color: #565656;
	font-weight: 900;
	margin-top: 2em;
}

section.faq h1 {
	margin-bottom: 1em;
	border-bottom: none;
	font-size: 1.2em;
}

section.faq p {
	line-height: 1.3em;
}

.page {
	max-width: 95%;
	margin: 0 auto;
}

header {
	height: 250px;
	width: 100%;
	background: url(../img/bg-aad.jpg) no-repeat top center;
	position: relative;
}

header.bwe {
	background: url(../img/bg-bwe.jpg) no-repeat top center;
}

header.ffb {
	background: url(../img/bg-ffb.jpg) no-repeat top center;
}

header.msl {
	background: url(../img/bg-msl.jpg) no-repeat top center;
}

header.ex {
	background: url(../img/bg-ex.jpg) no-repeat top center;
}

header.bfh {
	background: url(../img/bg-aad.jpg) no-repeat top center;
}

header.aad {
	background: url(../img/bg-aad.jpg) no-repeat top center;
}

header.he {
	background: url(../img/bg-he.jpg) no-repeat top center;
}

nav {
	width: 100%;
	padding: 0;
	display:block;
	left:  0;
	z-index: 1002;
	border-bottom: 1px solid #000;

	margin: 0;

	height: 50px;
	
}

.actionTable {
	width: 100%;border: 3px solid #000;
}

.actionTable thead tr th {
	text-align: left; 
}

.actionTable td {
	border-bottom: 2px solid #fff;
}

.actionTable tr:last-child td {
	border-bottom: none;
}

.actionTable tr.alert td {
	background-color: #FBD2D3;
}

.actionTable tr.good td {
	background-color: #E1FDEA;
}

.actionTable tr.yellow td {
	background-color: #EBD794;
}


/* Menu Positioning */

		.menuToggle {
			display: none;
		}

		/* Menu Positioning */
		#ulMainNav, #ulMainNav ul { /* all lists */ 
			padding: 0; 
			list-style: none; 
			line-height:25px;
			height:50px;
			overflow: visible; 
			z-index: 10000; 
			box-sizing: border-box; 
			position:relative;
			width: 1000px;
			margin: 0 auto;
		}		

		#ulMainNav a { 
			display: block; 
			height: 100%;
			width:100%;  
		}		

		#ulMainNav  > li { /* all list items */ 
			float: left; 
			margin-right: 1em; 
			position: relative;
			height:50px;
			line-height:25px;
			overflow: hidden;
		}	

		#ulMainNav li ul { /* second-level lists */ 
			position: absolute; 
			top: 50px; 
			left: 0;  
			height: 0;
			padding: 1em 0 0 0;
			box-sizing: border-box;
			background-color: #fff;
			margin-left: -12px;
			border-bottom: 1px solid #000;
			 border-left: 1px solid #000;
			border-right: 1px solid #000;
		}		
		#ulMainNav li:hover { overflow: visible; }		
		#ulMainNav li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */ height: auto; left: auto; margin-left: -4px;  }
		#ulMainNav li:hover > ul li {  float: none; position: relative; }
		#ulMainNav .soasfhover {/*Split up for IE6 Compatability*/ left: auto; }
		#ulMainNav li:hover { /*Fix for IE7*/ position: static; }


		/* Menu Apperance */
		#ulMainNav {    }
		#ulMainNav a { width: auto; white-space: nowrap; text-decoration: none; font-size: 17px;  color: #000; font-weight: 900;  }
		
		#ulMainNav > li {
			float: left;
			margin-right: .5em;
			padding: 0 5px;
			font-size: 17px;
			font-weight: 900;
		}
		

		#ulMainNav li { /* all list items */  
			white-space: nowrap;  
		}

		#ulMainNav li ul { /* second-level lists */   
			position: absolute; 
			top: 50px; 
			left: 0;  
			width: auto;
			height: 0;
			padding: 0;
			box-sizing: border-box;
			background-color: #fff;
			margin-left: -6px !important;
			border-bottom: 1px solid #000;
			 border-left: 1px solid #000;
			border-right: 1px solid #000;
		}

		#ulMainNav li ul li { /* second-level-and-beyond list items */  
			text-align: left!important; 
			margin-bottom: 0; 
			box-sizing: border-box;
			padding: 10px;
		}

		#ulMainNav li ul li a { background-image:none !important; background-color: transparent !important; width: auto;  }

		#ulMainNav li ul li a:hover, #ulMainNav li ul li a:active { background-image: none !important; text-align: left!important; color: #000;  }
		#ulMainNav li a:hover,
		#ulMainNav li a:active {
			color: #214fbe;
		}
		#ulMainNav a title { display: none; }
		

		#ulMainNav li a:hover,
		#ulMainNav li a:active {
			color: #0100B8 !important;
		}

		#ulMainNav li.faq a:link,
		#ulMainNav li.faq a:visited {
			color: #0100B8 !important;
			text-decoration: none;
		}

		#ulMainNav li.faq a:hover,
		#ulMainNav li.faq a:active {
			color: #006BCF !important;
		}

		#ulMainNav li a.alert:link,
		#ulMainNav li a.alert:visited {
			color: red;
			text-decoration: none;
		}

		#ulMainNav li a.alert:hover,
		#ulMainNav li a.alert:active {
			color: #0100B8 !important;
		}

		a.alert:after {
			content: "!";
		}

		#ulMainNav li a.good:link,
		#ulMainNav li a.good:visited {
			color: green !important;
			text-decoration: none;
		}

		#ulMainNav li a.good:hover,
		#ulMainNav li a.good:active {
			color: #0100B8 !important;
		}

		#ulMainNav li a.yellow:link,
		#ulMainNav li a.yellow:visited {
			color: #ec8b00 !important;
			text-decoration: none;
		}

		#ulMainNav li a.yellow:hover,
		#ulMainNav li a.yellow:active {
			color: #0100B8 !important;
		}

		a.good:after {
			content: "✔";
		}

		.menuTitle {
			color: #d7cec7;
			text-decoration: none;
			cursor: pointer;
		}





/* *********************   *********************** */

#ulEventMenu, #ulEventMenu ul { /* all lists */ 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	line-height: 1.2em;  
	overflow: visible; 
	z-index: 10000; 
	height: 45px; 
	box-sizing: border-box; 
	position:relative; 
}		

#ulEventMenu a { 
	display: block;  
}		

#ulEventMenu  > li { /* all list items */ 
	float: left; 
	margin-right: 1em; 
	position: relative;
	height:45px;
	line-height:45px;
	overflow: hidden;
}	

#ulEventMenu  > li:last-child {
	float: right;
}
	
#ulEventMenu li ul { /* second-level lists */ 
	position: absolute; 
	top: 45px; 
	left: 0;  
	height: 0;
	box-sizing: border-box;
	background-color: #565656;
	margin-left: -10px;
}		
#ulEventMenu li:hover { overflow: visible; }		
#ulEventMenu li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */ height: auto; width: auto; left: auto;  }
#ulEventMenu li:hover > ul li {  float: none; position: relative; }
#ulEventMenu .soasfhover {/*Split up for IE6 Compatability*/ left: auto; }
#ulEventMenu li:hover { /*Fix for IE7*/ position: static; }


#ulEventMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#ulEventMenu li {
	float: left;
	margin-right: 1em;
	font-size: 24px;
	font-weight: 400;
	padding: 0 10px;
}

#ulEventMenu li a:link,
#ulEventMenu li a:visited {
	color: #fff;
	text-decoration: none;
}

#ulEventMenu li a:hover,
#ulEventMenu li a:active {
	color: #ffc600;
}



/* *****   A D M I N   F O R M   ***** */
.adminForm {
	width: 50%;
	background-color: #565656;
	margin: 1em auto;
	border-radius: 4px;
	position: relative;
	padding: 70px 20px 20px 20px;
}

.adminForm input[type=text],
.adminForm input[type=password],
.adminForm select,
.adminForm textarea {
	width: 100%;
	margin: .2em 0;
	padding: 4px;
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
}

.adminForm button[type=submit] {
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
	padding: 10px;
	min-width: 50%;
	margin: 0;
	font-variant:small-caps;
	font-size: 1.8em;
	font-weight: bold;
	font-family: 'Bitter', serif;
}

.btnSubmit {
	text-align: center;
}

.adminForm h2 {
	color: #d7cec7;
	text-align: center;
	margin: 0;
	font-size: 2.5em;
	font-variant:small-caps;
}





.divErrors {
	background-color: #d7cec7;
	border-radius: 4px;
	padding: 4px; 
}

.alert {
	color: red;
}

p.alert {
	text-indent: 0;
	padding: 0 15px;
}

.adminForm label {
	color: #d7cec7;
}

.adminForm.permissionForm label {
	color: #d7cec7;
	font-size: 1.5em;
}

.adminForm label input[type=text],
.adminForm label input[type=number],
.adminForm label input[type=color]{
	color: #000;
}

.adminForm label input[type=number],
.adminForm label input[type=color]{
	margin-left: 10px;
	color: #000;
}

.adminForm legend {
	color: #d7cec7;
	font-size: 2em;
	font-weight: bold;
}

.adminForm input[type=checkbox]{
	height: 20px;
	width: 20px;
	margin-right: 5px;
}


/* *****   T A B L E   D A T A   ***** */
.tableData th  {
	text-align: left;
}

table.dataTable tbody th, table.dataTable tbody td {
	padding: 10px 18px !important;
}

table.dataTable tbody td {
	vertical-align: top;
}

.tableData tbody tr:nth-child(even) td {
	background-color: #ccc;
}

.tableData tbody tr td h1 {
	font-size: 1.5em;
	text-decoration: none !important;
	border-bottom: none;
}

.tripList  {
	font-size: 10pt;
}

.dataTables_wrapper button, 
.dataTables_wrapper input, 
.dataTables_wrapper optgroup, 
.dataTables_wrapper select, 
.dataTables_wrapper textarea {
	color: #333;
}



/* *****   S E T U P   F O R M   ***** */

.col.setup {
	background-color: #fff;
	border: 1px solid #565656;
	border-radius: 4px;
	padding: 20px;
}

.setupForm {
	
}

.setupForm input[type=text],
.setupForm select {
	border: 1px solid #565656;
}

.setupForm h2 {
	text-align:center;
	font-size: 2.2em;
}

.fullWidth {
	width: 100%;
}

.centerLabel {
	width: 100%;
	text-align: center;
	display:block;
	font-size:1.2em;
}

.formNote {
	text-align: center;
	margin: 0 0 1em 0;
}

.dateRow {
	display: inline-block;
	margin: 0 auto;
}

.btnNext {
	background-color: #565656;
	border: none;
	color: #d7cec7;
	font-size: 1.2em;
	padding: 5px 15px;
	border-radius: 15px;
}

.formRow {
	margin-bottom:2em;
}

.formRow:last-child {
	margin-bottom:0;
}

.center {
	text-align:center;
}

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

.divDate:last-child {
	margin-right: 0;
}

.parsley-errors-list {
	list-style:none;
	padding:0;
	margin: 0;
	font-size: .8em; 
	color: red;
	text-align:center;
}

.parsley-error {
	background-color: #ffcccc;
	border: 1px solid #76323f !important;
}


.adminForm .form-group textarea {
	width: 100% !important;
	display:block;
	text-align: left;
	color: #999;
}

.adminForm .form-group select.selTitle {
	color: #999;
}

.adminForm .form-group select {
	color: #000;
}

.adminForm .form-group select.selTitle option:first-child {
	color: #999;
}

.adminForm .form-group {
	margin-bottom: 10px;
}

.result {
	margin-bottom: 5px;
}

/* ************************ S E T T I N G S   M E N U   ***************************************** */

#settingsMenu {
	position: fixed !important;
	height:95%;
	box-sizing: border-box;
	padding: 15px;
	width: 390px;
	background-color: #fff;
	border: 1px solid#666;
	top: 25px;
	z-index: 1003;
}

#settingsMenu .handle {

}

.settingsForm {
	font-size: 13px;
}

.settingsForm label {
	display: block;
	margin-bottom: 5px;
}

.eventMenu {
	margin-bottom: 0 !important;
}

.eventMenuRow {
	border-top: 1px solid #d7cec7;
	top:53px;
}


/* ***************   E D I T   B A R *********************************** */

.editBar {
	background-color: #565656;
    border-radius: 20px;
    left: -50px;
    margin: 20px 50%;
    height: 30px;
    position: absolute;
    width: 100px;
	display: none;
	padding: 0 20px;
	overflow: hidden;
	z-index: 1001;
}

.dragElement:hover .editBar {
	display: block;
}

.editBar span {
	display: inline-block;
	height: 30px;
	width: 30px;
}

.editBar span a {
	display: block;
	height: 100%;
	width: 100%;
}

.editMe {
	background: url(../img/icons/icon-edit.gif) no-repeat top left;
}
.deleteMe {
	background: url(../img/icons/icon-delete.gif) no-repeat top left;
}
.AddMe {
	background: url(../img/icons/icon-add.gif) no-repeat top left;
}


#choose {
	display: none;
	width: 600px;
}

.ui-dialog {
	z-index: 10000 !important;
}

.ui-dialog.choose,
.ui-dialog.editEl {
	width: 80% !important;
}

#choose h1 {
	text-align: center;
}

#choose h2 {
	font-size: 1em;
	margin: 0;
	text-align: left;
}

#choose ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



.dialog-feedback { display: none; }

#msgBox {
	height: 150px;
	width: 500px;
	top: 50%;
	left:50%;
	margin-top: -75px;
	margin-left: -250px;
	position: fixed;
	border-radius: 8px;
	background-color: #fff;
	z-index: 1005;
	-webkit-box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 5px 4px rgba(0,0,0,0.75);
	display: none;
}

#msgBox p {
	text-align: center;
	margin-top: 1em;
}

.total {
	margin: 0;
}

.banner {
	position: relative;
	padding: 1em;
}

.banner-overlay {
	height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.pageBreak {
	position: relative;
}
.pageBreak h3 {
	margin: 0;
	width: 100%;
	text-align: center;
}

.dragPrev {
	position: absolute;
	left: 0;
	text-align: left;
	z-index: 2;
	top: 5px;
}

.dragNext {
	position: absolute;
	right: 0;
	text-align: right;
	z-index: 2;
	top: 5px;
}


/* ***************   A C T I O N    F O R M    *********************************** */

#actionsForm { 
	max-width: 1000px;
	margin: 0 auto;
}


/* ***************   P A G E   E R R O R    *********************************** */

.pageError {
	margin-top: 1em;
	background-color: #fff;
	border: 3px solid red !important;
	border-radius: 8px;
	font-size: 1.4em;
}

.pageError p {
	color: red;
}


/* ***************   A C T I V E   T A B S    *********************************** */

.activeTabs {
	text-align: right;
}

.activityTab {
	display: inline-block;
	padding: 15px 20px;
	background-color: #565656; 
	color: #c09f80;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
}
.activityTab:hover {
	background-color: #76323f;
}

.activityTab a {
	color: #d7cec7;
	display: block;
	height: 100%;
	width: 100%;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.activityTab.active {
	background-color: #fff; 
	color: #000;
}

.activityTab.active a {
	color: #000;
	text-decoration: none;
}

/* ***************   M O D A L   O V E R L A Y    *********************************** */


.modal { 
	display: none; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.8); 
	position: fixed; 
	top: 0; 
	left: 0; 
	overflow: auto;
	z-index: 20000;
}

.close { 
	border: none; 
	border-radius: 2px; 
	color: #565656; 
	background-color: #d7cec7; 
	padding: 15px; 
	font-weight: bold; 
	font-size: 1em; 
	position: absolute; 
	right: 15px; 
	top: 15px; 
}

.modal .adminForm {
	margin-top: 80px;
}

.modal .adminForm label {
	margin: 0;
	padding: 0;
}

.modal .adminForm input[type="text"], 
.modal .adminForm input[type="password"], 
.modal .adminForm label, 
.modal .adminForm select, 
.modal .adminForm textarea {
    margin: 0 0 8px 0;
}

.modal .adminForm label input[type="text"], 
.modal .adminForm label input[type="number"], 
.modal .adminForm label input[type="color"] {
    margin-left: 0;
    color: #000;
}


/* ***************   R E S E R V A T I O N S    *********************************** */

.reservationPage {
	max-width: 100%;
	margin: 0 auto; 
}
	
.reservationMain {
	width: 100%;
	margin: 0 auto;
}


#reservationFormStep2 h2 {
	margin-top: 7px;
}

#reservationFormStep2.reservationForm {
	padding-top: 50px;
	position: relative;
}



body.reservation header {
	position: relative;
}

body.reservation header #peacock {
	position: absolute;
	z-index: 1003;
	bottom: -42px;
	left: -44px;
}

body.reservation header nav {
    width: 100%;
    background-color: #174d16;
    padding: 4px 0 4px 15px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    border-bottom: 1px solid #d7cec7;
}


body.reservation #ulMainMenu li {
	color: #ffc606;
}

body.reservation #ulMainMenu li ul { 
    background-color: #174d16;
}

body.reservation #ulMainMenu li a {
	color:#ffc606;
}

.switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 34px;
  line-height: 34px;
	top: 10px;
}
	
.switch input {display:none;}

.checkToggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #666;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkToggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
	
}

.togglelChecked {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 46px;
	left: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	font-weight: bold;
}

.togglelUnchecked {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 46px;
	right: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

input:checked + .checkToggle {
  background-color: #2196F3;
}

input:focus + .checkToggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .checkToggle:before {
  -webkit-transform: translateX(46px);
  -ms-transform: translateX(46px);
  transform: translateX(46px);
}



.switchLong {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
  line-height: 34px;
  top: 10px;
}

.switchLong input {display:none;}

.checkToggleLong {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #666;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkToggleLight {
	background-color: #ccc;
}

.checkToggleLong:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
	
}

.togglelCheckedLong {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 86px;
	left: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	font-weight: bold;
}

.togglelUncheckedLong {
	position: absolute;
	display: inline-block;
	padding: 0 4px;
	height: 26px;
  	width: 86px;
	right: 4px;
  	bottom: 4px;
	color: #fff;
	z-index: 10;
	line-height: 26px;
	text-align: right;
	font-weight: bold;
}

input:checked + .checkToggleLong {
  background-color: #2196F3;
}

input:focus + .checkToggleLong {
  box-shadow: 0 0 1px #2196F3;
}




input:checked + .checkToggleLong:before {
  -webkit-transform: translateX(86px);
  -ms-transform: translateX(86px);
  transform: translateX(86px);
}


.reservationForm .form-group label {
	font-weight: bold;
	color: #555;
}

.reservationForm .form-group label .label_span {
	margin-right: 10px;
	display: inline-block;
	min-height: 34px; 
	line-height: 34px; 
	width: 150px;
	text-align: right;
}

.reservationForm {
	border: 1px solid #333;
	border-radius: 4px;
	padding: 20px;
	background-color: rgba(255,255,255,.5);
	
}

.reservationForm .form-group {
	margin-bottom: 10px;
}


.reservationForm .form-group {
	font-size: 1em;
}

.gearLabel {
	position: absolute;
	bottom: 0;
	width: 102%;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: rgba(255,255,255,.7);
	color: #000;
	font-weight: bold;
}

.aFull {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 100;
}

.reservationForm .form-group select,
.reservationForm .form-group input[type=text],
.reservationForm .form-group input[type=number],
.reservationForm .form-group input[type=tel] {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #333;
}

.reservationForm .longInput .form-group input[type=text],
.reservationForm .longInput .form-group input[type=number],
.reservationForm .longInput .form-group input[type=tel] {
	width: 45%;
}

.reservationForm .longInput .form-group select {
	width: 53.5%;
}


.reservationForm .form-group select option {
	
}

.reservationForm fieldset fieldset {
	margin-bottom: 1em;
}

.reservationForm .form-group input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: -4px;
}

.reservationForm .formNoteAlert {
	text-align: left;
	color: red;
	font-weight: bold;
}

.optionDisabled {
	background-color: #ccc;
}

#divClient { margin-top: 10px; }

.darkModal {
	height: 100%;
	Width: 100%;
	background-color: #666;
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
}

.divCentered {
	width: 600px;
	margin: 0 auto;
	position: relative;
	top: 200px;text-align: center;
}

#pinForm {
	border-radius: 4px;
	border: none;
	padding: 20px;
	background-color: #fff;
}

#pinForm label,
#pinForm input[type=password] {
	margin-right: 10px;
}

#pPinMsg {
	display: none;
}

.buttonAction {
	padding: 10px;
	border-radius: 4px;
	border: none;
	background-color: #2196F3;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	text-decoration: none;
}

.buttonActionSmall {
	padding: 2px;
	border-radius: 4px;
	border: none;
	background-color: #2196F3;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.formNotes {
	clear: both;
}

.buttonNext {
	font-size: 2em; 
	padding: 5px;
	float: right;
}



#ajaxResponse {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px auto 0 -221px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
}

#subResponse {
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px 0 0 -200px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#subResponse2 {
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px;
	margin: -51px 0 0 -200px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	width: 400px;
	color: #000;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#divNotes {
	width: 100%;
	position: fixed;
	bottom: 0;
}

.notesActive {
	background-color: #ccc;
	padding: 10px;
}

#notesNext {
	position: absolute;
	bottom: 50px;
	right: 50px;
}

.reservationForm .formPage {
	padding-bottom: 2.5em;
}

.cancelButton {
	bottom: 7px;
}

.reservationForm .formPage fieldset {
	background-color: rgba(255,255,255,.5);
	margin-top: .5em;
	padding: 5px;
}

.reservationForm #formStep2Page01.formPage fieldset,
.reservationForm #formStep2Page09.formPage fieldset {
	background-color: transparent;
	margin: 0 0 .5em 0;
	border-bottom: 1px solid rgba(51,51,51,.2);
}

.reservationForm  #formStep2Page01.formPage .form-group label .label_span,
.reservationForm  #formStep2Page09.formPage .form-group label .label_span{
	min-height: 24px;
	line-height: 24px;
}

.reservationForm .formPage fieldset legend {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	font-variant: all-small-caps;
	top: -10px;
	position: relative;
	padding: 0 20px;
}

.reservationForm #formStep2Page01.formPage fieldset legend,
.reservationForm #formStep2Page09.formPage fieldset legend {
	top: auto;
	padding: 0;
}
 
.reservationForm #formStep2Page01.formPage .form-group label .label_span,
.reservationForm #formStep2Page09.formPage .form-group label .label_span {
	width: auto;
	color: #2f30F3;
}

.reservationForm #formStep2Page01 label,
.reservationForm #formStep2Page09 label {
	font-size: 1em;
}

#formStep2Page01 fieldset,
#formStep2Page09 fieldset {
	padding: 0;
}

#formStep2Page01 fieldset legend,
#formStep2Page09 fieldset legend {
	font-weight: bold;
	font-variant: all-small-caps;
	font-size: 1.2em;
	color: #333;
}

.reservationForm #formStep2Page01  .form-group,
.reservationForm #formStep2Page09  .form-group {
	margin-bottom: 5px;
}

.reservationForm #formStep2Page01  .formNoteAlert,
.reservationForm #formStep2Page09  .formNoteAlertp {
	font-size: 1em;
}

#step2 {
	position: relative;
}

.formNav {
	position: absolute; 
	top: 5px;
	right: 5px;
	z-index: 10;
}

.formNav .buttonNext {
    font-size: 1.5em;
    padding: 10px;
    float: right;
}

.formNav .buttonNext:last-child {
	margin-right: 10px;
}

#formStep2Page01 .formNav .buttonNext:last-child {
	margin-right: 0;
}

.formNotes p {
	margin: 0;
	font-size: 1em;
}

.formNotes p span {
	display: inline-block;
	margin-right: 15px;
}

.pageNum {
	position: absolute;
	width: 100%;
	text-align: center;
	top:20px;
	margin-bottom: 0;
	z-index: 1;
}

span.req {
	display: inline-block;
	padding: 5px;
	color: red;
}

.pReq::after {
	content: "*";	
	color: red;
	vertical-align: top;
	display: inline;
}

.spanFormNote {
	color: red;
	font-size: .9em;
	padding-left: 10px;
}

.inputError {
	background-color: #FFEBEC;
}

.reservationForm #formStep2Page09 .form-group select:disabled, 
.reservationForm #formStep2Page09 .form-group input[type="text"]:disabled, 
.reservationForm #formStep2Page09 .form-group input[type="number"]:disabled,
.reservationForm #formStep2Page01 .form-group select:disabled, 
.reservationForm #formStep2Page01 .form-group input[type="text"]:disabled, 
.reservationForm #formStep2Page01 .form-group input[type="number"]:disabled {
	border: none;
	border-bottom: 1px solid rgba(51,51,51,.2);
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.reservationForm #formStep2Page09 fieldset,
.reservationForm #formStep2Page01 fieldset{
	border: none;
}
	
.ccbutton {
	margin-left: 160px;
	display: inline-block;
}

/* ***************   D A S H B O A R D    *********************************** */

.dashSection {
	background-color: rgba(255,255,255,.5);
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 1em;
}

h2 {
	color: #565656;
	margin-bottom: 1em;
}

.alertNum {
	background-color: red;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	border-radius: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	min-height: 25px;
	min-width: 25px;
}


.viewPage {
	width: 70%;
	margin: 1em auto;
	padding: 20px;
	position: relative;
	border-radius: 4px;
	background-color: #fff;
	top: 4em;
	height: 75vh;
	overflow-y: scroll;
	font-family: 'Source Sans Pro', sans-serif;
}

.viewPage h4 {
	margin-bottom: 5px; 
	border-bottom: 1px solid #333;
}



.priceModified {
	font-weight: bold;
}

.priceModified:before {
	content: "✔ ";
}




.notes:after {
	content: "✎";
}

.topTen { margin-top: 10px !important; }
/*
#reservationsTable {
	width: 100%;
}

#reservationsTable thead,
#reservationsTable tbody {
	display: block;
	width: 100%;
}

#reservationsTable tbody {
	overflow: auto;
	height: 60vh;
}

#reservationsTable thead tr,
#reservationsTable tbody tr {
	width: 100%;
}

#reservationsTable thead tr {
	padding-right: 16px;
}

#reservationsTable thead tr th,
#reservationsTable tbody tr td {
	box-sizing: content-box;
}

#reservationsTable tbody tr td {
	border-left: 1px solid #333;
}

#reservationsTable tbody tr td:first-child {
	border-left: none;
}

#reservationsTable thead tr th:nth-child(1),
#reservationsTable tbody tr td:nth-child(1) {
	
	width: 53px !important;
	max-width: 53px !important;
	min-width: 53px !important;
}

#reservationsTable thead tr th:nth-child(2),
#reservationsTable tbody tr td:nth-child(2) {
	width: 109px !important;
	max-width: 109px !important;
	min-width: 109px !important;
}

#reservationsTable thead tr th:nth-child(3),
#reservationsTable tbody tr td:nth-child(3) {
	width: 129px !important;
	max-width: 129px !important;
	min-width: 129px !important;
}

#reservationsTable thead tr th:nth-child(4),
#reservationsTable tbody tr td:nth-child(4) {
	width: 9.460% !important;
	max-width: 9.460% !important;
	min-width: 9.460% !important;
}

#reservationsTable thead tr th:nth-child(5),
#reservationsTable tbody tr td:nth-child(5) {
	width: 5.321% !important;
	max-width: 5.321% !important;
	min-width: 5.321% !important;
}

#reservationsTable thead tr th:nth-child(6),
#reservationsTable tbody tr td:nth-child(6) {
	width: 5.469% !important;
	max-width: 5.469% !important;
	min-width: 5.469% !important;
}

#reservationsTable thead tr th:nth-child(7),
#reservationsTable tbody tr td:nth-child(7) {
	width: 5.617% !important;
	max-width: 5.617% !important;
	min-width: 5.617% !important;
}

#reservationsTable thead tr th:nth-child(8),
#reservationsTable tbody tr td:nth-child(8) {
	width: 5.247% !important;
	max-width: 5.247% !important;
	min-width: 5.247% !important;
}

#reservationsTable thead tr th:nth-child(9),
#reservationsTable tbody tr td:nth-child(9) {
	width: 7.686% !important;
	max-width: 7.686% !important;
	min-width: 7.686% !important;
}

#reservationsTable thead tr th:nth-child(10),
#reservationsTable tbody tr td:nth-child(10) {
	width: 5.764% !important;
	max-width: 5.764% !important;
	min-width: 5.764% !important;
}

#reservationsTable thead tr th:nth-child(11),
#reservationsTable tbody tr td:nth-child(11) {
	width: 6.430% !important;
	max-width: 6.430% !important;
	min-width: 6.430% !important;
}

#reservationsTable thead tr th:nth-child(12),
#reservationsTable tbody tr td:nth-child(12) {
	width: 7.390% !important;
	max-width: 7.390% !important;
	min-width: 7.390% !important;
}

#reservationsTable thead tr th:nth-child(13),
#reservationsTable tbody tr td:nth-child(13) {
	width: 5.838% !important;
	max-width: 5.838% !important;
	min-width: 5.838% !important;
}

#reservationsTable thead tr th:nth-child(14),
#reservationsTable tbody tr td:nth-child(14) {
	width: 5.247% !important;
	max-width: 5.247% !important;
	min-width: 5.247% !important;
}

#reservationsTable thead tr th:nth-child(15),
#reservationsTable tbody tr td:nth-child(15) {
	width: 4.656% !important;
	max-width: 4.656% !important;
	min-width: 4.656% !important;
}

#reservationsTable thead tr th:nth-child(16),
#reservationsTable tbody tr td:nth-child(16) {
	width: 4.360% !important;
	max-width: 4.360% !important;
	min-width: 4.360% !important;
}

*/



.subRow {
	margin-left: 50%;
	display: inline-block;
	
}

.divFormSubRow {
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: 300;
	color: #565656;
	margin: .3em 0;
	
}


.divFormSubRow label,
.divFormSubRow input[type=text] {
	width: 47% !important;
	display: inline-block;
	vertical-align: top;
}

.divFormSubRow label {
	text-align: right;
}

#travelWith {
	padding-bottom: 1em;
}


#profileForm .divFormRow {
	margin-bottom: 1em;
}

#profileForm .divFormRow label {
	width: 23%;
	margin-left: 2%;
	display: inline-block;
	text-align: right;
}

#profileForm .divFormRow input[type=text] {
	width: 70%;
	
}


#profileForm .divFormRow label.passLabel {
	width: 30%;
	margin-left: 2%;
	display: inline-block;
	text-align: right;
}

#profileForm .divFormRow input[type=password] {
	width: 65%;
	
}

p.success {
	color: #007214;
	
}





/* ************************************************************************************************************* */

/* 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.menu {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- 
    
	Column Default Names and Sizes
	
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
----------------------------------------------------------------------------- */



/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ****           S M A L L   S I Z E S   0 P X   T O   5 5 9 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 0) and (max-width: 559px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:100%;
	}
	.span_2 {
		width:100%;
	}
	.span_3 {
		width:100%;
	}
	.span_4 {
		width:100%;
	}
	.span_5 {
		width:100%;
	}
	.span_6 {
		width:100%;
	}
	.span_7 {
		width:100%;
	}
	.span_8 {
		width:100%;
	}
	.span_9 {
		width:100%;
	}
	.span_10 {
		width:100%;
	}
	.span_11 {
		width:100%;
	}
	.span_12,
	.divSidebar,
	.divMain,
	.menu {
		margin-left:0;
		width:100%;
	}
	
	
	.form .divFormRow p label {
		width: 100%;
		display: block;
		text-align: left;
		margin-right: 0;
	}
	
	.form .divFormRow label {
		width: 100% !important;
		display: block;
		text-align: left;
		margin-right: 0;
	}
	
	.form .divFormRow p input[type=text] {
		width: 92%;
		text-align: left;
		margin-right: 0;
	}
	
	footer p {
		color: #fff;
		font-size: 1.3em;
		text-align: left;
	}
	
	h1 {
		border-bottom: 1px solid #000;
		color: #565656;
		font-weight: 900;
		font-size: 1.5em;
		margin-bottom: 0;
	}
	
	.spanFormNote {
		padding: 5px 5px 5px 5px !important;
	}
	
	.spanFormNote br {
		display: none;
	}
	
	#profileForm .divFormRow label {
		width: 100%;
		margin-left: 0;
		display: block;
		text-align: left;
	}
	
	#profileForm .divFormRow input[type="text"] {
    	width: 90%;
	}
	
	#profileForm .divFormRow p {
		margin-left: 0 !important;
	}
	
	#profileForm .divFormRow label.passLabel {
		width: 100%;
		margin-left: 0;
		display: block;
		text-align: left;
	}
	
	/* ********************  M E N U   ******************** */
	
	
			
	
			
			.menuToggle {
				position: fixed;
				right: 5px;
				top: 5px;
				z-index: 10002;
				background-color: #195318;
				height: 50px;
				width: 50px;
				display: block;
				background-image: url(../img/menu.gif);
				background-size: contain;
				cursor: pointer;
			}
	
			.nav {
				height: 0;
				overflow: hidden;
				position: fixed;
				display: block;
				left: 0;
				z-index: 1000;
				width: 100%;
				padding: 0;	
			}
	
			.menuToggle a {
				display: block;
				height: 100%;
				width: 100%;
			}

			#ulMainNav {
				height: auto;
				width:100%;
				background-color:#fff;
				padding: 0;
				display: block;
			}



			.navOpen,
			#ulMainNav > li > ul.navOpen {
				text-align:left;
				height:100%;
			}

			#ulMainNav li ul {
				padding: 0;
			}

			#ulMainNav > li.subMenu.navOpen > a {
				background-position:bottom left;
			}


			#ulMainNav li ul  {
				box-shadow: none;
			}

			#ulMainNav > li {
				display:block;
				width:100%;
				height:auto;
				height:40px;
				line-height: 40px;
				border-bottom: 1px solid #999;
				text-indent: 20px;
				margin-bottom: 0;
				float: none;
			}
			
			#ulMainNav > li br {
				display: none;
			}

			.subMenu.navOpen ul li {
				padding-left: 20px;
			}
	
			.subMenu.navOpen {
				background-position: left bottom;
			}

			#ulMainNav > li > ul {
				border-left:none;
				border-right:none;
				position:relative;
				top: auto;
				overflow: hidden;
			}
	
			#ulMainNav li ul li {
				margin-bottom: 0;
				height: 40px;
				line-height: 40px;
				border-bottom: 1px dotted #ccc;
			}
	
			#ulMainNav li ul li:last-child {
				border-bottom: none;	
			}

			#ulMainNav > li > ul li a {
				text-indent: 30px;
			}

			#ulMainNav > li:hover > ul {
				height:0;
			}

			#ulMainNav > li:hover > ul.navOpen {
				height:auto;
			}

			.subMenu {
				background-image: url(../img/toggle-menu.gif);
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: 20px;
			}
	
	.pretrip .rightCol {
		padding-left: 50px;
			
	}
	
	.hideSmall {
		display: none;
	}
	
	.sideToggle {
		display: block;
		height: 125px;
		width: 36px;
		background: transparent url(../img/sideMenu.gif) top left no-repeat;
		float: right;
	}
	
	.leftMenu {
		width: auto;
		padding: 0;
		position: absolute;
		z-index: 500;
		
	}
	
	.leftMenu.stick {
		margin-top: 0;
		position: fixed;
		top: 0;
	}
	
	
	
	.sideNav {
		width: 0;
		overflow: hidden;
		padding: 0;
	}
	
	.sideNav.navOpen {
		width: auto;
	}
	
	.leftMenu h4 { 
		margin-bottom: 0;
	}

	.sideNav > ul {
		margin: 0;
		list-style: none;
		padding: 0;
		background-color: #ccc;
	}
	
	.sideNav > ul > li.sideSubMenu {
		overflow: hidden;
		background-color: #ccc;
		margin-bottom: 0;
	}
	
	.sideNav > ul > li.sideSubMenu > a:link, 
	.sideNav > ul > li.sideSubMenu > a:visited {
		background-color: #ccc;
		color: #000;
	}

	.sideNav ul li.sideSubMenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #666;
		height: 0;
	}
	
	.sideNav ul li.sideSubMenu.navOpen ul {
		height: auto;
	}

	.sideNav ul li ul li {
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		font-size: 14px;
		margin-bottom: 0;
		width: auto;

	}

	.sideNav ul li a {
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		padding: 5px 20px;
		box-sizing: border-box;
		font-weight: bold;
	}

	.sideNav ul li a:link,
	.sideNav ul li a:visited {
		background-color: #f7dada;
		color: #000;
	}

	.sideNav ul li a:hover,
	.sideNav ul li a:active {
		background-color: #fff;
		color: #000;
	}

	.sideNav ul li a.here:link,
	.sideNav ul li a.here:visited {
		background-color: #fff !important;
		color: #007C30 !important;
	}



	.sideNav ul li.good a:link,
	.sideNav ul li.good a:visited {
		color: green;
		background-color: #d4f0d0;
	}
					
	.sideNav .ulChecklist {
		background-color: #fff;
	}
	
	.sideNav .ulChecklist li {
		margin-bottom: 0;
	}	
	
	footer p br {
		margin-bottom: 10px;	
	}
	
	#h1Logo {
		height: 89px;
		width: 100%;
		background-size: contain;
		text-indent: -12000px;
		border-bottom: none;
		position: absolute;
		bottom: 0;
		background-position: center bottom;
	}
	
	
	header {
		height: 200px;
		width: 100%;
		position: relative;
	}
	
	header div.menu {
		padding: 0;
	}
	
	header div.page {
		max-width: 100%;
	}
	
	header.bwe {
		background: url(../img/bg-bwe-small.jpg) no-repeat top center;
		background-size: cover;
	}
	
	header.ffb {
		background: url(../img/bg-ffb-small.jpg) no-repeat top center;
		background-size: cover;
	}

	header.msl {
		background: url(../img/bg-msl-small.jpg) no-repeat top center;
		background-size: cover;
	}

	header.ex {
		background: url(../img/bg-ex-small.jpg) no-repeat top center;
		background-size: cover;
	}

	header.bfh {
		background: url(../img/bg-aad-small.jpg) no-repeat top center;
		background-size: cover;
	}

	header.aad {
		background: url(../img/bg-aad-small.jpg) no-repeat top center;
		background-size: cover;
	}

	header.he {
		background: url(../img/bg-he-small.jpg) no-repeat top center;
		background-size: cover;
	}
	
	nav {
		top: 0;
		border-bottom: none;
		position: absolute;
	}
	
	#login {
		width: 90%;
	}
	
	
	.pTip2 {
		width: 90%;
		padding: 15px;
		border: 1px solid #666;
		border-radius: 8px;
		margin: 0 auto 1em auto;
		background-color: #FDFCD3;
	}

	.pTip2 img {
		float: none;
		margin: 0 auto .6em auto;
		width: 93px;
		display: block;
	}

	.pTip2 ul {
		display: block;
		float: none;
		width: 80%;
		list-style: none;
		margin: 0 0 0 25px;
		padding: 0;
	}

.h3Qsg {
	height: 30px;
	line-height: 30px;
	padding: 10px;
	background-color: #174d16;
	color: #ffc600;
	font-size: 30px;
}
	
	
	.cancelForm {
		width: 90%;
		margin: 0 auto;
		background-color: #fff;
		padding: 75px 15px 15px 15px;
		border: 1px solid #333;
		border-radius: 8px;
		position: relative;
		top: 2em;
	}
	
	.buttonAction {
		padding: 10px;
		border-radius: 4px;
		border: none;
		background-color: #2196F3;
		color: #fff;
		font-weight: bold;
		font-size: .9em;
		cursor: pointer;
		text-decoration: none;
	}

	#ptQuestionnaireForm div.rating span {
		display: block;
		margin-right: 0;
	}

	#ptQuestionnaireForm p label {
		width:  98%;
	}
	
	
	
}


/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              S M A L L   D E S K T O P   M O N I T O R S              *** */
/* ***               T A B L E T   L A N D S C A P E   M O D E               *** */ 
/* ***             W I D T H   -   7 6 0 P X   T O   9 9 9 P X             *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 600px) and (max-width: 999px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
	.tagline {
    	font-size: 2em;
		margin-top: 2em;
	}
		
	.box-image {   
    	left: -180px; 
	}
	
	.col.homePics {
		width: 304px;
	}
	
	.homeImgs {
		width: 639px;
		left: 50%;
		margin-left: -319px;
		margin-bottom: 1em;
	}
	
	
	#divN {
    	bottom: 5px;
    	margin-left: -65px;
	}
	
	
	.pageSection section .homePics p {
		text-indent: 16%;
	}
	
	.homePics:first-child p {
		box-sizing: border-box;
	}
	
	
	.pageSection section h2 {
    	font-size: 2em;
	}
	
	footer .box-image {
    	right: 17%;
	}
	
	
	.reservationForm .longInput .form-group input[type=text],
	.reservationForm .longInput .form-group input[type=number],
	.reservationForm .longInput .form-group input[type=tel] {
		width: 45%;
	}
	
	input.tablet {
		max-width: 110px;
	}
	
	#tripInfo {
		font-size: 1.2em;
	}
	
	.topTen { margin-top: 10px !important; }
	
	.formPage .formNoteAlert { margin-bottom: .2em; }
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***             M E D I U M   D E S K T O P   M O N I T O R S             *** */
/* ***            W I D T H   -   1 0 0 0 P X   T O   1 2 0 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1000px) and (max-width: 1200px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
	.tagline {
    	font-size: 2.5em;
	}
	
	.box-image {
		left: -172px;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 2 0 1 P X   T O   1 9 2 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1201px) and (max-width: 1920px){
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***                E X T R A - L A R G E   M O N I T O R S                *** */
/* ***          W I D T H   -   1 9 2 0 P X   T O   I N F I N I T Y          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1921px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 1em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4,
	.divSidebar {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8,
	.divMain {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.menu {
		margin-left:0;
		width:100%;
	}
	
}


@media print {
	
	
	body.admin {
    	background-color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		padding-top: 0;
		padding: 0;
		margin: 0;
	}
	
	header {
		display: none;
	}
	
	h1 {
		border-bottom: none;
		color: #000;
		font-weight: 900;
		font-size: 1em;
		margin-top: 1em;
	}
	
	.activeTabs {
		display: none;
	}
	
	.dataTables_wrapper .ui-toolbar {
		display: none;
	}
	
	.dataTable {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		border-collapse: collapse !important;
		font-size: .7em;
	}
	
	.dataTable thead tr th,
	.tableData  thead tr th {
		border-left-width: 1px;
		border-color: #000;
		background: #eee;
		font-weight: normal;
		color: #000 !important;
	}

	.page {
		max-width: 100%;
		width: 100%;
	}
	
	
	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
		border: none;
		background: #76323f;
		font-weight: normal;
		color: #d7cec7;
	}
	
	.dataTable tbody tr td,
	.tableData  tbody tr td {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.dataTable tbody tr td:first-child,
	.tableData  tbody tr td:first-child {
		border-right: 1px solid #000;
	}
	
	.dataTable tbody tr td:last-child,
	.tableData  tbody tr td:last-child {
		border-right: 1px solid #000 !important;
	}

	
	
}