.claro .dgrid {background: #fff; border-color: #aaa; color: #000;}.claro .dgrid-header,.claro .dgrid-footer {background: #ebf0f5; background-image: -webkit-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -moz-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -o-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -ms-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: linear-gradient(to bottom, #ebf0f5 0%, #d5e0ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0f5', endColorstr='#d5e0ea',GradientType=0 );}.claro .dgrid-header .dgrid-cell {border-color: #bbb; font-weight: bold;}.claro .dgrid-header .dgrid-cell:hover {background: #ebf1f6; background-image: -webkit-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -moz-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -o-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -ms-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: linear-gradient(to bottom, #fff 0%, #d2e0eb 100%);}.claro .dgrid-row {background: #fff url("images/row_back.png") repeat-x; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color, border-color; -moz-transition-property: background-color, border-color; -o-transition-property: background-color, border-color; -ms-transition-property: background-color, border-color; transition-property: background-color, border-color;}.claro .dgrid-row:hover {background-color: #e9f2fe;}.claro .dgrid-selected {background-color: #cee6fa;}.claro .dgrid-selected:hover {background-color: #9bc6f2;}.claro .dgrid-highlight {background-color: #ff6;}.claro .dgrid-cell {border-color: #edc;}