/*Telerik RadGrid Proc Skin*/

/*global*/

.RadGrid_Proc {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background: white;
	color: #444444;
}

	.RadGrid_Proc .rgNoRecords td {
		font-style: italic;
		color: #8e8e8e;
		padding: 3px 5px 2px 5px;
	}

	.RadGrid_Proc,
	.RadGrid_Proc .rgMasterTable,
	.RadGrid_Proc .rgDetailTable,
	.RadGrid_Proc .rgGroupPanel table,
	.RadGrid_Proc .rgCommandRow table,
	.RadGrid_Proc .rgEditForm table,
	.GridToolTip_Proc {
		font: 12px "segoe ui",arial,sans-serif;
	}

		.RadGrid_Proc .rgMasterTable,
		.RadGrid_Proc .rgDetailTable {
			border-collapse: separate;
			border-spacing: 0px;
		}

		.RadGrid_Proc .rgRow,
		.RadGrid_Proc .rgAltRow,
		.RadGrid_Proc .rgHeader,
		.RadGrid_Proc .rgResizeCol,
		.RadGrid_Proc .rgPager,
		.RadGrid_Proc .rgGroupPanel,
		.RadGrid_Proc .rgGroupHeader {
			cursor: default;
		}

			/*RICH added this css to white out the left side below the group drop arrow*/
			.RadGrid_Proc .rgRow .rgGroupCol {
				background: white none;
			}

			/*RICH added this css to white out the left side below the group drop arrow*/
			.RadGrid_Proc .rgAltRow .rgGroupCol {
				background: white none;
			}

		.RadGrid_Proc input[type="image"] {
			cursor: pointer;
		}

		.RadGrid_Proc .rgRow td,
		.RadGrid_Proc .rgAltRow td,
		.RadGrid_Proc .rgEditRow td,
		.RadGrid_Proc .rgFooter td,
		.RadGrid_Proc .rgFilterRow td,
		.RadGrid_Proc .rgHeader,
		.RadGrid_Proc .rgResizeCol,
		.RadGrid_Proc .rgGroupHeader td {
			padding-left: 5px;
			padding-right: 5px;
			line-height: 1.75;
		}

			.RadGrid_Proc .rgHeader:first-child,
			.RadGrid_Proc th.rgResizeCol:first-child,
			.RadGrid_Proc .rgFilterRow > td:first-child,
			.RadGrid_Proc .rgRow > td:first-child,
			.RadGrid_Proc .rgAltRow > td:first-child {
				border-left: 0;
				padding-left: 6px;
			}

		.RadGrid_Proc .rgEdit,
		.RadGrid_Proc .rgCancel,
		.RadGrid_Proc .rgDel,
		.RadGrid_Proc .rgUpdate {
			border: 0;
			margin: 0;
			padding: 0;
			background-color: transparent;
			background-image: none;
			vertical-align: middle;
			cursor: pointer;
		}

		.RadGrid_Proc .rgUpdate {
			margin-right: 5px;
		}

		.RadGrid_Proc .rgAdd,
		.RadGrid_Proc .rgRefresh,
		.RadGrid_Proc .rgFilter,
		.RadGrid_Proc .rgPagePrev,
		.RadGrid_Proc .rgPageNext,
		.RadGrid_Proc .rgPageFirst,
		.RadGrid_Proc .rgPageLast,
		.RadGrid_Proc .rgExpand,
		.RadGrid_Proc .rgCollapse,
		.RadGrid_Proc .rgSortAsc,
		.RadGrid_Proc .rgSortDesc,
		.RadGrid_Proc .rgUngroup {
			width: 16px;
			height: 16px;
			border: 0;
			margin: 0;
			padding: 0;
			background-color: transparent;
			background-image: url('Grid/sprite.gif');
			background-repeat: no-repeat;
			vertical-align: middle;
			font-size: 1px;
			cursor: pointer;
		}

		.RadGrid_Proc .rgGroupItem input,
		.RadGrid_Proc .rgCommandRow img,
		.RadGrid_Proc .rgHeader input,
		.RadGrid_Proc .rgFilterRow img,
		.RadGrid_Proc .rgFilterRow input,
		.RadGrid_Proc .rgPager img {
			vertical-align: middle;
		}

		/*header*/

		.RadGrid_Proc .rgHeaderDiv {
			background: #f6eced 0 -5900px repeat-x url('Grid/sprite.gif');
		}

.rgTwoLines .rgHeaderDiv {
	background-position: 0 -6200px;
}

.rgNoScrollImage .rgHeaderDiv {
	background-image: none;
}

.RadGrid_Proc .rgHeader,
.RadGrid_Proc th.rgResizeCol {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	border: none;
	border-bottom: solid 1px #e0e0e0;
	background-color: white;
	background-image: none;
}

div.RadGrid_Proc .rgHeader,
div.RadGrid_Proc .rgHeader a {
	color: #444444;
	/*color: #777777;
	text-transform: uppercase;
	font-size: 11px;*/
}

.RadGrid_Proc th.rgSorted {
	border: none;
	border-bottom: solid 1px #e0e0e0;
	background-color: white;
	background-image: none;
}

.RadGrid_Proc .rgHeader,
.RadGrid_Proc .rgHeader a {
	color: white;
	text-decoration: none;
	font-weight: normal;
}

.RadGrid_Proc .rgCheck {
	height: 15px;
	margin: 0;
	padding: 0;
}

/*rows*/

.RadGrid_Proc .rgRow td,
.RadGrid_Proc .rgAltRow td,
.RadGrid_Proc .rgEditRow td,
.RadGrid_Proc .rgFooter td {
	border: 1px solid #eeeeee;
	border-bottom: 0;
	padding-top: 3px;
	padding-bottom: 2px;
}

.RadGrid_Proc .rgRow td,
.RadGrid_Proc .rgAltRow td {
	border-color: #eeeeee white white white;
}

.RadGrid_Proc .rgAltRow {
	background-color: unset;
}

.RadGrid_Proc .rgSelectedRow .rgSorted,
.RadGrid_Proc .rgActiveRow .rgSorted,
.RadGrid_Proc .rgHoveredRow .rgSorted,
.RadGrid_Proc .rgEditRow .rgSorted {
	background-color: transparent;
	cursor: pointer;
}

/*Use default a color from site css file*/
/*.RadGrid_Proc .rgRow a,
.RadGrid_Proc .rgAltRow a,
.RadGrid_Proc .rgEditRow a,
.RadGrid_Proc .rgFooter a,
.RadGrid_Proc .rgEditForm a {
	color: #000099;
}*/

.RadGrid_Proc .rgSelectedRow {
	/*background:#f5abad 0 -3900px repeat-x url('Grid/sprite.gif'); JEFF - commented out for savewarning*/
}

	* + html .RadGrid_Proc .rgSelectedRow .rgSorted {
		background-color: #f5abad;
	}

	* html .RadGrid_Proc .rgSelectedRow .rgSorted {
		background-color: #f5abad;
	}

.RadGrid_Proc .rgActiveRow,
.RadGrid_Proc .rgHoveredRow {
	background-image: none;
	background-color: #eeeeee;
	cursor: pointer;
}

	* + html .RadGrid_Proc .rgActiveRow .rgSorted,
	* + html .RadGrid_Proc .rgHoveredRow .rgSorted {
		background-color: #cbcbcb;
		cursor: pointer;
	}

	* html .RadGrid_Proc .rgActiveRow .rgSorted,
	* html .RadGrid_Proc .rgHoveredRow .rgSorted {
		background-color: #cbcbcb;
		cursor: pointer;
	}

.RadGrid_Proc .rgEditRow {
	background: #eeeeee;
}

	* + html .RadGrid_Proc .rgEditRow .rgSorted {
		background-color: #cbcbcb;
	}

	* html .RadGrid_Proc .rgEditRow .rgSorted {
		background-color: #cbcbcb;
	}

	.RadGrid_Proc .rgSelectedRow td,
	.RadGrid_Proc .rgActiveRow td,
	.RadGrid_Proc .rgHoveredRow td,
	.RadGrid_Proc .rgEditRow td {
		border-left: 0;
		border-right: 0;
		padding-left: 6px;
		padding-right: 6px;
		cursor: pointer;
	}

.RadGrid_Proc .rgSelectedRow td {
	border-bottom-color: #cbcbcb;
}

.RadGrid_Proc .rgActiveRow td,
.RadGrid_Proc .rgHoveredRow td {
	border-bottom-color: #cbcbcb;
	cursor: pointer;
}

/*footer*/

.RadGrid_Proc .rgFooterDiv,
.RadGrid_Proc .rgFooter {
	background: #eeeeee;
}

	.RadGrid_Proc .rgFooter td {
		border-width: 1px 0px 0px 0px;
		border-color: #e0e0e0;
	}

/*status*/

.RadGrid_Proc .rgPager .rgStatus {
	width: 35px;
	border: 1px solid;
	border-color: #bfbfbf #b1b1b1 white #b1b1b1;
	border-left: 0;
	padding: 3px 0 2px;
}

.RadGrid_Proc .rgStatus div {
	width: 24px;
	height: 24px;
	overflow: hidden;
	border: 0;
	margin: 0 auto;
	padding: 0;
	background: transparent center center no-repeat url('Grid/loading.gif');
	text-indent: -2222px;
}

/*pager*/

.RadGrid_Proc .rgPager {
	background: #eeeeee;
}

	.RadGrid_Proc .rgPager td {
		padding: 0;
	}

	.RadGrid_Proc .rgPager .rgPagerCell {
		border-top: 1px solid #e0e0e0;
		padding: 3px 0 2px;
	}

.RadGrid_Proc .rgWrap {
	float: left;
	padding: 0 10px;
	line-height: 26px;
	white-space: nowrap;
}

.RadGrid_Proc .rgArrPart1 {
	padding-right: 0;
	line-height: 22px;
}

.RadGrid_Proc .rgArrPart2 {
	padding-left: 0;
	line-height: 22px;
}

.RadGrid_Proc .rgInfoPart {
	float: right;
	color: #8a8a8a;
}

	.RadGrid_Proc .rgInfoPart strong {
		font-weight: normal;
		color: #544c4c;
	}

.RadGrid_Proc .rgSEO .rgArrPart1,
.RadGrid_Proc .rgSEO .rgArrPart2 {
	line-height: 24px;
}

.RadGrid_Proc .rgWrap a img {
	margin: 0 8px;
}

.RadGrid_Proc .rgPageFirst,
.RadGrid_Proc .rgPagePrev,
.RadGrid_Proc .rgPageNext,
.RadGrid_Proc .rgPageLast {
	width: 22px;
	height: 24px;
}

.RadGrid_Proc .rgPageFirst {
	background-position: 0 -549px;
}

	.RadGrid_Proc .rgPageFirst:hover {
		background-position: 0 -599px;
	}

.RadGrid_Proc .rgPagePrev {
	background-position: 0 -699px;
}

	.RadGrid_Proc .rgPagePrev:hover {
		background-position: 0 -749px;
	}

.RadGrid_Proc .rgPageNext {
	background-position: 0 -849px;
}

	.RadGrid_Proc .rgPageNext:hover {
		background-position: 0 -899px;
	}

.RadGrid_Proc .rgPageLast {
	background-position: 0 -999px;
}

	.RadGrid_Proc .rgPageLast:hover {
		background-position: 0 -1049px;
	}

.RadGrid_Proc .rgPagerButton {
	height: 22px;
	border: 1px solid #ee1c23;
	margin: 0 14px 0 0;
	padding: 0 4px 2px;
	background: #cfcfcf repeat-x 0 -1550px url('Grid/sprite.gif');
	color: #000;
	font: 12px/12px "segoe ui",arial,sans-serif;
	vertical-align: middle;
	cursor: pointer;
}

.RadGrid_Proc .rgNumPart {
	padding: 2px 0;
}

.RadGrid_Proc .NumericPages .rgNumPart {
	padding: 2px 10px;
}

.RadGrid_Proc .rgNumPart a:hover,
.RadGrid_Proc .rgNumPart a:hover span,
.RadGrid_Proc .rgNumPart a.rgCurrentPage,
.RadGrid_Proc .rgNumPart a.rgCurrentPage span {
	background: no-repeat url('Grid/sprite.gif');
}

.RadGrid_Proc .rgNumPart a {
	float: left;
	line-height: 22px;
	margin: 0;
	padding: 0 5px 0 0;
	color: #444444;
	text-decoration: none;
}

.RadGrid_Proc .rgNumPart span {
	float: left;
	padding: 0 0 0 5px;
}

.RadGrid_Proc .rgNumPart a:hover {
	background-position: 100% -1250px;
	color: #000099;
}

	.RadGrid_Proc .rgNumPart a:hover span {
		background-position: 0 -1150px;
		cursor: pointer;
	}

.RadGrid_Proc .rgNumPart a.rgCurrentPage,
.RadGrid_Proc .rgNumPart a.rgCurrentPage:hover {
	background-position: 100% -1450px;
	color: #444444;
	cursor: default;
}

	.RadGrid_Proc .rgNumPart a.rgCurrentPage span,
	.RadGrid_Proc .rgNumPart a.rgCurrentPage:hover span {
		background-position: 0 -1350px;
		cursor: default;
	}

.RadGrid_Proc .NextPrevNumericAndAdvanced .rgAdvPart {
	float: none;
	text-align: center;
}

.RadGrid_Proc .rgPager .RadSlider {
	float: left;
	margin: 2px 10px 0 0;
}

.RadGrid_Proc .rgPager .rgPagerLabel,
.RadGrid_Proc .rgPager .RadComboBox,
.RadGrid_Proc .rgPager .RadInput_Proc {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.RadGrid_Proc .rgPager .RadComboBox {
	margin-top: -1px;
}

* + html .RadGrid_Proc .rgPager .RadComboBox {
	margin-top: -2px;
}

* html .RadGrid_Proc .rgPager .RadComboBox {
	margin-top: -2px;
}

* html .RadGrid_Proc .rgPager .RadComboBox {
	padding: 1px 0;
}

.RadGrid_Proc .rgPagerTextBox {
	text-align: center;
}

/*sorting, reordering*/

.RadGrid_Proc .rgHeader .rgSortAsc {
	background-position: 3px -248px;
	height: 10px;
}

.RadGrid_Proc .rgHeader .rgSortDesc {
	background-position: 3px -198px;
	height: 10px;
}

.GridReorderTop_Proc,
.GridReorderBottom_Proc {
	width: 9px !important;
	height: 9px !important;
	margin-left: -5px;
	background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_Proc {
	background-position: 0 -50px;
}

/*filtering*/

.RadGrid_Proc .rgFilterRow {
	background: #eeeeee;
}

	.RadGrid_Proc .rgFilterRow td {
		padding-top: 5px;
		padding-bottom: 6px;
		border: none;
		border-bottom: solid 1px #e0e0e0;
	}

.RadGrid_Proc .rgFilter {
	width: 22px;
	height: 22px;
	margin: 0 0 0 2px;
	background-position: 0 -300px;
}

	.RadGrid_Proc .rgFilter:hover {
		background-position: 0 -350px;
	}

.RadGrid_Proc .rgFilterActive,
.RadGrid_Proc .rgFilterActive:hover {
	background-position: 0 -400px;
}

.RadGrid_Proc .rgFilterBox {
	border: 1px solid;
	border-color: #e0e0e0;
	padding: 2px 1px 3px;
	font: 12px "segoe ui",arial,sans-serif;
	color: #444444;
	vertical-align: middle;
}

	.RadGrid_Proc .rgFilterBox:hover {
		border-color: #b0b0b0;
	}
/*grouping*/

.RadGrid_Proc .rgGroupPanel {
	border: 1px solid;
	border-color: #f6eaeb #faf2f3 #b1b1b1;
	background: #f5e5e6 0 -1900px repeat-x url('Grid/sprite.gif');
}

	.RadGrid_Proc .rgGroupPanel td {
		border: 0;
		border-bottom: 1px solid #faf2f3;
		padding: 0;
	}

		.RadGrid_Proc .rgGroupPanel td td {
			border: 0;
			padding: 2px 3px 1px;
		}

			.RadGrid_Proc .rgGroupPanel td td td {
				padding: 0;
			}

	.RadGrid_Proc .rgGroupPanel .rgSortAsc {
		background-position: 4px -144px;
	}

	.RadGrid_Proc .rgGroupPanel .rgSortDesc {
		background-position: 4px -94px;
	}

.RadGrid_Proc .rgUngroup {
	background-position: 0 -7200px;
}

.RadGrid_Proc .rgGroupItem {
	border: 1px solid;
	border-color: #9e8a8a #a19393 #a19393;
	padding: 0 2px 1px 3px;
	background: #f5e5e6 0 -7000px repeat-x url('Grid/sprite.gif');
	line-height: 20px;
	font-weight: normal;
	vertical-align: middle;
}

.RadGrid_Proc .rgGroupHeader {
	/*background:0 -6489px repeat-x url('Grid/sprite.gif'); RICH removed because it was putting a red line through the group header line in a grouping page*/
	font-size: 1.1em;
	line-height: 21px;
	color: #039;
}

	.RadGrid_Proc .rgGroupHeader td {
		padding: 0 8px;
	}

	.RadGrid_Proc .rgGroupHeader .rgGroupCol {
		background: white none;
	}

.RadGrid_Proc .rgExpand {
	background-position: 5px -496px;
}

.RadGrid_Proc .rgCollapse {
	background-position: 3px -444px;
}

.RadGrid_Proc .rgGroupHeader .rgExpand,
.RadGrid_Proc .rgGroupHeader .rgCollapse {
	background-color: white;
}

.RadGrid_Proc .rgGroupHeader td p {
	display: inline;
	margin: 0;
	padding: 0 10px;
	background: white;
}

.RadGrid_Proc .rgGroupHeader td div div {
	top: -0.8em;
	padding: 0 10px;
	background: white;
}

	.RadGrid_Proc .rgGroupHeader td div div div {
		top: 0;
		padding: 0;
		border: 0;
	}

/*editing*/

.RadGrid_Proc .rgEditForm {
	border-bottom: 1px solid #dfdfdf;
}

.RadGrid_Proc .rgUpdate {
	background-position: 0 -1800px;
}

.RadGrid_Proc .rgCancel {
	background-position: 2px -1848px;
}

/*hierarchy*/

.RadGrid_Proc .rgDetailTable {
	border: 1px solid #dfdfdf;
	border-right: 0;
}

/*command row*/

.RadGrid_Proc .rgCommandRow {
	border: 0px;
	background: #eeeeee;
	padding: 0px 0px 0px 0px;
}

	.RadGrid_Proc .rgCommandRow td {
		border: 0px;
		padding: 0px 0px 0px 0px;
	}

		.RadGrid_Proc .rgCommandRow td td {
			border: 0px;
			padding: 0px 0px 0px 0px;
		}

			.RadGrid_Proc .rgCommandRow td td td {
				border: 0px;
				color: #000;
				padding: 0px 0px 0px 0px;
			}

	.RadGrid_Proc .rgCommandRow table {
		border: 0px;
	}

		.RadGrid_Proc .rgCommandRow table table {
			border: 0px;
		}

	.RadGrid_Proc .rgCommandRow a {
		border: 0px;
		color: #000;
		padding: 0px 0px 0px 0px;
	}

.RadGrid_Proc .rgAdd {
	margin-right: 3px;
	background-position: 0 -1650px;
}

.RadGrid_Proc .rgRefresh {
	margin-right: 3px;
	background-position: 0 -1600px;
}

.RadGrid_Proc .rgEdit {
	background-position: 0 -1700px;
}

.RadGrid_Proc .rgDel {
	background-position: 0 -1750px;
}

/*multirow select*/

.GridRowSelector_Proc {
	background: #039;
}

/*row drag n drop*/

.GridItemDropIndicator_Proc {
	border-top: 1px dashed #039;
}

/*tooltip*/

.GridToolTip_Proc {
	border: 1px solid #767676;
	padding: 3px;
	background: #f0e4e5;
	color: #000;
}

/*rtl*/

.RadGridRTL_Proc .rgHeader,
.RadGridRTL_Proc .rgResizeCol {
	text-align: right;
}

	.RadGridRTL_Proc .rgHeader:first-child,
	.RadGridRTL_Proc th.rgResizeCol:first-child,
	.RadGridRTL_Proc .rgFilterRow > td:first-child,
	.RadGridRTL_Proc .rgRow > td:first-child,
	.RadGridRTL_Proc .rgAltRow > td:first-child {
		border-left: 1px solid;
		padding-left: 7px;
	}

.RadGridRTL_Proc .rgPager .rgStatus {
	border-right: 0;
	border-left-width: 1px;
}

.RadGridRTL_Proc .rgWrap {
	float: right;
}

.RadGridRTL_Proc .rgInfoPart {
	float: left;
}

.RadGridRTL_Proc .rgNumPart {
	width: 220px;
}

	.RadGridRTL_Proc .rgNumPart a {
		float: right;
	}

.RadGridRTL_Proc .rgDetailTable {
	border-right: 1px solid;
	border-left: 0;
}

.rgPager .rgAdvPart {
	display: none;
}

/*Jeff added the following to match what the webresource.axd was doing*/
.rgPager thead, .rgPager caption, .rgCommandTable thead {
	display: none;
}
