@font-face { font-family: 'fontello'; src: url('/include/fonts/fontello.eot?93359088'); src: url('/include/fonts/fontello.eot?93359088#iefix') format('embedded-opentype'), url('/include/fonts/fontello.woff?93359088') format('woff'), url('/include/fonts/fontello.ttf?93359088') format('truetype'), url('/include/fonts/fontello.svg?93359088#fontello') format('svg'); font-weight: normal; font-style: normal; } /*--------------------------------------------------------------------- Base Styles and Reset ---------------------------------------------------------------------*/ * {box-sizing:content-box; -moz-box-sizing:content-box;} html {font-size:100%;} #wrapper * {box-sizing:border-box; -moz-box-sizing:border-box;} body {font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; font-weight:400; color:#000; margin:0; padding:0; /*background:#8d8e8f url(/ecthemes/2/images/bg-footer.png) repeat 0 0;*/} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } #divEventRegistration .sr-only { width: 1px !important; padding: 0 !important; } /*---------- Default Styles ----------*/ /* default heading styles */ h1 {color:#ffffff; font-family:"myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; text-rendering: optimizeLegibility;} h2, h3 {color:#898a8a; font-family:"myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; text-rendering: optimizeLegibility;} h4, h5, h6 {color:#49247d; font-family:"myriad-pro-n6", "myriad-pro", arial, verdana, sans-serif; text-rendering: optimizeLegibility;} h1 {font-weight:300; font-size:32px; line-height:36px; padding:0; margin:0 0 1em 0;} h2 {font-weight:400; font-size:18px; line-height:32px; padding:0; margin:0 0 1em 0;} h3 {font-weight:400; font-size:18px; line-height:26px; padding:0; margin:0 0 1em 0;} h4 {font-weight:600; font-size:18px; line-height:26px; padding:0; margin:0 0 1em 0;} h5 {font-weight:600; font-size:16px; line-height:24px; padding:0; margin:0 0 1em 0;} h6 {font-weight:600; font-size:14px; line-height:22px; padding:0; margin:0 0 1em 0;} h2.caps, h3.caps, h4.caps, h5.caps, h6.caps {letter-spacing:1px;} h1.link a, h2.link a, h3.link a, h4.link a, h5.link a, h6.link a, h1.link a:link, h2.link a:link, h3.link a:link, h4.link a:link, h5.link a:link, h6.link a:link {border-bottom:1px solid #898a8a; color:inherit; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms; border-bottom:1px solid rgba(73, 36, 125, 0.5); font-weight:600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} h1.link a:hover, h1.link a:focus, h2.link a:hover, h2.link a:focus, h3.link a:hover, h3.link a:focus, h4.link a:hover, h4.link a:focus, h5.link a:hover, h5.link a:focus, h6.link a:hover, h6.link a:focus {color:#49247d; border-color:#a491be; box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} /* default link styles a, a:link, a:visited, a:active {font-size:100%; color:#000; text-decoration:none;} a:hover, a:focus {font-size:100%; color:#000; text-decoration:none; cursor:pointer;} a {outline:none;} a img {border:none;} */ /* default element styles */ p {line-height:1.625; margin:0 0 1em 0; padding:0;} p a, #content-area section li a, #faqContainer .FAQHeadingLinks a {border-bottom:1px solid #898a8a; color:inherit; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms; border-bottom:1px solid rgba(73, 36, 125, 0.5);} p a:hover, p a:focus, #content-area section li a:hover, #content-area section li a:focus, #faqContainer .FAQHeadingLinks a:hover, #faqContainer .FAQHeadingLinks a:focus {color:#49247d; border-color:#a491be; box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} code {line-height:150%; margin:0; padding:0; font-size:100%;} p,ul,ol {font-size:100%;} input,select,textarea {font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; color:#000; outline:none; font-weight:300;} input {margin:0;} th, td {vertical-align:top;} fieldset legend {font-size:100%; border:none;} .form-horizontal fieldset legend {font-weight:600; border-bottom:1px solid #e5e5e5;} .form-horizontal .form-group {margin:0 0 15px 0;} blockquote {clear:both; font-size:22px; line-height:1.3636; border-left:3px solid #6d4f97; margin:1em 0; padding:0 0 0 28px; color:#49247d; /*max-width:30em;*/} blockquote p {font-size:100%; line-height:1.3637;} cite {font-style:normal; font-size:16px; font-weight:600;} video {max-width:100%;} /*-----other-----*/ .accessible-heading {position:absolute; left:-9999px; margin:0; padding:0;} .right {float:right;} .left {float:left;} #adminBanner {display:none;} .table-responsive {border:none; margin:0;} /*--------------------------------------------------------------------- Site Theme ---------------------------------------------------------------------*/ .error-message {background:#FFD6D6 url(/images/tdcm/cross.png) no-repeat 12px 9px; border:1px solid #FFC2C2; color:#C24848; margin:15px 0; padding:8px 10px 8px 37px;} .success-message {background:#D7F7DF url(/images/tdcm/tick.png) no-repeat 12px 9px; border:1px solid #A3F7B8; color:#3F9153; margin:15px 0; padding:8px 10px 8px 37px;} /*---------------------------------------- / layout ----------------------------------------*/ #wrapper {width:100%; float:left; background:#ffffff; position:relative;} .container {position:relative;} .col-lg-12 {float:left; /*clear:both;*/} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:1em; padding-right:1em;} /*---------------------------------------- / components ----------------------------------------*/ .members {color:#eb711b;} .regular {color:#49247d;} .forms {color:#159ea5;} .calculators {color:#159ea5;} .caps {text-transform:uppercase;} /*---------------------------------------- / ESSSuper Colours ----------------------------------------*/ .ESSSuper-LightPurple-Bg {background-color:#f5efff;} .ESSSuper-LightPurple {color:#f5efff;} .ESSSuper-White-Bg {background-color:#fff;} .ESSSuper-White {color:#fff;} .ESSSuper-Purple-Bg {background-color: #49247D;} .ESSSuper-Orange-Bg {background-color: #EE7B00;} .ESSSuper-Gray-Bg {background-color: #878889;} .ESSSuper-WarmGray-Bg {background-color: #A59D95;} .ESSSuper-PaleBlue-Bg {background-color: #A8DEEA;} .ESSSuper-Teal-Bg {background-color: #159EA5;} .ESSSuper-LightGreen-Bg {background-color: #6FC7B6;} .ESSSuper-Navy-Bg {background-color: #182E57;} .ESSSuper-DarkGreen-Bg {background-color: #368573;} .ESSSuper-LightOrange-Bg {background-color: #FCB457;} .ESSSuper-MidBlue-Bg {background-color: #52C6DA;} .ESSSuper-Purple {color: #49247D;} .ESSSuper-Orange {color: #EE7B00;} .ESSSuper-Gray {color: #878889;} .ESSSuper-WarmGray {color: #A59D95;} .ESSSuper-PaleBlue {color: #A8DEEA;} .ESSSuper-Teal {color: #159EA5;} .ESSSuper-LightGreen {color: #6FC7B6;} .ESSSuper-Navy {color: #182E57;} .ESSSuper-DarkGreen {color: #368573;} .ESSSuper-LightOrange {color: #FCB457;} .ESSSuper-MidBlue {color: #52C6DA;} .CTAbox {padding: 15px} /*-----icons-----*/ .icon {min-height:50px; padding-right:100px !important; position:relative;} .icon-above {padding-top:72px !important; padding-right:0 !important;} .icon:after {font-family:fontello; font-size:50px; font-weight:100; position:absolute; top:50%; right:30px; margin-top:-25px;} .icon-above:after {top:12px; right:auto; left:0; margin-top:0; font-size:60px;} .members .icon:after, .cta.members .icon:after, .icon-members:after {color:#ef8d48;} .regular .icon:after, .cta.regular .icon:after, .icon-regular:after {color:#49247d;} .forms .icon:after, .cta.forms .icon:after, .icon-forms:after {color:#5E9D8F;} .calculators .icon:after, .cta.calculators .icon:after, .icon-calculators:after {color:#5E9D8F;} .calculator:after {content:"\e80a";} .calendar:after {content:"\e80b";} .download:after {content:"\e80c";} .external:after {content:"\e80d";} .information:after {content:"\e80e";} .money:after {content:"\e80f";} .search:after {content:"\e810";} /*-----buttons-----*/ /*general styles*/ .button, .clsFormCreator div.clsBtnSubmit input, .clsFormCreator div.clsBtnClear input, .seminars .MainItemMore, .seminars .subItemMore, .event-view-training-details #btnRegister, #divEventRegistration #btnRegister, #divEventRegistration #btnRegisterStage2, #divEventRegistration #btnClear, #divEventRegistration #btnClear2, #divEventRegistration fieldset > p > a, .self-checkin-component .btn-primary, .self-checkin-component .btn-check-in, .self-checkin-component .all-checkin-done {text-align:center; text-rendering:optimizeLegibility; border-radius:4px; border:1px solid; font-size:16px; font-weight:600; padding:7px 16px; display:inline-block; line-height:1.2; margin-bottom:1em; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} .button:hover, .button:focus, .clsFormCreator div.clsBtnSubmit input:hover, .clsFormCreator div.clsBtnSubmit input:focus, .clsFormCreator div.clsBtnClear input:hover, .clsFormCreator div.clsBtnClear input:focus, .seminars .MainItemMore:hover, .seminars .subItemMore:hover, .seminars .MainItemMore:focus, .seminars .subItemMore:focus, .event-view-training-details #btnRegister:hover, .event-view-training-details #btnRegister:focus, #divEventRegistration #btnRegister:hover, #divEventRegistration #btnRegisterStage2:hover, #divEventRegistration #btnRegister:focus, #divEventRegistration #btnRegisterStage2:focus, #divEventRegistration #btnClear:hover, #divEventRegistration #btnClear2:hover, #divEventRegistration #btnClear:focus, #divEventRegistration #btnClear2:focus, #divEventRegistration fieldset > p > a:hover, #divEventRegistration fieldset > p > a:focus, .self-checkin-component .btn-primary:hover, .self-checkin-component .btn-primary:focus, .self-checkin-component .btn-check-in:hover, .self-checkin-component .btn-check-in:focus, .self-checkin-component .all-checkin-done:hover, .self-checkin-component .all-checkin-done:focus {-webkit-transition: all 400ms; transition: all 400ms;} /*member style - orange*/ .button.solid.members, .self-checkin-component .btn-check-in {background:#eb711b; border-color:#eb711b; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .button.solid.members:hover, .button.solid.members:focus, .self-checkin-component .btn-check-in:hover, .self-checkin-component .btn-check-in:focus {box-shadow: inset 0 32px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .self-checkin-component .all-checkin-done {background:#fff; border-color:#2ea140; color:#666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .self-checkin-component .all-checkin-done:hover, .self-checkin-component .all-checkin-done:focus {cursor:pointer; box-shadow: inset 0 32px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .button.outline.members {background:#fff; border-color:#eb711b; color:#eb711b;} .button.outline.members:hover, .button.outline.members:focus {box-shadow: inset 0 -1px 0 rgba(235, 113, 27, 0.6), inset 0 31px 0 0 rgba(235, 113, 27, 0.1), 2px 3px 0 rgba(46, 46, 46, 0.2);} /*regular style - purple*/ .button.solid.regular {background-color:#49247d; border-color:#49247d; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .button.solid.regular:hover, .button.solid.regular:focus {box-shadow: inset 0 29px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .button.outline.regular, .clsFormCreator div.clsBtnSubmit input, .clsFormCreator div.clsBtnClear input, .seminars .MainItemMore, .seminars .subItemMore, .event-view-training-details #btnRegister, #divEventRegistration #btnRegister, #divEventRegistration #btnRegisterStage2, #divEventRegistration #btnClear, #divEventRegistration #btnClear2, #divEventRegistration fieldset > p > a {background-color:#fff; border-color:#49247d; color:#49247d;} .button.outline.regular:hover, .button.outline.regular:focus, .clsFormCreator div.clsBtnSubmit input:hover, .clsFormCreator div.clsBtnSubmit input:focus, .clsFormCreator div.clsBtnClear input:hover, .clsFormCreator div.clsBtnClear input:focus, .seminars .MainItemMore:hover, .seminars .subItemMore:hover, .seminars .MainItemMore:focus, .seminars .subItemMore:focus, .event-view-training-details #btnRegister:hover, .event-view-training-details #btnRegister:focus, #divEventRegistration #btnRegister:hover, #divEventRegistration #btnRegisterStage2:hover, #divEventRegistration #btnRegister:focus, #divEventRegistration #btnRegisterStage2:focus, #divEventRegistration #btnClear:hover, #divEventRegistration #btnClear2:hover, #divEventRegistration #btnClear:focus, #divEventRegistration #btnClear2:focus, #divEventRegistration fieldset > p > a:hover, #divEventRegistration fieldset > p > a:focus {box-shadow: inset 0 -1px 0 rgba(73, 36, 125, 0.6), inset 0 31px 0 0 rgba(73, 36, 125, 0.1), 2px 3px 0 rgba(46, 46, 46, 0.2);} /*forms style - teal*/ .button.solid.forms {background-color:#159ea5; border-color:#159ea5; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .button.solid.forms:hover, .button.solid.forms:focus {box-shadow: inset 0 32px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .button.outline.forms {background-color:#fff; border-color:#159ea5; color:#159ea5;} .button.outline.forms:hover, .button.outline.forms:focus {box-shadow: inset 0 -1px 0 rgba(21, 158, 165, 0.6), inset 0 31px 0 0 rgba(21, 158, 165, 0.1), 2px 3px 0 rgba(46, 46, 46, 0.2);} /*calculators style - teal*/ .button.solid.calculators {background-color:#159ea5; border-color:#159ea5; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .button.solid.calculators:hover, .button.solid.calculators:focus {box-shadow: inset 0 32px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .button.outline.calculators {background-color:#fff; border-color:#159ea5; color:#159ea5;} .button.outline.calculators:hover, .button.outline.calculators:focus {box-shadow: inset 0 -1px 0 rgba(21, 158, 165, 0.6), inset 0 31px 0 0 rgba(21, 158, 165, 0.1), 2px 3px 0 rgba(46, 46, 46, 0.2);} /*other style - grey*/ .button.solid.other {background-color:#F5F5F5; border-color:#c4c4c4; color:#000;} .button.solid.other:hover, .button.solid.other:focus {box-shadow: inset 0 32px 0 0 rgba(255, 255, 255, 0.15), 2px 3px 0 rgba(46, 46, 46, 0.2);} .button.outline.other {background-color:#fff; border-color:#898a8a; color:#898a8a;} .button.outline.other:hover, .button.outline.other:focus {box-shadow: inset 0 -1px 0 rgba(73, 36, 125, 0.6), inset 0 31px 0 0 rgba(73, 36, 125, 0.1), 2px 3px 0 rgba(46, 46, 46, 0.2);} p > a.button {margin-left:1em;} p > a.button:first-child {margin-left:0;} /*-----tabs-----*/ #content-area #tab-container {position:relative; float:left; width:100%; margin-bottom:40px; background:#fff; padding:2em 1em;} #content-area #tab-container section {padding:0; margin:0;} #content-area .tab-items {float:left; width:100%; background:#fff; margin:0 0 2em 0; padding:2em 0 0 0; position:relative; z-index:1;} #content-area .tab-items hr {margin:0; position:absolute; bottom:0; left:1em; right:1em; z-index:0;} #content-area .nav-tabs {position:relative; float:right; margin:0; padding:0; z-index:1; border-bottom:none;} #content-area .nav-tabs > li {margin-bottom:0; padding-right:2em;} #content-area .nav-tabs > li > a {float:left; background:#49247d; color:#fff; margin-bottom:4px; padding:1em 0; width:150px; border-bottom:none; text-align:center; text-transform:uppercase; font-weight:600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:1px;} #content-area .nav-tabs > li > a:hover, #content-area .nav-tabs > li > a:focus {border-color:#49247d; box-shadow:none;} #content-area .nav-tabs > li.active > a, #content-area .nav-tabs > li.active > a:hover, #content-area .nav-tabs > li.active > a:focus {background:#fff; color:#49247d; margin-bottom:0; padding-bottom:20px; border-color:#c4c4c4;} .tab-pane h1 {position:absolute; top:0; left:0; width:100%; padding:1em 1em 0 1em; z-index:110; opacity:1;} /*-----cta-----*/ .cta {padding-bottom:20px; margin-bottom:20px; position:relative; clear:both;} .home .cta {height:auto; margin-bottom:0; clear:both;} .cta.right {height:auto; width:50%; margin-left:2em;} .cta.left {height:auto; width:50%; margin-right:2em;} .cta h2 {font-size:22px; color:#000; padding:20px; margin:0; float:left; width:50%; position:absolute; top:0; bottom:0; left:0;} .home .cta h2, .cta.right h2, .cta.left h2 {float:none; width:auto; height:auto; font-size:22px; letter-spacing:normal; position:relative;} .cta h3 {color:#000; padding:20px 20px 0 50%; margin:0 0 0 20px; font-weight:600; text-align:center;} .home .cta h3, .cta.right h3, .cta.left h3 {padding-left:20px; margin-left:0; text-align:left;} .cta p {color:#000; padding:20px 20px 0 50%; margin:0 0 0 20px; text-align:center;} .home .cta p, .cta.right p, .cta.left p {padding-left:20px; margin-left:0; text-align:left;} .cta .button {margin:0;} #content-area section .cta .tile {} .cta .icon {padding-right:110px !important;} .cta .icon:after {font-size:60px; margin-top:-15px;} .home .cta .icon:after, .cta.right .icon:after, .cta.left .icon:after {font-size:48px;} .cta.regular {background:#ece9f2;} .cta.regular h2 {background:#f5f4f8; color:#49247d;} .cta.members {background:#fbe2d1;} .cta.members h2 {background:#fdf0e8;} .cta.calculators {background:#d0ebed;} .cta.calculators h2 {background:#e7f5f6; color:#159ea5;} .cta.forms {background:#d0ebed;} .cta.forms h2 {background:#e7f5f6; color:#159ea5;} /*-----list as dropdown-----*/ .dropdown {} #content-area .dropdown {list-style-type:none; margin:0 0 20px 0; padding:8px 0 0 15px; position:relative; background:#fff; padding-right:42px; border:1px solid #c4c4c4; border-radius:4px; height:40px; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .dropdown > li {margin:0; font-weight:600; font-size:14px;} #content-area .dropdown > li > ul {list-style-type:none; margin:0; padding:0; display:none; position:absolute; top:39px; left:-1px; right:-1px; background:#fff; border:1px solid #c4c4c4; border-top:none; z-index:10;} #content-area .dropdown > li > ul > li {padding:0; margin:0; font-weight:300; border-top:1px solid #c4c4c4;} #content-area .dropdown > li > ul > li:first-child {border-top:none;} #content-area .dropdown > li > ul > li a {color:#000; display:block; padding:10px 15px 10px 45px; position:relative;} #content-area .dropdown > li > ul > li a:before {position:absolute; top:7px; left:15px; content:"\e815"; font-family:fontello; font-size:150%; font-weight:300; color:#B8B9B9;} #content-area .dropdown > li > ul > li a:after {content:"\e805"; font-family:fontello; font-weight:300; color:#B8B9B9; padding-left:5px;} #content-area .dropdown > li > ul > li a:hover, #content-area .dropdown > li > ul > li a:focus {font-weight:600;} #content-area .dropdown:hover, #content-area .dropdown:focus {background:#dbdbdb; box-shadow: inset 0 40px 0 #e7e7e7; cursor:pointer; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .dropdown:after {position:absolute; top:-1px; right:-1px; content:"\e800"; display:block; background:#368573; border-radius:0 4px 4px 0; font-family:fontello; color:#fff; width:42px; height:40px; text-align:center; padding-top:10px; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .dropdown:hover:after, #content-area .dropdown:focus:after {box-shadow: inset 0 40px 0 #72a99d; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .dropdown.open {border-radius:4px 4px 0 0;} #content-area .dropdown.open > li > ul {display:block;} #content-area .dropdown.open:after {content:"\e803";} /*-----more link-----*/ .more, .more:link, .more:visited, .more:active, .related-news .MainItemMore, .news-full-widget .MainItemMore, .news-full-widget .subItemMore, .widget > p > a {display:inline-block; font-weight:600; color:#49247d; position:relative; padding-right:0; margin-bottom:20px;} .more:after, .related-news .MainItemMore:after, .news-full-widget .MainItemMore:after, .news-full-widget .subItemMore:after, .widget > p > a:after {position:absolute; top:2px; right:-20px; content:"\e802"; font-family:fontello; line-height:1.4; -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); transform: translate(0, 2px); -webkit-transition: all 400ms; transition: all 400ms;} .more:hover, .more:focus, .related-news .MainItemMore:hover, .related-news .MainItemMore:focus, .news-full-widget .MainItemMore:hover, .news-full-widget .MainItemMore:focus, .news-full-widget .subItemMore:hover, .news-full-widget .subItemMore:focus, .widget > p > a:hover, .widget > p > a:focus {color:#49247d; border-color:#a491be;} .more:hover:after, .more:focus:after, .related-news .MainItemMore:hover:after, .related-news .MainItemMore:focus:after, .news-full-widget .MainItemMore:hover:after, .news-full-widget .MainItemMore:focus:after, .news-full-widget .subItemMore:hover:after, .news-full-widget .subItemMore:focus:after, .widget > p > a:hover:after, .widget > p > a:focus:after {-webkit-transform: translate(8px, 2px); -ms-transform: translate(8px, 2px); transform: translate(8px, 2px); -webkit-transition: all 400ms; transition: all 400ms;} /*-----back to top link-----*/ .back-top {display:inline-block; color:#fff; position:relative; padding-right:20px; padding-bottom:2px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5); font-weight:600;} .back-top:after {position:absolute; right:0; content:"\e803"; font-family:fontello;} /*-----quick links-----*/ #content-area .quick-links {list-style-type:none; margin:0 0 20px 0; padding:0;} #content-area .quick-links li {font-weight:600; margin-bottom:17px; margin-left:0;} #content-area .quick-links li:before {content:"\e805"; display:inline-block; font-family:fontello; font-weight:300; color:#49247d; padding-right:6px;} #content-area .quick-links li a {color: #000; border-bottom: 1px solid #898a8a; -webkit-transition: box-shadow 400ms; transition: box-shadow 400ms;} #content-area .quick-links a:hover, #content-area .quick-links a:focus {color: #49247d; border-color: rgba(73, 36, 125, 0.5); box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} /*-----refine links-----*/ #content-area .refine-links {} #content-area .refine-links h2, #content-area .refine-links h3 {text-transform:uppercase; margin:0 0 20px 0; padding:0; font-size:18px;} #content-area .refine-links ol {list-style-type:none; margin:0 0 20px 0; padding:0;} #content-area .refine-links ol li {font-weight:600; margin-bottom:11px;} #content-area .refine-links ol li a span {color:#000; border-bottom:1px solid #898a8a; -webkit-transition: box-shadow 400ms; transition: box-shadow 400ms;} #content-area .refine-links ol li a:hover span, #content-area .refine-links ol li a:focus span, #content-area .refine-links ol li a span.RefineSelected {color:#49247d; border-color: rgba(73, 36, 125, 0.5); box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} /*-----phone numbers-----*/ .number {color:#49247d; font-size:120%; font-weight:600;} /*-----separators-----*/ #content-area hr {clear:both; height:4px; border:none; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; margin-bottom:2em;} #content-area hr.break {border-top-color:#eb711b; border-bottom-color:#49247d;} #content-area hr.single {border-top:none; height:1px;} # hr {height:4px; border:none; border-top:1px solid #fff; border-bottom:1px solid #fff; margin-bottom:2em;} /*-----accordians and panels-----*/ .panel {clear:both; border:none; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} .panel > .panel-heading {margin:0; padding:10px 2em; background:transparent; border:none; border-radius:0; cursor:pointer;} .panel > .panel-heading h2 {color:inherit; font-size:18px; margin:0; padding:0;} .panel > .panel-heading span {} .panel > .panel-heading span:after {content:"\e800"; font-family:fontello; color:inherit; padding-left:10px;} .panel > .panel-heading.open span:after {content:"\e803";} .panel .panel-body {background:#fff; padding:1em; color:#000; border-width:1em; border-style:solid; overflow:hidden;} .panel .panel-body h3 {font-weight:600;} .panel .panel-body .col1 {padding-left:0;} .panel .panel-body .col2 {padding-right:0;} .panel.two-column .panel-body {padding:1em 0 0 1em;} #content-area section .panel.two-column .panel-body ul.tiles {padding:0 1em 0 0; float:left; width:50%;} #content-area section .panel.two-column .panel-body ul.tiles li {padding:0 0 1em 0;} .panel.members {border-bottom:1px solid #eb711b;} .panel.members .panel-heading {background:#fdf0e8; color:#eb711b;} .panel.members .panel-heading:hover, .panel.members .panel-heading:focus, .panel.members .panel-heading.open {background:#fbe2d1;} .panel.members .panel-body {border-color:#fdf0e8;} .panel.regular {border-bottom:1px solid #49247d; -webkit-box-shadow: 1px 1px 0px 0px rgba(196,196,196,1); -moz-box-shadow: 1px 1px 0px 0px rgba(196,196,196,1); box-shadow: 1px 1px 0px 0px rgba(196,196,196,1);} .panel.regular .panel-heading {background:#f5f4f8; color:#49247d;} .panel.regular .panel-heading:hover, .panel.regular .panel-heading:focus, .panel.regular .panel-heading.open {background:#dbd3e5;} .panel.regular .panel-body {border-color:#f5f4f8;} .panel.forms {margin-bottom:0;} .panel.forms .panel-heading {background:#5e9d8f; color:#fff; border-bottom:1px solid #368573;} .panel.forms .panel-heading:hover, .panel.forms .panel-heading:focus, .panel.forms .panel-heading.open {background:#368573;} .panel.forms .panel-body {border-color:#d6e6e3; background:#d6e6e3;} .panel.forms.member-column .panel-body {border:none; padding:0;} .panel.forms.member-column .panel-body.open { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; } .panel.forms.member-column .panel-body .col1 {background:#d6e6e3; padding:2em 1em 2em 2em;} .panel.forms.member-column .panel-body .col2 {background:#eaf2f1; padding:2em 2em 2em 1em;} .panel.calculators {border-bottom:1px solid #4a9181;} .panel.calculators .panel-heading {background:#5e9d8f; color:#fff;} .panel.calculators .panel-heading:hover, .panel.calculators .panel-heading:focus, .panel.calculators .panel-heading.open {background:#368573;} .panel.calculators .panel-body {border-color:#eaf2f1;} /*-----tiles-----*/ .tile {} #content-area section ul.tiles {list-style-type:none; margin:0; padding:0;} #content-area section ul.tiles li {margin:0; padding:0;} #content-area section .tile, #content-area section .tile:link, #content-area section .tile:visited, #content-area section .tile:active {display:block; min-height:70px; padding:15px; background:#f5f4f8; color:#49247D !important; border:none; box-shadow:0 1px 0 #49247d, 1px 1px 0 #e7e7e7; -webkit-transition: all 300ms; transition: all 300ms; margin-bottom:5px; font-size:110%;} #content-area section .tile:hover, #content-area section .tile:focus {background:#ece9f2; cursor:pointer; box-shadow: 0 2px 0 #49247d, 1px 1px 0 #cfd0d0; -webkit-transition: all 300ms; transition: all 300ms;} #content-area section .tile.active {border-left:8px solid #917bb1; padding-left:7px; color:#000; font-size:14px;} #content-area section .tile.icon:after {right:15px; font-size:40px; margin-top:0; top:15px;} #content-area section .tile span {display:block; color:#000 !important; font-size:80%; margin-top:10px;} #content-area section .tile span:after {display:inline-block; font-family:fontello; content:"\e802"; color:#49247d; padding-left:2px; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-transition: all 300ms; transition: all 300ms;} #content-area section .tile:hover span:after, #content-area section .tile:focus span:after {-webkit-transform: translate(8px, 1px); -ms-transform: translate(8px, 1px); transform: translate(8px, 1px); -webkit-transition: all 300ms; transition: all 300ms;} .regular .tile.calculator:after {color:#7f65a4;} .regular .tile.calculator:hover:after, .regular .tile.calculator:focus:after {color:#49247D;} #content-area section .forms .tile, #content-area section .forms .tile:link, #content-area section .forms .tile:visited, #content-area section .forms .tile:active {font-size:100%; font-weight:600; color:#000 !important; background:#fff; box-shadow:0 1px 0 #368573, 1px 1px 0 #e7e7e7;} #content-area section .forms .tile:hover, #content-area section .forms .tile:focus {background:#eaf2f1; cursor:pointer; box-shadow: 0 2px 0 #368573, 1px 1px 0 #cfd0d0;} #content-area section .forms .tile.members, #content-area section .forms .tile.members:link, #content-area section .forms .tile.members:visited, #content-area section .forms .tile.members:active {box-shadow:0 1px 0 #eb711b, 1px 1px 0 #e7e7e7;} #content-area section .forms .tile.members:hover, #content-area section .forms .tile.members:focus {background:#fdf0e8; cursor:pointer; box-shadow: 0 2px 0 #eb711b, 1px 1px 0 #cfd0d0;} #content-area section .forms .icon:hover:after, #content-area section .forms .icon:focus:after {color:#368573;} #content-area section .forms .icon.members:after {color:#ef8d48;} #content-area section .forms .icon.members:hover:after, #content-area section .forms .icon.members:focus:after {color:#eb711b;} #content-area section .tile .file-info {font-size:90%; color:#898a8a !important; font-weight:300; margin-top:0;} #content-area section .tile .file-info span {display:inline; font-size:100%; color:#898a8a !important;} #content-area section .tile .file-info:after, #content-area section .tile .file-info span:after {display:none;} /*---------------------------------------- / header ----------------------------------------*/ #header {position:relative; height:105px; padding:0; margin:0; background:#49247D; width:100%; z-index:1002;} .header-logo {float:left;} .header-logo a {display:block; padding:17px 2em; transition: box-shadow 250ms ease 0s;} .header-logo a:hover, .header-logo a:focus {box-shadow: 0 -115px 0 #361a5b inset; transition: box-shadow 250ms ease 0s;} .header-logo a img {height:70px;} .skip-link {position:absolute; left:-9999px;} /*---------------------------------------- / form controls ----------------------------------------*/ .form-group .col-sm-10 {width: 83.3333%;} /*---------------------------------------- / search ----------------------------------------*/ .header-search {display:block; float:right; height:40px; margin:15px 2em 0 0;} .header-search div.searchPanel {position:relative;} .header-search div.searchPanel label {position:absolute; left:-9999px;} div.searchPanel input.searchInput {position:relative; float:left; background:transparent; padding:0 10px; width:261px !important; height:30px; border:1px solid #fff; border-radius:4px 0 0 4px; color:#fff;} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {float:left; position:relative; color:#fff; height:30px; width:30px; text-decoration:none; padding:4px 8px; background-color:#fff; border-radius:0 4px 4px 0; overflow:hidden; border: none;} div.searchPanel a[id$="SearchLinkButton"]:before, div.searchPanel input[id$="SearchButton"]:before {font-family:fontello; content:"\e810"; color:#49247d;} div.searchPanel a[id$="SearchLinkButton"]:hover, div.searchPanel a[id$="SearchLinkButton"]:focus, div.searchPanel input[id$="SearchButton"]:hover, div.searchPanel input[id$="SearchButton"]:focus {text-decoration:none; cursor:pointer;} div.searchPanel span[id$="SearchKeywordValidator"] {display:none !important;} .searchPanel #_Search_13_SearchKeywordValidator{display: none;} /*---------------------------------------- / navigation ----------------------------------------*/ #main-nav {display:block; background:transparent; border:none; float:right; clear:right; height:50px;} /*-----mega menu styles-----*/ #main-nav .hmenu {float:left; list-style-type:none; margin:0; padding:0; background:transparent;} #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li {float:left; padding:0;} #main-nav .hmenu > li > a {display:block; color:#fff; font-size:100%; font-weight:600; height:50px; padding:0 2em; line-height:50px; position:relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #main-nav .hmenu > li > a > span {} #main-nav .hmenu > li > a > span:before {content:"|"; color:#ece9f2; position:absolute; top:0; left:0; font-weight:100;} #main-nav .hmenu > li.active > a > span:before, #main-nav .hmenu > li > a > span.open:before {content:"";} #main-nav .hmenu > li.first > a > span {} #main-nav .hmenu > li.first > a > span:before {display:none;} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a, #main-nav .hmenu > li.active > a, #main-nav .hmenu > li.hover > a {background-color:#3f1f6b; cursor:pointer;} #main-nav .hmenu > li:hover > a > span:before, #main-nav .hmenu > li:focus > a > span:before {content:"";} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:none; position:absolute; top:105px; left:0; right:0; z-index:30; list-style-type:none; margin:0; padding:0; background-color:#3f1f6b; width:100% !important;} #main-nav .hmenu > li > ul.open {z-index:2000;} #main-nav .hmenu > li > ul.current {z-index:2001;} #main-nav .hmenu > li > ul > li {float:left; padding:2em 0 2em 2em;} #main-nav .hmenu > li > ul.col-five > li {width:20%;} #main-nav .hmenu > li > ul.col-six > li {width:16.6667%;} #main-nav .hmenu > li > ul > li > a {display:inline; padding:0 0 2px 0; margin:0; color:#fff; font-size:100%; font-weight:600; line-height:25px; text-decoration:none; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #main-nav .hmenu > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > a:focus {border-color:#fff;} #main-nav .hmenu > li > ul > li > span {display:block; color:#fff; font-size:85%; line-height:20px; padding-top:20px;} #main-nav .hmenu > li > ul > li.links {padding-right:1em;} #main-nav .hmenu > li > ul > li.links > ul {display:block; list-style-type:none; margin:0; padding:0;} #main-nav .hmenu > li > ul > li.links > ul > li {margin-bottom:20px; padding:0;} #main-nav .hmenu > li > ul > li.links > ul > li > a {color:#fff; font-size:90%; font-weight:600; padding:0 0 2px 0; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #main-nav .hmenu > li > ul > li.links > ul > li > a:hover, #main-nav .hmenu > li > ul > li.links > ul > li > a:focus {border-color:#fff;} #main-nav .hmenu > li > ul > li.login {text-align:center;} #main-nav .hmenu > li > ul > li.login > span {text-align:center;} #main-nav .hmenu > li > ul > li.login > span.heading {font-size:100%; font-weight:600; padding-top:0; line-height:25px; letter-spacing:1px;} #main-nav .hmenu > li > ul > li.login > .button {display:inline-block; margin:20px 10px 0 10px; color:#49247D; padding:7px 10px; text-decoration:none; line-height:1; font-size:90%;} #main-nav .hmenu > li > ul > li.feature {/*background-color:#361a5b;*/ padding-right:2em;} #main-nav .hmenu > li > ul > li.feature p {margin:0; padding:0;} #main-nav .hmenu > li > ul > li.feature img {width:100%; margin-bottom:10px;} #main-nav .hmenu > li > ul > li.feature a {color:#fff; font-size:90%; font-weight:600; padding:0 0 2px 0; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #main-nav .hmenu > li > ul > li.feature a:hover, #main-nav .hmenu > li > ul > li.feature a:focus {box-shadow:none; border-color:#fff;} #main-nav .hmenu > li > ul > li.awards {background-color:#361a5b; padding-right:2em;} #main-nav .hmenu > li > ul > li.awards > ul {display:block; list-style-type:none; margin:0 0 20px 0; padding:0;} #main-nav .hmenu > li > ul > li.awards > ul > li {width:50%; float:left; padding:0 10px 10px 0;} #main-nav .hmenu > li > ul > li.awards > ul > li > img {width:100%;} #main-nav .hmenu > li > ul > li.awards > a {font-size:90%;} #main-nav .hmenu > li > ul:after {background-color:#361a5b; position:absolute; top:0; bottom:0; right:0; content:""; z-index:-1;} #main-nav .hmenu > li > ul.col-five:after {width:20%;} #main-nav .hmenu > li > ul.col-six:after {width:16.6667%;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block;} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:none;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} /*-----panelbar menu styles-----*/ #section-menu {padding:2em 2em 0 2em;} #LeftMenu {width:100% !important;} .RadPanelBar {width: 100% !important;} .RadPanelBar ul {list-style-type:none; margin: 0 !important; padding:0;} .RadPanelBar ul li {margin: 0 !important;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} #section-menu .hmenu, #section-menu .hmenu ul {list-style-type:none; margin:0; padding:0;} /*level 1 panelbar*/ #LeftMenu .panelbar .rpRootGroup > li, #section-menu .hmenu > li {border-bottom:1px solid #c4c4c4;} #LeftMenu .panelbar .rpRootGroup > li.rpLast, #section-menu .hmenu > li.last {border-bottom:none;} #LeftMenu .panelbar a.MenuItemOne, #LeftMenu .panelbar a.MenuItemOne:hover, #LeftMenu .panelbar a.MenuItemOne:focus, #section-menu .hmenu > li > a, #section-menu .hmenu > li > a:hover, #section-menu .hmenu > li > a:focus {display:block; width:auto !important; height:auto; font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; font-weight:600;} #LeftMenu .panelbar a.MenuItemOne .rpText, #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #section-menu .hmenu > li > a > span {display:block; color:#000; padding:10px;} #LeftMenu .panelbar a.MenuItemOne .rpText:after, #LeftMenu .panelbar a.MenuItemOneClicked .rpText:after, #section-menu .hmenu > li > a > span:after {font-family:fontello; color:#898a8a; padding-left:10px;} #LeftMenu .panelbar a.MenuItemOne .rpText:after, #section-menu .hmenu > li > a > span:after {content:"\e805";} #LeftMenu .panelbar a.MenuItemOneClicked .rpText:after, #section-menu .hmenu > li.active > a > span:after {content:"\e807";} #LeftMenu .panelbar a.MenuItemOne:hover .rpText, #LeftMenu .panelbar a.MenuItemOne:focus .rpText, #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #section-menu .hmenu > li > a:hover > span, #section-menu .hmenu > li > a:focus > span, #section-menu .hmenu > li.active > a > span {background:#dbd3e5; color:#000;} /*level 2 panelbar*/ #section-menu .hmenu > li > ul {display:none;} #LeftMenu .panelbar a.MenuItemTwo, #LeftMenu .panelbar a.MenuItemTwo:hover, #LeftMenu .panelbar a.MenuItemTwo:focus, #section-menu .hmenu > li > ul > li > a, #section-menu .hmenu > li > ul > li > a:hover, #section-menu .hmenu > li > ul > li > a:focus {width:auto !important; height:auto; font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; font-weight:600;} #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #section-menu .hmenu > li > ul > li > a > span {color:#000; padding:5px 0 5px 24px; width: 100% !important; font-size:90%;} #LeftMenu .panelbar a.MenuItemTwo .rpText:after, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText:after, #section-menu .hmenu > li > ul > li > a > span:after {font-family:fontello; color:#898a8a; padding-left:10px;} #LeftMenu .panelbar a.MenuItemTwo .rpText:after, #section-menu .hmenu > li > ul > li > a > span:after {content:"\e805";} #LeftMenu .panelbar a.MenuItemTwoClicked .rpText:after {content:"\e807";} #LeftMenu .panelbar a.MenuItemTwo:hover .rpText, #LeftMenu .panelbar a.MenuItemTwo:focus .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #section-menu .hmenu > li > ul > li > a:hover > span, #section-menu .hmenu > li > ul > li > a:focus > span {background:#dbd3e5; color:#000;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree, #LeftMenu .panelbar a.MenuItemThree:hover, #LeftMenu .panelbar a.MenuItemThree:focus {width:auto !important; height:auto; font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif;} #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {color:#000; padding:5px 0 5px 36px; width: 100% !important; font-size:90%;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {background:#dbd3e5; color:#000;} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour, #LeftMenu .panelbar a.MenuItemFour:hover, #LeftMenu .panelbar a.MenuItemFour:focus {width:auto !important; height:auto; font:100% "myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif;} #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {color:#000; padding:5px 0 5px 48px; width:100% !important; font-size:90%;} #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {background:#dbd3e5; color:#000;} #LeftMenu .panelbar a.MenuItemOneClicked.remove-highlight .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked.remove-highlight .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked.remove-highlight .rpText, #LeftMenu .panelbar a.MenuItemFourClicked.remove-highlight .rpText {background:transparent;} /*---------------------------------------- / breadcrumbs ----------------------------------------*/ #breadcrumb-panel {position:relative; /*height:80px;*/ padding:0 2em 20px 2em; overflow:hidden; float:left; width:100%;} #breadcrumb-panel #breadcrumbs {font-size:90%; margin:20px 0 0 0; float:left; padding-top:5px;} #breadcrumb-panel #breadcrumbs a {/*color:#fff;*/} #breadcrumb-panel #breadcrumbs p {display:none; float:left; margin:0; padding:0;} #breadcrumb-panel #breadcrumbs ol {float:left; list-style-type:none; margin:0; padding:0;} #breadcrumb-panel #breadcrumbs ol img {float:left;} #breadcrumb-panel #breadcrumbs ol li {float:left; padding:0 10px 0 0; line-height:150%;} #breadcrumb-panel #breadcrumbs ol li:before {content:"/"; padding-right:10px; color:#898a8a; opacity:0.5;} #breadcrumb-panel #breadcrumbs ol li:first-child:before {content:""; padding-right:0;} #breadcrumb-panel #breadcrumbs ol li > a, #breadcrumb-panel #breadcrumbs ol li > span {line-height:150%; color:#898a8a;} #breadcrumb-panel #breadcrumbs ol li > a {border-bottom:1px solid #898a8a; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms; border-bottom:1px solid rgba(135, 136, 136, 0.5);} #breadcrumb-panel #breadcrumbs ol li > a:hover, #breadcrumb-panel #breadcrumbs ol li > a:focus {color:#898a8a; border-color:#898a8a; box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} #breadcrumb-panel #utilities {float:right; margin:20px 0 0 0; /*position:absolute; top:20px; right:2em;*/} #breadcrumb-panel #utilities h2 {display:inline-block; font-size:120%; font-weight:600; margin:0; padding:0;} #breadcrumb-panel #utilities .button {margin-left:1em; margin-bottom:0;} #breadcrumb-panel #utilities p {display:none;} /*---------------------------------------- / content ----------------------------------------*/ #content-area {padding-right:0; padding-left:0;} #content-area.home {margin-top:85px; position:relative; z-index:100;} #content-area section {float:left; width:100%; background-color:#fff; padding:2em; margin-bottom:40px;} #content-area section > p {padding-right:3em;} #content-area section.columns {padding:2em 1em;} #content-area.home section {padding:2em 1em;} #content-area section.about {background:#ebebeb url(/ecthemes/2/images/bg-about.png) repeat 0px 0px;} #content-area section.about h1 {color:#000; margin-bottom:20px;} #content-area section.about img {width:100%; max-width:100%;} #content-area section article {/*margin:0; padding:0;*/} #content-area section#two-column article {padding-left:0;} #content-area section#two-column aside {padding-right:0;} /*-----regular table-----*/ .content {} #content-area table.content {border-collapse:collapse; background:#f6f6f6; margin-bottom:40px; width:100%;} #content-area table.content th {border-bottom:1px solid #fff; padding:10px; text-align:center; background-color:#a8e2ec; font-weight:300;} #content-area table.content th a {} #content-area table.content td {border-bottom:1px solid #fff; padding:10px; font-size:90%; text-align:center;} #content-area table.content tr:nth-child(odd) td {background:#d4f1f6;} #content-area table.content tr:nth-child(odd):not(:first-child) th {background:#d4f1f6; text-align:left;} #content-area table.content tr:nth-child(even) th {background:#f6f6f6; text-align:left;} /*-----simple table-----*/ #content-area table.info-table {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%;} #content-area table.info-table th {width:25%; border:none; background-color:transparent; color:#49247d; padding:0 0 20px 0; text-align:left; font-weight:600;} #content-area table.info-table th a {} #content-area table.info-table td {border:none; padding:0 0 20px 0; text-align:left;} #content-area table.info-table tr:nth-child(2n) td {background:transparent;} /*-----chart table-----*/ #content-area table.chart {display:none;} #content-area table.chart th {} #content-area table.chart td {} #content-area table.chart tr:nth-child(2n) td {} /*-----lists-----*/ #content-area > ul {margin:0 34px 10px 34px; padding:0;} #content-area > ul li {line-height:1.625; margin-left:1em; max-width:34em;} #content-area > ul li.icon {height:50px;} #content-area > ol {margin:0 34px 10px 34px; padding:0;} #content-area > ol li {line-height:1.625; margin-left:1em; max-width:34em;} #content-area > ol li.icon {height:50px;} /*-----images-----*/ #content-area img {max-width:100%;} #content-area img.right {margin:0 0 2em 2em; width:50%;} #content-area img.left {margin:0 2em 2em 0; width:50%;} #content-area img.responsive-image {max-width:100%;} /*-----other-----*/ #content-area iframe {/*margin-bottom:40px;*/} #content-area p.news-author {font-size:150%; color:#898a8a; font-weight: 300;} #content-area p.right {width:50%; padding-right:3em;} #content-area p.left {width:50%; padding-right:3em;} #content-area p.col1 {float:left; width:33.333%; padding-right:3em;} #content-area p.col2 {float:left; width:33.333%; padding-right:3em;} #content-area p.col3 {float:left; width:33.333%; padding-right:3em;} #content-area p.footnote {font-size:80%; line-height:1.7273; font-weight:400;} /*-----tags-----*/ #content-area .tags {clear:both; padding-bottom:20px;} #content-area .tags h2 {display:inline-block; color:#898a8a; font-size:100%; margin:0; padding:0 7px 0 0;} #content-area .tags ul {display:inline-block; margin:0; padding:0;} #content-area .tags ul li {display:inline-block; position:relative; font-weight:600; margin:0 0 0 10px; padding:0; border-bottom:1px solid #898a8a; color:inherit; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms; border-bottom:1px solid rgba(0, 0, 0, 0.5);} #content-area .tags ul li:first-child {padding:0; margin:0;} #content-area .tags ul li:before {content:","; padding:0 5px 0 0; position:absolute; top:0px; left:-10px;} #content-area .tags ul li:first-child:before {content:""; padding:0; margin::0;} #content-area .tags ul li a {color:#000;} #content-area .tags ul li:hover, #content-area .tags ul li:focus {cursor:pointer; color:#000; border-color:#000; box-shadow: inset 0 -1.5em 0 #f5f4f8; -webkit-transition: box-shadow 300ms; transition: box-shadow 300ms;} #content-area .sub-content {list-style-type:none; margin:0; padding:0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #content-area .sub-content > li { padding:0 5px 10px 0; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; box-direction:row; -webkit-box-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; box-wrap:wrap; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #content-area .sub-content > li:first-child {padding-left:0;} #content-area .sub-content .section {display:block; width:100%; position:relative; overflow:hidden; background:#f5f4f8; padding-bottom:1em; box-shadow:0 1px 0 #49247d, 1px 1px 0 #e7e7e7; -webkit-transition: all 300ms; transition: all 300ms; z-index:1; border-bottom:none;} #content-area .sub-content .section .image {display:block; height:120px; overflow:hidden; position:relative;} #content-area .sub-content .section .image img {position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto; opacity:0.8; -webkit-transition: all 300ms; transition: all 300ms; -webkit-backface-visibility: hidden; z-index:10;} #content-area .sub-content .section .section-content {display:block; padding:1em;} #content-area .sub-content .section .section-content .heading {display:block; font-size:120%; color:#49247d; padding:0 0 1em 0; margin:0; line-height:1.2;} #content-area .sub-content .section .section-content .blurb {display:block; padding:0; margin:0; font-size:90%; line-height:1.5; color:#000;} #content-area .sub-content .section .section-content .blurb span.arrow:after {display:inline-block; font-family:fontello; content:"\e802"; color:#49247d; padding-left:2px; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-transition: all 300ms; transition: all 300ms;} #content-area .sub-content .section:hover, #content-area .sub-content .section:focus {background:#ece9f2; box-shadow: 0 2px 0 #49247d, 1px 1px 0 #cfd0d0; -webkit-transition: all 300ms; transition: all 300ms;} #content-area .sub-content .section:hover .image img, #content-area .sub-content .section:focus .image img {opacity:1; -webkit-transition: all 300ms; transition: all 300ms; -webkit-backface-visibility: hidden;} #content-area .sub-content .section:hover .section-content .blurb span.arrow:after, #content-area .sub-content .section:focus .section-content .blurb span.arrow:after {-webkit-transform: translate(8px, 1px); -ms-transform: translate(8px, 1px); transform: translate(8px, 1px); -webkit-transition: all 300ms; transition: all 300ms;} /*---------------------------------------- / home page ----------------------------------------*/ #members-login {z-index:20; float:right; clear:both; position:relative; margin:75px 80px 0 0; text-align:center;} #members-login h2 {font-weight:300; font-size:20px;} #members-login p {clear:both;} #members-login .button {display:block; width:140px; margin-left:auto; margin-right:auto;} #members-login .button.solid.other {background:#000; color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #members-login .more {color:#fff; padding-right:0; margin-bottom:0; border-color:#fff; text-decoration:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #members-login .more:after {content:"";} #members-login .more:hover, #members-login .more:focus {box-shadow:none;} /*---------------------------------------- / page-tools ----------------------------------------*/ #page-tools {width: 100%; float:left; clear:both; border-top:1px solid #E0E0E0; margin-top:20px;} #page-tools-inner {border-top:1px solid #fff; float:left; clear:both; width: 100%; padding:20px 10px 0 10px;} /*-----ratings-----*/ /* star */ .Rating {width:330px; float:left; clear:both; height:20px;} .Rating div {float:right; padding-right:10px;} .Rating div br {display:none;} .Rating div img {vertical-align:bottom;} /* custom */ .RatingContainer h2 {position:absolute; left:-9999px;} .RatingContainer ul {list-style-type:none; margin:0; padding:0;} .RatingContainer ul li {float:left; padding-right:10px;} .RatingContainer ul li img {vertical-align:middle; width:18px; height:18px; margin-right:3px;} .RatingContainer ul li .accessible {position:absolute; left:-9999px;} /* graph view */ .RatingContainer ul li .ratingOption {float:left; margin:0 5px 2px 0;} .RatingContainer ul li .ratingOptionOuter {float:left; clear:left; width:125px; border:1px solid #ccc;} .RatingContainer ul li .ratingOptionOuter .ratingOptionPercent {background-color:#ccc; height:12px;} .RatingContainer ul li .ratingOptionOuter .rating-number {position:absolute; left:-9999px;} /*-----social media links-----*/ #page-tools-connect {float:right; width:320px;} #page-tools-connect > div {float:left; margin-left:10px;} #page-tools-connect div.twitter {width:100px; overflow:hidden;} #page-tools-connect div.facebook {width:50px; overflow:hidden;} #page-tools-connect div.google {width:60px; overflow:hidden;} #page-tools-connect div.linkedin {width:70px; overflow:hidden;} /*---------------------------------------- / sidebar ----------------------------------------*/ #wrapper #page-content #sidebar h3 {background-color:#CECECE; border:1px solid #ACACAC; color:#333; font-family:arial,verdana,sans-serif; font-weight:100; margin:0 0 5px 0; padding:5px 10px; text-transform: lowercase;} #wrapper #page-content #sidebar ul {margin-left:25px; padding:0;} #wrapper #page-content #sidebar ul li {margin-bottom:5px;} #wrapper #page-content #sidebar ol {margin-left:30px; padding:0;} #wrapper #page-content #sidebar ol li {margin-bottom:5px;} #wrapper #page-content #sidebar img.thumbnail-image {margin-bottom:20px;} /*---------------------------------------- / footer Style ----------------------------------------*/ #footer {border-top:20px solid #f5f5f5; float:left; width:100%; clear:both; font-size:100%; color:#fff; padding:20px 0;background:#8d8e8f url(/ecthemes/2/images/bg-footer.png) repeat 0 0;} #footer > div {padding:0 2em;} #footer * {box-sizing:border-box; -moz-box-sizing:border-box;} #footer a {color:#fff;} #footer hr {} #footer h2 {color:#fff; font-size:110%; font-weight:300; line-height:1; margin-bottom:20px;} #footer h3 {color:#fff; font-size:100%; font-weight:300; line-height:1;} #footer ul {list-style-type:none; margin:0; padding:0;} #footer p {} #footer p a {border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5);} #footer p a:hover, #footer p a:focus {box-shadow:none; border-color:#fff;} #footer p a.more {margin-bottom:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #footer .footer-top {margin:0; padding:0;} #footer .footer-top p {float:left;} #footer .footer-top ul {float:left; margin-left:-1em;} #footer .footer-top ul li {float:left; width:20%; padding:0 0 0 1em; max-width:100px;} #footer .footer-top ul li:first-child {/*padding-left:0;*/} #footer .footer-top ul li img {width:100%;} #footer .footer-logo img {height:60px;} #footer .footer-bottom {padding:0; margin:0; position:relative;} #footer .footer-bottom .hmenu {} #footer .footer-bottom .hmenu > li {width:24%; margin-bottom:35px; padding:0 1em 0 0; float:left;} #footer .footer-bottom .hmenu > li > a {font-size:110%; font-weight:600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #footer .footer-bottom .hmenu > li > span {font-size:110%;} #footer .footer-lower .hmenu > li.last > a {font-weight:300;} #footer .footer-bottom .hmenu > li > ul {margin-top:20px;} #footer .footer-bottom .hmenu > li > ul > li {margin-bottom:10px; font-weight:300;} #footer .footer-bottom .hmenu > li > ul > li > a {font-size:90%;} #footer .footer-bottom .hmenu a {padding-bottom:2px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255, 255, 255, 0.5);} #footer .footer-bottom .hmenu a:hover, #footer .footer-bottom .hmenu a:focus {border-color:#fff;} #footer .footer-lower .hmenu > li.last > a {border-bottom:none;} #footer .footer-bottom .caps {text-transform:none; letter-spacing:0px;} #footer .footer-bottom .number {color:#fff; font-weight:300;} #footer .contact p {font-size:90%;} #footer .statement {margin-top:40px; font-size:90%; /*position:absolute; bottom:0; left:0;*/} #footer .follow {/*position:absolute; bottom:160px; right:31px; padding:0;*/} #footer .follow h3 {font-size:100%; margin:0 0 25px 0; padding:0;} #footer .follow-items ul {list-style-type:none; margin:0; padding:0;} #footer .footer-lower .hmenu .follow-items {font-weight:300; font-size:110%;} #footer .follow-items ul li, #footer .hmenu .follow-items ul li {display:inline-block; margin-right:10px; font-weight:300;} #footer .follow-items ul li a, #footer .hmenu .follow-items a {display:block; text-indent:-9999px; position:relative; width:20px; height:20px; border-bottom:none;} #footer .follow-items ul li a:after {color:#fff; font-family:fontello; font-size:20px; position:absolute; top:0; left:0; text-indent:0;} #footer .follow-items .facebook {} #footer .follow-items .facebook:after {content:"\e812";} #footer .follow-items .twitter {} #footer .follow-items .twitter:after {content:"\e811";} #footer .tagline {float:left; font-size:140%; line-height:1.2; font-weight:100; padding-top:20px; margin:0;} #footer-back {display:none;} /*---------------------------------------- / search results ----------------------------------------*/ .SearchLeft {display:none; width:25%; padding-right:20px; float:left;} .SearchLeft h2 {font-size:130%; margin-top:0; margin-bottom:16px; background:url(/images/useruploadedimages/11/refine-search.gif) no-repeat top left; padding-left:25px;} .SearchLeft ul {list-style-type:none; margin:0 0 32px 0; padding:0;} .SearchLeft ul li {} .SearchLeft ul li a {} .SearchLeft ul li .selected a {font-weight:600;} .search-results {padding-left:0;} .search-contact {padding-right:0;} .SearchResults {width: 100%;} .SearchResults iframe {display:none;} .SearchResults div[id$="pnlnumberResults"] {font-size:22px; margin:0 18px 20px 0; clear:both; color:#898a8a;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {} .SearchResults div[id$="pnlnumberResults"] #searchTerms {} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:150%;} .SearchResults ol#searchResultsInfo {list-style-type:none; margin:0 18px 20px 0; padding:0;} .SearchResults ol#searchResultsInfo li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c4c4c4;} .SearchResults ol#searchResultsInfo li span.firstRow {display:block;} .SearchResults ol#searchResultsInfo li span.firstRow a {font-size:18px; color:#49247d; text-decoration:none; font-weight:600;} .SearchResults ol#searchResultsInfo li span.firstRow img {display:none;} .SearchResults ol#searchResultsInfo li span.clsResultDescr {display:block; margin:0; line-height:150%;} .SearchResults ol#searchResultsInfo li span.clsResultDescr .search-highlight {font-weight:600;} .SearchResults ol#searchResultsInfo li span.clsResultFilmedOn {display:none; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol#searchResultsInfo li span.clsResultFilmedOn span {padding-right:5px;} .SearchResults ol#searchResultsInfo li span.clsResultDuration {display:none; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol#searchResultsInfo li span.clsResultDuration span {padding-right:5px;} .SearchResults ol#searchResultsInfo li span.lastRow {display:none; font-size:100%; margin-left:27px; color:#666;} .SearchResults ol#searchResultsInfo li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 0 20px 0;} .SearchResults div[id$="pnlPageLinks"] a {display:inline-block; margin-left:5px;} .SearchResults div[id$="pnlPageLinks"] a span {display:inline-block; padding:5px 10px; background:#F5F5F5; color:#49247D;} .SearchResults div[id$="pnlPageLinks"] a span.resultPageNumberSelected {} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {} /*---------------------------------------- / real-time search results ----------------------------------------*/ #content-area .searchPanel {position:relative;} .quickSearchPanel {position:absolute; top:29px; z-index:1002;} .header-search .quickSearchPanel {right:0px;} #content-area .quickSearchPanel {left:0px;} .dynamic-results {text-align:left; border:1px solid #c4c4c4; width:290px; height:auto; padding:0; overflow:hidden; background-color:#fff; display:none;} .dynamic-results .dynamic-results-mask {display:none; padding:10px 15px;} .dynamic-results .dynamic-results-mask p {margin-bottom:5px;} .dynamic-results .dynamic-results-inner {display:none; width:290px; height:auto; overflow:auto;} .dynamic-results .dynamic-results-inner p {margin:0 0 5px 0; padding:0 10px; font-size:90%;} .dynamic-results .dynamic-results-inner ol {list-style-type:none; margin:0; padding:0;} .dynamic-results .dynamic-results-inner ol li {} .dynamic-results .dynamic-results-inner ol li a {display:block; padding:10px; font-size:90%;} .dynamic-results .dynamic-results-inner ol li a:hover, .dynamic-results .dynamic-results-inner ol li a:focus {background-color:#f5f4f8;} .dynamic-results .dynamic-results-links {display:block; color:#fff; background-color:#49247D; padding:2px 10px; font-size:90%;} .dynamic-results .dynamic-results-links a {color:#fff;} .dynamic-results .dynamic-results-links #close-results {float:right;} .dynamic-results .dynamic-results-links #close-results:hover, .dynamic-results .dynamic-results-links #close-results:focus {cursor:pointer;} .dynamic-results .dynamic-results-links .more-results {} .dynamic-results .dynamic-results-links .more-results:hover, .dynamic-results .dynamic-results-links .more-results:focus {cursor:pointer;} .dynamic-results .search-variable {display:none;} /*---------------------------------------- / related content ----------------------------------------*/ .relatedItems {} .relatedItems h2, .relatedItems h3 {display:none;} /*---------------------------------------- / document details ----------------------------------------*/ #DocDetailsContainer {} #DocDetailsContainer > div {margin-bottom:5px;} #DocDetailsContainer h1 {} #DocDetailsContainer h2 {font-size:100%; line-height:150%; font-weight:300; padding:0 5px 0 0; margin:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer h2.clsDocSummaryLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocViewDocumentLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocAssosiatedDocsLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer > div > div, #DocDetailsContainer > div > p {margin:0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer > div > div img, #DocDetailsContainer > div > p img {vertical-align:middle; margin-right:5px;} #DocDetailsContainer > div > p.clsDocViewDocument {display:block; margin:0; padding:20px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #DocDetailsContainer > div.clsDocBriefSummaryContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocDatePublishedContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocViewDocumentContainer {margin-bottom:25px;} #DocDetailsContainer > div > div.clsDocAssosiatedDocs {display:block;} /*---------------------------------------- / premium content ----------------------------------------*/ .premium-content {} .premium-content .article-desc {margin-bottom:20px;} .premium-content .login-element {} .premium-content .premium-lgn-article {} /*---------------------------------------- / document type annotations ----------------------------------------*/ #page-content a.document.pdf .file-info .file-type, .cloud-storage table.dataTable td > span.pdf { background:url(/Images/DocumentTypeImages/file-pdf.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.doc .file-info .file-type, #page-content a.document.docx .file-info .file-type, .cloud-storage table.dataTable td > span.doc, .cloud-storage table.dataTable td > span.docx { background:url(/Images/DocumentTypeImages/file-doc.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.xls .file-info .file-type, #page-content a.document.xlsx .file-info .file-type, .cloud-storage table.dataTable td > span.xls, .cloud-storage table.dataTable td > span.xlsx { background:url(/Images/DocumentTypeImages/file-xls.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.ppt .file-info .file-type, #page-content a.document.pptx .file-info .file-type, .cloud-storage table.dataTable td > span.ppt, .cloud-storage table.dataTable td > span.pptx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.pps .file-info .file-type, #page-content a.document.ppsx .file-info .file-type, .cloud-storage table.dataTable td > span.pps, .cloud-storage table.dataTable td > span.ppsx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.flv .file-info .file-type, #page-content a.document.f4v .file-info .file-type, .cloud-storage table.dataTable td > span.flv, .cloud-storage table.dataTable td > span.f4v { background:url(/Images/DocumentTypeImages/file-flv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.url .file-info .file-type, .cloud-storage table.dataTable td > span.url { background:url(/Images/DocumentTypeImages/file-url.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mpg .file-info .file-type, .cloud-storage table.dataTable td > span.mpg { background:url(/Images/DocumentTypeImages/file-mpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mp3 .file-info .file-type, .cloud-storage table.dataTable td > span.mp3 { background:url(/Images/DocumentTypeImages/file-mp3.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mp4 .file-info .file-type, .cloud-storage table.dataTable td > span.mp4 { background:url(/Images/DocumentTypeImages/file-mp4.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.wmv .file-info .file-type, .cloud-storage table.dataTable td > span.wmv { background:url(/Images/DocumentTypeImages/file-wmv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.gif .file-info .file-type, #page-content a.document.jpg .file-info .file-type, #page-content a.document.png .file-info .file-type, .cloud-storage table.dataTable td > span.gif, .cloud-storage table.dataTable td > span.jpg, .cloud-storage table.dataTable td > span.png { background:url(/Images/DocumentTypeImages/file-jpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.youtube .file-info .file-type { background:url(/Images/DocumentTypeImages/file-url.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.album { background:url(/Images/tdcm/photo.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.folder { background:url(/Images/tdcm/folder.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } /*--------------------------------------------------------------------- Site Modules ---------------------------------------------------------------------*/ /*---------------------------------------- / document upload ----------------------------------------*/ .FileUpload a#btnAdddocument1 {color:#fff; padding:5px 10px; border:1px solid #1D779F; background-color:#1D779F; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FileUpload a#btnAdddocument1:hover, .FileUpload a#btnAdddocument1:focus {border:1px solid #00557F; cursor:pointer;} /*---------------------------------------- / widgets ----------------------------------------*/ .widget dl, .widget dt, .widget dd {list-style-type:none; margin:0; padding:0; font-weight:300;} .widget dd {line-height:150%;} .widget br {display:none;} /*-----refine widget-----*/ #refine-items {margin-left:-2em;} #refine-items > div {padding:0 0 0 2em;} #refine-items > div:first-child {/*padding-left:0;*/} #content-area .refine-dropdown {margin:0 0 20px 0; padding:8px 0 0 15px; position:relative; background:#F5F4F8; padding-right:42px; border:1px solid #c4c4c4; border-radius:4px; height:40px; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .refine-dropdown h3 {font-size:100%; color:#49247D; margin:0; padding:0; font-weight:600; height:28px; overflow:hidden;} #content-area .refine-dropdown ol {list-style-type:none; margin:0; padding:0; display:none; position:absolute; top:39px; left:-1px; right:-1px; background:#fff; border:1px solid #c4c4c4; border-top:none; z-index:10;} #content-area .refine-dropdown ol li {padding:0; margin:0; border-top:1px solid #c4c4c4; position:relative;} #content-area .refine-dropdown ol li:first-child {border-top:none;} #content-area .refine-dropdown ol li:hover, #content-area .refine-dropdown ol li:focus {background-color:#f5f4f8;} #content-area .refine-dropdown ol li a:first-child {color:#000; display:block; padding:10px 30px 10px 15px; position:relative; font-size:90%; font-weight:600;} #content-area .refine-dropdown ol li a:first-child:hover, #content-area .refine-dropdown ol li a:first-child:focus {background-color:#f5f4f8;} #content-area .refine-dropdown ol li a .RefineWidgetRemove {position:absolute; top:10px; right:12px; text-indent:-9999px; width:15px; height:15px;} #content-area .refine-dropdown ol li a .RefineWidgetRemove:after {text-indent:0; content:"\e809"; color:#49247D; font-family:fontello; position:absolute; top:0; left:0;} #content-area .refine-dropdown:hover, #content-area .refine-dropdown:focus {background:#dbd3e5; box-shadow: inset 0 40px 0 #dbd3e5; cursor:pointer; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .refine-dropdown:after {position:absolute; top:0; right:0; content:"\e800"; display:block; border-left:1px solid #c4c4c4; background:#fff; border-radius:0 4px 4px 0; font-family:fontello; color:#49247D; width:42px; height:38px; text-align:center; padding-top:10px; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .refine-dropdown:hover:after, #content-area .refine-dropdown:focus:after {box-shadow: inset 0 40px 0 #fff; -webkit-transition: all 400ms; transition: all 400ms;} #content-area .refine-dropdown.open {border-radius:4px 4px 0 0;} #content-area .refine-dropdown.open ol {display:block;} #content-area .refine-dropdown.open:after {content:"\e803";} #content-area .refine-dropdown.selected {background:#dbd3e5;} #content-area .refine-dropdown.selected h3 {color:#000;} /*-----widget page links-----*/ .widget .widgetPageLinks {} .widget .widgetPageLinks h3 {float:left; font-size:100%; color:#000; line-height:100%; margin:0; padding:5px 0 0 0;} .widget .widgetPageLinks a {float:left; margin-left:5px;} .widget .widgetPageLinks a span {float:left; padding:5px 10px; background:#F5F5F5; color:#49247D;} .widget .widgetPageLinks a span.resultPageNumberSelected {} .widget .widgetPageLinks a#PrevLink {} .widget .widgetPageLinks a#NextLink {} /*-----image widget-----*/ .image-widget dt {text-align:center;} .image-widget img {float:none;} .image-widget .mainItem, .image-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .image-widget .allsubItems {display:inline;} /*-----article widget-----*/ .article-widget .mainItem, .article-widget .subItem {margin-bottom:15px;} .article-widget .mainItemHeading, .article-widget .subItemHeading {font-size:120%; font-weight:600;} /*-----document widget-----*/ .document-widget .mainItem, .document-widget .subItem {margin-bottom:15px;} /*-----video widget-----*/ .video-widget img {float:none;} .video-widget .mainItem {background:#deded5; border:1px solid #bbbbbb; height:216px;} .video-widget .mainItem img {} .video-widget .mainItem dl {width:450px; margin:20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .allsubItems {margin-top:20px;} .video-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .subItem img {width:160px;} .video-widget .subItem dt {text-align:center;} #nyroModalWrapper {background-color:#000; height:auto !important} #nyroModalWrapper h1 {margin:10px 0 0 10px;} #nyroModalFull #closeBut {color:#ffffff; background:#000; padding:5px; position:absolute; top:10px; right:10px;} #nyroModalWrapper #nyroModalContent {overflow:hidden !important;} /*-----slideshow widget-----*/ .slideshow-widget {} .slideshow-widget .slideshowcontainer {} .slideshow-widget .slideshowcontainer .slideshow {height:125px !important; width:160px !important;} .slideshow-widget .slideshowcontainer .slideshownav {} .slideshow-widget .slideshowcontainer .slideshownav a {padding-right:5px;} /*-----video widget-----*/ .youtube-widget h2 {display:none;} .youtube-widget a {text-decoration:none;} .youtube-widget img {float:none;} .youtube-widget .mainItem {background:#fff; border:1px solid #bbbbbb; padding:10px; height:200px;} .youtube-widget .mainItem img {} .youtube-widget .mainItem dl {width:400px; margin:0 0 0 20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .mainItem dl .mainItemHeading {font-size:175%; display:block; margin-bottom:10px;} .youtube-widget .allsubItems {margin-top:20px;} .youtube-widget .subItem {margin:0 20px 30px 0; width:440px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem img {width:160px; margin-right:20px;} .youtube-widget .subItem dl {width:200px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem dt {} .youtube-widget .subItem dt .subItemHeading {font-weight:600;} /*-----related news-----*/ .related-news {position:relative;} .related-news h2 {text-transform:uppercase;} .home .related-news img {position:absolute; bottom:0; left:0; height:143px;} .related-news dl {} .related-news dl dt .mainItemHeading {display:block; color:#000; font-size:120%;} .related-news dl dt .mainItemDate {font-size:120%;} .news-full-widget {position:relative;} .news-full-widget h2 {text-transform:uppercase;} .news-full-widget .mainItem, .news-full-widget .subItem {position:relative; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #c4c4c4;} .news-full-widget img {float:none !important; display:block; margin-top:20px;} .news-full-widget dl {} .news-full-widget dl dt .mainItemHeading, .news-full-widget dl dt .subItemHeading {display:block; color:#000; font-size:22px; font-weight:600; line-height:26px; margin-bottom:5px;} .news-full-widget dl dt .mainItemDate, .news-full-widget dl dt .subItemDate {display:block; font-size:18px; margin-bottom:15px;} .news-full-widget dl dt .mainItemTaxonAboveHeading, .news-full-widget dl dt .mainItemTaxonBelowHeading, .news-full-widget dl dt .subItemTaxonAboveHeading, .news-full-widget dl dt .subItemTaxonBelowHeading {display:none;} .news-full-widget .mainItemMore, .news-full-widget .subItemMore {margin-top:20px;} .recent-news, #recent-news-listing {} #recent-news-listing article {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #c4c4c4;} .recent-news h3, #recent-news-listing h3 {margin-bottom:5px; font-size:20px; font-weight:600;} .recent-news h3 a, #recent-news-listing h3 a {color:#000;} .recent-news p.date, #recent-news-listing p.date {font-size:18px; margin-bottom:10px;} .recent-news p.image, #recent-news-listing p.image {margin-bottom:10px;} .recent-news p.image img {width:50%;} .home .recent-news p.image img {width:200px;} #recent-news-listing p.image img {width:100%;} /*-----seminars-----*/ .seminars {float:left; width:100%;} .home .seminars {} .seminars .mainItem, .seminars .subItem {position:relative; background:#f5f4f8; float:left; width:50%; height:505px; margin:0; padding:2em; border-bottom:2em solid #fff;} .seminars .mainItem {border-right:1em solid #fff;} .seminars .subItem:nth-child(odd) {border-right:1em solid #fff;} .seminars .subItem:nth-child(even) {border-left:1em solid #fff;} .seminars .mainItemHeading, .seminars .subItemHeading {display:inline-block; color:#49247d; font-weight:600; margin:0 0 10px 0; padding:0;} .seminars .mainItemDate, .seminars .subItemDate {display:block; margin-bottom:15px; font-weight:600;} .seminars .mainItemDate:before, .seminars .subItemDate:before {content:"\e80b"; font-family:fontello; font-size:140%; font-weight:300; padding-right:5px;} .seminars .mainItemTaxonBelowHeading, .seminars .subItemTaxonBelowHeading {display:block; font-weight:600; margin-bottom:5px;} .seminars .mainItem .description, .seminars .subItem .description {margin-bottom:20px;} .seminars .mainItem .events, .seminars .subItem .events {font-weight:600; margin-bottom:10px;} .seminars .mainItemMore, .seminars .subItemMore {/*position:absolute; bottom:2em; left:2em; margin-bottom:0;*/} .seminars > p {margin:0; padding:0; clear:both;} .home .seminars > p {padding-left:0; background:#fff;} #content-area #seminars {background:#f5f4f8;} #content-area #seminars > p {padding-top:20px; clear:both; background:#fff;} #content-area #seminars article {padding:1em; margin:0; border-left:1em solid #fff;} #content-area #seminars article:first-child {border-left:none;} #content-area #seminars article h3 {color:#49247d; font-weight:600; margin:0 0 5px 0; padding:0;} #content-area #seminars article h3 a {color:#49247d;} #content-area #seminars article p {margin-bottom:5px;} #content-area #seminars article p.date {} #content-area #seminars article p.date:before {content:"\e80b"; font-family:fontello; font-size:130%; padding-right:5px;} #content-area #seminars article p.audience {font-weight:600;} #content-area #seminars article p.desc {margin-bottom:10px;} #content-area #seminars article p.location {font-weight:600; margin-bottom:10px;} #content-area #seminars article .button {margin-bottom:0;} /*---------------------------------------- / carousels /*---------------------------------------*/ #carousel {position:absolute; top:0; left:0; width:100%; height:599px; z-index:10;} #carousel > p {font-size:270%; font-weight:300; line-height:1.2; background:transparent; color:#fff; width:195px; position:absolute; top:200px; left:50%; z-index:9999;} #carousel .carousel-contents {/*width:100%; max-width:100%;*/ margin:0 auto; position:relative;} #carousel .carousel-contents #slide {width:100%; position:relative; overflow:hidden; height:599px;} #carousel .carousel-contents #slide > div {height:599px; width:100% !important;} #carousel .carousel-contents #slide > div img {position:absolute; left:-9999px; right:-9999px; margin:0 auto; z-index:1; /*width:100%;*/} /*---------------------------------------- / rss /*---------------------------------------*/ .rss ol {margin:0; padding:0;} .rss ol li {margin:0 0 10px 0;} .rss ol li a {display:block;} /*---------------------------------------- / wiki /*---------------------------------------*/ .module-area .ArticleList ul {list-style-type:none; margin:0; padding:0;} .module-area .ArticleList ul li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;} .module-area .ArticleList ul li a {display:block; margin-bottom:5px;} .module-area .ArticleList ul li span.ArticleSeparator {display:none;} .module-area .ArticleList ul li span.ArticleDescription {display:block;} /*---------------------------------------- / form creator ----------------------------------------*/ .clsFormCreator {margin:0 0 20px 0; background-color:#fff; float:left; width:100%;} .clsFormCreator div {margin-bottom:20px; position:relative; float:left; width:100%;} .clsFormCreator div label {width:25%; padding:10px 2em 0 0; float:left; text-align:right; font-weight:300; margin-bottom:0;} .clsFormCreator div > input[type="text"] {width:50% !important; height:45px; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; background:#f9f9f9;} .clsFormCreator div > input.clsDateBox {width:200px !important; display: inline-block;} .clsFormCreator div > input:hover[type="text"], .clsFormCreator div > input:focus[type="text"], .clsFormCreator div > input:active[type="text"] {border:1px solid #beb2d0;} .clsFormCreator div select {width:50% !important; height:45px; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; background:#f9f9f9;} .clsFormCreator div select:hover, .clsFormCreator div select:focus, .clsFormCreator div select:active {border:1px solid #beb2d0;} .clsFormCreator div textarea {width:50%; height:145px; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; resize:none; background:#f9f9f9;} .clsFormCreator div textarea:hover, .clsFormCreator div textarea:focus, .clsFormCreator div textarea:active {border:1px solid #beb2d0;} .clsFormCreator div span.mandatory, .clsFormCreator div span.validatoralert {position:absolute; top:0; right:100px; background-color:red; color:#fff !important; padding:7px 14px;} .clsFormCreator div span.validatoralert {right:0; width:150px;} .clsFormCreator fieldset {border:none; margin:0 0 20px 0; padding:0;} .clsFormCreator fieldset legend {color:#000; font-size:100%; border: none;} .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {padding-left:25%; position:relative;} .clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {width:25%; padding:0 2em 0 0; margin:0; position:absolute; top:0; left:0; font-weight:600; text-align:right;} .clsFormCreator div .clsCheckBoxListSpanOptions > span, .clsFormCreator div .clsRadioButtonListSpanOptions > span {margin-bottom:5px; display:block;} .clsFormCreator div .clsCheckBoxListSpanOptions span input, .clsFormCreator div .clsRadioButtonListSpanOptions span input {width:auto !important; height:auto; margin:0 5px 0 0; padding:0;} .clsFormCreator div .clsCheckBoxListSpanOptions span label, .clsFormCreator div .clsRadioButtonListSpanOptions span label {width:auto; padding-top:0; font-weight:300; float:none; text-align:left;} .clsFormCreator div.clsFormCreator_checkbox {position:relative; padding-left:25%;} .clsFormCreator div.clsFormCreator_checkbox label, #divEventRegistration .clsFormCreator div.clsFormCreator_checkbox label {width:auto; float:none; text-align:left;} .clsFormCreator div.clsFormCreator_checkbox input {width:auto !important; height:auto; margin:0 5px 0 0; padding:0;} .clsFormCreator div.clsMandatory {padding-left:25%; font-size:90%;} .clsFormCreator div.clsBtnSubmit {width:auto; margin:20px 0 0 0; padding-left:25%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnClear {width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator .formCreatorCaptchaTable {padding-left:20%;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator fieldset.two-column > div {width:50%; padding-right:1em;} .clsFormCreator fieldset.three-column > div {width:33%; padding-right:1em;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} #divEventRegistration .clsFormCreator div.clsMandatory, #divEventRegistration .clsFormCreator div.clsBtnSubmit, #divEventRegistration .clsFormCreator div.clsBtnClear {display:none;} /*---------------------------------------- / events ----------------------------------------*/ /*-----custom details view-----*/ #content-area .event-view-training-details table {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%;} #content-area .event-view-training-details table th {width:160px; border:none; background-color:transparent; color:#49247d; padding:10px 0; font-weight:600; text-align:left;} #content-area .event-view-training-details table td {border:none; text-align:left; font-size:100%; padding:10px 0;} #content-area .event-view-training-details table td p.date {font-weight:600; margin:0; padding:0;} #content-area .event-view-training-details table td p.date:before {content:"\e80b"; font-family:fontello; font-size:140%; padding-right:5px; font-weight:300;} #content-area .event-view-training-details table tr:nth-child(2n) td {background:transparent;} #content-area .event-view-training-details #btnRegister {margin-left:160px;} div[id$="BackLink"] {display:none;} #content-area .event-view-training-details .event-view-venue-address { display: block; } /*-----registration-----*/ /*---------------------------------------- / Event registration steps ----------------------------------------*/ .clsEventRegStageBreadcrumbSelected { border: 1px solid #159ea5 ; background-color: #159ea5 ; color: #ffffff ; padding: 10px ; display: block ; margin-bottom: 5px ; } .clsEventRegStageBreadcrumb { border: 1px solid #dddddd ; background-color: #ffffff ; color: #dddddd ; padding: 10px ; display: block ; margin-bottom: 5px ; } .clsEventRegStageBreadcrumbSeparator { display: none ; } #divEventRegistration {} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected, .event-registration-confirmation div#pnlEventRegStageBreadcrumb .clsEventRegStageBreadcrumbSelected {font-weight:600;} #divEventRegistration #tblEventDetails {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%; border: none;} #divEventRegistration #tblEventDetails th {width:160px; border:none; background-color:transparent; color:#49247d; padding:10px 0; font-weight:600; text-align:left;} #divEventRegistration #tblEventDetails td {border:none; text-align:left; font-size:100%; padding:10px 0; background-color: transparent;} #divEventRegistration #tblEventDetails tr:nth-child(2n) td {background:transparent;} #divEventRegistration fieldset {margin:0 0 20px 0; padding:0; border:none; background-color:#fff;} #divEventRegistration fieldset legend {display:none;} #divEventRegistration fieldset p {float:left; width:100%; padding:0; margin:0 0 20px 0;} #divEventRegistration fieldset label {width:25%; padding:10px 2em 0 0; float:left; text-align:right; font-weight:300; margin-bottom:0;} #divEventRegistration fieldset label span {color:red;} #divEventRegistration fieldset input[type="text"] {width:50% !important; height:45px; float:left; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; background:#f9f9f9;} #divEventRegistration fieldset p > span {float:left; padding-top:10px;} #divEventRegistration fieldset input[type="text"]:hover, #divEventRegistration fieldset input[type="text"]:focus {border:1px solid #beb2d0;} #divEventRegistration fieldset select {width:50% !important; height:45px; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; background:#f9f9f9;} #divEventRegistration fieldset select:hover, #divEventRegistration fieldset select:focus {border:1px solid #beb2d0;} #divEventRegistration fieldset textarea {width:50%; height:145px; border:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:10px 15px; resize:none; background:#f9f9f9;} #divEventRegistration fieldset textarea:hover, #divEventRegistration fieldset textarea:focus {border:1px solid #beb2d0;} #divEventRegistration fieldset fieldset {position:relative; border:none; padding:0; margin:0 0 20px 0; float:left; width:100%; min-height:35px;} #divEventRegistration fieldset fieldset legend {display:block; width:25%; padding:10px 2em 0 0; margin:0; position:absolute; top:0; left:0; text-align:right;} #divEventRegistration fieldset fieldset label {width:auto;} #divEventRegistration fieldset fieldset label[id$="lblPhoneAreacode"] {display:none !important;} #divEventRegistration fieldset fieldset label[id$="lblPhoneNumber"] {display:none !important;} #divEventRegistration fieldset fieldset input[type="text"]#txtPhoneAreaCode {display:none !important;} #divEventRegistration fieldset fieldset input[type="text"] {width:50% !important; margin-left:25%;} #divEventRegistration fieldset fieldset > span {float:left; padding-top:10px; margin-left:25%;} #divEventRegistration fieldset fieldset span[id$="txtPhoneInternationalConfirm"], #divEventRegistration fieldset fieldset span[id$="txtPhoneAreaCodeConfirm"] {display:none !important;} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] {} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] > div {margin:0 0 20px 0;float: left; width: 100%;} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] > div.button{width: auto;border: 0; border-radius: 0; margin-left: 210px;} #fdsColleagues .button{border: 0; border-radius: 0;} #fdsColleagues .button #hrefDeleteItem > img{margin-top: -8px;} #divEventRegistration div[id$="divMandatoryMessage"] {margin-left:25%;} #divEventRegistration div[id$="divSubmitButtonsStage1"] {margin-left:25%;} #divEventRegistration div[id$="divSubmitButtonsStage2"] {margin-left:25%;} #divEventRegistration fieldset > p > a:first-child {margin-left:25%;} /*-----confirmation-----*/ .event-registration-confirmation b {font-weight:300;} .event-registration-confirmation table {width:100%;} .event-registration-confirmation td.clsMidHeader {color:#898a8a; font-family:"myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; text-rendering: optimizeLegibility; font-weight:300; font-size:22px; line-height:32px; padding:0 0 1em 0; margin:0;} .event-registration-confirmation .NotificationEventDetails {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%;} .event-registration-confirmation .NotificationEventDetails th {width:160px; border:none; background-color:transparent; color:#49247d; padding:10px 0; font-weight:600; text-align:left;} .event-registration-confirmation .NotificationEventDetails td {border:none; text-align:left; font-size:100%; padding:10px 0;} .event-registration-confirmation .NotificationEventDetails td.clsSubject {color:#898a8a; font-family:"myriad-pro-n3", "myriad-pro", arial, verdana, sans-serif; text-rendering: optimizeLegibility; font-weight:300; font-size:22px; line-height:32px; padding:0 0 1em 0; margin:0;} .event-registration-confirmation .NotificationEventDetails tr:nth-child(2n) td {background:transparent;} .event-registration-confirmation .NotificationEmailRegDetails {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%;} .event-registration-confirmation .NotificationEmailRegDetails td {border:none; text-align:left; font-size:100%; padding:10px 0;} .event-registration-confirmation .NotificationEmailRegDetails td.clsTitle {width:160px; border:none; background-color:transparent; color:#49247d; padding:10px 0; font-weight:600; text-align:left;} .event-registration-confirmation .NotificationEmailRegDetails tr:nth-child(2n) td {background:transparent;} .event-registration-confirmation .NotificationEmailEvent {border-collapse:collapse; background:transparent; margin-bottom:20px; width:100%;} .event-registration-confirmation .NotificationEmailEvent td {border:none; text-align:left; font-size:100%; padding:10px 0;} .event-registration-confirmation .NotificationEmailEvent td.clsTitle {width:160px; border:none; background-color:transparent; color:#49247d; padding:10px 0; font-weight:600; text-align:left;} .event-registration-confirmation .NotificationEmailEvent td[colspan="2"] {} .event-registration-confirmation .NotificationEmailEvent tr:nth-child(2n) td {background:transparent;} #divEventRegistration .col-lg-2 {width: 16.666666666666664%;} #fdsGuest #divDeleteGuest { float: left; width: 100%; margin-top: 45px; } #divEventRegistration #fdsContact span { position: relative; bottom: 0; } #fdsAdditionalQuestions .clsFormCreator label { width: 16.666666666666664%; float: left; } #fdsAdditionalQuestions .clsFormCreator div { width: 83.33333333333334%; float: left; } #pGuestPhone > div:nth-child(2), #pGuestPhone > div:nth-child(3) { width: auto; } #divEventRegistration fieldset #pPhone input[type="text"] { margin-left: 0 !important; } #divEventRegistration fieldset fieldset #pGuestPhone input[type="text"] { width: 50px !important; } #divEventRegistration fieldset fieldset #pGuestPhone input[type="text"]#txtGuestPhoneNumber {width: 195px !important;} #divEventRegistration #fdsContact span {bottom: 0;} /* Fix phone fields */ #pPhone legend { font-weight: normal; border-bottom: none; } #pPhone > div:nth-child(3) { display: none; } #divEventRegistration fieldset #pPhone input[type="text"] { margin-left: 0 !important; } /*---------------------------------------- / faq ----------------------------------------*/ #faqContainer {} #faqContainer .FAQHeadingLinks {position:relative;} #faqContainer .FAQHeadingLinks a {position:absolute; top:0;} #faqContainer .FAQHeadingLinks a#TopicHeadAZLink {right:0;} #faqContainer .FAQHeadingLinks a#TopicHeadTopicLink {right:0;} #faqContainer .FAQHeadingLinks a#ancAskAQuestion {right:100px;} #faqContainer .FAQIndex {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #c4c4c4;} #faqContainer .FAQIndex ol {} #faqContainer .FAQIndex ol li {} #faqContainer .FAQTopic {} #faqContainer .FAQTopic h2 {} #faqContainer .FAQTopic h3 {margin:0; padding:0;} #faqContainer .FAQTopic h3 a {display:block; font-size:18px; margin:0; padding:10px 2em; background:#f5f4f8; color:#49247d; border:none; border-radius:0; cursor:pointer; box-shadow:0 1px 0 #49247d, 1px 1px 0 #e7e7e7;} #faqContainer .FAQTopic h3 a:after {content:"\e800"; font-family:fontello; color:inherit; padding-left:10px;} #faqContainer .FAQTopic h3 a:hover, #faqContainer .FAQTopic h3 a:focus, #faqContainer .FAQTopic h3.open a {background:#dbd3e5;} #faqContainer .FAQTopic h3.open a {box-shadow:none;} #faqContainer .FAQTopic h3.open a:after {content:"\e803";} #faqContainer .FAQTopic > div {margin:0 0 20px 0; background:#fff; padding:1em; color:#000; border-width:1em; border-style:solid; overflow:hidden; border-color:#f5f4f8; box-shadow:0 1px 0 #49247d, 1px 1px 0 #e7e7e7;} /*---------------------------------------- / charts ----------------------------------------*/ .chart-responsive {padding:1em;} /*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/ .jqplot-target {position: relative; font-size:1em; /*padding:1em;*/ /*margin:20px 25px;*/} /*rules applied to all axes*/ .jqplot-axis {font-size: 0.75em; text-rendering: optimizeLegibility;} .jqplot-xaxis {margin-top: 10px;} .jqplot-x2axis {margin-bottom: 10px;} .jqplot-yaxis {margin-right: 10px; /*left:0 !important;*/} .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {margin-left: 10px; margin-right: 10px;} /*rules applied to all axis tick divs*/ .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {position: absolute; white-space: pre;} .jqplot-xaxis-tick {top: 0px; left: 15px; vertical-align: top;} .jqplot-x2axis-tick {bottom: 0px; left: 15px; vertical-align: bottom;} .jqplot-yaxis-tick {right: 0px; top: 15px; text-align: left;} .jqplot-yaxis-tick.jqplot-breakTick {right: -20px; margin-right: 0px; padding:1px 5px 1px 5px; z-index: 2; font-size: 1.5em;} .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {left: 0px; top: 15px; text-align: left;} .jqplot-yMidAxis-tick {text-align: center; white-space: nowrap;} .jqplot-xaxis-label {margin-top: 10px; font-size: 11pt; position: absolute;} .jqplot-x2axis-label {margin-bottom: 10px; font-size: 11pt; position: absolute;} .jqplot-yaxis-label {margin-right: 10px; font-size: 11pt; position: absolute;} .jqplot-yMidAxis-label {font-size: 11pt; position: absolute;} .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {font-size: 11pt; margin-left: 10px; position: absolute;} .jqplot-meterGauge-tick {font-size: 0.75em; color: #999999;} .jqplot-meterGauge-label {font-size: 1em; color: #999999;} table.jqplot-table-legend {margin:0;} table.jqplot-table-legend, table.jqplot-cursor-legend { background-color:#fff; border:none; position: absolute; font-size: 0.75em;} td.jqplot-table-legend {vertical-align:middle; padding-right:10px;} td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {cursor: pointer;} .jqplot-table-legend .jqplot-series-hidden {text-decoration: line-through;} div.jqplot-table-legend-swatch-outline {border:none; padding:1px;} div.jqplot-table-legend-swatch {width:0px; height:0px; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-radius:10px;} .jqplot-title {top: 0px; left: 0px; padding-bottom: 0.5em; font-size: 1.2em;} table.jqplot-cursor-tooltip {border: 1px solid #cccccc; font-size: 0.75em;} .jqplot-cursor-tooltip {border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px;} .jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {border:1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; z-index:100;} .jqplot-point-label {font-size: 0.75em; z-index: 2;} td.jqplot-cursor-legend-swatch {vertical-align: middle; text-align: center;} div.jqplot-cursor-legend-swatch {width: 1.2em; height: 0.7em;} .jqplot-error {text-align: center;} .jqplot-error-message {position: relative; top: 46%; display: inline-block;} div.jqplot-bubble-label {font-size: 0.8em; padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%);} div.jqplot-bubble-label.jqplot-bubble-label-highlight {background: rgba(90%, 90%, 90%, 0.7);} div.jqplot-noData-container {text-align: center; background-color: rgba(96%, 96%, 96%, 0.3);} /*-----YOUTUBE GRID-----*/ .ytgridvideo {background-color: #ece9f2; border-bottom:1px solid; border-color: #49247d; margin-bottom: 16px;} .ytgridvideo-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .ytgridvideo-container iframe, .ytgridvideo-container object, .ytgridvideo-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Seminar check in - 31 Oct 2017*/ .self-checkin-component table {margin-top:25px; background:#efefef;} .self-checkin-component table th {padding:16px 8px;} .self-checkin-component table td {font-size:14px;} .self-checkin-component table tr.ess-selfcheckin-attendee td {padding:16px 8px;} .self-checkin-component table tr.ess-selfcheckin-registree-guest td {padding:8px 8px 8px 24px; background:#f6f6f6; border-top:none;} .checkin-search-message {padding:15px; font-size:14px; color:#a94442;} span#dvloadingIndicator {display:block; position:absolute; top:0; left:0; width:100%; text-align:left; padding-top:5%; font-size:24px; font-weight:bold; background:url(/images/useruploadedimages/11/loader-grid.gif) no-repeat 15% 35%;} .self-checkin-component .btn-check-in, .self-checkin-component .all-checkin-done {margin-left:20px; float:right; clear:both; margin-bottom:0; width:100px;} .self-checkin-component .all-checkin-done {margin-top:25px;} .self-checkin-component .checked-in {color:#666; font-weight:bold; font-size:14px; float:right; padding:7px 0 7px 20px; cursor:pointer; position:relative;} .self-checkin-component .checked-in:before {content:''; display:block; position:absolute; width:10px; height:20px; top:5px; left:0; border-radius:0; opacity:1; border-right:1px solid #6cc0e5; border-bottom:1px solid #6cc0e5; transform:rotate(45deg); transition: all .12s, border-color .08s;} /*---------------------------------------- / responsive design ----------------------------------------*/ /*-----large desktop-----*/ @media (min-width:1295px) { .container {width:1295px;} #members-login .button {width:200px;} #content-area .nav-tabs > li > a {width:200px;} } /*-----desktop-----*/ @media (min-width:1036px) and (max-width:1294px) { .container {width:1036px;} #main-nav {margin-right:1em;} #main-nav .hmenu > li > a {padding:0 1em;} #content-area .tab-items {padding-top:3em;} } /*-----tablet to desktop-----*/ @media (min-width:740px) and (max-width:1035px) { .chart-responsive {width:100%; height:350px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;} .table-responsive {width:100%; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;} .container {width:100%;} .header-logo a {padding:1em;} .header-logo a:after {font-size:400% !important;} .footer-logo a:after {font-size:350% !important;} .header-search {display:block;} .header-search {margin-right:1em;} #members-login {margin-right:2em;} #main-nav {display:block;} #main-nav .hmenu > li > ul > li.login > .button {padding:7px 10px;} #breadcrumb-panel #breadcrumbs {margin-left:1em;} #breadcrumb-panel #utilities {margin-left:1em;} #section-menu {padding:2em 1em 0 1em;} #content-area {padding-right:1em; padding-left:1em;} #content-area .tab-items {padding-top:3em;} #content-area .nav-tabs > li {padding-right:1em;} #content-area section {padding:2em 1em;} #content-area section.columns {padding:2em 0;} #footer > div {padding:0 1em;} #footer .row {padding-left:1em; padding:right:1em;} #footer .tagline {font-size:120%; padding-top:16px;} #carousel > p {} /* menu */ #main-nav {margin-right:0;} #main-nav .hmenu > li > a {padding:0 1em; font-size:100% !important;} /* form creator */ .clsFormCreator {width: 100%;} .clsFormCreator .clsFormCreator_datebox input {width: auto !important;} .clsFormCreator .clsFormCreator_datebox img {top: 5px; position: relative;} .clsFormCreator div label {width:100%; text-align:left;} .clsFormCreator div > input[type="text"] {width:100% !important;} .clsFormCreator div > input.clsDateBox {width:200px !important;} .clsFormCreator div select {width:100% !important;} .clsFormCreator div textarea {width:100%;} .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {padding-left:0%;} .clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {width:100%; position:relative; text-align:left;} .clsFormCreator div.clsFormCreator_checkbox {padding-left:0%;} .clsFormCreator div.clsMandatory {padding-left:0%;} .clsFormCreator div.clsBtnSubmit {padding-left:0%;} .clsFormCreator .formCreatorCaptchaTable {padding-left:0%;} .clsFormCreator fieldset.two-column > div {width:100%; padding-right:0;} .clsFormCreator fieldset.three-column > div {width:100%; padding-right:0;} /* components */ .cta .icon {padding-right:70px !important;} .cta .icon:after {font-size:50px;} /* widgets */ .seminars .mainItem, .seminars .subItem {height:auto;} /* widget refine */ .refinewidget .searchInput {margin-bottom: 5px;} /* search */ .SearchCriteria, #myAccountArea .clsEventSearchLeft {width: 100%;} /* event */ .event-view-training-details img {max-width: 100%; margin: 0 0 15px 0;} .event-view-training-details table {width: 100%;} .EventSearchResults {margin: 0; padding: 15px 0; width: 100%;} ol#eventsearchResultsInfo {width: 100%;} #eventOuterTable .event-search-results ol li {float: left; width: 100%;} /* tererik */ .ui-dialog.ui-widget-content {width: 100% !important;} .ui-dialog.ui-widget-content .ui-dialog-content .date-box {width: auto;} } @media (max-width:960px) { #carousel > p {left:45%;} } @media (max-width:875px) { #wrapper #main-nav .hmenu > li > a {font-size:100%;} } @media (max-width:810px) { #carousel > p {left:40%;} #wrapper #main-nav .hmenu > li > a {padding:0 10px;} #main-nav {margin-right:7px;} #content-area .nav-tabs > li > a {width:140px;} } /* mobile devices */ @media (min-width:0) and (max-width:739px) { .col-xs-12 {clear:both;} .chart-responsive {width:100%; height:350px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;} .jqplot-target {width:600px !important;} .home-block .jqplot-target {width:100% !important;} h1 {font-size:26px; line-height:29px; margin:0 0 10px 0;} h2 {font-size:18px; line-height:26px; margin:0 0 10px 0;} h3 {font-size:18px; line-height:26px; margin:0 0 10px 0;} h4 {font-size:18px; line-height:26px; margin:0 0 10px 0;} h5 {font-size:16px; line-height:24px; margin:0 0 10px 0;} h6 {ffont-size:14px; line-height:22px; margin:0 0 10px 0;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:0; padding-right:0;} .right, .left {float:none;} #header {background:#49247d !important; height:65px !important;} .header-logo a {padding:5px 2em;} .header-logo a img {height:55px !important;} .footer-logo a img {height:55px !important;} .header-search {display:none; float:none; margin:0; background:#3f1f6b; height:auto;} .header-search.open {display:block;} .header-search div.searchPanel {height:40px;} div.searchPanel input.searchInput {position:absolute; top:0; left:0; background:transparent !important; border:none; width:100% !important; height:40px; text-align:center; font-weight:600; font-size: 16px;} div.searchPanel input.searchInput:focus {text-align:left; padding-left:2em; padding-right:50px; font-weight:300;} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {color:#3f1f6b; background:#3f1f6b; position:absolute; top:0; right:0; padding:10px 2em; height:40px; width:80px;} div.searchPanel a[id$="SearchLinkButton"]:before, div.searchPanel input[id$="SearchButton"]:before {color:#fff; top: -2px; position: relative;} .quickSearchPanel {top:40px;} .header-search .quickSearchPanel {left:0;} .dynamic-results {width:100%; padding:0;} .dynamic-results .dynamic-results-inner {width:100%; padding:1em 2em;} .dynamic-results .dynamic-results-inner {margin:0; padding:0;} #members-login {float:none; margin:150px 2em 0 2em; text-align:left;} #members-login .button {display:block; float:left; width:118px; margin-right:10px;} #content-area.home {margin-top:0;} #carousel {top:65px; background:#000; height:560px;} #carousel > p {top:35px; font-size:150%; width:140px; left:50%;} #carousel .carousel-contents #slide > div img {height:190px; top:-30px;} /* top menu */ #main-nav {height:auto;} #main-nav > .accessible-heading {display:block; left:auto; top:15px; right:2em; z-index:1000; text-indent:-9999px;} #main-nav > .accessible-heading:hover, #main-nav > .accessible-heading:focus {cursor:pointer;} #main-nav > .accessible-heading.open {} #main-nav > .accessible-heading:after {position:absolute; top:0; right:0; content:"\e808"; font-family:fontello; color:#fff; display:block; text-indent:0; font-size:150%;} #main-nav > .accessible-heading.open:after {content:"\e809";} #main-nav .hmenu {display:none; position:absolute; top:65px; left:0; right:0; background:#3f1f6b; z-index:1002;} #main-nav .hmenu.open {display:block;} #main-nav .hmenu > li {display:block; float:left; width:100%; border-bottom:1px solid #49247d; text-align:center;} #main-nav .hmenu > li > ul, #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:none !important;} #main-nav .hmenu > li > a {height:auto;} #main-nav .hmenu > li > a > span:before {content:"";} #main-nav .hmenu > li.search {height:40px;} #main-nav .hmenu > li.search:after {content:"";} #main-nav .hmenu > li.members {background:#F5F5F5; border-bottom:none;} #main-nav .hmenu > li.members #members-login, #main-nav .hmenu > li.members #utilities {margin:20px 0; text-align:center;} #main-nav .hmenu > li.members #members-login h2, #main-nav .hmenu > li.members #utilities h2 {font-weight:600; font-size:100%;} #main-nav .hmenu > li.members #members-login .more, #main-nav .hmenu > li.members #utilities .more {color:#000; border-color:#000;} #main-nav .hmenu > li.members #members-login .button, #main-nav .hmenu > li.members #utilities .button {float:none; display:inline-block;} #main-nav .hmenu > li.members #members-login .button.solid.other, #main-nav .hmenu > li.members #utilities .button.solid.other {background:#F5F5F5; color:#000; border-color:#c4c4c4;} /* section menu */ #section-menu {float:none; margin:20px 0; padding:0 2em; position:relative;} #section-menu .accessible-heading {display:block; width:100%; left:0; margin:0 0 20px 0; padding:10px 0 0 15px; position:relative; background:#dbdbdb; padding-right:42px; border:1px solid #c4c4c4; border-radius:4px; height:40px; font-weight:600; -webkit-transition: all 400ms; transition: all 400ms; z-index:1001;} #section-menu .accessible-heading:hover, #section-menu .accessible-heading:focus {background:#dbdbdb; box-shadow: inset 0 40px 0 #e7e7e7; cursor:pointer; -webkit-transition: all 400ms; transition: all 400ms;} #section-menu .accessible-heading:after {position:absolute; top:0; right:0; content:"\e800"; display:block; background:#fff; border-left:1px solid #c4c4c4; border-radius:0 4px 4px 0; font-family:fontello; color:#c4c4c4; width:42px; height:38px; text-align:center; padding-top:10px; -webkit-transition: all 400ms; transition: all 400ms;} #section-menu .accessible-heading:hover:after, #section-menu .accessible-heading:foucs:after {box-shadow: inset 0 40px 0 #72a99d; -webkit-transition: all 400ms; transition: all 400ms;} #section-menu .accessible-heading.open:after {content:"\e803"} #section-menu #LeftMenu {display:none; position:absolute; top:39px; left:0; z-index:1000; padding:0 2em;} #section-menu #LeftMenu.open {display:block;} #section-menu .hmenu {display:none; position:absolute; top:40px; left:2em; right:2em; z-index:1000;} #section-menu .hmenu.open {display:block;} #section-menu #LeftMenu .RadPanelBar, #section-menu .hmenu {background:#fff; border:1px solid #c4c4c4; border-top:none;} #LeftMenu .panelbar a.MenuItemOne .rpText, #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #section-menu .hmenu > li > a > span {padding:15px;} /* content */ .tab-pane h1 {padding:15px 15px 0 15px;} #breadcrumb-panel {display:none;} #content-area {padding-right:1em; padding-left:1em;} #content-area #seminars article {height:auto;} #content-area .nav-tabs {width:100%; padding-left:1em;} #content-area .nav-tabs > li {width:50%; padding-right:1em;} #content-area .nav-tabs > li > a {margin-right:0; padding:10px 0; width:100%; font-size:90%; letter-spacing:1px;} #content-area .nav-tabs > li.active > a, #content-area .nav-tabs > li.active > a:hover, #content-area .nav-tabs > li.active > a:focus {padding-bottom:14px;} #content-area .tab-items hr {left:0; right:0;} #content-area section {margin-bottom:20px; padding:1em;} #content-area section.about {margin-bottom:0;} #content-area section.columns {padding:1em;} #content-area section#two-column aside {clear:both; margin-top:30px;} #content-area section > p {padding-right:0;} #content-area table.info-table th {display:block; width:100%;} #content-area table.info-table th.remove {display:none;} #content-area table.info-table td {display:block; width:100%;} #content-area p.right {width:100%; padding-left:0;} #content-area p.left {width:100%; padding-right:0;} #content-area p.col1 {float:none; width:100%; padding-right:0;} #content-area p.col2 {float:none; width:100%; padding-right:0;} #content-area p.col3 {float:none; width:100%; padding-right:0;} #content-area img.right {margin:0 0 2em 0; width:100%;} #content-area img.left {margin:0 0 2em 0; width:100%;} .recent-news p.description {display:none;} /* footer */ #footer > div {padding:0 1em;} #footer .row {padding-left:1em; padding-right:1em;} #footer .footer-top ul {margin-top:20px; margin-left:0;} #footer .footer-top ul li {width:20%; padding-left:0; padding-right:5px;} #footer .footer-top ul li img {width:100%;} #footer .tagline {font-size:120%; padding-top:16px;} #footer-back {display:block; margin-bottom:20px;} #footer .footer-bottom .hmenu > li {display:none;} #footer .footer-lower {} #footer .footer-lower .hmenu > li.last {display:block; width:100%;} #footer .follow {margin-bottom:20px; clear:both;} #footer .follow h3 {margin-bottom:15px;} #footer .statement {margin-top:0;} /* components */ .cta {height:auto; margin-bottom:20px; padding-bottom:15px;} .cta .icon {padding-right:70px !important;} .cta h2 {float:none; width:auto; height:auto; padding:15px; position:relative;} .cta h2.icon {min-height:70px;} .cta h2.icon:after {top:20px; right:15px; font-size:40px; margin-top:0;} .cta h3 {padding:15px 15px 0 15px; margin-left:0;} .home .cta h3, .cta.right h3, .cta.left h3 {padding-left:15px;} .cta p {padding:15px 15px 0 15px; margin-left:0;} .home .cta p, .cta.right p, .cta.left p {padding-left:15px;} .cta .button {margin:15px 15px 0 15px;} .cta.right, .cta.left {width:100%; margin-left:0; margin-right:0;} .sub-content {display:block;} .sub-content > div {padding:0; display:block;} .sub-content .section {height:auto; margin-bottom:20px;} .sub-content .section p {padding-bottom:10px;} .panel > .panel-heading {position:relative; padding-left:1em;} .panel > .panel-heading span {position:absolute; top:10px; right:1em;} .panel .panel-body {/*padding:0;*/} .panel.two-column .panel-body {padding:1em 1em 0 1em;} #content-area section .panel.two-column .panel-body ul.tiles {padding-right:0; width:100%;} #content-area section .panel.two-column .panel-body ul.tiles li {} .panel.forms.member-column .panel-body {display:block;} .panel.forms.member-column .panel-body .col1 {padding:1em;} .panel.forms.member-column .panel-body .col2 {padding:1em;} /* widgets */ #recent-news p.image img {width:100%;} .refine-news {display:none;} .seminars {margin-left:0; float:none;} .seminars .mainItem, .seminars .subItem {float:none; width:100%; padding:1em; border-left:none; height:auto; border-right:none;} .seminars .subItem:nth-child(odd) {border-right:none;} .seminars .subItem:nth-child(even) {border-left:none;} .home .seminars > p {padding-left:1em;} /* search */ .SearchResults {width:100%;} .SearchResults ol li span.lastRow {word-wrap: break-word; margin-left: 0;} .SearchResults ol li span.clsResultDescr {margin-left: 0;} /* forms */ .clsFormCreator .formCreatorCaptchaTable {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox {padding: 0;}cls .clsFormCreator div.clsFormCreator_checkbox label {position: static;} .clsFormCreator #recaptcha_area, .clsFormCreator #recaptcha_table {width: 310px !important;margin: 0 0 0 -25px;} .clsFormCreator div label {width:100%; padding:0 0 5px 0; float:left; text-align:left;} .clsFormCreator div > input[type="text"] {width:100% !important; } .clsFormCreator div select {width:100% !important; border:1px solid #e9e9e9;} .clsFormCreator div textarea {width:100%;} .clsFormCreator div.clsMandatory {padding-left:0;} .clsFormCreator div.clsBtnSubmit {padding-left:0;} /* event registrations */ #content-area .event-view-training-details table th {display:block; width:100%;} #content-area .event-view-training-details table td {display:block; width:100%;} #content-area .event-view-training-details #btnRegister {margin-left:0;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] span, .event-registration-confirmation div#pnlEventRegStageBreadcrumb span {display:block; margin-bottom:5px;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] span.clsEventRegStageBreadcrumbSeparator, .event-registration-confirmation div#pnlEventRegStageBreadcrumb span.clsEventRegStageBreadcrumbSeparator {display:none;} #divEventRegistration fieldset label {width:100%; padding:0 0 5pm 0; float:left; text-align:left;} #divEventRegistration fieldset input[type="text"] {width:100% !important;} #divEventRegistration fieldset select {width:100% !important;} #divEventRegistration fieldset textarea {width:100%;} #divEventRegistration div[id$="divMandatoryMessage"] {margin-left:0;} #divEventRegistration div[id$="divSubmitButtonsStage1"] {margin-left:0;} #divEventRegistration div[id$="divSubmitButtonsStage2"] {margin-left:0;} #divEventRegistration fieldset > p > a {margin-left:0;} #divEventRegistration fieldset fieldset legend {position:relative; width:100%; padding:0 0 5pm 0; float:left; text-align:left;} #divEventRegistration fieldset fieldset input[type="text"] {width:100% !important; margin-left:0;} #divEventRegistration #tblEventDetails th {display:block; width:100%;} #divEventRegistration #tblEventDetails td {display:block; width:100%;} .event-registration-confirmation .NotificationEventDetails th {display:block; width:100%;} .event-registration-confirmation .NotificationEventDetails td {display:block; width:100%;} .event-registration-confirmation .NotificationEventDetails td.clsSubject {display:block; width:100%;} .event-registration-confirmation .NotificationEmailRegDetails td {display:block; width:100%;} .event-registration-confirmation .NotificationEmailRegDetails td.clsTitle {display:block; width:100%;} .event-registration-confirmation .NotificationEmailEvent td {display:block; width:100%;} .event-registration-confirmation .NotificationEmailEvent td.clsTitle {display:block; width:100%;} #divEventRegistration fieldset > p > a:first-child {margin-left:0;} .chart-responsive.pie {height:auto; overflow:hidden; width:100% !important;} .chart-responsive.pie .jqplot-target {height:auto !important; width:400px !important;} .chart-responsive.pie .jqplot-target table.jqplot-table-legend {position:relative !important; top:auto !important; right:auto !important;} .chart-responsive.pie .jqplot-target .jqplot-base-canvas {position:relative !important;} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] > div.button{ margin-left: 0px;} } @media (min-width:480px) and (max-width:739px) { #carousel > p {font-size:175%;} #carousel .carousel-contents #slide > div img {height:250px; top:-60px;} #members-login {margin-top:170px;} .tab-pane .col-one {float:left; width:50%; clear:none;} .tab-pane .col-two {float:left; width:50%; clear:none;} .home .recent-news p.image img {width:100%;} } /*---------------------------------------- / YouTube Grid ----------------------------------------*/ /*---------------------------------------- / print ----------------------------------------*/ @media print { .edit-buttons {display:none !important;} #header {width:100%; margin-bottom:20px;} #header .header-login {display:none !important;} #header .header-search {display:none !important;} #header .skip-link {display:none !important;} #main-nav {display:none !important;} #breadcrumb-panel {display:none !important;} #breadcrumb-panel #utilities {display:none !important;} #section-menu {display:none !important;} #footer {display:none !important;} #refer-friend {display:none !important;} .ui-dialog, .ui-widget {display:none !important;} #addarticle-container {display:none !important;} .system-items {display:none !important;} a[href]:after {display:none !important;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {float:none !important; width:100% !important;} .sub-content {display:none !important;} .cta {display:none !important;} .recent-news {display:none !important;} #content-area .dropdown {display:none !important;} .cta{display: inline-block !important;} #cta{display: inline-block !important;} } /*---------------------------------------- / other ----------------------------------------*/ .clearspace {display: inline-block; width: 100%; height: 20px;} .awards li img { width: 100%!important; height: 100%!important;} @media only screen and (max-width:740px) { #divEventRegistration .col-lg-2 { width: 100%;} #fdsAdditionalQuestions .clsFormCreator div {width: 100%;float: left;} #fdsAdditionalQuestions .clsFormCreator label { width: 100%;float: left;} } .Right { clear: both; float: right!important;} .responsive-image.Right { margin-right: 0px; padding-right: 0px; margin-left: 20px; padding-left: 20px; }