body
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	font-size: 100%;
	background-color: white;
	max-width: 800px;
	text-align: center;
}

body img
{
	margin: 0 auto;
}

input
{
	font-size: 150%;
}

input:read-only
{
	background-color: #D3D3D3;
}

input[type=text]:focus
{
	background-color: yellow;
}

input[type=number]:focus
{
	background-color: yellow;
}

.selectable
{
	-webkit-user-select: text;
}

.green
{
	color: green;
}

.datastd
{
	display: inline-table;
	text-align: center;
}

.datastd caption {
  font-weight: bold;
}

.datastd thead {
	text-align: center;
}

.dataroomy
{
	display: inline-table;
	text-align: center;
}

.dataroomy caption {
  font-weight: bold;
}

.dataroomy thead {
	text-align: center;
}

.dataroomy td {
	padding: 15px 0;
}

.displayaslink{
	cursor:pointer;
    color:blue;
    text-decoration:underline;	
}

.bold
{
	font-weight: bold;
}

.error
{
	background-color: red;
}

.noTouch
{
	-webkit-user-select: none;
}

.center
{
	display: block;
	text-align: center!important;
}

.hidden
{
	display:none!important;
}

.entryfield
{
	width: 95%;
}

.entryfieldsmall
{
	width: 25%;
}

.hiddenfield
{
	display:none!important;
}

.getfocusfield
{
	width: 1px;
}	

.splashbutton
{
    outline: 0; 
	border:1px solid #aaa;
    line-height: 300%;
    width: 90%;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

.menubutton
{
    outline: 0; 
	border:1px solid #aaa;
    line-height: 300%;
    width: 90%;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
	font-size: 100%;
}

.menubuttonL
{
    outline: 0; 
	margin-top: 5px;
	border:1px solid #aaa;
    line-height: 200%;
    width: 90%;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
	font-size: 100%;
}

.menubuttonsmall
{
    outline: 0; 
	border:1px solid #aaa;
    line-height: 300%;
    width: 44%;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
	font-size: 100%;
}

.toolbarbutton3
{
    outline: 0; 
	border:1px solid #aaa;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	height: 40px;
	width: 30%;

}

.toolbarbutton4
{
    outline: 0; 
	border:1px solid #aaa;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	height: 40px;
	width: 20%;
}

.toolbarbutton5
{
    outline: 0; 
	border:1px solid #aaa;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	height: 40px;
	width: 18%;
}

.toolbarbutton6
{
    outline: 0; 
	border:1px solid #aaa;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    display: inline-block;
    color:black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	height: 40px;
	width: 16%;
}

.toolbarbuttonL
{
    outline: 0; 
	border:1px solid #aaa;
	height: 100px;
    width: 100px;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
    color:black;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}


.backGreen
{
    background-color:#66FF66;
}

.backGrey
{
    background-color:#E0E0E0;
}

.backRed
{
    background-color:red;
}

.lst
{
	display:inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}