@charset "UTF-8";

/* @TODO:Move This into the main stylesheet once I'm done helping John with this project */

h1,h2,h3,h4,h5,h6{margin:0 0 15px}

.table-title{background:#1f4e79;color:#fff;margin:30px 0 0;padding:3px 0}
th .table-title{margin:0}

p,ul,ol{margin:0 0 10px}

.a-center{text-align:center !important}
.a-left{text-align:left !important}
.a-right{text-align:right !important}
.iblock{display:inline-block}

.f-left{float:left}
.f-right{float:right}

.bg-white{background:#fff}

.pointer{cursor:pointer}

.no-pad{padding:0 !important}
.pad-sm{padding:10px}
.pad-med{padding:20px}
.pad-med-right{padding-right:20px}
.pad-lrg-right{padding-right:40px}

.margin-btm-xsm{margin-bottom:5px}

.old-ie{text-align:center;font-size:16px}

.delete{color:#FF0000 !important;font-weight:bold !important}

.col2-set:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col2-set > .col{box-sizing:border-box;width:50%}
.col2-set > .col:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col2-set > .col-1{float:left}
.col2-set > .col-2{float:right}

.col3-set:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.col3-set > .col{box-sizing:border-box;float:left;width:33.33%;width:calc(100%/3)}
.col3-set > .col:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}

.head_right ul li a,
.head_right ul li span.user{line-height:24px;margin:0 0 0 15px}
.head_right ul li a.messages-notice{background:url(/login/includes/images/messages.gif) no-repeat 0 0;display:inline-block;height:24px;padding:0 0 0 45px}

.form-login form{display:block;margin:0 auto 40px;width:300px}
.form-login input[type=text],
.form-login input[type=password]{height:25px;width:200px}
.form-login input[type=submit]{background:#06F;color:#FFF;display:block;cursor:pointer;height:28px;margin:15px auto 0;width:80px}

form > .actions:after,
.frm-actions:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.frm-actions,
form > .actions{margin:15px 0 0;padding:15px 0;text-align:right}
.frm-actions > button,
form > .actions > button{float:right;margin:0 0 0 15px}

.fancybox-form input[type="text"],
.fancybox-form input[type="password"],
.fancybox-form input[type="tel"],
.fancybox-form input[type="email"],
.fancybox-form select,
.fancybox-form textarea{box-sizing:border-box;display:inline-block;width:100%}
.fancybox-form textarea{height:100px}
.fancybox-form label{font-weight:bold}
.fancybox-form td{vertical-align:top}

.frm-common input[type="text"],
.frm-common input[type="password"],
.frm-common input[type="tel"],
.frm-common input[type="email"],
.frm-common select{box-sizing:border-box;display:inline-block;width:300px}

.pager-handle{display:inline-block;margin:0 5px;padding:0 3px;text-decoration:none}

.data-table{border-left:1px solid #6c6c6c;font:normal 18px Arial, Helvetica, sans-serif;border-spacing:0;text-align:left;width:100%}
.data-table > tfoot > tr > td,
.data-table > thead > tr > th {background:#0099FF;border:1px solid #6c6c6c;border-left:0;box-sizing:border-box;color:#fff;margin:0;padding:5px}
.data-table > tbody > tr > td{background:#99CCFF;border:1px solid #6c6c6c;border-left:0;border-top:0;box-sizing:border-box;color:#000;margin:0;padding:5px}
.data-table > tfoot > tr > td{background:#b6b6b6;border-top:0; color:black;}
.data-table > tbody > tr:nth-child(odd) > td, .data-table > tbody > tr.odd > td{background:#D5E0EC}
.data-table > tbody > tr.even > td { background:#99CCFF; }
.data-table > tbody > tr.row-locked > td{background:#FF9999}
.data-table tr.v-top > td{vertical-align:top}
.data-table a{display:block;font-weight:bold;text-decoration:none}
.data-table a:hover{text-decoration:underline}
.data-table.no-head{border-top:1px solid #6c6c6c}
.data-table.no-border{border:0}
.data-table.has-hover > tbody > tr:hover > td{background:#b1b1b1}
.data-table > tbody > tr.highlight > td{background:#b6b6b6;border-top:0; color:white;}
.seperator {text-align:center;}
.seperator h3 {margin: 5px 0;}

.btn-blue{background:#06F;border:#03C solid 1px;cursor:pointer;color:#FFF;height:28px;padding:0 20px 0 20px;transition:background 500ms}
.btn-blue:hover{background:#009cff}
.btn-red{background:#CC0000;border:#8E0000 solid 1px;cursor:pointer;color:#FFF;height:28px;padding:0 20px 0 20px;transition:background 500ms}
.btn-red:hover{background:#AF4C4C}
.btn-disabled{height:28px;padding:0 20px 0 20px;transition:background 500ms}
.btn-disabled:hover{background:#6c6c6c}

.new-customer{display:none}
.customer-flds.condensed{padding:0}
.customer-flds .col-1{padding-right:15px}
.customer-flds .col-2{padding-left:15px}
.customer-flds:not(.condensed) label{box-sizing:border-box;display:block;font-weight:600}
.customer-flds:not(.condensed) input{box-sizing:border-box;display:block;margin:0 0 5px;width:100% !important}
.customer-flds:not(.condensed) select{box-sizing:border-box;display:block;margin:0 0 5px;width:100% !important}
.customer-flds .actions{float:right;padding:7px 0 0}

.frm-reservation .customer-flds .actions{display:none}
.frm-reservation .customer-flds.has-customer .actions{display:block}

.customer-quick-search{margin:0 0 10px}
.customer-quick-search label{line-height:28px;font-style:italic}
.customer-quick-search input[type="text"]{display:inline-block;height:28px}
.customer-quick-search #customer_quick_search_submit{display:inline-block;margin:0 20px;/* changed to display none because client apparently didn't like it */display:none} 
.search-only .customer-quick-search button:not(#customer_quick_search_submit){display:none}

#result{clear:both;display:none;padding:20px 0}

.payment-register #payments .reg_detail,
.payment-register #payments select{box-sizing:border-box;width:100% !important}

.admin-welcome .data-table td{padding:15px}
.admin-welcome h3{margin:10px 0} 
.admin-welcome ul{padding:0 0 0 20px}

.session-msg {background:#faebe7;border-left:5px solid #df280a;color:black;font-size:15px;position:relative;padding:7px 10px 7px 20px}
.session-msg:hover{cursor:pointer}
.session-msg:before{border-bottom:6px solid transparent;border-left:6px solid #df280a;border-right:none;border-top:6px solid transparent;content:'';display:block;height:0;left:0;margin-top:-6px;position:absolute;top:50%;width:0}

.frm-reservation .sect-top{height:80px}
.frm-reservation textarea.reservation-notes{box-sizing:border-box;height:40px;width:100%}

.lodging-reserved .row:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}
.lodging-reserved .col{border-left:1px solid #6c6c6c;border-top:1px solid #6c6c6c;box-sizing:border-box;float:left;width:131px;margin-left:1px;min-height:45px;padding:5px;text-align:center}
.lodging-reserved .col.first{border-left:0;margin-left:0}
.lodging-reserved .row.first .col{border-top:0}

.plus-expand {cursor:pointer; float:right; padding-right:20px;}
.navigator_default_main {z-index:200 !important;}
.removeGuide {color:red; cursor: pointer; padding-left:5px}
.money {text-align:right;}
.center {text-align:center;}
.strike {text-decoration:line-through;}
.resource_table hr {margin:5px 0;}

.room-selector td.open, .room-selector > tbody > tr:nth-child(odd) > td.open {background-color:white;}
.room-selector td.reserved, .room-selector > tbody > tr:nth-child(odd) > td.reserved {background-color:#b3ffbe;}
.room-selector td.blocked,.room-selector > tbody > tr:nth-child(odd) > td.blocked {background-color:#ffb3b3;}
.room-selector td.group-blocked ,.room-selector > tbody > tr:nth-child(odd) > td.group-blocked {background: repeating-linear-gradient(45deg, #ab8ec5,#ab8ec5 10px,#ffb3b3 10px,#ffb3b3 20px);}
.room-selector td.group, .room-selector > tbody > tr:nth-child(odd) > td.group {background-color:#ab8ec5;}

.room-selector td.open, .room-selector td.reserved, .room-selector td.group {cursor:pointer;}
.data-table > tbody > tr.row-seperator > td{background-color: #aaa; padding:2px;}