﻿/* ===== BUTTONS ====== */

/* BTN */

a.btn-select,
a.btn, .btn {
    border: 0 none;
    padding: 0 17px;
    margin: 0 0 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

button.btn, input.btn {
    padding: 5px 17px;
}

/* BTN-SUBMIT */

a.btn.btn-submit, .btn.btn-submit {
    color: #ffffff;
    background: #007dcc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004fcc inset, -10px -5px 10px #004fcc inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004fcc inset, -10px -5px 10px #004fcc inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004fcc inset, -10px -5px 10px #004fcc inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004fcc inset, -10px -5px 10px #004fcc inset;
    text-shadow: 1px 1px 1px #062c68;
}

    a.btn.btn-submit:hover, .btn.btn-submit:hover {
        color: #ffffff;
        background: #0076c0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004ac0 inset, -10px -5px 10px #004ac0 inset;
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004ac0 inset, -10px -5px 10px #004ac0 inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004ac0 inset, -10px -5px 10px #004ac0 inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #004ac0 inset, -10px -5px 10px #004ac0 inset;
        text-shadow: 1px 1px 1px #062c68;
    }

/* BTN-SUCCESS */

a.btn.btn-success, .btn.btn-success {
    color: #ffffff;
    background: #a5c501;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #4d8202 inset, -10px -5px 10px #599107 inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #4d8202 inset, -10px -5px 10px #599107 inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #4d8202 inset, -10px -5px 10px #599107 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #4d8202 inset, -10px -5px 10px #599107 inset;
    text-shadow: 1px 1px 1px #3b6104;
}

    a.btn.btn-success:hover, .btn.btn-success:hover {
        color: #ffffff;
        background: #9ab801;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #477702 inset, -10px -5px 10px #538607 inset;
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #477702 inset, -10px -5px 10px #538607 inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #477702 inset, -10px -5px 10px #538607 inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #477702 inset, -10px -5px 10px #538607 inset;
        text-shadow: 1px 1px 1px #345604;
    }

/* BTN-ALERT */

a.btn.btn-alert, .btn.btn-alert {
    color: #ffffff;
    background: #ee2b24;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #c53d36 inset, -10px -5px 10px #c53d36 inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #c53d36 inset, -10px -5px 10px #c53d36 inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #c53d36 inset, -10px -5px 10px #c53d36 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #c53d36 inset, -10px -5px 10px #c53d36 inset;
    text-shadow: 1px 1px 1px #ee2b24;
}

    a.btn.btn-alert:hover, .btn.btn-alert:hover {
        color: #ffffff;
        background: #e12822;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #b93932 inset, -10px -5px 10px #b93932 inset;
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #b93932 inset, -10px -5px 10px #b93932 inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #b93932 inset, -10px -5px 10px #b93932 inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #b93932 inset, -10px -5px 10px #b93932 inset;
        text-shadow: 1px 1px 1px #e22923;
    }

/* BTN-WARNING */

a.btn.btn-warning, .btn.btn-warning {
    color: #020202;
    background: #FCC809;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #FE9604 inset, -10px -5px 10px #FE9604 inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #FE9604 inset, -10px -5px 10px #FE9604 inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #FE9604 inset, -10px -5px 10px #FE9604 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #FE9604 inset, -10px -5px 10px #FE9604 inset;
    text-shadow: 1px 1px 1px #E7A108;
}

    a.btn.btn-warning:hover, .btn.btn-warning:hover {
        color: #020202;
        background: #efbe09;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #f18f05 inset, -10px -5px 10px #f18f05 inset;
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #f18f05 inset, -10px -5px 10px #f18f05 inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #f18f05 inset, -10px -5px 10px #f18f05 inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px #f18f05 inset, -10px -5px 10px #f18f05 inset;
        text-shadow: 1px 1px 1px #da9807;
    }

/* BTN-DOWNLOAD */

a.btn.btn-download, .btn.btn-download {
    color: #ffffff;
    background: url("../images/arrow_down2.png") no-repeat scroll 10px 50% #3a9c0a;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #2d8103 inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #2d8103 inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #2d8103 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #2d8103 inset;
    text-shadow: 1px 1px 1px #256903;
    padding-left: 35px;
}

    a.btn.btn-download:hover, .btn.btn-download:hover {
        color: #ffffff;
        background: url("../images/arrow_down2.png") no-repeat scroll 10px 50% #358f0a;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #297603 inset;
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #297603 inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #297603 inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #297603 inset;
        text-shadow: 1px 1px 1px #256903;
        padding-left: 35px;
    }

/*
	GREY BUTTON
	
		1.- BUTTON GREY
		2.- BIG GREY BUTTON
*/

/* BTN GREY */

a.btn-grey {
    background: #f5f3f4;
    background: -moz-linear-gradient(top, #f5f3f4 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f3f4), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #f5f3f4 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #f5f3f4 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #f5f3f4 0%,#e8e8e8 100%);
    background: linear-gradient(top, #f5f3f4 0%,#e8e8e8 100%);
    -pie-background: linear-gradient(#f5f3f4, #e8e8e8);
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #5B5B5B !important;
    font-size: 0.8em;
    line-height: 1em;
    font-weight: bold;
    padding: 3px 9px;
    display: inline-block;
    height: auto;
    overflow: hidden;
    margin-top: 1em;
}

    a.btn-grey span {
        padding: 0 0 0 9px;
        background: url(../images/arrow-btn-grey.gif) no-repeat 0 0.2em;
        display: block;
        width: auto;
    }

/* BIG GREY BUTTON */

.btn-grey-big {
    line-height: 1.154em;
    padding: 0 0 7px 2px;
    overflow: hidden;
    height: 1%;
}

    .btn-grey-big a {
        float: left;
        color: #5b5b5b !important;
        cursor: pointer;
        background: url(../images/btn-grey-big-c.gif) repeat-x;
    }

    .btn-grey-big span {
        float: left;
        background: url(../images/btn-grey-big-lr.gif) no-repeat;
    }

    .btn-grey-big strong {
        float: left;
        padding: 5px 10px 5px 19px;
        background: url(../images/btn-grey-big-lr.gif) no-repeat 100% -25px;
    }

/* Action Buttons */

.action-btn:link,
.action-btn:active,
.action-btn:hover,
.action-btn:visited {
    font-size: 0.735em;
    margin: -5px 0 0 10px;
    padding: 5px 15px 5px 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #CCCCCC inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #CCCCCC inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #CCCCCC inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #CCCCCC inset;
    color: #231f20;
    text-shadow: 1px 1px 1px #CCCCCC;
    text-decoration: none;
    border: 1px solid #cccccc;
}

.action-btn:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #bdbdbd inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #bdbdbd inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #bdbdbd inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 10px -5px 10px transparent inset, -10px -5px 10px #bdbdbd inset;
    text-shadow: 1px 1px 1px #bdbdbd;
    border: 1px solid #bdbdbd;
}

/* Map It - Exhibitor Details */

.map-it {
    background: url("../images/search.png") no-repeat scroll 7px 6px #eeeeee;
    font-weight: bold; 
}

/* Download Certification and Handouts [myAttendee] */
.dl-cert {
    background: url("../images/cert-icon.png") no-repeat scroll 7px 6px #eeeeee;
}

.dl-handouts {
    background: url("../images/handout-icon.png") no-repeat scroll 7px 6px #eeeeee;
}

/* Fix button issues */
input.btn {
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}