body {
	background: #eeeeff;
	margin: 0px;
    font-family: Arial, 'Helvetica'; 
}

/* ========== Brian Dill CSS Base Framework ========== */
.cls100 { width: 100px; }
.cls150 { width: 150px; }
.cls200 { width: 200px; }

.clsBold, tr.clsBold td { font-weight:	bold; }
.clsBoldRed, tr.clsBoldRed td { font-weight: bold; color:#f00; }
.clsCenterMe { margin-left:auto; margin-right:auto; }
.clsCenter, .clsDataGridGeneral3 .clsCenter { text-align: center; }
.clsLeft, .clsDataGridGeneral3 .clsLeft { text-align: left; }
.clsRight, .clsDataGridGeneral3 .clsRight, td.clsRight { text-align: right; }

.clsElbowRoom, td.clsElbowRoom, .clsDataGridGeneral3 td.clsElbowRoom { padding-left: 5px; padding-right:5px; background: inherit; }
.clsHint { font: normal 8pt arial, sans-serif; color: #999; background: inherit; }
.clsNoWrap { white-space: nowrap; }

.clsLeftCol { text-align: right; font-weight: bold; }

.clsFakeHref, .clsFakeHref img {
	color:				#00f;
	text-decoration:	underline;
	cursor:				pointer;
	}
.clsFakeHref:hover { color:	#f00; }

.clsErrorMessage { 
	font:			bold 12pt arial, sans-serif; 
	color:			#f00; 
	background:		#faa;
	text-align:		center;
	}
.clsMessage { 
	font:			bold 10pt arial, sans-serif; 
	color:			#070; 
	background:		#efe;
	text-align:		center;
	}

.clsDivBox {
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #000;
	background: #ccf;
	color: #000;
	width: 600px;
}
.clsInputReadOnly {
	color: #777;
	background: none;
	border: none;
}

table#tblMenu { border-collapse: collapse;}
table#tblMenu td { padding: 5px;
	font: bold 12pt arial;}

/* ========== DataGrid ========== */
.clsDataGridGeneral3 { 
	border:				solid 1px #555555; 
	border-collapse:	collapse; 
	margin-left:		auto; 
	margin-right:		auto; 
	background:			#ffffff;
	color:				#000000;
	}

.clsDataGridGeneral3 td {
	font-weight:	normal;
	text-align:		left;
	padding-left:	3px;
	padding-right:	3px;
	background:		inherit;
	border:			solid 1px #cccccc;
	}
/*
*/
.clsDataGridGeneral3 td a { font-weight:	normal; }

/* == DataGrid Header == */
.clsDataGridHeader {
	color:			white;
	background:		#7F8CA0;
	text-align:		center;
	}
.clsDataGridHeader a:visited {
	color:			white;
	text-align:		center;
	}
.clsDataGridHeader a:link {
	color:			white;
	text-align:		center;
	}
.clsDataGridHeader a:hover {
	color:			#00204F;
	text-align:		center;
	}	
.clsDataGridHeader td {
	font-weight:	bold;
	border:			none;
	border-bottom:	solid 1px #000000;
	text-align:		center;
	}
.clsDataGridGeneral3 .clsDataGridHeader td {
	border:			solid 1px #cccccc;
	}

/* ==--==--== DataGrid Line Item ==--==--== */

.clsDataGridLineItemMain {
	color:			#000000;
	background:		#ffffff;
	}
/*
.clsDataGridLineItemMain td {
	background:		#ffffff;
	}

.clsDataGridGeneral3 .clsDataGridLineItemMain td {
	border:			solid 1px #cccccc;
	}
*/

/* ==--==--== DataGrid Line Item Alt ==--==--== */

.clsDataGridLineItemAlt {
	color:			#000000;
	background:		#F7F7F7;
	background:		#E0E0F0;
	}
/*
.clsDataGridLineItemAlt td {
	background:		#E0E0F0;
	}	
.clsDataGridGeneral3 .clsDataGridLineItemAlt td {
	border:			solid 1px #cccccc;
	}
*/
/* - - - - -  <END DataGrid> - - - - -  */

table.clsDataGridGeneral3 td.clsDomainStyle {
	color: #0079b1;
	background: inherit;
	font-weight: bold;
}


/*
@media:print {
	.clsNoPrint { display: none; }
}
*/

/* ==--==--== 2024-04-13 ==--==--== */
td.clsReadOnly { font-weight: bold; color: #555; background: rgba(174, 86, 78, 0.50);    }
td.clsQuiet { color: #666; font-size: smaller }
#tblButtons { margin-left: auto; margin-right: auto; }
#tblButtons td { text-align: center; padding-left: 10px; padding-right: 10px; }
.clsHidden { display: none;}
.clsBig { font-weight: bold; font-size:larger;}

.clsHasReviews { padding:5px; background-color: rgb(119, 199, 139, .5);}
.clsHasNoReviews { padding:5px; background-color: rgb(250, 200, 200, .5);}	
.clsMiniHeader { font-weight:700;  color: #da8129; padding-top: 5px; padding-bottom: 5px;}

#tblLayout td { padding:15px; padding-left: 50px; padding-right: 50px; vertical-align: top; font-family: Verdana, Geneva, Tahoma, sans-serif}
#tblLayout td h1 { text-align: left;}
#tblLayout h2 { font-family: Verdana, Geneva, Tahoma, sans-serif; color: #c12730; text-align:left; }
#tblCheckboxes td {padding:5px; padding-left: 0px; padding-right: 20px; vertical-align: top; font-family: Verdana, Geneva, Tahoma, sans-serif}

.clsDivBold { font-weight: bold; padding-top: 15px; padding-bottom: 10px}
/*
.spnDoc {  margin-right: 10px; margin-top: 60px; padding:5px;  border-radius: 2px; color: white; background:navy;  }
.spnDoc a { color: white;}
*/