/* ============================== Grid ============================= */
table.DataGridWrapper, table.SmallerDataGridWrapper
{
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.DataGridWrapper td.DataGridWrapper
{
	padding-left: 5px;
	padding-right: 5px;
}
table.SmallerDataGridWrapper td.SmallerDataGridWrapper
{
	padding-left: 45px;
	padding-right: 45px;
}
table.DataGrid, table.SmallerDataGrid
{
	font: 8pt Arial,Verdana;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

/* ============================== Header ============================= */ 
table.DataGrid tr.head, table.SmallerDataGrid tr.head
{
	background-color: #FFFFFF;
	color: #497699;
	font: bold 9pt Arial,Verdana;
}
table.DataGrid tr.head td, table.SmallerDataGrid tr.head td
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #E2E2E2;
	vertical-align: bottom;
}
table.DataGrid tr.head td.lcell, table.SmallerDataGrid tr.head td.lcell
{
	padding-left: 20px;
	border-left: solid 1px #FFFFFF;
}
table.DataGrid tr.head td.rcell, table.SmallerDataGrid tr.head td.rcell
{
	padding-right: 20px;
	border-right: solid 1px #FFFFFF;
}
table.DataGrid tr.head td.selector, table.SmallerDataGrid tr.head td.selector
{
	padding-left: 4px;
	padding-right: 4px;
	width: 15px;
}

/* ============================== Rows ============================= */

/* Row height and padding */
table.DataGrid tr.row1 td, table.DataGrid tr.row2 td, table.SmallerDataGrid tr.row1 td, table.SmallerDataGrid tr.row2 td
{
	height: 25px;
	padding: 1px 4px 0px 4px;
}
table.DataGrid tr.row1 td.lcell, table.DataGrid tr.row2 td.lcell, table.SmallerDataGrid tr.row1 td.lcell, table.SmallerDataGrid tr.row2 td.lcell
{
	padding-left: 20px;
}
table.DataGrid tr.row1 td.rcell, table.DataGrid tr.row2 td.rcell, table.SmallerDataGrid tr.row1 td.rcell, table.SmallerDataGrid tr.row2 td.rcell
{
	padding-right: 20px;
}

/* normal rows */
table.DataGrid tr.row1 td, table.SmallerDataGrid tr.row1 td
{
	background-color: #F2F2F2;
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.DataGrid tr.row1 td.lcell, table.SmallerDataGrid tr.row1 td.lcell
{
	border-left: solid 1px #E2E2E2;
}
table.DataGrid tr.row1 td.rcell, table.SmallerDataGrid tr.row1 td.rcell
{
	border-right: solid 1px #E2E2E2;
}
table.DataGrid tr.row1 td.selector, table.SmallerDataGrid tr.row1 td.selector
{
	padding-left: 4px;
	padding-right: 4px;
	width: 15px;
}

/* alt rows */
table.DataGrid tr.row2 td, table.SmallerDataGrid tr.row2 td
{
	background-color: white;
	border-top: solid 1px #E2E2E2;
	color: #333333;
	font: 8pt Arial,Verdana;
}
table.DataGrid tr.row2 td.lcell, table.SmallerDataGrid tr.row2 td.lcell
{
	border-left: solid 1px white;
}
table.DataGrid tr.row2 td.rcell, table.SmallerDataGrid tr.row2 td.rcell
{
	border-right: solid 1px white;
}
table.DataGrid tr.row2 td.selector, table.SmallerDataGrid tr.row2 td.selector
{
	padding-left: 4px;
	padding-right: 4px;
	width: 15px;
}

/* hover */
table.DataGrid tr.hover td, table.SmallerDataGrid tr.hover td
{
	background-color: #FEF1B9;
	border-top: solid 1px #E2E2E2;
	color: #497699;
	font: 8pt Arial,Verdana;
	cursor: pointer;
}
table.DataGrid tr.hover td a, table.SmallerDataGrid tr.hover td a
{
	color: #497699;
	cursor: pointer;
}
table.DataGrid tr.hover td.lcell, table.SmallerDataGrid tr.hover td.lcell
{
	border-left: solid 1px #E2E2E2;
}
table.DataGrid tr.hover td.rcell, table.SmallerDataGrid tr.hover td.rcell
{
	border-right: solid 1px #E2E2E2;
}
table.DataGrid tr.hover td.hovernc, table.SmallerDataGrid tr.hover td.hovernc
{
	background-color: #FEF1B9;
	border-top: solid 1px #E2E2E2;
	color: #497699;
	font: 8pt Arial,Verdana;
	cursor: auto;
}

/* ============================== Footer ============================= */
table.DataGrid tr.foot, table.SmallerDataGrid tr.foot
{
	background-color: #FFFFFF;
	color: #497699;
	font: bold 8pt Arial,Verdana;
}
table.DataGrid tr.foot td, table.SmallerDataGrid tr.foot td
{
	height: 25px;
	padding: 1px 4px 0px 4px;
}
table.DataGrid tr.foot td.lcell, table.SmallerDataGrid tr.foot td.lcell
{
	padding-left: 20px;
	border-left: solid 1px #FFFFFF;
}
table.DataGrid tr.foot td.rcell, table.SmallerDataGrid tr.foot td.rcell
{
	border-right: solid 1px #FFFFFF;
	padding-right: 20px;
}

/* ============================== Children ============================= */

/* sub-elements in the grid */
table.DataGrid tr.row1 img, table.DataGrid tr.row2 img, table.SmallerDataGrid tr.row1 img, table.SmallerDataGrid tr.row2 img
{
	vertical-align: top;
}
table.DataGrid tr.row1 a, table.DataGrid tr.row2 a, table.SmallerDataGrid tr.row1 a, table.SmallerDataGrid tr.row2 a
{
	color: #497699;
}

/* Table that holds data grids */
.DataGridContent
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font: 9pt Arial, Verdana;
	width: 100%;
}

/* Used for reports */
.IndentBothSides
{
	padding-left: 45px;
	padding-right: 45px;
}

/* Paging links */
a.DataGridPager
{
	font: 9pt Arial,Verdana;
	text-decoration: none;
}
a.DataGridPagerCurrent
{
	font: 9pt Arial,Verdana;
	color: Black;
	text-decoration: none;
}


/* Cell holding footer table */
.DataGridFooterContainer
{
	overflow: hidden;
	padding: 0px;
	background-image: url(../Images/Skin/PagerTile.png);
	background-repeat: repeat-x;
	height: 26px;
}

/* Table holding footer elements */
.DataGridFooterTable
{
	width: 100%;
	height: 21px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}



/* Navigation section of footer */
.DataGridFooterNav
{
	color: #555555;
	font: 9pt Arial,Verdana;
	padding: 0px;
	padding-top: 3px;
	padding-left: 12px;
}

.DataGridFooterNav img
{
	vertical-align: middle;
	height: 17px;
}

/* Summary portion of footer */
.DataGridFooterSummary
{
	color: #555555;
	font: 9pt Arial,Verdana;
	padding: 0px;
	padding-top: 5px;
	padding-right: 12px;
	text-align: right !important;
	white-space:nowrap;
}





/* Designates "bad things" in data grid */
.DataGridRed
{
	color: #FF0000;
}

/* Manage/Actions link in a datagrid */
span.DataGridManageLink
{
	height: 100%;
	display: block;
	color: Black;
	width: 100%;
	padding-top: 2px;
	overflow: hidden;
}

a.DataGridManageLink
{
	font: 8pt Arial, Verdana;
	color: Black;
	border: solid 1px #C6C6C6;
	height: 18px;
	display: block;
	background: url(../images/misc/actions.png) no-repeat right center;
	padding: 0px 20px 0px 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	width: 80px;
	outline: none;
}

a.DataGridManageLink:hover
{
	font: 8pt Arial, Verdana;
	color: Black;
	border: solid 1px #C6C6C6;
	height: 18px;
	background: url(../images/misc/actions.png) no-repeat right center;
	padding: 0px 20px 0px 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	width: 80px;
	outline: none;
}


