/**
    Please refer to button.ftl for HTML markup
**/
.emc-wrapper .button, .modal-dialog-contents .button { 
    display: inline-block; white-space: nowrap; height: 24px; cursor: pointer; text-align: center;
}

.emc-wrapper .button .button-l, .modal-dialog-contents .button .button-l { display: block; height: 24px;
    padding-left: 6px;
    background: url(../../../images/EMC_Image_C_1294179769662_button-corners.png) left top;
}

.emc-wrapper .button .button-r, .modal-dialog-contents .button .button-r {
    display: block;
    height: 24px;
    padding-right: 6px;
    background: url(../../../images/EMC_Image_C_1294179769662_button-corners.png) right top;
}
.emc-wrapper .button .button-label, .modal-dialog-contents .button .button-label {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    background: url(../../../images/EMC_Image_C_1294179769646_button-mid.png) left top repeat-x;
}

.emc-wrapper .button .icon, .modal-dialog-contents .button .icon {
    display: block;
    text-align: left;
    padding-right: 30px;
}

/* icons */
.emc-wrapper .button .open-window, .modal-dialog-contents .button .open-window { background: url(../../../images/EMC_Image_C_1294179768349_open-window.gif) no-repeat right center; }

/* button variations */
.emc-wrapper .button-blue .button-l, .modal-dialog-contents .button-blue .button-l { background: url(../../../images/EMC_Image_C_1294179769628_button-blue-corners.png) left top; }
.emc-wrapper .button-blue .button-r, .modal-dialog-contents .button-blue .button-r { background: url(../../../images/EMC_Image_C_1294179769628_button-blue-corners.png) right top;}
.emc-wrapper .button-blue .button-label, .modal-dialog-contents .button-blue .button-label { text-transform: uppercase; padding: 0 10px; background: #1060b2 url(../../../images/EMC_Image_C_1294179769646_button-blue-mid.png) left top repeat-x; }

.emc-wrapper .button-gray .button-l, .modal-dialog-contents .button-gray .button-l{ background: url(../../../images/EMC_Image_C_1294179769678_button-gray-corners.png) left top; }
.emc-wrapper .button-gray .button-r, .modal-dialog-contents .button-gray .button-r{ background: url(../../../images/EMC_Image_C_1294179769678_button-gray-corners.png) right top;}
.emc-wrapper .button-gray .button-label, .modal-dialog-contents .button-gray .button-label{ text-transform: uppercase; padding: 0 10px; background: #434343 url(../../../images/EMC_Image_C_1294179774589_button-gray-mid.png) left top repeat-x; }

.emc-wrapper .button-action .button-l, .modal-dialog-contents .button-action .button-l{ background: url(../../../images/EMC_Image_C_1306517211947_button-action-corners.png) left top no-repeat; }
.emc-wrapper .button-action .button-r , .modal-dialog-contents .button-action .button-r { background: url(../../../images/EMC_Image_C_1306517211947_button-action-corners.png) right top;}
.emc-wrapper .button-action .button-label, .modal-dialog-contents .button-action .button-label{ text-transform: uppercase; padding: 0 10px; background: #a3a3a3 url(../../../images/EMC_Image_C_1306507121282_button-action-mid.png) left top repeat-x; color: #f9f9f9; }

.emc-wrapper .button-disabled , .modal-dialog-contents .button-disabled{cursor: default;}
.emc-wrapper .button-disabled .button-l, .modal-dialog-contents .button-disabled .button-l{ background: url(../../../images/EMC_Image_C_1306517057276_button-disabled-corners.png) left top no-repeat; }
.emc-wrapper .button-disabled .button-r , .modal-dialog-contents .button-disabled .button-r{ background: url(../../../images/EMC_Image_C_1306517057276_button-disabled-corners.png) right top;}
.emc-wrapper .button-disabled .button-label, .modal-dialog-contents .button-disabled .button-label{ text-transform: uppercase; padding: 0 10px; background: #a3a3a3 url(../../../images/EMC_Image_C_1306517057260_button-disabled-mid.png) left top repeat-x; color: #999;}

/* hover state */
.emc-wrapper .button:hover, .modal-dialog-contents .button:hover{ text-decoration: none; background: none;}
.emc-wrapper .button:hover .button-l , .modal-dialog-contents .button:hover .button-l{ background-position: left bottom;}
.emc-wrapper .button:hover .button-r, .modal-dialog-contents .button:hover .button-r{ background-position: right bottom; }
.emc-wrapper .button:hover .button-label, .modal-dialog-contents .button:hover .button-label{ background-position: left bottom; }

.emc-wrapper a.button-blue:hover .button-l,
.emc-wrapper a.button-blue:hover .button-label,
.emc-wrapper a.button-gray:hover .button-l,
.emc-wrapper a.button-gray:hover .button-label,
.emc-wrapper a.button-action:hover .button-l,
.emc-wrapper a.button-action:hover .button-label,
.modal-dialog-contents a.button-blue:hover .button-l,
.modal-dialog-contents a.button-blue:hover .button-label,
.modal-dialog-contents a.button-gray:hover .button-l,
.modal-dialog-contents a.button-gray:hover .button-label,
.modal-dialog-contents a.button-action:hover .button-l,
.modal-dialog-contents a.button-action:hover .button-label
{background-position: left bottom;}

.emc-wrapper a.button-blue:hover .button-r,
.emc-wrapper a.button-action:hover .button-r,
.emc-wrapper a.button-gray:hover .button-r, 
.modal-dialog-contents a.button-blue:hover .button-r,
.modal-dialog-contents a.button-action:hover .button-r,
.modal-dialog-contents a.button-gray:hover .button-r 
{background-position: right bottom;}


/** KEEP HACKS AT THE END **/

/* ie6 hacks */
.x-ie6 .emc-wrapper .button, .x-ie6 .button {
    display: inline;
    zoom: 1;
    width: 1%;
}

/* ie9 hacks, seriously */
.x-ie9 .emc-wrapper .button, .x-ie9 .button,
.x-ie9 .emc-wrapper .button .button-l, .x-ie9 .button .button-l,
.x-ie9 .emc-wrapper .button .button-r, .x-ie9 .button .button-r{
    display: inline-block;
}