body {
	background: white;  /* Edit to change colour of page background */
	color: black;       /* Edit to change colour of text */
	font-family: sans-serif;
	max-width: 920px;   /* Edit to set the maximum width of the page */
	min-width: 920px;   /* Edit to set the maximum width of the page */
	margin: 20px;         /* Edit to set the left margin of the page */
}
h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}
h3 {
    font-size: 20px;
}

p {
    font-size: 16px;
}

.box {
/*	width: 35px; */
	height: 33px; 
	background: white;
	float: left;      /* Makes box elements draw from left to right until they reach the max width */
/*	border: 0px solid black; */
}
.rowNbr {
	height: 33px;
	background: white;
	float: left;      /* Makes box elements draw from left to right until they reach the max width */
}

.rowHeading {
	height: 33px;
	background: white;
	float: left;      /* Makes box elements draw from left to right until they reach the max width */
}
.colHeading {
	height: 58px;
	background: white;
	float: left;      /* Makes box elements draw from left to right until they reach the max width */
}

.cellColHeading {
	height: 58px;
	background: white;
	float: left;      /* Makes box elements draw from left to right until they reach the max width */
}

.clearFloat {         /* Clears the float so the next row starts at the left margin */
    clear: left;
}
.messageBox {
	padding-left: 10px;
	padding-top: 5px;
    width: 170px;
    height: 25px;
    border: 1px solid #448ccb;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: white;
    display: inline-block;
    float: left;
}

.responseMessageBox {
	padding-left: 10px;
	padding-top: 5px;
    width: 695px;
    height: 45px;
    border: 1px solid #448ccb;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 5px;
    background-color: white;
    display: inline-block;
}

.debugText {
    border: 1px solid red;
}

.serologyButton {
    background-color: #ffffff; /* white */
    border: 2px solid #448ccb;
    color: black;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}

.serologyEditButton {
    background-color: #ffffff; /* white */
    border: 2px solid #448ccb;
    color: black;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}


.userModeDisplay {
    display: inline-block;
}

.cell {
    border: 1px solid black;
    width: 31px;
    height: 31px;
}