* {
    font-family: Monaco, monospace;
}

body {
    background-color: white;
    color: silver;
    font-size: 12px;
}

a {
    color: white;
    text-decoration: none;
    border-bottom: silver 1px dotted;
}

a:hover {
/*    text-decoration: underline;*/
 border: 0;
 color: black; background: white;
}

ul { padding-left: 1em; margin-bottom: 0px;}
ul li { list-style-type: none;}

.indent { padding-left: 1em; }
p { padding-left: 1em; }

th { font-weight: normal; text-align: left; }

#addnew {
    display: none;
}

h1, h2, h3 { font-weight: normal; padding: 0px 2px 0px 1em; margin-bottom: 1em;}
h1 { background-color: skyblue; color: black; font-size: 1.15em; }
h2 { background-color: silver; color: black; font-size: 1.10em; }
h3 { background-color: darkslategray; font-size: 1.05em; }

#centerer {
    margin-top: 50px;
}
#container {
    width: 600px;
    background-color: black;
    border: 0px;
    text-align: left;
}
#screen {
    margin: 10px 20px 20px 20px;
}

#header {
    font-size: 1em;
/*    height: 1em;*/
}

#hdrmsg
{
    font-size: 1em;
    float: right;
}

#hdrsub {
    font-size: 1em;
    clear: both;
    color: silver;
    height: 1em;
}

#hdrlogin {
    display: none;
    vertical-align: center;
}

#hdrlogin input[type="text"], #hdrlogin input[type="password"] {
    font-size: .85em;
    width: 70px;
    font-family: Monaco, monospace;
}

#hdrlogin input[type="submit"] {
    font-size: .8em;
    width: 70px;
}

.flash {
    color: black;
    background-color: yellow;
    margin-top: 1em;
    text-indent: 1em;
}

input, textarea {
    font-family: Monaco, monospace;
    font-size: 1em;
    /* 
     * border: 0px black;
     * background-color: black;
     * color: silver;
     */
    vertical-align: center;
}

.formindent {
    margin-left: 150px;
}
/* table-form label/input (for add, login) */
.tflabel { width: 145px; text-align: right; }
.tfinput { }

#involved {
    display: none;
}

.name {
    color: white;
}

.desc { width: 250px}
.amount { width: 60px; text-align: right; padding-right: 20px; }
.payer { width: 60px}
.debtors { width: 100px}
.delete { text-align: left;}

.amount input { width: 35px; }
.desc input { width: 150px; }
#additemsubmit { }

#footer {
    margin-top: 5em;
}

#addnew { background-color: green; width: 100%; }
#expensetable { background-color: blue; width: 100%; }

#delexp { margin-top: 2em; }

#addnewtoggle { padding: 3px; background-color: green; }
/*.addbg { background-color: darkslategray; } */

#uaddf, #uaddexp, #uaddff {
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 1em;
}

#uaddff { display: none; }

.yellow { color: yellow; }