/* 
Override a few Tapestry5 styles by copying the built-in stylesheet here and 
modifying it.  (See org/apache/tapestry5/default.css in tapestry-core-5.1.0.5.jar.) 
*/

/* Tapestry styles all start with "t-" */
DIV.t-palette {
    display: inline;
}

DIV.t-palette SELECT {
    margin-bottom: 2px;
    width: 140px;               /*~~ was 200px, make narrower default */
}

DIV.t-palette-title {
    color: white;
    background-color: #5555FF;  /*~~ was #809FFF*/
    text-align: center;
    font-weight: normal;
    margin-bottom: 0px;
    display: block;
    font-size: 0.9em;
}

DIV.t-palette-available {
    float: left;
}

DIV.t-palette-controls {
    margin: 26px 2px;           /*~~ was 5px 5px, moved the buttons down */
    float: left;
    text-align: center;
}

DIV.t-palette-controls BUTTON {
    display: block;
    margin-bottom: 3px;
}

DIV.t-palette-controls BUTTON[disabled] IMG {
    filter: alpha(opacity = 25);
    -moz-opacity: .25;
}

DIV.t-palette-selected {
    float: left;
    clear: right;
}

DIV.t-palette-spacer {
    clear: left;
}

IMG.t-calendar-trigger {
    padding-left: 3px;
    cursor: pointer;
}

DIV.t-autocomplete-menu {
    z-index: 9999;
}

DIV.t-autocomplete-menu UL {
    border: 2px outset #448844;     /*~~ was #cc9933 */
    background-color: #dddddd;      /*~~ was #cc9933 */
    padding: 4px 6px;
    overflow: auto;
}

DIV.t-autocomplete-menu LI {
    color: black;                   /*~~ was white */
    background-color: #dddddd;      /*~~ added */
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid black;
    cursor: pointer;
}

DIV.t-autocomplete-menu LI.selected {
    background-color: #606087;      /*~~ added */
    color: white;                   /*~~ was black */
    font-weight: normal;            /*~~ was bold */
}

DIV.t-error DIV {
    display: none;
}

TABLE.t-data-grid THEAD TR {
    color: white;
    background-color: #809FFF;
}

TABLE.t-data-grid THEAD TR TH {
    text-align: left;
    padding: 1px 2px 1px 4px;
    white-space: nowrap;
    border: 1px solid #000066;  /*~~ full border */
    border-bottom: none;
    border-top: none;
    background: #ddd;     /*~~ column header colors to match SBT's */
    color: #000080;        /*~~*/
}
table.t-data-grid tr th a {
    color: #000080;    /*~~ match SBT */
    text-decoration: none;
}

TABLE.t-data-grid {
    border-collapse: collapse;
    border-left: 1px solid silver;
    width: 100%;
}
TABLE.t-data-grid TBODY TR TD { /*~~ full border around rows; less top/bot padding */
    border: 1px solid #777777;
    padding: 3px 3px;
    width: 100%;
}

DIV.t-data-grid {
    font-family: Arial,Helvetica,Verdana,sans-serif;    /*~~ fonts to match SBT */
    font-size: 12px;
}
DIV.t-data-grid-pager {
    margin: 8px 0px;
    float: right;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
    text-decoration: none;
    color: black;
    padding: 2px 5px;
    font-size: 1.1em;
    border: 1px solid silver;
    margin-right: 0px;
    border-radius: 4px;
}

DIV.t-data-grid-pager A:hover {
    border: 1px solid black;
}

DIV.t-data-grid-pager SPAN.current {
    color: white;
    background-color: blue;
}
TABLE.t-data-grid TBODY TR.alternateRow {
    background: #ccc;
}
TABLE.t-data-grid TBODY TR TD input {
    font-family: Arial,Helvetica,Verdana,sans-serif;    /*~~ fonts to match SBT */
}