html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
.overflow-hidden { overflow:hidden!important; }
body > #container { display: flex; flex-wrap: wrap; /*height: 100%;*/ }
body > #container > #top { height: 3rem; box-sizing: border-box; flex: 1 0 100%; display: flex; padding: 0 0.5rem; align-items: center; }
body > #container > #top > .float-right { margin-left: auto !important; }
body > #container > #top .logout { border-radius: 4px; border: 1px solid #0085cc; background-color: #0085cc; padding: 0.5rem !important; cursor: pointer; text-decoration: none; }
body > #container > #top .logout:hover { background-color: #2baaef; border-color: #2baaef; text-decoration: none; }
body > #container > #top .top-search-bar { margin:0 0 0 2rem; }
body > #container > #leftbox { width: 120px; height: calc(100% - 3rem); box-sizing: border-box; float: none; }
body > #container > #leftbox > #leftnav { box-sizing: border-box; width: 100%; height: 100%; }
body > #container > #centerbox { flex: 1; height: calc(100% - 3rem); overflow: auto; padding: 0; margin: 0; box-sizing: border-box; }

.top-search-bar { display: flex; align-items: center; padding: 0.2rem 0.5rem; border-radius: 4px; background: #fff; }
.top-search-bar > .icon { }
.top-search-bar > .icon.more { padding: 0.5rem; cursor: pointer; color: #ccc !important; text-decoration: none; }
.top-search-bar > .icon.more:hover { color: #000 !important; text-decoration: none; }
.top-search-bar > .top-search-bar-panel { flex:1; display:flex; }
.top-search-bar > .top-search-bar-panel + .top-search-bar-panel { border-left: 1px dotted #ccc }
.top-search-bar > .top-search-bar-panel form { display: flex; margin: 0; padding: 0; }
.top-search-bar > .top-search-bar-panel input { flex: 1; border: 0; padding: 0.4rem; outline: none; font-size: 14px; background: transparent; }

.inline-block { display: inline-block; }
.vertical-align-top { vertical-align:top; }

.margin-top-1rem { margin-top: 1rem; }
.margin-top-2rem { margin-top: 2rem; }

.btn { display: inline-block; font-size: 0.9em; padding: 0.5em; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; text-decoration: none; }
.btn.primary,
.btn:hover { background: #0085cc; color: #fff; border-color: #0085cc; text-decoration: none; }
.btn.primary:hover { background: #005ccc; color: #fff; border-color: #005ccc; text-decoration: none; }
.section-title { border-bottom: 1px dotted #ccc; font-size: 0.8em; text-transform: uppercase; padding: 0 0 0.5em 0; margin: 0 0 1em 0; color: #888; }
.input-select,
.input-input[type="text"],
.input-textarea { display: inline-block; border: 1px solid #ccc; border-radius: 3px; padding: 0.4rem; margin: 0; font-size: 1rem; font-family: inherit; }
.input-checkbox { display:inline-block; }
.input-checkbox > input { position:absolute; visibility:hidden; }
.input-checkbox > span { display: inline-block; padding: 0.5em; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; }
.input-checkbox:hover > span,
.input-checkbox > input:checked + span { background: #0085cc; color: #fff; border-color: #0085cc; }

.toolbar-panel { position: relative; }
.toolbar-panel.user-top { margin: 0 0 0 2rem; }
.toolbar-panel.user-top + .toolbar-panel.user-top { margin-left:0.5rem; }
.toolbar-panel > .item { display: inline-block; vertical-align: top; position: relative; padding: 0.5rem; color: #fff; }
.toolbar-panel > .item.active { background: #fff; color: #00b7ff; border-radius: 3px 3px 0 0; }
.toolbar-panel > .item > .icon[count]:after { content: attr(count); position: absolute; top: 0; right: 0; background: red; font-size: 0.6em; width: 0.9rem; height: 0.9rem; text-align: center; line-height: 0.9rem; border-radius: 50%; box-shadow: 0 0 0 2px #005ccc; }
.toolbar-panel > .item > .icon[count="0"]:after,
.toolbar-panel > .item > .icon[count=""]:after { content: none; display: none; }
.toolbar-panel > .item:hover { cursor:pointer; }
.toolbar-panel > .item.disabled:hover { cursor:not-allowed; }
.toolbar-panel > .item > .popup { display: none; position:absolute; cursor: default; top: 100%; left:0; width:40rem; height:auto; background: #fff; border: 1px solid #eee; border-top: 0; border-radius: 0 3px 3px 3px; box-shadow: 5px 10px 10px rgba(0,0,0,0.4); }
.toolbar-panel > .item.active > .icon[count]:after { box-shadow: 0 0 0 1px #fff; color:#fff; }
.toolbar-panel > .item.active > .popup { display: block; position: absolute; padding: 1rem; font-size: 0.85rem; color: #000; }
.toolbar-panel > .item.active > .popup > .panel { display: block; }
.toolbar-panel > .item.active > .popup > .panel + .panel { margin:1rem 0 0 0; padding:1rem 0 0 0; border-top:1px dotted #ccc; }

.widget-internalmessage { position:relative; width:100%; height:100%; }
.widget-internalmessage.sent:after { content:"Your message was sent"; display:flex; align-items:center; justify-content: center; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; font-size:1rem; text-align:center; color:#06c81c; }
.widget-internalmessage > .message-input { display:block; width:100%; min-height:8em; line-height:1.2em; resize:vertical; padding:0 0 3rem 0; margin:0 0 0 0; border:0; font-family: inherit; }
.widget-internalmessage > .user-list { display:block; margin: 0 0 0.5rem 0; border-bottom: 1px dotted #ccc; padding: 0 0 0.6rem 0; -webkit-user-select:none; user-select:none; }
.widget-internalmessage > .user-list:before { content:"Send message to:"; display:block; position:relative; font-size: 0.8rem; margin: 0 0 0.5rem 0; color: #888; }
.widget-internalmessage > .user-list.collapsed { height:1em; overflow:hidden; }
.widget-internalmessage > .user-list.collapsed:before { content:"Select recipients"; }
.widget-internalmessage > .user-list.collapsed:hover:before { color:#0085cc; text-decoration:underline; cursor:pointer; }
.widget-internalmessage > .user-list > .user { display:inline-block; padding:0.1rem 0.4rem; margin:0 0 0.3rem 0; font-size: 0.9em; border:1px solid #ccc; border-radius:3px; background:#eee; text-decoration:none; -webkit-user-select:none; user-select:none; }
.widget-internalmessage > .user-list > .user:hover,
.widget-internalmessage > .user-list > .user.active { cursor:pointer; background:#00b7ff; border-color:#4f9bf8; color:#fff!important; }
.widget-internalmessage > .user-list > .user + .user { margin-left: 0.3rem; }
.widget-internalmessage > .message-dates { position:absolute; padding: 0 0 0.5rem 0; margin: -2.5rem 0 0.5rem 0; display: block; color: #888; font-size: 0.8rem; }
.widget-internalmessage > .message-dates.collapsed { height:1rem; margin:-1.5rem 0 0 0; overflow:hidden; }
.widget-internalmessage > .message-dates.collapsed:before { content:"Set message date"; display:block; margin:0 0 0.5rem 0; font-size:0.8rem; color:#888; }
.widget-internalmessage > .message-dates.collapsed:hover:before { color:#0085cc; text-decoration:underline; cursor:pointer; }
.widget-internalmessage > .message-dates > .date { width: 5rem; border-radius: 3px; border: 1px solid #ccc; padding: 0.3rem 0.2rem; }
.widget-internalmessage > .button-post { display:block; border-radius: 0 0 3px 3px;; border: 1px solid #4292cc; padding: 0.3rem 0.6rem; background: #2291ef; color: #fff !important; text-align:center; text-decoration:none; font-weight: bold; }
.widget-internalmessage > .button-post:hover { cursor:pointer; background:#4ba2ec; }
.widget-internalmessage.collapsed > *:not(.button-post) { display:none; }
.widget-internalmessage.collapsed > .button-post { border-radius: 3px; }

.widget-lostpropertylog { position: relative; width: 100%; height: 100%; text-align:center; }
.widget-lostpropertylog.logged:after { content: "Your item was logged"; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; font-size: 1rem; text-align: center; color: #06c81c; }
.widget-lostpropertylog > textarea.input { display: block; width: 100%; font-size: 1rem; min-height: 8em; line-height: 1.2em; resize: vertical; margin: 0 0 0 0; border: 0; font-family: inherit; outline: none; }
.widget-lostpropertylog  input.input { display: block; width: 100%; font-size: 1rem; line-height: 1.2em; resize: vertical; margin: 0 0 0 0; border: 0; font-family: inherit; outline:none; }
.widget-lostpropertylog > .description { margin: 0.5em 0 !important; padding: 0.5em 0 !important; border-top: 1px dotted #ccc !important; border-bottom: 1px dotted #ccc !important; }
.widget-lostpropertylog > .owner { }
.widget-lostpropertylog > .owner-contacted { position: absolute; right: 0; font-size: 0.8em; white-space: nowrap; }
.widget-lostpropertylog > .owner-contacted > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-lostpropertylog > .owner-contacted > .item:hover { text-decoration: none; }
.widget-lostpropertylog > .owner-contacted > .item.active { background: #0085cc; color: #fff !important; }
.widget-lostpropertylog > .item-stored { position: absolute; right: 0; font-size: 0.8em; white-space: nowrap; }
.widget-lostpropertylog > .item-stored > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-lostpropertylog > .item-stored > .item:hover { text-decoration: none; }
.widget-lostpropertylog > .item-stored > .item.active { background: #0085cc; color: #fff !important; }
.widget-lostpropertylog > .office-data { padding: 1em 0 3em 0; margin: 1em 0 0 0; border-top:1px dotted #ccc; display: block; width: 100%; }
.widget-lostpropertylog > .office-data > * { display:inline-block!important; width:32%!important; padding:0 1em; border-left:1px dotted #ccc!important; }
.widget-lostpropertylog > .office-data > *:first-child { border-left:none!important; padding-left:0; }
.widget-lostpropertylog > .office-data > *:last-child { padding-right: 0; }
.widget-lostpropertylog > .button-post { display: inline-block; width:80%; border-radius: 0 0 3px 3px; border: 1px solid #4292cc; padding: 0.3rem 0.6rem; background: #2291ef; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold; }
.widget-lostpropertylog > .button-cancel { display: inline-block; width: 12%; border-radius: 0 0 3px 3px; border: 1px solid #eee; padding: 0.3rem 0.6rem; background: #eee; color: #333 !important; text-align: center; text-decoration: none; font-weight: bold; }
.widget-lostpropertylog > .button-post:hover { cursor: pointer; background: #4ba2ec; }
.widget-lostpropertylog > .button-cancel:hover { cursor: pointer; background: #ccc; }
.widget-lostpropertylog.collapsed > *:not(.button-post) { display: none; }
.widget-lostpropertylog.collapsed > .button-post { border-radius: 3px; }

.widget-deliverylog { position: relative; width: 100%; height: 100%; }
.widget-deliverylog.logged:after { content: "Your item was logged"; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; font-size: 1rem; text-align: center; color: #06c81c; }
.widget-deliverylog > textarea.input { display: block; width: 100%; font-size: 1rem; min-height: 8em; line-height: 1.2em; resize: vertical; margin: 0 0 0 0; border: 0; font-family: inherit; outline: none; }
.widget-deliverylog > input.input { display: block; width: 100%; font-size: 1rem; line-height: 1.2em; resize: vertical; margin: 0 0 0 0; border: 0; font-family: inherit; outline: none; }
.widget-deliverylog > .description { margin: 0.5em 0 !important; padding: 0.5em 0 !important; border-top: 1px dotted #ccc !important; border-bottom: 1px dotted #ccc !important; }
.widget-deliverylog > .recipient { padding: 0 0 3rem 0; }
.widget-deliverylog > .recipient-contacted { position: absolute; right: 0; font-size: 0.8em; white-space: nowrap; }
.widget-deliverylog > .recipient-contacted > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-deliverylog > .recipient-contacted > .item:hover { text-decoration: none; }
.widget-deliverylog > .recipient-contacted > .item.active { background: #0085cc; color: #fff !important; }
.widget-deliverylog > .item-stored { position: absolute; right: 0; font-size: 0.8em; white-space: nowrap; }
.widget-deliverylog > .item-stored > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-deliverylog > .item-stored > .item:hover { text-decoration: none; }
.widget-deliverylog > .item-stored > .item.active { background: #0085cc; color: #fff !important; }
.widget-deliverylog > .button-post { display: block; border-radius: 0 0 3px 3px;; border: 1px solid #4292cc; padding: 0.3rem 0.6rem; background: #2291ef; color: #fff !important; text-align: center; text-decoration: none; font-weight: bold; }
.widget-deliverylog > .button-post:hover { cursor: pointer; background: #4ba2ec; }
.widget-deliverylog.collapsed > *:not(.button-post) { display: none; }
.widget-deliverylog.collapsed > .button-post { border-radius: 3px; }

.widget-internalmessage-list { }
.widget-internalmessage-list > .message { display:block; position:relative; padding:1.5em 0 0 0; }
.widget-internalmessage-list > .message.new:before { content:""; border: 2px solid #fc6b33; position: absolute; height: calc(100% - 1.5em); left: -1rem; }
.widget-internalmessage-list > .message:after {content: attr(user); position: absolute; top: 0; font-size: 0.8em; color: #888;}
.widget-internalmessage-list > .message + .message { margin:1em 0 0 0; border-top:1px dotted #ccc; }
.widget-internalmessage-list > .message > .text { display:block; margin:0 0 0.5em 0; }
.widget-internalmessage-list > .message > .recipient-list { display:block; font-size:0.8em; }
.widget-internalmessage-list > .message > .recipient-list > .recipient { display:inline-block; vertical-align:top; position:relative; padding:0 0.5em; color:#888 !important; border:1px solid #ccc; border-radius:3px; text-decoration:none; }
.widget-internalmessage-list > .message > .recipient-list > .recipient + .recipient { margin:0 0 0 0.8em; }
.widget-internalmessage-list > .message > .recipient-list > .recipient.active { color:#0085cc!important; border-color:#00b7ff; }
.widget-internalmessage-list > .message > .recipient-list > .recipient.active:after { content:"\f00c"; font-family:'Font Awesome 5 Free'; font-weight: 900; position:absolute; right:-0.4rem; top:-0.4rem; width:0.8rem; height:0.8rem; line-height:0.8rem; text-align:center; border-radius:50%; background:#06c81c; color:#fff!important; font-size: 0.7em; box-shadow: 0px 0px 0px 2px #fff; }

.widget-lostpropertylog-list { max-height: 400px; overflow: hidden auto; display: block; padding-right: 1rem !important; box-sizing: border-box; }
.widget-lostpropertylog-list > .message { display: block; position: relative; padding: 1.5em 0 0 0; }
.widget-lostpropertylog-list > .message.new:before { content: ""; border: 2px solid #fc6b33; position: absolute; height: calc(100% - 1.5em); left: -1rem; }
.widget-lostpropertylog-list > .message.returned,
.widget-lostpropertylog-list > .message.returned:after { overflow: hidden; height: 0; opacity: 0; padding:0; margin:0; }
.widget-lostpropertylog-list > .message:after { content: attr(user); position: absolute; top: 0; font-size: 0.8em; color: #888; }
.widget-lostpropertylog-list > .message + .message { margin: 1em 0 0 0; border-top: 1px dotted #ccc; }
.widget-lostpropertylog-list > .message > .remove { position: absolute; top: 1em; right: 2.2rem; cursor: pointer; color: #aaa !important; }
.widget-lostpropertylog-list > .message > .remove:hover { color: red !important; }
.widget-lostpropertylog-list > .message > .remove:hover + .name,
.widget-lostpropertylog-list > .message > .remove:hover + .name + .text { text-decoration: line-through !important; color: #ccc !important; }
.widget-lostpropertylog-list > .message > .return { position: absolute; top: 1em; right: 0; font-size: 1em; cursor: pointer; color: #32b932 !important; }
.widget-lostpropertylog-list > .message > .return:hover { color: forestgreen !important; }
.widget-lostpropertylog-list > .message > .return:hover + .name,
.widget-lostpropertylog-list > .message > .return:hover + .name + .text { color: green !important; }
.widget-lostpropertylog-list > .message > .message-id { /*position: absolute; top: 1.5em; right: 2.5rem;*/ display: block; font-weight: bold; }
.widget-lostpropertylog-list > .message > .name { display: block; font-weight: bold; }
.widget-lostpropertylog-list > .message > .text { display: block; margin: 0 0 0.5em 0; }
.widget-lostpropertylog-list > .message > .owner { display:inline-block; margin: 0 1rem 0 0; }
.widget-lostpropertylog-list > .message > .owner-contacted { display: inline-block; font-size: 0.8em; white-space: nowrap; }
.widget-lostpropertylog-list > .message > .owner-contacted > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-lostpropertylog-list > .message > .owner-contacted > .item:hover { text-decoration: none; }
.widget-lostpropertylog-list > .message > .owner-contacted > .item.active { background: #0085cc; color: #fff !important; }
/*.widget-lostpropertylog-list > .message > .item-stored { display: inline-block; margin: 0 0 0 2rem; font-size: 0.8em; white-space: nowrap; }
.widget-lostpropertylog-list > .message > .item-stored > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-lostpropertylog-list > .message > .item-stored > .item:hover { text-decoration: none; }
.widget-lostpropertylog-list > .message > .item-stored > .item.active { background: #0085cc; color: #fff !important; }*/
.widget-lostpropertylog-list > .message > .office-data { display: block; margin: 0.5rem 0 0 0; padding: 0.5rem; background-color:#eee; border-radius:4px; }
.widget-lostpropertylog-list > .message > .office-data > .item {  }
.widget-lostpropertylog-list > .message > .office-data > .item + .item { margin:0 0 0 1rem; }
.widget-lostpropertylog-list > .message > .office-data > .reportedby { display: inline-block; }
.widget-lostpropertylog-list > .message > .office-data > .location { display: inline-block; }
.widget-lostpropertylog-list > .message > .office-data > .booking { display: inline-block; }
.widget-lostpropertylog-list > .message > .office-data > .item-stored { display: inline-block; font-size: 0.8em; white-space: nowrap; }
.widget-lostpropertylog-list > .message > .office-data > .item-stored > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-lostpropertylog-list > .message > .office-data > .item-stored > .item:hover { text-decoration: none; }
.widget-lostpropertylog-list > .message > .office-data > .item-stored > .item.active { background: #0085cc; color: #fff !important; }
.widget-lostpropertylog-list > .message > .returnUi { position: absolute; top: 0; left: 0; width: calc(100% + 0.5rem); height: 100%; background: #fff; }
.widget-lostpropertylog-list > .message > .returnUi.hidden { display:none; }
.widget-lostpropertylog-list > .message > .returnUi > .input { width: 100%; height: 100%; resize: none; padding: 2rem 0 0 0; font-family: inherit; border: 0; outline: none; }
.widget-lostpropertylog-list > .message > .returnUi > .returnbutton { position: absolute; right: 1rem; bottom: 0; border-radius: 3px; border: 1px solid #4292cc; padding: 0.3rem 0.6rem; background: #2291ef; color: #fff !important; text-decoration:none; cursor:pointer; }
.widget-lostpropertylog-list > .message > .returnUi > .cancelbutton { position: absolute; right: 10rem; bottom: 0; padding: 0.3rem 0.6rem; text-decoration: none; cursor: pointer; color: #888; }
.widget-lostpropertylog-list > .message > .returnUi > .cancelbutton:hover { color:maroon; }

.widget-deliverylog-list { max-height: 400px; overflow: hidden auto; display: block; padding-right: 1rem !important; box-sizing: border-box; }
.widget-deliverylog-list > .message { display: block; position: relative; padding: 1.5em 0 0 0; }
.widget-deliverylog-list > .message.new:before { content: ""; border: 2px solid #fc6b33; position: absolute; height: calc(100% - 1.5em); left: -1rem; }
.widget-deliverylog-list > .message:after { content: attr(user); position: absolute; top: 0; left:0; font-size: 0.8em; color: #888; }
.widget-deliverylog-list > .message + .message { margin: 1em 0 0 0; border-top: 1px dotted #ccc; }
.widget-deliverylog-list > .message > .remove { position:absolute; top:1.5em; right:0; cursor:pointer; color:#aaa!important; }
.widget-deliverylog-list > .message > .remove:hover { color: red !important; }
.widget-deliverylog-list > .message > .remove:hover + .name,
.widget-deliverylog-list > .message > .remove:hover + .name + .text { text-decoration:line-through!important; color:#ccc!important; }
.widget-deliverylog-list > .message > .message-id { display: block; font-weight: bold; }
.widget-deliverylog-list > .message > .name { display: block; font-weight: bold; }
.widget-deliverylog-list > .message > .text { display: block; margin: 0 0 0.5em 0; }
.widget-deliverylog-list > .message > .recipient-contacted { display: inline-block; font-size: 0.8em; white-space: nowrap; }
.widget-deliverylog-list > .message > .recipient-contacted > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-deliverylog-list > .message > .recipient-contacted > .item:hover { text-decoration: none; }
.widget-deliverylog-list > .message > .recipient-contacted > .item.active { background: #0085cc; color: #fff !important; }
.widget-deliverylog-list > .message > .item-stored {  display:inline-block; margin: 0 0 0 2rem; font-size: 0.8em; white-space: nowrap; }
.widget-deliverylog-list > .message > .item-stored > .item { display: inline-block; border: 1px solid #0085cc; cursor: pointer; padding: 0.1em 0.8em; border-radius: 3px; }
.widget-deliverylog-list > .message > .item-stored > .item:hover { text-decoration: none; }
.widget-deliverylog-list > .message > .item-stored > .item.active { background: #0085cc; color: #fff !important; }


body {
	background-color: rgb(245,245,245);
	background-color: #0085cc;
	font-family: "Tahoma";
	margin: 0;
}

table, td {
	border-color: black;
}

image {
	border: 0px
}

input {
	padding: 0;
	margin: 0.1em;
	border: 1px solid black;
}

button {
	padding: 0;
	margin: 0.1em;
	border: 1px solid black;
}

#searchPage {
	width: 150px;
	border: 1px solid black;
}

#container {
	line-height: 130%;
	position: absolute;
	padding: 0px margin: 0px;
	width: 100%;
	top: 0px;
	left: 0px;
	right 0px;
}


#topnav, #top {
	padding: .5em;
	background-color: rgb(245,245,245);
	background-color: #005ccc;
	text-decoration: none;
	border-bottom: 1px solid black;
	a: link

{
	color: black;
	text-decoration: none;
}

a:visited {
	color: black;
	text-decoration: none;
}

a:active {
	color: black;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}

}

#topnav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

	#topnav a {
		color: black;
	}

#top a img {
	text-decoration: none;
}

#top h1 {
	padding: 0;
	margin: 0;
}

#leftbox {
	float: left;
	width: 160px;
}

#leftnav {
	width: 160px;
	float: left;
	margin: 0;
	padding: 15px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #005CCC;
	/* Box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 130px;
}

html > #leftnav {
	width: 130px;
}

#leftnav h3 {
	padding: 0;
	margin: 0.3em;
	margin-left: 0;
	margin-bottom: 0;
}

#leftnav a { text-decoration: none; display: block; text-align: center; font-size: 0.5rem; padding: 1rem 0.6rem 0.4rem 0.6rem; background: #ccc; color: #000; border: 1px solid #ccc; border-radius: 3px; margin: 1px 0; cursor: pointer; text-transform: uppercase; white-space: nowrap; letter-spacing: 0.3px; font-weight: bold; }
#leftnav a .icon { display: block; margin: 0 0.3rem 0.3rem 0; font-size: 1.5rem; }
#leftnav a:hover { color: white; text-decoration: none; }

/*#leftnav input[type=text] {
	width: 130px;
	margin-left: 0;
	margin-right: 0;
}*/

/*#leftnav a:visited {
	color: #CCCCCC;
	text-decoration: none
}

#leftnav a:active {
	color: #CCCCCC;
	text-decoration: none
}*/


/*#leftnav .search { margin: 1rem 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#leftnav .search > .title { text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; color: #ccc; margin: 0 0 1rem 0; }
#leftnav .search > .search-panel { position:relative; }
#leftnav .search > .search-panel + .search-panel { padding: 1rem 0 0 0; }
#leftnav .search > .search-panel + .search-panel:before { content:""; position:absolute; top: 0; border-top: 1px dotted #888; width: 50%; left: 25%; }
#leftnav .search > .search-panel + .search-panel:after { content: "or"; display:none; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #ccc; font-size: 0.8rem;line-height: 1.4rem; height: 1.4rem; border-radius: 50%; width: 1.4rem; text-align: center; color: #666; }
#leftnav .search > .search-panel form { position:relative; }
#leftnav .search > .search-panel .go { position: absolute; right: 0; top:1px; font-size: 0.9rem; padding: 0.4rem; border: 0; background: transparent; cursor: pointer; color:#888; border-left: 1px dotted #ccc; }
#leftnav .search > .search-panel .go:hover { color: #0085cc; background: #cde5f2; }
#leftnav .search > .search-panel  input[type="text"] {padding: 0.3rem; border: 1px solid #ccc; border-radius: 3px; font-size: 0.9rem;}*/

#centerbox {
	margin-left: 170px;
	height: 30px;
	padding-right: 10px;
	width: auto;
}

#centerheader {
	height: 30px;
	padding: 0.5em;
	margin: 5;
	margin-right: 0;
	margin-left: 0;
	width: auto;
	border: 0px solid black;
	background-color: #005CCC;
}

	#centerheader h3 {
		padding: 0;
		margin: 0;
	}

#bookingheader {
	height: auto /*10px*/;
	border-top: 1px solid black;
	background-color: #CCCCCC;
	padding: 4px;
}

#centertabbox {
	margin-top: 10px;
	height: auto /*10px*/;
}

#centertab {
	/*float: left;*/
	height: auto /*12px*/;
	/*padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;*/
	margin-right: 3;
	border: 1px solid black;
	border-bottom: 0;
	background-color: #eeeeee;
	display: table-cell;
}

	#centertab > b,
	#centertab > a {
		padding: 0.3em 0.5em;
		display: block;
		height: 100%;
	}

		#centertab > b,
		#centertab > a:hover {
			background-color: #ccc;
			color: #000;
		}

#centermain {
	height: 300px;
	margin-bottom: 10px;
	padding: 15px;
	width: auto;
	height: auto;
	border: 0px solid black;
	background-color: #eeeeee;
}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: rgb(245,245,245);
	background-color: #0085cc;
}

#leftnav p {
	margin: 0 0 1em 0;
}

#content h2 {
	margin: 0 0 .5em 0;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none
}

a:active {
	color: #666666;
	text-decoration: none
}

a:hover {
	color: #CCCCCC;
	text-decoration: underline
}

#top a {
	color: black;
}

#leftnav {
	/*position: fixed;*/
}


.checkin-toolbar {
	display: inline-block;
	width: 50rem;
	margin: 0 0 0 3rem;
}

	.checkin-toolbar .item {
		display: inline-block;
		padding: 0.3em 0.5em;
		margin: 0 0 0 0.1em;
		border: 1px solid #aaa;
		border-radius: 3px;
		cursor: pointer;
		text-decoration: none;
		background: #e6e6e6;
	}

		.checkin-toolbar .item:hover,
		.checkin-toolbar .item.active {
			background: #39b5ff;
			color: #fff;
			border-color: #4e9eff;
		}

.popup-button-toggle {
	display: inline-block;
	border: solid black;
	border-width: 0 2px 2px 0;
	padding: 2px;
	width: 0.1em;
	height: 0.1em;
	cursor: pointer;
}

	.popup-button-toggle.right {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.popup-button-toggle.left {
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
	}

	.popup-button-toggle.up {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		margin: 0 0 -0.1em 0.5em;
	}

	.popup-button-toggle.down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		margin: 0 0 0.2em 0.5em;
	}

	.popup-button-toggle.up,
	.popup-button-toggle:hover {
		border-color: #0085cc;
	}

.popup-window {
	display: none;
	position: absolute;
	width: 25rem;
	height: 10rem;
	background: #fff;
	right: 0;
	top: 0.5em;
	padding: 1em;
}

	.popup-window.show {
		display: block;
		box-shadow: 0 0 15px -5px #000;
		z-index: 99999;
	}

	.popup-window > .popup-header {
		display: block;
		color: #888;
		font-size: 0.9em;
		height: 2rem;
	}

	.popup-window > .popup-content {
		display: block;
		color: #888;
		font-size: 0.9em;
		height: 8rem;
		overflow: auto;
	}

		.popup-window > .popup-content > .item {
			display: inline-block;
			white-space: nowrap;
			font-size: 1em;
			text-decoration: none;
			padding: 0.2em 0.5em;
			border-radius: 2px;
			cursor: pointer;
			margin: 0 0 0.2em 0;
			border: 1px solid #efefef;
		}

			.popup-window > .popup-content > .item:hover,
			.popup-window > .popup-content > .item.active {
				background: #59d0ff;
				color: #fff;
				border-color: #59d0ff;
			}