html, body, input, textarea, select, option, checkbox, table { 
	font-family: Roboto Light, sans-serif; font-size: 8pt;
	text-decoration: none; color: white;
}
body { 
	background-color: #424242; margin: 0; padding: 1px 1px 1px 2px; border-top: 6px solid green;
}
.lister { 
	background-color: #424242;
}
img { border-style: none; margin: 0; padding: 0; border: 0; }

.date:hover, .out:hover, .in:hover, .button:hover, a:hover { background-color: lightskyblue; color: white; text-decoration: none; }
a:link { text-decoration: none; color: white; }
a:visited { text-decoration: none ; color: white; }

input, textarea {
	margin: 0; padding: 1px; border-color: #424242; border-style: solid; border-width: 0 1px 1px 0; 
	color: white; background-color: dimgray;
}
.ui-autocomplete-input, .ui-sortable-placeholder { background-color: #424242; }
.ui-autocomplete-input::placeholder { color: Gainsboro; }
.disabld { background-color: #424242; }
select, option {
	background-color: dimgray; margin: 0; padding: 0; border-color: #424242; border-style: solid; border-width: 1px;
}
select:disabled { background-color: #424242; color: Gainsboro; }
checkbox { margin: 0; padding: 0; border: 0; }

.button { background-color: #424242; color: snow; font-weight: bold; border-color: #FFFFFF #999999 #999999 #FFFFFF; border-style: solid;
	border-width: 1px; padding: 1px; margin: 1px; }
.in { font-weight: bolder; }
.out { }
.off { color: gray; }

.good { color: green; }
.bad { color: red; }
.text { color: white; }

.title { font-weight: bold; font-size: larger; margin-bottom: 4px; }

.entry { margin: 0; padding: 0; border: 0; }
.navigator { background-color: dimgray; }
.developer { background-color: red; }
.nav { background-color: dimgray; vertical-align: top; margin: 0; padding: 0; border: 0; }

.tab { 
	width: 100%; margin: 0 auto; padding: 0; 
	border-collapse: collapse; border-color: #424242; border-style: solid; border-width: 1px;
}
.tab1 { vertical-align: text-top; background-color: #424242; padding: 0 2px 0 2px; margin: 0;
border-color: #424242; border-style: solid; border-width: 1px 0 0 1px; width: 85px; white-space: nowrap; }
.tab2 { background-color: dimgray; padding: 0 2px 0 2px; margin: 0; border-color: #424242; border-style: solid; border-width: 1px 0 0 0; }
.tab3 { vertical-align: text-top; text-align: right; background-color: #424242; margin: 0; padding: 0 2px 0 2px; 
border-color: #424242; border-style: solid; border-width: 1px 0 0 0; width: 32px; }
.tab4 { vertical-align: middle; text-align: right; background-color: #424242; margin: 0; padding: 0 2px 0 2px; 
border-color: #424242; border-style: solid; border-width: 1px 1px 0 0; width: 32px; }
.topfiller { padding-top: 3px; }
.botfiller { padding-bottom: 3px; }
.nowrap { white-space: nowrap; }

.pers, .date, .bev, .style, .abv, .rate { display: block; }
.bev, .rate { font-weight: bolder; }
.pers { white-space: nowrap; }
.sname { color: Gainsboro; }
.label { color: Gainsboro; font-weight: bolder; }
.date { white-space: nowrap; }
.direction { vertical-align: middle; padding: 0 1px 0 1px; }
.rbutt { vertical-align: bottom; padding-left: 2px; }
.arrow { vertical-align: baseline; padding-left: 2px; float: left; }
.number { text-align: right; }

.sort { background-color: dimgray; padding-left: 2px; vertical-align: text-bottom; border-color: #424242; border-style: solid; border-width: 1px 0 1px 0; }
.ref { float: right; vertical-align: top; padding-left: 2px; }
.lef { vertical-align: top; padding-left: 2px; }
.review { display: none;  padding-left: 2px; background-color: #424242; border-color: #424242; border-style: solid; border-width: 0 0 1px 0; font-size: smaller; }
.rhead { text-decoration: underline; }

.version { float: right; color: Gainsboro; }
.msg {  font-weight: bolder; }
.list { background-color: dimgray; white-space: nowrap; vertical-align: bottom; }
th { background-color: #424242; color: snow; padding: 2px 1px 2px 1px; white-space:nowrap; }
.even { background-color: #424242; }

.ctab {
	width: 100%; padding: 0; border-collapse: collapse; border-width: 0;
}
.stab {
	width: 100%; padding: 1px; border-collapse: collapse; border-width: 0; margin: 0; vertical-align: bottom; 
}
.shead {
	font-weight: bolder;
}
.scell { padding: 0 1px 1px 2px; vertical-align: bottom; }
.ttab {
	padding: 0; border-collapse: collapse; border-width: 0; margin: 0; vertical-align: bottom; 
}
.cttab { 
	margin: 0 auto; padding: 0; vertical-align: top; 
	border-collapse: collapse; border-color: #424242; border-style: solid; border-width: 1px;
}
.thead {
	font-weight: normal; font-size: smaller; vertical-align: bottom;
}
.qtab1 {
	width: 180px; vertical-align: top; padding-right: 5px; 
}
.ltab {
	width: 100%; padding: 1px; margin: 0; border-collapse: collapse; border-width: 0; vertical-align: middle;
}
.lcell, .ltcell {
	vertical-align: middle; white-space:nowrap;
}
.pcell {
	vertical-align: top; height: 18px; padding: 2px;
}
.tcell {
	padding: 0 4px 0 0; white-space: nowrap;
}

.logbox { padding: 5px; }

.center {
    margin-left: auto; margin-right: auto;
    align: middle;
    text-align: center;
}
// turfer

#modalalertdiv { display: none; }

@media (min-width: 800px) {
	.tab {
		width: 800px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 800px) {
	.stab {
		width: 800px;
	}
}
@media handheld {
	html, body, input, textarea, select, option, checkbox { font-size: 12pt; }
	background-color: #424242;
}
.offbar, .onbar { display: none; padding-left: 2px; background-color: dimgray;
	border-bottom-color: #424242; border-style: solid; border-width: 0 0 1px 0; font-size: smaller; }
.onbar { display: table-cell; }

.drag-handle{
background-color: #424242;
}
#interVeil{
background: #424242 url(blackdot.gif);
}

/* Styles for sliding menus */
.cbp-spmenu {
	color: white;
	background: dimgray;
	position: fixed;
}
.cbp-spmenu h3 {
	padding: 4px;
	margin: 0;
	background: #424242;
	border-bottom: 1px solid #424242;
}

.cbp-spmenu a {
	color: white;
	display: block;
}
.cbp-spmenu a:hover {
	background: #424242;
	color: snow;
}
.cbp-spmenu a:active {
	background: #424242;
	color: snow;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 150px;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	padding: 4px 4px 4px 8px;
	border-bottom: 1px solid #424242;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -150px;
}
.cbp-spmenu-right {
	right: -150px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}
.cbp-spmenu-bottom {
	bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	position: absolute;
	left: 150px;
	right: 0;
}
.cbp-spmenu-push-toleft {
	left: -150px;
}

@media (max-width: 500px) {
	.cbp-spmenu-push-toright {
		left: 150px;
		position: relative;
	}
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#modalalertdiv { display: none; }