html, body, div, table, td, a {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    margin: 10px auto;
    padding: 0;
}

td {
    margin: 0;
    padding: 0;
}

td#display {
    text-align: center;
    font: normal 20pt "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 5px;
    width: 120px;
    height: 50px;
    background: url("/gadgets/timer/img/display.png") no-repeat 1px 1px;
}

td#start {
    width: 50px;
    height: 50px;
}

td#ten_min, td#min, td#ten_sec, td#sec {
    vertical-align: bottom;
    width: 30px;
    height: 30px;
}

td#clear {
    vertical-align: bottom;
    width: 50px;
    height: 30px;
}

a {
    margin: 0;
    padding: 0;
}

td#start a:link,
td#start a:visited {
    display: block;
    width: 50px;
    height: 50px;
    background: url("/gadgets/timer/img/button/start.png") no-repeat;
}

td#start a:hover {
    background-position: 0 -55px;
}

td#start a:active {
    background-position: 0 -110px;
}

td#ten_min a, td#min a, td#ten_sec a, td#sec a {
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

td#ten_min a:link,
td#ten_min a:visited,
td#min a:link,
td#min a:visited {
    background: url("/gadgets/timer/img/button/min.png") no-repeat;
}

td#ten_sec a:link,
td#ten_sec a:visited,
td#sec a:link,
td#sec a:visited {
    background: url("/gadgets/timer/img/button/sec.png") no-repeat;
}

td#ten_min a:hover,
td#min a:hover,
td#ten_sec a:hover,
td#sec a:hover {
    background-position: 0 -30px;
}

td#ten_min a:active, td#min a:active, td#ten_sec a:active, td#sec a:active {
    background-position: 0 -60px;
}

td#clear a:link,
td#clear a:visited {
    display: block;
    width: 50px;
    height: 25px;
    background: url("/gadgets/timer/img/button/clear.png") no-repeat 0 0;
}

td#clear a:hover {
    background-position: 0 -30px;
}

td#clear a:active {
    background-position: 0 -60px;
}