.claro .gridx {background-color: #fff; border: 1px solid #DBDBDB; color: #131313;}.claro .gridxCell{border-color: transparent #E5DAC8 #E5DAC8 transparent;}.claro .gridxRowOdd .gridxRowTable {background-color: #f1f8ff;}.claro .gridxBodyRowHoverEffect .gridxRowOver .gridxRowTable,.claro .gridxBodyRowHoverEffect .gridxRowOver .gridxCell {background:url("../images/row_back.png") #ABD6FF repeat-x;}.claro .gridx .gridxBody .gridxRow .gridxCellFocus {outline: none; border: 1px dashed darkblue;}.claro .gridxHeaderRow {border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; clear: both;}.claro .gridx .gridxHeader .gridxHeaderRow .gridxHeaderCellFocus {outline: none; border: 1px dashed darkblue;}.claro .gridxHeaderRowHidden {height: 0; border-width: 0;}.dj_ie7 .claro .gridxRowHeaderRow table {border-collapse: collapse;}.claro .gridxHeaderRowInner {background-image: url('../images/claro-grid-header-onepixel.bmp'); background-position: right; background-repeat: repeat-y; border-right: 1px solid #FFFFFF;}.claro .gridxGroupHeader {border-color: #EDF2F7 #BCBCBC #BCBCBC #FFFFFF;}.claro .gridxHeaderRow .gridxCell {border-color: #EDF2F7 #BCBCBC #D0DFEA #FFFFFF;}.claro .gridxHeaderRow .gridxSubHeader {border-top-color: #FFFFFF;}.claro .gridxHeaderRow {background: #edf2f7; background: -moz-linear-gradient(top, #edf2f7 0%, #d0dfea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f7), color-stop(100%,#d0dfea)); background: -webkit-linear-gradient(top, #edf2f7 0%,#d0dfea 100%); background: -o-linear-gradient(top, #edf2f7 0%,#d0dfea 100%); background: -ms-linear-gradient(top, #edf2f7 0%,#d0dfea 100%); background: linear-gradient(top, #edf2f7 0%,#d0dfea 100%);}.claro .gridxHeader .gridxHeaderRow .gridxCell:hover {background: #9bcaf7; border-top-color: #9BCAF7;}.claro .gridxHeader .gridxHeaderRow .gridxSubHeader.gridxCell:hover,.gridxColumnResizing .gridx .gridxHeader .gridxHeaderRow .gridxSubHeader.gridxCell:hover {border-top-color: #FFFFFF;}.gridxColumnResizing .gridx .gridxHeader .gridxHeaderRow .gridxCell:hover {background: transparent; border-top-color: transparent;}.claro .gridx .gridxHeader .gridxHeaderRow .gridxSubHeader.gridxHeaderCellFocus,.claro .gridx .gridxHeader .gridxHeaderRow .gridxSubHeader.gridxHeaderCellFocus:hover {border-top-color: darkblue;}.claro .gridxRowHeaderHeader .gridxHeaderCellFocus {outline: none; border: 1px dashed darkblue;} .claro .gridxRowHeaderRow .gridxCellFocus {outline: none; border: 1px dashed darkblue;}.claro .gridxBarToolBar .dijitToolbar {background: none; border-bottom: none;}.claro .gridxBodyFirstRow .gridxCell {border-top-color: #E5DAC8;}