/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 04 May 2016 12:24:42 */ @charset"UTF-8"; /* - CSS Document - */ * { background-repeat: no-repeat; } @font-face { font-family:'Salford'; src:url('/style/fonts/salford.eot'); src:url('/style/fonts/salford.eot#iefix') format('embedded-opentype'), url('/style/fonts/salford.woff') format('woff'), url('/style/fonts/salford.ttf') format('truetype'), url('/style/fonts/salford.svg') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before, .data-icon { content: attr(data-icon); font-family:'Salford'; font-size: 24px; text-transform: none; font-variant: normal; font-weight: normal; line-height: 1.2; -webkit-font-smoothing: antialiased; margin-right: 5px; speak: none; vertical-align: middle; } [class*="icon-sal"] { font-family: 'Salford'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a[class*="icon-sal"] { text-decoration: none; } .icon-salaccelerator:before { content: "\e900"; } .icon-salfile-pdf:before { content: "\e017"; } .icon-saltv:before { content: "\e001"; } .icon-salcap:before { content: "\e002"; } .icon-saldotarrow:before { content: "\e004"; } .icon-salmoney:before { content: "\e006"; } .icon-salplane:before { content: "\e007"; } .icon-salclock:before { content: "\e008"; } .icon-salhome:before { content: "\e00f"; } .icon-salindustrial:before { content: "\e010"; } .icon-sallogo-top:before { content: "\e011"; } .icon-salmanchester:before { content: "\e012"; } .icon-sallinkarrow:before { content: "\e013"; } .icon-saltwitter:before { content: "\e014"; } .icon-salblog:before { content: "\e600"; } .icon-sallinkedin:before { content: "\e016"; } .icon-salspaeker:before { content: "\e005"; } .icon-salplay:before, .icon-salplay-2:before { content: "\e023"; } .icon-salplacement:before { content: "\e00c"; } .icon-salrss:before { content: "\e000"; } .icon-salluggage:before { content: "\e00a"; } .icon-salfacebook:before { content: "\e015"; } .icon-salcheckmark:before { content: "\e00b"; } .icon-salhand:before { content: "\e009"; } .icon-salglobe:before { content: "\e01b"; } .icon-salpage:before { content: "\e003"; } .icon-sallarrow:before { content: "\e00e"; } .icon-salrarrow:before { content: "\e00d"; } .icon-salcalendar:before { content: "\e01c"; } .icon-salfile-word:before { content: "\e019"; } .icon-salfile-excel:before { content: "\e01a"; } .icon-salfile-zip:before { content: "\e01d"; } .icon-salfeed:before { content: "\e020"; } .icon-salflickr:before { content: "\e021"; } .icon-salgoogle-plus:before { content: "\e018"; } .icon-salplay2:before { content: "\e022"; } .icon-salcheckmark2:before { content: "\e024"; } .icon-salclose:before { content: "\e025"; } .icon-salglobe2:before { content: "\e601"; } .icon-salearth:before { content: "\e602"; } .icon-saluniF000:before { content: "\f000"; } .sallogo { font-family:'Salford'; font-size: 100px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; } .sallogo:before { color: #333; content:"\e011"; position: absolute; } .sallogo:after { color: #c60c30; content:"\e012"; position: absolute; } a[href *=".pdf"]:after, a[href $=".doc"]:after, a[href $=".docx"]:after, a[href *=".xls"]:after, a[href *=".zip"]:after { font-family:'Salford'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; margin-left: 5px; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; } a[href *=".pdf"]:after { content:"\e017"; } a[href $=".doc"]:after, a[href $=".docx"]:after, { content:"\e019"; } a[href *=".xls"]:after { content:"\e01a"; } a[href *=".zip"]:after { content:"\e01d"; } .sidebar a[href *=".pdf"]:after, .sidebar a[href $=".doc"]:after, .sidebar a[href $=".docx"]:after, .sidebar a[href *=".xls"]:after, .sidebar a[href *=".zip"]:after{ content:""; display: none; } body { font-family: arial, helvetica, sans-serif; } a { color: #c60c30; -webkit-transition: background 0.5s; transition: background 0.5s; } em{ font-style: normal; font-weight: bold; } .news-event-item em{ font-style:italic; font-weight:normal; } .required{ color: #f00; } .error_messages { font-weight: 600; color:#c60c30; } #page { background-color: #fff; border-left: 13px solid #c60c30; margin: 0 auto; padding-left: 20px; max-width: 980px; overflow: hidden; position: relative; } .full-width-page #page{ max-width: 100%; } .accessibility { display: none; } .topspace { margin-top: 36px; } .homespace { margin-top: 10px; } .homespace h1 { margin-bottom: 22px; } .homespace h2 { margin-bottom: 20px; } #logo a { display: block; height: 95px; margin-top: 10px; width: 120px; } .top-nav { background: none repeat scroll 0 0 #EDEDED; padding: 5px 0; } .top-nav ul { list-style-type: none; margin: 0; padding: 0; text-align: center; } .top-nav a { color: #666666; } .displaybarholder { margin-bottom: 10px; margin-left: -20px; max-height: 260px; overflow: hidden; width: 105%; } .inner .displaybarholder{ width: 102%; margin-bottom: 0px; } .lt-ie9 .displaybarholder{ max-height: 270px; } .displaybarholder .researchcentre { height: 300px; } .displaybarholder .findacourse { margin-left: 0; } .lt-ie9 .displaybarholder .findacourse { height: 270px; } .lt-ie8 .findacourse .nav-pills > li{ line-height: 12px; } .displaybarholder .contactbox { background-color: #c60c30; color: #fff; height: 300px; margin-left: 0; overflow: hidden; padding-left: 10px; padding-right: 10px; } .displaybarholder .contactbox a{ color: #fff; } .findacourse .nav-pills a, .sidebar .findacourse .nav-pills a {background: #323232;} .booking { color: #fff; background: #c60c30; padding: 10px; } .booking a { color: #fff; } #new_div_272622 img {margin-bottom: 20px} .alert { background-color: #ededed; border: 1px solid #333;} .course .keyinfo h4 {background-color: #D7D7D7; color: #333333; margin-top: 0; padding: 5px;} .course .nav-tabs > li > a { background-color: #EBEBEB; border-color: none; color: #333333;} .course .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border-color: #333 #333 transparent;} .course .nav-tabs { border-bottom: 1px solid #333;} .course .nav.nav-tabs { z-index: 999999; } [data-icon]:before { content: attr(data-icon); font-family: 'Salford'; font-size: 24px; font-variant: normal; font-weight: normal; line-height: 1.2; margin-right: 5px; text-transform: none; vertical-align: middle; } .findacourse { background-color: #c60c30; color: #fff; font-size: 1.2em; margin-left: 0; } .course .findacourse { background-color: #323233; } .sidebar .findacourse{ clear:both; } .findacourse form { margin: 0; padding: 0 10px; } .lt-ie9 .findacourse form { width: 80%; } .findacourse h2, .contactbox h2 { font-size: 25px; line-height: 40px; margin-left: 10px; margin-top: 0; } .contactbox h2{ margin-left:0; } .findacourse .nav-pills a, .sidebar .findacourse .nav-pills a { background: transparent; border-radius: 0; color: #FFFFFF; font-family:"Centro Slab Pro Regular", Cambria, Georgia, serif; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .findacourse .nav-pills a:after, .sidebar .findacourse .nav-pills a:after, .displaybarholder .large-flag:after, .displaybarholder .flag:after, .advert .right-flag:after, .fundingbox:after, .carousel-caption:after { bottom: 5px; color: #fff; content:"\e013"; font-family:'Salford'; font-size: 18px; font-variant: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-transition: color 0.5s; transition: color 0.5s; } .findacourse .nav-pills a:hover { background: #F5F5F5; color: #c60c30; } .findacourse .nav-pills a:hover:after { color: #c60c30; } .findacourse.sidebar { margin-bottom: 15px; } .well-unstyled { background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; } /* Carousel styles */ .page-body .carousel { margin-left: -20px; } .carousel { background-color: #333; height: 270px; overflow: hidden; } .carousel .carousel-indicators li { border: 1px solid #333; } .carousel .carousel-control { bottom: 30px; opacity: 0.1; top: auto; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .carousel:hover .carousel-control { opacity: 0.9; } .carousel-inner .item img { max-width: none; width: auto; } .carousel-inner .item a:hover{ text-decoration: none; } #carousel_text { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #CCCCCC; height: auto; padding: 5px; } #carousel_text .item { margin-left: 50px; margin-right: 50px; } #carousel_text .carousel-control { background-color: transparent; bottom: 0; color: #333333; font-size: 15px; height: auto; line-height: 15px; width: auto; } /* New carousel styles*/ .arrow-box { background: none repeat scroll 0 0 #ededed; border: 3px solid #fff; } .active.arrow-box { background: none repeat scroll 0 0 #007f88; border: 3px solid #ffffff; position: relative; } .active.arrow-box:after, .active.arrow-box:before { border: medium solid transparent; bottom: 100%; content: " "; height: 0; left: 75%; pointer-events: none; position: absolute; width: 0; } .active.arrow-box:after { border-color: rgba(0, 127, 136, 0) rgba(0, 127, 136, 0) #007f88; border-width: 27px; margin-left: -27px; } .active.arrow-box:before { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ffffff; border-width: 31px; margin-left: -31px; } /* Footer styles */ footer { background-color: #333; color: #fff; margin-left: -20px; margin-top: 15px; padding-left: 20px; } footer a { color: #fff; } footer a:hover, footer a:focus { color: #c60c30; text-decoration: underline; } footer h3 { color: #fff; } footer .nav-list { padding-left: 0; } footer .nav-list >li > a{ display: block; text-shadow: none; } footer .details { clear: both; padding-top: 10px; } /*Institute styles*/ .institute #page { // max-width: 100%; .institute .sidebar .contactbox{padding-top: 5px} } /* Social media icon styles */ .socialmedia-footer{ margin-top: 0; } .socialmedia-footer li{ font-size: 22px; } .socialmedia { list-style-type: none; margin-left: -24px; margin-top: 10px; } .socialmedia li { display: inline-block; font-size: 35px; width: 45px; } .youtube-icon > img { margin-bottom: 6px; margin-left: 15px; } .lt-ie8 .socialmedia li{ float: left; } .socialmedia .twitter { color: #01bbf1; } .socialmedia .facebook { color: #5985b3; } .socialmedia .rss { color: #fca328; } .socialmedia .google-plus{ color: #DD4B39; } .socialmedia .linkedin { color: #1f8ec1; } .socialmedia a:hover { color: #c60c30; } /* Navbar styles */ .navbar { margin-bottom: 0; margin-left: -20px; } /* REMOVED 26/08 RMCB - Does not format correctly on tablets .navbar-fixed-top{ border-left: 13px solid #c60c30; } */ .navbar .brand{ font-size: 5em; line-height: 0.5em; } .navbar .nav-collapse .nav{ margin-top: 15px; } .nav.sub-nav { border-top: 1px solid #333333; } .navbar .sallogo:before{ color: #fff; } .school .navbar { padding-right: 20px; } .navbar-search { margin-right: -40px; } .lt-ie8 .navbar-search{ margin-right: -20px; } .navbar-inner { background: none; border: 0 none; box-shadow: none; filter: none; } .navbar .nav > li > a { border-radius: 0; color: #c60c30; font-size: 16px; text-shadow: none; } .navbar .nav > li > a:hover { text-decoration: underline; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background-color: #C60C30; color: #FFF; } .nodisplaybar { background-color: #333333; height: 3px; margin-bottom: 15px; } .breadcrumb { background-color: transparent; font-size: small; margin-bottom: 5px; margin-left: 20px; margin-top: 5px; padding: 0; } .breadcrumb > li{ display: inline; } .home .breadcrumb, .landing .breadcrumb, .inner .small-flag { display: none; } .new-carousel .breadcrumb.row-fluid { border-bottom: 1px solid #ededed; border-radius: 0; padding: 10px; width: 90%; } h1, h2, h3, h4, h5, h6 { font-family:"Centro Slab Pro Regular", Cambria, Georgia, serif; font-size-adjust: 0.492; font-style: normal; font-weight: normal; line-height: 1.2; } /* Landing page - added by RM to make the top black-bar smaller on landing page class (14.04.14)*/ .landing .nodisplaybar { margin-bottom: 0px; } .landing .media-list h3 { min-height: 50px; } /* box header stuff to replace header-box on landing page - add RM (14.04.14)*/ .box-header .caption { font-size: 18px; display: block; background: #4F4F4F; padding: 10px; color: #fff; margin-bottom: 10px; min-height: 36px; font-family: "Centro Slab Pro Regular", Cambria, Georgia, serif; margin-top: -1px; } .box-header > a:hover { color: #FFFFFF; text-decoration: underline; } .span4.box-header.pull-left img { height: 180px; } .new-carousel .box-header p { min-height: 50px; } .new-carousel .span3.box-header.pull-left > h2 { font-size: 22px; } .box-header a.btn.btn-primary:hover { color: #fff; } .new-carousel .span3.box-header.pull-left.well.well-small img { max-height: 150px; } .span3.box-header.pull-left.well.well-small { background: none repeat scroll 0 0 #fff; } /* MLS */ .relative { position: relative; } .nav-tabs { border-bottom: 1px solid #333; } .nav-tabs > li > a { background-color: #ebebeb; border: 1px solid #999; border-bottom: 1px solid #333; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{ border-color: #eee #eee #333; } .lt-ie9 .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 1px solid #333; border-bottom: 1px solid #fff; } .lt-ie9 .input-block-level{ min-height: 20px; width: 115%; } .lt-ie8 .input-block-level{ width: 107%; } .lt-ie8 select.input-block-level{ width: 112%; } .lt-ie9 button.input-block-level{ width: 115%; } .lt-ie8 button.input-block-level{ width: 110%; } .lt-ie8 .displaybarholder .youtube{ display: none; } #map{ height: 450px; } /* Video Styles */ .video { clear: both; display: block; position: relative; } .video .play { background-color: rgb(125, 125, 125); background-color: rgba(125, 125, 125, 0.5); border-radius: 5%; color: #FFFFFF; font-size: 4em; height: 2em; left: 0; line-height: 2em; margin: -10% auto auto; position: absolute; right: 0; text-align: center; top: 50%; width: 2em; z-index: 10; } .video .play i{ width: auto; } .sidebar .video .play{ font-size: 2em; } .lt-ie8 .video .play { left: 40%; } .smallvideo .play{ font-size: 1em; } .video:hover .play { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.5); } .video-wrap { background-color: #c60c30; margin-bottom: 10px; margin-top: 10px; } .video-wrap a { border: 11px solid transparent; display:block; } .video-wrap h3 { color: #ffffff; padding-left:15px; padding-right: 15px; } .video-wrap p { color: #ffffff; padding-left:15px; padding-right: 15px; } .video-wrap .youtube .vimeo { width: 50% !important; } .video-wrap-right h3 { color: #ffffff; margin-left: 10px; margin-right: 10px; margin-top: 3px; } .video-wrap-right p { color: #ffffff; margin-left: 10px; margin-right: 10px; } .video-wrap-right { background-color: #c60c30; margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; } .video-wrap .play { background-color: rgb(125, 125, 125); background-color: rgba(125, 125, 125, 0.5); border-radius: 5%; color: #FFFFFF; font-size: 4em; height: 2em; left: 0; line-height: 2em; margin: -27% auto auto auto; position: absolute; right: 0; text-align: center; top: 50%; width: 2em; z-index: 10; } .video-wrap-right a { display:block; right: 10px; } .video-wrap-left h3 { color: #ffffff; margin-left: 10px; margin-top: -15px; } .video-wrap-left p { color: #ffffff; margin-left: 10px; margin-right: 10px; } .video-wrap-left { background-color: #c60c30; margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; } .video-wrap-left .play { background-color: rgb(125, 125, 125); background-color: rgba(125, 125, 125, 0.5); border-radius: 5%; color: #FFFFFF; font-size: 4em; height: 2em; left: 0; line-height: 2em; margin: -27% auto auto auto; position: absolute; right: 0; text-align: center; top: 50%; width: 2em; z-index: 10; } .video-wrap-left a { display:block; margin-left: 10px; } /* Accordion styles */ .accordion-heading { background-color: #ebebeb; font-size: 14px; font-weight: bold; } .accordion-heading .accordion-toggle { position: relative; padding: 8px 25px 8px 15px; } .accordion-heading .accordion-toggle-off { color: #333; display: block; padding: 8px 25px 8px 15px; } .accordion-toggle:after { color: #333; content:"\25bc"; position: absolute; right: 10px; top:9px; } .accordion-toggle.active:after { content:"\25b2"; } /* override above for IE7 */ .lt-ie8 .accordion-heading { background-color:green; background: url("http://www.salford.ac.uk/__data/assets/image/0020/33671/arrow-up-down-black.gif?v=0.3.6") no-repeat #ebebeb 95% 12px; } /* Sidebar styles */ .sidebar { font-size: 1.15em; } .promo { margin-bottom: 20px; position: relative; } .sidebar .nav-stacked + .promo { margin-top: -17px; } .promo a { display: block; } .promo .title { background-color: #ccc; color: #333; font-family:"Centro Slab Pro Regular", Cambria, Georgia, serif; font-size-adjust: 0.492; font-style: normal; font-weight: normal; left: 0; padding: 5px 15px; position: absolute; top: 0; z-index: 100; -webkit-transition: all 0.5s; transition: all 0.5s; } .promo img { width: 100%; } .promo .more { background-color: rgba(0, 0, 0, 0.75); bottom: 0; color: #FFFFFF; left: 0; opacity: 0; padding: 35px 10px 10px; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .sidebar .promo .more{ font-size: 0.85em; } .lt-ie9 .promo .more{ background-color: #ccc; cursor: pointer; display: none; } .lt-ie8 .promo a, .lt-ie8 .promo a:hover{ cursor: pointer; text-decoration: none; } .promo .more:after { bottom: 8px; color: #fff; content:"\e013"; font-family:'Salford'; font-size: 18px; position: absolute; right: 8px; -webkit-transition: color 0.5s; transition: color 0.5s; } .promo a:hover .title { background-color: #ebebeb; color: #c60c30; } .promo a:hover .more { display: block; opacity: 1; } .lt-ie9 .promo a:hover .more{ display: block; } .sidebar .nav > li { margin-bottom: 8px; } .sidebar .nav > li > a { background-color: #CCCCCC; border-radius: 0; color: #333; font-family:"Centro Slab Pro Regular", Cambria, Georgia, serif; font-size-adjust: 0.492; font-style: normal; font-weight: normal; padding: 8px 10px 8px 16px; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .sidebar .nav > li > a:after { bottom: 8px; color: #fff; content:"\e013"; font-family:'Salford'; font-size: 18px; position: absolute; right: 8px; -webkit-transition: color 0.5s; transition: color 0.5s; } .sidebar .nav > li > a:hover { background-color: #F5F5F5; color: #c60c30; } .sidebar .nav > li > a:hover:after { color: #c60c30; } .sidebar .contactbox { background-color: #c60c30; color: #fff; font-size: small; margin-bottom: 15px; padding: 0 10px 5px; } .sidebar .contactbox a { color: #fff; } /* Headed box styles */ .home .headed-box { height: 200px; } .headed-box { background-color: #ebebeb; margin-bottom: 20px; overflow: hidden; } .headed-box.span6 > ul { margin-top: 10px; } .headed-box > h3, .headed-box > h4, .headed-box > h5 { background-color: #ccc; margin-bottom: 0; margin-top: 0; padding: 5px 10px } .headed-box h5 { font-family: Arial; font-size: 13px; margin: 0 10px 10px; } .headed-box .date { margin: 5px 10px 0; } .headed-box p, .headed-box dl { margin: 10px; } .headed-box blockquote { margin-right: 15px; margin-top: 10px; } .headed-box cite { margin-left: 10px; } .headed-box .coursename { font-style: italic; margin-top: 0; } .sidebar .headed-box li{ margin: 3px } .media-body > h4 { margin-bottom: 0.2em; } h2.media-heading { font-size: 22px; line-height: 26px; } .displaybar { position: relative; } .lt-ie8 .displaybar{ width: 100%; } .displaybar img { max-height: 180px; width: 100%; } /* Quote block styles */ .sidebar .quote { font-size: 0.9em; padding-top: 35px; } .quote { background-color: #EFEFEF; margin-bottom: 10px; padding-bottom: 5px; position: relative; } .quote blockquote { border: none 0; margin: 0; padding: 10px; } .quote blockquote+p{ padding: 5px; } .sidebar .quote .title { background-color: #CCCCCC; left: 0; padding: 5px 15px; position: absolute; top: 0; } /* .course .quote blockquote p:before, .quote blockquote p:after { display: block; font-family: arial, helvetica, sans-serif; font-size: 5em; height: 0.3em; line-height: 0.8; position: relative; } */ .course .quote blockquote p:before, .course .quote blockquote p:after { display: block; font-family: arial, helvetica, sans-serif; font-size: 5em; height: 0.3em; line-height: 0.8; position: relative; } .course .quote blockquote p:before { content:""; left: -5px; } .course .quote blockquote p:after { content:""; float: right; } .quote blockquote p:before, .quote blockquote p:after { display: block; font-family: arial, helvetica, sans-serif; font-size: 10em; height: 0.3em; line-height: 0.8; position: relative; } .quote blockquote p:before { content:"“"; left: -5px; } .quote blockquote p:after { content:"”"; float: right; } .quote div { clear: both; font-size: 0.9em; margin: 0 10px 5px; } .quote blockquote p { font-family:"Centro Slab Pro Regular", Cambria, Georgia, serif; margin: 0 15px; } iframe + .quote.pull-right[class*="span"]{ margin-top: 10px; width: 150px; } /* Button list style */ a.btn-list { color: #C60C30; } .btn.btn-list.input-block-level { font-size: 1.1em; text-align: left; } .btn-list { background-image: none; border: medium none; margin-bottom: 10px; } /* Left Subnav Styles */ #subnavbtn{ position: absolute; right: 10px; top: 25px; } .row-fluid .leftsidenav{ min-height: 0; } .leftsidenav .nav > li { display: none; } .subnav .leftsidenav .nav > li, .course .leftsidenav .nav > li, .leftsidenav .active > .nav > li, .leftsidenav .active > .nav > .active > .nav > li, .leftsidenav .selected > .nav > li, .leftsidenav .nav .active .nav > li, .leftsidenav .nav > .selected, .leftsidenav .nav > .active { display: block; } .leftsidenav .nav .active > a { background-color: #C60C30; border: medium none; border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-weight: bold; padding-bottom: 5px; padding-top: 5px; transition: all 0.5s ease 0s; } .leftsidenav .nav-list li a { border: 1px solid #EBEBEB; border-radius: 5px 5px 5px 5px; color: #333333; margin-bottom: 5px; padding: 5px 15px; } .leftsidenav .selected > a { background-color: #EBEBEB; border: 1px solid #333333; color: #000000; } .leftsidenav > .nav-list > li > a { border: 1px solid #EBEBEB; border-radius: 5px; } .leftsidenav > .nav-list > li.active > a { border: 1px solid #C60C30; font-weight: bold; } .leftsidenav .active.selected > a { background-color: #EBEBEB; color: #333; font-weight: 100; } /* Flag styles */ .flag a{ color: #fff; } .small-flag { background-color: #C60C30; color: #FFFFFF; display: table; height: 90px; left: 15px; margin: 0 -15px 10px; padding: 10px 15px; position: absolute; top: 20px; width: 30%; } .small-flag h1, .small-flag h2, .small-flag h3 { display: table-cell; vertical-align: middle; } .small-flag h1 { font-size: 36px; } .small-flag h2 { font-size: 25px; } .small-flag h3 { font-size: 22px; } .large-flag { background-color: #c60c30; bottom: auto; color: #fff; left: 0; right: auto; top: 30px; width: 35%; } .large-flag p { font-size: 15px; } .large-flag h2, .large-flag h3 { line-height: 1.1; margin-top: -10px; } .home .large-flag{ width:43%; } .home .large-flag h2{ margin-top:0; } .hero-unit .large-flag { padding-left: 30px; position: absolute; top: 60px; } /* Library styles */ .library #page { max-width: none; } .library-tabs { background: #edefec; border-radius: 6px 6px 6px 6px; margin-bottom: 30px; padding: 10px; } .library-tabs .nav-tabs { border-bottom: medium none; } .library-tabs .nav-tabs > li { border-radius: 4px; margin-bottom: 5px; width: 33%; } .library-tabs .nav-tabs > li > a { background: #888; border-radius: 4px; border-color: #888; color: #FFF; } .library-tabs .nav-tabs li.active > a { background: #c60c30; border-color: #c60c30; color: #FFF; } /* School styles */ body.school, .school .navbar { background-color: #333333; } .school .nodisplaybar { display: none; } .school .top-nav { background-color: #333; } .school .top-nav a { color: #ccc; } .school .navbar .nav > li > a { color: #fff; } .school .navbar .nav > .active > a, .school .navbar .nav > .active > a:hover, .school .navbar .nav > .active > a:focus { background-color: #fff; color: #c60c30; box-shadow: none; } a:hover, a:focus { color: #333; } .link-icon { bottom: 5px; position: absolute; right: 5px; } /* Course Page Styles */ /* Print course style sample */ .course h1 span { color: #333333; display: block; font-size: 0.75em; } .course .college { float: right; } .course .entry { float: right; margin-top: -35px; } .course .reasons { background-color: #f4f4f4; } .course .reasons h4 { background-color: #c60c30; color: #fff; margin-top: 0; padding: 5px; } .course .reasons ul { font-size: 1.1em; padding: 5px 5px 10px; } .course .reasons > p{ padding-left: 15px; padding-right: 15px; } .course .keyinfo { background-color: #f4f4f4; } .course .keyinfo h4 { background-color: #333333; color: #ffffff; margin-top: 0px; padding: 5px; } .course .keyinfo p { padding-left: 10px; padding-right: 10px; } .course .keyinfo li { padding-right: 5px; } .course .coursedetails { background-color: transparent; } #YearChange { display: none; } #YearChangeContent { overflow: inherit; } #YearChangeContent .tab-pane.active { overflow: inherit !important; } .course h1 { color: #333; border-bottom:1px solid #E4E3E1; padding-bottom: 5px; } .course .summary { list-style-type: none; margin-left: 0; margin-bottom: 15px; } .course .summary .span4:nth-child(4), .course .summary .span4:nth-child(7) { clear: left; margin-left: 0; } .course .tab-content.span8 { margin-left: 0; overflow: hidden; } .course .factBox.video { float: right; } .course .youtube { cursor: pointer; display: block; position: relative; text-decoration: none; z-index: 1; } .course .youtube > span { background: none repeat scroll 0 0 #F5F5F5; color: #C60C30; font-size: 1.7em; height: 25px; left: 0; padding: 6px 16px; position: absolute; top: 0; z-index: 5; } .course .youtube > img { display: block; left: 0; position: relative; top: 0; width: 100%; z-index: 3; } .course #unistats-widget-frame { border: 0px none transparent; float:left; width: 620px; } .course .alert-course { background-color: #ebebeb; border: 1px solid #ebebeb; color: #333; } .course .alert-course p { margin-bottom: 0; } .course .kiscode { height: 160px; margin-left: -5px; margin-top: 5px; } .advert { margin-bottom: 15px; position: relative; } .advert a{ display: block; } .advert a img{ width: 100%; } .advert .left-flag, .advert .right-flag { background-color: #c60c30; color: #fff; position: absolute; } .advert .left-flag { left: 0; top: 10px; width: 75%; } .advert .right-flag { bottom: 5px; right: 0; width: 65%; } .advert .left-flag h3 { margin: 0 10px; } .advert .left-flag h4 { margin: 0 10px 10px; } .advert .right-flag h4 { margin: 5px 10px; } .advert + .findacourse { background-color: #333; } /* Salford Business School Styles */ .sbs #logoborder { border: 1px solid #C60C30; float: left; margin-bottom: 15px; margin-left: -21px; margin-top: 15px; overflow: auto; width: 328px; } .sbs .unilogo { display: block; float: left; padding: 12px 25px; } .sbs .sublogo { background-color: #c60c30; display: block; float: right; padding: 12px 25px; } /* International Page Styles */ .international .accordion-body { max-height: 600px; overflow: auto; } .international .address_details { list-style-type: none; margin: 0 0 5px; } .international .city { border-bottom: 5px solid #EBEBEB; } .international .education_consultant { border-bottom: 2px solid #EBEBEB; margin-bottom: 5px; } .international .office { border-bottom: 1px solid #EBEBEB; margin-bottom: 5px; } .international .city:last-child, .international .education_consultant:last-child { border-bottom: 0 none; } .international .office:last-child { border: 0 none; margin-bottom: 0; } /* Campaign Landing Pages*/ .campaign-landing .top-nav, .campaign-landing .navbar, .campaign-landing .displaybarholder, .campaign-landing .breadcrumb, .campaign-landing footer > .span3 { display: none; } .campaign-landing .displaybarholder{ width: 102%; margin-bottom: 30px; } .campaign-landing .flag > h1 { font-size: 31px; } .campaign-landing .hero-unit { border-radius: 0; margin-left: -20px; padding: 0; position: relative; } .campaign-landing .hero-unit h1 { color: #FFFFFF; font-size: 45px; line-height: 1.5; margin-left: -20px; padding-left: 20px; padding-right: 10px; position: relative; } .campaign-landing .hero-unit p { padding: 10px; } .campaign-landing .hero-unit h1 { background-color: transparent; color: #FFFFFF; font-size: 34px; line-height: 1.1; margin-left: -20px; padding-left: 20px; position: relative; } .campaign-landing .hero-unit p { padding: 0; } .campaign-landing #page { max-width: none; } .campaign-landing .flag { width: 42%; } .campaign-landing .navbar-inner{ display: none; } .campaign-landing .well-blue { background-color: #007f88; border: 1px solid #007f88; color: #FFFFFF; } .campaign-landing .well-grey { background-color: #333; border: 1px solid #333; color: #fff; } .campaign-landing .displaybarholder .flag:after { display: none; } @media (max-width: 1200px) { .campaign-landing .flag { width: 58%; } } @media (max-width: 980px) { .campaign-landing .flag { position: absolute; top: 12px; width: 58%; } .campaign-landing .flag2{ background: #c60c30; padding: 10px; color: #fff; margin-left: -20px; margin-bottom: 10px; } } @media (max-width: 767px) { .campaign-landing .flag2{ position: relative; top: -30px; margin-bottom: 0; } } @media (max-width: 641px) { .campaign-landing .flag2{ margin-left: -10px; } .ucas-links { display: inline-block; padding: 10px 0; } } @media (min-width: 642px) { .ucas-links { float: right; } } .hero-unit { margin-left: -20px; position: relative; } .hero-unit img { width: 100%; } .lt-ie8 .hero-unit img { height: 260px; } .campaign-landing .cta { font-size: 1.2em; line-height: 1.4; } .campaign-landing footer .details { margin-top: 10px; } .btn-block{ margin-bottom: 5px; } .campaign-landing .hero-unit h1{ margin-top: 0; } .campaign-landing .displaybarholder{ display: block; } .displaybarholder .findacourse{ height: 260px; } .flag{ background-color: #c60c30; color: #fff; left: 0; padding: 10px 28px; position: absolute; top: 40px; width: 30%; } .flag a{ color: #fff; } /* Colorbox styles */ #colorbox, #cboxOverlay, #cboxWrapper { left:0; overflow:hidden; position:absolute; top:0; z-index:10001; } #cboxOverlay { height:100%; position:fixed; width:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { left:0; position:absolute; top:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { border:0; display:block; float:left; margin:auto; } .cboxIframe { border:0; display:block; height:100%; width:100%; } #cboxOverlay { background:#222; } #colorbox { background-clip: padding-box; left: 50%; margin:0 !important; outline: medium none; position: fixed; top: 10%; width: 560px; z-index:10002; } #cboxLoadedContent { margin-top:48px; margin-bottom:59px; max-height: none; overflow-y: auto; position: relative; } #cboxLoadedContent .caption { background-color: rgba(0, 0, 0, 0.5); bottom: 0; color: #FFFFFF; font-size: 1.25em; left: 0; padding: 0.5em; position: absolute; right: 0; } #cboxTitle { color: #fff; font-size: 18px; font-weight: bold; left:10px; line-height: @baseline * 2; padding: 9px 5px; position:absolute; top:10px; right:10px; } .modal-footer { bottom:0; left:0; right:0; } .cb-icon { background-color: transparent; background-image: url("./?a=239708"); background-repeat: no-repeat; border:0; color: transparent; font: 0/0 a; height: 14px; line-height: 14px; text-shadow: none; position: absolute; width: 14px; .ie7-restore-right-whitespace(); } #cboxCurrent { bottom:4px; color:#333; left:58px; position:absolute; } #cboxSlideshow { bottom:4px; color:#333; position:absolute; right:30px; } #cboxPrevious { background-color: rgba(0, 0, 0, 0.5); border:0; color: #fff; display: block line-height: 14px; font-size: 3em; height: 2em; left:0; margin-top: -1em; position: absolute; text-shadow: none; top: 50%; width: 2em; } #cboxNext { background-color: rgba(0, 0, 0, 0.5); border:0; color: #fff; display: block; font-size: 3em; height: 2em; margin-top: -1em; position: absolute; right: 0; top: 50%; width: 2em; } #cboxClose { background-color: transparent; border: 0 none; color: #FFFFFF; font-size: 3em; height: 30px; line-height: 15px; position: absolute; right: 0; text-shadow: none; top: 15px; width: 40px; } #cboxLoadingGraphic { background:url(./?a=319) no-repeat center center; } .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; } .cbrow { float:left overflow:auto; } .cbthumb { display:block; float:left; margin:15px } /* Styles for Acoustics Commercial Site (MLS)*/ .acoustics_commercial .small-flag h2 { font-size:18px; line-height:140%; } .acoustics_commercial .corner_banner_site_identifier { background-color:#333333; color:#ffffff; margin-left:0; } .acoustics_commercial .corner_banner_site_identifier h1, .acoustics_commercial .corner_banner_site_identifier h2 { color:#ffffff; margin:10px; padding:0; } .acoustics_commercial .corner_banner_site_identifier h1 { font-size:2.3em; } .acoustics_commercial .corner_banner_site_identifier { height: 176px; } .acoustics_commercial.acoustics_commercial_home .corner_banner_site_identifier { height: 340px; } /* Do something about the extra long sector name - and a smaller font for IE 7/8 */ .acoustics_commercial_home #nvh h4 { font-size: 12px; padding-right:0; } .lt-ie9 .acoustics_commercial_home #nvh h4 { font-size:11px; } /* MLS Style for Course Page pull quote cite */ .course .quote blockquote cite{ color: #999999; font-size:85%; padding-left:15px; } .course .quote blockquote cite:before{ content:" — "; } .headed-box h4 a, .headed-box h4 a:link, .headed-box h4 a:visited, .headed-box h4 a:hover, .headed-box h4 a:active{ color:#333333; } .row-fluid .span6.news-events-headlines-2{ min-height:161px; } /* Extra styles for news headlines ON HOME PAGE */ #news-box{ position:relative; } #news-container{ overflow-y:scroll; height: 145px } #read-more{ position: absolute; bottom: 4px; background-color: white; width: 100%; padding-right: 5px; } #read-more a{padding-right:5px;} /* Clearing Styles */ .clearing .school h2{ margin-bottom:0; } .clearing .sidebar .well { padding-top:0; } .clearing .sidebar .well h2{ font-size:21px; } /* Perspectives - Research Magazine */ .perspectives-home .media a{ color:inherit; } .perspectives-home #profiles_facilities_books .headed-box img{ padding-left:5px; padding-bottom:5px; } .perspectives-home .perspectives_subscribe h2{ font-size: 21px; line-height: 27px; } .perspectives-article .perspectives_subscribe h2{ font-size: 17px; line-height: 23px; } .perspectives-article .perspectives_subscribe{ height: 188px; margin-left:0; } .perspectives_subscribe h3{ font-size:25px; margin-top:0; } .perspectives-home .perspectives_subscribe h3{ margin-top:40px; } .perspectives-home .perspectives_subscribe{ margin-left:0; } .displaybarholder.college .collegebrand { background-color: #000000; color: #fff; height: 300px; margin-left: 0; overflow: hidden; padding-left: 10px; padding-right: 10px; } .accreditorlogo{ clear:left; padding-bottom: 20px; } @media (min-width: 1200px) { .breadcrumb { margin-left: 30px; } .small-flag { padding: 10px 10px 10px 30px; width: 260px; } } @media (max-width: 1200px) { .nav-tabs > li > a, .nav-pills > li > a { padding-left: 10px; padding-right: 10px; } .advert .left-flag h3 { line-height: 120%; margin: 0 10px; padding: 5px 0; } .carousel-inner .item img { margin-left: -30px; } .new-carousel .navbar .nav > li > a { font-size: 16px; padding: 10px; } } @media (max-width: 1080px){ .megamenu-content .media-body > a { color: #c60c30; padding: 0; } } @media (max-width: 979px) { .navbar .nav > li > a{ padding: 10px 12px; } .small-flag { height: auto; } .small-flag h2 { font-size: 20px; line-height: 30px; } .displaybarholder { width: 106%; } .nav-tabs > li > a{ font-size: 11px; padding-left: 3px; padding-right: 3px; } [data-icon]:before{ float: left; } .cbrow{ float:none; overflow:visible; } .carousel-inner .item img { margin-left: -190px; max-width: none; width: auto; } .sidebar .nav > li > a { font-size: 0.9em; } .home .large-flag h2{ font-size:21px; } /* change style on the Year of Entry flag if the award is very very long */ body.direct_entry .entry{ float:none; margin-top:0; } } @media (max-width: 810px) { .navbar .nav > li > a { padding: 10px 10px; } .top-nav { margin-left: 200px; width: 296px; } #page { padding-right: 20px; } footer { margin-left: -20px !important; margin-right: -20px; padding-left: 20px; padding-right: 20px; } h1 { font-size: 30px; } h2 { font-size: 22px; } .nav-tabs { border-bottom: 0 none; } .nav-tabs > li { margin-bottom: 5px; width: 33%; } .nav-tabs > li > a { border-bottom: 1px solid #333; border-radius: 4px; font-size: 12px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: #333; border-bottom: 1px solid #333; } .lead { font-size: 14px; } .nav.nav-tabs.nav-stacked > li { width: 100% } .flag { position: static; width: 100%; } } @media (max-width: 767px) { .row-fluid .span6.news-events-headlines-2{ min-height:auto; } .summary .span4{ clear: left; } [data-icon]:before{ float: none; } .displaybar img { max-height: 100px; width: 100%; } .small-flag { width: 80%; } } @media (max-width: 641px) { #page { margin: 0 -20px; } #logo a { height: 70px; margin-top: 10px; width: 90px; } .navbar-search { max-width: 100%; } .nav-tabs > li { width: 50%; } .nav.nav-tabs.nav-stacked > li { width: 100% } .displaybarholder .findacourse{ padding-left: 10px; padding-right: 10px; } .displaybarholder .breadcrumb{ margin-left: 20px; } footer .span3 { margin-right: -1em; padding-left: 1em; } .leftsidenav{ margin-top: 15px; } .campaign-landing .hero-unit h1 { font-size: 22px } h1{ font-size: 25px; } h2 { font-size: 20px; line-height: 1.5 } h3 { font-size: 18px; } .video .play{ font-size: 2em; } .video-wrap-right a { right: 0px; } .video-wrap-left a { margin-left: 0px; } .home .headed-box{ height: auto; } .video-wrap img { height: 100%; margin-left: 0px !important; width: 100% !important; } .video-wrap .play { margin: -10% auto auto; } #page{ padding-left: 10px; padding-right: 10px; } .library-tabs .nav-tabs > li { width: 50%; } } @media (max-width: 361px) { h1 { font-size: 23px; } h1, h2, h3 { line-height: 1.2; } h3 { font-size: 15px; } .small-flag { width: 100%; } .small-flag h2 { font-size: 17px; line-height: inherit; } .course .entry{ margin-top: 0; } } @media print { .row-fluid .span8, .row-fluid .span9 { width: 95%; } .navbar, .top-nav, .displaybarholder, .leftsidenav, .sidebar, .navbar, .nav-tabs, footer .span3, .video, iframe { display: none !important; height:0!important; width: 0!important; } .keyinfo{ border: 1px solid #333; } #YearChangeContent > .tab-pane { display: none !important; } .tab-content > .tab-pane { display: block !important; page-break-inside: avoid; } .accordion-body { height: auto; page-break-inside: avoid; } .international .mapview { display: none; } .international .education_consultant { float: left; width: 50%; } #YearChangeContent > .tab-pane.active { display: block !important; page-break-inside: auto; } .cbgallery, .cbrow { display: block !important; float: none; width: 100% !important; } a.cbthumb[href]:after, .address_details li:last-child a:after { content:""; } } /** iPhone add to home screen styles */ #addToHomeScreen { background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3)); border:1px solid #505050; box-sizing:border-box; color:#333; font-family:helvetica; font-size:15px; line-height:130%; padding:12px 14px; text-align:left; text-shadow:0 1px 0 rgba(255,255,255,0.75); touch-callout:none; user-select:none; width:240px; z-index:9999; -webkit-user-select:none; -webkit-box-sizing:border-box; -webkit-touch-callout:none; -webkit-border-radius:8px; -webkit-background-clip:padding-box; -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5); } #addToHomeScreen.addToHomeIOS7 { background:#f2f2f2 !important; border:1px solid #ccc; -webkit-border-radius:1px !important; -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2); } #addToHomeScreen.addToHomeIpad { font-size:18px; padding:14px; width:268px; } #addToHomeScreen.addToHomeWide { width:296px; } #addToHomeScreen.addToHomeIpad.addToHomeWide { font-size:18px; padding:14px; width:320px; } #addToHomeScreen .addToHomeArrow { background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc)); border-width:0 1px 1px 0; border-style:solid; border-color:#505050; bottom:-9px; height:16px; left:50%; margin-left:-8px; position:absolute; width:16px; -webkit-transform:rotateZ(45deg); -webkit-box-shadow:inset -1px -1px 0 #a9a9a9; -webkit-border-bottom-right-radius:2px; } #addToHomeScreen.addToHomeIOS7 .addToHomeArrow { background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#f2f2f2)) !important; -webkit-box-shadow:inset -1px -1px 0 #fff !important; border-color:#ccc !important; } #addToHomeScreen.addToHomeIpad .addToHomeArrow { background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee)); bottom:auto; left:50%; top:-9px; -webkit-transform:rotateZ(-135deg); -webkit-box-shadow:inset -1px -1px 0 #fff; } #addToHomeScreen .addToHomeClose { background:rgba(0,0,0,0.12); color:#888; font-size:16px; height:18px; line-height:14px; position:absolute; right:4px; text-align:center; text-indent:1px; top:4px; width:18px; -webkit-box-sizing:border-box; -webkit-border-radius:9px; -webkit-box-shadow:0 1px 0 #fff; } #addToHomeScreen.addToHomeIOS7 .addToHomeClose { background:transparent; border: 1px solid #888; line-height:12px; padding-right:1px; -webkit-box-shadow:none; } #addToHomeScreen .addToHomePlus { font-weight:bold; font-size:1.3em; } #addToHomeScreen .addToHomeShare { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); background-repeat:no-repeat; background-size:18px 15px; display:inline-block; height:15px; overflow:hidden; text-indent:-9999em; width:18px; } #addToHomeScreen.addToHomeIOS7 .addToHomeShare { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=); background-size:11px 15px; width:11px; } #addToHomeScreen .addToHomeTouchIcon { background-clip:padding-box; background-repeat:no-repeat; background-size:57px 57px; border:1px solid #333; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); display:block; float:left; height:57px; margin:0 12px 0 0; width:57px; -webkit-background-clip:padding-box; -webkit-background-size:57px 57px; -webkit-border-radius:6px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.9); } /*Alumni styles*/ .alumni .sidebar .nav > li { margin-bottom: 0px; } .alumni .more { font-size: 1em; } .alumni .nav{ margin-left:0; margin-bottom:5px; list-style:none; } .alumni .btn-tall { color: #000000; font-size: 130%; line-height: 2; margin-bottom: 30px; margin-left: 12px; margin-top: 8px; width: 89%; } .alumni .btn-home { font-size: 110%; line-height: 1; margin-left: 12px; margin-top: 10px; width: 89%; } .alumni .donate { font-size: 200%; margin-bottom: 17px; margin-top: 30px; } .nav-pills .donate a { line-height: 1.1; } .page-thumb.pull-right { margin-bottom: 10px; margin-left: 20px; } .page-thumb.pull-right.span5, .page-thumb.pull-right.span4 { margin-left: 20px; } .home-page .page-thumb.pull-right.span5 { display: none; } /*MEGAMENU*/ .nav .megamenu-content h3 { color: #333; } .dropdown-menu.megamenu-content .nav-list { margin: 0; } .megamenu .nav, .megamenu .dropup, .megamenu .dropdown, .megamenu .collapse { position: static; background-color: rgba(255, 255, 255, 0.6); } .megamenu .navbar-inner, .megamenu .container { position: relative; } .megamenu .dropdown-menu { left: auto; z-index:1000; } .megamenu .dropdown-menu > li { display: block; } .megamenu .nav.pull-right .dropdown-menu { right: 0; } .megamenu .megamenu-content { margin: -2px 0; padding: 15px 10px; } .megamenu .megamenu-content:before, .megamenu .megamenu-content:after { content: ""; display: table; line-height: 0; } .megamenu .megamenu-content:after { clear: both; } .megamenu.navbar .nav > li > .dropdown-menu:after, .megamenu.navbar .nav > li > .dropdown-menu:before { display: none; } .megamenu .dropdown.megamenu-fullwidth .dropdown-menu { left: 0; right: 0; width: 100%; } @media (max-width: 969px) { .megamenu .dropdown.megamenu-fullwidth .dropdown-menu { width: auto; } .megamenu .megamenu-content { padding-left: 0; padding-right: 0; } .megamenu .dropdown-menu > li > ul { display: block; } } .nav .megamenu-content h3 { color: #333; } .nav .megamenu-content h2 { color: #333; font-size: 20px; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-bottom-color: #fff; border-top-color: #fff; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #c60c30; color: #fff; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret{ border-bottom-color: #fff; border-top-color: #fff; } .megamenu .btn.btn-primary { color: #fff; } /*NEW LARGER CAROUSEL - RMCB*/ .home-page .breadcrumb.span12 { margin-left: 0; display:none; } .new-carousel #logo a { height: auto; } .new-carousel .twitter{ margin-right: 10px } body.new-carousel { background-color: #ededed; } .new-carousel .page-body, .new-carousel page { padding-right: 15px; } /* Take off padding for IE7 */ .lt-ie8 .new-carousel .page-body{padding-right:0;} .new-carousel .top-nav { margin-right: 5px; } .new-carousel .navbar-search { margin-right: -34px; } .new-carousel footer { padding-right: 15px; } .new-carousel .page-thumb.pull-right > img { border: 10px solid #ededed; margin-left: 10px; float: right; } .new-carousel .navbar{ z-index: 95; position: relative; } .new-carousel .grey{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.6); z-index: 94; } .new-carousel .nav.nav-list > li { float: none; } .new-carousel .box-header > a:hover { color: #333332; } .new-carousel .span3.pull-right.top-nav.hidden-phone { display:none; } .new-carousel .span9.page-body { margin-top: 20px; } .new-carousel .span3.sidebar { margin-top: 20px; } .new-carousel .sidebar .contactbox { background-color: #007f88; } .new-carousel .video.caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65); bottom: 38px; color: #fff; font-family: centro slab pro regular; font-size: medium; margin-top: -1px; padding: 10px; position: relative; } .new-carousel .video { clear: none; } .new-carousel .video h2 { margin: 0; } /* Salford Languages - Julia Cannon - Septebmer 21 2015 */ .international .biothumb { float: right; margin: 10px; } .international #profiledetails { border-bottom: 1px solid #ededed; clear: both; overflow: auto; padding-bottom: 10px; } @media (max-width: 1199px) { .new-carousel .carousel-caption { bottom: 102px; } } @media (max-width: 979px) { .new-carousel .carousel-caption { bottom: 36px; } } @media (max-width: 836px){ .new-carousel .page-thumb.pull-right > img { float: none; margin-left: 0; } } @media (max-width: 800px) { .new-carousel .navbar-inner { min-height: 20px; } } @media (max-width: 767px) { .new-carousel .nav .span3 > a { float:left; height: 4em; width: 21%; } .new-carousel .nav.nav-pills.nav-justified li a p { display: none; } .new-carousel .row-fluid [class*="span"]{ min-height: 0px; } } @media (max-width: 640px) { .new-carousel .nav.nav-pills.nav-justified { margin-left: 10px; } } @media (max-width: 579px) { .new-carousel .nav .span3 > a { width: 20%; } } @media (max-width: 480px) { .new-carousel .nav .span3 > a { width: 20%; } } @media (max-width: 469px) { .new-carousel .nav .span3 > a { width: 19%; } } @media (max-width: 410px) { .nav.nav-pills.nav-justified { display: none; } } @media (max-width: 396px) { .new-carousel .nav .span3 > a { width: 18%; } } @media (max-width: 360px) { .new-carousel .nav.nav-pills.nav-justified { margin-left: 0px; } .new-carousel .nav.nav-pills.nav-justified li a h4 { font-size: 13px; } .new-carousel .nav .span3 > a { width:18%; } .new-carousel .slide{ margin-left: -10px; } } @media (max-width: 344px) { .new-carousel .nav .span3 > a { width:17%; } } @media (max-width: 320px) { .new-carousel .nav .span3 > a { float: left; height: 4em; width: 17%; } .new-carousel .nav.nav-pills.nav-justified { margin-left: 0px; } .new-carousel .nav.nav-pills.nav-justified li a h4 { font-size: 11px; } } @media (max-width: 305px) { .new-carousel .nav .span3 > a { float:none; height: auto; width: auto; } } body.ktp .navbar .nav>li>a{ padding-right:12px; }