@import url('fwk/fwk-ab.css'); /* build version number style */ .buildversion { float: left; clear: both; color: #00759B; border: 1px solid #A0A0A0; margin: 0 0 25px 25px; padding: 5px 7px; } .well {position: relative; min-height: 20px; padding: 10px 10px 25px 10px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px #000000;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px #000000;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px #000000;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} /* ----------------------------------------------- DEFAULT LINKS ------------------------------------------------- */ #app a, #app a:focus { outline: 0 !important } #app a:hover { text-decoration: none } #app a.link { text-decoration: none; color: #555; font-weight: bold; } #app a.link:hover { text-decoration: none; } /* Help */ #app a.help { color: #009a49; clear: right; font-weight: normal; } #app .helpinfo, #app.formPage .helpinfo { background:url(../images/bgs/bg-icons.png) no-repeat 50% -189px; width: 18px; height: 18px; display: block; float: right; text-indent: -99999em; overflow: hidden; padding: 0; } .help-inline{ background:url(../images/bgs/bg-icons.png) no-repeat -15px -191px; width: auto; height: 18px; display: block; float: right; overflow: hidden; padding: 0; padding-left: 20px; } .help-inline a:hover{cursor: pointer;} /* ----------------------------------------------- DEFAULT BUTTONS ------------------------------------------------- */ .buttonDefault {background-color: rgb(242, 242, 242); cursor: pointer; color: #555!important; border: 1px solid #ccc; padding: 8px 20px; margin: 0 12px 0 0; display: inline-block; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; float: left; } .buttonDefault:hover { box-shadow: 0 0 10px #323232; box-shadow: 0 0 10px rgba(50, 50, 50, .2); -webkit-box-shadow: 0 0 10px 2px #ddd; border-color: #bbb; text-decoration: none !important; cursor: pointer; } .buttonDefault.right{margin-right: 0;} .buttonDefault.add {margin: 0 0 10px 20px; width: 220px;} button.btnSmall, .btnSmall { font-size: 12px; font-weight: normal; color: #555!important; border: 1px solid #CCC; padding: 4px 10px; margin: 10px 0 0 0; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px white; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EFEFEF), color-stop(1, #E0E0E0)); background-image: -webkit-linear-gradient(top, #EFEFEF 0, #E0E0E0 100%); background-image: -moz-linear-gradient(top, #EFEFEF 0, #E0E0E0 100%); background-image: -ms-linear-gradient(top, #EFEFEF 0, #E0E0E0 100%); background-image: -o-linear-gradient(top, #EFEFEF 0, #E0E0E0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; } #app a.btn { border: 1px solid #ccc; padding: 3px 10px; font-weight: normal; color: #777; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 1px #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); text-decoration: none; } #app a.btn:hover {cursor: pointer; color: #009a49; text-decoration: none; box-shadow: 0 0 2px 2px #ddd; -webkit-box-shadow: 0 0 2px 2px #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app a.btn.close { font-size: 17px; padding: 1px 6px; line-height: 19px; float: right; } #app a.btn.large { padding: 15px; font-weight: bold; } #app a.btn.large:hover { box-shadow: none; -webkit-box-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -moz-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -ms-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -o-linear-gradient(top, #e0e0e0 0, #efefef 100%); } #app a.btn.bottom-strip { border-bottom: 3px solid #ccc; color: #777; } #app a.btn.bottom-strip:hover { border-bottom: 3px solid #aaa; color: #666666; } #app button.btn { border: 1px solid #ccc; padding: 3px 10px; font-weight: normal; color: #777; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 1px #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); text-decoration: none; } #app button.btn:hover {cursor: pointer; color: #009a49; text-decoration: none; box-shadow: 0 0 2px 2px #ddd; -webkit-box-shadow: 0 0 2px 2px #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app button.btn.close { font-size: 17px; padding: 1px 6px; line-height: 19px; float: right; } #app button.btn.large { padding: 15px; font-weight: bold; font-size: 12px;} #app button.btn.large:hover { box-shadow: none; -webkit-box-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -moz-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -ms-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -o-linear-gradient(top, #e0e0e0 0, #efefef 100%); } #app button.btn.bottom-strip { border-bottom: 3px solid #ccc; color: #777; } #app button.btn.bottom-strip:hover { border-bottom: 3px solid #aaa; color: #666666; } #app button.btn.bottom-strip-small { border-bottom: 3px solid #ccc; color: #777; width:180px;} #app button.btn.bottom-strip-small:hover { border-bottom: 3px solid #aaa; color: #666666; } /*Check boxes*/ #app input.checkSendEmail {width:22px;height:22px; margin-right:10px; } #app input.checkSendEmailAll {width:22px;height:22px; } #divEmailAll { margin:0px 0px 10px 0px; float:right; text-align:center ;} /* Default Form Buttons */ #app div.inlineModalControls .button, #app div.inlineModalControls > button, #app div.formActions > button, #app div.formActions .button, #app #search-panel .button {background-color: rgb(242, 242, 242); font-weight: normal; color: #555!important; border: 1px solid #ccc; padding: 8px 20px; margin: 0 0 0 7px; display: inline-block; float: none; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; } #app .internalAction.button, #app .formSubmit .button {background-color: rgb(242, 242, 242); font-weight: normal; color: #555!important; border: 1px solid #ccc; padding: 8px 20px; margin: 10px 0 0 0; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; } #app div.formActions .button.left { margin-left: 0 } #app .internalAction.button:hover, #app .formSubmit .button:hover, #app div.formActions > button:hover,button.btnSmall:hover, .btnSmall:hover {cursor: pointer; border-color: #bbb;} /* Arrows */ .arrow { position: absolute; right: 10px; top: 12px;width: 15px; height: 15px; margin-top: -5px; background: url(../images/bgs/bg-icons.png) no-repeat 50% -365px; } .open .arrow { background-position: 50% -381px } /* Register Quick Link */ .register-quick-link { float: right } .register-quick-link label { width: 120px; float: left; line-height: 22px; margin-right: 10px; } .register-quick-link input.register { float: right; overflow: hidden; } .register-quick-link p {overflow: hidden;} input.registerAllLater {margin: 0 0 0 4px;vertical-align: text-bottom;} /* Borders */ .borderRight { border-right: 1px solid #ddd } #app .event .invalidItem, #app .event:hover .invalidItem { border: 1px solid #bbb!important; border-left: 4px solid #9C132E!important; } #app a.removeItem {text-align: center; display: block; overflow: hidden; width: 8px!important; float: right!important; color: #aaa; margin: 0!important; border: 1px solid #ccc!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid whiteSmoke; margin-bottom: 5px; text-decoration: none; font-size: 16px; line-height: 8px; padding: 2px 4px 3px 2px; font-weight: normal; } #app a.removeItem:hover {text-decoration: none; color: #F60!important; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #bbb; background-color: #f5f5f5 !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid whiteSmoke; margin-bottom: 5px; text-decoration: none; } #main p { overflow: visible } /* Lists */ ol.lower-roman li { list-style-type: lower-roman } #modal-content .legal-footer ul.styled { padding-left: 4px } #modal-content .legal-footer ul.styled li { margin-bottom: 4px } .legal-footer { clear: both; } .legal-footer.general { font-size: 11px; border-top: 2px solid #eee; padding-top: 10px; margin-top: 20px; } /** MASTHEAD -------------------------------------------------------------------------------------------- */ /* Form Search */ #masthead #form-search {background: none;} #masthead #form-search input {border: none;outline: none;-moz-border-radius: 0px;-webkit-border-radius:0px;-khtml-border-radius:0px;border-radius:0px} #masthead form#form-search input.text {padding: 2px 2px;} #masthead #form-search input.search { font: 13px/1.45 arial, helvetica, clean, sans-serif; padding: 3px 25px 3px 5px !important; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /** Base Styles -------------------------------------------------------------------------------------------- */ /* Inherited */ #content-main {font: 13px/1.231 arial,helvetica,clean,sans-serif;margin: 0;} body { overflow-y: scroll;} .container { margin: 0 auto 20px auto; display: block; clear: both; overflow: visible; width: 960px; float: none; } ul.toc { margin: 1em 12px 1em 0; float: left; display: inline; } #footer { display: block; clear: both; overflow: hidden; margin-top: 20px; position: relative;} #app { float: left; display: inline; margin-bottom: 15px; } #app h1 { font-size: 1.5em; color: #1f1f1f; } #app h2, #app h3, #app h4 { color: #555 } #app h2 { margin: 12px 0; clear: both; } #app h3 { margin: 12px 0; clear: both; } #app h3 em { font-weight: normal; font-style: normal; } #app h4 { margin: 12px 0; clear: both; font-size: 1.15em; } #app h5 { margin: 12px 0; clear: both; } #app h6 { margin: 1.5em 0; font-size: 0.85em; } #app #side2 h4 { font-weight: normal } #app ul li { list-style: disc outside } #app a, #app #side a { -webkit-transition: color 0.1s ease-in; -moz-transition: color 0.1s ease-in; -o-transition: color 0.1s ease-in; transition: color 0.1s ease-in; } #app a:hover, #app #side a:hover { text-decoration: underline; color: #009a49; } #app form { font-size: 0.9em; margin: 0; } #app .corners { border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app #main {float: left; min-height: 400px; overflow: visible; margin: 0; } #app #main .registration #appHeader { display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; margin-right: 0; } /* margin-right: 15px; */ #app #main #appHeader .help { float: right; color: #009a49; font-weight: normal; } a.help:hover { cursor: pointer } #app #main .ttipWrapper { float: right } #app #main .ttipWrapper a.help { margin-top: 0 } #app #main .shoppingcart a.help { margin: 2px 0 0 420px; position: absolute; } /*#app div widths */ .app-fullWidth #main { float: left; margin: 0 12px 100px 0; width: 715px; min-height: 400px; overflow: hidden; } .app-fullWidth #main .inner { padding-right: 15px; float: left; } .app-fullWidth #main.recurringEvents .inner { padding-right: 15px; float: none; } #app .inner.standard { padding: 20px } .fullWidth { width: 100%; float: left; } .fullWidth #main { width: 100%; margin: 0 0; float: none; } .app-rightSide { width: 790px; position: relative; display: inline-block; } .app-rightSide #main { float: left; width: 532px; min-height: 400px; overflow: visible; } #app.app-rightSide #side { position: relative; z-index: 100; float: left; } .app-leftSide #main { float: left; width: 763px; min-height: 400px; overflow: hidden; margin-right: 0; } .appSlideContainer { width: 790px; overflow-x: hidden!important; float: right; } .appSlideContainer #side2 { overflow: hidden!important; display: inline-block; float: left; min-height: 400px; border-left: 2px solid #ddd; background-color: #fff; position: relative; z-index: 100; } .appSlide { width: 1400px; position: relative; } .app-leftSideBar #main { width: 791px } .appSlideContainer #main, .appSlideContainer #side2 { width: 545px; margin: 0; padding: 0; } .appSlideContainer .block { width: 543px; display: block; } .appSlideContainer #side2 .col .inner { padding: 0 20px } .appSlideContainer #side2 .col .heading { width: auto; clear: none; display: inline-block; position: relative; border: 1px solid #f00!important; margin: 0; padding: 0; } #sessionWrapper {position: relative; margin-top: 10px;} .session-info { border-left: 1px solid #bbb } .package-info, .package-info-demo { min-height: 400px } .package-info ul, .package-info-demo ul { margin: 0; padding: 10px; } .package-info ul li, .package-info-demo ul li { border-top: 1px solid #ddd; padding: 5px 5px 5px; margin: 0; list-style: none!important; font-size: 12px; } .package-info ul li li, .package-info-demo ul li li { border: none; list-style: disc inside!important; } .package-info ul li strong, .package-info-demo ul li strong { display: block; color: #444; padding: 6px 0 3px; margin: 0; font-weight: normal; font-size: 14px; } .package-info .date, .package-info-demo .date { padding: 12px 12px 0 14px; color: #333; font-size: 14px; display: block; } .package-info .date strong, .package-info-demo .date strong { font-size: 16px; white-space: nowrap; border-right: 1px solid #ccc; padding-right: 8px; margin-right: 5px; } .package-info .date em, .package-info-demo .date em { color: #777; font-style: normal; white-space: nowrap; padding: 0 0 0 2px; } /* TABLES */ table.v01 { width: 100%; margin: 10px 0; border: none; background-color: #ddd; } table.v01 th { color: #555; background: none; background-color: #d9d9d9; text-transform: uppercase; font-size: 10px!important; border: none; border-bottom: 1px solid #ccc; padding: 12px 6px 9px 6px; padding: 12px; } table.v01 td { color: #555; font-size: 12px; text-align: left; padding: 12px; background-color: #eee; border: 1px solid #eee; border: 1px solid #fff; border-width: 0 1px 1px 0; } table.v01 td a { font-weight: normal!important; text-decoration: none; font-size: 11px; font-size: 14px; color: #555; padding: inherit; margin: -9px; display: block; } table.v01 td a:hover { color: #009a49; text-decoration: none!important; background-color: transparent; border: none; } table.v01 td em { font-size: 11px; font-style: normal; } table.v02 { background-color: #fff } table.v02 th { background-color: #fff; border: none; color: #555; background: none; background-color: #fff; text-transform: uppercase; font-size: 10px!important; border: none; padding: 12px 6px 9px 6px; padding: 12px; } table.v02 td { background-color: #fff; border-top: 1px solid #DDD; padding: 7px; text-align: center; } table.v02 td a { border: 1px solid #f00 } table.v03 { background-color: #fff } table.v03.full-width{width: 100%;} table.v03 th { background-color: #eee; border: none; color: #555; text-transform: uppercase; font-size: 10px!important; border: none; padding: 12px 6px 9px 6px; padding: 12px; } table.v03 td { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: left; } /*table.v03 td a { border: 1px solid #f00 }*/ table.v03 td a.buttonDefault { border: 1px solid #ccc;} table.v03 tr.current td { background-color: #f5f5f5!important; border-bottom-color: #ccc; box-shadow: inset 0 8px 16px -16px #444; } #app.formPage table.v03 ul {margin: 0 0 0 20px;} table.v04 { background-color: #fff } table.v04 th { background-color: #fff; border: none; color: #555; background: none; background-color: #fff; text-transform: uppercase; font-size: 10px!important; border: none; padding: 12px 6px 9px 6px; padding: 12px; } table.v04 td { background-color: #fff; border: 1px solid #DDD; padding: 7px 12px; text-align: left;} table.v04 td a { border: 1px solid #f00 } table.v04 td a.buttonDefault { border: 1px solid #ccc; margin: 0 } table.v04 tr.current td { background-color: #f5f5f5!important; border-bottom-color: #ccc; box-shadow: inset 0 8px 16px -16px #444; } table.v05 { background-color: transparent; } table.v05 th { background-color: transparent; border: none; color: #555; text-transform: uppercase; font-size: 10px!important; border: none; padding: 12px 6px 9px 6px; padding: 12px; } table.v05 td { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: left; } table.v05 td.odd{ background: #eee;} table td .btnSmall { margin: 0 } table .number { text-align: center!important; width: 40px; } table .amount-due { text-align: right!important } table .amount-due input { width: 80px; text-align: right; } table .amount-paid, table .amount-over-under { text-align: right!important; padding-right: 8px!important; } .incorrect { color: red !important } .textRight { text-align: right!important } .textCenter { text-align: center } .inline { display: inline } .w100 { width: 100% } input.calendar {width: 150px; } input.amount-due { width: 70px; float: left; } .totalDue { font-size: 12px; text-align: right!important; padding-top: 10px;margin-right: 10px; } .totalAmount { color: #222 } .label-title > label { color: #555; background: none; background-color: #fff; text-transform: uppercase; font-size: 10px!important; margin-bottom: 5px; padding-top: 5px; font-weight: bold; text-transform: none; font-size: 14px!important; margin-bottom: 14px; font-style: italic; } .table-container { border-top: 1px solid #ccc; clear: both; box-shadow: inset 0 9px 14px -14px #444; padding-top: 5px; } .table-container table { margin-top: 0 } /* Order Summary */ .orderSummary table td p{ margin: 0;} .orderSummary table tr.item td { padding: 10px } .orderSummary table tr.item:hover td { background-color: #e3e3e3; border-bottom: 1px solid #eee; } .orderSummary table th.detail, .orderSummary table td.detail { width: 50% } .orderSummary table td.detail em { display: block; padding: 3px 0; } .orderSummary table th.eventAttendee, .orderSummary table td.eventAttendee { width: 25% } .orderSummary table td.eventAttendee em { display: block; padding: 3px 0; } .orderSummary table th.qty, .orderSummary table td.qty { text-align: right } .orderSummary table td.qty { width: 3% } .orderSummary table th.unitPrice, .orderSummary table td.unitPrice { text-align: right } .orderSummary table td.unitPrice { width: 6% } .orderSummary table th.standardDiscount, .orderSummary table td.standardDiscount { text-align: right } .orderSummary table th.manualDiscount, .orderSummary table td.manualDiscount { text-align: right } .orderSummary table th.manualDiscountReason, .orderSummary table td.manualDiscountReason { text-align: right } .orderSummary table th.manualDiscountGLCode, .orderSummary table td.manualDiscountGLCode { text-align: right } .orderSummary table th.tax, .orderSummary table td.tax { text-align: right } .orderSummary table td.tax { width: 5% } .orderSummary table th.taxCode, .orderSummary table td.taxCode { text-align: right; } .orderSummary table td.taxCode { width: 8% } .orderSummary table td.invoiceTotalsHeading { width: 8%;text-align: right; } .orderSummary table th.tPrice, .orderSummary table td.tPrice { text-align: right } .orderSummary table td.tPrice { width: 15% } .orderSummary table th.tc, .orderSummary table td.tc { text-align: center } .orderSummary table td.tc { width: 10% } .orderSummary table td.tc:hover a { color: #fff!important; text-decoration: none!important; background-color: #777; border: 1px solid #666; padding: 9px; } .orderSummary table tr.space { border-bottom: 2px solid #bbb } .orderSummary table tr.space td { padding: 0; background-color: #fff; } .orderSummary table tr.total-label td { font-weight: bold; color: #222; font-size: 12px!important; padding: 10px 12px 5px 12px; background-color: #fff; border-bottom: 1px solid #fff; } .payment-options table tr.total-price td { border-bottom: none } table tr.total-price td { font-size: 14px; padding: 8px 12px 10px 12px; background-color: #fff; } table tr.total-price td.sub{ border-bottom: 1px solid #eee;} table tr.total-price.total-amount td{ font-weight: bold; font-size: 16px;border-bottom: 1px solid #ccc; } table tr.total-price .red{ color: red; } table tr.total-refund td { font-size: 13px; padding: 8px 12px 10px 12px; background-color: #fff; } table tr.total-refund.total-refunded td{ font-weight: normal; font-size: 13px;text-align: right; } table tr.total-refund.total-refunded td.sub{border-bottom: 1px solid #eee;} table tr.total-refund .red { color: red; } /* Bulk Renewal*/ .bulkrenewal .settextarea { width: 80px; float: left; margin: 15px 0 0 0;} .bulkrenewal .settextareahint { width: 80px; float: left; margin: 15px 155px;} .bulkrenewal .setinformationtext { width: 280px; float: right; margin: 15px 0; padding: 15px; background: #F9F9F9; border: 1px solid #E5E5E5;} .bulkrenewal .setinformationtextincheckout { width: 325px; float: right; margin: -100px 0; padding: 10px 15px; background: #F9F9F9; border: 1px solid #E5E5E5;} #memberLists { width: 100%;} .bulkrenewal a.removeBulkItem {text-align: center; display: block; overflow: hidden; width: 8px!important; color: #aaa!important; margin: 0 auto!important; border: 1px solid #ccc!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid whiteSmoke; margin-bottom: 5px; text-decoration: none; font-size: 16px; line-height: 8px; padding: 2px 4px 3px 2px; font-weight: normal; } .bulkrenewal a.removeBulkItem:hover {text-decoration: none; color: #F60!important; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #bbb; background-color: #f5f5f5 !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border: 1px solid whiteSmoke; margin-bottom: 5px; text-decoration: none; } .bulkrenewal table { table-layout: auto;} .bulkrenewal table th.cpaaustraiaid { width: 100px; text-align: center;} .bulkrenewal table th.fullname { width: 120px; text-align: left;} .bulkrenewal table th.address { width: 250px; text-align: center;} .bulkrenewal table tr.bulkrenewal { border-bottom: 1px #ddd solid;} .bulkrenewal table td.odd { background: #f9f9f9;} .bulkrenewal table td.lastColumn { border-right: 1px solid #ddd;text-align: center;} /*.bulkrenewal table td.matrixcell { max-width:100px; min-width:100px;}*/ /* Matrix*/ .bulkrenewal table.matrix { margin-top: 5px;} .bulkrenewal table td {background-color: #ddd; background: none; padding: 6px 0; border: none; width: 40px; text-align: center; text-align: center; border-left: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .bulkrenewal table td.active { background: #f5f5f5; } .bulkrenewal table td.matrixcell { cursor: pointer;} .bulkrenewal table td.matrixcell:hover {-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); background: url(../images/bgs/session-icons.png) #ccc 45px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .bulkrenewal table tr { border-bottom: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .bulkrenewal table tr:hover { cursor: default; background: #f5f5f5; } .bulkrenewal table td.selected {background: url(../images/bgs/session-icons.png) #3E8D51 -35px no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .bulkrenewal table td.selected:hover {background: url(../images/bgs/session-icons.png) #00823E -115px no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);} .bulkrenewal table tr.footer {background: #f5f5f5; height: 30px;} .bulkrenewal table strong.totalAmmount { margin: 0 0!important; text-align: right; } .bulkrenewal table th.productFee { min-width: 70px!important; max-width: 80px!important; border-right: 1px solid #ddd; vertical-align: bottom!important;} .bulkrenewal table th.productcellwidth { min-width:100px!important; max-width:110px!important; } .bulkrenewal table th.id { min-width: 55px!important; max-width: 60px!important; text-align: left; vertical-align: bottom!important;} .bulkrenewal table th.name { min-width: 150px!important; max-width: 190px!important; text-align: left; vertical-align: bottom!important; } .bulkrenewal table th.productname { background: #e9e9e9;font-weight: normal;} .bulkrenewal table th.mandatoryproduct { text-align: center; } .bulkrenewal table th.optionalproduct { text-align: center; } .bulkrenewal table td.totalDue { font-size: 12px; text-align: right!important; padding: 10px 5px 0px 0px; border-right: 1px solid #ddd; } .bulkrenewal table td.notAvailable { background: url(../images/bgs/session-icons.png) #777 -355px 50% no-repeat; -webkit-box-shadow: inset 0 0 3px 2px #000000; -webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 0 3px 2px #000000; box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .bulkrenewal table td.notAvailable:hover { cursor: default; background: url(../images/bgs/session-icons.png) #f40 -435px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);} .bulkrenewal table td.id { text-align: left; padding-left: 5px;} .bulkrenewal table td.name { text-align: left;padding-left: 5px; } .bulkrenewal table td.totalDue { min-width: 70px!important; max-width: 80px!important; text-align: right; } .bulkrenewal table td.mandatory:hover { cursor: default; } /* Invoice Summary */ .orderSummary .detail { width: 25%; } .orderSummary .eventAttendee { width: 25%; } .orderSummary .manualDiscountGLCode { width: 10%; } .orderSummary .manualDiscountReason { width: 8%; } .orderSummary .qty { width: 2% } .darkRed { color:#900} /* Manual Discounts Section */ .allManualDiscount { margin-top: 30px; } /* Manage Refunds */ #app .orderSummary table tr td.newRefund input{width: 70px;} .orderSummary table tr.item td.discount {text-align: center;} #app table.v01 .refundAdjustment.header td {background: #f7f7f7;font-weight: bold;padding: 5px 10px 8px 10px;border-bottom: 1px solid #fff} #app table.v01 .refundAdjustment.header td:hover {border-bottom: none} #app table.v01 .refundedLineItem td {padding: 10px 10px 10px 20px;border-bottom: 1px solid #eee;background: #fff;} #app table.v01 .refundedLineItem:hover td {background: #f7f7f7;} #app table.v01 .refundedLineItem .approved-icon{ background: url(../images/bgs/bg-icons.png) no-repeat -15px -112px;width: 20px;height: 20px;float: left; margin-right: 4px} #app table.v01 .refundedLineItem .pending-icon{background: url(../images/bgs/pending-icon.png) no-repeat 0 -1px; width: 20px;height: 20px;float: left; margin-right: 4px} #app table.v01 .refundedLineItem .refundPaymentStatus { font-weight: bold;font-style: italic;} #app .orderSummary table tr td.refundType select {width: 150px;text-align: left;} #app .orderSummary table tr td.refundType .control-group{width: 150px;margin: 0;} #app .orderSummary table tr td.refundType .controls{width: 150px;margin: 0;} #app .orderSummary table tr td input.refundAmountValue {width: 96px;} #app .orderSummary table tr td.newRefund .rQuantity{width: 110px;} #app .orderSummary table tr td.newRefund .rQuantity input {width: 38px;float: left;} #app .orderSummary table tr td.newRefund .rQuantity input.incrValue{ float: right;} #app .orderSummary table tr td.red { color: #900;} #refund-history th{background: #eee;} /* Payment options */ .payment-options #amount-total { text-align: left } .payment-options h3 { padding-bottom: 10px!important; border-bottom: 1px solid #ccc!important; } .amount-due #amount-total { font-size: 14px } table.week-view { width: 100%; margin: 0; border: none; background-color: #ddd; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } table.week-view th { width: 14%; color: #555; background: none; background-color: #fff; text-transform: uppercase; font-size: 10px; border: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; padding: 9px 2px 6px 5px; } table.week-view td { color: #aaa; font-size: 11px; text-align: left; padding: 9px; background-color: #fafafa; border: 1px solid #eee; border: 1px solid #fff; border-width: 0 1px 1px 0; } table.week-view td a { background-color: #eee; text-decoration: none; font-size: 11px; font-size: 14px; color: #555; padding: 10px; margin: -9px; display: block; } table.week-view td a:hover { color: #fff!important; text-decoration: none!important; background-color: #777; border: 1px solid #666; padding: 9px; } table.week-view td em { font-size: 11px; font-style: normal; } .session-top a:hover { color: #fff!important; text-decoration: none!important; background-color: #777; } .session-top .package-overview { background-color: #EEE; display: block; padding: 10px; font-size: 15px; font-weight: bold; color: #009a49; background: #fff; } .session-top .package-overview a { margin: -10px; text-decoration: none; padding: 10px; color: #009a49; display: block; clear: both; } .session-top .package-overview a.showSessions { margin-top: 10px } .session-top .package-overview em { font-style: normal } .session-top a.active { background-color: #009a49; color: #fff; } .session-top a.active:hover { background-color: #009a49 } .session-top .package-overview strong { margin: -10px; text-decoration: none; padding: 10px; background-color: #009a49; color: #fff; display: block; clear: both; } .shoppingLinks { margin: -32px 0 43px -87px !important; position: absolute; width: 332px; padding: 0; background-color: #f0f0f0; height: 32px; } .shoppingLinks a { margin: 0 1px 0 0; float: left!important; padding: 8px 10px!important; background-color: #eee; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .shoppingLinks a:hover { text-shadow: 0 -1px 1px #ffffff; text-decoration: none!important; filter: progid:dximagetransform.microsoft.gradient(startColorStr='#efefef', EndColorStr='#e0e0e0'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #ffffff 100%); background-image: -moz-linear-gradient(top, #efefef 0, #ffffff 100%); background-image: -ms-linear-gradient(top, #efefef 0, #ffffff 100%); background-image: -o-linear-gradient(top, #efefef 0, #ffffff 100%); } .shoppingLinks a.help, .shoppingLinks a.continueShopping5, .shoppingLinks a.viewCart { border: 1px solid #DDD; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; white-space: nowrap; } #app #main .manage-registration .packages ul.package-options { border: 1px solid #ddd; padding: 5px 0; width: 190px; margin: 0; padding: 0; display: inline-block; float: left; } #app #main .manage-registration .packages ul.package-options li { list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; margin: 0; } #app #main .manage-registration .packages ul.package-options li a { padding: 8px 10px; display: block; } #app #main .manage-registration .packages ul.package-options li a:hover { background-color: #CCC } #app #main .manage-registration .packages .attendees { width: 490px; display: inline-block; float: right; border-top: 2px solid #ddd; } #app #main .manage-registration .packages .attendees .selections ul { width: 490px } /* Dropdown list ..... */ ul.dropList { float: right; margin: 6px 3px 0 0; padding: 0; z-index: 500; position: relative; } ul.dropList li a { border: 1px solid #ddd } ul.dropList:hover, ul.dropList:hover ul { background-color: #eee } ul.dropList:hover ul { background-color: #fff; box-shadow: 0 2px 1px 1px #ddd; -webkit-box-shadow: 0 2px 1px 2px #ddd; } ul.dropList:hover li a { background-color: #eee } ul.dropList li { margin: 2px 0 0 0 } ul.dropList li { list-style: none!important; float: left; padding: 0; width: auto; } ul.dropList li a { border: 1px solid #ccc; border-bottom: 2px solid #ddd; padding: 5px 10px; margin: 0!important; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul.dropList li a:hover { text-shadow: 0 -1px 1px #ffffff } ul.dropList li ul { position: absolute; display: none; padding: 2px 2px 2px; margin: 2px 0 0 0; border: 1px solid #ccc; clear: both; z-index: 480; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul.dropList li:hover ul { display: block; position: absolute; } ul.dropList li ul { border-top: 1px solid #eee } ul.dropList li:hover ul li { float: left; clear: both; display: block; margin: 1px 0 !important; width: 100%; } ul.dropList li:hover ul li a { padding: 6px 8px; float: left; clear: both; text-decoration: none; color: #555!important; font-weight: normal!important; display: block; width: 165px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul.dropList li:hover ul li a:hover { text-decoration: none!important; color: #333!important; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } a.gears { width: 16px!important; height: 18px!important; color: #aaa; padding: 3px 13px!important; border: 1px solid #ddd!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: url(../images/bgs/bg-icons.png) no-repeat 50% -263px; } a.gears:hover { color: #a00; background: url(../images/bgs/bg-icons.png) no-repeat 50% -237px !important; } #app .shoppingcart .options { float: right; width: 50px; margin-right: 5px; text-align: center; } #app .shoppingcart .options input[type=checkbox] { padding: 2px; width: 16px; margin: 7px 0 0; } #app .shoppingcart .options .remove { padding: 1px 5px 3px; margin: 2px 4px 0 0; } /*No Package options*/ #app #main .manage-registration ul.attendees { width: 100%; display: inline-block; float: left; margin: 2px 0 0;padding: 0; } #app #main .manage-registration ul.attendees li.selections { list-style: none } #app #main .manage-registration ul.attendees li.selections ul { width: 100% } /* Manage registration */ #app #main .actions.parent {float: right; margin-right: 15px; margin-bottom: 10px;} #app #main .manage-registration ul.attendees li.header { list-style: none; width: 100%; } #app #main .manage-registration ul.attendees .actions { float: right; margin: 7px 10px; } #app #main .manage-registration ul.attendees .actions a { display: block; float: left; } #app #main .manage-registration ul.attendees li.header h3 { margin: 7px 10px; clear: none; width: auto; display: inline-block; text-shadow: 0 -1px 1px #ffffff; float: left; font-size: 14px;} #app #main .manage-registration ul.attendees li.selections { width: 100%; padding: 0; float: left; margin: 0 0 10px; background-color: #e5e5e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } /* Table Bookings */ #app #main .tableBookings ul.attendees { width: auto; display: block; margin: 0 0 25px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 6px 0 8px 8px; background-color: #eaeaea; border: 1px solid #ddd; border-top-width: 2px; } #app #main .tableBookings ul.attendees:hover { background-color: #f1f1f1; box-shadow: inset 0 0 5px 5px #ccc; -webkit-box-shadow: inset 0 0 3px 3px #e7e7e7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app #main .tableBookings ul.attendees li.selections { width: auto; display: inline; margin: 6px; } #app #main .tableBookings label { width: auto } /* Manage registration Buttons */ #app #main .manage-registration ul.attendees li.selections a, #app #main .manage-registration ul.attendees li.selections span { border: 1px solid #ccc; width: 178px; display: inline-block; float: left; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app #main .manage-registration ul.attendees li.selections a:hover { text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -moz-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -ms-linear-gradient(top, #e0e0e0 0, #efefef 100%); background-image: -o-linear-gradient(top, #e0e0e0 0, #efefef 100%); } /*IE*/ #app #main .manage-registration ul.attendees li.selections ul li ul a { filter: none } #app #main .manage-registration ul.attendees li.selections ul { display: inline-block; float: left; margin: 0; padding: 0; } #app #main .manage-registration ul.attendees li.selections ul li { float: left; list-style: none; margin: 0 1px 0; padding: 0; display: inline; line-height: 17px; } #app #main .manage-registration ul.attendees li.selections ul li a { padding: 7px 15px 11px } #app #main .manage-registration ul.attendees li.selections ul li a.removeItem { padding: 7px 7px 7px 7px; } #app #main .manage-registration ul.attendees li.selections ul li a.removeItem:hover { box-shadow: none; -webkit-box-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); } /* BTN Attendee */ #app #main .manage-registration ul.attendees li.selections ul li.attendee a, #app #main .manage-registration ul.attendees li.selections ul li.sessions a { padding: 15px } /* BTN Sessions */ #app #main .manage-registration ul.attendees li.selections ul li.sessions a em { font-style: normal; color: #666; display: block; font-size: 11px; line-height: 13px; padding: 2px 0 0 0; } .msg { height: 49px!important; overflow: hidden; } .msg a { height: 50px!important; padding: 15px 15px 0!important; } .msg a em { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .msg:hover a { padding: 7px 15px 0!important } .msg:hover a em { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* Required */ #app #main .manage-registration ul.attendees li.selections ul li.required { border-bottom: 3px solid #F60 } #app #main .manage-registration ul.attendees li.selections ul li.required a { color: #F40 } /* Assigned */ #app #main .manage-registration ul.attendees li.selections ul li.allocated { border-bottom: 3px solid #009a49 } #app #main .manage-registration ul.attendees li.selections ul li.allocated a { color: #009a49 } /* BTN Locked */ #app #main .manage-registration ul.attendees li.selections ul li span { padding: 15px; font-weight: bold; } #app #main .manage-registration ul.attendees li.selections ul li.locked span { padding: 15px } /* sessionPrice */ .selections .sessionPrice { float: left; display: inline-block; padding: 10px 8px 8px!important; width: 210px; } .selections .sessionPrice strong { display: block; font-weight: normal; padding: 8px; text-align: right; } /* Options:remove */ #app #main .manage-registration .attendees .selections ul li.options { padding: 15px 15px 0 30px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; margin-left: 190px; } /* Options:send confirmation email */ #app #main .manage-registration .attendees .selections ul li.option-recurring { padding: 0px 5px 0 30px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; margin-left: 190px; } #app #main .manage-registration .attendees .selections ul li.option-single { padding: 15px 5px 0 30px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; margin-left: 190px !important; } #app #main .manage-registration .attendees .selections ul li.option-corporate { padding: 12px 5px 0 15px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; } #app #main .manage-registration .attendees .selections ul li.option-session { padding: 15px 5px 0 30px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block;} #app #main .manage-registration .attendees .selections ul li.option-individual { padding: 15px 5px 0 30px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; margin-left: 190px !important; } #app #main .manage-registration .attendees .selections ul li.option-individual-staff { padding-top:15px; float: right; color: #aaa; border-color: #ccc; width: auto; display: inline-block; } #app #main #managesession { margin-top:65px;} #app #main .corporate { margin-top:58px;} /* Manage Registrations Dashboard */ #app a.remove { width: 8px!important; margin: 11px 10px 0 0; float: right!important; color: #aaa; line-height: 43px;text-align: center;padding: 5px 9px 5px;} #app a.remove:hover { color: #777 } #app #main .manage-registration ul.attendees li.selections ul li ul { position: absolute; display: none; background: #fff; width: 204px!important; padding: 2px 2px 3px; margin: 48px 0 0 1px; border: 1px solid #ccc; border-top: 2px solid #bbb; clear: both; box-shadow: 0 2px 1px 1px #ddd; -webkit-box-shadow: 0 2px 1px 2px #ddd; -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px; z-index: 200; } *:first-child + html #app #main .manage-registration .attendees .selections ul li ul { margin: 0; width: 206px; border-bottom-width: 3px; } #app #main .manage-registration ul.attendees li.selections ul li:hover ul { display: block; position: absolute; } #app #main .manage-registration ul.attendees li.selections ul li ul li { border: none } #app #main .manage-registration ul.attendees li.selections ul li ul li a { background: #fff; border: none; color: #666!important; padding: 11px!important; font-weight: normal; font-size: 12px; } #app #main .manage-registration ul.attendees li.selections ul li ul li a:hover { background-color: #ddd; color: #444!important; text-shadow: -1px -1px 0 #ffffff; } #app #main .manage-registration .add-attendees { clear: both; padding: 5px 5px 20px; border-bottom: 1px solid #ddd; display: block; width: auto; overflow: hidden; } #app #main .manage-registration .add-attendees label { white-space: nowrap; padding: 5px 0 0 0; } /* Event package / session details */ #app .pageTabs { width: 790px; float: left; height: 40px; margin: 14px 0 0 0; position: relative; background-color: #fff; border-bottom: 1px solid #CCC; padding-bottom: 7px; } #app .pageTabs .inner { background-color: #777; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; height: 43px; } #app .pageTabs a { color: #fff; font-size: 14px; text-decoration: none; padding: 10px; display: inline-block; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #app .pageTabs a:hover { text-decoration: none; color: #fff; background-color: #333; } #app .pageTabs ul { float: right; margin: 0 0 0 0; } #app .pageTabs ul.eventInfoTabs { position: absolute; right: 0; top: 0; } #app .pageTabs ul li { display: inline; margin: -4.5px 0 0 1px; float: left; } #app .pageTabs ul li a { min-width: 100px; text-align: center; background-color: #555; padding: 14px 13px 13px 13px; margin: 0; } #app .pageTabs .current a { border-top: 3px solid #009a49; background-color: #fff; padding: 11px 13px 13px; color: #555; box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; } #app .pageTabs .backSearch { padding: 12px 15px 11px } #app .pageTabs .packageView { width: 217px } /* Search result / Event details */ #app .contentArea, #app .searchResult { padding: 10px 10px 20px } #app #side2 .searchResult { padding: 10px 20px 20px } #app p.notice, #app .notice, #simplemodal-container p.notice, #simplemodal-container span.notice { font-size: 14px; color: #666; border: 1px solid #d5d5d5; padding: 8px 8px 9px; background-color: #e5e5e5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin: 2px 0 8px 0; width: auto; } #app p.notice a, #simplemodal-container p.notice a, #simplemodal-container span.notice a { white-space: nowrap; color: #555; } #app .contentArea ul.info, #app .searchResult ul.info, #app .customerDetails ul.info { border-bottom: 1px solid #ccc; margin: 10px 0; display: block; clear: both; overflow: hidden; padding: 0 0 10px 0; } #app .contentArea ul.info li, #app .searchResult ul.info li, #app .customerDetails ul.info li { list-style: none; display: block; float: left; clear: both; margin: 0 0 8px 0; padding: 0 0 0 2px; width: 510px; border: none; } #app .contentArea ul.info li strong, #app .searchResult ul.info li strong, #app .customerDetails ul.info li strong { display: inline-block; float: left; width: 90px; color: #444; padding: 0; } #app .contentArea ul.info li p, #app .searchResult ul.info li p, #app .customerDetails ul.info li p { display: inline; float: left; margin: 0; padding: 0; } #app .contentArea ul.info li p b, #app .searchResult ul.info li p b, #app .customerDetails ul.info li p b { font-weight: normal; font-size: 14px; color: #333; display: block; padding: 0; } #app .contentArea ul.info li p em #app .searchResult ul.info li p em, #app .customerDetails ul.info li p em { clear: both; display: block; font-style: normal; padding: 0; } #app .contentArea .overview, #app .searchResult .overview { border-bottom: 1px solid #ccc; margin: 10px 0; } #app #side2 .searchResult .overview { border-bottom: none } #app .searchResult .contentArea h3, #app .searchResult .overview h3 { color: #009a49; font-size: 16px; font-weight: normal; margin: 5px 0 10px; } #app .contentArea .overview h4, #app .searchResult .overview h4 { color: #777; font-size: 14px; line-height: 19px; margin: 5px 0 10px; } #app .contentArea .overview p, #app .searchResult .overview p { font-size: 14px; line-height: 19px; } #app .searchResult .notes { margin: 10px 0 } #app .searchResult .notes h3 { font-size: 13px; font-weight: normal; color: #444; margin: 5px 0 5px; } #app .searchResult .notes p { font-size: 11px; line-height: 15px; color: #444; } #app .overview h3 p { display: inline; float: right; width: 120px; color: #555; } #app .overview h3 p strong { font-weight: normal; font-size: 14px; display: inline; color: #555; padding-right: 5px; } #app .overview h3 p em { display: inline } #app .deliveryNotes h4 { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; } #app .deliveryNotes ul { margin: 0; padding: 2px; } #app .deliveryNotes ul li { border: none; padding: 2px 10px 5px 0; margin: 2px 10px 5px 0; float: left; display: inline; } #app .deliveryNotes ul li dl { padding: 2px; margin: 2px; } #app .deliveryNotes ul dl dt { font-weight: normal; font-size: 13px; padding: 5px 0 8px; color: #444; } #app .deliveryNotes ul li dl dd { display: block; clear: both; padding: 0 0; margin: 0 0 0; } #app .deliveryNotes ul li dl dd a { text-decoration: none; padding: 4px; display: block; color: #009a49; } /* Side 02*/ #app #side { color: #7D7D7D; float: left; font-size: 12px; width: 245px; font-style: normal; } /* override any end-user html styling from event long descriptions */ #app #side h2 { font-size: 15px; color: #fff; padding: 8px; margin: 12px 0 4px 10px; background: none; background-color: #555; width: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: none; width: 217px; text-align: left; padding: 14px 13px 13px 13px; margin: 10px 0 0 0; font-weight: normal; } h2.cart { background: #444!important; border: none; } #app #side ul {padding-left: 0; margin: 0 0 20px 0 } #app #side ul li { list-style-type: none } #app #side a { text-decoration: none; color: #00759B; } /* Side 02*/ #app ul.packages, #app ul.cart { margin: 0 0 10px; padding: 0; } #app ul.packages li, #app ul.cart li { font-size: 12px; margin: 0; padding: 0; } #app #side ul li .button { font-size: 14px; font-weight: bold; background-color: #eee; width: 200px; color: #00759c; text-shadow: 0 1px 1px #ddd; cursor: pointer; padding: 11px 31px 11px 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #eee; border-bottom: 1px solid #ccc; position: relative; } #app #side ul li .button:hover { background-color: #ddd; border: 1px solid #d7d7d7; text-shadow: 0 -1px 1px #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app #side ul li .open { color: #009a49; box-shadow: 0 1px 2px 0 #ddd; -webkit-box-shadow: 0 1px 2px 0 #ddd; border: 1px solid #d7d7d7; text-shadow: -1px -1px 2px #ffffff; filter: progid:dximagetransform.microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#fdfdfd'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #fdfdfd)); background-image: -webkit-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -o-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); margin-bottom: 2px; } ul li .button em { font-style: normal; color: #666; display: block; font-size: 12px; line-height: 13px; padding: 2px 0 0 0; } #app ul li .article { background-color: #fff; overflow: hidden; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #app ul.packages li .article { background-color: #fff } #app ul.cart li .article { background-color: #e9e9e9 } /* Packages */ #app ul.packages li .article .inner { padding: 10px 15px; overflow: hidden; background-color: #fff; } #app ul.packages li .article .info { padding: 5px 0 0 0 } #app ul.packages li .article .info .date { color: #444; padding: 5px 0 11px; } #app ul.packages li .article .info p { font-size: 12px; line-height: 16px; } #app ul.packages li dl.pricing { width: auto; margin: 0 0 5px; font-size: 11px; } #app ul.packages li dl.pricing dt { font-size: 14px; font-weight: bold; color: #333; margin: 8px 0; } #app ul.packages li dl.pricing dd { border-bottom: 1px solid #ccc; margin: 0; color: #777; padding: 6px 0; clear: both; overflow: hidden; font-size: 12px; } #toComplete dl.pricing { width: auto; margin: 0 0 5px; font-size: 11px; min-height: 40px; /*background: url(fwk/img/bgs/preloader.gif) no-repeat 0 5px;*/ } dl.pricing dt { font-size: 14px; font-weight: bold; color: #333; margin: 8px 0; } dl.pricing dd { border-bottom: 1px solid #ccc; margin: 0; color: #777; padding: 6px 0; clear: both; overflow: hidden; font-size: 12px; } dl.pricing dd.columns .attendee { color: #777; font-weight: normal; display: inline; float: left; } dl.pricing dd.columns .price { color: #777; display: inline; } dl.pricing dd .attendee { color: #444; font-weight: bold; float: left; width: 150px; } dl.pricing dd .price { width: 60px; float: left; text-align: right; font-size: 11px;} dl.pricing dd .save { color: #b00; display: none; } dl.pricing dt.multiple { width: auto; padding: 6px 0 4px; margin: 0; font-size: 12px; color: #444; font-weight: bold; } dl.pricing dd.multiple { border: none; padding: 3px 0; } dl.pricing dd.multiple .attendee { font-weight: normal; color: #777; width: 136px; padding-left: 14px; } #app ul.packages li a.priceList { border-bottom: 1px solid #ccc; text-align: right; display: block; padding: 10px 0; margin: 3px 0 10px; } /* Register */ #app ul.packages li.reg { clear: both; display: block; width: auto; overflow: hidden; } #app ul.packages li.reg p { width: 122px; float: left; display: inline; } #app ul.packages li.reg p label { width: 70px; text-align: left; } #app ul.packages li.reg p input.attendee-no { width: 30px; float: right; margin: 5px 0 0; } #app ul.packages li.reg input { float: right; display: inline; margin: 5px 0 0 10px; } #app .packages .reg-no, #app .cart .cartEmpty { clear: both; padding: 9px 8px 10px; margin: 0 -3px 10px; font-style: italic; line-height: 16px; border: 1px dashed #d5d5d5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app label { font-size: 12px; font-weight: normal; border-radius: 4px; } input.attendee-no, input.packages-no { width: 30px!important; height: 16px; padding: 2px; font-size: 12px!important; float: left;border-radius: 0; margin-top: 3px;} #app.events .add-attendees { border-top: 1px solid #ddd; padding: 10px 0 !important; } form input.register { background: #fec92e url('../images/buttons/icon-login.gif') right 49% no-repeat; float: left; padding: 3px 26px 3px 7px!important; color: #444 !important; font: bold 11px arial, helvetica, clean, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s !important; } a.register { background: #fec92e url('../images/buttons/icon-login.gif') right 49% no-repeat; float: left; display: block; border: 1px solid #ccc!important; font-weight: bold !important; width: auto!important; padding: 5px 26px 5px 7px!important; cursor: pointer; color: #444 !important; text-decoration: none !important; font: 11px arial, helvetica, clean, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s !important; } a.register:hover { background-color: #fec92e!important; color: #1348a3!important; border: 1px solid #5775a7!important; } a.more, button.more, input.more { background: #fec92e url('../images/buttons/icon-more.gif') right 49% no-repeat; float: left; display: block; border: 1px solid #ccc!important; font-weight: bold !important; width: auto!important; padding: 5px 26px 5px 7px!important; cursor: pointer; color: #444 !important; text-decoration: none !important; font: 11px arial, helvetica, clean, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s !important; } a.more:hover, button.more:hover, input.more:hover { background-color: #fec92e!important; color: #1348a3!important; border: 1px solid #5775a7!important; } #app a.submit, #app input.submit { background: #fec92e url('../images/buttons/icon-submit.gif') right 49% no-repeat; float: left; display: block; border: 1px solid #ccc!important; font-weight: bold !important; width: auto!important; padding: 5px 26px 5px 7px!important; cursor: pointer; color: #444 !important; text-decoration: none !important; font: 11px arial, helvetica, clean, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s !important; } #app a.submit, #app input.submit:disabled { background: #e7e6e3 right 49% no-repeat; float: left; display: block; border: 1px solid #ccc!important; font-weight: bold !important; width: auto!important; padding: 5px 26px 5px 7px!important; cursor: pointer; color: #444 !important; text-decoration: none !important; font: 11px arial, helvetica, clean, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s !important; } #app a.submit:hover, #app input.submit:hover { background-color: #fec92e!important; color: #1348a3!important; border: 1px solid #5775a7!important; } a.submit:hover:disabled, input.submit:hover:disabled { background: #e7e6e3!important; color: #1348a3!important; border: 1px solid #ccc!important; } .recurringEvents input.more{float: right;} /* Shopping Cart*/ #app ul.cart .columns { color: #333; background-color: #ccc; display: block; width: 100%; overflow: hidden; padding: 0; margin: 0; } #app .cart .package, #app .cart .quantity, #app .cart .price { display: inline; float: left; border-right: 1px solid #e5e5e5; padding: 5px 2px; } #app .cart .package { width: 125px; padding-left: 10px; } #app .cart .quantity { width: 20px; text-align: center; } #app .cart .price { width: 50px; text-align: right; color: #444; } #app .cart .status { width: 16px; padding: 2px 3px; float: right; display: inline; text-align: center; } #app ul.cart dd.current a { color: #009a49 !important; font-weight: bold; } #side .cart dl { width: auto } #app .cart dl { border: 2px solid #eee; margin: 0; padding-bottom: 5px; display: block; width: auto; overflow: hidden; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .cart dl:hover { background-color: #f5f5f5; border-bottom: 2px solid #ddd; border-color: #ccc; } #app .cart dl dt { padding: 6px 3px 6px 8px; color: #555; font-size: 13px; font-weight: bold; } #app .cart dl:hover dt { color: #009a49; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .cart dl dd { padding: 0; margin: 0; border-top: 1px solid #ddd; display: block; width: auto; overflow: hidden; } #app .cart dl dd:last-child { border-bottom: none } #side .total, .total { font-size: 14px; padding: 15px 15px 5px 10px; margin: 0; color: #444; border-top: 1px solid #ddd; } #side .total em, .total em { font-style: normal; float: right; } #app a.checkout {-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding: 15px 11px; margin: 10px 0; background-color: #009a49; display: block; color: #fff!important; font-size: 15px; font-weight: bold; float: left; width: 90%; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app a.checkout:hover { text-decoration: none!important; background: #006d34; } #app .shoppingcart { margin: 10px 0 0 } #app .shoppingcart .columns { display: block; clear: both; font-size: 12px; font-weight: normal!important; background-color: #E5E5E5; padding: 7px 0 4px 0; width: auto; overflow: hidden; } #app .shoppingcart .columns div { padding-top: 1px!important; padding-bottom: 1px!important; } #app .shoppingcart .details a.manage { width: 350px; padding: 10px 5px 10px 10px; float: left; font-size: 14px; } #app .shoppingcart .countdown { font-weight: normal; color: #9c132e; font-size: 12px; width: 435px!important; float: left; padding: 1px 3px 9px 4px; } #app .shoppingcart .countdown strong { color: #9C132E } #app .shoppingcart .pricelist { width: 150px; float: right; font-style: italic; color: #333; padding: 0 13px 8px 4px; text-align: right; } #app .shoppingcart .details input[type="checkbox"] { margin: 0!important } #app .shoppingcart .attendee, #app .shoppingcart .member, #app .shoppingcart .discount, #app .shoppingcart .price, #app .shoppingcart .availability { float: left; padding: 5px; } #app .shoppingcart .attendee { width: 200px; padding-left: 9px; color: #444; } #app .shoppingcart .member { width: 100px } #app .shoppingcart .discount { width: 226px; font-size: 11px; } #app .shoppingcart .discount em { color: #009a49; width: 200px; padding: 3px 12px; display: block; text-align: right; } #app .shoppingcart .price { width: 70px; float: right; margin: 0 6px 0 0; text-align: right; } #app .shoppingcart .unavailable { background-color: #9c132e; color: #F2F2F2; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } #app .shoppingcart .unavailable .member { display: none } #app .shoppingcart .unavailable .discount { display: none } #app .shoppingcart .unavailable .price { display: none } #app .shoppingcart .unavailable .quantity { display: none } #app .shoppingcart .unavailable .attendee { color: #F2F2F2 } #app .shoppingcart .unavailable b { display: block; font-weight: normal; font-style: italic; width: 400px; margin: 4px 10px 2px 215px; clear: both; position: absolute; } #app .shoppingcart .unavailable:hover { color: #9c132e; background-color: #ccc; } #app .shoppingcart .unavailable:hover .attendee { color: #9c132e } #app .shoppingcart .unavailable.member, #app .shoppingcart .unavailable.price, #app .shoppingcart .unavailable.discount { display: none } #app .shoppingcart .total { color: #444; background-color: #e5e5e5!important; width: 100%; display: block; overflow: hidden; clear: both; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app .shoppingcart .total .price { width: 210px; margin: 3px 12px 3px 3px; } #app .shoppingcart .total strong { margin-right: 10px } #app .shoppingcart .total a.remove { width: 8px!important; color: #aaa; padding: 1px 6px 3px; margin: 6px 20px 0 0!important; border: 1px solid #BBB; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } #app .shoppingcart .total a.remove:hover { color: #a00; cursor: pointer; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #bbb; background-color: #eee; } /* EVENTS / PRODUCTS / PACKAGES */ #app .shoppingcart .events, #app .shoppingcart .products, #app .shoppingcart .packages { border-bottom: 4px solid #999; display: block; width: 700px; overflow: hidden; clear: both; margin-bottom: 15px; } /* Event / Product / Package */ #app .shoppingcart .event { background-color: #eaeaea; padding: 6px 8px 8px; margin-bottom: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app .shoppingcart .event:hover { background-color: #d6d6d6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app .shoppingcart .event:hover .package { background-color: #f5f5f5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app .shoppingcart .event .package { padding: 0 0 10px 0; margin: 1px 0 1px 0; background-color: #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #eaeaea; } #app .shoppingcart .event .package:hover { background-color: #fff; border: 1px solid #bbb; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .shoppingcart .event .details a { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #f5f5f5; margin-bottom: 5px; } #app .shoppingcart .event .package:hover .details a { color: #009a49 } #app .shoppingcart .event .package:hover .details a:hover { cursor: pointer; background-color: #f5f5f5; text-decoration: none; border: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); } /* Product */ #app .shoppingcart .productList { margin-bottom: 15px } #app .shoppingcart .productList span { padding: 4px 0 } #app .shoppingcart .productList span:hover { background-color: #fff; } #app .shoppingcart .productList .item { float: left; padding: 4px 0; width: 470px; padding-left: 9px; } #app .shoppingcart .productList .item a { font-weight: normal } #app .shoppingcart .productList .priceEach { width: 60px; padding: 4px 0; float: left; } #app .shoppingcart .productList .quantity { width: 72px; margin: 2px 0 0; float: left; } #app .shoppingcart .productList .columns .quantity { text-align: left } #app .shoppingcart .productList .quantity input[type="text"] { border: 1px solid #eee; text-align: center; float: left; } #app .shoppingcart .productList span:hover .quantity input[type="text"] { border: 1px solid #ccc } #app .shoppingcart .productList .quantity .refresh { width: 21px; height: 19px; float: right; background: url(../images/bgs/bg-icons.png) no-repeat -14px -436px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .shoppingcart .productList .quantity .refresh:hover { cursor: pointer; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #bbb; background-color: #eaeaea; } /* Package */ #app .shoppingcart h2 { padding: 3px 10px } #app .shoppingcart h3 { padding: 12px 10px; margin: 0; } #app .shoppingcart .event:hover h3, #app .shoppingcart .products:hover h3, #app .shoppingcart .packages:hover h3 { color: #333 } #app .shoppingcart .details, #app .shoppingcart span { margin: 0 5px!important; padding: 1px 0 0; border: none; display: block; overflow: hidden; clear: both; margin: 0; } #app .shoppingcart .details { padding-top: 5px } #app .shoppingcart .package span { border-top: 1px solid #ddd } #app .shoppingcart .package span:hover { background-color: #f5f5f5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .shoppingcart .quantity { width: 30px; text-align: center; } #app .shoppingcart .availability { display: none } a.continueShopping { margin: 5px 0 5px; padding: 7px; float: right; background-color: #777; color: #fff!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 95%; white-space: nowrap; } a.continueShopping2 { margin: 0 0 5px; padding: 5px; position: absolute; margin: 116px 0 0 -255px; white-space: nowrap; } a.continueShopping3 { margin: 0 0 5px; padding: 7px 10px; float: right; text-align: left; border: 1px solid #ddd; border-top: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 224px; white-space: nowrap; } a.continueShopping4 { margin: 12px 0 0 -148px; padding: 10px 15px; position: absolute; text-align: left; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; white-space: nowrap; } #app .shoppingcart .columns { color: #333 } #app .shoppingcart .columns .price { width: 50px } #app .shoppingcart .discount em { text-align: left } #app .shoppingcart .productList span { border-bottom: 1px solid #ddd; padding: 4px 0; } #app .shoppingcart .productList span .price { width: 50px } #app .shoppingcart .productList .item { width: 324px } #app .shoppingcart .productList .discount { width: 160px } #app .shoppingcart .productList .discount em { width: 140px } #app .shoppingcart .productList .quantity { width: 50px } #app .shoppingcart .productList .quantity input[type="text"] { height: 20px; margin: 0; } #app .shoppingcart .total { padding: 5px; width: auto; } #app .shoppingcart .total .price { width: 180px; margin: 3px 7px 3px 3px; } #app .shoppingcart .unavailable .item a { color: #fff; /*text-decoration: none;*/; } #app .shoppingcart .unavailable:hover .item a { color: #222 } #app p.notice2 { font-size: 12px; line-height: 18px; border-bottom: 1px solid #D5D5D5; padding: 8px 8px 9px; margin: 2px 0 8px 0; width: auto; } /* Login Form */ #app .loginForm { margin-top: 40px; } #app .loginForm .controls input { width: 206px; } /* Modal */ .simplemodal-wrap { overflow: visible !important } #simpleModal .loginForm { margin-top: 60px; } #modal-content { display: none } #modal-content-b { display: none } #modal-content-c { display: none } .modal-inner .content { padding: 20px 5px } /*fixing modal view*/ .modal-inner { left: 0px !important; max-width: 90vw; } /* Overlay */ #simplemodal-overlay { background-color: #fff; cursor: auto; height: 100%; position: fixed; left: 0; top: 0!important; z-index: 1001; bottom: 0; } /* Container */ #simplemodal-container { position: absolute!important; z-index: 1002; } .modal-inner {position: relative; border: 2px solid #000; display: block; float: left; width: 900px; color: #555; background-color: #fff; border: 1px solid #ddd; padding: 20px 20px 30px;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2); -webkit-box-shadow: 0 0 10px 2px #ddd; margin-bottom: 20px;} #simplemodal-container ul.tab-btns { display: none } #simplemodal-container .multiForm ul.tab-btns { display: block } #simplemodal-container .overflow ul.tab-container li.tab-content { padding: 0 5px; font-size: 13px; } #simplemodal-container .eventRegistration .overflow { width: 700px; float: right; } #simplemodal-container .formActions { bottom: 0; clear: both; display: block; margin: 25px 5px 23px 0; width: 99%; } #simplemodal-container .formActions a { float: right } .formActions { float: left; padding: 20px 0 0 0; text-align: right; border-top: 2px solid #ccc; margin: 30px 5px 0 0; display: block; clear: both; width: 100%; } .formActions a, a.formBtn, a#btnClose, .simplemodal-container a.btn { color: #555!important; border: 1px solid #ccc; padding: 8px 20px; margin: 0 0 0 12px; display: inline-block; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; float: left; position: relative; } .formActions a:hover, a.formBtn:hover, a#btnClose:hover, .simplemodal-container a.btn:hover {box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2); -webkit-box-shadow: 0 0 10px 2px #ddd; border-color: #bbb; text-decoration: none !important;} .formActionsRight { text-align: left; border: none; margin: 5px 0 0 0; } #simplemodal-container code { background: #eee; color: #eee; display: block; font-size: 12px; margin-bottom: 12px; padding: 4px 6px 6px; } #simplemodal-container a.modalCloseImg {width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: 10px; right: 15px; cursor: pointer; } ul.tab-btns { margin: 0; padding: 0 0 0 4px; list-style: none; height: 40px; border-bottom: 3px solid #ddd; width: 98%; clear: both; } ul.tab-btns li, .calendar ul li { float: left; display: inline-block; padding: 0; height: 40px; border: 1px solid #fff; border-bottom: none; overflow: hidden; position: relative; } ul.tab-btns li a { text-decoration: none; color: #555; display: block; font-size: 14px; outline: none; white-space: nowrap; margin: 0; line-height: 25px; padding: 10px 20px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } ul.tab-btns li a:hover { background: #ddd; border-color: #bbb; } html ul.tab-btns li.active {background-color: #fff; border: 1px solid #ccc; border-bottom: 4px solid #fff; margin-bottom: -4px; } html ul.tab-btns li.active a, html ul.tab-btns li.active a:hover { background-color: #eee; } /* SESSION TABS */ /* Package / Session Registration*/ .tab-set { position: relative; float: left; width: 100%; } #app .calendar-vert { width: 150px; position: absolute; margin: 0; padding: 0; list-style: none; z-index: 100; top: 0; left: 0;} #app .calendar-vert li.active a { color: #fff !important } #app .calendar-vert li { margin: 0; padding: 0; list-style: none; } #app .calendar-vert ul.tab-btns { margin: 5px 0 5px 5px; padding: 0; list-style: none; clear: both; display: block; float: left; } #app .calendar-vert ul.tab-btns li, #app .calendar-vert .calendar ul li { margin: 0 0 0 0; padding: 0; position: relative; display: block; } #app .calendar-vert ul.tab-btns li a { background-color: #eee; text-decoration: none; color: #555; display: block; font-size: 14px; outline: none; margin: 0; padding: 10px 15px; text-shadow: 0 -1px 1px #ffffff; width: 120px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .calendar-vert ul.tab-btns li a:hover { background: #ddd; border-color: #bbb; } #app .calendar-vert ul li .reg { font-size: 10px; color: #888; width: 24px; height: 36px!important; display: inline; margin: -10px -15px -10px 0; line-height: 38px; text-shadow: 0 -1px 0 #ffffff; text-decoration: none; text-align: center; float: right; border-left: #bbb 1px solid; border-bottom: #bbb 1px solid; box-shadow: inset 0 0 5px 0 #DDD; -webkit-box-shadow: inset 0 0 5px 0 #DDD; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .calendar-vert ul li .reg:hover { color: #555; background: #eee; } #app .calendar-vert ul li.active .reg { background-color: #555; color: #fff; text-shadow: 0 -1px 0 #111111; box-shadow: inset 0 0 5px 0 #222; -webkit-box-shadow: inset 0 0 5px 0 #222; border-left: #777 1px solid; border-bottom: #777 1px solid; } #app .calendar-vert ul.tab-btns li.active a, #app .calendar-vert ul.tab-btns li.active a:hover { background-color: #009a49; color: #fff !important; display: block; color: #fff !important; display: block; float: left; background: #009a49 !important; } #app .calendar-vert ul.tab-btns li.active a { color: #fff; text-shadow: 0 1px 0 #005F2D; } /*DISPLAY */ .tab-container { padding: 0; margin: 15px 10px 0; list-style: none; border-top: none; background: #fff; clear: right; position: relative; min-height: 400px; } #app .tab-container li { list-style: none inside; } #app .tab-container li ul { padding: 0; margin: 0; } #app .tab-container li ul li { clear: both; display: block; } #app .tab-container li.tab-content { padding: 20px 5px; font-size: 13px; } #app .tab-container .title { padding: 8px 15px; font-size: 14px; background-color: #fff; } #app .tab-content { position: relative; clear: both; min-height: 400px; } #app .tab-content .article { overflow: hidden!important } #app .tab-content .article h3 { display: block; font-size: 14px; font-weight: normal; clear: both; margin: 10px 0 10px 0; } #app .tab-content .article .inner { padding: 15px 20px 20px; overflow: hidden!important; } #app .tab-content .article .inner .seperator { text-align: center; padding: 10px 0 20px 0;} #app .tab-content fieldset { border: none; width: 100%; } /*.tab-content fieldset label { float: left; width: 90%; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; display: block; }*/ #app .tab-content fieldset label p { width: 120px; display: inline-block; padding: 0; margin: 0; font-weight: normal; } #app .tab-content fieldset label i { color: #f00; padding: 0 4px 0 0; font-size: 15px; } #app .tab-content fieldset label input { border: 1px solid #ccc; display: inline; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app .tab-content fieldset label input[type=checkbox] { padding: 0; } #app .tab-content .button { display: block; padding: 15px; text-shadow: 0 -1px 1px #ffffff; background-color: #eee; border: 1px solid #fff; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } #app .tab-content .button:hover { background-image: none; background-color: #ddd; border: 1px solid #d5d5d5; } #app .tab-content .open { background-color: #333; color: #fff; border-color: #444; } #app .tab-content .open:hover { background-color: #555; border-color: #444; text-shadow: 0 1px 1px #000; } #app .standard fieldset label { float: left; width: 90%; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; display: block; } #app .standard fieldset label input { margin: 0 } #app .standard fieldset label.radio p { width: 90%; display: inline-block; padding: 0 0 0 5px; margin: 0; font-weight: normal; } #app .standard fieldset label p { width: 30%; display: inline-block; padding: 0; margin: 0; font-weight: normal; } #app .standard fieldset label i { color: #f00; padding: 0 4px 0 0; font-size: 15px; } #app .standard fieldset label:hover { background-color: #f6f6f6; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .standard fieldset label input { border: 1px solid #ccc; display: inline; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } /* Form layout */ #app label.notice { border: 1px dashed #ccc; display: block; clear: both; overflow: hidden; width: auto; padding: 10px 0; margin: 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app label.notice:hover { background-color: #f5f5f5; border: 1px solid #009a49; } #app label.notice input[type=checkbox] { float: left; margin: 7px 0 0; width: 40px; position: absolute; } #app label.notice h3 { margin: 5px 0 0 40px!important; width: 85%; } #app label.notice p { margin: 5px 0 7px 40px; display: inline-block; float: left; width: 85%; font-weight: normal; } #app label input[type=checkbox] { float: left; padding: 0; margin-right: 8px!important; width: 15px; border: none!important; } #app hr, #modal-content hr { border: 1px solid #DDD; border-bottom: 1px solid white; display: block; clear: both; } #app label.borders { border: 1px dotted #DDD; border-width: 1px 0; padding-top: 10px!important; padding-bottom: 10px!important; margin-bottom: 10px!important; margin-top: 3px; } /* #main accordion button */ /* Expand / Collapse */ .accordionMain .button, .accordionMain .button2 { border: 1px solid #f3f3f3; padding: 9px 11px; font-size: 12px; cursor: pointer; margin: 4px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #009a49 !important; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: relative; } .package-info .button2, .package-info-demo .button2 { border-color: #fff } .accordionMain .button:hover, .accordionMain .button2:hover { border: 1px solid #ddd!important; box-shadow: 0 0 5px 0 #ddd; -webkit-box-shadow: 0 0 5px 0 #ddd; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0, #f3f3f3 100%); color: #009a49 !important; } .package-info ul.session-btns p, .package-info-demo ul.session-btns p { padding: 10px 0 0 10px } .accordionMain .button em, .accordionMain .button2 em { color: #555; font-weight: bold; font-style: normal; font-size: 10px; text-transform: uppercase; margin-right: 2px; } .accordionMain .open, .accordionMain .open2, .accordionMain .open:hover, .accordionMain .open2:hover { border: 1px solid #ddd; color: #009a49; text-shadow: none; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(top, #f3f3f3 0, #ffffff 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0, #ffffff 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0, #ffffff 100%); background-image: -o-linear-gradient(top, #f3f3f3 0, #ffffff 100%); -webkit-border-radius: 1px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius: 1px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-radius: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .accordionMain .open:hover, .accordionMain .open2:hover { border: 1px solid #ccc!important; color: #555; } .accordionMain .expand, .accordionMain .expand2 { overflow: hidden!important } .accordionMain .inner, .accordionMain .inner2 { font-size: 12px; line-height: 19px; padding: 13px; background-color: #Fbfbfb; border: 1px solid #ddd; border-top-color: #fff; margin: 0 0 5px 0; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 1px; -webkit-border-top-right-radius: 1px; -moz-border-radius: 3px; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; border-radius: 3px; border-top-left-radius: 1px; border-top-right-radius: 1px; } /* Forms */ #app input[type="text"] { font-size: 12px; color: #666; padding: 2px; width: auto; } #app input:focus { outline: none } .formActions { *zoom: 1 } .formActions:before, .formActions:after { display: table; line-height: 0; content: ""; } .formActions:after { clear: both } /* FWK */ .trans25 { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .trans3 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*Columns */ .col_30-70 { display: block; clear: both; width: 100%; } .col_30-70 .col-1 { width: 27%; float: left; margin: 0 1.3% 0 0; } .col_30-70 .col-2 { width: 70%; float: right; margin: 0 0 0 0; } .col_70-30 { display: block; clear: both; width: 100%; } .col_70-30 .col-1 { width: 70%; float: left; margin: 0 1.3% 0 0; } .col_70-30 .col-2 { width: 27%; float: right; margin: 0 0 0 0; } .col_60-40 { display: block; clear: both; width: 100%; } .col_60-40 .col-1 { width: 58%; float: left; margin: 0 1.3% 0 0; } .col_60-40 .col-2 { width: 38%; float: left; margin: 0 1.3% 0 0; } .col_50-50 { display: block; float: left; width: 100%; } .col_50-50 .col-1, .col_50-50 .col-2 { width: 50%; float: left; margin: 6px 0 0 0; } .col_33 { display: block; float: left; width: 100%; } .col_33 .col-1, .col_33 .col-2, .col_33 .col3 { width: 33%; float: left; margin: 6px 0 0 0; } /* Scroll Box*/ .scrollBox { overflow-y: scroll!important; height: 100%; box-shadow: inset -6px 0 25px -13px #444444; -webkit-box-shadow: inset -6px 0 45px -13px #444444; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .scrollBox::-webkit-scrollbar, .eventRegistration .overflow::-webkit-scrollbar { width: 12px } .scrollBox::-webkit-scrollbar-thumb, .eventRegistration .overflow::-webkit-scrollbar-thumb { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #bbb; -webkit-box-shadow: inset 0 0 2px #CCC; } .scrollBox::-webkit-scrollbar-thumb:hover, .eventRegistration .overflow::-webkit-scrollbar-thumb:hover { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #aaa; -webkit-box-shadow: inset 0 0 2px #CCC; } .scrollBox::-webkit-scrollbar-track, .eventRegistration .overflow::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px #CCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-color: #f5f5f5; } .scrollContent { width: 99%; float: left; } .shadowInset { box-shadow: inset -1px -1px 25px -16px #444; -webkit-box-shadow: inset -1px -1px 37px -14px #444; width: 100%; float: left; } /* Sub-product Cart Styles */ #app .shoppingcart .productList .item { width: 310px; } #app .productList .item ul { margin: 10px 0 0 0; padding: 0 } #app .productList .item ul li {line-height: 20px; width: 620px;padding: 4px 0 4px 40px; background: url(../images/bgs/bullets-square.png) no-repeat 26px 12px; font-size: 12px; list-style: none; border-top: 1px solid #e3e3e3 } #app .shoppingcart .productList { border-radius: 4px; border: 3px solid #fff; background: #f6f6f6; } #app .shoppingcart .total { margin: 5px; } #app .shoppingcart .productList .price { text-align: center } #app .shoppingcart .productList span .price {float: right; width: 70px; } #app .shoppingcart .productList .quantity { width: 420px; padding: 3px} #app .shoppingcart .productList .quantity { width: 42px; } #app .shoppingcart .options { width: 54px; } .bgWhite { background-color: #fff } .checkout .orderSummary, .checkout .terms, .checkout .marketing, .checkout .payment { margin: 10px 0; } .checkout .terms a { color: #00759B!important } .checkout .terms a:hover { color: #009a49!important } .checkout .terms a em { text-decoration: underline!important } .checkout .payment { margin: 10px 0; } .checkout .order-total { font-size: 16px!important; width: 100%; padding: 20px 0; text-align: right; border-bottom: 1px solid #ddd; } .checkout .order-total em { font-weight: normal; font-style: normal; color: #222; padding: 0 5px 0 0; } .checkout .orderSummary { padding: 0 0 10px 0 } fieldset label p { width: 95%; color: #666; } fieldset label:hover p { color: #333 } .address-select { border: 1px solid #f00 } .address-new { border: 1px solid #f00 } .address-edit { clear: both; margin-top: 20px; padding: 10px; background: #eee; border-radius: 4px; border: 1px solid #ddd; } .btn-container { clear: both; display: block; text-align: right; padding: 2px; margin-top: 20px; width: auto; } .btn-container { *zoom: 1 } .btn-container:before, .btn-container:after { display: table; line-height: 0; content: ""; } .btn-container:after { clear: both } .btn-container .right { float: right!important } .cartLocation { padding: 20px 0 } .cartLocation p { font-size: 14px } .cartLocation input[type="submit"] { padding: 6px 10px; font-size: 12px; color: #444; } button[type="submit"]:disabled, input[type="submit"]:disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;} /** MODAL STYLES -------------------------------------------------------------------------------------------- */ /* Modal Header */ .modal-header { border-bottom: 1px solid #DDD; width: auto; margin: 0 5px; } .modal-header h2 { margin: 10px 0 } .modal-header .sub-line { font-size: 16px; padding-bottom: 8px; } /* Price List */ ul.priceList { list-style: none; padding: 0; margin: 30px 0 0 0; } .priceList .row { padding-bottom: 20px } ul.priceList li { float: left; width: 265px; min-height: 160px; } ul.priceList li.last dl { border-right: none } ul.priceList li dl { border-right: 1px solid #DDD; margin-top: 10px; padding: 0 16px 40px 16px; color: #999; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } ul.priceList li.border-left dl { border-left: 1px solid #DDD } ul.priceList li dt { margin: 0 0 10px 0 } ul.priceList li dt.multiple { margin: 0 4px 0 4px } ul.priceList li dd { margin: 0 4px 0 4px } ul.priceList dl.pricing dd .attendee { width: 130px } /* Current */ ul.priceList li.current { padding: 0; border: none; margin: 0 16px 0 16px; width: 233px; } ul.priceList li.current dl { padding: 4px 4px 30px 4px; margin-top: 0; border: 3px solid #DDD; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } ul.priceList li.current dt { background: #009a49; padding: 10px 5px; color: #fff; } ul.priceList li.current dt.multiple { padding: 6px 0 4px; margin: 0 4px 0 8px; font-size: 12px; color: #444; font-weight: bold; background: none; } ul.priceList li.current dd { margin: 0 4px 0 8px } ul.priceList dl.pricing dd .price { float: right } /* Event registration Modal */ #form1 .formButton.submit { position: relative; clear: both; float: right; margin: 10px 15px 5px 5px; } #eventRegistration .simplemodal-close a { margin-right: 85px } /** PICK AND CHOOSE PRODUCT APP STYLES -------------------------------------------------------------------------------------------- */ #mainAppContainer { width: 957px } /* App Header */ .pickAndChoose #appHeader { border-bottom: 2px solid #DDD; margin-top: 40px; padding: 10px 0; width: 957px;background: #ebebeb; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;} .pickAndChoose #appHeader .columnHeader { color: #333; font-size: 14px; font-weight: bold; border-right: 1px solid #ddd;} .pickAndChoose #appHeader .columnHeader.one { float: left; padding: 0 10px; width: 199px; } .pickAndChoose #appHeader .columnHeader.two { float: left; padding: 0 10px; width: 199px; } .pickAndChoose #appHeader .columnHeader.three { float: left; padding: 0 0 0 20px; width: 239px; } .pickAndChoose #appHeader .columnHeader.four { float: left; padding: 0 0 0 20px; width: 236px;border-right: 0;} .pickAndChoose #appHeader a { color: #009a49; float: right; font-size: 14px; font-weight: normal; margin-left: 20px; text-decoration: none; } /* App Body */ #appBody { clear: both } #columnSlider { background: #F2F2F2; float: left; height: auto; overflow: visible !important; position: relative; width: 697px;padding-bottom: 20px;} #columnSlider h3, .pickAndChoose #col-4 h3 { border-bottom: 2px solid #ddd; color: #009A49!important; font-weight: normal; padding-bottom: 10px; } #columnSlider ul, #app #columnSlider ul li { list-style: none; margin: 0; padding: 0; } #columnSlider ul.level-one {display: block; left: 0; position: absolute; top: 0;border-right: 1px solid #DDD; width: 219px;} #columnSlider ul.level-two {width: 220px;border-right: 1px solid #DDD;display: block; left: 220px; position: absolute; top: 0;} #columnSlider ul.level-three {border-left: 1px solid #DDD;left: 220px; padding: 0 20px 0 20px; position: absolute; top: 0;width: 223px;} #columnSlider ul.level-three p { font-size: 12px; line-height: 19px; } /* Level One */ #columnSlider ul.level-one li { border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; } #columnSlider ul.level-one li a { background: url(../images/bgs/bg-icons.png) 200px -540px no-repeat; border-radius: 0; color: #555; display: block; font-size: 12px; font-weight: normal;-khtml-border-radius: 0; line-height: 1.4em;-moz-border-radius: 0; padding: 10px 20px 10px 12px; text-decoration: none;-webkit-border-radius: 0; } #columnSlider ul.level-one > li > a:hover { background: #ddd url(../images/bgs/bg-icons.png) 183px -540px no-repeat!important;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in; } #columnSlider ul.level-one li.active > a { box-shadow: inset -3px 0 3px 0 #000000; box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset -3px 0 3px 0 #000000; -webkit-box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05);background: #ffffff url(../images/bgs/bg-icons.png) 183px -540px no-repeat!important; color: #009A49;-moz-transition: background-color 0.2s ease-in;-o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in; } /* Level Two */ #columnSlider ul.level-two { background: none } #columnSlider ul.level-two li { border: none } #columnSlider ul.level-two li a { background: none; background: url(../images/bgs/bg-icons.png) 200px -540px no-repeat; border-bottom: 1px solid #ddd; color: #555; font-size: 12px; line-height: 18px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; padding: 8px 18px 8px 12px; transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in; } #columnSlider ul.level-two li a:hover {background: #ddd url(../images/bgs/bg-icons.png) 183px -540px no-repeat;box-shadow: inset -3px 0 3px 0 #000000;box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05) ;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;-webkit-box-shadow: inset -3px 0 3px 0 #000000;-webkit-box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05);-webkit-transition: all 0.2s ease-in;} #columnSlider ul.level-two li.active a {background: #fff;box-shadow: inset -3px 0 3px 0 #000000;box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05); color: #009a49;-webkit-box-shadow: inset -3px 0 3px 0 #000000;-webkit-box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.05);} #columnSlider ul.level-two li.active a:hover { border-left: none } #columnSlider ul.level-two { display: none } #columnSlider ul.level-three { display: none } /* Level Three */ #columnSlider ul.level-three li a { background: none; border-bottom: 1px solid #DDD; border-left: none; border-top: 1px solid #f2f2f2; margin-right: -1px; padding: 10px 4px 10px 20px; } #columnSlider ul.level-three li a:hover {background: #f8f8f8; border-bottom: 1px solid #DDD; border-top: 1px solid #f2f2f2;box-shadow: inset -3px 0 3px 0 #000000;box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.1); color: #009a49;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;-webkit-box-shadow: inset -3px 0 3px 0 #000000;-webkit-box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.5);-webkit-transition: all 0.2s ease-in;} /* Active States */ #columnSlider ul.level-two li.active ul.level-three { display: block } #columnSlider ul.level-one li.active a.addCourseBtn { background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); border: 1px solid #ccc; border-radius: 2px; box-shadow: none; color: #666; display: block; float: left; font-size: 16px; font-weight: 700;-khtml-border-radius: 2px; margin: 20px 0 0 0;-moz-border-radius: 2px;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out; padding: 12px 15px; text-align: center; text-decoration: none; text-shadow: 0 -1px 1px #ffffff; transition: all 0.25s ease-in-out;-webkit-border-radius: 2px;-webkit-box-shadow: none;-webkit-transition: all 0.25s ease-in-out; width: 180px; } #columnSlider ul.level-one li a.addCourseBtn:hover {border-color: #bbb;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2);-webkit-box-shadow: 0 0 10px 2px #ddd; cursor: pointer} #columnSlider ul.level-one li.active a.addCourseBtn.added:hover { border-color: #ccc; box-shadow: none; cursor: default;-webkit-box-shadow: none; } #columnSlider ul.level-one li.active a.addCourseBtn.added { background-color: #555; background-image: none; color: #fff; filter: none; text-shadow: none; } /* User Selections */ #col-4 { float: right; width: 236px; min-height: 300px; padding: 0 0 0 20px; list-style: none; top: 0; border-left: 1px solid #DDD; } #userSelections { list-style: none; margin: 20px 0 0 0; padding: 0; } #userSelections .selection { float: left; list-style: none; margin-bottom: 10px; position: relative; } #userSelections .selection.empty { background: #fff; border: 1px dashed #ccc; height: 49px; width: 234px; } #userSelections .selection .remove { background: url(../images/bgs/bg-icons.png) no-repeat; background-position: -17px -141px; display: block; height: 16px; margin-top: -8px; overflow: hidden; position: absolute; right: 12px; text-indent: -99999px; top: 50%; width: 16px; } #userSelections .selection a:hover .remove {cursor: pointer; background: url(../images/bgs/bg-icons.png) no-repeat; background-position: -17px -157px; display: block; float: right; height: 16px; overflow: hidden; text-indent: -99999px; width: 16px; } #userSelections .selection a { background: #DDD; background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); border: 1px solid #ddd; border-bottom: 3px solid #009a49; border-radius: 2px; color: #009a49; display: block; filter: alpha(opacity=0); float: left; font-size: 14px;-khtml-border-radius: 2px;-khtml-opacity: 0;-moz-border-radius: 2px;-moz-opacity: 0;-moz-transition: all 0.25s ease-in-out;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0;-o-transition: all 0.25s ease-in-out; padding: 15px 30px 15px 15px; text-decoration: none; text-shadow: 0 -1px 1px #ffffff; transition: all 0.25s ease-in-out;-webkit-border-radius: 2px;-webkit-transition: all 0.25s ease-in-out; width: 190px; } #userSelections .selection a:hover { text-shadow: 0 -1px 1px #ffffff } /** AGENDA VIEW -------------------------------------------------------------------------------------------- */ #agenda { background: #fff; filter: alpha(opacity=0); -khtml-opacity: 0; left: 0; min-height: 600px;-moz-opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; position: absolute; top: 60px; width: 790px; z-index: -1; } #agenda .inner { padding: 10px 10px 0 10px } #agenda .inner.extended { padding: 10px 10px 0 10px } /* Definition List Styles*/ #agenda dl { margin: 0 0 15px 0 } #agenda dl dd { color: #009a49; margin: 0 0 4px 0; } #agenda dl dd a { color: #009a49; display: block; padding: 2px; text-decoration: none !important; } #agenda dl dt { color: #555; font-weight: 700; margin-bottom: 4px; padding: 2px; } #agenda dl dd.active:hover { background: #009a49;-moz-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in; transition: background 0.2s ease-in;-webkit-transition: background 0.2s ease-in; } #agenda dl dd:hover { background: #009a49;-moz-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in; transition: background 0.2s ease-in;-webkit-transition: background 0.2s ease-in; } #agenda dl dd.active { background: #ddd;-moz-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in; transition: background 0.2s ease-in;-webkit-transition: background 0.2s ease-in; } #agenda dl dd.active a { color: #555; text-decoration: none; } #agenda dl dd.active:hover a { color: #fff; text-decoration: none; } #agenda dl dd:hover a { color: #fff; text-decoration: none; } #agenda dl dd.full a:hover { background: #EEE; color: #666; text-decoration: none; } #agenda dl dd.full a { color: #AAA } #agenda dl dd.full b { color: #A00; float: left; margin: 2px 2px 0 0; } #agenda dl dd.full.active a { background: #EEE; color: #666; } #agenda .popupContainer dt { font-size: 12px } /* Modal Version Styles */ #agenda dl dd:hover, #agenda dl dd.active { color: #fff; text-decoration: none; } #agenda dl dd.full:hover { background: #EEE; color: #666; } #agenda dl dd.full { color: #AAA } #agenda dl dd.full.active { background: #EEE; color: #666; } /* Table Styles */ #agenda table { background: #fff; border: none; z-index: 1; } #agenda table th { background: none; border: none; font-weight: normal; } #agenda table tr { background: #fff } #agenda table td { background: #fff; border: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-size: 10px; padding: 0; vertical-align: top; width: 20%; } #agenda table td.weekend { background: #eee } #agenda .extended table td { width: 14% } #agenda table td.popup:hover { background: #f7f7f7; cursor: pointer; } #agenda table td.weekend:hover { background: #e7e7e7; cursor: pointer;-moz-transition: background 0.25s ease-in-out;-o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out;-webkit-transition: background 0.25s ease-in-out; } #agenda td .innerWrapper { position: relative } #agenda table td .date { background: #e3e3e3; background: -moz-linear-gradient(top, #e3e3e3 0, #d5d5d5 100%); background: -ms-linear-gradient(top, #e3e3e3 0, #d5d5d5 100%); background: -o-linear-gradient(top, #e3e3e3 0, #d5d5d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(100%, #d5d5d5)); background: -webkit-linear-gradient(top, #e3e3e3 0, #d5d5d5 100%); font-size: 11px; padding: 5px 0 15px 5px; z-index: 5; } #agenda table td .content { padding: 12px 6px 20px 6px } #agenda table td.popup.current .date { background: #333; color: #fff; cursor: pointer;-moz-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in; transition: background 0.2s ease-in;-webkit-transition: background 0.2s ease-in; } /*Popup*/ #agenda .popupContainer {background: #fff; border: 1px solid #E6E7E8;box-shadow: 0 6px 20px 2px #000000;box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.3); font-size: 13px;-khtml-opacity: 0; left: 0;-moz-opacity: 0; opacity: 0; padding: 10px 20px 20px 20px; position: absolute; right: auto; top: 34px;-webkit-box-shadow: 0 6px 20px 2px #000000;-webkit-box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.3); width: 265px; z-index: 250;} #agenda td.popup-right .popupContainer { left: auto; right: -1px; } /** Recurring Events Version -------------------------------------------------------------------------------------------- */ .recurringEvents #appHeader { border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 30px; padding: 0 0 10px 0; width: 100%; } .recurringEvents #appHeader h3 { float: left; font-weight: normal; margin: 0; padding: 0; } .recurringEvents .manageRegistration { float: right; margin-top: 10px; } .manageRegistration label { float: left; line-height: 24px; margin-right: 10px; } .manage-registration label { float: left; line-height: 22px; margin-right: 10px; } /** Smart Accordian Styles -------------------------------------------------------------------------------------------- */ .smartAccordian { clear: both; float: left; margin: 0; position: relative; padding-left: 0;} .smartAccordian ul { background: #fff; float: left; } .smartAccordian li ul { border-radius: 3px; clear: both;-khtml-border-radius: 3px; margin: 1px 0 1px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px; } .smartAccordian .sectionHeader label span { float: left; margin-right: 10px; } .smartAccordian .sectionHeader label input { float: left; padding: 0; } .smartAccordian .sectionHeader label { width: auto } .smartAccordian .sectionFooter { clear: both } .smartAccordian .inner { padding: 6px 8px 8px } .smartAccordian .expand { overflow: hidden; width: 690px; } .smartAccordian .inner { overflow: hidden } .smartAccordian .button { background-color: #e5e5e5; border: 1px solid #F2F2F2; border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; overflow: hidden; padding: 15px; transition: all 0.2s ease-in;-webkit-border-radius: 2px;-webkit-transition: all 0.2s ease-in; width: auto; } .smartAccordian .button:hover { background-color: #ddd; border: 1px solid #d5d5d5; cursor: pointer; } .smartAccordian .button.open { background-color: #333; border-color: #444; color: white; text-shadow: 0 1px 1px black; } .smartAccordian .title { font-size: 14px; font-weight: normal; text-shadow: 0 -1px 1px #ffffff; } .smartAccordian li, #main ul.smartAccordian li { clear: both; float: left; height: auto; list-style: none; margin: 0; margin-bottom: 10px; min-height: 30px; position: relative; } .smartAccordian li li { border-bottom: 1px solid #eee; clear: both; list-style: none; margin: 0; margin-bottom: 0; min-height: 30px; } .smartAccordian dl { display: block } .smartAccordian .arrow { top: 22px } .smartAccordian .open .arrow { background-position: 50% -923px } /* Sidebar Accordion */ #side .smartAccordian .expand { width: auto } /** Modal Accordian -------------------------------------------------------------------------------------------- */ .modal-inner .smartAccordian .expand { width: 882px } #modal-content-b .smartAccordian .sectionHeader { margin-left: 718px } #modal-content-b .smartAccordian dl dd { width: 804px } #modal-content-b .smartAccordian dl dd .button2 { width: 732px } #modal-content-b .smartAccordian ul li { width: 804px } #modal-content-b .smartAccordian dd .inner2 { width: 724px } #modal-content-b .smartAccordian .expand { width: 820px } #modal-content-b .smartAccordian dd .expand2 { width: 100% } /** Table Layout Styles -------------------------------------------------------------------------------------------- */ .table { background-color: #fff; border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; } .table .sectionHeader { clear: both; color: white; margin-left: 591px; margin-top: -47px; padding: 10px 10px 10px 0; position: absolute; width: auto; z-index: 1000; } .table .sectionHeader label { color: #fff } .table .sectionHeader label, #app #main .table .sectionHeader input { margin: 0; padding: 0; } .table ul li { height: auto;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; padding: 12px 0; transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in; width: 674px; } .table dl { margin: 0; width: 100%; } .table dl dt { color: #555; font-size: 14px; font-weight: bold; margin: 0 0 0 6px; } .table dl dd { clear: both; display: block; float: left; margin: 0 0 0 0; width: 672px; } .table dl dd label { border-radius: 3px; display: block; font-size: 12px; font-weight: normal;-khtml-border-radius: 3px; margin: 0;-moz-border-radius: 3px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; padding: 6px; transition: all 0.2s ease-in;-webkit-border-radius: 3px;-webkit-transition: all 0.2s ease-in; width: 660px; } .table dl dd label:hover { background: #eee } .table dl dd label.full:hover { background: #f9f9f9 } .table input.right { float: right; margin: 6px 6px 0 0; } .table input[disabled="disabled"] {-khtml-opacity: 0.5;-moz-opacity: 0.5; opacity: 0.5; } .table dd.extended { clear: both; display: none; float: none; } /* RECURRING EVENTS ------------------------------------------------------------------------------------------- */ .verticalTabs .tab-content { width: 505px; float: left; float: right; margin-right: 20px; } .verticalTabs .verticalTabs { clear: both; position: relative; float: left; margin: 0; } /* VERTICAL TABS ------------------------------------------------------------------------------------------- */ .verticalTabs .calendar-vert { display: inline-block; float: left; width: 170px; } .verticalTabs .calendar-vert li.active a { color: #fff!important } .verticalTabs .calendar-vert { float: left; list-style: none; margin: 0; padding: 0; } .verticalTabs .calendar-vert li { list-style: none; margin: 0 !important; padding: 0; } .verticalTabs .calendar-vert ul.tab-btns { border-bottom: none; clear: both; display: block; float: left; list-style: none; margin: 0 0 5px 0; padding: 0; } .verticalTabs .calendar-vert ul.tab-btns li, #main .verticalTabs .calendar-vert .calendar ul li { border-bottom: none; margin: 0 0 0 0; padding: 0; position: relative; } .verticalTabs .calendar-vert ul.tab-btns li a { background-color: #eee; background-image: -moz-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -ms-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(1,#e0e0e0)); background-image: -webkit-linear-gradient(top,#efefef 0,#e0e0e0 100%); color: #555; display: block; font-size: 14px; font-weight: normal !important; margin: 0;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out; outline: none; padding: 10px 15px 7px 8px; text-decoration: none; text-shadow: 0 -1px 1px #fff; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out; width: 140px; } .verticalTabs .calendar-vert ul.tab-btns li a:hover { background: #ddd; border-color: #bbb; } .verticalTabs .calendar-vert ul li .reg { border-bottom: #bbb 1px solid; border-left: #bbb 1px solid; box-shadow: inset 0 0 5px 0 #DDD; color: #888; display: inline; float: right; font-size: 10px; height: 36px!important; line-height: 38px; margin: -10px -15px -10px 0;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 #fff; transition: all 0.25s ease-in-out;-webkit-box-shadow: inset 0 0 5px 0 #DDD;-webkit-transition: all 0.25s ease-in-out; width: 24px; } .verticalTabs .calendar-vert ul li .reg:hover { background: #eee; color: #555; } .verticalTabs .calendar-vert ul li.active .reg { background-color: #555; border-bottom: #777 1px solid; border-left: #777 1px solid; box-shadow: inset 0 0 5px 0 #222; color: #fff; text-shadow: 0 -1px 0 #111;-webkit-box-shadow: inset 0 0 5px 0 #222; } .verticalTabs .calendar-vert ul.tab-btns li.active a, #main .verticalTabs .calendar-vert ul.tab-btns li.active a:hover { background: #009a49 !important; background-color: #009a49; color: #fff !important; display: block; filter: none; float: left; } .verticalTabs .calendar-vert ul.tab-btns li.active a { color: #fff; text-shadow: 0 1px 0 #005F2D; } .verticalTabs .tab-heading { border-bottom: 1px solid #ccc; display: block; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-bottom: 6px; width: 100%; } .verticalTabs .calendar-vert ul li { float: left; height: auto; min-height: 35px; width: 163px; } .verticalTabs .calendar-vert ul.tab-btns li a { min-height: 25px; width: 140px; } .verticalTabs .calendar-vert ul li a .left { line-height: 1.4em; white-space: normal; width: 125px; } ul.tab-btns { border-bottom: 3px solid #ddd; clear: both; height: 40px; list-style: none; margin: 0; padding: 0 0 0 4px; width: auto; } ul.tab-btns li { border: 1px solid #CCC; border-bottom: none; display: inline-block; float: left; height: 40px; margin: -1px 1px 0 0; overflow: hidden; padding: 0; position: relative; } ul.tab-btns li a { background-image: -moz-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -ms-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -o-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(1,#e0e0e0)); background-image: -webkit-linear-gradient(top,#efefef 0,#e0e0e0 100%); color: #555; display: block; font-size: 14px; line-height: 25px; margin: 0;-moz-transition: all .25s ease-in-out; outline: none; padding: 9px 20px; text-decoration: none; text-shadow: 0 -1px 1px #fff;-webkit-transition: all .25s ease-in-out; white-space: nowrap; } ul.tab-btns li a:hover { background: #ddd; border-color: #bbb; text-decoration: none!important; } ul.tab-btns li.active { border: 1px solid #ccc; border-bottom: 4px solid #fff; margin-bottom: -4px; } ul.tab-btns li.active a, html ul.tab-btns li.active a:hover { background-color: #fff; background-image: -moz-linear-gradient(top,#efefef 0,#fff 100%); background-image: -ms-linear-gradient(top,#efefef 0,#fff 100%); background-image: none; background-image: -o-linear-gradient(top,#efefef 0,#fff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(1,#fff)); background-image: -webkit-linear-gradient(top,#efefef 0,#fff 100%); } .verticalTabs .innerContent { background-color: #fff; border-radius: 3px; float: left;-khtml-border-radius: 3px;-moz-border-radius: 3px; padding: 10px;-webkit-border-radius: 3px; width: 100%; } .verticalTabs .innerContent .sectionHeader { background: #eee; border-radius: 3px; color: #555; display: block;-khtml-border-radius: 3px; margin-bottom: 5px;-moz-border-radius: 3px; padding: 10px;-webkit-border-radius: 3px; width: auto; } .verticalTabs .innerContent .sectionHeader label { color: #555; font-weight: normal; } .verticalTabs .innerContent .sectionHeader .right { float: right; margin: 0 2px 0 0; width: auto; } .verticalTabs .innerContent .sectionHeader .right span { float: left; margin-right: 10px; } .verticalTabs .innerContent .sectionHeader .right input { float: left; margin: 0; padding: 0; } .verticalTabs .innerContent .sectionFooter { background: #eee; border-radius: 3px; clear: both; color: #555; display: block; float: left;-khtml-border-radius: 3px; margin-top: 10px;-moz-border-radius: 3px; padding: 10px; text-align: right;-webkit-border-radius: 3px; width: 490px; } .verticalTabs .innerContent ul { background: #fff; float: left; margin: 0; width: 100%;padding-left: 0px; } .verticalTabs .innerContent ul li { border-bottom: 1px solid #eee; border-left: 5px solid #fff; border-radius: 3px; clear: both; float: left; height: auto;-khtml-border-radius: 3px; list-style: none !important; margin: 0; margin-bottom: 10px; min-height: 30px;-moz-border-radius: 3px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; padding: 12px 0 12px 10px; position: relative; transition: all 0.2s ease-in;-webkit-border-radius: 3px;-webkit-transition: all 0.2s ease-in; width: 490px; } .verticalTabs .innerContent ul li:hover {border-left: 5px solid #009a49;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2);-webkit-box-shadow: 0 0 10px #323232;-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, .2); -webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;} .verticalTabs .innerContent ul li.conflict:hover {border-left: 5px solid #9c123e;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2);-webkit-box-shadow: 0 0 10px #323232;-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, .2);} .verticalTabs .innerContent ul li.contact:hover {border-left: 5px solid #F40;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2);-webkit-box-shadow: 0 0 10px #323232;-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, .2);} .verticalTabs .innerContent input.right { float: right; margin: 10px 18px 0 0; } .verticalTabs .innerContent input[disabled="disabled"] {-khtml-opacity: 0.5;-moz-opacity: 0.5; opacity: 0.5; } .verticalTabs .innerContent input.right { position: absolute; right: 2px; top: 35px; } .verticalTabs .innerContent dl { display: inline-block; margin: 0; width: 100%; } .verticalTabs .innerContent dl dt { color: #555; font-size: 14px; margin-bottom: 4px; padding-left: 8px; } .verticalTabs .innerContent dl dd { clear: both; display: block; float: left; margin: 0 0 0 0; width: 100%; } .verticalTabs .innerContent dl dd.extended { clear: both; display: none; float: none; } .verticalTabs .innerContent dl dd label { border: 1px solid #fff; border-radius: 3px; clear: both; display: block; font-size: 12px;-khtml-border-radius: 3px; margin: 0;-moz-border-radius: 3px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in; padding: 8px 10px; transition: all 0.2s ease-in;-webkit-border-radius: 3px;-webkit-transition: all 0.2s ease-in; width: 430px; } .verticalTabs .innerContent dl dd label:hover, .verticalTabs .innerContent dl dd label.open { cursor: pointer } .verticalTabs .innerContent dl dd label.full:hover { background: #f9f9f9 } .verticalTabs .innerContent dl dd .expand2 { overflow: hidden; width: 463px; } .verticalTabs .innerContent dl dd .inner2 { background-color: #fff; border: 2px solid #eee; border-radius: 3px; border-top-color: #fff; font-size: 12px; height: auto;-khtml-border-radius: 3px; line-height: 19px; margin: 0 0 5px 0;-moz-border-radius: 3px; padding: 13px;-webkit-border-radius: 3px; width: 423px; } .verticalTabs .innerContent dl dd label { float: none; position: relative; } .verticalTabs .innerContent dl dd .button2:hover, .verticalTabs .innerContent dd .button2.open { background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%); background-image: -ms-linear-gradient(top,#fff 0,#f3f3f3 100%); background-image: -o-linear-gradient(top,#fff 0,#f3f3f3 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#f3f3f3)); background-image: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%); border: 1px solid #eee; box-shadow: 0 1px 3px 2px #f5f5f5; color: #009a49; text-shadow: none;-webkit-box-shadow: 0 1px 3px 2px #f5f5f5; } .verticalTabs .innerContent dl dd .button2.open.full, .verticalTabs .innerContent dd .button2.full:hover { color: #9c123e } .verticalTabs .innerContent li.contact dd .button2:hover, .verticalTabs .innerContent li.contact dd .button2.open { color: #F40 } .modal-inner .recurringEvents .verticalTabs { width: 900px } .modal-inner .recurringEvents .tab-content { float: right; margin-right: 10px; width: 715px; } .modal-inner .recurringEvents .innerContent { padding-top: 0 } .modal-inner .recurringEvents .innerContent ul { background: #fff; float: left; margin: 0; width: 100%; } .modal-inner .recurringEvents .innerContent ul li { width: 690px } .modal-inner .recurringEvents .innerContent dl dd .expand2 { width: 646px } .modal-inner .recurringEvents .innerContent dl dd .inner2 { width: 616px } .modal-inner .recurringEvents .innerContent dl dd label { font-weight: normal; width: 625px; } .modal-inner .recurringEvents .innerContent .sectionFooter { width: 685px } /* ALERTS ------------------------------------------------------------------------------------------- */ .alert { font-size: 12px; float: right; color: #9c132e; font-weight: normal; font-style: italic; } .alert.error { color: #9c132e } .alert.information { color: #af8947; border: 1px solid #FBEED5; float: left; width: auto; padding: 8px 8px 8px 30px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: url(../images/bgs/alert-yellow.png) no-repeat 8px 8px #FCF8E3; } .alert.information.block{ float: none; margin: 5px;} .alert.resolution { color: #FFF;font-size: 14px;font-style: normal; font-weight: bold; border: 1px solid #FBEED5; float: left; width: auto; padding: 8px 8px 8px 30px; margin: 5px 0; border-radius: 3px;background: url(../images/bgs/pending-icon.png) #00823e no-repeat 8px 8px;} .alert.resolution.block{ float: none; margin: 5px;} .alert.message { color: #FFF;font-size: 14px;font-style: normal; font-weight: bold; border: 1px solid #FBEED5; float: left; width: auto; padding: 8px 8px 8px 30px; margin: 5px 0; border-radius: 3px;background: url(../images/bgs/alert-orange.png) #a52a2a no-repeat 8px 8px;} .alert.message.block{ float: none; margin: 5px;} .contentWrapper .alert.information.block{margin: 5px 0 10px 0;} .alert.information a{color:#009a49;text-decoration:none;} .alert.information a:hover{text-decoration:underline;} .alert.warning { color: #9c132e } .alert.please-wait { color: #af8947; border: 1px solid #FBEED5; float: left; width: auto; padding: 8px 8px 8px 30px; margin: 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: #FCF8E3; } .alert.please-wait.block{ float: none;} .message { border: 1px solid #FBEED5; background-color: #FCF8E3; display: block!important; float: left; width: 100%; padding: 8px 10px 10px 10px; width: 506px; margin: -10px 0 10px -10px; color: #555; border-top: 3px solid #FBEED5; } .validation-summary-valid { display: none !important; } .validation-summary-errors {display: block;} .sessionsNotification{font-size: 12px; font-weight: normal; font-style: italic; color: #B00;float: none;} /* MULTI SESSION EVENT REGISTRATION STYLES ------------------------------------------------------------------------------------------- */ #app .eventRegistration h2 { margin: 10px 4px } #app .eventRegistration .attendee em, #app .eventRegistration .quota em { color: #009a49; font-style: normal; } #app .eventRegistration .month { font-size: 20px; padding: 9px 5px 0; } #app .eventRegistration .info { margin: 0 0 0 1px; padding: 14px 0 10px; border-bottom: 2px solid #ddd; width: 99%; } #app .eventRegistration .info .date { display: inline; font-size: 19px; padding: 0 5px; } #app .eventRegistration .quota { width: 45%; float: right; text-align: right; display: inline; font-size: 12px; padding: 0 4px 0; } #app .eventRegistration .session { border-left: 5px solid #fff; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 15px; margin: 5px 8px 5px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: auto; overflow: hidden; } #app .eventRegistration .session:hover {border-bottom: 1px solid #ccc; border-left: 5px solid #009a49;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .2); -webkit-box-shadow: 0 2px 2px 2px #f5f5f5;} #app .eventRegistration .session .sessionDetails { word-wrap: break-word; font-size: 14px; color: #555; font-weight: bold; font-style: normal; padding: 8px 0; } #app .eventRegistration .session .sessionDetails em { color: #009a49; font-style: normal; font-size: 14px; letter-spacing: -1px; padding: 0 7px 0 0; font-weight: normal; } #app .eventRegistration .mandatory .sessionDetails { color: #444 } #app .eventRegistration .mandatory .sessionDetails em { color: #555 } #app .eventRegistration .mandatory:hover { border-left: 5px solid #888 } #app .eventRegistration .overlap .sessionDetails { color: #9c132e } #app .eventRegistration .overlap .sessionDetails em { color: #9c132e } #app .eventRegistration .overlap:hover { border-left: 5px solid #9c132e } #app .eventRegistration .mandatory:hover .sessionDetails:after, #app .eventRegistration .overlap:hover .sessionDetails:after { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #app .eventRegistration .session .button2 { background: #fff } #app .eventRegistration .session .button2 p { width: 520px; display: block; margin: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; padding: 8px 30px 8px 10px; border: 1px solid #fff; font-size: 12px; position: relative; } #app .eventRegistration .session .button2 p:hover, #app .eventRegistration .session .button2.open p { border: 1px solid #eee; box-shadow: 0 1px 3px 2px #ddd; -webkit-box-shadow: 0 1px 3px 2px #f5f5f5; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0, #f3f3f3 100%); color: #009a49; text-shadow: none; cursor: pointer; } #app .eventRegistration .session .button2.open p.full, #app .eventRegistration .session .button2 p.full:hover { color: #900 !important } #app .eventRegistration .session fieldset .item { position: relative; padding-left: 30px; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } #app .eventRegistration .session fieldset label { width: auto; margin: 0; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; position: absolute; top: 10px; left: 0; } #app .eventRegistration .session fieldset label.full b { color: #A00; margin: 0 7px 0 -10px; } #app .eventRegistration .session fieldset label.full p, #app .eventRegistration .session fieldset label.full:hover p { color: #aaa; background: none; } #app .eventRegistration .session .overview { overflow: hidden; width: 580px; } #app .eventRegistration .inner2 { width: 532px; font-size: 12px; line-height: 19px; padding: 13px; background-color: #fff; border: 2px solid #eee; border-top-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 0 0 5px 0; } #app .eventRegistration .sessionInfo { font-size: 14px; padding: 8px 10px; margin: 0; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #app .eventRegistration .sessionInfo em { font-size: 12px; color: #009a49; padding: 0 7px 0 0; font-style: normal; } #app .eventRegistration .sessionInfo:hover { border: 1px solid #eee; box-shadow: 0 1px 3px 2px #ddd; -webkit-box-shadow: 0 1px 3px 2px #f5f5f5; background-color: #f5f5f5; filter: progid:dximagetransform.microsoft.gradient(startColorStr='#fff', EndColorStr='#fdfdfd'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0, #f3f3f3 100%); } #app .eventRegistration .session .inner2 p { clear: both } #app .eventRegistration .session .inner2 label { width: auto; margin: 0 0 10px 0; padding: 0 0 6px 0; position: relative; width: 100%; border-bottom: 1px solid #eee; display: inline-block; top: 0; } #app .eventRegistration .session .inner2 label input { margin-top: 4px } #app .eventRegistration .session .inner2 label input:hover { background: none } /* Multi Session Registration Waitlist */ .registration .notice { font-size: 14px; color: #666; border: 1px solid #F2F2F2; padding: 8px 8px 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin: 20px 0; } .registration .notice:hover { border: 1px solid #ccc; background-color: #d6d6d6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .registration .notice p { font-weight: normal } .registration .notice .waitlist { background: #F2F2F2; width: 100%; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; overflow: hidden; font-size: 12px; color: #444; } .registration .notice:hover .waitlist { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid #bbb; } .registration .notice .waitlist .inner { padding: 10px } .registration .notice .waitlist .row { clear: both; border-bottom: 1px solid #ddd; display: inline-block; } .registration .notice .waitlist .row:hover { background-color: #f5f5f5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .registration .notice .waitlist .row.head { background: #E5E5E5 } .registration .notice .waitlist .item.title { font-weight: normal } .registration .notice .waitlist .item { font-weight: normal; float: left; } .registration .notice .waitlist .item.session-time { color: #7D7D7D } .registration .notice .waitlist .item.registrants { color: #7D7D7D } .registration .notice .waitlist .col-1 { width: 245px; padding: 8px 5px; } .registration .notice .waitlist .col-2 { width: 245px; padding: 8px 5px; } .registration .notice .waitlist .col-3 { width: 122px; padding: 8px 5px; text-align: center; } .registration .notice .waitlist h3 { padding: 0 0 12px 0; margin: 0; font-size: 1.25em; color: #333; } /* Modal Waitlist */ .simplemodal-data .notice .waitlist .row { clear: both; border-bottom: 1px solid #ddd; display: inline-block; background: #fff; } .simplemodal-data .notice .waitlist .row:hover { background-color: #fff } .simplemodal-data .notice .waitlist, .simplemodal-data .notice .waitlist .row.head { background: #fff } .simplemodal-data .notice, .simplemodal-data .notice:hover { border: none; background-color: #fff; } /* ENROLMENTS ******************************************************************************************************************/ .enrolments #main .col-1 { min-height: 600px; width: 530px; margin-right: 15px; float: left; } .enrolments #main .col-2 { min-height: 600px; width: 374px; float: right; } .enrolments #main .col-1 .moduleHeader { width: 507px } .enrolments #main .col-1 h2.block-title { width: 507px; border: none; } .enrolments #main .col-1 h2.block-title .right { float: right; } .enrolments #main .col-1 .module { width: 507px } .enrolments #main .buttonDefault a, .enrolments #main .buttonDefault a:hover { font-weight: normal; color: #555; text-decoration: none; } .enrolments .divider { padding: 0 5px } .enrolments .sectionHeader { width: 100%; margin: 20px 0 20px 0; border-bottom: 1px solid #ccc; *zoom: 1; } .enrolments .sectionHeader:after, .sectionHeader:before { display: table; line-height: 0; content: ""; } .enrolments .sectionHeader:after { clear: both } .enrolments .sectionHeader p { clear: both } .enrolments .moduleHeader { width: 352px; background: #fff; color: #333 !important; padding: 10px 10px 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; } .enrolments .moduleHeader h2 { margin-top: 0 !important } .enrolments h2.block-title { margin-top: 0 !important; margin-bottom: 4px !important; width: 350px; background-color: #333; border: 1px solid #D5D5D5; color: #fff !important; padding: 10px 10px 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .enrolments .moduleHeader p { margin-bottom: 0 } .enrolments .smartAccordian { margin-bottom: 20px } .enrolments .smartAccordian li { overflow: hidden; width: 540px; } .enrolments .smartAccordian .inner { padding: 10px } .enrolments .smartAccordian .button { width: 95%; padding: 10px; padding-bottom: 0px; } .enrolments .smartAccordian .button.inactive, .enrolments .smartAccordian .button.inactive:hover { background: #f0f0f0; border: 1px solid #F2F2F2; color: #7D7D7D; } .enrolments .smartAccordian .button.open, .enrolments .smartAccordian .button.open:hover { color: #333; box-shadow: 0 1px 2px 0 #ddd; -webkit-box-shadow: 0 1px 2px 0 #ddd; border: 1px solid #d7d7d7; text-shadow: -1px -1px 2px #ffffff; filter: progid:dximagetransform.microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#fdfdfd'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #fdfdfd)); background-image: -webkit-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -moz-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -ms-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); background-image: -o-linear-gradient(top, #f3f3f3 0, #fdfdfd 100%); } .enrolments .smartAccordian .button:hover { background: #ccc; text-shadow: none; color: #555; } .enrolments .smartAccordian .button.inactive:hover { cursor: default } .enrolments .smartAccordian .button .left { width: 260px; float: left; } .enrolments .smartAccordian .button .course { margin-bottom: 6px } .enrolments .smartAccordian .button.open .course { color: #009a49 } .enrolments .smartAccordian .button:hover .label { background: #fff } .enrolments .smartAccordian .button .action { width: 80px; text-align: center; } .enrolments .smartAccordian .button.open .action { background: none; text-shadow: none; color: #555; border-color: #f5f5f5; } .enrolments .smartAccordian .button .buttonDefault:hover { box-shadow: none; -webkit-box-shadow: none; } .enrolments .buttonDefault.inactive, .enrolments .buttonDefault.inactive:hover, .enrolments .buttonDefault.disabled, .enrolments .buttonDefault.disabled:hover{box-shadow: none;-webkit-box-shadow: none;border-color: #CCC;cursor: text;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;} .enrolments #main ul.smartAccordian li { margin-bottom: 2px } .enrolments .smartAccordian .expand { width: 540px } .enrolments .smartAccordian li .arrow { display: none } .enrolments .status { text-shadow: none; font-size: 11px; } #app.enrolments p.notice { width: 930px; margin: 20px 0 0 5px; } #app.enrolments .article p.notice { width: 490px; margin: 5px 0 15px 0; } .enrolments dl.pricing ul, .enrolments dl.pricing li {width: 100%; padding-left: 0;} .enrolments #main ul.smartAccordian li ul li { padding: 5px 0 } .enrolments dl.pricing .right { float: right } .enrolments dl.pricing .price { width: 150px; float: right; } .enrolments dl.pricing label { float: none; margin: 0; } .enrolments dl.pricing:after, .enrolments dl.pricing:before { display: table; line-height: 0; content: ""; } .enrolments dl.pricing:after { clear: both } .enrolments dl.pricing dd { border: none; padding-top: 0; } .enrolments dl.pricing label input[type="checkbox"] { float: right; margin: 0 0 0 6px; } .enrolments dl.pricing .title { font-weight: bold; color: #555; font-size: 14px; } .enrolments dl.pricing .currency { float: right; font-size: 13px; } .enrolments dl.pricing .package { color: #555; font-weight: bold; float: left; } .enrolments dl.pricing .info { float: left } .enrolments dl.pricing .selection { float: right } .enrolments dl.pricing .selection input { margin: 0 0 0 3px } .enrolments .sectionFooter:after, .enrolments .sectionFooter:before { display: table; line-height: 0; content: ""; } .enrolments .sectionFooter:after { clear: both } .enrolments dl.pricing .sectionFooter { width: 100%; font-size: 12px; font-weight: bold; clear: both; float: left; margin-top: 20px; } .enrolments .buttonDefault { font-size: 12px; padding: 4px 6px; float: left; margin: 0 0 0 0; font-weight: normal; } .enrolments .buttonDefault.abs { float: none; position: absolute; top: 5px; right: 10px;} .enrolments .buttonDefault:hover { cursor: pointer } .enrolments .prepend { padding-top: 5px; float: right; margin: 0 8px 0 0; } .enrolments .sectionHeader { margin: 0 0 0 0; padding: 0 0 3px; border: 0; font-size: 12px; overflow: hidden; } .enrolments .sectionHeader .buttonDefault { font-size: 11px; padding: 4px 4px; /*float: left;*/ text-align: center; width: 120px;min-height: 44px; margin: 0 6px 0 0; } /*.enrolments .sectionHeader .buttonDefault.cancel { float: right; margin: 0 0 0 0; }*/ .enrolments .sectionHeader .buttonDefault:hover { cursor: pointer } .enrolments .sectionHeader .buttonDefault.inactive:hover { cursor: default } #app.enrolments .module .sectionHeader h3 { font-size: 14px; color: #fff; padding: 10px 15px; margin: 0; } .enrolments .module { padding: 10px; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 4px; width: 353px; } .enrolments .module:after, .enrolments .module:before { display: table; line-height: 0; content: ""; } .enrolments .module:after { clear: both } .enrolments .module .sectionHeader { background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; } .enrolments .module .summary { width: 100%; float: left; } .enrolments .module ul, .enrolments .module li, .enrolments .module dd, .enrolments .module dl { margin: 0; padding: 0; list-style: none !important; } .enrolments .module ul li { margin-bottom: 15px; padding: 10px 5px 10px 5px; clear: both; border-bottom: 1px solid #eee; } .enrolments .module ul li:after, .enrolments .module ul li:before { display: table; line-height: 0; content: ""; } .enrolments .module ul li:after { clear: both } .enrolments .module .type { color: #555; font-weight: bold; font-size: 14px; float: left; margin-bottom: 6px; } .enrolments .module .package { float: left; color: #333; } .enrolments .module .price { float: right } .enrolments .module .info { float: left } #app.enrolments .module.muted .sectionHeader h3 { background: #E5E5E5; color: #666; } .enrolments .module.muted { background: #E5E5E5 } .enrolments .module.muted:hover { color: #555; background: #ccc; } .enrolments .module.muted li { border-bottom: 1px solid #ddd } .enrolments .module.read-only { padding: 15px; width: 342px; background: #f9f9f9; } .enrolments .legal h4 { font-size: 12px !important } .enrolments .legal label { width: 100%; margin: 0; } .enrolments .legal a, .enrolments .legal span { width: 347px; display: block; font-weight: normal !important; color: #555 !important; font-size: 11px; } .enrolments .legal input { float: left; margin-right: 6px; } .enrolments .sectionFooter { padding: 5px 0 } .enrolments .total { font-size: 14px; text-align: right; color: #333; } .enrolments .total .info { font-weight: bold; float: left; margin-left: 80px; } .enrolments .total .price { float: right } #app.enrolments h3 { margin-top: 5px } .enrolments .options { clear: both; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .enrolments .options:after, .enrolments .options:before { display: table; line-height: 0; content: ""; } .enrolments .options:after { clear: both } .enrolments .option { clear: both; float: left; margin-bottom: 6px; width: 100%; text-align: left; } .enrolments .options .option span { float: left; margin-right: 6px; margin-top: 6px; } .enrolments .options .option select { float: left } #app.enrolments h3.block-title { margin: 5px 0 15px 0; clear: both; } .enrolments .package-options { display: none; overflow: hidden; width: 100%; } .enrolments .smartAccordian .article { background: #fff; background: -moz-linear-gradient(top, #e7e7e7 0, #f2f2f2 1%, #ffffff 2%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e7e7e7), color-stop(1%,#f2f2f2), color-stop(2%,#ffffff)); background: -webkit-linear-gradient(top, #e7e7e7 0,#f2f2f2 1%,#ffffff 2%); background: -o-linear-gradient(top, #e7e7e7 0,#f2f2f2 1%,#ffffff 2%); background: -ms-linear-gradient(top, #e7e7e7 0,#f2f2f2 1%,#ffffff 2%); background: linear-gradient(to bottom, #e7e7e7 0,#f2f2f2 1%,#ffffff 2%); } .enrolments .module ul li .enrolments #cartWrapper { overflow: hidden; float: left; } .enrolments #cartWrapper .module dd { clear: both } .enrolments #cartWrapper .cartInner { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .enrolments #courseSummary { height: auto; float: left; } .enrolments #courseSummary dl { height: auto; float: left; } .enrolments .admin { position: absolute; top: 0; left: 280px; width: 660px; padding: 10px; } .enrolments .admin p.activation { float: left; margin-right: 20px; margin-bottom: 0; } .enrolments .admin p.completion { float: left; margin: 0; } .enrolments .admin .help { float: right; text-decoration: none; color: #009A49; } .enrolments .admin .help:hover { text-decoration: underline; color: #009A49; } .enrolments #main { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 20px; } /* Alert Messages */ .enrolments #courseSummary li.error-msg { border-radius: 4px; border-left: 4px solid #9c132e; padding-left: 10px; margin-top: .25em !important; } .enrolments #courseSummary li.error-msg .alert { clear: both; float: left; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; } /* Cancellation Modal */ #other-reason-input { height: 0; overflow: hidden; } /* Page Tabs */ .enrolments .pageTabs .inner { width: 100%; height: 40px; } #app.enrolments .pageTabs ul { float: left } #app.enrolments .tabContainer { float: left } .enrolments #main { background: #fff } #app.enrolments .enrolmentTabs { margin-top: 20px; position: relative; } #app.enrolments .enrolmentTabs .tab-btns { background: none; width: auto; } #app.enrolments #main .innerMain { padding: 20px; float: left; width: 920px; } #app.enrolments #main .tabContainer { width: 920px } .enrolments .sectionHeader .label { width: 84px; display: block; float: left; line-height: 30px; } .enrolments .sectionHeader .row { padding-top: 3px } .form-horizontal .address-edit .control-label { width: 100px } .form-horizontal .address-edit .controls { margin-left: 130px } #invoice-address .btn.editContactAddress { margin-right: 53px } #shipping-address .btn.editContactAddress { margin-right: 53px } #email-address .btn.editContactAddress { margin-right: 53px } #contactShippingAddress { float: left } #contactEmailAddress { float: left; width: 430px } #contactEmailAddress #Email { width: 230px } #newShipAddress { float: left } #newBillAddress { float: left } /* AnEditorFor FORM Styling OVERRIDES ******************************************************************************************************************/ #app fieldset.inline .controls{ float: left;} #app fieldset.inline .control-label{ float: right; margin-left: 5px;line-height: 22px;} #app fieldset.inline .control-group{zoom:1;float: left;} #app fieldset.inline .control-group:before,#app fieldset.inline .control-group:after{display:table;line-height:0;content:"";} #app fieldset.inline .control-group:after{clear:both;} /* RENEWAL FORMS ******************************************************************************************************************/ /*renewals form*/ #mainFullWidth { width: 788px; padding-bottom: 10px; float: left; } #mainFullWidth a { text-decoration: none; font-weight: bold; color: #00759B; } .validation-summary-errors { width: 100%; border-bottom: 1px solid #B00; margin-bottom: 20px; padding-bottom: 10px; } #app .validation-summary-errors ul { float: left; margin: 0; padding: 10px; } #app .validation-summary-errors ul li {list-style: none; padding: 7px 0 0 20px; color: #B00;} #app .validation-summary-errors ul li.validationHeading { font-weight: bold;} #app .validation-summary-errors ul li.validationError {list-style: none; padding: 7px 0 0 40px;} .validation-summary-errors {*zoom: 1; display: inline-block;} .validation-summary-errors:before,.validation-summary-errors:after {display: table;line-height: 0;content: "";} .validation-summary-errors:after {clear: both;} .form-horizontal .labelLeft .control-label { text-align: left; width: 145px; } .form-horizontal .labelLeft .controls { margin-left: 0 } input.enterSpecialReq { margin-left: 19px } #app .dietaryOptions.disabled, #app .dietaryOptions.disabled label, #app .dietaryOptions.disabled .help-block, #app .dietaryOptions.disabled .help-inline { color: #ccc !important } #app .dietaryOptions { width: 718px; height: 0; overflow: hidden; } #app.formPage .form-horizontal .dietaryOptions .noLabel > .controls { padding: 0 0 0 23px } /*Checkout form sytling*/ #app .checkout .edit_address { float: left; width: 100%; clear: both; } #app .checkout .newBillAddress { display: none } #app .checkout .newShipAddress { display: none } #app .checkout a.editContactAddress { margin-top: 3px } #app .checkout .formexpand2 { overflow: hidden!important; float: left; width: 100%; } #app .checkout .forminner2 { float: left; padding-bottom: 10px; width: 100%; } #app .checkout .forminner2 p.btn-container { float: right; margin: 0; padding: 0; } #app .checkout .forminner2 p.btn-container a { margin-left: 5px } #app .checkout .rowBlock { float: left; width: 100%; } #app .checkout .formexpand2 label { width: 120px; padding: 5px 10px; } #app .checkout .formexpand2 .controls { margin-left: 150px } #app .checkout .standard fieldset label.radio { width: 80% } /*renewals shopping cart*/ .cartCheckout { background: white; float: left; width: 100%; } #app.cartCheckout .module { width: 205px; padding: 15px; float: right; margin: 119px 5px 10px 0; } #app.cartCheckout input[readonly="readonly"] { color: #ccc } #app.cartCheckout .shoppingcart .products span a.remove { width: auto !important; color: #AAA; padding: 1px 6px 2px; margin: 5px 0 0 19px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; float: left !important; } #app.cartCheckout .shoppingcart .products span a.remove:hover { color: #A00; cursor: pointer; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #BBB; background-color: #EEE; } #app.cartCheckout .shoppingcart .products span.itemRemoved a.addItem { width: auto !important; padding: 3px 6px 3px; margin: 3px 0 0 5px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; float: left !important; } #app.cartCheckout .shoppingcart .products span.itemRemoved a.addItem:hover { cursor: pointer; box-shadow: 0 1px 1px 1px #CCC; -webkit-box-shadow: 0 1px 1px 1px #CCC; border: 1px solid #BBB; background-color: #EEE; } #app.cartCheckout .renewalforms .inner { padding: 10px 0 10px 15px } #app.cartCheckout #side a.checkout { width: 218px } #app.cartCheckout #side ul.cart { float: left } #app.cartCheckout .shoppingcart .products { width: 688px } #app.cartCheckout .renewalforms .shoppingcart .products span.itemRemoved, #app.cartCheckout .shoppingcart .products span.itemRemoved p, #app.cartCheckout .shoppingcart .products span.itemRemoved a { color: #909090 } #app.cartCheckout .renewalforms .shoppingcart .products span.itemRemoved a:hover { color: #009A49 } #app #checkOutFullWidth.renewalforms .shoppingcart h2 { padding-left: 0 } #app #checkOutFullWidth.renewalforms .shoppingcart .shoppingcart .products span { margin: 0 0 !important } #app #checkOutFullWidth.renewalforms .shoppingcart .products { width: 688px; float: left; } #app #checkOutFullWidth.renewalforms .shoppingcart .table-bg { background: #ffffff } #app.cartCheckout .session .button2, #app.cartCheckout .session .noHover { background: #fff } #app.cartCheckout .session .button2 p { color: #00759B; width: 520px; display: block; margin: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; padding: 8px 10px; border: 1px solid #fff; font-size: 12px; position: relative; } #app.cartCheckout .session .button2 p:hover, #app.cartCheckout .session .button2.open p { border: 1px solid #eee; box-shadow: 0 1px 3px 2px #ddd; -webkit-box-shadow: 0 1px 3px 2px #f5f5f5; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0, #f3f3f3 100%); color: #009a49; text-shadow: none; cursor: pointer; } #app.cartCheckout .session .noHover p { color: #00759B; width: 520px; display: block; margin: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; clear: both; padding: 8px 10px; border: 1px solid #fff; font-size: 12px; position: relative; } #app.cartCheckout .session .button2.open p.full, #app.cartCheckout .session .button2 p.full:hover { color: #900 !important } #app.cartCheckout .session .item { position: relative; padding-left: 0; } #app.cartCheckout .session .overview { overflow: hidden; width: 542px; } #app.cartCheckout .inner2 { width: 522px; font-size: 12px; line-height: 19px; padding: 13px 8px; background-color: #fff; border: 2px solid #eee; border-top-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin: 0 0 5px 0; } #app.cartCheckout .sessionInfo { font-size: 14px; padding: 8px 10px; margin: 0; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #app.cartCheckout .sessionInfo em { font-size: 12px; color: #009a49; padding: 0 7px 0 0; font-style: normal; } #app.cartCheckout .sessionInfo:hover { border: 1px solid #eee; box-shadow: 0 1px 3px 2px #ddd; -webkit-box-shadow: 0 1px 3px 2px #f5f5f5; background-color: #f5f5f5; filter: progid:dximagetransform.microsoft.gradient(startColorStr='#fff', EndColorStr='#fdfdfd'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -moz-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0, #f3f3f3 100%); } #app.cartCheckout .session .inner2 p { clear: both } #app.cartCheckout .session .inner2 label { width: auto; margin: 0 0 10px 0; padding: 0 0 6px 0; position: relative; width: 100%; border-bottom: 1px solid #eee; display: inline-block; top: 0; } #app.cartCheckout .session .inner2 label input { margin-top: 4px } #app.cartCheckout .session .inner2 label input:hover { background: none } #app.cartCheckout .button2 p span.arrow { padding: 0; top: 7px; border: 0; right: 0; } #app.cartCheckout .productList span.arrow:hover { background-color: transparent !important } #app.cartCheckout .shoppingcart .productList .item { float: left; padding: 0 0; width: 540px; } #app.cartCheckout .shoppingcart .productList .invalidItem > em, #app.cartCheckout .shoppingcart .productList:hover .invalidItem > em { color: #B00; padding-left: 40px; padding-top: 3px; background: url(../images/bgs/bg-icons.png) no-repeat 0 -873px; margin-left: -6px; padding-bottom: 3px; float: left; } #app.cartCheckout .shoppingcart .productList .invalidItem p { color: #777 } #app.cartCheckout .shoppingcart .productList .columns .item { padding: 4px 12px } #app.cartCheckout .shoppingcart .price { margin: 3px 6px 0 0; float: left; } #app.cartCheckout .shoppingcart .total .price { float: right } #app.cartCheckout .shoppingcart .columns .price { width: 37px } #app.cartCheckout .shoppingcart .productList .refresh { margin-right: 14px } #app.cartCheckout .shoppingcart .productList .refresh a { display: block; float: left; height: 100%; width: 100%; text-indent: -9999px; } #app .shoppingcart .productList .refresh { width: 21px; height: 19px; float: right; background: url(../images/bgs/bg-icons.png) no-repeat -14px -436px; border: 1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app.cartCheckout .shoppingcart .session { clear: both } #app.cartCheckout #side button.checkout { padding: 15px 11px; margin: 10px 0 0 5px; background-color: #009A49; display: block; color: white!important; font-size: 15px; font-weight: bold; float: left; width: 234px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-color: transparent; cursor: pointer; } #app.cartCheckout #side .sideAlert { margin: 10px 0 0 5px; display: block; float: left; width: 234px; border-color: transparent; } /* Staff Mode */ .staff-mode #app.renewals.cartCheckout .productList span.itemWrapper{ padding: 10px; } .staff-mode #app.renewals.cartCheckout .productList span.itemWrapper:hover{ background: #f6f6f6; } .staff-mode #app.renewals.cartCheckout .price { margin: 0; float: left; } .staff-mode #app.renewals.cartCheckout .total .price { margin: 0; float: right; } .staff-mode #app.renewals.cartCheckout .options { width: 27px; } .staff-mode #app.renewals.cartCheckout .session{ float: left; } .staff-mode #app.renewals.cartCheckout .options { margin-top: 5px; } #side .total strong, .total strong { float: left } p.thankyou { padding: 10px 0 10px 46px } p.tick { background: url(../images/cart/payment_tick.gif) no-repeat 0 -5px } p.contact { background: url(../images/cart/payment_contact_us.gif) no-repeat 0 -5px } p.signpost { background: url(../images/cart/payment_signpost.gif) no-repeat 0 -5px } p.update { background: url(../images/cart/payment_update.gif) no-repeat 0 -5px } #app #side p.fontnormal { margin-top: 52px } #app.formPage .form-horizontal .noFormElement .control-group { margin-bottom: 2px } .multiOptions::-webkit-scrollbar, .multiOptions .overflow::-webkit-scrollbar { width: 12px } .multiOptions::-moz-scrollbar, .multiOptions .overflow::-moz-scrollbar { width: 12px } .multiOptions::-webkit-scrollbar-thumb, .multiOptions .overflow::-webkit-scrollbar-thumb { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #bbb; -webkit-box-shadow: inset 0 0 2px #CCC; } .multiOptions::-moz-scrollbar-thumb, .multiOptions .overflow::-moz-scrollbar-thumb { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #bbb; -webkit-box-shadow: inset 0 0 2px #CCC; } .multiOptions::-webkit-scrollbar-thumb:hover, .multiOptions .overflow::-webkit-scrollbar-thumb:hover { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #aaa; -webkit-box-shadow: inset 0 0 2px #CCC; } .multiOptions::-webkit-scrollbar-thumb:hover, .multiOptions .overflow::-moz-scrollbar-thumb:hover { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #aaa; -webkit-box-shadow: inset 0 0 2px #CCC; } .multiOptions::-webkit-scrollbar-track, .multiOptions .overflow::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px #CCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-color: #f5f5f5; } .multiOptions::-webkit-scrollbar-track, .multiOptions .overflow::-moz-scrollbar-track { -webkit-box-shadow: inset 0 0 3px #CCC; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-color: #f5f5f5; } .module { padding: 10px; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 4px; } .module.read-only { padding: 15px; background: #F9F9F9; border: 1px solid #E5E5E5; } /*Renewal forms restyling*/ #app.formPage .form-horizontal .controls p { margin-top: 5px; margin-bottom: 0; } #app.formPage .renewals .form-horizontal .c-2x1 .col .control-label, #app.formPage .form-horizontal .m120 .control-label { width: 100px } #app.formPage .renewals .form-horizontal .c-2x1 .col .controls, #app.formPage .form-horizontal .m120 .controls { margin-left: 120px } #app.formPage .renewals .form-horizontal .c-2x1 .col .fullWidth .controls { margin-left: 0 } #app .checkout .c-2x1 .col .radio input[type="radio"] { float: left; border: 1px solid #fff!important; } .viewRenewalNotice { margin-left: 15px } #app.formPage .module { width: 190px; float: right; margin: 0 0; } #app.formPage .module ul { margin: 0; padding: 0; } #app.formPage .module ul li { padding: 15px 0; list-style: none; line-height: 17px; border-top: 1px solid #eee; } #app.formPage .module ul li:first-child { border-top: none; margin-top: -15px; } #app.formPage label.notice, #modal-content .formPage label.notice { border: 1px dashed #ccc; display: block; clear: both; overflow: hidden; padding: 10px; margin: 0 0 18px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app.formPage label.notice:hover, #modal-content .formPage label.notice:hover { background-color: #f5f5f5; border: 1px solid #009a49; } #app.formPage label.notice input[type=checkbox], #modal-content .formPage label.notice input[type=checkbox], #modal-content .formPage label input[type=checkbox] { float: left; margin: 3px 4px 5px 0 !important; width: 16px; position: static; } #app.formPage .renewals table { margin-top: 20px } #app.formPage .renewals table, #app.formPage .renewals table td { background-color: #ffffff; border: none; padding: 8px 10px; } #app.formPage .renewals table tr td:first-child { text-align: right } #app.formPage .renewals table tr { border-top: 1px solid #F9F9F9 } #app.formPage .renewals table tr:first-child { border-top: none } #app.formPage .renewals table input { margin-right: 5px } #app.formPage .form-horizontal .controls.inputInline label.inline, #modal-content .formPage .form-horizontal .controls.inputInline label.inline { width: auto !important } #app .companySearch, #app .addNewCompany { background: #f9f9f9; padding: 10px 15px 12px 15px; } #app .companySearch { padding-right: 10px; margin-top: 0; } #app .companySearch { background: none } #app .companySearch, #app .companySearch #typeahead, #app .companySearch #companyState, #app .companySearch a.updateCompany, #app .addNewCompany { display: none; position: relative; } #app .companySearch span.errorCompanyName { position: absolute; top: 78px; width: 130px; right: 276px; color: #B00; } #app.formPage label.newCompany.active { display: inline-block; background-color: #333; color: #CCC; clear: both; width: auto; margin: 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app.formPage label.newCompany { position: relative; top: 1px; display: none; clear: both; width: auto; padding: 8px 10px 4px 25px; margin: 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .companyUpdate { float: left; width: 100%; } .companyDetails { float: left; width: 100%; padding-bottom: 10px; } .btn.updateCompany { margin-left: 10px } a.closeEditCompanyName, a.editCompanyName { margin-left: 15px; float: left; } #app.formPage .form-horizontal .companySearch { clear: both } #app.formPage .form-horizontal .companySearch.controls { margin-left: 0; float: left; } #app.formPage .companyNameDisp { padding-top: 10px; float: left; } #app.formPage span.companyUpdated { display: none; padding: 2px 0 2px 20px; margin: 10px 0 6px 0; background: url(../images/bgs/bg-icons.png) no-repeat -16px -112px; float: left; width: 100%; } #app.formPage .companyUpdate .button { font-size: 13px; font-weight: normal; color: #555!important; border: 1px solid #ccc; padding: 6px 10px 6px 10px; margin: 0 0 0 6px; display: inline-block; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; position: relative; top: 2px; } #app.formPage .companyUpdate .button.inactive { color: #CCC !important; cursor: default; } #app.formPage .multiOptions { margin-top: 10px; height: 382px; overflow: auto; margin-bottom: 10px; border-top: 1px solid #CCC; padding: 15px 0; } #app.formPage .companySearch .help-block.search { margin-left: 145px; display: none; } #app.formPage .companySearch .help-block.search.withstate { margin-left: 288px } #app.formPage .pref .form-horizontal .control-label { width: 342px } #app.formPage .pref .form-horizontal .controls { margin-left: 362px } #app.formPage p.notice { margin: 0 } #app.formPage .notice .control-group { margin-top: 4px } #app.formPage .c-2x1 { overflow: visible } /*application forms*/ #app .contentWrapper { float: left; padding: 35px; font-size: 0.9em; border: 1px solid #ddd; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; min-height: 200px; } #app .contentWrapper2, .contentWrapper2 { font-size: 14px; padding: 0 10px 10px 10px; } #app .contentWrapper{zoom:1;} #app .contentWrapper:before,#app .contentWrapper:after{display:table;line-height:0;content:"";} #app .contentWrapper:after{clear:both;} #app .contentWrapper ul li{ margin: 0 0 5px 0; list-style: disc inside; } #app #mainFullWidth .contentWrapper { width: 718px } .fullWidth .contentWrapper, #app #main .contentWrapper { width: 890px; float: left; } #app.app-leftSideBar #main .contentWrapper { width: 721px; float: left; margin-top: 0; border-top: 1px solid #ddd; } #app .contentWrapper h2 { padding-bottom: 10px; border-bottom: 1px solid #DDD; font-size: 16px; } #app .contentWrapper h3 { margin: 10px 0 20px; color: #333; padding-bottom: 5px; border-bottom: 1px solid #DDD; display: block; font-size: 16px; font-weight: normal; } #app .contentWrapper h4 { margin: 0px 0 10px; color: #333; padding-bottom: 5px; display: block; font-size: 15px; font-weight: normal; } .noborder { padding-bottom: 0 !important; border-bottom: 1px solid #DDD; margin-bottom: 5px !important; } .invoice-address fieldset { width: 100%; padding-bottom: 10px; } .shipping-address fieldset { width: 100%; padding-bottom: 10px; } .email-address fieldset { width: 100%; padding-bottom: 10px; } .contentWrapper .shipping-address h2 { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD; font-size: 22px; } #app.formPage .form-horizontal .companyDetails > .control-group { margin-bottom: 0 } .newCompanyCB { float: right; position: relative; margin-left: 12px; } #app .contentWrapper form { font-size: 1em } #app.formPage #main, #app.formPage #mainFullWidth { padding-bottom: 20px; margin-top: 12px; } #app.formPage #mainFullWidth { margin-top: 12px } #app.formPage #main > form, #app.formPage #mainFullWidth > form { padding: 40px } #app.formPage table, #app.appFormUpdtes table td { background: white; border: none; } #app.formPage fieldset .form-inline label, #modal-content .formPage fieldset .form-inline label { clear: none; display: inline-block; width: auto; } #app.formPage select, #modal-content .formPage select { width: 219px; margin-left: 0; } #app legend { color: #666 } #app.formPage .applications .form-horizontal .control-label.short, #modal-content .formPage .applications .form-horizontal .control-label.short { width: 66px } #app.formPage .applications .form-horizontal .controls.short, #modal-content .formPage .applications .form-horizontal .controls.short { margin-left: 86px } label.checkbox { width: auto; margin-top: 0; } #app.formPage .help-inline, #modal-content .form-horizontal .help-inline { float: none; vertical-align: top; margin-top: 5px; } #app.formPage .radio input[type="radio"], #app.formPage .checkbox input[type="checkbox"], #modal-content .formPage .radio input[type="radio"], #modal-content .formPage .checkbox input[type="checkbox"] { margin: 1px 0 2px -18px; padding: 0; } #app.formPage .form-horizontal .control-group.mB-0, #modal-content .form-horizontal .control-group.mB-0 { margin-bottom: 0 } #app.formPage .form-horizontal .control-group,#modal-content .formPage.form-horizontal .control-group { margin-bottom: 12px } #app.formPage select, #app.formPage textarea, #app.formPage input[type="text"], #app.formPage input[type="password"], #app.formPage input[type="datetime"], #app.formPage input[type="datetime-local"], #app.formPage input[type="date"], #app.formPage input[type="month"], #app.formPage input[type="time"], #app.formPage input[type="week"], #app.formPage input[type="number"], #app.formPage input[type="email"], #app.formPage input[type="url"], #app.formPage input[type="search"], #app.formPage input[type="tel"], #app.formPage input[type="color"], #app.formPage .uneditable-input { padding: 4px 6px } .mandatoryText, #modal-content .formPage select, #modal-content .formPage textarea, #modal-content .formPage input[type="text"], #modal-content .formPage input[type="password"], #modal-content .formPage input[type="datetime"], #modal-content .formPage input[type="datetime-local"], #modal-content .formPage input[type="date"], #modal-content .formPage input[type="month"], #modal-content .formPage input[type="time"], #modal-content .formPage input[type="week"], #modal-content .formPage input[type="number"], #modal-content .formPage input[type="email"], #modal-content .formPage input[type="url"], #modal-content .formPage input[type="search"], #modal-content .formPage input[type="tel"], #modal-content .formPage input[type="color"], #modal-content .formPage .uneditable-input { padding: 4px 6px } .mandatoryText { font-size: 11px } label { float: none; color: #7D7D7D; width: auto; clear: none; margin-right: 0; cursor: default; } fieldset { overflow: visible } #app.formPage .col_70-30 .col-1 .help-inline, #modal-content .formPage .col_70-30 .col-1 .help-inline { width: auto } #app legend { font-size: 14px } #app.formPage label i, #modal-content .formPage label i { color: #f00; padding: 0 4px 0 0; font-size: 15px; line-height: 0; } #app.formPage span.red , #modal-content .formPage span.red { color: #f00; font-size: 15px; } #app.formPage select.span2 , #modal-content .formPage select.span2 { width: 140px } #app.formPage .captureaddress .span2 { width: 219px;} /* specific width for addresses */ #app.formPage .captureaddress select.span2 { width: 230px;} /* specific width for addresses */ #app.formPage #Qualifications_0__CountryId { width: 250px;} /* specific width change for country */ #app.formPage .help-block.error, #app.formPage .help-inline.error , #modal-content .formPage .help-block.error, #modal-content .formPage .help-inline.error { color: #B00; font-style: italic; } #app.formPage select.span3, #modal-content .formPage select.span3 { width: 108px } .l-two-column-right #app #main { padding-bottom: 0px;} .l-two-column-right #app #main .contentWrapper { width: 710px;float: left;min-height: 400px;} /* Application Summary */ #app.formPage form.summary .controls a{line-height: 22px;} #app.formPage form.summary legend + .control-group {margin-top: 20px;} #app.formPage form.summary .control-label{ font-weight: bold} /*Update profile*/ #app .termsWrapper > ul, #app ul.updateProfile, #app ul.withBullets, #app.formPage ul.withBullets { list-style: disc outside; margin-top: 0; margin-bottom: 20px; } #app .termsWrapper > ul li, #app ul.updateProfile li, #app ul.withBullets li { margin-top: 10px; line-height: 18px; list-style: disc inside; } #app .termsWrapper > ul li:first-child, #app ul.updateProfile li:first-child, #app ul.withBullets:first-child { margin-top: 0 } /*------------------------------------------------- MEPA MIGRATION -------------------------------------------------*/ /* Academic Qualifications */ #addInstitution { background: #f9f9f9; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; } #addInstitution .inner { padding: 20px } #addInstitution h2 { margin-left: 35px; margin-bottom: 20px !important; } /*Mepa */ #newInstitute { display: none } #app.formPage .control-space .form-horizontal .control-group { margin: 0 0 20px 0 } #app.formPage .control-space .form-horizontal .control-group label { font-size: 13px; margin-top: -2px; } .form-horizontal .controls .help-block, .form-horizontal input + .help-block, .form-horizontal textarea + .help-block { margin-top: 2px } .form-horizontal .controls select + .help-block { margin-top: 5px } .date input[readonly] { cursor: default; width: 179px; } #app.formPage #mainFullWidth.rightModule .contentWrapper form div.formModule { float: left; width: 475px; } #app.formPage #main.rightModule .contentWrapper form div.formModule { float: left; width: 600px; } #app.formPage.fullWidth #main .contentWrapper form{width: auto; margin: auto; } #app.formPage ul.instructions { font-size: 13px; border-bottom: 1px solid #DDD; margin: 0 0 10px 0; padding: 4px 15px 15px 15px; width: 97%; color: #555; } #app.formPage ul.instructions li { list-style: square outside; margin: 13px 0 12px 5px; font-style: italic; font-size: 12px; } .migrationAssess { margin: 0 15px; overflow: hidden; float: left; } .migrationInner { float: left } #app.formPage h3 span a { font-weight: normal } #app.formPage ul { margin: 0 } #app.formPage ul.summary li { margin-top: 1em; list-style: none; } #app.formPage .form-horizontal .noLabel > .controls { margin: 4px 0 0 0 } #app.formPage .form-horizontal .fullWidth > label, #app.formPage .form-horizontal .fullWidth > .control-label { width: 100%; text-align: left; } #app.formPage .form-horizontal .fullWidth > .controls { margin-left: 0; padding-left: 0; } #app.formPage legend + .control-group { margin-top: 0 } .field-validation-valid{ display:none } #app.formPage .form-horizontal span.field-validation-error { display: block; color: #B00; font-style: italic; margin-top: 6px; } .help-inline .ttipWrapper a.helpinfo { width: auto !important; color: #AAA; padding: 2px 6px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; float: left !important; } #app.formPage span.field-validation-error, .validation-error { display: block; color: #B00; font-style: italic; margin-top: 6px; } #modal-content .formPage span.field-validation-error, #modal-content .formPage .validation-error { display: block; color: #B00; font-style: italic; margin-top: 6px; } .notice2 .validation-error { background: url(../images/bgs/bullets-square.png) no-repeat 0 -33px; padding: 0 0 5px 11px!important; } .ttipWrapper span.helpinfo { width: auto !important; color: #AAA; font-size: 12px; padding: 0 4px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .formSubmit { float: left; display: inline; text-align: center; width: 100%; margin-top: 15px; } #app #main h3 .ttipWrapper { float: none } .agentDetails { display: none } #app .inside legend { margin-top: 0 } #app.formPage legend + .control-group.mT-40 { margin-top: 40px } #app a.actionIcon, .actionIcon { float: none !important; position: relative; left: 5px; text-decoration: none; width: auto !important; color: #AAA; padding: 1px 6px 2px; border: 1px solid #BBB; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .txtAdd { margin-left: 5px } #app.formPage .form-horizontal .control-group.newTextBox { margin-top: 5px; margin-bottom: 0; } #app h3 span.right { margin-right: 5px; position: relative; top: -5px; } #app h3 .btnSmall { margin-top: 0 } #app .form-horizontal .newProfessionalBodyCheck.control-group label.checkbox { display: inline-block; clear: both; width: auto; margin: 0 0; padding: 5px 9px 5px 18px; } #app .form-horizontal .newProfessionalBodyCheck.control-group label.checkbox.active { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .otherMemberships { display: none } #app .otherMemberships .controls a, #app .addMembershipsLink .controls a { font-weight: normal; position: relative; left: 3px; top: 5px; } #app.formPage .form-horizontal .control-group.memberships { margin-bottom: 3px } #main.mepa .col-2 button { background : none; background-color: #009A49; color: white!important; text-shadow : none; } /*Typeahead*/ li.resultsGT10 { padding: 3px 20px } /*Modal Styles*/ .simplemodal-container ul.styled, #modal-content ol.styled { margin: 15px 0 } #modal-content .rules-and-regulations-content ol li{ margin: 0 0 10px 20px; list-style-type: decimal; list-style: decimal; display: list-item; list-style-position: outside; } .simplemodal-container ul.styled li { margin: 0 0 20px 20px; display: list-item; list-style-type: disc; list-style-position: outside; } .simplemodal-container ol.styled li { margin: 0 0 10px 20px; list-style-type: decimal; list-style: lower-alpha; display: list-item; list-style-position: outside; } .simplemodal-container .alert { text-align: left; float: none; } .simplemodal-container a { color: #00759B; text-decoration: none; } .simplemodal-container a:hover { color: #009A49; text-decoration: underline; } .simplemodal-wrap a.btn { float: right !important } .simplemodal-container .control-group { margin-bottom: 10px } .simplemodal-container .col-1, .simplemodal-container .col-2 { width: 50%; float: left; } #modal-content .rules-and-regulations-content blockquote{ margin-left: 20px; } /* Modal List Styles */ /*#modal-content ul, #modal-content ol{margin: 10px 10px 20px 10px}*/ #modal-content .rules-and-regulations-content ul{margin-left: 20px;list-style-type: disc; list-style-position: inside; display: block;} #modal-content .rules-and-regulations-content ul li{margin: 0 0 5px 20px; line-height: 1.4em; display: list-item; list-style: disc outside;} #modal-content .rules-and-regulations-content ol li{ margin: 10px; list-style-type: decimal; list-style: decimal; display: list-item; list-style-position: outside; line-height: 1.4em; } #modal-content .rules-and-regulations-content ol li ol{ margin: 10px; list-style-type: decimal; list-style: decimal; display: list-item; list-style-position: outside; } #modal-content .rules-and-regulations-content blockquote{ line-height: 1.8em;} /*------------------------------------------------- EVENTS -------------------------------------------------*/ #app.events .col { border-top: 4px solid #d2d2d2; padding-top: 15px; float: left; } #app.events #main .manage-registration ul.attendees li.selections ul li { margin: 0; position: relative; } #app.events #main .manage-registration ul.attendees li.selections ul li .arrow { top: 28px; right: 15px; background: url(../images/arrows/arrow-down-sml.gif) no-repeat; width: 6px; height: 4px; } #app.events #main .manage-registration ul.attendees li.selections ul li .arrow.active { display: none } .events .header { width: 100%; border-bottom: 1px solid #ddd; padding: 0 0 5px 0; margin: 0 0 10px 0; } .events .header .step { float: left } .events .header .step span { font-size: 20px } .events .header .title { float: left; font-size: 12px; line-height: 26px; text-align: center; } #app.events #main .selections .options input[type="checkbox"] { margin-top: 20px; margin-left: 18px; } #app.events #main .manage-registration { width: 700px } .events .selections .seg { width: 73px; height: 52px; line-height: 52px !important; text-align: center; border-right: 1px solid #ccc; color: #555; font-size: 12px; } .events .col.one { width: 429px; margin-right: 20px; } .events .col.one.last {margin-right: 0;} .events .col.one .header .step { width: 212px } .events .col.one .header .title.price { width: 166px } .events .col.one .header .title { width: 74px } .events .col.two { width: 250px } .events .col.two .header { margin: 0 0 10px 0 } .events .selections ul li.seg.price { width: 166px } .events .col.two .btn { width: 218px; float: left; } .events .col.two .btn.close { width: auto } .formRevealElement .inner { padding-top: 10px; margin-top: 10px; } #app .btn.edit { margin-right: 25px } #app.events #main .manage-registration ul.attendees li.selections ul li.options { padding: 0; width: 52px; height: 52px; background: #ddd; } #app.events h3.block-header { background: #555; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 6px 12px; margin: 10px 0 0 0; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } #app.events h3.block-header span.sub { line-height: 5px; font-weight: normal; font-size: 11px; float: right; margin: 8px 20px 0 0; } #app.events h3.block-header .arrow { background: url(../images/arrows/arrow-down-white.png) no-repeat top right; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); width: 10px; height: 4px; top: 28px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #app.events .right-col:hover h3.block-header .arrow { -webkit-transform: rotate(0) } #app.events ul.packages { margin: 0 0 10px 0; position: relative; } #app.events .right-col:hover h3 { background: #333 } #app.events ul.packages:hover li.extended { display: block } #app.events ul.packages li.extended { display: none; position: absolute; top: 0; left: 0; width: 250px; box-shadow: 0 2px 8px 0 #ddd; -webkit-box-shadow: 0 2px 8px 0 #ddd; } /* Fixed Individual */ #app.events.fixed-individual .col.one { width: 685px } #app.events.fixed-individual .col.one.last { width: 700px; } #app.events.fixed-individual #main ul.attendees li.selections ul li.manage a { padding: 15px } #app.events.fixed-individual #main ul.attendees li.selections ul li { margin-right: 2px } #app.events.fixed-individual #main .manage-registration ul.attendees li.manage { border-bottom: 3px solid #ddd } #app.events.fixed-individual #main .manage-registration ul.attendees li.manage a { width: 172px } #app.events.fixed-individual #main .manage-registration ul li.selections ul li.package-option ul { width: 330px !important } #app.events.fixed-individual #main .manage-registration ul li.selections ul li.package-option ul .inner { width: 310px } #app.events.fixed-individual li.package-option ul .session-legend table { width: 300px } #app.events.fixed-individual #main .manage-registration ul li.selections ul li.package-option.active a, #app.events.fixed-individual #main .manage-registration ul li.selections ul li.package-option.active a:hover { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; width: 176px; border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } /** Fixed Corporate **/ #SessionSelectionForm { width: 100%; } #app.events.fixed-corporate #main .registration #appHeader { margin-right: 0 } #app.events.fixed-corporate #main .manage-registration { width: 100% } .events.fixed-corporate .col.one { width: 408px } .events.fixed-corporate .col.two { width: 262px; margin-right: 20px; } .events.fixed-corporate .col.three { width: 250px } .events.fixed-corporate .col.three .btn { width: 218px; float: left; margin-bottom: 6px; } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections a, #app.events.fixed-corporate #main .manage-registration ul.attendees > li.selections > a { border-bottom: 3px solid #F40 } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections .allocated a, #app.events.fixed-corporate #main .manage-registration ul.attendees > li.selections .allocated > a { border-bottom: 3px solid #009a49 } #app.events.fixed-corporate #main .manage-registration ul.attendees.package-options li.selections a, #app.events.fixed-corporate #main .manage-registration ul.attendees.package-options > li.selections > a { width: 210px } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul ul a { border-bottom: none } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul .allocated ul a { border-bottom: none } .events.fixed-corporate .package-options .selections ul li.seg.price { width: 90px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; } .session-legend { border-top: 3px solid #ddd; background: #f3f3f3; width: 100%; padding: 10px 0 20px 0; clear: both; } .session-legend table { border: none } .session-legend-header { margin: 0; background: #f3f3f3; } .session-legend-header td { border-bottom: 1px solid #ccc; padding: 8px 6px; background: #f3f3f3; } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul li.sessions, #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul li.attendee { border-bottom: none } #app.events.fixed-corporate #main .manage-registration ul.attendees.package-options li.selections ul li ul { width: 330px !important; padding: 0; } #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul li.sessions, #app.events.fixed-corporate #main .manage-registration ul.attendees li.selections ul li.attendee { border-bottom: none } #app.events.fixed-corporate #main .manage-registration ul.attendees.package-options li.selections ul li ul { width: 330px !important; padding: 0; } #app.events .session-legend table { background: none; margin: 0 auto; width: 100%; } #app.events li.package-option .session-legend table { width: 300px } .session-legend table th { background: none; border: 0; color: #555; } .session-legend table td { background: #f3f3f3; border-top: 1px solid #ddd; padding: 6px 6px; } #app.events #main .manage-registration ul li.selections ul li.package-option ul.active { display: block; z-index: 9940; padding: 0; border-top: 2px solid #ddd; box-shadow: 0 2px 8px 0 #ddd; -webkit-box-shadow: 0 2px 8px 0 #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; margin-top: 49px; left: -1px; width: 330px !important; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } #app.events #main .selections .seg { height: 47px } #app.events #main .manage-registration ul li.selections ul li.package-option.active { z-index: 9930 } #app.events #main .manage-registration ul li.selections ul li.package-option.active a, #app.events #main .manage-registration ul li.selections ul li.package-option.active a:hover { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; border-top: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 0; border-bottom: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } #app.events #main .manage-registration ul li.selections a, #app #main .manage-registration ul li.selections span { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #app.events.fixed-corporate #main .selections .seg.active { position: absolute; z-index: 9980; left: 241px; height: 47px; border-right: 2px solid #ddd; border-left: 2px solid #ddd; border-top: 2px solid #ddd; width: 89px; border-bottom: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0;border-radius: 0; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } /* Drop Down Forms */ .divider-top { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; } .divider-bottom { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; } #app.events #main .manage-registration ul.attendees .package-option form { height: auto } #app.events #main .manage-registration ul.attendees .package-option form .inner { padding: 10px } #app.events #main .manage-registration ul.attendees .package-option form .control-group { padding: 0; margin-bottom: 0; } #app.events #main .manage-registration ul.attendees .package-option form .controls { padding: 0 } #app.events #main .manage-registration ul.attendees .package-option form label { float: none } #app.events #main form input { margin-top: 3px } #app.events #main form .formActions { float: none; padding: 8px 0; background: #ddd; display: none; margin-top: 0; border: 1px solid #bbb; border-top: 3px solid #bbb; width: 328px; -webkit-border-bottom-right-radius: 1px; -moz-border-radius-bottomright: 1px; border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius-bottomleft: 1px; border-bottom-left-radius: 1px; } #app.events #main form .formActions .button { padding: 2px 6px; font-size: 12px; margin: 0 6px 0 0; } /* Clearfix */ #app.single-session .header { *zoom: 1 } #app.events .header:before, #app.events .header:after { display: table; line-height: 0; content: ""; } #app.events .header:after { clear: both } #app .add-attendees .more { margin-left: 10px; } #app.events .inner p.intro { padding: 0 !important; margin-bottom: 40px; } #inplaceModalOverlay { background: #fff; width: 10px; height: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 0; left: 0; z-index: 9910; } .events.fixed-corporate .registration .left-col { float: left; width: 690px; margin-right: 20px; } .events.fixed-corporate .registration .right-col { float: left; width: 250px; } .events.fixed-corporate .registration .left-col #appHeader { margin-top: 30px } .events.fixed-corporate .registration .total { margin-top: 20px; margin-bottom: 20px; clear: both; } /* ----------------------------------------------- SESSION SELECTION TABLE ------------------------------------------------- */ /* ===[ Global ]=== */ .attendee-name { position: absolute; top: -26px; left: 0; color: #fff; background: #000; opacity: .95; padding: 6px 10px; text-shadow: none; white-space: nowrap; } .sessionTable #main { padding: 30px 0 } .sessionTable.no-tabs { clear: both; margin-top: 15px; } .sessionTable .left-col { float: left; width: auto; } .sessionTable .left-col:hover { cursor: pointer } .sessionTable .right-col { float: right;padding: 0px 0px 0px; } .sessionTable .cell { float: left; width: 40px; height: 30px; line-height: 30px; text-align: center; border-left: 1px solid #555; position: relative; } .sessionTable .cell.active { background: #000; opacity: .95; cursor: pointer; } .sessionTable .cell label { width: 40px; height: 30px; } .sessionTable .sessSummary { width: 80px; height: 30px; line-height: 30px; float: right; text-align: center; border-left: 1px solid #555; } .sessionTable .sessSummary .description { display: none } .sessionTable .sessSummary:hover { cursor: default; background: #222; } .sessionTable .sessionType { padding: 6px 15px } .sessionTable .sessionType span { font-size: 11px } .sessionTable .notification { position: absolute; right: 0; color: #fff; background: #000; opacity: .95; padding: 6px 10px; top: 2px; z-index: 500; display: none; } .sessionTable .buttonDefault { float: right; margin: 0; } /* ===[ Wait List ]=== */ .sessionTable .waiting-list .left-col { height: 34px } .sessionTable .smartAccordian table tr.waiting-list { background: #EEE; border: none; } .sessionTable .smartAccordian table tr.waiting-list.showing { border-bottom: 2px solid #DDD } #SessionSelectionForm { float: left } /* ===[ Accordian Header ]=== */ #main { position: relative; width:532px; } .accordianHeader { background: #333; width: 100%; padding: 0 0 0 0; color: #fff; margin: 0 0 2px 0; position: absolute; top: 68px; z-index: 300; } .accordianHeader.fixed { position: fixed; top: 0; border-bottom: 4px solid #000; } .simplemodal-container .sessionTable .accordianHeader.full-width { width: 900px } .accordianHeader .top { height: 30px; background: #F2F2F2; } .accordianHeader .left-col { padding: 6px 10px 4px 15px } .accordianHeader .sub-text { float: left; padding: 6px 10px; } .accordianHeader .cell span { display: none } .accordianHeader .cell span.active { display: block } .accordianHeader .sessSummary { width: 81px } .sessionTable .smartAccordian .th-header {background: #333 !important; color: #fff} .sessionTable .smartAccordian .th-left {float: left; width: 20px} .sessionTable .smartAccordian .th-right {float: right;} /* ===[ Accordian Specific Styles ]=== */ #app .sessionTable .smartAccordian { margin-top: 66px } #app .sessionTable .smartAccordian > li { width: 900px;list-style: none outside none; } #app .sessionTable.grouped .smartAccordian > li { width: 766px } #app .sessionTable.grouped .accordian-content { width: 766px } #app .sessionTable .smartAccordian > li .button { -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 1.231em; } #app .sessionTable .smartAccordian > li .button.open { border-color: #555; padding: 0; background: #555; } #app .sessionTable .smartAccordian > li .button { border-color: #E5E5E5; padding: 0; } #app .sessionTable .smartAccordian > li .button.open:hover { background: #444; border-color: #444; color: #fff; } #app .sessionTable .smartAccordian > li .button:hover { background: #ccc; border-color: #ccc; color: #555; } #app .sessionTable .smartAccordian > li .button .cell, #app .sessionTable .smartAccordian > li .button .sessSummary { border-color: #ccc } #app .sessionTable .smartAccordian > li .button.open .cell, #app .sessionTable .smartAccordian > li .button.open .sessSummary { border-color: #555 } #app .sessionTable .smartAccordian .button .cell { height: 46px } #app .sessionTable .smartAccordian .button .sessSummary { padding: 8px 0 } #app .sessionTable .smartAccordian .button .sessionType { padding: 15px } #app .sessionTable .smartAccordian > li .inner { padding: 0 } #app .sessionTable .smartAccordian > li .sectionHeader { position: absolute; top: 0; right: 0; padding-right: 1px; z-index: 100; float: none; background: #ddd; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; } #app .sessionTable .smartAccordian > li.parent-open .sectionHeader { background: #555 } #app .sessionTable .smartAccordian > li .sectionHeader .cell { display: none; border: none; height: 49px; } #app .sessionTable .smartAccordian > li.parent-open .sectionHeader .cell { display: block; border-left: 1px solid #444; color: #fff; line-height: 46px; } #app .sessionTable .smartAccordian > li .sectionHeader .cell:hover { cursor: default } #app .sessionTable .smartAccordian > li .sectionHeader .sessSummary { padding: 10px 0 9px 0; border-color: #ccc; color: #555; background: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #app .sessionTable .smartAccordian > li.parent-open .sectionHeader .sessSummary { border-color: #333; color: #fff; background: #444; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; } #app .sessionTable .smartAccordian > li.parent-open .sectionHeader .sessSummary:hover { background: #333 } #app .sessionTable .smartAccordian > li .sectionHeader .sessSummary:hover { background: #ccc } /* ===[ Accordian Footer ]=== */ .accordianFooter { float: right; margin: 10px 0 15px 0; } .accordianFooter .row { margin-bottom: 4px; clear: both; } .accordianFooter label { margin: 6px 10px 0 0; float: right; color: #555; } .accordianFooter .counter { text-align: center; background: #e5e5e5; border: 1px solid #ccc; padding: 4px 0; width: 80px; float: right; } /* ===[ Table Specific Styles ]=== */ .sessionTable .smartAccordian .scrollable-table-container { position: relative; height: 500px;width: 100%;padding-top: 60px !important;border-bottom: 1px solid #DDDDDD; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-header { position: absolute;top: 0;height: 60px;width: 100%;background: #333333; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner { overflow-x: hidden;overflow-y: auto;height: 100%; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table { overflow-x: hidden;overflow-y: auto; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table thead .th-row-2 .th-inner { top: 30px; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table thead th .th-inner { position: absolute;top: 0;line-height: 30px; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table thead th { padding: 0; border: 0 none; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table thead th.left-col .tableTitle { padding: 0 15px; border: 0 none; } .sessionTable .smartAccordian .scrollable-table-container .scrollable-table-container-inner table thead tr { border: 0 none; } .sessionTable .smartAccordian .arrow { display: none } .sessionTable .smartAccordian table { margin: 0; border: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .sessionTable .smartAccordian table th.sessionSelection { width: 40px;padding: 0; } .sessionTable .smartAccordian table th { width: 100%;padding: 6px 0px; } .sessionTable .smartAccordian table td { background: none; padding: 6px 0; border: none; width: 40px; text-align: center; text-align: center; border-left: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .sessionTable .smartAccordian table td.active { background: #f5f5f5 } .sessionTable .smartAccordian table td:hover {-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); background: url(../images/bgs/session-icons.png) #ccc 12px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .sessionTable .smartAccordian table td.left-col { width: 100%; text-align: left; } .sessionTable .smartAccordian table td.left-col:hover { background-image: none; background: #eee; -webkit-box-shadow: none; box-shadow: none; cursor: default; } .sessionTable .smartAccordian table td.left-col span { clear: both } .sessionTable .smartAccordian table td.left-col .tableTitle { padding: 0 15px; } .sessionTable .smartAccordian table td.sessSummary { width: 80px; height: 30px; line-height: 30px; float: right; text-align: center; border-left: 1px solid #ddd; float: none; background-image: none; } .sessionTable .smartAccordian table td.sessSummary:hover { background: #eee; -webkit-box-shadow: none; box-shadow: none; } .sessionTable .smartAccordian table td strong { padding-left: 15px; padding-right: 5px; display: block; float: left; margin-bottom: 4px; color: #555; } .sessionTable .smartAccordian table td span { padding-left: 15px; padding-right: 5px; font-size: 11px; display: block; float: left; } .sessionTable .smartAccordian table td .sessTotal { float: none; padding: 0; } .sessionTable .smartAccordian table tr { border-bottom: 1px solid #ddd; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .sessionTable .smartAccordian table tr:hover { cursor: pointer; background: #f5f5f5; } .sessionTable .smartAccordian table tr.innactive:hover { background: none } .accordianFooter .totalPointsWrapper { display: none } /* ===[ Grouped Accordian ]=== */ .sessionTable.grouped .smartAccordian { display: none } .sessionTable.grouped .smartAccordian.active { display: block } /* ===[ Checked States ]=== */ .sessionTable .smartAccordian table td.attending {background: url(../images/bgs/session-icons.png) #009A49 -69px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .sessionTable .smartAccordian table td.attending:hover {background: url(../images/bgs/session-icons.png) #00823E -69px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);} .sessionTable .smartAccordian table td.pre-selected {background: url(../images/bgs/session-icons.png) #999999 -69px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1); -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out;} .sessionTable .smartAccordian table td.waitlist, .sessionTable .smartAccordian table td.waitlist.limit-exceeded, .sessionTable .smartAccordian table td.disabled.waitlist { background: url(../images/bgs/session-icons.png) #f40 -709px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sessionTable .smartAccordian table td.waitlist:hover, .sessionTable .smartAccordian table td.disabled.waitlist:hover, .sessionTable .smartAccordian table td.disabled.waitlist.active:hover { background: url(../images/bgs/session-icons.png) #f20 -709px 50% no-repeat; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .sessionTable .smartAccordian table td.disabled { background: url(../images/bgs/session-icons.png) #efefef -790px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sessionTable .smartAccordian table td.disabled.active { background: url(../images/bgs/session-icons.png) #efefef -790px 50% no-repeat } .sessionTable .smartAccordian table td.disabled.waitlist.active { background: url(../images/bgs/session-icons.png) #f40 -709px 50% no-repeat } .sessionTable .smartAccordian table td.disabled.active:hover { background: url(../images/bgs/session-icons.png) transparent -108px 50% no-repeat; -webkit-box-shadow: none; box-shadow: none; } .sessionTable .smartAccordian table td.waitlist-hover:hover {background: url(../images/bgs/session-icons.png) #ccc -28px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);} /* ===[ Quota Exceed ]=== */ .sessionTable .smartAccordian table td.limit-exceeded { background: url(../images/bgs/session-icons.png) transparent -68px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sessionTable .smartAccordian table td.limit-exceeded:hover, .sessionTable .smartAccordian table td.disabled.active:hover {background: url(../images/bgs/session-icons.png) #e7e7e7 -870px 50% no-repeat;-webkit-box-shadow: inset 0 0 3px 2px #000000;-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 0 3px 2px #000000;box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, .1);} /* ===[ Conflict ]=== */ .sessionTable .smartAccordian table td.conflict, .sessionTable .smartAccordian table td.conflict.active, .sessionTable .smartAccordian table td.conflict:hover, .sessionTable .smartAccordian table td.conflict.disabled:hover, .sessionTable .smartAccordian table td.conflict.disabled { background: url(../images/bgs/session-icons.png) #efefef -470px 50% no-repeat; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -ms-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; } .sessionTable .smartAccordian table td.left-col.checked:hover {background: none;-webkit-box-shadow: inset 0 0 3px 2px #dddddd;-webkit-box-shadow: inset 0 0 3px 2px rgba(221, 221, 221, .5);box-shadow: inset 0 0 3px 2px #dddddd;box-shadow: inset 0 0 3px 2px rgba(221, 221, 221, .5);} .sessionTable .smartAccordian table td.left-col.checked:hover { background: none; -webkit-box-shadow: none; box-shadow: none; } .sessionTable .smartAccordian table td.left-col.disabled { background: none } .sessionTable .smartAccordian table td.left-col.disabled:hover { background: none } .sessionTable .smartAccordian table td.sessSummary.disabled { background: #fff } .sessionTable .smartAccordian table td.sessSummary.disabled:hover { background: #fff } /* Accordian Menu */ .sessionTable .accordian-content { float: right; width: 900px; } .simplemodal-container .sessionTable .accordianHeader { right: 0; left: auto; width: 766px; } #app .sessionTable ul.accordian-menu { width: 130px; min-height: 400px; float: left; margin: 0; padding: 0; list-style-image: none; list-style: none; position: relative; } #app .sessionTable ul.accordian-menu li { list-style-image: none; list-style: none; margin-bottom: 4px; } .points-summary { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; height: 0; margin: 0; } #app .simplemodal-container .sessionTable ul.accordian-menu li a { background-color: #eee; text-decoration: none; color: #555; display: block; font-size: 14px; outline: none; margin: 0; padding: 10px 15px; text-shadow: 0 -1px 1px #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image: -webkit-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #efefef 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #efefef 0, #e0e0e0 100%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; text-shadow: none; } #app .simplemodal-container .sessionTable ul.accordian-menu li a:hover { text-decoration: none } #app .simplemodal-container .sessionTable ul.accordian-menu li.active a { background: #009a49; background: -moz-linear-gradient(top, #009a49 0, #00773f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#009a49), color-stop(100%,#00773f)); background: -webkit-linear-gradient(top, #009a49 0,#00773f 100%); background: -o-linear-gradient(top, #009a49 0,#00773f 100%); background: -ms-linear-gradient(top, #009a49 0,#00773f 100%); background: linear-gradient(to bottom, #009a49 0,#00773f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009a49', endColorstr='#00773f',GradientType=0 ); color: #fff; text-shadow: none;} /* Modal Version */ #app .simplemodal-container .sessionTable .smartAccordian > li .expand { width: 100% } .simplemodal-container .accordianHeader { top: 0; left: 0; } .simplemodal-container .accordianHeader .top { background: #fff } .simplemodal-container .accordianHeader.fixed { right: 50%; margin-right: -450px; } /* Legened */ .legend { padding: 8px 0 8px 0; width: 100%; margin-top: -20px; left: 20px; } .legend .label { float: left; margin-right: 10px; font-weight: bold; font-size: 14px; line-height: 40px; border-right: 2px solid #ccc; padding-right: 10px; } .legend .icon { width: 40px; height: 40px; background: url(../images/bgs/session-icons.png); float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-right: 4px; } .legend .icon.conflict { background: url(../images/bgs/session-icons.png) #efefef -470px 50% no-repeat } .legend .icon.waitlist { background: url(../images/bgs/session-icons.png) #f40 -709px 50% no-repeat } .legend .icon.attending { background: url(../images/bgs/session-icons.png) #009A49 -69px 50% no-repeat } .legend .icon.notallowed { background: url(../images/bgs/session-icons.png) #777 -390px 50% no-repeat } .legend { *zoom: 1 } .legend:before, .legend:after { display: table; line-height: 0; content: ""; } .legend:after { clear: both } /* Dark Tabs Skin */ ul.tab-btns.dark { border-bottom: 0; float: right; } ul.tab-btns.dark li { border: 1px solid #d8d8d8; margin-right: 0; } ul.tab-btns.dark li a { background: #f5f5f5; color: #484848 !important; } ul.tab-btns.dark li a:hover { background-color: #e8e8e8 } ul.tab-btns.dark li.active a, html ul.tab-btns.dark li.active a:hover { color: #fff !important; text-shadow: none; background: #474747; background: -moz-linear-gradient(top, #474747 0, #323232 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#474747), color-stop(100%,#323232)); background: -webkit-linear-gradient(top, #474747 0,#323232 100%); background: -o-linear-gradient(top, #474747 0,#323232 100%); background: -ms-linear-gradient(top, #474747 0,#323232 100%); background: linear-gradient(to bottom, #474747 0,#323232 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#323232',GradientType=0 ); } .sessionTable .smartAccordian { margin-top: 33px !important; } .sessionTable ul.accordian-menu { margin-top: 0 } .accordianHeader .tabs-label { position: absolute; top: -30px; color: #555; left: 0; font-size: 14px; } /* ----------------------------------------------- STAFF PAGES------------------------------------------------- */ /* Global Overrides */ .staff-mode{background: #fff;} .staff-mode .enrolments #main {border-left: none; border: none;} .staff-mode .fullWidth .contentWrapper, .staff-mode #app #main .contentWrapper { min-width: 97%; width: 100%; border: none; } .staff-mode .contentWrapper .alert {margin: 5px 0;} /* Staff Mode Full Width */ .staff-mode.full-width{background: #fff; padding: 20px;} .staff-mode.full-width #app{width: 100%; min-width: 800px;} .staff-mode.full-width #app #main .contentWrapper{border: none; padding: 0; width: 100%} /* Default */ #installment-plan-wrapper { height: 0; overflow: hidden; } .payment-option { float: left; width: 100%; padding: 2px 5px; position: relative; } #installment-plan .ajax-loader { position: absolute; top: 62px; left: 236px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #tabContainerWrapper { padding: 10px 0; clear: both; } /* Tab Links */ ul.tab-links { margin: 0; padding: 0 0 0 4px; list-style: none; height: 40px; border-bottom: 3px solid #ddd; width: auto; clear: both; } ul.tab-links li { float: left; display: inline-block; margin: -1px 1px 0 0!important; padding: 0; height: 40px; border: 1px solid #CCC; border-bottom: none; overflow: hidden; position: relative; } ul.tab-links li a { text-decoration: none; color: #555; display: block; font-size: 14px; font-weight: normal !important; outline: none; white-space: nowrap; margin: 0; line-height: 25px; padding: 9px 20px; -webkit-transition : all .25s ease-in-out; -moz-transition: all .25s ease-in-out; text-shadow : 0 -1px 1px #fff; background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(1,#e0e0e0)); background-image : -webkit-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image : -moz-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image : -ms-linear-gradient(top,#efefef 0,#e0e0e0 100%); background-image : -o-linear-gradient(top,#efefef 0,#e0e0e0 100%); } ul.tab-links li a:hover { background: #ddd; border-color: #bbb; text-decoration: none!important; } ul.tab-links li.active { border: 1px solid #ccc; border-bottom: 4px solid #fff; margin-bottom: -4px; } ul.tab-links li.active a, html ul.tab-links li.active a:hover { background-image: none; background-color: #fff; background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(1,#fff)); background-image : -webkit-linear-gradient(top,#efefef 0,#fff 100%); background-image : -moz-linear-gradient(top,#efefef 0,#fff 100%); background-image : -ms-linear-gradient(top,#efefef 0,#fff 100%); background-image : -o-linear-gradient(top,#efefef 0,#fff 100%); } /* Capacity Preview Text */ .capacity { clear: both; padding: 4px 6px; font-size: 0.85em; color: #AAA; background: #E3E3E3; float: left; margin-left: 15px; margin-top: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; } .button .capacity { text-shadow: none; float: none; clear: none; margin-left: 0; } .session-btns .capacity { text-shadow: none; float: none; clear: none; margin-left: 0; } .package-info ul.session-btns p.capacity { padding: 4px 6px } /* Refund History */ #refund-history{ position: relative } #refund-history a{ border: none; display: block; } #app #refund-history a:hover .help-inline{ color: #009a49; } .invoice-preview {position: absolute; top: 0; right: -2px; border: 3px solid #eee; border-bottom: 3px solid #009a49; background: #fff; padding: 10px; width: 60%;box-shadow: 0 0 10px #323232;box-shadow: 0 0 10px rgba(50, 50, 50, .1);-webkit-box-shadow: 0 0 10px #323232;-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, .1); display: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity:0;} .negativeValue p:before{content: "-";} /* Alert Message Configurator */ #editMessage { padding: 20px; background: #fff; border: 3px solid #eee; border-radius: 6px; } /*------------------------------------------------- STAFF SEARCH -------------------------------------------------*/ #sidebarLeft ul li li a { font-size: 12px; color: #7d7d7d; border: none; padding-left: 13px; line-height: 1.8em; font-weight: normal; } #sidebarLeft ul li li a:hover { font-size: 12px; color: #000000; border: none; background-repeat: no-repeat; background-position: left; line-height: 1.8em; } #sidebarLeft ul li li a.selected { font-size: 12px; color: #000000; border: none; background-repeat: no-repeat; background-position: left; line-height: 1.8em; } #paginationPages a { display: inline-block; text-decoration: none; border: 1px solid #f2f2f2; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } #searchResultsLockBlank { display: none } #sidebarLeft { margin-top: 0 } #app #containerSearchResults a { font-size: 14px; margin-bottom: 10px; } #app ul#searchResultsInstructions li { list-style: none } #app #containerSearchResults ul li { list-style: none } #contentSearch{float: right; width: 610px; margin-left: 20px;} #paginationPages {float: left;} #contentSearch ul { margin: 0 } #app #containerSearchResults { width: 100% } #app #contentInnerSearchField { clear: both; background: none; width: auto; height: auto; border: none; margin: 0; } #app #contentInnerSearchField li { list-style: none } #app #contentInnerSearchField label { font-weight: bold; font-size: 14px; width: auto; } .info label { display: inline } .memberNumber { float: right; margin-right: 80px; font-size: 16px; } .memberNumber strong { font-size: 14px } /* Cart Search */ #app.formPage.fullWidth #main .contentWrapper #cart-search h2 { margin-bottom: 30px } #app.formPage.fullWidth #main .contentWrapper #cart-search .search-btn { margin: 10px 456px 0 0 } #cart-search.form-horizontal .controls { margin-left: 120px } #cart-search.form-horizontal .control-label { width: 110px } #cart-search.form-horizontal #contactID { width: 217px } #cart-search.form-horizontal #status { width: 230px } /* Search Filter */ #app.formPage.fullWidth #main .contentWrapper #search-filters form { margin: 0; width: 100%; } #search-filters .form-horizontal .controls { margin-left: 160px } #search-filters .form-horizontal .control-label { width: 140px } #search-filters .form-horizontal .control-label:hover { background: none } /* Results */ #app.formPage table#search-results { border: 1px solid #ccc; width: 100%; } #app.formPage table#search-results th { border: none; font-size: 13px; color: #555; } #app.formPage table#search-results .result td { padding: 6px 6px; background: #fff; } #app.formPage table#search-results .result.odd td { background: #eee } #app.formPage table#search-results .result:hover td { background: #e3e3e3; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } #app.formPage table#search-results .result td.cart-id { border-right: 1px solid #ddd } #result-count { margin-bottom: 10px; float: left; } /* ----------------------------------------------- STAFF PAYMENTS ------------------------------------------------- */ #invoiceDetails{ padding: 12px; border: 1px solid #eee; float: left; border-radius: 4px; margin: 0 0 5px 0;} #invoiceDetails .row{ margin-bottom: 6px; } #invoiceDetails .row:last-child{ margin-bottom: 0; } #invoiceDetails .col { float: left; } #invoiceDetails .col.header { margin-right: 10px; font-weight: bold; } .invoiceDetails{ padding: 12px; border: 1px solid #eee; float: left; border-radius: 4px; margin: 0 0 5px 0;} .invoiceDetails .row{ margin-bottom: 6px; } .invoiceDetails .row:last-child{ margin-bottom: 0; } .invoiceDetails .col { float: left; } .invoiceDetails .col.header { margin-right: 10px; font-weight: bold; } /* ----------------------------------------------- ACCREDITED COURSES SEARCH ------------------------------------------------- */ .accredited-courses .search-result{clear:both;z-index:0;border:3px solid #fff;border-bottom:3px solid #eee;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;margin:30px 0 15px;padding:20px 10px 30px;} .accredited-courses .search-result .col-1{float:left;width:230px;padding-right:18px;} .accredited-courses .search-result .col-1 a{font-size:14px;} .accredited-courses .search-result .col-2{float:left;width:430px;} #app.accredited-courses .search-result dl{list-style:none;margin:0;} #app.accredited-courses .search-result dl.partner{border-top:1px solid #eee;margin-top:5px;padding-top:10px;} #app.accredited-courses .search-result dl dt{clear:both;float:left;list-style:none;font-weight:700;padding-bottom:6px;margin:0;} #app.accredited-courses .search-result dl dd{float:left;margin-left: 1em;} .accredited-courses .search-result,#app.accredited-courses .search-result dl{zoom:1;} dl.course-details{zoom:1;margin:0;} dl.partner-details{clear:both;z-index:0;border:3px solid #fff;border-bottom:3px solid #eee;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;zoom:1;margin:30px 0 15px;padding:20px 10px 30px;} dl.partner-details.last{float:none;display:block;} .accredited-courses .search-result:hover,dl.partner-details:hover { box-shadow:0 0 10px #323232; box-shadow:0 0 10px rgba(50,50,50,.1); -webkit-box-shadow:0 0 10px #323232; -webkit-box-shadow:0 0 10px rgba(50,50,50,.1);border:3px solid #eee; } .accredited-courses .search-result:before,#app.accredited-courses .search-result dl:before,.accredited-courses .search-result:after,#app.accredited-courses .search-result dl:after,dl.course-details:before,dl.course-details:after,dl.partner-details:before,dl.partner-details:after{display:table;line-height:0;content:"";} .accredited-courses .search-result:after,#app.accredited-courses .search-result dl:after,dl.course-details:after,dl.partner-details:after{clear:both;} dl.course-details dt,dl.partner-details dt,dl.partner-details .control-label{clear:both;float:left;width:200px;list-style:none;font-weight:700;margin:0 6px 0 0;} dl.course-details dd,dl.partner-details dd,dl.partner-details .controls{float:left;width:500px;padding-bottom:10px;margin-left: 1em;} dl.partner-details .controls {padding-bottom: 0;} /* ----------------------------------------------- FORM STYLES ------------------------------------------------- */ /* Default Sizes */ #app.formPage select.input-mini, #modal-content .formPage select.input-min { width: 40px } #app.formPage select.input-small, #modal-content .formPage select.input-small { width: 100px } #app.formPage select.input-medium, #modal-content .formPage select.input-medium{ width: 180px } #app.formPage select.input-large, #modal-content .formPage select.input-large { width: 240px } #app.formPage input.input-mini, #modal-content .formPage input.input-mini { width: 40px } #app.formPage input.input-small, #modal-content .formPage input.input-small { width: 100px } #app.formPage input.input-medium, #modal-content .formPage input.input-medium { width: 180px } #app.formPage input.input-large, #modal-content .formPage input.input-large{ width: 240px } /* ----------------------------------------------- POST PURCHASE PAGES ------------------------------------------------- */ .manage-registration.post-purchase { background: #eee; border: 1px solid #ddd; padding: 10px 10px 0 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .manage-registration.post-purchase:hover { background: #f3f3f3; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } #app #main .manage-registration.post-purchase ul.attendees li.selections { background: none } /* Clearfix */ .manage-registration { *zoom: 1 } .manage-registration:before, .manage-registration:after { display: table; line-height: 0; content: ""; } .manage-registration:after { clear: both } /* ---------------------------------------------------------------------------------------------------------- * PLUGIN STYLES ------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------- TOOLTIPS ------------------------------------------------- */ .ttip:hover { cursor: pointer } .ttip-wrapper { position: absolute; display: block; z-index: 9999; } .ttip-wrapper.left { background: url(../images/arrows/arrow-left-black.png) no-repeat 100% 50%; padding-right: 6px; margin-left: -6px; } .ttip-wrapper.right { background: url(../images/arrows/arrow-right-black.png) no-repeat 0 50%; padding-bottom: 0; padding-left: 6px; } .ttip-wrapper.top { background: url(../images/arrows/arrow-down-black.png) no-repeat 50% 100%; padding-bottom: 6px; } .ttip-wrapper.bottom { background: url(../images/arrows/arrow-up-black.png) no-repeat 50% 0; padding-top: 6px; } /* Default Skin */ .ttip-inner { font-weight: normal; background-color: #000; color: #fff; border-radius: 4px; padding: 12px; font-size: 11px; line-height: 14px; -webkit-box-shadow: 0 0 5px #323232; -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.7); -moz-box-shadow: 0 0 5px #323232; -moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.7); box-shadow: 0 0 5px #323232; box-shadow: 0 0 5px rgba(50, 50, 50, 0.7); } .ttip-inner b, .ttip-inner strong { font: bold 11px Arial, Helvetica, sans-serif; color: #fff; } /* ----------------------------------------------- DATE PICKER ------------------------------------------------- */ .ui-datepicker { padding: 8px; font: 14px normal Arial, Helvetica, sans-serif; box-shadow: 0 4px 13px 0 #CCC; -webkit-box-shadow: 0 4px 13px 0 #CCC; border-color: #ccc; width: 280px; } .ui-widget-header { border: none; background: #fff; } .ui-datepicker-title { font-weight: normal } .ui-datepicker th { font-weight: normal; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; text-transform: uppercase; font-size: 10px; font-weight: bold; } .ui-datepicker table { border: none } .ui-datepicker td { padding: 0; border-top: none; font-size: 11px; } .ui-datepicker td a { padding: 7px } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 1px solid #fff; font-weight: normal; color: #212121; } .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover { background-color: #ddd; border: 1px solid #bbb; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .9; filter: Alpha(Opacity=9); background-image: none; background-color: #f5f5f5; border: 1px solid #fff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: normal; background-color: #444; color: #eee!important; color: #555; } .ui-state-active:hover, .ui-widget-content:hover .ui-state-active:hover, .ui-widget-header .ui-state-active:hover { border: 1px solid #333; background-color: #555; color: #eee!important; } /* ----------------------------------------------- PRELOADERS------------------------------------------------- */ /* Full-Screen Preloader */ #fs-preloader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ -moz-opacity:0; -khtml-opacity:0; opacity:0; z-index: 9990; ;; } #fs-preloader .info {position: absolute;top: 50%; left: 50%; font-size: 11px;color: #555; width: 100px; height: 42px;margin-left: -50px;} #fs-preloader .info .inner { position: relative; height: 42px; } #fs-preloader .loader {background: none; width: 32px; height: 32px; position: absolute;top: 0;left: 50%; margin: 0; margin-left: -16px; display: block; float: left; } #fs-preloader .progress-text { width: 80px; height: 10px;clear: both;text-align: left; display: block; float: left;position: absolute;bottom: -10px;left: 50%;margin-left: -32px; } /* Ajax Preloader */ .ajax-loader { width: 16px; height: 16px; background: url(../images/bgs/preloader.gif) no-repeat; float: right; margin: 4px 6px 0 0; display: none; } .loader-left { padding-left: 21px; margin-left: -2px!important; background: url(fwk/img/bgs/preloader.gif) 0 0 no-repeat; } .loader-right { background: url(fwk/img/bgs/preloader.gif) 100% 0 no-repeat; padding-right: 30px; } .loader { width: 100%; height: 100%; background: url(../images/bgs/preloader.gif) no-repeat 50% 50% #fff; margin: 4px 6px 0 0; position: absolute; left: 0; top: 0; } /* ----------------------------------------------- INLINE MODAL ------------------------------------------------- */ #app .shoppingcart .products.exposed{border:1px solid #ddd;box-shadow:0 1px 3px 2px #ccc;-webkit-box-shadow:0 1px 3px 2px #ccc;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;margin:-6px -6px 6px;padding:5px;} #app .inner.standard{padding:20px;} #app #main .inlineModalControls{text-align:right;padding-bottom:6px;} #app #main .inlineModalControls .button,#app.events #main form .formActions .button{font-size:12px;margin:0 6px 0 0;padding:2px 6px;} /* ----------------------------------------------- MENU SLIDE NAVIGATION ------------------------------------------------- */ #menuSlide { position: relative; text-shadow: 0 1px 0 #eee; padding: 0; margin: 15px 0 30px; border-bottom: 2px solid #ccc; float: left; width: 100%; padding: 0 0 2px 0; } #menuSlide dd { cursor: default; font-weight: normal; display: inline-block; float: left; text-decoration: none; outline: none; color: #555; padding: 0; margin: 0 2px 0 0; text-align: left; font-size: 16px; } #menuSlide dd a { float: left } #menuSlide dd a em { background-color: #eee } #menuSlide dd a:hover em { color: #222!important; background: #f5f5f5; box-shadow: 0 1px 3px 2px #ddd; -webkit-box-shadow: 0 1px 3px 2px #ddd; border-color: #ccc; -webkit-transition: background, -webkit-box-shadow, border-color .3s ease-in-out; -o-transition: background, box-shadow, border-color .3s ease-in-out; transition: background, box-shadow, border-color .3s ease-in-out; } #menuSlide dt em { color: #555; font-size: 21px!important; font-weight: bold; padding: 7px 10px 7px 5px; text-decoration: none; } #menuSlide dt em, #app #menuSlide dd em { color: #555; font-size: 18px; line-height: 22px; display: inline; float: left; font-style: normal; } #menuSlide dd em { padding: 7px 10px; border-radius: 1px; border: 1px solid #DDD; border-width: 1px 1px 0 1px; font-weight: normal; } #menuSlide span { font-weight: normal; display: inline; color: #555; padding: 11px 10px 11px 8px; display: none; float: left; font-size: 13px; color: #555; } #menuSlide .current, #menuSlide .current:hover { background: #fff; text-shadow: none; } #menuSlide .current em, #menuSlide .current em a { background: #555; color: #fff!important; border-color: #555; } #menuSlide .current span { font-size: 14px; line-height: 20px; background: #666; padding: 8px 10px; } #menuSlide #step-info { position: absolute; left: 0; padding: 0 0 6px 0; margin-top: -28px; background: url(../images/arrows/arrow-down-black.png) no-repeat 8px 100%; } #menuSlide #step-info b {display: block; padding: 6px 10px; text-shadow: 0 1px 0 #333; white-space: nowrap; color: #fff; background: #000; font-weight: normal; border-radius: 2px;-webkit-box-shadow: 0 0 2px #000000;-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);box-shadow: 0 0 2px #000000;box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);} /* ----------------------------------------------- HELP TOUR ------------------------------------------------- */ #pageslide ul { margin-left: 0 } #pageslide ul li { margin-bottom: 5px; list-style: none; padding: 5px 0; } #pageslide ul li a { display: block; text-decoration: none; color: #555; background: url(../images/bgs/bullets-square.png) no-repeat #fff; background-position: 8px 10px; padding: 4px 6px 4px 20px; } #pageslide ul li a:hover { text-decoration: none; background: url(../images/bgs/bullets-square.png) no-repeat #f3f3f3; color: #555; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background-position: 8px -30px; } #pageslide ul li span { padding-left: 18px; font-style: italic; font-size: 11px; display: block; margin-top: 4px; } #pageslide li a.current, #pageslide li a.current:hover { color: #555; background: url(../images/bgs/bullets-square.png) no-repeat #ddd; background-position: 8px -30px; } #close-help:hover, #fwd-help:hover, #back-help:hover { cursor: pointer } .jTour_tour-close { width: 12px; height: 12px; color: #aaa; text-decoration: none; font-size: 16px !important; line-height: 8px; padding: 2px 4px 3px 2px; font-weight: normal; position: absolute; top: 10px; right: 14px; color: #ababab; z-index: 9999; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .jTour_tour-close:hover { cursor: pointer; color: #fff; } .hotspot { width: 30px; height: 30px; background: url(../images/bgs/bg-help.png) no-repeat transparent; position: absolute; z-index: 800; } .hotspot:hover { cursor: pointer; background-position: 0 -37px; } .hotspot.active { background-position: 0 -74px } .jTour_overlay { display: none !important } #app .ttipWrapper { float: right } /*------------------------------------------------- MULTI-STEP INDICATOR -------------------------------------------------*/ div.multi-step { display: block; font-size: 1em; margin: 0 0 30px -12px; } div.multi-step ol { display: block; margin: 0; padding: 0 20px 0 0; overflow: hidden; position: relative; } div.multi-step ol > li { display: block; float: left; list-style: none; margin: 0; padding: 0; } div.multi-step ol > li:last-child .bg { border-radius: 0 8px 8px 0 } div.multi-step ol > li:first-child .bg { border-radius: 8px 0 0 8px } div.multi-step ol > li.current p, div.multi-step ol > li.current .wrap, div.multi-step ol > li.current ~ li .wrap { opacity: 1; filter: alpha(opacity=100); } div.multi-step ol > li .bg { background-position: 0 50%; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; } div.multi-step ol > li .bg .arrow { background-position: 100% 50%; background-repeat: no-repeat; content: ""; display: block; position: absolute; top: 0; right: -18px; bottom: 0; width: 24px; } div.multi-step ol > li .num { display: none } div.multi-step ol > li .wrap { min-height: 20px; padding: 8px 8px 8px 28px; position: relative; } div.multi-step ol > li p { margin: 0 } div.multi-step ol > li .title { color: #9f9f9f; font-weight: bold; line-height: 1.7em; } div.multi-step ol > li.current .title { color: #fff } div.multi-step ol > li .subtitle { font-size: 0.8em; line-height: 1.2; margin-top: 0.4em; } div.multi-step.numbered ol > li .num { display: inline-block; vertical-align: top; position: absolute; top: 4px; left: 24px; border-style: solid; border-width: 2px; border-radius: 50%; width: 24px; height: 24px; line-height: 22px; font-size: 0.8em; font-weight: bold; text-align: center; } div.multi-step.numbered ol > li .wrap { padding-left: 58px } /* Two Steps */ div.multi-step.two-steps ol > li { width: 49.5% } div.multi-step.two-steps ol > li:first-child { width: 49.5% } div.multi-step.two-steps ol > li .bg { width: 49%; margin-right: 1%; } div.multi-step.two-steps ol > li:first-child .bg { width: 48.3% } /* Three steps */ div.multi-step.three-steps ol > li { width: 33.9% } div.multi-step.three-steps ol > li:first-child { width: 31.8% } div.multi-step.three-steps ol > li .bg { width: 33%; margin-right: 1%; } div.multi-step.three-steps ol > li:first-child .bg { width: 31% } /* Four Steps */ div.multi-step.four-steps ol > li { width: 25% } div.multi-step.four-steps ol > li .bg { width: 24%; margin-right: 1%; } div.multi-step.five-steps ol > li { width: 20% } div.multi-step.five-steps ol > li .bg { width: 19%; margin-right: 1%; } /* IE 8 fixes */ @media \0screen { div.multi-step ol > li .wrap:before { border-width: 0; top: 6px; } } /* IE 7 fixes */ @media screen\9 { div.multi-step ol > li .num { border-width: 0; top: 6px; } } div.multi-step ol > li .bg, div.multi-step ol > li .bg .arrow { background-image: url(../images/bgs/grey.png); margin: 0; height: auto; } div.multi-step ol > li.current .bg, div.multi-step ol > li.current .bg .arrow { background-image: url(../images/bgs/grey_active.png); margin: 0; height: auto; } /*------------------------------------------------- HELPER CLASSES -------------------------------------------------*/ .ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;} .ir:before{content:"";display:block;width:0;height:100%;} .hidden{display:none!important;visibility:hidden;} .invisible{visibility:hidden;} /*------------------------------------------------- FORMS -------------------------------------------------*/ #simplemodal-container .form-horizontal h3, #simplemodal-container .form-horizontal h2 {margin: 10px 0 20px; color: #333;padding-bottom: 5px;border-bottom: 1px solid #DDD;display: block;font-size: 16px;font-weight: normal;clear: both;} /*------------------------------------------------- SHORT LINKS -------------------------------------------------*/ #app #short-links a.removeItem{ margin: 0 6px 0 0 !important; border: 0 !important;padding: 7px 7px 7px 7px} .no-shortlink-result { font-weight: bold;color: red;font-size: small; } /*---------------Terms and conditions---------------*/ div.termsandconditions { width: 80%;padding: 20px 10px 20px 10px; margin: 20px 0 20px 0; border:solid #7D7D7D 1px } .login-error { font-weight: bold;color: red; } p.login-info { font-weight: bold;} /** OFFLINE PAYMENTS -------------------------------------------------------------------------------------------- */ .staff-mode #courseSummary .removeAllItems{float: right;} .staff-mode #courseSummary dl{clear: both;} .staff-mode #courseSummary dl ul.summary .alert{margin: 10px 0 15px 0;} .staff-mode #courseSummary dl ul.summary .type{color: #555;font-weight: bold;font-size: 14px; float: left; } .staff-mode #courseSummary dl ul.summary .title{color: #555; font-size: 14px;font-weight: bold; padding-bottom: 10px;} .staff-mode #courseSummary dl ul.summary .package{color: #555; font-size: 14px; float: left;} .staff-mode #courseSummary dl ul.summary .price{color: #555; font-size: 14px; float: left; margin-left: 15px;} .staff-mode #courseSummary dl ul.summary li dd{margin: 0;} .staff-mode #courseSummary dl ul.summary > li{border: 1px solid #eee;padding: 10px; background: #f1f1f1; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px} .staff-mode #courseSummary dl ul.summary > li {*zoom: 1;} .staff-mode #courseSummary dl ul.summary > li:before, .staff-mode #courseSummary dl ul.summary > li:after {display: table;line-height: 0;content: "";} .staff-mode #courseSummary dl ul.summary > li:after {clear: both;} .staff-mode #courseSummary dl ul.summary ul{padding: 10px; background: #fff; margin: 10px 0 0 0; border:1px solid #eee;} .staff-mode #courseSummary dl ul.summary ul li.item{margin: 0;} .staff-mode #courseSummary dl ul.summary ul li.item:hover{background: #f1f1f1;} .staff-mode #courseSummary dl ul.summary dd {*zoom: 1;} .staff-mode #courseSummary dl ul.summary dd:before, .staff-mode #courseSummary dl ul.summary dd:after {display: table;line-height: 0;content: "";} .staff-mode #courseSummary dl ul.summary dd:after {clear: both;} .staff-mode #courseSummary dl ul.summary ul li {border-bottom: 1px solid #eee; margin: 10px 0; padding: 10px;} .staff-mode #courseSummary .reason {margin: 10px 0 0 0; border-top: 1px solid #eee;} .trans{ -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; } .staff-mode-header { background-color: #444; color:white; } .staff-mode-header .staff-common { float: left; padding: 10px; } .staff-mode-header .run-as-detail { background-color: #08589f; float: right; padding: 10px; } /* Library */ .library { background: white;float: left; width: 100%} .library table td p{ margin: 0;} .library table tr.item td { padding: 10px } .library table tr.item.left { padding: 10px; text-align: left } .library table tr.item:hover td { background-color: #e3e3e3; border-bottom: 1px solid #eee; } .library table { background-color: #fff } .library table.full-width{width: 100%;} .library table th { background-color: #eee; border: none; color: #555; text-transform: uppercase; font-size: 10px!important; border: none; padding: 12px 6px 9px 6px; padding: 12px; } .library table td { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: left; } .library table td.boxleft { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: left; } .library table td.boxright { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: right; } .library table td a.buttonDefault { border: 1px solid #ccc;} .library table tr.current td { background-color: #f5f5f5!important; border-bottom-color: #ccc; box-shadow: inset 0 8px 16px -16px #444; } .library table td p.right{ text-align: right;} .library table td p.left{ text-align: left;} .library table th p.right{ text-align: right;} .library table th p.left{ text-align: left;} .library table th.centre { text-align: center;} #app.library label{ font-weight: bold;font-size: 12px; color:#7D7D7D} #app.library #main { margin-top: 0 } #EnquirySubject {height:200px !important;width:221px !important;} #app .enrolled-detail { margin-bottom: 10px; text-shadow: none; overflow: hidden; } #app .enrolled-detail .materials { background-color: #93B4D3; } #app .enrolled-detail .materials table,#app .enrolled-detail .materials table th,#app .enrolled-detail .materials table td { background:none; border:none; color: white; padding: 0; font-size: 11px; font-weight: 100; } #app .enrolled-detail .venue-details { background-color: #6A9BC6; } #app .enrolled-detail .venue-details, #app .enrolled-detail .materials { margin-top: 5px; color: white; padding: 5px; font-size: 11px; } #app .enrolled-detail.split .venue-details, #app .enrolled-detail.split .materials { float:left; width: 47%; margin-bottom: -1000px; padding-bottom: 1000px; } #app .enrolled-detail.split .materials { border-left:solid 5px #4381BC; } #app .venue-details .venue-title, #app .materials .materials-title { margin: 0px 0px 2px 0px; } #app .venue-details .vcard, #app .enrolled-detail .materials table { margin-left: 10px; } .exam-synchronisation { border: solid 1px #BBBBBB; margin: 20px auto; padding: 40px; background-color: white; } .exam-synchronisation.error { border-color: red; } .exam-synchronisation h1 { text-align: center; } .exam-synchronisation .loader-icon { text-align: center; padding: 20px; } .exam-synchronisation p { text-align: center; font-size: 110%; } /*comm pref*/ #app.formPage ul.note { font-size: 13px; border-bottom: 1px solid #DDD; margin: 0 0 10px 0; padding: 4px 15px 15px 15px; width: 97%; color: #555; } #app.formPage ul.note li { list-style: square outside; margin: 13px 0 12px 5px; font-size: 12px; } .commpref { background: white; float: left; width: 100%; } .commpref table td p{ margin: 0; font-size: 12px} .commpref table tr td { padding: 10px; text-align: center } .commpref table tr td.text { text-align: left; width:30%} .commpref table tr:hover td { background-color: #e3e3e3; border-bottom: 1px solid #eee; } .commpref table { background-color: #fff } .commpref table.full-width{width: 100%;} .commpref table th.multiselection{width: 30%;} .commpref table th.singleselection{width: 35%;} .commpref table th { background-color: #eee; border: none; color: #555; font-size: 12px; border: none; padding: 12px 6px 9px 6px; padding: 12px;text-align: center; } .commpref table td { background-color: #fff; border: 1px solid #DDD; padding: 7px; text-align: left; } .commpref table tr.current td { background-color: #f5f5f5!important; border-bottom-color: #ccc; box-shadow: inset 0 8px 16px -16px #444; } .commpref .optout { font-size: 11px;}