﻿button.button-green, a.button-green {
    background: url("/Content/images/green-btn-right.png") no-repeat scroll right center transparent;
    border: medium none;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0 5px 0 0;
    padding: 0 14px 0 5px;
    line-height: 15px !important;
    text-decoration: none;
    *width: auto;
    *overflow: visible;
}

    button.button-green span, a.button-green span {
        background: url("/Content/images/green-btn-left.png") no-repeat scroll left center transparent;
        border: medium none;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-size: 13px !important;
        font-weight: bold;
        font-family: Arial,Verdana,sans-serif !important;
        height: 26px !important;
        line-height: 24px !important;
        margin: 0 !important;
        padding: 2px 20px 0 36px;
        *white-space: nowrap;
    }

button:disabled span {
    color: #C0C0C0 !important;
}

a:disabled span {
    color: #C0C0C0 !important;
}

a.button-green {
    display: inline-block;
    text-decoration: none !important;
}

button.button-gray, a.button-gray {
    background: url("/Content/images/cancel-right.png") no-repeat scroll right center transparent;
    border: 0;
    color: #666666;
    font-size: 12px !important;
    font-weight: normal !important;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 14px 0 5px;
    line-height: 15px !important;
    text-decoration: none;
    *width: auto;
    *overflow: visible;
}

    button.button-gray span, a.button-gray span {
        background: url("/Content/images/cancel-left.png") no-repeat scroll left top transparent;
        color: #666666;
        display: block;
        margin: 0 !important;
        font-size: 13px !important;
        font-weight: bold;
        font-family: Arial,Verdana,sans-serif !important;
        height: 26px !important;
        line-height: 24px !important;
        padding: 2px 7px 0 25px;
        *white-space: nowrap;
    }

a.button-gray {
    display: inline-block;
    text-decoration: none !important;
}

button.button-orange, a.button-orange {
    background: url("/Content/images/orange-btn-right.png") no-repeat scroll right center transparent;
    color: #f75b30;
    font-size: 12px !important;
    font-weight: normal !important;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 0 14px 0 5px;
    line-height: 15px !important;
    text-decoration: none;
    *width: auto;
    *overflow: visible;
}

    button.button-orange span, a.button-orange span {
        background: url("/Content/images/orange-btn-left.png") no-repeat scroll left top transparent;
        color: white;
        display: block;
        font-size: 13px !important;
        font-weight: bold;
        font-family: Arial,Verdana,sans-serif !important;
        height: 26px !important;
        line-height: 24px !important;
        padding: 2px 7px 0 25px;
        *white-space: nowrap;
    }

a.button-orange {
    display: inline-block;
    text-decoration: none !important;
}
/*

button.button-gray span:hover, a.button-gray span:hover
{
    color:#909090;
}
*/
button.facebook-button {
    background: transparent url('/content/images/fb-connect.jpg') no-repeat left top;
    width: 194px;
    height: 40px;
    border: 0;
    cursor: pointer;
}

button.facebook-login-button {
    background: transparent url('/content/images/facebook-login-button.png') no-repeat left top;
    width: 100%;
    height: 35px;
    border: 0;
    cursor: pointer;
}

input[type="button"].flexi-button, input[type="submit"].flexi-button, input[type="reset"].flexi-button, button {
    border: 0;
    padding: 0;
}

.rounded-20 {
	border-radius: 20px !important;
}

.flexi-button, .flexi-button:visited {
    background: #222 url('/Content/images/button-overlay.png') repeat-x;
    border: 1px solid #222;
    display: inline-block;
    padding: 7px 16px;
    color: #fff;
    text-decoration: none !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin: 0px 3px;
}

    .flexi-button:hover {
        background-color: #111111;
        color: #FFFFFF;
    }

    .flexi-button:active {
        top: 1px;
    }

a.small.flexi-button {
    padding-bottom: 8px;
}

.small.flexi-button, .small.flexi-button:visited {
    font-size: 12px;
    padding: 7px 18px;
}

.flexi-button, .flexi-button:visited, .medium.flexi-button, .medium.flexi-button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.flexi-button, .large.flexi-button:visited {
    font-size: 14px;
    padding: 10px 16px 11px;
}

.extra-large.flexi-button, .extra-large.flexi-button:visited {
    font-size: 16px;
    padding: 12px 18px 13px;
}

.green.flexi-button, .green.flexi-button:visited {
    background-color: #04930A;
    border: 1px solid #04930A;
}

    .green.flexi-button:hover {
        background-color: #067604;
    }

.blue.flexi-button, .blue.flexi-button:visited {
    background-color: #2daebf;
    border: 1px solid #2daebf;
}

    .blue.flexi-button:hover {
        background-color: #007d9a;
    }

.red.flexi-button, .red.flexi-button:visited {
    background-color: #e33100;
    border: 1px solid #e33100;
}

    .red.flexi-button:hover {
        background-color: #C02300;
    }

.magenta.flexi-button, .magenta.flexi-button:visited {
    background-color: #a9014b;
    border: 1px solid #a9014b;
}

    .magenta.flexi-button:hover {
        background-color: #630030;
    }

.orange.flexi-button, .orange.flexi-button:visited {
    background-color: #ff5c00;
    border: 1px solid #ff5c00;
}

    .orange.flexi-button:hover {
        background-color: #d45500;
    }

.yellow.flexi-button, .yellow.flexi-button:visited {
    background-color: #ffb515;
    border: 1px solid #ffb515;
}

    .yellow.flexi-button:hover {
        background-color: #fc9200;
    }

.gray.flexi-button, .gray.flexi-button:visited {
    background-color: #DDD;
    text-shadow: none;
    color: #555;
    border: 1px solid #CCC;
}

    .gray.flexi-button:hover {
        background-color: #CCC;
    }
