/* ============================== Grid ============================= */
div.HyperGridWrapper
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

div.HyperGrid
{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	width: 100%;
}

table.HyperGrid
{
	font: 8pt Arial,Verdana;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.leftimage
{
	width: 16px;
	padding-right: 10px;
}
.SmallImage
{
	width: 10px;
}
.SmallWidth
{
	width: 30px;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.MicroGridImg
{
	width: 7px;
	height: 10px;
	vertical-align: middle;
}
.CheckBoxColumn
{
	width: 20px;
	text-align: center;
	padding-left: 1px !important;
}

table.HyperGridSide .bullet
{
	background-image: url(../Images/Misc/BlueBullet.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

/* ============================== Header ============================= */
table.HyperGrid thead tr
{
	background-color: #FFFFFF;
	color: #698622;
	font: bold 9pt Arial,Verdana;
}
table.HyperGrid thead th
{
	padding: 8px 3px 8px 3px;
	
	vertical-align: bottom;
	text-align: left;
}
table.HyperGrid thead th.lc
{
	padding-left:10px;
	border-left: solid 1px #FFFFFF;
}
table.HyperGrid thead th.rc
{
	padding-right: 10px;
	border-right: solid 1px #FFFFFF;
}

table.HyperGrid thead th.GridSetup
{
	padding-right: 10px;
	text-align: right;
}

/* ============================== Regular Rows ============================= */
table.HyperGrid tbody tr
{
	background-color: #F2F2F2;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.HyperGrid tbody tr td
{
	height: 25px;
	padding: 3px;
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
}
table.HyperGrid tbody tr td.lc
{
	padding-left: 10px;
	border-left: solid 1px #E2E2E2;
}
table.HyperGrid tbody tr td.rc
{
	padding-right: 10px;
	border-right: solid 1px #E2E2E2;
}

.HyperGrid .shrink
{
	height: 14px;
	overflow: hidden;	
}

.HyperGrid .line1
{
	display: block;
	color: #333333;
}
.HyperGrid .line2
{
	display: block;
	color: #888888;
}

/* ============================== Alternate Rows ============================= */
table.HyperGrid tbody tr.alt
{
	background-color: #FFFFFF;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.HyperGrid tbody tr.alt td
{
	height: 25px;
	padding: 3px;
	border-top: none;
	border-bottom: none;
}
table.HyperGrid tbody tr.alt td.lc
{
	padding-left: 10px;
	border-left: solid 1px #FFFFFF;
}
table.HyperGrid tbody tr.alt td.rc
{
	padding-right: 10px;
	border-right: solid 1px #FFFFFF;
}

/* ============================== Rows Class Overrides ============================= */
table.HyperGrid tbody tr.warningrow td.useRowClass
{
	font-weight: bold;
	background-color: #FEF1B9;
}

table.HyperGrid tbody tr.criticalrow td.useRowClass
{
	font-weight: bold;
	background-color: #FEDAD5;
}

/* ============================== Hover Rows ============================= */
table.HyperGrid tbody tr.hover
{
	background-color: #dcecf4 !important;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.HyperGrid tbody tr.hover td
{
	height: 25px;
	padding: 3px;
	cursor: pointer;
}
table.HyperGrid tbody tr.hover td.lc
{
	padding-left: 10px;
	border-left: solid 1px #E2E2E2;
}
table.HyperGrid tbody tr.hover td.rc
{
	padding-right: 10px;
	border-right: solid 1px #E2E2E2;

}

/* ============================== Selected Rows ============================= */ 
table.HyperGrid tbody tr.selected
{
	background-color: #EDFCC7;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.HyperGrid tbody tr.selected td
{
	height: 25px;
	padding: 3px;
	cursor: pointer;
}
table.HyperGrid tbody tr.selected td.lc
{
	padding-left: 10px;
	border-left: solid 1px #E2E2E2;
}
table.HyperGrid tbody tr.selected td.showsel
{
	background-color: #EDFCC7 !important;
}
table.HyperGrid tbody tr.selected td.rc
{
	padding-right: 10px;
	border-right: solid 1px #E2E2E2;
}


/* ============================== Footer ============================= */
table.HyperGrid tfoot tr
{
	background-color: #FFFFFF;
	color: #497699;
	font: bold 8pt Arial,Verdana;
}
table.HyperGrid tfoot td
{
	height: 25px;
	padding: 1px 4px 0px 4px;
	text-align: left;
}
table.HyperGrid tfoot td.lc
{
	padding-left: 10px;
	border-left: solid 1px #FFFFFF;
}
table.HyperGrid tfoot td.rc
{
	padding-right: 10px;
	border-right: solid 1px #FFFFFF;
}

/* ============================== New Row ================================= */

table.HyperGrid tbody tr.newrow
{
	font: bold 8pt Arial,Verdana;
}

table.HyperGrid tbody tr.deletedrow td
{
	text-decoration: line-through;
}

/* ============================== Empty Row ================================= */

table.HyperGrid .NoItems
{
	text-align: center;
	font: bold 9pt Arial, Verdana;
	/*font: bold 8pt Arial, Verdana;*/
	/*border-left: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	border: solid 1px white;
	/*
	border: solid 1px white;
	color: #666666;
	border-top: solid 1px #E2E2E2;*/
	background-color: white;
	color: #666666;
}

/* ============================== Hyperlinks ============================= */

table.HyperGrid a
{
	color: #698622;
	text-decoration: none;
}
table.HyperGrid a:hover
{
	color: #698622;
	text-decoration: underline;
}


/* ============================== Alignment Helpers ============================= */

.al { text-align: left !important; }
.ar { text-align: right !important; }
.ac { text-align: center !important; }
.aj { text-align: justify !important; }
.nw { white-space: nowrap; }
.fr { float: right; }
.fl { float: left; }