* {margin:0; padding:0; outline:none}
body {margin:25px; background:#fff url('images/bg.gif') repeat-x; color:#091f30; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial}

.sortable {width:628px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 10px}
.sortable th {border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url('images/header-bg.gif'); text-align:left; color:#cfdce7; border-right:medium none; }
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana, Arial}
.sortable .head h3 {background:url('images/sort.gif') no-repeat 7px center; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url('images/header-selected-bg.gif'); }
.sortable .desc h3 {background:url('images/desc.gif') no-repeat 7px center; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url('images/asc.gif') no-repeat 7px center; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable tr:hover {background-color: #99F; color:black;}
.sortable tr:hover td {background-color: #99F; color:black;}

#controls {width:628px; margin:0 auto; height:20px}
#perpage {float:left; width:200px} 
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:280px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:130px; text-align:right; margin-top:2px}