/*
This css file is based on the Silk skin from Telerik v2017Q2
This file handles all of the standard button styles
It sets the button to blue and then yellow when focused.
*/
/*

*/
span.RadButton_btnBlueYellow {
    height: auto;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    /*outline: none;*/
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -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.RadButton_btnBlueYellow.rbSkinnedButton,
    span.RadButton_btnBlueYellow.rbVerticalButton,
    span.RadButton_btnBlueYellow.rbLinkButton {
        color: #fff;
        border: solid 1px #031f64;
        background: #033764; /* For browsers that do not support gradients */
        background: linear-gradient(#034f64, #033764); /* Standard syntax */
        background: -webkit-gradient(linear, left top, left bottom, from(#034f64), to(#033764)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#034f64, #033764); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, #034f64, #033764); /* For Firefox 3.6 to 15 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034f64', endColorstr='#033764');
    }

    span.RadButton_btnBlueYellow.rbSkinnedButton {
        padding: 3px 0;
        border-width: 1px;
        border-style: solid;
    }

        span.RadButton_btnBlueYellow.rbSkinnedButton:focus,
        span.RadButton_btnBlueYellow.rbSkinnedButton:active {
            border-width: 1px;
        }

    span.RadButton_btnBlueYellow .rbDecorated {
        padding: 0 12px;
        height: auto;
        line-height: inherit;
    }


    span.RadButton_btnBlueYellow.rbNativeButton {
        padding: 0;
    }

    span.RadButton_btnBlueYellow.rbHovered,
    span.RadButton_btnBlueYellow.rbSkinnedButton:hover,
    span.RadButton_btnBlueYellow.rbVerticalButton:hover,
    span.RadButton_btnBlueYellow.rbLinkButton:hover,
    span.RadButton_btnBlueYellow.rbSkinnedButton:focus,
    span.RadButton_btnBlueYellow.rbVerticalButton:focus,
    span.RadButton_btnBlueYellow.rbLinkButton:focus {
        color: #033764;
        /*border: solid 1px #ffd500;*/
        border: solid 1px #c4c400;
        background: #ffff14; /* For browsers that do not support gradients */
        background: linear-gradient(#ffffc4, #ffff14); /* Standard syntax */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffc4), to(#ffff14)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ffffc4, #ffff14); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, #ffffc4, #ffff14); /* For Firefox 3.6 to 15 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc4', endColorstr='#ffff14');
    }

    span.RadButton_btnBlueYellow.rbPressedButton,
    span.RadButton_btnBlueYellow.rbSkinnedButton:active,
    span.RadButton_btnBlueYellow.rbVerticalButton:active,
    span.RadButton_btnBlueYellow.rbLinkButton:active,
    span.RadButton_btnBlueYellow.rbSkinnedButtonChecked,
    span.RadButton_btnBlueYellow.rbSkinnedButtonChecked:hover,
    span.RadButton_btnBlueYellow.rbLinkButtonChecked,
    span.RadButton_btnBlueYellow.rbLinkButtonChecked:hover,
    span.RadButton_btnBlueYellow.rbVerticalButtonChecked,
    span.RadButton_btnBlueYellow.rbVerticalButtonChecked:hover {
        color: #033764;
        border: solid 1px #ffaa00;
        background: #ffbf00; /* For browsers that do not support gradients */
        background: linear-gradient(yellow, #ffbf00); /* Standard syntax */
        background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(#ffbf00)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(yellow, #ffbf00); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, yellow, #ffbf00); /* For Firefox 3.6 to 15 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='#ffbf00');
    }