/*twoflower-specific stuff that doesnt really affect layout
  branding: 00aaaa (or 22bec6) and 585858 with red as highlight? */

p {
    /*background-color:red; */
}

#debugwarning {
    float:left;
    position: absolute;
    top: 200px;
    left: 230px;
    font-size:larger;
    color:red;
    font-weight: bolder;
    /* font-variant: small-caps; */
}

.javascript_only {
    display: none;
}

.attention {
    color: red;
    margin: .2em;
}
.regform  ul  {
    list-style-type: none;
    padding: 0;
}

.accounting_ledger {
    font-family: monospace;
    text-align: right;

    border-collapse:collapse;
    border:1px solid black;
    /* border-width: 10px; */
    width: 5em;
} 

.option_choice {
    /* display: inline; */
}

.option_choice_control {
	display: inline;
}

.option_choice_control > div {
	display: block;
}

.currency {
    /* alginment isn't working, but the monospace is. */
    /*text-align: left; */
    white-space: pre;
    font-family: monospace;
    font-variant: small-caps;
    font-size: larger;
    /*vertical-align: middle; */

    /*padding: 6em; */
}

td.shortdate {
    min-width: 3em;
    /* alginment isn't working, but the monospace is. */
    /*text-align: left; */
    white-space: pre;
    /*vertical-align: middle; */
}

td.account_entry_memo {
    min-width: 8em;
    max-width: 20em;
    text-align: left;
}

td.account_entry_action {
    text-align: left;
}

.data td {
    padding: 0;
    /*margin: 0; */
}

.small_data {
    border-bottom:1px solid #20BEC5;
    border-top:1px solid #20BEC5;
    border-collapse: collapse;
}

.small_data td {
    padding: 0;
    min-width:  3em;
    text-align: right;
}

.small_data th {
    min-width:  12em;
}


/*
This selects tbody properly, but margin, padding and border doesn't do what I want it to.
.data tbody {
    margin: 2em;
} */

.personal_name {
	min-width: 10em;
    /*color: red; */
}