.task {
    border: 1px solid rgb(221,221,221);
    border-top: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
.task:hover {
    background-color: #eaf5ff;
}
.task-header {
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    border-top: 1px solid #575757;
    border-left: 1px solid #575757;
    border-right: 1px solid #575757;
    color: white;
    background-color: #575757;
}
.task-header abbr {
    text-decoration: none;
}
.task:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid rgb(221,221,221);
}
.tasks-list .task span.id {
    font-size: 12px;
    color: #a5a5a5;
    padding-right: 5px;
    display: inline-block;
    width: 30px;
    text-align: right;
}
.tasks-list .task span.name {
    font-size: 18px;
}
.tracked-times {
    display: inline-block;
    width: 90%;
}
.tracked-times > span {
    display: inline-block;
    text-align: right;
    min-width: 30%;
}
.tracked-times > span span.integer {
    font-weight: bold;
    font-size: 16px;
}
.tracked-times > span span {
    line-height: 24px;
}
.tracked-times > span span.decimals, .tracked-times > span span.separator {
    font-weight: normal;
    font-size: 12px;
}
.tracked-times > span input {
    max-width: 80px;
    margin-left: 20px;
    text-align: right;
    border-color: #ffffff;
}
.task-padding {
    display: inline-block;
    position: relative;
    width: 18px;
}
.task-padding span {
    position: absolute;
    top: -22px;
    width: 20px;
    height: 33px;
    overflow: visible;
}
.task-padding span.previous-level {}
.task-padding span.previous-level-with-sibling {
    background: url('/images/tree-lines.png') no-repeat -16px -9px;
}
.task-padding span.internal-sibling {
    background: url('/images/tree-lines.png') no-repeat -66px -8px;
}
.task-padding span.last-sibling {
    background: url('/images/tree-lines.png') no-repeat -117px -8px;
}
.task-node {
    display: inline-block;
    width: 18px;
    text-align: center;
}
.task-percentage span {
    text-align: right;
    width: 100%;
    display: inline-block;
}
.task-state {
    text-align: center;
    font-size: 0.8em;
    line-height: 25px;
    -moz-box-shadow:    inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow:         inset 0 0 5px #000000;
}
.task-state-draft { background-color: #eb97ff; }
.task-state-defined { background-color: #ff8d92; }
.task-state-estimated { background-color: #ffc27d; }
.task-state-accepted { background-color: #fff86d; }
.task-state-planned { background-color: #96ff74; }
.task-state-started { background-color: #89fffa; }
.task-state-finished { background-color: #719eff; }
.task-state-bugged { background: repeating-linear-gradient( -45deg, #ffe684, #ffe684 5px, #bbb 5px, #bbb 10px ); }
.task-state-cancelled { background-color: #aaa; }
.task-state-discarded { background-color: #aaa; }