/* buttons */
.button, a.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin: 2px;
}

    .button.minor {
        padding: 0.5em;
    }

    .button:hover, a.button:hover {
        text-decoration: none;
        /*color:White*/
    }

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

.icon-button, a.icon-button {
    padding: .25em 1em .45em 1em;
    vertical-align: middle;
}

    .icon-button img {
        height: 20px;
        padding-top: .3em;
        float: left;
        margin-right: 10px;
    }

    .icon-button span {
        padding-top: .5em;
        float: left;
    }

.icon-button-space {
    float: left;
    /* width: 40px; */
    padding: 5px;
    min-width: 25px;
}

.image-button img {
    height: 20px;
    padding-top: .3em;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.inner-button-box, .inner-button-icon {
    position: relative;
    float: left;
    clear: none;
}

    .inner-button-box .image-link {
        position: absolute;
        right: -8px;
        top: 5px;
    }

        .inner-button-box .image-link img {
            height: 22px;
        }

.inner-button-icon .image-link {
    position: absolute;
    right: 24px;
    top: 5px;
}



.inner-box img {
    /*background-color: #F0F0F0;*/
    /*margin-left: -25px;*/
    /*margin-top: 2px;*/
    height: 22px;
    float: right;
    margin-left: 0px;
    margin-right: 2px;
}

.save-icon-button {
    background: url(/images/icons/save.png) no-repeat top left;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border: 0px;
}
/* Colours */
.orange, a.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

.green, a.green {
    color: #e8f0de !important;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

    .green:hover, a.green:hover {
        background: #538018;
        color: #e8f0de !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
        background: -moz-linear-gradient(top, #6b9d28, #436b0c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
    }

    .green:active, a.green:active {
        color: #a9c08c !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
        background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
    }

.red, a.red {
    color: #faddde !important;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    font-weight: bold;
}

.white, a.white {
    color: #606060 !important;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

/* blue */
.blue, a.blue {
    color: #d9eef7 !important;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

    .blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #0095cc, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
    }

    .blue:active {
        color: #80bed6 !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top, #0078a5, #00adee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
    }


.button.button-small {
    padding: 5px 15px 5px 15px;
}
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 650px) {

    .icon-button img {
        display: none;
    }
}



/* *****************************
 * MVC Uploader Button Styling *
 * *****************************/
span.btn, button.btn-primary, button.btn-warning, button.btn-danger:not(.btn.btn-danger) {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

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

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

span.btn-success, button.btn-primary {
    color: #e8f0de !important;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

button.btn-warning:not(.btn.btn-warning) {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

button.btn-danger:not(.btn.btn-danger) {
    color: #faddde !important;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

span.btn i.iconplus {
    background: url(../Images/icons/white-plus.png);
}

.icon-button img {
    height: 20px;
    padding-top: .3em;
    float: left;
    margin-right: 10px;
}

.icon-button span {
    padding-top: .5em;
    float: left;
}