@import url('//www.brunel.ac.uk/__brunel_brand/fonts/0/webfonts.css');
* {
  margin: 0;
  padding: 0;
}
a {
  color: #024F8E;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin-bottom: 10px;
}
.col-2 .content p,
.col-3 .content p {
  line-height: 1.35em;
  margin-bottom: 12px;
}
img,
a img {
  border: 0;
}
img.outline {
  border: 1px solid #cccccc;
  padding: 4px;
}
div.outline {
  border: 1px solid #cccccc;
  padding: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
div.outline.promote {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}
.clear {
  margin: padding:0;
  clear: both;
  overflow: hidden;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
ul {
  padding-left: 20px;
  list-style: none;
}
div.content ul {
  margin-bottom: 15px;
}
div.content ol {
  margin-bottom: 15px;
}
.tab {
  clear: left;
}
div.tab ul {
  clear: left;
}
div.tab ol {
  clear: left;
}
ul li {
  background: url('/__brunel_brand/0/img/bullet.jpg') no-repeat 0 6px;
  padding-left: 13px;
}
ul li ul li {
  background: url('/__brunel_brand/0/img/bullet2.jpg') no-repeat 0 6px;
}
.col-2 .content ul,
.col-3 .content ul {
  margin-top: 5px;
  margin-bottom: 19px;
}
.col-2 .content ul li,
.col-3 .content ul li {
  padding-bottom: 4px;
}
.col-2 .content ul li ul,
.col-3 .content ul li ul {
  list-style: none;
  margin-top: 8px;
  padding-left: 0;
}
ol {
  margin-left: 25px;
  margin-bottom: 10px;
}
ol li {
  padding-bottom: 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding-bottom: 8px;
  clear: left;
}
h1 {
  color: #be0f34;
  font-size: 200%;
  font-weight: normal;
  /* margin-bottom:11px; */
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Montserrat-Regular", sans-serif;
  line-height: 120%;
}
h2 {
  font-size: 130%;
  /* margin-bottom:11px; */
  margin-top: 11px;
}
h3 {
  /* color:#7b7a7a; */
  margin-top: 10px;
  font-size: 120%;
}
h4 {
  font-size: 115%;
}
h5 {
  font-size: 100%;
}
h6 {
  /* color:#7b7a7a; */
  font-size: 100%;
}
.col-1 .page-title {
  display: none;
}
/*Forms*/
form input[type="text"],
form textarea {
  background: url('/__brunel_brand/0/img/bg-input.jpg') repeat-x scroll bottom left transparent #ffffff;
  border: 1px solid #D4D4D4;
  font-size: 14px;
  padding: 8px 0 8px 3px;
}
table td input[type="text"] {
  width: 97%;
}
form label {
  font-weight: bold;
}
form input[type="submit"],
form input[type="reset"] {
  background: none repeat scroll 0 0 #E9E9E9;
  color: #3A3A3A;
  cursor: pointer;
  padding: 5px;
  font-size: 13px;
  border: 1px solid #D4D4D4;
}
form input[type="submit"]:hover,
form input[type="reset"]:hover {
  border: 1px solid #A4A4A4;
  background: none repeat scroll 0 0 #C9C9C9;
}
form textarea {
  padding: 5px;
}
/* Main sections ==============================*/
html {
  color: #202020;
  background: #9d9fa2;
}
body {
  color: #202020;
  font-family: Arial, Sans-Serif;
  font-size: 80%;
  line-height: 140%;
  background: #9d9fa2;
}
.footer-border,
.header-border,
.navigation-border,
.home-banner-border,
.container-border {
  width: 960px;
  padding: 0 9px;
  margin: 0 auto;
}
.navigation-wrap {
  min-height: 84px;
}
#home .navigation-wrap {
  height: auto;
  overflow: hidden;
  min-height: 0;
}
#home .navigation-wrap #navigation {
  overflow: hidden;
}
#header {
  background: #fff;
  padding: 0 10px 0 10px;
  position: relative;
  width: 940px;
  height: 145px;
  color: #fff;
  font-family: "Montserrat-Regular", sans-serif;
}
#container {
  background: #fff;
  border-top: 1px solid #fff;
  width: 960px;
}
.col-2 {
  /*margin-top:13px;*/
  margin-top: 0;
  padding-top: 17px;
}
.col-3 {
  /*margin-top:13px;*/
  padding-top: 17px;
}
.no-nav {
  margin-top: 0;
}
/*.corp {
    padding-top: 40px;
}*/
/* Header ==============================*/
#logo {
  background: url('/__brunel_brand/logo/brunel-logo-60-x2.png') no-repeat;
  background-size: 193px 70px;
  float: left;
  height: 70px;
  width: 193px;
  clear: both;
  margin-top: 20px;
  margin-left: 40px;
}
.lt-ie9 #logo {
  background: url('/__brunel_brand/logo/brunel-logo-60.png') no-repeat;
}
#logo a {
  height: 95px;
  width: 154px;
  display: block;
  text-indent: -9999px;
  outline: none;
}
#header ul {
  font-size: 90%;
}
#header ul li,
#header ul {
  background: #00325b;
  padding: 0;
}
#header ul.left {
  float: left;
  width: 100%;
  margin-left: -10px;
  padding: 5px 0 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#header strong {
  font-weight: normal;
}
#header ul.left li {
  padding-right: 18px;
}
#header ul.right {
  padding: 5px 10px 5px 17px;
  position: absolute;
  top: 0;
  right: 0;
}
#header ul.right li {
  padding-left: 17px;
}
#header ul.right li a {
  color: #fff;
}
#header ul li {
  display: inline;
}
#header ul li a {
  color: #fff;
}
#search-box {
  float: right;
  margin-top: 20px;
  width: 310px;
}
#search-box p {
  margin: 0;
  position: relative;
  float: left;
}
#search-box p span {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  color: #d8bfde;
  display: block;
  float: left;
  text-align: center;
  margin-right: 2px;
  height: 18px;
  width: 96px;
  cursor: pointer;
}
#search-box p span a {
  color: #D8BFDE;
}
#search-box p span.active a {
  color: #fff;
}
#search-box p span.active {
  color: #fff;
  height: 21px;
}
#search-box p span.opacity {
  text-indent: -9999px;
}
#search-box p span.text {
  position: absolute;
  color: #00325b;
  background: #e5eaee;
  left: 0;
  top: 0;
  font-family: "Montserrat-Regular", sans-serif;
}
#search-box p span.text.sec {
  left: 100px;
}
#search-box p span.text.active {
  color: #be0f34;
  position: absolute;
  background-color: #e5eaee;
}
#search-box form {
  width: 300px;
  background: #e5eaee;
  padding: 6px 5px;
  float: right;
}
#search-box input {
  background: #fff;
  border: 0;
  color: #00325b;
  font-size: 100%;
  padding: 5px 3px 4px 3px;
  width: 212px;
  float: left;
}
.submit-button,
#search-box input.submit-button {
  background: #00325b;
  color: #fff;
  width: 80px;
  height: 26px;
  text-align: center;
  padding: 0;
  cursor: pointer;
  font-family: "Montserrat-Regular", sans-serif;
  border-radius: 0;
}
/*input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}*/
#search-box-courses {
  float: left;
  margin-top: 2px;
  width: 310px;
}
#search-box-courses form {
  width: 300px;
  border: solid 2px #00325b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin-right: 5px;
  margin-bottom: 10px;
}
#search-box-courses input {
  background: #fff;
  border: 0;
  font-size: 100%;
  padding: 10px 3px 9px 3px;
  width: 216px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#search-box-courses input.submit-button {
  background: #00325b;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 95%;
  width: 80px;
  height: 36px;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
/* Navigation ==============================*/
#navigation {
  background: #a1a1a1;
  width: 960px;
  position: relative;
}
#navigation ul {
  float: left;
  padding: 0;
  width: 960px;
  background: #00325b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}
#navigation ul li {
  background: none;
  font-size: 100%;
  padding-left: 0;
  float: left;
}
#navigation ul li a {
  color: #fff;
  font-family: "Montserrat-Regular", sans-serif;
  padding: 11px 20px 13px 20px;
  display: block;
  float: left;
}
#navigation ul li a:hover,
#navigation ul li a.current,
#navigation ul li a.hierarchy {
  background: #e5eaee;
  color: #00325b;
  text-decoration: none;
}
/* --- main navigation - second level ---*/
#navigation ul li div.sec-nav-wrap {
  left: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
  top: 41px;
  height: 43px;
  overflow: hidden;
  width: 960px;
  border-bottom: 2px solid #00325b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#navigation ul li ul {
  background-color: #ffffff;
  border-bottom: 2px solid #00325b;
  padding-left: 0;
  width: 960px;
}
#navigation .sch-sec-nav ul {
  background: #e5eaee;
  width: 960px;
  padding-left: 0;
  border-bottom: 2px solid #00325b;
}
#navigation ul li ul li,
#navigation .sch-sec-nav ul li {
  font-size: 100%;
  text-transform: none;
  margin: 0;
}
#navigation ul li ul li a {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 0 none;
  color: #00325b;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  padding: 13px 10px;
}
#navigation .sch-sec-nav ul li a {
  color: #00325b;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  background: #e5eaee;
  padding: 8px 10px;
  border-top: 0;
}
#navigation ul li ul li a:hover,
#navigation ul li ul li a.current,
#navigation ul li ul li a.hierarchy {
  background: none repeat scroll 0 0 #e5eaee;
  border-top: 0 none;
  text-decoration: none;
  color: #00325b;
}
#navigation .sch-sec-nav ul li a:hover,
#navigation .sch-sec-nav ul li a.current,
#navigation .sch-sec-nav ul li a.hierarchy {
  text-decoration: none;
  background: #e5eaee;
  color: #be0f34;
  border-top: 0;
}
/* sch section nav */
.sch-sec-nav {
  background: #e5eaee;
  padding: 40px 0 0 0;
  z-index: 100;
  width: 960px;
  border-bottom: 2px solid #00325b;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sch-sec-nav ul {
  border-top: none;
}
.sch-sec-nav .school-name {
  font-size: 1.5em;
  font-weight: bold;
  color: #be0f34;
  background: #e5eaee;
  margin-bottom: 0.5em;
  padding: 10px 10px 0;
  font-family: "Montserrat-Regular", sans-serif;
}
.sch-sec-nav .school-name a {
  color: #be0f34;
}
/* Home Banner ==============================*/
div#home-banner {
  position: relative;
  width: 960px;
  clear: both;
}
div#home-banner ul {
  padding: 0;
  margin: 0;
}
div#home-banner ul li {
  position: relative;
  background: none;
  padding: 0;
  height: 274px;
  overflow: hidden;
  display: none;
}
div#home-banner ul li.first,
div#home-banner ul li.hidden {
  display: block;
}
div#home-banner ul li h2 {
  font-size: 300%;
  font-weight: lighter;
  padding: 15px 10px 1px 15px;
  line-height: 100%;
  overflow: hidden;
}
div#home-banner ul li p {
  color: #fff;
  font-size: 120%;
  margin: 0;
  padding: 1px 10px 3px 19px;
}
div#home-banner ul li .opacity-bg {
  color: #FFFFFF;
  height: 274px;
  position: absolute;
  top: 0;
  left: 0;
  background: #be0f34;
  width: 460px;
  overflow: hidden;
  /*fix ie*/
}
div#home-banner ul li img {
  /*fix ie*/
  /*filter: alpha(opacity=100);*/
  float: right;
}
div#home-banner ul li h2 a {
  color: #fff;
}
div#home-banner ul li .no-opacity {
  color: #FFFFFF;
  height: 274px;
  position: absolute;
  top: 0;
  left: 0;
  background: #9daae2;
  width: 380px;
  overflow: hidden;
  /*fix ie*/
  border-right: solid 30px #00325b;
}
div#home-banner ul.banner-navigation {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 10;
}
div#home-banner ul.banner-navigation li {
  float: left;
  height: auto;
  display: block;
  position: relative;
}
div#home-banner ul.banner-navigation li a {
  background: #b6bfe9;
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 1px;
  color: #b6bfe9;
  font-size: 150%;
  text-align: center;
}
div#home-banner ul.banner-navigation li a.on_car,
div#home-banner ul.banner-navigation li a:hover {
  background: #be0f34;
  color: #be0f34;
  text-decoration: none;
  top: 0;
}
/* Home Content ==============================*/
.col-1 .content {
  float: left;
  padding: 30px 10px 0 10px;
  width: 940px;
}
.left-content {
  width: 610px;
  float: left;
}
.small-section {
  width: 290px;
  float: left;
  margin-bottom: 24px;
}
.small-section.first {
  margin-right: 20px;
  width: 290px;
}
.small-section div.img {
  float: left;
  margin: 5px 21px 0 0;
  width: auto;
}
.small-section div.img img {
  border: 1px solid #fff;
}
.small-section h2 {
  color: #be0f34;
  padding-bottom: 3px;
  margin-bottom: 10px;
  font-size: 150%;
}
.small-section p {
  font-size: 100%;
  color: #484848;
  margin-bottom: 2px;
  padding: 5px 10px 5px 0;
  padding-left: 0;
}
.small-section h2 a {
  color: #00325b;
  float: none;
  width: 270px;
  padding-bottom: 5px;
  padding-left: 0;
  background: none;
}
.small-section a {
  display: block;
  float: left;
  padding-right: 1px;
  width: 145px;
  padding-bottom: 10px;
  background: url('/__brunel_brand/0/img/red-arrow.jpg') no-repeat transparent;
  padding-left: 20px;
}
.small-section .img .clipout {
  position: relative;
  width: 91px;
  height: 150px;
  top: -1px;
  left: -1px;
}
.small-section .img .clipin {
  clip: rect(0px 91px 150px 0px);
  POSITION: absolute;
}
.section-border {
  width: 600px;
  float: left;
  margin-bottom: 24px;
  border-top: 2px solid #be0f34;
  border-bottom: 2px solid #be0f34;
}
.section-border div.img {
  background: #e3e3e3;
  float: right;
  margin: 10px;
  padding: 5px;
  width: auto;
}
.section-border div.img img {
  border: 1px solid #fff;
}
.section-border h3 {
  font-size: 140%;
  padding-bottom: 10px;
  margin-top: 10px;
}
.section {
  width: 610px;
  float: left;
  margin-bottom: 24px;
}
.section div.img {
  background: #e5eaee;
  float: left;
  margin: 5px 21px 0 0;
  padding: 9px;
  width: auto;
}
.section div.img-nobg,
div#right-sidebar .div.img-nobg {
  float: left;
  margin: 5px 21px 0 0;
  padding: 9px;
  width: auto;
}
.section div.img-padded,
div#right-sidebar div.img-padded {
  padding: 0;
}
.section div.img-padded img {
  display: block;
  margin-bottom: 20px;
}
div#right-sidebar div.img-padded img {
  margin-bottom: 20px;
}
div#right-sidebar div.img-padded img {
  max-width: 100%;
}
.section div.img img {
  border: 1px solid #fff;
}
.section h2 {
  font-size: 20px;
  padding-bottom: 10px;
}
.section p {
  color: #484848;
  margin-bottom: 2px;
  padding: 5px 10px 5px 0.1px;
}
.more-links {
  float: left;
  width: 290px;
  margin-top: 8px;
  margin-bottom: 5px;
}
.more-links.first {
  margin-right: 20px;
}
.more-links h2 {
  font-size: 160%;
  font-weight: lighter;
  color: #be0f34;
  margin-bottom: 5px;
}
.more-links h2 a {
  color: #00325b;
}
.more-links p {
  width: 280px;
}
.more-links ul {
  list-style: none;
  padding: 0;
}
.more-links ul li {
  margin-bottom: 10px;
  font-size: 100%;
  background: url('/__brunel_brand/0/img/red-arrow.jpg') no-repeat transparent;
  padding-left: 20px;
}
/* Home Right Column ==============================*/
.home-right {
  width: 330px;
  height: inherit;
  float: right;
}
.home-right .grey-box {
  background: #e5eaee;
  padding: 20px 20px 23px 20px;
  margin-bottom: 4px;
  float: right;
  width: 288px;
}
.home-right .grey-box.news,
.home-right .grey-box.events,
.home-right .grey-box.open-days,
.home-right .grey-box.tabs-nav {
  padding: 0 0 20px 0;
  width: 328px;
}
.home-right .grey-box a.more-n-e,
.banner-right .grey-box a.more-n-e {
  float: right;
  padding-right: 10px;
}
.home-right .grey-box.tabs-nav {
  margin: 0;
  padding: 0;
}
.home-right .grey-box h3 {
  line-height: 1.3em;
  padding-bottom: 13px;
}
.home-right .grey-box p {
  line-height: 1.3em;
  margin-bottom: 21px;
}
.home-right .grey-box .section-nav {
  padding: 0;
  margin-top: 0;
  margin-bottom: 31px;
  float: left;
}
.home-right .grey-box .section-nav.no-js-nav {
  width: 100%;
  background: #000;
}
.home-right .grey-box .section-nav li {
  background: none;
  font-size: 120%;
  float: left;
  text-align: center;
  margin-right: 1px;
  padding: 0;
  position: relative;
  font-family: "Montserrat-Regular", sans-serif;
  border-bottom: solid 1px #fff;
}
.home-right .grey-box .section-nav li a {
  background: #e5eaee;
  color: #00325b;
  padding: 7px 19px 11px 18px;
  float: left;
}
.home-right .grey-box .section-nav li.active span {
  background: url('/__brunel_brand/0/img/down-arrow.png') no-repeat center;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.home-right .grey-box .section-nav li#events {
  border-left: solid 1px #fff;
}
.home-right .grey-box .section-nav li#events a {
  width: 56px;
}
.home-right .grey-box .section-nav li#open-days {
  margin-right: 0;
  border-left: solid 1px #fff;
}
.home-right .grey-box .section-nav li#open-days a {
  width: 107px;
}
.home-right .grey-box .section-nav li#news a {
  padding: 7px 22px 11px 18px;
}
.home-right .grey-box .section-nav li.active a,
.home-right .grey-box .section-nav li a:hover {
  background: #00325b;
  color: #fff;
  text-decoration: none;
}
.home-right .grey-box .item,
.banner-right .grey-box .item {
  float: left;
  padding: 0;
  margin: 5px 10px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #D9D9D9;
}
.home-right .grey-box .item.text,
.banner-right .grey-box .item.text {
  padding: 5px;
}
/* .banner-right .grey-box .item {margin:7px 0 17px} */
.home-right .grey-box .item .date,
.banner-right .grey-box .item .date {
  float: left;
  width: 70px;
}
.home-right .grey-box .item .date span,
.banner-right .grey-box .item .date span {
  background: #00325b;
  display: block;
  color: #fff;
  font-size: 20px;
  width: 65px;
  height: 27px;
  padding-top: 10px;
  padding-left: 5px;
}
.home-right .grey-box .item .date span.day,
.banner-right .grey-box .item .date span.day {
  background: #c4c4c4;
  color: #494949;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #fff;
  height: 26px;
  padding: 10px 5px 0 0;
  text-align: right;
}
.home-right .grey-box .item .desc,
.banner-right .grey-box .item .desc {
  float: left;
  width: 204px;
  background: #fff;
  padding: 9px 17px 0 17px;
  line-height: 1.55em;
}
.banner-right .grey-box .item .desc {
  padding: 5px;
}
.home-right .grey-box .item .desc p,
.banner-right .grey-box .item .desc p {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 0;
}
.home-right .grey-box .item .date .clipout,
.banner-right .grey-box .item .date .clipout {
  position: relative;
  width: 70px;
  padding-bottom: 5px;
  padding-left: 7px;
}
.home-right .grey-box .item .date .clipin,
.banner-right .grey-box .item .date .clipin {
  overflow: hidden;
  height: 55px;
  padding-top: 5px;
}
.home-right .push-box {
  background: #e5eaee;
  margin-top: 15px;
  float: right;
  width: 330px;
  border-top: solid 2px #00325b;
  border-bottom: solid 1px #be0f34;
}
.push-box h2 {
  font-weight: lighter;
  display: block;
  border-bottom: solid 1px #fff;
  padding: 10px;
  position: relative;
  margin-top: 0;
  font-size: 150%;
}
.push-box p {
  padding: 20px;
}
.push-box.courses {
  margin-bottom: 10px;
  position: relative;
  bottom: 10px;
}
.push-box.courses input {
  color: #949494;
  font-size: 15px;
  height: 29px;
  width: 218px;
}
.push-box.courses input.submit-button {
  height: 36px;
  width: 80px;
  font-size: 13px;
}
.courses-index {
  width: 320px;
  margin-top: 5px;
  margin-left: 5px;
  background-color: #ffffff;
  text-align: center;
}
.courses-index h3 {
  margin-left: 10px;
  /* color:#7B7A7A; */
  position: relative;
  top: 5px;
}
.courses-index p {
  padding: 5px 10px 10px 5px;
  letter-spacing: 4px;
  color: #dadbdd;
}
.courses-index a {
  /* color:#7B7A7A; */
}
/* Social Bookmarking ==============================*/
#bookmarks {
  background: #e5eaee;
  padding: 29px 8px 16px 10px;
  color: #00325b;
  width: 940px;
  float: left;
  margin-top: 25px;
  border: 1px solid #fff;
}
#bookmarks .right-links {
  float: right;
  margin-left: 10px;
}
#bookmarks p {
  float: left;
  margin: 0 0 0 25px;
}
#bookmarks p.update {
  margin: 0;
  width: 300px;
  font-family: "Montserrat-Regular", sans-serif;
}
#bookmarks p.update span {
  color: #808080;
  padding-left: 4px;
}
#bookmarks .right-links p {
  float: left;
  margin: 0 7px;
}
#bookmarks .right-links p span {
  float: left;
  display: inline-block;
  margin-right: 10px;
  color: #808080;
}
#bookmarks p img {
  width: 23px;
  float: left;
  margin-right: 9px;
}
#follow-brunel {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-top: 15px;
}
#follow-brunel img {
  vertical-align: middle;
}
/* Footer ==============================*/
#footer {
  width: 960px;
  background: #e5eaee;
  color: #00325b;
  margin: 0;
}
#footer a {
  color: #fff;
}
#footer p {
  font-size: 13px;
  margin-bottom: 0;
  font-family: "Montserrat-Regular", sans-serif;
}
#footer p a {
  color: #00325b;
}
#footer ul {
  float: left;
  width: 940px;
  padding: 10px;
  font-family: "Montserrat-Regular", sans-serif;
  background: #00325b;
}
#footer ul li {
  background: none;
  padding: 0 30px 0 0;
  float: left;
}
#footer p.copyright {
  float: left;
  padding: 15px 0 15px 11px;
}
/* Inner page ==============================*/
.col-2 .content {
  width: 722px;
  float: left;
}
.col-2 .section {
  width: 400px;
}
.col-3 .content {
  width: 500px;
  padding-right: 5px;
  float: left;
}
.standfirst {
  font-weight: bold;
}
#left-sidebar {
  background: none repeat scroll 0 0 #e5eaee;
  border-bottom: 2px solid #be0f34;
  border-top: 4px solid #00325b;
  float: left;
  margin-left: 10px;
  margin-right: 30px;
  padding: 5px;
  width: 180px;
}
.col-1 #left-sidebar {
  /* display: none !important; */
}
#right-sidebar,
.right-sidebar {
  float: right;
  margin-right: 11px;
  margin-top: 7px;
  width: 190px;
}
#breadcrumbs {
  list-style: none;
  padding: 0;
  width: 100%;
  /* float:left; */
  margin-top: 10px;
  margin-bottom: 15px;
}
/*#breadcrumbs li { padding:0; background:none; font-size:13px; color:#202020; float:left; }*/
#breadcrumbs span {
  color: #9b9b9b;
  padding: 0 3px 0 7px;
}
/* Left menu ==============================*/
#left-sidebar ul {
  padding: 0;
}
#left-sidebar ul li {
  padding: 0;
  background: none;
  float: left;
  width: 100%;
}
#left-sidebar ul li a {
  border-bottom: 1px solid #e9e9e9;
  padding: 9px 0 10px 0;
  display: block;
}
#left-sidebar ul li a:hover {
  /*background:#f7f7f7;*/
  background: #f4f3f3;
  text-decoration: none;
}
#left-sidebar .section-name {
  font-weight: bold;
  color: #be0f34;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 8px;
  padding: 0px;
  font-size: 1.2em;
}
#left-sidebar .section-name a {
  color: #be0f34;
  text-decoration: none;
}
/* #left-sidebar ul li a.hierarchy:hover, #left-sidebar ul li a.current:hover { background:none; }*/
#left-sidebar ul li a.hierarchy,
#left-sidebar ul li a.current,
#left-sidebar ul li a.current:hover,
#left-sidebar ul li a.hierarchy:hover {
  font-weight: normal;
  color: #be0f34;
  border-bottom: 1px solid #be0f34;
  background: #f7f7f7;
}
#left-sidebar ul li ul li ul {
  background: none;
  float: left;
  padding-left: 8px;
}
#left-sidebar ul li ul li a {
  color: #024F8E;
  border: 0;
  padding-left: 8px;
}
#left-sidebar ul li ul li a.current,
#left-sidebar ul li ul li a:hover,
#left-sidebar ul li ul li a.current:hover,
#left-sidebar ul li ul li a.hierarchy,
#left-sidebar ul li ul li a.hierarchy:hover {
  color: #be0f34;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
}
/* Quotes ==============================*/
blockquote {
  background: #f7f7f7 url('/__brunel_brand/0/img/blockquote.jpg') no-repeat top left;
  border-bottom: 1px solid #E9E9E9;
  color: #7B7A7A;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.45em;
  padding: 68px 10px 15px 29px;
  width: 92%;
  float: left;
  margin-bottom: 19px;
}
blockquote span {
  color: #202020;
  float: right;
  font-size: 13px;
  font-weight: normal;
  padding-right: 19px;
  padding-top: 9px;
}
.caption {
  background: #00325b;
  clear: both;
  color: #FFFFFF;
  display: block;
  font-style: italic;
  padding: 9px 10px 10px 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 94.5%;
}
/* Tables ==============================*/
table {
  width: 99%;
  border-collapse: collapse;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  margin-bottom: 19px;
}
table th {
  color: #fff;
  background: #4d4e53;
  font-weight: bold;
  font-size: 95%;
  padding: 7px 3px 10px 10px;
  text-align: center;
}
table th.title {
  text-align: left;
  width: 307px;
}
table tr.odd {
  background: #f7f7f7;
}
table td {
  border: 1px solid #e9e9e9;
  font-size: 90%;
  padding: 10px 4px 10px 4px;
  /* text-align:left; */
}
table td.title {
  font-weight: bold;
  color: #7b7a7a;
  font-size: 105%;
  padding: 10px 4px 20px 10px;
  text-align: left;
}
form table tbody tr td ul, form table tbody tr td ul li {padding-left: 0px}
table.clean,
div.clean-table table {
  width: 99%;
  border-collapse: collapse;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  margin-bottom: 19px;
}
table.clean td,
div.clean-table table td {
  border: 1px solid #ffffff;
  font-size: 90%;
  padding: 4px;
  text-align: left;
}
/* table without borders or spacing ==============================*/
table.basic,
div.basic-table table {
  border-width: 0;
  border-style: none;
  border-color: white;
  border-collapse: collapse;
}
table.basic th,
div.basic-table table th {
  border-width: 0;
  padding: 5px;
  border-style: none;
  border-color: white;
}
table.basic td,
div.basic-table table td {
  border-width: 0;
  padding: 5px;
  border-style: none;
  border-color: white;
}
/* Inner Page - right column ==============================*/
.right-box {
  float: right;
  margin-bottom: 15px;
}
.right-box h3 {
  color: #202020;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 18px;
}
#right-sidebar ul,
.right-sidebar ul {
  padding: 0;
  list-style: none;
}
#right-sidebar ul li,
.right-sidebar ul li {
  background: none;
  float: left;
  width: 100%;
  padding-left: 0;
  line-height: 1.35em;
  padding-bottom: 19px;
}
/* Course Finder ==============================*/
.course-finder {
  background: #f7f7f7 !important;
  padding-top: 0 !important;
  margin-top: 0;
}
.course-finder .content {
  background: #fff;
  padding-left: 30px;
  /*padding-top: 24px;*/
  width: 720px;
  padding-right: 10px;
}
.course-finder #bookmarks {
  margin-top: 0;
}
.course-finder #left-sidebar {
  background: #fff;
  /*padding-top: 72px;*/
  margin: 0;
  width: 200px;
  padding: 0px;
  display: block !important;
  border-top: medium none;
}
.course-finder #search-by {
  background: #fff;
  float: left;
}
.course-finder #search-by h3 {
  color: #fff;
  font-size: 1.3em;
  font-weight: lighter;
  border-top: 1px solid #3b3b3b;
  background: url('/__brunel_brand/0/img/course-arrow.jpg') no-repeat center 41px;
}
.course-finder #search-by h3 span {
  background: #000;
  padding: 8px 0 14px 18px;
  display: block;
}
.course-finder #search-by h3.cut {
  border-top-width: 0;
  background-image: url('/__brunel_brand/0/img/course-arrow2.jpg');
}
.course-finder #search-by h3.cut span {
  background: #7f7f7f;
}
.course-finder #search-by h4 {
  color: #1b4585;
  font-size: 18px;
  padding: 14px 11px 6px 11px;
  float: left;
}
.course-finder #search-by img.ajax-loader {
  margin-top: 15px;
  display: none;
}
.course-finder #search-by form {
  margin-bottom: 15px;
}
.course-finder #search-by p.more {
  background: url('/__brunel_brand/0/img//course-grey-arrow.jpg') no-repeat right;
  color: #848383;
  font-size: 13px;
  padding-left: 10px;
  width: 97px;
  cursor: pointer;
  float: left;
  margin-top: 19px;
  font-weight: bold;
}
.course-finder #search-by p.fewer {
  color: #848383;
  font-size: 13px;
  padding-left: 10px;
  width: 103px;
  cursor: pointer;
  float: left;
  background: url('/__brunel_brand/0/img/course-grey-arrow-up.jpg') no-repeat right center;
  margin-top: 19px;
  font-weight: bold;
}
.course-finder #search-by input {
  background: url('/__brunel_brand/0/img//bg-input.jpg') repeat-x;
  border: 1px solid #d4d4d4;
  width: 185px;
  padding: 8px 0 8px 3px;
  margin-left: 10px;
  float: left;
  font-size: 14px;
  margin-bottom: 13px;
}
.course-finder #search-by input.queries_keyword_query {
  background: url('/__brunel_brand/0/img/bg-course-search.jpg') no-repeat;
  border: 0 none;
  padding: 7px 0 12px 3px;
  margin-left: 10px;
  margin-bottom: 0;
  width: 152px;
  float: left;
  font-size: 14px;
}
.course-finder #search-by p.checkbox {
  margin-bottom: 9px;
}
.course-finder #search-by p.checkbox input {
  width: auto;
  margin-right: 10px;
  margin-bottom: 0;
  background: none;
  border: 0;
}
.course-finder #search-by select {
  margin-left: 10px !important;
  margin-bottom: 14px;
  font-size: 14px;
  width: 188px;
}
.course-finder #search-by label {
  display: block;
  color: #202020;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  padding-bottom: 5px;
}
.course-finder #search-by p.checkbox label {
  display: inline;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.course-finder #search-by input.search-button {
  background: #e9e9e9;
  width: 76px;
  color: #3a3a3a;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  text-shadow: #fff 0 1px;
  cursor: pointer;
  float: right;
  margin-top: 9px;
}
.course-finder #search-by input.submit-button {
  background: url('/__brunel_brand/0/img/course-submit.jpg') no-repeat;
  border: 0 none;
  height: 35px;
  width: 35px;
  margin: 0;
}
.course-finder #search-by input.selectbox {
  background: url('/__brunel_brand/0/img/bg-select.jpg') no-repeat;
  border: 0;
  cursor: default;
  padding: 8px 36px 10px 0;
  width: 154px;
}
.course-finder #search-by .search-field {
  clear: both;
  position: relative;
  float: left;
  width: 200px;
}
.course-finder #search-by .selectbox-wrapper {
  background: #FFFFFF;
  border: 1px solid #D4D4D4;
  float: left;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  position: absolute;
  top: 56px;
  width: 188px;
  z-index: 10;
}
.course-finder #search-by .selectbox-wrapper li {
  padding-bottom: 3px;
}
.course-finder #search-by .selectbox-wrapper li:hover {
  background: #e9e9e9;
}
/* course initial layout */
.course-finder .initial-layout {
  position: relative;
  min-height: 680px;
}
.course-finder .initial-repeat {
  background: url('/__brunel_brand/0/img/bg-search-initial-repeat.jpg') repeat-y;
  left: -21px;
  position: absolute;
  top: 2px;
  width: 444px;
}
.course-finder .initial-layout .initial-box {
  background: url('/__brunel_brand/0/img/bg-search-initial.jpg') no-repeat;
  padding-top: 27px;
  width: 444px;
}
.course-finder .initial-layout .initial-bottom {
  background: url('/__brunel_brand/0/img/bg-search-initial-bottom.jpg') no-repeat 100% 100%;
}
.course-finder .initial-layout p {
  color: #6c6c6c;
  margin-bottom: 0;
  padding: 0 20px 7px 74px;
}
.course-finder .initial-layout .green {
  font-size: 18px;
  color: #347e2e;
  font-weight: bold;
}
.course-finder .initial-layout .green.bottom {
  padding-bottom: 27px;
  padding-top: 35px;
}
#search-by .a-z {
  margin-top: 25px;
  background: #f7f7f7;
  border-top: 1px solid #e9e9e9;
  padding-top: 8px;
  float: left;
  width: 200px;
}
#search-by .a-z h4 {
  padding-bottom: 13px;
  float: left;
}
#search-by .a-z h4 span {
  display: block;
  float: left;
}
#search-by .a-z img.loader {
  margin-left: 10px;
  padding-top: 2px;
  display: none;
}
#search-by .a-z p {
  padding-left: 2px;
}
#search-by .a-z p a,
#search-by .a-z p span {
  color: #202020;
  display: block;
  float: left;
  margin-bottom: 5px;
  padding: 0 4px;
}
#search-by .a-z p a.empty,
#search-by .a-z p span {
  color: #7b7a7a;
}
#search-by .a-z p a:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}
#course-finder-layout h1 {
  padding-bottom: 13px;
}
table#course-results {
  border: 0;
  width: 720px;
}
table#course-results th {
  padding-top: 4px;
}
table#course-results tr.odd {
  background: #f7f9fc;
}
table#course-results td {
  border-bottom: 1px solid #e4ecf4;
  padding: 14px 0 17px 0;
}
table#course-results td.title {
  padding-left: 0;
  width: 307px;
}
table#course-results .code {
  width: 95px;
  text-align: center;
}
table#course-results th.code {
  padding-right: 15px;
}
table#course-results .mode {
  width: 105px;
  text-align: center;
}
table#course-results .level {
  width: 108px;
  text-align: center;
}
table#course-results .duration {
  width: 100px;
}
table#course-results td .buttons {
  background: url('/__brunel_brand/0/img/course-buttons.png') no-repeat;
  display: block;
  float: left;
  margin-right: 10px;
  height: 17px;
  font-size: 13px;
  font-style: italic;
  color: #5a7ea0;
  text-align: center;
  font-weight: normal;
  margin-top: 9px;
}
table#course-results td .buttons:hover {
  text-decoration: none;
}
table#course-results td .suspended {
  background-position: 0 0;
  color: #fff;
  width: 77px;
}
table#course-results td .long {
  background-position: -87px 0;
  width: 91px;
}
table#course-results td .short {
  background-position: -188px 0;
  width: 61px;
}
.course-nav {
  background: #f7f7f7;
  height: 35px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.course-nav p.filter-by {
  background: url('/__brunel_brand/0/img/bg-filter-by.jpg') no-repeat;
  color: #4d4e53;
  float: left;
  padding: 6px 0 10px;
  width: 63px;
  margin-bottom: 0;
  margin-right: 3px;
}
.course-nav a {
  display: block;
  float: left;
  background: #f7f7f7;
  font-size: 13px;
  padding: 7px 15px 13px 15px;
  cursor: pointer;
}
/* .course-nav a:hover, .course-nav a.active { background:#e9e9e9; color:#000; text-decoration:none; } */
.course-nav a:hover,
.course-nav a.active {
  background: #4d4e53;
  color: #fff;
  text-decoration: none;
}
#english-filter {
  background: #F7F7F7;
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 30px;
  width: 455px;
  padding: 5px 0;
}
#english-filter p.filter {
  color: #000000;
  font-size: 16px;
  margin-right: 5px;
  padding: 6px 12px 0 10px;
}
#english-filter a {
  cursor: pointer;
  float: left;
  padding: 8px 19px 10px 10px;
}
#english-filter a:hover,
#english-filter a.eng-active {
  background: none;
  text-decoration: underline;
}
#english-filter img.eng-ajax-loader {
  float: right;
  margin: 7px 10px 0 0;
  display: none;
}
/* Search Results */
.custom-list {
  padding: 0;
}
.custom-list li {
  background: none;
  padding: 0;
}
.custom-list li h3 {
  font-size: 16px;
  padding-bottom: 4px;
}
/* Course page */
.aip {
  background: url('/__brunel_brand/0/img/course-buttons-aip.jpg') no-repeat;
  background-position: 0 0;
  width: 135px;
  display: block;
  float: left;
  margin-right: 10px;
  height: 17px;
  font-size: 13px;
  font-style: italic;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin-top: 1px;
}
.aip:hover {
  text-decoration: none;
}
.suspend {
  background: url('/__brunel_brand/0/img/course-buttons.png') no-repeat;
  background-position: 0 0;
  width: 77px;
  display: block;
  float: left;
  margin-right: 10px;
  height: 17px;
  font-size: 13px;
  font-style: italic;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin-top: 1px;
}
.placement {
  background: url('/__brunel_brand/0/img/course-buttons-placement.jpg') no-repeat;
  background-position: 0 0;
  width: 118px;
  display: block;
  float: left;
  margin-right: 10px;
  height: 17px;
  font-size: 13px;
  font-style: italic;
  color: #fff;
  text-align: center;
  font-weight: normal;
  margin-top: 1px;
}
ul.course-content-nav {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding: 0;
  float: left;
  width: 715px;
  margin-top: 5px;
  margin-bottom: 28px;
  height: 38px;
  display: none;
}
.col-1 ul.course-content-nav {
  width: 100%;
}
.content ul.course-content-nav li {
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: url('/__brunel_brand/0/img/bg-course-nav.jpg') repeat-x;
  text-align: center;
  padding: 10px 10px 0px 10px;
  float: left;
  font-size: 13px;
  color: #1b4585;
  height: 27px;
  cursor: pointer;
}
.content ul.course-content-nav li.teaching {
  width: 78px;
  height: 34px;
  padding-top: 3px;
}
.content ul.course-content-nav li:hover,
.content ul.course-content-nav li.active,
.content ul.course-content-nav li.active:hover {
  background: #fff;
  color: #202020;
  border-bottom: 1px solid #FFFFFF;
}
.course-left {
  width: 502px;
  float: left;
}
.course-left h2 {
  border-bottom: 2px solid black !important;
  font-size: 140%;
  margin-bottom: 15px;
  margin-top: 11px;
}
.course-details {
  clear: both;
  /* float:left; */
  width: 717px;
}
.course-details h2.entry-prev,
.course-details h2.efl {
  background: url('/__brunel_brand/0/img/arrow-right.jpg') no-repeat left 5px;
  padding-left: 15px;
  cursor: pointer;
}
.course-details h2.active {
  background: url('/__brunel_brand/0/img/course-grey-arrow.jpg') no-repeat left 7px;
}
.course-details h3 {
  color: #202020;
  padding-top: 10px;
}
.course-details h4 {
  /* color:#7B7A7A; */
}
.course-details .right-sidebar {
  margin-right: 0;
}
.course-details .right-sidebar .right-box {
  margin-bottom: 10px;
  width: 190px;
}
.right-sidebar .related-courses li {
  font-size: 13px;
}
.course-details .profile {
  background: #f7f7f7;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  float: left;
  margin-top: 18px;
  padding: 16px 11px 27px 11px;
  margin-bottom: 12px;
  width: 96%;
}
.course-details .profile img {
  float: left;
  margin-top: 4px;
  margin-right: 20px;
}
.course-details .profile-details {
  float: left;
  width: 75%;
}
.profile-details h2 {
  border: none !important;
}
.course-details .profile h3 {
  margin-bottom: 8px;
  /* color:#7B7A7A; */
}
.course-details .profile a {
  margin-bottom: 14px;
}
.course-details ul.more-info {
  padding: 0;
  float: left;
}
.course-details ul.more-info li {
  background: #e9e9e9;
  padding: 0;
  margin-bottom: 10px;
  width: 500px;
}
.course-details ul.more-info li a {
  background: #cccccc url('/__brunel_brand/0/img/plus-minus.jpg') no-repeat 464px 15px;
  color: #202020;
  display: block;
}
.course-details ul.more-info li a:hover {
  background-position: 428px 15px;
  text-decoration: none;
}
.course-details ul.more-info li a span {
  background: #E9E9E9;
  display: none;
  line-height: 1.35em;
  padding: 17px 12px 24px;
  width: 476px;
}
.course-details ul.more-info li a span.title {
  background: #CCCCCC;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  padding: 14px 12px 16px;
  width: 430px;
  display: block;
}
.course-details ul.more-info li a:hover span {
  display: block;
}
.common-links {
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.common-links h3 {
  margin-top: 0pt;
}
.common-links img {
  float: left;
  vertical-align: middle;
  margin-right: 10px;
}
.right-details-box {
  background: #cccccc;
  float: right;
  padding: 16px 0 0 0;
  width: 190px;
  margin-bottom: 10px;
}
.right-details-box div {
  float: left;
  padding: 0 10px;
  width: 170px;
}
.right-details-box h3 {
  padding: 0;
  margin: 0;
}
.right-details-box div.apply {
  background: #00325b;
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
  padding: 0;
  margin-top: 6px;
  width: 100%;
}
.right-details-box div.apply.arts {
  background: none repeat scroll 0 0 #CC0066;
}
.right-details-box div.apply.bbs {
  background: none repeat scroll 0 0 #4F03A9;
}
.right-details-box div.apply.law {
  background: none repeat scroll 0 0 #990033;
}
.right-details-box div.apply.shssc {
  background: none repeat scroll 0 0 #0082D1;
}
.right-details-box div.apply.sed {
  background: none repeat scroll 0 0 #FF6600;
}
.right-details-box div.apply.siscm {
  background: none repeat scroll 0 0 #781296;
}
.right-details-box div.apply.sse {
  background: none repeat scroll 0 0 #009999;
}
.right-details-box div.apply.sss {
  background: none repeat scroll 0 0 #CC3333;
}
.right-details-box div.apply a {
  color: #FFFFFF;
  display: block;
  padding: 5px 15px 7px 11px;
  text-decoration: none;
  background: url('/__brunel_brand/0/img/white-arrow.png') no-repeat 175px center;
}
.right-details-box div.apply a:hover {
  background: #be0f34;
}
.right-details-box div h4 {
  font-size: 16px;
  padding-bottom: 0;
}
.col-2 .content .right-details-box div p {
  background: url('/__brunel_brand/0/img/white-arrow.png') no-repeat left center;
  padding-left: 15px;
  margin-bottom: 10px;
}
.col-2 .content .right-details-box div.apply p {
  background: none;
  padding-left: 0;
}
.right-sidebar .related {
  margin-top: 33px;
}
/*Adjustment for main rotator*/
.home-banner-placeholder {
  position: relative;
  left: -19px;
  top: -32px;
}
/*Image stuff*/
img.left {
  border-top: solid 2px #00325b;
  border-bottom: solid 1px #be0f34;
  float: left;
  margin: 5px 15px 0 0;
  padding: 0;
}
img.right {
  border-top: solid 2px #00325b;
  border-bottom: solid 1px #be0f34;
  float: right;
  margin: 5px 0 0 15px;
  padding: 0;
}
img.leftnoborder {
  float: left;
  margin: 0pt 15px 10px 0;
  padding: 0;
}
img.rightnoborder {
  background: none;
  float: right;
  margin: 5px 0 0 15px;
  padding: 0;
}
/*Banner Stuff*/
.banner-image {
  margin-top: -32px;
  margin-left: -10px;
  margin-bottom: 20px;
  width: 960px;
  overflow: hidden;
  position: relative;
  max-height: 150px !important;
}
.banner-image .opacity-bg {
  background: none repeat scroll 0 0 #6c6c6c;
  background: #6c6c6c;
  height: 40px;
  opacity: 0.75;
  /*filter: alpha(opacity=75);*/
  position: absolute;
  width: 100%;
}
.banner-image .no-opacity {
  color: #FFFFFF;
  height: 35px;
  position: absolute;
  padding-left: 10px;
  width: 100%;
  overflow: hidden;
  /*fix ie*/
  /*filter: alpha(opacity=100);*/
}
.banner-image div h1 {
  font-size: 1.8em;
  color: #fff;
  margin: 0;
  padding: 0;
}
.banner-image div {
  position: absolute;
  bottom: 0;
  left: 0;
}
/*landing page stuff*/
.landing-main {
  float: left;
  width: 600px;
  margin-left: 10px;
}
.landing-main h2 {
  font-size: 155%;
  margin-bottom: 10px;
}
.landing-right {
  float: right;
  width: 310px;
  height: inherit;
}
.publications-right {
  float: right;
  width: 300px;
  margin-top: 20px;
  margin-right: 10px;
}
.container-left {
  float: left;
  width: 290px;
}
.container-right {
  float: right;
  width: 290px;
}
.coloured-box {
  background: #e5eaee;
  margin-bottom: 20px;
  margin-right: 20px;
  float: left;
  width: 90%;
  border-top: 2px solid #00325b;
  border-bottom: 1px solid #be0f34;
}
.coloured-box.large {
  width: 100%;
  margin-right: 10px;
}
.coloured-box h2 {
  font-size: 130%;
  display: block;
  color: #be0f34;
  padding-left: 10px;
  position: relative;
  border-bottom: 1px solid #fff;
}
.coloured-box h2 a {
  color: #00325b;
}
.coloured-box h3 {
  font-size: 120%;
  display: block;
  margin-left: 10px;
  position: relative;
}
.coloured-box p {
  margin: 10px 15px;
}
.links {
  width: inherit;
  margin-bottom: 10px;
}
.links h2 {
  font-size: 160%;
  font-weight: lighter;
  border-bottom: 4px solid #000000;
  color: #000000;
  padding-bottom: 3px;
  margin-bottom: 20px;
}
.links h2 a {
  color: #000000;
}
.links p {
  width: 280px;
}
.links ul {
  list-style: none;
  padding: 0;
}
.links ul li {
  background: none;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  font-weight: bold;
  font-size: 100%;
  border-bottom: 1px solid #eaeaea;
}
.pullout {
  clear: both;
  width: auto;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-top: 3px solid #be0f34;
  border-bottom: 3px solid #be0f34;
}
.pullout h3 {
  font-size: 140%;
  margin-bottom: 10px;
}
.pullout p {
  margin-bottom: 6px;
}
.pullout a {
  font-weight: bold;
}
.banner-right {
  background: #e5eaee;
  border-top: solid 4px #00325b;
  border-bottom: solid 2px #be0f34;
  margin-bottom: 20px;
  float: right;
  width: 310px;
}
.banner-right .banner-right {
  border-width: 0;
  margin-bottom: 0;
}
.banner-right h2 {
  font-weight: lighter;
  display: block;
  border-bottom: 2px solid #fff;
  padding: 10px;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.banner-right h2 a {
  color: #00325b;
}
.banner-right p {
  padding: 10px;
  margin-bottom: 2px;
}
.banner-right h3 {
  padding-left: 10px;
}
.banner-right.small {
  width: 190px;
}
.rollover-link {
  float: left;
  position: relative;
}
.rollover-link h2 {
  background-color: #000000;
  bottom: 10px;
  color: #FFFFFF !important;
  display: block;
  font-size: 1.2em;
  font-weight: lighter;
  height: 22px;
  margin: 0;
  opacity: 0.75;
  overflow: hidden;
  padding-top: 10px;
  position: absolute;
  text-align: center;
  width: 175px;
  font-size: 95%;
}
.rollover-link a {
  border: 10px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  height: 175px;
  overflow: hidden;
  width: 175px;
}
.rollover-link a:hover {
  display: block;
  border: 10px solid #cccccc;
  color: #ffffff;
  text-decoration: none;
}
/*2-col page stuff*/
.leftcol {
  width: 420px;
  float: left;
  margin-left: 30px;
}
.rightcol {
  width: 420px;
  float: left;
  margin-left: 50px;
}
/*research centres stuff*/
.researchcentres-main {
  width: 500px;
  float: left;
}
.researchcentres-right {
  width: 190px;
  float: left;
  margin-left: 20px;
}
.researchcentres-members p {
  padding: 0 5px 0 5px;
}
.researchcentres-image {
  border: 1px solid #000000;
}
.researchcentres-members {
  margin-top: 20px;
  background: #e6e6e6;
}
.researchcentres-members h2 {
  font-weight: lighter;
  display: block;
  background-color: #000000;
  color: #ffffff;
  padding: 10px;
  position: relative;
  margin-top: 0;
  margin-bottom: 11px;
}
.researchcentres-members h2 span {
  background: url('/__brunel_brand/0/img/arrow.jpg') no-repeat center;
  width: 15px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 20px;
}
div.grid {
  clear: both;
}
div.grid div.cell h2 {
  margin: 0;
  padding: 0;
  min-height: 40px;
}
div.grid div.cell {
  padding: 10px 0 30px 0;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
div.grid img {
  max-width: 100%;
  border: solid 1px #ccc;
}
div.grid div.cell a {
  width: 100%;
  text-align: center;
}
div.grid div.cell {
  width: 220px;
  float: left;
  margin-right: 25px;
}
div.grid div.cell p {
  margin: 5px 10px 5px 0;
}
/*news*/
.content .old-news ul,
.content .old-news ul li {
  list-style-type: none;
  background-image: none;
  padding-left: 0;
}
.content .old-news ul li {
  border-bottom: solid 1px #E9E9E9;
  margin-bottom: 5px;
  padding: 5px 0;
}
.content .old-news ul li ul li {
  border-bottom-width: 0;
  background: url("/__data/assets/image/0011/1343/bullet2.jpg") no-repeat scroll 0 6px transparent;
  padding-left: 13px;
}
.lefth .news-item {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #E9E9E9;
}
.lefth .news-item div.sum {
  margin-top: 5px;
}
.news-item .img {
  float: left;
  margin: 0 10px 0 0;
}
.news-item h2 {
  font-size: 120%;
  margin-left: 90px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
/*Main news headline*/
.content div.main {
  padding-right: 1px;
  overflow: hidden;
  margin-bottom: 12px;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 8px;
}
.content div.main .content h2 {
  margin-left: -10px;
  color: #fff;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 150%;
}
.content div.main .content h2 a {
  color: #00325b;
}
.content div.main div.img {
  width: 318px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  border: 1px solid #E9E9E9;
  padding: 8px;
  height: 198px;
}
.content div.main .img .clipout {
  position: relative;
  width: 320px;
  height: 200px;
  top: -1px;
  left: -1px;
}
.content div.main div.img .clipin {
  clip: rect(0px 320px 200px 0);
  POSITION: absolute;
}
.content div.main .content {
  width: 348px;
  margin-top: 0;
  padding-top: 0;
}
.content div.main .content div.read-more {
  margin: 10px 0;
  font-weight: bold;
}
.content div.main .content div.pub {
  font-size: 80%;
}
.content .lefth {
  width: 350px;
  padding-left: 10px;
  padding-bottom: 10px;
  float: left;
}
.content .article ul li {
  background-image: url("/__data/assets/image/0010/1342/bullet.jpg");
}
.content div.article div.img {
  float: right;
  width: 300px;
  padding: 0 10px 10px 10px;
}
.content div.article div.img img {
  border: solid 1px #00325b;
  padding: 10px;
  width: 278px;
}
.content div.article div.img .caption {
  width: 300px;
}
.content div.left,
.news-events .content div.article-top,
.news-events .content div.news-search-results {
  float: left;
  width: 530px;
}
img .clipout {
  position: relative;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}
.img .clipin {
  clip: rect(0px 100px 105px 0);
  POSITION: absolute;
}
.content .date {
  font-size: 120%;
  font-weight: bold;
}
div.postgalery {
  border: #e9e9e9 8px solid;
  overflow: hidden;
}
div.postgalery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.postgalery ul li {
  list-style-type: none;
  display: block;
  float: left;
  padding: 0;
  margin: 0 9px 0 0;
  background: none;
}
div.postgalery ul li img {
  padding: 2px;
  padding-bottom: 1.4em;
  margin: 0;
  border-width: 0;
  height: 70px;
}
.content .news-group h2 {
  padding: 5px 10px;
  margin-bottom: 20px;
  position: relative;
  background-color: #4f4f4f;
  color: #ffffff;
  width: 580px;
}
.content .news-group h2 span {
  background-repeat: no-repeat;
  position: absolute;
  bottom: -8px;
  left: 20px;
  height: 8px;
  width: 15px;
}
.content .news-group .img {
  float: left;
}
.content .news-group .news-item {
  clear: both;
  padding: 5px 0;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
  overflow: hidden;
}
.content .news-group .news-item .content {
  width: 490px;
}
.col-2 .home-right .grey-box .section-nav li {
  text-align: left;
}
.col-2 .home-right .grey-box .section-nav li#events a {
  width: 290px;
}
.col-2 .home-right .grey-box .section-nav li.active span {
  width: 95px;
}
/*News events specific */
.news-events div.left div.events div.event div.desc {
  width: 400px;
}
.news-events .content div.main .content {
  width: 248px;
  margin-top: 0;
  padding-top: 0;
}
.news-events .content .lefth {
  width: 620px;
  padding-left: 10px;
  padding-bottom: 10px;
  float: left;
}
/*under-main right*/
.news-events .content .righth {
  width: 300px;
  padding-left: 10px;
  padding-bottom: 10px;
  float: right;
}
.news-events .content .righth h2 {
  background-color: #00325b;
  margin-left: -10px;
  color: #fff;
  padding: 10px;
  margin-bottom: 5px;
}
.news-events div.upcoming-events {
  background-color: #e5eaee;
  margin-left: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: solid 2px #be0f34;
}
.news-events div.upcoming-events h2 {
  margin-right: -10px;
  position: relative;
}
.news-events div.upcoming-events h2 a span {
  background-image: url('/__brunel_brand/0/img/down-arrow.png');
  background-repeat: no-repeat;
  position: absolute;
  bottom: -8px;
  left: 20px;
  height: 8px;
  width: 15px;
}
.news-events .content .righth h2 a {
  color: #fff;
}
/*latest publication*/
.news-events .content .under-main .latest-news ul li h2 {
  font-size: 100%;
}
.news-events .content .righth .lastest-publication h2 {
  background-color: #4f4f4f;
  margin-right: -10px;
  position: relative;
  margin-bottom: 20px;
}
.news-events .content .righth .lastest-publication h2 a span {
  background-image: url('/__brunel_brand/0/img/pubs-arrow.png');
  background-repeat: no-repeat;
  position: absolute;
  bottom: -8px;
  left: 20px;
  height: 8px;
  width: 15px;
}
.news-events .content .righth .lastest-publication {
  clear: both;
  margin-top: 20px;
  background-color: #e5eaee;
  margin-left: 4px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: solid 2px #be0f34;
}
.news-events .content .righth .lastest-publication h3 {
  font-size: 110%;
}
.news-events .content .righth .lastest-publication p {
  margin: 2px 0;
}
.news-events .content .righth .lastest-publication .img {
  float: left;
  width: 80px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.news-events .img .clipout {
  position: relative;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}
.news-events .content .righth .lastest-publication .img img {
  width: 80px;
}
.news-events .content .under-main {
  clear: both;
}
.news-events .content .under-main .content {
  float: left;
  width: 268px;
}
.news-events .content .under-main .content h2 {
  margin-top: 0;
  font-size: 110%;
}
.news-events .content .under-main .content h3 {
  font-size: 100%;
}
.news-events .content .under-main .latest-news .content {
  width: 190px;
  padding: 0;
}
.news-events .content .under-main ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-image: none;
}
.news-events .content .under-main ul li .img {
  float: left;
  margin: 0 10px 0 0;
}
.news-events .content .under-main .latest-news ul li.pos-4 {
  clear: both;
}
.news-events .content .under-main .latest-news ul li.pos-4,
.news-events .content .under-main .latest-news ul li.pos-5 {
  border-top: 1px solid #E9E9E9;
  padding-top: 9px;
}
.news-events .content .under-main ul li {
  margin: 0 10px 0 0;
  min-height: 100px;
  background-image: none;
  padding-left: 0;
  clear: both;
  overflow: hidden;
}
.news-events .content .under-main .latest-news ul li {
  width: 300px;
  float: left;
  clear: none;
}
.news-events .content .under-main #social {
  margin-top: 48px;
  width: 200px;
  float: left;
  margin-left: 20px;
  clear: both;
}
.news-events .content .under-main .flicker {
  width: 400px;
  float: left;
  margin-top: 10px;
  padding-left: 0;
}
.news-events .content div.main .img .clipout {
  border-top: solid 2px #00325b;
  border-bottom: solid 1px #be0f34;
}
.news-events div.righth div.events div.event div.desc,
.news-events div.right div.events div.event div.desc {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  width: 204px;
}
.news-events .content .under-main .flicker h2 {
  padding-left: 0;
}
.flicker #gallery {
  height: 300px;
  overflow: hidden;
}
.flicker #gallery ul li {
  width: auto;
  display: inline-block;
  float: left;
}
/* news artilce */
.news-events h1.page-title {
  display: block;
}
.col-1 .content div.article-top {
  margin-left: 40px;
}
.col-1 .related {
  background-color: #e5eaee;
  margin-bottom: 20px;
  border-width: 0;
  padding: 10px 10px 0 10px;
}
.col-1 .content .alrticle-right {
  width: 300px;
  float: left;
  margin-left: 30px;
}
.Popular ol,
.Popular ol li,
.links ul,
.news-events .content .links ul li,
.related ul,
.news-events .content .related ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  background-image: none;
}
/*publications*/
.news-events .content .publication {
  clear: both;
  width: 450px;
  overflow: hidden;
}
.publication h2 span {
  background-image: url(/__data/assets/image/0007/26566/pubs-arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -8px;
  left: 20px;
  height: 8px;
  width: 15px;
}
.publication h2 {
  background-color: #4f4f4f;
  margin-right: -10px;
  position: relative;
  margin-bottom: 20px;
  padding: 5px 10px;
}
.news-events .content .publication .content {
  float: left;
  width: 270px;
}
.publication h2 a {
  color: #fff;
}
.news-events .content .publication-archive div {
  margin-bottom: 10px;
}
.news-events .content .news-left {
  float: left;
  width: 460px;
}
.news-events .content div.right {
  width: 215px;
  margin-right: 10px;
}
.news-events .content .publication .img {
  float: left;
  margin: 0 20px 10px 10px;
}
.news-events .content .publication .img img {
  width: 150px;
}
/*in the news*/
#in-the-news {
  width: 700px;
}
#in-the-news h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
#in-the-news ul,
#in-the-news ul li {
  margin-left: 0;
  padding-left: 0;
}
#in-the-news ul li {
  border-bottom: 1px solid #CCCCCC;
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 5px 0;
  background-image: none;
}
/*Events*/
div.events div.event {
  clear: both;
  margin: 20px 0;
  overflow: hidden;
  border-bottom: solid 1px #E9E9E9;
}
div.events div.event hr {
  margin: 10px 0;
  clear: both;
}
div.events div.event div.date {
  float: left;
  width: 70px;
}
div.events div.event div.date span.day {
  background: #c4c4c4;
  color: #494949;
  font-size: 20px;
  width: 65px;
  height: 37px;
  padding-left: 5px;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #fff;
  display: block;
  height: 26px;
  padding: 10px 5px 0 0;
  text-align: right;
}
div.events div.event div.date span.month {
  background: #00325b;
  display: block;
  color: #fff;
  font-size: 20px;
  width: 65px;
  height: 32px;
  padding-left: 5px;
  padding-top: 5px;
}
div.events div.event div.date .time {
  display: block;
  text-align: right;
}
div.events div.event div.desc {
  float: left;
  width: 594px;
  background: #fff;
  /* padding: 9px 17px 14px 17px; */
  line-height: 1.55em;
}
div.events div.event div.desc p.type-loc {
  margin: 0;
  font-style: italic;
  margin-bottom: 5px;
}
div.events div.event div.desc h3 {
  margin: 5px 10px;
}
.content h2.month-title {
  padding: 5px 10px;
  margin-bottom: 20px;
  position: relative;
  background-color: #00325b;
  color: #ffffff;
}
.content h2.month-title span {
  background-image: url('/__brunel_brand/0/img//down-arrow.png');
  background-repeat: no-repeat;
  position: absolute;
  bottom: -8px;
  left: 20px;
  height: 8px;
  width: 15px;
}
/*Event Details*/
.col-3 div.events div.event div.desc {
  width: 394px;
}
.content .all-event {
  width: 530px;
}
.content div.add-event {
  margin-bottom: 15px;
  position: relative;
}
.content div.add-event span {
  display: inline-block;
  margin-left: 40px;
  position: absolute;
  top: 25%;
}
.content .date {
  font-size: 120%;
  font-weight: bold;
}
.content table.event-details {
  width: 400px;
  border-width: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}
.content table.event-details td {
  width: 200px;
  border-width: 0;
  vertical-align: top;
  padding: 1px 0;
  text-align: left;
}
.content table.event-details td[scope="row"] {
  width: 100px;
  font-weight: bold;
  color: #474747;
}
.content table.event-details td.ical {
  width: 100px;
}
.content .event-summary {
  font-size: 110%;
}
.content div.event-details {
  margin-top: 10px;
}
.show-hide h2,
.show-hide h3 {
  background: url("/__data/assets/image/0009/1332/arrow-right.jpg") no-repeat scroll left 5px transparent;
  padding-left: 15px;
}
/*custom form stuff*/
.custom-form p {
  margin-bottom: 10px;
}
.custom-form .red {
  color: red;
}
.custom-form p label {
  width: 110px;
  float: left;
}
.error {
  color: red;
  font-weight: bold;
}
/*site feedback*/
.feedback table tr td {
  vertical-align: top;
}
.feedback input[type='text'] {
  width: 259px;
  padding: 10px 5px;
}
.feedback textarea {
  padding: 10px 5px;
}
.feedback span#sq_accessible_validation_link {
  display: block;
}
.feedback label.error {
  color: red;
  float: right;
}
.feedback table {
  border-width: 0;
}
.feedback input#SQ_SYSTEM_SECURITY_KEY_VALUE {
  width: 50px;
  padding: 5px 5px;
}
.feedback .captcha table {
  border-width: 0;
  margin: 0;
  padding: 0;
}
.feedback .captcha table tr td {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.feedback .submit-col {
  text-align: right;
}
.feedback input#sq_commit_button {
  background: none repeat scroll 0 0 #E9E9E9;
  color: #3A3A3A;
  cursor: pointer;
  font-size: 95%;
  font-weight: bold;
  height: 36px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.fbk {
  margin: 15px 0;
  padding: 0;
  border-top: solid 1px #ccc;
  clear: both;
  position: relative;
}
.fbk p {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #E9E9E9;
}
.fbk-response img {
  float: left;
  clear: both;
  margin-top: 10px;
}
.fbk-response {
  padding: 0 5px 10px;
  margin: 5px 30px;
  position: relative;
}
.fbk-response p {
  margin-left: 70px;
  padding: 10px;
}
.fbk-response span {
  display: block;
  text-align: right;
  clear: both;
}
.fbk span,
.fbk-response span {
  font-size: 90%;
  font-style: italic;
}
.fbk .ratings {
  right: 10px;
  bottom: 10px;
  text-align: right;
}
.fbk .ratings img {
  height: 12px;
}
/*Custom Search*/
.search-results .custom-list .people-result img {
  float: left;
  height: 90px;
  padding-right: 20px;
}
.search-results .custom-list .news-result img {
  float: left;
  width: 70px;
  padding-right: 20px;
}
.search-results .custom-list .people-result div {
  float: left;
  width: 300px;
}
.search-results .custom-list .people-result div h3,
.search-results .custom-list .news-result div h3 {
  margin-top: 0;
}
.search-results .custom-list .people-result,
.search-results .custom-list .news-result {
  height: 100px;
}
#people-search li,
#news-search li {
  clear: both;
  margin-bottom: 20px;
}
.search-results .custom-list .news-result div {
  float: left;
  width: 400px;
}
/*sm2*/
#sitemap {
  width: 95%;
  margin: auto;
}
#sitemap h2 {
  position: relative;
  width: 100%;
  background-color: #000000;
  color: #fff;
  padding: 10px 5px;
  clear: both;
}
#sitemap h2 a {
  color: #fff;
}
#sitemap h2 span {
  background: url('/__brunel_brand/0/img/arrow.jpg') no-repeat center;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
}
#sitemap ul li {
  display: block;
  float: left;
}
/*Critical Alerts*/
div#critical-alert {
  background-color: #ffffff;
  color: #552441;
  margin: 0 0 20px 2px;
  border: 10px solid #552441;
}
div#critical-alert h2 {
  display: block;
  background-color: #552441;
  color: #FFFFFF;
  padding: 0 10px 10px 0;
  position: relative;
  margin-top: 0;
}
div#critical-alert h2 a {
  color: #ffffff;
}
div#critical-alert span.intro {
  font-weight: bold;
  font-size: 100%;
  display: block;
  padding: 5px;
}
div#critical-alert span.date {
  color: #999999;
  font-size: 90%;
  display: block;
  padding: 5px;
}
/*FancyBox popup*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/__brunel_brand/0/img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/__brunel_brand/0/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/__brunel_brand/0/img/fancybox/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 999;
  background: url('/__brunel_brand/0/img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/__brunel_brand/0/img/fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/__brunel_brand/0/img/fancybox/fancybox_loading@2x.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
div#right-sidebar div.topmarginlineup {
  margin-top: 60px;
}
.img-right {
  float: right;
  margin-left: 10px;
}
.img-left {
  float: left;
  margin-right: 10px;
}
form label {
  font-weight: normal !important;
}
form ul li {
  background: none !important;
}
form table {
  border: none;
}
form table td {
  border: none;
}
.showhide h2,
.showhide h3 {
  background: url("/__data/assets/image/0009/1332/arrow-right.jpg") no-repeat left 5px;
  padding-left: 15px;
  cursor: pointer;
}
.showhide h2.active,
.showhide h3.active {
  background: url("/__data/assets/image/0014/1346/course-grey-arrow.jpg") no-repeat left 5px;
  padding-left: 15px;
}
/* GENERIC */
.mr20 {
  margin-right: 20px;
}
.center {
  text-align: center;
}
.w400 {
  width: 400px;
}
.w500 {
  width: 500px;
}
.show {
  display: block;
}
.show-inline {
  display: inline;
}
.hide {
  display: none;
}
.table {
  display: table;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  padding: 10px 5px 10px 0pt;
}
.left {
  float: left;
}
.right {
  float: right;
}
.callout {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}
.callout a, a.callout {
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    text-align: center;
    display: table-cell;
    text-decoration: none;
    color: #000;
    float: left;
    position: relative;
    margin: 5px;
    padding: 10px;
    background-color: #ccc;
    box-shadow: 1px 1px 5px #000000;
}
.callout a:hover, a.callout:hover {
    opacity:0.7;
    text-decoration: none;
}

/* LANDING PAGES 2013 */
.container940px {
  width: 940px;
  clear: both;
  padding: 0;
  margin: 0;
}
.container620px {
  float: left;
  margin: 0;
  width: 620px;
  margin-top: 10px;
}
.container300px {
  float: left;
  width: 300px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.container300px.second {
  margin-left: 20px;
}
.container300px.third {
  float: right;
  margin-left: 20px;
}
.container620px h1 {
  margin-top: 10px;
  border-bottom: 3px solid;
}
.push620px {
  width: 620px;
  height: 400px;
  float: left;
  overflow: hidden;
}
.push620px h1 {
  color: #ffffff;
  display: block;
  width: 260px;
  padding: 20px;
  background-color: #333333;
  float: right;
  text-align: center;
  font-size: 180%;
  opacity: 0.8;
  /*filter: alpha(opacity = 80);*/
  border-bottom: none;
  clear: both;
  text-transform: uppercase;
  margin-top: 0;
}
.push620px-text {
  background-color: #333333;
  color: #FFFFFF;
  float: right;
  font-size: 120%;
  opacity: 0.8;
  /*filter: alpha(opacity = 80);*/
  padding: 10px 10px 15px;
  width: 280px;
  clear: both;
  text-align: center;
}
.push620px-text p {
  margin: 0;
}
.push620px a {
  color: #ffffff;
}
.push620px a:hover {
  text-decoration: underline;
}
.push300px-large {
  width: 300px;
  min-height: 195px;
  height: auto;
  float: left;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 0;
  margin-top: 10px;
  position: relative;
}
.push300px-large.first {
  margin-left: 0;
  margin-right: 0;
}
.push300px-large h2 {
  background-color: #00325b;
  color: #FFFFFF;
  display: block;
  height: 20px;
  margin: 0;
  opacity: 0.8;
  /*filter: alpha(opacity = 80);*/
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 100%;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.push300px-large h2 a {
  color: #FFFFFF;
  display: block;
}
.push300px-large h2 a:hover {
  background-color: #be0f34;
  color: #FFFFFF;
  display: block;
  padding-top: 10px;
  height: 30px;
  text-decoration: none;
  position: relative;
  bottom: 10px;
  /*filter: alpha(opacity = 80);*/
}
.push300px-large p {
  margin: 0.5em;
}
.push300px-small {
  width: 300px;
  height: 90.5px;
  border: solid 1px #333333;
  margin-top: 10px;
  float: right;
  overflow: hidden;
  background: no-repeat scroll 10px 10px #ffffff;
}
.push300px-small h3 {
  color: #333333;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  top: 10px;
  left: 120px;
  font-weight: 150;
  width: 175px;
}
.push300px-small a {
  color: #333333;
}
.push300px-small a:hover {
  color: #003399;
}
.push300px-small p {
  color: #333333;
  margin-top: 0;
  position: relative;
  top: 15px;
  left: 120px;
  width: 160px;
}
/* ========================================================================== Student Profiles ========================================================================== */
.profile-pic {
  width: 170px;
  height: 170px;
  position: relative;
  overflow: hidden;
  float: right;
}
.profile-pic img {
  width: 100%;
  position: absolute;
}
.profile-pic img:empty {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quote-icon {
  font-size: 5em;
  display: block;
  float: left;
  line-height: 1em;
  height: 30px;
  overflow: hidden;
  margin: 0 5px 0 0;
}
.quote-icon-last {
  float: right;
  margin: 0 0 0 5px;
}
/* Browser Resets *********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Icon Fonts *********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url('/__brunel_brand/0/fonts/flexslider-icon.eot');
  src: url('/__brunel_brand/0/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/__brunel_brand/0/fonts/flexslider-icon.woff') format('woff'), url('/__brunel_brand/0/fonts/flexslider-icon.ttf') format('truetype'), url('/__brunel_brand/0/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles *********************************/
.flexslider {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.flexslider .slides > li {
  display: none;
  background: #E3E3E3 !important;
  padding-left: 0;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme *********************************/
.flexslider {
  margin: 0 0 10px 0;
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  display: block;
  position: absolute;
  margin: -20px 0 0;
  bottom: 10px;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #1b4585;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
  text-align: right;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  /*filter: alpha(opacity=0);*/
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ========================================================================== Student Profile Listing ========================================================================== */
.sidebar-widget {
  border: 1px solid #ddd;
  -box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  color: #3a3a3a;
}
.widget-header {
  display: block;
  background: #222;
  color: #fff;
  padding: 5px 10px;
  font-size: 1.3em;
}
.widget-pad {
  padding: 10px;
}
.sidebar-widget label {
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.sidebar-widget input[type="text"].search-box {
  padding: 3px 0;
  font-size: 1.1em;
  width: 100%;
  margin-top: 10px;
  display: none;
  outline: none;
}
.sidebar-widget input[type="text"].active {
  display: block;
}
.search-container {
  display: none;
}
.search-container.active {
  display: block;
}
.search-container.loading input {
  display: none;
}
.lt-ie8 .search-container {
  overflow: hidden;
}
.loader img {
  width: 15px;
  margin: 5px 5px 0 0;
}
.sidebar-widget .checkbox {
  width: 18px;
  height: 18px;
  background: #ddd;
  margin: 10px 0;
  border-radius: 5px;
  position: relative;
}
.sidebar-widget .checkbox span {
  position: absolute;
  top: 1px;
  left: 30px;
  min-width: 130px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  color: #888;
}
html.touch .sidebar-widget .checkbox span {
  top: 6px;
  left: 40px;
}
.sidebar-widget .checkbox:hover span,
.sidebar-widget .checkbox span:hover {
  color: #3a3a3a;
}
.sidebar-widget .checkbox label {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #ddd;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.lt-ie9 .sidebar-widget .checkbox label {
  display: none;
}
html.touch .sidebar-widget .checkbox,
html.touch .sidebar-widget .checkbox label {
  width: 28px;
  height: 28px;
}
.sidebar-widget .checkbox input[type=checkbox] {
  opacity: 0;
}
.lt-ie9 .sidebar-widget .checkbox input[type=checkbox] {
  opacity: 1;
}
.sidebar-widget .checkbox input[type=checkbox]:checked + label {
  background: #3a3a3a;
}
.sidebar-widget .checkbox input[type=checkbox]:checked ~ span {
  color: #3a3a3a;
}
.sidebar-widget button,
.btn {
  background: #e9e9e9;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e9e9e9 0%, #d8d8d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #d8d8d8));
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #d8d8d8 100%);
  background: -o-linear-gradient(top, #e9e9e9 0%, #d8d8d8 100%);
  background: -ms-linear-gradient(top, #e9e9e9 0%, #d8d8d8 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%, #d8d8d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d8d8d8', GradientType=0);
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: .5em 0;
  margin: 0;
  text-decoration: none;
  color: #3a3a3a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  outline: none;
  cursor: pointer;
  display: block;
  float: left;
  line-height: 1em;
}
.sidebar-widget button {
  width: 50%;
}
a.btn,
a.btn:hover,
.btn:hover {
  text-decoration: none;
}
.btn {
  padding: .5em;
}
.sidebar-widget button:active,
.toggler button.active,
.btn:active {
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #b4b4b4;
  border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4;
  padding: .4em 0 .6em;
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.3);
  background: #cecece;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2I3YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #cecece 0%, #b7b7b7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #b7b7b7));
  background: -webkit-linear-gradient(top, #cecece 0%, #b7b7b7 100%);
  background: -o-linear-gradient(top, #cecece 0%, #b7b7b7 100%);
  background: -ms-linear-gradient(top, #cecece 0%, #b7b7b7 100%);
  background: linear-gradient(to bottom, #cecece 0%, #b7b7b7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#b7b7b7', GradientType=0);
}
.btn:active {
  padding: .4em .5em .6em .5em;
}
.sidebar-widget button.toggle-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.sidebar-widget button.toggle-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
ul.as-selections {
  list-style-type: none;
  border-top: 1px solid #888;
  border-bottom: 1px solid #b6b6b6;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 3px 0;
  margin: 0;
  margin-bottom: 0 !important;
  margin-top: 10px;
  overflow: auto;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.lt-ie8 ul.as-selections {
  overflow: hidden;
}
ul.as-selections.loading {
  background-color: #eee;
}
ul.as-selections li {
  float: left;
  margin: 1px 4px 1px 0;
}
#left-sidebar ul.as-selections li.as-selection-item,
ul.as-selections li.as-selection-item {
  color: #2b3840;
  font-size: 13px;
  font-family: "Lucida Grande", arial, sans-serif;
  text-shadow: 0 1px 1px #fff;
  background-color: #ddeefe;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
  border: 1px solid #acc3ec;
  border-top-color: #c0d9e9;
  padding: 2px 7px 2px 10px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  box-shadow: 0 1px 1px #e4edf2;
  -webkit-box-shadow: 0 1px 1px #e4edf2;
  -moz-box-shadow: 0 1px 1px #e4edf2;
  width: 146px;
}
ul.as-selections li.as-selection-item:last-child {
  margin-left: 30px;
}
ul.as-selections li.as-selection-item a.as-close {
  float: right;
  margin: 1px 0 0 7px;
  padding: 0 2px;
  cursor: pointer;
  color: #5491be;
  font-family: "Helvetica", helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0 1px 1px #fff;
  background: transparent !important;
  -webkit-transition: color 0.1s ease-in;
}
ul.as-selections li.as-selection-item.blur {
  color: #666666;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
  border-color: #bbb;
  border-top-color: #ccc;
  box-shadow: 0 1px 1px #e9e9e9;
  -webkit-box-shadow: 0 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 1px #e9e9e9;
}
ul.as-selections li.as-selection-item.blur a.as-close {
  color: #999;
}
ul.as-selections li:hover.as-selection-item {
  color: #2b3840;
  background-color: #bbd4f1;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5));
  border-color: #6da0e0;
  border-top-color: #8bb7ed;
}
ul.as-selections li:hover.as-selection-item a.as-close {
  color: #4d70b0;
}
ul.as-selections li.as-selection-item.selected {
  border-color: #1f30e4;
}
ul.as-selections li.as-selection-item a:hover.as-close {
  color: #1b3c65;
}
ul.as-selections li.as-selection-item a:active.as-close {
  color: #4d70b0;
}
ul.as-selections li.as-original {
  margin-left: 0;
}
ul.as-selections li.as-original input {
  border: none;
  outline: none;
  font-size: 13px;
  width: 120px;
  height: 18px;
  padding-top: 3px;
  background: transparent;
}
ul.as-list {
  position: absolute;
  list-style-type: none;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 14px;
  color: #000;
  font-family: "Lucida Grande", arial, sans-serif;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 2;
  box-shadow: 0 2px 12px #222;
  -webkit-box-shadow: 0 2px 12px #222;
  -moz-box-shadow: 0 2px 12px #222;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.lt-ie8 ul.as-list {
  background: #fff;
}
#left-sidebar li.as-result-item,
li.as-result-item,
#left-sidebar li.as-message,
li.as-message {
  margin: 0 0 0 0;
  padding: 5px 12px;
  background-color: transparent;
  border: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 142px;
}
.lt-ie8 li.as-result-item {
  background: #fff;
}
li:first-child.as-result-item {
  margin: 0;
}
li.as-message {
  margin: 0;
  cursor: default;
}
#left-sidebar li.as-result-item.active,
li.as-result-item.active {
  background-color: #3668d9;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 64%, from(#6e81f5), to(#3e52f2));
  border-color: #3342e8;
  color: #fff;
  text-shadow: 0 1px 2px #122042;
}
li.as-result-item em {
  font-style: normal;
  background: #444;
  padding: 0 2px;
  color: #fff;
}
li.as-result-item.active em {
  background: #253f7a;
  color: #fff;
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ul.as-selections li.as-selection-item {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  ul.as-selections li.as-selection-item a.as-close {
    margin-top: -1px;
  }
  ul.as-selections li.as-original input {
    height: 19px;
  }
}
/* Opera Hacks */
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  ul.as-list {
    border: 1px solid #888;
  }
  ul.as-selections li.as-selection-item a.as-close {
    margin-left: 4px;
    margin-top: 0;
  }
}
/* IE Hacks */
ul.as-list {
  border: 1px solid #888\9;
}
ul.as-selections li.as-selection-item a.as-close {
  margin-left: 4px\9;
  margin-top: 0\9;
}
/* Firefox 3.0 Hacks */
ul.as-list,
x:-moz-any-link,
x:default {
  border: 1px solid #888;
}
BODY:first-of-type ul.as-list,
x:-moz-any-link,
x:default {
  /* Target FF 3.5+ */
  border: none;
}
.profile-card {
  margin-bottom: 0;
  padding: 0 10px;
  border-radius: 3px;
  border-top: 0 solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 0 solid #f8f8f8;
  border-right: 1px solid #f8f8f8;
  background: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  width: 94%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.profile-card.visible {
  opacity: 1;
  margin-bottom: 20px;
  padding: 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #f8f8f8;
}
.lt-ie8 .profile-card {
  display: none;
  overflow: hidden;
}
.lt-ie8 .profile-card.visible {
  display: block;
}
.profile-card.odd {
  margin-left: 6%;
}
.profile-card * {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.profile-card-details {
  text-align: right;
}
.profile-card.odd .profile-card-details {
  text-align: left;
}
.featured-profile-pad {
  padding: 10px;
  position: relative;
}
.featured-profile-details {
  width: 100%;
  position: relative;
}
.featured-profile-details .featured-profile-details-float {
  float: left;
}
.featured-profile-details .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.featured-profile-details span {
  display: block;
  margin-bottom: 5px;
}
.featured-profile-quote {
  width: 100%;
  font-size: 1.7em;
  color: #0E0047;
}
.featured-profile-quote .quote,
.profile-card .quote {
  font-size: 2.8em;
  display: inline;
  line-height: .05em;
  vertical-align: -0.5em;
}
.quote-start {
  margin-right: 10px;
  vertical-align: -0.45em;
}
.quote-end {
  margin-left: 10px;
}
.featured-profile-quote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.5;
}
.ratio {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.dummy {
  display: block;
  margin-top: 100%;
}
.dummy-16-by-9 {
  margin-top: 56.25%;
}
.ratio-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.ratio img {
  width: 100%;
  position: absolute;
}
.ratio img:empty {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.student-profile-image-featured {
  width: 20%;
  margin: 0 20px 20px 0;
  border: 5px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  float: left;
}
.student-profile-image-card {
  width: 10%;
  margin: 0 10px 10px 0;
  border: 3px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  float: left;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.profile-card.odd .student-profile-image-card {
  float: right;
  margin: 0 0 10px 10px;
  transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
}
.content {
  position: relative;
}
.full-height-left-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
}
#filter {
  background: #fff;
  width: 190px;
  top: 0;
}
#filter.fixed {
  position: fixed;
}
.profile-card .btn {
  margin-top: 10px;
}
#profile_list {
  padding-bottom: 100px;
}
.featured-profiles .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  background: none;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.featured-profiles .slides img {
  width: 100%;
  display: block;
}
.featured-profiles {
  margin: 0 0 60px;
  background: #fff;
  background: #d9e9fc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZTlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWRjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d9e9fc 0%, #cedced 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9e9fc), color-stop(100%, #cedced));
  background: -webkit-linear-gradient(top, #d9e9fc 0%, #cedced 100%);
  background: -o-linear-gradient(top, #d9e9fc 0%, #cedced 100%);
  background: -ms-linear-gradient(top, #d9e9fc 0%, #cedced 100%);
  background: linear-gradient(to bottom, #d9e9fc 0%, #cedced 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9e9fc', endColorstr='#cedced', GradientType=0);
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
  padding: 0;
  overflow: visible;
}
.featured-profiles .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.featured-profiles .flex-direction-nav .flex-prev {
  left: -50px;
}
.featured-profiles .flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.featured-profiles:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
  background: url(/__data/assets/image/0007/344536/flex-previous.png);
}
.featured-profiles:hover .flex-next {
  opacity: 0.7;
  right: 10px;
  background: url(/__data/assets/image/0010/344539/flex-next.png);
}
.featured-profiles:hover .flex-next:hover,
.featured-profiles:hover .flex-prev:hover {
  opacity: 1;
}
/* Student Profiles Slider Styles */
.ratio {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.dummy {
  display: block;
  margin-top: 100%;
}
.dummy-16-by-9 {
  margin-top: 56.25%;
}
.ratio-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
}
.ratio img {
  width: 100%;
  position: absolute;
}
.ratio img:empty {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.student-profile-image-small {
  width: 40%;
  float: right;
  margin: 0 0 10px 10px;
  border: 5px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
}
.student-profile-small h2 {
  font-weight: lighter;
  display: block;
  background-color: #000000;
  color: #ffffff;
  padding: 10px;
  position: relative;
  margin-top: 0;
  margin-bottom: 11px;
}
.student-profile-small h2 span {
  background: url('/__brunel_brand/0/img/arrow.jpg') no-repeat center;
  width: 15px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 20px;
}
.student-profile-small .quote {
  margin: 10px 10px 40px 10px;
  font-size: 1.1em;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after,
.clearfix {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.read-more {
  display: block;
  margin-top: 10px;
}
/* You Tube video Gallery CSS for jquery.youtubeplaylist.js (267451) */
#ytvideo {
  float: left;
  margin-right: 10px;
}
.yt_holder {
  background: #1b1b1b;
  border: 1px solid #e3e3e3;
  float: left;
  margin-bottom: 15px;
  padding: 10px;
}
.yt_holder ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
}
.yt_holder ul li {
  background: #6e6e6e;
  display: block;
  float: left;
  list-style-type: none;
  margin-bottom: 5px;
  padding: 2px;
  width: 216px;
  margin-bottom: 1px;
}
.yt_holder ul li:hover {
  background: #888;
}
.yt_holder ul li img {
  border: 1px solid #999;
  float: left;
  margin-right: 5px;
  width: 120px;
}
.yt_holder ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-weight: bold;
}
.yt_holder .currentvideo {
  background: #4f4f4f;
}
/* AddThis widget overrides */
.addthis_button_tweet {
  width: 90px !important;
}
.addthis_button_google_plusone {
  width: 70px !important;
}
/* js caption overrides */
img.caption {
  margin-right: 10px !important;
  padding: 0;
  width: auto;
}
.caption-text {
  clear: both;
  color: #ffffff;
  background-color: #000000;
  font-size: 90%;
  text-align: center;
  margin: 0 0 6px;
  padding: 3px 0 0;
}
.caption-wrap.left {
  width: auto !important;
}
.caption-wrap.right {
  margin-left: 15px !important;
  width: auto !important;
  margin-right: 0 !important;
}
.focus-link,
.focus-links a {
  background: #3498db;
  background: #e3e3e3;
  padding: 0 5px;
  border: solid #d9d9d9 1px;
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 160%;
}
.focus-link:hover,
.focus-links a:hover {
  background: #ecebff;
  text-decoration: none;
}