ui.css

body {
    -webkit-user-select     :   none;
    -moz-user-select     :   none;
    -o-user-select     :   none;
    user-select     :   none;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.24, rgb(235,235,235)),
        color-stop(0.91, rgb(250,250,250))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(235,235,235) 24%,
        rgb(250,250,250) 91%
    );
    background-repeat : repeat-x;
    background-color : rgb(235,235,235);

    font-family : Helvetica, "Liberation Sans", sans-serif; 
    margin : 50px 20px 20px 20px;
    cursor : default;
} 

input, label {
    color : #666;
}

h1, h2, h3, h4, h5, h6 {
    color : #aaa;
    margin : 0 10px 5px 0;
    text-shadow : 0 1px 1px #fafafa;
}

hr {
    height : 0px;
    border : 0;
    border-top : 1px #ddd solid;
    border-bottom : 1px #fff solid;
    margin : 5px;
}

label {
    font-size : 0.78em;
    vertical-align : middle;
    border : 1px transparent solid;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    padding : 4px;
}

label:hover {
    background : #efefef;
    border-color : #f8f8f8;
}

label input {
    padding : 0;
    margin : 0 4px 0 0;
    position : relative;
    top : 2px;
}

.holder {
    overflow : hidden;
    padding : 0 0 20px 5px;
}

.button div,
.button a {
    display:block;
    padding : 1px 15px 0 15px;
    line-height : 25px;
    border : 1px #f3f3f3 solid;
    border-top : 1px #fff solid;
    -webkit-border-radius : 3px;
    -moz-border-radius : 3px;
    border-radius : 3px;

    color           :   #686868;
    text-decoration : none;
}      

.button:hover {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.24, rgb(240,240,240)),
        color-stop(0.91, rgb(255,255,255))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 24%,
        rgb(255,255,255) 91%
    );
}
.button,
.button:active,
.button.toggle {
    border : 1px #cacaca solid;
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    border-radius : 4px;
    margin : 0 5px 10px 0;
    -webkit-box-shadow : 0 1px 5px rgba(120,120,120,0.1);
    -moz-box-shadow : 0 1px 5px rgba(120,120,120,0.1);
    box-shadow : 0 1px 5px rgba(120,120,120,0.1);

    font-size       :   10px;
    font-weight     :   bold;
    text-align      :   center;
    text-shadow     :   0 1px 1px #fff;

    float           :   left;

    cursor          :   pointer;

    vertical-align : middle;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.24, rgb(235,235,235)),
        color-stop(0.91, rgb(250,250,250))
    );
    background-image: -moz-linear-gradient(
        bottom,
        rgb(235,235,235) 24%,
        rgb(250,250,250) 91%
    );
}

.button.toggle {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.24, rgb(225,225,225)),
        color-stop(0.91, rgb(240,240,240))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(225,225,225) 24%,
        rgb(240,240,240) 91%
    );
    text-shadow : none;
}

.button a:focus,
input[type=text]:focus
{
    border  :   1px #1cc7d4 solid !important;
    outline :   0;
}


.button a:focus {
}

.button:active {
    position    :   relative;
    top : 1px;
    -webkit-box-shadow : none;
    -moz-box-shadow : none;
    -o-box-shadow : none;
    box-shadow : none;
}

.button:active a,
.button:active div,
.button.toggle a,
.button.toggle div
{
    border : 1px #ddd solid;
    -webkit-box-shadow : inset 0 1px 2px rgba(20,20,20,0.1);
    -moz-box-shadow : inset 0 1px 2px rgba(20,20,20,0.1);
    box-shadow : inset 0 1px 2px rgba(20,20,20,0.1);
}

.button.small a{
    font-size : 0.9em;
    line-height : 15px;
    padding : 1px 8px 0 8px;
}

.button.icon a {
    padding-left    :   35px;
    background-repeat : no-repeat;
    background-size :   20px 20px;
    -moz-background-size :   20px 20px;
    -webkit-background-size :   20px 20px;
    -o-background-size :   20px 20px;
    background-position : 9px center;
}

.button.onion a {
    background-image : url('onion.png');
}

.button.hand a {
    background-image : url('hand.png');
}

input[type=text] {
    border  :   1px #cacaca solid;
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    padding : 6px 8px;
    background : #fafafa;
    -webkit-box-shadow : inset 1px 2px 3px rgba(60,60,60,0.1);
    -moz-box-shadow : inset 1px 2px 3px rgba(60,60,60,0.1);
}

/* Progress */
.progress {
    width : 220px;
    height : 16px;
    background : rgba(150,150,150,0.1);
    border-top : 1px #cacaca solid;
    border-bottom : 1px #f2f2f2 solid;
    -webkit-border-radius : 7px;
    -moz-border-radius : 7px;
    -webkit-box-shadow : inset 0 2px 4px rgba(60,60,60,0.1);
    -moz-box-shadow : inset 0 2px 4px rgba(60,60,60,0.1);
}

.progress > div > div{
    max-width   :   216px;
    border  :   1px #7e9850 solid;
    margin : 0 0 0 1px;
    -webkit-border-radius : 7px;
    -moz-border-radius : 7px;
    height : 12px;
    padding : 2px 0 0 0;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.96, #eee),
        color-stop(0.90, #c8ee85),
        color-stop(0.24, #8cb04c)
    );
    background-image: -moz-linear-gradient(
        bottom,
        #8cb04c 24%,
        #c8ee85 90%,
        #eee 96%
    );
    font-size : 10px;
    text-align : center;
    color : rgba(0,0,0,0.6);
    text-shadow : 0 1px 0 #eee;
}