html {height:100%;}
body {font-size:16px; margin:0 auto; width:100%; height:100%; max-width:960px;font-family:'helvetica neue',verdana,helvetica}
body.girth { max-width:100%;}

.girth #header {max-width:960px; margin:8px auto 0; padding:0 8px}
table,tr,td {font-size:inherit}
.main {margin:8px 8px 0}
#header h1 {margin:0 0.4em 0 0.2em; float:left;}
.tagline {font-style: italic;}
.beta {background-color:#ffffe0;padding:3px;border-radius:0.3em;}
.col {margin:0 1em}
hr {clear:both; border: 1px dashed #AAA;height:1px; background-color:#ffd700; Xbackground-color:#fefee9;}
a.hint {color:inherit;text-decoration:none}
a.hint:hover {text-decoration:underline}

.ebtc {height:0.7em; width:0.7em; border:2px dotted goldenrod; border-radius:1.3em; vertical-align: -0.1em; display:inline-block; overflow:hidden; }
.ebtc .fill {background-color:#ffeb81; left:0; width:100%; height:100%; }
.ebtc div {margin-top:100%;}
.ebtc .owed, .ebtc .paid {margin-top:50%}
.ebtc .owedpaid {margin-top:0%;}

.ebtc .erup {
    -moz-animation: fillerup 10s infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation: fillerup 10s infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation: fillerup 10s infinite;
    -ms-animation-timing-function: linear;
}

@-moz-keyframes fillerup {
    from {margin-top: 100%;}
    60% {margin-top: 0%}
    to { margin-top: 0%;}
}
@-webkit-keyframes fillerup {
    from {margin-top: 100%;}
    60% {margin-top: 0%}
    to { margin-top: 0%;}
}
@-ms-keyframes fillerup {
    from {margin-top: 100%;}
    60% {margin-top: 0%}
    to { margin-top: 0%;}
}


.points {}
.est_btc, .paid {font-weight:bold; ffont-family:monospace}
.sc {font-size:80%;}

.task_points {display:block; clear:right;float:right;margin-left:3em}
.task_when {color:#999; display:block; float:right; font-size:80%;margin-left:2em;}
.task_title {font-size:80%;margin-left:7%;display:block}

table.convlog {width:80%;margin:0 10%}
.convlog td {vertical-align: top}
.convlog th.pay {width:29%;}
.convlog th.earn {width:68%;}
.convlog td.earn {width:68%;border-top:dotted 1px #aaa;}
.convlog td.pay {width:29%;border-top:dotted 1px #aaa;}
.convlog th.space, {width:4%;}
.convlog td.space {width:4%;border-top:dotted 1px #aaa;color:goldenrod;vertical-align: middle;text-align:center}
.convlog th.earn {text-align:right;font-weight:bold}
.convlog th.pay {text-align:left;font-weight:bold}
.convlog td.pay {text-align:left}
.convlog td.none {text-align:center}

.paid_when {color:#999; display:block;font-size:80%;margin-right:1em;}
.paid_amount {display:block;}
.paid_address, .paid_txid {font-size:80%;color:#999;}
.conversion .paid_address, .conversion .paid_txid {display:block;}

.warge {width:40px; height:40px; margin:20px;}
.squareLogo {width:80px; height:80px;}

.block_right {display:block;float:right}
.warning {color:#b22222; font-weight:bold}
.cheer {color:#006400;font-weight:bold}

.plus_part {color:#aaa;}
.novel_address_plus {color:#b22222;padding:0.25em 2em;}

dt {font-weight:bold}
dd {padding:0.5ex 0.5ex 1ex}

form th {text-align:right; vertical-align: bottom;}

.error {color:#b22222;}
.success {color:#006400;}

a.badAddress {color:#b22222; text-decoration: line-through;}

.flag {width:16px; height:11px; background-color:lightgray; margin:2px;}
.abs {position:absolute;}
.countWidth {width:6em;display:inline-block;text-align:right;}

.welcome_box {border:1px #999 solid;background-color:#ffe;border-radius:20px;padding:20px}
.welcome_box h2 {margin-top:0;}

li {margin:0.5em 0}