.button-short {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -233px -171px;
    width: 117px;
    height: 43px;
    border: none;
    vertical-align: top;
    font-family: Roboto; font-weight: 300; color: #303030; font-size: 14px; line-height: 15px; letter-spacing: 0.7pt;text-transform: uppercase; text-shadow: 1px 1px 1px #FFFFFF; 
}

.button-short:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -233px -214px; }
.button-short:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -233px -257px; }

.button-short-disabled {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -233px -301px;
    color: #D8D8D8 !important;
}

.button-blue-arrow {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -208px 1px;
    width: 209px;
    height: 43px;
    border: none;
    vertical-align: middle;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #00BBF0;
    padding-right: 21px;
    padding-bottom: 9px;
}

.button-blue-arrow:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -208px -42px; }
.button-blue-arrow:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -208px -84px; }

.button-blue-arrow-disabled, .button-blue-arrow-disabled:hover {
    cursor: not-allowed;
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -205px -126px;
    width: 209px;
    height: 43px;
    border: none;
    vertical-align: middle;
    font-family: 'Source Sans Pro', sans-serif;font-weight: 700; font-size: 20px; letter-spacing: 0.5pt; color: #D8D8D8; text-shadow: 1px 1px 1px #FFFFFF;
    padding-right: 21px;
    padding-bottom: 9px;    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.button-blue-arrow-short {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -116px -171px;
    width: 117px;
    height: 43px;
    border: none;
    vertical-align: top;
    padding-right: 18px;
    padding-bottom: 6px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px;
    line-height: 15px;
    font-weight: 700;
    color: #FFFFFF;
}

.button-blue-arrow-short:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -116px -214px; }
.button-blue-arrow-short:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -116px -257px; }

.button-blue-arrow-short-disabled {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -116px -301px;
    border: none;
    height: 43px;
    width: 117px;
    padding-right: 18px;
    padding-bottom: 6px;
    color: #D8D8D8 !important;
}

.button-long-blue {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 0;
    width: 209px;
    height: 43px;
    border: none;
    vertical-align: middle;
    font-family: 'Source Sans Pro', sans-serif !important; font-size: 14px; line-height: 15px; font-weight: 700; color: #FFFFFF;         
}

.button-long-blue:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -43px; }
.button-long-blue:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -86px; }

.button-mobile-blue {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -562px;
    width: 433px;
    height: 82px;
    border: none;
    vertical-align: middle;
}

.button-mobile-blue:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -644px; }
.button-mobile-blue:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -726px; }

.button-mobile-thin {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -269px -472px;
    width: 120px;
    border: none;
    vertical-align: top;
    font-family: Roboto; font-size: 27px;letter-spacing: 0; font-weight: 600; color: #303030; text-shadow: 1px 1px 1px #FFFFFF;
}

.button-mobile-thin:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -269px -517px; }
.button-mobile-thin:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -390px -472px; }

.button-short-blue {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -171px;
    width: 117px;
    height: 43px;
    border: none;
    vertical-align: top;
    font-family: Roboto !important; color: #FFFFFF; font-size: 14px; line-height: 15px;letter-spacing: 0; font-weight: 700; word-spacing: 0; text-transform: uppercase; text-shadow: 1px 1px 1px #00BBF0;    
}

.button-short-blue:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -214px; }
.button-short-blue:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -257px; }

.button-short-blue-disabled {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -301px;
    color: #D8D8D8 !important;
    text-shadow: none;
}

.button-short-blue-disabled:hover {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -301px;
    color: #D8D8D8 !important;
}

.button-arrow-long-disabled {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png')  -208px -129px;
    color: #D8D8D8 !important;
}

.button-arrow-long-disabled:hover {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png')  -208px -129px;
    color: #D8D8D8 !important;
}

.button-thin {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -342px;
    width: 94px;
    height: 29px;
    border: none;
    vertical-align: top;
    font-family: Roboto; font-size: 14px; line-height: 15px; font-weight: 300; color: #303030;                 
}

.button-thin:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -94px -342px; }
.button-thin:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -188px -342px; }

.button-thin[disabled]:hover {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -342px;
    color: #c8c8c8 !important;
}
.button-thin[disabled] {
    color: #c8c8c8 !important;
}

.left-modal-button {
    bottom: 10px;
    left: 10px;
    float: left;
}

.right-modal-button {
    bottom: 10px;
    right: 10px;
    float: right;
}

.button-gray-arrow-short 
{
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -373px;
    text-align: center;
    padding: 0 22px 6px 0;
    margin-left: 1px;
    width: 129px;
    height: 43px;
    border: none;
    color: #7B7B7B;
    font-family: Source Sans Pro; 
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.7pt;
    text-shadow: 1px 1px 0 #D4D4D4;
    text-transform: uppercase;
}

.button-gray-arrow-short:hover { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -130px -373px; }
.button-gray-arrow-short:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -260px -373px; }

.rightArrow {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -102px -417px;
    width: 9px;
    height: 11px;
    border: none;    
}

.link-button-blue-arrow-short {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -114px -171px;
    width: 117px;
    height: 41px;
    border: none;
    vertical-align: top;
    font-family: Roboto; color: #FFFFFF; font-size: 14px; line-height: 15px; font-weight: 300; letter-spacing: 0.8pt; word-spacing: 0; text-transform: uppercase; text-shadow: 1px 1px 1px #00BBF0;    
    text-decoration: none;
    cursor:pointer;  
    padding:0;
    margin:0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.link-button-blue-arrow-short:hover {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -114px -214px;
    outline: none; /* hide dotted outline in Firefox */
}

.link-button-blue-arrow-short:active { background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') -114px -257px; }

.round-button-blue-arrow-short {
    background: url('/content/images/sprites/SY3_Buttons_Supersprite.png') 0 -417px;
    width: 17px;
    height: 17px;
}

.editor-button-short {
    background: url('/content/images/sprites/SY3_Editor_Buttons_Supersprite_v2.png') -594px -172px;
    width: 78px;
    height: 43px;
    border: none;
    vertical-align: top;
    font-family: Roboto; font-weight: 300; color: #7B7B7B;     
}

.editor-button-short:hover { background: url('/content/images/sprites/SY3_Editor_Buttons_Supersprite_v2.png') -594px -215px; }

.editor-button-short-disabled {
    background: url('/content/images/sprites/SY3_Editor_Buttons_Supersprite_v2.png') -594px -301px;
    width: 78px;
    height: 43px;
    border: none;
    color: #D8D8D8 !important;
}

.button-thin-blue {
    background: url('/content/images/sprites/SY3_Editor_Buttons_Supersprite_v2.png') -492px 3px;
    width: 94px;
    height: 29px;
    border: none;
    vertical-align: top;
    font-family: Roboto; font-size: 14px; line-height: 15px; font-weight: 300; color: #FFFFFF;                 
}

.button-thin-blue:hover { background: url('/content/images/sprites/SY3_Editor_Buttons_Supersprite_v2.png') -492px -26px; }