Responsive Table CSS with Telerik controls (controls are tables)

[TSGO]

So I have a table holding a Telerik RadMenu and a couple of Telerik RadDatePickers. I have a responsive CSS skin for the table holding these controls but it is also affecting the controls themselves since they are table based. Here is my CSS...\[code\].responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td { display: block;}.responsivetable table { margin-left: auto; margin-right: auto; text-align: center; width: 100%;}/* Hide table headers (but not display:none, for accessibility) */.responsivetable thead tr { position: absolute; top: -9999px; left: -9999px;}.responsivetable tr { border: 1px solid #ccc;}.responsivetable td { /* Behave like a row */ border: none; padding-left: 5%; width: 50%; /*border-bottom: 1px solid #eee;*/ position: relative;}\[/code\]And the markup looks like so...\[code\]<table class="responsivetable"> <tr> <td> <Telerik:RadMenu ID="UserMenu" runat="server" OnItemClick="MenuClick" CausesValidation="false" BorderWidth="0px" style="z-index: 100;"> <Items> <Telerik:RadMenuItem Text="Add New Dive" Value="http://stackoverflow.com/questions/15605638/AddDive" ImageUrl="../Images/add.png" runat="server"/> <Telerik:RadMenuItem Text="Manage" ImageUrl="../Images/arrow_down.png"> <Items> <Telerik:RadMenuItem Text="My Check Lists" Value="http://stackoverflow.com/questions/15605638/ManageCheckLists" ImageUrl="../Images/yes.png" /> <Telerik:RadMenuItem Text="My Certifications" Value="http://stackoverflow.com/questions/15605638/ManageCertifications" ImageUrl="../Images/book.png" /> </Items> </Telerik:RadMenuItem> <Telerik:RadMenuItem Text="Export" ImageUrl="../Images/folder_document.png"> <Items> <Telerik:RadMenuItem Text="Export To PDF" Value="http://stackoverflow.com/questions/15605638/PDF" ImageUrl="../Images/pdf.gif" /> <Telerik:RadMenuItem Text="Export To Excel" Value="http://stackoverflow.com/questions/15605638/XLS" ImageUrl="../Images/xls.gif" /> </Items> </Telerik:RadMenuItem> </Items> </Telerik:RadMenu> </td> <td> <asp:Label ID="StartDateLabel" runat="server" /> </td> <td> <Telerik:RadDatePicker ID="StartDate" runat="server" AutoPostBack="true" OnSelectedDateChanged="SelectedDateChanged" /> </td> <td> <asp:Label ID="EndDateLabel" runat="server" /> </td> <td> <Telerik:RadDatePicker ID="EndDate" runat="server" AutoPostBack="true" OnSelectedDateChanged="SelectedDateChanged" /> </td> <td> <asp:Button ID="ChangeDate" OnClick="ChangeDateClick" Text="ChangeDate" runat="server" Style="visibility: hidden;" /> </td> </tr></table>\[/code\]How can I style this so the Telerik RadDatePicker will show as Textbox + calendar image next to each other not textbox with the calendar image below the text box?