/* 
    Document   : op
    Created on : Jun 9, 2009, 12:49:03 PM
    Author     : lalo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font-family:sans-serif;
}

p.version {
    text-align:center;
    font-style: italic;
    color:gray;
}

/**
 * Auth
 */
fieldset.auth {
    margin-top:4em;
    border:1px solid #fee3ad;
    background-color:rgb(73, 96, 50);
    width:25em;
}

legend.auth {
    font-variant:small-caps;
    font-weight:bolder;
    text-align:center;
    color:white;
    background-color:rgb(102, 51, 0);
    border: 1px solid #fee3ad;
    padding:4px 12px;
}

label.auth {
    color:white;
    font-weight:bold;
    width:8em;
    float:left;
    text-align:right;
    margin-right:0;
    display:block;
}

span.auth {
    color:white;
    width:8em;
    text-align:left;
    margin-left:0;
}

input.auth {
    border:1px solid rgb(102, 51, 0);
    background:white;
    color:rgb(102, 51, 0);
    width:8em;
}

input.authchk {
    border:1px solid rgb(102, 51, 0);
    background:white;
    color:rgb(102, 51, 0);
    width:1em;
    height:1em;
}

input.authbtn {
    border:2px outset;
    background-color:white;
    padding:2px 8px;
    margin:1em;
/*    margin-left:11.5em;*/
}

select.auth {
    background-color:white;
    color:#003300;
    width:12em;
}

/**
* Reports
*/
fieldset.params {
    border:1px solid maroon;
    background-color:#fee3ad;
}

legend.params {
    color:white;
    background-color:rgb(68, 103, 34);
    border: 1px solid maroon;
    padding: 2px 6px;
}

label.params {
    font-weight:bold;
    text-align:right;
    width:6em;
    float:left;
    margin-right:0;
    display:block;
}

span.params {
    font-weight:bold;
    text-align:right;
    width:6em;
}

input.params {
    border:1px solid maroon;
    background:white;
    color:black;
}

input.paramsbtn {
    border:2px outset maroon;
    background-color:white;
    margin-left:6em;
    margin-bottom:2em;
    padding:1px 8px;
}

select.params {
    background-color:white;
    color:#003300;
}

table.report {
    background-color:white;
    border:medium inset gray;
    margin: 5px;
    width:100%;
    font-size:90%;
}

tr.odd {
    background-color:white;
    color:black;
    text-align:center;
}

tr.even {
    background-color:silver;
    color:black;
    text-align:center;
}

tr.cancel {
    background-color:red;
    color:white;
}

th.report {
    background-color:rgb(68, 103, 34);
    padding:5px;
    color:white;
}

/**
 * TODO make this report specific
 */

.title {
    background-color:white;
    font-weight: bold;
    color:maroon;
}

.summary {
    background-color:white;
    font-style: italic;
    color:gray;
}

.info {
    text-align:center;
    font-style:italic;
    color:olive;
    font-weight:bold;
}

.timer {
    font-style:italic;
    font-weight:bold;
}

/**
 * System Menus
 */
ul.sysmenu {
    float:right;
}
li.sysmenu {
    display:inline;
}
a.sysmenu, a:link.sysmenu, a:visited.sysmenu {
    text-decoration:none;
    background-color:maroon;
    color:white;
    font-size:large;
    font-weight:bolder;
    padding:3px;
}
a:hover.sysmenu, a:active.sysmenu {
    text-decoration:none;
    background-color:green;
    color:black;
    font-size:large;
    font-weight:bolder;
    padding:3px;
}

/**
 * Menus
 */
p.menu {
    margin-top:2em;
    margin-bottom:0;
    font-size:large;
    font-weight:bolder;
    color:rgb(102,51,0);
}

ul.menu {
    margin-top:0;
    margin-bottom:3em;
    float:left;
    width:100%;
    background-color:white;
    color:black;
    line-height:normal;
    padding:0 0 0 4px;
    border:thin inset rgb(102, 51, 0);
    list-style:none;
}

li.menu {
    display:inline;
}

a.menu, a:link.menu, a:visited.menu {
    float:left;
    margin:2px;
    padding:4px;
    text-decoration:none;
    background-color:silver;
    color:black;
    font-style:italic;
}

a:hover.menu, a:active.menu {
    text-decoration:none;
    background-color:rgb(102,51,0);
    color:rgb(68, 103, 34);
}

span.menu {
    float:left;
    display:block;
    padding:5px 15px 4px 6px;
    color:#666;
}