/* TABLESORT.CSS ** This is the stylesheet for showing table sorting within documents. ** To import this stylesheet into a form/page you need to include a link similar ** to the following: ** ** */ /* Define styles for the header page elements */ thead td { font-family:Arial,Helvetica; font-size:10px; font-weight:bold; color: #000000; cursor: pointer; padding-top: 1px; padding-bottom: 1px; height: 16px; vertical-align:top; border: 1px solid #CFCFCF; background-color: #e0e0e0; font-weight:bold; } .arrow { font-family: webdings; color: black; padding: 0px; font-size: 10px; height: 11px; width: 10px; overflow: hidden; margin-bottom: 2px; margin-top: 0px; padding-top: 0px; padding-bottom: 2px; } .arrow_down { background-position: center; background-repeat: no-repeat; background-image: url('arrowdown.gif'); } .arrow_up { background-position: center; background-repeat: no-repeat; background-image: url('arrowup.gif'); } /* Define styles for the dynamic page elements used on all pages. These styles control the layouts for the headers, table/section headers and the total rows in tables within the main documents */ .PH { font-size:16px; font-weight:bold; line-height:18px; border-bottom: 1px solid #CCCCCC; color:#800000; vertical-align:middle; } .PSH { font-size:14px; font-weight:bold; line-height:18px; border-bottom: 1px solid #CCCCCC; color:#8C8C8C; vertical-align:middle; } .tdHeader { vertical-align:middle; border: 1px solid #CFCFCF; background-color: #EEEEE0; font-weight:bold; } .tdHeaderSub { vertical-align:middle; border: 1px solid #CFCFCF; background-color:#F0F0F0; font-weight:bold; } .tdTotal { vertical-align:middle; font-weight:bold; } .tdTableHeader, #ResultsTable THEAD TD { font-family:Verdana,Arial,Helvetica; font-size:10px; font-weight:bold; color: #000000; cursor: pointer; padding-top: 1px; padding-bottom: 1px; height: 16px; vertical-align:middle; border: 1px solid #CFCFCF; background-color: #e0e0e0; font-weight:bold; } .tdTableBody, #ResultsTable TBODY TD { font-family:Verdana,Arial,Helvetica; vertical-align:top; background-color: #F0F0F0; white-space:nowrap; font-size: 9px; line-height: 14px; } /* Define styles for the layout of the reports - different sytles are used for either the screen or when printing so that the overflow of text can be handled differently */ @media screen { .dynstyle { border:1px solid #CFCFCF; width: 580px; height: 500px; overflow: auto; vertical-align:top; } } @media print { .dynstyle { border:1px solid #CFCFCF; width: 560px; height: 400px; overflow: visible; } }