:root {
    --font-family: Arial, Helvetica, sans-serif;
}

font.small, .small,
font.smallbld, .smallbld,
a.black, .smallgrey, .inactive {
    font-family: var(--font-family);
    font-size: 11px
}

font, input, p, td,
input.Standard,
select.def,
select.small,
font.formfnt,
.link {
    font-family: var(--font-family);
    font-size: 12px;
}

.std, .bld,
textarea,
font.std, font.def, font.bld, font.headline {
    font-family: var(--font-family);
    font-size: 13px;
}

.smallbld, .bld,
font.smallbld, font.bld, font.headline {
    font-weight: bold;
}

font.title, div.title, .title {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: bold;
}

font.title2, div.title2 {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: bold;
}

font.smallChineseWord {
    white-space: nowrap;
    padding: 0 4px;
}

.errormsg, .successmsg, .infomsg {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: bold;
}

.errormsg {
    color: #990000;
}

.successmsg {
    color: #3c763d;
}

.infomsg  {
    color:#0000FF;
}

font.nowrap { white-space:nowrap }

h1 {
    font-family: var(--font-family);
    font-size: 18px;
}

a.black, .link {
    color: #000000;
    text-decoration: underline;
}

.smallgrey {
    color: #777777;
}
.inactive {
    color: #999999;
}

.formsmall {
    font-family: var(--font-family);
    font-size: 11px;
    padding-top: 0;
    height: 18px;
}

.Spacer {
    width: 10px;
    display: inline;
}

.Left { text-align: left; }
.Right { text-align: right; }
.Center { text-align: center; }
.WidthFull { width: 100%; }
.Width95 { width: 95%; }

.ListHeader {
    height: 30px;
    background-color: #CCCCCC;
    font-weight: bold;
    vertical-align: top;
}

.Costs, .CostsTitle {
    color: #FF0000;
}
.RevenuesTitle, .Revenues {
    color: #000000;
}

.action-icons a { text-decoration: none; }
.table-list { border-spacing: 0; }
.table-list thead tr {
    background-color: #cdcdcd;
    text-align: left;
}