<%@ page contentType="text/css; charset=UTF-8" %>
<%
    String contextPath = ((HttpServletRequest)pageContext.getRequest()).getContextPath();
%>

/*************
 *  common settings
 */

body {
    background-color: #dcdcdc;
    margin: 5px;
}

form {
    display: inline;
}

td {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

/************
 * table cells
 */

    /* bottm-left aligned labels and checkboxes */
td.label {
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    vertical-align: bottom;
    white-space: nowrap;
    padding: 1px;
}
    /* middle-left aligned labels and checkboxes */
td.labelCenter {
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    padding: 1px;
}

    /* center-right aligned labels */
td.labelRight {
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    vertical-align: center;
    white-space: nowrap;
    padding: 1px;
}

td.labelBig {  /* Includes text, textarea, password and select */
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    vertical-align: center;
    white-space: nowrap;
    padding: 1px;
}

td.labelHuge {
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    vertical-align: center;
    white-space: nowrap;
    padding: 1px;
}

    /* center-left aligned checkboxes and radio-buttons */
td.checkRadio {
    color: #483d8b;
    background-color: #dcdcdc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    vertical-align: center;
    white-space: nowrap;
    padding: 1px;
}

    /* to place multiline list controls */
td.listContainer {
    vertical-align: top;
    padding-right: 4px;
}

    /* to place comboboxes */
td.comboContainer {
    padding-right: 4px;
}

    /* to place static table component */
td.tableContainer {
    vertical-align: top;
    padding: 2px;
    padding-top: 3px;
}

    /* to place inside tableContainer - draw a border around static table component */
td.tableBorder {
    border: 2px inset;
}


/*************
 * controls
 */

    /* editable textfields, textareas and selects (lists and comboboxes) */
.editable {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
    margin: 0px;
}

    /* read-only textfields, textareas and selects (lists and comboboxes) */
.readonly {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
    margin: 0px;
    background-color: #dcdcdc;
}


    /* read-only textfields, textareas and selects (lists and comboboxes) */
.readonly_gray {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
    margin: 0px;
    background-color: #c0c0c0;
}

    /* full-width medium button */
button.smallButton {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    width: 100%;
    margin: 2px;
}
    /* full-width medium button */
button.smallButtonFixed {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    width: 50px;
    margin: 2px;
}

    /* full-width big button */
button.bigButton {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    height: 22px;
    width: 100%;
    margin: 2px;
}

button.bigButtonFixed {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 65px;
        margin: 2px;
}

button.intervalButton {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
    width: 100%;
    margin: 2px;
}

.imageButton {
    height: 20px;
    width: 100%;
    margin: 0px;
}

/*************
 * Special stuff - tabs
 */

td.tab {
    border-bottom: 2px groove #333366;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    cursor: default;
}

td.tabdis {
    background-color: #333366;
    background-image: url("<%= contextPath %>/images/tab.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 2px groove #333366;
    color: white;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    text-align: center;
    cursor:default;
}

a.tab {
    background-color: #9999cc;
    background-image: url("<%= contextPath %>/images/tab.gif");
    background-position: left top;
    background-repeat: no-repeat;
    color: white;
    display: block;
    line-height: 25px;
    text-decoration: none;
    width: 100%;
}

a.tab:hover {
    background-color: #666699;
}

td.tabline {
    border-bottom: 2px groove #333366;
}

span.tab {
    background-color: #9999cc;
    background-image: url("<%= contextPath %>/images/tab.gif");
    background-position: left top;
    background-repeat: no-repeat;
    color: white;
    display: block;
    line-height: 25px;
    text-decoration: none;
    width: 100%;
    cursor:default;
}

span.tabdis {
    background-color: #333366;
    background-image: url("<%= contextPath %>/images/tab.gif");
    background-position: left top;
    background-repeat: no-repeat;
    color: white;
    display: block;
    line-height: 25px;
    text-decoration: none;
    width: 100%;
    cursor:default;
}

span.tab_hover {
    background-color: #666699;
}
    /* read-only table data - fake style for simulate text-field-like text */
span.readonly {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    width: 100%;
    margin: 0px;
    color: black;
    padding-top:1px;
    padding-bottom:1px;
}

/*************
 * special: static-table component-related stuff
 */
tr.none {
    background-color: #ffffff;
}
tr.disabled {
    background-color: #dcdcdc;
}

    /* resizers */
td.resizer {
    cursor: move;
    width: 2px;
    background-color: #dcdcdc;
    border: none;
}

    /* ??? */
td.none{
    cursor: arrow;
/*    background-color: #ffffff; */
    border-bottom: 1px solid #dcdcdc;
}


    /* used by custom renderers */
td.comment{
    white-space: nowrap;
    cursor: hand;
    background-image: url("<%= contextPath %>/images/triangle.gif");
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom : 1px solid #dcdcdc;
}

    /* used by custom renderers */
td.greencomment{
    white-space: nowrap;
    background-image: url("<%= contextPath %>/images/grtriangle.gif");
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom : 1px solid #dcdcdc;
}
td.redcomment{
    white-space: nowrap;
    background-image: url("<%= contextPath %>/images/triangle.gif");
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom : 1px solid #DFDFDF;
/*    background-color: #ffffff; */
}

td.redcommenterror{
    white-space: nowrap;
    background-image: url("<%= contextPath %>/images/triangle.gif");
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom : 1px solid #FF0000;
}

/*************
 * special stuff - validation markup, help etc
 */

    /* div / span around a valid control */
.validControl{
    border: 1px none;
    width:  100%;
    margin: 2px;
}

    /* div / span around an invalid control */
.invalidControl{
    border: 1px solid #ff0000;
    width:  100%;
    margin: 2px;
}

    /* help link */
span.help {
    color: #0000ff;
    cursor: help;
    margin-right: 5px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
    /*Dynamic tabs*/
div.dynamicTab {
    background-color: #dfdfdf;
    font-size: 12px;
    font-weight: bold;
    color: White;
    width: 100%;
    height: 100%;
}

span.dynamicTab {
    height:                 22px;
    background-image:       url("<%= contextPath %>/images/tab.gif");
    background-position:    left top;
    background-repeat:      no-repeat;
    background-color:       #9999CC;
    padding-left:           30px;
    padding-right:          30px;
    padding-top:            5px;
    font-size:              12px;
    font-weight:            bold;
    cursor:                 hand;
}

span.dynamicTabActive {
    height:                 22px;
    background-image:       url("<%= contextPath %>/images/tab.gif");
    background-position:    left top;
    background-repeat:      no-repeat;
    background-color:       #333366;
    padding-left:           30px;
    padding-right:          30px;
    padding-top:            5px;
    font-size:              12px;
    font-weight:            bold;
    cursor:                 hand;
}

    /*Profile control*/
table.profile {
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;
    table-layout : fixed;
    width: 100%;
}

tr.profile {
    color : #000000;
    background-color: #FFFFFF;
}

td.profile {
    border-bottom: 1px solid #dcdcdc
/*    border-bottom-color : #000000; */
/*    border-bottom-style : solid; */
/*    border-bottom-width : 1px; */
}
tr.selected{
    background-color: #0000e0;
    color: #ffffff;
    border-bottom: 1px solid #dcdcdc
}


/* added by MGS */
a.menuitem {
        color: #FFFFFF;
        text-decoration: none;
        white-space: nowrap;
}

a.menuitem:hover {
        color: #0000FF;
}

a.tab {
        background-color: #9999CC;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        color: #FFFFFF;
        display: block;
        line-height: 25px;
        text-decoration: none;
        width: 100%;
}

a.tab:hover {
        background-color: #9999CC;
}

body {
        background-color: #DFDFDF;
        margin: 0px;
}

/* Dynamic Tabs */
div.dynamicTabBar {
        background-color: #DFDFDF;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
}

div.editor {
        background-color: #DDEEFF;
        border-style: solid;
        border-width: 1;
        display: none;
        height: 200;
        overflow: auto;
        position: absolute;
        width: 300;
}

div.opustable{
        border-style: inset;
        border-width: 2px;
        margin: 2px;
}

div.waitwindow{
        background-color: #CCCC99;
        border-color: #000000;
        border-style: solid;
        border-width: 1;
        filter: alpha(opacity=50);
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 17px;
        position: absolute;
        text-align: center;
        width: 300px;
}

form {
        display: inline;
}

/* Image */
img.info {
        cursor: help;
        height: 16px;
        vertical-align: bottom;
        width: 16px;
}

button.buttbigfull {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        margin: 2px;
        width: 100%;
}

button.buttbigmedium {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        margin: 2px;
        width: 75px;
}

button.buttbigthin {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        margin: 2px;
        width: 50px;
}

button.buttbigwide {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        margin: 2px;
        width: 100px;
}

button.buttsmallmedium {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        height: 18px;
        margin: 2px;
        width: 50px;
}

button.buttsmallthin {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        height: 18px;
        margin: 2px;
        width: 40px;
}

button.fullwidththin {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        height: 18px;
        margin: 2px;
        width: 100%;
}

button.loginbtn {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 80px;
}

/* Input */

input.normal {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
        width: 100%;
}

button.wardbtn {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 22px;
}

input.wardfield {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 60px;
}

input.wardnamefield {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 150px;
}

/* Change ward dialog */
select.loginfield, input.loginfield {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 22px;
        width: 250px;
}

select.nomargin {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0px;
        width: 100%;
}

/* Select */
        select.normal {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
        width: 100%;
}

select.sizedlist {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
        width: 140px;
}

span.dynamictab {
        background-color: #9999CC;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        color: #FFFFFF;
        cursor: hand;
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
}

span.dynamictabactive {
        background-color: #333366;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        color: #FFFFFF;
        cursor: hand;
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
}

span.dynamictabhover {
        background-color: #666699;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        cursor: hand;
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
}

/* Help */
    span.help {
        color: #0000FF;
        cursor: help;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        margin-right: 5px;
}

span.tab {
        background-color: #9999CC;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        color: #FFFFFF;
        display: block;
        line-height: 25px;
        text-decoration: none;
        width: 100%;
        cursor:default;
}

span.tab_hover {
        background-color: #666699;
}

span.tabdis {
        background-color: #333366;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        color: #FFFFFF;
        display: block;
        line-height: 25px;
        text-decoration: none;
        width: 100%;
        cursor: default;
}

/* List */
table.list {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
}

table.listfixed {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        table-layout: fixed;
}

/* Menu */
table.menu {
        color: #FFFFFF;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}

/* Page top */
        table.paneltop {
        background-color: #808080;
}

table.profile {
        border-top-color: #000000;
        border-top-style: solid;
        border-top-width: 1px;
        table-layout: fixed;
}

/* Tree */
        table.tree {
        background-color: #FFFFFF;
        background-image: url("<%= contextPath %>/images/fold.gif");
        background-position: 1px 2px;
        background-repeat: no-repeat;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
}

/* Userinfo */
                table.userinfo {
        color: #FFFFFF;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
}

td {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
}

td.comment{
        background-image: url("<%= contextPath %>/images/triangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #DFDFDF;
        cursor: hand;
        white-space: nowrap;
}

td.edit{
        background-color: #DDEEFF;
        color: #000000;
        white-space: nowrap;
}

/* used in ActualTimeRendered */
        td.greencomment{
        background-image: url("<%= contextPath %>/images/grtriangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #DFDFDF;
        white-space: nowrap;
}

td.greencommenthand{
        background-image: url("<%= contextPath %>/images/grtriangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #DFDFDF;
        cursor: hand;
        white-space: nowrap;
}

td.header {
        background-color: #D5D5D5;
        border-bottom-color: #9F9F9F;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #FFFFFF;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: #9F9F9F;
        border-right-style: solid;
        border-right-width: 1px;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 1px;
        font-family: arial;
        font-weight: bold;
        padding: 4px;
        cursor: hand;
}

td.header_nobg {
        border-bottom-color: #9F9F9F;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: #FFFFFF;
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: #9F9F9F;
        border-right-style: solid;
        border-right-width: 1px;
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 1px;
        font-family: arial;
        font-weight: bold;
        padding: 4px;
}

/* Form */
        td.labelcheck {
        color: #000000; /* Includes checkbox and radio */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        margin: 2px;
        white-space: nowrap;
}

td.labelcheckdis {
        color: #808080; /* Includes checkbox and radio */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        margin: 2px;
        white-space: nowrap;
}

td.labeltext {
        color: #63659C; /* Includes text, textarea, password and select */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 1px;
        vertical-align: bottom;
        white-space: nowrap;
}

td.labeltextbig {
        color: #63659C; /* Includes text, textarea, password and select */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding: 1px;
        vertical-align: bottom;
        white-space: nowrap;
}

td.labeltextright {
        color: #63659C; /* Includes text, textarea, password and select */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 1px;
        text-align: right;
        vertical-align: center;
        white-space: nowrap;
}

td.labeltexttop {
        color: #63659C; /* Includes text, textarea, password and select */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 1px;
        white-space: nowrap;
}

td.labeltextwrap {
        color: #63659C; /* Includes text, textarea, password and select */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 1px;
}

td.list {
        padding-right: 2px;
        vertical-align: top; /* Contains listboxes and comboboxes */
}

td.list {
        border-right: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        cursor: hand;
        white-space: nowrap;
}

td.listcen {
        border-right: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        cursor: hand;
        text-align: center;
        white-space: nowrap;
}

td.listdis {
        background-color: #DFDFDF;
        border-right: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        white-space: nowrap;
}

td.listinfo {
        background-image: url("<%= contextPath %>/images/triangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-right: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        cursor: hand;
        white-space: nowrap;
}

span.menuitemdis {
        color: #333366;
        white-space: nowrap;
}

td.none{
        border-bottom: 1px solid #DFDFDF;
        cursor: arrow;
}

td.profile {
        border-bottom-color: #000000;
        border-bottom-style: solid;
        border-bottom-width: 1px;
}

td.redcomment{
        background-image: url("<%= contextPath %>/images/triangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #DFDFDF;
        white-space: nowrap;
}

td.redcommenterror{
        background-image: url("<%= contextPath %>/images/triangle.gif");
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #FF0000;
        white-space: nowrap;
}

td.resizer {
        background-color: #DFDFDF;
        border: none;
        cursor: move;
        width: 2px;
}

td.split{
        background-color: #EEEEEE;
        white-space: nowrap;
}
td.split_black{
        background-color: #000000;
        white-space: nowrap;
}
td.split_red{
        background-color: #FF0000;
        white-space: nowrap;
}
td.split_green{
        background-color: #00FF00;
        white-space: nowrap;
}

/* Tab */
        td.tab {
        border-bottom: 2px groove #333366;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        cursor:default;
}

td.tabdis {
        background-color: #333366;
        background-image: url("<%= contextPath %>/images/tab.gif");
        background-position: left top;
        background-repeat: no-repeat;
        border-bottom: 2px groove #333366;
        color: #FFFFFF;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 27px;
        text-align: center;
        cursor: default;
}

/* Dynamic tables */
    td.tableframe {
        border-style: inset;
        border-width: 2px;
}

td.tabline {
        border-bottom: 2px groove #333366;
}

td.tree {
        border-right: 1px solid #DFDFDF;
        border-top: 1px solid #DFDFDF;
        cursor: hand;
        padding-left: 12px;
        white-space: nowrap;
}

td.userinfo {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        white-space: nowrap;
}

textarea.normal {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
        width: 100%;
}

textarea.normalreadonly {
        background-color: #DFDFDF;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
        width: 100%;
}

textarea.normalreadonlyfull {
        background-color: #DFDFDF;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        height: 100%;
        margin: 2px;
        width: 100%;
}

th.list {
        background-color: #E0E0E0;
        border-style: outset;
        border-width: 1px;
        font-weight: normal;
        text-align: left;
        vertical-align: bottom;
        white-space: nowrap;
}

th.listcen {
        background-color: #E0E0E0;
        border-style: outset;
        border-width: 1px;
        font-weight: normal;
        text-align: center;
        vertical-align: bottom;
        white-space: nowrap;
}

th.listcendec {
        background-color: #E0E0E0;
        background-image: url("<%= contextPath %>/images/decrease.gif");
        background-position: 99% center;
        background-repeat: no-repeat;
        border-style: outset;
        border-width: 1px;
        cursor: hand;
        font-weight: normal;
        text-align: center;
        vertical-align: bottom;
        white-space: nowrap;
}

th.listceninc {
        background-color: #E0E0E0;
        background-image: url("<%= contextPath %>/images/increase.gif");
        background-position: 99% center;
        background-repeat: no-repeat;
        border-style: outset;
        border-width: 1px;
        cursor: hand;
        font-weight: normal;
        text-align: center;
        vertical-align: bottom;
        white-space: nowrap;
}

tr.disabled {
        background-color: #CCCCCC;
}

tr.hover{
        background-color: #FFFFFF;
}

tr.lastselected{
        background-color: #000000;
        color: #FFFF00;
}

tr.liststatuswriteno {
        background-color: #99FF66;
}

tr.liststatuswriteyes {
        background-color: #FFFF66;
}

tr.none{
        background-color: #FFFFFF;
}

tr.profile {
        background-color: #FFFFFF;
        color: #000000;
}

tr.selected{
        background-color: #000080;
        color: #FFFFFF;
}

/* Combobox */
.combo-button {
        background: #EAF2FF;
        border: #78ACFF 1px solid;
        cursor: pointer;
        cursor: hand;
        font-family: Webdings, Marlett;
        font-size: 10pt;
        height: 20px;
        padding: 0;
        vertical-align: baseline;
        width: 14px;
}

.combo-hilite {
        background: #EAF2FF;
        border: #78ACFF 1px solid;
        color: #000000;
        cursor: pointer;
        cursor: hand;
        font-family: verdana;
        font-size: 11pt;
}

.combo-input {
        border: #78ACFF 1px solid !important;
        vertical-align: baseline;
        width: 138px !important;
}

.combo-item {
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        color: #000000;
        cursor: pointer;
        cursor: hand;
        font-family: verdana;
        font-size: 11pt;
}

.combo-list {
        background: #FFFFFF;
        border: 1px solid #000000;
        padding: 1px;
        width: 149px; /* enable this if you want scroll bars
        height:                         200px;
        overflow:                       auto;
        overflow-x:                     visible;
        overflow-y:                     auto;
        scrollbar-base-color:           rgb(234,242,255);
        scrollbar-highlight-color:      rgb(234,242,255);
        scrollbar-3dlight-color:        rgb(120,172,255);
        scrollbar-darkshadow-color:     rgb(120,172,255);
        scrollbar-shadow-color:         rgb(234,242,255);
        scrollbar-face-color:           rgb(234,242,255);
        scrollbar-track-color:          white;
        scrollbar-arrow-color:          black;
        */
}

.combo-list table {
        table-layout: fixed;
        width: 149px;
}

/* validation marking */
        .invalidcontrol{
        border-color: #FF0000;
        border-style: solid;
        border-width: 1px;
}

.modeedit {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
}

.moderead {
        background-color: #DFDFDF; /* Includes readonly and disabled */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        margin: 2px;
}

.mylist {
        background-color: #F5F5F5;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 70px;
        padding: 3px;
        width: 100%;
}

.myview {
        background-color: #F5F5F5;
        color: #000000;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        height: 20;
        padding: 3px;
        width: 100%;
}

.validcontrol{
        border-style: none;
        border-width: 1px;
}
/* --- added by MGS */