/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	color: #000;
	font: 14px Arial;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#563D64;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

/* BOOTH COLORS BASED ON OCCUPIED STATUS */
div.reserved {
    background-color: lightgreen;
}

div.available {
    background-color: white;
}

div.sold {
    background-color: darkcyan;
}

div.non-rentable {
    background-color: crimson;
}
/* END BOOTH COLORS */



div#add-details {
    padding: 6px; 
    right: 0; 
    top: 300px;
    width: 240px;
    height: auto;
    background-color: gainsboro; 
    border: #4d4f53 solid thick; 
    z-index: 500;
    cursor: move;
}

div.booth {
    cursor: pointer;
}

div.resizable {
    text-align: center;
    vertical-align: middle;
    display: table;
    background-image: none;
    position: absolute;
}

div.boothNumber {
    font-size: 11px;
    display: table-cell;
    margin: auto;
    background-color: inherit;
    color: black;
    font-weight: bold;
    vertical-align: middle;
}

div.editBooth {
    display: inline;
    position: relative;
}

div.editBooth img {
    height: 15px;
    width: 15px;
}

div.editBooth a {
    font-size: 60%;
}

label, input {
    display: block;
}

input.text {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

h1 {
    font-size: 1.2em;
    margin: .6em 0;
}

div#users-contain {
    width: 350px;
    margin: 20px 0;
}

div#users-contain table {
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}

div#users-contain table td, div#users-contain table th {
    border: 1px solid #eee;
    padding: .6em 10px;
    text-align: left;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}

.popbox {
    display: none;
    position: relative;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0 0 5px 0 rgba(164, 164, 164, 1);
    box-shadow: 0 0 5px 0 rgba(164, 164, 164, 1);
}

.popbox h2 {
    background-color: #4D4F53;
    color: #E3E5DD;
    font-size: 25px;
    display: block;
    width: 100%;
    margin: -10px 0 8px -10px;
    padding: 5px 10px;
}

.tablenumber, div.resizable {
    border: #4d4f53 solid 0.15em;
    text-align: center;
    vertical-align: middle;
    font-family: sans-serif;
    font-size: 150%;
    text-decoration: none;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.75; /* khtml, old safari */
    -moz-opacity: 0.75; /* mozilla, netscape */
    opacity: 0.75;
}

#site {
    height: 100%;
    width: 100%;
    z-index: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

BODY {
    margin: 0;
    padding: 0;
}

form#editform label {
    display: inline-block;
    clear: left;
    vertical-align: top;
}

form#editform label::after {
    content: ":";
}

form#editform input, form#editform textarea {
    width: auto;
    display: inline-block;
    clear: right;
    vertical-align: top;
    padding: 0 0;
}

#legend {
    background-color: #FFF;
    border: #4d4f53 solid thin;
    padding: 0 0;
    position: fixed;
    bottom: 5px;
    left: 5px;
    display: inline-block;
    margin-top: 0;
    z-index: 950;
}

#legend p {
    font-size: 20px;
    background-color: #e3e5dd;
}

#legend div {
    display: inline-block;
    margin: 3px 9px;
    width: 100px;
    border: solid thin #4D4F53;
    text-align: center;
    font-weight: bold;
}

#popup-close-button {
    margin-top: 20px;
}