.grid {
    background: #eee;
    border: 1px solid #e5e5e5;
	margin: 2px;
}
.grid_head {
    color: #444;
    background: #e4e4e4;
    font: bold 11px arial, helvetica, sans-serif;
    padding: 0px 3px 0px 3px;
    height: 24px;
    border-bottom: 1px solid #c4c4c4;
}
.grid_body {
    color: #000;
    background-color: #fbfbfb;
    font: normal 11px arial, helvetica, sans-serif;
}
.grid_row {
    color: #000;
    font: normal 11px arial, helvetica, sans-serif;
    padding: 1px 3px 1px 3px;
    height: 20px;
    border-bottom: 1px solid #ddd;
}
.grid_row_even {
    background-color: #fcfcfc;
}
.grid_row_odd {
    background-color: #f5f5f5;
}
.grid_row_over {
    background-color: #fcfcbc;
}
.grid_row_select {
    background-color: #f6d6c6;
}

/* styles used in ajax datagrid */
.agrid_frame {
    background: #ddd;
    margin: 2px;
    border: 1px solid #ccc;
}
.agrid {
    color: #333;
    font: normal 12px arial, helvetica, sans-serif;
}
.agrid thead {
	background: #e4e4e4;
    cursor: default;
}
.agrid thead td {
	height: 26px;
    color: #555;
    font: bold 12px arial, helvetica, sans-serif;
    padding: 2px 4px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.agrid_head_over {
    background: #efefea;
	cursor: pointer;
}
.agrid tbody {
    background: #fff;
}
.agrid tbody td {
    font: normal 12px arial, helvetica, sans-serif;
    padding: 5px 4px;
    border-bottom: 1px solid #ddd;
}   
.agrid_column {
    background: #f4f4f4;
    border-right: 1px solid #ccc;
}
.agrid_sort_cols {
    color: #0c3070;
}
.agrid_action {
    color: #0C3070;
    cursor: pointer;
}

.grid_icon {
    margin: 0 1px 0 0;
    padding: 1px 0px 1px 0px;
	cursor: pointer;
}

.grid-navi {padding: 3px 0;}