body {
    color: #222;
    font-family: Helvetica; 
    margin: 0;
    padding: 5px 20px;
}

p {
    padding-bottom:20px;
    font-size:123.1%;
}

h1 {
    color:#06c;
    font-size:182%;
}

#ft {
    text-align:center;
    font-family:"arial black",arial,sans-serif;
    font-style:italic;
    font-size:85%;
    border-top:1px dotted #ccc;
    padding-top:5px;
}

#ft a {
    color:#625;
    text-decoration:none;
}

#seq {
    padding-bottom:20px;
}

#seq div {
    border: 1px solid #888;
    display: block;
    font-size: 167%;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 20px 0px;
    text-align:center;
    text-decoration: none;
    width:500px;
    margin:-1px auto;
    list-style:none;
}

#seq div:first-child {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius: 8px 8px 0 0;
}
#seq div:last-child {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius: 0 0 8px 8px;
}

#seq div.pending { 
    color:#bbb;
    background:#eee;
    text-shadow: 0px 1px 0px #fff;
}   

#seq div.done { 
    color:#93af93;
    background: #c3edb7;
    text-shadow: 0px 1px 0px #dfc;
}

#seq div.active { 
    color:#305577;
    background:#6dbaff;
}   

#seq div a {
    color:#01c;
    text-shadow: 0 0 0 transparent;
}