body {
	font-family: Tahoma, Geneva, "Trebuchet MS", Kalimati, FreeSans, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	
	
}

#content {
	padding:1em 0;
}

div.about p{
	font-size:1.2em; line-height:1.2;margin-bottom:0.6em;
}
#framed {
	background:#eef3fa;
	text-align:center;
}

#wrapper {
	background: #FFFFFF;
	padding:2em;
	font-size: 16px;
	width:600px;
	margin:4em auto;
	border: solid 4px #eee;
	text-align:left;
}

#brand {
	position:relative;
	border-bottom: 2px solid #5A4A42;
	margin-bottom:1em;
	zoom:1;
}

#brand h1{margin:0 0 12px 0}
#brand p{position:absolute;right:0; bottom:0;width:50%;font-size:12px;margin:0; padding-bottom:12px;}

div.half {
	float:left;
	width:50%;
}

form#login {
	background: #eef3fa;
	border: solid 2px #b3b3b3;
	padding:0 1em;
	margin: 16px 0 0 1em;
}

label {
	font-size: 14px;
}

/* input#txtUserName, input#userName, input#txtPassword {
	width:98%;
	font-size:16px;
	border: solid 2px #b3b3b3;
} */

.small {font-size:12px}

a#forgot {
	font-weight:normal;
}

a {
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

#nav {
	position:relative;
	border-bottom: 4px solid #0162E3;
	zoom:1;
}

#nav p, #nav ul, #nav li {
	margin:0;
	padding:0;
}

#branding {
	margin:0.2em 0.67em;
}

#nav-sup {
	position: absolute;
	top: 0;
	right: 0.67em;
	color:#999;
	font-size: 12px;
}

#nav-main {
	position: absolute;
	right: 0.67em;
	bottom:0;
	list-style: none;
}

#nav-main li {
	float: left;
	margin-right: 1px;
	padding: 10px;
	/* background: #cceefc; */
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	/* border:solid #cceefc 1px; */
}

#nav-main li a {
	color: #fff;
	font-weight: bold;
}

#nav-main li.actv {
	background: #0162E3;
	border-color: #0162E3;
}

#nav-main li.actv a {
	color: #FFFFFF;
}

/* #siteinfo {
	padding: 0.67em 0.67em 0.67em 11em;
	background: #cceefc url(/img/icon.png) no-repeat 1.67em 1.67em;
	border-top: 2px solid #5A4A42;
}

#siteinfo p {
	float:left;
	margin-right: 3em;
}

#siteinfo a[href="#nav"] {
	display: block;
	clear: both;
	text-align: right;
} */

#contact {
	background: #FFF url(/img/icon.png) no-repeat left center;
	border-top: 2px solid #5A4A42;
	margin-top:1em;
	padding-left: 120px;
}

#contact p {
	margin-top:1em;
	font-size:12px;
	float:left;
	margin-right: 3em;
}

#helper h2 {
	clear:both;
	margin-top:2em;
	font-style:italic;
}

#questions{background:#837771;margin-right:0em;}

#questions li {font-size:105%;}
#questions li.first_col {clear:left;}

#questions a{color:#FFF;}

/* #crumbs{background:#837771;color:#FFF;font-size:1.75em;padding:0.4em 1em;margin-bottom:0;}
#crumbs span{font-size:0.6em}
#crumbs a{text-decoration:none;color:#EEE} */
span.print{display:block;float:right;}

abbr{cursor:help}
table{border-collapse: collapse;}
table#inventory tr td{text-align:center}
.altrow{background: #EEF3FA}
.allotment{background: #CCCCCC}
tr.resort th{background:#C3D9FF;border-top:solid .3em #FFF}
tr.over{background:#fe9}
.weekend{border:2px solid #999;border-top:0;border-bottom:0}
td a, th a{color:#222}
tr.resort th a{color:#008}
td.so, td.so a{color:red;font-weight:bold}
td.nd, td.nd a{color:#999}
td.av, td.av a{color:green;font-weight:bold}
tr.nav td{border:0 none}
td.key div{border:1px solid #999}
th h3{margin:1em 0 0 0}

table#inventory tr td.next, td.next, th.next{text-align:right;vertical-align:bottom}
table#inventory tr td.prev, td.prev{text-align:left}

input.datepicker{background: #FFF url(/img/cal.png) no-repeat 0.25em center;padding-left:2em}
input#cmdSend{font-weight:bold;background-color:#E5EECC;border:outset 2px #333;padding:0.5em}

.tp {
	text-align:right;
	margin-bottom:0;
}

/*blockquote {
	float:right;
	width:30%;
	padding:1em;
	background:#C3D9FF;
	margin-top:0;
}*/
/* --rounded corners non-IE--*/
blockquote{
    float:right;
	width:20%;
	padding:1em;
	margin-top:0;
	margin-right:15%;
    background-color: #C3D9FF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/*
#listsize{font-size:1.2em;}
#loclist {margin-right:60%;font-size:1.2em;}
#loclist li {float:left;clear:right;width:50%;display:block;}
#loclist li.alt {float:left;clear:both;}
#loclist li.alt2 {float:left;clear:both;}
.ul-bg{background:#837771;margin-right:0em;}
*/

#listsize{font-size:1.2em;line-height:1.2em;}
#loclist{font-size:1.2em;}
#loclist li {float:left; width:20%;}
#loclist li.first_col {float:right;clear:both;width:80%;}

div.bg-fixed{
	position:fixed; width:100%;
	/*background:#837771; margin-right:0em; position:fixed;width:100%;*/
}

.about-container{background:#837771;padding-bottom:1em;}
.partnerinfo{float:right;margin-top:0em;margin-right:3%;margin-left:20%;}

#about{text-align:center;}
#about #container{text-align:left;width:960px;margin:0 auto;}

.centered{text-align:center;}

.awesome, .awesome:visited {
	background: #cceefc url(alert-overlay.png) repeat-x; 
	/*background: #222 url(alert-overlay.png) repeat-x; */
	display: inline-block; 
	padding: 5px 10px 6px; 
	/*color: #fff; */
	color:#111;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-left:0;
	border-top:0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	width:90px;
}

.awesome:hover{ background-color: #111; color: #fff; }
.awesome:active{ top: 1px; }
.small.awesome, .p{font-size:11px;text-align:center;} .small.awesome:visited { font-size: 11px; width:100px;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited{ background-color: #91bd09; }
.green.awesome:hover{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited{ background-color: #2daebf; }
.blue.awesome:hover{ background-color: #007d9a; }
/* Style the tab */
.tab { 
	overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
	background-color: #f1f1f1;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
	background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
  }
  .text-center{
	  text-align:center;
  }

  #cboRegion, #cboResortName {
    text-align-last: center;
    color: gray;
    border: 1px solid #000;
    width: 100%;
    max-width: 16rem; /* Equivalent to md:w-64 */
    font-weight: 500; /* Equivalent to font-medium */
	font-size: 14px;
    border-radius: 0.375rem; /* Equivalent to rounded */
    padding: 0.625rem 1.25rem; /* Equivalent to px-5 py-2.5 */
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"%3E%3Cpath stroke="%236B7280" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/%3E%3C/svg%3E');
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 0.75em 0.75em;
    -webkit-print-color-adjust: exact;
}

/* Specific color when an option is selected */
#cboRegion option, #cboResortName option {
    color: black;
}

.fixed-header-container {
    overflow-x: auto; /* Enables horizontal scrolling */
}

#fixed-header th, #fixed-header td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#fixed-header .next{
	text-align: right;
}