body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    background-color: #003399;
    margin: 0px;
    padding: 0px;
}

table {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    /* CSS2 */
    border-collapse: collapse;
    border-spacing: 0px;
}

td {
    font-size: x-small;
    color: #000033;
    margin: 0px;
    padding: 2px;
    text-align: left;
}

form {
    margin: 0px;
    padding: 0px;
}

h1 {
    color: #000033;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 4px;
}

a:active { color: #000000 }
a:visited { color: #006699}
a:link { color: #006699}
a:hover { color: #009999}

h1 {
    font-size: large;
    font-style: normal;
    font-weight: bold;
    color: #000033;
    margin: 0px;
    padding: 0px;
}

h2 {
    color: #000033;
    font-size: medium;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h3 {
    color: #000033;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-image: url(/webar/images/bullet.gif);
    list-style: square;
    padding-left: 0cm;
    padding-right: 0cm;
    padding-top: 0cm;
    padding-bottom: 0cm;
    margin-left: .5cm;
    margin-right: .25cm;
    margin-top: .25cm;
    margin-bottom: .25cm;
}

li {
    padding-left: 0cm;
    padding-right: 0cm;
    padding-top: 2px;
    padding-bottom: 2px;
}

blockquote {
    margin: 0cm 0cm 0cm 0cm;
    padding: 0cm 0cm 0cm .75cm;
}

p {
    color: #000033;
    font-style: normal;
    font-weight: normal;
    margin: 0cm;
    padding: 4px;
}


input {
    margin: 0px;
    padding: 0px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    color: #000033;
    /*font-size: x-small;*/
}


textarea {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
    color: #000033;
    font-size: x-small;
}

label {
    display: block;
    font-weight: bold;
}

.checkbox {
    border: none;
    cursor: pointer;
}

.radio {
    border: none;
    cursor: pointer;
}

select {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-color: #999999;
    border-style: solid;
    color: #000033;
    font-size: x-small;
}


.button {
    color: #FFFFFF;
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-left: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: 2px #334C7F solid;
    font-style: normal;
    font-weight: bold;
}


table.formTable {
    margin-bottom: 16px;
}


div.styleVisible {
    visibility: visible;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

div.styleHidden {
    visibility: hidden;
    height: 0px;
    display: none;
    overflow: hidden;
}


/* -------------------------------------------------------------- */
/* LIST                                                           */
/* -------------------------------------------------------------- */

.list {
    width: 100%;
    margin-bottom: 16px;
}

.listWorkArea {
    /*
    border: 1px solid #cccccc; 
    border-top: none;
    */
}

.listScrollBox {
    width: 100%;
    position: relative; 
    width: 100%; 
    height: 200px; 
    overflow: auto; 
    background-color: white;
    border: 1px solid #cccccc; 
    border-top: none;
}

.listNoItems {
    width: 100%;
    margin: 16px;
    padding: 8px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    font-size: normal;
    font-weight: bold;
    text-align: center;
    vertical-align: center;
}

.listHeader {
    background: url(/themes/Aqua/images/formborder.gif); 
    border: 1px solid #666666; 
    font-size: xx-small;
    font-weight: bold;
}

.listItemEven {
    color: #000033;
    font-size: xx-small;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #cccccc;
}

.listItemOdd {
    color: #000033;
    font-size: xx-small;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #cccccc;
}

.listItemHoverEven {
    background-color: #ffcc00;
}

.listItemHoverOdd {
    background-color: #ffcc00;
}

.listColumnHeader {
    background-color: #003399;
    color: #FFFFFF;
    font-size: xx-small;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}








.listRow1 {
    color: #000033;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #cccccc;
}

.listRow1Small {
    color: #000033;
    font-size: xx-small;
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #cccccc;
}



.noSpace {
    margin: 0px;
    padding: 0px;
}


/*
    Used in payment setup step1
*/
.componentDescription {
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 6px;
}

.header {
    background-color: #6699FF;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
    padding-left: 4px;
    border-top: 1px #99CCFF solid;
    border-left: 1px #99CCFF solid;
    border-bottom: 1px #334C7F solid;
    border-right: 1px #334C7F solid;
    vertical-align: middle;
}

.header3 {
    background-color: #6699FF;
    color: #FFFFFF;
    font-size: xx-small;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
    padding-left: 4px;
    border-top: 1px #99CCFF solid;
    border-left: 1px #99CCFF solid;
    border-bottom: 1px #334C7F solid;
    border-right: 1px #334C7F solid;
    vertical-align: middle;
}

a.header:link { color: #FFFFFF; font-weight: bold; }
a.header:active { color: #FFFFFF; font-weight: bold; }
a.header:visited { color: #FFFFFF; font-weight: bold; }
a.header:hover { color: #FFCC00; font-weight: bold; }

/* use the above instead */
a.headerLink:link { color: #FFFFFF; font-weight: bold; }
a.headerLink:active { color: #FFFFFF; font-weight: bold; }
a.headerLink:visited { color: #FFFFFF; font-weight: bold; }
a.headerLink:hover { color: #FFCC00; font-weight: bold; }


.headerAlert {
    background-color: #EE0000;
    color: white;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    padding-left: 4px;
    border-top: 1px solid #ff6666;
    border-left: 1px solid #ff6666;
    border-bottom: 1px solid #663333;
    border-right: 1px solid #663333;
}

.buttonAlert {
    color: white;
    background-color: #EE0000;
    border-top: 2px red solid;
    border-left: 2px red solid;
    border-bottom: 2px #660000 solid;
    border-right: 2px #660000 solid;
    font-style: normal;
    font-weight: bold;
}

.buttonAlertSmall {
    color: white;
    background-color: #EE0000;
    border-top: 2px red solid;
    border-left: 2px red solid;
    border-bottom: 2px #660000 solid;
    border-right: 2px #660000 solid;
    font-size: 8px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.buttonColor1 {
    color: #FFFFFF;
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-left: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: 2px #334C7F solid;
    font-style: normal;
    font-weight: bold;
}

.buttonSmallColor1 {
    color: #FFFFFF;
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-left: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: 2px #334C7F solid;
    font-size: 7pt;
    font-style: normal;
    font-weight: bold;
}

.buttonBigColor1 {
    color: #FFFFFF;
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-left: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: 2px #334C7F solid;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
}

.buttonSmallColorInfo {
    color: #000033;
    background-color: #FFCC00;
    border-top: 2px #FFDD00 solid;
    border-left: 2px #FFDD00 solid;
    border-bottom: 2px #806600 solid;
    border-right: 2px #806600 solid;
    font-size: 7pt;
    font-style: normal;
    font-weight: bold;
}


.headerSmall {
    background-color: #003399;
    color: #FFFFFF;
    font-size: xx-small;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.header2 {
    background-color: black;
    color: white;
    font-size: xx-small;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
}

.headerInfo {
    background-color: #FFCC00;
    color: #000033;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    border-top: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    border-bottom: 1px solid #66CC00;
    border-right: 1px solid #66CC00;
}

.headerInfob {
    background-color: #FFCC00;
    color: blue;
    font-size: small;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
}

.headerSystem {
    background-color: ButtonFace;
    color: #000033;
    margin: 0px;
    padding: 2px;
    border-top: 1px solid ButtonHighlight;
    border-left: 1px solid ButtonHighlight;
    border-bottom: 1px solid ButtonShadow;
    border-right: 1px solid ButtonShadow;
}


h1.pageTitle {
    color: #000033;
    font-size: medium;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.selectedLink {
    font-weight: bold;
        padding: 2px;
         margin: 0px;
     text-align: right;
    white-space: nowrap;
}

.unselectedLink {
    font-weight: normal;
        padding: 2px;
         margin: 0px;
     text-align: right;
    white-space: nowrap;
}

.copyright {
    color: #aaaaaa;
    font-size: xx-small;
    font-style: normal;
    font-weight: normal;
    margin: 4px;
    padding: 0px;
}

a.copyright:link {
    font-size: xx-small;
    color: #999999;
}
a.copyright:active {
    font-size: xx-small;
    color: #0066FF;
}
a.copyright:visited {
    font-size: xx-small;
    color: #999999;
}
a.copyright:hover {
    font-size: xx-small;
    color: #666666;
}

p.footer {
    color: #000033;
    font-size: xx-small;
    font-style: normal;
    font-weight: normal;
    margin: 4px;
    padding: 0px;
}

a.footer:active { color: #000033;}
a.footer:visited { color: #006699 }
a.footer:link { color: #006699 }
a.footer:hover { color: #009999 }


.userList {
    font-size: xx-small;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #cccccc;
    background-color: white;
}

.error {
    color: #FF0000;
    font-size: small;
}

.label {
    font-weight: bold;
    margin: 0px;
    padding: 1px;
    white-space: nowrap;
}


.field {
    width: auto;
    font-weight: normal;
    white-space: nowrap;
    margin: 0px;
    padding: 2px;
}

.labelSmall {
    font-size: xx-small;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
}

.valueSmall {
    font-size: xx-small;
    margin: 0px;
    padding: 2px;
    white-space: nowrap;
}


.metaData {
    margin: 0px;
    padding: 0px;
    font-size: xx-small;
    font-weight: normal;
    color: #999999;
}

.metaPending {
    margin: 0px;
    padding: 0px;
    font-size: xx-small;
    font-weight: bold;
    color: red;
}

.dialogText {
    color: white;
    /*font-size: normal;*/
    font-style: normal;
    padding: 8px;
}

.dialogBody {
    background-image: url(/webar/images/background.jpg);
    padding: 2px;
}

.sectionToggleIcon {
    cursor: pointer;
}


.line {
    width: 100%;
    height: 1px;
    background: #cccccc;
    clear: both;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0px;
    font-size: 0px;
}


.paraTitle {
    font-size: 16pt;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
}

.paraSubTitle {
    font-size: small;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
}

.para {
    font-size: x-small;
    font-weight: normal;
    padding: 8px;
}


.sideBarTitle {
    /*width: 100%; */
    text-align: right;
    padding-top: 8px;
}


.searchResultsHeader {
    display: block;
    clear: none;
    vertical-align: text-top;
    white-space: nowrap;
}

/* searchResult Data Element */
.searchResultsElement {
    border-left: 1px solid: #cccccc;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
}

.searchResultsElementDim {
    border-left: 1px solid: #cccccc;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    white-space: nowrap;
    color: #444444;
}

.searchResultsElementBright {
    border-left: 1px solid: #cccccc;
    border-bottom: 1px solid #eeeeee;
    font-weight: bolder;
    cursor: pointer;
    white-space: nowrap;
}


.searchResultsElementSmall {
    border-left: 1px solid: #cccccc;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    font-size: xx-small;
}

.searchResultsFooter {
    background-color: ButtonFace;
    color: #000033;
    margin: 0px;
    padding: 2px;
    border-top: 1px solid ButtonHighlight;
    border-left: 1px solid ButtonHighlight;
    border-bottom: 1px solid ButtonShadow;
    border-right: 1px solid ButtonShadow;
}

.progressBar{
    background-color: white;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.progressComplete{
    background-color: #ffcc00;
    height: 8px;
    margin: 0px;
    padding: 0px;
}

.progressNotComplete{
    background-color: white;
    height: 8px;
    margin: 0px;
    padding: 0px;
}

.debtStatusCodeLabel {
    font-weight: bolder;
}

.debtStatusCodeDescription {
    font-size: xx-small;
}

.debtNote {
    background-color: white;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #cccccc;
}
.debtNoteIMPORTED {
    background-color: white;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #cccccc;
}
.debtNotePAYMENT {
    background-color: #ccffcc;
    border-right: 1px solid #99ff99;
    border-bottom: 1px solid #99ff99;
}
.debtNoteUSER {
    background-color: white;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #cccccc;
}
.debtNoteCANCEL {
    background-color: #ffcccc;
    border-right: 1px solid #ff9999;
    border-bottom: 1px solid #ff9999;
}
.debtNoteDEBT {
    background-color: #ffffcc;
    border-right: 1px solid #ffcc66;
    border-bottom: 1px solid #ffcc66;
}
.debtNoteDEMOGRAPHIC {
    background-color: #ccccff;
    border-right: 1px solid #9999ff;
    border-bottom: 1px solid #9999ff;
}
.debtNoteREACTIVATE {
    background-color: #ffcc99;
    border-right: 1px solid #ff9966;
    border-bottom: 1px solid #ff9966;
}
.debtNoteLETTER {
    background-color: #eeccff;
    border-right: 1px solid #cc66dd;
    border-bottom: 1px solid #cc66dd;
}
.debtNoteWORKLIST {
    background-color: #99eedd;
    border-right: 1px solid #77bbaa;
    border-bottom: 1px solid #77bbaa;
}
.debtNoteDOCUMENT {
    background-color: #FFCC66;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.debtNoteDELTA {
    background-color: #ddeeaa;
    border-right: 1px solid #b6c48c;
    border-bottom: 1px solid #b6c48c;
}
.debtNoteFORWARD {
    background-color: #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.debtNoteTRANSACTION {
    background-color: #cbe6ff;
    border-right: 1px solid #aaccdd;
    border-bottom: 1px solid #aaccdd;
}
.debtNoteENRICHMENT {
    background-color: #FFFF99;
    border-right: 1px solid #FFCC66;
    border-bottom: 1px solid #FFCC66;
}
.debtNoteVIEW {
    background-color: #ffe9dd;
    border-right: 1px solid #FFCC66;
    border-bottom: 1px solid #FFCC66;
}


div.debtNotes {
    position: relative;
    border: 1px solid #cccccc;
    width: 100%;
    height: 200px;
    overflow: auto;
}


/*
    Calendar Styles
*/

.webCalendar {
    width: 160px;
    height: 160px;
    padding: 10px;
    margin: 0px;
    display: block;
    position: absolute;
    filter: Shadow (Color=#aaaaaa, Direction=135);
    /*filter: DropShadow (Color=#aaaaaaaa, OffX=3, OffY=3, Positive=true);*/
    -moz-text-shadow: black 4px 4px;
}

/* actually sets the border... but is the background */
.calCalendar {
    /*background-color: none;*/
    padding: 0px;
    margin: 0px;
    border: solid 1px black;
}

/* hmm... not sure what this does... */
.calDayNames {
    background-color: #FFCC00;
    color: #000033;
    font-weight: bolder;
}

/* the one you are hovering over when selecting */
.calDayRow {
    background-color: #dddddd;
    border: solid 1px #aaaaaa;
}

.calCurrentDayCell {
    background-color: #FFCC00;
    color: red;
    border: solid 1px #eeeeee;
    font-weight: bolder;
    text-align: right;
}

.calDayCell {
    color: #666666;
    background-color: white;
    border: solid 1px #eeeeee;
    font-weight: bolder;
    text-align: right;
}

.calDayCellClickableHover {
    color: #000033;
    font-weight: bolder;
    text-align: right;
    cursor: pointer;
}


/* actually the background #6699FF */
.calTitleBar {
    padding: 0px;
    margin: 0px;
    background-color: #003399;
    font-weight: Bolder;
    color: #000033;
}

/* hmm.. don't see where this does anything */
.calNavTable{
}

.calNavRow {
    background-color: #003399;
    color: #FFFFFF;
}

.calNavPrevMonth {
    border-left: 2px #99CCFF solid;
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    background-color: #6699FF;
    color: #FFFFFF;
    cursor: pointer;
}

.calNavPrevMonthClickableHover {
    border-left: 2px #99CCFF solid;
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    background-color: #6699FF;
    color: #FFFFFF;
    cursor: pointer;
}

.calNavCurMonth {
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
}

.calNavCurMonthClickableHover {
    color: #FFFFFF;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
}

.calNavNextMonth {
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    background-color: #6699FF;
    text-align: right;
    cursor: pointer;
}

.calNavNextMonthClickableHover {
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    background-color: #6699FF;
    text-align: right;
    cursor: pointer;
}

.calCloseBoxCell {
    text-align: center;
    color: #000033;
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: 2px #334C7F solid;
    border-left: none;
    font-weight: bolder;
    color: white;
}

/* the title bar */
.calMonthYear {
    background-color: #6699FF;
    border-top: 2px #99CCFF solid;
    border-bottom: 2px #334C7F solid;
    border-right: none;
    font-weight: bolder;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    color: #FFFFFF;
}