/*  green : #3f9649
 red : #ee1c25
 orange : #f8981d*/
 
table
{
	width: 200px;
}

div.gradebox
{
	height:	20px;
	width:	20px;
	float: left;
	border-width: 1px;
	border-style: dashed;
	margin: 1px;
	cursor: pointer;
}

div.selected
{
	border-style: solid;
}

div.grade1:hover, div.grade1.selected
{
	background-color: #3f9649;
}

div.grade2:hover, div.grade2.selected
{
	background-color: #ffff00;
}

div.grade3:hover, div.grade3.selected
{
	background-color: #ffdab9;
}

div.grade4:hover, div.grade4.selected
{
	background-color: #ee1c25;
}

div.grade1.selected:hover
{
	background-color: #72c882;
}

div.grade2.selected:hover
{
	background-color: #ffffcc;
}

div.grade3.selected:hover
{
	background-color: #ffefd5;
}

div.grade4.selected:hover
{
	background-color: #ff4f58;
}

td.rhs
{
	width:150px;
}

img.jqui-icon-sized
{
	width: 16px;
	height: 16px;
}

table.anchor_readings
{
	border-width: 1px;
	border-style: solid;
	border-collapse:collapse;
	width: 100%;
}

table.anchor_readings th
{
	text-align: left;
	background-color: #000000;
	color: #ffffff;
}

table.anchor_readings td
{
	border-bottom:1px solid #000000;
}

table.correlation
{
        border-width: 1px;
        border-style: solid;
        border-collapse:collapse;
        width: 100%;
}

table.correlation th
{
        text-align: left;
        background-color: #000000;
        color: #ffffff;
}

table.correlation td
{
        border-bottom:1px solid #000000;
}

table.correlation td:nth-child(2n)
{
	background-color: #dfffff;
}

table.correlation tr:nth-child(2n) td
{
	background-color: #ffe5e5;
}

table.correlation tr:nth-child(2n) td:nth-child(2n)
{
        background-color: #e6e6fa;
}


table.anchor_readings tr.grade1
{
	background-color: #72c882;
}

table.anchor_readings tr.grade2;
{
	background-color: #ffffcc;
}

table.anchor_readings tr.grade3
{
	background-color: #ffefd5;
}

table.anchor_readings tr.grade4
{
	background-color: #ff4f58
}

span.bold
{
	font-weight: bold;
}

table.full
{
	width:100%;
}

table.full td.grade
{
	min-width: 80px;
}

table.full img
{
	width:100%;
}

table.meta th,td
{
	text-align:start;
}

table.nearlyfull
{
	width:95%;
}

table.nearlyfull td, table.nearlyfull th
{
	text-align: left;
}

th.left
{
	text-align: left;
}

a.back2top
{
	text-align:center;
	display:block;
}

img.w100
{
	width: 100px;
}

table.boxed
{
	border: 1px solid black;
}

table.boxed td
{
	border-top: 1px solid black;
}

img.icon
{
	width: 25px;
	float: right;
}