body {
    font-family: Arial, sans-serif;
    font-size: 15px;
    background-color: white;
    overflow-x: hidden;
}

a {
    color: #034090;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

span.sup {
    position: relative;
    top: -0.3em;
    font-size: smaller;
}

#logo {
    display: none;
}

/* Table styles */
#data-table {
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
    table-layout: fixed;
    position: relative;
}

#data-table th, #data-table td {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    background-position: center;
    font-weight: normal;
}

#data-table-scroller {
    width: 100%;
    overflow-x: auto;
    margin-top: -1px;
}

#data-table-scroller>div {
     height: 1px;
}

#data-table th.hidden, #data-table td.hidden {
    border: 0 !important;
    visibility: hidden;
}

#data-table tr.separator td {
    border: 0 !important;
    visibility: hidden;
    height: 15px;
}

#data-table th:first-child {
    text-align: left;
    background-color: rgba(0,0,0,0.03);
}

#data-table td, #data-table th {
    width: 100px;
}

#data-table.variable-width td, #data-table.variable-width th {
    width: auto;
}

#data-table.fixed-row-header tr.header1>th:first-child, #data-table.fixed-row-header tr.header2>th:first-child {
    width: 230px;
    min-width: 230px;
}

#data-table.variable-width th:first-child {
    text-align: center;
}

#data-table tr.subheader0, #data-table tr.subheader1 {
    background: rgba(128,128,128,0.08); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.08) 0%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.08)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.08) 0%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.08) 0%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.08) 0%,rgba(0,0,0,0.08) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.08) 0%,rgba(0,0,0,0.08) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff14', endColorstr='#00000014', GradientType=0); /* IE6-9 */
}

#data-table tr.subheader0 th:first-child {
    text-transform: uppercase;
}

#data-table tr.subheader0 td, #data-table tr.subheader0 th, #data-table tr.subheader1 th, #data-table tr.subheader2 th{
    font-weight: bold;
}

#data-table tr.subheader0 td, #data-table tr.subheader0 th, #data-table tr.subheader1 td, #data-table tr.subheader1 th { 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#data-table tr:hover {
    background-color: #d9ebf5;
}

#data-table tr.header1 {
    background: rgb(230,230,230); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(216,215,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(216,215,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(216,215,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(216,215,216,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(216,215,216,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(216,215,216,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d8d7d8', GradientType=0); /* IE6-9 */
}

#data-table tr.header1 th {
    background-color: transparent;
    border: 1px solid #ccc;
    background-image: url("../images/inner-border.png");
    background-position: top left;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    text-shadow: 0 1px white;
    width: auto;
    min-width: auto;
}

#data-table tr.header2 {
    background: rgb(240,240,240); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(240,239,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(240,239,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(240,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(240,239,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(240,239,239,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(240,239,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f0efef',GradientType=0 ); /* IE6-9 */
}

#data-table tr.header2 th {
    background-color: transparent;
    border: 1px solid #ccc;
    background-image: url("../images/inner-border.png");
    background-position: top left;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    text-shadow: 0 1px white;
    width: auto;
    min-width: auto;
}

/* tree stuff */
#data-table tr.has-children>:first-child {
    background-repeat: no-repeat;
    background-image: url("../images/plus.png");
}

#data-table tr.has-children.opened>:first-child  {
    background-image: url("../images/minus.png");
}

#data-table tr[data-depth="0"] th {
    padding-left: 27px;
    background-position: 10px center;
}

#data-table tr[data-depth="1"] th {
    padding-left: 44px;
    background-position: 27px center;
}

#data-table tr[data-depth="2"] th {
    padding-left: 61px;
    background-position: 44px center;
}

#data-table tr[data-depth="3"] th {
    padding-left: 78px;
    background-position: 61px center;
}

#data-table tr[data-depth="4"] th {
    padding-left: 95px;
    background-position: 78px center;
}


/* Icon buttons */
div.icon-button {
    background-image: url("../images/icon-button.png");
    background-position: 0 26px;
    background-repeat: no-repeat;
    padding: 5px;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

div.icon-button:hover {
    background-position: 0 0;
}

div.icon-button.pressed {
    background-position: 0 -26px;
}

div.icon-button>div {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon-sprite.png");
}

div.icon-button.chart>div {
    background-position: 0 0;
}

div.icon-button.info>div {
    background-position: 0 -16px;
}

img.inline-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/icon-sprite.png");
    border: 0;
}

#data-table td.icon-button {
    width: 26px;
    min-width: 26px;
    padding: 3px;
}


/* Control panel */
#control-panel, #info-table {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 25px;
}

#control-panel td, #control-panel th, #info-table td, #info-table th {
    font-size: 13px;
    text-align: left;
    padding: 5px 10px;
}

#top-controls {
    position: absolute;
    top: 10px;
    right: 10px;
}

#table-controls {
    margin-top: 10px;
}


/* Callouts */
#info {
    padding: 10px 15px;
    width: 400px;
    text-align: left;
    display: none;
    font-size: 13px;
    font-weight: normal;
}

#info-body-holder {
    max-height: 200px;
    overflow-y: auto;
    white-space: normal;
}

#info-title {
    margin-bottom: 10px;
    font-weight: bold;
}

#chart {
    text-align: left;
    padding: 10px 15px;
    display: none;
}

#chart-body {
    width: 550px;
    font-weight: normal;
}

div.close {
    width: 15px;
    height: 15px;
    background-image: url('../images/close-sprite.png');
    background-repeat: no-repeat;
    background-position: top;
}

div.close:hover {
    background-position: bottom;
}


/* Filter box */
input[type=text] {
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    border-top: 1px solid #7C7C7C;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2px 4px;
}

#filter input {
    display: block;
    width: 100%;
    padding-right: 20px;
}

#filter>div {
    margin-right: 25px;
    position: relative;
}

#filter-clear {
    background-image: url("../images/close-sprite.png");
    background-repeat: no-repeat;
    background-position: top;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    margin-right: -23px;
    display: none;
}

#filter-hint {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    margin-left: 5px;
    height: 16px;
    left: 0;
    font-weight: normal;
    text-shadow: none;
    font-style: italic;
    color: #888;
    display: none;
}

#filter-clear:hover {
    background-position: bottom;
}

span.highlight {
    background-color: yellow;
}

/* Message rows */
tr#none-found td {
    background-color: #ffdddd;
}

tr#some-found td {
    background-color: #ffffcc;
}

tr#none-found, tr#some-found {
    color: #555;
    display: none;
}

tr#none-found td, tr#some-found td {
    border: 1px solid #ccc;
}

tr#none-found a, tr#some-found a {
    color: #555;
}

.footnotes {
    margin-top: 10px;
    font-size: smaller;
    width: 700px;
}

.footnotes>div {
    margin-bottom: 3px;
}

.footnotes li {
    margin-bottom: 3px;
}


/* Button stuff */
a.button {
    text-decoration: none;
}

.button {
    padding: 1px;
    display: inline-block;
    background: rgb(220,225,230);
    background: -moz-linear-gradient(top,  rgb(220,225,230) 0%, rgb(202,206,209) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220,225,230)), color-stop(100%,rgb(202,206,209)));
    background: -webkit-linear-gradient(top,  rgb(220,225,230) 0%,rgb(202,206,209) 100%);
    background: -o-linear-gradient(top,  rgb(220,225,230) 0%,rgb(202,206,209) 100%);
    background: -ms-linear-gradient(top,  rgb(220,225,230) 0%,rgb(202,206,209) 100%);
    background: linear-gradient(to bottom,  rgb(220,225,230) 0%,rgb(202,206,209) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e6', endColorstr='#caced1',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button:hover {
    background: rgb(205,210,215);
    background: -moz-linear-gradient(top,  rgb(205,210,215) 0%, rgb(187,191,194) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(205,210,215)), color-stop(100%,rgb(187,191,194)));
    background: -webkit-linear-gradient(top,  rgb(205,210,215) 0%,rgb(187,191,194) 100%);
    background: -o-linear-gradient(top,  rgb(205,210,215) 0%,rgb(187,191,194) 100%);
    background: -ms-linear-gradient(top,  rgb(205,210,215) 0%,rgb(187,191,194) 100%);
    background: linear-gradient(to bottom,  rgb(205,210,215) 0%,rgb(187,191,194) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd2d7', endColorstr='#bbbfc2',GradientType=0 );
}

.button.pressed {
    background: rgb(83,156,202);
    background: -moz-linear-gradient(top,  rgb(83,156,202) 0%, rgb(34,127,185) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(83,156,202)), color-stop(100%,rgb(34,127,185)));
    background: -webkit-linear-gradient(top,  rgb(83,156,202) 0%,rgb(34,127,185) 100%);
    background: -o-linear-gradient(top,  rgb(83,156,202) 0%,rgb(34,127,185) 100%);
    background: -ms-linear-gradient(top,  rgb(83,156,202) 0%,rgb(34,127,185) 100%);
    background: linear-gradient(to bottom,  rgb(83,156,202) 0%,rgb(34,127,185) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#539cca', endColorstr='#227fb9',GradientType=0 );
}

.button.pressed:hover {
       background: rgb(73,136,175);
    background: -moz-linear-gradient(top,  rgb(73,136,175) 0%, rgb(30,109,158) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(73,136,175)), color-stop(100%,rgb(30,109,158)));
    background: -webkit-linear-gradient(top,  rgb(73,136,175) 0%,rgb(30,109,158) 100%);
    background: -o-linear-gradient(top,  rgb(73,136,175) 0%,rgb(30,109,158) 100%);
    background: -ms-linear-gradient(top,  rgb(73,136,175) 0%,rgb(30,109,158) 100%);
    background: linear-gradient(to bottom,  rgb(73,136,175) 0%,rgb(30,109,158) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4988af', endColorstr='#1e6d9e',GradientType=0 );

}

.button>div {
    padding: 1px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(229,233,237) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,233,237)));
    background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,233,237) 100%);
    background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,233,237) 100%);
    background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,233,237) 100%);
    background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(229,233,237) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e9ed',GradientType=0 );
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button.pressed>div {
    background: rgb(104,182,230);
    background: -moz-linear-gradient(top,  rgb(104,182,230) 0%, rgb(66,148,198) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(104,182,230)), color-stop(100%,rgb(66,148,198)));
    background: -webkit-linear-gradient(top,  rgb(104,182,230) 0%,rgb(66,148,198) 100%);
    background: -o-linear-gradient(top,  rgb(104,182,230) 0%,rgb(66,148,198) 100%);
    background: -ms-linear-gradient(top,  rgb(104,182,230) 0%,rgb(66,148,198) 100%);
    background: linear-gradient(to bottom,  rgb(104,182,230) 0%,rgb(66,148,198) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b6e6', endColorstr='#4294c6',GradientType=0 );
}

.button.pressed:hover>div {
    background: rgb(93,163,204);
    background: -moz-linear-gradient(top,  rgb(93,163,204) 0%, rgb(66,148,198) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(93,163,204)), color-stop(100%,rgb(66,148,198)));
    background: -webkit-linear-gradient(top,  rgb(93,163,204) 0%,rgb(66,148,198) 100%);
    background: -o-linear-gradient(top,  rgb(93,163,204) 0%,rgb(66,148,198) 100%);
    background: -ms-linear-gradient(top,  rgb(93,163,204) 0%,rgb(66,148,198) 100%);
    background: linear-gradient(to bottom,  rgb(93,163,204) 0%,rgb(66,148,198) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da3cc', endColorstr='#4294c6',GradientType=0 );
}

.button>div>div {
    padding: 3px 8px;
    background: rgb(241,241,245);
    background: -moz-linear-gradient(top,  rgb(241,241,245) 0%, rgb(225,228,233) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(241,241,245)), color-stop(100%,rgb(225,228,233)));
    background: -webkit-linear-gradient(top,  rgb(241,241,245) 0%,rgb(225,228,233) 100%);
    background: -o-linear-gradient(top,  rgb(241,241,245) 0%,rgb(225,228,233) 100%);
    background: -ms-linear-gradient(top,  rgb(241,241,245) 0%,rgb(225,228,233) 100%);
    background: linear-gradient(to bottom,  rgb(241,241,245) 0%,rgb(225,228,233) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f5', endColorstr='#e1e4e9',GradientType=0 );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    font-size: 13px;
}

.button:hover>div>div {
    color: black;
    background: rgb(248,248,250);
    background: rgb(248,248,250);
    background: -moz-linear-gradient(top,  rgb(248,248,250) 0%, rgb(225,228,233) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(248,248,250)), color-stop(100%,rgb(225,228,233)));
    background: -webkit-linear-gradient(top,  rgb(248,248,250) 0%,rgb(225,228,233) 100%);
    background: -o-linear-gradient(top,  rgb(248,248,250) 0%,rgb(225,228,233) 100%);
    background: -ms-linear-gradient(top,  rgb(248,248,250) 0%,rgb(225,228,233) 100%);
    background: linear-gradient(to bottom,  rgb(248,248,250) 0%,rgb(225,228,233) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e1e4e9',GradientType=0 );
}

.button.pressed>div>div {
    background: rgb(78,170,227);
    background: -moz-linear-gradient(top,  rgb(78,170,227) 0%, rgb(41,135,192) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(78,170,227)), color-stop(100%,rgb(41,135,192)));
    background: -webkit-linear-gradient(top,  rgb(78,170,227) 0%,rgb(41,135,192) 100%);
    background: -o-linear-gradient(top,  rgb(78,170,227) 0%,rgb(41,135,192) 100%);
    background: -ms-linear-gradient(top,  rgb(78,170,227) 0%,rgb(41,135,192) 100%);
    background: linear-gradient(to bottom,  rgb(78,170,227) 0%,rgb(41,135,192) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eaae3', endColorstr='#2987c0',GradientType=0 );
    color: white;
    text-shadow: 0 1px #206A9A;
}

.button.pressed:hover>div>div {
    background: rgb(74,163,214);
    background: -moz-linear-gradient(top,  rgb(74,163,214) 0%, rgb(41,135,192) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74,163,214)), color-stop(100%,rgb(41,135,192)));
    background: -webkit-linear-gradient(top,  rgb(74,163,214) 0%,rgb(41,135,192) 100%);
    background: -o-linear-gradient(top,  rgb(74,163,214) 0%,rgb(41,135,192) 100%);
    background: -ms-linear-gradient(top,  rgb(74,163,214) 0%,rgb(41,135,192) 100%);
    background: linear-gradient(to bottom,  rgb(74,163,214) 0%,rgb(41,135,192) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa3d6', endColorstr='#2987c0',GradientType=0 );
    text-shadow: 0 1px #1A587F;
}

.button>div>div>div {
    width: 16px;
    display: inline-block;
    height: 16px;
    margin: 0 5px -3px -3px;
    background-repeat: no-repeat;
    background-image:url("../images/icon-sprite.png");
}

.button.print>div>div>div {
    background-position: 0 -32px;
}

.button.feedback>div>div>div {
    background-position: 0 -48px;
}

.button.help>div>div>div {
    background-position: 0 -64px;
}

.button.expand>div>div>div {
    background-position: 0 -80px;
}

.button.collapse>div>div>div {
    background-position: 0 -96px;
}

.button.excel>div>div>div {
    background-position: 0 -112px;
}

/* Home buttons */
.button.home {
    margin: 15px 25px;
}

.button.home>div>div {
    padding: 10px;
}

.button.home.vertical>div>div>div {
    font-size: 14px;
    height: 100px;
    width: 220px;
    background-repeat: no-repeat;
    background-position: center 30px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.button.home.horizontal>div>div>div {
    font-size: 22px;
    height: 100px;
    width: 135px;
    background-repeat: no-repeat;
    background-position: 10px center;
    display: table-cell;
    vertical-align: middle;
    padding-left: 85px;
    text-align: center;
}

.button.home.receipts>div>div>div {
    background-image: url("../images/receipts.png");
}

.button.home.disbursements>div>div>div {
    background-image: url("../images/disbursements.png");
}

.button.home.trends>div>div>div {
    background-image: url("../images/trends.png");
}

.button.home.overview>div>div>div {
    background-image: url("../images/overview.png");
    background-position: 10px center;
}

#breadcrumb {
    font-size: 13px;
    color: #555;
}

.diffs {
    font-size: smaller;
    color: #555;
    margin-top: 3px;
}

#data-info {
    margin-bottom: 20px;
    width: 500px;   
}

#data-source {
    font-size: 13px;
}

#amount-unit {
    margin-top: 0px;
    margin-bottom: 10px; 
}

/** Removed by Web Instinct
p {
    width: 700px;
}
**/

div.throbber {
    background-image: url("../images/throbber.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
}