/* table level rules */
.yui-grid
{
	font-family: arial;
	font-size: small;
	border: solid 1px #7f7f7f;
    border-collapse:collapse;	
}

.yui-button
{
    font-family:Arial;
    background: url('yui/sprite.png') repeat-x 0px 0px;
    color: #0044FA;
    font-weight:bold;
    border: 2px solid #989898;
    cursor:pointer;
    padding:1px;
}

/* header column rules */
.yui-grid th 
{
    border-left: solid 1px #989898;
    border-right: solid 1px #989898;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    background: url('yui/sprite.png') repeat-x 0px 0px;
    color: #000;
        padding: 4px 5px 4px 10px;
        text-align: center;
        vertical-align: bottom;
}  

.yui-grid th a
{
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
    font-weight:bold;
    white-space:nowrap;
}

/* change the background image when the column is being sorted by */
.yui-grid th.sortasc, .yui-grid th.sortdesc
{
    background: url('yui/sprite.png') repeat-x 0px -100px;
}  

/* change image if it is an asc sort */
.yui-grid th.sortasc a
{
    background: url('yui/dt-arrow-up.png') no-repeat right 50%;
}  

/* change image if it is a desc sort */
.yui-grid th.sortdesc a
{
    background: url('yui/dt-arrow-dn.png') no-repeat right 50%;
}  


/* data cell and data row rules */
.yui-grid td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #989898;
    vertical-align:top;
}

.yui-grid .altrow, .yui-grid .row .sort
{
    background-color: #edf5ff;
} 

.yui-grid .altrow .sort
{
    background-color: #dbeaff;
} 

.yui-grid .row
{
    background-color: #fff;
}