@bwidth: 950px; #course-template{ section.body{ border-radius: 00px; font-family: "pragmatica-web"; font-size: 13px; line-height: 18px; > h1{ padding: 10px; color: #003663; font-weight: bold; font-size: 30px; font-family: "franklin-gothic-urw-cond"; text-transform: uppercase; line-height: 40px; } section.regit{ padding-top:10px; padding-bottom:10px; border-top: solid 01px white; width: 100%; background-color: #cccccc; div{ font-weight: bold; } .rightf{ margin-top: 07px; button{ margin-bottom: 05px; margin-right: 07px; } } } section.leftf{ padding-left: 20px; padding-right: 20px; width: 441px; > strong{ text-transform: uppercase; } > .sessions{ table th a{ font-size: 14px; font-weight: normal; text-transform: none; float: right; } a.session-discounts-popup-trigger{ display: block; font-size: 7px; line-height: 10px; } } } section.rightf{ padding-right: 20px; width: 449px; } div.icons{ padding-bottom: 10px; > div{ width: 220px; float: left; font-weight: 700; img{ vertical-align: middle; padding-right: 05px; } } } iframe.course-video { margin-bottom: 15px; } section.tab-panel{ box-shadow: 0 10px 25px -15px #000000; line-height: 10px; header a{ display: block; float: left; padding: 10px; cursor: pointer; &:hover, &.hover{ color: #ddbc38; } &.selected{ background-color: #e7e7e7; } } section.tab{ border-top: solid 01px #777777; background-color: #e7e7e7; padding: 10px; margin-top: -05px; line-height: 18px; .tabname{ display: none; } ul{ list-style: square; list-style-position: outside; margin-left: 1em; } ol{ list-style-position: outside; margin-left: 2em; } } } section.course{ margin-top: 20px; margin-bottom: 20px; strong{ font-weight: bold; } div.progression-map{ background-image: url(/assets/styles/course/progression-map.png); background-repeat: no-repeat; padding-left: 20px; a{ color: white; text-decoration: none; cursor: pointer; &:hover, &.hover{ text-decoration: underline; } } } table.progression-map{ width: 450px; th{ width: 430px; } tbody{ tr{ width: 100%; td{ text-align: left; a{ color: black; text-decoration: none; &:hover, &.hover{ text-decoration: underline; } } } td:first-child{ background-image: url(/assets/styles/course/related-course-arrow.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; } } } } ul.biolist{ list-style: none; width: 450px; li{ display: block; float: left; padding-right: 05px; div{ a{ color: #000000; } a:hover{ color: #ddbc38; } &.hover{ color: #ddbc38; } } } } section.discription{ clear: left; margin-top: 30px; margin-bottom: 20px; section:first-child{ margin-bottom: 10px; } } } } div.print-content{ display: none; } } /* the Alliance discount popup */ #session-discounts-popup{ width: 300px; padding: 15px; width: 350px; background-color: #00123A; /* background: -webkit-linear-gradient(#00123A, #003664); background: -moz-linear-gradient(#00123A, #003664); background: -o-linear-gradient(#00123A, #003664); background: -ms-linear-gradient(#00123A, #003664); background: linear-gradient(to bottom, #00123A 20%, #003664 100%); */ color: #fff; box-shadow: 2px 2px 6px #000; h1{ font-size: 17px; margin-bottom: 10px; text-align: center; } a{ color: #fff; } .content{ font-size: 12px; margin-bottom: 10px; } table{ margin: 10px 0; width: 100%; } .discounts{ position: relative; width: 350px; height: 126px; #session-discounts-loader{ background-image: url( '/assets/icons/ajax-loader-big.gif'); background-position: center center; background-repeat: no-repeat; display: none; width: 100%; height: 100%; position: absolute; } #session-discounts-results{ display: none; } #session-discounts-thankyou{ display: none; } form, #session-discounts-thankyou{ margin: 0 auto; width: 65%; .form-group{ margin: 3px 0; input{ border-style: none; } } input[name=email]{ width: 180px; } .buttons{ margin-top: 10px; } } } }