/*
 * Layout divs
 *
 * 14-Feb-09    rbd     Reduce padding and font size for compactness
 * 19-Jan-11    rbd     GEM:571 remove inner scrollbars on tree and table. User just
 *                      uses the mousewheel or whatever.
 * 14-Feb-12    rbd     GEM:737 Scrollable tree in fixed div. NOTE: CANNOT USE OVERFLOW
 *                      AUTO FOR AUTO HEIGHT OR MAX-HEIGHT. 
 * 17-Dec-14    rbd     GEM:1266 Light style, refactor into styles and layouts
 *                      like it should have been!
 */

/*
 * Identifiers
 */
#container {
    height: 100%;
}

#tree {
    position: absolute;
    left: 10px;
    top: 102px;
    width: 260px;
    border: 1px;
    margin-top:10px;
    padding: 10px;
    height: 640px;
    overflow: auto;
}

#frameContent {
    border: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 290px;
    margin-right: 1px;
    margin-bottom: 100px;
}

#masthead {
    padding-left: 10px;
    text-align: left;
    font-size: 2.8em;
    height: 102px;
}

#taskIFrame {
    border: none;
    width: 100%;
}

#clearing {
    clear: both;
    visibility: hidden;             /* DIV must have something in it or IE blanks out */
}

#status-table {
    width: 100%;
    padding: 0;
    margin: 0;
}

.dim {
    font-size:90%;
}

/* 
 * Types and Classes
 */
body {
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

div.copyright {
    text-align: center;
    font-size: 80%;
    height: 24px;
    margin-top: 6px;
    margin-bottom: 0px;
}

/*
 * Used for form layout
 */
form {
    margin-top : 0px;
    margin-bottom : 0px;
}

input.txt, input.fil, select.sel, textarea {
    font-size: 90%;
    border: 1px;
    padding: 2px;
}

input.txtwarn {
    font-size: 90%;
    border: 1px;
    padding: 2px;
}

a.button {
    border: 1px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-top: 2px;
}
div.row {
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.row span.label {
    float: left;
    width: 18%;
    text-align: right;
    padding: 0.1em;
    
}
div.row span.formw {
    float: right;
    text-align: left;
    width: 78%;
}
div.group {
    width: 600px;
    border: 1px;
    margin: 0px;
    overflow: auto;
    padding-bottom: 14px;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
}