/* 

. = class

# = ID



*/

.tableArea
{
	width: 500px;
	padding: 15px 10px;
	margin: 20px 0;
	border: 1px #CCCCCC solid;
	background-color: #FFFFFF;
	
	
	
	-moz-box-shadow: 3px 4px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 3px 4px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 4px 3px rgba(0,0,0,0.2);
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	
}

.tableRow
{
	width: 500px;
	display: inline-table;
	margin: 3px 0;
	border: 0px #FF0000 solid;
	font-size: 13px;
	height: auto;
	display: inline-table;

}

.tableRow2
{
	width: 500px;
	display: inline-table;
	margin: 1px 0 0 0;
	border: 0px #FF0000 solid;
	font-size: 11px;
	height: auto;
	display: inline-table;

}

h2 {
	font-size: 18px;
	padding: 5px 10px;	
	margin: 0;
	color: #FFFFFF;
	background-color: #000099;
	border-top: 4px #FF0000 solid;
	margin: 0 0 10px;
	font-size: 16px;
	
	-moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
	
	
}

.tableRowLeftBox
{
	width: 188px;
	min-height: 22px;
	padding: 7px 5px 1px;
	border: 1px #999999 solid;
	float: left;
	color: #FFFFFF;
	background-color: #AAAAAA;
	text-align: right;
	font-weight: bold;
	display:table-cell;

}

.tableRowLeftBox2
{
	width: 194px;
	min-height: 16px;
	padding: 2px 2px 0px;
	border: 1px #CCCCCC solid;
	float: left;
	color: #555555;
	background-color: #CCCCCC;
	text-align: right;
	font-weight: bold;
	display:table-cell;
	
}

.tableRowRightBox
{
	width: 278px;
	min-height: 22px;
	/*padding: 5px 10px 3px;*/
	border: 1px #999999 solid;
	float: right;
	padding: 7px 10px 1px;
	font-weight: bold;
	display:table-cell;

}

.tableRowRightDropBox
{
	width: 300px;
	min-height: 22px;
	/*padding: 5px 10px 3px;*/
	border: 1px #999999 solid;
	float: right;
	padding: 7px 10px 6px;
	font-weight: bold;
	display:table-cell;

}

.tableRowRightBox2
{
	width: 278px;
	min-height: 16px;
	padding: 2px 10px 0px;
	border: 1px #999999 solid;
	float: right;
	font-weight: bold;
	display:table-cell;
	color: #555555;

}

.tableRowLeft
{
	width: 178px;
	height: 22px;
	padding: 4px 10px;
	border: 0px #999999 solid;
	float: left;
	color: #FFFFFF;
	background-color: #999999;
	text-align: right;
	font-weight: bold;
	
}

.tableRowRight
{
	width: 278px;
	height: 22px;
	padding: 4px 10px;
	border: 0px #999999 solid;
	float: right;

}


.tRow { /* ERIC */
	width: 500px;
	height: auto;
	/*min-height: 22px;
	display: inline-table;*/
	border: 0px red solid;
	font-size: 14px;
	
}

.tRow1 { 
	width: 498px;
	padding: 4px 0 0 0;
	height: auto;
	min-height: 20px;
	/*display: inline-table;*/
	border: 1px white solid;
	font-size: 14px;
	background:#CCCCCC;
	text-align: center;
	color: #000000;
	
}

.tRow2 { 
	width: 500px;
	padding: 4px 0 0 0;
	height: auto;
	min-height: 20px;
	/*display: inline-table;*/
	border: 1px white solid;
	font-size: 14px;
	background:#DDDDDD;
	text-align: center;
	color: #000000;
}

.tRowBlue { 
	width: 498px;
	padding: 4px 0 0 0;
	height: auto;
	min-height: 20px;
	/*display: inline-table;*/
	border: 1px white solid;
	font-size: 14px;
	background:#524BE8;
	text-align: center;
	color: #FFFFFF;
	
}

.tRowGreen { 
	width: 498px;
	padding: 4px 0 0 0;
	height: auto;
	min-height: 20px;
	/*display: inline-table;*/
	border: 1px white solid;
	font-size: 14px;
	background: #00FD34;
	text-align: center;
	color: #000000;
	
}

#tHeader {
	width: auto;
	#float: left;
	display:table-cell;
	height: auto;
	text-align: center;
	color:#FFFFFF;
	background:#eeeeee;
	font-weight:bold;
	border:1px #000000 solid;
	padding: 10px 5px;	
}

.tHeader-150 {
	width: 138px;
	#float: left;
	display:table-cell;
	height: auto;
	text-align: center;
	color:#FFFFFF;
	background:#333333;
	font-weight:bold;
	border:1px #000000 solid;
	padding: 10px 5px;	
}

.tHeader-200 {
	width: 188px;
	#float: left;
	display:table-cell;
	height: auto;
	text-align: center;
	color:#FFFFFF;
	background:#333333;
	font-weight:bold;
	border:1px #000000 solid;
	padding: 10px 5px;	
}

.tCell1-200 {
	width: 188px;
	#float: left;	/* #SOMETHING is only read by IE */
	display:table-cell;
	height: auto;
	min-height:20px;
	text-align: center;
	color:#000000;
	background:#DDDDDD;
	border:1px #FFFFFF solid;
	padding: 3px 5px;
}

.tCell1-150 {
	width: 138px;
	#float: left;	/* #SOMETHING is only read by IE */
	display:table-cell;
	height: auto;
	min-height:20px;
	text-align: center;
	color:#000000;
	background:#DDDDDD;
	border:1px #FFFFFF solid;
	padding: 3px 5px;
}

.tCell2-200 {
	width: 188px;
	#float: left;	/* #SOMETHING is only read by IE */
	display:table-cell;
	height: auto;
	min-height:20px;
	text-align: center;
	color:#000000;
	background:#CCCCCC;
	border:1px #FFFFFF solid;
	padding: 3px 5px;
}

.tCell2-150 {
	width: 138px;
	#float: left;	/* #SOMETHING is only read by IE */
	display:table-cell;
	height: auto;
	min-height:20px;
	text-align: center;
	color:#000000;
	background:#CCCCCC;
	border:1px #FFFFFF solid;
	padding: 3px 5px;
}