/* <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> */
@-webkit-keyframes montage-button-light-busy {
    0% {
        background-color: #ccc;
    }
    50% {
        background-color: #e6e6e6;
    }
    100% {
        background-color: #ccc;
    }
}
@-webkit-keyframes montage-button-dark-busy {
    0% {
        background-color: #404040;
        color: #a0a0a0;
    }
    50% {
        background-color: #505050;
        color: #bbb;
    }
    100% {
        background-color: #404040;
        color: #a0a0a0;
    }
}
.montage-button.busy {
    -webkit-animation-delay: 100ms !important;
}

.montage-button.text:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 26px;
    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
}

.montage-button.text {
    outline: none;
    position: relative;
    left: 1px;
    top: 1px;
    cursor: pointer;
    -webkit-user-select: none;
    display: inline-block;
    padding: 2px 32px 0 32px;
    height: 48px;
    border-radius: 26px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #000;
    -webkit-transition: background 150ms;
}

.montage-button.text:active, .montage-button.text.busy {
    background: #ccc;
}

.montage-button.text.busy {
    -webkit-animation: montage-button-light-busy 1.1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    cursor: default;
}

.montage-button.text.disabled:before {
    -webkit-box-shadow: none;
}

.montage-button.text.disabled {
    background: none;
    color: #969696;
}

.montage-button.submit:before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 2px solid #0cbeff;
    border-radius: 26px;
    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
}

.montage-button.submit:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 1px 2px #066283, inset 0 1px 2px #066283;
}

.montage-button.submit {
    outline: none;
    position: relative;
    left: 1px;
    top: 1px;
    margin: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    display: inline-block;
    padding: 2px 31px 0 31px;
    height: 40px;
    border: 1px solid #f3f3f3;
    border-radius: 26px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
    line-height: 40px;
    font-size: 18px;
    color: #0f9ed2;
    -webkit-transition-duration: 150ms;
    -webkit-transition-property: background, color;
    -webkit-box-shadow: 0 1px 0 #0988b7, 0 2px 0 #0988b7, 0 -2px 0 #0988b7, -2px 0 0 #0988b7, 2px 0 0 #0988b7;
}

.montage-button.submit:active, .montage-button.submit.busy {
    border: 1px solid #0988b7;
    color: #666;
    -webkit-box-shadow: 0 1px 0 #afeaff, 0 2px 0 #0cbeff, 0 -2px 0 #0cbeff, -2px 0 0 #0cbeff, 2px 0 0 #0cbeff;
    background: #ccc;
}

.montage-button.submit.disabled:before {
    -webkit-box-shadow: none;
    border: 1px solid #acacac;
}

.montage-button.submit.disabled {
    -webkit-box-shadow: none;
    background: none;
    color: #969696;
    border: 1px solid transparent;
}

.montage-button.submit.disabled:after {
    -webkit-box-shadow: none;
}

.montage-button.submit.busy {
    -webkit-animation: montage-button-light-busy 1.1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    cursor: default;
}

.montage-button.cancel:before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 2px solid #dc4d48;
    border-radius: 26px;
    -webkit-box-shadow: 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
}

.montage-button.cancel:after {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border-radius: 26px;
    -webkit-box-shadow: inset 0 1px 2px #742b28, inset 0 1px 2px #742b28;
    opacity: .8;
}

.montage-button.cancel {
    outline: none;
    position: relative;
    left: 1px;
    top: 1px;
    margin: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    display: inline-block;
    padding: 2px 31px 0 31px;
    height: 40px;
    border: 1px solid #f3f3f3;
    border-radius: 26px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6)), #E6E6E6;
    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
    line-height: 40px;
    font-size: 18px;
    color: #d23f3a;
    -webkit-transition-duration: 150ms;
    -webkit-transition-property: background, color;
    -webkit-box-shadow: 0 1px 0 #dc4d48, 0 2px 0 #a9403a, 0 -2px 0 #a9403a, -2px 0 0 #a9403a, 2px 0 0 #a9403a;
}

.montage-button.cancel:active, .montage-button.cancel.busy {
    border: 1px solid #a9403a;
    color: #666;
    -webkit-box-shadow: 0 1px 0 #f5c7c5, 0 2px 0 #dc4d48, 0 -2px 0 #dc4d48, -2px 0 0 #dc4d48, 2px 0 0 #dc4d48;
    background: #ccc;
}

.montage-button.cancel.busy {
    -webkit-animation: montage-button-light-busy 1.1s infinite;
    -webkit-animation-timing-function: ease-in-out;
    cursor: default;
}

.montage-button.cancel.disabled:before {
    -webkit-box-shadow: none;
    border: 1px solid #acacac;
}

.montage-button.cancel.disabled {
    -webkit-box-shadow: none;
    background: none;
    color: #969696;
    border: 1px solid transparent;
}

.montage-button.cancel.disabled:after {
    -webkit-box-shadow: none;
}

.montage-button.text.dark:before {
    border: 1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1);
}

.montage-button.text.dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#5c5c5c)), #5c5c5c;
    color: #fff;
    text-shadow: 0 0 2px #404040;
    -webkit-transition-duration: 150ms;
    -webkit-transition-property: background, color;
}

.montage-button.text.dark:active, .montage-button.text.dark.busy {
    background: #404040;
    color: #a0a0a0;
}

.montage-button.text.dark.busy {
    -webkit-animation: montage-button-dark-busy 1.1s infinite;
}

.montage-button.text.dark.disabled:before {
    -webkit-box-shadow: none;
}

.montage-button.text.dark.disabled {
    background: none;
    color: #333;
    text-shadow: none;
}

.montage-button.submit.dark:before {
    border: 1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1), inset 0 2px 0 #0aa0d8, inset 0 -2px 0 #0aa0d8;
}

.montage-button.submit.dark:after {
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    -webkit-box-shadow: inset 0 1px 2px #066283;
    opacity: 1;
}

.montage-button.submit.dark {
    margin: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#616161)), #616161;
    color: #fff;
    border: none;
    text-shadow: 0 0 2px #404040;
    -webkit-box-shadow: inset 0 1px 0 #3f6d7e, inset 1px 0 0 #044259, inset -1px 0 0 #044259, inset 0 -1px 0 #044259, 0 1px 1px #087faa, 0 1px 1px #087faa, 0 1px 0 #0aa0d8, 0 3px 0 #0aa0d8, 0 -3px 0 #0aa0d8, -3px 0 0 #0aa0d8, 3px 0 0 #0aa0d8;
}

.montage-button.submit.dark:active, .montage-button.submit.dark.busy {
    color: #a0a0a0;
    -webkit-box-shadow: inset 0 0 1px #033040, inset 0 0 1px #033040, 0 1px 1px #45cdff, 0 1px 0 #0aa0d8, 0 3px 0 #0aa0d8, 0 -3px 0 #0aa0d8, -3px 0 0 #0aa0d8, 3px 0 0 #0aa0d8;
    background: #404040;
}

.montage-button.submit.dark.busy {
    -webkit-animation: montage-button-dark-busy 1.1s infinite;
}

.montage-button.submit.dark.disabled:before {
    -webkit-box-shadow: none;
}

.montage-button.submit.dark.disabled {
    -webkit-box-shadow: none;
    background: none;
    border: none;
    color: #333;
    text-shadow: none;
}

.montage-button.submit.dark.disabled:after {
    -webkit-box-shadow: none;
}

.montage-button.cancel.dark:before {
    border: 1px solid rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1), inset 0 2px 0 #b53732, inset 0 -2px 0 #b53732;
}

.montage-button.cancel.dark:after {
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    -webkit-box-shadow: inset 0 1px 2px #932c29, inset 0 1px 2px #932c29;
    opacity: 1;
}

.montage-button.cancel.dark {
    margin: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#616161)), #616161;
    color: #fff;
    border: none;
    text-shadow: 0 0 2px #404040;
    -webkit-box-shadow: inset 0 1px 0 #7c7c7c, 0 3px 0 #b53732, 0 -3px 0 #b53732, -3px 0 0 #b53732, 3px 0 0 #b53732;
}

.montage-button.cancel.dark:active, .montage-button.cancel.dark.busy {
    color: #a0a0a0;
    -webkit-box-shadow: inset 0 1px #852824, inset 0 -1px #852824, 0 1px #dd6c68, 0 3px 0 #b53732, 0 -3px 0 #b53732, -3px 0 0 #b53732, 3px 0 0 #b53732;
    background: #404040;
}

.montage-button.cancel.dark.busy {
    -webkit-animation: montage-button-dark-busy 1.1s infinite;
}

.montage-button.cancel.dark.disabled:before {
    -webkit-box-shadow: none;
}

.montage-button.cancel.dark.disabled {
    -webkit-box-shadow: none;
    background: none;
    border: none;
    color: #333;
    text-shadow: none;
}

.montage-button.cancel.dark.disabled:after {
    -webkit-box-shadow: none;
}

.montage-button.disabled {
    cursor: default;
}

/* Buttons icons (Used in conjunction with the iconic style in Button Groups)*/

.montage-button.text.icon > img,
.montage-button.submit.icon > img,
.montage-button.cancel.icon > img {
    float: left;
    margin-left: -6px;
    margin-right: 6px;
    margin-top: 6px;
    height: 26px;
    width: 26px;
}

.montage-button.text.icon > img {
    margin-top: 8px;
}