/* Big Yellow Buttons */ button.blackButton, button.blackButton:hover, button.blackButton:active, button.redButton, button.redButton:hover, button.redButton:active, a.blackButton, a.blackButton:hover, a.blackButton:active, a.redButton, a.redButton:hover, a.redButton:active { overflow : visible; cursor : pointer; background : none; margin : 0px; border : none; padding : 0px; text-decoration : none; white-space : nowrap; color : #FFFFFF; } button.blackButton span.left-large-arrow, button.blackButton:hover span.left-large-arrow, button.blackButton:active span.left-large-arrow, button.blackButton span.left-large-body, button.blackButton:hover span.left-large-body, button.blackButton:active span.left-large-body, button.redButton span.left-large-arrow, button.redButton:hover span.left-large-arrow, button.redButton:active span.left-large-arrow, button.redButton span.left-large-body, button.redButton:hover span.left-large-body, button.redButton:active span.left-large-body, a.blackButton span.left-large-arrow, a.blackButton:hover span.left-large-arrow, a.blackButton:active span.left-large-arrow, a.blackButton span.left-large-body, a.blackButton:hover span.left-large-body, a.blackButton:active span.left-large-body, a.redButton span.left-large-arrow, a.redButton:hover span.left-large-arrow, a.redButton:active span.left-large-arrow, a.redButton span.left-large-body, a.redButton:hover span.left-large-body, a.redButton:active span.left-large-body { display : inline-block; white-space : nowrap; background : transparent url(../images/buttons/site_buttons_01.png) no-repeat; margin-right : 0px; padding : 0px 0px 0px 9px; vertical-align : middle; font-size : 16px; line-height : 40px; height : 40px; } button.blackButton span.left-large-arrow, button.blackButton:hover span.left-large-arrow, button.blackButton:active span.left-large-arrow, a.blackButton span.left-large-arrow, a.blackButton:hover span.left-large-arrow, a.blackButton:active span.left-large-arrow, button.redButton span.left-large-arrow, button.redButton:hover span.left-large-arrow, button.redButton:active span.left-large-arrow, a.redButton span.left-large-arrow, a.redButton:hover span.left-large-arrow, a.redButton:active span.left-large-arrow { padding-left : 37px; } button.blackButton span.left-arrow, button.blackButton:hover span.left-arrow, button.blackButton:active span.left-arrow, button.blackButton span.left-body, button.blackButton:hover span.left-body, button.blackButton:active span.left-body, button.redButton span.left-arrow, button.redButton:hover span.left-arrow, button.redButton:active span.left-arrow, button.redButton span.left-body, button.redButton:hover span.left-body, button.redButton:active span.left-body, a.blackButton span.left-arrow, a.blackButton:hover span.left-arrow, a.blackButton:active span.left-arrow, a.blackButton span.left-body, a.blackButton:hover span.left-body, a.blackButton:active span.left-body, a.redButton span.left-arrow, a.redButton:hover span.left-arrow, a.redButton:active span.left-arrow, a.redButton span.left-body, a.redButton:hover span.left-body, a.redButton:active span.left-body { display : inline-block; white-space : nowrap; background : transparent url(../images/buttons/site_buttons_01.png) no-repeat; margin-right : 0px; padding : 0px 0px 0px 6px; vertical-align : middle; font-size : 14px; line-height : 30px; height : 30px; } button.blackButton span.left-arrow, button.blackButton:hover span.left-arrow, button.blackButton:active span.left-arrow, a.blackButton span.left-arrow, a.blackButton:hover span.left-arrow, a.blackButton:active span.left-arrow, button.redButton span.left-arrow, button.redButton:hover span.left-arrow, button.redButton:active span.left-arrow, a.redButton span.left-arrow, a.redButton:hover span.left-arrow, a.redButton:active span.left-arrow { padding-left : 37px; } button.blackButton span.left-large-arrow, a.blackButton span.left-large-arrow { background-position : 0px 0px;} button.blackButton:hover span.left-large-arrow, a.blackButton:hover span.left-large-arrow { background-position : 0px -43px;} button.blackButton span.left-large-body, a.blackButton span.left-large-body { background-position : 0px -152px;} button.blackButton:hover span.left-large-body, a.blackButton:hover span.left-large-body { background-position : 0px -195px;} button.blackButton span.left-arrow, a.blackButton span.left-arrow { background-position : 0px -86px;} button.blackButton:hover span.left-arrow, a.blackButton:hover span.left-arrow { background-position : 0px -119px;} button.blackButton span.left-body, a.blackButton span.left-body { background-position : 0px -238px;} button.blackButton:hover span.left-body, a.blackButton:hover span.left-body { background-position : 0px -271px;} button.redButton span.left-large-arrow, a.redButton span.left-large-arrow { background-position : 0px -305px;} button.redButton:hover span.left-large-arrow, a.redButton:hover span.left-large-arrow { background-position : 0px -348px;} button.redButton span.left-large-body, a.redButton span.left-large-body { background-position : 0px -457px;} button.redButton:hover span.left-large-body, a.redButton:hover span.left-large-body { background-position : 0px -500px;} button.redButton span.left-arrow, a.redButton span.left-arrow { background-position : 0px -391px;} button.redButton:hover span.left-arrow, a.redButton:hover span.left-arrow { background-position : 0px -424px;} button.redButton span.left-body, a.redButton span.left-body { background-position : 0px -543px;} button.redButton:hover span.left-body, a.redButton:hover span.left-body { background-position : 0px -576px;} button.blackButton span.right-large-arrow, button.blackButton:hover span.right-large-arrow, button.blackButton:active span.right-large-arrow, button.blackButton span.right-large-edge, button.blackButton:hover span.right-large-edge, button.blackButton:active span.right-large-edge, button.redButton span.right-large-arrow, button.redButton:hover span.right-large-arrow, button.redButton:active span.right-large-arrow, button.redButton span.right-large-edge, button.redButton:hover span.right-large-edge, button.redButton:active span.right-large-edge, a.blackButton span.right-large-arrow, a.blackButton:hover span.right-large-arrow, a.blackButton:active span.right-large-arrow, a.blackButton span.right-large-edge, a.blackButton:hover span.right-large-edge, a.blackButton:active span.right-large-edge, a.redButton span.right-large-arrow, a.redButton:hover span.right-large-arrow, a.redButton:active span.right-large-arrow, a.redButton span.right-large-edge, a.redButton:hover span.right-large-edge, a.redButton:active span.right-large-edge { display : inline-block; white-space : nowrap; background : transparent url(../images/buttons/site_buttons_01.png) no-repeat; margin-left : 0px; padding : 0px; vertical-align : middle; font-size : 16px; line-height : 40px; width : 40px; height : 40px; } button.blackButton span.right-large-edge, button.blackButton:hover span.right-large-edge, button.blackButton:active span.right-large-edge, a.blackButton span.right-large-edge, a.blackButton:hover span.right-large-edge, a.blackButton:active span.right-large-edge,* button.redButton span.right-large-edge, button.redButton:hover span.right-large-edge, button.redButton:active span.right-large-edge, a.redButton span.right-large-edge, a.redButton:hover span.right-large-edge, a.redButton:active span.right-large-edge { width : 10px; } button.blackButton span.right-arrow, button.blackButton:hover span.right-arrow, button.blackButton:active span.right-arrow, button.blackButton span.right-edge, button.blackButton:hover span.right-edge, button.blackButton:active span.right-edge, button.redButton span.right-arrow, button.redButton:hover span.right-arrow, button.redButton:active span.right-arrow, button.redButton span.right-edge, button.redButton:hover span.right-edge, button.redButton:active span.right-edge, a.blackButton span.right-arrow, a.blackButton:hover span.right-arrow, a.blackButton:active span.right-arrow, a.blackButton span.right-edge, a.blackButton:hover span.right-edge, a.blackButton:active span.right-edge, a.redButton span.right-arrow, a.redButton:hover span.right-arrow, a.redButton:active span.right-arrow, a.redButton span.right-edge, a.redButton:hover span.right-edge, a.redButton:active span.right-edge { display : inline-block; white-space : nowrap; background : transparent url(../images/buttons/site_buttons_01.png) no-repeat; margin-left : 0px; padding : 0px; vertical-align : middle; font-size : 14px; line-height : 30px; width : 40px; height : 30px; } button.blackButton span.right-edge, button.blackButton:hover span.right-edge, button.blackButton:active span.right-edge, a.blackButton span.right-edge, a.blackButton:hover span.right-edge, a.blackButton:active span.right-edge, button.redButton span.right-edge, button.redButton:hover span.right-edge, button.redButton:active span.right-edge, a.redButton span.right-edge, a.redButton:hover span.right-edge, a.redButton:active span.right-edge { width : 10px; } button.blackButton span.right-large-arrow, a.blackButton span.right-large-arrow { background-position : -261px -152px;} button.blackButton:hover span.right-large-arrow, a.blackButton:hover span.right-large-arrow { background-position : -261px -195px;} button.blackButton span.right-large-edge, a.blackButton span.right-large-edge { background-position : -291px 0px;} button.blackButton:hover span.right-large-edge, a.blackButton:hover span.right-large-edge { background-position : -291px -43px;} button.blackButton span.right-arrow, a.blackButton span.right-arrow { background-position : -261px -238px;} button.blackButton:hover span.right-arrow, a.blackButton:hover span.right-arrow { background-position : -261px -271px;} button.blackButton span.right-edge, a.blackButton span.right-edge { background-position : -291px -86px;} button.blackButton:hover span.right-edge, a.blackButton:hover span.right-edge { background-position : -291px -119px;} button.redButton span.right-large-arrow, a.redButton span.right-large-arrow { background-position : -261px -457px;} button.redButton:hover span.right-large-arrow, a.redButton:hover span.right-large-arrow { background-position : -261px -500px;} button.redButton span.right-large-edge, a.redButton span.right-large-edge { background-position : -291px -305px;} button.redButton:hover span.right-large-edge, a.redButton:hover span.right-large-edge { background-position : -291px -348px;} button.redButton span.right-arrow, a.redButton span.right-arrow { background-position : -261px -543px;} button.redButton:hover span.right-arrow, a.redButton:hover span.right-arrow { background-position : -261px -576px;} button.redButton span.right-edge, a.redButton span.right-edge { background-position : -291px -391px;} button.redButton:hover span.right-edge, a.redButton:hover span.right-edge { background-position : -291px -424px;} /* modernizr */ /* Black button gradients */ html.cssgradients .blackButton { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#757575), to(#353535)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(top, #757575, #353535); /* Safari 5.1, Chrome 10+ */ background: -moz-linear-gradient(top, #757575, #353535); /* Firefox 3.6+ */ background: -ms-linear-gradient(top, #757575, #353535); /* IE 10 */ background: -o-linear-gradient(top, #757575, #353535); /* Opera 11.10+ */ } html.cssgradients .blackButton:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#919191), to(#5D5D5D)); background: -webkit-linear-gradient(top, #919191, #5D5D5D); background: -moz-linear-gradient(top, #919191, #5D5D5D); background: -ms-linear-gradient(top, #919191, #5D5D5D); background: -o-linear-gradient(top, #919191, #5D5D5D); } /* Red button gradients */ html.cssgradients .redButton { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8282), to(#FF3A3A)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(top, #FF8282, #FF3A3A); /* Safari 5.1, Chrome 10+ */ background: -moz-linear-gradient(top, #FF8282, #FF3A3A); /* Firefox 3.6+ */ background: -ms-linear-gradient(top, #FF8282, #FF3A3A); /* IE 10 */ background: -o-linear-gradient(top, #FF8282, #FF3A3A); /* Opera 11.10+ */ } html.cssgradients .redButton:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8282), to(#FF3A3A)); background: -webkit-linear-gradient(top, #FF8282, #FF3A3A); background: -moz-linear-gradient(top, #FF8282, #FF3A3A); background: -ms-linear-gradient(top, #FF8282, #FF3A3A); background: -o-linear-gradient(top, #FF8282, #FF3A3A); } /* ie9 black gradient */ html.no-cssgradients.borderradius .blackButton { background: transparent url(/assets/images/buttons/site_buttons_01_black_gradient.svg) 0 0 repeat-x; } html.no-cssgradients.borderradius .blackButton:hover { background-position: 0 100%; } /* ie9 red gradient */ html.no-cssgradients.borderradius .redButton { background: transparent url(/assets/images/buttons/site_buttons_01_red_gradient.svg) 0 0 repeat-x; } html.no-cssgradients.borderradius .redButton:hover { background-position: 0 100%; }