/*****************************************************************************
Style for eGridForm control
*****************************************************************************/
.GridForm
{
	font-size: 11px;
	border-collapse: collapse;
	border: 1px solid #3B5A81;
	font-family: Tahoma,Arial,Verdana,Sans-serif;
	color: #27413d;
}
.GridFormHeader
{
	font-weight: bold;
	font-size: 10pt;
	border-bottom: #a9a9a9 1px solid;
	background: #F9FCFD url(../Images/GridForm.HeaderBack.png) repeat-x scroll 0% 100%;
	text-decoration: none;
}
.GridFormHeader TD
{
	border-bottom: #a9a9a9 1px solid;	
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
A:link.GridFormSortingHeader, A:active.GridFormSortingHeader, A:visited.GridFormSortingHeader
{
	font-weight: bold;
	color: #27413D;
	text-decoration: none;
}
A:hover.GridFormSortingHeader
{
	font-weight: bold;
	color: #27413D;
	text-decoration: underline;
}
.GridFormItem, .GridFormAlternationItem
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: #9EB6CE 1px solid;
	background-color: #ffffff;
}
.GridFormSelectedItem
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	color: #696969;
	padding-top: 2px;
	border-bottom: #a9a9a9 1px solid;
	background: #F1C15F url(../Images/GridForm.SelectedRowBack.png) repeat-x scroll 0% 0%;
}
.GridFormHeader>td, .GridFormItem>td, .GridFormAlternationItem>td, .GridFormSelectedItem>td, .GridFormMouseOver>td
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	border-bottom: #9EB6CE 1px solid;
}
.GridFormNewDataForm
{
	background-color: #eef3fa;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-right: 2px;
}
.GridFormDetail
{
	padding-left: 24px;
	background-color: #eef3fa;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-right: 2px;
}
.GridFormMouseOver
{
	border-right: #a9a9a9 1px solid;
	padding-right: 5px;
	border-top: #a9a9a9 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	border-left: #a9a9a9 1px solid;
	color: #ffffff;
	padding-top: 2px;
	border-bottom: #a9a9a9 1px solid;
	background: #F1C15F url(../Images/GridForm.SelectedRowBack.png) repeat-x scroll 0% 0%;
}
.GridFormNoRecord
{
	font-size: 8pt;
	color: #ff0000;
}
/*****************************************************************************
Style for TopBar of GridForm
*****************************************************************************/
.GridFormTopBar
{
	width: 100%;
	background-color: #bfdbff;
}
.GridFormTopBar .GridFormExpandIcon
{
	margin-left: 2px;
	cursor: pointer;
}

.GridFormTopBar .GridFormActionButton
{
	margin: 2px 0px 1px;
	cursor: pointer;
}

.GridFormTopBar .GridFormSeparator
{
	margin-left: 4px;
	margin-right: 4px;
}

.GridFormTopBar select
{
	margin: 4px 0px 4px 2px;
	font-size: 7pt;
}

.GridFormTopBar .GridFormFriendlyName
{
	font-size: 9pt;
	color: #15428B;
	cursor: pointer;
	margin-left: 4px;
	margin-right: 4px;
}
.GridFormTopBar .GridFormTotalRecord
{
	font-size: 8pt;
	color: #008000;
	cursor: pointer;
	margin-right: 4px;
	vertical-align: text-top;
}
/*****************************************************************************
Style for PagerBar of GridForm
*****************************************************************************/
.GridFormPagerBar
{
	font-size: 8pt;
	color: #15428B;
	background-color: #bfdbff;
	width: 100%;
 
}
.GridForm .GridFormPagerBar
{
	border-width: 0px;
}
.GridFormPagerBar .GridFormPagerInfo
{
	margin-left: 2px;
	margin-right: 2px;
}
.GridFormPagerBar .GridFormPagerIndexer
{
	font-size: 8pt;
}
.GridFormPagerBar .GridFormPagerButton
{
	margin: 2px 2px 2px 4px;
	cursor: pointer;
}
.GridFormPagerBar .GridFormSeparator
{
	margin-left: 4px;
	margin-right: 4px;
}
/*****************************************************************************
Style for eGridForm Toolbar
*****************************************************************************/
.GridFormToolbar
{
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #bfdbff;
}

/*****************************************************************************
Style for HoverPanel
*****************************************************************************/
.HoverPanel
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	display: none;
	font-size: 10pt;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
}

.HoverPanelTitle
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #15428B;
	padding-top: 3px;
	border-bottom: dimgray 1px solid;
	background-color: #ffffff;
	font-weight: bold;
}

.HoverPanelField
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: dimgray 1px solid;
	background-color: #ffffff;
}