.PGridview
{
	border-width: 1px;
	border-color: #C0C0C0;
	border-style: solid;
}
.PGrdAlternetColor
{
	background-color: #F4FAFF;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	height: 15px;
}
.PGrdheader
{
	background-color: #006699;
	color: White;
	height: 22px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.PGrdItemStyle
{
	font-family: Arial;
	font-size: 12px;
	color: #000066;
	text-align: left;
	height: 16px;
}

/*------ Child Grid ------- */
.CGridview
{
	border-width: 1px;
	border-color: #C0C0C0;
	border-style: solid;
	width: 98%;
	text-align:left;
}
.CGrdAlternetColor
{
	font-family: Arial;
	font-size: 12px;
	background-color: #F7F7F7;
	color: #333333;
	text-align: left;
	height: 15px;
}
.CGrdItemStyle
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	height: 15px;
}
.CGrdheader
{
	background-color: #006699;
	color: White;
	height: 22px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/*------ Nested Child Grid ------- */
.NestedChildGridview
{
	border-width: 1px;
	border-color: #C0C0C0;
	border-style: solid;
	width: 98%;
	text-align:left;
	
}
.NestedChildGrdAlternetColor
{
	background-color: #F7F7F7;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	height: 15px;
}
.NestedChildGrdheader
{
	background-color: #006699;
	color: #666666;
	height: 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.NestedChildGrdItemStyle
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-align: left;
	height: 15px;
}





.printgrid{

    /* Dimensions - same width as your grid with gutters */
    width: 980px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -490px;

}

/**
 * Vertical grid lines
 *
 * Set the column width taking the borders into consideration,
 * and use margins to set column gutters.
 */
.printgrid div.vert{

    width: 139px;
    border: solid darkturquoise;
    border-width: 0 1px;
    margin-right: 19px;

}

.printgrid div.vert.first-line{

    margin-left: 19px;

}


/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
.printgrid div.horiz{

    /* 20px line height */
    height: 19px;
    border-bottom: 1px dotted darkgray;
    margin: 0;
    padding: 0;

}

/**
* Classes for multiple grids
*
* When using more than one grid, remember to set the numberOfGrids 
* option in the hashgrid.js file.
*/
.printgrid.grid-1 div.vert{

    /* Vertical grid line colour for grid 1 */
    border-color: darkturquoise;

}
.printgrid.grid-2{

    /* Adjustments */
    padding: 0 160px;
    width: 660px;

}
.grid.grid-2 div.vert{

    /* Vertical grid line colour for grid 2 */
    border-color: crimson;

}