/* Generated by Font Squirrel (http://www.sys_fontsquirrel.sys_com) on July 3, 2013 */ @font-face { font-family: 'latobold'; src: url('/_design/font/lato-bol-webfont.eot'); src: url('/_design/font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('/_design/font/lato-bol-webfont.woff') format('woff'), url('/_design/font/lato-bol-webfont.ttf') format('truetype'), url('/_design/font/lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon'; src: url('/_design/font/BrandonText-Regular.eot'); src: url('/_design/font/BrandonText-Regular.eot?#iefix') format('embedded-opentype'), url('/_design/font/BrandonText-Regular.woff') format('woff'), url('/_design/font/BrandonText-Regular.ttf') format('truetype'), url('/_design/font/BrandonText-Regular.svg#brandon') format('svg'); font-weight: normal; font-style: normal; } body {font-family: Arial, sans-serif; color: #333; padding:0;} /* reset bootstrap form margin for Contensis */ form { margin: 0; } #header { position: relative; z-index: 500;} a img { border: none; } @media screen and (max-width:980px) { [class*="sys_span"] {padding:0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */} } /* this is the salmon colour hex code: #fa706a */ /* changed to blue as per gel */ a { color: #0088cc; } /* content div only in use in header and footer - replaced by Bootstrap container div elsewhere */ .sys_content { width: 970px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; } /* header area styles */ #masthead { height: 88px; background: #919191 url('/_design/img/masthead-bg.jpg') no-repeat top left; background-size: cover; } .sys_lt-ie9 #masthead { background-repeat: repeat-x; } #masthead .sys_content { width: 990px; padding: 0; } #masthead .sys_logo-img { padding: 16px 0; } #masthead-links { float: right; /* *margin-top:-100px;*/ padding-right: 8px; } /*.sys_lt-ie8 #masthead-links {margin-top:-100px;}*/ #masthead-links ul { list-style-type: none; color: #fff; margin: 0; padding-top: 39px; } #masthead-links ul li { display: block; float: left; border-right: 1px solid #fff; height: 29px; font-size: 0.95em; line-height: 1.1em; padding-right: 8px; padding-left: 8px; } #masthead-links ul li.sys_last { border-right: none; } #masthead-links ul li.sys_accesslink, #masthead-links ul li.sys_accesslinkarts { font-weight: bold; } #masthead-links ul li a { color: #fff; text-decoration: none; display: block; height: 29px; /*padding-top: 5px;*/} #masthead-links ul li a:hover { text-decoration: underline; } @media screen and (max-width:980px) { #mobile-top-header {padding:40px 10px 0 0; float:right;} #masthead-links{display:none; width:100%; float:left;} #masthead-links ul {padding:0;} #masthead-links ul li, #masthead-links ul li a {width:95%; float:none; border:0; height:auto; margin:auto;} #masthead-links ul li a {border-bottom:1px solid #ccc; padding:15px 0px 15px 20px;} #masthead-links ul li:last-child a {border-bottom:0;} #masthead {height:auto;} #masthead {margin-top: 40px;} } @media screen and (max-width:320px) { #mobile-top-header {right:10px; top:20px; float:right; position:absolute; padding:0;} } @media screen and (min-width:981px) { #masthead-links{display:block!important;} } #banner-and-navs { background-color: #fa706a; /*height: 306px;*/ height: 299px; padding: 0; /*background-image: url('/_design/img/banner.jpg'); background-repeat: no-repeat; background-position: top center;*/ position: relative; z-index: 10; } /* new styles for banner image - to be incorporated into Sigma code */ #banner-img { width: 990px; height: 259px; position: absolute; left: 50%; top: 40px; margin-left: -495px; } #page-heading, #section-nav { position: relative; } @media screen and (max-width:980px) { #banner-img { width: 724px; margin-left: -362px; top: 0; height: 189px; overflow: hidden; } } @media screen and (max-width:724px) { #banner-img { width: 100%; max-width: 100%; margin: 0; left: 0; } } @media screen and (max-width:700px) { #banner-img img { width: 703px !important; height: 189px; max-width: none; position: absolute; left: 50%; margin-left: -350px; } } /* end of new styles for banner image */ #page-heading { width: 990px; margin-left: auto; margin-right: auto; /*padding-top: 160px;*/ padding-top: 150px; } #page-heading a { color: #fff; text-decoration: none; display: block; } #page-heading a:hover { text-decoration: underline; } header h1, #page-heading span { font-family: 'latobold', Arial, sans-serif; color: #fff; margin-left: 0px; padding-left: 16px; font-size: 1.9em; line-height: 1.5em; background-color: #fa706a; margin-top: 0px; display: inline-block; padding-right: 70px; margin-bottom: 25px; font-weight: normal; } @media screen and (max-width:640px) { header h1, #page-heading span {font-size:1.8em;} #page-heading {padding-top: 165px;} } #top-nav { background-color: #fa706a; position: relative; z-index: 20; line-height: normal; } /* #Sigchange# */ #top-nav .sys_content { height: 40px; background-color: #fff; background-image: url('/_design/img/search-box.png'); background-repeat: no-repeat; background-position: top right; position: relative; z-index: 20; padding-left: 0; width: 980px; } #top-nav ul#top-nav-menu { color: #000; font-family: 'latobold', Arial, sans-serif; font-size: 1em; list-style-type: none; margin: 0; height: 20px; padding: 10px 0 10px 10px; } #top-nav ul#top-nav-menu li a { color: #000; text-decoration: none; display: block; padding:0 28px 0 10px; border-right: 1px solid #c6c6c7; background: url('/_design/img/top-link-bg.png') no-repeat center right; } #top-nav ul#top-nav-menu > li, #top-nav ul#top-nav-menu > li > a {float:left;} /*#top-nav ul#top-nav-menu > li > a.sys_icon-down-open {padding:0px 5px;}*/ .sys_lt-ie8 #top-nav ul#top-nav-menu > li {max-width:24%;} .sys_lt-ie8 #top-nav ul#top-nav-menu > li.sys_international-link {max-width:38%;} .sys_lt-ie8 #top-nav ul#top-nav-menu > li > a.sys_icon-down-open span {float:right; padding-top:3px;} #top-nav ul#top-nav-menu li a.sys_top-nav-home { background: none; padding-right: 10px; display: none; } #top-nav ul#top-nav-menu li a:hover { color: #fa706a; } #top-nav ul#top-nav-menu li.sys_selected a { color: #fa706a; background: url('/_design/img/top-link-bg-close.png') no-repeat center right; } #top-nav ul#top-nav-menu li a.sys_last { border-right: none; } #top-nav #top-nav-menu > li { display: block; float: left; background-color: #fff; } #top-nav nav { float: left; width:600px; } .sys_search-trigger{float:right; padding: 10px 0px 10px 10px;} .sys_mobile-nav-trigger, .sys_mobile-home-icon { float: left; padding: 10px 10px 10px 0; } .sys_mobile-home-icon { padding-left: 10px; } .sys_mobile-nav-trigger.sys_close { padding-left: 10px; padding-right: 2%; } #top-nav ul#top-nav-menu li.sys_close a { background: none !important; } .sys_top-nav-home { float: left; margin: 10px 0 10px 0; padding: 0px 8px 0px 11px; border-right: 1px solid #C6C6C7;} .sys_lt-ie8 .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;} @media screen and (min-width:980px) { .sys_ie .sys_mega-menu-link.sys_icon-down-open:after {padding-top:23px;} } @media screen and (min-width:980px) { .sys_lt-ie10 #top-nav ul#top-nav-menu > li > a {padding-right:25px;} .sys_lt-ie10 #top-nav ul#top-nav-menu > li > a:after {margin:-18px -20px 0 0px;} } @media screen and (max-width:980px) { body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a {padding-left:5px; display: block;} body #top-nav ul#top-nav-menu li.sys_brightonlogo-mobile a img {min-width: 170px;} #top-nav ul#top-nav-menu {position: fixed; width:100%; margin-left: -100%; left: 0; top: 0; height: 100%; background-color: #444; overflow-y:auto; padding:0; -webkit-overflow-scrolling: touch;} /* Overthrow CSS: Enable overflow: auto on elements with overthrow class when html element has overthrow class too */ .sys_overthrow-enabled .sys_overthrow { overflow: auto; -webkit-overflow-scrolling: touch; } /*.sys_sidr{display:none; position:absolute; position:fixed; top:0; height:100%!important; z-index:999999; width:65%; overflow-x:none; overflow-y:auto; background-color: #444; padding: 0!important; -webkit-overflow-scrolling: touch;}*/ #top-nav ul#top-nav-menu > li {clear:both; background-color:transparent; font-size: 1.1em; } #top-nav ul#top-nav-menu > li > a { padding:10px 10px 10px 5%; background:0; } #top-nav ul#top-nav-menu > li > a.sys_icon-down-open { float:right; } #top-nav ul#top-nav-menu li.sys_selected > a { background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat 100%; } #top-nav ul#top-nav-menu > li.sys_hidden-desktop a { padding-left:10px; } #top-nav ul#top-nav-menu > li:first-child a { background:0; } #top-nav ul#top-nav-menu li a { padding-top:10px; padding-bottom:10px; border-right:0;} #top-nav ul#top-nav-menu li a:link, #top-nav ul#top-nav-menu li a:visited { color:#fff; float:left; padding:10px 0; } #top-nav ul#top-nav-menu li > a { width:95%; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat 100%; padding-right: 10px;} #top-nav ul#top-nav-menu li a:hover {color:#999;} body.sys_mobile-nav-enabled {overflow:hidden!important; position: absolute; width:100%;} #top-nav ul#top-nav-menu li a { padding-left: 3% !important;} #top-nav ul#top-nav-menu li.sys_no-further:first-child {margin-top: 10px;} #top-nav ul#top-nav-menu li.sys_no-further { font-family: Arial,sans-serif; font-size: 1em; } #top-nav ul#top-nav-menu li.sys_no-further a { background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; } } #top-nav .sys_site-search { float: right; padding-top: 8px; padding-right: 11px; } #top-nav .sys_site-search label {float: left; cursor: auto; background: #929396; color: #fff; padding:5px 12px; height:14px; line-height: 14px; font-size: 0.9em; margin: 0; } #top-nav .sys_site-search input {padding: 2px 5px; border-radius: 0; border-color: #929396; color: #333; background-color: #d7d3d1; font-size: 0.95em; line-height: 1.15em; height: 18px; margin: 0; float: left;} #top-nav .sys_site-search input[type="image"] { border: none; height: 24px; width: 24px; padding: 0; background: none; } #top-nav span[class*="sys_sys_icon-"] {font-size: 1.4em; padding: 0px 0 0 5px; float: left; cursor:pointer;} #top-nav #search-trig span[class*="sys_sys_icon-"], #top-nav .sys_site-search .sys_icon-search {padding-top:5px;} #top-nav #search-trig span.sys_icon-up-open {display:none;} #top-nav #search-trig.sys_active-trig span.sys_icon-up-open {display:block;} #top-nav #search-trig.sys_active-trig span.sys_icon-down-open {display:none;} @media screen and (max-width:980px) { #top-nav {position: fixed; top: 0; left: 0; width: 100%;} #top-nav .sys_site-search, #top-nav .sys_toggle-trigger {float:right; clear:both;} #top-nav .sys_toggle-trigger {margin-top:-38px;} #top-nav .sys_site-search {padding:15px; background-color:#eee; margin:0px -10px 0 0; display:none; position: absolute; top: 40px; right:31px; } #top-nav #search-trig img {display: block; } } @media screen and (max-width:480px) { #top-nav .sys_site-search {padding:15px 5px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; width:100%;} #top-nav .sys_site-search form input#search {width:65%;} } @media screen and (min-width:980px) { #top-nav .sys_site-search {display:block!important;} #top-nav ul#top-nav-menu > li.sys_brightonlogo-mobile {display: none!important;} } #top-nav-menu .sys_mob-side {float:left; width:45%; clear:none!important;} #top-nav #top-nav-menu .sys_mob-side.sys_close {opacity:1.0; filter: alpha(opacity=100); width: 80%; float: right;} #top-nav ul#top-nav-menu li.sys_mob-side.sys_close a {list-style:none; color:#fff!important; border:0; text-align:right; font-size: 0.9em; text-shadow:none; vertical-align: bottom; float: right;} #top-nav ul#top-nav-menu li.sys_mob-side.sys_close a img {display: inline-block; width: auto; height: auto; margin-left: 10px;} .sys_close-tab{font-size: 1em; vertical-align: bottom; float: right; padding: 10px; cursor: pointer;} .sys_close-tab:hover{text-decoration: underline;} .sys_close-tab img{display: inline-block; width: auto; height: auto; margin-left: 5px;} @media screen and (max-width:480px) { #top-nav ul#top-nav-menu .sys_brightonlogo-mobile {margin:20px 0 0; display: none!important;} } #top-nav ul#top-nav-menu .sys_mega-menu { position: absolute; top: 40px; /* left position added for IE7 */ left: 0; width:auto; background-color: #fff; z-index: 1000; display: none; border-top: 1px solid #fa706a; border-bottom: 1px solid #fa706a; overflow: auto; font-size: 0.8em; } #top-nav ul#top-nav-menu .sys_mega-col { width: 218px; padding: 16px 24px 12px 8px; float: left; position: relative;} #top-nav ul#top-nav-menu .sys_mega-col:first-child { padding-left: 24px; } #top-nav ul#top-nav-menu .sys_mega-col ul { margin: 0; padding-left: 0px; padding-bottom: 5px; list-style-type: none; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open:before {margin-top:5px;} .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open span {font-size:0.8em;} .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_icon-right-open a {float:left; margin:-15px 0 0 10px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: 1px solid #333; padding-left: 0; margin: 8px 0 8px; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 10px; } .sys_lt-ie8 #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header span {float:right; font-size:1em; padding-top:3px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a { padding: 6px 12px 0 0; background:0; border:0; padding-left:0; font-family: 'latobold', Arial, sans-serif; font-size: 1.3em; color: #333; display: block; font-weight: normal; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style { border-top: none; margin: 12px 0 6px 0; } #top-nav ul#top-nav-menu .sys_mega-col ul li { margin-bottom:7px; padding-left: 0; line-height: 1.5em; clear: both; width: 100%; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 6px; } #top-nav ul#top-nav-menu .sys_mega-col ul li a { background:0; border:0; font-family: Arial, sans-serif; padding-left:0; color: #333; text-decoration: none; font-size:1.1em; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a:hover, #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header-style a:hover { color: #333; text-decoration: underline; } #top-nav ul#top-nav-menu .sys_mega-col ul li a:hover { color: #797979; text-decoration: underline; } /* new mega menu styles changehere */ #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_groupheadnolink { border-top: 1px solid #333; margin: 8px 0 8px; background: none; padding: 6px 0 0 0; font-family: 'latobold', Arial, sans-serif; font-size: 1.25em; color: #333; display: block; font-weight: normal; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_subheadnolink { margin: 0 0 8px; background: none; padding: 6px 0 0 0; font-family: 'latobold', Arial, sans-serif; font-size: 1.2em; color: #333; display: block; font-weight: normal; } @media screen and (max-width:980px) { #top-nav-menu li {width:100%;} #top-nav ul#top-nav-menu .sys_mega-col ul {padding-bottom:0;} #top-nav ul#top-nav-menu .sys_mega-cta {margin:0;} #top-nav ul#top-nav-menu .sys_mega-menu, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-col, #top-nav ul#top-nav-menu .sys_mega-menu .sys_mega-cta {position:relative; float:left; clear:both; height:100%; width:100%!important; padding:0; top:0;} #top-nav ul#top-nav-menu li .sys_mega-col ul li, ul#top-nav-menu li .sys_mega-col ul li a {background:transparent; border:0;} #top-nav ul#top-nav-menu .sys_mega-menu {top:0; background-color:#666; border:0; overflow-x: hidden; height: 100%;} #top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header {background-color:#555; margin:0; border:0;} #top-nav ul#top-nav-menu li .sys_mega-col ul li {background-color:#555; padding-left:20px; margin:0; border:0; background-color:#666;} #top-nav ul#top-nav-menu li .sys_mega-col ul li:not(.sys_group-header) {display:none;} #top-nav ul#top-nav-menu li .sys_mega-col ul li a {/*width:70%!important;*/ padding-left:20px; color:#fff;} #top-nav ul#top-nav-menu li .sys_mega-col ul li.sys_group-header a:hover { color: #fff; } #top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta {bottom:0; background: #333;} #top-nav ul#top-nav-menu li .sys_mega-col .sys_mega-cta a {border:0; padding:8px 0!important; float: left;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header a { border: 0; color: #fff; padding: 10px 0; font-size: 1.2em; margin-left: 0; /*width: 80%;*/ background: url('/_design/img/go-header-link-bg-18px.gif') no-repeat 100%; } #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header {margin:0; border:0; background:0;} #top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"] {padding-left:5%;} #top-nav ul#top-nav-menu .sys_mega-cta [class*="sys_icon-"]:after {padding-right:10px;} #top-nav ul#top-nav-menu .sys_mega-col ul li.sys_group-header:after {margin: 12px 5% 0 0; color: #fff;} /*.sys_logo-img img{width: auto; height: 45px;} UCOMMENT FOR SMALLER LOGO BAR */ } @media screen and (max-width:320px) { #top-nav ul#top-nav-menu .sys_mega-cta a[class*="sys_icon-"]:before {padding-left:7%;} } #section-nav.sys_shadow { -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75); } #section-nav .sys_content { height: 34px; background-color: #fff; position: relative; padding-left: 0; width: 980px; border-bottom: 1px solid #99465c; } #section-nav ul#section-menu { color: #000; font-family: 'latobold', Arial, sans-serif; font-size: 1.08em; list-style-type: none; margin: 0; height: 20px; padding: 0 0 0 8px; } #section-nav ul#section-menu li a { color: #000; text-decoration: none; display: block; padding-right: 8px; padding-left: 8px; border-right: 1px solid #c6c6c7; } #section-nav ul#section-menu li a:hover { color: #99465c; } #banner-and-navs #section-nav ul#section-menu li.sys_selected a { color: #fff; border-right: none; } #banner-and-navs #section-nav ul#section-menu li.sys_selected a:hover { color: #fff; } #section-nav ul#section-menu li.sys_selected { background-color: #99465c; margin-right: 1px; margin-left: -1px; } #banner-and-navs #section-nav ul#section-menu li a.sys_last, #banner-and-navs #section-nav ul#section-menu li a.sys_first { border-right: none; } #section-nav ul#section-menu li { display: block; float: left; background-color: #fff; padding-top: 8px; padding-bottom: 8px; height: 18px;} #active-breadcrumbs { height: 32px; padding-top: 8px; width: 100%; float: left; clear: both;} /* end of header area styles */ /* page body area styles */ #page-body section { padding:32px 0 32px 0; clear: both; } .sys_ie #page-body section { padding-top:32px; } /*.sys_lt-ie8 #page-body section { padding-top:62px; }*/ #page-body section p { font-size: 1.05em; line-height: 1.3em; word-wrap: break-word; overflow-wrap: break-word; } #page-body section .sys_row:last-child .sys_span12 > p:last-child, #page-body section .sys_span6 > p:last-child, #page-body section .sys_span8 > p:last-child, #page-body section .sys_span12 > ul:last-child, #page-body section .sys_span6 > ul:last-child, #page-body section .sys_span8 > ul:last-child { margin-bottom: 0; } #page-body section .sys_section-content .sys_span12 p, #page-body section .sys_section-content .sys_span6 p, #page-body section .sys_section-content .sys_span8 p { margin-bottom: 10px; } section.sys_grey, .sys_back-to-top.sys_grey { background-color: #e7e7e7; } section h1, section h2 { font-family: 'brandon', Arial, sans-serif; color: #fa706a; margin-top: 0px; border-top: 1px solid #c6c6c7; border-bottom: 1px solid #c6c6c7; font-size: 1.7em; line-height: 1.4em; margin-bottom: 16px; font-weight: normal; text-transform: uppercase; } section h1 { font-size: 1.9em; } section h3, section h4, section h5 { font-family: 'brandon', Arial, sans-serif; color: #fa706a; font-size: 1.5em; margin-top: 0px; margin-bottom: 16px; line-height: 1.4em; border-top: 1px solid #c6c6c7; border-bottom: 1px solid #c6c6c7; font-weight: normal; text-transform: uppercase; } section h4 { font-size: 1.4em; line-height: 1.5em; } section .sys_span6 h2, section .sys_span8 h2, section .sys_span4 h2, section .sys_section-content-tab h2, section .sys_subheads h2 { border: none; color: #333; font-size: 1.3em; font-family: 'latobold', Arial, sans-serif; text-transform: none; } section .sys_span6 h3, section .sys_span8 h3, section .sys_span4 h3, section .sys_section-content-tab h3, section .sys_subheads h3 { border: none; color: #333; font-size: 1.3em; font-family: 'latobold', Arial, sans-serif; text-transform: none; } section .sys_span6 h4, section .sys_span8 h4, section .sys_span4 h4, section .sys_section-content-tab h4, section .sys_subheads h4 { border: none; color: #333; font-size: 1.2em; font-family: 'latobold', Arial, sans-serif; text-transform: none; } section .sys_span6 h5, section .sys_span8 h5, section .sys_span4 h5, section .sys_section-content-tab h5, section .sys_subheads h5 { border: none; color: #333; font-size: 1.1em; font-family: 'latobold', Arial, sans-serif; text-transform: none; } section .sys_span6 h6, section .sys_span8 h6, section .sys_span4 h6, section .sys_section-content-tab h6, section .sys_subheads h6 { border: none; color: #333; font-size: 1em; font-family: 'latobold', Arial, sans-serif; text-transform: none; } /*section .sys_subheads h2, section .sys_subheads h3, section .sys_subheads h4, section .sys_subheads h5, section .sys_subheads h6 { font-family: 'latobold', Arial, sans-serif; text-transform: none; }*/ /* #page-body section .sys_span6 p, #page-body section .sys_span4 p, #page-body section .sys_span8 p { font-size: 1em; } */ section address { font-size: 1em; line-height: 1.1em; } section blockquote { color: #999; font-size: 1.5em; font-weight: normal; line-height: 1.2em; border: none; margin: 0; padding: 60px 8px 8px 8px; background: url('/_design/img/quote-mark-grey-large.png') no-repeat 6px top; } #page-body section .sys_highlight-box blockquote { background: url('/_design/img/quote-mark-white-large.png') no-repeat 6px top } #page-body section blockquote p, #page-body section .sys_section-content blockquote p { line-height: 1.1em; color: #999; } #page-body section .sys_highlight-box blockquote p { color: #fff; } #page-body section .sys_section-content .sys_span6 blockquote p { margin: 0; } section ul { margin-left: 16px; /*list-style: disc url('/_design/img/section-li-img.png');*/ } section table { width: 100%; margin-bottom: 16px; } section table caption { text-align: left; padding-bottom: 8px; padding-top: 8px; font-family: 'latobold', Arial, sans-serif; font-weight: normal; color: #333; font-size: 1.1em; } section table caption strong { font-weight: normal; } section table p, #page-body section .sys_section-content table p { margin: 0; } section table ul { margin-bottom: 0; } section table, section table th, section table td { border: 1px solid #c6c6c7; border-collapse: collapse; } section table th, section table td { padding: 6px; vertical-align: top; } section table th { text-align: left; font-family: 'latobold', Arial, sans-serif; font-weight: normal; color: #333; } section table th strong { font-weight: normal; } @media screen and (max-width:768px) { section h2 { font-size: 1.4em; line-height: 1.6em; } section h3 { font-size: 1.3em; } section .sys_span6 blockquote, section .sys_span4 blockquote { margin-top: 16px; } } /* dark-grey-section used for intro box at the top of each page */ .sys_dark-grey-section { background-color: #919191; color: #fff; margin-top: 0; margin-bottom: 0; margin-left: 16px; padding: 16px 0; overflow: auto; } .sys_dark-grey-section .sys_span4 { width: 244px; } .sys_dark-grey-section .sys_span6 { width: 382px; } .sys_dark-grey-section .sys_span8 { width: 520px; } .sys_dark-grey-section.sys_span8 { width: 504px; padding-left: 16px; padding-right: 16px; } .sys_dark-grey-section .sys_span12:first-child { padding-right: 16px; width: 780px; } /* #page-body section .sys_dark-grey-section p { font-size: 1.1em; line-height:1.3em;} */ /* not sure what this class is */ .sys_with-image img { float: right; margin-left: 16px; } .sys_with-image .sys_video-image img { float: none; margin-left: 0; } /* video image with caption and play arrow that highlights on hover */ .sys_video-swap { cursor: pointer; } /* #Sigchange# */ .sys_video-image { position: relative; } /* #Sigchange# */ .sys_video-image.sys_video-padding { padding-bottom: 16px; } .sys_video-image .sys_caption { background-color: #000000; /* <- fallback for IE*/ background-color: rgba(0, 0, 0, 0.6); height: 40px; position: absolute; bottom: 16px; /* left position added for IE7 */ left: 0; width: 100%; overflow: hidden; } .sys_video-image.sys_video-padding .sys_caption { bottom: 32px; } .sys_video-image .sys_play-arrow { height: 40px; background: url('/_design/img/play-arrow-salmon.png') no-repeat top right; } .sys_video-image .sys_play-arrow-hover { background: url('/_design/img/play-arrow-white.png') no-repeat top right; } #page-body .sys_video-image .sys_caption p { font-size: 0.9em; line-height: 1.3em; padding: 5px 45px 0 8px; color: #fff; } /* inner-content wraps content in each section */ .sys_inner-content { padding-bottom: 32px; } section .sys_inner-content p { font-size: 1em; } /*#page-body section p.sys_intro-para, #page-body section .sys_intro-para p, #page-body section span.sys_intro-para { font-size: 1.1em; font-family: 'latobold', Arial, sans-serif; } */ #page-body section .sys_intro-para p:first-child, .intro-para { font-size: 1.2em !important; font-family: 'latobold', Arial, sans-serif; } /* fix for first paragraphs inside tables, to remove the above styling */ #page-body section .sys_intro-para table p:first-child { font-family: Arial, sans-serif; font-size: 1.05em !important; } /* iframe YouTube embeds */ iframe { margin-bottom: 16px; } iframe.sys_youtube, iframe.sys_respiframe { border: none; width: 100%; } .sys_span6 iframe.sys_youtube, .sys_span6 iframe.sys_respiframe, .sys_span6 .sys_video-swap { max-width: 398px; height: 224px; } .sys_section-content-tab .sys_span6 iframe.sys_youtube, .sys_dark-grey-section .sys_span6 iframe.sys_youtube, .sys_section-content-tab .sys_span6 iframe.sys_respiframe, .sys_dark-grey-section .sys_span6 iframe.sys_respiframe, .sys_section-content-tab .sys_span6 .sys_video-swap { max-width: 382px; height: 215px; } .sys_span4 iframe.sys_youtube, .sys_span4 iframe.sys_respiframe, .sys_span4 .sys_video-swap { max-width: 260px; height: 146px; } .sys_span8 iframe.sys_youtube, .sys_span8 iframe.sys_respiframe, .sys_span8 .sys_video-swap { max-width: 536px; height: 301px; } .sys_span12 iframe.sys_youtube, .sys_span12 .sys_video-swap { max-width: 812px; height: 455px; } .sys_span12 iframe.sys_respiframe { max-width: 812px; height: 301px; } @media (min-width:768px) and (max-width:979px) { .sys_span6 .sys_video-swap { height: 187px; } .sys_span4 .sys_video-swap { height: 117px; } } @media (max-width:400px){ .sys_span6 .sys_video-swap, .sys_span4 .sys_video-swap { height: 169px; } } .sys_contact-us-ctas img { padding-bottom: 8px; } /* signposts refers to the large signpost tiles on key pages */ .sys_signposts { /*padding-top: 16px;*/ } .sys_signposts img { padding-bottom: 8px; border-bottom: 1px solid #929292; margin-bottom: 4px; } section .sys_signposts h2, section .sys_signposts h3, section .sys_signposts h4, section .sys_signposts h5, section .sys_signposts h6 { margin: 4px 0 4px; border: none; font-family: 'latobold', Arial, sans-serif; color: #333; font-weight: normal; line-height: normal; text-transform: none; } /* two block heading text size */ section .sys_signposts .sys_span6 h2, section .sys_signposts .sys_span6 h3, section .sys_signposts .sys_span6 h4, section .sys_signposts .sys_span6 h5, section .sys_signposts .sys_span6 h6 { font-size: 1.2em; } /* three block heading text size */ section .sys_signposts .sys_span4 h2, section .sys_signposts .sys_span4 h3, section .sys_signposts .sys_span4 h4, section .sys_signposts .sys_span4 h5, section .sys_signposts .sys_span4 h6 { font-size: 1.1em; } /* four block heading text size */ section .sys_signposts .sys_span3 h2, .sys_signposts .sys_span3 h3, .sys_signposts .sys_span3 h4, .sys_signposts .sys_span3 h5, .sys_signposts .sys_span3 h6 { font-size: 1em; } .sys_signposts .sys_span4 p, .sys_signposts .sys_span3 p { font-size: 1em; } .sys_signposts h2 a, .sys_signposts h3 a, .sys_signposts h4 a, .sys_signposts h5 a, .sys_signposts h6 a { display: block; color: #5f4e41; text-decoration: none; background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 4px; padding-right: 16px; } .sys_signposts h2 a:hover, .sys_signposts h3 a:hover, .sys_signposts h4 a:hover, .sys_signposts h5 a:hover, .sys_signposts h6 a:hover { text-decoration: underline; } /*.sys_signposts .sys_span4 { padding-bottom: 32px; }*/ /* smaller text sizes for signposts on three column pages (rather than two column) */ .sys_signposts [class*="sys_span"] { padding-bottom: 8px; } @media screen and (max-width:768px) { .sys_signposts [class*="sys_span"] { padding-bottom: 40px; } } /* signposts styles for sets of links without image tiles */ .sys_signposts-linksonly ul { list-style-type: none; margin-left: 0; margin-bottom: 0; } .sys_signposts-linksonly li a { font-family: 'latobold', Arial, sans-serif; color: #333; font-weight: normal; display: block; background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 6px; padding: 4px 16px 4px 0; border-top: 1px solid #c6c6c7; } .sys_signposts-linksonly li:first-child a { border-top: none; } /* CTA aside */ aside[class*="sys_cta"] { /*background-color: #e3e2e2; padding: 16px 16px 16px 16px;*/ border-bottom: 1px solid #c6c6c7; } aside[class*="sys_cta"] h2, aside[class*="sys_cta"] h3, aside[class*="sys_cta"] h4, aside[class*="sys_cta"] h5, aside[class*="sys_cta"] h6 { font-size: 1.15em; margin-bottom: 4px; padding-top: 4px; border-bottom: none; border-top: 1px solid #C6C6C7; } .sys_dark-grey-section aside[class*="sys_cta"] h2, .sys_dark-grey-section aside[class*="sys_cta"] h3, .sys_dark-grey-section aside[class*="sys_cta"] h4, .sys_dark-grey-section aside[class*="sys_cta"] h5, .sys_dark-grey-section aside[class*="sys_cta"] h6 { color: #fff; } aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a { background: url("/_design/img/go-header-link-bg-14px.gif") no-repeat scroll right 4px transparent; display: block; padding-right: 16px; text-decoration: none; } aside[class*="sys_cta"] h2 a:hover, aside[class*="sys_cta"] h3 a:hover, aside[class*="sys_cta"] h4 a:hover, aside[class*="sys_cta"] h5 a:hover, aside[class*="sys_cta"] h6 a:hover { text-decoration: underline; } aside[class*="sys_cta"] img { margin-bottom: 8px; } @media screen and (max-width:768px) { aside[class*="sys_cta"] { padding-top: 24px; } aside[class*="sys_cta"] img { display: none; } } /* up arrow that scrolls you back up to previous story on long pages */ .sys_previous-heading-link { display: block; width: 29px; height: 29px; background: url('/_design/img/prev-heading-grey-on-grey.png') no-repeat top left; margin: 10px auto -31px auto; cursor: pointer; } .sys_grey .sys_previous-heading-link { background: url('/_design/img/prev-heading-grey-on-white.png') no-repeat top left; } aside.sys_quote .sys_previous-heading-link { margin-bottom: 1px; } /* set of tabs within an individual section */ ul.sys_section-tabs { font-size: 0.9em; list-style-type: none; font-family: 'brandon', Arial, sans-serif; font-weight: normal; margin: auto auto 0 auto; padding-left: 0; } ul.sys_section-tabs li { display: block; float: left; background-color: #919191; margin-right: 10px; } /* ul.sys_section-tabs li a { color: #fff; text-decoration: none; display: block; padding: 2px 8px 2px 8px; } */ /* #Sigchange# */ ul.sys_section-tabs li a { color: #fff; text-decoration: none; display: block; padding: 2px 8px; } /* #Sigchange# */ /*ul.sys_section-tabs li a:after { font-size: 0.9em; float: right; padding: 1px 0px 0 10px; font-family: "fontello"; content: '\e803'; }*/ ul.sys_section-tabs li.sys_selected { background-color: #f6f5f5; } /* #Sigchange# */ ul.sys_section-tabs li.sys_selected a { color: #fa706a; } /* #Sigchange# */ ul.sys_section-tabs { display: block !important; list-style-type: none; font-size: 0.9em; list-style-type: none; font-family: 'brandon',Arial,sans-serif; font-weight: normal; margin: auto auto 16px; padding-left: 0px; clear: both; } ul.sys_section-tabs li { line-height: 30px; float: left; margin-bottom: 6px; margin-right: 6px; background-color: #e7e7e7; } ul.sys_section-tabs li a { color: #FFF; text-decoration: none; display: block; padding: 2px 8px; text-transform: uppercase; font-size: 1.1em; } ul.sys_section-tabs li.sys_selected { background-color: #e7e7e7; } .sys_grey ul.sys_section-tabs li { background-color: #fff; } ul.sys_section-tabs li a { color: #FA706A; } ul.sys_section-tabs li.sys_selected a { color: #fff; } section .sys_section-content { background-color: #e7e7e7; margin: 0 auto 0 auto; padding: 16px 0; clear: both; } .sys_lt-ie8 section .sys_section-content { margin-top: -16px; } .sys_section-content-tab .sys_span6 { width: 382px; } .sys_section-content-tab .sys_span6:first-child { padding-left: 16px; width: 382px; min-height: 255px; } .sys_section-content-tab .sys_span8 { width: 509px; } .sys_section-content-tab .sys_span8:first-child { padding-left: 16px; width: 509px; min-height: 255px; } .sys_section-content-tab .sys_span4 { width: 255px; } /* #Sigchange # */ .sys_section-content-tab .sys_span12:first-child { padding-left: 16px; padding-right: 16px; /*width: 90%;*/ width: 780px; max-width: 780px; } /* #Sigchange # */ /* .sys_section-content h3, */#page-body .sys_section-content .sys_span6 .sys_tabHeading, #page-body .sys_section-content .sys_span12 .sys_tabHeading, #page-body .sys_section-content .sys_span8 .sys_tabHeading { font-family: 'latobold', Arial, sans-serif; font-size: 1.2em; color: #333; margin-top: 0px; } #page-body .sys_section-content h2, #page-body .sys_section-content h3, #page-body .sys_section-content h4, #page-body .sys_section-content h5 { font-size: 1.1em; margin-top: 16px; } #page-body .sys_cta4 h2, #page-body .sys_cta4 h3, #page-body .sys_cta4 h4, #page-body .sys_cta4 h5, #page-body .sys_cta4 h6, #page-body .sys_section-content .sys_highlight-box h2, #page-body .sys_section-content .sys_highlight-box h3, #page-body .sys_section-content .sys_highlight-box h4, #page-body .sys_section-content .sys_highlight-box h5, #page-body .sys_section-content .sys_highlight-box h6 { margin-top: 0; } section .sys_tabbed-area { padding-top: 8px; } @media (min-width:768px) and (max-width:979px){ .sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child { width: 332px; } .sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child { width: 459px; } .sys_section-content-tab .sys_span4 { width: 214px; } } #page-body .sys_section-content p { font-size: 1em; color: #333; margin-top: 16px; line-height: 1.2em; } #page-body .sys_section-content .sys_span6 p { font-size: 1em; } /* class added to allow users to align the tops of two columns of text in a tab */ #page-body .sys_section-content p.tabtext-align, #page-body .sys_section-content h3.tabtext-align, #page-body .sys_section-content h4.tabtext-align, #page-body .sys_section-content h5.tabtext-align, #page-body .sys_section-content h6.tabtext-align, .tabtext-align { margin-top: 36px; } .sys_section-content ul { padding-left: 15px; margin-left: 0; } .sys_section-content li { font-size: 1em; color: #333; line-height: 1.2em; } .sys_section-right { float: right; padding-left: 16px; width: 385px; min-height: 255px; } .sys_grey ul.sys_section-tabs li.sys_selected { background-color: #fff; } .sys_grey .sys_section-content { background-color: #fff; } .sys_section-content-tab { min-height: 200px; } .sys_span8 .sys_section-content-tab .sys_span12 { width: auto; } /* back to top arrow just above page footer */ .sys_back-to-top { background-color: transparent; margin-top: -16px; } .sys_back-to-top a { display: block; width: 29px; margin: auto; } .sys_back-to-top a img { border: none; } /* end of page body styles */ /* footer styles */ footer { background-color: #58595b; padding-top: 16px; } footer .sys_content { overflow: auto; } footer .sys_footer-block { color: #fff; margin-right: 16px; padding-bottom: 40px; float: left; } footer .sys_fiveColWidth { width: 380px; } footer .sys_fourColWidth { width: 288px; padding-left: 8px; padding-right: 8px; } footer .sys_threeColWidth { width: 244px; margin-right: 0; } footer .sys_fiveColWidth .sys_threeColWidth { width: 228px; float: left; margin-right: 16px; } footer .sys_fiveColWidth .sys_twoColWidth { width: 136px; float: left; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth { width: 182px; float: left; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth p:first-child { padding-top: 6px; } footer .sys_fiveColWidth .sys_twoAndAHalfColWidth.sys_footerColPadding { margin-right: 16px; } footer .sys_fourColWidth .sys_twoColWidth { width: 144px; float: left; } footer .sys_footer-block h2 { font-family: 'brandon', Arial, sans-serif; font-size: 1.15em; color: #fff; font-weight: normal; border-top: 1px solid #7a7b7d; border-bottom: 1px solid #7a7b7d; margin-bottom: 8px; line-height: 30px; text-transform: uppercase; } footer .sys_footer-block h2 a { width: 100%; display: block; background: url('/_design/img/footer-h2-link.gif') no-repeat center right; } footer .sys_footer-block p, footer .sys_footer-block address, footer .sys_footer-block li { font-size: 0.95em; line-height: 1.15em; } footer .sys_footer-block a { color: #fff; } footer .sys_footer-block ul { margin: 0 0 10px 0; list-style-type: none; } footer .sys_footer-block li a { background: url('/_design/img/footer-link-bg-white.png') no-repeat right 10px; padding-right: 14px; padding-top: 6px; display: block; } footer .sys_spacelistsleft li a { margin-right: 12px; } footer .sys_spacelistsright li a { margin-left: 10px; } footer .sys_footer-block select { color: #929292; font-size: 0.95em; line-height: 1.15em; } @media screen and (max-width:640px) { footer .sys_footer-block { width: 100%; max-width: 100%; } footer .sys_fiveColWidth .sys_threeColWidth, footer .sys_fiveColWidth .sys_twoColWidth, footer .sys_fiveColWidth .sys_twoAndAHalfColWidth, footer .sys_fourColWidth .sys_twoColWidth { float: none; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } footer .sys_fourColWidth { padding-right: 0; padding-left: 0; } footer .sys_spacelistsleft li a, footer .sys_spacelistsright li a { margin-left: 0; margin-right: 0; } } /* ********************************************** */ /* special fix to style drop-down arrow on select */ div.sys_styled-select { overflow:hidden; /* this hides the select's drop button */ padding:0; margin:0; background: #fff url('/_design/img/formelements-select.png') no-repeat center right; /* this is the new drop button, in image form */ width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: solid 1px #ccc; } div.sys_styled-select select { width:115% /* this percentage effectively extends the drop down button out of view */; background-color:transparent /* this hides the selects background making any styling visible from the div */; background-image:none; -webkit-appearance: none /* this is required for Webkit browsers */; border:none; box-shadow:none; padding:0.1em 0.2em; /* padding should be added to the select, not the div */ margin-bottom: 0; height: 25px; } /* fix for IE7 */ .sys_lt-ie8 div.sys_styled-select {border:none; } .sys_lt-ie8 div.sys_styled-select select { width:100%; background-color:white; border: solid 1px #ccc; padding:0.3em 0.5em; } /* ********************************************** */ /* end of footer styles */ /* styles for when each top element is docked (generic to all pages) */ body.sys_top-nav-fixed #top-nav { background-color: #fa706a; position: fixed; z-index: 20; top: 0px; left:0; margin-left: 0; width: 100%; } body.sys_top-nav-fixed #page-heading { padding-top: 200px; } body.sys_top-nav-fixed #top-nav ul#top-nav-menu li a.sys_top-nav-home { display: block; } body.sys_top-header-fixed #page-heading { background-color: #fa706a; position: fixed; top: 40px; left: 50%; width: 100%; margin-left: -50%; padding-top: 0; height: 40px;} body.sys_top-header-fixed header h1, body.sys_top-header-fixed #page-heading span { width: 974px; display: block; padding-right: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } @media screen and (max-width:640px) { body.sys_top-header-fixed h1, body.sys_top-header-fixed #page-heading span {padding-left:30px;} } body.sys_top-header-fixed #top-nav { margin-bottom: 0px; } /* end of docked styles */ h4.sys_icon-right-open:before {float:right;} /* special width adjustments to try to bring the header and footer into Bootstrap but with their own widths */ #masthead .sys_container, #masthead .sys_span12 { width: 990px; padding: 0; max-width: 100%; } #top-nav .sys_container, #top-nav .sys_span12 { width: 980px; max-width: 100%; } #top-nav .sys_container {height: 40px; background-color: #fff; position: relative; z-index: 20; padding: 0 5px; } footer .sys_container { width: 970px; max-width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; } footer .sys_span12 { width: 970px; max-width: 100%; } .sys_lt-ie9 #masthead .sys_container, .sys_lt-ie9 #masthead .sys_span12 { width: 990px; max-width: 990px; } .sys_lt-ie9 #top-nav .sys_container, .sys_lt-ie9 #top-nav .sys_span12 { width: 980px; max-width: 990px; } .sys_lt-ie9 footer .sys_container { width: 970px; max-width: 970px;} .sys_lt-ie9 footer .sys_span12 { width: 970px; max-width: 970px; } @media screen and (max-width:980px) { #top-nav .sys_container {padding:0;} .sys_more-on-topic {color:#000;} } /* ie7 style fixes */ /*.sys_lt-ie8 body { font-family: Arial, sans-serif; }*/ .sys_lt-ie8 .sys_video-image .sys_caption { background-color: #000000; } /* Common Classes */ .sys_displaynone {display:none;} .sys_displayblock {display:block;} .sys_floatleft {float:left;} .sys_floatright {float:right;} .sys_width100 {width:100%;} .sys_middle {margin:auto; display:block; clear:both; float:none!important;} .sys_textcenter {text-align:center;} .sys_textleft {text-align:left;} .sys_textright {text-align:right;} .sys_clear {clear:both; } .sys_bold {font-weight:bold;} .sys_uppercase {text-transform:uppercase;} .sys_low-zindex img {z-index:-1;} .alignright { float: right; } /* alignright fixed for course fee amounts on course pages */ #fees .sys_fees-list .alignright { float: none; position: absolute; right: 0px; } @media screen and (max-width:980px) { .sys_select-list-ul-container {float:left; clear:both; width:100%; padding:5px 0;} .sys_select-list-ul-container .sys_hidden-desktop {float:left; width:100%; padding:5px 10px;} .sys_select-list-ul-container select {float:left; width:100%; margin:5px 0;} #page-body section.sys_top {padding-top:10px;} #banner-and-navs {height: auto;} #page-heading h1, body #page-heading span {width: 100%!important; margin-bottom: 0; padding-left: 0;} #page-heading h1 a, #page-heading h1 span, #page-heading span a { display: inline-block; padding-left: 12px; width:auto;} #page-heading h1 span, { display: inline; } .sys_section-content-tab { width: auto;} /* .sys_section-content-tab .sys_span12:first-child { width: auto; max-width: 780px;} */ /* #Sigchange# - NOT SURE */ .sys_section-content-tab .sys_span12:first-child { width: 100%; padding-right: 30px; } /* #Sigchange# - NOT SURE */ .sys_section-tabs li{ /*margin: 10px 0;*/ } } @media screen and (max-width:767px) { /* #Sigchange# */ .sys_section-content-tab .sys_span12:first-child { padding-right: none; } /* #Sigchange# */ .sys_toggle-section h2, .sys_toggle-section h3 { font-size: 1.4em; line-height: 1.6em; } /* scripts have been hung from the change in this style rule at this breakpoint in tab-controller.js and mobile-tab.js */ /**/ #page-body ul.sys_section-tabs { display: none !important; } /***********************************************************************************************************************/ .sys_section-content-tab{display: block; max-width: 100%; } .sys_section-content-tab .sys_span6, .sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab .sys_span8, .sys_section-content-tab .sys_span8:first-child, .sys_section-content-tab .sys_span4 { width: auto; min-height: 10px; } .sys_section-content-tab .sys_span6:first-child, .sys_section-content-tab{min-height: 100%; margin-bottom: 20px;} .sys_section-content-tab .sys_span6 img{margin-bottom: 20px;} .sys_mobile-collapse-column{display: none; overflow: hidden;} .sys_toggle-section-mobile{cursor: pointer;} .sys_toggle-section-mobile.sys_selected-element{background: url('/_design/img/go-header-link-bg-18px-close.gif') no-repeat 100% 6px;} #page-body .sys_toggle-section{padding: 10px 0;} .sys_toggle-section h2, .sys_toggle-section h3{margin: 12px 0;} .sys_toggle-section h2, h3.sys_toggle-section-mobile { padding-right: 10px; background: url('/_design/img/go-header-link-bg-18px-down.gif') no-repeat 100% 6px;} .sys_links-tab{word-wrap:break-word;} #active-breadcrumbs ul.sys_subnav {} /* #Sigchange# - moved line */ #top-nav {-moz-box-shadow: 0px 2px 2px #919191; -webkit-box-shadow: 0px 2px 2px #919191; box-shadow: 0px 2px 2px #919191; } /* #Sigchange# - moved line */ } /* div:empty, span:empty, li:empty, p:empty, td:empty, th:empty {padding: 0.5em; background: yellow;} *[style], font, center {outline: 5px solid red;} *[class=""], *[id=""] {outline: 5px dotted red;} img[alt=""] {border: 3px dotted red;} img:not([alt]) {border: 5px solid red;} img[title=""] {outline: 3px dotted fuchsia;} img:not([title]) {outline: 5px solid fuchsia;} table:not([summary]) {outline: 5px solid red;} table[summary=""] {outline: 3px dotted red;} th {border: 2px solid red;} th[scope="col"], th[scope="row"] {border: none;} a[href]:not([title]) {border: 5px solid red;} a[title=""] {outline: 3px dotted red;} a[href="#"] {background: lime;} a[href=""] {background: fuchsia;} */ .sys_select-list-ul-mobile-tabs {width:100%;} /*.sys_map_key_element img { height: auto; width: auto; } .sys_map_key_element { width: 100%; display: block!important; margin: 10px 0; }*/ /*---------------------------------------------------------------------------------------------------------------- A11y up! -----------------------------------------------------------------------------------------------------------------*/ .sys_screenreader{position: absolute; left: -999em; top: -999em;} .sys_skiplinks{ position: relative; z-index: 100; margin: 0px; border: 0px; padding: 0px;} .sys_skiplinks li a{ white-space:nowrap;} .sys_skiplinks li a span{font-size: 1.5em;} .sys_skiplinks li, .sys_skiplinks li a{ position: absolute; display: block; background-color: transparent; top: -100px; left: 0px; margin: 0px; border: 0px; padding: 0px; font-weight:bold; outline: solid; outline-color:#fff;} .sys_skiplinks a:focus, .sys_skiplinks a:active{ position: absolute; display: block; background-color: #FFF; top: 100px; left: 0px; margin: 0px; border: 0px; padding: 1em; color: #000; outline: solid; outline-color:#fff;} .sys_icon-doc, .sys_icon-facebook-rect, .sys_icon-twitter{width: 100%;} .sys_side-nav-divide{margin-top: 10px; padding-top: 10px; border-top: 1px solid #818181;} @media screen and (max-width:640px) { .sys_flexible-container { width: 100%; max-width: 100%; } .sys_flexible-container iframe, .sys_flexible-container object, .sys_flexible-container embed { max-width: 100% !important; z-index: -1; } } /* #Sigchange# - not sure about map */ .sys_map-container .sys_map { width: 780px!important; } /* not sure this can go here */ .sys_flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; } .sys_flex-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* #Sigchange# - not sure about map */ .sys_flexible-container #map_canvas { width: 100% !important; } @media screen and (max-width:767px) { .sys_dark-grey-section{margin: 0 10px;} .sys_site-search input[type='text']{font-size:16px;} /*.sys_grey .sys_carousel-control-next{height: 100%!important;}*/ } iframe { border: none;} /* Image bar CTAs */ .sys_cta-bar-primary, .sys_cta-bar-secondary { width: 100%; max-width: 398px; height: 65px; color: #fff; font-size: 0.9em; margin-bottom: 8px; position: relative; overflow: hidden; } .sys_cta-bar-primary { background: url('/_design/img/cta-bg-primary-noicon.png') no-repeat right top; } .sys_cta-bar-secondary { background: url('/_design/img/cta-bg-secondary-noicon.png') no-repeat right top; } .sys_cta-bar-no-arrow { background-image: none; background: #fa706a; } .sys_cta-bar-no-arrow.sys_cta-bar-secondary { background-image: none; background: #939598; } .sys_dark-grey-section .sys_cta-bar-primary, .sys_dark-grey-section .sys_cta-bar-secondary { background-color: #fff; } #page-body .sys_cta-bar-primary p, #page-body .sys_cta-bar-secondary p { margin: 0; color: #fff; } .sys_cta-bar-primary a, .sys_cta-bar-secondary a { font-family: 'latobold', Arial, sans-serif; font-size: 1.15em; font-weight: normal; color: #fff; display: block; height: 52px; padding: 7px 40px 6px 68px; position: absolute; top: 0; left: 0; right: 0; z-index: 2; text-decoration: none; } #page-body .sys_cta-bar-no-arrow p.sys_cta-no-arrow-header { font-family: 'latobold', Arial, sans-serif; font-size: 1.3em; font-weight: normal; color: #fff; display: block; height: 52px; padding: 7px 8px 6px 68px; /*position: absolute; top: 0; left: 0; right: 0;*/ z-index: 2; text-decoration: none; } #page-body .sys_nosubtext p.sys_cta-no-arrow-header { line-height: 1.1em; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { position: absolute; top: 26px; left: 68px; right: 40px; z-index: 1; display: block; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { font-size: 1.3em; clear: both; z-index: 3; right: 0; } #page-body .sys_cta-bar-no-arrow.sys_cta-bar-secondary p.sys_cta-subtext { font-size: 1.05em; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext span { left: 0; padding-left: 0; } .sys_enquiryno span { font-family: Arial, sans-serif; display: block; position: relative; } .sys_enquiryno span a { padding: 0; font-family: Arial,sans-serif; font-size: 1.05em; } .sys_cta-globe a { background: url('/_design/img/cta-globe.png') no-repeat 8px 8px; } .sys_cta-qmark a { background: url('/_design/img/cta-qmark.png') no-repeat 8px 8px; } .sys_cta-fbook a { background: url('/_design/img/cta-fbook.png') no-repeat 8px 8px; } .sys_cta-twttr a { background: url('/_design/img/cta-twttr.png') no-repeat 8px 8px; } .sys_cta-linkedin a { background: url('/_design/img/cta-linkedin.png') no-repeat 8px 8px; } .sys_cta-360 a { background: url('/_design/img/cta-360.png') no-repeat 8px 8px; } .sys_cta-phone p.sys_cta-no-arrow-header { background: url('/_design/img/cta-phone.png') no-repeat 8px 8px; } .sys_cta-download a { background: url('/_design/img/cta-download-primary.png') no-repeat 8px 8px; } .sys_cta-money a { background: url('/_design/img/cta-money.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-globe a { background: url('/_design/img/cta-globe-grey.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-qmark a { background: url('/_design/img/cta-qmark-grey.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-download a { background: url('/_design/img/cta-download-secondary.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-print a { background: url('/_design/img/cta-print-grey.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-money a { background: url('/_design/img/cta-money-grey.png') no-repeat 8px 8px; } @media screen and (max-width:980px) { .sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-download a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-360 a, #page-body .sys_cta-phone p.sys_cta-no-arrow-header { padding-left: 8px; background: none; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } } @media screen and (max-width:767px) { .sys_cta-globe a { padding-left: 68px; background: url('/_design/img/cta-globe.png') no-repeat 8px 8px; } .sys_cta-qmark a { padding-left: 68px; background: url('/_design/img/cta-qmark.png') no-repeat 8px 8px; } .sys_cta-fbook a { padding-left: 68px; background: url('/_design/img/cta-fbook.png') no-repeat 8px 8px; } .sys_cta-twttr a { padding-left: 68px; background: url('/_design/img/cta-twttr.png') no-repeat 8px 8px; } .sys_cta-linkedin a { padding-left: 68px; background: url('/_design/img/cta-linkedin.png') no-repeat 8px 8px; } .sys_cta-360 a { padding-left: 68px; background: url('/_design/img/cta-360.png') no-repeat 8px 8px; } .sys_cta-money a { padding-left: 68px; background: url('/_design/img/cta-money.png') no-repeat 8px 8px; } #page-body .sys_cta-phone p.sys_cta-no-arrow-header { padding-left: 68px; background: url('/_design/img/cta-phone.png') no-repeat 8px 8px; } .sys_cta-download a { padding-left: 68px; background: url('/_design/img/cta-download-primary.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-globe a { padding-left: 68px; background: url('/_design/img/cta-globe-grey.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-download a { padding-left: 68px; background: url('/_design/img/cta-download-secondary.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-qmark a { padding-left: 68px; background: url('/_design/img/cta-qmark-grey.png') no-repeat 8px 8px; } .sys_cta-bar-secondary.sys_cta-money a { padding-left: 68px; background: url('/_design/img/cta-money-grey.png') no-repeat 8px 8px; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext, #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 68px; } } @media screen and (max-width:398px) { .sys_cta-bar-primary, .sys_cta-bar-secondary { max-width: 100%; } .sys_cta-bar-primary a, .sys_cta-bar-secondary a { /*line-height: 52px;*/ line-height: 18px; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext { display: none; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 0; } } @media screen and (max-width:290px) { .sys_cta-globe a, .sys_cta-qmark a, .sys_cta-fbook a, .sys_cta-twttr a, .sys_cta-linkedin a, .sys_cta-360 a, .sys_cta-download a, .sys_cta-money a, .sys_cta-bar-secondary.sys_cta-globe a, .sys_cta-bar-secondary.sys_cta-qmark a, .sys_cta-bar-secondary.sys_cta-download a, .sys_cta-phone p.sys_cta-no-arrow-header, .sys_cta-bar-secondary.sys_cta-money a { padding-left: 8px; background: none; line-height: 24px; } #page-body .sys_cta-bar-no-arrow p.sys_cta-subtext { left: 8px; } } /* Google maps specific styling */ #map_key { padding: .5em 0; display: none; } .sys_map_key_element { display: table-cell; padding-right: 1em; } section .sys_map_key_element img { vertical-align: middle; margin-right: .5em; display: inline; width: auto; } iframe.sys_gmap360{width: 100%; height: 425px} .sys_map_key_element { display: inline; } /* for text under a in panel blockquote so that it is the same colour */ .underquote { color: #999; margin-left: 8px; display: block; font-weight: bold; } #page-body section .sys_section-content .underquote { color: #999; margin-top: 0; } /* for text under an image to create a simple caption */ .imagecaption, #page-body section .imagecaption { color: #999999; display: block; font-size: 0.95em !important; padding-top: 4px; margin-top: 0; } #page-body section .sys_dark-grey-section .imagecaption { color: #ffffff; } /* for text under a video to create a simple caption */ .videocaption, #page-body section .videocaption { color: #999999; display: block; font-size: 0.95em !important; padding-top: 4px; margin-top: -18px; margin-bottom: 16px; } #page-body section .sys_dark-grey-section .videocaption { color: #ffffff; } /* to remove paragraph bottom margin - for use above ul's etc */ .removeBottomSpace, #page-body section .sys_section-content .sys_span12 p.removeBottomSpace, #page-body section .sys_section-content .sys_span6 p.removeBottomSpace, #page-body section .sys_section-content .sys_span8 p.removeBottomSpace {margin-bottom:0px;} /* to remove paragraph margins completely - useful when images get p tags placed around them */ .removeAllSpace, #page-body section .removeAllSpace, #page-body .sys_section-content .sys_span6 .removeAllSpace, #page-body .sys_section-content .sys_span4 .removeAllSpace {margin:0px;} /* to remove top margins */ .removeTopSpace, #page-body section .removeTopSpace {margin-top:0px;} /* added to make news listing control rss placement behave */ span.sys_rss-link, span.sys_atom-link {position:relative;} /* added for 3 col text links on landing pages with heading link and paragraph text underneath - no images */ .sys_signposts-plink .sys_span4 a, .sys_signposts-plink .sys_span6 a { font-family: 'latobold', Arial, sans-serif; color: #333; font-weight: normal; display: block; background: url('/_design/img/go-header-link-bg-14px.gif') no-repeat right 6px; padding: 4px 16px 4px 0; border-top: 1px solid #c6c6c7; } .sys_signposts-plink .sys_span4 h2, .sys_signposts-plink .sys_span4 h3, .sys_signposts-plink .sys_span4 h4, .sys_signposts-plink .sys_span4 h5, .sys_signposts-plink .sys_span4 h6, .sys_signposts-plink .sys_span6 h2, .sys_signposts-plink .sys_span6 h3, .sys_signposts-plink .sys_span6 h4, .sys_signposts-plink .sys_span6 h5, .sys_signposts-plink .sys_span6 h6 { font-size: 1.1em; } .sys_signposts-plink .sys_span4 p, .sys_signposts-plink .sys_span6 p {margin-top:-20px;margin-bottom: 15px;} /* split signposts box with image on left and text on right */ .sys_signposts-split h2 a, .sys_signposts-split h3 a, .sys_signposts-split h4 a { border-bottom: 1px solid #000; padding-bottom: 4px; } /* Fix for Simple template on Event listings, Location item */ .sys_theme-simple .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-location { width: 80px !important;} /* added for links in dark grey intro panels */ .sys_dark-grey-section a {color:#fff;text-decoration:underline;} /* generic search web control */ section .sys_searchcontrol { background-color: #919191; padding: 8px 16px 16px 16px; overflow: auto; } section .sys_span6 .sys_searchcontrol, section .sys_span4 .sys_searchcontrol { margin-bottom: 8px; } section .sys_searchcontrol h2 { color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 16px; } section .sys_searchcontrol .sys_searchboxheader { display: block; font-family: 'brandon', Arial, sans-serif; font-size: 1.7em; font-weight: normal; line-height: 1.4em;color: #fff; border-bottom: 1px solid #fff; border-top: none; margin-bottom: 16px; margin-top: 0; text-transform: uppercase; } section .sys_searchcontrol input[type="text"] { border-radius: 0; width: 722px; float: left; line-height: 22px; height: 22px; padding: 4px; border-width: 1px; margin-bottom: 0; } section .sys_searchcontrol input[type="image"] { margin: 0; float: right; } section .sys_searchcontrol label { display: none; } section .sys_span12 .sys_searchcontrol input[type="text"] { width: 722px; } section .sys_span8 .sys_searchcontrol input[type="text"] { width: 446px; } section .sys_span6 .sys_searchcontrol input[type="text"] { width: 308px; } section .sys_span4 .sys_searchcontrol input[type="text"] { width: 170px; } @media screen and (max-width:980px) { section .sys_searchcontrol { max-width: 100%; } section .sys_searchcontrol input[type="text"] { max-width: 80%; } section .sys_span6 .sys_searchcontrol input[type="text"] { width: 80%; } section .sys_span4 .sys_searchcontrol input[type="text"] { width: 70%; } section .sys_searchcontrol input[type="image"] { float: none; margin-left: 8px; } } @media screen and (max-width:640px) { section .sys_span4 .sys_searchcontrol input[type="text"] { width: 80%; } section .sys_searchcontrol input[type="text"] { max-width: 75%; } } /* override default curved edges on bootstrap text boxes */ input[type="text"] { border-radius: 0; } /* 360 Tour icon */ .sys_touricon{ background-image: url("/_design/img/360/360-touricon.jpg"); background-position: 0 0; cursor: pointer; height: 85px; width: 85px; } .sys_touricon:hover{background-image: url("/_design/img/360/360-touricon-hover.jpg");} .map360Infoview{min-width: 220px;} .map360Infoview img{margin-left: 1em;} .map360Infoview h4{margin-top: 0;} .map360Infoview .sys_touricon{float: left; clear: both;} .sys_gmap360_canvas img{max-width:none !important;} .gmapMarkerLabel { text-shadow: 1px 1px 1px #fff; color: #222; font-size: 11pt; line-height: 1.1em; padding-bottom: 0.2em; } /* system-generated form styles */ #page-body .sys_cms-form-control ul.sys_cms-form-body { padding: 0; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item { padding-left: 0; font-size: 1.1em; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item div { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li label { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li input, #page-body .sys_cms-form-control ul.sys_cms-form-body li select, #page-body .sys_cms-form-control ul.sys_cms-form-body li textarea, #page-body .sys_cms-form-control ul.sys_cms-form-body li label, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_legend, #page-body .sys_cms-form-control ul.sys_cms-form-body li .sys_fieldlabel { color: #333; } #page-body .sys_cms-form-control ul.sys_cms-form-body li button { font-weight: bold; font-family: Arial,sans-serif; padding: 8px 12px; border: none; background-color: #1377a9; color: #fff; font-size: 1em; } #page-body .sys_cms-form-confirmation-content { font-size: 1.1em; text-align: left; padding: 20px 0; } #page-body .sys_cms-form-control ul.sys_cms-form-body li.sys_sectionbreak .sys_sectionbreak-header { color: #333; font-family: 'latobold', Arial, sans-serif; font-weight: normal; font-size: 1.3em; margin: 0 0 8px; } @media screen and (max-width:398px) { #page-body .sys_cms-form-body .sys_sidebyside span { white-space: normal; } } /* style changes to improve printed pages */ @media print { #masthead-links, #top-nav, #banner-img, #section-nav, #active-breadcrumbs, #footer, .sys_back-to-top, #course-nav, ul.sys_section-tabs, section#related, section#searchagain { display: none; } #masthead { height: auto; } #masthead a img { display: none; } #masthead a { margin: 0; } #masthead a:after { content: "University of Brighton"; font-size: 2.1em; font-family: 'brandon', Arial; } #banner-and-navs { height: auto; } header h1 { margin-bottom: 0; padding-left: 0; margin-left: -10px; } #page-heading span, body.sys_top-header-fixed #page-heading span { display: none; } header h1 a[href]:after, #page-heading span a[href]:after { content: normal; } #page-heading { padding-top: 10px !important; } body.sys_top-header-fixed #page-heading { position: static; margin-left: 0; } #page-wrapper { padding: 10px; } section img { width: auto !important; } .sys_dark-grey-section { margin-left: 0; padding: 0; } .sys_section-content-tab { display: block !important; padding-bottom: 5px; } .sys_section-content-tab .sys_span6:first-child { min-height: 0; } .sys_span6 { width: 46% !important; margin-left: 2%; float: left !important; } .sys_span8 { width: 62% !important; margin-left: 2%; float: left !important; } .sys_span4 { width: 30% !important; margin-left: 2%; float: left !important; } .sys_cta-bar-primary a, .sys_cta-bar-secondary a { position: static; padding: 0; height: auto; } .sys_cta-bar-primary p.sys_cta-subtext, .sys_cta-bar-secondary p.sys_cta-subtext { position: static; } } /* added as test for google tag manager */ .CTA_link{} /* For hidden form elements */ li[class*="sys_hidden_formfield"] { display: none;} /* prevent Google Adwords iframe from adding space below the footer */ #page-wrapper > iframe { display: none; } .sys_cms-form-validationsummary, #page-body .sys_cms-form-body .sys_fieldcontent label.sys_cms-form-error{color: #ac0000;} /* Colours for the event calendar (can be overidden by accessibility if needed */ #event-calendar-container .sys_cal-event-cell { background-color: white;} #event-calendar-container .sys_fc-state-highlight { background-color: #FFBDB7;} /* Light salmon */ #event-calendar-container h2{ color: #fa706a;} /* Salmon */ #event-calendar-container .sys_cal-event-normal{ background-color: #137bac; border-color: #333; color: #fff; } /* Study here blue */ #event-calendar-container .sys_cal-event-compact{ background-color: #99465c; border-color: #333; color: #fff; } /* Interesting wine */ #event-calendar-container .sys_cal-event-he-sv{ background-color: #00837b; border-color: #333; color: #fff; } /* About us taupe */ #event-calendar-container .sys_cal-event-postgrad{ background-color: #79122d; border-color: #333; color: #fff; } /* Research red */ #event-calendar-container .sys_cal-event-applicant{ background-color: #7d1d91; border-color: #333; color: #fff; } /* International purple */ #event-calendar-container .sys_cal-event-ug-campus{ background-color: #577c09; border-color: #333; color: #fff; } /* Living here green */ /* Styles for edublogs feed reader */ .sys_edublogs-header { margin-bottom: 4px; } .sys_edublogs-list { list-style-type: none; margin-left: 0px; } .sys_edublogs-list li { font-family: "latobold", Arial, sans-serif; margin-top: 8px; } /* cookie bar styles */ #cookie-bar { text-align: center; background-color: #58595B; display: none; } #cookie-bar p { margin: 0; padding-top: 2px; padding-bottom: 4px; color: #fff; font-size: 0.9em; } #cookie-bar a, #cookie-bar a:hover { color: #fff; text-decoration: underline; } #cookie-bar .sys_dismiss-cookie { background: url("/_design/img/go-header-link-bg-13px-close.gif") no-repeat right center; padding-right: 18px; padding-left: 4px; } @media screen and (max-width:980px) { #cookie-bar { position: relative; top: 40px; } } @media screen and (max-width:590px) { #cookie-bar { border-bottom: 1px solid #ccc; padding: 0 16px; text-align: left; padding-top: 8px; } #cookie-bar .sys_dismiss-cookie { display: block; background-position: left center; padding-left: 18px; padding: 8px 8px 8px 18px; } .sys_skiplinks li, .sys_skiplinks li a { outline: none; } } /* related links */ .sys_related-links a { font-family: "latobold", Arial, sans-serif; color: #333; font-weight: normal; display: block; background: url("/_design/img/go-header-link-bg-14px.gif") no-repeat scroll right 6px transparent; padding: 4px 16px 4px 0px; border-top: 1px solid #c6c6c7; } .sys_related-links p:first-child a { border-top: none; } @media screen and (max-width:767px) { .sys_related-links { padding-top: 16px; } } /** SEARCH results **/ /* Generic image icons */ .search-res-theme .sys_icon.sys_0 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/0.gif"); } .search-res-theme .sys_icon.sys_1 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/1.gif"); } .search-res-theme .sys_icon.sys_2 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/2.gif"); } .search-res-theme .sys_icon.sys_3 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/3.gif"); } .search-res-theme .sys_icon.sys_5 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/5.gif"); } .search-res-theme .sys_icon.sys_6 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/6.gif"); } .search-res-theme .sys_icon.sys_7 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/7.gif"); } .search-res-theme .sys_icon.sys_8 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/8.gif"); } .search-res-theme .sys_icon.sys_9 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/9.gif"); } .search-res-theme .sys_icon.sys_11 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/11.gif"); } .search-res-theme .sys_icon.sys_12 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/12.gif"); } .search-res-theme .sys_icon.sys_13 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/13.gif"); } .search-res-theme .sys_icon.sys_14 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/14.gif"); } .search-res-theme .sys_icon.sys_15 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/15.gif"); } .search-res-theme .sys_icon.sys_16 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/16.gif"); } .search-res-theme .sys_icon.sys_17 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/17.gif"); } .search-res-theme .sys_icon.sys_18 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/18.gif"); } .search-res-theme .sys_icon.sys_19 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/19.gif"); } .search-res-theme .sys_icon.sys_21 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/21.gif"); } .search-res-theme .sys_icon.sys_22 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/22.gif"); } .search-res-theme .sys_icon.sys_23 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/23.gif"); } .search-res-theme .sys_icon.sys_24 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/24.gif"); } .search-res-theme .sys_icon.sys_25 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/25.gif"); } .search-res-theme .sys_icon.sys_27 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/27.gif"); } .search-res-theme .sys_icon.sys_28 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/28.gif"); } .search-res-theme .sys_icon.sys_29 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/29.gif"); } .search-res-theme .sys_icon.sys_30 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/30.gif"); } .search-res-theme .sys_icon.sys_31 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/31.gif"); } .search-res-theme .sys_icon.sys_32 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/32.gif"); } .search-res-theme .sys_icon.sys_33 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/33.gif"); } .search-res-theme .sys_icon.sys_34 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/34.gif"); } .search-res-theme .sys_icon.sys_35 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/35.gif"); } .search-res-theme .sys_icon.sys_37 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/37.gif"); } .search-res-theme .sys_icon.sys_38 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/38.gif"); } .search-res-theme .sys_icon.sys_39 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/39.gif"); } .search-res-theme .sys_icon.sys_40 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/40.gif"); } .search-res-theme .sys_icon.sys_41 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/41.gif"); } .search-res-theme .sys_icon.sys_42 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/42.gif"); } .search-res-theme .sys_icon.sys_43 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/43.gif"); } .search-res-theme .sys_icon.sys_44 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/44.gif"); } .search-res-theme .sys_icon.sys_45 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/45.gif"); } .search-res-theme .sys_icon.sys_46 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/46.gif"); } .search-res-theme .sys_icon.sys_50 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/50.gif"); } .search-res-theme .sys_icon.sys_51 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/51.gif"); } .search-res-theme .sys_icon.sys_52 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/52.gif"); } .search-res-theme .sys_icon.sys_53 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/53.gif"); } .search-res-theme .sys_icon.sys_54 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/54.gif"); } .search-res-theme .sys_icon.sys_55 { background-image:url("/aspnet_client/ContensisThemes/Common/imgs/contenttypes/large/55.gif"); } /* Icon */ .search-res-theme .sys_itemslist div.sys_icon, .search-res-theme div.sys_thumbnail { float: left; margin: -2px 15px 6px 0px; padding:0; position:relative; z-index:999; width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; z-index: 0; } /* Header/links */ .search-res-theme .sys_subitem-heading.sys_search-subheading, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading{ font-size: 1.1em; border-bottom: 1px solid #222; background: url("/_design/img/go-header-link-bg.gif") no-repeat right 2px; font-weight: normal; line-height: 1.4em; clear: both; } .search-res-theme .sys_subitem-heading.sys_search-subheading a, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading a { color: #222;} .search-res-theme .sys_subitem-heading.sys_search-subheading a:hover, .search-res-theme .sys_subitem-heading.sys_generic_list-subheading a:hover{text-decoration: none;} /*Remove headers and improve formatting*/ .search-res-theme dt.sys_search-description, .search-res-theme dt.sys_generic_list-description, .search-res-theme dt.sys_search-url{ display: none !important;} .search-res-theme dd.sys_search-description, .search-res-theme dd.sys_generic_list-description { display: block; float: none; margin-top: -0.5em; margin-left: 0; } .search-res-theme dd.sys_search-url { font-style: italic; color: #005580; display: none; } /*change header back to normal*/ .search-res-theme .sys_search-control .sys_search-title.sys_standardlist-title{ color: #00837b;; font-size: 1.7em; border-top: 1px solid #c6c6c7; border-bottom: 1px solid #c6c6c7; margin-bottom: 1em; } /* Always hide date picker until it should appear */ #ui-datepicker-div{ display: none;} /* override Skype helper plugin styles to phone numbers remain readable */ #page-body section span.skype_c2c_container, #page-body section span.skype_c2c_container * { color: #6d6e71 !important; } #page-body .sys_cta-bar-primary span.skype_c2c_container, #page-body .sys_cta-bar-primary span.skype_c2c_container *, #page-body .sys_cta-bar-secondary span.skype_c2c_container, #page-body .sys_cta-bar-secondary span.skype_c2c_container *, footer span.skype_c2c_container, footer span.skype_c2c_container * { color: #fff !important; }