body{
	padding: 0px;
	margin: 0px;
	font-family: Oxygen, sans-serif;
	background-color: #DDD;
}
h1{
	color: #222;
	text-align: center;
}
h2{
	color: #888;
	text-align:center;
}
h4{
	line-height:10px;
	margin-top:25px;
}
p, textarea{
	color: #111;
}
textarea{
	border:1px solid #ddd;
	padding:5px;
	font-family: sans-serif;
}
table{
    border-collapse: collapse;
    padding: 0;
    border-spacing: 0;
	border:none;
}
#tiles{
	display: block;
	text-align: center;
	height: 210px;
}
button, select{
	border:1px solid #ddd;
	border-image-width:0px!important;
}
input, button p{
	color: white;
}
select{
	color:black;
	background-color: #FFF;
}
input:not([type=checkbox]), select{
	width: 100%;
	border:1px solid #ddd;
	outline: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
input[type="text"]{
	background-color: #FFF;
}
input:hover, select:hover{
	background-color: #CCC;
	cursor:auto;
}
.inputfield{
	border:1px solid #ddd;
	font-size: 15px;
	background-color:#FFF;
	color: black;
}
.inputfield:hover{
	background-color:#EEE;
}
.inputfield:active{
	background-color:#cdcdcd;
}
table button{
	height:40px;
}
table td{
	padding:5px;
}
button, .button{
	display:table-cell;
	background-color: #234;
	color: white;
	border: none;
	outline: none;
    -webkit-appearance: none; 
    -moz-appearance: none;
}
button:hover, .button:hover{
	background-color: #789;
	cursor: pointer;
}
button:active, .button:active{
	background-color: #123;
	cursor: pointer;
}
#buttonred, .buttonred, .toolbar #back{
	background-color: #234;
}
#buttonred:hover, .buttonred:hover, .toolbar #back:hover{
	background-color: #789;
}
#buttonred:active, .buttonred:active, .toolbar #back:active{
	background-color: #123;
}
option{
	border: 0px;
}
a{
	color: #222;
	margin: 0px;
	display: inline-table;
	text-decoration:none;
	cursor:pointer;
}
tr{
	bottom:5px;
}
#tableTotalTop td{
	height:30px; 
	border-bottom: 1pt solid black;
}
select, option{
	font-size:20px;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2.4px;
  cursor: pointer;
  background: #aaa;
  border: 0.2px solid #888;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -10px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
@media print
{    
    .no-print, body, #blockmask
    {
		background-color:white !important;
    }
	.no-print span{
		background-color:#555
	}
}
.discreteButton{
	background-color:transparent;
	margin:0px;
	padding:0px;
}
.discreteButton p{
	color:initial;
	text-align:left;
	font-size:initial;
	margin-top:10px;
}
.discreteButton:hover{
	cursor:pointer;
	background-color:rgba(255,255,255,0.2);
}
.discreteButton:active{
	background-color:rgba(0,0,0,0.1);
}
#main{
	padding-top: 100px;
	padding-bottom: 100px;
	margin-left:auto;
	margin-right:auto;
	width:1280px;
}
#logo{
	width:400px;
}
#content{
	background-color:#fff;
	padding-bottom:50px;
	position:relative;
}
@media screen and (max-width : 1280px)  { 
	#main{
		padding-top: 30px;
		padding-bottom: 30px;
		width:1000px;
	}
	#logo{
		width:400px;
	}
	#content{
	}
}
@media screen and (max-width : 1024px)  { 
	#main{
		padding-top: 20px;
		padding-bottom: 20px;
		width:900px;
	}
	#logo{
		width:350px;
	}
	#content{
	}
}
@media screen and (max-width : 768px)  { 
	#main{
		padding-top: 10px;
		padding-bottom: 10px;
		width:700px;
	}
	#logo{
		width:350px;
	}
	#content{
	}
}
@media screen and (max-width : 640px)  { 
	#main{
		padding-top: 10px;
		padding-bottom: 10px;
		width:100%;
	}
	#logo{
		width:350px;
	}
	#content{
	}
}