.sortable {width:450px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(http://amiemphoto.com/images/table-header-bg3.gif); text-align:left; color:#fff; border:1px solid #fff; border-right:none}
.sortable th h6 {font-size:12px; padding:6px 6px 8px 8px}
.sortable td {padding:4px 4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h6 {background:url(http://amiemphoto.com/images/table-sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(http://amiemphoto.com/images/table-header-selected-bg3.gif)}
.sortable .desc h6 {background:url(http://amiemphoto.com/images/table-desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h6 {background:url(http://amiemphoto.com/images/table-asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#f9f9f9}
.sortable .oddrow td {background:#f5fadc}
.sortable td.evenselected {background:#fafafa}
.sortable td.oddselected {background:#e7edce}

#controls {width:450px; margin:0 auto; height:20px}
#perpage {float:left; width:150px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#sortabletable-navigation {float:left; width:175px; text-align:center}
#sortabletable-navigation img {cursor:pointer}
#sortabletable-text {float:left; width:120px; text-align:right; margin-top:2px}