@CHARSET "ISO-8859-1";
/* block positioning ensures that, given a height in em, everything will format as expected. */ 
div .ckChllData, div .ckChllLabel {
	color: black;
	position: block; /* this will ensure everythings is vertically stacked without overlap */
	height: 9em;
	font-size: 7pt;
	text-align: left;
	cursor: pointer;
	margin-top: .3em;
	margin-bottom: .3em;
}

div .ckChllLabel {
	width: 20em;
	background: transparent url("../members/tm/images/lineBreak.png") top right no-repeat;
}

div .ckChllData, div .ckChllNotes {
	width: 11em;
}

div .ckChllLabel .Product {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

div .ckChllLabel .psn {
	font-size: 1em;
	text-align: center;
	color: blue;
}

/* data used for ajax query graph, that should be hidden */
div .ckChllLabel .mid, div .ckChllLabel .pid, div .ckChllLabel .pIndex, div .ckChllLabel .groupID
{
	display: none;
}

div .ckChllLabel .ProductStartTime {
	text-align: center;
}

div .ckChllLabel .p0temp {
	text-align: center;	
}

/* 	from what i gather, these are temperature limits.
	they should be dispalyed at the upper and bottom most parts
	of their data div, respectively. they will appear like gridmarks
	because they're left aligned. 
*/ 
div .ckChllData .loTemp, div .ckChllData .hiTemp {
	text-align: left;
}

div .ckChllData .phs3temp
{
	text-align: center;
}

div .ckChllData .temp, div .ckChllData .tempFail, div .ckChllData .tempAlarm,
div .ckChllData .tempFailLo, div .ckChllData .tempFailHi
{
	text-align: center;
}

div .ckChllData .tempFail
{
	color : red;
}

div .ckChllData .tempFailHi
{
	color : purple;
}

div .ckChllData .tempFailLo
{
	color : gray;
}

div .ckChllData .tempAlarm
{
	color: orange;
}

div .ckChllData .timeLimit, div .ckChllData .endTime {
	text-align: center;
}

div .ckChllData .timeTaken, div .ckChllData .timeTakenLate, div .ckChllData .timeTaking
{
	font-size: 2em;
	text-align: center;
	font-weight: bold;
}

div .ckChllData .timeTakenLate 
{
	color: red;
}

div .ckChllData .timeTaking
{
	color: yellow;
	text-shadow: 0 0 0.2em black;	
}

div .ckChllNotes {
	vertical-align: middle;
	text-align: center;
	color: black;
	position: block;
	height: 8em;
	font-size: 7pt;
}

div .ckChllNotes .noteList {
	height: 5em;
	color: red;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

div .ckChllNotes .phs0end {
	text-align: center;
}

th.repLeftFMcc, td.repLeftFM
{
	color: white;
	font-size: 8pt; 
	text-align: center;
	width: 175px;
	background: transparent url("../members/tm/images/repLeft.png") top left no-repeat;
}

th.timeHeadFMcc
{
	color: white;
	font-size: 8pt; 
	font-weight: bold;
	border-right: 1px solid black; 
	text-align: center;
	font-weight: bold;
	width: 100px;
	background: transparent url("../members/tm/images/repTime.png") top center repeat-x;
}

th.timeRightFMcc
{
	color: white;
	margin: 0 auto;
	font-size: 8pt; 
	text-align: center;
	background: transparent url("../members/tm/images/repRight.png") top right no-repeat;
}