﻿div.primaryButtonStart, div.secondaryButtonStart, span.primaryButtonEnd, span.secondaryButtonEnd {
    display: block;
    float: left;
    background-color: transparent;
    background-image: url(../../images/global/btns-bg.png);
    background-repeat: no-repeat
}

div.primaryButtonStart, span.primaryButtonEnd {
    height: 30px;
    background-position: 0 -80px
}

div.secondaryButtonStart, span.secondaryButtonEnd {
    height: 20px;
    background-position: 0 0
}

span.primaryButtonEnd, span.secondaryButtonEnd {
    display: inline;
    margin-left: -20px;
    position: relative;
    right: -20px
}

div.primaryButtonStart, div.secondaryButtonStart {
    margin-right: 20px
}

div.primaryButtonStart {
    padding-left: 45px
}

div.secondaryButtonStart {
    padding-left: 20px
}

.ie6 span.primaryButtonEnd, .ie6 span.secondaryButtonEnd {
    background-color: #fff
}

span.primaryButtonEnd {
    background-position: 100% -80px
}

span.secondaryButtonEnd {
    background-position: 100% 0
}

.primaryButton, .secondaryButton {
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    text-align: center;
    text-shadow: -1px -1px 1px rgba(0,0,0,.3);
    vertical-align: top
}

.primaryButton {
    font-size: 14px;
    height: 28px;
    left: -45px;
    line-height: 28px;
    margin-right: -45px;
    padding: 0 30px 0 30px
}

.secondaryButton {
    font-size: 12px;
    height: 20px;
    left: -20px;
    line-height: 19px;
    margin-right: -20px;
    padding: 0 20px 2px 20px
}

a.primaryButton, a.secondaryButton {
    display: inline-block
}

.ie7 input.secondaryButton {
    line-height: 16px
}

.ie7 a.secondaryButton {
    line-height: 18px
}

.ie6 a.secondaryButton {
    height: 18px;
    line-height: 18px
}

input.primaryButton {
    width: 200px
}

a.primaryButton {
    width: 140px
}

    a.primaryButton:active, a.primaryButton:hover, a.primaryButton:link, a.primaryButton:visited, a.secondaryButton:active, a.secondaryButton:hover, a.secondaryButton:link, a.secondaryButton:visited {
        color: #fff
    }

    a.primaryButton:active, a.primaryButton:hover, a.secondaryButton:active, a.secondaryButton:hover {
        text-decoration: none
    }

div.primaryButtonStart:hover {
    background-position: 0 -110px
}

div.secondaryButtonStart:hover {
    background-position: 0 -20px
}

div.primaryButtonStart:hover span.primaryButtonEnd {
    background-position: 100% -110px
}

div.secondaryButtonStart:hover span.secondaryButtonEnd {
    background-position: 100% -20px
}

.ie6 input.primaryButton, .ie6 input.secondaryButton, .ie7 input.primaryButton, .ie7 input.secondaryButton {
    overflow: visible;
    top: 0
}

.ie6 input.primaryButton {
    line-height: 27px
}

.ie6 input.secondaryButton {
    line-height: 17px
}

div.chevron {
    background-position: 0 -140px
}

    div.chevron span {
        background-position: 100% -140px
    }

    div.chevron:hover {
        background-position: 0 -170px
    }

        div.chevron:hover span.primaryButtonEnd {
            background-position: 100% -170px
        }

div.padlock {
    background-position: 0 -200px
}

    div.padlock span {
        background-position: 100% -200px
    }

    div.padlock:hover {
        background-position: 0 -230px
    }

        div.padlock:hover span.primaryButtonEnd {
            background-position: 100% -230px
        }

div.bluePrimary {
    background-position: 0 -260px
}

    div.bluePrimary span {
        background-position: 100% -260px
    }

    div.bluePrimary:hover {
        background-position: 0 -290px
    }

        div.bluePrimary:hover span.primaryButtonEnd {
            background-position: 100% -290px
        }

div.bluePrimaryChevron {
    background-position: 0 -320px
}

    div.bluePrimaryChevron span {
        background-position: 100% -320px
    }

    div.bluePrimaryChevron:hover {
        background-position: 0 -350px
    }

        div.bluePrimaryChevron:hover span.primaryButtonEnd {
            background-position: 100% -350px
        }

div.dropdown {
    background-position: 0 -380px
}

    div.dropdown span {
        background-position: 100% -380px
    }

    div.dropdown:hover {
        background-position: 0 -400px
    }

        div.dropdown:hover span.secondaryButtonEnd {
            background-position: 100% -400px
        }

div.greenSecondary {
    background-position: 0 -40px
}

    div.greenSecondary span {
        background-position: 100% -40px
    }

    div.greenSecondary:hover {
        background-position: 0 -60px
    }

        div.greenSecondary:hover span.secondaryButtonEnd {
            background-position: 100% -60px
        }

input.linkButton {
    background: 0 0;
    border: none;
    color: #069;
    cursor: pointer;
    margin: 0;
    padding: 0 0 3px 0
}

    input.linkButton:hover {
        text-decoration: underline
    }

.primBtn {
    background-color: #7ac458;
    background: linear-gradient(#9d7,#492);
    background: -moz-linear-gradient(center top,#9d7,#492) repeat scroll 0 0 rgba(0,0,0,0);
    background: -moz-linear-gradient(center top,#9d7,#492) repeat scroll 0 0 rgba(0,0,0,0);
    background: -ms-linear-gradient(#9d7,#492);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9d7),color-stop(100%,#492));
    background: -webkit-linear-gradient(#9d7,#492);
    background: -o-linear-gradient(#9d7,#492);
    border: 1px solid #361;
    margin: 10px 0
}

.secBtn {
    background-color: #4d8df4;
    background: linear-gradient(#8ab4f8,#4d8df4);
    background: -moz-linear-gradient(center top,#8ab4f8,#4d8df4) repeat scroll 0 0 rgba(0,0,0,0);
    background: -moz-linear-gradient(#8ab4f8,#4d8df4);
    background: -ms-linear-gradient(#8ab4f8,#4d8df4);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#8ab4f8),color-stop(100%,#4d8df4));
    background: -webkit-linear-gradient(#8ab4f8,#4d8df4);
    background: -o-linear-gradient(#8ab4f8,#4d8df4);
    border: 1px solid #3079ed
}

.thirdBtn {
    background-color: #fcfcfc;
    background: linear-gradient(#fcfcfc,#dfdfdf);
    background: -moz-linear-gradient(center top,#fcfcfc,#dfdfdf) repeat scroll 0 0 rgba(0,0,0,0);
    background: -moz-linear-gradient(#fcfcfc,#dfdfdf);
    background: -ms-linear-gradient(#fcfcfc,#dfdfdf);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fcfcfc),color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(#fcfcfc,#dfdfdf);
    background: -o-linear-gradient(#fcfcfc,#dfdfdf);
    border: 1px solid #999
}

.primBtn, .secBtn {
    border-radius: 6px;
    font-weight: 700;
    height: 30px;
    width: 150px;
    color: #fff;
    font-size: 13px
}

.thirdBtn {
    border-radius: 6px;
    font-weight: 700;
    height: 30px;
    width: 150px;
    color: #666;
    font-size: 13px
}

a.primBtn, a.secBtn {
    color: #fff;
    display: block;
    height: auto;
    padding: 8px 0;
    text-align: center
}

a.thirdBtn {
    color: #666;
    display: block;
    height: auto;
    padding: 8px 0;
    text-align: center
}

    a.primBtn:hover, a.secBtn:hover, a.thirdBtn:hover {
        color: #fff;
        text-decoration: none
    }

.button .thirdBtn {
    color: #666
}

.primBtn:hover {
    background: #361
}

.secBtn:hover {
    background: #3079ed
}

.thirdBtn:hover {
    background: #85b8ff;
    background: -ms-linear-gradient(top,#85b8ff 0,#4589ff 100%);
    background: -moz-linear-gradient(top,#85b8ff 0,#4589ff 100%);
    background-image: -o-linear-gradient(top,#85b8ff 0,#4589ff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#85b8ff),color-stop(1,#4589ff));
    background: -webkit-linear-gradient(top,#85b8ff 0,#4589ff 100%);
    background-image: linear-gradient(to bottom,#85b8ff 0,#4589ff 100%);
    border: 1px solid #05f;
    color: #fff
}
