html, body, input, textarea, select, option, checkbox, table { 
	font-family: arial, times new roman, verdana, sans-serif; font-size: 8pt;
	text-decoration: none; color: white;
}
body { 
	background-color: darkgreen; margin: 0; padding: 1px 1px 1px 2px; border-top: 6px solid green;
}
.lister { 
	background-color: darkgreen;
}
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: #072900; border-style: solid; border-width: 0 1px 1px 0; 
	color: white; background-color: #072900;
}
.ui-autocomplete-input, .ui-sortable-placeholder { background-color: darkgreen; }
.ui-autocomplete-input::placeholder { color: #ffde00; }
.disabld { background-color: darkgreen; }
select, option {
	background-color: green; margin: 0; padding: 0; border-color: #072900; border-style: solid; border-width: 1px;
}
select:disabled { background-color: darkgreen; color: #ffde00; }
checkbox { margin: 0; padding: 0; border: 0; }

.button { background-color: #072900; color: #ffde00; 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: black; }
.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: #072900; }
.developer { background-color: red; }
.nav { background-color: #072900; vertical-align: top; margin: 0; padding: 0; border: 0; }

.tab { 
	width: 100%; margin: 0 auto; padding: 0; 
	border-collapse: collapse; border-color: #072900; border-style: solid; border-width: 1px;
}
.tab1 { vertical-align: text-top; background-color: darkgreen; padding: 0 2px 0 2px; margin: 0;
border-color: #072900; border-style: solid; border-width: 1px 0 0 1px; width: 85px; white-space: nowrap; }
.tab2 { background-color: green; padding: 0 2px 0 2px; margin: 0; border-color: #072900; border-style: solid; border-width: 1px 0 0 0; }
.tab3 { vertical-align: text-top; text-align: right; background-color: darkgreen; margin: 0; padding: 0 2px 0 2px; 
border-color: #072900; border-style: solid; border-width: 1px 0 0 0; width: 32px; }
.tab4 { vertical-align: middle; text-align: right; background-color: darkgreen; margin: 0; padding: 0 2px 0 2px; 
border-color: #072900; 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: #ffde00; }
.label { color: #ffde00; 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: #072900; padding-left: 2px; vertical-align: text-bottom; border-color: #072900; 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: darkgreen; border-color: #072900; border-style: solid; border-width: 0 0 1px 0; font-size: smaller; }
.rhead { text-decoration: underline; }

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

.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: #072900; 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: 1px; 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
.tile {
	border-width: 0; padding: 4px; margin: 1px;
}
.xh { color: white; background-color: green; }
.xh:hover { color: green; background-color: #ffde00; }
.head {
	background-color: #072900;
	border-width: 0; padding: 4px; margin: 1px;
}
.head a { text-decoration: none; color: #ffde00; }
.turferb {
	background-color: darkgreen; 
	border-color: white; border-style: solid;
	border-width: 1px 1px 0 1px; padding: 0; margin: 0;
}
.turfer {
	border-color: green; border-style: solid; border-collapse: collapse;
	border-width: 2px; padding: 0; margin: 0;
	background-color: green;
}
.turfera {
	background-color: darkgreen; border-collapse: collapse;
	border-color: white; border-style: solid;
	border-width: 1px 1px 1px 1px;  margin: 0;
}
.hilight {
//	border-color: red; border-style: solid; border-collapse: collapse;
//	border-width: 1px 0 1px 0; padding: 0; margin: 0;
	background-color: white;
	color: darkgreen;
}
.hilight a {
	background-color: white;
	color: darkgreen;
}
.hilight a:hover {
	background-color: #072900;
	color: white;
}
.hilight a:active {
	background-color: white;
	color: darkgreen;
}
.board {
	border-color: white; border-style: solid;
	border-width: 0; padding: 0; margin: 0;
}
.c1 { text-align: center; white-space: nowrap; }
.c2 { }
.c3 { }
.offrow, .onrow { background-color: green; border-color: white; border-style: solid;
	border-width: 0; padding: 2px; margin: 0; }
.offitem { display: none; }
.onitem { display: table-row; }
#mx { background: linear-gradient(to right, darkgreen, darkgreen); vertical-align: top; width: 300px;}
.lcell, .plcell {
	vertical-align: text-bottom; display:inline-block; height: 18px; padding: 2px;
}
.lcell:hover { 
	background-color: #072900; color: white; text-decoration: none;
}
.indent { padding-left: 10px; }
.indent2 { padding-left: 20px; }
.icell { padding-left: 10px; vertical-align: top; }
.navt { background-color: #072900; vertical-align: top; margin: 0; padding: 0 2px 0 2px; border: 0; height: 12px; }
.exp { vertical-align: top; height: 12px; }

#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: #072900;
}