.sortable {width:988px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(images/header-bg.gif); text-align:center; vertical-align:text-bottom; color:#cfdce7; border:1px solid #fff; border-right:none;font-size:11px;}
.sortable th h3 {font-size:11px; padding:2px 4px 4px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.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:#fafe8e}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable1 {width:988px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable1 th {background:url(images/header-bg.gif); text-align:center; vertical-align:text-bottom; color:#cfdce7; border:1px solid #fff; border-right:none;font-size:11px;}
.sortable1 th h3 {font-size:11px; padding:2px 4px 4px}
.sortable1 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable1 .head h3 {background:url(images/sort.gif) px center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable1.desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable1 .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable1.evenrow td {background:#fff}
.sortable1 .oddrow td {background:#ecf2f6}
.sortable1 td.evenselected {background:#ecf2f6}
.sortable1 td.oddselected {background:#dce6ee}
.sortable2 {width:990px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable2 th {background:url(images/header-bg.gif); text-align:center; vertical-align: middle; color:#cfdce7; border:1px solid #fff; border-right:none;font-size:12px;}
.sortable2 th h3 {font-size:12px; padding:2px 4px 4px}
.sortable2 td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable2 .head h3 {background:url(images/sort.gif) px center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable2.desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable2 .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable2.evenrow td {background:#fff}
.sortable2 .oddrow td {background:#ecf2f6}
.sortable2 td.evenselected {background:#ecf2f6}
.sortable2 td.oddselected {background:#dce6ee}
#controls {width:990px; margin:0 auto; height:10px}
#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:990px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}