/*
	Very basic style sheet for basic results display
	All functions removed from the page (such as tap to order
	Joe  Aug 22  B9BEFB
*/

body {
    background-color:#B9BEFB;
    margin-left:auto;
    margin-right:auto;
}

button {
    font-size:large;
    background-color:black;
    color:white;
    width:200px;
    height:50px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;    
}

button:hover {
    cursor:pointer;
}

button:active {
  background-color:grey;
  color:white;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


table {
    margin-left:auto;
    margin-right:auto;
}

.centH {
    max-width:750px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
#resultstype {
    color:navy;
    font-weight:bold;
}

#msg {
    color:red;
    font-size:x-large;
    font-weight:bold;
    max-width:800px;
}
.centH table {
    margin-left:10px;
    margin-right:auto;
}

.centH h3 {
    margin-bottom:0px;
}

.centT {
    display:block;
    max-width:1000px;
}

.centT table {
    margin:left:10px;
    margin-right:auto;
}

.pict {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#clear table, #clear th, #clear td {
    border-style: none;
    border-collapse:collapse;
    border-width:1px;
    border-color:black;
}

#results table, #results th, #results td {
    border-style: solid;
    border-collapse:collapse;
    border-width:1px;
    border-color:black;	
}

#results th {
    border-style: solid;
    border-collapse:collapse;
    background-color:black;
    color:white;
    border-width:1px;
    border-color:white;	
	padding-left:5px;
	padding-right:5px;    
}

#results table {
	border-collapse:collapse;
}

table th tr {
    border-collapse: collapse;
}

table {
	border-collapse:collapse;
}


#pos {
    color:lime;
    text-align:center;
}

#neg {
    color: red;
    text-align:center;
}

#neut {
    text-align:center;
}

#cen0 {
		text-align:center;
}

#cen1 {
	text-align:center;
}

#cen2,#cen3,#cen4 {
	text-align:right;
}

#results tr:first-child {
	background-color:black;
	color:white;
	height:20px;
}

#results tr:first-child:hover {
	color:white;
	background-color:black;
	cursor:default;
}

#results tr.even-row {
	background-color:#CCCCCC;
	color:black;
}

#results tr.odd-row {
	background-color:#AAAAAA;
	color:black;
}

#results tr:hover {
	background-color:gray;
	color:white;
}

.clickable:hover {
	cursor:pointer;
	background-color:black;
}