Losing context menu formatting on custom skin

[Jonathan]

Hi I've created a new skin based on the bootstrap skin.  Everything is good except for the filter menu formatting.  I can't inspect it using the usual browser tools to see what css class is missing.  Can you point me in the right direction?

 

Here is my skin file:

.RadGrid_CorpsNETBootstrap {
  border: 1px solid #dddddd;
  border-radius: 4px;
  color: #333333;
  background-color: #ffffff;
  /*header*/
  /*rows*/ }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel,
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap .rgCommandRow {
    height: 30px;
    background: #f5f5f5; }
  .RadGrid_CorpsNETBootstrap .rgMasterTable,
  .RadGrid_CorpsNETBootstrap .rgDetailTable,
  .RadGrid_CorpsNETBootstrap .rgGroupPanel table,
  .RadGrid_CorpsNETBootstrap .rgCommandRow table,
  .RadGrid_CorpsNETBootstrap .rgEditForm table,
  .RadGrid_CorpsNETBootstrap .rgPager table {
    font: 12px/1.42857 "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .RadGrid_CorpsNETBootstrap .rgInput {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #555555; }
  .RadGrid_CorpsNETBootstrap a {
    color: #2952A7;
}
  .RadGrid_CorpsNETBootstrap .rgRow > td:first-child,
  .RadGrid_CorpsNETBootstrap .rgAltRow > td:first-child {
    border-left-width: 0;
    padding-left: 8px; }
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgUpdate,
  .RadGrid_CorpsNETBootstrap .rgCancel,
  .RadGrid_CorpsNETBootstrap .rgEdit,
  .RadGrid_CorpsNETBootstrap .rgDel,
  .RadGrid_CorpsNETBootstrap .rgExpand,
  .RadGrid_CorpsNETBootstrap .rgCollapse,
  .RadGrid_CorpsNETBootstrap .rgFilter,
  .RadGrid_CorpsNETBootstrap .rgAdd,
  .RadGrid_CorpsNETBootstrap .rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSortAsc,
  .RadGrid_CorpsNETBootstrap .rgSortDesc,
  .RadGrid_CorpsNETBootstrap .rgUngroup,
  .RadGrid_CorpsNETBootstrap .rgPagePrev,
  .RadGrid_CorpsNETBootstrap .rgPageNext,
  .RadGrid_CorpsNETBootstrap .rgPageFirst,
  .RadGrid_CorpsNETBootstrap .rgPageLast,
  .RadGrid_CorpsNETBootstrap .rgExpXLS,
  .RadGrid_CorpsNETBootstrap .rgExpDOC,
  .RadGrid_CorpsNETBootstrap .rgExpPDF,
  .RadGrid_CorpsNETBootstrap .rgExpCSV,
  .RadGrid_CorpsNETBootstrap .rgPrev span,
  .RadGrid_CorpsNETBootstrap .rgNext span {
    background-image: url('Common/radActionsSprite.png');
    width: 32px !important;
    height: 32px !important; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap th.rgResizeCol,
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper,
  .RadGrid_CorpsNETBootstrap .rgMultiHeaderRow th.rgHeader {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeader th:first-child {
    border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap.rgMultiHeader .rgHeaderDiv {
    margin-left: 0; }
  .RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol, .RadGrid_CorpsNETBootstrap.rgMultiHeader th.rgExpandCol {
    border-left: 0 none; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap th.rgResizeCol,
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
    background-color: #f5f5f5; }
  .RadGrid_CorpsNETBootstrap .rgHeaderDiv {
    border-right: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeaderWrapper {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHeader,
  .RadGrid_CorpsNETBootstrap .rgHeader a {
    color: #333333; }
  .RadGrid_CorpsNETBootstrap .rgRow > td,
  .RadGrid_CorpsNETBootstrap .rgAltRow > td,
  .RadGrid_CorpsNETBootstrap .rgEditRow > td {
    padding: 9px 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgAltRow > td {
    background-color: #F2F7F5;
}
  .RadGrid_CorpsNETBootstrap .rgAltRow .rgSorted {
    background-color: #ececec; }
  .RadGrid_CorpsNETBootstrap .rgAltRow.rgHoveredRow .rgSorted {
    background-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgHoveredRow > td {
    background: #FFFFE1;
}
  .RadGrid_CorpsNETBootstrap .rgEditRow {
    background: #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgEditRow > td {
      border-style: solid;
      border-width: 0 0 1px 0;
      border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgSorted {
    background-color: #e4e4e4; }
  .RadGrid_CorpsNETBootstrap .rgMasterTable .rgSelectedCell,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow > td,
  .RadGrid_CorpsNETBootstrap td.rgEditRow .rgSelectedRow,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow td.rgSorted {
    color: #ffffff;
    background: #337ab7;
    border-color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgSelectedRow.rgHoveredRow {
    background: #337ab7; }
  .RadGrid_CorpsNETBootstrap .rgSelectedCell a,
  .RadGrid_CorpsNETBootstrap .rgSelectedRow a {
    color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgDrag {
    background-image: url('Grid/rgDrag.gif'); }
  .RadGrid_CorpsNETBootstrap .rgFooterWrapper {
    border-top: 1px solid #dddddd;
    background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooterWrapper tr.rgFooter td {
      border-bottom-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgFooter td {
    padding: 7px 0 7px 7px;
    height: 26px;
    border-left: 1px solid #dddddd;
    background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooter td.rgExpandCol {
      background: #f5f5f5; }
    .RadGrid_CorpsNETBootstrap .rgFooter td:first-child {
      border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgPager .rgStatus {
    width: 58px;
    background-color: #f5f5f5;
    border-right: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgStatus div {
    width: auto;
    height: auto;
    background-image: url('Common/loading_small.gif');
    background-position: 16px 0;
    background-repeat: no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgPager > td {
    border-top: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap td.rgPagerCell {
    padding: 7px !important; }
  .RadGrid_CorpsNETBootstrap .rgPagerCell {
    border-top: 1px solid #cccccc;
    background: #f5f5f5;
    color: #999999;
    font: 12px/1.42857 "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgWrap {
      padding: 0;
      line-height: normal; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart1,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 {
      font-size: 0; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart1 img,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgArrPart2 img {
        margin: 0 -1px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
      margin: 0;
      padding: 0;
      width: 32px;
      height: 32px;
      border: 1px solid #cccccc;
      border-left-width: 0;
      box-sizing: content-box;
      background-color: #ffffff;
      color: #333333; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton:hover,
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #333333; }
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast,
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
      height: 34px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:first-child {
      border-left-width: 1px;
      border-radius: 4px 0 0 4px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell.NumericPages .rgNumPart a:last-child {
      border-radius: 0 4px 4px 0; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a {
      text-align: center; }
      .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #418a86;
    border: 1px solid #416D6A;
    color: #ffffff;
}
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgNumPart span {
      padding: 5px 0;
      display: inline-block;
      float: none; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerButton {
      padding: 0 7px;
      width: auto;
      border-left-width: 1px;
      border-radius: 4px;
      font-size: 12px;
      line-height: 32px; }
    * + html .RadGrid_CorpsNETBootstrap .rgPagerCell .riTextBox.rgPagerTextBox {
      margin-left: -10px;
      padding-left: 0;
      padding-right: 0; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagerLabel {
      padding: 7px 7px 0 7px;
      line-height: 1.42857;
      display: inline-block; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgInfoPart {
      margin-top: 9px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgAdvPart {
      margin-left: 10px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext,
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
      background-image: url('Common/radActionsSprite.png');
      background-repeat: no-repeat; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageFirst {
      border-left-width: 1px;
      border-radius: 4px 0 0 4px;
      background-position: -9px -709px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPagePrev {
      background-position: -9px -109px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageNext {
      background-position: -9px -159px; }
    .RadGrid_CorpsNETBootstrap .rgPagerCell .rgPageLast {
      border-radius: 0 4px 4px 0;
      background-position: -9px -759px; }
  .RadGrid_CorpsNETBootstrap .rgSortAsc {
    background-position: -9px -9px; }
  .RadGrid_CorpsNETBootstrap .rgSortDesc {
    background-position: -9px -59px; }
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev,
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext {
    padding: 6px 15px;
    line-height: 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border-color: #cccccc;
    color: #333333;
    margin-right: 10px; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev span,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext span {
      width: 10px;
      height: 10px; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev:hover,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext:hover {
      background-color: #e6e6e6; }
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_CorpsNETBootstrap .rgCommandRow .rgNext.rgDisabled:hover {
      background-color: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgPrev span {
    margin-right: 10px;
    background-position: -20px -120px; }
  .RadGrid_CorpsNETBootstrap .rgNext span {
    margin-left: 10px;
    background-position: -20px -170px; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow > td {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgFilterBox {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    color: #555555;
    border: 1px solid #dddddd;
    border-radius: 4px 0 0 4px; }
  .RadGrid_CorpsNETBootstrap .rgFilter {
    margin-left: -1px;
    width: 33px;
    height: 32px;
    background-position: -9px -4509px;
    border: 1px solid #dddddd;
    border-radius: 0 4px 4px 0;
    box-sizing: content-box; }
    .RadGrid_CorpsNETBootstrap .rgFilter:hover {
      background-color: #e6e6e6; }
  * + html .RadGrid_CorpsNETBootstrap .rgFilter {
    height: 34px; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow .riTextBox {
    border-radius: 4px 0 0 4px; }
  .RadGrid_CorpsNETBootstrap a.rcCalPopup,
  .RadGrid_CorpsNETBootstrap a.rcTimePopup {
    margin-right: 0;
    border-radius: 0; }
  .RadGrid_CorpsNETBootstrap .rgFiltered,
  .RadGrid_CorpsNETBootstrap .rgFiltered:hover {
    background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap .rgFilterRow .riSingle .riTextBox {
    vertical-align: top; }
  .RadGrid_CorpsNETBootstrap .rgOptions {
    background: url('Common/radActionsSprite.png') -17.5px -6017.5px no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgOptSelected {
    background-position: -67.5px -6017.5px; }
  .RadGrid_CorpsNETBootstrap table.rgMasterTable .rgGroupCol {
    border-left-width: 0; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel {
    padding: 7px;
    border: 0;
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel td {
    border: 0;
    padding: 3px 4px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel td td {
    padding: 0;
    line-height: 29px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortAsc {
    background-position: -9px -9px; }
  .RadGrid_CorpsNETBootstrap .rgGroupPanel .rgSortDesc {
    background-position: -9px -59px; }
  .RadGrid_CorpsNETBootstrap .rgUngroup {
    background-position: -9px -3359px; }
  .RadGrid_CorpsNETBootstrap .rgGroupItem {
    padding: 0 7px;
    border: 1px solid #dddddd;
    color: #333333; }
  .RadGrid_CorpsNETBootstrap .rgGroupHeader > td {
    padding: 7px 0;
    height: 32px;
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgGroupHeader > td div div div {
      top: 17px; }
  .RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol,
  .RadGrid_CorpsNETBootstrap .rgFooter .rgGroupCol ~ td {
    border-bottom: 1px solid #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgGroupHeader .rgGroupCol {
    border-bottom-width: 0;
    border-top-width: 0;
    background: #ffffff; }
  .RadGrid_CorpsNETBootstrap td.rgGroupCol {
    border-top-width: 0;
    background: #fbfbfb !important; }
  .RadGrid_CorpsNETBootstrap .rgRow > .rgGroupCol,
  .RadGrid_CorpsNETBootstrap .rgAltRow > .rgGroupCol {
    border-bottom: none; }
  .RadGrid_CorpsNETBootstrap .rgExpandCol {
    border-left-width: 0;
    background: #ffffff; }
  .RadGrid_CorpsNETBootstrap .rgExpand {
    background-position: -9px -159px; }
  .RadGrid_CorpsNETBootstrap .rgCollapse {
    background-position: -59px -59px; }
  .RadGrid_CorpsNETBootstrap .rgRow [type="text"],
  .RadGrid_CorpsNETBootstrap .rgAltRow [type="text"],
  .RadGrid_CorpsNETBootstrap .rgEditForm [type="text"] {
    padding: 0 7px;
    height: 32px;
    border: 1px solid #dddddd;
    border-radius: 4px; }
  .RadGrid_CorpsNETBootstrap .RadComboBox .rcbInput {
    border: 0 none;
    height: 24px;
    padding: 0; }
  .RadGrid_CorpsNETBootstrap .rgBatchContainer > input {
    padding: 4px 7px; }
  .RadGrid_CorpsNETBootstrap .rgBatchContainer {
    margin: -9px 0px; }
  .RadGrid_CorpsNETBootstrap .rgBatchOverlay {
    background: rgba(221, 221, 221, 0.75); }
  .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton {
    padding: 0 10px 0 0;
    left: 7px;
    border: 1px solid;
    border-color: #cccccc;
    color: #333333;
    background-color: #ffffff;
    border-radius: 4px; }
    .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:before {
      width: 32px;
      height: 32px;
      vertical-align: -11px;
      background-image: url('Common/radActionsSprite.png');
      background-position: -10px -5960px;
      background-repeat: no-repeat; }
    .RadGrid_CorpsNETBootstrap .rgBatchUndoDeleteButton:hover {
      border-color: #adadad;
      color: #333333;
      background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap .rgEditForm {
    margin: -1px;
    padding: 7px;
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup {
      padding: 0;
      overflow: hidden; }
      .RadGrid_CorpsNETBootstrap .rgEditForm.rgEditPopup > .rgHeader + div {
        box-sizing: border-box; }
    .RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader {
      border-left: 0 none; }
      .RadGrid_CorpsNETBootstrap .rgEditForm .rgHeader + div {
        padding: 7px; }
    .RadGrid_CorpsNETBootstrap .rgEditForm a {
      color: #337ab7; }
    .RadGrid_CorpsNETBootstrap .rgEditForm [type="image"] {
      margin-right: 2px;
      padding: 8px;
      border: 1px solid #cccccc !important;
      border-radius: 4px;
      background: #ffffff; }
      .RadGrid_CorpsNETBootstrap .rgEditForm [type="image"]:hover {
        background: #e6e6e6; }
    .RadGrid_CorpsNETBootstrap .rgEditForm [type="text"]:disabled {
      background: #ffffff;
      opacity: .7; }
  .RadGrid_CorpsNETBootstrap .rgUpdate {
    background-position: -10px -2610px; }
    .RadGrid_CorpsNETBootstrap .rgUpdate:active {
      background-position: -110px -2610px; }
  .RadGrid_CorpsNETBootstrap .rgCancel {
    background-position: -10px -2810px; }
    .RadGrid_CorpsNETBootstrap .rgCancel:active {
      background-position: -110px -2810px; }
  .RadGrid_CorpsNETBootstrap .rgDetailTable {
    border-color: #dddddd; }
  .RadGrid_CorpsNETBootstrap .rgCommandCell {
    border-bottom: 1px solid #dddddd; }
    .RadGrid_CorpsNETBootstrap .rgCommandCell a {
      color: #333333;
      text-decoration: none; }
  .RadGrid_CorpsNETBootstrap .rgCommandTable td {
    padding: 0 7px 1px 7px;
    border: 0; }
  .RadGrid_CorpsNETBootstrap .rgAdd,
  .RadGrid_CorpsNETBootstrap .rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgCancel {
    vertical-align: middle;
    border: 1px solid transparent; }
    .RadGrid_CorpsNETBootstrap .rgAdd:hover,
    .RadGrid_CorpsNETBootstrap .rgRefresh:hover,
    .RadGrid_CorpsNETBootstrap .rgSave:hover,
    .RadGrid_CorpsNETBootstrap .rgCancel:hover {
      border: 1px solid #adadad;
      border-radius: 4px;
      background-color: #e6e6e6; }
  .RadGrid_CorpsNETBootstrap input.rgAdd,
  .RadGrid_CorpsNETBootstrap input.rgRefresh,
  .RadGrid_CorpsNETBootstrap .rgSave,
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
    margin-right: 3px !important;
    width: 32px !important;
    height: 32px !important; }
  .RadGrid_CorpsNETBootstrap input.rgAdd {
    background-position: -10px -3010px; }
  .RadGrid_CorpsNETBootstrap .rgAdd {
    background-position: -10px -3010px;
    }
  .RadGrid_CorpsNETBootstrap input.rgRefresh {
    background-position: -10px -1310px; }
  .RadGrid_CorpsNETBootstrap .rgSave {
    background-position: -10px -4960px !important; }
  .RadGrid_CorpsNETBootstrap .rgCommandRow .rgCancel {
    background-position: -10px -2810px; }
  .RadGrid_CorpsNETBootstrap .rgEdit {
    margin-right: 3px;
    background-position: -10px -3110px; }
  .RadGrid_CorpsNETBootstrap .rgDel {
    margin-right: 3px;
    background-position: -10px -3310px; }
  .RadGrid_CorpsNETBootstrap .rgExpXLS,
  .RadGrid_CorpsNETBootstrap .rgExpDOC,
  .RadGrid_CorpsNETBootstrap .rgExpPDF,
  .RadGrid_CorpsNETBootstrap .rgExpCSV {
    background-image: url('Grid/export.png');
    background-repeat: no-repeat; }
  .RadGrid_CorpsNETBootstrap .rgExpPDF {
    background-position: 8px 6px; }
  .RadGrid_CorpsNETBootstrap .rgExpXLS {
    background-position: 8px -44px; }
  .RadGrid_CorpsNETBootstrap .rgExpCSV {
    background-position: 8px -94px; }
  .RadGrid_CorpsNETBootstrap .rgExpDOC {
    background-position: 8px -144px; }

.GridContextMenu_CorpsNETBootstrap .rgHCMClear,
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter {
  height: 34px;
  border-color: #cccccc;
  color: #333333;
  background-color: #ffffff; }
  .GridContextMenu_CorpsNETBootstrap .rgHCMClear:hover,
  .GridContextMenu_CorpsNETBootstrap .rgHCMFilter:hover {
    border-color: #adadad;
    color: #333333;
    background-color: #e6e6e6; }
.GridContextMenu_CorpsNETBootstrap .rmGroup .rgHCMItem div.rmText {
  padding: 15px;
  margin: 0 auto; }
.GridContextMenu_CorpsNETBootstrap .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif'); }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortAsc .rmLeftImage {
  background-position: 0 0; }
.GridContextMenu_CorpsNETBootstrap .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -40px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnsort .rmLeftImage {
  background-position: 0 -80px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMGroup .rmLeftImage {
  background-position: 0 -120px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUngroup .rmLeftImage {
  background-position: 0 -160px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMCols .rmLeftImage {
  background-position: 0 -200px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMFilter .rmLeftImage {
  background-position: 0 -240px; }
.GridContextMenu_CorpsNETBootstrap .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -280px; }

.GridReorderTop_CorpsNETBootstrap,
.GridReorderBottom_CorpsNETBootstrap {
  background-repeat: no-repeat;
  background-position: -20px -70px; }

.GridReorderBottom_CorpsNETBootstrap {
  background-position: -20px -20px; }

.rgCellSelectorArea_CorpsNETBootstrap,
.GridRowSelector_CorpsNETBootstrap {
  background: #4c4e54; }

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

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

.RadGridRTL_CorpsNETBootstrap .rgHeader:first-child,
.RadGridRTL_CorpsNETBootstrap th.rgResizeCol:first-child,
.RadGridRTL_CorpsNETBootstrap .rgFilterRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgRow > td:first-child,
.RadGridRTL_CorpsNETBootstrap .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst {
  background-position: -9px -759px; }
.RadGridRTL_CorpsNETBootstrap .rgPageFirst:active {
  background-position: -109px -759px; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev {
  background-position: -9px -159px; }
.RadGridRTL_CorpsNETBootstrap .rgPagePrev:active {
  background-position: -109px -159px; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext {
  background-position: -9px -109px; }
.RadGridRTL_CorpsNETBootstrap .rgPageNext:active {
  background-position: -109px -109px; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast {
  background-position: -9px -709px; }
.RadGridRTL_CorpsNETBootstrap .rgPageLast:active {
  background-position: -109px -709px; }
.RadGridRTL_CorpsNETBootstrap .rgExpand {
  background-position: -10px -110px; }

 

and also I have some overrides in another css file:

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpSelected, .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: #fff;
    background-color: #51b0aa ;
}

.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #e6f0ef;
}

.RadGrid_Bootstrap a {
    color: #396ACE !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff !important;
}

[Viktor Tachev]

Hi Jonathan,

The filter menu is actually a RadMenu control. In order to customize the menu you can use an approach similar to the one described in the following article.

• http://docs.telerik.com/devtools/aspnet-ajax/controls/menu/appearance-and-styling/creating-custom-skin

Regards,
Viktor Tachev
Telerik by Progress

[Jonathan]

Hi Victor,  I see how to create a custom skin for a menu, but how do I apply the skin to just the menu part of the filter of the grid?

[Viktor Tachev]

Hello Jonathan,

Note that RadGrid is a complex control. As such you would need to specify the Skin for the entire grid. Setting a custom skin only for the menu is not available out of the box.

You can easily create a custom skin using the ThemeBuilder app. With it you can customize the appearance of the controls based on your specific requirements.

• http://themebuilder.telerik.com
• http://docs.telerik.com/devtools/aspnet-ajax/theme-builder/overview

Regards,
Viktor Tachev
Telerik by Progress

[Jonathan]

Hi Viktor,

I've already created a custom skin for the control and I'm aware that it is a complex. I wanted to start with an existing skin - bootstrap and modify some of the behaviors to match the rest of my bootstrap layouts.   My question concerned why the custom skin I created was not properly adapting to the filter menu within the grid.  I used to be able to get specific answers on these forums rather than a generic: "Use the Themebuilder".   

[Viktor Tachev]

Hi Jonathan,


The ThemeBuilder application does just what you describe. You can start with a built-in skin and modify it according to your requirements. You can adjust only parts of the skin.

When the new skin is complete you need to apply it for the respective control. In your scenario you would modify only the menu in the Grid control and change the RadGrid to use the custom skin you have generated.


Regards,
Viktor Tachev
Telerik by Progress