.Grid
{
	background-color: #FFFFFF;
	cursor: pointer;
}
.CCGrid
{
	height: 21.0em;
	background-color: #FFFFFF;
	cursor: pointer;
}
.TransparentGrid
{
	background-color: Transparent;
	cursor: pointer;
}

.GridHeader
{
	background-color: #fff;
	height: 28px;
	padding-left: 3px;
	cursor: default;
}

.GridHeaderText
{
	color: #535353;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
}

.DataArea
{
	width: 100%;
}

.CCDataArea
{
	width: 100%;
	height: 22.0em;
	min-height: 22.0em;
}

.HeadingRow
{
	background-image: url(images/grid-header-bg.gif);
	background-repeat: repeat-x;
}

.HiddenHeadingRow
{
	display: none;
}

.HeadingCell
{
	padding: 0 0 2px 5px;
	background-position: 5px center;
	border-top: solid 1px #ccc;
	border-right: solid 1px #fff;
	border-left: solid 1px #91a6c4;
	background-position: 5px center;
	color: #666666;
	font-size: 1.0em;
}

.GridFooter
{
	cursor: default;
	padding: 5px;
	vertical-align: bottom;
	background-color: #fff;
}

.TransparentGridFooter
{
	cursor: default;
	padding: 5px;
	vertical-align: bottom;
	border-top: solid 1px #ccc;
	background-color: Transparent;
}

.GridFooterText
{
	color: #666;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
}

.EditDataCell
{
	padding: 0 !important;
}

.EditDataField
{
	padding: 0 0 0 1px;
	font-family: Trebuchet MS;
	font-size: 1.0em;
	height: 13px;
	color: #666;
}

.previewImage
{
	float: left;
	padding-left: 35px;
}

.wrapImage
{
	float: left;
}

.HeadingRow td.FirstHeadingCell
{
	border-right: solid 1px #fff;
}

.HeadingCellText
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

.Row
{
	background-color: #FFFFFF;
	cursor: pointer;
}

.DefaultPageRow
{
	background-color: #FFEEC2 !important;
}

.DefaultPageRow td.DataCell, .DefaultPageRow td.RightAlignedDataCell
{
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #4B4B6F !important;
	border-top: solid 1px #4B4B6F;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	color: #666;
	border-right: 0px;
	background-color: #FFEEC2 !important;
}

.AlternateDataRow
{
	background-color: #f7f7f7;
}

.AlternateDataRow td.DataCell, .AlternateDataRow td.RightAlignedDataCell
{
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	color: #666;
}

.AlternateDataRow td.FirstDataCell
{
	text-align: left;
	color: #666;
}

.Row td.DataCell, .Row td.RightAlignedDataCell
{
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	background-color: #fff;
	color: #666;
}

.Row td.FirstDataCell
{
	text-align: left;
	background-color: #fff;
}

.Row td.FirstDataCell a, .Row td.DataCell a, .Row td.LastDataCell a, .AlternateDataRow td.FirstDataCell a, .AlternateDataRow td.DataCell a, .AlternateDataRow td.LastDataCell a, .SelectedRow td.FirstDataCell a, .SelectedRow td.DataCell a, .SelectedRow td.LastDataCell a
{
	color: #535353;
	text-decoration: none;
}

.Row td.FirstDataCell a:hover, .Row td.DataCell a:hover, .Row td.LastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.AlternateDataRow td.FirstDataCell a:hover, .AlternateDataRow td.DataCell a:hover, .AlternateDataRow td.LastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.Row td.SortedDataCell
{
	/*background-color: #f7f7f7;*/
	border-left: solid 1px #ccc;
}

.AlternateDataRow td.SortedDataCell
{
	/*background-color: #efefef;*/
	border-left: solid 1px #ccc;
}

.SelectedRow td.SortedDataCell
{
	/*background-color: #d9e9f5;*/
	border-left: 0;
}

.Row td.LastDataCell
{
	background-color: #fff;
	text-align: left;
	color: #666;
}

.SelectedRow td.DataCell, .SelectedRow td.RightAlignedDataCell
{
	background-color: #e1f1fd;
	padding: 2px 5px 2px 5px;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-bottom: solid 1px #acc2eb;
	border-top: solid 1px #acc2eb;
	border-right: 0;
}

.AlternateDataRow td.RightAlignedDataCell, .DefaultPageRow td.RightAlignedDataCell, .Row td.RightAlignedDataCell, .SelectedRow td.RightAlignedDataCell
{
	text-align: right;
}

.SelectedRow td.FirstDataCell
{
	background-color: #e1f1fd;
	padding-left: 2px;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding: 0 5px 0 5px;
	border-left: solid 1px #ccc;
}

.SelectedRow td.LastDataCell
{
	background-color: #e1f1fd;
	border-right: solid 1px #ccc;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding: 0 5px 0 5px;
	color: #666;
}

div.SliderPopup
{
	width: 278px;
	float: left;
	display: table;
	border: solid 1px #517cde;
	background-color: #fff;
	background-image: url(images/slider-popup-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	color: #4e6592;
}

div.SliderPopup h5
{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	width: 258px;
}

div.SliderPopup p
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding: 5px 10px 0 10px;
	margin: 0;
}

div.SliderPopup p.paging
{
	background-color: #99b7ed;
	color: #fff;
	margin-top: 12px;
	border-top: solid 1px #4c78dd;
	float: left;
	width: 256px;
	display: table;
	padding: 3px 11px 3px 11px;
}

div.SliderPopup p.paging span.pages
{
	float: left;
}

div.SliderPopup p.paging span.items
{
	float: right;
}


.gridBorder
{
	border: solid 1px #999999;
	width: 712px;
	height: 350px;
	padding: 0px;
	float: left;
	margin: 20px 0px 20px 20px;
}

div.nSliderPopup
{
	width: 278px;
	float: left;
	display: table;
	border: solid 1px #517cde;
	background-color: #fff;
	background-image: url(images/slider-popup-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	color: #4e6592;
}

div.nSliderPopup h5
{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	width: 258px;
}

div.nSliderPopup p
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding: 5px 10px 0 10px;
	margin: 0;
	clear: both;
}

div.nSliderPopup p.npaging
{
	background-color: #99b7ed;
	color: #fff;
	margin-top: 12px;
	border-top: solid 1px #4c78dd;
	float: left;
	width: 256px;
	display: table;
	padding: 3px 11px 3px 11px;
}

div.nSliderPopup p.npaging span.npages
{
	float: left;
}

div.nSliderPopup p.npaging span.nitems
{
	float: right;
}

.HeadingRow td.FirstHeadingCell, .AlternateDataRow td.FirstDataCell, .Row td.FirstDataCell
{
	border-left: solid 1px #ccc;
}

.HeadingRow td.LastHeadingCell, .AlternateDataRow td.LastDataCell, .Row td.LastDataCell
{
	border-right: solid 1px #ccc;
}

/** Styles of Hierarchical Grid **/
.hgGrid
{
	background-color: #FFFFFF;
	cursor: pointer;
	border: solid 1px #ccc;
	margin: 0 3px 3px 3px;
}

.hgGridHeader
{
	background-color: #fff;
	height: 28px; /*padding-left: 3px;*/
	cursor: default;
}

.hgGridHeaderText
{
	color: #535353;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
}

.hgHeadingRow
{
	background-image: url(images/grid-header-bg.gif);
	background-repeat: repeat-x;
}

.hgHeadingRowGradient
{
	background-image: url(images/grid-header-bg1.gif);
	background-repeat: repeat-x;
}

.hgHeadingCell
{
	padding-left: 2px;
	background-position: 5px center;
	border-left: solid 1px #91a6c4;
	background-position: 5px center;
	color: #666;
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;
}

.hgGridFooter
{
	cursor: default;
	padding: 5px;
	vertical-align: bottom;
	border-top: solid 1px #ccc;
}

.hgGridFooterText
{
	color: #3c5077;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
}

.hgHeadingRow td.hgFirstHeadingCell
{
	border-right: solid 1px #fff;
}

.hgHeadingCellText
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

.hgRow
{
	background-color: #FFFFFF;
	cursor: default;
}

.hgAlternateDataRow
{
	/*background-color: #f7f7f7;*/
}

.hgAlternateDataRow td.hgDataCell
{
	padding: 0 3px 0 3px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: center;
}

.hgAlternateDataRow td.hgFirstDataCell
{
	text-align: left;
}

.hgRow td.hgDataCell
{
	padding: 0 3px 0 3px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: center;
	background-color: #fff;
}

.hgRow td.hgFirstDataCell
{
	text-align: left;
	background-color: #fff;
}

.hgRow td.hgFirstDataCell a, .hgRow td.hgDataCell a, .hgRow td.hgLastDataCell a .hgAlternateDataRow td.hgFirstDataCell a, .hgAlternateDataRow td.hgDataCell a, .hgAlternateDataRow td.hgLastDataCell a
{
	color: #535353;
	text-decoration: none;
}

.hgRow td.hgFirstDataCell a:hover, .hgRow td.hgDataCell a:hover, .hgRow td.hgLastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.hgAlternateDataRow td.hgFirstDataCell a:hover, .hgAlternateDataRow td.hgDataCell a:hover, .hgAlternateDataRow td.hgLastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.hgRow td.hgSortedDataCell
{
	border-left: 0;
}

.hgAlternateDataRow td.hgSortedDataCell
{
	border-left: 0;
}

.hgRow td.hgLastDataCell
{
	background-color: #fff;
	text-align: left;
}

.hgHeadingRow td.hgFirstHeadingCell, .hgAlternateDataRow td.hgFirstDataCell, .hgRow td.hgFirstDataCell
{
	border-left: solid 1px #ccc;
}

.hgHeadingRow td.hgLastHeadingCell, .hgAlternateDataRow td.hgLastDataCell, .hgRow td.hgLastDataCell
{
	border-right: solid 1px #ccc;
}

.hgDataAreaTable
{
	width: 634px;
}
/** Styles of Hierarchical Grid **/

/** Scrolling Grid Styles **/
.sGrid
{
	background-color: #fff;
	cursor: pointer;
	border: solid 1px #a1a1a1;
	z-index: 300;
}

.sGridHeader
{
	background-color: #fff;
	height: 28px;
	padding-left: 3px;
	cursor: default;
}

.sGridHeaderText
{
	color: #535353;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
}

.sHeadingRow
{
	background-image: url(images/grid-header-bg.gif);
	background-repeat: repeat-x;
}

.sHiddenHeadingRow
{
	display: none;
}

.sHeadingCell, .sDefaultCursorHeadingCell
{
	padding: 1px 0 2px 5px;
	background-position: 5px center;
	border-right: solid 1px #fff;
	border-left: solid 1px #91a6c4;
	background-position: 5px center;
	color: #666666;
	font-size: 1.0em;
}
.sDefaultCursorHeadingCell, .DefaultCursorDataCell
{
	cursor: default;
}

.sGridFooter
{
	cursor: default;
	padding: 5px;
	vertical-align: bottom;
	border-top: solid 1px #ccc;
}

.sGridFooterText
{
	color: #3c5077;
	font-family: "Trebuchet MS";
	font-size: 1.1em;
}

.sHeadingRow td.sFirstHeadingCell
{
	border-right: solid 1px #fff;
}

.sHeadingCellText
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
}

.sRow
{
	background-color: #FFFFFF;
	cursor: pointer;
}

.sAlternateDataRow
{
	background-color: #f7f7f7;
}

.sAlternateDataRow td.sDataCell
{
	padding: 2px 5px 1px 5px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	color: #666;
}

.sAlternateDataRow td.sFirstDataCell
{
	text-align: left;
	color: #666;
}

.sRow td.sDataCell
{
	padding: 2px 5px 1px 5px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	background-color: #fff;
	color: #666;
}

.sRow td.sFirstDataCell
{
	text-align: left;
	background-color: #fff;
	color: #666;
}

.sRow td.sFirstDataCell a, .sRow td.sDataCell a, .sRow td.sLastDataCell a, .sAlternateDataRow td.sFirstDataCell a, .sAlternateDataRow td.sDataCell a, .sAlternateDataRow td.sLastDataCell a
{
	color: #535353;
	text-decoration: none;
}

.sRow td.sFirstDataCell a:hover, .sRow td.sDataCell a:hover, .sRow td.sLastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.sAlternateDataRow td.sFirstDataCell a:hover, .sAlternateDataRow td.sDataCell a:hover, .sAlternateDataRow td.sLastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}

.sRow td.sSortedDataCell
{
	/*background-color: #f7f7f7;*/
	border-left: solid 1px #ccc;
}

.sAlternateDataRow td.sSortedDataCell
{
	/*background-color: #efefef;*/
	border-left: solid 1px #ccc;
}

.sSelectedRow td.sSortedDataCell
{
	/*background-color: #d9e9f5;*/
	border-left: 0;
}

.sRow td.sLastDataCell
{
	background-color: #fff;
	text-align: left;
	color: #666;
}

.sSelectedRow td.sDataCell
{
	background-color: #e1f1fd;
	padding: 2px 5px 1px 5px;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-bottom: solid 1px #acc2eb;
	border-top: solid 1px #acc2eb;
	border-right: 0px;
	color: #666;
}

.sSelectedRow td.sFirstDataCell
{
	background-color: #e1f1fd;
	padding-left: 2px;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding-right: 5px;
	padding-left: 5px;
	border-left: solid 1px #ccc;
}

.sSelectedRow td.sLastDataCell
{
	background-color: #e1f1fd;
	border-right: solid 1px #ccc;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
}

.sScrollBar
{
	background-image: url(images/scroller_bg.gif);
}

.sScrollGrip
{
	background-image: url(images/scroll_gripBg.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	background-color: #efefef;
	border-left: solid 1px #9b9b9b;
}
div.sScrollPopup
{
	width: 278px;
	float: left;
	display: table;
	border: solid 1px #517cde;
	background-color: #fff;
	background-image: url(images/slider-popup-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	color: #4e6592;
}

div.sScrollPopup h5
{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px 0 10px;
	width: 258px;
}
div.smallsScrollPopup
{
	width: 150px;
	float: left;
	display: table;
	border: solid 1px #517cde;
	background-color: #fff;
	background-image: url(images/slider-popup-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	color: #4e6592;
}
div.smallsScrollPopup h5
{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 10px 0 10px;
	width: 150px;
}
div.sScrollPopup p
{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	padding: 5px 10px 0 10px;
	margin: 0;
}
/** Scrolling Grid Styles **/

/* Archived page row styles */
.ArchiveDataRow
{
	background-color: #e4e4e4;
	color: #666666;
	padding: 2px 5px 2px 5px;
}


.ArchiveDataRow td.DataCell
{
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #EAE9E1;
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	border-left: solid 1px #e6e6e6;
	text-align: left;
	color: #666;
}



.ArchiveDataRow td.FirstDataCell
{
	text-align: left;
	color: #666;
}


.ArchiveDataRow td.FirstDataCell a:hover, .ArchiveDataRow td.DataCell a:hover, .ArchiveDataRow td.LastDataCell a:hover
{
	color: #000;
	text-decoration: underline;
}