/* --------------------------------------------------------------------------------------------------- $Home Page --------------------------------------------------------------------------------------------------- */ /* 3 slides in homepage */ .slide { padding:37px 0 20px; } /* headings */ .slide-title { margin-bottom:29px; text-align:center; color:#fff; line-height:1; letter-spacing:-1px; text-transform:uppercase; } .slide-title em { position:relative; display:inline; font-size:20px; font-weight:normal; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; color:#701b24; font-style:normal; } .slide-title em:before, .slide-title em:after { content:""; display:block; position:absolute; top:2px; width:47px; height:20px; background:url(images/cardio-line.png) no-repeat; } .slide-title em:before { right:100%; margin-right:5px; background-position:left top; } .slide-title em:after { left:100%; margin-left:7px; background-position:right top; } .slide-title strong { display:block; font-size:56px; font-family:'Trade Gothic W01 Cn 18',sans-serif; text-shadow:1px 1px #51131a; } .col-title { color:#292829; font-size:29px; font-family:'Trade Gothic W01 Cn 18',sans-serif; text-transform:uppercase; letter-spacing:-1px; line-height:1.1; text-align:center; } .col-title span { font-size:24px; color:#982632; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; } .slide-bottom { margin-top:19px; clear:both; text-align:center; } .slide-bottom .btn-1 { font-size:16px; box-shadow:0 0 0 7px rgba(142,34,46,0.15), inset 0 0 5px 0 rgba(253,216,220,0.3); } /* Slide columns */ .slide .col { position:relative; } .slide .col-decoration, .slide .col .col-inner { margin:0 3px -2px 3px; } .slide .col-decoration { position:relative; height:100px; overflow:hidden; z-index:1; } /* White backgrounds */ .slide .col-decoration:before, .slide .col-decoration:after { content:""; display:block; position:absolute; top:50px; height:50px; background:#fff; } .slide .col-decoration:before { left: 0; right:50%; margin-right:48px; border-radius:3px 0 0 0; } .slide .col-decoration:after { right:0; left: 50%; margin-left: 48px; border-radius:0 3px 0 0; } /* Dark red border */ .slide .icn-border { display:block; position:relative; left:50%; margin-left:-50px; width:80px; height:80px; padding:10px; } .slide .icn-border:before, .slide .icn-border:after { content:""; display:block; position:absolute; top:40px; width:250%; height:3px; background:#89212c; } .slide .icn-border:before { right:100%; } .slide .icn-border:after { left: 100%; } /* Yellow circle */ .slide .circle { position:absolute; top:11px; left:50%; margin-left:-39px; z-index:1; display:block; width:79px; height:79px; line-height:79px; text-align:center; border-radius:39px; background-color:#faaf40; } .ie7 .slide .circle { padding:16px 0 25px; height:35px; line-height:35px; } .ie7 .slide .circle, .ie8 .slide .circle { /*TODO: use different image for IE7-8*/} .slide .circle:before { content:""; display:block; position:absolute; top:-10px; left:-10px; width:99px; height:98px; background:url(images/circle-mask-half.png) no-repeat top center; } .slide .circle-title { line-height:inherit; color:#ffffff; font-size:34px; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; text-transform:uppercase; text-shadow:1px 1px #bc8431; } .slide .icn-people { background-position: 12px 19px; background-image:url(images/icns-landing.png); background-repeat:no-repeat; } .slide .icn-mobile { background-position:-245px 19px; background-image:url(images/icns-landing.png); background-repeat:no-repeat; } .slide .icn-pencil { background-position:-502px 19px; background-image:url(images/icns-landing.png); background-repeat:no-repeat; } .slide .icn-article { background-position:-759px 19px; background-image:url(images/icns-landing.png); background-repeat:no-repeat; } /* Column padding */ .slide-column-pairs .col-inner, .slide-four-column .col-inner { padding:15px 20px 15px; background:#fff; border-radius:0 0 3px 3px; box-shadow:0 0 4px 0px #51131A; } /* Content */ .slide-column-pairs .col-content, .slide-four-column .col-content { padding-top:14px; border-top:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; } .slide .col-content p, .slide .col-content ul { margin-bottom:0; } /* 4 types of layout in slider area: .slide-two-column .slide-four-column .slide-column-pairs .tabs */ /* Slide #3 */ .slide-four-column { margin:0 -3px; } .slide-four-column .col { float:left; width:25%; } .ie7 .slide-four-column .col { width:24.99%; } .slide-four-column .col-inner { } /* Content */ .slide-four-column .col-title { margin-bottom:16px; } .slide-four-column .col-content { height:145px; } /* Slide #1 */ .slide-column-pairs { margin:0 -3px; } .slide-column-pairs .left-pair, .slide-column-pairs .right-pair { position:relative; float:left; width:50%; } /* Decoration */ .slide .slide-column-pairs .circle:before { background-image:url(images/circle-mask-quarter.png); } .slide-column-pairs .col { float:left; width:50%; } .ie7 .slide-column-pairs .col { float:left; width:49.99%; } .slide-column-pairs .col-inner { padding-top:0; } .ie7 .slide-column-pairs .col-inner { padding-top:20px; } /* Content */ .slide-column-pairs .col-header { text-align:center; } .slide-column-pairs .col-title { position:relative; top:-9px; margin-bottom:7px; z-index:1; } .slide-column-pairs .col-title span { display:block; margin-top:12px; } .slide-column-pairs .btn-1 { position:absolute; bottom:17px; left:50%; margin-left:-67px; width:104px; } .slide-column-pairs .col-content { height:96px; padding-bottom:100px;/*for button*/ } .slide-column-pairs ul { max-height:106px; overflow:hidden; text-overflow:ellipsis; } .js-card-flip { display:none; } .cpr-cert { color:white; text-align:center; padding-top:10px; margin: 0; } .cpr-cert a { color: white; text-decoration: underline; } /* Slide #2 */ .tab-content { } .tab-content .switch-wrapper { display:none; } .tab-content .col-left, .tab-content .col-right { overflow:hidden; height:350px; } .tab-content .col-left { width:60%; box-shadow:3px 0 16px rgba(41,40,41,0.07); } .tab-content .col-right { width:40%; border-left:1px solid #ddd; margin-left:-1%; } .tab-content .col-inner { padding:15px 25px; } /* styled scrollbars */ .tab-content .col-left .col-inner, .tab-content .col-right .col-inner { height:320px; overflow:auto; } .tab-content .scrollcontent-padding { max-width:444px; } /* Cover top & bottom for padding when scrolling */ .tab-content .col-left:before, .tab-content .col-left:after, .tab-content .col-right:before, .tab-content .col-right:after { content:""; position:absolute; z-index:1; margin:0 20px; height:15px; background:#fff; } /* Top */ .tab-content .col-left:before, .tab-content .col-right:before { top:0; } /* Bottom */ .tab-content .col-left:after, .tab-content .col-right:after { top:100%; margin-top:-15px; } /* Left */ .tab-content .col-left:before, .tab-content .col-left:after { right:40%; left:0; } /* Right */ .tab-content .col-right:before, .tab-content .col-right:after { right:0; left:60%; } /* compact questions */ .tab-content .quiz .question, .tab-content .quiz-footer { margin-top:10px; padding-top:15px; } .tab-content .quiz-footer { margin-bottom:10px; } .tab-content .quiz .question:first-child { margin-top:0; padding-top:0; } .tab-content .quiz-footer .btn-2 { float:none; margin-left:0; width:auto; } .tab-content .quiz-pagination { float:right; color:#bd1e2c; } /* Slide #4 (other pages) */ .slide-two-column { } .slide-two-column .switch-wrapper { display:none; } .get-certified .slide-title { margin-top:11px; } .convenient-programs {} .convenient-programs li.last p { display:none; } .slide-two-column .col { float:left; width:50%; } .slide-two-column .col .col-inner { margin:0; padding:0 35px 0 80px; } .slide-two-column .col-title { margin:-3px 0 7px; font:24px/30px 'TradeGothicW01-BoldCn20 675334',sans-serif; text-transform:uppercase; letter-spacing:0; color:#701b24; text-align:left; } .slide-two-column .col-content { position:relative; margin:0 0 0 20px; padding:0 20px 0 10px; min-height:336px; background:#fff; border-radius:3px; box-shadow:0 0 4px 0px #51131A; } .convenient-programs .slide-two-column .col-content { min-height:308px; } /* Border between columns */ .slide-two-column .col:first-child .col-content:before { content:""; position:absolute; top:0; bottom:0; right:-60px; border-right:3px solid #89212c; } .slide-two-column ol { position:relative; list-style:none; margin:0; } .slide-two-column li { position:relative; min-height:41px; font-size:14px; line-height:16px; padding:3px 0; } .slide-two-column li p { margin:0; padding:0 0 5px 0; } .slide-two-column li strong { font-size:18px; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; text-transform:uppercase; color:#982632; } .slide-two-column li:not(.last) a { font-size:16px; } /* Decoration */ .slide .li-decoration { position:absolute; z-index:1; top:0; bottom: 0; left:-49px; width:42px; } /* White connecting backgrounds */ .slide-two-column .li-decoration:before, .slide .li-decoration:after { content:""; display:block; position:absolute; right:0; left:20px; width:auto; height:auto; background:#fff; } .slide-two-column .li-decoration:before { top:-6px; bottom:50%; margin:0 0 27px 0; } .slide-two-column .li-decoration:after { top:50%; bottom:3px; margin:17px 0 0 0; } /* Circle */ .slide-two-column .li-decoration .circle { left:0; top:50%; margin:-22px 0 0 0; padding:0;/*IE7*/ width:34px; height:34px; line-height:34px; border-radius:34px; color:#ffffff; font-size:22px; font-family:'TradeGothicW01-BoldCn20 675334',sans-serif; text-transform:uppercase; text-shadow:1px 1px #bc8431; } .slide-two-column .li-decoration .circle:before { top:-5px; left:17px; width:25px; height:44px; background-image:url(images/circle-mask-half-small.png); } /* First & last li - for white background */ .slide-two-column li:first-child { padding-top:24px; min-height:37px; } .slide-two-column li:first-child .li-decoration:before { top:0; margin-bottom:21px; border-top-left-radius:3px; } .slide-two-column li:first-child .li-decoration:after { margin-top:23px; } .slide-two-column li:first-child .li-decoration .circle { margin-top:-16px; } .slide-two-column li.last { min-height:8px; z-index:1; } .slide-two-column li.last .li-decoration:after { top:-5px; bottom:0; margin-top:0; border-radius:0 0 0 3px; background:#fff; } .slide-two-column li.last p { margin-top:2px; padding:8px 0 9px; border-top:1px solid #e6e6e6; } /* Corner */ .slide-two-column .col-content:after { content:""; display:block; position:absolute; top:auto; right:0; bottom:0; left:-19px; margin-top:0; width:auto; height:22px; border-radius:0 0 3px 3px; background:#fff; z-index:0; } .slider-nav { position:absolute; right:0; bottom:20px; left:0; margin:0 8px 0 10px; } .slider-nav li { float:left; padding:0; width:33.333%; background-image:none; } .ie7 .slider-nav li { width:30%; } .slider-nav a { display:block; margin:0 3px; background:#b13c45;/*fallback*/ background:rgba(81,19,26,0.15); color:#701b24; font:28px/41px 'TradeGothicW01-BoldCn20 675334',sans-serif; text-align:center; text-transform:uppercase; text-decoration:none; border-top-left-radius:3px; border-top-right-radius:3px; transition:all ease-in 0.1s; -webkit-transition:all ease-in 0.1s; } .slider-nav a:focus, .slider-nav a:hover, .slider-nav a:active, .slider-nav a.active { background:#932e36;/*fallback*/ background:rgba(81,19,26,0.4); color:#fff; text-decoration:none; text-shadow:1px 1px #51131a; } /* --------------------------------------------------------------------------------------------------- Landing Secondary block --------------------------------------------------------------------------------------------------- */ /* 3 types of layout in landing-secondary area: .col-left & .col-right - different width, with yellow border .col-single - just for padding .two-columm - regular, no border .three-column - regular, /w borders */ /* Padding, common for all */ .landing-secondary .col-left, .landing-secondary .col-right, .landing-secondary .col-single { padding-top:29px; padding-bottom:29px; } /* .col-left & .col-right */ .landing-secondary .col-left { float:left; width:33.0%; padding-right:5.1%; } .landing-secondary .col-right { float:right; width:55.8%; padding-left:5.1%; border-left:1px solid #fbd9a6; margin-left:-1px; } .landing-secondary .col-right-1 { float:left; width:55%; } .landing-secondary .col-right-2 { float:right; width:40.4%; } .redeem-code .button-block { margin-top:5px; } .redeem-code label { font-size:14px; /*for validation:*/ margin-top:-5px; padding-top:11px; } .code-redeemed .button-block { margin-top:-7px; margin-bottom:0; clear:left; } .landing-secondary .col-right p { margin-bottom:10px; } .landing-secondary .col-right .btn-1 { margin-top:20px; } /* .col-single */ .landing-secondary .col-single { } .col-single .heading1 { float:left; margin:0 13px 0 0; } .col-single .redeem-code form { float:left; margin:0; } .col-single .redeem-code .form-row { float:left; margin:0 13px 0 0; margin-top:4px; width:280px; } .col-single .redeem-code label { display:none; } .col-single .redeem-code .button-block { float:left; margin:0 13px 0 0; padding:0; } .col-single .heading1:after { content:" Here:"; display:inline; } .ie8 .col-single .heading1:after { content:""; } .ie7 .col-single .redeem-code .btn-1 { width:160px; } .col-single .code-redeemed > p { margin-top:18px; } .col-single .code-redeemed .tooltip-wrapper { clear:none; float:left; margin-left:20px; } /* tooltip on right */ .col-single .tooltip { left:auto; right:0; } .col-single .tooltip:before { left:auto; right:63px; } .col-single .tooltip:after { left:auto; right:65px; } .discounts-table { margin-left:auto; margin-right:auto; } .discounts-table th, .discounts-table td { text-align:center; } /* --------------------------------------------------------------------------------------------------- Articles --------------------------------------------------------------------------------------------------- */ .section-news { padding-top:15px; } .section-news .col-left { width:57%; } .section-news .col-right { width:39%; } .page-home .section-stories { margin-top:93px; } .section-stories { position:relative; } .section-stories-header { margin-bottom:24px; padding-bottom:23px; border-bottom:3px solid #bd1e2c; } .stories-header-inner { position:relative; padding-right:200px; } .stories-header-inner .btn-1 { position:absolute; top:0; right:0; margin-right:30px; } .js-container-share-story { /*cover absolute things:*/ background:#fff; position:relative; z-index:1; } .form-row .word-count { float:right; margin:-1.5em -20px 0 0; font-size:14px; color:#a0a0a0; } .section-stories form .button-block { padding-bottom:10px; border-bottom:1px solid #ddd; } .section-stories .stories-more-link { position:absolute; bottom:40px; left:0; margin:0; white-space:nowrap; } .ie7 .section-stories .stories-more-link, .ie8 .section-stories .stories-more-link { position:relative; margin-top:-22px; } .section-welcome-message { margin-top: 30px; } /* Article */ .news-post { overflow:hidden;/*clear floats*/ } .post-image { margin:5px 0 15px; } .post-image img { display:block; } .post-image.default { background:#f5f5f5 url(images/no-image.png) no-repeat center center; } .post-image.default img { display:none; } .post-header {} .post-title { /*max-width:260px;*/ margin-bottom:0.5em; } .post-meta { margin-bottom:12px; font-size:14px; } .post-date { display:block; color:#a0a0a0; font-style:italic; } .post-date .location { font-family:'Trade Gothic W02 Bold 2'; font-style: normal; } .post-author { display:block; font-family:'Trade Gothic W02 Bold 2',sans-serif; } .post-content { max-width:500px; } .post-footer { margin-top:20px; margin-bottom: 25px; padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .post-footer .social-links { float:right; margin:0; } /* Article Summary */ .post-summary { padding:0 0 11px 138px; } .post-summary .post-image { float:left; margin-left:-138px; margin-bottom:0; width:118px; height:118px; overflow:hidden; } .post-summary .post-meta { margin-top:10px; margin-bottom:8px; } .post-summary .post-title { max-width:100%; } .post-summary .post-content { max-width:100%; max-height:10.5em; overflow:hidden; } .post-summary .post-content p { margin-bottom:0; } /* Article Summary Small/Horizontal */ .post-summary-stacked { padding: 0; } .post-summary-stacked .post-image { float:left; margin: 2px 10px 0 0; width:110px; height:100px;overflow: hidden; } .post-summary-stacked .post-meta { margin-top:10px; margin-bottom:0; } .post-summary-stacked .post-content { max-width:100%; max-height:10.5em; overflow:hidden; margin-top:10px; } /* Sidebar Posts */ .event-summaries .hr-gray, .blog-summaries .hr-gray { margin-top:15px; margin-bottom:15px; } /* --------------------------------------------------------------------------------------------------- Education --------------------------------------------------------------------------------------------------- */ /* Diagnostic Skills Challenge */ .challenge-scenario .col { width: 55% } .challenge-scenario .col + .col { width: 43% } .challenge-scenario .btn-2 { margin: 10px 0; } .challenge-list { margin-bottom: 22px; } .challenge-table { width: 100%; margin: 25px 0; } .js-diagnosis { margin-top: 15px; } /* Case Study Library */ .grid-case-studies .box { height:195px; } /* Study Materials */ .three-column .purchase-items { width: 47%; } .three-column .purchase-quantity { width: 20%; } .three-column .purchase-action { width: 28%; position:relative; } .ie7 .three-column .purchase-items { width:280px; } .ie7 .three-column .purchase-quantity { width:120px; } .ie7 .three-column .purchase-action { width:148px; } .purchase-quantity .number-field { float: right; margin-left: 12px; } .three-column .purchase-quantity { width: 20%; } .purchase-action .btn-confirmed { position:absolute; top:0; right:0; } .purchase-materials .col { min-height: 60px; } .purchase-materials .purchase-image { float: left; margin: 5px 15px 10px 0; max-width: 90px; } .purchase-materials-container .hr { margin: 12px 0; } .purchase-materials h3 { margin-bottom: 0.3em; } .purchase-materials h4 { margin-bottom:0.3em; padding-left:0.5em; } .purchase-materials p { margin-bottom: 1px; } .purchase-materials .purchase-quantity { margin-right: 0; } .purchase-quantity .purchase-price { float: left; padding-top: 7px; } .purchase-quantity .number-field { float: right; margin-left: 12px; } .purchase-quantity .validation-wrapper { float: right; } .purchase-summary-container .hr { margin: 10px 0; } .purchase-summary-container .button-block { text-align: right; padding:0 20px 0 0; } .purchase-summary-container .button-block .btn-1, .purchase-summary-container .button-block > a { float:none; } .purchase-summary-container .button-block > a { margin-right: 0px; } .purchase-summary-container .button-block > a.btn-1 { margin-right: 20px; } /* PURCHASE SUMMARY, 3 COLUMN (common for study materials and order step4-5 */ .purchase-summary { position:relative; padding-right:170px; margin-bottom:5px; } .purchase-summary .purchase-items { float:left; width:100%; } .purchase-summary .purchase-quantity { float:right; width:120px; margin-right:-120px; min-height:0; text-align:right; } .purchase-summary .purchase-action { position:absolute; top:-4px; right:7px; } .purchase-summary .quantity, .purchase-summary .price { display: inline-block; float: none; } .purchase-summary .quantity { width:22px; } .purchase-summary .price { width:93px; } /* --------------------------------------------------------------------------------------------------- News & Events --------------------------------------------------------------------------------------------------- */ .event-summaries, .blog-summaries { margin-bottom: 30px; } .index-link { margin-bottom:0; } .index-link a { display:block; padding:30px 0; margin:-30px 0 0; } .grid-item .post-summary-stacked { padding-right: 15px; } .news-article-related { margin-top: 30px; } .grid-journals .grid-item { position:relative; } .grid-journals .box { height:220px; padding-bottom:54px; } .grid-journals .grid-item .btn-2 { position: absolute; bottom: 30px; left: 30px; } .journal h2 { margin-bottom: 5px; } .journal .hr-red { margin: 16px 0; } .journal .post-footer { border-top:none; padding-top:0; } /* --------------------------------------------------------------------------------------------------- Checkout --------------------------------------------------------------------------------------------------- */ .checkout-header { margin-top: 20px; padding-bottom:10px; } .checkout-header .page-frame { position: relative; } .checkout-header { border-bottom: 1px solid #efefef; margin-top: 50px; position: relative; } .cancel-order { position: absolute; right: 16px; top: 4px; } /* Checkout inside modal */ .modal-content .page-frame { padding:0; width:auto; } .modal-content .checkout-header { margin:-37px -30px 20px -30px; padding:37px 60px 10px 30px; border-bottom: 1px solid #efefef; } .modal-content .order-summary-container { max-width:580px; } .modal-content .payment-container, .modal-content .order-confirm { margin-bottom:25px; } .item-details { color: #292829; } .purchase-action { float:right; text-align: right; } .suggested-materials-container h2 { margin-bottom: 1em; } .suggested-materials-container h3 { margin-bottom: 0.3em; } .suggested-materials-container .materials-image { float: left; margin: 5px 15px 10px 0; max-width: 90px; } .suggested-materials-container .btn-confirmed { left: 5%; right: auto; } .materials-block { margin-bottom: 30px; } .materials-block .promotion-block { padding: 5px;border: 1px solid #fbd9a6; background: #fffef7 } .materials-block .purchase-quantity { width:50%; } .materials-block .purchase-action { position:relative; width:50%; } .ie7 .materials-block .purchase-action { width:49.8%; } .purchase-block { position: relative; padding-right:50px; } .purchase-quantity { min-height: 30px; float:left; width:100%; } .purchase-block .purchase-subtotal { padding-top: 7px; float:right; text-align: right; } .purchase-block .purchase-description { max-width:495px; margin-bottom: 10px;} .order-summary-container .button-block { padding-top: 0; } .order-summary-container .button-block .btn-1 { float: right; margin-right: 40px; } .purchase-block .btn-delete { position: absolute; right: 0px; top: 0px; } input.discount-code { display: inline; width: 120px; } /* Fixed width price column */ .purchase-block .item-details, dl.checkout { padding-right:94px; } .purchase-block .purchase-subtotal, dl.checkout dd { width:94px; margin-right:-94px; } dl.checkout { position: relative; padding-right:144px; } dl.checkout dt { float: left; width:100%; text-align: right; font-family: 'Trade Gothic W01 Light','Helvetica Neue',Arial,sans-serif; padding: 0px 0px 0px 0px; color: #292829; line-height: 1.2em; } dl.checkout dd { float: left; padding:0; text-align: right; min-height: 17px; line-height: 1.2em; } dl.checkout .dd-field { padding-top: 10px; } .checkout, .checkout label { color: #292829; } .checkout .inactive, .checkout .inactive label { color: #aeaeae; } .total, dl.checkout .total { font-family:'Trade Gothic W02 Bold 2'; padding-top: 10px; } .checkout .checkbox-radio-block label { padding-top:0; padding-right:0; padding-bottom:0; float: right; } .checkout .checkbox-radio-block input { top:2px; } /* Shipping Payment */ .payment-container h3 { margin: 20px 0 7px; } .form-cc-column .col { float:left; width:36%; } .form-cc-column .col + .col { width:64%; } .cvv-expiration-month { float:left; width:46%; } .cvv-expiration-year { float:left; width:54%; position:relative; } .cvv-expiration-month .form-row { padding-left:20px; } .cvv-expiration-year .form-row { padding-left:20px; } .cvv-expiration-separator { position:absolute; top:39px; left:0; width:20px; text-align:center; } .button-block .note { font-family:'Trade Gothic W01 Obl'; font-size: 14px; color: #a0a0a0; line-height: 1.2em; width: 50%; display: inline-block; margin-top: 6px; } .pay-paypal .button-block .note { margin-top: 0px; } .pay-paypal .button-block { padding-top: 0px; } .checkout-summary-block { position: relative; margin-bottom: 28px; } .checkout-summary-block .btn-editing { position: absolute; top: 0px; right: 0px; } .order-summary { margin-bottom: 60px; } .order-summary .purchase-summary { margin:0.5em 0 0; } .order-summary .purchase-summary.provider-cards { margin-top:-0.75em; } .ie7 .order-summary .purchase-summary.provider-cards { margin-top:-0.25em; } .payment-type { position: relative; } .payment-type p { padding-left: 60px; } .payment-type p > span { display: block; } .payment-type .credit-card-icon { display: block; position: absolute; top: 2px; left: 0px; } .cc-tooltip { padding: 0; height: 183px; } .check-tooltip { text-align: center; } .tooltip h4 { margin-bottom: 3px; } .pay-echecking .tooltip { padding: 20px 0px 0px; } /* Order Confirmation */ .order-confirm .hr-red { margin: 15px 0; } .order-confirm .order-summary .checkout-summary-block { margin-bottom: 35px; } .order-confirm .order-summary h2 { margin-bottom: .2em; } .order-confirm .total, .order-confirm dl.checkout .total { padding-top: 0px; } .order-confirm .order-summary { margin-bottom: 0px; } /* --------------------------------------------------------------------------------------------------- Search Results --------------------------------------------------------------------------------------------------- */ .search-results { padding:0; line-height:1.3em; } .search-results li { padding:18px 0 2px; border-top:1px solid #efefef; background:none; } .ie7 .search-results li { margin-left:0; list-style:none; } .search-results li p { max-width:570px; margin-bottom:10px; } .search-results em { font-weight:bold; text-decoration:underline; font-style:normal; } .search-spelling-adjustment { font-size:14px; position:relative; top:8px; } /* --------------------------------------------------------------------------------------------------- Exam pages --------------------------------------------------------------------------------------------------- */ /* Exam Skills */ .form-row.i-special { margin-top:20px; padding-left:20px; max-width:370px; } .form-row.i-special label { width:20px; margin-left:-20px; float:left; } .ie7 .form-row.i-special .text-field { float:left; } fieldset.more-spacing { margin-top:20px; } fieldset.more-spacing label { margin:0.85em 0 0; } /* Results */ .credits-earned label { margin-right:25px; } .credits-earned input { display:inline; } .credits-earned .btn-2 { margin-left:25px; } .ie7 .credits-earned label { padding-top:6px; } .ie7 .credits-earned label, .ie7 .credits-earned input, .ie7 .credits-earned .btn-2 { float:left; } .ie7 input.credits-earned { display:inline; margin:0 25px; position:relative; top:8px; } /* Legal Statement Modal */ .initials-block { } .initials-block .col { width:60px; margin-right:20px; } .initials-block .col + .col { width:auto; margin-right:0; padding-top:14px; } .ie7 .initials-block .col { width:60px !important; } .ie7 .initials-block .col + .col { width:auto !important; } /* --------------------------------------------------------------------------------------------------- Profile pages --------------------------------------------------------------------------------------------------- */ .sidebar-layout .nav-profile { margin-top:0; } .sidebar-layout .content-top .nav-profile { margin-top:-54px; } .nav-profile { margin:-30px 0 27px; border-top:1px solid #fffef7; border-bottom:1px solid #ddd; box-shadow: inset 3px 0 16px rgba(41, 40, 41, .05); } .nav-profile ul { margin:0 0 -1px -20px; padding:0 13px; overflow:hidden; } .nav-profile li { float:left; position:relative; margin:0; padding:0; background:none; } .ie7 .nav-profile li { margin:0; list-style:none; } .nav-profile a { display:block; margin:10px -1px 10px 0; width:80px; height:60px; border-right:1px solid #efefef; border-left:1px solid #efefef; background:url(images/icns-profile.png) no-repeat 0 center; overflow:hidden; font-size: 14px; line-height: 18px; font-family: 'Trade Gothic W01 Cn 18',sans-serif; color: #6d6d6d; } .nav-profile a span { display:block; text-align:center; margin-top:42px; } .nav-profile li:first-child a:not(.active) { border-left-color:transparent; } .nav-profile a.active { position:relative; z-index:1; margin:0 -1px -1px 0; padding:10px 0 11px; border-color:#ddd; background-color:#fff; box-shadow:0px 0 26px rgba(41,40,41,.05); } .nav-profile a.active, .nav-profile a:hover { color: #89212c; } .nav-profile .unread { position: absolute; z-index:1; top: 11px; right: 10px; color: #FFF; background-color: #BD1E2C; text-align: center; height: 24px; width: 24px; border-radius: 50%; font-size: 14px; line-height: 24px;} .nav-profile a.icn-dashboard { background-position: 22px 5px; } .nav-profile a.icn-user { background-position: -86px 5px; } .nav-profile a.icn-group { background-position:-196px 5px; } .nav-profile a.icn-exam { background-position:-306px 5px; } .nav-profile a.icn-dashboard:hover, .nav-profile a.active.icn-dashboard { background-position:-418px 5px; } .nav-profile a.icn-user:hover, .nav-profile a.active.icn-user { background-position:-526px 5px; } .nav-profile a.icn-group:hover, .nav-profile a.active.icn-group { background-position:-636px 5px; } .nav-profile a.icn-exam:hover, .nav-profile a.active.icn-exam { background-position:-746px 5px; } .nav-profile a.active.icn-dashboard { background-position:-418px 14px; } .nav-profile a.active.icn-user { background-position:-526px 14px; } .nav-profile a.active.icn-group { background-position:-636px 14px; } .nav-profile a.active.icn-exam { background-position:-746px 14px; } /* Upgrade to Express shipping - different menu icon */ .submenu-wrapper.icn-express-shipping { display:inline-block; margin:-8px 0 -8px 5px; width: 27px; height: 27px; background: url('images/icn-expressshipping.png') no-repeat 0 0; zoom: 1; } .submenu-wrapper.icn-express-shipping .submenu-inner { right: -20px; } .ie7 .submenu-wrapper.icn-express-shipping { display: inline; } .ie7 .submenu-wrapper.icn-express-shipping .submenu-inner { top:100%; } /* Purchase Provider Card - different menu icon */ .submenu-wrapper.icn-provider-card { display:inline-block; margin:-8px 0 -8px 5px; width: 27px; height: 27px; background: url('images/icn-providercard.png') no-repeat 0 0; zoom: 1; } .submenu-wrapper.icn-provider-card .submenu-inner { right:auto; left:-100px; } .submenu-wrapper.icn-provider-card .submenu:after { right:auto; left:101px; } .submenu-wrapper.icn-provider-card .submenu:before { right:auto; left:97px; } .ie7 .submenu-wrapper.icn-provider-card { display: inline; } .ie7 .submenu-wrapper.icn-provider-card .submenu-inner { top:100%; } .grid-list.grid-dashboard { margin:0 -10px -20px; } .grid-dashboard .grid-item { min-width:356px; } .grid-dashboard .box { margin:0 10px 20px; padding:15px 20px; } .box-height { position:relative; padding-bottom:75px;/*button*/ min-height:140px; } .box-height .submenu-wrapper { position:absolute; top:4px; right:0; } .submenu-download-wrapper { width:55px; background-position:top right; } .submenu-wrapper-view { display:block; height:16px; line-height:16px; font-size:14px; color:#ec6371; } .submenu-download-wrapper:hover .submenu-wrapper-view { color:#cd4d5a; } .submenu-download-wrapper:hover { background-position:top right; } .box-height > .btn-2, .box-height > p .btn-2 { position:absolute; bottom:0; left:0; right:0; width:270px; } .box-height > .bnt-holder .btn-2 { bottom:40px; } .exam-status-wrapper { position:relative; margin-bottom:15px; } .exam-status-wrapper .submenu-wrapper { position:relative; top:-1px; } .grid-dashboard h2 { margin-bottom:0.2em; } .grid-dashboard p { margin-bottom:5px; } .box-divider { margin:22px -20px 20px; height:1px; background-color:#fdeace; } .grid-dashboard .collapsible { margin:0 0 -30px; } .grid-dashboard .collapsible.collapsed { margin:0 0 -10px; } .grid-dashboard .collapsible h3 { margin:-20px -20px 0; padding:20px; } .grid-dashboard .collapsible .btn-toggle { right:20px; } .grid-dashboard .collapsible-content { margin:0 -10px 30px; padding:0; } .grid-dashboard table { width:100%; } .icn-grade { font-size: 16px; padding-left: 23px; display: block; background: url('images/icn-grade.png') no-repeat 0 -35px; min-height: 18px; } .icn-grade.passed { background-position: 0 6px; } /* Order details - inside table */ .order-details { position:relative; font-size:16px; } .order-details h2 { margin:4px 0 5px; } .order-details .btn-toggle { position:absolute; top:0; right:0; } .col.order-meta { width:54%; } .order-meta dl { float:left; width:58%; margin:0; } .order-meta dl + dl { float:right; width:40%; } .order-meta dl dt { margin-bottom:0; } .order-meta dl dt, .order-meta dl.inline dt { color:#292829; font-family:'Trade Gothic W01 Light'; } .order-meta dl.inline dt { width:35%; } .order-meta dl.inline dd { margin-top:-22px; margin-left:37%; } .order-upgrade { margin: 20px 0 5px 0; } .order-upgrade .btn-2 { float:left; } .order-upgrade p { float:left; margin-left:20px; line-height:30px; } .col.order-products { width:44%; } .order-products .purchase-summary { padding-right:120px; } .order-products .hr { margin:10px 0; } .order-products .checkout { margin-right:0; } /* Profile Page */ .user-profile { } .user-profile .box { margin:0 0 20px; padding: 20px 20px 5px; position: relative; } .box .btn-editing { position: absolute; top: 16px; right: 14px; } .user-profile table.noborder { font-size: 16px; margin-bottom:0; } .user-profile table.noborder td { width:185px; color: #292829; padding:0 10px 10px 0; } .user-profile table.noborder td + td { width:205px; color: #6d6d6d; vertical-align: bottom; } .user-profile .checkbox-radio-block { margin-top:16px; margin-bottom:16px; } /* Group Page */ .unassigned-code-box .code-quantity { display: block; text-transform: none; font-family: 'Trade Gothic W01 Light','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 16px; color: #6d6d6d; } .unassigned-code-box .code-quantity a { color: #ec6371; } .ie7 .unassigned-code-box .code-quantity { margin-top:-1.9em; } .unassigned-code-box h2 { min-height:1.3em; } a.pop-assigned-codes { display: none; } /* Status icons */ .icn-status-ok, .icn-status-no, .icn-count { position: relative; display: block; padding-left: 40px; height: 24px; line-height: 24px; } .icn-status-ok, .icn-status-no { background: url('images/icn-actionstatus.png') no-repeat 0 0; } .icn-status-ok { background-position:0 0; } .icn-status-no { background-position:0 -81px; } .icn-count { } .icn-count span { float:left; margin-left:-40px; display: block; width: 24px; height: 24px; line-height: 24px; background: #faaf40; color: #fffdf7; text-align: center; border-radius: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Assign Codes block */ .recertification-form .form-three-column .col { width: 40%; } .recertification-form .form-three-column .col + .col + .col { width: 15%; float: right; } .recertification-form .button-block { margin-top:26px; padding-top:0; } .recertification-form .button-block .btn-2 { margin-right:0; float:right; } .recertification-form .button-block .btn-confirmed { position:absolute; top:0; right:0; } .table-titles { line-height: 2em; } .table-titles h2 { float:left; margin:4px 0 0; line-height: 2em; } .table-titles .download-codes { float: right; margin: 4px 0px 0px; line-height: 40px; } .table-titles .filter-search { clear: both; } .table-titles .search-form { width: 100%; margin: 0 0 12px 0; padding: 0; position: static; } .table-titles .search-wrapper { float: left; width: 31%; position: relative; text-align: left; padding-right: 50px; } .table-titles .search-form .search-wrapper label { display: none; } .table-titles .search-form .search-wrapper input { float: right; margin-right: -50px; } .table-titles .checkbox-assigned-codes { float: right; padding-right: 0px; margin-bottom: 0px; } .table-titles .checkbox-assigned-codes label { padding: 0.55em 0px 0.55em 0; } .table-titles .checkbox-assigned-codes input { margin: 3px 4px 0 0; } .assigned-codes .submenu-wrapper { display: inline-block; margin-left: 4px; } .assigned-codes th:nth-child(5), .assigned-codes td:nth-child(5) { padding-right: 0; } .ie7 .assigned-codes .submenu-wrapper { position: absolute; } /* Notifications */ .grid-notifications { margin:0 -5px; } .grid-notifications .grid-item { margin:0 5px 12px; max-width:321px; } .grid-notifications .box { padding:30px 20px 20px; } .grid-notifications .box-height { height:90px; min-height:0; padding-bottom:45px;/*for button*/ } .grid-notifications .box-height .btn-1 { position:absolute; right:0; bottom:0; left:0; padding:0; } .grid-notifications .btn-delete { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: transparent url(images/icn-modal-close.png) no-repeat 0px 2px; border-radius: 0; } .grid-notifications .btn-delete:hover, .grid-notifications .btn-delete:focus { background-position:0px -16px; } /* Banner */ .banner { text-align: center; border-bottom: solid 1px #efefef; margin-bottom: 40px; padding-bottom: 10px; } .banner h2 { font-size: 30px; font-family: 'Trade Gothic W01 Cn 18'; margin-bottom: 6px; } .banner span { position: relative; } .banner h2 span:after, .banner h2 span:before { content: ""; position: absolute; top: 4px; width: 47px; height: 26px; background: url(images/img-cardio.png) no-repeat; } .banner h2 span:before { right: 100%; margin-right: 12px; background-position: left top; } .banner h2 span:after { left: 100%; margin-left: 10px; background-position: right top; } .banner h3 { margin-bottom: 3px; } .page-frame { position: relative; } .banner-close { display: block; width: 20px; height: 20px; position: absolute; top: -12px; right: 7px; background: url(images/icn-close.png) no-repeat center center; font-size: 0; } .covid19message { width: 100%; text-align: center; font-size: 18px; color: #ffffff; background: #4b4b4b; border-bottom: 4px solid #faaf40; padding: 5px 0; z-index: 999; } /* Editor-controlled announcement strip (ACLS Editorial -> Site Banner). Verbatim from legacy custom-style.css:312, which never made it into v2 when the backoffice half of the feature was ported. Sits next to .covid19message because they are the same component visually -- same grey, same gold rule -- and legacy shipped them side by side. Legacy's `.site-banner a` / `.site-banner p` child rules are deliberately NOT ported: v2 stores the content as plain text and renders it escaped, so there are no child elements for them to match. */ .site-banner { width: 100%; text-align: center; font-size: 18px; color: #ffffff; background: #4b4b4b; border-bottom: 4px solid #faaf40; padding: 5px 0 10px 0; z-index: 999; } .exam-result { margin-bottom: 0; } .exam-result.waiting-for-clinical-skills { color: black; background-color: yellow; } .amri-checkout-title-description { font-style: italic; }