/*Thanks to http://cssgradientbutton.com/*/


.otcButtonBlue {
    border: 1px solid #102044;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #1B3571;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3571), to(#101F42));
    background-image: -webkit-linear-gradient(top, #1B3571, #101F42);
    background-image: -moz-linear-gradient(top, #1B3571, #101F42);
    background-image: -ms-linear-gradient(top, #1B3571, #101F42);
    background-image: -o-linear-gradient(top, #1B3571, #101F42);
    background-image: linear-gradient(to bottom, #1B3571, #101F42);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1B3571, endColorstr=#101F42);
}
    .otcButtonBlue:hover {
        border: 1px solid #070e1f;
        background-color: #101F42;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#101F42), to(#0E1C3B));
        background-image: -webkit-linear-gradient(top, #101F42, #0E1C3B);
        background-image: -moz-linear-gradient(top, #101F42, #0E1C3B);
        background-image: -ms-linear-gradient(top, #101F42, #0E1C3B);
        background-image: -o-linear-gradient(top, #101F42, #0E1C3B);
        background-image: linear-gradient(to bottom, #101F42, #0E1C3B);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#101F42, endColorstr=#0E1C3B);
    }

.otcButtonGreen {
    border: 1px solid #146400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;    
    width: 100px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #008000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#006B00));
    background-image: -webkit-linear-gradient(top, #008000, #006B00);
    background-image: -moz-linear-gradient(top, #008000, #006B00);
    background-image: -ms-linear-gradient(top, #008000, #006B00);
    background-image: -o-linear-gradient(top, #008000, #006B00);
    background-image: linear-gradient(to bottom, #008000, #006B00);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#008000, endColorstr=#006B00);
}

    .otcButtonGreen:hover {
        background-color: #004d00;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#004d00), to(#003800));
        background-image: -webkit-linear-gradient(top, #004d00, #003800);
        background-image: -moz-linear-gradient(top, #004d00, #003800);
        background-image: -ms-linear-gradient(top, #004d00, #003800);
        background-image: -o-linear-gradient(top, #004d00, #003800);
        background-image: linear-gradient(to bottom, #004d00, #003800);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#004d00, endColorstr=#003800);
    }

.otcButtonRed {
    border: 1px solid #146400; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;    
    width: 100px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF !important;
    background-color: #773517;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#773517), to(#773517));
    background-image: -webkit-linear-gradient(top, #773517, #773517);
    background-image: -moz-linear-gradient(top, #773517, #773517);
    background-image: -ms-linear-gradient(top, #773517, #773517);
    background-image: -o-linear-gradient(top, #773517, #773517);
    background-image: linear-gradient(to bottom, #773517, #773517);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#773517, endColorstr=#773517);
}

    .otcButtonRed:hover {
        background-color: #773517;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#660000));
        background-image: -webkit-linear-gradient(top, #660000, #660000);
        background-image: -moz-linear-gradient(top, #660000, #660000);
        background-image: -ms-linear-gradient(top, #660000, #660000);
        background-image: -o-linear-gradient(top, #660000, #660000);
        background-image: linear-gradient(to bottom, #660000, #660000);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#660000, endColorstr=#660000);
    }
    
.otcButtonTiny {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}

.otcButtonBig {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}