.buttons_bottom {
    clear      : both;
    float      : none;
    margin     : 4px;
    text-align : right;
}

.top_dashed {
    margin-top  : 16px;
    padding-top : 8px;
    border-top  : 1px dashed gray;
}

a.back_link {
    background   : url('/img/arrow_prev.gif') no-repeat 0 0.6em;
    padding-left : 20px;
    margin-right : 32px;
}

a.card {
    display     : inline;
    padding     : 0 0 0 24px;
    line-height : 18px;
    height      : 18px;
    background  : url('/img/preferences.png') no-repeat 0 0;
}

a.upload {
    background : url('/img/upload.png') no-repeat 0 2px;
}

a.people {
    background : url('/img/people.png') no-repeat 0 2px;
}

a.reset {
    background : url('/img/reset.png') no-repeat 0 2px;
}

a.view {
    background : url('/img/preview16.png') no-repeat 0 2px;
}

a.user {
    background : url('/img/user_red.png') no-repeat 0 2px;
}

a.danger_link {
    color : maroon;
}

a.right_link {
    text-align : right;
    float      : right;
}

a.danger_link:hover {
    color : #d02e65;
}

a.separated_link {
    margin-left : 3em;
}

a.cancel_link {
    color : maroon;
}

a.cancel_link:hover {
    color : red;
}

a.forward_left_link {
    background   : url('/img/arrow_next.gif') no-repeat 0 0.5em;
    padding-left : 20px;
    margin-right : 8px;
}

a.add_link {
    background   : url('/img/add.png') no-repeat 0 0;
    margin-left  : 4px;
    padding-left : 20px;
    margin-right : 32px;
}

a.button {
    margin          : 0 0 0 2px;
    text-decoration : none;
    font-size       : 1em;
    font-family     : Arial, 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
    display         : inline-block;
    text-align      : center;
    color           : #fff;
    /*border-radius   : 2px;*/
    /*
    transition-property: background-color;
    */
}

a.button span:before {
    content    : '';
    position   : absolute;
    bottom     : -2px;
    left       : -16px;
    right      : -16px;
    height     : 24px;
    box-shadow : inset 0 -16px 10px rgba(0, 0, 0, 0.05);
    z-index    : 1;
}

a.button {
    color            : #444;
    text-decoration  : none;
    background-color : #f2f2f2;
    /*
    transition-property: color;
    transition-duration: 0.2s;
    */
}

a.button:hover {
    text-decoration : none;
}

a.button span {
    display    : block;
    padding    : 8px 24px;
    border     : 1px solid rgba(0, 0, 0, 0.2);
    box-shadow : inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position   : relative;
    overflow   : hidden;
    /*
    transition-property: color;
    transition-duration: 0.2s;
    */
    /*text-shadow : 0 1px 0 rgba(255, 255, 255, 0.4);*/
}

a.button:hover span, a.button:active span, a.button:focus span {
    text-decoration : underline;
    text-shadow     : none;
}

a.button:active {
    position : relative;
    top      : 1px;
}

/* blue */
a.button-blue {
    background : #4096ee;
}

a.button-blue {
    color : #fff;
}

a.button-blue:hover {
    background : #66c1ff;
}

/* disabled */
a.button-disabled, a.button-disabled span {
    background     : #f8f8f8;
    color          : #ccc;
    border-color   : #eee;
    cursor         : default;
    text-shadow    : none;
    box-shadow     : none;
    pointer-events : none;
}

a.button-disabled span:before {
    display : none;
}

a.button-disabled:hover {
    background : #f2f2f2;
    color      : gray;
}

a.button-disabled:active {
    cursor     : default;
    color      : gray;
    background : #f2f2f2;
}

/* brown */
.button-brown {
    background : #8f3714;
}

.button-brown:hover {
    background : #bf6f50;
}

.button-brown:active {
    background : #8f3714;
}

/* green */
a.button-green {
    background : #afef00;
}

a.button-green, a.button-green span {
    color : green;
}

a.button-green:hover {
    background : #b0ff51;
}

a.button-green:hover span {
    color : #000;
}

/* red */
a.button-red {
    background : #dd1c1c;
}

a.button-red, a.button-red span {
    color : #fff;
}

a.button-red:hover {
    background : #ff2121;
}

a.button-red:hover span {
    color : #000;
}

a.button-red:active {
    background : #D82741;
}

/*----------------------------*/
a.button-purple {
    background : #c321ff;
    color      : #ffdcff;
}

a.button-purple:hover {
    background : #d772ff;
    color      : #fff;
}

a.button-purple:active {
    background : #c321ff;
    color      : #fff;
}

/*----------------------------*/
a.button-black {
    background : #141414;
    color      : #fff;
}

a.button-black:hover {
    background : #656565;
}

a.button-black:active {
    background : #141414;
}

/*----------------------------*/
a.button-orange {
    background : #FCAF3E;
}

a.button-orange, a.button-orange span {
    color : #000;
}

a.button-orange:hover {
    background : #ffd15e;
}

a.button-orange:hover span {
    color : #A55900;
}

/*----------------------------*/
a.button-down {
    background : #d17d00;
    box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.9);
}

/*----------------------------*/
a.button-silver {
    background : #c5c5c5;
}

a.button-silver:hover {
    background : #eaeaea;
}

/*
checkboxes
*/
.checkbox_class {
    display : none;
}

.checkbox_label_class {
    vertical-align : middle;
    height         : 24px;
    display        : block;
    text-align     : left;
    padding-top    : 5px;
    font-size      : 9pt;
}

label {
    color  : #2f6193 !important;
    cursor : pointer;
}

.checkbox_label_class span {
    background    : url("/img/uncheck2.png") no-repeat top left;
    height        : 24px;
    width         : 24px;
    display       : block;
    cursor        : pointer;
    float         : left;
    padding-right : 0;
    margin-top    : -8px;
}

.checkbox_label_class:active, .checkbox_label_class:focus {
    text-decoration : underline;
}

.radio span {
    background-image : url("/img/uncheck_radio2.png");
}

.checkbox_label_class:hover {
    color : black;
}

.label_selected {
    vertical-align : middle;
    color          : #333;
    font-weight    : normal;
    width          : 24px;
    height         : 24px;
}

.label_selected span {
    background : url("/img/check2.png") no-repeat top left;
}

.label_selected.radio span {
    background-image : url("/img/check_radio2.png");
}

.label_disabled {
    color  : gray;
    cursor : default;
}

.label_disabled:hover {
    color : gray;
}

.label_disabled span {
    background-position : 0 -24px;
    color               : gray;
    font-weight         : normal;
    cursor              : default;
}

.preview {
    padding-left : 20px;
    background   : url('/img/view.png') no-repeat;
}

a.red {
    color       : maroon;
    font-weight : bold;
}

.new_object {
    float    : none;
    display  : block;
    clear    : both;
    margin   : 8px 1em;
    padding  : 8px 0;
    position : relative;
}

.new_object:before {
    content       : "";
    display       : block;

    border-top    : 8px solid transparent;
    border-bottom : 8px solid transparent;
    border-left   : 8px solid #FFCD37;
    box-shadow    : none;

    position      : absolute;
    top           : 16px;
    left          : -32px;
    padding       : 0;
}

/*
 * long button
 */
b.minibutton {
    height           : 25px;
    float            : left;
    display          : block;
    /*border-radius    : 2px;*/
    padding          : 0;
    margin           : 0 1px;
    border           : 1px solid #ccc;
    background-color : #fff;
    box-shadow       : inset 0 -8px 8px #eee;
}

b.minibutton:hover {
    border : 1px solid #ffa500;
}

b.minibutton a {
    text-decoration : none;
}

b.minibutton a:focus, b.minibutton a:active {
    text-decoration : none;
}

b.minibutton span {
    color           : #333;
    display         : block;
    font-size       : 8pt;
    text-decoration : none;
    font-weight     : normal;
    padding         : 6px 8px 0 8px;
}

b.minibutton a:hover {
    text-decoration : none;
}

b.down {
    background : #fcd911;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDkxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmIwMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top, #fcd911 0%, #efb002 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcd911), color-stop(100%, #efb002));
    background : -webkit-linear-gradient(top, #fcd911 0%, #efb002 100%);
    background : -o-linear-gradient(top, #fcd911 0%, #efb002 100%);
    background : -ms-linear-gradient(top, #fcd911 0%, #efb002 100%);
    background : linear-gradient(top, #fcd911 0%, #efb002 100%);
    border     : 1px solid #D6AB11;
    box-shadow : inset 0 4px 4px rgba(0, 0, 0, 0.3);
}

b.down span {
    color : #000;
}

a.pull-right {
    display : inline-block;
    float   : right;
}

a.pull-left {
    display : inline-block;
    float   : left;
}

a.button-mini {
    padding     : 0;
    height      : auto !important;
    width       : auto !important;
    line-height : normal;
}

a.button-mini span {
    padding     : 2px 8px;
    height      : auto !important;
    width       : auto !important;
    line-height : normal;
    font-size   : 8pt;
}