.scrollcontent {
  /* height:80%; */
	height:calc(100% - 300px);
  display:block;
  width:none;
  overflow-x:hidden;
  overflow-y:auto;
}

textarea {
  width:390px;
  height:130px;
  font-size:18px;
}

body {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:18px;
  line-height:1.42857;
  color:#ffffff;
  background-image:url("background.jpg");
  background-repeat:no-repeat;
  background-size:cover;
}

#usageselect-button {
	width:120px;
}

#feedback {
  font-size:1.4em;
}

ol .ui-selecting {
  background:#ff0000;
}

ol .ui-selected {
  background:#e22226;
  color:white;
}

ol {
  list-style-type:none;
  margin:0;
  padding:0;
  width:260px;
}

ol li {
  margin:3px;
  padding:0.4em;
  font-size:1em;
  height:18px;
}

h1 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:20px;
  line-height:1.42857;
}

h2 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:22px;
  line-height:0.1;
  text-align:center;
}

h3 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:15px;
  line-height:1.42857;
}

h4 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:22px;
  line-height:0.1;
  border-top:1px solid #333333;
  padding-top:25px;
  text-align:center;
}

.mainmenu {
  font-size:26px;
  font-weight:bold;
}

.mainmenu:hover {
  font-size:26px;
  font-weight:bold;
  color:#e22226;
}

.mainmenu:active {
  font-size:26px;
  font-weight:bold;
  color:#e22226;
}

.button:disabled {
  background:#aaaaaa;
}

a {
  color:#ffffff;
  text-decoration:none;
  font-size:18px;
  /*display:block;*/
}

a:hover,
a:focus {
  color:#e22226;
  /*font-size:18px;
  /*display:block;*/
}

.boxheader {
  background-color:#333333;
  color:#ffffff;
  padding:3px;
  text-align:center;
  font-size:20px;
}

.roweven {
  background-color:#222222;
  font-size:18px;
}

.rowodd {
  background-color:#000000;
  font-size:18px;
}

div.logo:before {
  padding-bottom:10px;
  max-width:340px; 
  content:url("logo.png");
}

/* div.logo {
  max-width:340px;
} */

/*
div.logo:after {
  content:'you can`t put HTML here....';
}
*/

.davidgolf {
  width:100%;
  margin:0 auto;
}

.davidgolf img {
  position:fixed;
  bottom:0;
  max-height:50px;
  margin-left:-70px;
}

.rangemanager {
  width:100%;
  margin:0 auto;
}

.rangemanager img {
  position:fixed;
  bottom:0;
  max-height:50px;
  margin-left:-70px;
}

input[type="text"],
input[type="password"] {
  padding:5px;
  /*border:0px solid #ffffff;
  -webkit-border-radius:0px;
  border-radius:0px;*/
  text-align:left;
  font-size:17px;
}

.amountinput {
  width:70px;
}

.memberinput {
  width:110px;
}

.addressinput {
  width:170px;
}

.lookupinput {
  width:150px;
}

.lookupinput2 {
  width:140px;
}

.phoneinput {
  width:150px;
}

.height50 {
  height:50px;
}
.height300 {
  height:300px;
}
.height400 {
  height:400px;
}
.height420 {
  height:420px;
}
.height600 {
  height:600px;
}
.height700 {
  height:700px;
}
.height800 {
  height:800px;
}
.height900 {
  height:800px;
}
.height75pc {
  height:75%;
}

.box {
  border:solid 3px #333333;
  background-color:#000000;
}

.buttontext {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:15px;
  display:block;
}

/* todo:find a better way to do this... */

.boxquarter {
  width:25%;
}
.boxfull {
  width:100%;
}
.boxhalf {
  width:50%;
}
.box90pc {
  width:90%;
}
.box250 {
  width:400px;
}
.box350 {
  width:350px;
}
.box400 {
  width:400px;
}
.box450 {
  width:450px;
}
.box550 {
  width:550px;
}
.box650 {
  width:650px;
}
.box700 {
  width:700px;
}
.box750 {
  width:750px;
}
.box760 {
  width:760px;
}
.box800 {
  width:800px;
}
.box850 {
  width:850px;
}
.box950 {
  width:950px;
}
.box1000 {
  width:1000px;
}
.box1100 {
  width:1100px;
}
.box1200 {
  width:1200px;
}

input[type="text"]:focus {
  border-color:#333;
}

input[type="submit"] {
  /*
    padding:5px 15px;
    background:#e22226;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius:5px;
    border-radius:0px;
    color:#ffffff;
    */
  font-size:16px;
  width:100px;
}

input[type="file"] {
  padding:5px 15px;
  background:#e22226;
  border:0 none;
  cursor:pointer;
  -webkit-border-radius:5px;
  border-radius:0px;
  color:#ffffff;
  font-size:15px;
  width:100px;
}

.width100 {
  width:100px;
}
.width110 {
  width:110px;
}
.width120 {
  width:120px;
}
.width130 {
  width:130px;
}
.width140 {
  width:140px;
}
.width150 {
  width:150px;
}
.width160 {
  width:160px;
}
.width200 {
  width:200px;
}

#receipttype {
  width:140px;
}

#sortorder {
  width:155px;
}

#membertype {
  width:100px;
}

#memberstatus {
  width:100px;
}

#memberstatus2 {
  width:100px;
  /*height:27px;*/
  vertical-align:middle;
}

#productid {
  width:220px;
}

#ratename {
  width:220px;
}

#amount {
  width:80px;
}

#time {
  width:80px;
}

#date {
  width:130px;
}

form {
  display:inline;
  text-align:center;
  width:750px;
}

.submit {
  background-color:#e22226;
}

button.boxfull {
  background-color:#ffffff;
  border:none;
}

.updatebutton {
  padding:5px 15px;
  background:#e22226;
  border:0 none;
  cursor:pointer;
  -webkit-border-radius:5px;
  border-radius:0px;
  color:#ffffff;
  font-size:15px;
  width:100px;
}

table.lookup td {
  border-bottom:solid 1px #333333;
  border-left:solid 1px #333333;
}

table.gridtable td {
  border-bottom:solid 1px #333333;
  border-left:solid 1px #333333;
}

input[type="checkbox"] {
  -webkit-appearance:none;
  width:22px;
  height:22px;
  background:white;
  border-radius:4px;
  border:2px solid #555;
  margin-bottom:5px;
  vertical-align:middle;
}

.smallCheckbox {
  width:18px !important;
  height:18px !important;
  border:1px solid #555 !important;
  margin-bottom:0px !important;
}

input[type="checkbox"]:checked {
  background:green;
}

.redcheck[type="checkbox"]:checked {
  background:red;
}

.orangecheck[type="checkbox"]:checked {
  background:orange;
}

.silvercheck {
  display:none;
}

.silvercheck + label{
	background:url('checkbox_plus.png') no-repeat;
	height:24px;
	width:24px;
	background-size:cover;
	display:inline-block;
	padding:0 0 0 0px;
}

.silvercheck:checked + label{
	background:url('checkbox_minus.png') no-repeat;
	height:24px;
	width:24px;
	background-size:cover;
	display:inline-block;
	padding:0 0 0 0px;
}

.silvercheck:disabled + label{
	background:url('checkbox_blank.png') no-repeat;
	height:24px;
	width:24px;
	background-size:cover;
	display:inline-block;
	padding:0 0 0 0px;
}

.silvercheck2 {
  display:none;
}

.silvercheck2 + label{
	background:url('checkbox_plus_plus.png') no-repeat;
	height:24px;
	width:24px;
	background-size:cover;
	display:inline-block;
	padding:0 0 0 0px;
}

.silvercheck2:checked + label{
	background:url('checkbox_minus_minus.png') no-repeat;
	height:24px;
	width:24px;
	background-size:cover;
	display:inline-block;
	padding:0 0 0 0px;
}

.greyImg {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
}

.recolourImg {
	-webkit-filter:hue-rotate(180deg);
	-moz-filter:hue-rotate(180deg);
	-o-filter:hue-rotate(180deg);
	-ms-filter:hue-rotate(180deg);
	filter:hue-rotate(180deg);
}

/* Tooltip */
.ui-tooltip,
.arrow:after {
  background:black;
  border:2px solid white;
}
.ui-tooltip {
  padding:10px 20px;
  color:white;
  border-radius:20px;
  font:bold 14px "Helvetica Neue", Sans-Serif;
  /*text-transform:uppercase;*/
  box-shadow:0 0 7px black;
}
.arrow {
  width:70px;
  height:16px;
  overflow:hidden;
  position:absolute;
  left:50%;
  margin-left:-35px;
  bottom:-16px;
}
.arrow.top {
  top:-16px;
  bottom:auto;
}
.arrow.left {
  left:20%;
}
.arrow:after {
  content:"";
  position:absolute;
  left:20px;
  top:-20px;
  width:25px;
  height:25px;
  box-shadow:6px 5px 9px -9px black;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.arrow.top:after {
  bottom:-20px;
  top:auto;
}
/* end tooltip */

#upload_button {
  display:none;
  padding:5px 15px;
  background:#e22226;
  border:0 none;
  cursor:pointer;
  -webkit-border-radius:5px;
  border-radius:0px;
  color:#eeeeff;
  font-size:15px;
}

::-webkit-input-placeholder {
  /* Edge */
  color:#707070;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color:#707070;
}

::placeholder {
  color:#707070;
}

.smallTopMargin {
	display:block;
	margin-top:10px;
	line-height:2px;
}

.hideimg {
	display: none;
}

.redtext {
	color:red;
}

.orangetext {
	color:orange;
}

.yellowtext {
	color:yellow;
}

.greentext {
	color:lime;
}

.bluetext {
	color:cyan;
}

.purpletext {
	color:magenta;
}

.silvertext {
	color:silver;
}

.greytext {
	color:gray;
}

.hidetext {
	display:none;
}

.scrolltable thead {
	display: table;
	table-layout: fixed;
}

.scrolltable tbody tr {
	display: table;
	table-layout: fixed;
}

.scrolltable th,
.scrolltable td {
	width: auto;
}

.imageTD {
	overflow: hidden;
	max-width: 27px;
	width: 27px;
	word-wrap: break-word;
}