body {
    /* background-color: #d9d9d9; */
    background: -ms-linear-gradient(top, #00abeb, #fff);
    background: -moz-linear-gradient(top, #00abeb, #fff);
    background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00abeb', EndColorStr='#ffffff');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    overflow-y: scroll;
}
font,body,td{color:Black;font:9pt tahoma}
a:link, active, visited{color:black;font:pt tahoma; font-weight:bold;}
A:VISITED {color:#021069;font:pt tahoma; font-weight:bold;}
a:hover{color:#5406c9;font:9pt tahoma; font-weight:bold;}

.charge{color:red; font-weight:bold;}
.credit{color:green; font-weight:bold;}
.pay{color:blue; font-weight:bold;}
.opening{background-color:darkblue; color:white; font-weight:bold;}

.past-due{color:red; font-weight:bold;}
.new{color:orange; font-weight:bold;}
.current{color:#08a30d; font-weight:bold;}
.closed{color:#2804b8; text-decoration: line-through; font-weight:bold;}

.banner-container { background-color: #3d8ab3; }
.banner-container2 { background-color: #f7ff00; }

.required input:after { content:"*"; }

/* message boxes: error, confirmation */
.success h1,
div.error h1 {
    border-bottom: 2px solid;
    font-weight: bold;
    text-align: left;
    margin: 0 0 .2em 0;
}

div.success,
div.error {
    margin: .5em 0 1.3em;
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 10px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
}

.success a,
.error a {
    text-decoration: underline;
}

.success {
    color: #000;
    background-color: #ebf8a4;
}

h1.success,
div.success {
    border-color: #a2d246;    
}
.success h1 {
    border-color: #00FF00;
}

.error {
    border: 1px solid maroon !important;
    color: #000;
    background: pink;
}
.notice {
    border: 1px solid maroon !important;
    color: #000;
    background: pink;
}

h1.error,
div.error {
    border-color: #333; 
}

div.error h1 {
    border-color: #ff0000;
}

.success a:link {color:black;font:pt tahoma;}
.success A:VISITED {color:#033580;font:pt tahoma}
.sucess a:hover{color:#033580;font:9pt tahoma}

.error a:link {color:black;font:pt tahoma}
.error A:VISITED {color:#033580;font:pt tahoma}
.error a:hover{color:#033580;font:9pt tahoma}

.bg-purple {
    background-color: #A200FF;
}

.bg-magenta {
    background-color: #FF0097;
}

.bg-teal {
    background-color: #00ABA9;
}

.bg-lime {
    background-color: #8CBF26;
}

.bg-brown {
    background-color: #A05000;
}

.bg-pink {
    background-color: #E671B8;
}

.bg-orange {
    background-color: #F09609;
}

.bg-blue {
    background-color: #1BA1E2;
}

.bg-red {
    background-color: #E51400;
}

.bg-green {
    background-color: #339933;
}

.bg-yellow {
    background-color: #ffc40d;
}

.bg-grey {
    background-color: #757575;
}

.bg-grey-lt {
    background-color: #cccccc;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-cream {
    background-color: #FFFFCC
}

.bg-beige {
    background-color: #f5f5dc
}

.bg-grey-lt-2 {
    background-color: #F7F7F7
}

.bg-black {
    background-color: #000000
}

.bg-black-auto-white-fg {
    background-color: #000000;
    color: #FFFFFF;
}

.fg-white {
    color: #FFFFFF;
}