/**
 * For more details about the awesome button see:
 * http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html
 * http://xbrow.se/style_guide
 */

.awesome,
.awesome:visited {
    /*   background: url(/en_US/theme_default/images/awesome_button/alert-overlay.png) repeat-x scroll 0 0 #222;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    /* TODO: Add border-radius support for the all the browsers. */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* IE 7 hack for inline-block */
    zoom:1;
    *display: inline;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    /* TODO: Add text-shadow support for the all the browsers. */
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    line-height:22px
}
.awesome:hover {
    background-color: #111;
    color: #fff;
    text-decoration:none;
}
.awesome:active {
    top: 1px;
}
.disabled.awesome {
    background-color: #eee;
    cursor:default;
    /* TODO: Add opacity support for the all the browsers. */
    opacity:0.6;
    visibility: visible;
}
.disabled.awesome:active {
    top:0;
}
.small.awesome,
.small.awesome:visited {
    font-size: 11px;
}
.medium.awesome,
.medium.awesome:visited {
    font-size: 13px;
    font-weight: bold;
}
.large.awesome,
.large.awesome:visited {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 14px 9px;
}

/*============================================
	YSI customized awesome button styles
============================================*/

.awesome,
.awesome:visited {
    border: 1px solid #222;
    /* TODO: Add border-radius support for the all the browsers. */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    margin: 0;
    /* TODO: Add text-shadow support for the all the browsers. */
    text-shadow: 0 1px 1px rgba(204, 204, 204, 0.0);
    white-space: nowrap;
    width: auto;
    behavior: url(/en_US/js/workstream/pie/PIE.htc);
}

.gray.awesome,
.gray.awesome:visited {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #fff;
    border-color: #bbb;
    color: #555;
}
.gray.awesome:hover {
    background-color: #eee;
    color: #333;
}
.gray.awesome.active {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #333;
    border-color: #bbb;
    color: #FFF;
}
.gray.awesome.active:hover {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #666;
    border-color: #bbb;
    color: #CCC;
}

.dark-gray.awesome,
.dark-gray.awesome:visited {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay-inverted.png) repeat-x scroll 0 0 #bbb;
    border-color: #999;
    color: #555;
}
.dark-gray.awesome:hover {
    background-color: #aaa;
    color: #333;
}
.green.awesome,
.green.awesome:visited {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #60A015;
    border-color: #60A015;
    color: #fff;
}
.green.awesome:hover {
    background-color: #4c8600;
    color: #fff;
}

.orange.awesome,
.orange.awesome:visited {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #ff5c00;
    border-color: #ff5c00;
    color: #fff;
}
.orange.awesome:hover {
    background-color: #d45500;
    color: #fff;
}

.red.awesome,
.red.awesome:visited {
    background: url(/en_US/theme_default/images/awesome_button/large-button-overlay.png) repeat-x scroll 0 0 #f03011;
    border-color: #f03011;
    color: #fff;
}
.red.awesome:hover {
    background-color: #e11500;
    color: #fff;
}

.htyahoo.awesome,
.htyahoo-gray.awesome,
.htfacebook.awesome,
.htfacebook-gray.awesome,
.htwhite-sm.awesome,
.htorange.awesome,
.htorange-sm.awesome,
.htdestro-sm.awesome,
.htgreen-sm.awesome,
.htgray-sm.awesome,
.htred-sm.awesome,
.htwhite.awesome,
.htdestro.awesome,
.htdestro-gray.awesome,
.htgreen.awesome,
.htgray.awesome,
.htred.awesome {
    background-clip: padding-box;
    background-color: #f15b41;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 14px/1em Helvetica, sans-serif;
    padding: 12px 20px;
    text-align: center;
    border-color: #f15b41;
    color: #fff;
    border: 0px solid;
    cursor: pointer;
}
.htyahoo.awesome, .htyahoo-gray.awesome, .htfacebook.awesome, .htfacebook-gray.awesome, .htwhite-sm.awesome, .htdestro-sm.awesome, .htgreen-sm.awesome, .htgray-sm.awesome, .htred-sm.awesome, .htorange-sm.awesome {
    font: bold 12px/1em Helvetica, sans-serif;
    padding: 10px 20px;
}
.htred-sm.awesome:hover,
.htred.awesome:hover {
    background-color: #eb7262;
    color: #fff;
}
.awesome.htred.disabled,
.awesome.htred-sm.disabled {
    opacity:0.25 !important;
    background-color:#f15b41;
    cursor:default;
}
.awesome.htred.disabled:hover,
.awesome.htred-sm.disabled:hover {
    opacity:0.25 !important;
    background-color:#f15b41;
}

.htgray-sm.awesome,
.htgray.awesome {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.htgray-sm.awesome:hover,
.htgray.awesome:hover {
    background-color: #aaa;
}
.htgreen-sm.awesome,
.htgreen.awesome {
    background-color: #7ead41;
    border-color: #7ead41;
}
.htgreen-sm.awesome:hover,
.htgreen.awesome:hover {
    background-color: #8fbe52;
}
.htdestro-sm.awesome,
.htdestro.awesome {
    background-color: transparent;
    border: 3px solid #F15B41;
    color: #3a383a;
}
.htdestro-sm.awesome:hover,
.htdestro.awesome:hover {
    border-color: #f18876;
    color: #555455;
}
.htdestro-gray-sm.awesome,
.htdestro-gray.awesome {
    background-color: transparent;
    border: 3px solid #9e9e9e;
    color: #9e9e9e;
}
.htdestro-sm.awesome {
    padding: 7px 20px;
}
.htdestro.awesome {
    padding: 9px 20px;
}
.htorange-sm.awesome,
.htorange.awesome {
    background-color: #FF9933;
    border-color: #FF9933;
}
.htorange-sm.awesome:hover,
.htorange.awesome:hover {
    background-color: #F2A760;
}
.htwhite-sm.awesome,
.htwhite.awesome {
    background-color: #fff;
    border-color: #fff;
    color: #3a383a;
}
.htwhite-sm.awesome:hover,
.htwhite.awesome:hover {
    color: #7d7c7d;
}
/* Special Oauth buttons */
.htyahoo.awesome,
.htyahoo-gray.awesome,
.htfacebook.awesome,
.htfacebook-gray.awesome {
    background-color: transparent;
    border: 3px solid #5f008e;
    color: #3a383a;
    padding: 5px 20px;
}
.htyahoo.awesome:hover,
.htyahoo-gray.awesome:hover,
.htfacebook.awesome:hover,
.htfacebook-gray.awesome:hover {
    border-color: #939393;
    color: #555455;
}
.htfacebook.awesome {border-color: #2f448b}
.htfacebook.awesome:hover {border-color: #919ec4;}
.htfacebook-gray.awesome, .htyahoo-gray.awesome {border-color: #939393}

/*Fancy Button*/
.htfancy.awesome{
    color:#fff;
    display: inline-block;
    font:30px/30px 'Verb Regular Bold', 'Helvetica', 'Arial', 'Sans-serif';
    padding: 20px 40px;
    text-align: center;
    cursor: pointer;
    border-color: #f15b41;
    border: 0px solid;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-clip: padding-box;
    background-color: #f15b41;
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
    background: -webkit-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
    background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.15)), #f15b41;
    -pie-background: linear-gradient(#ef5a40, #d04e38);
    behavior: url(/en_US/js/workstream/pie/PIE.htc) !important;
}
.htfancy.awesome:hover{
    background: -moz-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
    background: -webkit-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
    background: -webkit-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
    background: -ms-linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,0)), #f15b41;
    -pie-background: linear-gradient(#d04e38, #ef5a40);
    behavior: url(/en_US/js/workstream/pie/PIE.htc) !important;
}