Can someone please tell me where the expansion/collapse images for a nested grid need to be placed. I can not get the images to show when I am using a custom skin. I have copied the Forest Grid and Menu and have the css working, the Icons just will not display.
I also seem to of have lost my indentation on my sub grid.
Or even better yet, if someone can just tell me how to change the font color on the Forest skin, I wouldnt have to do all of this.
/*Telerik RadGrid Forest Skin*/
/*global*/
.RadGrid_MyCustomSkin
{
border: 1px solid #3c4c30;
background: #d1deb6;
color: #2b2c20;
}
.RadGrid_MyCustomSkin,
.RadGrid_MyCustomSkin .rgMasterTable,
.RadGrid_MyCustomSkin .rgDetailTable,
.RadGrid_MyCustomSkin .rgGroupPanel table,
.RadGrid_MyCustomSkin .rgCommandRow table,
.RadGrid_MyCustomSkin .rgEditForm table,
.RadGrid_MyCustomSkin .rgPager table,
.GridToolTip_MyCustomSkin
{
font:12px/16px "segoe ui",arial,sans-serif;
}
.RadGrid_MyCustomSkin .rgAdd,
.RadGrid_MyCustomSkin .rgRefresh,
.RadGrid_MyCustomSkin .rgEdit,
.RadGrid_MyCustomSkin .rgDel,
.RadGrid_MyCustomSkin .rgFilter,
.RadGrid_MyCustomSkin .rgPagePrev,
.RadGrid_MyCustomSkin .rgPageNext,
.RadGrid_MyCustomSkin .rgPageFirst,
.RadGrid_MyCustomSkin .rgPageLast,
.RadGrid_MyCustomSkin .rgExpand,
.RadGrid_MyCustomSkin .rgCollapse,
.RadGrid_MyCustomSkin .rgSortAsc,
.RadGrid_MyCustomSkin .rgSortDesc,
.RadGrid_MyCustomSkin .rgUpdate,
.RadGrid_MyCustomSkin .rgCancel,
.RadGrid_MyCustomSkin .rgUngroup,
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
background-image:url('Grid/sprite.gif');
}
/*header*/
.RadGrid_MyCustomSkin .rgHeaderDiv
{
background:#b2c780 0 -9050px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
background-position:0 -8550px;
}
.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin th.rgResizeCol
{
border:0;
border-bottom:1px solid #3c6716;
background:#4c7822 0 -2300px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin th.rgSorted
{
background-color:#263616;
background-position:0 -2600px;
}
.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin .rgHeader a
{
color:Black;
}
.RadGrid_MyCustomSkin th.rgSorted,
.RadGrid_MyCustomSkin th.rgSorted a
{
color:#e7f1d7;
}
/*rows*/
.RadGrid_MyCustomSkin .rgRow td,
.RadGrid_MyCustomSkin .rgAltRow td,
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgFooter td
{
border-style:solid;
border-width:0 0 1px 0;
}
.RadGrid_MyCustomSkin .rgRow td
{
border-color:#d1deb6;
color:Black;
}
.RadGrid_MyCustomSkin .rgAltRow
{
background:#c7d6a7;
}
.RadGrid_MyCustomSkin .rgAltRow td
{
border-color:#c7d6a7;
color:Black;
}
.RadGrid_MyCustomSkin .rgRow .rgSorted
{
border-bottom-color:#c6d3ad;
background-color:#c6d3ad;
}
.RadGrid_MyCustomSkin .rgAltRow .rgSorted
{
border-bottom-color:#bdcb9e;
background-color:#bdcb9e;
}
.RadGrid_MyCustomSkin .rgSelectedRow .rgSorted,
.RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow .rgSorted,
.RadGrid_MyCustomSkin .rgEditRow .rgSorted
{
background-color:transparent;
}
.RadGrid_MyCustomSkin .rgRow a,
.RadGrid_MyCustomSkin .rgAltRow a,
.RadGrid_MyCustomSkin .rgEditRow a,
.RadGrid_MyCustomSkin .rgFooter a,
.RadGrid_MyCustomSkin .rgEditForm a
{
color:#3c4c30;
}
.RadGrid_MyCustomSkin .rgSelectedRow
{
background:#bd4401 0 -3900px repeat-x url('Grid/sprite.gif');
color:#fff;
}
*+html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
* html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
.RadGrid_MyCustomSkin .rgSelectedRow a
{
color:#fff;
}
.RadGrid_MyCustomSkin .rgActiveRow,
.RadGrid_MyCustomSkin .rgHoveredRow
{
background:#d57a08 0 -2900px repeat-x url('Grid/sprite.gif');
color:#7a1b05;
}
*+html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
*+html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
* html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
* html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
.RadGrid_MyCustomSkin .rgActiveRow a,
.RadGrid_MyCustomSkin .rgHoveredRow a
{
color:#7a1b05;
}
.RadGrid_MyCustomSkin .rgEditRow
{
background:#e7f1d7 0 -4900px repeat-x url('Grid/sprite.gif');
color:#2b2c20;
}
*+html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
* html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
.RadGrid_MyCustomSkin .rgActiveRow td,
.RadGrid_MyCustomSkin .rgActiveRow td.rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow td,
.RadGrid_MyCustomSkin .rgHoveredRow td.rgSorted
{
border-bottom-color:#8f610a;
}
.RadGrid_MyCustomSkin .rgSelectedRow td,
.RadGrid_MyCustomSkin .rgSelectedRow td.rgSorted
{
border-bottom-color:#751a04;
}
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgEditRow td.rgSorted
{
border-bottom-color:#618740;
}
.RadGrid_MyCustomSkin .rgDrag
{
background-image:url('Grid/rgDrag.gif');
}
/*footer*/
.RadGrid_MyCustomSkin .rgFooterDiv,
.RadGrid_MyCustomSkin .rgFooter
{
background:#b1c67f 0 -7500px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgFooter td
{
border-width:0;
border-top:1px solid #3c6716;
}
/*status*/
.RadGrid_MyCustomSkin .rgPager .rgStatus
{
border-style:solid;
border-width:1px 1px 0 0;
border-color:#3c6716;
}
.RadGrid_MyCustomSkin .rgStatus div
{
background-image:url('Common/loading_small.gif');
}
/*pager*/
.RadGrid_MyCustomSkin .rgPager
{
background:#b2c780 0 -7999px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin td.rgPagerCell
{
border-top:1px solid #3c6716;
border-left:1px solid #b6c988;
}
.RadGrid_MyCustomSkin .rgInfoPart
{
color:#4b4c40;
}
.RadGrid_MyCustomSkin .rgInfoPart strong
{
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgPageFirst
{
background-position:0 -550px;
}
.RadGrid_MyCustomSkin .rgPageFirst:hover
{
background-position:0 -600px;
}
.RadGrid_MyCustomSkin .rgPagePrev
{
background-position:0 -700px;
}
.RadGrid_MyCustomSkin .rgPagePrev:hover
{
background-position:0 -750px;
}
.RadGrid_MyCustomSkin .rgPageNext
{
background-position:0 -850px;
}
.RadGrid_MyCustomSkin .rgPageNext:hover
{
background-position:0 -900px;
}
.RadGrid_MyCustomSkin .rgPageLast
{
background-position:0 -1000px;
}
.RadGrid_MyCustomSkin .rgPageLast:hover
{
background-position:0 -1050px;
}
.RadGrid_MyCustomSkin .rgPager .rgPagerButton
{
border-color:#3c4c30;
background:#202b15 repeat-x 0 -1550px url('Grid/sprite.gif');
color:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover,
.RadGrid_MyCustomSkin .rgNumPart a:hover span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span
{
background:no-repeat url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgNumPart a
{
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover
{
background-position:100% -1250px;
color:#7a1b05;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover span
{
background-position:0 -1150px;
}
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover
{
background-position:100% -1450px;
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover span
{
background-position:0 -1350px;
}
/*sorting, reordering*/
.RadGrid_MyCustomSkin .rgHeader .rgSortAsc
{
background-position:3px -248px;
height:10px;
}
.RadGrid_MyCustomSkin .rgHeader .rgSortDesc
{
background-position:3px -198px;
height:10px;
}
.GridReorderTop_MyCustomSkin,
.GridReorderBottom_MyCustomSkin
{
background:0 0 no-repeat url('Grid/sprite.gif');
}
.GridReorderBottom_MyCustomSkin
{
background-position:0 -50px;
}
/*filtering*/
.RadGrid_MyCustomSkin .rgFilterRow
{
background:#b2c780 0 -7000px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgFilterRow td
{
border-top:1px solid #b6c988;
border-bottom:1px solid #9cb16a;
}
.RadGrid_MyCustomSkin .rgFilter
{
background-position:0 -300px;
}
.RadGrid_MyCustomSkin .rgFilter:hover
{
background-position:0 -350px;
}
.RadGrid_MyCustomSkin .rgFilterActive,
.RadGrid_MyCustomSkin .rgFilterActive:hover
{
background-position:0 -400px;
}
.RadGrid_MyCustomSkin .rgFilterBox
{
border:1px solid #618740;
background:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
color:#2b2c20;
}
/*filter context menu*/
.RadMenu_MyCustomSkin .rgHCMClear,
.RadMenu_MyCustomSkin .rgHCMFilter
{
border-color:#527235 #375221 #182c09;
background:#202b15 center -23px repeat-x url('FormDecorator/ButtonSprites.png');
color:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
}
.RadMenu_MyCustomSkin .rgHCMClear:hover,
.RadMenu_MyCustomSkin .rgHCMFilter:hover
{
border-color:#517034 #385321 #1b300b;
background-position:center -67px;
background-color:#293917;
color:#fff;
}
/*context menu*/
.GridContextMenu_MyCustomSkin .rmLeftImage
{
background-image:url('../Common/Grid/contextMenu.gif');
}
.GridContextMenu_MyCustomSkin .rgHCMSortAsc .rmLeftImage
{
background-position:0 0;
}
.GridContextMenu_MyCustomSkin .rgHCMSortDesc .rmLeftImage
{
background-position:0 -40px;
}
.GridContextMenu_MyCustomSkin .rgHCMUnsort .rmLeftImage
{
background-position:0 -80px;
}
.GridContextMenu_MyCustomSkin .rgHCMGroup .rmLeftImage
{
background-position:0 -120px;
}
.GridContextMenu_MyCustomSkin .rgHCMUngroup .rmLeftImage
{
background-position:0 -160px;
}
.GridContextMenu_MyCustomSkin .rgHCMCols .rmLeftImage
{
background-position:0 -200px;
}
.GridContextMenu_MyCustomSkin .rgHCMFilter .rmLeftImage
{
background-position:0 -240px;
}
.GridContextMenu_MyCustomSkin .rgHCMUnfilter .rmLeftImage
{
background-position:0 -280px;
}
/*grouping*/
.RadGrid_MyCustomSkin .rgGroupPanel
{
height:24px;
border:0;
border-bottom:1px solid #3c4c30;
background:#b1c67f 0 -1900px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgGroupPanel td
{
border:0;
padding:3px 4px;
}
.RadGrid_MyCustomSkin .rgGroupPanel td td
{
padding:0;
}
.RadGrid_MyCustomSkin .rgGroupPanel .rgSortAsc
{
background-position:2px -146px;
}
.RadGrid_MyCustomSkin .rgGroupPanel .rgSortDesc
{
background-position:2px -95px;
}
.RadGrid_MyCustomSkin .rgUngroup
{
background-position:0 -8500px;
}
.RadGrid_MyCustomSkin .rgGroupItem
{
border:1px solid #3c4c30;
background:#202b15 0 -6500px repeat-x url('Grid/sprite.gif');
color:#e7f1d7;
}
.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol,
.RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol
{
border-color:#9cb16a;
background:#9cb16a none;
}
.RadGrid_MyCustomSkin .rgGroupHeader
{
background:#9cb16a;
font-size:1.1em;
line-height:21px;
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgGroupHeader td
{
border-top:1px solid #cad7a2;
}
.RadGrid_MyCustomSkin .rgGroupHeader td.rgGroupCol
{
border-top-color:#9cb16a;
}
.RadGrid_MyCustomSkin .rgExpand
{
background-position:5px -496px;
}
.RadGrid_MyCustomSkin .rgCollapse
{
background-position:3px -444px;
}
/*editing*/
.RadGrid_MyCustomSkin .rgEditForm
{
border-bottom:1px solid #618740;
}
.RadGrid_MyCustomSkin .rgUpdate
{
background-position:0 -1800px;
}
.RadGrid_MyCustomSkin .rgCancel
{
background-position:0 -1850px;
}
/*hierarchy*/
.RadGrid_MyCustomSkin .rgDetailTable
{
border-color:#3c4c30;
}
/*command row*/
.RadGrid_MyCustomSkin .rgCommandRow
{
background:#425c35 0 0 repeat-x url('Grid/rgCommandRow.gif');
color:#e7f1d7;
}
.RadGrid_MyCustomSkin .rgCommandCell
{
border:0;
padding:2px 7px;
}
.RadGrid_MyCustomSkin tfoot .rgCommandCell,
.RadGrid_MyCustomSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
border-top:1px solid #3c4c30;
}
.RadGrid_MyCustomSkin thead .rgCommandCell
{
border-bottom:1px solid #3c4c30;
}
.RadGrid_MyCustomSkin .rgCommandTable,
.RadGrid_MyCustomSkin .rgCommandTable td
{
border:0;
padding:0;
}
.RadGrid_MyCustomSkin .rgCommandRow a
{
color:#e7f1d7;
text-decoration:none;
}
.RadGrid_MyCustomSkin .rgAdd
{
margin-right:3px;
background-position:0 -1650px;
}
.RadGrid_MyCustomSkin .rgRefresh
{
margin-right:3px;
background-position:0 -1600px;
}
.RadGrid_MyCustomSkin .rgEdit
{
background-position:0 -1700px;
}
.RadGrid_MyCustomSkin .rgDel
{
background-position:0 -1750px;
}
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
background-image:url('../Common/Grid/export.gif');
}
.RadGrid_MyCustomSkin .rgExpXLS
{
background-position:0 0;
}
.RadGrid_MyCustomSkin .rgExpDOC
{
background-position:0 -50px;
}
.RadGrid_MyCustomSkin .rgExpPDF
{
background-position:0 -100px;
}
.RadGrid_MyCustomSkin .rgExpCSV
{
background-position:0 -150px;
}
/*multirow select*/
.GridRowSelector_MyCustomSkin
{
background:#3c4c30;
}
/*row drag n drop*/
.GridItemDropIndicator_MyCustomSkin
{
border-top:1px dashed #3c4c30;
}
/*tooltip*/
.GridToolTip_MyCustomSkin
{
border:1px solid #3c4c30;
padding:3px;
background:#d1deb6;
color:#2b2c20;
}
/*rtl*/
.RadGridRTL_MyCustomSkin .rgPageFirst
{
background-position:0 -1000px;
}
.RadGridRTL_MyCustomSkin .rgPageFirst:hover
{
background-position:0 -1050px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev
{
background-position:0 -850px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev:hover
{
background-position:0 -900px;
}
.RadGridRTL_MyCustomSkin .rgPageNext
{
background-position:0 -700px;
}
.RadGridRTL_MyCustomSkin .rgPageNext:hover
{
background-position:0 -750px;
}
.RadGridRTL_MyCustomSkin .rgPageLast
{
background-position:0 -550px;
}
.RadGridRTL_MyCustomSkin .rgPageLast:hover
{
background-position:0 -600px;
}
.RadGridRTL_MyCustomSkin .rgExpand
{
background-position:-20px -496px;
}
Menu
/* <RadMenu / Forest> */
.RadMenu_MyCustomSkin .rmRootGroup,
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText,
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow,
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow
{
background-image: url('Menu/rmSprite.png');
background-color: transparent;
}
.RadMenu_MyCustomSkin .rmRootGroup
{
border: 1px solid #588a4d;
background-repeat: repeat-x;
background-position: 0 0;
background-color: #749f57;
}
.RadMenu_MyCustomSkin .rmVertical
{
background-position: 0 -408px;
}
/* <Root items> */
.RadMenu_MyCustomSkin,
.RadMenu_MyCustomSkin a.rmLink
{
font: normal 12px/21px "Segoe UI", Arial, sans-serif;
color: #2b2c20;
text-decoration: none;
}
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText
{
background-position: 0 1050px;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin a.rmLink
{
padding: 1px 1px 1px 12px;
}
.RadMenu_MyCustomSkin a.rmLink:hover,
.RadMenu_MyCustomSkin a.rmFocused,
.RadMenu_MyCustomSkin a.rmSelected
{
color: #7a1b05;
background-position: 0 -96px;
border: 1px solid #ab7d25;
padding: 0 0 0 11px;
}
.RadMenu_MyCustomSkin a.rmExpanded,
.RadMenu_MyCustomSkin a.rmExpanded:hover
{
color: #fff;
background-position: 0 -144px;
border: 1px solid #7a1b05;
padding: 0 0 0 11px;
}
.RadMenu_MyCustomSkin a.rmDisabled,
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
color: #b1c67f;
}
.RadMenu_MyCustomSkin a.rmDisabled:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmText
{
background-image: none;
border: 0;
}
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
padding: 1px 1px 1px 12px;
}
.RadMenu_MyCustomSkin a .rmLeftImage
{
padding-bottom: 2px;
}
.RadMenu_MyCustomSkin_rtl a.rmLink
{
padding: 1px 12px 1px 1px;
}
.RadMenu_MyCustomSkin_rtl a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl a.rmFocused,
.RadMenu_MyCustomSkin_rtl a.rmSelected
{
padding: 0 11px 0 0;
}
.RadMenu_MyCustomSkin_rtl a.rmExpanded,
.RadMenu_MyCustomSkin_rtl a.rmExpanded:hover
{
padding: 0 11px 0 0;
}
.RadMenu_MyCustomSkin_rtl a.rmDisabled:hover
{
padding: 1px 12px 1px 1px;
}
/* </Root items> */
/* <Submenu items> */
.RadMenu_MyCustomSkin .rmGroup,
.RadMenu_MyCustomSkin .rmMultiColumn,
.RadMenu_MyCustomSkin .rmGroup .rmVertical
{
border: 1px solid #588a4d;
background: #c7d6a7 url('Menu/rmVSprite.png') repeat-y 0 0;
}
.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
background-image: url('Menu/rmVSprite.png');
background-color: #c7d6a7;
background-repeat: repeat-y;
}
* html .rmRoundedCorners_MyCustomSkin .rmGroup .rmItem,
* html .rmRoundedCorners_MyCustomSkin ul.rmHorizontal .rmFirst
{
background-image: url('Menu/rmVSprite.png');
background-color: #c7d6a7;
background-repeat: repeat-y;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
background-image: none;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmVertical
{
background-image: none;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmBottomLeft,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmMultiColumn
{
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_MyCustomSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_MyCustomSkin ul.rmGroup
{
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin .rmTopRight,
.RadMenu_MyCustomSkin .rmBottomRight
{
background-image: url('Menu/rmRoundedRight.png');
background-color: transparent;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_MyCustomSkin .rmGroup .rmFirst
{
border-color: #588a4d;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
background: #c7d6a7;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomFix
{
background: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
background-color: #c7d6a7;
border: 0;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmRightArrow
{
background-color: #c7d6a7;
border: 0;
}
.RadMenu_MyCustomSkin_rtl .rmBottomLeft,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl ul.rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
background-image: url('Menu/rmRoundedLeft_rtl.png');
}
.RadMenu_MyCustomSkin_rtl .rmTopRight,
.RadMenu_MyCustomSkin_rtl .rmBottomRight
{
background-image: url('Menu/rmRoundedRight_rtl.png');
}
.RadMenu_MyCustomSkin_rtl li.rmTopFix,
.RadMenu_MyCustomSkin_rtl li.rmBottomFix,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmItem
{
background-position: 101% 0;
}
.RadMenu_MyCustomSkin .rmSlide .rmScrollWrap
{
background-image: none;
}
.RadMenu_MyCustomSkin_rtl .rmGroup,
.RadMenu_MyCustomSkin_rtl .rmMultiColumn,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmVertical
{
background-position: 100% 0;
}
.RadMenu_MyCustomSkin .rmRootGroup .rmHorizontal
{
background-image: none;
}
.RadMenu_MyCustomSkin .rmScrollWrap .rmVertical
{
border: 0;
}
.RadMenu_MyCustomSkin .rmGroup .rmFirst,
.RadMenu_MyCustomSkin .rmGroup .rmLast,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer li.rmItem
{
background: none;
}
.RadMenu_MyCustomSkin .rmGroup .rmLast
{
padding-bottom: 1px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink,
.RadMenu_MyCustomSkin .rmVertical .rmGroup a.rmLink
{
border: 0;
padding: 0;
line-height: 23px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded
{
background-position: 0 -168px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmText
{
background-position: 100% -192px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded:hover
{
color: #7a1b05;
}
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover
{
color: #8c9f5f;
}
/* <expand arrows> */
.RadMenu_MyCustomSkin .rmRootGroup .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmExpandDown
{
background-position: 100% -216px;
}
.RadMenu_MyCustomSkin a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin a.rmExpanded .rmExpandRight
{
background-position: 100% -312px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandDown
{
background-position: 100% -240px;
}
.RadMenu_MyCustomSkin .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmExpandDown,
{
background-image: url('Menu/rmSprite.png');
background-position: 100% -216px;
}
/* </expand arrows> */
/* <rtl> */
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded
{
background-position: 100% -264px;
}
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmText
{
background-position: 0 -288px;
}
.RadMenu_MyCustomSkin_rtl .rmRootGroup .rmExpandLeft
{
background-position: 0 -312px;
}
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmExpanded .rmExpandLeft
{
background-position: 0 -216px;
}
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
background-position: 0 -336px;
}
.RadMenu_MyCustomSkin_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
background-position: 0 -312px;
}
/* </rtl> */
/* </Submenu items> */
/* <Submenu offsets (Forest - specific, overlapping submenus)> */
.RadMenu_MyCustomSkin .rmSlide
{
margin: -3px 0 0 1px;
}
.RadMenu_MyCustomSkin .rmVertical .rmSlide,
.RadMenu_MyCustomSkin .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context .rmGroup .rmSlide
{
margin: 0 0 0 -5px;
}
.RadMenu_MyCustomSkin_rtl .rmSlide
{
margin: -3px 0 0 -1px;
}
.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide,
.RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide
{
margin: 0 0 0 5px;
}
/* </Submenu offsets> */
/* <Scrolling arrows> */
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow,
.RadMenu_MyCustomSkin .rmGroup .rmLeftArrow,
.RadMenu_MyCustomSkin .rmGroup .rmRightArrow
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #588a4d; }
/* </Scrolling arrows> */
/* <Separators> */
.RadMenu_MyCustomSkin .rmVertical .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmHorizontal .rmVertical .rmSeparator .rmText
{
background-position: 0 -406px;
}
.RadMenu_MyCustomSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
background-position: 0 -386px;
}
/* </Separators> */
/* </RadMenu / Forest> */
I also seem to of have lost my indentation on my sub grid.
Or even better yet, if someone can just tell me how to change the font color on the Forest skin, I wouldnt have to do all of this.
/*Telerik RadGrid Forest Skin*/
/*global*/
.RadGrid_MyCustomSkin
{
border: 1px solid #3c4c30;
background: #d1deb6;
color: #2b2c20;
}
.RadGrid_MyCustomSkin,
.RadGrid_MyCustomSkin .rgMasterTable,
.RadGrid_MyCustomSkin .rgDetailTable,
.RadGrid_MyCustomSkin .rgGroupPanel table,
.RadGrid_MyCustomSkin .rgCommandRow table,
.RadGrid_MyCustomSkin .rgEditForm table,
.RadGrid_MyCustomSkin .rgPager table,
.GridToolTip_MyCustomSkin
{
font:12px/16px "segoe ui",arial,sans-serif;
}
.RadGrid_MyCustomSkin .rgAdd,
.RadGrid_MyCustomSkin .rgRefresh,
.RadGrid_MyCustomSkin .rgEdit,
.RadGrid_MyCustomSkin .rgDel,
.RadGrid_MyCustomSkin .rgFilter,
.RadGrid_MyCustomSkin .rgPagePrev,
.RadGrid_MyCustomSkin .rgPageNext,
.RadGrid_MyCustomSkin .rgPageFirst,
.RadGrid_MyCustomSkin .rgPageLast,
.RadGrid_MyCustomSkin .rgExpand,
.RadGrid_MyCustomSkin .rgCollapse,
.RadGrid_MyCustomSkin .rgSortAsc,
.RadGrid_MyCustomSkin .rgSortDesc,
.RadGrid_MyCustomSkin .rgUpdate,
.RadGrid_MyCustomSkin .rgCancel,
.RadGrid_MyCustomSkin .rgUngroup,
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
background-image:url('Grid/sprite.gif');
}
/*header*/
.RadGrid_MyCustomSkin .rgHeaderDiv
{
background:#b2c780 0 -9050px repeat-x url('Grid/sprite.gif');
}
.rgTwoLines .rgHeaderDiv
{
background-position:0 -8550px;
}
.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin th.rgResizeCol
{
border:0;
border-bottom:1px solid #3c6716;
background:#4c7822 0 -2300px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin th.rgSorted
{
background-color:#263616;
background-position:0 -2600px;
}
.RadGrid_MyCustomSkin .rgHeader,
.RadGrid_MyCustomSkin .rgHeader a
{
color:Black;
}
.RadGrid_MyCustomSkin th.rgSorted,
.RadGrid_MyCustomSkin th.rgSorted a
{
color:#e7f1d7;
}
/*rows*/
.RadGrid_MyCustomSkin .rgRow td,
.RadGrid_MyCustomSkin .rgAltRow td,
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgFooter td
{
border-style:solid;
border-width:0 0 1px 0;
}
.RadGrid_MyCustomSkin .rgRow td
{
border-color:#d1deb6;
color:Black;
}
.RadGrid_MyCustomSkin .rgAltRow
{
background:#c7d6a7;
}
.RadGrid_MyCustomSkin .rgAltRow td
{
border-color:#c7d6a7;
color:Black;
}
.RadGrid_MyCustomSkin .rgRow .rgSorted
{
border-bottom-color:#c6d3ad;
background-color:#c6d3ad;
}
.RadGrid_MyCustomSkin .rgAltRow .rgSorted
{
border-bottom-color:#bdcb9e;
background-color:#bdcb9e;
}
.RadGrid_MyCustomSkin .rgSelectedRow .rgSorted,
.RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow .rgSorted,
.RadGrid_MyCustomSkin .rgEditRow .rgSorted
{
background-color:transparent;
}
.RadGrid_MyCustomSkin .rgRow a,
.RadGrid_MyCustomSkin .rgAltRow a,
.RadGrid_MyCustomSkin .rgEditRow a,
.RadGrid_MyCustomSkin .rgFooter a,
.RadGrid_MyCustomSkin .rgEditForm a
{
color:#3c4c30;
}
.RadGrid_MyCustomSkin .rgSelectedRow
{
background:#bd4401 0 -3900px repeat-x url('Grid/sprite.gif');
color:#fff;
}
*+html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
* html .RadGrid_MyCustomSkin .rgSelectedRow .rgSorted{background-color:#bd4401}
.RadGrid_MyCustomSkin .rgSelectedRow a
{
color:#fff;
}
.RadGrid_MyCustomSkin .rgActiveRow,
.RadGrid_MyCustomSkin .rgHoveredRow
{
background:#d57a08 0 -2900px repeat-x url('Grid/sprite.gif');
color:#7a1b05;
}
*+html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
*+html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
* html .RadGrid_MyCustomSkin .rgActiveRow .rgSorted,
* html .RadGrid_MyCustomSkin .rgHoveredRow .rgSorted{background-color:#d57a08}
.RadGrid_MyCustomSkin .rgActiveRow a,
.RadGrid_MyCustomSkin .rgHoveredRow a
{
color:#7a1b05;
}
.RadGrid_MyCustomSkin .rgEditRow
{
background:#e7f1d7 0 -4900px repeat-x url('Grid/sprite.gif');
color:#2b2c20;
}
*+html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
* html .RadGrid_MyCustomSkin .rgEditRow .rgSorted{background-color:#e7f1d7}
.RadGrid_MyCustomSkin .rgActiveRow td,
.RadGrid_MyCustomSkin .rgActiveRow td.rgSorted,
.RadGrid_MyCustomSkin .rgHoveredRow td,
.RadGrid_MyCustomSkin .rgHoveredRow td.rgSorted
{
border-bottom-color:#8f610a;
}
.RadGrid_MyCustomSkin .rgSelectedRow td,
.RadGrid_MyCustomSkin .rgSelectedRow td.rgSorted
{
border-bottom-color:#751a04;
}
.RadGrid_MyCustomSkin .rgEditRow td,
.RadGrid_MyCustomSkin .rgEditRow td.rgSorted
{
border-bottom-color:#618740;
}
.RadGrid_MyCustomSkin .rgDrag
{
background-image:url('Grid/rgDrag.gif');
}
/*footer*/
.RadGrid_MyCustomSkin .rgFooterDiv,
.RadGrid_MyCustomSkin .rgFooter
{
background:#b1c67f 0 -7500px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgFooter td
{
border-width:0;
border-top:1px solid #3c6716;
}
/*status*/
.RadGrid_MyCustomSkin .rgPager .rgStatus
{
border-style:solid;
border-width:1px 1px 0 0;
border-color:#3c6716;
}
.RadGrid_MyCustomSkin .rgStatus div
{
background-image:url('Common/loading_small.gif');
}
/*pager*/
.RadGrid_MyCustomSkin .rgPager
{
background:#b2c780 0 -7999px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin td.rgPagerCell
{
border-top:1px solid #3c6716;
border-left:1px solid #b6c988;
}
.RadGrid_MyCustomSkin .rgInfoPart
{
color:#4b4c40;
}
.RadGrid_MyCustomSkin .rgInfoPart strong
{
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgPageFirst
{
background-position:0 -550px;
}
.RadGrid_MyCustomSkin .rgPageFirst:hover
{
background-position:0 -600px;
}
.RadGrid_MyCustomSkin .rgPagePrev
{
background-position:0 -700px;
}
.RadGrid_MyCustomSkin .rgPagePrev:hover
{
background-position:0 -750px;
}
.RadGrid_MyCustomSkin .rgPageNext
{
background-position:0 -850px;
}
.RadGrid_MyCustomSkin .rgPageNext:hover
{
background-position:0 -900px;
}
.RadGrid_MyCustomSkin .rgPageLast
{
background-position:0 -1000px;
}
.RadGrid_MyCustomSkin .rgPageLast:hover
{
background-position:0 -1050px;
}
.RadGrid_MyCustomSkin .rgPager .rgPagerButton
{
border-color:#3c4c30;
background:#202b15 repeat-x 0 -1550px url('Grid/sprite.gif');
color:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover,
.RadGrid_MyCustomSkin .rgNumPart a:hover span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span
{
background:no-repeat url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgNumPart a
{
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover
{
background-position:100% -1250px;
color:#7a1b05;
}
.RadGrid_MyCustomSkin .rgNumPart a:hover span
{
background-position:0 -1150px;
}
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover
{
background-position:100% -1450px;
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_MyCustomSkin .rgNumPart a.rgCurrentPage:hover span
{
background-position:0 -1350px;
}
/*sorting, reordering*/
.RadGrid_MyCustomSkin .rgHeader .rgSortAsc
{
background-position:3px -248px;
height:10px;
}
.RadGrid_MyCustomSkin .rgHeader .rgSortDesc
{
background-position:3px -198px;
height:10px;
}
.GridReorderTop_MyCustomSkin,
.GridReorderBottom_MyCustomSkin
{
background:0 0 no-repeat url('Grid/sprite.gif');
}
.GridReorderBottom_MyCustomSkin
{
background-position:0 -50px;
}
/*filtering*/
.RadGrid_MyCustomSkin .rgFilterRow
{
background:#b2c780 0 -7000px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgFilterRow td
{
border-top:1px solid #b6c988;
border-bottom:1px solid #9cb16a;
}
.RadGrid_MyCustomSkin .rgFilter
{
background-position:0 -300px;
}
.RadGrid_MyCustomSkin .rgFilter:hover
{
background-position:0 -350px;
}
.RadGrid_MyCustomSkin .rgFilterActive,
.RadGrid_MyCustomSkin .rgFilterActive:hover
{
background-position:0 -400px;
}
.RadGrid_MyCustomSkin .rgFilterBox
{
border:1px solid #618740;
background:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
color:#2b2c20;
}
/*filter context menu*/
.RadMenu_MyCustomSkin .rgHCMClear,
.RadMenu_MyCustomSkin .rgHCMFilter
{
border-color:#527235 #375221 #182c09;
background:#202b15 center -23px repeat-x url('FormDecorator/ButtonSprites.png');
color:#e7f1d7;
font-family:"segoe ui",arial,sans-serif;
}
.RadMenu_MyCustomSkin .rgHCMClear:hover,
.RadMenu_MyCustomSkin .rgHCMFilter:hover
{
border-color:#517034 #385321 #1b300b;
background-position:center -67px;
background-color:#293917;
color:#fff;
}
/*context menu*/
.GridContextMenu_MyCustomSkin .rmLeftImage
{
background-image:url('../Common/Grid/contextMenu.gif');
}
.GridContextMenu_MyCustomSkin .rgHCMSortAsc .rmLeftImage
{
background-position:0 0;
}
.GridContextMenu_MyCustomSkin .rgHCMSortDesc .rmLeftImage
{
background-position:0 -40px;
}
.GridContextMenu_MyCustomSkin .rgHCMUnsort .rmLeftImage
{
background-position:0 -80px;
}
.GridContextMenu_MyCustomSkin .rgHCMGroup .rmLeftImage
{
background-position:0 -120px;
}
.GridContextMenu_MyCustomSkin .rgHCMUngroup .rmLeftImage
{
background-position:0 -160px;
}
.GridContextMenu_MyCustomSkin .rgHCMCols .rmLeftImage
{
background-position:0 -200px;
}
.GridContextMenu_MyCustomSkin .rgHCMFilter .rmLeftImage
{
background-position:0 -240px;
}
.GridContextMenu_MyCustomSkin .rgHCMUnfilter .rmLeftImage
{
background-position:0 -280px;
}
/*grouping*/
.RadGrid_MyCustomSkin .rgGroupPanel
{
height:24px;
border:0;
border-bottom:1px solid #3c4c30;
background:#b1c67f 0 -1900px repeat-x url('Grid/sprite.gif');
}
.RadGrid_MyCustomSkin .rgGroupPanel td
{
border:0;
padding:3px 4px;
}
.RadGrid_MyCustomSkin .rgGroupPanel td td
{
padding:0;
}
.RadGrid_MyCustomSkin .rgGroupPanel .rgSortAsc
{
background-position:2px -146px;
}
.RadGrid_MyCustomSkin .rgGroupPanel .rgSortDesc
{
background-position:2px -95px;
}
.RadGrid_MyCustomSkin .rgUngroup
{
background-position:0 -8500px;
}
.RadGrid_MyCustomSkin .rgGroupItem
{
border:1px solid #3c4c30;
background:#202b15 0 -6500px repeat-x url('Grid/sprite.gif');
color:#e7f1d7;
}
.RadGrid_MyCustomSkin .rgMasterTable td.rgGroupCol,
.RadGrid_MyCustomSkin .rgMasterTable td.rgExpandCol
{
border-color:#9cb16a;
background:#9cb16a none;
}
.RadGrid_MyCustomSkin .rgGroupHeader
{
background:#9cb16a;
font-size:1.1em;
line-height:21px;
color:#2b2c20;
}
.RadGrid_MyCustomSkin .rgGroupHeader td
{
border-top:1px solid #cad7a2;
}
.RadGrid_MyCustomSkin .rgGroupHeader td.rgGroupCol
{
border-top-color:#9cb16a;
}
.RadGrid_MyCustomSkin .rgExpand
{
background-position:5px -496px;
}
.RadGrid_MyCustomSkin .rgCollapse
{
background-position:3px -444px;
}
/*editing*/
.RadGrid_MyCustomSkin .rgEditForm
{
border-bottom:1px solid #618740;
}
.RadGrid_MyCustomSkin .rgUpdate
{
background-position:0 -1800px;
}
.RadGrid_MyCustomSkin .rgCancel
{
background-position:0 -1850px;
}
/*hierarchy*/
.RadGrid_MyCustomSkin .rgDetailTable
{
border-color:#3c4c30;
}
/*command row*/
.RadGrid_MyCustomSkin .rgCommandRow
{
background:#425c35 0 0 repeat-x url('Grid/rgCommandRow.gif');
color:#e7f1d7;
}
.RadGrid_MyCustomSkin .rgCommandCell
{
border:0;
padding:2px 7px;
}
.RadGrid_MyCustomSkin tfoot .rgCommandCell,
.RadGrid_MyCustomSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
border-top:1px solid #3c4c30;
}
.RadGrid_MyCustomSkin thead .rgCommandCell
{
border-bottom:1px solid #3c4c30;
}
.RadGrid_MyCustomSkin .rgCommandTable,
.RadGrid_MyCustomSkin .rgCommandTable td
{
border:0;
padding:0;
}
.RadGrid_MyCustomSkin .rgCommandRow a
{
color:#e7f1d7;
text-decoration:none;
}
.RadGrid_MyCustomSkin .rgAdd
{
margin-right:3px;
background-position:0 -1650px;
}
.RadGrid_MyCustomSkin .rgRefresh
{
margin-right:3px;
background-position:0 -1600px;
}
.RadGrid_MyCustomSkin .rgEdit
{
background-position:0 -1700px;
}
.RadGrid_MyCustomSkin .rgDel
{
background-position:0 -1750px;
}
.RadGrid_MyCustomSkin .rgExpXLS,
.RadGrid_MyCustomSkin .rgExpDOC,
.RadGrid_MyCustomSkin .rgExpPDF,
.RadGrid_MyCustomSkin .rgExpCSV
{
background-image:url('../Common/Grid/export.gif');
}
.RadGrid_MyCustomSkin .rgExpXLS
{
background-position:0 0;
}
.RadGrid_MyCustomSkin .rgExpDOC
{
background-position:0 -50px;
}
.RadGrid_MyCustomSkin .rgExpPDF
{
background-position:0 -100px;
}
.RadGrid_MyCustomSkin .rgExpCSV
{
background-position:0 -150px;
}
/*multirow select*/
.GridRowSelector_MyCustomSkin
{
background:#3c4c30;
}
/*row drag n drop*/
.GridItemDropIndicator_MyCustomSkin
{
border-top:1px dashed #3c4c30;
}
/*tooltip*/
.GridToolTip_MyCustomSkin
{
border:1px solid #3c4c30;
padding:3px;
background:#d1deb6;
color:#2b2c20;
}
/*rtl*/
.RadGridRTL_MyCustomSkin .rgPageFirst
{
background-position:0 -1000px;
}
.RadGridRTL_MyCustomSkin .rgPageFirst:hover
{
background-position:0 -1050px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev
{
background-position:0 -850px;
}
.RadGridRTL_MyCustomSkin .rgPagePrev:hover
{
background-position:0 -900px;
}
.RadGridRTL_MyCustomSkin .rgPageNext
{
background-position:0 -700px;
}
.RadGridRTL_MyCustomSkin .rgPageNext:hover
{
background-position:0 -750px;
}
.RadGridRTL_MyCustomSkin .rgPageLast
{
background-position:0 -550px;
}
.RadGridRTL_MyCustomSkin .rgPageLast:hover
{
background-position:0 -600px;
}
.RadGridRTL_MyCustomSkin .rgExpand
{
background-position:-20px -496px;
}
Menu
/* <RadMenu / Forest> */
.RadMenu_MyCustomSkin .rmRootGroup,
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText,
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow,
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow
{
background-image: url('Menu/rmSprite.png');
background-color: transparent;
}
.RadMenu_MyCustomSkin .rmRootGroup
{
border: 1px solid #588a4d;
background-repeat: repeat-x;
background-position: 0 0;
background-color: #749f57;
}
.RadMenu_MyCustomSkin .rmVertical
{
background-position: 0 -408px;
}
/* <Root items> */
.RadMenu_MyCustomSkin,
.RadMenu_MyCustomSkin a.rmLink
{
font: normal 12px/21px "Segoe UI", Arial, sans-serif;
color: #2b2c20;
text-decoration: none;
}
.RadMenu_MyCustomSkin a.rmLink,
.RadMenu_MyCustomSkin .rmText
{
background-position: 0 1050px;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin a.rmLink
{
padding: 1px 1px 1px 12px;
}
.RadMenu_MyCustomSkin a.rmLink:hover,
.RadMenu_MyCustomSkin a.rmFocused,
.RadMenu_MyCustomSkin a.rmSelected
{
color: #7a1b05;
background-position: 0 -96px;
border: 1px solid #ab7d25;
padding: 0 0 0 11px;
}
.RadMenu_MyCustomSkin a.rmExpanded,
.RadMenu_MyCustomSkin a.rmExpanded:hover
{
color: #fff;
background-position: 0 -144px;
border: 1px solid #7a1b05;
padding: 0 0 0 11px;
}
.RadMenu_MyCustomSkin a.rmDisabled,
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
color: #b1c67f;
}
.RadMenu_MyCustomSkin a.rmDisabled:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmText
{
background-image: none;
border: 0;
}
.RadMenu_MyCustomSkin a.rmDisabled:hover
{
padding: 1px 1px 1px 12px;
}
.RadMenu_MyCustomSkin a .rmLeftImage
{
padding-bottom: 2px;
}
.RadMenu_MyCustomSkin_rtl a.rmLink
{
padding: 1px 12px 1px 1px;
}
.RadMenu_MyCustomSkin_rtl a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl a.rmFocused,
.RadMenu_MyCustomSkin_rtl a.rmSelected
{
padding: 0 11px 0 0;
}
.RadMenu_MyCustomSkin_rtl a.rmExpanded,
.RadMenu_MyCustomSkin_rtl a.rmExpanded:hover
{
padding: 0 11px 0 0;
}
.RadMenu_MyCustomSkin_rtl a.rmDisabled:hover
{
padding: 1px 12px 1px 1px;
}
/* </Root items> */
/* <Submenu items> */
.RadMenu_MyCustomSkin .rmGroup,
.RadMenu_MyCustomSkin .rmMultiColumn,
.RadMenu_MyCustomSkin .rmGroup .rmVertical
{
border: 1px solid #588a4d;
background: #c7d6a7 url('Menu/rmVSprite.png') repeat-y 0 0;
}
.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
background-image: url('Menu/rmVSprite.png');
background-color: #c7d6a7;
background-repeat: repeat-y;
}
* html .rmRoundedCorners_MyCustomSkin .rmGroup .rmItem,
* html .rmRoundedCorners_MyCustomSkin ul.rmHorizontal .rmFirst
{
background-image: url('Menu/rmVSprite.png');
background-color: #c7d6a7;
background-repeat: repeat-y;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
background-image: none;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrap .rmVertical
{
background-image: none;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroupColumn
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmBottomLeft,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmMultiColumn
{
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_MyCustomSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_MyCustomSkin ul.rmGroup
{
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin .rmTopRight,
.RadMenu_MyCustomSkin .rmBottomRight
{
background-image: url('Menu/rmRoundedRight.png');
background-color: transparent;
background-repeat: no-repeat;
}
.RadMenu_MyCustomSkin .rmTopFix,
.RadMenu_MyCustomSkin .rmBottomFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_MyCustomSkin .rmGroup .rmFirst
{
border-color: #588a4d;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
background: #c7d6a7;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomFix
{
background: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
background-color: #c7d6a7;
border: 0;
}
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer .rmRightArrow
{
background-color: #c7d6a7;
border: 0;
}
.RadMenu_MyCustomSkin_rtl .rmBottomLeft,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_MyCustomSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl ul.rmGroup,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
background-image: url('Menu/rmRoundedLeft_rtl.png');
}
.RadMenu_MyCustomSkin_rtl .rmTopRight,
.RadMenu_MyCustomSkin_rtl .rmBottomRight
{
background-image: url('Menu/rmRoundedRight_rtl.png');
}
.RadMenu_MyCustomSkin_rtl li.rmTopFix,
.RadMenu_MyCustomSkin_rtl li.rmBottomFix,
.RadMenu_MyCustomSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmItem
{
background-position: 101% 0;
}
.RadMenu_MyCustomSkin .rmSlide .rmScrollWrap
{
background-image: none;
}
.RadMenu_MyCustomSkin_rtl .rmGroup,
.RadMenu_MyCustomSkin_rtl .rmMultiColumn,
.RadMenu_MyCustomSkin_rtl .rmGroup .rmVertical
{
background-position: 100% 0;
}
.RadMenu_MyCustomSkin .rmRootGroup .rmHorizontal
{
background-image: none;
}
.RadMenu_MyCustomSkin .rmScrollWrap .rmVertical
{
border: 0;
}
.RadMenu_MyCustomSkin .rmGroup .rmFirst,
.RadMenu_MyCustomSkin .rmGroup .rmLast,
.RadMenu_MyCustomSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_MyCustomSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_MyCustomSkin .rmScrollWrapContainer li.rmItem
{
background: none;
}
.RadMenu_MyCustomSkin .rmGroup .rmLast
{
padding-bottom: 1px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink,
.RadMenu_MyCustomSkin .rmVertical .rmGroup a.rmLink
{
border: 0;
padding: 0;
line-height: 23px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded
{
background-position: 0 -168px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmText
{
background-position: 100% -192px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded:hover
{
color: #7a1b05;
}
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover
{
color: #8c9f5f;
}
/* <expand arrows> */
.RadMenu_MyCustomSkin .rmRootGroup .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup .rmExpandDown
{
background-position: 100% -216px;
}
.RadMenu_MyCustomSkin a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin a.rmExpanded .rmExpandRight
{
background-position: 100% -312px;
}
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_MyCustomSkin .rmGroup a.rmExpanded .rmExpandDown
{
background-position: 100% -240px;
}
.RadMenu_MyCustomSkin .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_MyCustomSkin .rmGroup a.rmDisabled:hover .rmExpandDown,
{
background-image: url('Menu/rmSprite.png');
background-position: 100% -216px;
}
/* </expand arrows> */
/* <rtl> */
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded
{
background-position: 100% -264px;
}
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmText
{
background-position: 0 -288px;
}
.RadMenu_MyCustomSkin_rtl .rmRootGroup .rmExpandLeft
{
background-position: 0 -312px;
}
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmVertical a.rmExpanded .rmExpandLeft
{
background-position: 0 -216px;
}
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_MyCustomSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
background-position: 0 -336px;
}
.RadMenu_MyCustomSkin_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft
{
background-position: 0 -312px;
}
/* </rtl> */
/* </Submenu items> */
/* <Submenu offsets (Forest - specific, overlapping submenus)> */
.RadMenu_MyCustomSkin .rmSlide
{
margin: -3px 0 0 1px;
}
.RadMenu_MyCustomSkin .rmVertical .rmSlide,
.RadMenu_MyCustomSkin .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context .rmGroup .rmSlide
{
margin: 0 0 0 -5px;
}
.RadMenu_MyCustomSkin_rtl .rmSlide
{
margin: -3px 0 0 -1px;
}
.RadMenu_MyCustomSkin_rtl .rmVertical .rmSlide,
.RadMenu_MyCustomSkin_rtl .rmSlide .rmSlide,
.RadMenu_MyCustomSkin_Context_rtl .rmGroup .rmSlide
{
margin: 0 0 0 5px;
}
/* </Submenu offsets> */
/* <Scrolling arrows> */
.RadMenu_MyCustomSkin .rmLeftArrow,
.RadMenu_MyCustomSkin .rmRightArrow
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmTopArrow,
.RadMenu_MyCustomSkin .rmBottomArrow,
.RadMenu_MyCustomSkin .rmGroup .rmLeftArrow,
.RadMenu_MyCustomSkin .rmGroup .rmRightArrow
{
background-color: #c7d6a7;
}
.RadMenu_MyCustomSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #588a4d; }
.RadMenu_MyCustomSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #588a4d; }
/* </Scrolling arrows> */
/* <Separators> */
.RadMenu_MyCustomSkin .rmVertical .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmHorizontal .rmVertical .rmSeparator .rmText
{
background-position: 0 -406px;
}
.RadMenu_MyCustomSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_MyCustomSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
background-position: 0 -386px;
}
/* </Separators> */
/* </RadMenu / Forest> */