/* Global */

body
{
    font-family:verdana;
    font-size:0.7rem;
    color:#003366;
    background-color:#CCCCCC;
}

td.horizontal-edge
{
    height:3px;
    width:100%;
    background:#999999;
}

td.vertical-edge
{
    width:3px;
    min-width:3px;
    height:100%;
    background:#999999;
}

input, button, textarea, select
{
    font-size: 0.75rem;
}

/*
.body {
    
    font-size:8pt;
}
*/

table.main
{
    width:98%;
    /* border-collapse:collapse; */
    margin-left: auto;
    margin-right: auto;
}

/* Banner */

table.banner
{
    width:100%;
    background-color:#003366;
    color:white;
}

table.banner 
{
    background-color:white;
    color:#087698;
}

td
{
    word-wrap: break-word;
}

td.home
{
    font-family:Arial;
    font-size:0.8rem;
    font-weight:bold;
    padding:5px 10px;
    color: #087698;
}

td.banner-message 
{   
    color: #087698;    
    font-family:Arial;
    font-size:0.6rem;
    font-weight:normal;
    padding:5px 10px;
}

/* Link bar */

table.link-bar
{
    font-size: 0.5rem;
    background-color: white;
    background-image:linear-gradient(white, silver);
    width:100%;
    height:25px;
}

/* List Page */

tr.column-heading
{
    position: sticky;
    top: 0;
}

tr.column-heading > th
{
    text-align: center;
    vertical-align: middle;
}

tr.column-heading th,
tr.column-heading td
{
    background-color:cornsilk;
}

th.column-heading 
{
    font-size: 0.8rem;
    padding: 5px;
}

tr.column-heading th.filtered
, tr.detail-line td.selected-cell
, table.coach-layout td.selected-cell
{
    background-color:darksalmon;
}

tr.detail-line td.greyed-out
{
    color:gray;
}

table.coach-layout td.greyed-out
{
    background-color:gray;
}

tr.detail-line td
, table.coach-layout td
{
    background-color:lightgray;
}

tr.selected-line td
{
    background-color:powderblue;
}

ul.contextMenu .highlight
{
    border:1px solid #000;
    background-color:#E2EBED;
}

/* Detail / Edit Page */

table.detail_display 
{
    background-color: LightGray;
    width:100%;
}

table.detail_display > tbody > tr
{
    vertical-align: bottom;
}

table.detail_display > tbody > tr > th
{
    background-color: LemonChiffon;
    vertical-align: middle;
    text-align: left;
}

table.detail_display > tbody > tr > td 
{
    background-color: LemonChiffon;
    vertical-align: middle;
    text-align: left;
    word-wrap:break-word;
}

tr.dirty td 
{
    color:indianred;
    font-style:italic;
}

table.button_bar 
{
    background-color: white;
    width:100%;
}

table.button_bar td 
{
    text-align: center;
    background-color: SeaShell;
}

button.button
{
    font-size: 1rem;
}

/* Popups */

.popup
{
    position: fixed;
    display: none;
    border: 1px solid black;
    background-color: white;
}

/* Footer */

td.footer
{
    font-size:0.5rem;
    text-align:center;
    vertical-align:middle;
    background-image:linear-gradient(white, silver);
}