Questions on UI for ASP.NET AJAX Forum

110,747 questions

2 answers

107 views

Project background:
C# ASP.NET project using a custom class to completely define the RadGrid definition. I am using advanced databinding and ajax.

So far everything I have implemented is working fine. One of the requirements I have is that the user upon entry to the form will select an item from dropdownlist control and then click a button to fetch the datasource based on their selection. This is done because the available selections do not return the same data elements. After the retrieval of the data I am not able to get the grid to display the data. I have added to following to the onClick event of the button. I am using mock data at this time so __getData = true; signifies I want to return data rather than an empty grid. The .Rebind Method is executing NeedDataSource and the DataTable returned from PolicyAPI.GetPolicyData(__getData) has data but the grid does not seem to reload. I have checked all of the samples but have not found any direction. I appreciate any assistance.

protected void Page_Init(object source, EventArgs e)

{

    this.__policyRadGrid = PolicyRadGrid.GridDefinition();

    this.PlaceHolder1.Controls.Add(this.__policyRadGrid);

}



protected void Page_Load(object sender, EventArgs e)

{

    this.__policyRadGrid.NeedDataSource += new GridNeedDataSourceEventHandler(PolicyRadGrid_NeedDataSource);

}



protected void btnRetrieveData_OnClick(object sender, EventArgs e)

{



    __getData = true;

this.__policyRadGrid.Rebind();

}

protected void PolicyRadGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

this.__policyRadGrid.DataSource = PolicyAPI.GetPolicyData(__getData);

}

Grid

answered on 31 May 2011

5 answers

227 views

Grid page size changed

Hi,

I have a Telerik RadGrid and when I change page size from 10 to 20 next 10 rows are not formated (see attachment - grid-result-page.jpg, grid-page.jpg). I use client-side databinding. Where I do mistake?
Thanks for answer.

My grid code

<telerik:RadGrid ID="grdResult" runat="server" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" GridLines="None"

PageSize="20" Width="100%" BorderStyle="None" EnableEmbeddedSkins="False"

EnableViewState="true" Culture="de-DE" ShowFooter="True" ShowGroupPanel="True">

<ClientSettings AllowDragToGroup="True" EnableRowHoverStyle="true" DataBinding-CountPropertyName="CountProduct" DataBinding-DataPropertyName="DataProduct">

<Selecting AllowRowSelect="true" />

<DataBinding Location="WebServiceProduct.asmx" SelectMethod="GetDataAndCount" EnableCaching="false"/>

<ClientEvents OnDataBinding="grdResult_DataBinding" OnDataBound="grdResult_DataBound"/>

</ClientSettings>

<HeaderStyle Wrap="False" />

<MasterTableView GroupLoadMode="Client">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="USER_Profile" FieldName="USER_Profile"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="USER_Profile"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn DataField="GroupIcon" HeaderText="Group" UniqueName="colResultGroup" ItemStyle-CssClass="grid_td_line"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Text1" HeaderText="Typ Caption" UniqueName="colResultText1" ItemStyle-CssClass="grid_td_line"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="USER_Profile" HeaderText="USER_Profile" UniqueName="USER_Profile" ItemStyle-CssClass="grid_td_line"></telerik:GridBoundColumn>

...

</Columns>

</MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="10" />

<GroupingSettings ShowUnGroupButton="true" />

</telerik:RadGrid>

Best regards
Roman

Grid

answered on 31 May 2011

3 answers

93 views

ExceL ML not working

I am trying to generate Excel ML Export file but no cell is getting created. It is generating file with empty rows. Any ideas ?

Grid

answered on 31 May 2011

1 answer

217 views

Filling combobox with linq query

Hi guys, hope you can help me with this, I have a radcombobox wich i want to fill with data using linq to entities, I 've been trying with this code in the method I use to fill the combo box and set a breakpoint in that, when I run my program the results in the breakpoint appears correctly but when my combo box never gets filled.
Here's the query I implement to fill the combobox

private void llenacomboedificio()

{

var bdinstedificio = new BD_INSTEntities();

var query = from edi in bdinstedificio.Inmuebles

select edi.nom_inm;

rdCmbEdificio.DataSource = query.ToList();

}

Hope your help.

ComboBox

answered on 31 May 2011

1 answer

280 views

Can I edit Telerik CSS?

I set up the AJAX RAD Grid with the black theme, but when I did the demo for management, there was a complaint that there was not enough color separation between the rows. I can change the value for either one in the grid properties, but I have a table nested within a Template Column. The <td> receives the colors from the CSS (.RadGrid_Black .rgAltRow td) so the borders of the table don't match the new property settings of the grid. If I edit the <td> inside the Template Column, it doesn't take into account the Alternate rows and sets the colors across all rows.

What is the best/preferred way for me to match these colors? Edit the CSS? (How does that get into my project?) Create my own CSS? (Do I need a separate class for the .rgAltRow?)

General Discussions

answered on 31 May 2011

3 answers

45 views

Masked controls broken in IE7 and lower

On masked textboxes in IE7 when the user enters the control and enters the first charachter the control jumps the cursor to the end of the control and the value cannot be entered. I don't want to have to ask all of our users to upgrade their browser just because of a change in your control collection. This only started happening after the most recent update. Any suggestions?

Thanks!

Input

answered on 31 May 2011

1 answer

156 views

RadTreeList1.Items.Count from client side

how I can get the number of items in a RadTreeList from the client side. On the server side is done as follows:

RadTreeList1.Items.Count

TreeList

answered on 31 May 2011

2 answers

102 views

Buttons Not Excluded within Ajax

I have been trying everthing to get this to work! However, the btnBibleBook button is not being exclued from the Ajax container. Therefor the routine I have attached to the button is not functioning properly. I have created a function, "conditionalPostback" that should be excluding the btnBibleBook button from the Ajax framework. It does not appear to be triggering properly. There is quite a bit of code here, but I didn't want to leave anything out. I did not include the Codebehind, but if anyone thinks it is necessary I will include it. Here is the Code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Copy of TheBible.aspx.vb" Inherits="BibleResources_TheBible" %>

<%@ Register Src="~/Gadgets/Header.ascx" TagName="Header" TagPrefix="wisc" %>

<%@ Register Src="~/Gadgets/Footer.ascx" TagName="Footer" TagPrefix="wisc" %>

<%@ Register Src="~/Gadgets/SocialNetworks.ascx" TagName="SocialNetworks" TagPrefix="wisc" %>

<%@ Register Src="~/Gadgets/QuestionsGadget.ascx" TagName="QuestionsGadget" TagPrefix="wisc" %>

<%@ Register Src="~/Gadgets/ContentVoterGadget.ascx" TagName="ContentVoterGadget"

TagPrefix="wisc" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Scripture Seeds - The Holy Bible</title>

<meta content="Scripture Seeds Foundation" name="Tybee_Island" />

<meta content=

"The Scripture Seeds Foundation is a bible-based, Christian outreach and evangelistic foundation dedicated to spreading the truth of God's Word."

name="description" />

<meta content="The Scripture Seeds Foundation believes that faith comes by hearing the Word of God."

name="abstract" />

<meta content=

"christian, bible, word, Gods Word, authority, creed, doctrine, guide, guidebook, handbook, manual, sacred writ, sacred writings, scripture, old testament, new testament, good news"

name="keywords" />

<meta content="Wireless Information Systems Corp., www.wirelessinfosys.com" name="author" />

name="copyright" />

<meta content="index,follow" name="robots" />

<link rel="shortcut icon" href="~/images/papyrus.ico" type="image/x-icon" />

<link rel="icon" href="~/images/papyrus.ico" type="image/x-icon" />

<link href="~/App_Themes/Seeds/Scripture.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="frmBibleBooks" runat="server" style="text-align: center">

<table id="tblBorder" align="center" cellpadding="0" cellspacing="0" border="0" width="975px">

<tr>

<td>

<div class="page">

<wisc:Header ID="ctlHeader" runat="server" />

<table id="tblFrame" align="center" cellpadding="2" cellspacing="0" border="1" width="100%">

<tr>

<td>

<div id="PageContent" align="center">

<table id="tblMain" runat="server" cellpadding="4" width="100%" align="center" border="0">

<tr>

<td id="LeftCol">

<wisc:ContentVoterGadget ID="ctlContentVoterGadget" runat="server" />

</td>

<td id="MainCol">

<table id="tblCenterCol" runat="server" cellpadding="6" width="100%" align="center"

border="1">

<tr>

<td id="colContent">

<h1>

The Holy Bible</h1>

<div style="margin-left: 75px; margin-right: 20px;">

<b style="color: #95c9f3;">THE OLD TESTAMENT<br />

</b>There are 39 books in the Old Testament, generally separated into 4 divisions:

<ol>

<li>The Pentateuch (5 Books), traditionally designated as the 5 books of Moses.

</li>

<li>Historical Books (12 Books), from Joshua to Esther. </li>

<li>Poetical Books (5 Books), from Job to Song of Solomon. </li>

<li>Prophetical Books (17 Books), including the writings of the 5 Major Prophets, from

Isaiah to Daniel, and the 12 Minor Prophets from Hosea to Malachi. </li>

</ol>

<br />

<b style="color: #95c9f3;">THE NEW TESTAMENT<br />

</b>There are 27 books in the New Testament, generally separated into 4 divisions:

<ol>

<li>The Gospels (4 Books), from Matthew to John.</li>

<li>Historical Books (1 Book), Acts.</li>

<li>Doctrinal Books (21 Books), from Romans to Jude. </li>

<li>Prophetical Book (1 Book), Revelation.</li>

</ol>

</div>

<p>

</p>

<div>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="conditionalPostback">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="lvBibles">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="lvBibles" LoadingPanelID="panReLoadBooks" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<script type="text/javascript">

function conditionalPostback(sender, args) {

var theRegexp = new RegExp("\.btnBibleBook$", "ig");

if (args.get_eventTarget().match(theRegexp)) {

args.set_enableAjax(false);

}

</script>

<telerik:RadAjaxLoadingPanel ID="panReLoadBooks" runat="server" Transparency="30"

EnableSkinTransparency="false" BackColor="#E0E0E0">

<asp:Image ID="imgLoading" runat="server" ImageUrl="~/Images/sm_loading.gif" Width="60px"

Style="border: 0px;" AlternateText="Loading..." ToolTip="Loading..." />

</telerik:RadAjaxLoadingPanel>

<div>

<asp:Panel ID="panBooks" runat="server">

<asp:Label ID="lblDataSource" runat="server" Visible="false"></asp:Label>

<div align="center">

<span style="vertical-align: middle; font-weight: bold; padding-left: 5px;">Bible Listing:</span>

<asp:DropDownList ID="ddlBibleList" runat="server" AutoPostBack="True" ToolTip="Listing of Bible Books and Categories."

SelectedIndexChanged="ddlBibleList_SelectedIndexChanged">

</asp:DropDownList>

</div>

<div align="center">

<asp:RadioButtonList ID="optSortField" runat="server" RepeatDirection="Horizontal"

AutoPostBack="true">

<asp:ListItem Text="Name" Value="Book_Name" />

<asp:ListItem Text="Category" Value="Book_Category" />

<asp:ListItem Text="Testament" Value="Book_Testament" />

<asp:ListItem Selected="True" Value="Bible_ID">Bible Order</asp:ListItem>

</asp:RadioButtonList>

<div style="padding-left: 3px">

<p>

</p>

<span style="color: black;">Sort expression: </span>

<asp:Label ID="lblExpression" runat="server" Text=" " />

</div>

<div align="center">

<asp:Button ID="btnASC" runat="server" Width="122px" Text="Ascending" OnClick="btnASC_Click" />

<asp:Button ID="btnDSC" runat="server" Width="122px" Text="Descending" OnClick="btnASC_Click" />

<asp:Button ID="btnNone" runat="server" Width="122px" Text="None" OnClick="btnASC_Click" />

</div>

<telerik:RadListView ID="lvBibles" runat="server" ItemPlaceholderID="BookContainer"

AllowPaging="True" PageSize="12" DataKeyNames="Book_ID" Font-Names="Calibri,Helvetica,Verdana,Arial,Serif"

Font-Size="12px" OnItemEditing="DownLoadPDF">

<LayoutTemplate>

<fieldset id="RadListView" style="float: left; width: 97%;">

<legend>Bible Books</legend>

<asp:PlaceHolder ID="BookContainer" runat="server" />

<div style="clear: both" />

<div style="padding: 5px;">

<div style="float: left; margin-left: 30%;">

<asp:Button runat="server" ID="btnFirst" CommandName="Page" CommandArgument="First"

Text="First" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<asp:Button runat="server" ID="btnPrev" CommandName="Page" CommandArgument="Prev"

Text="Prev" Enabled="<%#Container.CurrentPageIndex > 0 %>" />

<span style="vertical-align: middle;"> Page <strong>

<%#Container.CurrentPageIndex + 1%></strong> of <strong>

<%#Container.PageCount%> </strong></span>

<asp:Button runat="server" ID="btnNext" CommandName="Page" CommandArgument="Next"

Text="Next" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

<asp:Button runat="server" ID="btnLast" CommandName="Page" CommandArgument="Last"

Text="Last" Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />

</div>

<div>

<span style="vertical-align: middle; font-weight: bold; padding-left: 5px;">Page Size:</span>

<telerik:RadComboBox runat="server" ID="cmbPageSize" OnSelectedIndexChanged="cmbPageSize_SelectedIndexChanged"

AutoPostBack="true" Width="40px" SelectedValue="<%#lvBibles.PageSize %>" Skin="Black">

<Items>

<telerik:RadComboBoxItem Text="2" Value="2" />

<telerik:RadComboBoxItem Text="4" Value="4" />

<telerik:RadComboBoxItem Text="6" Value="6" />

<telerik:RadComboBoxItem Text="8" Value="8" />

<telerik:RadComboBoxItem Text="10" Value="10" />

<telerik:RadComboBoxItem Text="12" Value="12" />

<telerik:RadComboBoxItem Text="14" Value="14" />

</Items>

</telerik:RadComboBox>

</div>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<fieldset style="float: left; width: 97%; height: 300px; background-color: Gray;">

<legend><b>Title</b>: <span style="color: #000000; font-weight: bold;">

<%#Eval("Book_Name")%></span> </legend>

<div class="details">

<div class="photo-container">

<telerik:RadBinaryImage runat="server" ID="bBinSermon" DataValue='<%#Eval("Book_Image") %>'

AutoAdjustImageControlSize="false" Height="65px" ToolTip='<%#Eval("Book_Name", "Book of {0}") %>'

AlternateText='<%#Eval("Book_Name", "Book of {0}") %>' BorderColor="White" BorderStyle="Solid"

BorderWidth="3px" />

</div>

<div class="data-container">

<ul>

<li>

<label>

<b style="color: Gray;">Testament:</b> <span style="color: #95c9f3;"><%#GetTestament(Eval("Book_Testament"))%></span></label></li>

<li>

<label>

<b style="color: Gray;">Book:</b> <span style="color: #daa838;"><%#Eval("Book_Name")%></span></label></li>

<asp:TextBox ID="txtName" runat="server" Visible="false" Text='<%#Eval("Book_Name")%>'></asp:TextBox>

<asp:TextBox ID="txtID" runat="server" Visible="false" Text='<%#Eval("Book_ID")%>'></asp:TextBox>

<li>

<label>

<b style="color: Gray;">Category:</b> <%#Eval("Book_Category")%></label><br />

<br />

</li>

<li>

<label>

<b style="color: Gray;">Summary: </b>

</label>

<label>

<span style="font-weight: normal; text-align: justify; font-size: 12px; font-family: Calibri, Helvetica, Verdana, Arial, Serif;">

<%#TrimSummary(Eval("Book_Description"))%></span>

</label>

</li>

</ul>

<br />

<div align="center">

<asp:Button ID='btnBibleBook' runat="server" Text='<%#GetPDF(Eval("Book_Name"), Eval("Book_ID"))%>'

CommandName="Edit" CausesValidation="false" />

</div>

</fieldset>

</ItemTemplate>

</telerik:RadListView>

</asp:Panel>

</div>

</td>

</tr>

</table>

</td>

<td id="RightCol" valign="top">

<wisc:SocialNetworks ID="ctlSocialNetworks" runat="server" />

</td>

</tr>

</table>

<asp:Label ID="lblError" runat="server" CssClass="ErrorMessageDB"></asp:Label>

</div>

</td>

</tr>

</table>

<wisc:Footer ID="ctlFooter" runat="server" />

</div>

</td>

</tr>

</table>

</form>

</body>

</html>

I would sure appreciate anyones help on this. In the codebehind routine "DownLoadPDF" fires and calls the external routine which forces a PDF to be downloaded, but because of the AJax the external routine errors out and the file is not downloaded.
If I remove All the Ajax, the application functions properly.

ListView

answered on 31 May 2011

2 answers

91 views

Telerik Grid - Paging Issue

Hello,

I want to show 10 records out of 100,000 records from database using telerik grid.

So, i am plannint to use telerik grid's inbuild paging.
Now, the issue is if i need to use telerik paging, i must have 100,000 records with me. So, my sql query will take too much time as i will get 100,000 records for paging.

Can i pass argument to fetch 10 records and it takes only 10 records from database and manage paging too in telerik-grid??

Note: i will also use telerik grid's filtering and sorting too. So, the solution should support paging as well as filtering and sorting.

Please suggest.

Thanks.

Grid

answered on 31 May 2011

3 answers

253 views

GridCheckBoxColumn not showing checkbox in RadGrid control

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

Grid

answered on 31 May 2011

Top users last month