.grid_wrapper { position: relative; overflow: auto; border: 1px solid #AAA; width: 100%; margin-bottom: 8px; background-color: #f8f8f8; } div.grid_tbarlinks { border-bottom: 0px; padding: 4px 4px 2px 4px; width: 190px; float: right; margin-right: 12px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #dddddd; /* Old browsers */ background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 0%,#bbbbbb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */ } .grid_tab_wrapper { position: absolute; top: 40px; border-bottom: 1px solid #DDD; } .grid_table, .grid_head_table { table-layout: fixed; border-collapse: collapse; /*width: 100%;*/ } .grid_cell { border-right: 1px solid #ddd; padding: 0px; background-color: #fff; } .grid_head_wrapper { position: absolute; z-index: 1; height: 40px; padding: 0px; overflow: hidden; /*background-color: #fff;*/ } .grid_head_table td { border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; height: 40px; padding: 0px; vertical-align: middle; font-weight: bold; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ } .grid_selector { padding: 1px; border-right: 1px solid #DDD; width: 20px; background-color: #fff; } .grid_cell_div { padding: 2px; cursor: pointer; overflow: hidden; border: 2px solid #FFF; } .grid_cell_div_selected { border: 2px solid #88f; } .grid_cell_div input, .grid_cell_div select, .grid_cell_div div input { margin: 0px; width: 90%; } .grid_cell_div textarea { border: 3px solid #abf; height:200px; width: 300px; z-index: 1; position:absolute; } .gridDivSelected option { border: 0px; }