@CHARSET "UTF-8"; @font-face { font-family: 'Payback'; src: url('/fonts/payback_regular-webfont.eot'); src: url('/fonts/payback_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/payback_regular-webfont.woff') format('woff'), url('/fonts/payback_regular-webfont.ttf') format('truetype'), url('/fonts/payback_regular-webfont.svg#PAYBACKRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Payback Light'; src: url('/fonts/payback_light-webfont.eot'); src: url('/fonts/payback_light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/payback_light-webfont.woff') format('woff'), url('/fonts/payback_light-webfont.ttf') format('truetype'), url('/fonts/payback_light-webfont.svg#PAYBACKLightRegular') format('svg'); font-weight: 100; font-style: normal; } /* * Reset */ .semi-widget-main, .semi-widget-main *, .semi-widget-main *:after, .semi-widget-main *:before, .semi-widget-transaction, .semi-widget-transaction *, .semi-widget-transaction *:after, .semi-widget-transaction *:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .semi-widget-main, .semi-widget-main button, .semi-widget-main button:after, .semi-widget-main button:before, .semi-widget-transaction, .semi-widget-transaction button, .semi-widget-transaction button:after, .semi-widget-transaction button:before, .semi-widget-registration, .semi-widget-registration *, .semi-widget-registration *:after, .semi-widget-registration *:before, .semi-widget-registration button, .semi-widget-registration button:after, .semi-widget-registration button:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.semi-widget-main, div.semi-widget-main div, div.semi-widget-registration, div.semi-widget-registration div { text-align: left; border: 0; margin: 0; padding: 0; vertical-align: baseline; } div.semi-widget-main input:focus, div.semi-widget-main select:focus, div.semi-widget-v textarea:focus, div.semi-widget-main button:focus { outline: none; } div.semi-widget-main button { background: none; background-color: #0046aa; border: 0; border-bottom: 2px solid #053780; border-radius: 4px; -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); height: auto; width: auto; cursor: pointer; font: 20px/20px 'Payback' !important; color: #ffffff; padding: 8px 25px 6px 25px; word-wrap: normal; } div.semi-widget-main button:hover, div.semi-widget-transaction button:hover { opacity: 0.7; } div.semi-widget-main button.semi-widget-pbblue { } div.semi-widget-main button.semi-widget-pbred { background-color: #cf1f38; border-bottom-color: #b62133; } div.semi-widget-main button.semi-widget-pbgreen { background-color: #5d5d5f; border-bottom-color: #4c4d4f; } div.semi-widget-main.semi-widget-main-blue button.semi-widget-pbblue { border: 1px solid #fff; border-bottom: 2px solid #a0a0a0; padding: 7px 24px 6px 24px; } /* * Main normal size */ div.semi-widget-main { border: 0 none transparent; width: 100%; height: 70px; overflow: visible; background: #0148ac; color: #ffffff; font: 14px/18px 'Payback'; position: fixed; top: 0; left: 0; z-index: 900000; display: none; min-width: 320px; box-shadow: 0px 5px 3px -1px #c9c8c9; padding: 0 0 0 15px; } div.semi-widget-main .semi-widget-main-hidden { display: none; } div.semi-widget-main.semi-widget-main-white { background: #ffffff; color: #444444; } div.semi-widget-main.semi-widget-main-grey { background: #e2e2e2; color: #444444; } div.semi-widget-main-fix-margin { height: 60px; width: 100%; } div.semi-widget-main-margin { background: transparent url(/images/service/semi-widget/background-normal-640.png?v=2) 0 0 repeat-x; } div.semi-widget-main-margin.semi-widget-main-margin-white { background: transparent url(/images/service/semi-widget/background-white-640.png?v=2) 0 0 repeat-x; } div.semi-widget-main-margin.semi-widget-main-margin-grey { background: transparent url(/images/service/semi-widget/background-grey-640.png?v=2) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-back { float: left; height: 70px; width: 27px; overflow: hidden; } div.semi-widget-main div.semi-widget-back a { width: 12px; height: 20px; display: none; background: transparent url(/images/service/semi-widget/main.png?v=2) -83px -360px no-repeat; margin: 25px 8px; } div.semi-widget-main div.semi-widget-back a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -83px -379px no-repeat } div.semi-widget-main.semi-widget-main-grey div.semi-widget-back a, div.semi-widget-main.semi-widget-main-white div.semi-widget-back a { background: transparent url(/images/service/semi-widget/main.png?v=2) -95px -360px no-repeat; } div.semi-widget-main.semi-widget-main-grey div.semi-widget-back a:hover, div.semi-widget-main.semi-widget-main-white div.semi-widget-back a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -95px -379px no-repeat; } div.semi-widget-main div.semi-widget-logo { float: left; height: 70px; width: 113px; overflow: hidden; } div.semi-widget-main div.semi-widget-logo span { height: 38px; width: 93px; display: inline-block; margin: 16px 10px; background: transparent url(/images/service/semi-widget/main.png?v=3) 0 -792px no-repeat; } div.semi-widget-main div.semi-widget-where { float: left; height: 46px; overflow: hidden; padding: 12px 10px; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; font: 18px/24px 'Payback Light'; color: #ffffff; letter-spacing: 0.5px; } div.semi-widget-main.semi-widget-main-white div.semi-widget-where, div.semi-widget-main.semi-widget-main-grey div.semi-widget-where { color: #444444; } div.semi-widget-main div.semi-widget-card-info { float: left; height: 46px; overflow: visible; padding: 12px 10px; max-width: 550px; font: 18px/24px 'Payback Light'; color: #ffffff; position: relative; letter-spacing: 0.5px; } div.semi-widget-main div.semi-widget-card-info .semi-widget-card-info-number-con { float: left; } div.semi-widget-main div.semi-widget-card-info .semi-widget-card-info-number { font: 24px/20px 'Payback Light'; color: #ffffff; } div.semi-widget-main.semi-widget-main-white div.semi-widget-card-info, div.semi-widget-main.semi-widget-main-white div.semi-widget-card-info .semi-widget-card-info-number, div.semi-widget-main.semi-widget-main-grey div.semi-widget-card-info, div.semi-widget-main.semi-widget-main-grey div.semi-widget-card-info .semi-widget-card-info-number { color: #444444; } div.semi-widget-main div.semi-widget-card-info.semi-widget-card-info-edit { max-width: 550px; } div.semi-widget-main div.semi-widget-login-panel div.semi-widget-loader { display: none; background-color: #0148ac; opacity: 0.85; width: 690px; height: 68px; position: absolute; top: 1px; left: 15px; z-index: 901003; } div.semi-widget-main.semi-widget-main-grey div.semi-widget-login-panel div.semi-widget-loader { background-color: #e2e2e2; } div.semi-widget-main.semi-widget-main-white div.semi-widget-login-panel div.semi-widget-loader { background-color: #ffffff; } div.semi-widget-main div.semi-widget-card-info .semi-widget-card-info-change-con { line-height: 11px; float: left; padding: 31px 0 0 0; } div.semi-widget-main div.semi-widget-card-info a.semi-widget-card-info-change, div.semi-widget-main div.semi-widget-card-info a.semi-widget-card-info-change:visited { color: #97c1ff; font: 11px/11px Arial; text-decoration: none; } div.semi-widget-main div.semi-widget-card-info a.semi-widget-card-info-change:hover { text-decoration: underline; } div.semi-widget-main.semi-widget-main-white div.semi-widget-card-info a.semi-widget-card-info-change, div.semi-widget-main.semi-widget-main-white div.semi-widget-card-info a.semi-widget-card-info-change:visited, div.semi-widget-main.semi-widget-main-grey div.semi-widget-card-info a.semi-widget-card-info-change, div.semi-widget-main.semi-widget-main-grey div.semi-widget-card-info a.semi-widget-card-info-change:visited { color: #1451ae; } div.semi-widget-main div.semi-widget-card-info .semi-widget-join { float: left; padding: 5px 9px 0 9px; } div.semi-widget-main div.semi-widget-card-info .semi-widget-set-number { float: left; padding: 5px 11px 0 9px; } div.semi-widget-main div.semi-widget-panel { display: none; float: left; height: 70px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-cont { float: left; } div.semi-widget-main div.semi-widget-panel div.semi-widget-clear-cont { clear: both; } div.semi-widget-main div.semi-widget-panel div.semi-widget-login-panel { padding: 16px 0 16px 27px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-login-panel input { border: 0; padding: 2px 5px; width: 203px; height: 31px; font: 20px/33px 'Payback Light'; letter-spacing: 4px; color: #000000; border: 1px solid #0146ab; } div.semi-widget-main div.semi-widget-panel div.semi-widget-login-panel button { margin: 1px 0 0 31px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-enroll-panel, div.semi-widget-main div.semi-widget-panel div.semi-widget-register-papercard-panel { padding: 13px 14px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-enroll-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-register-papercard-panel span { display: inline-block; font: 20px/22px 'Payback Light'; margin-right: 42px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-enroll-panel button.semi-widget-button-yes { margin: 3px 9px 0 9px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-enroll-panel button.semi-widget-button-no { margin: 3px 0 0 9px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-join-or-register-panel { padding: 17px 14px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-join-or-register-panel span { display: inline-block; font: 20px/22px 'Payback Light'; margin: 9px 33px 0 0; } div.semi-widget-main div.semi-widget-panel div.semi-widget-join-or-register-panel button.semi-widget-button-yes { margin: 0 9px 0 9px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-join-or-register-panel button.semi-widget-button-no { margin: 0 0 0 11px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-register-email-panel, div.semi-widget-main div.semi-widget-panel div.semi-widget-join-email-panel { padding: 14px 5px 14px 15px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-register-panel, div.semi-widget-main div.semi-widget-panel div.semi-widget-register-noemail-panel, div.semi-widget-main div.semi-widget-panel div.semi-widget-registered-panel, div.semi-widget-main div.semi-widget-panel div.semi-widget-join-noemail-panel { padding: 25px 5px 24px 15px; } div.semi-widget-main div.semi-widget-panel div.semi-widget-register-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-register-email-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-register-noemail-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-registered-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-join-email-panel span, div.semi-widget-main div.semi-widget-panel div.semi-widget-join-noemail-panel span { font: 20px/21px 'Payback Light'; } div.semi-widget-main div.semi-widget-benefits { float: right; box-shadow: 3px 0px 3px -3px #c9c8c9; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-label { float: left; height: 48px; width: 62px; overflow: hidden; display: none; padding: 11px 14px; text-align: right; font: 14px/18px 'Payback'; color: #ffffff; } div.semi-widget-main.semi-widget-main-white div.semi-widget-benefits div.semi-widget-benefits-label, div.semi-widget-main.semi-widget-main-grey div.semi-widget-benefits div.semi-widget-benefits-label { color: #444444; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets { float: left; height: 65px; width: 211px; overflow: visible; display: none; padding-bottom: 2px; background: transparent url(/images/service/semi-widget/benefits-promotions-background.png) 0 0 repeat-x; box-shadow: 0px 3px 3px -2px #c9c8c9; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets span.semi-widget-benefits-tickets-label { background: transparent url(/images/service/semi-widget/main.png?v=2) -78px -400px no-repeat; display: inline-block; width: 26px; height: 66px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll { width: 190px; background-color: transparent; float: left; margin-left: 26px; margin-top: -66px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll div.semi-widget-scroll-cont { float: left; height: 64px;0 width: 185px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll-item { width: 185px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll.semi-widget-scroll-scrolling { background: #ffffff url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll-item-cont { width: 185px; background: #ffffff url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-2 { height: 64px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 { width: 164px; padding-top: 5px; height: 59px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-2 a.semi-widget-i-mark { margin: 12px 0 0 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 div.semi-widget-benefits-tickets-name { color: #000000; font: 11px/14px Arial; padding: 7px 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 div.semi-widget-benefits-tickets-name span { color: #c0202d; font-size: 18px; font: 18px/24px 'Payback'; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 div.semi-widget-benefits-tickets-name.semi-widget-benefits-tickets-name-code { padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 div.semi-widget-benefits-tickets-code { color: #000000; font: 11px/14px Arial; padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-1 div.semi-widget-benefits-tickets-code span { font: 11px/14px Arial; font-weight: bold; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-cont-3 { height: 0; float: none; clear: both; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll-item-mark { display: inline-block; width: 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-tickets div.semi-widget-scroll-item-mark a.semi-widget-i-mark { margin: 12px 0 0 -16px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons { float: left; height: 65px; width: 300px; overflow: visible; display: none; padding-bottom: 2px; background: transparent url(/images/service/semi-widget/benefits-coupons-background.png) 0 0 repeat-x; box-shadow: 0px 3px 3px -2px #c9c8c9; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-loader { display: none; opacity: 0.85; width: 274px; height: 64px; position: absolute; top: 0; z-index: 901003; background: #ffffff url(/images/service/semi-widget/loader-small.gif) center no-repeat; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons span.semi-widget-benefits-coupons-label { background: transparent url(/images/service/semi-widget/main.png?v=2) -52px -400px no-repeat; display: inline-block; width: 26px; height: 66px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll { width: 279px; background-color: transparent; float: left; margin-left: 26px; margin-top: -66px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll div.semi-widget-scroll-cont { float: left; height: 64px; width: 274px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll-item { width: 274px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll.semi-widget-scroll-scrolling { background: #ffffff url(/images/service/semi-widget/benefits-coupons-item-background.png) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll-item-cont { width: 274px; background: #ffffff url(/images/service/semi-widget/benefits-coupons-item-background.png) 0 0 repeat-x; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-1, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-2, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-3 { height: 26px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-1 { width: 168px; color: #000000; line-height: 30px; font-size: 18px; overflow: hidden; padding-left: 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-1 span { color: #c0202d; font: 18px/30px 'Payback'; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-1 div { width: 1000px; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-1 div div { white-space: nowrap; display: inline; font: 18px/30px 'Payback'; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-2 { width: 71px; line-height: 42px; text-align: center; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-2:before { content: '.'; visibility: hidden; color: #ffffff; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-2 span { color: #ffffff; display: inline-block; width: 58px; height: 21px; text-align: center; font: 14px/21px 'Payback Light'; background-color: #72BF44; border-radius: 5px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-2 button { font: 14px/14px 'Payback Light' !important; padding: 4px 6px 1px 6px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-3 a.semi-widget-i-mark { margin: 12px 0 0 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-cont-4 { height: 19px; font: 11px/14px Arial; width: 168px; color: #000000; overflow: hidden; padding-left: 14px; float: left; white-space: nowrap; text-overflow: ellipsis; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll-item div.semi-widget-benefits-coupons-item-valid { height: 19px; color: #a38895; padding-left: 14px; font: 10px/20px Arial; float: none; clear: both; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll-item-mark { display: inline-block; width: 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-coupons div.semi-widget-scroll-item-mark a.semi-widget-i-mark { margin: 12px 0 0 -16px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions { float: left; height: 65px; width: 211px; overflow: visible; display: none; padding-bottom: 2px; background: transparent url(/images/service/semi-widget/benefits-promotions-background.png) 0 0 repeat-x; box-shadow: 0px 3px 3px -2px #c9c8c9; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions span.semi-widget-benefits-promotions-label { background: transparent url(/images/service/semi-widget/main.png?v=2) -78px -400px no-repeat; display: inline-block; width: 26px; height: 66px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll { width: 190px; background-color: transparent; float: left; margin-left: 26px; margin-top: -66px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll div.semi-widget-scroll-cont { float: left; height: 64px; width: 185px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll-item { width: 185px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll.semi-widget-scroll-scrolling { background: #ffffff url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll-item-cont { width: 185px; background: #ffffff url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-2 { height: 64px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1 { width: 164px; padding-top: 5px; height: 59px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-2 a.semi-widget-i-mark { margin: 12px 0 0 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1 div.semi-widget-benefits-promotions-points { color: #c0202d; font-size: 18px; padding-left: 14px; font: 18px/24px 'Payback'; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1 div.semi-widget-benefits-promotions-min { color: #000000; font: 11px/14px Arial; padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1 div.semi-widget-benefits-promotions-code { color: #000000; font: 11px/14px Arial; padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-1 div.semi-widget-benefits-promotions-code span { font: 11px/14px Arial; font-weight: bold; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-cont-3 { height: 0; float: none; clear: both; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll-item-mark { display: inline-block; width: 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-promotions div.semi-widget-scroll-item-mark a.semi-widget-i-mark { margin: 12px 0 0 -16px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns { float: left; height: 65px; width: 215px; overflow: visible; display: none; padding-bottom: 2px; background: transparent url(/images/service/semi-widget/benefits-owns-background.png) 0 0 repeat-x; box-shadow: 0px 3px 3px -2px #c9c8c9; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns span.semi-widget-benefits-owns-label { background: transparent url(/images/service/semi-widget/main.png?v=2) -52px -467px no-repeat; display: inline-block; width: 26px; height: 66px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll { width: 194px; background-color: transparent; float: left; margin-left: 26px; margin-top: -66px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll div.semi-widget-scroll-cont { float: left; height: 64px; width: 189px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll-item { width: 189px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll.semi-widget-scroll-scrolling { background: transparent url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll-item-cont { width: 189px; background: transparent url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-2 { height: 64px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1 { width: 168px; padding: 5px 0 5px 0; height: 54px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1 div.semi-widget-benefits-owns-bonus { color: #021d55; font-size: 18px; padding-left: 14px; font: 18px/24px 'Payback'; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1 div.semi-widget-benefits-owns-min { color: #000000; font: 11px/14px Arial; padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1 div.semi-widget-benefits-owns-code { color: #000000; font: 11px/14px Arial; padding: 0 14px 0 14px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-1 div.semi-widget-benefits-owns-code span { font: 11px/14px Arial; font-weight: bold; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-3 { height: 0; float: none; clear: both; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-cont-2 a.semi-widget-i-mark { margin: 12px 0 0 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll-item-mark { display: inline-block; width: 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-owns div.semi-widget-scroll-item-mark a.semi-widget-i-mark { margin: 12px 0 0 -16px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts { float: left; height: 65px; width: 90px; overflow: visible; display: none; padding-bottom: 2px; background: transparent url(/images/service/semi-widget/benefits-gifts-background.png) 0 0 repeat-x; box-shadow: 0px 3px 3px -2px #c9c8c9; position: relative; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts span.semi-widget-benefits-gifts-label { background: transparent url(/images/service/semi-widget/main.png?v=2) -78px -467px no-repeat; display: inline-block; width: 26px; height: 66px; float: left; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll { width: 69px; background-color: transparent; float: left; margin-left: 26px; margin-top: -66px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll div.semi-widget-scroll-cont { float: left; height: 64px; width: 64px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll-item { width: 64px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll.semi-widget-scroll-scrolling { background: transparent url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll-item-cont { width: 64px; background: transparent url(/images/service/semi-widget/benefits-promotions-item-background.png) 0 0 repeat-x; float: left; } div.semi-widget-main div.semi-widget-benefits .semi-widget-benefits-gifts span.semi-widget-benefits-gifts-redemption { display: inline-block; width: 64px; height: 28px; background: transparent url(/images/service/semi-widget/benefits-gifts-redemption.png) 0 0 no-repeat; font: 13px/12px 'Payback Light'; text-align: center; padding-top: 36px; color: #0749a7; } div.semi-widget-main div.semi-widget-benefits .semi-widget-benefits-gifts a:hover span.semi-widget-benefits-gifts-redemption { background-position: -64px 0; text-decoration: underline; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-cont-1, div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-cont-2 { height: 64px; float: left; }48px div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-cont-1 { width: 64px; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-cont-2 a.semi-widget-i-mark { margin: 12px 0 0 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-cont-3 { height: 0; float: none; clear: both; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll-item-mark { display: inline-block; width: 0; } div.semi-widget-main div.semi-widget-benefits div.semi-widget-benefits-gifts div.semi-widget-scroll-item-mark a.semi-widget-i-mark { margin: 12px 0 0 -16px; } div.semi-widget-main div.semi-widget-roll { float: right; height: 70px; width: 46px; overflow: hidden; } div.semi-widget-main div.semi-widget-roll a { width: 16px; height: 16px; display: inline-block; margin: 27px 15px; background: transparent url(/images/service/semi-widget/main.png?v=2) -48px -365px no-repeat; } div.semi-widget-main.semi-widget-main-white div.semi-widget-roll a, div.semi-widget-main.semi-widget-main-grey div.semi-widget-roll a { background: transparent url(/images/service/semi-widget/main.png?v=2) -65px -365px no-repeat; } div.semi-widget-main div.semi-widget-roll a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -48px -381px no-repeat; } div.semi-widget-main.semi-widget-main-white div.semi-widget-roll a:hover, div.semi-widget-main.semi-widget-main-grey div.semi-widget-roll a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -65px -381px no-repeat; } /* * Main 768 */ div.semi-widget-main.semi-widget-main-768 { padding: 0 0 0 15px; max-width: 768px; } div.semi-widget-main.semi-widget-main-768 .semi-widget-main-hidden { display: inherit; } div.semi-widget-main.semi-widget-main-768 .semi-widget-main-768-hidden { display: none; } div.semi-widget-main.semi-widget-main-768 div.semi-widget-back { padding: 0 0 0 14px; display: none; } div.semi-widget-main.semi-widget-main-768 div.semi-widget-back a { display: inline-block; } div.semi-widget-main.semi-widget-main-768 div.semi-widget-panel div.semi-widget-register-email-panel, div.semi-widget-main.semi-widget-main-768 div.semi-widget-panel div.semi-widget-join-email-panel { padding: 8px 5px 8px 15px; } div.semi-widget-main.semi-widget-main-768 div.semi-widget-panel div.semi-widget-register-email-panel span, div.semi-widget-main.semi-widget-main-768 div.semi-widget-panel div.semi-widget-join-email-panel span { font: 16px/18px 'Payback Light' !important; } div.semi-widget-main.semi-widget-main-768 div.semi-widget-login-panel div.semi-widget-loader { width: 590px; } /* * Main 640 */ div.semi-widget-main.semi-widget-main-640 { min-width: 640px; max-width: 640px; height: 85px; box-shadow: none; padding: 0 0 0 10px; } div.semi-widget-main.semi-widget-main-640 button { font: 18px/20px 'Payback' !important; padding: 5px 12px; } div.semi-widget-main.semi-widget-main-640 button.semi-widget-pbblue { padding: 4px 11px; } div.semi-widget-main.semi-widget-main-640 .semi-widget-main-hidden, div.semi-widget-main.semi-widget-main-640 .semi-widget-main-768-hidden { display: inherit; } div.semi-widget-main.semi-widget-main-640 .semi-widget-main-640-hidden { display: none; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-white { background: #ffffff; color: #444444; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-grey { background: #e2e2e2; color: #444444; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-back { display: none; padding: 3px 0 12px 0; width: 17px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-back a { background: transparent url(/images/service/semi-widget/main.png?v=2) -52px -681px no-repeat; width: 17px; height: 30px; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-grey div.semi-widget-back a, div.semi-widget-main.semi-widget-main-640.semi-widget-main-white div.semi-widget-back a { background: transparent url(/images/service/semi-widget/main.png?v=2) -71px -681px no-repeat; margin: 25px 0px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-back a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -52px -711px no-repeat; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-grey div.semi-widget-back a:hover, div.semi-widget-main.semi-widget-main-640.semi-widget-main-white div.semi-widget-back a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -72px -711px no-repeat; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-logo { float: left; height: 85px; width: 38px; overflow: hidden; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-logo span { height: 38px; width: 38px; display: inline-block; margin: 23px 0; background: transparent url(/images/service/semi-widget/main.png?v=2) 0 -647px no-repeat; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-where { white-space: normal; text-overflow: inherit; letter-spacing: 0; padding: 12px 5px 12px 10px; height: 61px; font: 18px/20px 'Payback Light' !important; max-width: 115px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info { letter-spacing: 0; padding: 12px 10px 12px 5px; height: 61px; max-width: 125px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-login-panel div.semi-widget-loader { width: 296px; height: 83px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info .semi-widget-card-info-number-con { float: none; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info .semi-widget-card-info-number { font: 26px/20px 'Payback Light' !important; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info .semi-widget-card-info-change-con { float: none; padding: 0px 0 0 0; text-align: right; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info.semi-widget-card-info-edit { height: 63px; max-width: 280px; padding: 12px 10px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info .semi-widget-join { padding: 4px 5px 0 0; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-card-info .semi-widget-set-number { padding: 4px 0 0 5px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel { display: none; float: left; height: 85px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-login-panel { padding: 13px 0 13px 10px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-login-panel input { width: 124px; height: 47px; font: 20px/40px 'Payback Light'; letter-spacing: 0px; margin: 3px 0 0 0; padding: 2px 1px; border: 1px solid #0146ab; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-login-panel button { margin: 3px 0 0 8px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-enroll-panel { padding: 5px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-email-panel, div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-email-panel { padding: 7px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-noemail-panel { padding: 21px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-enroll-panel div.semi-widget-cont.semi-widget-cont-2 { float: none; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-enroll-panel span { font: 16px/18px 'Payback Light' !important; margin-right: 0px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-email-panel span, div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-email-panel span { font: 16px/18px 'Payback Light' !important; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-noemail-panel { padding: 11px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-enroll-panel button.semi-widget-button-yes { margin: 4px 5px 0 1px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-enroll-panel button.semi-widget-button-no { margin: 4px 0 0 5px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-or-register-panel { padding: 13px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-or-register-panel div.semi-widget-cont.semi-widget-cont-2 { float: none; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-or-register-panel span { font: 16px/18px 'Payback Light' !important; margin: 0px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-or-register-panel button.semi-widget-button-yes { margin: 8px 6px 0 1px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-join-or-register-panel button.semi-widget-button-no { margin: 8px 6px 0 8px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-panel { padding: 23px 10px; max-width: 455px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-panel span { font: 16px/18px 'Payback Light' !important; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-panel span br { display: inline; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-registered-panel { padding: 33px 10px; max-width: 455px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-registered-panel span { font: 16px/18px 'Payback Light' !important; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-papercard-panel { padding: 15px 10px; max-width: 450px; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-panel div.semi-widget-register-papercard-panel span { padding: 0; font: 16px/18px 'Payback Light' !important; margin: 0; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-benefits { display: none !important; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-roll { float: right; height: 85px; width: 55px; overflow: hidden; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-roll a { width: 25px; height: 25px; display: inline-block; margin: 71px 26px 73px 14px; background: transparent url(/images/service/semi-widget/main.png?v=2) 0 -686px no-repeat; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-white div.semi-widget-roll a, div.semi-widget-main.semi-widget-main-640.semi-widget-main-grey div.semi-widget-roll a { width: 25px; height: 25px; display: inline-block; margin: 30px 20px 30px 10px; background: transparent url(/images/service/semi-widget/main.png?v=3) -26px -686px no-repeat; } div.semi-widget-main.semi-widget-main-640 div.semi-widget-roll a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) 0 -711px no-repeat; } div.semi-widget-main.semi-widget-main-640.semi-widget-main-white div.semi-widget-roll a:hover, div.semi-widget-main.semi-widget-main-640.semi-widget-main-grey div.semi-widget-roll a:hover { background: transparent url(/images/service/semi-widget/main.png?v=3) -26px -711px no-repeat; } /* * Main minimize */ div.semi-widget-main-bookmark { width: 55px; height: 89px; background: transparent url(/images/service/semi-widget/main.png?v=2) 0 -58px no-repeat; position: fixed; top: 15%; left: -55px; z-index: 900000; } div.semi-widget-main-bookmark a { width: 45px; height: 76px; background: transparent url(/images/service/semi-widget/main.png?v=2) -48px -147px no-repeat; display: inline-block; text-align: left; margin-right: 10px; } div.semi-widget-main-bookmark a:hover { background: transparent url(/images/service/semi-widget/main.png?v=2) -48px -223px no-repeat; } /* * Tools */ div.semi-widget-main span.semi-widget-notice { color: #ff0000; display: inline-block; position: absolute; background-color: #ffffff; padding: 3px 7px; border: 1px solid #d4d4d4; border-radius: 6px; font: 11px/15px 'Payback Light'; z-index: 901002; } div.semi-widget-main.semi-widget-main-640 span.semi-widget-notice { font: 13px/17px 'Payback Light'; } div.semi-widget-transaction span.semi-widget-notice { color: #ff0000; display: inline-block; position: absolute; background-color: #ffffff; padding: 3px 7px; border: 1px solid #d4d4d4; font: 13px/36px 'Payback Light'; z-index: 901002; } div.semi-widget-main a.semi-widget-i-mark, div.semi-widget-transaction a.semi-widget-i-mark, div.semi-widget-main a.semi-widget-question-mark, div.semi-widget-transaction a.semi-widget-question-mark { background: transparent url(/images/service/semi-widget/marks.png) 0 0 no-repeat; display: inline-block; width: 21px; height: 20px; cursor: default; position: relative; z-index: 901000; } div.semi-widget-main a.semi-widget-question-mark:hover { background-position: -21px 0; } div.semi-widget-main a.semi-widget-i-mark, div.semi-widget-transaction a.semi-widget-i-mark { background-position: 2px -42px; } div.semi-widget-main a.semi-widget-i-mark:hover, div.semi-widget-transaction a.semi-widget-i-mark:hover { background-position: -19px -42px; } /* * Tooltip */ div.semi-widget-main div.semi-widget-tooltip, div.semi-widget-transaction div.semi-widget-tooltip { overflow: visible; border-radius: 4px; box-shadow: 0px 0px 10px 1px #888888; background-color: #ffffff; display: none; position: absolute; z-index: 900999; } div.semi-widget-main div.semi-widget-tooltip-arrow-top-right, div.semi-widget-transaction div.semi-widget-tooltip-arrow-top-right { background: transparent url(/images/service/semi-widget/tip-arrows.png) right 0 no-repeat; height: 12px; margin-right: 4px; position: relative; top: -12px; } div.semi-widget-main div.semi-widget-tooltip-arrow-bottom-center, div.semi-widget-transaction div.semi-widget-tooltip-arrow-bottom-center { background: transparent url(/images/service/semi-widget/tip-arrows.png) center -12px no-repeat; height: 12px; position: relative; bottom: -12px; } div.semi-widget-main div.semi-widget-tooltip-data, div.semi-widget-transaction div.semi-widget-tooltip-data { width: 234px; color: #000000; font: 11px/14px Arial; } div.semi-widget-main div.semi-widget-tooltip-data p, div.semi-widget-transaction div.semi-widget-tooltip-data p { padding: 0; margin: 0; } div.semi-widget-main div.semi-widget-tooltip.semi-widget-tooltip-top-right div.semi-widget-tooltip-data, div.semi-widget-transaction div.semi-widget-tooltip.semi-widget-tooltip-top-right div.semi-widget-tooltip-data { padding: 0 10px 10px 10px; } div.semi-widget-main div.semi-widget-tooltip.semi-widget-tooltip-bottom-center div.semi-widget-tooltip-data, div.semi-widget-transaction div.semi-widget-tooltip.semi-widget-tooltip-bottom-center div.semi-widget-tooltip-data { padding: 10px 10px 0 10px; } div.semi-widget-main span.semi-widget-card-info-toolpip, div.semi-widget-transaction span.semi-widget-card-info-toolpip { background: transparent url(/images/service/semi-widget/tip-card-info.png) 0 0 no-repeat; display: inline-block; height: 190px; width: 183px; } div.semi-widget-main div.semi-widget-benefits-coupons div.semi-widget-tooltip-data p { font-weight: bold; margin-top: 20px; } div.semi-widget-main div.semi-widget-benefits-coupons div.semi-widget-tooltip-data span { display: inline-block; font: 11px/14px Arial; } /* * Scroll */ div.semi-widget-main div.semi-widget-scroll { height: 64px; display: inline-block; overflow: hidden; } div.semi-widget-main div.semi-widget-scroll-items { height: 10000px; position: relative; } div.semi-widget-main div.semi-widget-scroll-item { height: 64px; display: block; float: left; } div.semi-widget-main span.semi-widget-scroll-dots { display: inline-block; height: 8px; position: relative; top: -13px; float: left; left: 0; } div.semi-widget-main span.semi-widget-scroll-dots span.semi-widget-scroll-dot { background: transparent url(/images/service/semi-widget/scroll-dots.png) 0 0 no-repeat; height: 8px; width: 8px; margin: 0 0 0 3px; display: inline-block; cursor: pointer; float: left; } div.semi-widget-main div.semi-widget-benefits-tickets span.semi-widget-scroll-dots span.semi-widget-scroll-dot.semi-widget-scroll-dot-active { background-position: 0 -16px; cursor: default; } div.semi-widget-main div.semi-widget-benefits-tickets span.semi-widget-scroll-dots span.semi-widget-scroll-dot:hover { background-position: 0 -16px; } div.semi-widget-main div.semi-widget-benefits-coupons span.semi-widget-scroll-dots span.semi-widget-scroll-dot.semi-widget-scroll-dot-active { background-position: 0 -8px; cursor: default; } div.semi-widget-main div.semi-widget-benefits-coupons span.semi-widget-scroll-dots span.semi-widget-scroll-dot:hover { background-position: 0 -8px; } div.semi-widget-main div.semi-widget-benefits-promotions span.semi-widget-scroll-dots span.semi-widget-scroll-dot.semi-widget-scroll-dot-active { background-position: 0 -16px; cursor: default; } div.semi-widget-main div.semi-widget-benefits-promotions span.semi-widget-scroll-dots span.semi-widget-scroll-dot:hover { background-position: 0 -16px; } div.semi-widget-main div.semi-widget-benefits-owns span.semi-widget-scroll-dots span.semi-widget-scroll-dot.semi-widget-scroll-dot-active { background-position: 0 -24px; cursor: default; } div.semi-widget-main div.semi-widget-benefits-owns span.semi-widget-scroll-dots span.semi-widget-scroll-dot:hover { background-position: 0 -24px; } /* * Transaction */ div.semi-widget-transaction, div.semi-widget-transaction div { text-align: left; border: 0; margin: 0; padding: 0; box-sizing: content-box; } div.semi-widget-transaction input:focus, div.semi-widget-transaction select:focus, div.semi-widget-transaction textarea:focus, div.semi-widget-transaction button:focus { outline: none; } div.semi-widget-transaction { display: none; width: 575px; height: 245px; overflow: hidden; background-color: #ffffff; color: #0146ab; font: 14px/18px 'Payback Light'; } div.semi-widget-transaction.semi-widget-transaction-created { display: inline-block; } div.semi-widget-transaction div.semi-widget-transaction-inside { position: relative; } div.semi-widget-transaction.semi-widget-transaction-tickets, div.semi-widget-transaction.semi-widget-transaction-tickets.semi-widget-transaction-300 { height: auto; } div.semi-widget-transaction div.semi-widget-transaction-container { width: 504px; height: 212px; overflow: hidden; padding: 21px 20px 12px 51px; } div.semi-widget-transaction.semi-widget-transaction-tickets div.semi-widget-transaction-container, div.semi-widget-transaction.semi-widget-transaction-tickets.semi-widget-transaction-300 div.semi-widget-transaction-container { height: auto; } div.semi-widget-transaction div.semi-widget-transaction-top { height: 48px; position: relative; } div.semi-widget-transaction div.semi-widget-transaction-top span.semi-widget-transaction-top-label { font: 32px/38px 'Payback Light'; } div.semi-widget-transaction div.semi-widget-transaction-top span.semi-widget-transaction-top-logo { background: transparent url(/images/service/semi-widget/transaction2.png) 0 0 no-repeat; width: 120px; height: 48px; display: inline-block; float: right; } div.semi-widget-transaction div.semi-widget-transaction-top span.semi-widget-transaction-top-line { display: inline-block; width: 100px; height: 1px; background-color: #0045aa; position: absolute; bottom: 2px; left: 1px; } div.semi-widget-transaction div.semi-widget-transaction-middle { height: 38px; font-size: 14px; } div.semi-widget-transaction div.semi-widget-transaction-middle.semi-widget-transaction-middle-sent { padding: 32px 0; } div.semi-widget-transaction.semi-widget-transaction-tickets div.semi-widget-transaction-middle.semi-widget-transaction-middle-sent { height: auto; padding: 4px 0; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-pp { color: #4b4b4d; font: 17px/38px 'Payback'; } div.semi-widget-transaction div.semi-widget-transaction-middle span.semi-widget-transaction-points { color: #0045aa; font: 21px/38px 'Payback'; letter-spacing: 0px; padding: 0 0 0 5px; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets { padding: 0 15px; line-height: 30px; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list { text-align: center; padding: 0 0 24px 0; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket { border: 1px solid #ececec; display: inline-block; width: 300px; height: 206px; border-radius: 7px; box-shadow: 4px 4px 10px -10px #888888; margin: 24px 0 0 0; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top { height: 162px; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-left { height:67px; width: 67px; float: left; background: transparent url(/images/service/semi-widget/transaction.png?v=2) 0 -300px no-repeat; margin: 27px 0 0 17px; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-right { height: 100%; width: 178px; float: left; padding: 0 19px; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-right div.semi-widget-transaction-ticket-name { width: 100%; height: 83px; font-size: 16px; color: #231f20; line-height: 18px; padding: 22px 0 0 0; font-family: 'Payback'; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-right div.semi-widget-transaction-ticket-name span { font-size: 35px; color: #c0202d; line-height: 40px; font-family: 'Payback'; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-right div.semi-widget-transaction-ticket-desc { width: 100%; height: 59px; font-size: 12px; line-height: 14px; color: #231f20; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-middle { height: 7px; background: #f4f4f4 url(/images/service/semi-widget/transaction-ticket-middle-background.png) 0 0 repeat-x; } div.semi-widget-transaction div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-bottom { height: 34px; background-color: #f4f4f4; border-top: 1px solid #ececec; border-radius: 3px; font-size: 13px; line-height: 15px; padding: 2px 9px 0; color: #464d4d; } div.semi-widget-transaction div.semi-widget-transaction-bottom { height: 126px; } div.semi-widget-transaction div.semi-widget-transaction-bottom div.semi-widget-transaction-label { font: 17px/20px 'Payback Light'; padding: 6px 0; } div.semi-widget-transaction div.semi-widget-transaction-bottom input { font: 20px/20px 'Payback Light'; border: 1px solid #0146ab; padding: 12px 16px 9px 16px; width: 182px; color: #0145a8; letter-spacing: 1.5px; } div.semi-widget-transaction div.semi-widget-transaction-bottom input:focus { border-color: #0046aa; } div.semi-widget-transaction div.semi-widget-transaction-bottom div.semi-widget-cont { float: left; } div.semi-widget-transaction div.semi-widget-transaction-bottom div.semi-widget-clear-cont { clear: both; } div.semi-widget-transaction button { background: none; background-color: #0046aa; border: 0; border-bottom: 2px solid #053780; border-radius: 4px; -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); height: auto; width: auto; cursor: pointer; font: 20px/20px 'Payback' !important; color: #ffffff; padding: 8px 25px 6px 25px; word-wrap: normal; } div.semi-widget-transaction button.semi-widget-pbblue { } div.semi-widget-transaction button.semi-widget-pbred { background-color: #cf1f38; border-bottom-color: #b62133; } div.semi-widget-transaction button.semi-widget-pbgreen { background-color: #5d5d5f; border-bottom-color: #4c4d4f; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-info { font: 16px/16px 'Payback Light'; letter-spacing: 0.4px; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-info a { color: #0146ab; text-decoration: none; font-family: 'Payback Light'; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-info span.semi-widget-transaction-info-link { text-decoration: underline; font-family: 'Payback'; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-info span.semi-widget-transaction-info-arrow { font-family: 'Payback Light'; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-card .semi-widget-transaction-info { margin: 26px 0 0 0; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-thx { display: inline-block; background: transparent url(/images/service/semi-widget/transaction2.png) 0 -86px no-repeat; width: 95px; height: 154px; position: absolute; right: 32px; bottom: 12px } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button { padding: 12px 19px 10px 19px; margin: 0 0 0 11px; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button.semi-widget-transaction-promotion-yes, div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button.semi-widget-transaction-promotion-no { padding: 12px 54px 10px 54px; margin: 0; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button.semi-widget-transaction-promotion-no { margin: 0 0 0 9px; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion input { width: 200px; } div.semi-widget-transaction div.semi-widget-transaction-bottom .semi-widget-transaction-promotion .semi-widget-transaction-info { margin: 27px 0 0 287px; } div.semi-widget-transaction div.semi-widget-transaction-bottom div.semi-widget-transaction-card button { margin: 0 0 0 9px; padding: 12px 25px 11px 25px; } div.semi-widget-transaction div.semi-widget-transaction-loader { display: none; opacity: 0.85; width: 504px; height: 212px; position: absolute; border-radius: 0 0 6px 6px; background: #ffffff url(/images/service/semi-widget/loader-small.gif) center no-repeat; z-index: 901001; } /* SIZES: 300 */ div.semi-widget-transaction.semi-widget-transaction-300 { width: 300px; height: 240px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-container { width: 279px; height: 225px; padding: 7px 8px 8px 13px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-top { height: 45px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-top span.semi-widget-transaction-top-label { font: 27px/35px 'Payback Light'; letter-spacing: 3px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-top span.semi-widget-transaction-top-logo { background-position: 0 -47px; width: 93px; height: 37px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle.semi-widget-transaction-middle-sent { padding: 0; } div.semi-widget-transaction.semi-widget-transaction-tickets.semi-widget-transaction-300 div.semi-widget-transaction-middle.semi-widget-transaction-middle-sent { padding: 4px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-pp { font: 15px/30px 'Payback Light'; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle span.semi-widget-transaction-points { font: 20px/30px 'Payback'; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-tickets { padding: 0 10px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list { padding: 0 0 12px 0; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket { width: 266px; margin: 12px 0 0 0; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-left { margin: 27px 0 0 7px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-middle div.semi-widget-transaction-tickets div.semi-widget-transaction-tickets-list div.semi-widget-transaction-ticket div.semi-widget-transaction-ticket-top div.semi-widget-transaction-ticket-top-right { padding: 0 7px 0 12px; width: 173px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom { height: 153px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom div.semi-widget-transaction-label { padding: 6px 0 15px 0; font: 14px/16px 'Payback Light'; letter-spacing: 0.4px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom input { width: 110px; font: 16px/22px 'Payback Light'; margin: 0; padding: 11px 12px 10px 12px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom div.semi-widget-transaction-card button { letter-spacing: 1px; margin: 0 0 0 10px; width: 130px; font: 14px/14px 'Payback' !important; padding: 8px 14px 7px 14px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-info { font: 14px/14px 'Payback Light'; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-card .semi-widget-transaction-info { margin: 47px 0 0 13px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-loader { width: 279px; height: 225px; } div.semi-widget-transaction.semi-widget-transaction-300 span.semi-widget-notice { padding: 3px 7px 2px 7px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-thx { right: 8px; bottom: 2px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion div.semi-widget-transaction-label { padding: 50px 0 13px 0; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion.semi-widget-transaction-promotion-step2 div.semi-widget-transaction-label { padding: 2px 0 13px 0; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button.semi-widget-transaction-promotion-yes, div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button.semi-widget-transaction-promotion-no { padding: 11px 52px 10px 52px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion input { padding: 11px 5px 10px 5px; width: 124px; margin: 0 0 0 2px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion button { padding: 11px 37px 11px 37px; margin: 0 0 0 4px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-promotion .semi-widget-transaction-info { margin: 54px 0 0 227px; } div.semi-widget-transaction.semi-widget-transaction-300 div.semi-widget-transaction-bottom .semi-widget-transaction-register button { width: 200px; } div.semi-widget-transaction.semi-widget-transaction-300 .semi-widget-transaction-container-sent div.semi-widget-transaction-bottom .semi-widget-transaction-label { width: 200px; } /* * Registration */ .semi-widget-registration-container { position: absolute; top: 0; left: 0; z-index: 899999; background-color: #fff; } div.semi-widget-registration { font-family: 'Payback Light'; width: 500px; margin: 95px auto 45px; } div.semi-widget-registration .semi-widget-registration-global-error { display: none; } .semi-widget-registration *::before, .semi-widget-registration *::after { box-sizing: border-box; } .semi-widget-registration .pb-m-t-20 { margin-top: 20px; } .semi-widget-registration .pb-m-t-40 { margin-top: 40px; } .semi-widget-registration .pb-m-t-60 { margin-top: 40px; } .semi-widget-registration .pb-m-b-40 { margin-bottom: 40px; } .semi-widget-registration .pb-clearall { clear: both; } .semi-widget-registration .pb-i { background-image: url('/images/service/semi-widget/registration_icons.png'); background-repeat: no-repeat; width: 50px; height: 50px; } .semi-widget-registration .pb-i.pb-i-validate { background-position: 0 0; } .semi-widget-registration .pb-i.pb-i-card { background-position: -50px 0; } .semi-widget-registration .pb-i.pb-i-meet { background-position: -100px 0; } .semi-widget-registration .pb-i.pb-i-safe { background-position: -150px 0; } .semi-widget-registration .pb-i.pb-i-contact { background-position: -200px 0; } .semi-widget-registration .pb-i.pb-i-gift { background-position: -250px 0; } .semi-widget-registration .sw-title { font-family: 'Payback Light'; font-size: 30px; color: #0046aa; line-height: 30px; } .semi-widget-registration .sw-title.pb-error { color: #c1002b; } .semi-widget-registration .sw-title .pb-i { float: left; margin-right: 30px; } .semi-widget-registration .semi-widget { width: 100%; } .semi-widget-registration .semi-widget .semi-widget-left { display: table-cell; vertical-align: middle; padding-right: 30px; } .semi-widget-registration .semi-widget .semi-widget-right { display: table-cell; vertical-align: middle; } .semi-widget-registration .semi-widget .semi-widget-body { padding-left: 80px; margin-top: 8px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-form-group + .pb-form-group { margin-top: 40px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-form-group.pb-no-label { margin-top: 70px; } .semi-widget-registration .semi-widget .semi-widget-body label.pb-label { font-size: 20px; line-height: 30px; color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form { font-family: 'Payback Light'; background-color: #ffffff; background-image: none; border: 1px solid #c2c2c2; border-radius: 0px; box-shadow: none; color: #0046aa; display: block; font-size: 24px; height: 55px; line-height: 51px; padding: 0px 20px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form::-webkit-input-placeholder { color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form:-moz-placeholder { color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form::-moz-placeholder { color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form:-ms-input-placeholder { color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form:focus { border-width: 2px; border-color: #0046aa; padding: 0px 19px; } .semi-widget-registration .semi-widget .semi-widget-body input.pb-form.pb-error { border-color: #c1002b; background-color: #ffd0d2; color: #c1002b; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text { font-size: 24px; line-height: 30px; color: #4b4b4d; margin-bottom: 20px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text.p-img { color: #a5a5a5; text-align: center; margin-top: 4px; margin-bottom: 0px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text a { color: #4b4b4d; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text a span { text-decoration: none !important; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text a:hover { color: #0046aa; } .semi-widget-registration .semi-widget .semi-widget-body .pb-text .pb-text-info-hidden-text { display: none; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-pic { display: table-cell; vertical-align: top; padding-right: 25px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-pic .pb-text { margin-top: 4px; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-pic .pb-text a { font-size: 28px; color: #a5a5a5; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-pic .pb-text a:hover { color: #0046aa; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-text { display: table-cell; vertical-align: top; } .semi-widget-registration .semi-widget .semi-widget-body .pb-t .pb-t-text .pb-text { font-size: 20px; color: #a5a5a5; } .semi-widget-registration .semi-widget + .semi-widget { margin-top: 30px; } .semi-widget-registration .pb-selects { width: 100%; border: 1px solid #0046aa; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .semi-widget-registration .pb-selects select { float: left; width: 140px; font-family: 'Payback Light'; font-size: 24px; color: #0046aa; text-align: center; text-align-last: center; border: none; height: 47px; line-height: 53px; padding: 0px; margin: 4px 0px; cursor: pointer; outline: none; outline-offset: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; background-color: #ffffff; } .semi-widget-registration .pb-selects select.pb-error { border-color: #c1002b; background-color: #ffd0d2; color: #c1002b; } .semi-widget-registration .pb-selects select + select { border-left: 2px solid #c2c2c2; } .semi-widget-registration button.pb-button { font-family: 'Payback Light'; font-size: 34px; color: white; text-transform: uppercase; border-radius: 8px; border: none; height: 60px; line-height: 60px; padding: 0px 30px; margin: 60px auto 0px auto; display: block; cursor: pointer; background: #cf1e38; background: -moz-linear-gradient(top, #cf1e38 0%, #cf1e38 91%, #ac2231 99%); background: -webkit-linear-gradient(top, #cf1e38 0%, #cf1e38 91%, #ac2231 99%); background: linear-gradient(to bottom, #cf1e38 0%, #cf1e38 91%, #ac2231 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf1e38', endColorstr='#ac2231', GradientType=0); } .semi-widget-registration button.pb-button:hover { background: #de3444; background: -moz-linear-gradient(top, #de3444 0%, #de3444 91%, #ac2231 99%); background: -webkit-linear-gradient(top, #de3444 0%, #de3444 91%, #ac2231 99%); background: linear-gradient(to bottom, #de3444 0%, #de3444 91%, #ac2231 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3444', endColorstr='#ac2231', GradientType=0); } .semi-widget-registration .pb-checkbox { float: left; margin-right: 20px; } .semi-widget-registration .pb-checkbox-img { background-image: url('/images/service/semi-widget/registration_icons.png'); background-repeat: no-repeat; background-position: 0 -50px; width: 39px; height: 38px; } .semi-widget-registration .pb-checkbox > input[type='checkbox'] { opacity: 0; float: left; width: 39px; height: 38px; padding: 0px; margin: 0px; cursor: pointer; } .semi-widget-registration .pb-checkbox > input[type='checkbox'] + .pb-checkbox-img { margin: 0; clear: none; padding: 0px; cursor: pointer; background-position: 0 -50px; width: 39px; height: 38px; } .semi-widget-registration .pb-checkbox > input[type='checkbox']:hover + .pb-checkbox-img { background-position: -39px -50px; } .semi-widget-registration .pb-checkbox > input[type='checkbox']:checked + .pb-checkbox-img { background-position: -78px -50px; } .semi-widget-registration .pb-checkbox > input[type='checkbox'].pb-error + .pb-checkbox-img { background-position: -117px -50px; } .semi-widget-registration .pb-checkbox > input[type='checkbox'].pb-error:hover + .pb-checkbox-img { background-position: -156px -50px; } .semi-widget-registration .pb-checkbox > input[type='checkbox'].pb-error:checked + .pb-checkbox-img { background-position: -78px -50px; } .semi-widget-registration .pb-radio-label { font-size: 20px; color: #a5a5a5; float: left; line-height: 99px; margin-right: 60px; } .semi-widget-registration .pb-radio { display: inline-block; } .semi-widget-registration .pb-radio + .pb-radio { margin-left: 36px; } .semi-widget-registration .pb-radio-img { background-image: url('/images/service/semi-widget/registration_icons.png'); background-repeat: no-repeat; background-position: -300px 0; width: 99px; height: 99px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .semi-widget-registration .pb-radio > input[type='radio'] { opacity: 0; float: left; width: 99px; height: 99px; padding: 0px; margin: 0px; cursor: pointer; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .semi-widget-registration .pb-radio > input[type='radio'] + .pb-radio-img { margin: 0; clear: none; padding: 0px; cursor: pointer; background-position: -300px 0; width: 99px; height: 99px; } .semi-widget-registration .pb-radio > input[type='radio'] + .pb-radio-img.pb-radio-woman { background-position: -597px 0; } .semi-widget-registration .pb-radio > input[type='radio'] + .pb-radio-img.pb-radio-men.pb-error { background-position: -498px 0; background-color: #ffd0d2; border-radius: 49px; } .semi-widget-registration .pb-radio > input[type='radio'] + .pb-radio-img.pb-radio-woman.pb-error { background-position: -795px 0; background-color: #ffd0d2; border-radius: 49px; } .semi-widget-registration .pb-radio > input[type='radio']:hover + .pb-radio-img.pb-radio-men { background-position: -399px 0; } .semi-widget-registration .pb-radio > input[type='radio']:hover + .pb-radio-img.pb-radio-woman { background-position: -696px 0; } .semi-widget-registration .pb-radio > input[type='radio']:checked + .pb-radio-img.pb-radio-men { background-position: -399px 0; } .semi-widget-registration .pb-radio > input[type='radio']:checked + .pb-radio-img.pb-radio-woman { background-position: -696px 0; } .semi-widget-registration .semi-widget .semi-widget-body .pb-error-for { line-height: 20px; display: none; color: #a51419; padding: 3px 0; font-size: 18px; } @media (max-width: 500px) { div.semi-widget-registration { width: auto; } .semi-widget-registration .semi-widget .semi-widget-left { padding-left: 10px; padding-right: 10px; } .semi-widget-registration .semi-widget .semi-widget-body { padding-left: 10px; padding-right: 10px; } .semi-widget-registration .pb-radio-label { margin-right: 20px; } .semi-widget-registration .pb-selects select { width: 98px; } .semi-widget-registration .pb-selects select option { width: 98px; } .semi-widget-registration .sw-title br { display: none; } }