/* Style layout for conference site 12/02/16 */ @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); @font-face{ font-family: 'pixons'; src:url('fonts/pixons/pixons.eot'); src:url('fonts/pixons/pixons.eot?#iefix') format('embedded-opentype'), url('fonts/pixons/pixons.woff') format('woff'), url('fonts/pixons/pixons.ttf') format('truetype'), url('fonts/pixons/pixons.svg#pixons') format('svg'); font-weight: normal; font-style: normal; } /* style overwrites */ .panel-heading.Distinguish{ padding: 0; border: none; } /* generic styles */ body{ color: #464646; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px; } h1{ } h2{ overflow: hidden; } h2.panel-title{ } h2.PanelTitle{ } h2>a{ float: right; } h2.panel-title>a{ float: none; } h2>a.button{ padding: 5px 20px; font-size: 14px; line-height: 20px; } a{ transition: all 0.3s; } a:hover{ } a.button{ display: inline-block; margin: 0 20px 0 0; padding: 6px 20px; background-color: #009ee3; color: #ffffff; border: solid 2px #009ee3; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; text-decoration: none; text-shadow: none; text-transform: none; transition: all 0.3s; } a.button .fa{ display: inline-block; margin-right: 10px; } a.button:hover{ /*background-color: #00c9ff;*/ background-color: #000000; color: #ffffff; border: solid 2px #000000; } .TitleBarTitle{ } /* left floated, no width specified, may contain a h2.PanelTitle and traces of nut */ .PanelHeadCollapseImage{ margin-top: -10px; } /* expand/collapse links in accordions such as events list */ .TextButton{ background-color: #00adef; color: #ffffff; } .TextButton:hover{ background-color: #009ee3; } /* header */ .header{ height: 125px; padding: 0; background-color: #000000; border: none; } /* header top container */ .header-top-container{ } .header-top-container .header-container{ } #masterLogoArea{ padding: 30px 15px 0px 0; /*background-image: url(images/logo.png);*/ } #logoImage{ float: left; } #logoImage img{ display: block; max-height: 70px; } ul.secnav{ display: block; margin: 0; padding: 0; list-style: none; } ul.secnav li{ float: left; } ul.secnav li:first-child{ } ul.secnav li a{ display: block; padding: 20px 15px; color: #a6a6a6; font-size: 12px; text-decoration: none; text-transform: uppercase; } ul.secnav li a>span{ text-indent: -10000px; } ul.secnav li a.home{ font-size: 20px; } ul.secnav li a:hover{ color: #ffffff; text-decoration: none; } ul.secnav li.social{ padding-top: 11px; padding-right: 10px; border-right: solid 1px #000000; } ul.secnav li.social a{ float: left; } .header-top-container .navbar-header{ float: right; clear: right; border-bottom: solid 1px #d2d2d2; } .header-top-container .navbar-header .auth-link-container-sm{ margin-left: 20px; } /* sign-in link container */ .header-top-container .navbar-header .auth-link-container-sm a{ color: #a6a6a6; font-size: 12px; text-decoration: none; text-transform: uppercase; } .header-top-container .navbar-header .auth-link-container-sm a:hover{ color: #ffffff; text-decoration: none; } .header-top-container .navbar-header .NavigationUnorderedList{ } /* create account and cart container */ .header-top-container .navbar-header .NavigationUnorderedList li{ } .header-top-container .navbar-header .NavigationUnorderedList li a{ color: #a6a6a6; font-size: 12px; text-decoration: none; text-transform: uppercase; } .header-top-container .navbar-header .NavigationUnorderedList li a:hover{ color: #ffffff; text-decoration: none; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a .nav-text{ min-height: 20px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a:hover{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-account a:hover .nav-text{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .cartFull{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .cartCenter{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a .nav-text{ min-height: 20px; } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .cartFull{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .cartCenter{ } .header-top-container .navbar-header .NavigationUnorderedList li.nav-aux-cart a:hover .nav-text{ } .header-top-container .navbar-header .header-social{ } /* social links content area */ .header-top-container .navbar-header .search-container-sm{ } /* search container */ .header-top-container .navbar-header .search-container-sm .header-search{ } .header-top-container .navbar-header .search-container-sm .header-search div{ } .header-top-container .navbar-header .search-container-sm .header-search div label{ } .header-top-container .navbar-header .search-container-sm .header-search div input[type=text]{ width: 125px; font-size: 12px; background-color: transparent; color: #eeeeee; background-image: url(images/icon-search.png); background-position: 5px center; background-repeat: no-repeat; background-size: 15px; border: solid 1px #666666; } .header-top-container .navbar-header .search-container-sm .header-search div input[type=button]{ } .header-top-container .navbar-header .search-container-sm .header-search div input[type=button]:hover{ } /* header bottom container */ .header-bottom-container{ } .header-bottom-container .header-container{ } .header-bottom-container .header-container #search-collapse{ } .header-bottom-container .header-container .nav-primary{ } .header-bottom-container .header-container .nav-primary .auth-link-container{ } .header-bottom-container .header-container .nav-primary .RadMenu{ } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup{ } /* main navigation UL */ .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem{ } /* main navigation LI */ .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink{ background-color: transparent !important; color: #00adef; font-size: 16px; } /* main navigation A */ .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink .rmText{ } /* main navigation A>SPAN */ .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink:hover, .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink:focus, .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmSelected{ background-color: transparent; color: #ffffff; } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink:hover .rmText{ } .RadMenu .rmRootLink:hover, .RadMenu .rmRootLink:focus, .RadMenu .rmExpanded > .rmRootLink{ } .header-bottom-container .header-container .nav-primary .rmResponsive .rmSlide{ background-color: transparent; } /* main navigation dropdown */ .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rmGroup{ background-color: transparent; } /* main navigation dropdown UL */ .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rmItem{ background-color: #000000; } /* main navigation dropdown LI */ .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rsmLink{ background-color: #000000; color: #009ee3; font-size: 14px; font-weight: normal; } /* main navigation dropdown A */ .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rsmLevel1 .rsmLink{ background-color: #000000; color: #a6a6a6; font-size: 14px; font-weight: normal; } /* main navigation dropdown A */ .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rsmLink:hover, .header-bottom-container .header-container .nav-primary .RadMenu .rmSlide .rsmLink:focus, .header-bottom-container .header-container .nav-primary .RadMenu .rsmSelected .rsmLink{ background-color: #000000; color: #ffffff; } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem.rmFirst{ } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem.rmFirst > .rmLink{ } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem.rmLast { } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem.rmLast > .rmLink{ } /* NOT SURE ABOUT THIS... do these styles ONLY apply to responsive? */ .header-bottom-container .header-container .navbar-collapse{ } /* responsive menus */ .header-bottom-container .header-container .navbar-collapse .search-container{ } /* collapsed search */ .header-bottom-container .header-container .navbar-collapse .search-container .header-search{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock label{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=text]{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=button]{ } .header-bottom-container .header-container .navbar-collapse .search-container .header-search #SimpleSearchBlock input[type=button]:hover{ } .header-bottom-container .header-container .navbar-collapse.nav-primary{ } /* collapsed main nav */ .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container{ } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a{ } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a:hover{ } /* carousel */ .HomePageFullWidthArea{ } .HomePageFullWidthArea .carousel{ } .HomePageFullWidthArea .carousel .carousel-indicators{ display: none; } /* pager */ .HomePageFullWidthArea .carousel #ctl01_HomepageContentArea1_HomeSlideshow_SlideshowControls{ } /* arrows */ .carousel-control{ top: auto; width: 10%; height: 170px; background-image: none !important; opacity: 1 !important; } .HomePageFullWidthArea .carousel .carousel-inner{ } /* slide container */ .HomePageFullWidthArea .carousel .carousel-inner a{ text-decoration: none; } /* slide container */ .HomePageFullWidthArea .carousel .carousel-inner .item{ } /* slide */ .HomePageFullWidthArea .carousel .carousel-inner .item.active{ } /* slide */ .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 0; background: rgba(0,0,0,0.75); text-shadow: none; } .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption p{ display: block; width: 100%; max-width: 1140px; margin: 0 auto; text-align: left; } .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption p span.title{ display: block; width: 100%; max-width: 700px; margin: 0 0 15px; color: #009ee3; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: normal; text-align: left; text-transform: none; } .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption p span.para{ display: block; width: 100%; max-width: 700px; margin: 0 0 15px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; text-align: left; } #featuredEvent.carousel{ } #featuredEvent.carousel .carousel-inner{ } /* slides container */ #featuredEvent.carousel .carousel-inner .item{ } /* slide */ #featuredEvent.carousel .carousel-inner .item.active{ } /* active slide */ #featuredEvent.carousel .carousel-inner .item img{ } #featuredEvent.carousel .carousel-indicators{ } /* pager */ #featuredEvent.carousel a.carousel-control{ } /* prev and next arrows */ #featuredEvent.carousel a.carousel-control.left{ } #featuredEvent.carousel a.carousel-control.right{ } .staticbanner{ height: 350px; margin: 0 auto 30px; overflow: hidden; text-align: center; } /*p.subscribeblock{ position: relative; height: 201px; margin: 5px -15px -15px; background-color: #f0f0f0; color: #979797; } p.subscribeblock span{ display: block; padding: 50px 15px 15px; background-image: url(images/icon-mail-grey-medium.png); background-position: 15px 10px; background-repeat: no-repeat; font-size: 18px; } p.subscribeblock a{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 5px 15px; background-color: #979797; color: #ffffff; background-image: url(images/arrow-white-small.png); background-position: right 10px center; background-repeat: no-repeat; font-size: 18px; text-decoration: none; text-transform: none; } p.subscribeblock a:hover{ background-color: #009fc2; }*/ /* main content */ #ctl01_masterWrapper{ } #ctl01_masterWrapper.has-secondary-col{ } /* indicates sidebar */ #ctl01_masterWrapper.col-on-right{ } /* sidebar on right */ #masterContentArea{ margin-top: 0px; } body.IsHome #masterContentArea{ max-width: 100%; margin-top: 30px; padding: 0; } body.IsHome #masterContentArea .row{ max-width: 1170px; margin-left: auto; margin-right: auto; } body.IsHome #masterContentArea .row.fullwidth{ max-width: 100%; background-color: #eeeeee; } #masterContentArea .breadcrumb-obo-container{ display: none; max-width: 1170px; margin: 0 auto 15px; padding: 0 15px; font-size: 12px; } #masterContentArea .body-container{ } /* RCSA Elements */ #masterContentArea h1{ color: #009ee3; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: normal; line-height: 36px; text-transform: none; } #masterContentArea h2{ margin: 15px 0 20px; color: #009ee3; /*color: #009ee3;*/ /*#119cc3;*/ border: none; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: normal; text-transform: none; } .blackbar{ display: block; max-width: 100% !important; margin: 10px 0 -13px; padding: 5px 0; background-color: #000000; list-style: none; } .blackbar>h2{ display: block; max-width: 1140px !important; margin: 0 auto !important; padding: 10px; } .quicklinks{ display: block; max-width: 100% !important; margin: -30px 0 0px; padding: 5px 0; background-color: #000000; list-style: none; } .quicklinks.inner{ width: 100%; max-width: 1140px !important; margin: 0px 0 0px; overflow: hidden; } .quicklinks .col-sm-12{ float: none; max-width: 1170px; margin: 0 auto; } .quicklinks h2{ margin: 15px 0 25px !important; text-transform: none !important; } .quicklinks li{ float: left; width: 15%; margin-right: 1.9%; } .quicklinks li:last-child{ margin-right: 0; } .quicklinks li a{ display: block; padding: 30px 0px 15px; background-color: transparent; color: #a6a6a6; border-radius: 10px; font-size: 48px; text-align: center; text-decoration: none; transition: all 0.3s; } .quicklinks li a.grey{ /*background-color: #999999; color: #ffffff; border: solid 2px #999999;*/ } .quicklinks li a span.fa{ display: block; margin-bottom: 5px; color: #009ee3; transition: all 0.5s; } .quicklinks li a span.label{ display: block; font-size: 16px; text-transform: uppercase; } .quicklinks li a:hover{ color: #ffffff; } .quicklinks li a:hover span.fa{ color: #ffffff; transform: rotateY(360deg); } .eventsblock{ display: block; max-width: 100% !important; margin: 0 0 0px; padding: 5px 0; background-color: #eeeeee; } .featuredevent{ padding-top: 30px; border-radius: 0px; overflow: hidden; } .featuredevent h2{ font-size: 24px !important; line-height: 28px; } .featuredevent .featuredeventpane{ position: relative; height: 395px; background-size: cover; background-image: url('/images/Web%20images/Events/HomepageWhatsOn.jpg'); } .featuredevent .featuredeventpane .content{ position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background-color: rgba(0,0,0,0.85); color: #ffffff; overflow: hidden; } .featuredevent .featuredeventpane .content>.left{ float: left; width: 100%; } .featuredevent .featuredeventpane .content>.left p{ margin: -90px 0 20px 80px; overflow: hidden; } .featuredevent .featuredeventpane .content>.left p:first-child{ margin: 0 0 40px; } .featuredevent .featuredeventpane .content>.left a.button{ margin: 0 10px 0 0; } .featuredevent .featuredeventpane .content>.left a.button:hover{ background-color: #ffffff; color: #000000; border: solid 2px #000000; } .featuredevent .featuredeventpane .content>.left p span.date{ float: left; width: 65px; height: 65px; margin-right: 20px; padding: 11px; background-color: #ffffff; color: #009ee3; border: solid 1px #009ee3; border-radius: 0px; font-size: 18px; line-height: 22px; text-align: center; } .featuredevent .featuredeventpane .content>.left p span.eventtitle{ display: none; float: right; width: 75%; font-size: 18px; line-height: 22px; } .featuredevent .featuredeventpane .content>.left p span.eventtitle strong{ display: block; margin: 0 0 5px; color: #009ee3; font-size: 14px; line-height: 18px; } .featuredevent .featuredeventpane .content>.right{ display: none; float: right; width: 45%; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 26px; } .featuredevent .featuredeventpane .content>.right p{ padding-top: 22px; font-size: 14px; line-height: 20px; text-align: center; } .calendar{ padding-top: 8px; } .calendar h2{ font-size: 24px !important; line-height: 28px; } .eventslist{ margin: 0; padding: 0; list-style: none; } .eventslist li{ display: block; /*width: 100% !important;*/ margin: 0 0 10px; } .eventslist li a{ display: block; background-color: #ffffff; color: #464646; border-radius: 0px; overflow: hidden; text-decoration: none; transition: all 0.3s; } .eventslist li a span{ } .eventslist li a span.date{ float: left; width: 65px; height: 65px; /*margin-right: 20px;*/ padding: 11px; background-color: #009ee3; color: #ffffff; border-radius: 0px; font-size: 18px; line-height: 22px; text-align: center; } .eventslist li a span.title{ float: right; width: 85%; padding: 10px; font-size: 14px; line-height: 18px; text-transform: none; transition: all 0.3s; } .eventslist li a span.title strong{ display: block; color: #009ee3; } .eventslist li a:hover{ background-color: #009ee3; } .eventslist li a:hover span.date{ } .eventslist li a:hover span.title{ color: #ffffff; } .eventslist li a:hover span.title strong{ color: #ffffff; } .newsblock{ display: block; max-width: 100% !important; margin: 0 0 0px; padding: 5px 0; background-color: #4c4c4c; } .newsarticles{ display: block; max-width: 100% !important; margin: 0 0 0px; padding: 5px 0 30px; background-color: #4c4c4c; } .newstitle{ float: none; max-width: 1170px; margin: 0 auto; padding-top: 30px; } .newstitle h2{ color: #ffffff !important; font-size: 24px !important; line-height: 28px; } .newspanel{ } .newspanel .image{ height: 170px; margin: 0 0 20px; background-position: center; background-size: cover; border-radius: 0px; } .newspanel .category{ margin: 0 0 5px; color: #999999; font-size: 14px; text-transform: none; } .newspanel h3{ margin: 0 0 10px; color: #ffffff; font-size: 18px; line-height: 24px; text-transform: none; } .newspanel .date{ margin: 0 0 20px; color: #999999; font-size: 12px; line-height: 14px; text-transform: none; } .newspanel .date em{ margin-right: 5px; } .newspanel .summary{ margin: 0 0 15px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 22px; } .newspanel .link{ } .newspanel .link a.button{ font-size: 14px; } .eventsgrey{ margin-top: -30px !important; padding-bottom: 30px !important; } .newsgrey{ margin-top: -30px !important; background-color: #4c4c4c !important; } /* main content column */ #masterContentArea .body-container .col-primary{ } .has-secondary-col.col-on-right .col-primary{ float: right !important; margin-right: 0 !important; margin-left: 2%; padding-left: 30px; } /* sidebar */ #masterContentArea .body-container .col-secondary{ float: left !important; margin-bottom: 50px; } #masterContentArea .body-container .col-secondary nav.nav-secondary{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-head{ background-color: #009ee3; color: #ffffff; font-family: 'Roboto', sans-serif; } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL{ margin: 0; } /* secondary nav */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI.rtFirst{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI.rtLast{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtTop{ } /* top link container */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtBot{ } /* bottom link container */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtSelected{ } /* selected link container DIV - not actual link probably because it's not complicated enough */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtSelected .rtIn{ color: #009ee3; } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtIn{ color: #464646; } /* A link */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI .rtIn:hover{ background-color: #009ee3; color: #ffffff; } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL{ } /* sub-menu */ #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI.rtFirst{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI.rtLast{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtTop{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtBot{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtSelected{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtSelected .rtIn{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtIn{ } #masterContentArea .body-container .col-secondary nav.nav-secondary div.sub-nav-body ul.rtUL>.rtLI>.rtUL>.rtLI .rtIn:hover{ } /* Learning Centre: RCSA_FullWidthOverOne */ .hideForLoad{ display: none !important; } #videoDisplayPane{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; display: block; background-color: rgba(255,255,255,0.9); } #videoDisplayPane>a.fa{ position: absolute; right: 3%; top: 4%; z-index: 10000; color: #464646; font-size: 30px; text-decoration: none; } #videoDisplayPane>a.fa:hover{ color: #009ee3; } #videoDisplayPane .videocontainer{ position: absolute; left: 10%; top: 10%; right: 10%; bottom: 10%; z-index: 10000; display: block; } #masterContentArea .fullwidth{ display: block; margin: 0 -15px 30px; padding: 30px 0 0; background-color: #eeeeee; } #masterContentArea .fullwidth .inner{ display: block; max-width: 1140px; margin: 0 auto; } #masterContentArea .fullwidth .inner .focusblock{ position: relative; display: block; margin: 15px auto 30px; background: transparent url(images/learning-centre-video-bg.jpg) center top no-repeat; background-size: cover; border-radius: 0px; overflow: hidden; } #masterContentArea .fullwidth .inner .focusblock>a{ position: absolute; left: 50%; top: 50%; display: block; width: 130px; height: 130px; margin: -65px 0 0 -65px; background: transparent url(images/btt-play.png) center no-repeat; background-size: contain; overflow: hidden; text-indent: -10000px; } #masterContentArea .fullwidth .inner .focusblock>a:hover{ opacity: 0.75; } #masterContentArea .fullwidth .inner .focusblock .introsidebar{ float: right; width: 30%; padding: 30px; background-color: rgba(0,0,0,0.5); } #masterContentArea .fullwidth .inner .focusblock .introsidebar h2{ margin: 0 0 20px; color: #ffffff; font-size: 24px; line-height: 30px; } #masterContentArea .fullwidth .inner .focusblock .introsidebar .text{ margin: 0 0 20px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; } #masterContentArea .fullwidth .inner .focusblock .introsidebar .link{ margin: 60px 0 0; } #masterContentArea .fullwidth .inner .focusblock .introsidebar .link a{ display: inline-block; padding: 10px 20px; color: #ffffff; border: solid 2px #ffffff; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 20px; text-decoration: none; text-transform: none; } #masterContentArea .fullwidth .inner .focusblock .introsidebar .link a:hover{ background-color: #ffffff; color: #009ee3; } #masterContentArea .fullwidth .inner .learning-centre-quick-links{ display: block; padding: 0; list-style: none; overflow: hidden; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li{ float: left; width: 31%; margin: 1%; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a{ display: block; height: 200px; padding: 20px 30px; background-color: #009ee3; color: #ffffff; border-radius: 0px; text-align: center; text-decoration: none; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a span.icon{ display: block; margin: 0 0 20px; font-size: 42px; text-align: center; transition: all 0.75s; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a strong{ display: block; margin: 0 0 5px; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 400; line-height: 28px; text-align: center; text-transform: none; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a span.description{ display: block; margin: 0 0 0; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 22px; text-align: center; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a:hover{ background-color: #ffffff; color: #009ee3; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a:hover span.icon{ transform: rotateY(360deg); } .trending-events{ display: block; margin: 0 0 10px; padding: 0 0 0px; background-color: #eeeeee; border-radius: 0px; } .trending-events h2{ color: #009ee3 !important; text-indent: 2%; } .trending-events .eventslist{ overflow: hidden; } .trending-events .eventslist li{ float: left; width: 31%; margin: 0 1%; padding: 8px 20px; background-color: #ffffff; border-radius: 0px; color: #464646; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; } body.isHome .trending-events .eventslist li{ float: none; display: block; width: 100%; margin: 0 0 0; } body.isHome .trending-events .eventslist li:first-child{ margin: 0 0 27px; } .trending-events .eventslist li .image{ display: block; height: 170px; margin: 0 0 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } .trending-events .eventslist li p{ margin: 0 0 15px; } .trending-events .eventslist li p.titlebar{ overflow: hidden; } .trending-events .eventslist li p.titlebar span.date{ float: left; width: 65px; padding: 10px; background-color: #ffffff; color: #009ee3; border: solid 1px #009ee3; border-radius: 0px; font-size: 18px; line-height: 20px; text-align: center; text-transform: none; } .trending-events .eventslist li p.titlebar span.eventtype{ float: right; clear: right; width: 70%; color: #009ee3; font-size: 14px; text-transform: none; } .trending-events .eventslist li p.titlebar span.title{ float: right; clear: right; width: 70%; font-size: 16px; text-transform: none; } .trending-events .eventslist li p.description{ } .trending-events .eventslist li p.links{ margin-bottom: 0px; } .trending-events .eventslist li p.links a{ display: inline-block; margin: 0 10px 0 0; padding: 5px 10px; background-color: #009ee3; color: #ffffff; border: solid 2px #009ee3; font-size: 14px; text-transform: none; } .trending-events .eventslist li p.links a:hover{ background-color: #000000; color: #ffffff; border: solid 2px #000000; } .lcfilterbar{ margin: 0 15px; background-color: #009ee3; color: #ffffff; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 12px; } .lcfilterbar div.pcd_paragraph{ margin: 0; } .lcfilterbar .viewlink{ display: inline-block; margin: 0; padding: 10px 15px; background-color: #eeeeee; color: #666666; font-size: 12px; text-decoration: none; text-transform: none; } .lcfilterbar .viewlink span.fa{ margin-left: 10px; font-size: 14px; } .lcfilterbar .viewlink.list{ } .lcfilterbar .viewlink.calendar{ margin-left: -4px; } .lcfilterbar .viewlink.selected{ background-color: #4c4c4c; color: #ffffff; cursor: default; } .lcfilterbar .viewlink:hover{ background-color: #4c4c4c; color: #ffffff; } .lcfilterbar label{ display: inline-block; margin: 0 20px; color: #ffffff; font-size: 12px; text-transform: none; vertical-align: middle; } .lcfilterbar .pcd_dropdown{ display: inline-block !important; width: 130px; margin: 0 10px 0 0; padding: 10px 15px; background-color: #eeeeee; color: #464646; border-radius: 0px; /*font-size: 12px;*/ font-size: 12px; text-decoration: none; text-transform: none; } .lcfilterbar .pcd_dropdown:before{ position: absolute; right: 10px; top: 13px; content: ''; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; } .lcfilterbar .pcd_dropdown>ul{ left: 5px !important; top: 42px !important; z-index: 100000 !important; width: 120px; background-color: #eeeeee !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .lcfilterbar .pcd_dropdown:hover>ul{ max-height: 1000px !important; } .lcfilterbar .pcd_dropdown>ul li{ } .lcfilterbar .pcd_dropdown>ul li span.label{ display: block; padding: 5px 10px; } .lcfilterbar .pcd_dropdown>ul li span.label:hover{ background-color: #009ee3; color: #ffffff; } .lcfilterbar #lckeywordsearch{ height: auto; margin: 0 10px 0 20px; padding: 11px 10px; background-color: #eeeeee; color: #464646; border: none; border-radius: 0px; } .lcfilterbar .LinkAllSubtitle{ color: #ffffff; text-decoration: none; text-transform: none; } .lcfilterbar .LinkAllSubtitle:before{ content: ''; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; } .lcsearchresults{ } .lcsearchresults>div{ display: block; margin: 0 0 10px; padding: 10px 15px; background-color: #eeeeee; border-radius: 0px; color: #464646; font-family: 'Roboto', sans-serif; font-size: 12px; overflow: hidden; } .lcsearchresults>div span.date{ float: left; width: 65px; margin: 0 20px 0 0; padding: 10px; background-color: #ffffff; color: #009ee3; border: solid 1px #009ee3; border-radius: 0px; font-size: 18px; line-height: 20px; text-align: center; text-transform: none; } .lcsearchresults>div p.details{ float: left; width: 65%; } .lcsearchresults>div p.details span.eventtype{ display: block; margin: 0 0 5px; color: #009ee3; font-size: 14px; text-transform: none; } .lcsearchresults>div p.details span.title{ display: block; margin: 0 0 5px; font-size: 16px; font-weight: 700; text-transform: none; } .lcsearchresults>div p.details span.description{ font-size: 14px; } .lcsearchresults>div p.links{ float: right; } .lcsearchresults>div p.links a{ display: inline-block; margin: 0 10px 0 0; padding: 5px 10px; background-color: #009ee3; color: #ffffff; border: solid 2px #009ee3; border-radius: 0px; font-size: 14px; text-decoration: none; text-transform: none; } .lcsearchresults>div p.links a:hover{ background-color: #000000; color: #ffffff; border: solid 2px #000000; } .lcsearchresults>div>.bussupleft{ float: left; width: 70%; } .lcsearchresults>div>.bussupleft p.namebar{ margin: 0 0 5px; color: #009ee3; font-size: 18px; line-height: 24px; text-transform: none; } .lcsearchresults>div>.bussupleft p.catname{ margin: 0 0 5px; color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; text-transform: none; } .lcsearchresults>div>.bussupleft p.description{ font-size: 16px; line-height: 22px; } .lcsearchresults>div>.bussupright{ float: right; width: 25%; } .lcsearchresults>div>.bussupright p.links{ float: none; margin: 0 0 15px; } .lcsearchresults>div>.bussupright p.valueat{ margin: 0 0 5px; } .lcsearchresults>div>.bussupright p.memvalue{ } /*.lcbottomadvert{ display: block; max-width: 1140px; margin: 0 15px 30px; padding: 40px 30px 30px; background: #009ee3 url(images/lcbottomadvert-bg.jpg) center top no-repeat; background-size: cover; color: #ffffff; border-radius: 0px; text-align: center; text-transform: none; }*/ .lcbottomadvert{ display: block; max-width: 1140px; margin: 0 15px 30px; padding: 40px 30px 30px; background: #009ee3 url(/images/site_rcsa/lcbottomadvert-bg.jpg) center top no-repeat; background-size: cover; color: #ffffff; border-radius: 0px; text-align: center; text-transform: none; } .lcbottomadvert h3{ margin: 0 0 20px; font-size: 30px; font-weight: normal; } .lcbottomadvert p.text{ max-width: 75%; margin: 0 auto 20px; font-size: 18px; font-weight: 300; line-height: 24px; } .lcbottomadvert p.link{ } .lcbottomadvert p.link a{ display: inline-block; margin: 0 10px 0 0; padding: 5px 10px; background-color: transparent; color: #ffffff; border: solid 2px #ffffff; border-radius: 0px; font-size: 18px; font-weight: 300; line-height: 24px; text-decoration: none; text-transform: none; } .lcbottomadvert p.link a:hover{ background-color: #ffffff; color: #009ee3; } /* Learning Centre Calendar View */ .rsHeader h2{ margin: 0 !important; color: #ffffff !important; font-size: 14px !important; text-align: center; } /* Events Page */ .featuredevent.eventpage{ max-width: 1140px; margin: 0 auto; } .featuredevent.eventpage .featuredeventpane{ border-radius: 0px; } /*.lcbottomadvert.eventspage{ background: #009ee3 url(images/eventsbottomadvert-bg.jpg) center top no-repeat; background-size: cover; }*/ .lcbottomadvert.eventspage{ background: #009ee3 url(/images/site_rcsa/eventsbottomadvert-bg.jpg) center top no-repeat; background-size: cover; } /* Advocacy Page */ #masterContentArea .fullwidth .inner .focusblock.advocacy{ background: transparent url(images/advocacy-video-bg.jpg) center top no-repeat; background-size: cover; } #masterContentArea .fullwidth .inner h2 a.button{ padding: 5px 20px; } .advocacy-focus-links{ margin: 0; padding: 0; list-style: none; overflow: hidden; } .advocacy-focus-links li{ float: left; width: 32%; background-color: #eeeeee; border-radius: 0px; overflow: hidden; } .advocacy-focus-links li.middle{ margin: 0 1.5%; } .advocacy-focus-links li span.image{ display: block; height: 170px; background-position: center top; background-repeat: no-repeat; background-size: cover; } .advocacy-focus-links li h3{ height: 101px; margin: 0; padding: 30px 30px 20px; color: #464646; font-size: 22px; line-height: 26px; text-align: center; } .advocacy-focus-links li p.text{ height: 86px; padding: 0 30px 20px; color: #464646; font-size: 16px; line-height: 22px; text-align: center; } .advocacy-focus-links li p.link{ padding-top: 20px; text-align: center; } .advocacy-focus-links li p.link a{ display: inline-block; padding: 10px 20px; color: #009ee3; border: solid 2px #009ee3; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 14px; text-decoration: none; text-transform: none; } .advocacy-focus-links li p.link a:hover{ background-color: #009ee3; color: #ffffff; } .advocacy-wide-links{ margin: 0 0 30px; padding: 0; list-style: none; overflow: hidden; } .advocacy-wide-links li{ width: 49%; padding: 30px; background-color: #009ee3; color: #ffffff; border-radius: 0px; overflow: hidden; text-align: center; } .advocacy-wide-links li:nth-child(odd){ float: left; } .advocacy-wide-links li:nth-child(even){ float: right; } .advocacy-wide-links li h3{ display: block; margin: 0 0 20px; font-size: 22px; line-height: 26px; } .advocacy-wide-links li p.text{ min-height: 65px; margin: 0 0 20px; font-size: 16px; line-height: 22px; } .advocacy-wide-links li p.link{ margin: 0 0 0; } .advocacy-wide-links li p.link a{ display: inline-block; padding: 10px 20px; color: #ffffff; border: solid 2px #ffffff; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 14px; text-decoration: none; text-transform: none; } .advocacy-wide-links li p.link a:hover{ background-color: #ffffff; color: #009ee3; } .newspanels{ display: block; margin: 0 0 30px; overflow: hidden; } .newspanels>.newspanel{ float: left; width: 31%; margin: 0 1.5%; } .newspanels>.newspanel:first-child{ margin: 0 1.5% 0 0; } .newspanels>.newspanel:last-child{ margin: 0 0 0 1.5%; } /* Business Support Page */ #masterContentArea .fullwidth .inner .focusblock.resources{ margin-bottom: 50px; background: transparent url(images/business-support-video-bg.jpg) center top no-repeat; background-size: cover; } #masterContentArea .fullwidth .inner .business-support-quick-links{ display: block; padding: 0; list-style: none; overflow: hidden; } #masterContentArea .fullwidth .inner .business-support-quick-links li{ float: left; width: 23%; margin: 1%; } #masterContentArea .fullwidth .inner .business-support-quick-links li a{ display: block; height: 230px; padding: 20px 30px; background-color: #009ee3; color: #ffffff; border-radius: 0px; text-align: center; text-decoration: none; } #masterContentArea .fullwidth .inner .business-support-quick-links li a span.icon{ display: block; margin: 0 0 20px; font-size: 42px; text-align: center; transition: all 0.75s; } #masterContentArea .fullwidth .inner .business-support-quick-links li a strong{ display: block; margin: 0 0 5px; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 400; line-height: 28px; text-align: center; text-transform: none; } #masterContentArea .fullwidth .inner .business-support-quick-links li a span.description{ display: block; margin: 0 0 0; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 22px; text-align: center; } #masterContentArea .fullwidth .inner .business-support-quick-links li a:hover{ background-color: #ffffff; color: #009ee3; } #masterContentArea .fullwidth .inner .business-support-quick-links li a:hover span.icon{ transform: rotateY(360deg); } .blue-panel{ display: block; padding: 20px 20px; background-color: #009ee3; color: #ffffff; border-radius: 0px; } .blue-panel h2{ color: #ffffff !important; } .blue-panel h2 span.fa{ margin-right: 20px; } .blue-panel p{ color: #ffffff; } /*.lcbottomadvert.resources{ background: #009ee3 url(images/resourcesbottomadvert-bg.jpg) center top no-repeat; background-size: cover; }*/ .lcbottomadvert.resources{ background: #009ee3 url(/images/site_rcsa/resourcesbottomadvert-bg.jpg) center top no-repeat; background-size: cover; } .trending-events .eventslist li p.namebar{ min-height: 50px; margin: 0 0 5px; color: #009ee3; font-size: 18px; line-height: 24px; text-transform: none; } .trending-events .eventslist li p.catname{ margin: 0 0 5px; color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; text-transform: none; } .trending-events .eventslist li p.description{ height: 45px; margin: 0 0 10px; overflow: hidden; } .trending-events .eventslist li p.valueat{ margin: 0 0 5px; } .trending-events .eventslist li p.memvalue{ margin: 0 0 10px; color: #000000; font-weight: bold; } /* footer */ #ft{ position: relative; background-color: transparent; } .footer-content{ margin-top: -22px; padding-top: 0; background-color: transparent; } /* footer top content area */ .footer-content .container{ max-width: 100%; } .footer-content .container .footerrow2{ padding: 110px 0 30px; background-color: #ffffff; } .footerrow2 .partnerads{ float: none; display: block; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0px; } .footerrow2 .partnerads h5{ display: none; } .footerrow2 .partnerads ul{ display: block; width: 100%; margin: 0 auto; padding: 0px; list-style: none; overflow: hidden; } .footerrow2 .partnerads ul li{ float: left; width: 22%; height: 150px; margin: 0 3% 15px 0; padding: 15px 50px; background-color: #ffffff; text-align: center; } .footerrow2 .partnerads ul li.businesspartner{ float: right; width: 75%; margin: 0 0 15px 0; } .footerrow2 .partnerads ul li.businesspartner a{ display: block !important; height: 120px !important; } .footerrow2 .partnerads ul li.businesspartner a img{ display: block; max-width: 100%; } .footerrow2 .partnerads ul li.banner{ float: right; width: 75%; margin: 0 0 15px 0; padding: 0; background-color: transparent; } .footerrow2 .partnerads ul li.banner a{ display: block !important; height: 150px !important; } .footerrow2 .partnerads ul li.banner a img{ display: block; width: 100%; max-height: 100%; } .footerrow2 .partnerads ul li a{ display: inline-block; width: 100%; height: 150px; color: #119cc3; text-decoration: none; } .footerrow2 .partnerads ul li a img{ display: block; max-width: 100%; margin: 0 auto; } .footerrow2 .partnerads ul li a:hover{ opacity: 0.5; } .footerrow2 .partnerads ul li.principalpartner a:before{ content: ''; display: block; height: 22px; margin: 0 0 20px; color: #119cc3; font-size: 14px; text-align: center; text-decoration: none; text-transform: none; } .footerrow2 .partnerads ul li.principalpartner a:before{ content: 'Principal Partner'; } /*.footerrow2 .partnerads ul li.businesspartner a:before{ content: 'Business Partner'; }*/ .footer-content .container .footerrow3{ display: none; padding: 30px 0; background-color: #ffffff; } .footerrow3 .premium{ position: relative; float: none; display: block; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0px; } .footerrow3 .premium h5{ display: block; width: 100%; margin: 0 auto; padding: 20px 0px 15px; color: #119CC3; font-size: 13px; font-weight: normal; text-align: left; text-transform: none; } .footerrow3 .premium #premiumcycle{ position: relative; display: block; width: 100%; height: 75px; margin: 0 auto; padding: 0; } .footerrow3 .premium #premiumcycle a{ display: inline-block; padding: 0px; margin: 0 25px; text-align: center; vertical-align: middle; } .footerrow3 .premium #premiumcycle a img{ display: inline-block; max-height: 75px; } .footerrow3 .premium span#cycleprev, .footerrow3 .premium span#cyclenext{ position: absolute; top: 70px; display: block; width: 30px; height: 30px; color: #3b3b3b; background-position: center; background-repeat: no-repeat; cursor: pointer; font-family: arial; font-size: 36px; text-indent: -10000px; } .footerrow3 .premium span#cycleprev{ left: -40px; background-image: url(images/cycle-prev.png); } .footerrow3 .premium span#cyclenext{ right: -40px; background-image: url(images/cycle-next.png); } .footer-nav-copyright{ padding: 0; background-color: #4c4c4c; } /* footer copyright content area */ .footer-nav-copyright .container{ max-width: 100%; padding-left: 0; padding-right: 0; } .footer-nav-copyright .footer-copyright{ display: block; width: 100%; margin: 0; } .footer-nav-copyright .footer-copyright .row{ max-width: 1170px; margin: 0 auto !important; } .footer-nav-copyright .footer-copyright .conversation{ text-align: center; } .footer-nav-copyright .footer-copyright .conversation .inner{ display: inline-block; padding: 12px 30px; background-color: #4c4c4c; color: #ffffff; border-radius: 0px; font-size: 20px; } .footer-nav-copyright .footer-copyright .conversation .inner span{ display: inline-block; margin-right: 30px; text-transform: none; vertical-align: middle; } .footer-nav-copyright .footer-copyright .conversation .inner a{ display: inline-block; margin-left: 10px; text-decoration: none; vertical-align: middle; } .footer-nav-copyright .footer-copyright .conversation .inner a:hover{ color: #009ee3; } .footer-nav-copyright .footer-copyright .conversation.top{ position: relative; /*top: -455px;*/ top: -280px; height: 0px; } .footer-nav-copyright .footer-copyright .conversation.bottom{ padding-bottom: 10px; background-color: #333333; } .footer-nav-copyright .footer-copyright .conversation.bottom .inner{ margin-top: -30px; } .footer-nav-copyright .footermainmenu{ margin: 20px 0 30px; } .footer-nav-copyright .footermainmenu a{ display: inline-block; margin-right: 20px; color: #ffffff; font-size: 13px; text-decoration: none; text-transform: none; } .footer-nav-copyright .footermainmenu a:hover{ color: #009ee3; } .footer-nav-copyright .footerbottommenu{ display: block; margin: 0 0 50px; padding: 0; list-style: none; overflow: hidden; } .footer-nav-copyright .footerbottommenu>li{ float: left; width: 19%; margin-right: 0.9%; } .footer-nav-copyright .footerbottommenu>li>a{ color: #ffffff; font-size: 13px; text-decoration: none; text-transform: none; } .footer-nav-copyright .footerbottommenu>li>a:hover{ color: #009ee3; } .footer-nav-copyright .footerbottommenu>li>ul{ margin: 0; padding: 0; list-style: none; } .footer-nav-copyright .footerbottommenu>li>ul>li{ } .footer-nav-copyright .footerbottommenu>li>ul>li>a{ color: rgba(255,255,255,0.75); font-size: 13px; text-decoration: none; text-transform: none; } .footer-nav-copyright .footerbottommenu>li>ul>li>a:hover{ color: #009ee3; } .footer-nav-copyright .footerlinks{ display: block; margin: 0; padding: 0; list-style: none; } .footer-nav-copyright .footerlinks li{ display: block; color: rgba(255,255,255,0.75); font-size: 13px; text-align: right; text-decoration: none; text-transform: none; } .footer-nav-copyright .footerlinks li a{ color: rgba(255,255,255,0.75); font-size: 13px; text-decoration: none; text-transform: none; } .footer-nav-copyright .footerlinks li a:hover{ color: #009ee3; } /* tagged list */ .TaggedListPanel{ } .TaggedListPanel .BlockTLItem{ } .TaggedListPanel .BlockTLItem:last-child{ } .TaggedListPanel .BlockTLItem h4{ } .TaggedListPanel .BlockTLItem h4 a{ } .TaggedListPanel .BlockTLItem h4 a:hover{ } .TaggedListPanel .BlockTLItem p{ } .TaggedListPanel .BlockTLItem p span{ } /* horizontal items, e.g. default events listing on homepage */ .RelatedItemsHorizontal{ } .RelatedItemsHorizontal li{ } .RelatedItemsHorizontal li a.ImageLink{ } .RelatedItemsHorizontal li a.ImageLink img{ } .RelatedItemsHorizontal li a.LabelLink{ } /* dynamic repeater events list > date icon on left, content on right (e.g. CBFCA homepage events) */ /* */ .dmrp_latesteventslist{ margin: 0; padding: 0; list-style: none; } .dmrp_latesteventslist li{ } .dmrp_latesteventslist li:last-child{ } .dmrp_latesteventslist li a{ } .dmrp_latesteventslist li a:hover{ } .dmrp_latesteventslist li a div.dateicon{ } .dmrp_latesteventslist li a:hover div.dateicon{ } .dmrp_latesteventslist li a div.dateicon span.date{ } .dmrp_latesteventslist li a div.dateicon span.month{ } .dmrp_latesteventslist li a div.content{ } .dmrp_latesteventslist li a div.content span.title{ } .dmrp_latesteventslist li a:hover div.content span.title{ } .dmrp_latesteventslist li a div.content span.description{ } /* dynamic repeater events filters > radio input style */ div.commonsearchfilters{ display: block; overflow: hidden; } div.commonsearchfilters div.filterset{ position: relative; float: left; width: 48%; min-height: 260px; margin: 0 1% 15px; padding: 10px 15px; } div.commonsearchfilters div.filterset:first-child{ display: none; } div.commonsearchfilters div.filterset h5{ border-bottom: none; } ul.radiooptions{ display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; } ul.radiooptions li{ float: left; width: 40%; margin: 0px 10px; padding: 2px 5px; border: solid 1px transparent; color: #4f4f4f; cursor: pointer; font-size: 13px; transition: all 0.3s; } ul.radiooptions li span.radio{ display: inline-block; width: 10px; height: 10px; margin-right: 5px; background-color: transparent; border: solid 2px #cccccc; border-radius: 20px; vertical-align: 0px; transition: all 0.3s; } ul.radiooptions li span.label{ display: inline-block; transition: all 0.3s; } ul.radiooptions li:hover{ } ul.radiooptions li:hover span.radio{ } ul.radiooptions li.FilterSelect{ } ul.radiooptions li.FilterSelect span.radio{ border: solid 2px #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.5); } /* event details sign in */ .dmrp-event-details-signin{ } .dmrp-event-details-signin .panel-heading{ padding: 30px 30px 0 !important; } .dmrp-event-details-signin .panel-body-container{ padding: 0 30px 30px !important; } .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active{ background-color: #999999; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited{ background-color: #009ee3; } h4, .h4, .SectionLabel{ color: #009ee3; } /* recruiter bio page */ .recbio_leftcol{ min-height: 1000px; padding: 30px; background-color: #606060; color: #ffffff; font-size: 22px; line-height: 28px; } .companylogo{ text-align: left; } .companylogo div{ text-align: left; } .companylogo img{ display: inline-block; } .recruiter-bio-about-section h2{ margin: 20px 0 0; } .recbio_social{ padding-left: 10px; } .recbio_social .panel-heading.Distinguish{ border: none; } /* Event Detail */ .PhotoArea{ } .PhotoArea>img{ display: block; width: 100%; } a.event-details-register-button{ display: block; margin: -20px 11px 20px; padding: 15px 10px; background-color: #009fc2; color: #ffffff; background-image: url(images/arrow-white-small.png); background-position: right 10px center; background-repeat: no-repeat; font-size: 18px; text-decoration: none; text-indent: 30px; text-transform: none; } a.event-details-register-button:hover{ background-color: #00adef; } .event-information div.iMIS-WebPart>div>div>div>div{ display: none; } .event-information div.iMIS-WebPart>div>div>div>div.EventDetails{ display: block; padding: 30px; background-color: #eeeeee; overflow: hidden; } .event-information div.iMIS-WebPart>div>div>div>div.EventDetails .ContactLocationArea{ display: none; } .event-information div.iMIS-WebPart>div>div>div>div.EventDetails .RegistrationArea{ float: none; display: block; margin: 0 auto; } .event-information div.iMIS-WebPart>div>div.dmrp-event-details-signin>div>div{ display: block; padding: 30px; background-color: #eeeeee; overflow: hidden; } .EventDisplay .PricingData { display: block !important; } .event-information .EventDetails .Label{ color: #009fc2; } .dmrp-event-details-list{ } .dmrp-event-details-list h4{ margin-bottom: 0; text-transform: none; } .dmrp-event-details-list small+h4{ margin-top: 20px; } .IsLoggedIn .UnauthenticatedOnly{ display: none !important; } .IsNotLoggedIn .AuthenticatedOnly{ display: none !important; } /* coming up events box */ #comingup{ display: block; overflow: hidden; } #comingup div.event{ position: relative; float: left; width: 48%; min-height: 236px; margin: 0 1% 15px; padding: 20px 20px 60px; background-color: #f0f0f0; } #comingup div.event:first-child{ margin-left: 0; } /* only useful when there is a single row of events */ #comingup div.event h3{ margin: 0 0 10px; color: #009ee3; font-family: tahoma, arial, sans-serif; font-size: 18px; font-weight: bold; text-transform: none; } #comingup div.event>span{ display: block; font-size: 13px; } #comingup div.event>span strong{ padding-right: 5px; text-transform: none; } #comingup div.event>span.link{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; } #comingup div.event>span.link a{ display: block; padding: 5px 20px; background-color: #009fc2; color: #ffffff; font-size: 18px; text-decoration: none; text-transform: none; } #comingup div.event>span.link a:hover{ background-color: #542988; } #comingup div.event>span.link a>span.next{ display: inline-block; width: 15px; height: 24px; margin-left: 5px; background-image: url(images/arrow-white-small.png); background-repeat: no-repeat; vertical-align: -8px; } /* view switches */ #viewswitches{ display: block; width: 100%; margin: 0 10px 0 20px; } /* common search */ div.commonsearchbar{ } div.commonsearchbar div{ padding: 0; background-color: transparent; } div.commonsearchbar input[type=text]{ border: solid 1px #bababa; } div.commonsearchbar input[type=button]{ width: 37px; height: 37px; margin-left: -7px; background-color: #bababa !important; background-image: url(images/search.png); background-position: center; background-repeat: no-repeat; text-indent: -10000px; } /* radio option lists */ div.commonsearchfilters{ display: block; overflow: hidden; } div.commonsearchfilters div.filterset{ position: relative; float: left; width: 48%; min-height: 260px; margin: 0 1% 15px; padding: 10px 15px; background-color: #f0f0f0; } div.commonsearchfilters div.filterset:first-of-type{ display: none !important; } div.commonsearchfilters div.filterset h5{ color: #009ee3; border-bottom: none; font-family: tahoma, arial, sans-serif; font-size: 18px; font-weight: normal; text-transform: none; } ul.radiooptions{ display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; } ul.radiooptions li{ float: left; width: 40%; margin: 0px 10px; padding: 2px 5px; border: solid 1px transparent; color: #4f4f4f; cursor: pointer; font-size: 13px; transition: all 0.3s; } ul.radiooptions li span.radio{ display: inline-block; width: 11px; height: 11px; margin-right: 10px; background-color: #ffffff; border: solid 2px #ffffff; border-radius: 20px; box-shadow: 0 0 5px #666666; vertical-align: 0px; transition: all 0.3s; } ul.radiooptions li span.label{ display: inline-block; transition: all 0.3s; } ul.radiooptions li:hover{ color: #009fc2; } ul.radiooptions li:hover span.radio{ background-color: #009fc2; } ul.radiooptions li.FilterSelect{ color: #009fc2; } ul.radiooptions li.FilterSelect span.radio{ background-color: #009fc2; border: solid 2px #ffffff; box-shadow: 0 0 3px rgba(0,0,0,0.5); } /* common search results */ div.commonsearchresults{ } div.commonsearchresults h2{ color: #009ee3; border-bottom: none; font-family: tahoma, arial, sans-serif; font-size: 18px; text-transform: none; } div.commonsearchresults p{ display: block; margin: 0; } div.commonsearchresults p:nth-child(even){ background-color: #f0f0f6; } div.commonsearchresults p a{ display: block; padding: 10px; overflow: hidden; text-decoration: none; } div.commonsearchresults p a:hover{ margin: 0 -10px 0 10px; background-color: #009fc2; color: #ffffff; } div.commonsearchresults p a:hover span{ color: #ffffff; } div.commonsearchresults p span{ float: left; margin-right: 2%; color: #4f4f4f; font-family: tahoma, arial, sans-serif; font-size: 14px; } div.commonsearchresults p span.date{ width: 3%; } div.commonsearchresults p span.city{ width: 13%; } div.commonsearchresults p span.title{ width: 45%; margin-top: -2px; font-size: 16px; } div.commonsearchresults p span.eventtype{ width: 15%; } div.commonsearchresults p span.link{ width: 10%; color: #009fc2; background-image: url(images/arrow-blue-medium.png); background-position: right center; background-repeat: no-repeat; text-decoration: none; text-transform: none; } div.commonsearchresults p span a{ display: block; padding: 0 20px 0 0; color: #009fc2; background-image: url(images/arrow-blue-medium.png); background-position: right center; background-repeat: no-repeat; text-decoration: none; text-transform: none; } div.commonsearchresults p span a:hover{ opacity: 0.5; } /* Dashboard */ .dashboard-panel{ padding: 0px 10px; background-color: #ededed; } .dashboard-panel.directhtml{ margin: 0 10px; padding: 10px; } .dashboard-panel.directhtml h2{ margin: -10px -10px 10px !important; } .dashboard-panel h2{ margin: -10px -20px 10px !important; padding: 10px 20px; background-color: #666666; color: #ffffff !important; } .dashboard-panel h3{ font-size: 16px; } .dashboard-panel h3.big{ font-size: 38px; text-transform: none; } .dashboard-panel h3 strong{ display: block; font-size: 36px; text-align: center; } .dashboard-panel h4{ margin: 20px 0 5px !important; color: #929292; font-size: 16px; text-transform: none; } .dashboard-panel p.greytext{ color: #929292 !important; } .dashboard-panel p.bluetext{ color: #009fc2 !important; font-weight: bold !important; } .dashboard-panel p.bluetext a{ color: #009fc2 !important; text-decoration: none !important; } .dashboard-panel p.greyfoot{ margin: 10px -20px -20px !important; } .dashboard-panel a.greyarrow{ display: block; width: 100%; padding: 10px 30px 10px 20px !important; background-color: #dadada !important; color: #666666 !important; background-image: url(images/arrow-grey-medium.png); background-position: right 10px center; background-repeat: no-repeat; font-size: 16px !important; text-align: left; text-decoration: none !important; } .dashboard-panel a.greyarrow:hover{ background-color: #009fc2 !important; color: #ffffff !important; text-decoration: none; } .dashboard-panel a.icon-jpeg, .dashboard-panel a.icon-pdf, .dashboard-panel a.icon-eps{ display: inline-block; width: 55px; height: 60px; margin-right: 4px; background-position: center; background-repeat: no-repeat; background-size: contain; overflow: hidden; text-indent: -10000px; } .dashboard-panel a.icon-jpeg{ background-image: url(images/icon-file-jpeg.png); } .dashboard-panel a.icon-pdf{ background-image: url(images/icon-file-pdf.png); } .dashboard-panel a.icon-eps{ background-image: url(images/icon-file-eps.png); } .dashboard-panel a.icon-jpeg:hover, .dashboard-panel a.icon-pdf:hover, .dashboard-panel a.icon-eps:hover{ opacity: 0.5; } .dashboard-panel a.greybarlink{ display: block; margin: 5px -20px 0px; padding: 5px 10px; background-color: #dadada !important; color: #666666 !important; background-image: url(images/arrow-grey-medium.png); background-position: right 10px center; background-repeat: no-repeat; font-size: 14px !important; text-align: left; text-decoration: none !important; } .dashboard-panel.directhtml a.greybarlink{ margin: 5px -10px 0px; } .dashboard-panel a.greybarlink:hover{background-color: #009fc2 !important; color: #ffffff !important; text-decoration: none; } .dashboard-panel a.italiclink{ display: block; margin-top: 10px; color: #009fc2; font-style: italic; text-decoration: none !important; } .dashboard_renew{ margin: -24px 11px 10px; padding: 0 !important; background-color: #dadada; } .dashboard_renew div{ padding: 0 !important; } .dashboard_renew br{ display: none !important; } .dashboard_renew input{ display: block; width: 100%; padding: 10px 20px !important; background-color: #dadada !important; color: #666666 !important; background-image: url(images/arrow-grey-medium.png); background-position: right 10px center; background-repeat: no-repeat; font-family: tahoma, arial, san-serif; font-size: 16px !important; text-align: left; } .dashboard_renew input:hover{ background-color: #009fc2 !important; color: #ffffff !important; } #cpddial{ position: relative; margin-bottom: 40px; text-align: center; } #cpddial>label{ position: absolute; left: 0; top: 140px; z-index: 100; display: block; width: 100%; color: #009fc2; font-size: 18px; text-align: center; } input.dial{ color: #009fc2 !important; box-shadow: none !important; font-family: tahoma, arial, san-serif !important; font-size: 56px !important; } /* dashboard events list */ ul.dashboardeventslist{ display: block; margin: 0 0 -10px; padding: 0; list-style: none; } ul.dashboardeventslist li{ display: block; margin: 0 -20px 5px; padding: 10px; background-color: #dadada; } ul.dashboardeventslist li:last-child{ margin: 0 -20px 0; } ul.dashboardeventslist li span{ display: block; margin: 0 0 5px; } ul.dashboardeventslist li span.title{ color: #009ee3; font-size: 16px; } ul.dashboardeventslist li span.date{ margin: 0 0 0; } ul.dashboardeventslist li a{ display: block; margin: 0 -10px -10px; padding: 5px 10px; background-color: #dadada; background-image: url(images/arrow-grey-medium.png); background-position: right 10px center; background-repeat: no-repeat; font-size: 16px !important; } ul.dashboardeventslist li a:hover{ background-color: #009ee3 !important; color: #ffffff !important; text-decoration: none; } ul.dashboardeventslist li.morelink{ display: block; margin: 0 -20px 5px; padding: 0px 10px; background-color: #ededed; } ul.dashboardeventslist li.morelink a{ background-color: transparent; background-image: none; font-size: 15px !important; } ul.dashboardeventslist li.morelink a:hover{ background-color: transparent !important; background-image: none; color: #009fc2 !important; font-size: 15px !important; text-decoration: underline !important; } .FilterPanel{ padding: 10px; } @media (min-width:768px) and (max-width:1024px){ /* iPad portrait to landscape */ .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink .rmText{ padding: 10px 10px; } ul.secnav li a{ padding: 20px 10px; font-size: 14px; } .header-top-container .navbar-header .auth-link-container-sm{ margin-left: 10px; } #masterLogoArea{ width: 170px; } .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption{ padding: 40px 80px; } .lcfilterbar label{ display: none; } .lcfilterbar .viewlink.calendar{ margin-right: 10px; } } @media (width:768px){ /* iPad portrait only */ } @media (max-width:1025px){ .header-top-container .navbar-header .search-container-sm{ display: none !important; } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink{ font-size: 16px !important; } .footer-copyright .col-sm-9{ width: 100% !important; text-align: center; } .footer-copyright .col-sm-3{ width: 100% !important; text-align: center; } .footer-nav-copyright .footermainmenu a{ display: block; margin: 0 0 10px; text-align: center; } .footer-nav-copyright .footerbottommenu>li{ float: none; display: block; width: 100%; text-align: center; } .footer-nav-copyright .footerlinks{ margin: 0 0 100px; } .footer-nav-copyright .footerlinks li{ float: none; display: block; width: 100%; text-align: center; } } @media (max-width:769px){ /* smaller than iPad portrait */ #masterContentArea{ padding-left: 15px !important; padding-right: 15px !important; } a.button{ margin-bottom: 10px; } .auth-link-container{ padding: 5px 15px; background-color: #ffffff; } .header-bottom-container .header-container .nav-primary{ background-color: #000000; } .header-bottom-container .header-container .nav-primary .RadMenu{ background-color: #000000; } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem > .rmLink .rmText{ float: left; clear: both; } .header-top-container .navbar-header{ width: 100%; text-align: center; } ul.secnav{ display: inline-block; } .nav-auxiliary .navbar-toggle{ display: inline-block; } .header-top-container .navbar-header .NavigationUnorderedList{ /*display: none;*/ } .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle.collapsed{ background-color: #009ee3 !important; } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container{ background-color: #000000; border: none; text-align: left; } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a{ color: #009ee3; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .featuredevent .featuredeventpane .content>.left{ width: 100%; } .featuredevent .featuredeventpane .content>.right{ display: none; } .header{ height: auto; } #masterLogoArea{ float: none; display: block; width: 300px; margin: 0 auto; } #logoImage{ display: block; margin: 10px 0 20px 0; text-align: center; } #logoImage img{ display: block; max-height: 100px; } #masterContentArea .body-container .col-secondary{ float: none !important; clear: both; display: bloc; max-width: 300px; margin: 0 auto 50px; } .HomePageFullWidthArea .carousel .carousel-inner .item .carousel-caption{ padding: 20px 40px; } .staticbanner{ height: 145px; overflow: hidden; } .quicklinks li{ float: none; display: block; width: 100%; margin: 0 0 10px; overflow: hidden; } .featuredevent .featuredeventpane .content{ padding: 10px; } .featuredevent .featuredeventpane .content>.left p span.eventtitle{ width: 70%; } .eventslist li a span.title{ width: 80%; } .footerrow3 .premium span#cycleprev{ display: none; } .footerrow3 .premium span#cyclenext{ display: none; } .footerrow2 .partnerads ul li{ float: none !important; display: block !important; width: 100% !important; } .footerrow3 .premium h5{ padding: 15px; } .footer-copyright .col-sm-3{ margin-bottom: 20px; text-align: center; } #footerlinks{ width: 100%; text-align: center; } #footerlinks>li{ float: none; display: inline-block; } .footer-nav-copyright .footermainmenu{ text-align: center; } .footer-nav-copyright .footermainmenu a{ display: block; margin: 0 0 10px; } .footer-nav-copyright .footerbottommenu{ text-align: center; } .footer-nav-copyright .footerbottommenu>li{ float: none; display: block; width: 100%; margin: 0 0 10px; } .footer-nav-copyright .footerlinks li{ text-align: center; } .footer-nav-copyright .footer-copyright .conversation.top{ display: none; /*top: -942px;*/ top: -765px; } .footer-nav-copyright .footer-copyright .conversation.bottom .inner{ margin-top: -10px; } .footer-nav-copyright .footer-copyright .conversation .inner span{ margin-right: 5px; font-size: 14px; } #comingup div.event{ float: none; display: block; width: 100%; min-height: auto; padding: 20px !important; } #comingup div.event>span{ margin-bottom: 10px; } #comingup div.event>span.link{ position: relative; left: auto; bottom: auto; } div.commonsearchfilters div.filterset{ min-height: auto; } div.commonsearchfilters div.filterset>h5{ position: relative; display: block; height: 20px; overflow: hidden; } div.commonsearchfilters div.filterset>h5:after{ content: '+'; position: absolute; right: 0; top: 0; } div.commonsearchfilters div.filterset>ul.radiooptions{ height: 0px; } ul.radiooptions li{ float: none; display: block; width: 100%; padding: 5px; } ul.radiooptions li span.radio{ display: none; } ul.radiooptions li span.label{ display: block; } div.commonsearchresults p span{ float: none; display: block; width: 100% !important; margin: 0 0 5px; } div.commonsearchresults p span.date{ color: #009ee3; font-size: 16px; font-weight: bold; } #masterContentArea .fullwidth .inner .focusblock .introsidebar{ float: none; display: block; width: 100%; margin-top: 100%; } #masterContentArea .fullwidth .inner .focusblock>a{ top: 25%; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li{ width: 48%; } .trending-events .eventslist li{ width: 100%; margin-bottom: 15px; } .lcfilterbar .pcd_dropdown{ width: 100px; } .lcfilterbar .pcd_dropdown>ul{ width: 90px; font-size: 10px; } .lcfilterbar #lckeywordsearch{ width: 110px; margin-left: 0; } .lcsearchresults>div p.links a{ display: block; margin: 0 0 10px; text-align: center; } .advocacy-focus-links li{ float: none; display: block; width: 100%; margin: 0 0 15px !important; } .advocacy-focus-links li span.image{ height: 220px; } .advocacy-focus-links li h3{ height: auto; } .advocacy-focus-links li p.text{ height: auto; } .advocacy-wide-links li{ float: none !important; display: block; width: 100% !important; margin: 0 0 15px !important; } .advocacy-wide-links li p.text{ min-height: 0; } .newspanels>.newspanel{ float: none !important; display: block; width: 100% !important; margin: 0 0 15px !important; } #masterContentArea .fullwidth .inner .business-support-quick-links li{ width: 47.9%; } .featuredevent{ width: 100%; } .calendar{ width: 100%; } } @media (max-width: 767px){ #masterLogoArea{ float: left; width: 100%; } #logoImage{ width: 100%; } #logoImage img{ display: inline-block; } .header-top-container .navbar-header .NavigationUnorderedList li a{ background-color: #009ee3; } .header-top-container .navbar-header{ margin-top: 30px; border-bottom: none; } .nav-auxiliary .nav-aux-button .NavigationLink, .navbar-toggle.collapsed{ background-color: #ffffff; } .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus{ background-color: #009ee3; } .navbar-toggle .icon-search{ background-position: center -25px; } .navbar-toggle:hover .icon-search{ background-position: center 0px; } .navbar-toggle:focus .icon-search{ background-position: center 0px; } .navbar-toggle .icon-bar{ background-color: #a6a6a6; border-radius: 1px; } .navbar-toggle:hover .icon-bar{ background-color: #ffffff; } .navbar-toggle:focus .icon-bar{ background-color: #ffffff; } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{ background-position: 2px -125px; } .nav-auxiliary .nav-aux-button.nav-aux-account a:hover{ background-color: #009ee3; } .nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text{ background-position: 2px -100px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{ background-position: 2px -75px; } .nav-auxiliary .nav-aux-button.nav-aux-cart a:hover{ background-color: #009ee3; } .nav-auxiliary .nav-aux-button.nav-aux-cart a:hover .nav-text{ background-position: 2px -50px; } .auth-link-container{ margin-bottom: 15px; border-bottom: none; } .header-bottom-container .header-container .navbar-collapse.nav-primary .auth-link-container a{ display: inline=block; padding: 5px 10px; color: #009ee3; border: solid 1px #009ee3; border-radius: 0px; text-decoration: none; } .header-bottom-container .header-container .nav-primary .RadMenu .rmRootGroup > .rmItem{ clear: both; } #masterContentArea .fullwidth{ padding: 35px 0; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li{ width: 100%; } #masterContentArea .fullwidth .inner .learning-centre-quick-links li a{ height: auto; } #masterContentArea .fullwidth .inner .business-support-quick-links li{ width: 100%; } #masterContentArea .fullwidth .inner .business-support-quick-links li a{ height: auto; } .lcsearchresults>div p.links a{ display: inline-block; margin: 0 10px 5px 0; } .lcfilterbar .viewlink{ width: 49%; margin-bottom: 10px; text-align: center; } .lcfilterbar label{ display: none; } .lcfilterbar .pcd_dropdown{ width: 98%; margin: 1%; font-size: 12px; } .lcfilterbar .pcd_dropdown>ul{ width: 98%; } .lcfilterbar #lckeywordsearch{ width: 98%; margin: 1%; font-size: 12px; } .lcfilterbar .LinkAllSubtitle{ display: block; padding: 10px 10px 0; text-align: center; } .featuredevent .featuredeventpane .content>.left p{ margin: -103px 0 20px 80px; } .featuredevent .featuredeventpane .content>.left a.button{ min-width: 140px; margin-bottom: 1px; padding: 6px 5px; } }