a { cursor: pointer; margin: 0; padding: 0;} button { cursor: pointer; margin: 0; padding: 0;} .noButton { display: inline-block; border: none; padding: 7px 10px; padding: 0; background: transparent; color: #333333; } .noButton:hover { text-decoration: none; } .noButton .left-body { padding-right: 5px !important; } .noButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; vertical-align: baseline; line-height: 33px; } .noButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; vertical-align: baseline; line-height: 33px; } .noButton .right-body { padding-left: 5px !important; } .noButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; vertical-align: baseline; line-height: 33px; } .noButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; vertical-align: baseline; line-height: 33px; } html.borderradius .noButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .noButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .noButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .noButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .squareButton { border-radius: 0 !important; } .blackButton { display: inline-block; border: none; padding: 7px 10px; background: #333333; } .blackButton:hover { text-decoration: none; } .blackButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .blackButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .blackButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .blackButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .blackButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .blackButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .blackButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .blackButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .blackButton { border-radius: 2px; } html.borderradius .blackButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .blackButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .blackButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .blackButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .redButton { display: inline-block; border: none; padding: 7px 10px; background: #cc3333; } .redButton:hover { text-decoration: none; } .redButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .redButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .redButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .redButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .redButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .redButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .redButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .redButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .redButton { border-radius: 2px; } html.borderradius .redButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .redButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .redButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .redButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .yellowButton { display: inline-block; border: none; padding: 7px 10px; background: #ffee00; } .yellowButton:hover { text-decoration: none; } .yellowButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: #333333; } .yellowButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: #333333; } .yellowButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .yellowButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .yellowButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: #333333; } .yellowButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: #333333; } .yellowButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .yellowButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .yellowButton { border-radius: 2px; } html.borderradius .yellowButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .yellowButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .yellowButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .yellowButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .greenButton { display: inline-block; border: none; padding: 7px 10px; background: #339933; } .greenButton:hover { text-decoration: none; } .greenButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .greenButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .greenButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .greenButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .greenButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .greenButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .greenButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .greenButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .greenButton { border-radius: 2px; } html.borderradius .greenButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .greenButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .greenButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 8px 13px; } html.borderradius .greenButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .blueButton { display: inline-block; border: none; padding: 7px 10px; background: #3388dd; } .blueButton:hover { text-decoration: none; } .blueButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .blueButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .blueButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .blueButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .blueButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .blueButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .blueButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .blueButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .blueButton { border-radius: 2px; } html.borderradius .blueButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .blueButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .blueButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .blueButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .purpleButton { display: inline-block; border: none; padding: 7px 10px; background: #774499; } .purpleButton:hover { text-decoration: none; } .purpleButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .purpleButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .purpleButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .purpleButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .purpleButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .purpleButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .purpleButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .purpleButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .purpleButton { border-radius: 2px; } html.borderradius .purpleButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .purpleButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .purpleButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .purpleButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .greyButton { display: inline-block; border: none; padding: 7px 10px; background: #aaaaaa; } .greyButton:hover { text-decoration: none; } .greyButton .left-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .greyButton .left-large-body { display: inline-block; padding-right: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; height: 23px; color: white; } .greyButton .left-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .greyButton .left-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; } .greyButton .right-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .greyButton .right-large-body { display: inline-block; padding-left: 5px; font-size: 14px; line-height: 1.6; vertical-align: middle; text-align: right; height: 23px; color: white; } .greyButton .right-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } .greyButton .right-large-arrow { display: inline-block; background: transparent url("/assets/images/buttons/arrow_left.png") no-repeat; background-size: 23px 23px; vertical-align: middle; width: 23px; height: 23px; background: transparent url("/assets/images/buttons/arrow_right.png") no-repeat; background-size: 23px 23px; } html.borderradius .greyButton { border-radius: 2px; } html.borderradius .greyButton .left-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .greyButton .left-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; } html.borderradius .greyButton .right-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } html.borderradius .greyButton .right-large-arrow { border-radius: 50%; box-shadow: inset 0 0 5px #AAAAAA; background: white url("/assets/images/buttons/arrow_black_left.svg") no-repeat 40% 50%; background-size: 13px 13px; background: white url("/assets/images/buttons/arrow_black_right.svg") no-repeat 60% 50%; background-size: 13px 13px; } .right-body.left-body { text-align: left;} /* Flat big yellow buttons (replacing yellow dropdowns below) */ .big.yellowButton { padding: 14px 20px; } .big.yellowButton .left-body { font-size: 20px; line-height: 20px; } /* Yellow dropdowns */ /* Big Yellow Buttons */ button.yellowDropdown, button.yellowDropdown:hover, button.yellowDropdown:active, a.yellowDropdown, a.yellowDropdown:hover, a.yellowDropdown:active { overflow : visible; cursor : pointer; background : none; margin : 0px; border : none; padding : 0px; text-decoration : none; white-space : nowrap; color : #333333; } button.yellowDropdown span.left-large-arrow, button.yellowDropdown:hover span.left-large-arrow, button.yellowDropdown:active span.left-large-arrow, button.yellowDropdown span.left-large-body, button.yellowDropdown:hover span.left-large-body, button.yellowDropdown:active span.left-large-body, a.yellowDropdown span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:active span.left-large-arrow, a.yellowDropdown span.left-large-body, a.yellowDropdown:hover span.left-large-body, a.yellowDropdown:active span.left-large-body { display : inline-block; white-space : nowrap; background : transparent url("/assets/images/buttons/site_buttons_04.png") no-repeat; margin-right : 0px; padding : 0px 5px 0px 20px; vertical-align : middle; font-size : 20px; font-weight : bold; line-height : 56px; height : 56px; } button.yellowDropdown span.left-large-arrow, button.yellowDropdown:hover span.left-large-arrow, button.yellowDropdown:active span.left-large-arrow, a.yellowDropdown span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:active span.left-large-arrow { padding-left : 55px; } button.yellowDropdown span.left-arrow, button.yellowDropdown:hover span.left-arrow, button.yellowDropdown:active span.left-arrow, button.yellowDropdown span.left-body, button.yellowDropdown:hover span.left-body, button.yellowDropdown:active span.left-body, a.yellowDropdown span.left-arrow, a.yellowDropdown:hover span.left-arrow, a.yellowDropdown:active span.left-arrow, a.yellowDropdown span.left-body, a.yellowDropdown:hover span.left-body, a.yellowDropdown:active span.left-body { display : inline-block; white-space : nowrap; background : transparent url('/assets/images/buttons/site_buttons_04.png') no-repeat; margin-right : 0px; padding : 0px 5px 0px 20px; vertical-align : middle; font-size : 20px; font-weight : bold; line-height : 56px; height : 56px; } button.yellowDropdown span.left-arrow, button.yellowDropdown:hover span.left-arrow, button.yellowDropdown:active span.left-arrow, a.yellowDropdown span.left-arrow, a.yellowDropdown:hover span.left-arrow, a.yellowDropdown:active span.left-arrow { padding-left : 55px; } button.yellowDropdown span.left-large-arrow, a.yellowDropdown span.left-large-arrow { background-position : 0px -121px;} button.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow { background-position : 0px -181px;} button.yellowDropdown span.left-large-body, a.yellowDropdown span.left-large-body { background-position : 0px 0px;} button.yellowDropdown:hover span.left-large-body, a.yellowDropdown:hover span.left-large-body { background-position : 0px -60px;} button.yellowDropdown span.left-arrow, a.yellowDropdown span.left-arrow { background-position : 0px -121px;} button.yellowDropdown:hover span.left-arrow, a.yellowDropdown:hover span.left-arrow { background-position : 0px -181px;} button.yellowDropdown span.left-body, a.yellowDropdown span.left-body { background-position : 0px 0px;} button.yellowDropdown:hover span.left-body, a.yellowDropdown:hover span.left-body { background-position : 0px -60px;} button.yellowDropdown span.right-large-arrow, button.yellowDropdown:hover span.right-large-arrow, button.yellowDropdown:active span.right-large-arrow, button.yellowDropdown span.right-large-edge, button.yellowDropdown:hover span.right-large-edge, button.yellowDropdown:active span.right-large-edge, a.yellowDropdown span.right-large-arrow, a.yellowDropdown:hover span.right-large-arrow, a.yellowDropdown:active span.right-large-arrow, a.yellowDropdown span.right-large-edge, a.yellowDropdown:hover span.right-large-edge, a.yellowDropdown:active span.right-large-edge { display : inline-block; white-space : nowrap; background : transparent url('/assets/images/buttons/site_buttons_04.png') no-repeat; margin-left : 0px; padding : 0px 30px 0px 4px; vertical-align : middle; font-size : 20px; font-weight : bold; line-height : 56px; height : 56px; } button.yellowDropdown span.right-arrow, button.yellowDropdown:hover span.right-arrow, button.yellowDropdown:active span.right-arrow, button.yellowDropdown span.right-edge, button.yellowDropdown:hover span.right-edge, button.yellowDropdown:active span.right-edge, a.yellowDropdown span.right-arrow, a.yellowDropdown:hover span.right-arrow, a.yellowDropdown:active span.right-arrow, a.yellowDropdown span.right-edge, a.yellowDropdown:hover span.right-edge, a.yellowDropdown:active span.right-edge { display : inline-block; white-space : nowrap; background : transparent url('/assets/images/buttons/site_buttons_04.png') no-repeat; margin-left : 0px; padding : 0px 30px 0px 4px; vertical-align : middle; font-size : 20px; font-weight : bold; line-height : 56px; height : 56px; } button.yellowDropdown span.right-large-arrow, a.yellowDropdown span.right-large-arrow { background-position : -450px 0px;} button.yellowDropdown:hover span.right-large-arrow, a.yellowDropdown:hover span.right-large-arrow { background-position : -450px -60px;} button.yellowDropdown span.right-large-edge, a.yellowDropdown span.right-large-edge { background-position : -450px -121px;} button.yellowDropdown:hover span.right-large-edge, a.yellowDropdown:hover span.right-large-edge { background-position : -450px -181px;} button.yellowDropdown span.right-arrow, a.yellowDropdown span.right-arrow { background-position : -450px 0px;} button.yellowDropdown:hover span.right-arrow, a.yellowDropdown:hover span.right-arrow { background-position : -450px -60px;} button.yellowDropdown span.right-edge, a.yellowDropdown span.right-edge { background-position : -450px -121px;} button.yellowDropdown:hover span.right-edge, a.yellowDropdown:hover span.right-edge { background-position : -450px -181px;} /* modernizr CSS3 buttons */ html.cssgradients .yellowDropdown { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFC06), to(#E1E105), to(#FCFC06)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Safari 5.1, Chrome 10+ */ background: -moz-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Firefox 3.6+ */ background: -ms-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* IE 10 */ background: -o-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Opera 11.10+ */ } html.cssgradients .yellowDropdown:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E805), to(#FCFC06), to(#E8E805)); background: -webkit-linear-gradient(top, #E8E805, #FCFC06, #E8E805); background: -moz-linear-gradient(top, #E8E805, #FCFC06, #E8E805); background: -ms-linear-gradient(top, #E8E805, #FCFC06, #E8E805); background: -o-linear-gradient(top, #E8E805, #FCFC06, #E8E805); } /* ie9 yellow gradient */ html.no-cssgradients.borderradius .yellowDropdown { background: transparent url('/assets/images/buttons/site_buttons_02_yellow_gradient.svg') 0 0 repeat-x; } html.no-cssgradients.borderradius .yellowDropdown:hover { background-position: 0 100%; }