@import "display.css";
@import "form.css";

/* Layout */
body {
    font: normal 12px Arial;
    background: #f0f0f0;
}

.header {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #569649;
    text-align: center;
}

.header a {
    color: #fff;
    text-decoration: none;
}

.content {
    padding: 5px;
    background: #fff;
}

.content a {
    color: #1A6936;
    text-decoration: underline;
}

.footer {
    padding: 5px;
    border-top: 1px solid #c0c0c0;
}

.footer a {
    color: #000;
    text-decoration: underline;
}

/* Elements */
p {
    margin-bottom: 5px;
}

.error-message {
    color: #B81900;
}

.information-message {
    color: #808080;
}

.separator {
    height: 20px;
    background: transparent url("img/separator.png") repeat-x center left;
}

.income {
    color: #00844B;
}

.expense {
    color: #A91F00;
}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

/* Menu */
.menu {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 0px 3px;
}
.menu a {
    display: block;
    float: left;
    padding: 5px 5px;
    margin-bottom: -1px;
    background: #efefef;
}

.menu a.active {
    background: #fff;
    border: 1px solid #c0c0c0;
    border-bottom: 1px solid #fff;
}