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

.sortable {border:0px;margin:0 auto 15px}
.sortable th {background:#e6e6e6 url(../images/meciuri_top.jpg) repeat-x;text-align:left;color:#cfdce7; border:none;}
.sortable th h3 {font-size:10px; padding:0px 8px 8px;}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #e6e6e6;}
.sortable .head h3 {background:url(../images/sorter/sort.gif) center no-repeat;background-position:7px 2px; cursor:pointer; padding-left:18px;}
.sortable .desc, .sortable .asc {background:#e6e6e6 url(../images/meciuri_top.jpg) repeat-x}
.sortable .desc h3 {background:url(../images/sorter/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/sorter/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:#fff}
.sortable .oddrow td {background:#fff}
.sortable td.evenselected {background:#fff}
.sortable td.oddselected {background:#fff}

#controls {width:980px; margin:9; 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:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}