/**
    Document   : tables
    Created on : Apr 15, 2009, 4:25:53 PM
    Author     : bgunnink

    All the CSS which negotiates table style for the 'portaltbl' class
*/
/*Table class to restrict any columns from wrapping their text. Used in reports*/
table.nowrap td,
table.nowrap th {
    white-space: nowrap;
}

table.portaltbl {
    width: 100%;
    border-spacing: 1px;
    background-color: #e7e7e7;
    margin: 0 0 1em 0;
}

table {
    empty-cells: show;
}

table.portaltbl td,
table.portaltbl th {
    padding: 0.1em;
    empty-cells: show;
}

table.portaltbl thead th {
    text-align: center;
    color: #333;
    border-bottom: 1px solid #999;
    border-left: 1px solid #fff;
    padding: 0.5em 0;
    background: #f5f5f5 url(/atecustom/images/table_th.png) repeat-x scroll 50% 50%;
}

/* if, for whatever reason, we have nested tables, make any subtables use a silver header  */
table.portaltbl tbody table.portaltbl thead th {
    background: #f5f5f5 url(/atecustom/images/header_bg.png) repeat-x scroll 50% 50%;
}

/* if, for whatever reason, we have nested tables, make any subtables use a silver header  */
table.portaltbl tbody tr.subheader th {
    background: #f5f5f5 url(/atecustom/images/header_bg.png) repeat-x scroll 50% 50%;
    font-size: 1.1em;
}

table.portaltbl thead th.header {
    cursor:pointer;
}

table.portaltbl thead a:hover {
    text-decoration: none;
}

table.portaltbl thead th img {
    vertical-align: middle;
}

table.portaltbl tbody th {
    font-weight: bold;
    text-align: center;
    background-color: #f5f5f5;
    color: #333;
}

table.portaltbl tbody tr			{
    background-color: #fff;
    text-align: left;
}

table.portaltbl tbody tr.odd 	{
    background-color: #f1f1f1;
    border-top: 1px solid #fff;
}

table.portaltbl tbody tr:hover td,
table.portaltbl tbody tr.odd:hover td,
table.portaltbl tbody tr:hover td.highlight {
    background-color: #ffd;
}

table.portaltbl tbody tr:hover td table.portaltbl td,
table.portaltbl tbody tr.odd:hover td table.portaltbl td,
table.portaltbl tbody tr:hover td.highlight table.portaltbl td {
    background-color: #fff;
}

table.portaltbl tbody tr td 	   {
    background-color: #fff;
    border: 1px solid #fff;
    vertical-align: top;
}

table.portaltbl tbody tr.odd td {
    background-color: #f1f1f1;
    border-top: 1px solid #FFF;
}

table.portaltbl tfoot td,
table.portaltbl tfoot th {
    background-color: #f3f3f3;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
    font-weight: bold;
}

table.portaltbl td.order 		{
    text-align: center;
    white-space: nowrap;
}

table.portaltbl td.order span {
    float: left;
    display: block;
    width: 20px;
    text-align: center;
}

.portaltbl caption {
    text-align:left;
    font-style:italic;
    font-size:1.3em;
    border-bottom: 1px solid #ccc;
}

#content td.emphasis {
    font-weight:700;
    background-color:#FFFfe5;
}

.fdTableSortTrigger {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    background-repeat:no-repeat;
    background-position:left center;
}

.forwardSort .fdTableSortTrigger{
    background-image:url(/atecustom/images/silk/sort_ascending.gif);
    padding-left:20px;
}

.sort-active .fdTableSortTrigger {
    background-image:url(/atecustom/images/silk/hourglass.gif);
    padding-left:20px;
}

.reverseSort .fdTableSortTrigger {
    background-image:url(/atecustom/images/silk/sort_descending.gif);
    padding-left:20px;
}

table.zebra tr.highlight td {
    background-color:#f5f5f5;
}


/* shared resources for all tables  */

table td.top, table th.top {
    vertical-align: top;
}


/* this section ties into container colors, but reiterates it for the special case of rows.
   because row color in our CSS is as the cell level, we can override it here so we don't have to
   print out a class for each cell in a row if we want the whole row a certain color.
*/

tr.green td {
    background-color: #F2FFE1 !important;
}

tr.red td {
    border-color: #CC0000 !important;
}

tr.yellow td {
    background-color:#FFF6BF !important;
}

tr.purple td {
    background-color: #E2DDFF !important;
}

tr.blue td {
    background-color: #EAF2FA !important;
}

tr.gray-dark td {
    background-color: #efefef !important;
}

tr.gray-light td {
    background-color: #f5f5f5 !important;
}