html,body{margin:0;padding:0;background:#888;color:#333;font-family:"Segoe UI",Helvetica,"Trebuchet MS",Sans-Serif;font-size:12pt}

a:link,a:visited{color:#267;text-decoration:none}
a:hover,a:active{color:#000;text-decoration:underline}

#container{margin:3em auto;min-width:768px;max-width:1280px;width:80%;box-shadow:0 4px 12px rgba(0,0,0,0.5)}

#header{background:#5AB;padding:1em;color:#FFF}
#header a{text-shadow:1px 1px 1px rgba(0,0,0,0.25)}
#header a:link,#header a:visited{color:#FFF;text-decoration:none}
#header a:hover,#header a:active{color:#EEE;text-decoration:underline}

#content{background:#EEE;padding:1em}

.success{background:#8D9;border:1px solid #4A4;padding:2px 4px}

.box{background:#FFF;margin:0;padding:0;box-shadow:0 2px 6px rgba(0,0,0,0.5);display:inline-block;width:100%}
.title{background:#5AB;color:#FFF;margin:1px;padding:2pt 4pt;font-style:italic;font-weight:bold;font-size:16pt}
.body{background:#EEE;margin:1px;padding: 2px 4px}

table.body{background:none;margin:0;margin-top:-1px;padding:0;width:100%;border-collapse:separate;border-spacing:1px;}
textarea.body{background:#FFF;color:#000;border:0;margin:0;font-family:"Segoe UI",Helvetica,"Trebuchet MS",Sans-Serif;font-size:12pt;width:100%;height:320px;box-sizing:border-box;-moz-box-sizing:border-box}

a.button,input[type=submit]{background:#5AB;padding:2px 4px;border:1px solid #FFF;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,0.5);text-shadow:1px 1px 1px rgba(0,0,0,0.25)}
a.button:link,a.button:visited,input[type=submit],input[type=submit]:visited{color:#FFF;text-decoration:none}
a.button:hover,a.button:active,input[type=submit]:hover,input[type=submit]:active{color:#EEE;text-decoration:underline;box-shadow:0 2px 6px rgba(0,0,0,0.75)}

th{background:#DDD;padding:2px 4px}
td{background:#EEE;padding:2px 4px}

.status{width:20%;text-align:center}
.date{width:128px;text-align:center}

.label{display:inline-block;width:160px}

.commission a{display:block}

/* Pretty row colors for making the listing easier to scan through */
.refunded td{background:#EEE;color:#888}
.paid.undone td{background:#FAA}
.paid.inprog td{background:#FAF}
.paid.done td{background:#FEA}
.paid.sent td{background:#DFD}
.paid.canceled td{background:#F88}
.unpaid.inprog td{background:#AEF}
.unpaid.done td{background:#FEA}
.unpaid.sent td{background:#AFD}
.unpaid.canceled td{background:#EEE;color:#888}