* {margin:0; padding:0; outline:none}

.sortable {width:450px; border-left:none; border-top:none; border-bottom:none; margin:0 auto; }
.sortable th {background:url(images/header-bg.gif); font-size: .9em; text-align:left; color:#cfdce7; border:none; border-right:none;}
.sortable th h3 {font-size:1em; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:none; border-right:none;}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color: #FF00FF}
.sortable .evenrow td {background:#666}
.sortable .oddrow td {background: #333333}
.sortable td.evenselected {background:#666}
.sortable td.oddselected {background:#333}


#controls {width:450px; margin:0 auto; height:20px;  text-align: center; margin-top: 15px; margin-bottom:5px;}
#perpage { width:450px; text-align: center; margin-bottom:10px;}
#perpage select { font-size:1em;}
#perpage span { margin:5px 0 0 5px}
#navigation { width:450px; text-align:center; margin-top:5px;}
#navigation img {cursor:pointer}
#text { width:450px; text-align:center; margin-top:5px}