/* .onecol {width:4.85%;} .twocol {width:13.5%;} .threecol {width:22.15%;} .fourcol {width:30.8%;} .fivecol {width:39.45%;} .sixcol {width:48.1%;} .sevencol {width:56.75%;} .eightcol {width:65.4%;} .ninecol {width:74.05%;} .tencol {width:82.7%;} .elevencol {width:91.35%;} .twelvecol {width:100%; float:left;} .footer_col_reduced_width {width:20%;} */ /*------------------------------------------------------------------------------------------------------------*/ /* RESET CSS */ /*------------------------------------------------------------------------------------------------------------*/ /* RESET EVERYTHING (except lists) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} /*------------------------------------------------------------------------------------------------------------*/ /* New Defaults */ /*------------------------------------------------------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} img {-ms-interpolation-mode: bicubic;} /* Links */ a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:underline} /* a:hover, a:active, a:focus {outline:none;} */ a:hover {text-decoration:underline} a img {border:0} /* Form */ form {margin:20px 0 0;} legend {margin-left:1em} input, select {vertical-align:baseline; background:white;} select {-webkit-border-radius:0; border-radius:0} input, select, textarea, button {margin:0; font:100% sans-serif;} input:invalid, textarea:invalid {border-radius:1px; box-shadow:0px 0px 2px red;} textarea {overflow:auto;} input[type=text]:focus {outline:none;} textarea:focus {outline:none;} button {width:auto; overflow:visible;} button, input[type=button], input[type=submit] {cursor:pointer; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0} button[disabled], html input[disabled] {cursor: default;} ::-webkit-input-placeholder {color:#ccc;} input:-moz-placeholder {color:#ccc;} /* Lists */ ul, ol {margin: 0 0 1em 20px; padding: 0 0 0 16px;} li { padding-bottom: 10px; padding-left: 10px; } ol {list-style-type:decimal;} nav ul, nav ol, nav li {margin:0; padding:0; list-style-type:none; list-style-image:none} .mainContentContainer ul, .squareBullets { padding: 0; } .mainContentContainer ul:not(.gridList):not(.corporategridList):not(.socialmediadirectory):not(.bloglist):not(.compactList):not(.arrows):not(.quicklinks):not(.courseLinks):not(.courseList):not(.pagination):not(.atoz):not(.staffList):not(.socialmedia):not(.countries):not(.reset-bullets) li:not(.jw-sharing-inline-icon):not(.jw-featured), .squareBullets li { margin: 0; padding-left: 24px; list-style: none; background: url('images/icon-teal-square.png') 0 10px no-repeat; } /* Text */ pre, code, kbd, samp {font-family:monospace, sans-serif;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration:line-through;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} sub {vertical-align:sub; font-size:smaller;} sup {vertical-align:super; font-size:smaller;} pre {padding:15px; white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;} small {font-size:85%;} ::-moz-selection {background:#254e57; color:#fff; text-shadow:none;} ::selection {background:#254e57; color:#fff; text-shadow:none;} .ie7 .radioLabel, .ie7 .checkBoxLabel, .ie8 .radioLabel, .ie8 .checkBoxLabel, .ie9 .radioLabel, .ie9 .checkBoxLabel {vertical-align:top} /*------------------------------------------------------------------------------------------------------------*/ /* HELPER CLASSES */ /*------------------------------------------------------------------------------------------------------------*/ .noScroll {overflow:hidden;} .no-hover {text-decoration:none!important} /* Floats .imgFloatLeft {float:left; margin:0 10px 10px 0} .imgFloatRight {float:right; margin:0 0 10px 10px} .floatLeft {float:left} .floatRight {float:right} .imgQuoteFloatLeft {float:none; padding-left:25%;}*/ .floatLeft {float:left} /* Float collapse fix */ .clearBoth {clear:both} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .overflowHidden {overflow:hidden} /* Alignment */ .textLeft {text-align:left!important} .textRight {text-align:right!important} .center {text-align:center!important} /* Split the page */ .leftHalfContainer {float:left; width:49%;} .rightHalfContainer {float:right; width:49%;} .leftThirdContainer {float:left; width:33%;} .middleThirdContainer {float:left; width:33%;} .rightThirdContainer {float:right; width:33%;} /* Override rules */ .noFloat {float:none!important} .noBkgnd {background:none!important} .noMargin {margin:0!important} .noPadding {padding:0!important} /* Info Container - Left */ .infoContainerLeft {overflow:hidden; margin:0 0 10px} .infoContainerLeft img {float:left; margin:0 10px 0 0} .infoDetailsLeft {overflow:hidden} /* Info Container - Right */ .infoContainerRight {overflow:hidden;} .infoContainerRight img {float:right!important; margin:0 0 10px 10px} .infoDetailsRight {overflow:hidden} .offScreen {position:absolute; top:-9999px; left:-9999px} .hidden {display: none !important; visibility: hidden;} .screenreader { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #skipnav a:focus, #skipnav a:active { top: 0; left: 0; z-index: 1001; width: auto; height: auto; background-color: #000; color: #fff; padding: 10px; font-size: 1.538462em; font-weight: bold; text-decoration: underline; } .shortdate {margin:0.4em 0; color:#666} .fullDate {margin:0.4em 0; color:#666; font-style:italic} .imgTop {vertical-align:top} /* overrides default baseline alignment */ /* Rounded Corners */ .roundedInput {border-radius:5px;} .roundedButton {border-radius:5px;} .roundedCorners {border-radius:5px;} .roundedTop {border-radius:5px;} .roundedBottom {border-radius:5px;} /* Text */ .capitalise {text-transform:uppercase} /*------------------------------------------------------------------------------------------------------------*/ /* Colours */ /*------------------------------------------------------------------------------------------------------------*/ .bkgnd-grey {background:#ececed} .bkgnd-dark-grey {background:#393a3c} .bkgnd-light-grey {background:#ececed} .bkgnd-purple {background:#6B2C91} .bkgnd-light-blue {background:#038199} .bkgnd-dark-blue {background:#02414d} .purple-text {color:#6B2C91!important} .white-text {color:white!important} .black-text {color:black!important} /*------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE */ /*------------------------------------------------------------------------------------------------------------*/ html {margin:0; padding:0; font-size:62.5%; background:white; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;} /* Fix font sizing issues */ body {margin:0; padding:0; width:100%; background:white; -webkit-overflow-scrolling:touch; overflow:auto; font-size: 1.3em; line-height: 1.5em; font-family:sans-serif;} /* Reset the base font size 1pt = 1em */ .pageWrapper {position:relative; width:100%; margin:0 auto; padding:0; height:100%; overflow:hidden;} .posMenuAtEdge {right:0px!important} .headerContainer {position:relative; margin:20px 0 0; background:white; z-index:1000;} .headerContent {width:90%; max-width:1140px; margin:0 auto; padding:0; background:white} /*BEGIN styles to allow for the additional height of sub-brand logos - added by AS 22/01/16 */ .subLogo1 {padding: 0 0 20px 0;} .subLogo2 {padding: 0 0 39px 0;} /*END styles to allow for the additional height of sub-brand logos - added by AS 22/01/16 */ .contentContainer {position:relative; background:white; z-index:10;} .content {padding:0; overflow:hidden;} .leftMenuContainer {display:none; float:left; width:30%; margin:0 30px 0 0;} .noColLayoutContainer .mainContentContainer {overflow:hidden;} .oneColLayoutContainer {overflow:hidden;} .footerContainer {background:#1d1d1d; padding-bottom:50px;} .footerContent {overflow:hidden; margin:0;} /*------------------------------------------------------------------------------------------------------------*/ /* CONTENT */ /*------------------------------------------------------------------------------------------------------------*/ .eqHeights-lazy {min-height:150px;} .site-identifier {clear:both; margin:0; padding:0 0 30px;} /*BEGIN EDIT classes 'site-identifier-sublogo1' and 'site-identifier-sublogo2' added by AS to accommodate additional space requirements for sub-brand logos - added by AS 25/01/16 */ .site-identifier-sublogo1 {clear:both; margin:0; padding:20px 0 30px;} .site-identifier-sublogo2 {clear:both; margin:0; padding:39px 0 30px;} .site-identifier p, .site-identifier-sublogo1 p, .site-identifier-sublogo2 p {font-size:22px; color:#6B2C91; font-family:'Open Sans', sans-serif; font-weight:600; line-height:22px; margin:0; padding:0; } /*END EDIT - added by AS 25/01/16 */ /* Footer */ .footerContainer h2 {color:white} .footerContainer .fourcol.last {margin:2em 0 0; padding:1em 0 0; border-top:1px solid #808184; width:100%} .footerContainer .sixcol.last {margin:2em 0 0; padding:1em 0 0; border-top:1px solid #808184; width:100%} .footerContainer .tripleVertPadding {padding-bottom:1em} .footerContainer li a {color:#aaa;} .footerContainer a:hover {text-decoration:underline} .footerContainer .inlineList li {font-size:1.076923em!important} .footerContainer address {font-size:1.230769em;} .footerContainer address a {color:#aaa;} .footer-socialIcons li {padding:0!important} .footer-socialIcons li a img {margin:0 3px 0 0; width:auto!important;} .footerLogos {float:left;} .footerLogos img {display:inline; margin:0 20px 10px 0; width:auto!important;} .footerLogos p {color:white; line-height:1.3em; font-size:1.1em; clear:both;} #footer-links li:not(:last-child):after { content: " /" } /* Lists */ .noBullets {margin:0; padding:0; list-style:none} .noBullets li {margin:0; padding:0; list-style:none; font-size:1em; line-height:2em} .noBullets li a {display:block; font-size:1.230769em} /**BEGIN EDIT - ADDED BY AS FOR ADDITIONAL FOOTER LINK LIST ITEM - 15/02/16********/ .noBullets li.additional-link {line-height: 1.6em; margin-top: 0.4em;} /**END EDIT - ADDED BY AS FOR ADDITIONAL FOOTER LINK LIST ITEM - 15/02/16********/ .inlineList {margin:0; padding:0; list-style:none; overflow:hidden;} .inlineList li {display:inline-block; margin:0; padding:0 5px 0 0; font-size:1em; line-height:2em; color:#343536} .lt-ie8 .inlineList li {zoom:1; display:inline;} .inlineList li a {display:inline-block; padding:5px;} .lt-ie8 .inlineList li a {zoom:1; display:inline;} .multiColList {margin:0; padding:0; list-style:none; overflow:hidden; -webkit-column-count:1; -webkit-column-gap:1em; -moz-column-count:1; -moz-column-gap:1em; column-count:1; column-gap:1em;} .multiColList li {margin:0; padding:0; font-size:1em; display:block; width:100%;} .multiColList li a {display:inline-block; padding:0 0 1em} .lt-ie8 .multiColList li a {zoom:1; display:inline;} .multiColList-two {margin:0 0 20px; padding:0; list-style:none; overflow:hidden; -webkit-column-count:1; -webkit-column-gap:1em; -moz-column-count:1; -moz-column-gap:1em; column-count:1; column-gap:1em;} .multiColList-two li {margin:0; padding:0; font-size:1em;} .multiColList-two li a {display:inline-block; padding:0 0 1em} .lt-ie8 .multiColList-two li a {zoom:1; display:inline;} .squareBullets {margin:0 0 20px; padding:0} .squareBullets li {margin:0; padding:0 0 0 20px; list-style:none; background:url('/../../rwd-assets/images/design/icon-blue-square.gif') no-repeat 0 12px; font-size:1.2em; line-height:2em } .squareBullets li a {text-decoration:none; } .arrows {margin:0 0 20px; padding:0} .arrows li {margin:0; padding:0 0 0 20px; list-style:none; background:url('/../../rwd-assets/images/design/icon-arrows-blue-right.png') no-repeat 0 12px; font-size:1.230769em; line-height:2em } /* Grid lists * - Amended by warren 11/02/2016 */ .gridList {margin:0; padding:0; list-style:none; clear:both;} .gridList li {list-style:none; font-size:1em; } /* Fonts */ *, input, select {font-family:'Open Sans', sans-serif; font-weight:400} /* Heading styles for pages */ h1, .styleAsH1 {font-weight:300; font-size:3.230769em; line-height:1.1em; margin:0; padding:0 0 0.5em; color:#6b2c91;} .inPageH1 {font-weight:300; font-size:3.3em; line-height:1em; margin:0; padding:0 0 0.8em; color:#1d1d1d;} /* style has H2 */ h2, .styleAsH2 {font-weight:300; font-size:2.615385em; line-height:1.2em; margin:0; padding:0 0 0.5em; color:#1d1d1d; clear:both;} .h2Medium {font-weight:300; font-size:2.4em; line-height:1em; margin:0; padding:0 0 0.8em; color:#1d1d1d} .h2Small {font-weight:300; font-size:1.384615em; line-height:1em; margin:0; padding:0 0 0.8em; color:#1d1d1d} /*h3, .styleAsH3 {font-weight:400; font-size:2em; line-height:1.3em; margin:0; padding:0 0 0.615385em; color:#222} TR update 19/10/15 - amend font weight to 300px to mirror h2 font weight*/ h3, .styleAsH3 {font-weight:300; font-size:2em; line-height:1.3em; margin:0; padding:0 0 0.615385em; color:#222} h4, .styleAsH4 {font-weight:400; font-size:1.692308em; line-height:1.3em; margin:0; padding:0 0 0.615385em; color:#222} h2.subHeading {font-size:1.8em; line-height:1.5em; font-weight:400; padding:30px 0 0; color:#004e72;} p.subHeading {font-size:1.692308em; line-height:1.5em; font-weight:300; padding:0 0 30px; color:#343536;} /* General Rules */ li {font-size:1.230769em; line-height:1.5em; color:#000; font-weight:400; color:#343536;} li li {font-size:1em; } p {font-size:1.230769em; line-height:1.5; padding:0 0 1em; color:#333; font-weight:400} p.navTitle {font-size:1.8em; line-height:1.4em; color:#6B2C91} /* Added by Sam Jones 24/04/2024 */ span.secure_url {color:#009933} blockquote {font-size:1.2em; line-height:2em; padding:0; color:#808184; font-weight:400; text-transform:uppercase; overflow:hidden; } cite {display:block; font-size:0.9em; font-style:normal; padding: 2em 0 0; color:#808184; font-weight:400; text-transform:capitalize} a {color:#525355;} a:hover {} .mainContentContainer a {color:#27a2db; font-weight:400; text-decoration:underline;} .mainContentContainer a.noUnderline {text-decoration:none;} .mainContentContainer .banner a {text-decoration:none} a.more {background:url('/../../rwd-assets/images/design/icon-moreArrow-right.png') no-repeat 90% 50% } h1 img, h2 img, a img {vertical-align:middle} h2 a {font-weight:300!important; text-decoration:none!important; color:#1d1d1d!important} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: inherit; } .listBlock a {text-decoration:underline} .fourcol a, .sixcol a, .twelvecol a, .fourcolRigid a, .eightcol a {text-decoration:underline} .fourcol a:hover, .fourcolRigid a:hover, .eightcol a:hover {text-decoration:underline} .slide a {text-decoration:none} .morePurple {color:#6B2C91; padding:0 20px 0 0; background:url('/../../rwd-assets/images/design/icon-moreArrow-right-purple.png') no-repeat 100% 50% } .morePurple a {text-decoration:none!important;} .morePurple a:hover {text-decoration:underline!important;} a:hover .morePurple {text-decoration:underline;} .moreWhite {color:white; padding:0 20px 0 0; background:url('/../../rwd-assets/images/design/icon-moreArrow-right.png') no-repeat 100% 50% } .moreWhite a {text-decoration:none!important;} .moreWhite a:hover {text-decoration:underline!important;} a:hover .moreWhite {text-decoration:underline;} .textButton {text-decoration:none!important; font-size:1.2em} .textButton:hover {text-decoration:underline!important;} .mainContentContainer a figure p {text-decoration:none!important;} address {font-style:normal; font-size:1em; color:#525355} .mainLogo {float:left; width:170px; height:71px; margin:10px 0 20px} .mainLogo a {display:inline-block; color:white; margin:0; padding:0; text-transform:uppercase; font-weight:bold} .lt-ie8 .mainLogo a {zoom:1; display:inline;} .mainLogo a img {width:100%; height:auto;} strong {font-weight:600} .placeholderTextColor {color:#aaa;} /* fake placheolder text colour */ .formFocusTextColor {color:black} /* proper text colour for input & textarea tags */ /* Show Hide Sections */ .showAtDesktop {display:none} /* Hide lazy load images so fallback can work */ .no-js .lazyload {display:none!important; border:1px solid red} /* Image Panel Content */ .imagePanel-content {position:absolute; top:20px; left:20px; width:70%} .imagePanel-content .largeTitle {margin:0; padding:0 0 0.5em; font-size:1.8em; font-weight:200; line-height:0.9em; color:#ffffff} .imagePanel-content .description {display:block; margin:0; padding:0 0 1em; font-size:1em; color:#ffffff} .imagePanel-content .more {display:inline-block; margin:0; padding:5px 20px 5px 0; font-size:1em; color:#ffffff; background:url('/../../rwd-assets/images/design/icon-moreArrow-right.png') no-repeat 90% 50% } .lt-ie8 .imagePanel-content .more {zoom:1; display:inline;} @media only screen and (min-width: 760px) { .sixcol {width:48.1%;} .fullSizeUntilDesktop {width:100%!important;} .fullSizeUntilLargeDesktop {width:100%!important;} } /* Image Banner Content */ .banner {position:relative;} .banner .imageBanner-content {position:absolute; top:10px; left:10px; margin:0 10px 0 0} .banner .imageBanner-content .largeTitle {font-size:3em; font-weight:300; line-height:0.9em; padding:0;} .banner .imageBanner-content .description {display:block; margin:0 0 1em; font-size:1.4em; line-height:1em; color:black;} /* NON Image Banner Content */ .banner .non-imageBanner-content h2 {font-size: 2em;font-weight: 400;line-height: 1.3;} .banner .non-imageBanner-content {padding:20px; overflow:hidden;} .banner .non-imageBanner-content a {color:#fff;} /* .banner .non-imageBanner-content {font-size:3em; font-weight:300; line-height:0.9em; padding:0;} .banner .non-imageBanner-content .description {display:block; margin:0 0 1em; font-size:1.4em; line-height:1em; color:black;}*/ /* Responsive Image */ .responsiveImg {max-width:100%; height:auto;} /* Layout Grid */ .row {position:relative; width:90%; max-width:1140px; margin:0 auto; padding:0; overflow:hidden;} .threecol, .fourcol, .fourcolRigid, .fivecol, .sixcol, .sevencol, .eightcol {margin-right:3.8%; float:left; overflow:hidden; position:relative;} .threecol.floatRight, .fourcol.floatRight, .fourcolRigid.floatRight, .fivecol.floatRight, .sixcol.floatRight, .eightcol.floatRight {margin-left:3.8%; margin-right: 0; float:right;} .imageFloat, .videoFloat {margin-bottom: 1.230769em !important;} .threecol, .fourcol {width:100%;} .fourcolRigid {width:30.8%;} .ie7 .fourcolRigid {width:30.6%;} .sixcol {width:100%;} .eightcol {width:100%;} .twelvecol {width:100%; float:left; position:relative;} .lastAtMobile {margin-right:0px;} .halfSizeUntilLargeMobile {width:48.1%;} .fullSizeUntilLargeMobile {width:100%; margin-bottom:5%} .fullSizeUntilDesktop {width:100%!important; margin-bottom:5%;} .fullSizeUntilLargeDesktop {width:100%!important; margin-bottom:7%;} .fullSizeUntilExtraLargeDesktop {width:100%!important; margin-bottom:5%;} .fullSize {width:100%!important;} .showAtFullDesktop {display:none!important;} .colRight {float:right} .last {margin-right:0; margin-bottom:0;} /* Art direction and crop for large images */ .eightcol img {width:213%;} img.pullTenLeft {margin:0 0 0 -10%} img.pullQuarterLeft {margin:0 0 0 -25%} img.pullCenterLeft {margin:0 0 0 -50%} img.pullLeft {margin:0 0 0 -100%} /* Compensate for rounding errors */ /* DO NOT DELETE */ .fourcol img {width:100%!important;} .colRight.doubleHeight img {width:108%!important;} .doubleHeight img {width:108%!important;} /* Section header padding */ .singleVertPadding {padding:1em 0} .allSinglePadding {padding:1em} .doubleVertPadding, .doubleVertPadding-untilLargeDesktop {padding:2em 0} .doubleVertBottomPadding {padding:0 0 2em} .allDoublePadding {padding:2em} .triplePaddingTop {padding:3em 0 0;} .tripleVertPadding {padding:3em 0} .allTriplePadding {padding:3em} .quadVertPadding {padding:4em 0} .allQuadPadding {padding:4em} /* Lists inside Cols */ .sixcol dl.inline dt {float:none; width:auto; padding:0;} /* Images & Captions */ .responsiveImage, .responsive-image {display:block; width:100%; height:auto;} figure {display:block; position:relative;} figure img {display:block; width:100%; height:auto; margin:0; padding:0} figcaption {position:absolute; bottom:-3px; background:white; z-index:1000; z-index:2000;} figure.noIndent figcaption {position:relative; font-size:1.076923em; font-weight:400; margin:0; padding:0 0 0.4em; /*color: #808184;*/ color: #565758; } .bkgnd-grey figcaption {background:#ececed;} figcaption.botLeft {left:-3px; max-width:70%; padding:10px 10px 6px 3px;} figcaption.botRight {right:-3px; max-width:70%; padding:10px 3px 6px 3px;} .newsBlock a span img, .slide a span img, a figure img {-moz-backface-visibility: hidden;} .newsBlock a:hover span, .slide a:hover span, a:hover figure {background-color:#359aad;} .newsBlock a:hover span img, .slide a:hover span img, a:hover figure img {opacity:0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-backface-visibility: hidden;} /* Header overlay */ .header-overlay-wrapper {} .header-overlay-wrapper .spacer {} .header-overlay-container {} .header-overlay {background:#02414d; padding:20px;} .header-overlay h1 {color:white;} .header-overlay p {color:white;} /* Header overlay2 */ .header-overlay-wrapper2 {background: #004e72;} .header-overlay-wrapper2 .spacer {} .header-overlay-container2 {background:#004e72;} .header-overlay2 {background:#004e72; padding:20px;} .header-overlay2 h1 {color:white;} .header-overlay2 p {color:white;} /* Dividers */ hr {width:90%; display:block; height:1px; border:0; border-top:1px solid #ccc; margin:30px auto;} /* emt Floats emt .imgFloatLeft {float:left; margin:0 10px 10px 0} .imgFloatRight {float:right; margin:0 0 10px 10px} .floatLeft {float:left} .floatRight {float:right; margin-left: 3.8%;margin-right: 0;} .imgQuoteFloatLeft {float:none; padding-left:25%;} */ /* Quick Links */ .quicklinks {} .quicklinks a {color:#464646; text-decoration:none; font-size: 1.076923em;} .quicklinks a:hover {text-decoration:underline} /* Aside */ .leftOfAside {width:100%} .leftOfAside h3 {padding:0 0 0.8em; font-weight:400;} .asideRight {float:none} aside.content {width:95%; padding:2%; border:1px solid #ccc; background:#F5F5F5} aside.content h3 {padding:0 0 0.8em; font-weight:300;} aside .largeTitle {font-size:1.6em; line-height:1.2em; margin:0 0 1em} aside dl {margin:0} /* Aside Smaller */ .asideSmaller {display:none} /* Titles */ .veryLargeTitle {font-size:2.2em; color:#343536} .largeTitle {margin:0; padding:0; font-size:1.384615em; line-height:1.333333em; color:black; font-weight:400;} .description, .imagePromo p {display:none; margin:0; padding:1em 0 0; font-size:1.076923em; line-height:1.5} /* .description {display:none; margin:0; padding:1em 0 0; font-size:1em; line-height:1.6em} */ .exploreManchester .smallTitle {margin:0; padding:0; font-size:0.9em; color:#6b2c91} .exploreManchester .largeTitle {margin:0; padding:0; font-size:1.384615em; line-height:1em} .exploreManchester .description {margin:0; padding:1em 0 0; font-size:1em; line-height:1.6em;} .exploreManchester p {margin:0; padding: 1em 0 0;font-size: 1.076923em;line-height: 1.5} /* Page Social Icons */ .pageShare {border-top:1px solid #ececed} .pageShare h2 {margin:1em 1em 0 0} .page-socialIcons li a span {position:absolute; left:-999px} /* Discover */ .discover a {overflow:hidden; text-decoration:none; text-align:center;} .discover .icon {display:block; width:72px; height:72px; overflow:hidden; margin: 0 auto 5px; transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;} .events {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat 0 0; } a:hover .events {background-position: 0 -72px;} .jobs {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -72px 0; } a:hover .jobs {background-position:-72px -72px;} .map {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -144px 0; } a:hover .map {background-position:-144px -72px;} .follow {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -216px 0; } a:hover .follow {background-position:-216px -72px;} .people {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -288px 0; } a:hover .people {background-position:-288px -72px;} .contact {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -360px 0; } a:hover .contact {background-position:-360px -72px;} .gallery {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -432px 0; } a:hover .gallery {background-position:-432px -72px;} .audio {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -504px 0; } a:hover .audio {background-position:-504px -72px;} .video /*{background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -576px 0; } a:hover .video {background-position:-576px -72px;}*/ .save {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -648px 0; } a:hover .save {background-position:-648px -72px;} .brochures {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -720px 0; } a:hover .brochures {background-position:-720px -72px;} .papers {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -792px 0; } a:hover .papers {background-position:-762px -72px;} .blogs {background:url('/../../../../rwd-assets/images/design/icons-discover.png') no-repeat -864px 0; } a:hover .blogs {background-position:-864px -72px;} .discover a h3 {padding:0; font-size: 1.338462em; /*1.538462em;*/} /*.discover a h3.single {padding:25px 0 0}*/ .discover a p {position:absolute; top:-999px} /* Gallery Carousel */ .gallery-carousel {max-height:580px;} .gallery-carousel .slide img {} .gallery-carousel .slide p {line-height:1.6em;} .main-slider {border-bottom:1px solid #ccc; overflow:hidden;} .main-slider .slide img {width:100%; height:auto; margin:0 0 15px;} .nav-slider {width:93%; margin:0 auto; } .nav-slider .slide img {width:90%; height:auto; margin:0 5%} /* Prev / Next */ .gallery-carousel-prev {border-style: none; border-color: inherit; border-width: 0; position:absolute; text-indent:-999px; top:20%; left:-18px; overflow:hidden; width:20px; height:30px; background:url('/../../../../rwd-assets/images/design/icon-arrow-left-grey-carousel.png') no-repeat 50% 50%; } .gallery-carousel-next {border-style: none; border-color: inherit; border-width: 0; position:absolute; text-indent:-999px; top:20%; right:-18px; overflow:hidden; width:20px; height:30px; background:url('/../../../../rwd-assets/images/design/icon-arrow-right-grey-carousel.png') no-repeat 50% 50%; } /* Masthead Carousel */ .masthead-container {position:relative; height:500px; overflow:hidden; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms;} .masthead-carousel {position:relative;} .masthead-slide {position:absolute; top:0; left:0; width:100%; background:#ECECED} .masthead-slide.active {z-index:1001} .masthead-slide.working {z-index:1002} .no-js .masthead-slide {display:none;} .no-js .masthead-slide:first-child {display:block; position:relative; width:100%;} .masthead-pagination {display:none;} /* Masthead Image */ .masthead-image {position:relative; margin:0} /*.header-bkgnd-container {width:100%; max-height:400px; overflow:hidden; }*/ /* Masthead Carousel & Image Shared components */ .masthead-slide-content {width:90%; margin:0 auto; padding:20px 0} .masthead-slide-content .largeTitle {font-size:1.8em;} .masthead-slide-content .largeTitle span {line-height:1em; font-weight:400;} .masthead-slide-content h1 {font-size:1.8em; padding:0;} .masthead-slide-content h1 span {line-height:1em; font-weight:400; color:black;} .masthead-slide-content .subTitle {font-size:1.3em; line-height:1.2em; padding:10px 0; color:black;} .masthead-slide-content .description {font-size:1.3em; line-height:1.2em; padding:10px 0; color:black; display:block;} .masthead-slide-content input[type=button] {border-style: none; border-color: inherit; border-width: 0; padding: 10px 30px 10px 10px; background: #038199 url('/../../../../rwd-assets/images/design/icon-moreArrow-right.png') no-repeat 90% 50%; color:white; } .masthead-slide-content p.button { margin: 10px 0 0 0 !important; font-size: 1.230769em; } .masthead-slide-content p.button a { background: #038199 url('/../../../../rwd-assets/images/design/icon-moreArrow-right.png') no-repeat right center; margin: 0; padding: 10px 30px 10px 10px; } .lt-ie9 .masthead-slide-content p.button a { background-position: 90% 50%; } .masthead-slide img, .masthead-image img {display:block; width:100%; margin:0 auto; max-width:1400px; height:auto;} .ie8 .masthead-slide img, .ie8 .masthead-image img {max-height:480px;} /* News block */ .newsBlock {margin:0 0 30px;} .newsBlock span {display:block;} .newsBlock img {display:block; height:auto; margin:0 0 10px;} /* News Carousel */ /* #wrapper {width:90%; margin:0 auto;} #carousel {} #carousel .slide {display:none} #carousel .slide:first-child {display:block;} #carousel .slide span {display:block; width:100%;} #carousel .slide span img {width:100%; height:auto;} #carousel .slide .carouselContent {padding-top:20px;} #carousel .slide .description {display:block;} #prev, #next {display:none} */ /* emt */ .wrapper {width:90%; margin:0 auto;} .carousel {} .carousel .slide {display:none} .carousel .slide:first-child {display:block;} .carousel .slide span {display:block; width:100%;} .carousel .slide span img {width:100%; height:auto;} .carousel .slide .carouselContent {padding-top:20px;} .carousel .slide .description {display:block;} .prev, .next {display:none} /* emt */ /* Publications and filters */ .filterbar-container {border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; margin:0 0 30px; padding:20px 0;} .filterByType-container {float:left;} .filterByType-container p {margin:4px 0 0; padding:0; } .filterByYear-container {float:right;} .filterByYear-container select {border-radius:3px; padding:2px 10px 4px; font-size:1.4em!important; } /* Pagination */ .pagination-filter-container {position:relative; overflow:hidden; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;} .pagination-container {margin-bottom:10px;} .pagination {margin:0; padding:0; list-style:none; } .pagination li {display:inline-block;} .pagination li a {color:#333; text-decoration:none; display:inline-block; padding:0 5px;} .pagination li.active a {display:block; font-size:1.3em; color:#27a2db;} .pagination-previous {width:10px; height:10px; background:url('/../../../../rwd-assets/images/design/icon-arrow-left-grey.png') no-repeat 0 50%; overflow:hidden; } .pagination-previous span {text-indent:-999px;} .pagination-next {width:10px; height:10px; background:url('/../../../../rwd-assets/images/design/icon-arrow-right-grey.png') no-repeat 100% 50%; overflow:hidden; } .pagination-next span {text-indent:-999px;} .perPage-container {} .perPage-container label {font-size:1.2em; margin-right:10px;} .perPage-container select {border-radius:3px; padding:2px 10px 4px; font-size:1.4em!important;} /* Listing */ .listing-container {} .listing-container h2 {/*background-color:#004e72;*/ color:white; margin:0 0 20px; padding:10px; font-size:2em; font-weight:400;} .listing {margin:0 0 30px; padding-bottom:20px; border-bottom:1px solid #ccc;} .listing:last-child {border:0; } .listing .imgdetails {float:left; margin-right:10px;} .listing .details {overflow:hidden; } .listing h3, .listing .date, .listing .title {color:#004e72; font-size:1.4em;} .listing .date, .listing .title {padding:0 0 5px;} .listing .date span, .listing .title span {color:#333;} .listing .date {font-size:1.1em; } .listing p {line-height:1.4em;} div.event-date {font-size: 1.230769em; padding: 0 0 0.615385em;} /* News Title - TR update 19/10/15 to remove 'width:90%' from .newsTitleContainer as the width setting creates a margin on the title */ .newsTitleContainer {position:relative; max-width:1140px; margin:0 auto; padding:0; overflow:hidden;} .newsTitleContainer.internal {width:100%; max-width:1140px; margin:0 auto; padding:0; overflow:hidden;} .newsTitleContainer.full {width:100%;} .newsTitleContainer h2 {float:left;} .newsTitleContainer a.all {float:right; font-size:1.1em; padding:12px 0 6px; color:#27a2db} /* Course Finder */ .courseFinder {width:100%; background:#02414d;} .courseFinder-inner {} .courseFinder-inner h3 {font-size:2em; font-weight:200; line-height:1.2em; padding:0 0 1em; color:#ffffff} .courseFinder-inner a {display:block; padding:0 0 0 10px; color:#ffd300; background:url('/../../../../rwd-assets/images/design/icon-right-doubleArrow-yellow.png') no-repeat 0 60%; text-decoration:none; } .courseFinderSelectWrapper {width:100%; height:34px; margin:0 0 1em;} .courseFinder-inner select {border-style: none; border-color: inherit; border-width: 0; width:100%; height:34px; padding:7px; border-radius:3px; color:#717275; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: #fff url('/../../../../rwd-assets/images/design/icon-selectBox-arrow.gif') no-repeat 96% 50%; /*Adds background-image*/ /*Position of the background-image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ cursor:pointer; } /* Blockquote */ .blockquote {position:relative; margin-top:30px; border-top:1px solid #ececed; border-bottom:1px solid #ececed;} .blockquote .quotes {position:absolute; top:-15px; left:50%; width:75px; height:26px; margin:0 0 0 -38px; background:url('/../../../../rwd-assets/images/design/icon-quotes.gif') no-repeat 0 0; } .blockquote img {display:block; margin:0 auto 20px} /* Grid Page */ .gridBlock {position:relative; margin-bottom:5%; padding-bottom:5%; border-bottom:1px solid #ccc} .gridBlock.twelvecol {border-bottom:0} .gridBlock:last-child {border-bottom:0} .gridBlock img {float:left; width:40%!important; height:auto; margin-right:10px;} .gridBlock .largeTitle {padding:0 0 10px; font-size:1.6em; } .gridBlock p {font-size:1.3em; line-height:1.4em} .fullSize.gridBlock img {float:none; width:100%!important; margin-right:0;} .fullSize.gridBlock .largeTitle {padding:10px 0;} /* In Page search block */ .inPageSearchBlock {border-bottom:1px solid #ccc; margin:0 0 40px;} .inPageSearchBlock input {border-radius:3px; padding:10px 10px 10px 40px!important;} .inPageSearchBlock button {position:absolute; top:30px; left:4px;} /* Course profile - end */ /* more Course Profile - start */ #courseprofile .prevnext { background: url("/rwd-assets/images/design/course-next-arrow-blue.png") top right no-repeat #004e72; } h1 span { font-weight: 300; font-size: 100%; } table {display:block; margin:0 0 30px; overflow:auto; color: #004E72;} table caption {/*padding:6px; font-size:1.230769em;*/position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;} table tr {border: 0px solid #ccc;} table tbody tr:nth-of-type(odd) {background:#eee;} table th {background:#004E72; color:white; font-weight:bold;border:1px solid #004E72;} table td {border:1px solid #ccc;} table td, table th {padding:6px; text-align:left; font-size:1.230769em;} table td li, table td p { font-size: 1em; } table.smalltext td, table.smalltext th {font-size: 1.076923em; } /* based on https://css-tricks.com/responsive-data-tables/ */ /*table.responsive { font-size: 1em; }*/ table.responsive td:before {content: attr(data-label); } table.responsive td:nth-of-type(1):before {content: attr(data-label); } table.responsive td:nth-of-type(2):before {content: attr(data-label); } table.responsive td:nth-of-type(3):before {content: attr(data-label); } table.responsive td:nth-of-type(4):before {content: attr(data-label); } /* Tables - end */ /* emt */ /*------------------------------------------------------------------------------------------------------------*/ /* Forms */ /*------------------------------------------------------------------------------------------------------------*/ fieldset {margin:0 0 20px; border: 0px solid #ccc; border-width: 1px 0 0 0; padding: 40px 0 20px 0; } form > fieldset:last-of-type { border-bottom-width: 1px; margin-bottom: 40px; padding-bottom: 40px; } fieldset fieldset, fieldset.minimal {margin:0; padding:0 5px; border: none; } .lt-ie8 fieldset {width:95%;} legend { padding: 0 5px; margin: 0 0 0px 20px; font-size: 1.538462em; color: #343536; } input[type=submit], input[type=button] { background-color: #6b2c91; color: #fff; border: 0; /*min-width: 150px;*/ padding: 6px 15px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus { background-color: #79379d; } input[type=submit]:active, input[type=button]:active { background-color: #55147a; } input, select { background: white; } input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], select, textarea { -moz-box-shadow: 0 1px 2px 0 #eee inset; -webkit-box-shadow: 0 1px 2px 0 #eee inset; box-shadow: 0 1px 2px 0 #eee inset; } .lt-ie10 select { background: none; padding-right: 10px; } /* Images */ .required {position:absolute; top:5px; left:-10px; width:10px; height:10px; background:url(images/required.png) 0 0 no-repeat} span.required { position: relative; top: auto; left: auto; background: none; display: inline; color: #c00; } .tickIcon {position:absolute; top:50%; right:40px; margin-top:-20px; width:20px; height:40px; background:url(images/tick.png) 98% 50% no-repeat;} .crossIcon {position:absolute; top:50%; right:40px; margin-top:-20px; width:20px; height:40px; background:url(images/cross.png) 98% 50% no-repeat} /* Wrappers and Icons */ .inputWrapper {position:relative;} .clearIcon {display:none; position:absolute; top:0; right:0; width:40px; height:35px; background:url(images/clear.png) 50% 50% no-repeat; cursor:pointer; z-index:3;} .clearIconPadding {padding-right:28px!important} .passwordIcon {position:absolute; top:50%; right:5px; margin-top:-20px; width:35px; height:40px; background:url(images/wink.png) 5px 50% no-repeat; cursor:pointer; z-index:3;} .passwordIcon-show {background-position:-40px 50%} .movePasswordIcon {right:45px!important} .doubleIconPadding {padding-right:80px!important} /* Error / Help messages */ .messageContainer { margin: 0 0 16px 0; padding: 6px 5px 5px 39px; } .messageContainer p { margin: 0; padding: 0; font-size: 1.230769em; } .messageContainer ul, .messageContainer ol { /*margin: 0; padding: 0;*/ } .messageContainer p:not(:first-child), .messageContainer ul:not(:first-child), .messageContainer ol:not(:first-child) { margin-top: 0.8em; } .formRowContainer .messageContainer { margin: 5px 0 0; } .formRowContainer .messageContainer p { font-size: 1em; } /*------------------------------------------------------------------------------------------------------------*/ /* Media Queries */ /*------------------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 700px) /* was 600px */ { /*------------------*/ /* WIDTHS */ /*------------------*/ /* Clear width overrides for "large mobile" */ .lastAtMobile {margin-right:3.8%;} .halfSizeUntilLargeMobile {width:auto} .fullSizeUntilLargeMobile {margin-bottom:0} /* Restore widths to correct values */ .fourcol {width:30.8%;} .ie7 .fourcol {width:30.6%;} .sixcol {width:48.1%;} .ie7 .sixcol {width:48%;} .eightcol {width:65.4%;} .footerContainer .eightcol {width:100%;} /* Maintain width overrides for greater sizes */ .fullSizeUntilDesktop {width:100%!important;} /* Footer */ .footerLogos {width:auto;} .footerLogos img {float:left; width:auto!important; margin:0 20px 0 0;} .footerLogos p {float:left; width:40%;} /* Search Bar */ .searchContainer {width:100%;} .searchInputWrapper {width: 80%;} .searchFilterWrapper label {display:inline; float:right; } /* Titles */ .description, .imagePromo p {display:block;} .keyPeople-description {color:#004e72; font-size:1.3em; line-height:1.4em; margin-top:30px;} /* Image Banner Content */ .banner .imageBanner-content {top:20px; left:20px; margin:0 20px 0 0} /* Reset art direction and crop for large images */ .eightcol img {width:100%;} img.pullTenLeft {margin:0} img.pullQuarterLeft {margin:0} img.pullCenterLeft {margin:0} img.pullLeft {margin:0} .imgQuoteFloatLeft {float:left; padding-top:1em; padding-left:0; padding-right:1em; padding-bottom:1em;} /* Dividers */ hr {width:100%;} /* Discover */ /*.discover a {overflow:hidden; text-indent:0px; text-decoration:none; text-align:left; margin-right:3.8%; text-align:center; }*/ /*.discover a h3 {position:relative; top:0; margin:10px 0 0; padding:0 0 5px; font-size:1.3em; font-weight:400; color:black}*/ /*.discover a h3.single {padding:0;}*/ /* {position:relative; top:0; margin:10px 0 0; padding:0; font-size:1em; line-height:1.2em} */ /*.discover .icon {float:none; margin:0 auto;}*/ /* Discover */ .discover a {overflow:hidden; text-indent:0px; text-decoration:none; text-align:left} .discover a h3 {position:relative; top:0; margin:18px 0 0 80px; padding:0; font-size:1.384615em; font-weight:400; color:black} .discover a p {position: relative;top: 0;margin: 0 0 0 80px;padding: 0;font-size: 1.076923em;line-height: 1.2;} .discover .icon {float:left; display:block; overflow:hidden;} /* margin:0 10px 0 0; */ /* Masthead Carousel */ .masthead-slide-content {position:absolute; top:0; left:50%; margin:0 0 0 -45%;} .masthead-slide-content input[type=button] {float:left;} .masthead-pagination {display:table; border-collapse:separate; width:100%; position:absolute; bottom:0; left:50%; width:92%; overflow:hidden; margin:0 0 0 -46%; z-index:1003} .lt-ie8 .masthead-pagination {display:block;} .masthead-pagination td {background:rgba(0,0,0,0.6); vertical-align:middle; border-right:1px solid white;} .masthead-pagination td:last-child {border:0; } .masthead-pagination td.active {background:rgba(107,44,145,0.7)} .masthead-pagination td.active a {color:white} .masthead-pagination td:hover {background:rgba(107,44,145,0.7)} .masthead-pagination td:hover a {color:white} .masthead-pagination td a {display:block; padding:0px 10px; font-size:1em; text-decoration:none; color:white; text-align:center; } .no-js .masthead-pagination {display:none;} /* Masthead Image & Carousel Shared Components */ .masthead-slide-content h1 span, .masthead-slide-content .largeTitle span {display:inline-block; /*padding:4px 10px 4px;*/ line-height:40px; color:white;} .masthead-slide-content .subTitle {padding:10px 0 0; color:white;} .masthead-slide-content .description {padding:5px; color:white;} /* News Carousel */ /* emt */ .wrapper {position: relative; width: 100%; overflow: hidden; background-color: #fff;} .no-js .wrapper {width:90%; max-width:1140px; height:auto; margin:0 auto} .carousel .slide {display:block; position:relative; float: left;} .no-js .carousel .slide {width:48%; margin:0 4% 20px 0} .no-js .carousel .slide:nth-child(2n) {margin-right:0} .carousel .slide span {display:block; width:90%; margin:0 auto;} .no-js #carousel .slide span {width:100%;} .carousel .slide .carouselContent {margin:0 auto; width:90%;} .no-js .carousel .slide .carouselContent {width:100%;} .prev, .next {display: block; position: absolute; top: 0; width: 15%; height: 100%; z-index:1001; background-color: rgba(255,255,255,0.7);} .no-js .prev, .no-js .next {display:none;} .prev:hover, .next:hover {background-color: rgba(255,255,255,0.8);} .prev {left: 0; background-image:url('/../../../../rwd-assets/images/design/icon-carousel-left.png'); background-position: 50% 20%; background-repeat:no-repeat } .next {right: 0; background-image:url('/../../../../rwd-assets/images/design/icon-carousel-right.png'); background-position: 50% 20%; background-repeat:no-repeat } .ie7 .prev, .ie8 .prev {zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; background-image:url('/../../../../rwd-assets/images/design/icon-carousel-left-ie7.png'); } .ie7 .next, .ie8 .next {zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; background-image:url('/../../../../rwd-assets/images/design/icon-carousel-right-ie7.png'); } /* emt */ /*#wrapper {position: relative; width: 100%; height:350px; overflow: hidden; background-color: #fff;} .no-js #wrapper {width:90%; max-width:1140px; height:auto; margin:0 auto} #carousel .slide {display:block; position:relative; float: left;} .no-js #carousel .slide {width:48%; margin:0 4% 20px 0} .no-js #carousel .slide:nth-child(2n) {margin-right:0} #carousel .slide span {display:block; width:90%; margin:0 auto;} .no-js #carousel .slide span {width:100%;} #carousel .slide .carouselContent {margin:0 auto; width:90%;} .no-js #carousel .slide .carouselContent {width:100%;} #prev, #next {display: block; position: absolute; top: 0; width: 15%; height: 100%; z-index:1001; background-color: rgba(255,255,255,0.7);} .no-js #prev, .no-js #next {display:none;} #prev:hover, #next:hover {background-color: rgba(255,255,255,0.8);} #prev {left: 0; background-image:url(/rwd-assets/images/design/icon-carousel-left.png); background-position: 50% 20%; background-repeat:no-repeat} #next {right: 0; background-image:url(/rwd-assets/images/design/icon-carousel-right.png); background-position: 50% 20%; background-repeat:no-repeat} .ie7 #prev, .ie8 #prev {zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; background-image:url(/rwd-assets/images/design/icon-carousel-left-ie7.png);} .ie7 #next, .ie8 #next {zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; background-image:url(/rwd-assets/images/design/icon-carousel-right-ie7.png);} */ /* Course Finder */ .librarySearchContainer {float:left; width:60%;} .courseFinderSelectWrapper {float:left; width:75%; margin:0 0 10px;} .courseFinderInputWrapper {float:left; width:75%; margin:0 10px 0 0;} .courseFinder-inner input[type=button], .courseFinder-inner input[type=submit] {width:20%; margin:0 auto; float:right;} .librarySearchAdvancedContainer {float:right; width:35%;} /* Images & Captions */ figcaption {background:white;} .bkgnd-grey figcaption {background:#ececed;} /* List Page */ .listBlock {padding:0 0 10px} /* Grid & List Images */ .listBlock img {width:auto; max-width:100%;} .multiColList {margin:0; padding:0; list-style:none; -moz-column-count:2; -moz-column-gap:1em; -webkit-column-count:2; -webkit-column-gap:1em;} /* emt */ .videobox2 a .video-play-button { height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; /*background-position: 0 0;*/ background-size: 200px 100px; } .videobox2 a:hover .video-play-button { background-position: -100px 0; } .ie7 .videobox2.fullwidth { width: 480px; height: 270px; padding: 0; } .ie7 .videobox2.fullwidth img { width: 480px; height: 270px; } .ie7 .videobox2.fullwidth div { width: 480px !important; height: 270px !important; } /* emt */ } @media only screen and (min-width: 700px) { /*------------------*/ /* WIDTHS */ /*------------------*/ /* Show Hide Sections */ .showAtDesktop {display:block;} .full-width .leftMenuContainer { display: none; } /* Explore Manchester */ .exploreManchester .fourcol, .exploreManchester .eightcol {margin-bottom:3.8%} .exploreManchester .description {display:none;} /* Images & Captions */ figcaption.botLeft {padding:20px 20px 6px 3px;} figcaption.botRight {padding:20px 3px 6px 20px;} /* Course Finder */ .courseFinder-inner h3 {padding:0 0 0.3em} /* Blockquote */ .blockquote img {float:left; margin:0 60px 0 0} .oneColLayoutContainer .blockquote img {float:none; margin:0 auto} /* emt */ /* Video */ .videobox2 a .video-play-button { height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; /*background-position: 0 0;*/ background-size: 160px 80px; } .videobox2 a:hover .video-play-button { background-position: -80px 0; } .ie7 .videobox2.fullwidth { width: 320px; height: 180px; padding: 0; } .ie7 .videobox2.fullwidth img { width: 320px; height: 180px; } .ie7 .videobox2.fullwidth div { width: 320px !important; height: 180px !important; } /* emt */ } @media only screen and (min-width: 800px) { .fullSizeUntilMediumDesktop {width:100%; margin-bottom:7%;} /* Footer */ .footerContainer .sixcol.last {margin:0; padding:0; border-top:0; width:48.1%;} /* Search Bar */ .searchContainer {width:100%;} .searchInputWrapper {width: 85%;} /* Lists */ .formRowContainer .multiColList {-webkit-column-count:2; -webkit-column-gap:2.6em; -moz-column-count:2; -moz-column-gap:3.8%; column-count:2; column-gap:2.6em;} .multiColList {-webkit-column-count:3; -webkit-column-gap:2.6em; -moz-column-count:3; -moz-column-gap:3.8%; column-count:3; column-gap:2.6em;} .multiColList-two {margin:0 0 20px; padding:0; list-style:none; overflow:hidden; -webkit-column-count:2; -webkit-column-gap:1em; -moz-column-count:2; -moz-column-gap:1em; column-count:2; column-gap:1em;} } @media only screen and (min-width: 960px) { /*------------------*/ /* WIDTHS */ /*------------------*/ /* Restore widths to correct values */ .threecol.fullSizeUntilLargeDesktop {width:22.15%!important} .fourcol.fullSizeUntilLargeDesktop {width:30.8%!important} .ie7 .fourcol.fullSizeUntilLargeDesktop {width:30.6%!important} .fivecol.fullSizeUntilLargeDesktop {width:39.45%!important; margin-bottom:0;} .sixcol.fullSizeUntilLargeDesktop {width:48.1%!important; margin-bottom:0} .ie7 .sixcol.fullSizeUntilLargeDesktop {width:48%!important;} .sevencol.fullSizeUntilLargeDesktop {width:56.75%!important; margin-bottom:0;} .footerContainer .eightcol {width:65.4%!important;} .eightcol.fullSizeUntilLargeDesktop {width: 65.4%!important;} .footerContainer .fourcol.last {width:30.8%!important; margin:0; padding:0; border-top:0;} .showAtFullDesktop {display:block!important;} .site-identifier, .site-identifier-sublogo1, .site-identifier-sublogo2 {clear:none; margin:22px 0 0 220px; padding:0} /*BEGIN styles to allow for the additional height of sub-brand logos - added by AS 22/01/16 */ /*.site-identifier-sub1 {padding:0}*/ /*END styles to allow for the additional height of sub-brand logos - added by AS 22/01/16 */ .no-js .no-touch .primaryNav ul.megaMenu li.menuItem:hover .megaContent, .no-touch .primaryNav ul.megaMenu li.menuItem.hover .megaContent, .touch .primaryNav ul.megaMenu li.menuItem.active .megaContent, .touch .primaryNav ul.megaMenu li.menuItem.hover .megaContent {top:138px;} /*BEGIN styles to allow for the additional height of sub-brand logos - added by AS 01/02/16 */ .no-js .no-touch .primaryNav ul.megaMenu li.menuItem:hover .megaContentSublogo1, .no-touch .primaryNav ul.megaMenu li.menuItem.hover .megaContentSublogo1, .touch .primaryNav ul.megaMenu li.menuItem.active .megaContentSublogo1, .touch .primaryNav ul.megaMenu li.menuItem.hover .megaContentSublogo1 {top:158px;} .no-js .no-touch .primaryNav ul.megaMenu li.menuItem:hover .megaContentSublogo2, .no-touch .primaryNav ul.megaMenu li.menuItem.hover .megaContentSublogo2, .touch .primaryNav ul.megaMenu li.menuItem.active .megaContentSublogo2, .touch .primaryNav ul.megaMenu li.menuItem.hover .megaContentSublogo2 {top:177px;} /*END styles to allow for the additional height of sub-brand logos - added by AS 01/02/16 */ /* COLOURS */ .bkgnd-grey-atLargeDesktop {background:#ececed} /* Section header padding */ .allTriplePadding-atLargeDesktop {padding:3em} /* Left Nav */ .leftMenuContainer {width:225px; margin-right:40px} /* Footer */ .footer-socialIcons li {float:left!important;} /* Image Panel Content */ .imagePanel-content .largeTitle {line-height:1.1em;} /* News Carousel */ .no-js .carousel .slide:nth-child(2n) {width:32%; margin:0 2% 20px 0} /* Library Search Options */ .librarySearchOptions {margin:0 0 20px; overflow:hidden;} .librarySearchOptions .formRowContainer {margin:0 10px 0 5px; float:left; width:25%;} .librarySearchOptions .formRowContainer label {color:white;} /* Explore Manchester */ .exploreManchester .description {display:block;} /* Course Finder */ .courseFinder-inner {padding:75px 0 0;} .courseFinder-inner h3 {padding:0 0 1em} /*.courseFinder-inner a {padding:1.2em 0 0}*/ /* Masthead Carousel */ .masthead-slide-content {padding:30px 0 0; width:40%;} .masthead-pagination td a {padding:10px;} /* Masthead Image */ /* Masthead Image */ .masthead-image .masthead-slide-content .subTitle {padding:1em 0 0;} /* Aside Smaller */ .asideSmaller {display:block; margin:0 0 20px; padding:2%; border:1px solid #ccc; background:#F5F5F5} .asideSmaller p {font-size:1em; line-height:1em;} /* Lists inside Cols */ .sixcol dl.inline dt {float:left; width:150px; padding:6px 0 0;} /* Blockquote */ .oneColLayoutContainer .blockquote img {float:left; margin:0 60px 0 0} /* Grid Page */ .gridBlock {position:relative; border-bottom:0} .gridBlock.twelvecol {margin:0; padding:0 0 15px; } .gridBlock img {float:none; width:100%!important;} .gridBlock .largeTitle {padding:10px 0;} .gridBlock p {line-height:1.4em} /* Grid & List Images */ .listBlock img {} /* Responsive Table */ table.responsive {display:table; width:100%;} table.responsive thead {display:table-header-group} table.responsive tbody {display:table-row-group} table.responsive tr {display:table-row} table.responsive th {display: table-cell;} table.responsive td {display: table-cell;} /* Hide table headers (but not display: none;, for accessibility) */ table.responsive thead tr {position: relative; top: auto; left: auto;} table.responsive tr {border:0} table.responsive th {padding:6px; border:1px solid #383b3c; text-align:center;} table.responsive td {padding:6px; border:1px solid #ccc; text-align:center;} /* Behave like a "row" */ table.responsive td {position: static;} /* Now like a table header */ /* Top/left values mimic padding */ table.responsive td:before {display:none; } /* END Responsive Table */ /* Pagination */ .pagination-filter-container {padding:20px 0 10px;} .perPage-container {position:absolute; top:14px; right:0;} /*emt*/ /* News Carousel */ .no-js #carousel .slide:nth-child(2n) {width:32%; margin:0 2% 20px 0} .no-js #carousel .slide {width:32%; margin:0 2% 20px 0} .no-js #carousel .slide:nth-child(3n) {margin-right:0} /*emt*/ /* Gallery Carousel */ /* Prev / Next */ .gallery-carousel-prev {top:27%;} .gallery-carousel-next {top:27%;} /* emt */ /* Video */ .videobox2 a .video-play-button { height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; /*background-position: 0 0;*/ background-size: 200px 100px; } .videobox2 a:hover .video-play-button { background-position: -100px 0; } .ie7 .videobox2.fullwidth { width: 480px; height: 270px; padding: 0; } .ie7 .videobox2.fullwidth img { width: 480px; height: 270px; } .ie7 .videobox2.fullwidth div { width: 480px !important; height: 270px !important; } /* emt */ } .footerContainer .fourcol.footer_col_reduced_width.last.awards img { max-width: 200px; height: auto; } @media only screen and (min-width: 1000px) { .footerContainer .fourcol.footer_col_reduced_width { width: 20%; } .footerContainer .fourcol.footer_col_reduced_width.last { width: 20%!important; float: left; } .footerContainer .fourcol.footer_col_reduced_width.last.awards { width: 20%; margin-left: 20px; float: left; } } /*END - Added to allow for the inclusion of a logo in the footer (12/01/2017)*/h1 { color: #038199; } .mainContentContainer a, .mainContentContainer table a, .mainContentContainer .bkgnd-grey a { color: #03758C; } .footerContainer .inlineList li { font-size: 1.076923em !important; color: #aaa; font-weight: 400; } .site-identifier { margin-top: 0px !important; } .site-description { font-size: 16px !important; padding: 10px 10px 5px 0px !important; color: #000000 !important; margin-top:-20px !important; } .noBullets li { color: #ffffff !important; color: #ffffff !important; font-size: 16px !important; } .noBullets li a { display: inline !important; color: #ffffff !important; font-size: 16px !important; } .signformcolumn1 { background: #F0EEEE !important; padding-bottom: 20px } .signformcolumn1 h1, .signformcolumn1 h2, .signformcolumn1 p { padding: 20px 20px 0px 20px !important; } .signformcolumn1 label { margin: 0px 0px 0px 20px !important; } .signformcolumn1 label.checkbox_label { margin: 0px 0px 0px 5px !important; font-size: 16px; line-height: 1.0em !important; } .signformcolumn1 input { margin: 0px 0px 20px 20px !important; } .signformcolumn1 input[type=checkbox] { margin: 0px 0px 20px 0px !important; } .signformcolumn2 h1, .signformcolumn2 h2, .signformcolumn2 p { padding: 20px 20px 0px 20px !important; } ul#idlist { margin-top: 20px; } .inline_error { color: red; margin-top: -18px; padding: 0px 20px 20px 20px } .input_container { position: relative; } .input_container.password_container { margin: -5px 10px 5px 20px } a.forgotten_password { display: block; line-height: 1.5em; padding: 5px 0px; font-size: 16px; } #password, #username { width: 80%; } .commonBanner { border-width: 1px; border-style: solid; padding: 20px; width: 93%; margin-bottom: 20px; } .commonBanner.mduiBanner { border-color: #000; width: 88%; display: block; } div.mduitext { display: inline-block; width: auto; } div.mduilogo { float: none; display: inline-block; width: 100%; max-width: 320px; min-width: 200px; min-height: 100px; background-position-x: left; background-origin: border-box; background-repeat: no-repeat; background-size: contain; } #non_success_banner.commonBanner { color: red; border-color: red; } #non_success_banner.commonBanner h2, #non_success_banner.commonBanner p { color: red; } #success_banner.commonBanner { color: green; border-color: :green; } #success_banner.commonBanner h2, #success_banner.commonBanner p { color: green; } .site-identifier h2 { display: inline-block } .site-identifier h2, .site-identifier p { width: 80%; } a.returnToSignIn { background-color: #6b2c91; color: #fff; border: 0; padding: 6px 15px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 36px; width: 50%; display: block; text-align: center; } } a.returnToSignIn:hover, a.returnToSignIn:focus, a.returnToSignIn:hover, a.returnToSignIn:focus { background-color: #79379d; } a.returnToSignIn:active, a.returnToSignIn:active { background-color: #55147a; } .signformcolumn1 input[type=text], .signformcolumn1 input[type=password], .signformcolumn1 input[type=submit], .signformcolumn1 input[type=button], .signformcolumn1 button[type=submit] { font-size: 26px } .signformcolumn1 input[type=submit], .signformcolumn1 button[type=submit] { height: 48px; width: 50% } .signformcolumn1 label { font-size: 16px !important } @media only screen and (min-width: 700px) { .signformcolumn1 input[type=text], .signformcolumn1 input[type=password], .signformcolumn1 input[type=submit], .signformcolumn1 input[type=button], .signformcolumn1 button[type=submit] { font-size: 16px } .signformcolumn1 label { font-size: inherit } div.mduitext { display: inline-block; width: calc(100% - 220px); margin-left:18px } div.mduilogo { float: left; width: auto; max-width: 200px; min-width: 200px; background-position-x: left; } } /* Success/Failure indicators for logout propagation. */ ol li:before { content: '' } li.logout { line-height: 36px; padding-left: 36px; } li.logout.success { background: url(/images/success-32x32.png) no-repeat left center; } li.logout.failure { background: url(/images/failure-32x32.png) no-repeat left center; } li.logout.pending{ } li.logout.na { background: url(/images/failure-32x32.png) no-repeat left center; } #dnclb { margin-left: 0px !important; } div.mduilogo > img { max-width: 200px; }