Sample Grid CSS

#myMenu {
background:#FFF;
border:1px solid #444;
display:none;
width:150px;
}

#myMenu ul, #myMenu ul * {
padding:0;
margin:0;
}

#myMenu ul li{
list-style:none;
border:1px solid #444;
padding: 5px;
display:block;
}

#myMenu ul li:hover{
background:#666;
color:#FFF;
}

#myMenu ul li:hover span{
color:#FFF;
}

#myMenu li:hover a{
color:#FFF;
}

#myMenu a{
color:#000;
font:11px Tahoma;
font-weight:bold;
text-decoration:none;
}


#myMenu2 {
background:#600;
border:1px solid #200;
color:#FFF;
display:none;
width:150px;
}

#myMenu2 ul, #myMenu ul * {
padding:0;
margin:0;
}

#myMenu2 ul li{
list-style:none;
border:1px solid #200;
padding: 2px;
display:block;
}

#myMenu2 ul li:hover{
background:#C22;
color:#FFF;
}

#myMenu2 ul li:hover span{
color:#FFF;
}

#myMenu2 li:hover a{
color:#FFF;
}

#myMenu2 a{
color:#FFF;
font:11px Tahoma;
font-weight:bold;
text-decoration:none;
}

#myMenu2 a:hover{
color:#FFF;
font:11px Tahoma;
font-weight:bold;
text-decoration:underline;
}

div.container
{
border: none;
border-collapse: collapse;
/*margin-top: 50px;
margin-left:20px;*/
float:left;
position:relative;
width:100%;
height:100%;
}
div.container *
{
font: 11px Tahoma;
}
div.mygrid_toolbar
{
width: 100%;
height: 30px;
border: none;
}
div.mygrid_toolbar_item
{
border: none;
width: 24px;
height: 24px;
float: left;
display: none;
}
div.mygrid_toolbar_submenu
{
border: none;
width: 8px;
height: 24px;
float: left;
display: none;
background: #ECE9D8 url('../css/image/mygrid_down.png') no-repeat center center;
}
div.mygrid_toolbar_add
{
background: #ECE9D8 url('../css/image/mygrid_add.png') no-repeat center center;
}
div.mygrid_toolbar_delete
{
background: #ECE9D8 url('../css/image/mygrid_delete.png') no-repeat center center;
}
div.mygrid_toolbar_move_up
{
background: #ECE9D8 url('../css/image/mygrid_move_up.png') no-repeat center center;
}
div.mygrid_toolbar_move_down
{
background: #ECE9D8 url('../css/image/mygrid_move_down.png') no-repeat center center;
}
div.mygrid_toolbar_move_left
{
background: #ECE9D8 url('../css/image/mygrid_move_left.png') no-repeat center center;
}
div.mygrid_toolbar_move_right
{
background: #ECE9D8 url('../css/image/mygrid_move_right.png') no-repeat center center;
}
table.mygrid
{
width: 600px;
table-layout:fixed;
border: solid 1px #cccc99;
border-collapse: collapse;
cursor:default;
float:left;
position:relative;
}
/*disabling white space wrapping, if IE7 for TH we must use
th {
white-space: pre;
}
*/
table.mygrid td {
border: 1px solid #ABABAB;
padding: 2px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
.mygrid_GlobalTopCell, .mygrid_GlobalColumnHeaderCell, .mygrid_GlobalRowHeaderCell
/*thead td*/
{
background-color: #ECE9D8;
border: 1px solid #black;
height: 20px;
width: 20px;
}
.resizeBar
{
float: right;
cursor: e-resize;
width: 5px;
height: 15px;
background-color: #5C5C5C;
}
.moveBar
{
display: none;
background-color: #66AADD;
width: 2px;
height: 100px;
position:absolute;
z-index: 50;
}
.unselectable
{
-moz-user-select: none;
}
.mygrid_BodyCell
{
width: 100px;
}
.col-resize
{
cursor: col-resize;
}
.sorted_asc
{
background: #ECE9D8 url('../css/image/arrow_up.png') no-repeat center center;
}
.sorted_desc
{
background: #ECE9D8 url('../css/image/arrow_down.png') no-repeat center center;
}
.mygrid_HeaderCell
{
background-color: #DCDCDC;
}
.selected
{
background-color: #B4D5F1;
}
.selectedGlobalHeader
{
background-color: #EAA770;
}
.edit
{
padding: 0px;
}
.mygrid_TextBox
{
width: 100%;
height: 100%;
display: none;
}