/*
 * Grape - Professional & Flexible Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Generic Buttons
 * 2) Image Buttons
 * 3) Username Button
 * 4) Footer
 */

/* ==================================================
 * 1) Generic Buttons
 * ================================================== */

input.button {
    background: url("../img/buttons/button-blue.png") repeat-x scroll 0 0 #2d5672;
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #111111;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 3px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    height: 17px;
}

a.button {
    background: url("../img/buttons/button-blue.png") repeat-x scroll 0 0 #2d5672;
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #111111;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding-bottom: 2px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    height: 17px;
}

input[type="submit"].button, input[type="button"].button {
    height: 25px;
}


.button:hover {
    background: url("../img/buttons/button-blue.png") repeat-x scroll 0 -24px #4d7690;
    color: #fff !important;
    text-decoration: none;
}

.button:active {
    background: url("../img/buttons/button-blue.png") repeat-x scroll 0 -48px #6290b2;
}

.button.red {
    background: url("../img/buttons/button-red.png") repeat-x scroll 0 0 #6b352b;
    height: 17px;
    vertical-align: middle;
}

    .button.red:hover {
        background: url("../img/buttons/button-red.png") repeat-x scroll 0 -24px #834a3f;
    }

    .button.red:active {
        background: url("../img/buttons/button-red.png") repeat-x scroll 0 -48px #a85f51;
    }

input.button.grey {
    background-image: none;
    background-color: #666;
}

    input.button.grey:hover {
        cursor: default;
    }

/* ==================================================
 * 2) Image Buttons
 * ================================================== */

.btn-info {
    background: url("../img/icons/toolbox/20x20/info.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 20px;
    position: relative;
    margin-left: -10px;
    margin-top: 10px;
    float: left;
}

    .btn-info:hover {
        background-position: 0px -20px;
    }

.arrow-link-down {
    background: url("../img/icons/misc/arrow-down.png") no-repeat scroll center right transparent;
    padding-right: 20px;
}

    .arrow-link-down:hover {
        background: url("../img/icons/misc/arrow-down-hover.png") no-repeat scroll center right transparent;
    }

.installPrerequisitesBtn {
    text-decoration: none;
    font-size: 1.3em;
    background: gray;
    color: white;
    padding: 5px;
    border: 1px solid #5D6163;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}

    .installPrerequisitesBtn:hover {
        text-decoration: none;
        color: white;
        border: 2px solid #5D6163;
    }



/* ==================================================
 * 3) Username Button
 * ================================================== */

.user-button {
    background: url("../img/misc/shine-effect.png") repeat-x scroll top left #344655;
    border: 1px solid #000;
    border-radius: 3px 3px 3px 3px;
    position: relative;
    float: left;
    display: inline-block;
    padding: 8px 8px;
}

    .user-button:hover {
        background: url("../img/misc/shine-effect.png") repeat-x scroll top left #495f71;
    }

    .user-button:active {
        top: 1px;
    }

    .user-button a {
        display: block;
    }

.navbutton {
    /*background: url("../img/buttons/button-blue.png") repeat-x scroll 0 0 #2d5672;*/
    background: 0 0 #2d5672;
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #111111;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 3px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

    .navbutton:hover {
        background-color: #346282;
        color: #fff !important;
        text-decoration: none;
    }


/* ==================================================
 * 4) Footer
 * ================================================== */

#footer a.top {
    background: url("../img/icons/misc/top-hover.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    width: 48px;
    display: block;
    margin-left: 5px;
    padding-top: 3px;
}

    #footer a.top:hover {
        background-position: 0 -48px;
    }