a {color: navy;}
a:hover {color: maroon;}
a.plain {text-decoration: none;}
body.bright {background-color: white;}
body.dim {background-color: #999;}
span.dim {color: red;}
button {font-weight: bold;}
div.booked {color: black; text-align: left; cursor: move; border-left: 1px solid black; padding-left: 2px;}
div.booked b {color: maroon;}
div.divHid {top: 20px; left: 35px; position: fixed; display: block; opacity: 0; background-color: #fff; z-index: -1;}
div.linked {font-style: italic;}
div.looked {font-style: italic; font-weight: bold; color: red;}
div.maskHide {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.5; z-index: -2;}
div.maskShow {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.5; background-color: #eef; z-index: 1;}
div.popup {top: 20px; left: 35px; position: fixed; display: block; opacity: 1; background-color: #eef; z-index: 2; border: 2px solid navy; padding: 10px; list-style-type: circle;}
div.popup table {border-color: silver;}
div.tent {border: 1px solid red;}
div.notent {border: 1px solid black;}
h1 {font-size: 24px; margin: 4px 0px;}
img.hide {display: none;}
img.show {display: inline; vertical-align: bottom;}
input.hide {display: none;}
input.show {display: inline; vertical-align: bottom; margin: 4px 4px 0px 4px;}
input.hilite {background-color: #ff8;}
input.date {width: 22ex; background-color: white;}
input.x {width: 20ex; color: red; display: none;}  /** make this invisible **/
input.y {width: 20ex; background-color: #FCC;}  /** make this visible **/
li.show {display: block;}
span.button {border: 1px solid grey; background-color: white; padding: 0px 4px;}
/*table {border-collapse: collapse;}*/
table.head td {padding: 1ex 2px};
/*table, th, td {border: 2px solid white;}*/
table {border: 2px solid white;}
td.localMode  {font-style: italic; color: green;}
td.remoteMode {font-style: italic; color: red;}
td.errorMsg  {font-style: italic; color: red; font-weight: bold;}
td.infoMsg  {font-style: italic; color: green; font-weight: bold;}
th {padding: 1px;} /* cellpadding, was td too */
td {padding: 0px;}

table.spread {border-spacing: 0px; border-collapse: separate; background-color: white;}  /* */
table.spread td {border: 1px solid #999; text-align: center;}  /* 1px solid #999 */
td.hit {color: black; background-color: #0F7; text-align: left !important;}
td.center {text-align: center !important;}
td.clickedCell {background-color: #F88; font-weight: bold;}
td.right {text-align: right}
tr.ghost {background-color: #fcc; font-size: 75%;}
tr.ghost td b {color: #600;}
tr.firstRow td {border-top: 2px solid #777;}
tr.lastRow td {border-bottom: 2px solid #777;}
tr.totalRow td {background-color: #cfc ! important;}
tr.hilite {background-color: #eef ! important;}
tr.arrive {background-color: #eef;}
tr.depart {background-color: #eef;}
td.busy {background-color: #ff6;}
td.frantic {background-color: #f99;}
td.white {background-color: white;}

ul.compact {margin: 0px;}
#bod {cursor: crosshair;}
#hed {/*font-weight: bold;*/ background-color: #EEF;}
#hed span {font-weight: normal; font-size: 80%;}
#packageRows input {width: 3em;}
td.evenMonth {background-color: #EEF;}
td.oddMonth  {background-color: #FEC !important;}
#totalFlow {font-weight: bold; /*font-family: monospace;*/}
table.dateSet {margin: 0px 0px 1ex 0px;}
table.dateSet td {border: 1px solid silver; padding: 1px 1ex;}
table.noborder {border-spacing: 0px; border-collapse: collapse; border: none; width: 100%;}
table.noborder td {border: none;}
/* booking type selector */
.conf {background-color: #CCC;}
.prov {background-color: #FC8;}
.reqc {background-image: linear-gradient(to right, white, #CCC); /*border: 2px dotted red;*/}
.reqp {background-image: linear-gradient(to right, white, #FC8); /*border: 2px dotted red;*/}
.floc {background-image: linear-gradient(to right, plum, #CCC); /*border: 2px dotted red;*/}
.point {cursor: pointer;}
.wht {background-color: #FFF;}
.maint {background-color: #FF6; border: 1px dotted black;}
.resv {background-color: #9CF; border: 2px dotted black;}
.undel {background-color: #f99; border: 2px dotted red;}
.TotalFlow {background-color: #9F9;}
.rose {background-color: #FCC;}
.choose {background-color: #FFC;}
.white {background-color: white;}

/* Style the tabs */
tr.tabs {
    overflow: hidden;
    border: none;
	padding: 4px 10px 0px 10px;
}
tr.tabs td {
	padding: 0px;
}

/* Style the buttons inside the tab */
tr.tabs button {
    float: left;
    border: 1px solid #999;
	border-radius: 10px 10px 0px 0px;
	background-color: #eee;
    cursor: pointer;
    padding: 4px 12px;
/*  transition: 0.3s; */
    font-size: 110%;
}

/* Change background color of buttons on hover */
tr.tabs button:hover {
    background-color: #ddd;
}

/* Create an active/current tab button class */
tr.tabs button.active {
    background-color: #fff;
	border-bottom: none;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.gray {color: gray;}
.gray a {color: gray;}
.green {color: green !important; font-weight: bold; font-style: italic;}
.shy {color: transparent; background-color: transparent; border: none;}
.italic {font-style: italic;};
.innerDIV {overflow: auto; max-height: 500px;}
.outerDIV {position: relative;}
.first3 {background-color: #eef !important;}
.weekend {background-color: #eef !important; width: 3.7ex;}
.weekday {background-color: #fff !important; width: 3.7ex;}
.holiday {background-color: #cfc !important; width: 3.7ex;}

/* newBooking */
.red {color: red;}
.tented {color: red; font-weight: bold;}
.warn {color: red; font-style: italic;}
.silver {background-color: silver;}
.blue {color: blue;}
.bold {font-weight: bold;}
.hide {display: none;}
.highlight {display: inline; font-weight: bold; background-color: #F99;}
.show {display: table-row-group; /*background-color: #FFC;*/}
.safariComment {background-color: #FC9; font-style: italic;}
.bookTitle {background-color: #CCF;}
.blink {
animation:1s blinker linear infinite;
-webkit-animation:1s blinker linear infinite;
-moz-animation:1s blinker linear infinite;
}
#bookHead i {background-color: #F88;}
#overlaps {font-size: 120%}