/*
  sv.css
  Stylesheet for Service Module
  */

/* standard EMS colors:
  #f4edcb; tan/yellow: standard menu item background color
  #a82100; brownish red: standard header text (when not black)
  #EABA7E; brown-orange:
  rgb(234, 186, 126) brown-orange: standard header background
  #f3f3f3; light gray: alternate color
*/
.arglist {
    display:block;
    clear:both;
}

/* top frame (data frame) layout
  2 columns: odds float left, evens float right.*/
#block1, #block3, #block5, #block7, #block9 {
    display:block;
    float: left;
    clear: left;
    width: 49%
}

#block2, #block4, #block6, #block8, #block10 {
    display:block;
    float: right;
    clear: right;
    width: 49%;
}

/* Position the  enlarge | shrink | normal
  */
.menu-right {
    float:right;
}

/* suplement base.css summary list display */
/* generic context-specific display */
.summary-list,
.view {
    width: 100%;
}

.summary-list .header {
    text-align: left;
}
/* row highlighting in lists
  handled in base.css
.alt {
	background-color: #F3F3F3;
}
.norm {
	background-color: #FFFFFF;
}
*/
.hilight {
    background-color: #f4edcb;
    color: #a82100;
}
.adorn_hilight {
    background-color: #CCCCCC;
    color: #a82100;
}

/* attempt to make disabled form text more readable */
input[disabled] {
    color: #333333;
    background-color: #CCCCCC;
}
input[readonly] {
    color: #000000;
    background-color: #CCCCCC;
}

/*
  Tree list structural styles
  Requires pixel-perfect layout
*/
.tree-node {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border-left: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    border-top: 0px #000000 solid;
    border-right: 0px #000000 solid;
    width: 3em;
    height: 1em;
}

.tree-indent-sib {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 2px 1px;
    border-top: 0px #000000 solid;
    border-right: 0px #000000 solid;
    border-bottom: 0px #000000 solid;
    border-left: 1px #000000 solid;
    width: 2em;
    height: 1em;
}

.tree-indent-no-sib {
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 2px 2px;
    border-top: 0px #000000 solid;
    border-right: 0px #000000 solid;
    border-bottom: 0px #000000 solid;
    border-left: 0px #000000 solid;
    width: 2em;
    height: 1em;
}

.tree-spacer {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px;
    width: 2em;
    height: 1em;
}

/* toolbar styles */
.toolbar {
    margin: 1em 0 1.5em 0;
    padding: 0.6em 1.1em 0.6em 1.1em;
    background-color: #cbedf4;
}

/* --------------------------------
   tabset styles
   -------------------------------- */
/* issues:
  http://meyerweb.com/eric/css/inline-format.html
  Padding and borders of li, a elements not counted for elements'
  content-area.
  To get correct display the line-height should be 1em + 3px padding and borders but
  that is not allowed.
  1.3em worked.  1.5em with tabset borders=0 also works.
  */

ul.tabset {
    margin: 1em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 0px solid #7EBAEA;
    border-right: 0px solid #7EBAEA;
    border-bottom: 0px solid #7EBAEA;
    border-left: 0px solid #7EBAEA;

    font-size: 1em;
    line-height: 1.5em;
}

ul.tabset li,
ul.tabset li.regular {
    display: inline;
    list-style-type: none;
    vertical-align: bottom;

    margin: 2px 2px 0px 2px;
    padding: 0px 0px 1px 0px;
    background-color: #cbdcf4;
    text-decoration: underline;

}

ul.tabset li a,
ul.tabset li.regular a {

    margin: 0px 0px 0px 0px;
    padding: 3px 3px 1px 3px;

    border-top: 1px solid #7EBAEA;
    border-right: 1px solid #7EBAEA;
    border-bottom: 0px solid #7EBAEA;
    border-left: 1px solid #7EBAEA;

    background-color: #cbdcf4;
}

ul.tabset li.current a {
    background-color:  #7EBAEA;
}

/* -------------------------------- */

ul li {
    list-style-type: none; /* no bullets */
}

select.standard_width {
    width: 13em;
    vertical-align: middle;
}
select.narrow_width {
    width: 3em;
    vertical-align: middle;
}

/*----------------------------------
  Request/Payable edit page styles
  ----------------------------------*/

.form_table1 .tableList {
   width: 40%;
   font-size: 90%;
}
.form_table2 .tableList {
   width: 40%;
   font-size: 90%;
}
.form_table3 .tableList {
   width: 33%;
   font-size: 90%;
}
.form_table4 .totals {
    font-size: 90%;
}

.form_table1, .form_table2, .form_table3, .form_table4 {
    width: 90%;
    border-top: 1px solid #6091C2;
    border-left: 1px solid #6091C2;
    border-bottom: 1px solid #6091C2;
    border-right: 1px solid #6091C2;
    background-color: #FFFFFF;
}
.form_table1 td, .form_table2 td,
.form_table3 td {
    font-size: 90%;
}
.label {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #6091C2;
}

/*----------------------------------
  Tech Show Table style
  ----------------------------------*/
    table.resultset {
        border-collapse: separate;
    }
    .resultset .row_head {
    }
    .resultset .row_head .rownum {
    }
    .resultset .row_head .field_head {
        padding-left: 2em;
        padding-right: 2em;
        font-weight: bold;
        background-color: #6091C2;
        color: #FFFFFF;
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
        border-left: 1px solid #666666;
        border-right: 1px solid #666666;
    }
    .resultset .row_data .rownum {
        background-color: #6091C2;
        color: #FFFFFF;
    }
    .resultset .row_data .field_data {
        white-space: nowrap;
    }