* {margin:0; padding:0}
body {font:10px Verdana,Arial}
#wrapper {width:800px; margin:5px auto}
.sortable {
    width: 790px;
	margin:3px 0px 0px 3px;
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0 url(images/bg_02.gif) repeat-x 0 100%;

}
.sortable th {
	/*padding:4px 6px 6px;*/ 
	background:#444;
	color:#fff; 
	/*text-align:left; color:#ccc*/
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    /*background: #73CECE url(img/bg_02_header.gif) repeat-x 0 100%;*/
    /*color: #FFFFFF;*/
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	white-space: nowrap;

}
.sortable td {
/*	padding:2px 4px 4px;*/ 
	background:#fff; 
	/*border-bottom:1px solid #ccc*/
	
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align: center;
    white-space: nowrap;

}
.sortable .head {
	background:#444 url(images/sort.gif) 6px center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}
.sortable .desc {
	background:#222 url(images/desc.gif) 6px center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}
.sortable .asc {
	background:#222 url(images/asc.gif) 6px  center no-repeat; 
	cursor:pointer; 
	padding-left:18px
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}