/*
 * Button Styles
 */

/*
 * Normal Size
 */

a.green-button,a.blue-button {

    color: #000000 !important;
    display: block;
    float: left;
    font-size: 11px !important;
    height: 23px;
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-weight: normal;
    line-height: 14px;

}
a.green-button > span, a.blue-button > span {

    display: block;
    line-height: 14px;
    padding: 4px 5px 5px 15px;

}

a.green-button:active,a.blue-button:active {

    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */

}
a.green-button:active span,a.blue-button:active span {

    background-position: bottom left;
    padding: 5px 5px 4px 15px; /* push text down 1px */

}

a.blue-button {
    background: transparent url('/static/images/template/buttons/button-blue-right-beta.png') no-repeat scroll top right;
}
a.blue-button span {
    background: transparent url('/static/images/template/buttons/button-blue-left-beta.png') no-repeat;
}

a.green-button {
    background: transparent url('/static/images/template/buttons/button-green-right-beta.png') no-repeat scroll top right;
}
a.green-button span {
    background: transparent url('/static/images/template/buttons/button-green-left-beta.png') no-repeat;
}

/*
 * Small
 */

a.green-button-small,a.blue-button-small,a.orange-button-small {

    color: #000000 !important;
    display: block;
    float: left;
    font-size: 11px !important;
    height: 19px;
    margin-right: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-weight: normal;

}
a.green-button-small > span, a.blue-button-small > span, a.orange-button-small > span {

    display: block;
    line-height: 14px;
    padding: 2px 5px 3px 15px;

}

a.green-button-small:active,a.blue-button-small:active,a.orange-button-small:active {

    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */

}
a.green-button-small:active span,a.blue-button-small:active span,a.orange-button-small:active span {

    background-position: bottom left;
    padding: 3px 5px 2px 15px; /* push text down 1px */

}

a.blue-button-small {
    background: transparent url('/static/images/template/buttons/button-blue-right-small-beta.png') no-repeat scroll top right;
}
a.blue-button-small span {
    background: transparent url('/static/images/template/buttons/button-blue-left-small-beta.png') no-repeat;
}

a.green-button-small {
    background: transparent url('/static/images/template/buttons/button-green-right-small-beta.png') no-repeat scroll top right;
}
a.green-button-small span {
    background: transparent url('/static/images/template/buttons/button-green-left-small-beta.png') no-repeat;
}

a.orange-button-small {
    background: transparent url('/static/images/template/buttons/button-orange-right-small-beta.png') no-repeat scroll top right;
}
a.orange-button-small span {
    background: transparent url('/static/images/template/buttons/button-orange-left-small-beta.png') no-repeat;
}


select.blue-select-small {

    border: 1px solid #6493AC;

    background: #65b8e5;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(113,141,190)),
                                       color-stop(1, rgb(101,184,229))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(113,141,190) 0%,
                                           rgb(101,184,229) 100%
    );
    background-image: -o-linear-gradient(
        bottom,
        rgb(113,141,190),
                                         rgb(101,184,229)
    );

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 20px;
    outline: none;
    font-size: 12px;

}

select.green-select-small {

    border: 1px solid #4c9351;

    background: #8adb91;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(86,174,92)),
                                       color-stop(1, rgb(138,219,145))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(86,174,92) 0%,
                                           rgb(138,219,145) 100%
    );
    background-image: -o-linear-gradient(
        bottom,
        rgb(86,174,92),
                                         rgb(138,219,145)
    );

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 20px;
    outline: none;
    font-size: 12px;

}

input[type='checkbox'].black-checkbox-small {
    /* Nothing */
}

a.black-checkbox-small {
    display: inline-block;
    display: none;
    width: 10px;
    height: 10px;
    font-size: 24px;
    line-height: 8px;
    text-align: center;
    color: transparent;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    border: 1px solid #000000;
    /* background: transparent url('/static/images/template/public/black-checkbox-sprite.png') no-repeat -500px -500px; */
    background: #f2f2f2;
}

a.black-checkbox-small-active {
    /* background: transparent url('/static/images/template/public/black-checkbox-sprite.png') no-repeat 0px 0px; */
    /* background: #336699; */
    color: #000000;
}

span.black-checkbox-small {
    display: block;
    width: 19px;
    height: 19px;

    border: none;
    border-image: none;
}