GridCheckBoxColumn not showing checkbox in RadGrid control

[Veshala]

Hi,

I have a Radgrid in one of webpage. I am having following two design problems:

1. GridCheckBoxColumn is one of the column in grid. The GridCheckBoxColumn not showing chebox image in the grid column.

2. Grid has CommandItemTemplate (Save) for  batch update. The Save button is not showing as regular button rather it is showing as label.

I am attaching screenshot of page and RadGrid.css file.

 Please someone help me.  I am guessing my css was messed up.

.DetailTable_TelerikDataGridB
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    BORDER-LEFT: #6788be 1px solid;
    BORDER-BOTTOM: #6788be 1px solid
}
.RadGrid_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.MasterTable_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif

}
.DetailTable_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.GroupPanel_TelerikDataGridB TABLE
{
    FONT: 11px arial,verdana,sans-serif
}
.GridEditForm_TelerikDataGridB TABLE
{
    FONT: 11px arial,verdana,sans-serif
}
.GridToolTip_TelerikDataGridB
{
    FONT: 11px arial,verdana,sans-serif
}
.MasterTable_TelerikDataGridB
{
    BORDER-COLLAPSE: separate! important
}
.DetailTable_TelerikDataGridB
{
    BORDER-COLLAPSE: separate! important
}
.MasterTable_TelerikDataGridB
{
    BORDER-RIGHT: #fff 0px solid;
    BORDER-TOP: #fff 0px solid;
    BORDER-LEFT: #fff 0px solid;
    BORDER-BOTTOM: #fff 0px solid
}
.GridRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    background-color: White
}

/* this is the alternating row*/
.GridAltRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;      /* jbarnd - from teh blue business grid demo  */
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #e0f5ff 0px solid;
    BORDER-LEFT: #ffffff 0px solid;   /* jbarnd - the borders can be changed to be whatever  */
    BORDER-BOTTOM: #abd5f3 1px solid;
    background-color: #f0ede6


}
.GridEditRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridFooter_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridGroupFooter_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridFilterRow_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GridHeader_TelerikDataGridB
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.ResizeHeader_TelerikDataGridB
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.GroupHeader_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px
}
.RadGrid_TelerikDataGridB .rgAdd
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgRefresh
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgEdit
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgDel
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgFilter
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPagePrev
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageNext
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageFirst
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgPageLast
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgExpand
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgCollapse
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgSortAsc
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */
}
.RadGrid_TelerikDataGridB .rgSortDesc
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: #e1f5f7    /* color for the sort icon background area  */
}
.RadGrid_TelerikDataGridB .rgUpdate
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.RadGrid_TelerikDataGridB .rgCancel
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>');
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    BACKGROUND-COLOR: transparent
}
.GroupPanelItems_TelerikDataGridB INPUT
{
    VERTICAL-ALIGN: middle
}
.GridCommandRow_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridHeader_TelerikDataGridB INPUT
{
    VERTICAL-ALIGN: middle
}
.GridFilterRow_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridPager_TelerikDataGridB IMG
{
    VERTICAL-ALIGN: middle
}
.GridHeader_TelerikDataGridB
{
    COLOR: #000;
    BACKGROUND: #d3cab7;  /* jbarnd - header color  */
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left   /*  jbarnd TO-DO:  we need black instead of blue  */

}
.ResizeHeader_TelerikDataGridB
{
    BACKGROUND: #92b4e0;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left
}
.GridHeader_TelerikDataGridB
{
    COLOR: #000;
    TEXT-DECORATION: none
}
.GridHeader_TelerikDataGridB A
{
    COLOR: Black;           /*  jbarnd - TO-DO: this needs the teal color #008b95 */
    TEXT-DECORATION: none;
     /*  jbarnd  */
        BACKGROUND: transparent
}
.GridRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridAltRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridEditRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridRow_TelerikDataGridB A
{
    COLOR: #008b95;         /* jbarnd - not sure if thsi is correct   #333 orginal value */
    BACKGROUND: transparent;
}
.GridAltRow_TelerikDataGridB A
{
    COLOR: #008b95;
    BACKGROUND: transparent;
}
.GridEditRow_TelerikDataGridB A
{
    COLOR: #333
}
.SelectedRow_TelerikDataGridB
{
    BACKGROUND: #dcfc5c;
      background-color: orange;
}
.GridRowOver_TelerikDataGridB
{
        /*  f9d99f   jbarnd???*/
    BACKGROUND: orange ;
    background-color: orange;
    cursor:pointer

}
.ActiveRow_TelerikDataGridB
{
    BACKGROUND: #f9d99f
}
.GridRowOver_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #f9d99f
}
.ActiveRow_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #f9d99f
}
.SelectedRow_TelerikDataGridB TD
{
    BORDER-BOTTOM-COLOR: #accb2d
}
.GridEditRow_TelerikDataGridB
{
    BACKGROUND: #ffffe1
}
.GridEditRow_TelerikDataGridB TD
{
    BORDER-BOTTOM: #d8dde0 1px solid
}
.GridFooterDiv_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridFooter_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridGroupFooter_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #fbfbfb
}
.GridFooter_TelerikDataGridB
{
    COLOR: #666
}
.GridFooter_TelerikDataGridB A
{
    COLOR: #666
}
.GridGroupFooter_TelerikDataGridB
{
    COLOR: #666
}
.GridGroupFooter_TelerikDataGridB A
{
    COLOR: #666
}
.GridFooter_TelerikDataGridB TD
{
    BORDER-TOP: #e8e6e6 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #e8e6e6 1px solid
}
.GridGroupFooter_TelerikDataGridB TD
{
    BORDER-TOP: #e8e6e6 1px solid;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #e8e6e6 1px solid
}
.GridPager_TelerikDataGridB SPAN
{
    COLOR: #999
}
.GridPager_TelerikDataGridB
{
    FONT-WEIGHT: bold;
    BACKGROUND: #d3cab7
}
.GridPager_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}
.GridPager_TelerikDataGridB TD
{
    COLOR: #666
}
.GridPager_TelerikDataGridB TD A
{
    COLOR: #666
}
.PagerLeft_TelerikDataGridB
{
    FLOAT: left
}
.PagerRight_TelerikDataGridB
{
    FLOAT: right
}
.PagerCenter_TelerikDataGridB
{
    TEXT-ALIGN: center
}
.PagerCenter_TelerikDataGridB SPAN
{
    VERTICAL-ALIGN: middle
}
.RadGrid_TelerikDataGridB .rgPagePrev
{
    BACKGROUND-POSITION: 6px -224px
}
.RadGrid_TelerikDataGridB .rgPageNext
{
    BACKGROUND-POSITION: -22px -224px
}
.RadGrid_TelerikDataGridB .rgPageFirst
{
    BACKGROUND-POSITION: 5px -192px
}
.RadGrid_TelerikDataGridB .rgPageLast
{
    BACKGROUND-POSITION: -21px -192px
}
.GridHeader_TelerikDataGridB .rgSortAsc
{
    BACKGROUND-POSITION: -21px -256px;
    HEIGHT: 12px
}
.GridHeader_TelerikDataGridB .rgSortDesc
{
    BACKGROUND-POSITION: 4px -256px;
    HEIGHT: 12px
}
.TopReorderIndicator_TelerikDataGridB
{
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;
    MARGIN-LEFT: -5px;
    WIDTH: 11px! important;
    HEIGHT: 11px! important
}
.BottomReorderIndicator_TelerikDataGridB
{
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') no-repeat 0px -100px;
    MARGIN-LEFT: -5px;
    WIDTH: 11px! important;
    HEIGHT: 11px! important
}
.BottomReorderIndicator_TelerikDataGridB
{
    BACKGROUND-POSITION: -21px -100px
}
.GridFilterRow_TelerikDataGridB TD
{
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
.RadGrid_TelerikDataGridB .rgFilter
{
    BACKGROUND-POSITION: 2px -288px
}
.GridFilterRow_TelerikDataGridB TD
{
    BORDER-BOTTOM: #a5bedf 1px solid
}
UNKNOWN
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    FONT: 12px arial,sans-serif;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #6788be 2px solid
}
.GroupPanel_TelerikDataGridB
{
    BORDER-RIGHT: #ff9900 1px dashed;
    BORDER-TOP: #ff9900 1px dashed;
    BACKGROUND: #ffebcc;
    BORDER-LEFT: #ff9900 1px dashed;
    BORDER-BOTTOM: #ff9900 1px dashed
}
.GroupPanel_TelerikDataGridB TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.GroupPanel_TelerikDataGridB TD TD
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px
}
.GroupPanelItems_TelerikDataGridB
{
    BORDER-RIGHT: #8e827f 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #8e827f 1px solid;
    PADDING-LEFT: 4px;
    BACKGROUND: url('<%=WebResource("ADESA.Common.Controls.WebForm.Skins.Images.Grid.sprite.gif")%>') #544b58 repeat-x 0px 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #8e827f 1px solid;
    COLOR: #fff;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #8e827f 1px solid
}
.GroupPanel_TelerikDataGridB .rgSortAsc
{
    BACKGROUND-POSITION: -21px -254px
}
.GroupPanel_TelerikDataGridB .rgSortDesc
{
    BACKGROUND-POSITION: 4px -254px
}
.GroupHeader_TelerikDataGridB TD
{
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #6788be 2px solid
}
.RadGrid_TelerikDataGridB .rgExpand
{
    BACKGROUND-POSITION: 2px -130px
}
.RadGrid_TelerikDataGridB .rgCollapse
{
    BACKGROUND-POSITION: 2px -162px
}
.GroupHeader_TelerikDataGridB TD DIV
{
    TOP: -0.6em
}
.GroupHeader_TelerikDataGridB TD DIV DIV
{
    TOP: 0px
}
.GridEditForm_TelerikDataGridB
{
    BORDER-BOTTOM: #d8dde0 1px solid
}
UNKNOWN
{
    BORDER-RIGHT: #6788be 1px solid;
    BORDER-TOP: #6788be 1px solid;
    FONT: 12px arial,sans-serif;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #6788be 2px solid
}
.GridEditForm_TelerikDataGridB A
{
    COLOR: #333
}
.RadGrid_TelerikDataGridB .rgUpdate
{
    BACKGROUND-POSITION: 3px -321px
}
.RadGrid_TelerikDataGridB .rgCancel
{
    BACKGROUND-POSITION: 2px -353px
}
.DetailTable_TelerikDataGridB
{
    BORDER-RIGHT: 0px
}
.GridCommandRow_TelerikDataGridB
{
    BACKGROUND: #fff
}
.GridCommandRow_TelerikDataGridB TD
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px
}
.GridCommandRow_TelerikDataGridB A
{
    COLOR: #333
}
.RadGrid_TelerikDataGridB .rgAdd
{
    BACKGROUND-POSITION: 2px -386px
}
.RadGrid_TelerikDataGridB .rgRefresh
{
    BACKGROUND-POSITION: 5px -417px
}
.RadGrid_TelerikDataGridB .rgEdit
{
    BACKGROUND-POSITION: 2px -450px
}
.RadGrid_TelerikDataGridB .rgDel
{
    BACKGROUND-POSITION: 2px -482px
}
.LoadingPanel_TelerikDataGridB
{
    BACKGROUND: #f3f3e2
}
.GridRowSelector_TelerikDataGridB
{
    BACKGROUND: #336
}
.GridItemDropIndicator_TelerikDataGridB
{
    BORDER-TOP: #666 1px dashed
}
.GridToolTip_TelerikDataGridB
{
    BORDER-RIGHT: #6788be 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #6788be 1px solid;
    PADDING-LEFT: 3px;
    BACKGROUND: #e9f2ff;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #6788be 1px solid;
    COLOR: #575757;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #6788be 1px solid
}
.RadGridRTL_TelerikDataGridB .GridHeader_TelerikDataGridB
{
    TEXT-ALIGN: right
}
.RadGridRTL_TelerikDataGridB .ResizeHeader_TelerikDataGridB
{
    TEXT-ALIGN: right
}
.RadGridRTL_TelerikDataGridB .PagerLeft_TelerikDataGridB
{
    FLOAT: right
}
.RadGridRTL_TelerikDataGridB .GridPager_TelerikDataGridB .radslider
{
    FLOAT: right
}
.RadGridRTL_TelerikDataGridB .PagerRight_TelerikDataGridB
{
    FLOAT: left
}
.RadGrid_TelerikDataGridB .rgCommandRow
{
    FONT-SIZE: 12px;
    COLOR: #fff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BORDER-LEFT: #fff 1px solid;
    BORDER-BOTTOM: #fff 1px solid
}

Thanks

[Iana Tsolova]

Hello Veshala,

Please find the answer to your questions in the other support thread you have opened on the same subject.

Regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Trevor]

Where can we find this other posting?

[Veshala]

Here is the response from other thread:

Veshala

Posted on on Oct 21, 2009 CC: [e-mail]

Hi,

After taking out the reference to 'RadFormDecorator' , the page looks good.

Thanks.

Telerik Admin

Posted on on Oct 21, 2009 CC: [e-mail]

Hello Vanitha,

Thank you for the additional information provided.

I was able to run the sample and replicated the described issues. However, after using embedded skin for the RadFormDecorator, the CheckBoxes and the Save button appeared properly on my side. It seems that the while creating custom Skin for the RadFormDecorator you might missed something important concerning the buttons and checkboxes decoration. Please review this help topic for more information on creating custom Skins and see if you have followed the instructions there.

Check it out and let me know how it goes.

Best wishes,
Iana
the Telerik team