html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
        font-family: verdana, arial, helvetica;
        background-color:#f1fae4;
        font-size: 14px;
        margin-bottom:60px;
}
table {
	width:100%;
        padding:10px;
        border:1px solid #5f8f1a;
        border-collapse: collapse;
	overflow-y: scroll;
}
table.details {
	font-size:13px;
}
th {
	padding:5px;
        background-color:#5f8f1a;
        color:white;
}
tr {
	border:1px solid #5f8f1a;
}
tr:nth-child(2n+1) {
        background-color:#c3e98b;
        color: #25380A;
}
tr.order:hover {
	background-color: #8f195e !important;
	color: #ffffff;
}
tr.job:hover {
	background-color: #8f195e !important;
	color: #ffffff;
}
td {
	padding-left:10px;
	padding-right:10px;
	border:1px solid #c3e98b;
}
thead {
}
tbody {
}
a {
	color: #fff;
	opacity:.4;
}
a:hover {
	opacity:1;
}
.active {
	background-color:#8f195e;
}
.button {
	float:right;
        display:block;
        padding:10px;
        background-color: #5f8f1a;
        color: #fff;
	border: 0px;
	width:100px;
	margin-left:10px;
	font-size: 16px;
}
.cancel {
        background-color: #c1c1c1;
}
.default {
	color: #a1a1a1;
}
.field {
	font-size:18px;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
	width:100%;
	margin-bottom:10px;
}
.field:valid {
	border: 1px solid #5f8f1a;
}
.downarrow {
	display:inline-block;
	width:0;
	height:0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #ffffff transparent transparent transparent;
	margin:5px;
}
#settings {
	display:inline-block;
	height:30px;
	padding:8px;
	margin-right:-8px;
	margin-top:-8px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:10;
}
#settings:hover {
	background-color:#8f195e;
}
.header {
	position: fixed;
	top:0px;
	right:0px;
	left:0px;
	padding:8px;
	height:30px;
        background-color: #5f8f1a;
        color: #fff;
	font-size:16px;
}
#settingspanel {
	position: fixed;
	z-index:20;
	top:46px;
	right:0px;
	padding:15px;
	width:45%;
        background-color: #8f195e;
        color: #fff;
	font-size:16px;
        border-left:2px solid #f1fae4;
        border-bottom:2px solid #f1fae4;
}
.info {
	margin-top:60px;
	padding:5px;
	background: #87c3eb;
	color: #185f8f;
	text-align:center;
}
.warn {
	margin-top:60px;
	padding:5px;
	background: #ea8992;
	color: #8f1924;
	text-align:center;
}
.link {
	float:left;
	margin-top:10px;
	color: #5f8f1a;
	opacity:0.4;
}
.link:hover {
	opacity:1;
}
.tabsection {
	float:right;
        display:inline-block;
	margin-right:30px;
	margin-top:-8px;
	height:30px;
}
.tab {
	float:left;
        display:block;
	height: 100%;
        padding:8px;
        background-color:#25380a;
        color: #fff;
	border: 0px;
	margin-right:10px;
	font-size: 16px;
}
.tab:hover {
	background-color: #8f195e;
        color: #fff;
}
.tlink {
	color: #5f8f1a;
	opacity:1;
}
.tlink:hover {
	text-decoration:none;
        color: #25380A;
}
.left {
	float:left;
}
.logo {
}
.login {
	display:none;
	text-align:center;
	width:35%;
	margin-left:32.5%;
	margin-top:10%;
}
.right {
	float:right;
}
#account {
	display:inline-block;
	width:200px:
	font-size:16px;
	padding:8px;
}
#accounts {
	margin-top:-5px;
}
#bad {
	display:none;
	text-align:center;
	width:50%;
	margin-left:25%;
	margin-top:2%;
}
#cust {
	display:inline-block;
	padding:8px;
}
#main {
	margin-top:50px;
	margin-left:10px;
	margin-right:10px;
}
#showemail {
	width:100%; 
	margin 0 auto;
	text-align:left; 
	display: table-cell;
	vertical-align: middle;
	font-size:18px; 
	margin-top:5px; 
	margin-bottom:10px;
	padding:10px;
	line-height:32px;
}