Incorrect rendering load on demand combobox in grid. Both controls has custom skin.

[Mac P]

Hello

I have a custom skin for radgrid. Inside radgrid i use item template for load on demand combo box. On search it always opens up popup on left side of combobox cutting off the popup window (as in image)

Here is grid's code

<telerik:RadGrid ID="RadIcdGrid" GridLines="None" runat="server" AllowAutomaticDeletes="false"
                                AllowAutomaticInserts="false" PageSize="10" AllowAutomaticUpdates="false" AllowPaging="True"
                                SkinID="EzGrid" AutoGenerateColumns="False" OnInsertCommand="RadIcdGrid_OnInsertCommand"
                                OnDataBound="RadIcdGrid_DataBound" OnDeleteCommand="RadIcdGrid_OnDeleteCommand"
                                OnNeedDataSource="RadIcdGrid_NeedDataSource">

Here is combo's code

<telerik:RadComboBox ID="RdICD" runat="server" DataSourceID="SqlICDDS"  SkinID="EzGrid" EnableEmbeddedSkins="false"
                                                       DataValueField="ICD9Code" DataTextField="ICD9Code" EmptyMessage="Select ICD Codes"
                                                        HighlightTemplatedItems="true" Width="150px" Height="250px" EnableAutomaticLoadOnDemand="True"
                                                       ItemsPerRequest="20" ExpandDirection="Up" ShowMoreResultsBox="true" Filter="Contains"
                                                       ShowToggleImage="False" DropDownWidth="1000px"  EnableScreenBoundaryDetection="true">
                                                       <HeaderTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       Code
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       Name
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       Description
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </HeaderTemplate>
                                                       <ItemTemplate>
                                                           <table style="width: 1000px" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                   <td style="width: 100px;">
                                                                       <asp:Label runat="server" ID="Code">
                                <%# Eval("Code")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 300px;">
                                                                       <asp:Label runat="server" ID="Name">
                                <%# Eval("Name")%>
                                                                       </asp:Label>
                                                                   </td>
                                                                   <td style="width: 600px;">
                                                                       <asp:Label runat="server" ID="DescShort">
                                <%# Eval("Description")%>
                                                                       </asp:Label>
                                                                   </td>
                                                               </tr>
                                                           </table>
                                                       </ItemTemplate>
                                                   </telerik:RadComboBox>

Here is Grid's css

/*Telerik RadGrid Default Skin*/

/*global*/

.RadGrid_EzGrid
{
    border: 1px solid #999;
    background: #fff;
    color: #000;
}

.RadGrid_EzGrid, .RadGrid_EzGrid .rgMasterTable, .RadGrid_EzGrid .rgDetailTable, .RadGrid_EzGrid .rgGroupPanel table, .RadGrid_EzGrid .rgCommandRow table, .RadGrid_EzGrid .rgEditForm table, .RadGrid_EzGrid .rgPager table, .GridToolTip_EzGrid
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}

.RadGrid_EzGrid .rgHeader:first-child, .RadGrid_EzGrid th.rgResizeCol:first-child, .RadGrid_EzGrid .rgFilterRow > td:first-child, .RadGrid_EzGrid .rgRow > td:first-child, .RadGrid_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid_EzGrid .rgAdd, .RadGrid_EzGrid .rgRefresh, .RadGrid_EzGrid .rgEdit, .RadGrid_EzGrid .rgDel, .RadGrid_EzGrid .rgFilter, .RadGrid_EzGrid .rgPagePrev, .RadGrid_EzGrid .rgPageNext, .RadGrid_EzGrid .rgPageFirst, .RadGrid_EzGrid .rgPageLast, .RadGrid_EzGrid .rgExpand, .RadGrid_EzGrid .rgCollapse, .RadGrid_EzGrid .rgSortAsc, .RadGrid_EzGrid .rgSortDesc, .RadGrid_EzGrid .rgUpdate, .RadGrid_EzGrid .rgCancel, .RadGrid_EzGrid .rgUngroup, .RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/sprite.gif');
}

/*header*/

.RadGrid_EzGrid .rgHeaderDiv
{
    background: #e4e4e4;
}

.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid th.rgResizeCol
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    border-left: 1px solid #9e9e9e;
    background: #e4e4e4;
    text-decoration:underline;

}

.RadGrid_EzGrid th.rgSorted
{
    background-color: #fffaeb;
}

.RadGrid_EzGrid .rgHeader, .RadGrid_EzGrid .rgHeader a
{
    color: #000;
}

.RadGrid_EzGrid th.rgSorted, .RadGrid_EzGrid th.rgSorted a
{
    /*color:#892500;*/
}

/*rows*/

.RadGrid_EzGrid .rgRow td, .RadGrid_EzGrid .rgAltRow td, .RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgFooter td
{
    border-style: solid;
    border-width: 0 0 1px 1px;
}

.RadGrid_EzGrid .rgRow td
{
    border-color: #fff #c3c3c3;
}

.RadGrid_EzGrid .rgAltRow
{
    background: #ededed;
}

.RadGrid_EzGrid .rgAltRow td
{
    border-color: #ededed #c3c3c3;
}

.RadGrid_EzGrid .rgRow .rgSorted
{
    border-bottom-color: #fffaeb;
    background-color: #fffaeb;
}

.RadGrid_EzGrid .rgAltRow .rgSorted
{
    border-bottom-color: #f1ecdd;
    background-color: #f1ecdd;
}

.RadGrid_EzGrid .rgSelectedRow .rgSorted, .RadGrid_EzGrid .rgActiveRow .rgSorted, .RadGrid_EzGrid .rgHoveredRow .rgSorted, .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: transparent;
}

.RadGrid_EzGrid .rgRow a, .RadGrid_EzGrid .rgAltRow a, .RadGrid_EzGrid tr.rgEditRow a, .RadGrid_EzGrid .rgFooter a, .RadGrid_EzGrid .rgEditForm a
{
    color: #000099;
    text-decoration: underline;
}

/*.RadGrid_EzGrid .rgSelectedRow
{
    background:#ffa517;
    color:#892500;
}*/
* + html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}
* html .RadGrid_EzGrid .rgSelectedRow .rgSorted
{
    /*background-color:#ffa517*/
}

.RadGrid_EzGrid .rgSelectedRow a, .RadGrid_EzGrid .rgHoveredRow a, .RadGrid_EzGrid .rgActiveRow a
{
    color: #000099;
    text-decoration: underline;
}

.RadGrid_EzGrid .rgActiveRow, .RadGrid_EzGrid .rgHoveredRow
{
    /*background:#ffe79c 0 -2900px repeat-x url('Grid/sprite.gif');     color:#892500;*/
}
* + html .RadGrid_EzGrid .rgActiveRow .rgSorted, * + html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;

}
* html .RadGrid_EzGrid .rgActiveRow .rgSorted, * html .RadGrid_EzGrid .rgHoveredRow .rgSorted
{
    /*background-color: #ffe79c;*/
    background-color:#80C949;
}

.RadGrid_EzGrid .rgEditRow
{
    background: #fff 0 -4900px repeat-x url('Grid/sprite.gif');
}
* + html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}
* html .RadGrid_EzGrid .rgEditRow .rgSorted
{
    background-color: #fff;
}

.RadGrid_EzGrid .rgSelectedRow td, .RadGrid_EzGrid .rgSelectedRow td.rgSorted
{
    /*border-color:#ca4b0c #ffa517;*/
    border-bottom-color: #459e1d;
}

.RadGrid_EzGrid .rgActiveRow td, .RadGrid_EzGrid .rgActiveRow td.rgSorted, .RadGrid_EzGrid .rgHoveredRow td, .RadGrid_EzGrid .rgHoveredRow td.rgSorted
{
    /*border-color: #c98400 #ffe79c;*/
    border-color:#80C949;
}

.RadGrid_EzGrid .rgEditRow td, .RadGrid_EzGrid .rgEditRow td.rgSorted
{
    border-color: #616161 #c3c3c3;
}

.RadGrid_EzGrid .rgDrag
{
    background-image: url('Grid/rgDrag.gif');
}

/*footer*/

.RadGrid_EzGrid .rgFooterDiv, .RadGrid_EzGrid .rgFooter
{
    background: #e4e4e4;
}

.RadGrid_EzGrid .rgFooter td
{
    border-top: 1px solid;
    border-color: #999 #c3c3c3;
}

/*status*/

.RadGrid_EzGrid .rgPager .rgStatus
{
    border: 1px solid;
    border-color: #999 #999 #e4e4e4 #e4e4e4;
    border-left: 0;
}

.RadGrid_EzGrid .rgStatus div
{
    background-image: url('Common/loading_small.gif');
}

/*pager*/

.RadGrid_EzGrid .rgPager
{
    background: #e4e4e4;
}

.RadGrid_EzGrid td.rgPagerCell
{
    border: 1px solid;
    border-color: #999 #e4e4e4 #e4e4e4;
    border-right: 0px;
}

.RadGrid_EzGrid .rgInfoPart
{
    color: #777;
}

.RadGrid_EzGrid .rgInfoPart strong
{
    color: #4c4e54;
}

.RadGrid_EzGrid .rgPageFirst
{
    background-position: 0 -550px;
}
.RadGrid_EzGrid .rgPageFirst:hover
{
    background-position: 0 -600px;
}
.RadGrid_EzGrid .rgPagePrev
{
    background-position: 0 -700px;
}
.RadGrid_EzGrid .rgPagePrev:hover
{
    background-position: 0 -750px;
}
.RadGrid_EzGrid .rgPageNext
{
    background-position: 0 -850px;
}
.RadGrid_EzGrid .rgPageNext:hover
{
    background-position: 0 -900px;
}
.RadGrid_EzGrid .rgPageLast
{
    background-position: 0 -1000px;
}
.RadGrid_EzGrid .rgPageLast:hover
{
    background-position: 0 -1050px;
}

.RadGrid_EzGrid .rgPager .rgPagerButton
{
    border-color: #7e7e7e;
    background: #c6c6c6;
    color: #000;
    font: 12px/12px "segoe ui" ,arial,sans-serif;
}

.RadGrid_EzGrid .rgNumPart a
{
    border: 1px solid #e4e4e4;
    line-height: 20px;
    color: #000;
}

.RadGrid_EzGrid .rgNumPart a:hover
{
    border-color: #333333;
    background:#80C949;
    color: #000000;
}

.RadGrid_EzGrid .rgNumPart a.rgCurrentPage, .RadGrid_EzGrid .rgNumPart a.rgCurrentPage:hover
{
    border-color: #333333;
    /*background: transparent;*/
    background: #80C949;
    color: #000000;
}

/*sorting, reordering*/

.RadGrid_EzGrid .rgHeader .rgSortAsc
{
    background-position: 3px -248px;
    height: 10px;
}

.RadGrid_EzGrid .rgHeader .rgSortDesc
{
    background-position: 3px -198px;
    height: 10px;
}

.GridReorderTop_EzGrid, .GridReorderBottom_EzGrid
{
    background: 0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_EzGrid
{
    background-position: 0 -50px;
}

/*filtering*/

.RadGrid_EzGrid .rgFilterRow
{
    background: #e4e4e4;
}

.RadGrid_EzGrid .rgFilterRow td
{
    border-bottom: 1px solid #999;
    border-left: 1px solid #e4e4e4;
}

.RadGrid_EzGrid .rgFilter
{
    background-position: 0 -300px;
}

.RadGrid_EzGrid .rgFilter:hover
{
    background-position: 0 -350px;
}

.RadGrid_EzGrid .rgFilterActive, .RadGrid_EzGrid .rgFilterActive:hover
{
    background-position: 0 -400px;
}

.RadGrid_EzGrid .rgFilterBox
{
    border-color: #616161;
    font: 12px "segoe ui" ,arial,sans-serif;
    color: #000;
}


/*context menu*/

.GridContextMenu_Default .rmLeftImage
{
    background-image: url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_Default .rgHCMSortAsc .rmLeftImage
{
    background-position: 0 0;
}

.GridContextMenu_Default .rgHCMSortDesc .rmLeftImage
{
    background-position: 0 -40px;
}

.GridContextMenu_Default .rgHCMUnsort .rmLeftImage
{
    background-position: 0 -80px;
}

.GridContextMenu_Default .rgHCMGroup .rmLeftImage
{
    background-position: 0 -120px;
}

.GridContextMenu_Default .rgHCMUngroup .rmLeftImage
{
    background-position: 0 -160px;
}

.GridContextMenu_Default .rgHCMCols .rmLeftImage
{
    background-position: 0 -200px;
}

.GridContextMenu_Default .rgHCMFilter .rmLeftImage
{
    background-position: 0 -240px;
}

.GridContextMenu_Default .rgHCMUnfilter .rmLeftImage
{
    background-position: 0 -280px;
}

/*filter context menu*/

.RadMenu_EzGrid .rgHCMClear, .RadMenu_EzGrid .rgHCMFilter
{
    border-color: #898772 /*#7e7e7e*/;
    background: #dfe1ca;
    color: #000;
    font-family: "segoe ui" ,arial,sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.RadMenu_EzGrid .rgHCMClear:hover, .RadMenu_EzGrid .rgHCMFilter:hover
{
    border-color: #74ca53 #5cb83a #42a31d;
    background-color: #dbf4c7;
    color: #279500;
}

/*grouping*/

.RadGrid_EzGrid .rgGroupPanel
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    background: #c6c6c6;
}

.RadGrid_EzGrid .rgGroupPanel td
{
    border: 0;
    padding: 3px 4px;
}

.RadGrid_EzGrid .rgGroupPanel td td
{
    padding: 0;
}

.RadGrid_EzGrid .rgGroupPanel .rgSortAsc
{
    background-position: 4px -144px;
}

.RadGrid_EzGrid .rgGroupPanel .rgSortDesc
{
    background-position: 4px -94px;
}

.RadGrid_EzGrid .rgUngroup
{
    background-position: 0 -6999px;
}

.RadGrid_EzGrid .rgGroupItem
{
    border: 1px solid #7e7e7e;
    background: #c6c6c6;
}

.RadGrid_EzGrid .rgMasterTable td.rgGroupCol, .RadGrid_EzGrid .rgMasterTable td.rgExpandCol
{
    border-color: #c9c9c9;
    background: #c9c9c9 none;
}

.RadGrid_EzGrid .rgGroupHeader
{
    background: #c9c9c9;
    font-size: 1.1em;
    line-height: 22px;
    color: #000;
}

.RadGrid_EzGrid .rgGroupHeader td
{
    padding-left: 8px;
    padding-bottom: 2px;
}

.RadGrid_EzGrid .rgExpand
{
    background-position: 5px -496px;
}

.RadGrid_EzGrid .rgCollapse
{
    background-position: 3px -444px;
}

/*editing*/

.RadGrid_EzGrid .rgEditForm
{
    border-bottom: 1px solid #999;
}

.RadGrid_EzGrid .rgUpdate
{
    background-position: 0 -1800px;
}

.RadGrid_EzGrid .rgCancel
{
    background-position: 0 -1850px;
}

/*hierarchy*/

.RadGrid_EzGrid .rgDetailTable
{
    border-color: #999;
}

/*command row*/

.RadGrid_EzGrid .rgCommandRow
{
    background: #c6c6c6;
    color: #000;
    height: 36px;
}

.RadGrid_EzGrid .rgCommandCell
{
    border: 0;
    border-bottom: 1px solid #7c7c7c;
    padding: 0;
}

.RadGrid_EzGrid tfoot .rgCommandCell, .RadGrid_EzGrid .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell
{
    border-top: 1px solid #7c7c7c;
    border-bottom: 0;
}

.RadGrid_EzGrid .rgCommandTable td
{
    border: 0;
    padding: 2px 7px;
}

.RadGrid_EzGrid .rgCommandTable a
{
font-weight:bold;
font-size:14px;

}

.RadGrid_EzGrid .rgCommandTable
{
    border: 0;
}

.RadGrid_EzGrid .rgCommandRow a
{
    color: #000;
    text-decoration: none;
}

.RadGrid_EzGrid .rgAdd
{
    margin-right: 3px;
    background-position: 0 -1650px;
    background: 0 0 no-repeat url('Grid/add_icon.jpg');
}

.RadGrid_EzGrid .rgRefresh
{
    margin-right: 3px;
    background-position: 0 -1600px;
    background: 0 0 no-repeat url('Grid/refresh_icon.jpg');
}

.RadGrid_EzGrid .rgEdit
{
    background-position: 0 -1700px;
}

.RadGrid_EzGrid .rgDel
{
    background-position: 0 -1750px;
}

.RadGrid_EzGrid .rgExpXLS, .RadGrid_EzGrid .rgExpDOC, .RadGrid_EzGrid .rgExpPDF, .RadGrid_EzGrid .rgExpCSV
{
    background-image: url('Grid/export.gif');
}

.RadGrid_EzGrid .rgExpXLS
{
    background-position: 0 0;
}
.RadGrid_EzGrid .rgExpDOC
{
    background-position: 0 -50px;
}
.RadGrid_EzGrid .rgExpPDF
{
    background-position: 0 -100px;
}
.RadGrid_EzGrid .rgExpCSV
{
    background-position: 0 -150px;
}

/*multirow select*/

.GridRowSelector_EzGrid
{
    background: #4c4e54;
}

/*row drag n drop*/

.GridItemDropIndicator_EzGrid
{
    border-top: 1px dashed #666;
}

/*tooltip*/

.GridToolTip_EzGrid
{
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}

/*rtl*/

.RadGridRTL_EzGrid .rgHeader:first-child, .RadGridRTL_EzGrid th.rgResizeCol:first-child, .RadGridRTL_EzGrid .rgFilterRow > td:first-child, .RadGridRTL_EzGrid .rgRow > td:first-child, .RadGridRTL_EzGrid .rgAltRow > td:first-child
{
    border-left-width: 1px;
    padding-left: 7px;
    text-decoration:underline;
}

.RadGridRTL_EzGrid .rgPageFirst
{
    background-position: 0 -1000px;
}
.RadGridRTL_EzGrid .rgPageFirst:hover
{
    background-position: 0 -1050px;
}
.RadGridRTL_EzGrid .rgPagePrev
{
    background-position: 0 -850px;
}
.RadGridRTL_EzGrid .rgPagePrev:hover
{
    background-position: 0 -900px;
}
.RadGridRTL_EzGrid .rgPageNext
{
    background-position: 0 -700px;
}
.RadGridRTL_EzGrid .rgPageNext:hover
{
    background-position: 0 -750px;
}
.RadGridRTL_EzGrid .rgPageLast
{
    background-position: 0 -550px;
}
.RadGridRTL_EzGrid .rgPageLast:hover
{
    background-position: 0 -600px;
}









DIV.RadGrid_EzGrid .rgCommandCell
{
    /*BACKGROUND-IMAGE: url('ImageHandler.ashx?mode=get&suite=aspnet-ajax&control=Grid&skin=EzGrid&file=right_top.jpg&t=1889871502');   LINE-HEIGHT: 20px;  PADDING-RIGHT: 27px;     font-weight: bold; */
}

DIV.RadGrid_EzGrid
{
    border-right-color: #EEEEEE;
    border-left-color: #EEEEEE;
    border-top: #999999 0px solid;
}

DIV.RadGrid_EzGrid TH.rgResizeCol
{
    padding-bottom: 12px;
    background-color: #808080;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
}

DIV.RadGrid_EzGrid .rgHeader
{
    padding-bottom: 5px;
    background-color: #666666;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: small;
    color: #FFFFFF;
    border-bottom-color: #4eb106;
    border-bottom-width: 5px;
}

DIV.RadGrid_EzGrid .rgRow
{
    line-height: 16px;
    background-color: #FFFFFF;
    color: #555555;
    font-size: 12px;
}

DIV.RadGrid_EzGrid .rgRow TD
{
    line-height: 16px;
    background-color: #FFFFFF;
}

DIV.RadGrid_EzGrid .rgAltRow TD
{
    line-height: 16px;
    background-color: #E8E8E8;
}
DIV..RadGrid_EzGrid .rgSelectedRow
{
    /*background-color: #d6faba;*/
    background-color: #80C949;
}
DIV.RadGrid_EzGrid .rgSelectedRow TD
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #000000;
}


DIV.RadGrid_EzGrid .rgCommandRow
{
    line-height: 13px;
    background-color: transparent;
    background-image: url('TabStrip/tab1.png');
    background-position: 0px 0px;
    font-size: 12px;
    font-weight: bold;
    height: 36px;
}
DIV.RadGrid_EzGrid .rgCommandCell
{
    background-image: none;
    border-top-color: #00A1D6;
    font-size: 12px;
    font-weight: bold;
    padding-right: 27px;
}


DIV.RadGrid_EzGrid TR.rgSelectedRow
{
    line-height: 16px;
    /*background-color: #d6faba;*/
    background-color: #80C949;
    color: #555555;
    font-size: 12px;
}

DIV.RadGrid_EzGrid .rgAltRow
{
    line-height: 16px;
    background-color: #E8E8E8;
    color: #555555;
    font-size: 12px;
}



DIV.RadGrid_EzGrid .rgHeader
{
    /*FONT-WEIGHT: bold;    font-size:smaller;*/
}

DIV.RadGrid_EzGrid .rgHeader A
{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
}

DIV.RadGrid_EzGrid .rgFilterBox
{
    width: 40px;
}
/* DIV..RadGrid_EzGrid .rgHoveredRow td
 {
    BACKGROUND-COLOR: #d6faba;
 }*/
.imgEdit
{
    background: transparent;
}

.RadGrid_EzUR .SelectedRow
{
    background-color: #4EB106;
}

DIV.RadGrid_EzUR .rgCommandRow
{
    font-size: 14px;
    font-weight: bold;
}

DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
}

DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}

DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}

DIV.RadGrid_EzUR TR.rgSelectedRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}

DIV.RadGrid_EzUR TABLE TR.rgHoveredRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}

DIV.RadGrid_EzUR .rgAltRow
{
    background-color: #4EB106;
    background-repeat:  repeat-x;
}

Here is CSS for combox

/* RadComboBox Default skin */

/*global*/

.RadComboBox_EzGrid,
.RadComboBox_EzGrid .rcbInput,
.RadComboBoxDropDown_EzGrid
{
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #333;
}

/* combobox */

.RadComboBox_EzGrid .rcbInputCellLeft,
.RadComboBox_EzGrid .rcbInputCellRight,
.RadComboBox_EzGrid .rcbArrowCellLeft,
.RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSprite.png');
}

* html .RadComboBox_EzGrid .rcbInputCellLeft,
* html .RadComboBox_EzGrid .rcbInputCellRight,
* html .RadComboBox_EzGrid .rcbArrowCellLeft,
* html .RadComboBox_EzGrid .rcbArrowCellRight
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}

.RadComboBox_EzGrid td.rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid td.rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_EzGrid .rcbHovered .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbHovered .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_EzGrid .rcbFocused .rcbInputCellLeft { background-position: 0 0; }
.RadComboBox_EzGrid .rcbFocused .rcbInputCellRight { background-position: 100% 0; }

.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -22px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbInputCellRight { background-position: 100% -22px; }

.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellLeft { background-position: 0 -44px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbInputCellRight { background-position: 100% -44px; }

.RadComboBox_EzGrid .rcbInputCell .rcbEmptyMessage
{
    color: #666;
}

.RadComboBox_EzGrid .rcbHovered .rcbInputCell .rcbInput
{
    color: #000;
}

.RadComboBox_EzGrid td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid td.rcbArrowCellRight { background-position: 0 -88px; }

.RadComboBox_EzGrid .rcbHovered .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbArrowCellRight { background-position: -36px -88px; }

.RadComboBox_EzGrid .rcbFocused .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbArrowCellRight { background-position: -72px -88px; }

.RadComboBox_EzGrid td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbFocused td.rcbArrowCellHidden { background-position: -15px -88px; }

.RadComboBox_EzGrid_rtl td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbFocused td.rcbArrowCellHidden { background-position: -18px -88px; }

/* Read-only styles */

.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellLeft { background-position: -18px -88px; }
.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellRight { background-position: -2px -88px; }

.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellLeft { background-position: -54px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly .rcbArrowCellRight { background-position: -38px -88px; }

.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellLeft { background-position: -90px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly .rcbArrowCellRight { background-position: -74px -88px; }

.RadComboBox_EzGrid .rcbReadOnly td.rcbArrowCellHidden { background-position: -15px -88px; }
.RadComboBox_EzGrid .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -51px -88px; }
.RadComboBox_EzGrid .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -87px -88px; }

.RadComboBox_EzGrid_rtl .rcbReadOnly td.rcbArrowCellHidden { background-position: -18px -88px; }
.RadComboBox_EzGrid_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden { background-position: -54px -88px; }
.RadComboBox_EzGrid_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden { background-position: -90px -88px; }

/* dropdown */

.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter,
.RadComboBoxDropDown_EzGrid .rcbMoreResults,
.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSprite.png');
}

* html .RadComboBoxDropDown_EzGrid .rcbHeader,
* html .RadComboBoxDropDown_EzGrid .rcbFooter,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults,
* html .RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-image: url('ComboBox/rcbSpriteIE6.png');
}

.RadComboBoxDropDown_EzGrid
{
    background: #fff;
    border-color: #c6c7d2;
    border-top-color: #83868d;
}

.RadComboBoxDropDown_EzGrid .rcbHeader,
.RadComboBoxDropDown_EzGrid .rcbFooter
{
    background-color: #f1f2f4;
    background-position: 0 -110px;
}

.RadComboBoxDropDown_EzGrid .rcbHeader
{
    border-bottom-color: #d5d5d5;
}

.RadComboBoxDropDown_EzGrid .rcbFooter
{
    border-top-color: #d5d5d5;
}

.RadComboBoxDropDown_EzGrid .rcbItem em
{
    background: #e5e5e5;
}

.RadComboBoxDropDown_EzGrid .rcbHovered
{
    background: #dfdfdf;
    color: #000;
}

.RadComboBoxDropDown_EzGrid .rcbSeparator
{
    color: #fff;
    background: #8a8a8a;
}

.RadComboBox_EzGrid .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_EzGrid .rcbDisabled
{
    color: #999;
}

.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellLeft { background-position: 0 -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbInputCellRight { background-position: 100% -66px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellLeft { background-position: -126px -88px; }
.RadComboBox_EzGrid .rcbDisabled td.rcbArrowCellRight { background-position: -108px -88px; }
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellRight { background-position: -110px -88px; }
.RadComboBox_EzGrid table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -123px -88px; }
.RadComboBox_EzGrid_rtl table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_EzGrid_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden { background-position: -126px -88px; }

.RadComboBoxDropDown_EzGrid .rcbLoading
{
    background:  #f0f0f0;
}

.RadComboBoxDropDown_EzGrid .rcbMoreResults
{
    border-top-color: #c6c7d2;
    background-position: 0 -132px;
    background-color: #e6e6e6;
    color: #8a8a8a;
}

.RadComboBoxDropDown_EzGrid .rcbMoreResults a
{
    background-position: -157px -94px;
}



 DIV.RadComboBox_EzGrid .rcbHovered .rcbInputCell {

    BACKGROUND-COLOR: #888888;

}

[Galin]

Hi Mac,

You should set EnableScreenBoundaryDetection="false" in the RadComboBox and this will prevent the auto detection of the popup direction.

I hope this helps.

Greetings,
Galin
the Telerik team