.button1 {
    background-color: #008CBA;
    position: relative;
    border: none;
    color: white;
    padding: 15px 32px;
    font-family: helvetica, arial, sans-serif;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-appearance: none;
    width: 200px;
    white-space: normal;
    font-weight: normal;
}
.button1[disabled]{
	opacity: 0.65;
	cursor: not-allowed;
}

.button1small {
    background-color: #ededed;
//    border: none;
//    color: white;
//    padding: 15px 32px;
    font-family: helvetica, arial, sans-serif;
    text-align: center;
    text-decoration: none;
    display: inline-block;
//vertical-align: middle;
//line-height: 25px;

//    font-size: 14px;
    margin: 1px 1px;
    cursor: pointer;
//    border-radius: 12px;
//    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -webkit-appearance: none;
    width: 110px;

//vertical-align:middle;
	border-radius:15px;
	border:1px solid #d6bcd6;
	color:#3a8a9e;
	font-size:17px;
	padding:7px 25px;
	box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-webkit-appearance: none;
}
.button1small[disabled]{
	opacity: 0.45;
	cursor: not-allowed;
}

.button1small:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}

.button1xsmall {
//    background-color: #008CBA;
//    border: none;
//    color: white;
//    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 1px 1px;
    cursor: pointer;
    border-radius: 12px;
//    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
//    -webkit-appearance: none;
    width: 100px;

	background-color: #ededed;
	border-radius:15px;
	border:1px solid #d6bcd6;
	color:#3a8a9e;
//	font-size:17px;
	padding:7px 25px;
	box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8),5px 5px 5px grey;
    	-webkit-appearance: none;
}

.button1xsmall:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}

.button1xsmall[disabled]{
	opacity: 0.45;
	cursor: not-allowed;
}

.redbutton {
    background-color: red;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 18pt;
    font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-appearance: none;
    width: 230px;
}

.navbackground {
    background-color: #008CBA;
    position: relative;
    border: none;
    color: white;
    padding: 5px 1px;
    font-family: helvetica, arial, sans-serif;
    text-align: center;
    text-decoration: none;
//    display: inline-block;
    font-size: 25px;
//    margin: 5px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-appearance: none;
width: auto;
    white-space: normal;
    font-weight: normal;
}

.navbutton {
    background-color: green;
    border: none;
    color: white;
    padding: 3px 3px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 15pt;
    font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-appearance: none;
    width: auto;
}

.navbuttonprev {
background-color: transparent;
    border: none;
    color: transparent;
    padding: 8px 2px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 19pt;
//    margin: 2px 1px;
    cursor: pointer;
    -webkit-appearance: none;
    width: auto;
//height: 50px;
position: relative;
  background-image:url(images/kioskpreviousrec.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}

.navbuttonprevfirst {
background-color: transparent;
    border: none;
    color: transparent;
    padding: 8px 2px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 19pt;
//    margin: 2px 1px;
    cursor: pointer;
    -webkit-appearance: none;
    width: auto;
//height: 50px;
position: relative;
  background-image:url(images/kioskpreviousfirst.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}

.navbuttonnext {
    background-color: transparent;
    border: none;
color: transparent;
    padding: 8px 2px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 19pt;
//    font-weight: bold;
//    margin: 2px 1px;
    cursor: pointer;
    -webkit-appearance: none;
    width: auto;
//height: 50px;
position: relative;
  background-image:url(images/kiosknextrec.gif);
  background-repeat:no-repeat;
  background-position:center;
  background-size: contain;
}

.navbuttonnextlast {
    background-color: transparent;
    border: none;
    color: transparent;
    padding: 8px 2px;
    text-align: center;
    text-decoration: none;
    font-family: helvetica, arial, sans-serif;
    display: inline-block;
    font-size: 19pt;
//    margin: 2px 1px;
    cursor: pointer;
    -webkit-appearance: none;
    width: auto;
//height: 50px;
    position: relative;
    background-image:url(images/kiosknextlast.gif);
    background-repeat:no-repeat;
    background-position:center;
    background-size: contain;
}

input[type="checkbox"] {
	background-color: transparent;
	border: 0.5px solid black;
	border-radius: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 14px;
	width: 14px;
}
input[type="checkbox"]:checked {
	border: 0px;
	height: 16px;
	width: 16px;
	background-image:url(images/checkmark.gif);
// top rt bottom left
	margin: 0px 0px 0px 0px;
}