th {
  padding: 8px 12px 4px 12px;
  font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border: 1px solid #C1DAD7; letter-spacing: 1px; text-transform: uppercase; text-align: left; background: #CAE8EA; vertical-align:middle;}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize {
  padding: 8px 12px 4px 16px;
  cursor:pointer; background: #CAE8EA url(../images/bg_header_sortable.jpg) no-repeat;}

th.forwardSort {
        background:#CAE8EA url(../images/bg_header_down.jpg) no-repeat 0 0; }

th.reverseSort {
        background:#CAE8EA url(../images/bg_header_up.jpg) no-repeat 0 0; }

th.forwardSort a,
th.reverseSort a {
        color:#000; outline:0 none; }

/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/

td.lft {
  text-align:left; background: #F5FAFA; border-width: 1px 1px 1px 1px;}

tr.alt {
        background: #F5FAFA; color: #797268; border-width: 1px 1px 1px 1px; }

/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used... */
tr[class="alt"] td {
        background: #F5FAFA;border-width: 1px 1px 1px 1px;}

td[class~="alt"]{
        background: #EDF3F3 !important; border-width: 1px 1px 1px 1px;}

.sorting {
    padding: 6px 12px 6px 12px;
    font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;color: #4f6b72;}

/* blue and green boxes surrounding class names in the query history table */
.historySummaryRoot {
  padding:0 2px 1px 2px;
  background-color: #e7F1E7;border: 1px solid #bbb;font-size: 10px;font-weight: bold;}

.historySummaryShowing {
  padding:0 2px 1px 2px; background-color: #E7F1FB; border:1px solid #bbb; font-size:10px; line-height:20px; margin-right:5px;
}

.upgrade {font-size:10px;}
td.upgrade { border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7; }
td.upgrade a {background-image:url('../images/icons/upgrade-list-g.png') !important; background-repeat:no-repeat;
  background-position:50% 50% !important; height:45px; width:102px; display:block; }