Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Border Color Problem With DOCTYPE

4 Answers 50 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy
Top achievements
Rank 1
Andy asked on 25 Oct 2010, 11:26 PM
p2.png
p1.png
Hi all!

I'm created a custom skin based on the Telerik default Skin. And I have a problem with the border color when choose different DOCTYPE. Please attach the files for details. 

_ In "p2.png", it show exactly the color I chose for grid border. I use
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


But in "p1.png", the border color is totally difference (BLACK). In this case, DOCTYPE  is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

By the way, I need the "XHTML 1.0 Transitional" for the DOCTYPE.

Need a help from all of you!

Thanks!

Andy.

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 26 Oct 2010, 07:52 AM
Hi Andy,

Have you tried checking the RadGrid CSS styles with Firebug (for Firefox), Web Developer Toolbar (for IE) or a similar tool?

If you can't find the cause of the problem, send us the custom skin's CSS.

Regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Andy
Top achievements
Rank 1
answered on 26 Oct 2010, 03:15 PM
Hi Dimo,

All of other browsers give the result as p2.png. Only IE gives the right color when I use
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Here is my custom Skin which I based on the Telerik Skin and changed color

/*ActionGridSkin RadGrid ActionGridSkin Skin*/
 
/*global*/
 
.RadGrid_ActionGridSkin
{
    border:1px solid #C9C299;
    background:#fff;
    color:#000;
    font-size:11px;
    font-family:Arial;
}
 
.RadGrid_ActionGridSkin,
.RadGrid_ActionGridSkin .rgMasterTable,
.RadGrid_ActionGridSkin .rgDetailTable,
.RadGrid_ActionGridSkin .rgGroupPanel table,
.RadGrid_ActionGridSkin .rgCommandRow table,
.RadGrid_ActionGridSkin .rgEditForm table,
.RadGrid_ActionGridSkin .rgPager table,
.GridToolTip_ActionGridSkin
{
    font:11px/11px arial;
}
 
.RadGrid_ActionGridSkin .rgAdd,
.RadGrid_ActionGridSkin .rgRefresh,
.RadGrid_ActionGridSkin .rgEdit,
.RadGrid_ActionGridSkin .rgDel,
.RadGrid_ActionGridSkin .rgFilter,
.RadGrid_ActionGridSkin .rgPagePrev,
.RadGrid_ActionGridSkin .rgPageNext,
.RadGrid_ActionGridSkin .rgPageFirst,
.RadGrid_ActionGridSkin .rgPageLast,
.RadGrid_ActionGridSkin .rgExpand,
.RadGrid_ActionGridSkin .rgCollapse,
.RadGrid_ActionGridSkin .rgSortAsc,
.RadGrid_ActionGridSkin .rgSortDesc,
.RadGrid_ActionGridSkin .rgUpdate,
.RadGrid_ActionGridSkin .rgCancel,
.RadGrid_ActionGridSkin .rgUngroup,
.RadGrid_ActionGridSkin .rgExpXLS,
.RadGrid_ActionGridSkin .rgExpDOC,
.RadGrid_ActionGridSkin .rgExpPDF,
.RadGrid_ActionGridSkin .rgExpCSV
{
    background-image:url('Grid/sprite.gif');
}
 
/*header*/
 
 
.RadGrid_ActionGridSkin .rgHeader
{
    border-style:none none none solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
.RadGrid_ActionGridSkin .rgHeader a
{
     
    background:#00a14d;
    color:white;
    font-weight:bold;
    font-size:11px;
}
 
 
.RadGrid_ActionGridSkin .rgMasterTable th
{
    font-weight:bold;
    color:white;
     background:#00a14d;
      
}
/*rows*/
 
.RadGrid_ActionGridSkin .rgRow td,
.RadGrid_ActionGridSkin .rgAltRow td,
 
 
 
 
.RadGrid_ActionGridSkin .rgMasterTable th
{
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;  
}
 
.RadGrid_ActionGridSkin .rgRow
{
    border-color:#808080;
     
}
.RadGrid_ActionGridSkin .rgAltRow
{
    background:#EBEBEB;
    border-color:#808080;
}
 
 
.RadGrid_ActionGridSkin .rgRow .rgSorted,
.RadGrid_ActionGridSkin .rgAltRow .rgSorted
{
    border-color:#C9C299;
    background-color:#d7f8cc;
}
 
.RadGrid_ActionGridSkin .rgSelectedRow .rgSorted,
.RadGrid_ActionGridSkin .rgActiveRow .rgSorted,
.RadGrid_ActionGridSkin .rgHoveredRow .rgSorted,
.RadGrid_ActionGridSkin .rgEditRow .rgSorted
{
    background-color:transparent;
     
}
 
.RadGrid_ActionGridSkin .rgRow a,
.RadGrid_ActionGridSkin .rgAltRow a,
.RadGrid_ActionGridSkin .rgEditRow a,
.RadGrid_ActionGridSkin .rgFooter a,
.RadGrid_ActionGridSkin .rgEditForm a
{
    color:blue; /* Delete & Edit Color */
}
 
.RadGrid_ActionGridSkin .rgSelectedRow
{
    background:#DCFC5C;
     
}
*+html .RadGrid_ActionGridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
* html .RadGrid_ActionGridSkin .rgSelectedRow .rgSorted{background-color:#63ac38}
 
.RadGrid_ActionGridSkin .rgActiveRow,
.RadGrid_ActionGridSkin .rgHoveredRow
{
    background:#a2ea8b;
    /* background:#DCFC5C;*/
}
*+html .RadGrid_ActionGridSkin .rgActiveRow .rgSorted,
*+html .RadGrid_ActionGridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
* html .RadGrid_ActionGridSkin .rgActiveRow .rgSorted,
* html .RadGrid_ActionGridSkin .rgHoveredRow .rgSorted{background-color:#a2ea8b}
 
.RadGrid_ActionGridSkin .rgEditRow
{
    background:#fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
*+html .RadGrid_ActionGridSkin .rgEditRow .rgSorted{background-color:red}
* html .RadGrid_ActionGridSkin .rgEditRow .rgSorted{background-color:red}
 
.RadGrid_ActionGridSkin .rgActiveRow td,
.RadGrid_ActionGridSkin .rgActiveRow td.rgSorted,
.RadGrid_ActionGridSkin .rgHoveredRow td
.RadGrid_ActionGridSkin .rgHoveredRow td.rgSorted
{
    border-bottom-color:#28a800;
}
 
.RadGrid_ActionGridSkin .rgSelectedRow td,
.RadGrid_ActionGridSkin .rgSelectedRow td.rgSorted
{
    border-bottom-color:#C9C299;
}
 
.RadGrid_ActionGridSkin .rgEditRow td
{  
    background:#DCFC5C;
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
}
 
.RadGrid_ActionGridSkin .rgNoRecords
{
    border:solid;
    border-width:10px 10px 10px 10px;
    border-color:red;
}
 
 
.RadGrid_ActionGridSkin .rgEditRow td.rgSorted
{
    border-bottom-color:#333;
}
 
.RadGrid_ActionGridSkin .rgDrag
{
    background-image:url('Grid/rgDrag.gif');
}
 
/*footer*/
 
.RadGrid_ActionGridSkin .rgFooterDiv,
.RadGrid_ActionGridSkin .rgFooter
{
    background:#eee;
}
 
.RadGrid_ActionGridSkin .rgFooter td
{
    border-color: #C9C299;
}
 
/*status*/
 
.RadGrid_ActionGridSkin .rgStatus
{
     
}
 
.RadGrid_ActionGridSkin .rgStatus div
{
    background-image:url('Common/loading_small.gif');
}
 
/*pager*/
 
.RadGrid_ActionGridSkin .rgPager
{
    background:#fff;
 
     
}
 
.RadGrid_ActionGridSkin td.rgPagerCell
{
    /*
    border:1px solid;
    border-color:#828282 #eee #eee;
    border-right:0;
    */
    font-size:14px;
     
}
 
.RadGrid_ActionGridSkin .rgInfoPart
{
    color:#8a8a8a;
         
}
 
.RadGrid_ActionGridSkin .rgInfoPart strong
{
    color:#4c4e54;
}
 
.RadGrid_ActionGridSkin .rgPageFirst
{
    background-position:0 -550px;
     
}
.RadGrid_ActionGridSkin .rgPageFirst:hover
{
    background-position:0 -600px;
}
.RadGrid_ActionGridSkin .rgPagePrev
{
    background-position:0 -700px;
}
.RadGrid_ActionGridSkin .rgPagePrev:hover
{
    background-position:0 -750px;
}
.RadGrid_ActionGridSkin .rgPageNext
{
    background-position:0 -850px;
}
.RadGrid_ActionGridSkin .rgPageNext:hover
{
    background-position:0 -900px;
}
.RadGrid_ActionGridSkin .rgPageLast
{
    background-position:0 -1000px;
}
.RadGrid_ActionGridSkin .rgPageLast:hover
{
    background-position:0 -1050px;
}
 
.RadGrid_ActionGridSkin .rgPager .rgPagerButton
{
    border-color:#d0d0d0 #aeaeae #8b8b8b;
    background:#eee repeat-x 0 -1550px url('Grid/sprite.gif');
    color:#000;
    font:10px/10px "segoe ui",arial,sans-serif;
}
 
.RadGrid_ActionGridSkin .rgNumPart a:hover,
.RadGrid_ActionGridSkin .rgNumPart a:hover span,
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage span
{
    background:no-repeat url('Grid/sprite.gif');
    color:Green;
}
 
.RadGrid_ActionGridSkin .rgNumPart a
{
    color:#000;
}
 
.RadGrid_ActionGridSkin .rgNumPart a:hover
{
    background-position:100% -1250px;
}
 
.RadGrid_ActionGridSkin .rgNumPart a:hover span
{
    background-position:0 -1150px;
}
 
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage,
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage:hover
{
    background-position:100% -1450px;
}
 
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage span,
.RadGrid_ActionGridSkin .rgNumPart a.rgCurrentPage:hover span
{
    background-position:0 -1350px;
}
 
/*sorting, reordering*/
 
.RadGrid_ActionGridSkin .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}
 
.RadGrid_ActionGridSkin .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}
 
.GridReorderTop_ActionGridSkin,
.GridReorderBottom_ActionGridSkin
{
    background:0 0 no-repeat url('Grid/sprite.gif');
}
 
.GridReorderBottom_ActionGridSkin
{
    background-position:0 -50px;
}
 
/*filtering*/
 
.RadGrid_ActionGridSkin .rgFilterRow
{
    background:#FFE0C0;
}
 
.RadGrid_ActionGridSkin .rgFilterRow td
{
     
    border-style:none none solid solid;
    border-width:1px 1px 1px 1px;
    border-color:#C9C299;
     
}
 
.RadGrid_ActionGridSkin .rgFilter
{
    background-position:0 -300px;
}
 
.RadGrid_ActionGridSkin .rgFilter:hover
{
    background-position:0 -350px;
}
 
.RadGrid_ActionGridSkin .rgFilterActive,
.RadGrid_ActionGridSkin .rgFilterActive:hover
{
    background-position:0 -400px;
}
 
.RadGrid_ActionGridSkin .rgFilterBox
{
    /* border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e; */
    font:11px "segoe ui",arial,sans-serif;
    color:#333;
    border-color:#7F9DB9;
}
 
/*filter context menu*/
 
.RadMenu_ActionGridSkin .rgHCMClear,
.RadMenu_ActionGridSkin .rgHCMFilter
{
    /*border-color:#ccc #999 #a8a8a8;*/
    background:#eee center -23px repeat-x url('FormDecorator/ButtonSprites.png');
    color:#000;
    font-family:"segoe ui",arial,sans-serif;
}
 
.RadMenu_ActionGridSkin .rgHCMClear:hover,
.RadMenu_ActionGridSkin .rgHCMFilter:hover
{
    /*border-color:#2ebf00 #2bb500 #28a800;*/
    background-position:center -67px;
    background-color:#a2ea8b;
}
 
/*grouping*/
 
.RadGrid_ActionGridSkin .rgGroupPanel
{
    border:0;
    border-bottom:1px solid #828282;
    background:#eee 0 -1900px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_ActionGridSkin .rgGroupPanel td
{
    border:0;
    padding:3px 4px;
}
 
.RadGrid_ActionGridSkin .rgGroupPanel td td
{
    padding:0;
}
 
.RadGrid_ActionGridSkin .rgGroupPanel .rgSortAsc
{
    background-position:4px -143px;
}
 
.RadGrid_ActionGridSkin .rgGroupPanel .rgSortDesc
{
    background-position:4px -93px;
}
 
.RadGrid_ActionGridSkin .rgUngroup
{
    background-position:0 -7498px;
}
 
.RadGrid_ActionGridSkin .rgGroupItem
{
    border:1px solid;
    border-color:red;
}
 
.RadGrid_ActionGridSkin .rgMasterTable td.rgGroupCol,
.RadGrid_ActionGridSkin .rgMasterTable td.rgExpandCol
{
    border-color:#d2f8c5;
    background:#d2f8c5 none;
}
 
.RadGrid_ActionGridSkin .rgGroupHeader,
.RadGrid_ActionGridSkin .rgGroupHeader td.rgGroupCol
{
    background:#d2f8c5 0 -7000px repeat-x url('Grid/sprite.gif');
}
 
.RadGrid_ActionGridSkin .rgGroupHeader
{
    font-size:1.1em;
    line-height:21px;
}
 
.RadGrid_ActionGridSkin .rgGroupHeader td
{
    border-bottom:1px solid #98ec7d;
    font-weight: bold;
}
 
.RadGrid_ActionGridSkin .rgExpand
{
    background-position:5px -496px;
}
 
.RadGrid_ActionGridSkin .rgCollapse
{
    background-position:3px -444px;
}
 
 
 
/*editing*/
 
.RadGrid_ActionGridSkin .rgEditForm
{
    border-bottom:1px solid red;
     
}
 
.RadGrid_ActionGridSkin .rgUpdate
{
    background-position:0 -1800px;
     
}
 
.RadGrid_ActionGridSkin .rgCancel
{
    background-position:0 -1850px;
     
}
 
/*hierarchy*/
 
.RadGrid_ActionGridSkin .rgDetailTable
{
    border-color:#828282;
     
}
 
/*command row*/
 
.RadGrid_ActionGridSkin .rgCommandRow
{
    background:#fff;
    color:White;
}
 
.RadGrid_ActionGridSkin .rgCommandCell
{
    border:0;
    padding:0;
    color:Red;
}
 
.RadGrid_ActionGridSkin thead .rgCommandCell
{
    border-bottom:1px solid #8b8b8b;
}
 
.RadGrid_ActionGridSkin tfoot .rgCommandCell,
.RadGrid_ActionGridSkin .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell
{
    border-top:1px solid #a1a1a1;
}
 
.RadGrid_ActionGridSkin .rgCommandTable td
{
    border:0;
    padding:2px 7px;
    color:White;
}
 
.RadGrid_ActionGridSkin .rgCommandTable
{
    border:1px solid;
    border-color:#f5f5f5 #e4e4e4 #d5d5d5;
}
 
.RadGrid_ActionGridSkin .rgCommandRow a
{
    color:blue; /* "Add new", "Edit", "Delete" Color */
    text-decoration:underline;
    font-size:x-small;
}
 
.RadGrid_ActionGridSkin .rgAdd
{
    margin-right:3px;
    background-position:0 -1650px;
     
}
 
.RadGrid_ActionGridSkin .rgRefresh
{
    margin-right:3px;
    background-position:0 -1600px;
     
}
 
.RadGrid_ActionGridSkin .rgEdit
{
    background-position:0 -1700px;
    font-size:xx-small;
}
 
.RadGrid_ActionGridSkin .rgDel
{
    background-position:0 -1750px;
}
 
.RadGrid_ActionGridSkin .rgExpXLS,
.RadGrid_ActionGridSkin .rgExpDOC,
.RadGrid_ActionGridSkin .rgExpPDF,
.RadGrid_ActionGridSkin .rgExpCSV
{
    background-image:url('../Common/Grid/export.gif');
}
 
.RadGrid_ActionGridSkin .rgExpXLS
{
    background-position:0 0;
}
.RadGrid_ActionGridSkin .rgExpDOC
{
    background-position:0 -50px;
}
.RadGrid_ActionGridSkin .rgExpPDF
{
    background-position:0 -100px;
}
.RadGrid_ActionGridSkin .rgExpCSV
{
    background-position:0 -150px;
}
 
/*multirow select*/
 
.GridRowSelector_ActionGridSkin
{
    background:#155800;
}
 
/*row drag n drop*/
 
.GridItemDropIndicator_ActionGridSkin
{
    border-top:1px dashed #155800;
}
 
/*tooltip*/
 
.GridToolTip_ActionGridSkin
{
    border:1px solid #828282;
    padding:3px;
    background:#fff;
    color:#000;
}
 
/*rtl*/
 
.RadGridRTL_ActionGridSkin .rgPageFirst
{
    background-position:0 -1000px;
}
.RadGridRTL_ActionGridSkin .rgPageFirst:hover
{
    background-position:0 -1050px;
}
.RadGridRTL_ActionGridSkin .rgPagePrev
{
    background-position:0 -850px;
}
.RadGridRTL_ActionGridSkin .rgPagePrev:hover
{
    background-position:0 -900px;
}
.RadGridRTL_ActionGridSkin .rgPageNext
{
    background-position:0 -700px;
}
.RadGridRTL_ActionGridSkin .rgPageNext:hover
{
    background-position:0 -750px;
}
.RadGridRTL_ActionGridSkin .rgPageLast
{
    background-position:0 -550px;
}
.RadGridRTL_ActionGridSkin .rgPageLast:hover
{
    background-position:0 -600px;
}
 
/* ------------------------------------------------------------*/
/* <RadMenu / ActionGridSkin> */
 
.RadMenu_ActionGridSkin .rmRootGroup,
.RadMenu_ActionGridSkin a.rmLink,
.RadMenu_ActionGridSkin .rmGroup .rmText,
.RadMenu_ActionGridSkin .rmLeftArrow,
.RadMenu_ActionGridSkin .rmRightArrow,
.RadMenu_ActionGridSkin .rmTopArrow,
.RadMenu_ActionGridSkin .rmBottomArrow
{
    background-image: url('Menu/rmSprite.png');
    background-color: transparent;
}
 
.RadMenu_ActionGridSkin .rmRootGroup
{
    border: 1px solid #828282;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #e6e6e6;
}
 
/* <Root items> */
 
.RadMenu_ActionGridSkin,
.RadMenu_ActionGridSkin a.rmLink
{
    font: normal 11px/23px "Segoe UI", Arial, sans-serif;
    color: #000; /* Menu Filter text color*/
    text-decoration: none;
}
 
.RadMenu_ActionGridSkin a.rmLink,
.RadMenu_ActionGridSkin a.rmDisabled,
.RadMenu_ActionGridSkin a.rmDisabled:hover
{
    background-position: 0 -72px;
}
 
.RadMenu_ActionGridSkin .rmFirst a.rmLink,
.RadMenu_ActionGridSkin .rmFirst a.rmLink:hover,
.RadMenu_ActionGridSkin .rmLast .rmText,
.RadMenu_ActionGridSkin .rmLast a.rmLink:hover .rmText,
.RadMenu_ActionGridSkin .rmVertical a.rmLink,
.RadMenu_ActionGridSkin .rmVertical .rmText
{
    background-repeat: no-repeat;
    background-position: 0 500px;
}
 
.RadMenu_ActionGridSkin .rmVertical .rmFirst,
.RadMenu_ActionGridSkin .rmVertical .rmLast
{
    background: none;
}
 
.RadMenu_ActionGridSkin a.rmLink:hover,
.RadMenu_ActionGridSkin a.rmFocused,
.RadMenu_ActionGridSkin a.rmSelected
{
    background-color: #fff;
}
 
.RadMenu_ActionGridSkin .rmHorizontal .rmRootLink span.rmText
{
    display: inline;
    padding-left: 7px;
}
 
.RadMenu_ActionGridSkin .rmHorizontal a.rmRootLink
{
 
    padding-left: 0;
}
 
.RadMenu_ActionGridSkin .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */
{
    width: 100%;
}
 
.RadMenu_ActionGridSkin .rmHorizontal img.rmLeftImage
{
    margin: 4px -4px 0 6px;
}
 
.RadMenu_ActionGridSkin_rtl .rmHorizontal img.rmLeftImage
{
    margin: 4px 6px 0 -4px;
}
 
.RadMenu_ActionGridSkin .rmVertical a.rmLink
{
    padding-top: 1px;
    padding-bottom: 1px;
}
 
.RadMenu_ActionGridSkin .rmVertical a.rmLink:hover,
.RadMenu_ActionGridSkin .rmVertical a.rmFocused,
.RadMenu_ActionGridSkin .rmVertical a.rmSelected,
.RadMenu_ActionGridSkin .rmVertical a.rmExpanded,
.RadMenu_ActionGridSkin .rmVertical a.rmExpanded:hover
{
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-color: #828282;
    border-width: 1px 0;
}
 
.RadMenu_ActionGridSkin .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_ActionGridSkin .rmVertical .rmFirst a.rmFocused,
.RadMenu_ActionGridSkin .rmVertical .rmFirst a.rmSelected,
.RadMenu_ActionGridSkin .rmVertical .rmFirst a.rmExpanded,
.RadMenu_ActionGridSkin .rmVertical .rmFirst a.rmExpanded:hover
{
    padding-top: 1px;
    padding-bottom: 0;
    border-top-width: 0;
}
 
.RadMenu_ActionGridSkin .rmVertical .rmLast a.rmLink:hover,
.RadMenu_ActionGridSkin .rmVertical .rmLast a.rmFocused,
.RadMenu_ActionGridSkin .rmVertical .rmLast a.rmSelected,
.RadMenu_ActionGridSkin .rmVertical .rmLast a.rmExpanded,
.RadMenu_ActionGridSkin .rmVertical .rmLast a.rmExpanded:hover
{
    padding-bottom: 1px;
    padding-top: 0;
    border-bottom-width: 0;
}
 
.RadMenu_ActionGridSkin .rmVertical .rmItem a.rmDisabled:hover
{
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 0;
}
 
.RadMenu_ActionGridSkin a.rmExpanded,
.RadMenu_ActionGridSkin a.rmExpanded:hover
{
    background-color: #fff;
}
 
.RadMenu_ActionGridSkin a.rmDisabled,
.RadMenu_ActionGridSkin a.rmDisabled:hover
{
    color: #7d7d7d;
    background-color: transparent;
}
 
/* </Root items> */
 
 
/* <Submenu items> */
 
.RadMenu_ActionGridSkin .rmGroup,
.RadMenu_ActionGridSkin .rmMultiColumn,
.RadMenu_ActionGridSkin .rmGroup .rmVertical
{
    border: 1px solid #979797;
    background: #fff url('Menu/rmVSprite.png') repeat-y 0 0;
}
 
.RadMenu_ActionGridSkin .rmTopFix,
.RadMenu_ActionGridSkin .rmBottomFix,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
* html .rmRoundedCorners_ActionGridSkin .rmGroup .rmItem,
* html .rmRoundedCorners_ActionGridSkin ul.rmHorizontal .rmFirst
{
    background-image: url('Menu/rmVSprite.png');
    background-color: #fff;
    background-repeat: repeat-y;
}
 
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrap .rmItem,
* html .rmRoundedCorners_ActionGridSkin .rmHorizontal .rmItem,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrap .rmVertical
{
    background-image: none;
}
 
.RadMenu_ActionGridSkin .rmRoundedCorners .rmGroupColumn
{
    background-color: #fff;
}
 
.RadMenu_ActionGridSkin .rmBottomLeft,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_ActionGridSkin .rmRoundedCorners ul.rmGroup,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmMultiColumn
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer,
* html .rmRoundedCorners_ActionGridSkin .rmGroup ul.rmGroup,
* html .rmRoundedCorners_ActionGridSkin ul.rmGroup
{
    background-image:  url('Menu/rmRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_ActionGridSkin .rmTopRight,
.RadMenu_ActionGridSkin .rmBottomRight
{
    background-image:  url('Menu/rmRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadMenu_ActionGridSkin .rmTopFix,
.RadMenu_ActionGridSkin .rmBottomFix,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_ActionGridSkin .rmGroup .rmFirst
{
    border-color: #979797;
}
 
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmBottomFix
{
    background: #FFF;
}
 
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer .rmRightArrow
{
    background-color: #FFF;
    border: 0;
}
 
.RadMenu_ActionGridSkin_rtl .rmBottomLeft,
.RadMenu_ActionGridSkin_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_ActionGridSkin_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_ActionGridSkin .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_ActionGridSkin_Context_rtl ul.rmGroup,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer
{
    background-image: url('Menu/rmRoundedLeft_rtl.png');
}
 
.RadMenu_ActionGridSkin_rtl .rmTopRight,
.RadMenu_ActionGridSkin_rtl .rmBottomRight
{
    background-image: url('Menu/rmRoundedRight_rtl.png');
}
 
.RadMenu_ActionGridSkin_rtl li.rmTopFix,
.RadMenu_ActionGridSkin_rtl li.rmBottomFix,
.RadMenu_ActionGridSkin_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_ActionGridSkin_Context_rtl .rmGroup .rmItem
{
    background-position: 101% 0;
}
 
.RadMenu_ActionGridSkin .rmSlide .rmScrollWrap
{
    background-image: none;
}
 
.RadMenu_ActionGridSkin_rtl .rmGroup,
.RadMenu_ActionGridSkin_rtl .rmMultiColumn,
.RadMenu_ActionGridSkin_rtl .rmGroup .rmVertical
{
    background-position: 100% 0;
}
 
.RadMenu_ActionGridSkin .rmRootGroup li.rmItem .rmGroup
{
    padding-bottom: 0;
}
 
.RadMenu_ActionGridSkin .rmRootGroup .rmHorizontal
{
    background-image: none;
}
 
.RadMenu_ActionGridSkin .rmScrollWrap .rmVertical
{
    border: 0;
}
 
.RadMenu_ActionGridSkin .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_ActionGridSkin_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_ActionGridSkin .rmScrollWrapContainer li.rmItem
{
    background: none;
}
 
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmLink,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmLink:hover,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmFocused,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmSelected,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmExpanded
{
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
 
.RadMenu_ActionGridSkin .rmGroup .rmLast a.rmLink,
.RadMenu_ActionGridSkin .rmGroup .rmLast a.rmLink:hover,
.RadMenu_ActionGridSkin .rmGroup .rmLast a.rmFocused,
.RadMenu_ActionGridSkin .rmGroup .rmLast a.rmSelected,
.RadMenu_ActionGridSkin .rmGroup .rmLast a.rmExpanded
{
    padding-bottom: 1px;
}
 
.RadMenu_ActionGridSkin .rmGroup a.rmLink,
.RadMenu_ActionGridSkin .rmGroup .rmText,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
    background-color: transparent;
}
 
.RadMenu_ActionGridSkin .rmGroup a.rmLink:hover,
.RadMenu_ActionGridSkin .rmGroup a.rmFocused,
.RadMenu_ActionGridSkin .rmGroup a.rmSelected,
.RadMenu_ActionGridSkin .rmGroup a.rmExpanded
{
    background-position: 0 -168px;
}
 
.RadMenu_ActionGridSkin .rmGroup a.rmLink:hover .rmText,
.RadMenu_ActionGridSkin .rmGroup a.rmFocused .rmText,
.RadMenu_ActionGridSkin .rmGroup a.rmSelected .rmText,
.RadMenu_ActionGridSkin .rmGroup a.rmExpanded .rmText
{
    background-position: 100% -192px;
}
 
/* <expand arrows> */
 
.RadMenu_ActionGridSkin .rmGroup .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup .rmExpandDown,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown
{
    background-position: 100% -216px;
}
 
.RadMenu_ActionGridSkin .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_ActionGridSkin .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_ActionGridSkin .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_ActionGridSkin .rmGroup a.rmExpanded .rmExpandDown
{
    background-position: 100% -240px;
}
 
.RadMenu_ActionGridSkin .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_ActionGridSkin .rmGroup a.rmDisabled:hover .rmExpandDown
{
    background-image: url('Menu/rmSprite.png');
    background-position: 100% -216px;
}
 
/* </expand arrows> */
 
/* <rtl> */
 
.RadMenu_ActionGridSkin_rtl a.rmLink
{
    background-position: 100% -96px;
}
 
.RadMenu_ActionGridSkin_rtl .rmText
{
    background-position: 0 -72px;
}
 
.RadMenu_ActionGridSkin_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_ActionGridSkin_rtl .rmVertical a.rmExpanded:hover .rmText
{
    background-position: 0 500px;
    background-repeat: no-repeat;
}
 
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmLink:hover,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmFocused,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmSelected,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmExpanded
{
    background-position: 100% -264px;
}
 
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmExpanded .rmText
{
    background-position: 0 -288px;
}
 
.RadMenu_ActionGridSkin_rtl .rmGroup .rmExpandLeft
{
    background-position: 0 -312px;
}
 
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_ActionGridSkin_rtl .rmGroup a.rmExpanded .rmExpandLeft
{
    background-position: 0 -336px;
}
 
/* </rtl> */
 
/* </Submenu items> */
 
/* <Submenu offsets (ActionGridSkin - specific, overlapping submenus)> */
 
.RadMenu_ActionGridSkin .rmSlide
{
    margin: 0 0 0 -1px;
}
 
.RadMenu_ActionGridSkin .rmVertical .rmSlide,
.RadMenu_ActionGridSkin .rmSlide .rmSlide,
.RadMenu_ActionGridSkin_Context .rmGroup .rmSlide
{
    margin: 0 0 0 -5px;
}
 
.RadMenu_ActionGridSkin_rtl .rmSlide
{
    margin: 0 0 0 0;
}
 
.RadMenu_ActionGridSkin_rtl .rmFirst .rmSlide
{
    margin-left: 1px;
}
 
.RadMenu_ActionGridSkin_rtl .rmVertical .rmSlide,
.RadMenu_ActionGridSkin_rtl .rmSlide .rmSlide,
.RadMenu_ActionGridSkin_Context_rtl .rmGroup .rmSlide
{
    margin: 0 0 0 5px;
}
 
/* </Submenu offsets> */
 
/* <Scrolling arrows> */
 
.RadMenu_ActionGridSkin .rmLeftArrow,
.RadMenu_ActionGridSkin .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_ActionGridSkin .rmLeftArrow { background-position: -8px -312px; border-right: 1px solid #828282; }
.RadMenu_ActionGridSkin .rmRightArrow { background-position: -482px -216px; border-left: 1px solid #828282; }
 
.RadMenu_ActionGridSkin .rmTopArrow,
.RadMenu_ActionGridSkin .rmBottomArrow,
.RadMenu_ActionGridSkin .rmGroup .rmLeftArrow,
.RadMenu_ActionGridSkin .rmGroup .rmRightArrow
{
    background-color: #E6E6E6;
}
 
.RadMenu_ActionGridSkin .rmTopArrow { background-position: 50% -367px; border-bottom: 1px solid #828282; }
.RadMenu_ActionGridSkin .rmBottomArrow { background-position: 50% -391px; border-top: 1px solid #828282; }
 
/* </Scrolling arrows> */
 
/* <Separators> */
 
.RadMenu_ActionGridSkin .rmHorizontal .rmSeparator .rmText,
.RadMenu_ActionGridSkin .rmVertical .rmHorizontal .rmSeparator .rmText
{
    height: 22px;
    margin: 1px 0 0;
    width: 1px;
    background-color: #A8A8A8;
}
 
.RadMenu_ActionGridSkin_Context .rmSeparator .rmText,
.RadMenu_ActionGridSkin .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_ActionGridSkin .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText
{
    background-color: transparent;
    background-position: 0 -406px;
}
 
/* </Separators> */
 
/* </RadMenu / ActionGridSkin> */
 
/* -------------------------------  Drop down page size ----------- */
 
/* RadComboBox ActionGridSkin skin */
 
/*global*/
 
.RadComboBox_ActionGridSkin,
.RadComboBox_ActionGridSkin .rcbInput,
.RadComboBoxDropDown_ActionGridSkin
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #000;
}
 
/* combobox */
 
.RadComboBox_ActionGridSkin .rcbInputCellLeft,
.RadComboBox_ActionGridSkin .rcbInputCellRight,
.RadComboBox_ActionGridSkin .rcbArrowCellLeft,
.RadComboBox_ActionGridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBox_ActionGridSkin .rcbInputCellLeft,
* html .RadComboBox_ActionGridSkin .rcbInputCellRight,
* html .RadComboBox_ActionGridSkin .rcbArrowCellLeft,
* html .RadComboBox_ActionGridSkin .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBox_ActionGridSkin td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_ActionGridSkin td.rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_ActionGridSkin .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_ActionGridSkin .rcbHovered .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_ActionGridSkin .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbInputCellRight { background-position: 100% 0; }
 
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }
 
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }
 
.RadComboBox_ActionGridSkin .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}
 
.RadComboBox_ActionGridSkin td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_ActionGridSkin td.rcbArrowCellRight { background-position: 0 -88px; }
 
.RadComboBox_ActionGridSkin .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_ActionGridSkin .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }
 
.RadComboBox_ActionGridSkin .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }
 
.RadComboBox_ActionGridSkin td.rcbArrowCellHidden,
.RadComboBox_ActionGridSkin .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_ActionGridSkin .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }
 
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* Read-only styles */
 
.RadComboBox_ActionGridSkin .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_ActionGridSkin .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }
 
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }
 
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }
 
.RadComboBox_ActionGridSkin .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_ActionGridSkin .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_ActionGridSkin .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }
 
/* dropdown */
 
.RadComboBoxDropDown_ActionGridSkin .rcbHeader,
.RadComboBoxDropDown_ActionGridSkin .rcbFooter,
.RadComboBoxDropDown_ActionGridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}
 
* html .RadComboBoxDropDown_ActionGridSkin .rcbHeader,
* html .RadComboBoxDropDown_ActionGridSkin .rcbFooter,
* html .RadComboBoxDropDown_ActionGridSkin .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}
 
.RadComboBoxDropDown_ActionGridSkin
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbHeader,
.RadComboBoxDropDown_ActionGridSkin .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbHeader
{
    border-bottom-color: #d5d5d5;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbFooter
{
    border-top-color: #d5d5d5;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbItem em
{
    background: #e5e5e5;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbHovered
{
    background: #9ddf6c;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbSeparator
{
    color: #000;
    background: #63ac39;
}
 
.RadComboBox_ActionGridSkin .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_ActionGridSkin .rcbDisabled
{
    color: #999;
}
 
.RadComboBox_ActionGridSkin .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_ActionGridSkin .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_ActionGridSkin .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_ActionGridSkin .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_ActionGridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_ActionGridSkin table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_ActionGridSkin .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
 
.RadComboBoxDropDown_ActionGridSkin .rcbLoading
{
    background: #f0f0f0;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background: #fff;
}
 
.RadComboBoxDropDown_ActionGridSkin .rcbMoreResults a
{
    background-position: -157px -94px;
}

Thanks!

Andy.
0
Dimo
Telerik team
answered on 27 Oct 2010, 08:17 AM
Hello Andy,

Border styles should be defined for table cells. Currently you have them defined for table rows - please correct this.


.RadGrid_ActionGridSkin .rgRow
{
    border-color:#808080;
     
}
.RadGrid_ActionGridSkin .rgAltRow
{
    background:#EBEBEB;
    border-color:#808080;
}


Backgrounds, text colors and font styles should be defined for table rows.
Paddings and borders should be defined for table cells.


.RadGrid_ActionGridSkin .rgRow td
{
    border-color:#808080;
}
 
.RadGrid_ActionGridSkin .rgAltRow
{
    background:#EBEBEB;
}
 
.RadGrid_ActionGridSkin .rgAltRow td
{
    border-color:#808080;
}


As far as I can see, you have a gray border color defined for table cells - #808080. I don't see where the brown border color comes from - it must be defined somewhere else. Check this with Firebug.

Regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Andy
Top achievements
Rank 1
answered on 27 Oct 2010, 03:58 PM
It works correctly for any browsers with any DOCTYPE

Thanks so much, Dimo!

Andy.
Tags
Grid
Asked by
Andy
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Andy
Top achievements
Rank 1
Share this question
or