body {
    background: black url(gradient.png) repeat-x top center;
}
html, body, * {
    font-size: var(--text-sm);
    font-family: Arial,sans-serif;
}
#container {
    background-color: var(--color-bg-container);
    border: 1px solid white;
    outline: 3px double black;
    font-family: sans-serif;
    font-size: var(--text-base);
}
#quickies {
    overflow: hidden;
}


/* Generic Styles */
a {
    color: var(--color-brand);
}
a:visited {
    color: var(--color-brand-visited);
}
a:hover {
    color: var(--color-brand-hover);
}
h1 a {
    color: black;
    text-decoration: none;
}
h1 a:visited {
    color: black;
}
h1 a:hover {
    color: var(--color-brand-hover);
    text-decoration: underline;
}
h1 {
    font-size: var(--text-2xl);
}
h2 {
    font-size: var(--text-xl);
}
h3 {
    font-size: var(--text-lg);
    font-weight: normal;
}
h4 {
    font-size: var(--text-base);
}
h5 {
    font-style: italic;
    font-weight: normal;
}
h6 {
    font-weight: normal;
    color: var(--color-text-disabled);
}
li {
    list-style: none;
}
.super_large {
   font-size: var(--text-2xl);
}
.extra_large {
    font-size: var(--text-2xl);
}
.large {
    font-size: var(--text-lg);
}
.bold {
    font-weight: bold;
}
.normal {
    font-weight: normal;
}
.smaller {
    font-size: var(--text-sm);
}
.small {
    font-size: var(--text-xs);
    font-weight: normal;
}
.messages {
    font-size: var(--text-sm);
    line-height: 1.3;
    font-family: Arial, Sans-serif;
}
.notice, .warning, .error, .info, .success, .overdue {
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.notice, .info {
    background: var(--color-info-bg);
    border-color: var(--color-border);
    color: var(--color-info-text);
}
.success {
    background: var(--color-success-bg);
    border-color: var(--color-success-border);
    color: var(--color-success-border);
}
.warning {
    background: var(--color-warning-bg);
    border-color: var(--color-warning-border);
    color: var(--color-warning-border);
}
.error, .overdue, tr.overdue td {
    background: var(--color-error-bg) !important;
    border-color: var(--color-error-border) !important;
    color: var(--color-error-text) !important;
}
.green {
    color: var(--color-brand);
}
.red {
    color: var(--color-error-text);
}
.strike {
    text-decoration: line-through;
}
.total {
    border-top: 3px double var(--color-border);
}

/* Table styles */
td.date {
    font-variant: small-caps;
    color: var(--color-text-muted);
}
tr.repeat td {
    color: var(--color-text-repeat) !important;
}
tr.repeat a {
    color: var(--color-text-repeat);
}


/* Collapsible sections */
span.toggle-text:hover {
    color: var(--color-brand-hover);
    text-decoration: underline;
    cursor: pointer;
}


/* Form styles */
form label {
    font-size: var(--text-sm);
    line-height: 1.3;
    font-family: Arial, Sans-serif;
}
form div {
/*    outline: 1px solid #00F; */
}
.error_msg h4 {
    color: var(--color-error-heading);
}
.error_msg label {
    color: var(--color-error-heading);
    font-weight: bold;
}
ul.errorlist li {
    color: var(--color-error-list);
    font-size: var(--text-sm);
    line-height: 1.3;
    font-family: Arial, Sans-serif;
}
.has_errors label.label {
    color: var(--color-error-label);
}
.has_errors input {
    border-color: var(--color-error-input);
}
form fieldset {
    border: 1px solid black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
form fieldset legend {
    font-weight: bold;
    font-size: var(--text-base);
}
label {
    background-color: inherit;
    cursor:pointer;
}
label.label {
    color: var(--color-text-faint);
}
input, select {
    background-color: white;
    border: 1px solid var(--color-border);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input[type="text"]:focus, input[type="password"]:focus {
    border-color: var(--color-text-muted);
    outline: 1px solid var(--color-focus-ring);
}
input[name="zip"] {
    width: 5em;
}
input[type="submit"] {
    cursor:pointer;
    border: 1px solid var(--color-border);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background: var(--color-input-bg);
}
input[type="reset"] {
    cursor: pointer;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    border-color: var(--color-border-hover);
    background: var(--color-input-bg-hover);
}
input[type="reset"]:hover,
input[type="reset"]:focus {
    border-color: var(--color-border-hover);
    background: var(--color-input-bg-hover);
}


/* Specific style tweaks */
a.hidehref {
    color: black;
    text-decoration: none;
}
a.hidehref:visited {
    color: black;
}
a.hidehref:hover {
    color: var(--color-brand-hover);
    text-decoration: underline;
}
.dollar {
    color: var(--color-brand);
    font-weight: bold;
    position: relative;
}
/*** Commented out due to old men. ***/
/*
#find_customer {
    background: url('/site_media/sprites/find.gif') no-repeat;
}
#find_invoice {
    background: url('/site_media/sprites/find.gif') 0px -20px no-repeat;
}
#find_case {
    background: url('/site_media/sprites/find.gif') 0px -40px no-repeat;
}
#find_user {
    background: url('/site_media/sprites/find.gif') 0px -60px no-repeat;
}
*/