.body {
	background: #c3e2ff;
	color: #000;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 15px;
	padding: 0
}

.divGridContainer {
    background-color: #ffffff; 		/* color of the whole grid background - seen if rows don't fill grid container height */
	border: 1px solid #963;
	width: 50%;						/* The width of the grid control */
	height: 175px;              	/* The height of the grid control */
	/* overflow: hidden;			Set by psi.ui.htmlGrid object */
}

.divGridContainer2 {
    background-color: #cccccc; 		/* color of the whole grid background - seen if rows don't fill grid container height */
	border: 1px solid #963;
	width: 75%;						/* The width of the grid control */
	height: 250px;  				/* The height of the grid control */
	/* overflow: hidden;			Set by psi.ui.htmlGrid object */
}

.divHeaders {
	background-color: #cccc00;  	/* color behind header cells - also fills above vertical scrollbar */
	/* border: 0px;					Set by psi.ui.htmlGrid object */
	/* margin: 0px;					Set by psi.ui.htmlGrid object */
	/* padding: 0px;				Set by psi.ui.htmlGrid object */
	/* overflow: hidden; 			Set by psi.ui.htmlGrid object */
	/* width: 100%;					Set by psi.ui.htmlGrid object */
}

.tblHeaders {
	/* border: 0px;					Set by psi.ui.htmlGrid object */  /* requires a value, even if issuing collapse, or IE doesn't like it */
	/* border-collapse: collapse;	Set by psi.ui.htmlGrid object */
	/* margin: 0px;					Set by psi.ui.htmlGrid object */
	/* padding: 0px; 				Set by psi.ui.htmlGrid object */
}

.trHeaders {
	/* border: 0px;					Set by psi.ui.htmlGrid object */
	/* margin: 0px; 				Set by psi.ui.htmlGrid object */
	/* padding: 0px; 				Set by psi.ui.htmlGrid object */
	/* width: 100%;					Set by psi.ui.htmlGrid object */
}

.hdrAll {
	border: 0px;
	margin: 0px;
	padding: 5px;  
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
    overflow: ellipsis;
	white-space: normal;
}

.hdr1 {
    background-color: #ffc0c0; 
	border-right: 1px solid #a0a0a0; 
}

.hdr2 {
    background-color: #ffdd00; 
	border-right: 1px solid #a0a0a0;  
}

.hdr3 {
    background-color: #11ff11; 
}

.hdr4 {
    background-color: #000000; 
	white-space: nowrap;
}

.divTableData {
	background-color: #ffffff;  	/* This color defines what's seen when rows don't fill the grid area */
	/* border: 0px;					Set by psi.ui.htmlGrid object */
	/* margin: 0px;					Set by psi.ui.htmlGrid object */
	/* padding: 0px;				Set by psi.ui.htmlGrid object */
	/* overflow: auto;				Set by psi.ui.htmlGrid object */
	/* width: 100%;					Set by psi.ui.htmlGrid object */
}

.tblData {
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* border: 0px;					Set by psi.ui.htmlGrid object */	/* requires a value, even if issuing collapse, or IE doesn't like it */
	/* border-collapse: collapse;	Set by psi.ui.htmlGrid object */
	/* margin: 0px;					Set by psi.ui.htmlGrid object */
	/* padding: 0px;				Set by psi.ui.htmlGrid object */
	/* height: 0px;					Set by psi.ui.htmlGrid object */
	/* width: 100%;					Set by psi.ui.htmlGrid object */
}

#tblData tr:nth-child(odd) td{
	background: #e2ffe2;
}

#tblData tr:nth-child(even) td{
	background: #c0ffc0;
}

#tblData2 tr:nth-child(odd) td{
	background: #e2e2ff;
}

#tblData2 tr:nth-child(even) td{
	background: #c0c0ff;
}


.tdAll {
	border-bottom: 0px;
	border-left: 0px;
	border-top: 1px solid #DDD;
	padding: 5px;
	vertical-align: top;
}

.td1 {
	border-right: 1px solid #a0a0a0;
	white-space: nowrap;
}

.td2 {
	border-right: 1px solid #a0a0a0;
	min-width: 150px;  
	white-space: normal;
	width: 100%;
}

.td3 {
	border-right: 1px solid #CCC;
	white-space: nowrap;
}