body {
padding:0;
margin:0;
font-family:Arial, Helvetica, Verdana, sans-serif;
line-height:1.5;
color:#333
}

/* #TYPOGRAPHY */
/* Scale is 14px, 16px, 20px, 24px. No deviation from these font sizes */

#pagetitle {
margin:0;
font-size:1.875em;
font-size:34px;
font-weight:normal;
color:#B01C2E;
margin-bottom: 0.75em;
font-family: Georgia;
line-height:1.1;
letter-spacing: -0.01em
}

.ie6 #pagetitle, .ie7 #pagetitle  {
background:url(/media-library/protected/images/pagetitle-back.png) repeat-x bottom left;
padding:0 0 .65em 0;
}

#pagetitle:after {
margin-top: 0.5em;
content: " ";
height: 2px;
border-top: 1px solid #dedcd2; 
border-bottom: 1px solid #dedcd2;
display: block;
padding: 0;
width: 100%;
margin-top: 0.65em;
}

.page-without-nav #pagetitle:after {
width: 100%; 
}

.small {
font-size:.875em;
}

.weak  {
color: #666;
}

[class*="btn"] .weak ,
[class*="-d-"] .weak,
[class*="-b-"] .weak  {
color: #fff; 
zoom: 1;
filter: alpha(opacity=7);
opacity: 0.7;
}

[class*="btn"]:hover .weak,
[class*="-d-"] a:hover .weak,
[class*="-b-"] a:hover .weak  {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; 
filter: alpha(opacity=4);
opacity: 0.4;
}

.large {
font-size:1.5em!important;
line-height: 1.25em;
font-family: Georgia!important;
font-weight: normal;
}

.large.module-heading {
font-weight: normal!important;
}

.slide-text .large {
font-size: 30px!important
}

.mega {
font-size:1.875em;
font-size:34px;
font-family: Georgia;
font-weight: normal;
line-height: 1.2em;
}

h1 {
color:#B01C2E;
font-size:1.5em;
font-weight:normal;
line-height: 1.25em;
}

h2 {
font-size:1.125em;
font-weight:bold;
line-height: 1.333em;
margin: 1.9995em 0 0.6665em 0;
}

/* kill top margin heading at the top of layout-container */
.column > h2 { 
margin-top: 0
}

h3,h4,h5,h6  {
font-size:1em;
font-weight:bold;
margin:0;
}

.small-heading {
font-size: 0.875em!important;
margin: 0!important;
}

.heading-border /* for adding double lines to heading when not in module, also reinstates bottom margin */ {
font-size: 1em;  
font-weight: bold;  
padding: 0 0 .75em 0; 
margin: 0;
line-height:1.142em;
border-top: 1px solid #dedcd2; 
position: relative;
color: #86431e;
}

.heading-border:before  {
content: " ";
height: 1px;
margin: 2px 0 0.6em 0 ;
border-top: 1px solid #dedcd2; 
display: block;
}

p, ul, ol, dl, form, blockquote, pre, table {
margin-top:0;
margin-bottom:1.5em;
}

.half-spacing p,
.half-spacing ul,
.half-spacing ol,
.half-spacing dl,
.half-spacing form,
.half-spacing blockquote,
.half-spacing pre,
.half-spacing table {
margin-bottom:0.75em!important;
}

ul ul, ul ol, ol ol, ol ul { 
margin-bottom: 0
}

ol, ul {
margin-left: 2em;
padding-left:0;
}

.grid_3 ul {
margin-left: 1.25em;
}

ul {
list-style-image:none;
list-style-type: disc;
}

li {
margin-left: 0;
padding-left: 0
}

ol  {
list-style-type:decimal;
list-style-image:none;
}

.list-no-style { 
list-style-type:none;
margin-left: 0!important;
padding-left: 0!important;
}

ul.list-half-spacing li   {
margin-bottom:0.75em;
}

ul.list-full-spacing li {
margin-bottom:1.5em;
}

dl  { 
overflow: auto;
}

dt { 
float: left;
width: 30%;
clear: left;
}

dd { 
float: left;
margin-left: 10%;
}

pre {
font-size: 0.875em;
padding: 1em 2.5%;
background: #efede9;
}

.force-text-wrap {
  /* css-tricks.com */
 word-wrap: break-word;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
   word-break: break-all;
  /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
  }
  

/* blockquote */
blockquote { 
quotes: "\201C" "\201D";  
margin: auto 0; 
padding: 0 0 0 3%; 
font-style: normal; }

blockquote p:first-child:before{
content: open-quote;}

blockquote p:last-child:after{
content: close-quote; }

blockquote p:first-child { 
text-indent: -0.3em; }

.ie6 blockquote p:first-child, 
.ie7 blockquote p:first-child {
text-indent: 0;
}  

.quotee { 
color: #666;  
margin: -1.5em 0 1.5em 0;
padding-right: 2.5em;
font-size: 14px;
padding-left: 3%
}

.module-box .quotee {
padding-left: 0
}

[class*="module-box-"] .quotee,
[class*="module-box-"] .quotee:before { 
color: #fff; 
zoom: 1;
filter: alpha(opacity=7);
opacity: 0.7;
margin: -2.5em 0 1.5em 0;
padding-left: 0
}



acronym:hover, abbr:hover { 
cursor: help }

/* lead in */
.lead-in { font-family: Georgia; font-size: 18px; }
.lead-in:after { content: " "; width: 47.7%; display: block; border-top: 4px solid #dedcd2; margin: 1.5em auto; position: relative; top: -2px }
.img-main + .lead-in { margin-top: -0.5em }
.lead-in-no-border:after {
 content: none;  }


/* LINKS */
a:link {		
color: #0F7CA4;
text-decoration:none;
}

a:visited {
color: #0F7CA4;
}

a:hover, a:focus {
color: #0F7CA4;
text-decoration:underline;
outline: none;
}


/* #IMAGES */
img {
max-width: 100%; 
height: auto;
}

/* images in body area with no grid - align right */
.align-right,
.align-right-no-width { 
float: right;
margin: 0 0 1.5em 4.5%;
width:  31.06%;
 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; }
 
 /* no width */
.align-right-no-width {
width:  auto;
}
 
 /* align right within grid */
.grid_6 .align-right,
.grid_8 .align-right { 
width:  47.7%;
}

/* putting two side by side */
.grid_6 .align-right.module + .align-right.module,
.grid_8 .align-right.module + .align-right.module {
margin-left: 0;
}


/* main image at top of page */
.img-main,
.grid_8 > img[width="600"][height="250"] {
max-width: 100%;
margin-bottom: 1.5em;
}

.grid_8 .module .img-main + .large,
.grid_8 .module img[width="600"][height="250"] + p.large  {
margin-top: 0.25em; margin-bottom: 1em; padding: 0!important
}


/* old image styles (to deprecate) */
.image-left-border { 
float: left; 
margin: 0 3.5% 1.5em 0;
border: 1px solid #dedcd2; }

.image-left-noborder, .image-left { 
float: left; 
margin: 0 3.5% 1.5em 0; }

.image-right-border { 
float: right; 
margin: 0 0 1.5em 3.5%; 
border: 1px solid #dedcd2; }

.image-right-noborder, .image-right  { 
float: right; 
margin: 0 0 1.5em 3.5%; }


/* circular image */
.img-circle {
border-radius: 50%; 
width: 50%; 
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2); 
left: auto!important; }



/* circular image aligned right and bottom in module-box */
.module .img-circle-right {
width: 45%; 
left: auto!important; 
float: right;
margin-right: -2em;
margin-top: 0em;
margin-bottom: -1.25em;
margin-left: 0.5em;
}

/* putting img within a paragraph in a quote */
.module p .img-circle-right {
margin-bottom: 0.5em;
}

/* image with caption */
.img-with-caption {
margin-bottom: 0.75em!important;
border-bottom: 1px solid #dedcd2;
}

.img-with-caption img {
margin-bottom: 0.5em;
}

p.caption {
font-size: 0.875em;
color: #666;
margin: 0;
padding: 0 0.2em 0.5em 0.2em;
}

/* #FORMS */

/* kill */
input { 
/* -webkit-appearance: none; */
}

input, select, textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 0.75em;
}

input[type=text], 
input[type=email], 
input[type=button], 
input[type=submit], 
textarea, select { 
font-size:.875em;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
padding:.4em .5em;
border:1px solid #dedcd2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input[type=button], 
input[type=submit] {
font-family:Arial, Helvetica, sans-serif;
background:#b01c2e;
padding:.5em 1em;
border:1px solid #b01c2e;
color:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size: 14px; 
/*
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
}

/* checkbox/radio wrapped in label */
label input[type=checkbox],
label input[type=radio] {
float: left;
margin-right: 0.5em;
position: relative;
top: 0.2em
}

/* nasty */
.scoped-google-search input[type="checkbox"], 
.scoped-google-search input[type="radio"] {
float: none!important;
}


input[type=button].weak, 
input[type=submit].weak{ 
border:1px solid #dedcd2;
background: #efede9;
color:#333;
}

input[type=button].weak:hover, input[type=button].weak:focus, input[type=submit].weak:hover, input[type=submit].weak:focus { 
border:1px solid #dedcd2;
background: #fff;
color:#333;
}

input[type=submit]:hover, input[type=submit]:focus {
background: #161b20;
border-color: #161b20;
}

fieldset {
margin: 0 0 .75em 0; 
padding: 0;
border: 0;
}

legend {
margin-bottom: 0.75em
}

select optgroup { 
font-style: normal;
font-weight: normal; 
margin-bottom: 0.75em; }

/* headings in forms, revert to normal margins */
form h2 {
margin: 1.333em 0 1.333em 0;
}

form h3, form h4, form h5, form h6  {
margin-bottom: 1.5em;
}

/* by default labels display above form fields */
label {
margin-bottom: 0.25em;
display: inline-block;
}


.form-base label {
font-size: 16px;
font-weight: bold;
display: block
}

.form-base input[type=text],
.form-base textarea,
.form-base select  {
width: 100%;
display: block;
}

.form-base input[type=text] + label,
.form-base textarea + label,
.form-base select + label,
.form-base input[type=text] + fieldset,
.form-base textarea + fieldset,
.form-base select + fieldset {
margin-top: 1.25em
}

.form-base label .form-note,
.form-base legend .form-note {
display: block;
font-size: 14px;
color: #666;
font-weight: normal;

}

.form-base .form-op-req {
font-weight: normal;
color: #666;
font-size: 14px;
font-style: italic;
}


/* fieldsets */
.form-base fieldset {
margin-bottom: 1.5em;
}

.form-base fieldset[class*="bg-"] {
padding: 1em;
}

.form-base fieldset legend {
font-size: 16px;
font-weight: bold;
float: left;
display: block;
width: 100%;
}


.form-base .fieldset-base legend:before {
content: " ";
display: block;
height: 2px; 
border-top: 1px solid #dedcd2;
border-bottom: 1px solid #dedcd2;
margin-bottom: 0.5em
}

.ie9 #uobcms-content > .form-base .fieldset-base legend:before,
.ie9 .grid_12 > .form-base .fieldset-base legend:before {
width: 100%
}

.form-base .fieldset-base[class*="bg-"] legend:before
{
content: none;
}


/* radio */
.form-base input[type=radio],
.form-base input[type=checkbox]  {
float: left;
margin: 0.25em 0.25em 0 0;

}

.form-base input[type=radio] + label,
.form-base input[type=checkbox] + label  {
font-weight: normal
}


/* form width */
#uobcms-content > .form-base,
#uobcms-content .grid_12 > .form-base { 
width: 65.086%
}


#uobcms-content .grid_8 > .form-base {
width: 100%
}

/* misc forms */
label + input[type=submit] {
margin-top: 1.5em
}

/* #TABLES */
.table-basic { 
width: 100%;
border-top: 1px solid #dedcd2;
margin-bottom: 1.7142em;
font-size: 0.875em;
}


.table-basic td, .table-basic th { 
text-align: left;
padding: 0.5em 1em;
border-bottom: 1px solid #dedcd2;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.table-basic th {
 background-color:#efede9;
}

caption {
font-style: italic; 
margin-bottom: 0.75em; 
}

/* table with no style */
.table-no-style { 
border: 0;
}

.table-no-style td, .table-no-style th { 
padding: 0;
border: 0;
}

.table-no-style th {
 background-color: transparent!important;
}

/* striped table */
.table-striped tr th {
background-color: #efede9;
}

.table-striped tr:nth-of-type(even) td {
  background-color:#efede9;
}

/* solid table */
.table-solid tr, .table-solid th, .table-solid td {
background-color:#efede9;
}

/* content styling in table */
table p,
table ol, 
table ul,
table ol,
table form {
margin-bottom: 0.75em;
}

#programme-summary th {
width: 40%;
}


/* #SKIP TO CONTENT */
.skip-to-content  { 
position: absolute;  
left: -999px; 
background: #B01C2E; 
color: white!important; 
display: block;  
padding: 0.7em; 
font-size: .875em; 
z-index: 100;
}

.skip-to-content:focus { 
left: 48%; 
text-decoration: none;
}

div:focus { 
border: 0; 
outline: none ;
}


/* #CONTENT SCROLL Apply to a parent div containing wide content that stretches beyond main content area - eg table*/
.content-scroll {
	width: 100%;
	overflow: auto
}


/* HIDDEN */
.hidden {
display: none;
visibility:hidden }

/* #MASTER WIDTH AND CENTERING */
.width-master {
margin:0 auto;
max-width:1150px;
min-width:967px;
}

#uobcms-wrapper,.uob-mega-footer,.feedback-container, .uob-header  {
padding:0 2.08%;
}



/* #CLEARFIX */
.clearfix:after, 
.layout-container:after, 
.module-horizontal:after, 
#uobcms-wrapper:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

* html .clearfix, 
* html .layout-container, 
* html .module-horizontal {
zoom:1;
}

:first-child+html .clearfix, 
:first-child+html .layout-container, 
:first-child+html .module-horizontal {
zoom:1;
}


/* #MAINNAV  */

.uob-mainnav-container {
background:#161b20;
}

.uob-mainnav { 
margin: 0 auto;
padding:0; 
list-style:none; 
white-space:nowrap; 
background:#161b20; 
z-index: 510; /* needed to put whole nav above menu-off */ 
position: relative
}

.uob-mainnav > li { 
display:block; 
position:relative;
border-right:1px solid #505458;
float:left;  }

.uob-mainnav > li > a, .uob-mainnav > li > a:visited   { 
display:block; 
color:#fff; 
text-decoration:none;  
padding:0.7em 0.95em; 
position:relative;  
z-index:10;
display:block; 
font-size: .875em;
}

.uob-mainnav > li > a:hover, .uob-mainnav > li > a:focus {
outline: none;
background:#393d41;
}

.u-m-home {
border-left:1px solid #505458;
}



/* DROPDOWN FOR MAINNAV */

/* displaying dropdown */
.uob-mainnav div.dropdown {
display:block;
background:#fff; 
border: 1px solid #ccc; 
border-top: 0; 
position:absolute; 
left:-9999px; 
z-index:1000!important;
/* transition on show*/
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
transition: opacity 0.7s; 
/* hide */
opacity:0; 
-webkit-box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
-moz-box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
}


.uob-mainnav > li div.dropdown.display  { 
    left:0; 
    opacity:1;
   -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0px);
}

/* styling for dropdown */

.uob-mainnav > li > a.u-m-dropdown-link  {
padding-right:1.4em; 
}

.u-m-dropdown-link:after{
	content: "\e013";
	color: #e5a310!important;
	position: absolute;
	right: 0.1em;
	top: 0.65em;
	font-size: 18px;
}


.u-m-dropdown-link:hover {
cursor: pointer
}

.u-m-link-active, 
.u-m-link-active:hover, 
.u-m-link-active:focus {
background-color: white!important;
color: #333!important;
}


/* screen overlay */
 .screen-overlay {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
    background: #fff;
    zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.75;
	z-index: 500!important; 
    cursor: pointer;
    }

/* dropdown panel, this needs simplifying at some stage */
.dropdown { 
	/* display: none; */
	margin-left: -1px;
	border-top: 0;
	z-index: 100;
	background: #fff;
	width: 800px;
	padding: 1.5em 0 1.5em 1.4em ;
	}
	

.dropdown-university {
	width: 534px;
	padding-bottom: 0;
}

.dropdown-university .layout-container {
margin-bottom: 0
}

.column-university-related {
margin: 1.5em 0 0 -1.4em
}

.column-university-related .module {
float: left; 
width: 50%; 
margin: 0 0 0.5em 0;
}

.column-university-related .module-heading {
padding: 0
}

.dropdown-study {
padding: 0 0 0 1.4em;
}

.dropdown .row {
overflow: visible;
margin-bottom: 0
}

.dropdown .layout-container {
margin-bottom: 0!important;
}

.dropdown .grid_4 { 
float: left; 
width: 30%!important; 
margin-left: 0!important;
padding-right: 3%;
}

.dropdown-study .grid_4  {
padding-top: 1.5em;
padding-bottom: 0;
}

.dropdown .module-overlay  { 
margin: 0!important;
}

.dropdown .module-heading {
padding-bottom: 0!important;
}

.dropdown .column-study-related {
padding: 0!important;
width: 34%!important;
float: right!important;
}

.column-study-related .module-heading {
padding: 0
}

.dropdown-study .layout-container { 
margin: 0;
}	

.dropdown h2 {
margin: 0 0 0.25em 0;
font-size: 1em;
}

.dropdown h2 a:hover {
text-decoration: underline;
}

.dropdown ul .btn {
margin-top: 0.5em;
line-height: 1.5;
position: relative;
left: -2%;
}

.dropdown ul .btn:hover {
text-decoration: none!important;
}

.dropdown h2, 
.dropdown h2 a { 
color: #333 }

.dropdown li { 
float: none; 
border-right: 0; }

.dropdown a { 
text-decoration: none; 
display: block; }

.dropdown .list-no-style {
line-height:  1.714em; 
font-size: 0.875em;  
}





/* #HEADER */
.uob-header-container {
background:#FFF;
color:#333;
min-height:95px;
border-bottom:1px solid #dedcd2;
-webkit-box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
-moz-box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
box-shadow:0 6px 6px -6px rgba(0,0,0,0.2);
margin-bottom: 2.75em;
position:relative;
z-index: 505;
}

.uob-header {
position:relative;
overflow: auto; 
min-height:107px;
}

.uob-header-container:before {
content: "";
height: 1px;
border-top: 1px solid rgba(255,255,255,0.2);
position: absolute;
top: 0;
left: 0;
width: 100%
}

.uob-header-container:after {
content: "";
height: 1px;
border-top: 1px solid rgba(0,0,0,0.2);
position: absolute;
bottom: -1px;
left: 0;
width: 100%
}

/* turn off, only on for dept colour schemes */
.uob-header-container:before, .uob-header-container:after {
display: none;
visibility: hidden;
}

/* #UOB LOGO */
#uoblogo {
width:18.3%;
float:left;
margin-top: 0.4em
}

#uoblogo span {
background-image:url(/media-library/protected/images/uob-logo-full-colour-largest-2.png);
background-repeat: no-repeat;
background-position: 50% 65%;
display:block;
width:100%;
float:left;
height:84px;
text-indent:-2000px;
}

#uoblogo a:hover span, #uoblogo a:focus span {
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}

/* USER NAV */
.nav-users {
position: absolute; 
right: 3.4%;
top: 0.75em;
margin: 0;
font-size: 14px;
z-index: 5000;

}

.nav-users li {
display: inline-block;
margin: 0;
color: #dedcd2
}

.nav-users a {
display: inline-block;
padding: 0.6em 0.5em 0.6em 0.5em;
color: #333;
}


.nav-students:after,
.nav-staff:after {
content: "/"!important
}

.nav-alumni:after {
content: none!important
}

/* #MAINTITLE */
.maintitle {
margin-left: 19.4945%;
padding-left:1.1945%;
border-left:1px solid #fff;
margin-right: 20%;
}

.maintitle #title1 {
font-family:Georgia;
display:block;
font-weight:normal;
font-size:1.5em;
margin:0;
padding:0;
color:#333;
/* new */
font-size: 24px;
}

#maintitle1 {
margin-top:2.1em;
margin-bottom: 1.15em;
padding-top: 0.5em; 
padding-bottom: 0.75em; 
}

#maintitle1 #title1 {
line-height: 1.2em;
}

#maintitle2 {
margin-top:1.6em;
margin-bottom: 1.0em;
}

#maintitle2 #title2 {
padding:0;
margin:0;
font-size: .875em;
text-transform:none;
font-weight:normal;
color:#333;
}

#maintitle2 .hide {
display:none;
visibility:hidden;
}

#maintitle2 #title1 {
top:0;
margin:0;
padding:0;
line-height: 1.2em
}

.maintitle a,.maintitle a:visited {
color:#333;
text-decoration:none;
}

.maintitle a:hover, .maintitle a:focus {
color:#333;
text-decoration:underline;
background-color:transparent;
outline: none;
}

#maintitle2 #title2 a {
color:#666;
}

/* #SEARCH */
.uob-search {
position:absolute;
right:3.8%;
top:auto;
bottom: 0.75em;
margin:0;
padding:0;
}

.uob-search-field {
font-size:.875em!important;
font-family:Arial, Helvetica, sans-serif;
padding:.45em;
color:#666;
border:1px solid #dedcd2;
width:10em;
line-height:14px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-right-radius: 0!important;
-webkit-border-bottom-right-radius: 0!important;
-moz-border-radius-topright: 0!important;
-moz-border-radius-bottomright: 0!important;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
-moz-transition: width 0.5s ease-out;
-webkit-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
background-repeat: no-repeat; 
background-position: center;
}


.uob-search-field:focus {
 width: 15em;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
}

input.uob-search-button {
font-size:.875em!important;
font-family:Arial, Helvetica, sans-serif;
background:#b01c2e;
padding:.4em 0;
width:5em;
border:2px solid #b01c2e;
line-height:14px;
color:#FFF;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0!important;
-webkit-border-top-right-radius:3px!important;
-webkit-border-bottom-right-radius:3px!important;
-moz-border-radius-topright:3px!important;
-moz-border-radius-bottomright:3px!important;
border-top-right-radius:3px!important;
border-bottom-right-radius:3px!important;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important;
margin-left: -1px!important;
 } 


input.uob-search-button:hover, input.uob-search-button:focus {
background:#000;
border-color:#000;
} 

.ie6  input[type=submit], .ie7 input[type=submit],.ie8 input[type=submit] {
padding:.4em 0;
border: 0px;
}



/* #FEEDBACK */

.feedback-container {
clear: both; 
position: relative;
z-index: 1;
}

.page-feedback {
margin-top:1.5em;
border-top:1px solid #dedcd2;
padding-top:.5em;
}

.page-with-nav .page-feedback {
margin-left:20.823%;
}

.page-feedback > p {
margin:0;
}

.page-feedback > p > a {
text-decoration:none;
color:#666;
}

a.icon-feedback:after {
content: "\e008";
margin-left: 0.5em;
color: #beb9a6;
}

a.icon-feedback:hover:after, a.icon-feedback:focus:after {
 color: #b01c2e;
}

.page-feedback a:hover, .page-feedback a:focus {
outline: none;
}


/* feedback popup */
.feedback-popup {
position: relative;
padding-top: 0.5em;
}

.feedback-popup .icon-close {
position: absolute!important;
top: 1.6em; 
right: 0;
}


/* #FOOTER (new) */
.uob-mega-footer-container {
margin-top:3em;
font-size:.875em;
line-height:1.714;
background:#161b20;
color:#ddd;
}


.uob-mega-footer-col {
min-height:25em;
width:19.811%;
float:left;
margin-left:2.389%;
padding:1.714em 1% 0 2.389%;
background:url(/media-library/protected/images/uob-mega-footer-col-border.png) repeat-y top left;
}



.ie6 .uob-mega-footer-col,.ie7 .uob-mega-footer-col,.ie8 .uob-mega-footer-col {
width:19.425%;
margin:0 0 0 2.5%;
padding:1.714em 1% 2.571em 2.5%;
}

.uob-mega-footer .uob-mega-footer-col:first-child {
padding-left:0;
margin-left:0;
background:none;
}

.page-with-nav .uob-mega-footer-col {
width:21.087%;
margin-left:2.389%;
padding:1.714em 1% 2.571em 2.434%;
}

.page-with-nav .uob-mega-footer-col:first-child {
width:15.045%;
}

.uob-mega-footer h4 {
padding:0;
margin:0;
font-weight:normal;
color:#e5a310;
}

.uob-mega-footer h4 a {
color:#e5a310;
text-decoration:none;
}


.uob-mega-footer ul,.uob-mega-footer p {
margin:0 0 0.857em;
padding:0;
}

.uob-mega-footer  li {
margin:0;
list-style-type:none;
}

.uob-mega-footer a {
color:#ddd;
text-decoration:none;
}

.uob-mega-footer a:hover, .uob-mega-footer a:focus {
text-decoration:underline;
outline: none;
}

ul.uob-mega-footer-a-z  {
margin-top:.5em;
}

.uob-mega-footer-a-z li {
float:left;
}

.uob-mega-footer-a-z a {
background:#393d41;
display:block;
padding:.25em;
margin:0 .4em .5em 0;
width:1.45em;
font-size:.85em;
text-align:center;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
border: 1px solid #393d41;
}

.uob-mega-footer-a-z a:hover, .uob-mega-footer-a-z a:focus {
background:#161b20;
text-decoration: none;
}

.uob-mega-footer-a-z a.see-all {
width:4em;
}

.uob-mega-footer-col-4 /* making last column wider */{ 
width:23% /* eyeballed */;
padding-right: 0;
}

.page-with-nav .uob-mega-footer-col-4 /* making last column wider */{ 
width:25% /* eyeballed */;
padding-right: 0;
}

	

/* #UOBCMS WRAPPER AND CONTENT CONTAINERS */
#uobcms-wrapper {
clear:both;
min-height:1%;
overflow:visible;
position: relative;
}

#uobcms-content,#uobcms-content-nonav {
height:1%;
padding:0;
min-height:20em;
}

#uobcms-content {
margin-left:20.823%;
}

hr {
height:1px;
border:none;
color:#dedcd2;
background-color:#dedcd2;
}


.column hr + h2 {
margin-top: 1em;
}

.module-box hr {
width: 112%;
margin-left: -6%;
margin-top: 0.75em;
display: block;
}

/* same as borders on list links */
[class*="module-box-"] hr {
color: #bbb;
color: rgba(255,255,255,0.3)!important;
background-color: #bbb;
background-color: rgba(255,255,255,0.3)!important;
}

[class*="module-box-tint"] hr {
color: rgba(0,0,0,0.1)!important;
background-color: rgba(0,0,0,0.1)!important;
}



/* #BREADCRUMBS */
#breadcrumbs,#breadcrumbs-nonav {
margin:0;
padding:.4em 0 0.5em 0;
font-size:.875em;
color:#666;
/* new */
padding: 0.25em 0 0.5em 0;

}

#breadcrumbs {
margin: 0 0 0 20.823%;
/* new */
margin: 0 0 0 21%;
}

#breadcrumbs a, #breadcrumbs-nonav a, #breadcrumbs a:visited, #breadcrumbs-nonav a:visited {
color:#666!important;
text-decoration:none;
}

#breadcrumbs a:hover, #breadcrumbs a:focus  {
text-decoration:underline;
outline: none;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"],  
#breadcrumbs a[href="http://www.bristol.ac.uk/"], 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],  
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"] {
display: inline-block;
width: 1em;
height: 1.25em;
overflow: hidden;
white-space: nowrap;
position: relative; 
top: 0.2em;
margin-right: 0.25em
}

.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"],  
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"], 
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"], 
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"], 
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],  
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"],  
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"],
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"] {
display: inline;
width: auto;
height: auto;
overflow: visible;
white-space: nowrap;
position: static; 
margin-right: 0;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:before, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:before, 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:before, 
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:before {
content: "\e000"!important; 
color: #beb9a6;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:hover:before, 
#breadcrumbs a[href="http://www.bris.ac.uk/"]:focus:before, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover:before, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus:before, 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover:before, 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus:before, 
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover:before,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus:before {
color: #b01c2e!important;
}

#breadcrumbs a[href="http://www.bris.ac.uk/"]:hover, 
#breadcrumbs a[href="http://www.bris.ac.uk/"]:focus, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus, 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover, 
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus, 
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus {
text-decoration: none;
}

.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"]:hover, 
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"]:hover, 
.ie6 #breadcrumbs a[href="http://www.bris.ac.uk/"]:focus, 
.ie7 #breadcrumbs a[href="http://www.bris.ac.uk/"]:focus, 
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover, 
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:hover, 
.ie6 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus, 
.ie7 #breadcrumbs a[href="http://www.bristol.ac.uk/"]:focus, 
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover, 
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:hover, 
.ie6 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus, 
.ie7 #breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:focus, 
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:hover,
.ie6 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus,
.ie7 #breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:focus {
text-decoration: underline;
}

/* slight text indent for breadcrumbs on no nav page
#breadcrumbs-nonav {
margin-left: 0.8%;
}  */

/* #LEFT COL HOLDING SIDENAV */
#uobcms-col1 {
float:left;
font-size:.875em;
padding:6.2em 0 0 0; /* moving it down */
padding:6.6em 0 0 0; /* moving it down */
margin-bottom: 1.5em;
width:18.434%;
}

/* #SIDENAV */
.navtitle { 
border-bottom:0!important;
margin:0;
font-weight:bold;
color:#333!important;
text-transform:none!important;
position: relative; 
position: absolute;
width:18%;
}


.navtitle a, .navtitle span.currentsection {
text-decoration:none;
color:#333;
position: absolute; 
bottom: 0;
padding-left: 10px;
margin-bottom: 1.6em;
font-weight: bold;
font-weight: normal;
line-height: 18px;
}


.navtitle a:hover, .navtitle a:focus {
color:#333;
outline: none;
}


.navgroup {
margin:0;
padding:0;
list-style-type:none;
background:none;
border-top:1px solid #dedcd2;
}


.navgroup li {
list-style-type:none;
list-style-image:none;
border-bottom:1px solid #dedcd2;
border-top:0;
padding:0;
margin:0;
background-color:#efede9;
line-height:1.5;
}

.navgroup li a {
display: block;
margin:0;
padding:.5em 5%;
width: 90%; 
color:#333;
text-decoration:none;

}



.navgroup li a:visited {
color:#333;
}

.navgroup li a:hover, .navgroup li a:focus {
background-color:#fff;
color:#333;
outline: none;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.navgroup span.currentsection {
display:block;
margin:0;
padding:.5em 5%;
width: 90%; 
color:#333;
text-decoration:none;
background-color:#fff;
font-weight: bold;
}



.navgroup ul {
margin:0;
background-color:#fff;
padding:0;
border:0;
}

.navgroup ul li {
list-style-type:none;
background-color:#fff;
border:0;
border-top:1px solid #dedcd2;

}

.navgroup ul li a {
background:#fff url(/media-library/protected/images/subnav-square.png) no-repeat 5% 1.15em;
padding:.5em 5% .5em 10%;
width: 85%; 
}

.navgroup ul li a:hover, .navgroup ul li a:focus {
background-color:#fff;
color:#333;
text-decoration:underline;
}

.navgroup ul span.currentsection {
color:#333;
background:#fff url(/media-library/protected/images/subnav-square.png) no-repeat 5% 1.15em;
padding:.5em 5% .5em 10%;
font-weight:bold;
}

.navgroup ul ul {
margin:0;
padding:0;
border-top:0;
}

.navgroup ul ul li {
color:#333;
list-style-type:none;
border-bottom:0;
border-top:1px solid #dedcd2;
}

.navgroup ul ul li a {
background:#fff url(/media-library/protected/images/subnav-square.png) no-repeat 10% 1.15em;
padding:.5em 5% .5em 16%;
}

.navgroup ul ul li a:hover {
background-color:#fff;
color:#333;
text-decoration:underline;
}

.navgroup ul ul li span.currentsection {
color:#333;
background:#FFF url(/media-library/protected/images/subnav-square.png) no-repeat 10% 1.15em;
padding:.5em 5% .5em 16%;
font-weight:bold;
}

/* #INTRANET (in navgroup) */
.navgroup li a[href^="https://www.bris.ac.uk"], 
.navgroup li a[href^="https://www.bristol.ac.uk"], 
.navgroup a[href$=".rss"] {
position: relative;
padding:.5em 15% .5em 5%;
width: 80%; 
}

.navgroup ul li a[href^="https://www.bris.ac.uk"], 
.navgroup ul li a[href^="https://www.bristol.ac.uk"], 
.navgroup ul li a[href$=".rss"] {
padding:.5em 15% .5em 10%;
width: 75%; 
}

.navgroup ul ul li a[href^="https://www.bris.ac.uk"], 
.navgroup ul ul li a[href^="https://www.bristol.ac.uk"], 
.navgroup ul ul li a[href$=".rss"] {
padding:.5em 15% .5em 17%;
width: 68%; 
}

.navgroup a[href^="https://www.bris.ac.uk"]:after, 
.navgroup a[href^="https://www.bristol.ac.uk"]:after {
content: "\e009"; 
right: 0.4em;
top: 0.65em;
position: absolute;
color: #beb9a6;
}

[class*="module-box"] a[href^="https://www.bris.ac.uk"]:after, 
[class*="module-box"] a[href^="https://www.bristol.ac.uk"]:after {
color: #fff;
}


.ie6 .navgroup a[href^="https://www.bris.ac.uk"], 
.ie7 .navgroup a[href^="https://www.bris.ac.uk"], 
.ie6 .navgroup a[href^="https://www.bristol.ac.uk"],
.ie7 .navgroup a[href^="https://www.bristol.ac.uk"] {
background: url(/media-library/protected/images/intranet-icon-ie.gif) no-repeat 95% center;
}

.navgroup a[href^="https://www.bris.ac.uk"]:hover:before, 
.navgroup a[href^="https://www.bristol.ac.uk"]:hover:before,
.icon-padlock:hover:before {
content: "University access only"; 
right: -11.5em;
top: -0.75em;
width: 10em;
position: absolute;
color: #333;
background: white;
border: 1px solid #dedcd2;
color: #333;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:1px 1px1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1); 
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9; 
padding: 0.25em 0.5em;
z-index: 1000;
}


.navgroup a[href^="https://www.bris.ac.uk"]:hover:after, 
a[href^="https://www.bris.ac.uk"].btn:hover:after, 
.navgroup a[href^="https://www.bris.ac.uk"]:focus:after, 
a[href^="https://www.bris.ac.uk"].btn:focus:after,
.navgroup a[href^="https://www.bristol.ac.uk"]:hover:after, 
a[href^="https://www.bristol.ac.uk"].btn:hover:after, 
.navgroup a[href^="https://www.bristol.ac.uk"]:focus:after, 
a[href^="https://www.bristol.ac.uk"].btn:focus:after {
color: #b01c2e;
}

.navgroup a[href$=".rss"]:after {
content: "\e00b"; 
right: 0.4em;
top: 0.8em;
position: absolute;
color: #beb9a6;
font-size: 0.85em;
}


/* content snippets after nav (logos, boxes, etc) */
.after-navgroup {
margin-top: 1.5em;
}

.after-navgroup .module ul,
.after-navgroup .module p,
.after-navgroup .module ol,
.after-navgroup .module dl {
font-size: 1em;
}


.after-navgroup .list-social-media {
margin-top:  0.25em;
margin-left: 0.25em;
}

.after-navgroup .list-social-media a {
color: #333; 
}

.after-navgroup .list-social-media li {
float: none;
clear: left;
padding-top: 0.4em
}


.module-social {
position: relative;
}

.module-social-ad p  {
padding-right: 40px!important;
}

.module-social-ad .module-heading {
position: static!important;
}

.module-social-ad [class*="icon-"]:after {
font-size: 40px;
position: absolute;
border-radius: 50%;
height: 40px;
width: 40px;
padding: 0.3em;
background: #fff;
right: -0.25em!important;
top: auto!important;
bottom: -0.25em!important;
}

.module-social-ad .icon-twitter:after {
content: "\e005"!important;
}

.module-social-ad .icon-facebook:after {
content: "\e004"!important;
}

.module-social-ad .icon-youtube:after {
content: "\e006"!important;
}

.module-social-ad .icon-linkedin:after {
content: "\e007"!important;
}

.module-social-ad .icon-instagram:after {
content: "\e604"!important;
}

.nav-intranet { 
position: absolute; 
bottom: -5.55em; 
left: 20.823%;
z-index: 12;
margin-left: 8em;
padding: 0.5em 1em
}

.nav-intranet a {
color: #666; 
display: inline-block; 
margin-right: 1em
}

.nav-intranet.icon-padlock a {
margin-right: 0.25em!important
}

.nav-intranet a:hover, .nav-intranet a:focus {
cursor: pointer;
text-decoration: none;
background: #fff;
border-color: #dedcd2;
}

.nav-intranet a:hover:after, 
.nav-intranet a:focus:after {
color: #b01c2e
} 


.logo-additional {
margin-bottom: 1.5em; 
}

#uobcms-col1 .module-box {
padding-left: 5%;
padding-right: 5%;
}

#uobcms-col1 form {
font-size: 1em
}

/* for use at bottom of a homepage */
.logo-multiple  {
overflow: auto;
border-top: 1px solid #dedcd2;
padding-top: 0.6em;
margin-top: 1.5em;
}



.logo-multiple h2,
.logo-multiple h3,
.logo-multiple h4 {
margin-bottom: 1em;
font-size: 16px;
font-weight: bold
}

.logo-multiple li {
display: inline-block;
margin: 0 1.5em 0.75em 0;
vertical-align: top;
}

/* when in body area of homepage */
.logo-partner {
margin-bottom: 0.75em
}




/* #GRID */
/* gutters are equivalent to 28px at max width */

.grid_1 { width:6.14%; }
.grid_2 { width:14.67%; } 
.grid_3 { width: 23.2%; } 
.grid_4 { width: 31.74% }
.grid_5 { width:40.27%; } 
.grid_6 {  width:48.8%;} 
.grid_7 { width:57.330%; } 
.grid_8 { width:65.870%; } 
.grid_9 { width:74.400% } 
.grid_10 { width:82.930%; } 
.grid_11 { width:91.460%; } 
.grid_12 { width:100%; } 

.column {
	margin: 0 0 0 2.389% /* gutter */;   
	float: left;
	display: inline;
	/* overflow: hidden; */
}

/* reducing all grid widths by 0.2em for IE  to prevent float drop */
.ie6 .grid_1, .ie7 .grid_1, .ie8 .grid_1 { width:6.05%; } 
.ie6 .grid_2, .ie7 .grid_2, .ie8 .grid_2 {  width:14.383%; }
.ie6 .grid_3, .ie7 .grid_3, .ie8 .grid_3 {  width:22.925%; }
.ie6 .grid_4, .ie7 .grid_4, .ie8 .grid_4 {  width: 31.466% } 
.ie6 .grid_5, .ie7 .grid_5, .ie8 .grid_5 { width:41.467% } 
.ie6 .grid_6, .ie7 .grid_6, .ie8 .grid_6{  width:48.55%;} 
.ie6 .grid_7, .ie7 .grid_7, .ie8 .grid_7 {  width: 56.05% }
.ie6 .grid_8, .ie7 .grid_8, .ie8 .grid_8 {  width: 64.383% } 
.ie6 .grid_9, .ie7 .grid_9, .ie8 .grid_9 { width: 72.717% } 
.ie6 .grid_10, .ie7 .grid_10, .ie8 .grid_10 {  width: 81.05% } 
.ie6 .grid_11, .ie7 .grid_11, .ie8 .grid_11 {  width: 89.383% }
.ie6 .grid_12, .ie7 .grid_12, .ie8 .grid_12 {  width: 99.8% } 

.row { 
    margin: 0;
    overflow: auto;  
	width: 100%;
}

.row .column:first-child { 
	margin-left: 0%!important 
}

.layout-container {  
	margin: 0 0 0.75em 0; 
	/* overflow: auto;  removed to allow some boxes to overflow. Have set clearfix on layout-container */
	width: 100%; 
}

/* grid for pages with left nav */
.page-with-nav .grid_1 { width:5.495%; }
.page-with-nav .grid_2 { width:14%; } 
.page-with-nav .grid_3 { width: 22.52%; } 
.page-with-nav .grid_4 { width: 31.03%; }
.page-with-nav .grid_5 { width:39.54%; } 
.page-with-nav .grid_6 {  width:48.06%;} 
.page-with-nav .grid_7 { width:56.57%; } 
.page-with-nav .grid_8 { width:65.086%;} 
.page-with-nav .grid_9 { width:73.59% } 
.page-with-nav .grid_10 { width:82.11%; } 
.page-with-nav .grid_11 { width:90.625%; } 
.page-with-nav .grid_12 { width:99.13%; } 


.page-with-nav .column {
    margin: 0 0 0 3.0172% /* gutter */;	
	float: left;
	display: inline;
}

/* nested grids
grid_4 within a grid_8 */


.page-with-nav .grid_8 .grid_6 {
width: 47.722%;
margin: 0 0 0 4.5%!important /* fudge*/;
}

.page-with-nav .grid_8 .row .column:first-child {
margin-left: 0!important
}

/* grid_4 within grid_9 (landing page) */
.page-without-nav .grid_9 .grid_4 {
width: 31.22%;
margin: 0 0 0 3.1%;
}

.page-without-nav .grid_9 .row .column:first-child {
margin-left: 0!important
}

.layout-container .layout-container .module-box {
padding-left: 5%;
padding-right: 5%;
}



/* using lists for grid layout - TO BE IMPLEMENTED LATER 
By default 3 cols wide 
Numbers are fudged*/


.layout-modules {
overflow: auto;
margin: 0 -1.445%!important;
}

.layout-modules .module {
float: left;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
width: 30.2%;
margin: 0 1.445% 1.5em 1.445%;
list-style-type: none;
list-style-image: none;
}

.grid_8 .layout-modules {
margin: 0 -2%!important;
}

.grid_8 .layout-modules .module, .grid_8 .layout-modules li {
width: 46.0%!important;
margin: 0 2% 1.5em 2%!important;
}

.grid_8 .layout-modules .module:nth-child(odd) {
clear: left;
}

.grid_8 .layout-modules .module:first-child  {
clear: none;
}

/* COLUMN COUNT */
 .two-col-count { 
 -webkit-column-count: 2;
  -webkit-column-gap:   27px;  
  -moz-column-count:    2;
  -moz-column-gap:      27px;
  column-count:         2;
  column-gap:           27px; }
  
   .three-col-count { 
 -webkit-column-count: 3;
  -webkit-column-gap:   27px;  
  -moz-column-count:    3;
  -moz-column-gap:      27px;
  column-count:         3;
  column-gap:           27px; }

/* #SOCIAL MEDIA */

/* social media list, used in sidenav and footer */
.list-social-media li {
margin-bottom: 0;
padding-top: 0.2em;
float: left;
margin-right: 3%;
}


.list-social-media a   {
padding: 0 0 0.25em 3%;
}

.list-social-media span { 
display: none;
visibility: hidden;
}

.list-social-media a:hover   {
text-decoration: none;
}

/* adding social media icons */
.list-social-media [class*="icon-"]:before  { 
	width: 23px; 
	height: 24px; 
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 8px 0 0 9px;
	background: #e5a310;
	float: left;
	position: relative; 
	top: -0.3em;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	color: white;
}

/* social media icon hover */
.list-social-media [class*="icon-"]:hover:before, 
.list-social-media [class*="icon-"]:focus:before { 
	background: #161b20;
	color: white;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

/* sm icons in footer */
.uob-mega-footer .list-social-media { 
padding: 0.5em 0 0 0!important;
margin-bottom: 1.25em;
overflow: auto;
}

.uob-mega-footer .list-social-media li {
line-height: 0;
}

.uob-mega-footer .list-social-media [class*="icon-"]:before  {
background: #393d41;

}

.uob-mega-footer .list-social-media [class*="icon-"]:hover:before, 
.uob-mega-footer .list-social-media [class*="icon-"]:focus:before   {
background: #e5a310;
}

.ie6 .list-social-media li , .ie7 .list-social-media li {
float: none;
}
.ie6 .list-social-media span, .ie7 .list-social-media span  { 
display: block;
visibility: visible;

}

.ie6 .list-social-media a span, .ie7 .list-social-media a span {
color: #ddd;
}

.ie6 .list-social-media a:hover span, .ie7 .list-social-media a:hover span {
text-decoration: underline
}

/* share */

#share-social .list-social-media ul {


}

#share-social .list-social-media li {
margin-right: 0.5em;
line-height: 0;
}

#share-social h4 {
margin: 0 0 0.5em 0;
}



/* sm icon codes */
.icon-facebook:before {
	content: "\e004"!important;
}
.icon-twitter:before {
	content: "\e005"!important;
}

.icon-youtube:before {
	content: "\e006"!important;
}
.icon-linkedin:before {
	content: "\e007"!important;
}

.icon-sina-weibo:before {
	content: "\e603"!important;
}

.icon-flickr:before {
	content: "\e602"!important;
}

.icon-instagram:before {
	content: "\e604"!important;
}

.icon-vimeo:before {
	content: "\e605"!important;
}

.icon-soundcloud:before {
	content: "\eac4"!important;
}

.icon-google-plus:before {
	content: "\e606"!important;
}

.more-social {
margin-top: -1em!important;
}

/* for ie */
.ie6 .list-social-media li, .ie7 .list-social-media li   {
height: auto;
padding: 0;
margin: 0

}

.ie6 .list-social-media a, .ie7 .list-social-media a  {
margin: 0;
padding: 0;
color: #0D5BAB
}

/* #BUTTONS */

/* general button */
a.btn,
input[type="submit"]{ 
background-color: #b01c2e;
border: 1px solid #b01c2e;
border: 1px solid rgba(0,0,0,0.1);
color: #fff; 
color: rgba(255,255,255,0.9); 
padding: 0.5em 1em; 
display: inline-block; 
margin: 0 0 0.5em 0; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
position: relative;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
text-decoration: none!important;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important; 
/*
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2)));
background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background-image: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background-image: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); */
}

a.btn:hover, 
a.btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus { 
text-decoration: none!important;
color: #fff!important;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important;
-moz-background-clip: border!important;    
-webkit-background-clip: border!important;
background-clip: border-box!important;
border: 1px solid rgba(0,0,0,0.2);
background-color: #161b20;
background-image: none;
} 

a.btn + h3, a.btn + h4, a.btn + h5, a.btn + h6 {
margin-top: 1.0em;
}


/* weak button */
a.btn-weak,
input[type="submit"].weak { 
background-color: #fff;
border-color: #dedcd2;
color: #333!important;
background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
}

a.btn-weak:hover,
a.btn-weak:focus,
input[type="submit"].weak:hover, 
input[type="submit"].weak:focus { 
color: #000!important;
background-color: #efede9;
border: 1px solid rgba(0,0,0,0.1);
}


/* full width button */
a.btn-full-width { 
padding: 0.5em 1em; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
width: 100%;
}

/* half width button, only works in grid_8 */
.grid_8 a.btn-half-width { 
padding: 0.5em 1em; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
width: 48%;
}

/* large button to be used sparingly  */
.btn-large { 
padding: 0.675em 0.75em!important; 
font-size: 16px!important;
}

.btn-large:after { 
top: 0.9em!important;
}

/* small button - use sparingly, e.g for more/less buttons */
.btn-small { 
padding: 0.25em 0.75em!important; 
}

/* back button */
a.btn-back { 
padding: 0.5em 3em 0.5em 1em;
margin: 0 0 1.25em 0;
}

/* button colours base */
a[class*="btn-d"],
a[class*="btn-b"],
[class*="module-box-"].module-box a.btn  {
color: #fff;

} 

a[class*="btn-d"]:hover,
a[class*="btn-b"]:hover,
[class*="module-box-"].module-box a.btn:hover,
a[class*="btn-d"]:focus,
a[class*="btn-b"]:focus,
[class*="module-box-"].module-box a.btn:focus  {
color: #fff;
} 

a[class*="btn-d"]:after, 
a[class*="btn-b"]:after,
a[href^="https://www.bris.ac.uk"].btn:after,
a[href^="https://www.bristol.ac.uk"].btn:after {
color: #fff!important;
} 

/* border hover on buttons in coloured module box */
[class*="module-box-b"].module-box a.btn:hover,
[class*="module-box-b"].module-box a.btn:focus,
[class*="module-box-b"].module-box input[type="submit"]:hover,
[class*="module-box-b"].module-box input[type="submit"]:focus,
[class*="module-box-d"].module-box a.btn:hover,
[class*="module-box-d"].module-box a.btn:focus,
[class*="module-box-d"].module-box input[type="submit"]:hover,
[class*="module-box-d"].module-box input[type="submit"]:focus,
[class*="bg-"] a.btn:hover,
[class*="bg-"] a.btn:focus,
[class*="bg-"] input[type="submit"]:hover,
[class*="bg-"] input[type="submit"]:focus 
{
border: 1px solid rgba(255,255,255,0.2);
background-image: none;
}



/* the following button styling covers standalone btns, 
buttons in module boxes and tinted boxes, + inputs within module boxes */

/* bright aqua button */
a.btn-b-aqua,
input[type="submit"].btn-b-aqua,
.module-box-d-aqua.module-box a.btn,
.module-box-d-aqua input[type="submit"],
a.btn-d-aqua:hover,
input[type="submit"].btn-d-aqua:hover,
input[type="submit"].btn-d-aqua:focus,
.module-box-b-aqua.module-box a.btn:hover,
.module-box-b-aqua input[type="submit"]:hover, 
a.btn-d-aqua:focus,
.module-box-b-aqua.module-box a.btn:focus,
.module-box-b-aqua input[type="submit"]:focus,
.module-box-tint-b-aqua.module-box a.btn,
.module-box-tint-b-aqua input[type="submit"] {
background-color:  #06827d;
} 

/* dark aqua button */
a.btn-d-aqua,
input[type="submit"].btn-d-aqua,
.module-box-b-aqua.module-box a.btn,
.module-box-b-aqua input[type="submit"],
a.btn-b-aqua:hover,
input[type="submit"].btn-b-aqua:hover,
input[type="submit"].btn-b-aqua:focus,
.module-box-d-aqua.module-box a.btn:hover,
.module-box-d-aqua input[type="submit"]:hover,
a.btn-b-aqua:focus,
.module-box-d-aqua.module-box a.btn:focus,
.module-box-d-aqua input[type="submit"]:focus,
.module-box-tint-b-aqua.module-box a.btn:hover,
.module-box-tint-b-aqua input[type="submit"]:hover,
.module-box-tint-b-aqua.module-box a.btn:focus,
.module-box-tint-b-aqua input[type="submit"]:focus  {
background-color:  #003d4c;
} 

/* bright blue button */
a.btn-b-blue,
input[type="submit"].btn-b-blue,
.module-box-d-blue.module-box a.btn,
.module-box-d-blue input[type="submit"],
a.btn-d-blue:hover,
input[type="submit"].btn-d-blue:hover,
input[type="submit"].btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:hover,
.module-box-b-blue input[type="submit"]:hover,
a.btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:focus,
.module-box-b-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn,
.module-box-tint-b-blue input[type="submit"] {
background-color: #1c7698;
}


/* dark blue button */
a.btn-d-blue,
input[type="submit"].btn-d-blue,
.module-box-b-blue.module-box a.btn,
.module-box-b-blue input[type="submit"],
a.btn-b-blue:hover,
input[type="submit"].btn-b-blue:hover,
input[type="submit"].btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:hover,
.module-box-d-blue input[type="submit"]:hover,
a.btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:focus,
.module-box-d-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn:hover,
.module-box-tint-b-blue input[type="submit"]:hover,
.module-box-tint-b-blue.module-box a.btn:focus,
.module-box-tint-b-blue input[type="submit"]:focus   {
background-color: #002f5f;
}



/* bright purple button */
a.btn-b-purple,
input[type="submit"].btn-b-purple,
.module-box-d-purple.module-box a.btn,
.module-box-d-purple input[type="submit"],
a.btn-d-purple:hover,
input[type="submit"].btn-d-purple:hover,
input[type="submit"].btn-d-purple:focus,
.module-box-b-purple.module-box a.btn:hover,
.module-box-b-purple input[type="submit"]:hover,
a.btn-d-purple:focus,
.module-box-b-purple.module-box a.btn:focus,
.module-box-b-purple input[type="submit"]:focus,
.module-box-tint-b-purple.module-box a.btn,
.module-box-tint-b-purple input[type="submit"]   {
background-color: #806ab7;
}

/* dark purple button */
a.btn-d-purple,
input[type="submit"].btn-d-purple,
.module-box-b-purple.module-box a.btn,
.module-box-b-purple input[type="submit"],
a.btn-b-purple:hover,
input[type="submit"].btn-b-purple:hover,
input[type="submit"].btn-b-purple:focus,
.module-box-d-purple.module-box a.btn:hover,
.module-box-d-purple input[type="submit"]:hover,
a.btn-b-purple:focus,
.module-box-d-purple.module-box a.btn:focus,
.module-box-d-purple input[type="submit"]:focus,
.module-box-tint-b-purple.module-box a.btn:hover,
.module-box-tint-b-purple input[type="submit"]:hover,
.module-box-tint-b-purple.module-box a.btn:focus,
.module-box-tint-b-purple input[type="submit"]:focus   {
background-color: #42145f;
}


/* bright pink button */
a.btn-b-pink,
input[type="submit"].btn-b-pink,
.module-box-d-pink.module-box a.btn,
.module-box-d-pink input[type="submit"],
a.btn-d-pink:hover,
input[type="submit"].btn-d-pink:hover,
input[type="submit"].btn-d-pink:focus,
.module-box-b-pink.module-box a.btn:hover,
.module-box-b-pink input[type="submit"]:hover,
a.btn-d-pink:focus,
.module-box-b-pink.module-box a.btn:focus,
.module-box-b-pink input[type="submit"]:focus,
.module-box-tint-b-pink.module-box a.btn,
.module-box-tint-b-pink input[type="submit"]  {
background-color: #cb238e;
}

/* dark pink button */
a.btn-d-pink,
input[type="submit"].btn-d-pink,
.module-box-b-pink.module-box a.btn,
.module-box-b-pink input[type="submit"],
a.btn-b-pink:hover,
input[type="submit"].btn-b-pink:hover,
input[type="submit"].btn-b-pink:focus,
.module-box-d-pink.module-box a.btn:hover,
.module-box-d-pink input[type="submit"]:hover,
a.btn-b-pink:focus,
.module-box-d-pink.module-box a.btn:focus,
.module-box-d-pink input[type="submit"]:focus,
.module-box-tint-b-pink.module-box a.btn:hover,
.module-box-tint-b-pink input[type="submit"]:hover,
.module-box-tint-b-pink.module-box a.btn:focus,
.module-box-tint-b-pink input[type="submit"]:focus    {
background-color: #772059;
}

 /* bright red button */
a.btn-b-red,
input[type="submit"].btn-b-red,
.module-box-d-red.module-box a.btn,
.module-box-d-red input[type="submit"],
a.btn-d-red:hover,
input[type="submit"].btn-d-red:hover,
input[type="submit"].btn-d-red:focus,
.module-box-b-red.module-box a.btn:hover,
.module-box-b-red input[type="submit"]:hover,
a.btn-d-red:focus,
.module-box-b-red.module-box a.btn:focus,
.module-box-b-red input[type="submit"]:focus,
.module-box-tint-b-red.module-box a.btn,
.module-box-tint-b-red input[type="submit"]   {
background-color: #c9002f;
}

/* dark red button */
a.btn-d-red,
input[type="submit"].btn-d-red,
.module-box-b-red.module-box a.btn,
.module-box-b-red input[type="submit"],
a.btn-b-red:hover,
input[type="submit"].btn-b-red:hover,
input[type="submit"].btn-b-red:focus,
.module-box-d-red.module-box a.btn:hover,
.module-box-d-red input[type="submit"]:hover,
a.btn-b-red:focus,
.module-box-d-red.module-box a.btn:focus,
.module-box-d-red input[type="submit"]:focus,
.module-box-tint-b-red.module-box a.btn:hover,
.module-box-tint-b-red input[type="submit"]:hover,
.module-box-tint-b-red.module-box a.btn:focus,
.module-box-tint-b-red input[type="submit"]:focus   {
background-color: #5e3032;
}

/* bright yellow button */
a.btn-b-yellow,
input[type="submit"].btn-b-yellow,
.module-box-d-yellow.module-box a.btn,
.module-box-d-yellow input[type="submit"],
a.btn-d-yellow:hover,
input[type="submit"].btn-d-yellow:hover,
input[type="submit"].btn-d-yellow:focus,
.module-box-b-yellow.module-box a.btn:hover,
.module-box-b-yellow input[type="submit"]:hover,
a.btn-d-yellow:focus,
.module-box-b-yellow.module-box a.btn:focus,
.module-box-b-yellow input[type="submit"]:focus,
.module-box-tint-b-yellow.module-box a.btn,
.module-box-tint-b-yellow input[type="submit"]  {
background-color: #c28a0e;

}

/* dark yellow button */
a.btn-d-yellow,
input[type="submit"].btn-d-yellow,
.module-box-b-yellow.module-box a.btn,
.module-box-b-yellow input[type="submit"],
a.btn-b-yellow:hover,
input[type="submit"].btn-b-yellow:hover,
input[type="submit"].btn-b-yellow:focus,
.module-box-d-yellow.module-box a.btn:hover,
.module-box-d-yellow input[type="submit"]:hover,
a.btn-b-yellow:focus,
.module-box-d-yellow.module-box a.btn:focus,
.module-box-d-yellow input[type="submit"]:focus,
.module-box-tint-b-yellow.module-box a.btn:hover,
.module-box-tint-b-yellow input[type="submit"]:hover,
.module-box-tint-b-yellow.module-box a.btn:focus,
.module-box-tint-b-yellow input[type="submit"]:focus  {
background-color: #86431e;
}

/* bright lime button */
a.btn-b-lime,
input[type="submit"].btn-b-lime,
.module-box-d-lime.module-box a.btn,
.module-box-d-lime input[type="submit"],
a.btn-d-lime:hover,
input[type="submit"].btn-d-lime:hover,
input[type="submit"].btn-d-lime:focus,
.module-box-b-lime.module-box a.btn:hover,
.module-box-b-lime input[type="submit"]:hover,
a.btn-d-lime:focus,
.module-box-b-lime.module-box a.btn:focus,
.module-box-b-lime input[type="submit"]:focus,
.module-box-tint-b-lime.module-box a.btn,
.module-box-tint-b-lime input[type="submit"]  {
background-color: #7e8b27;

}

/* dark lime button */
a.btn-d-lime,
input[type="submit"].btn-d-lime,
.module-box-b-lime.module-box a.btn,
.module-box-b-lime input[type="submit"],
a.btn-b-lime:hover,
input[type="submit"].btn-b-lime:hover,
input[type="submit"].btn-b-lime:focus,
.module-box-d-lime.module-box a.btn:hover,
.module-box-d-lime input[type="submit"]:hover,
a.btn-b-lime:focus,
.module-box-d-lime.module-box a.btn:focus,
.module-box-d-lime input[type="submit"]:focus,
.module-box-tint-b-lime.module-box a.btn:hover,
.module-box-tint-b-lime input[type="submit"]:hover,
.module-box-tint-b-lime.module-box a.btn:focus,
.module-box-tint-b-lime input[type="submit"]:focus {
background-color: #53682b;
}

/* bright green button */
a.btn-b-green,
input[type="submit"].btn-b-green,
.module-box-d-green.module-box a.btn,
.module-box-d-green input[type="submit"],
a.btn-d-green:hover,
input[type="submit"].btn-d-green:hover,
input[type="submit"].btn-d-green:focus,
.module-box-b-green.module-box a.btn:hover,
.module-box-b-green input[type="submit"]:hover,
a.btn-d-green:focus,
.module-box-b-green.module-box a.btn:focus,
.module-box-b-green input[type="submit"]:focus,
.module-box-tint-b-green.module-box a.btn,
.module-box-tint-b-green input[type="submit"]  {
background-color: #2c882e;
}

/* dark green button */
a.btn-d-green,
input[type="submit"].btn-d-green,
.module-box-b-green.module-box a.btn,
.module-box-b-green input[type="submit"],
a.btn-b-green:hover,
input[type="submit"].btn-b-green:hover,
input[type="submit"].btn-b-green:focus,
.module-box-d-green.module-box a.btn:hover,
.module-box-d-green input[type="submit"]:hover,
a.btn-b-green:focus,
.module-box-d-green.module-box a.btn:focus,
.module-box-d-green input[type="submit"]:focus,
.module-box-tint-b-green.module-box a.btn:hover,
.module-box-tint-b-green input[type="submit"]:hover,
.module-box-tint-b-green.module-box a.btn:focus,
.module-box-tint-b-green input[type="submit"]:focus   {
background-color: #024731;
}


/* black button */
a.btn-d-black,
.module-box-b-black.module-box a.btn,
.module-box-b-black input[type="submit"] {
 background-color: #161b20;
 }

/* more button */
a.btn-more { 
width: 112%;
margin-left: -6%;
margin-bottom: -0.01em;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}




/* #ICONS */
@font-face {
	font-family: 'icomoon';
	src:url(/media-library/protected/fonts/icomoon.eot);
	src:url(/media-library/protected/fonts/icomoon.eot?#iefix) format('embedded-opentype'),
		url(/media-library/protected/fonts/icomoon.woff) format('woff'),
		url(/media-library/protected/fonts/icomoon.ttf) format('truetype'),
		url(/media-library/protected/fonts/icomoon.svg#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-apply:after, 
.icon-bubbles:after, 
.icon-home:after, 
.icon-library:after, 
.icon-search:after, 
.icon-facebook:before, 
.icon-twitter:before, 
.module-social-ad [class*="icon-"]:after, 
.icon-youtube:before, 
.icon-linkedin:before, 
.icon-sina-weibo:before,
.icon-instagram:before,
.icon-flickr:before,
.icon-vimeo:before,
.icon-soundcloud:before,
.icon-google-plus:before,
.icon-users:before, 
.icon-feedback:after, 
a[href^="https://www.bris.ac.uk"]:after, 
a[href^="https://www.bristol.ac.uk"]:after, 
a[href$=".rss"]:after, 
.module-heading a:after, 
.icon-download:after, 
a.btn:hover:after, 
a.btn:focus:after, 
.module-film .module-heading a:after, 
.icon-arrow-down:after, 
.icon-arrow-up:after, 
.icon-plus:after, 
.icon-minus:after,
.icon-tick:after,
.icon-tick:before,
.icon-pause:after,
.icon-checkmark:after,
.slider-pause:before,
.cycle-prev:before,
.cycle-next:before,
.icon-close:after,
.u-m-dropdown-link:after,
.icon-international:after,
.drop-down-header:before,
.icon-backward:before,
.icon-forward:before,
#breadcrumbs a[href="http://www.bris.ac.uk/"]:before, 
#breadcrumbs a[href="http://www.bristol.ac.uk/"]:before,
#breadcrumbs-nonav a[href="http://www.bris.ac.uk/"]:before, 
#breadcrumbs-nonav a[href="http://www.bristol.ac.uk/"]:before,
.icon-info:after,
.icon-link:after,
.icon-rae-four-star:before,
.icon-rae-two-star:before,
.icon-rae-three-star:before,
.icon-rae-one-star:before,
.navgroup a:after,
.icon-arrow-right:after,
.icon-arrow-down-alt:after,
.icon-arrow-left:after,
.icon-padlock:after
   {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #beb9a6
	}


[class*="icon-"]:after {
margin-left: 0.25em;
color: #beb9a6
}

[class*="icon-"]:before{
margin-right: 0.25em;
color: #beb9a6
}

/* icons on buttons */
.btn[class*="icon-"], 
.btn[href^="https://www.bris.ac.uk"], 
.btn[href^="https://www.bristol.ac.uk"] { 
position: relative;
padding-right: 2.5em!important;
}
	
a.btn[class*="icon-"]:after, 
a.btn[class*="icon-"]:hover:after, 
a.btn[class*="icon-"]:focus:after, 
a[href^="https://www.bris.ac.uk"].btn:after, 
a[href^="https://www.bristol.ac.uk"].btn:after, 
a[href$=".rss"].btn:after { 
top: 0.75em;
right: 0.85em;
position: absolute;
margin: 0;
color: white;
}

a.btn-weak[class*="icon-"]:after, 
a.btn-weak[class*="icon-"]:hover:after, 
a.btn-weak[class*="icon-"]:focus:after {
color: #beb9a6;
}

.ie6 a[class*="icon-"], 
.ie7 a[class*="icon-"], 
.ie8 a[class*="icon-"] {
padding-right: 5%;
width: 90%;
}

/* icons on module headings */
[class*="icon-"].module-heading {
position: relative;
/* padding-right: 1.2em */
}

.module-heading a[href^="https://www.bris.ac.uk"],
.module-heading a[href^="https://www.bristol.ac.uk"] {
position: static;
}

[class*="icon-"].module-heading:after,
.module-heading a[href^="https://www.bris.ac.uk"]:after {
position: absolute;
right: 0;
top: 0.75em;
margin: 0;
}

.module-heading [class*="icon-"]:before,
.module-heading a[href^="https://www.bris.ac.uk"]:before {
position: absolute;
right: 0;
top: 0.75em;
margin: 0;
}

.module-heading [class*="icon-"]:hover:before,
.module-heading a[href^="https://www.bris.ac.uk"]:hover:before {
box-shadow: none;
webkit-box-shadow: none;
border: 0;
padding: 0;
}


/* tweak for rss icon */
a[href$=".rss"].btn:after { 
color: #333;
top: 0.9em!important;
right: 1em!important;
}


/* icon codes */
.icon-apply:after {
	content: "\e002"!important;
}
.icon-download:after, .icon-download:after {
	content: "\e00c"!important;		
}
.icon-home:after {
	content: "\e000"!important;
}
.icon-library:after {
	content: "\e001"!important;	
}
.icon-search:after {
	content: "\e003"!important;
}

.icon-plus:after {
	content: "\e00e";	
}

.icon-checkmark:after {
	content: "\e011";
}

a.icon-plus:after {
	color: #beb9a6;
	top: 0.85em!important;
	font-size: 0.9em; /* scaling down */	
}
.icon-minus:after {
	content: "\e00f";
	font-size: 0.9em; /* scaling down */	
	top: 0.85em!important;
	color: #beb9a6;
}

.icon-tick:after {
	content: "\e011";
} 

.icon-pause:after {
	content: "\e010";
	margin-left: 0.5em;
	color: #beb9a6;
	position: relative;
	top: 1px
}
.icon-pause:hover:after {
	color: #b01c2e;	
}

.slider-pause:before {
content: "\e010";
}


.icon-close:after {
	content: "\e010";
}


.icon-backward:before {
	content: "\e016";
}

.icon-forward:before {
	content: "\e017";
}

.icon-info:after {
	content: "\e014";
}

.icon-link:after {
	content: "\e015";
	padding-right: 3px;
}

.btn.icon-close:after {
color: #beb9a6;
}

.btn.icon-close:hover:after {
color: #b01c2e;
}

.icon-arrow-right:after {
	content: "\e00b";
}

.icon-arrow-down-alt:after {
	content: "\e600";
}

.icon-arrow-left:after {
	content: "\e601";
}

.icon-padlock:after {
content: "\e009";
}




/* adding right padding for small btn with icon */	
.btn.btn-small[class*="icon-"], .btn.btn-small[href^="https://www.bris.ac.uk"], .btn.btn-small[href^="https://www.bristol.ac.uk"]  { 
	position: relative;
	padding-right: 2.25em!important;
	}

/* positioning icon on small btn */	
.btn.btn-small[class*="icon-"]:after, .btn.btn-small[class*="icon-"]:hover:after, .btn.btn-small[class*="icon-"]:focus:after {
top: 0.7em!important;
}


/* adding lock icon for intranet links in body text. After is for lock icon, before is for message */

a[href^="https://www.bris.ac.uk"],
a[href^="https://www.bristol.ac.uk"],
.icon-padlock {
position: relative;
}

a[href^="https://www.bris.ac.uk"]:after,
a[href^="https://www.bristol.ac.uk"]:after {
content: "\e009";
padding-left: 0.25em;
color: #beb9a6;
position: static;
}

.ie6 a[href^="https://www.bris.ac.uk"], 
.ie7 a[href^="https://www.bris.ac.uk"], 
.ie6 a[href^="https://www.bristol.ac.uk"],
.ie7 a[href^="https://www.bristol.ac.uk"]  {
background: url(/media-library/protected/images/intranet-icon-ie.gif) no-repeat right center;
padding-right: 15px;
}

a[href^="https://www.bris.ac.uk"]:hover:before, 
a[href^="https://www.bristol.ac.uk"]:hover:before,
a.icon-padlock:hover:before {
content: "University access only"; 
right: -10em;
top: -2em;
width: 10em;
position: absolute;
color: #333;
background: white;
border: 1px solid #dedcd2;
color: #333;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1); 
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9; 
padding: 0.25em 0.5em;
z-index: 200;
}

a[href^="https://www.bris.ac.uk"].btn:hover:before,
a[href^="https://www.bristol.ac.uk"].btn:hover:before  {
right: -10em;
top: -1.5em;
}
.row .column:last-child a[href^="https://www.bris.ac.uk"]:hover:before, .row .column:last-child a[href^="https://www.bristol.ac.uk"]:hover:before { 
right: 0em; /* moved so doesn't get cropped off right side of browser */
}


/* auto RSS icon */
a[href$=".rss"]:after {
content: "\e00a"!important;
padding-left: 0.5em;
font-size: 0.8em;
color: #beb9a6;
}

a[href$=".rss"]:hover:after, a[href$=".rss"]:focus:after {
color: #b01c2e;
}

/* killing an icon, mostly for turning off https: */
#uobcms-content .no-icon:before,
#uobcms-content .no-icon:after,
#uobcms-content-nonav .no-icon:before,
#uobcms-content-nonav .no-icon:after {
content: none!important
}


/* #MODULES */
/* snippets of code for teasers, related items. Used on homepages and sidebars */

/* basic module */
.module { 
margin-bottom: 0.75em;
position: relative;
}

.ie6 .module, 
.ie7 .module,
.ie8 .module {
border-top: 1px solid #dedcd2; 
}


/* module headings */ 
.module-heading { 
font-size: 1em;  
font-weight: bold;  
padding: 0 0 0.75em 0; 
margin: 0;
line-height:1.142em;
border-top: 1px solid #dedcd2; 
position: relative;
}


/* .grid_4 .module-heading, 
.grid_3 .module-heading, 
.align-right .module-heading, */
[class*="layout-"]  .module-heading { 
padding-bottom: 0.75em 
}


.ie6 .module-heading, 
.ie7 .module-heading, 
.ie8 .module-heading {
border-top: 1px solid #dedcd2; 
padding-top: 0.6em;
margin-top: 2px;
}

.module-heading:before {
content: " ";
height: 1px;
border-top: 1px solid #dedcd2; 
display: block;
padding-top: 0.55em;
margin-top: 2px;
}

/* manually removing border */
.module-no-border .module-heading, 
.module-no-border .module-heading:before {
border-color: #fff;
}


/* First module in a right hand column */

.column-related .module:first-child {
margin-top: -0.6em;
}

.column-related .module-box:first-child {
margin-top: 0!important;
}

.column-related .module:first-child .module-heading {
border-top: 0;
}

.column-related .module:first-child .module-heading:before {
border-color: #fff; 
}

/* module heading links */
.module-heading a { 
color: #333; 
text-decoration: none; 
display: block; 
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; 
}

.module-heading a:hover,
.module-heading a:focus { 
color: rgba(0,0,0,0.6);
outline: none;
}

.module p, 
.module ul, 
.module ol, 
.module form, 
.module dl,
.module table { 
font-size: 0.875em;
margin-bottom: 0.75em;
}

.module table {
margin-bottom: 1.5em
}

.module form * {
font-size: 1em;
}

/* larger font size for wider columns */
#uobcms-content > .layout-container > .row > .grid_6 > .module p, 
#uobcms-content > .layout-container > .row > .grid_6 > .module ul, 
#uobcms-content > .layout-container > .row > .grid_6 > .module ol, 
#uobcms-content > .layout-container > .row > .grid_6 > .module form, 
#uobcms-content > .layout-container > .row > .grid_6 > .module dl,
#uobcms-content > .layout-container > .row > .grid_8 > .module p, 
#uobcms-content > .layout-container > .row > .grid_8 > .module ul, 
#uobcms-content > .layout-container > .row > .grid_8 > .module ol, 
#uobcms-content > .layout-container > .row > .grid_8 > .module form, 
#uobcms-content > .layout-container > .row > .grid_8 > .module dl,
#uobcms-content > .layout-container > .row > .grid_12 > .module p, 
#uobcms-content > .layout-container > .row > .grid_12 > .module ul, 
#uobcms-content > .layout-container > .row > .grid_12 > .module ol, 
#uobcms-content > .layout-container > .row > .grid_12 > .module form, 
#uobcms-content > .layout-container > .row > .grid_12 > .module dl { 
font-size: 1.0em;
margin-bottom: 1.5em;
}

/* smaller font-size for align right boxes */
.layout-container .align-right.module p, 
.layout-container .align-right.module ul, 
.layout-container .align-right.module ol, 
.layout-container .align-right.module form, 
.layout-container .align-right.module dl,
.layout-container .align-right.module table { 
font-size: 0.875em!important;
}

/* modules nested in modules */
.grid_6 .module .module p, 
.grid_6 .module .module ul, 
.grid_6 .module .module ol, 
.grid_6 .module .module form, 
.grid_6 .module .module dl,
.grid_6 .module .module table { 
font-size: 0.875em;
}

.layout-container .layout-container .module p, 
.layout-container .layout-container .module ul, 
.layout-container .layout-container .module ol, 
.layout-container .layout-container .module form, 
.layout-container .layout-container .module dl,
.layout-container .layout-container .module table { 
font-size: 0.875em;
margin-bottom: 0.75em;
} 

/* adding extra bottom margin when the module has text content */
.module p:last-child, 
.module ul:last-child, 
.module ol:last-child, 
.module form:last-child, 
.module dl:last-child {
margin-bottom: 1.5em!important; 
}

/* and taking it away again */
.module-box dl:last-child,
.module-box p:last-child, 
.module-box ul:last-child, 
.module-box ol:last-child, 
.module-box form:last-child, 
.module-box dl:last-child ,
.list-of-modules .module  dl:last-child,
.list-of-modules .module  p:last-child, 
.list-of-modules .module  ul:last-child, 
.list-of-modules .module  ol:last-child, 
.list-of-modules .module  form:last-child, 
.list-of-modules .module  dl:last-child  {
margin-bottom: 0.75em; 
}

.module-box p.large:last-child {
margin-bottom: 1em!important
}

/* and taking it away again for lists links */
.module-box ul.list-links, 
.align-right ul.list-links {
margin-bottom: 0!important;
}

.module ul ul, 
.module ol ol, 
.module ol ul, 
.module ul ol { 
font-size: 1em!important;
}

/* headings in modules */
.module h2, 
.module h3, 
.module h4, 
.module h5, 
.module h6 {
font-size: 1em;
}

/* blockquotes in modules */
.module blockquote p:before,
.module blockquote p:after {
color: #beb9a6;
font-size: 6em;
font-family: Georgia;
font-style: normal;
position: absolute;
top: -0.35em;
left: -0.035em;
margin: 0;
padding: 0;
}

.grid_12 .module blockquote p,
.grid_8 .module blockquote p,
.grid_6 .module blockquote p,
.grid_4 .module blockquote p {
overflow: hidden;
}

.grid_8 .module.module-box blockquote p,
.grid_6 .module.module-box blockquote p,
.grid_4 .module.module-box blockquote p {
overflow: initial;
}

.module blockquote p:after {
bottom: -0.1em;
right: 0;
left: auto;
top: auto;
line-height: 0;
}

.module blockquote p {
position: relative;
padding: 1.75em 0 1.75em 0;
text-indent: 0;
}

/* forms in modules, displaying labels and inputs on separate lines 
.module label, 
.module input, 
.module select { 
display: block;
}*/

[class*="module-box-d"]  label {
color: white;
}

.module input[type=submit], .module select {
font-size: 1em;
}

.module input[type=text] {
font-size: 1em;
width: 94%;
}


/* image within heading */
.module-heading img { 
display: block; 
position: relative;
margin-bottom: 0em!important; 
margin-top: 0.75em; 
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s; 
/* stops judder */
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0px);
max-width: 100%; /* RWD */
height: auto;
}

.module-heading a:hover img,  
.module-heading a:focus img,
.img-with-strapline > a:hover > img,
.img-with-strapline > a:focus > img  {
filter: alpha(opacity=70);
opacity: 0.7;
zoom: 1;
outline: none;
}

/* news in a module 
.module .list-with-thumbs {
margin-top: -0.6em;
}*/ 


/* quote in a module box */
.module blockquote { 
border: 0;
padding: 0;
margin: 0.75em 0 0 0;
}

img + blockquote,
.module-heading + blockquote  {
margin: 0!important;
}


/* Single row of modules side by side */
.row-single-border {
margin-top: 1.5em; /* extra */
position: relative;
z-index: 9;
margin-bottom: 1.5em;
border-top: 1px solid #dedcd2
}

.row-single-border:before {
content: " ";
height: 1px;
border-top: 1px solid #dedcd2; 
display: block;
margin-top: 2px;
}

.row-single-border .module-box, .row-single-border .module {
border-top: 0;
padding-top: 0;
position: relative;
z-index: 10;
}

.row-single-border .module-heading:before {
content: none;
}

.row-single-border .module-heading {
padding-top: 0.6em;
border-top: 0;
}

/* nested modules */
[class*="module-box"] [class*="module-box"] {
width: 100%;
margin-left: -6%;
padding: 0.75em 6.5% 0.1em 6.5%!important;
}

/* list of modules */

.list-of-modules {
margin: 0 0 1.5em 0;
}

.list-of-modules .module {
padding-top: 0em;
margin-bottom: 0;
overflow: auto;
border-top: 0;
border-bottom: 1px solid #dedcd2;
}

.list-of-modules .module:first-child {
border-top: 1px solid #dedcd2;
}

.list-of-modules p,
.list-of-modules ul,
.list-of-modules ol,
.list-of-modules form,
.list-of-modules dl,
.list-of-modules h2,
.list-of-modules h3,
.list-of-modules h4,
.list-of-modules h5,
.list-of-modules h6 {
margin-left: 50%;
}

.list-of-modules .module-heading   {
padding: 1em 0 0.25em 0;
border-top: 0;
}

.list-of-modules .module-heading a  {
color: #0F7CA4;

}

.list-of-modules .module-heading a:hover,
.list-of-modules .module-heading a:focus  {
text-decoration: underline;
}

.list-of-modules .module-heading a img {
float: left;
width: 95%;
margin-right: 2.3%;
margin-top: -0.25em;
margin-left: -100%;
margin-bottom: 0.75em!important;
}

.list-of-modules .module-heading:before {
content: none; }

.list-of-modules .module-box {
padding: 0;
border-bottom: 1px solid #dedcd2;
}

.list-of-modules .module-box:first-child {
border-top: 1px solid #dedcd2;
}

.list-of-modules [class*="module-box-"] {
border-bottom: 1px solid #bbb;
border-bottom: 1px solid rgba(255,255,255,0.3);
border-top: 0!important;
}

.list-of-modules [class*="module-box-"]:last-child {
border-top: 0!important;
}

.list-of-modules .module-box .module-heading {
padding: 0 0 0.25em 0;
}

.list-of-modules .module-box .module-heading a {
margin: 0;
padding: 0.75em 0 0 0;
width: 100%;
border: 0;
}


.list-of-modules .module-box .module-heading a img {
left: 0;
margin-top: 0em;
width: 29.51%;
margin-left: 2.3%
}

/* small thumnbnails - complete guesswork */
.list-of-modules-small .module-heading a img {
width: 34%;
margin-right: 2.3%;
margin-left: -37%;
margin-bottom: 0.75em!important;
}

.list-of-modules-small p,
.list-of-modules-small ul,
.list-of-modules-small ol,
.list-of-modules-small form,
.list-of-modules-small dl,
.list-of-modules-small h2,
.list-of-modules-small h3,
.list-of-modules-small h4,
.list-of-modules-small h5,
.list-of-modules-small h6 {
margin-left: 27%;
}

.list-of-modules-small ul,
.list-of-modules-small ol {
margin-left: 30%;
}




/* Module with overlayed link with background colour */


/* list of modules 
Can be added to a wrapping div or convert to UL and modules to LI 

.list-of-modules {
margin: 0 0 1.5em 0;
}

.list-of-modules .module {
position: relative;
padding-top: 0em;
margin-bottom: 0;
overflow: auto;
border-top: 0;
border-bottom: 1px solid #dedcd2;
}

.ie6 .list-of-modules .module,
.ie7 .list-of-modules .module,
.ie8 .list-of-modules .module {
overflow: visible;
zoom: 1
}

.list-of-modules .module:first-child {
border-top: 1px solid #dedcd2;
}

.list-of-modules p,
.list-of-modules ul,
.list-of-modules ol,
.list-of-modules form,
.list-of-modules dl,
.list-of-modules h2,
.list-of-modules h3,
.list-of-modules h4,
.list-of-modules h5,
.list-of-modules h6 {
margin-left: 34%; 
}

.list-of-modules .module-heading   {
padding: 1em 0 0.25em 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; 
box-sizing: border-box;
border-top: 0; 
margin-left: 0;
}

.list-of-modules .module-heading a  {
color: #0D5BAB;
position: relative;
padding-left: 34%;
}

.list-of-modules .module-heading a:hover,
.list-of-modules .module-heading a:focus  {
text-decoration: underline;
}

.list-of-modules .module-heading img {
float: left;
width: 47%;
margin-left: -51%;
margin-top: -0.25em;
left: 0;
margin-bottom: 0.75em!important;
}

.ie6 .list-of-modules .module-heading a img,
.ie7 .list-of-modules .module-heading a img,
.ie8 .list-of-modules .module-heading a img {
margin-left: 0;
margin-top: -1.5em;
}

.list-of-modules .module-heading:before {
content: none; }

.list-of-modules .module-box {
padding: 0;
border-bottom: 1px solid #dedcd2;
}

.list-of-modules .module-box:first-child {
border-top: 1px solid #dedcd2;
}

.list-of-modules .module-box .module-heading {
padding-left: 34%!important;
}

.list-of-modules .module-box .module-heading img {
left: 0;
width: 45%;
margin-left: -49%;
}


.list-of-modules [class*="module-box-"] {
border-bottom: 1px solid #bbb;
border-bottom: 1px solid rgba(255,255,255,0.3);
border-top: 0!important;
}

.list-of-modules [class*="module-box-"]:last-child {
border-top: 0!important;
}

.list-of-modules .module-box .module-heading {
padding: 0 0 0.25em 0;
}

.list-of-modules .module-box .module-heading a {
margin: 0;
padding: 0.75em 0 0 0;
width: 100%;
border: 0;
}

*/


/* Module with overlayed link with background colour */


.module-overlay .module-heading  {
position: relative;
padding: 0;
border: 0;
margin: 0; 
}

.module-overlay .module-heading > img {
display: block; 
margin: 0!important;
}

.module-overlay  .module-heading-bg {
position: absolute;
bottom: 0; 
left: 0;
z-index: 10;
/* width: 90.01%; */
padding: 0.5em 1em;
font-weight: normal;
font-size: 0.875em;
color: white;
line-height: 1.5em;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
background: #161b20;
background: rgba(22,27,32,0.70) 
}

.module-overlay .module-heading:before {
content: none;
}

.module-overlay .module-heading img {
margin: 0!important;
display: block; 
}

/* icon on module heading bg */
.module-heading-bg[class*="icon-"]:after {
margin-left: 0.25em;
position: relative;
top: 0.1em
}

/* overlay colours for link */
.module-overlay-d-aqua .module-heading-bg,
.module-overlay-b-aqua a:hover .module-heading-bg {
background: #003d4c;
background: rgba(0,61,76,0.90) 
}

.module-overlay-d-aqua a:hover .module-heading-bg,
.module-overlay-b-aqua .module-heading-bg {
background: #06827d;
background: rgba(6,130,125,0.90)
}

.module-overlay-d-blue .module-heading-bg,
.module-overlay-b-blue a:hover .module-heading-bg {
background: #002f5f;
background: rgba(0,47,95,0.90)
}

.module-overlay-d-blue a:hover .module-heading-bg,
.module-overlay-b-blue .module-heading-bg {
background: #1c7698;
background: rgba(28,118,152,0.90)
}

.module-overlay-d-purple .module-heading-bg,
.module-overlay-b-purple a:hover .module-heading-bg {
background: #42145f;
background: rgba(66,20,95,0.90)
}

.module-overlay-d-purple a:hover .module-heading-bg,
.module-overlay-b-purple .module-heading-bg {
background: #806ab7;
background: rgba(128,106,183,0.90)
}

.module-overlay-d-pink .module-heading-bg,
.module-overlay-b-pink a:hover .module-heading-bg {
background: #772059;
background: rgba(119,32,89,0.90)
}

.module-overlay-d-pink a:hover .module-heading-bg,
.module-overlay-b-pink .module-heading-bg {
background: #cb238e;
background: rgba(203,35,142,0.90)
}

.module-overlay-d-red .module-heading-bg,
.module-overlay-b-red a:hover .module-heading-bg  {
background: #5e3032;
background: rgba(94,48,50,0.90)
}

.module-overlay-d-red a:hover .module-heading-bg,
.module-overlay-b-red .module-heading-bg {
background: #c9002f;
background: rgba(201,0,47,0.90) 
}

.module-overlay-d-yellow .module-heading-bg,
.module-overlay-b-yellow a:hover .module-heading-bg  {
background: #86431e;
background: rgba(134,67,30,0.90)
}


.module-overlay-d-yellow a:hover .module-heading-bg,
.module-overlay-b-yellow .module-heading-bg  {
background: #c28a0e;
background: rgba(194,138,14,0.90)
}

.module-overlay-d-lime .module-heading-bg,
.module-overlay-b-lime a:hover .module-heading-bg {
background: #53682b;
background: rgba(83,104,43,0.90)
}

.module-overlay-d-lime a:hover .module-heading-bg,
.module-overlay-b-lime .module-heading-bg {
background: #7e8b27;
background: rgba(126,139,39,0.90) 
}

.module-overlay-d-green .module-heading-bg,
.module-overlay-b-green a:hover .module-heading-bg {
background: #024731;
background: rgba(2,71,49,0.90)
}

.module-overlay-d-green a:hover .module-heading-bg,
.module-overlay-b-green .module-heading-bg {
background: #2c882e;
background: rgba(44,136,46,0.90)
}

/* grid of module overlays */
.grid-modules {
margin: 0 0 0 -2.9%;
}

.grid-modules .module {
width: 30.3%;
margin: 0 0 1.5em 2.9%;
float: left;
}

.grid_8 .grid-modules {
margin: 0 0 0 -4.555%;
}

.grid_8 .grid-modules .module {
width: 45.3%;
margin: 0 0 1.5em 4.555%;
float: left;
}



/* Module message. Use for highlighting a short message or alert */
.module-message { 
margin-bottom: 1.7142em;
padding: 0.75em 1em 0.75em 1em;
position: relative;
background: #efede9;
border-left: 4px solid #dedcd2
}

.module-message[class*="icon-"] {
padding-left: 2.5em; 
}

.module-message[class*="icon-"]:after {
left: 1em;
position: absolute;
top: 0.8em;
}

.module-message[class*="module-box-"]:after {
color: #fff
}

.module-message p, 
.module-message ul, 
.module-message ol, 
.module-message form, 
.module-message blockquote,
.module-message p:last-child, 
.module-message ul:last-child, 
.module-message ol:last-child,
.module-message form:last-child,
.module-message blockquote:last-child  {
margin-bottom: 0!important;
font-size: 0.875em!important;
}


.module-message h2, .module-message h3, .module-message h4, .module-message h5, .module-message h6 {
font-size: 1em;
margin: 0 0 0.15em 0;
} 

/* modules with just images */
.module-just-image .module-heading {
padding-bottom: 4px!important;
}


/* coloured module messages */

/* aqua */
.module-box-tint-b-aqua .module-heading a:hover,
.module-message.module-box-tint-b-aqua:after   {
color: #06827d!important;
}

.module-message.module-box-tint-b-aqua {
border-color: #06827d;
}

/* blue */
.module-box-tint-b-blue .module-heading a:hover,
.module-message.module-box-tint-b-blue:after   {
color: #1c7698!important;
}

.module-message.module-box-tint-b-blue {
border-color: #1c7698;
}

/* purple */
.module-box-tint-b-purple .module-heading a:hover,
.module-message.module-box-tint-b-purple:after   {
color: #806ab7!important;
}

.module-message.module-box-tint-b-purple {
border-color: #806ab7;
}

/* pink */
.module-box-tint-b-pink .module-heading a:hover,
.module-message.module-box-tint-b-pink:after   {
color: #cb238e!important;
}

.module-message.module-box-tint-b-pink {
border-color: #cb238e;
}

/* red */
.module-box-tint-b-red .module-heading a:hover,
.module-message.module-box-tint-b-red:after   {
color: #c9002f!important;
}

.module-message.module-box-tint-b-red {
border-color: #c9002f;
}

/* yellow */
.module-box-tint-b-yellow .module-heading a:hover,
.module-message.module-box-tint-b-yellow:after   {
color: #c28a0e!important;
}

.module-message.module-box-tint-b-yellow {
border-color: #c28a0e;
}

/* lime */
.module-box-tint-b-lime .module-heading a:hover,
.module-message.module-box-tint-b-lime:after   {
color: #7e8b27!important;
}

.module-message.module-box-tint-b-lime {
border-color: #7e8b27;
}

/* green */
.module-box-tint-b-green .module-heading a:hover,
.module-message.module-box-tint-b-green:after   {
color: #2c882e!important;
}

.module-message.module-box-tint-b-green {
border-color: #2c882e;
}


/* lists of links as nav */
.list-links { 
 		border-bottom: 1px solid #d8d5ca; 
		font-size: 0.875em;
		}
.list-links li { 
 		border-top: 1px solid #d8d5ca;	
	
		}
.list-links a { 
 		display: block;
		zoom:1;
		padding: 0.5em 5%;
		text-decoration: none;
		background: #efede9;
		color: #333;
		-webkit-transition: background 0.5s;
		-o-transition: background 0.5s;
		-moz-transition: background 0.5s;
		transition: background 0.5s; 
			
		}
.list-links a:hover, .list-links a:focus  { 
 		background: white;	
		color: #333;	
		}
		
/* list of contact types, email, phone */
.contact-type	{ 
font-weight: bold; 
width: 20%; 
display: inline-block;
 }

 /* inline lists */
 .list-inline  {
overflow: auto /* needed for pagination */
 }

.list-inline li {
float: left;
}



/* #lists with thumbs
for news, events and general lists with thumbnails */
.list-with-thumbs, 
.list-events, 
.list-news { 
font-size:.875em;
}

.list-with-thumbs > li,
.list-events > li, 
.list-news > li { 
overflow: auto;
margin-bottom: 1.5em
}


.list-with-thumbs img { 
float: left;
width: 10.5%;
padding-right: 1.6%;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s; 
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0px);
}


.list-with-thumbs > li > a,
.list-news > li > a,
.list-events > li > a,
.multi-column > li > a     {
font-size: 16px;
font-weight: bold;
padding: 0!important
}


.list-events .event-date, 
.list-news .news-date,
.list-news .news-abstract,
.list-news .news-title {
display: block; 
}

.list-with-thumbs .event-date, 
.list-with-thumbs .news-date,
.list-with-thumbs .news-abstract,
.list-with-thumbs .news-title, 
.list-with-thumbs p,
.list-with-thumbs h2,
.list-with-thumbs h3,
.list-with-thumbs ul,
.list-with-thumbs ol{
padding-left: 12.1%; 
margin-bottom: 0
}

.list-with-thumbs ul,
.list-with-thumbs ol {
margin-left: 1.5em
}

.list-with-thumbs h2 {
margin: 0
}

.list-with-thumbs a:hover img { 
filter: alpha(opacity=70);
opacity: 0.7;
zoom: 1;
outline: none;
}

.grid_8 .list-with-thumbs img {
 width: 16%;
 padding-right: 2.5%;
 }

.grid_8 .list-with-thumbs .event-date, 
.grid_8 .list-with-thumbs .news-date,
.grid_8 .list-with-thumbs .news-abstract,
.grid_8 .list-with-thumbs .news-title,
.grid_8 .list-with-thumbs p,
.grid_8 .list-with-thumbs h2,
.grid_8 .list-with-thumbs h3,
.grid_8 .list-with-thumbs ul,
.grid_8 .list-with-thumbs ol {
padding-left: 18.5%;
}

.grid_3 .list-news li,
.grid_3 .list-events li,
.grid_4 .list-news li,
.grid_4 .list-events li,
.grid_8 .row .grid_6 .list-news li,
.grid_8 .row .grid_6 .list-events li {
margin-bottom: 0.75em
} 

.grid_8 .row .grid_6 .list-with-thumbs li > a,
.grid_3 .list-with-thumbs li > a,
.grid_4 .list-with-thumbs li > a,
.grid_8 .row .grid_6 .list-events li > a,
.grid_3 .list-events li > a,
.grid_4 .list-events li > a,
.grid_8 .row .grid_6 .list-news li > a,
.grid_3 .list-news li > a,
.grid_4 .list-news li > a {
   font-size: 14px;
   font-weight: normal
}

.grid_3 .list-with-thumbs img,
.grid_4 .list-with-thumbs img {
 width: 33%;
  padding-right: 5%
}

.grid_3 .list-with-thumbs .event-date, 
.grid_3 .list-with-thumbs .news-date,
.grid_3 .list-with-thumbs .news-abstract,
.grid_3 .list-with-thumbs .news-title,
.grid_4 .list-with-thumbs .event-date, 
.grid_4 .list-with-thumbs .news-date,
.grid_4 .list-with-thumbs .news-abstract,
.grid_4 .list-with-thumbs .news-title,
.grid_3 .list-with-thumbs p,
.grid_4 .list-with-thumbs p,
.grid_3 .list-with-thumbs h2,
.grid_4 .list-with-thumbs h2,
.grid_3 .list-with-thumbs h3,
.grid_4 .list-with-thumbs h3,
.grid_3 .list-with-thumbs ul,
.grid_4 .list-with-thumbs ul,
.grid_3 .list-with-thumbs ol,
.grid_4 .list-with-thumbs ol {  
padding-left: 38%; 
display: block; 
}

/* large thumbs */
.list-with-thumbs-large img {
width: 14%;
padding-right: 1.5%
}

.list-with-thumbs-large .event-date, 
.list-with-thumbs-large .news-date,
.list-with-thumbs-large .news-abstract,
.list-with-thumbs-large .news-title,
.list-with-thumbs-large p,
.list-with-thumbs-large h2,
.list-with-thumbs-large h3,
.list-with-thumbs-large ul,
.list-with-thumbs-large ol {
padding-left: 15.5%; 
margin-bottom: 0
}

.grid_8 .list-with-thumbs-large img {
 width: 21.5%;
 padding-right: 2.5%;
 }
 
.grid_8 .list-with-thumbs-large .event-date, 
.grid_8 .list-with-thumbs-large .news-date,
.grid_8 .list-with-thumbs-large .news-abstract,
.grid_8 .list-with-thumbs-large .news-title,
.grid_8 .list-with-thumbs-large p,
.grid_8 .list-with-thumbs-large h2,
.grid_8 .list-with-thumbs-large h3,
.grid_8 .list-with-thumbs-large ul,
.grid_8 .list-with-thumbs-large ol {
padding-left: 24%;
}

/* mega thumbs */
.grid_8 .list-with-thumbs-mega img {
width: 34.6%;
padding-right: 2.5%;
}

.grid_8 .list-with-thumbs-mega .event-date, 
.grid_8 .list-with-thumbs-mega .news-date,
.grid_8 .list-with-thumbs-mega .news-abstract,
.grid_8 .list-with-thumbs-mega .news-title,
.grid_8 .list-with-thumbs-mega p,
.grid_8 .list-with-thumbs-mega h2,
.grid_8 .list-with-thumbs-mega h3,
.grid_8 .list-with-thumbs-mega ul,
.grid_8 .list-with-thumbs-mega ol {
padding-left: 37.1%;
}

/* multi columns */
.multi-column { 
 -webkit-column-count: 3;
  -webkit-column-gap:   27px;  
  -moz-column-count:    3;
  -moz-column-gap:      27px;
  column-count:         3;
  column-gap:           27px; }
  
  
.grid_8 .multi-column { 
 -webkit-column-count: 2;
  -webkit-column-gap:   27px;  
  -moz-column-count:    2;
  -moz-column-gap:      27px;
  column-count:         2;
  column-gap:           27px; }
  
  
.multi-column > li,
.two-col-count > li {  
display: inline-block;
overflow: visible;
width: 100%;
font-size: 14px;
margin-bottom: 1.5em
}

.multi-column.list-with-thumbs img,
.multi-column.list-with-thumbs img,
.two-col-count.list-with-thumbs img {
width: 33%;
padding-right: 5%
}

.multi-column > li * {
margin-bottom: 0
}

.multi-column.list-with-thumbs .event-date, 
.multi-column.list-with-thumbs .news-date,
.multi-column.list-with-thumbs .news-abstract,
.multi-column.list-with-thumbs p,
.multi-column.list-with-thumbs h2,
.multi-column.list-with-thumbs h3,
.multi-column.list-with-thumbs ul,
.multi-column.list-with-thumbs ol,
.two-col-count.list-with-thumbs .event-date, 
.two-col-count.list-with-thumbs .news-date,
.two-col-count.list-with-thumbs .news-abstract,
.two-col-count.list-with-thumbs p,
.two-col-count.list-with-thumbs h2,
.two-col-count.list-with-thumbs h3,
.two-col-count.list-with-thumbs ul,
.two-col-count.list-with-thumbs ol {
padding-left: 38%; 

}

.multi-column.list-with-thumbs > li > a {
font-size: 14px!important;
font-weight: bold!important
}

.multi-column.list-with-thumbs-large img {
width: 45%;
}

.multi-column.list-with-thumbs-large .event-date, 
.multi-column.list-with-thumbs-large .news-date,
.multi-column.list-with-thumbs-large .news-abstract,
.multi-column.list-with-thumbs-large p,
.multi-column.list-with-thumbs-large h2,
.multi-column.list-with-thumbs-large ul,
.multi-column.list-with-thumbs-large ol {
padding-left: 50%; 
margin-bottom: 0
}

.multi-column.list-with-thumbs-large > li > a {
font-size: 16px!important;
font-weight: bold!important
}


  /* ie9 and earlier fixes */
.ie6 .multi-column img,
.ie7 .multi-column img,
.ie8 .multi-column img,
.ie9 .multi-column img {
width: 17%;
padding-right: 3%;
}


.ie6 .multi-column.list-with-thumbs .event-date, 
.ie6 .multi-column.list-with-thumbs .news-date,
.ie6 .multi-column.list-with-thumbs .news-abstract,
.ie6 .multi-column.list-with-thumbs p,
.ie6 .multi-column.list-with-thumbs h2,
.ie6 .multi-column.list-with-thumbs ul,
.ie6 .multi-column.list-with-thumbs ol,
.ie7 .multi-column.list-with-thumbs .event-date, 
.ie7 .multi-column.list-with-thumbs .news-date,
.ie7 .multi-column.list-with-thumbs .news-abstract,
.ie7 .multi-column.list-with-thumbs p,
.ie7 .multi-column.list-with-thumbs h2,
.ie7 .multi-column.list-with-thumbs ul,
.ie7 .multi-column.list-with-thumbs ol,
.ie8 .multi-column.list-with-thumbs .event-date, 
.ie8 .multi-column.list-with-thumbs .news-date,
.ie8 .multi-column.list-with-thumbs .news-abstract,
.ie8 .multi-column.list-with-thumbs p,
.ie8 .multi-column.list-with-thumbs h2,
.ie8 .multi-column.list-with-thumbs ul,
.ie8 .multi-column.list-with-thumbs ol,
.ie9 .multi-column.list-with-thumbs .event-date, 
.ie9 .multi-column.list-with-thumbs .news-date,
.ie9 .multi-column.list-with-thumbs .news-abstract,
.ie9 .multi-column.list-with-thumbs p,
.ie9 .multi-column.list-with-thumbs h2,
.ie9 .multi-column.list-with-thumbs ul,
.ie9 .multi-column.list-with-thumbs ol{
padding-left: 20%; 
}


/* pagination */
.pagination {  
margin: 0 0 1.5em 0; 
padding: 0; 
font-size: 0.875em;
overflow: hidden;
}

.pagination li { 
margin: 0 0.25em 0.5em 0.25em; 
padding: 0; 
display: inline; 
}

.pagination a,
.pagination span.current-page { 
display: inline-block; 
background: #efede9;
border: 1px solid #efede9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0.35em 0.6em;
color: #333;
}

.pagination a:hover,
.pagination a:focus,
.pagination span.current-page
 {
background: #fff;
border: 1px solid #dedcd2;
text-decoration: none;
}

/* list of inline button styles */
.list-of-buttons a {
font-size: 12px;
padding: 0.5em 0.75em;
background: #efede9;
display: inline-block;
margin: 0 0.5em 0.5em 0;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
color: #333
}

.module-box .list-of-buttons a  {
background: #fff;
color: #333;
}

.module-box .list-of-buttons a:hover  {
text-decoration: none;
}

/* striped list */
.list-striped li:nth-of-type(odd) {
  background-color:#efede9;
}

.list-striped li {  
padding: 0.5em 0.75em!important;
}

.list-striped .module-horizontal {  
margin: 0;
border: 0;
}

.module .list-links-no-margin { 
margin-top: -0.85em
}	

/* module-film icon overlaying the module image, using :after. Can be reused for other decorative icons */

.module-film .module-heading a:after { 
content: "\e00d";
font-size: 20px;
position: absolute; 
top: 47.5%; 
left: 50%;
z-index: 101;
background: white;
width: 37px; 
height: 30px; 
-webkit-border-radius: 28px; 
-moz-border-radius: 28px;
border-radius: 28px;
display: block;
margin: 0 0 0 -25px;
padding: 10px 0 0 3px;
text-align: center;
-webkit-box-shadow:  0px 0px 0px 5px rgba(0, 0, 0, 0.4);
box-shadow:  0px 0px 0px 5px rgba(0, 0, 0, 0.4);
color: #161b20;
}

/* modules with image but no heading above  */
.module > img, 
.module > a > img { 
margin: 0 0 0.8em 0; 
}

/* with heading below image */
.module > img + .module-heading {
margin-top: -0.75em;
margin-bottom: 0em
}

.module > img + .module-heading + p {
margin-top: -0.5em;
}

/* module box with solid background colour */
.module-box  {
background: #efede9;
border-top: 4px solid #dedcd2;
margin-bottom: 1.5em;
overflow: hidden; 
padding-left: 1.5% /* for full width */;
padding-right: 1.5% /* for full width */;
/* testing */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.grid_8 .module-box {
padding-left: 3%;
padding-right: 3%;
}

.grid_4 .module-box,
.grid_3 .module-box{
padding-left: 5%!important;
padding-right: 5%!important;
}

.grid_6 .module-box {
padding-left: 3.5%!important;
padding-right: 3.5%!important;
}

.align-right.module-box {
padding-left: 2.4%!important;
padding-right: 2.4%!important;
}

/* module box headings */
.module-box .module-heading {
border: 0;
padding-top: 0.575em;
}

.ie6 .module-box .module-heading,
.ie7 .module-box .module-heading,
.ie8 .module-box .module-heading {
margin: 0;
zoom: 1; }

.module-box .module-heading a {
border: 0;
}


.module-box .module-heading:before {
content: none!important;
}

/* headings for coloured module boxes */
[class*="module-box-b"] .module-heading, 
[class*="module-box-d"] .module-heading, 
[class*="module-box-b"] .module-heading a,
[class*="module-box-d"] .module-heading a  {
color: #fff; 
text-decoration: none
}

[class*="module-box-b"] .module-heading a:hover,
[class*="module-box-d"] .module-heading a:hover,
[class*="module-box-b"] .module-heading a:focus,
[class*="module-box-d"] .module-heading a:focus  {
color: rgba(255,255,255,0.65)!important;
text-decoration: none
}

/* module box links */
[class*="module-box-"] a {
color: #fff; 
text-decoration: underline
}

[class*="module-box-"] a:hover,
[class*="module-box-"] a:focus,
[class*="bg-"] a:hover,
[class*="bg-"] a:focus  {
color: rgba(255,255,255,0.7);
}


/* killing before content on module headings */
.module-box .module-heading a:hover:before,
.module-box .module-heading a:focus:before {
content: none;
}

[class*="module-box-"] .list-links a  {
text-decoration: none
}

[class*="module-box-"] .list-links a:hover  {
color: #fff!important
}

[class*="module-box-"] { 
color: #fff;
} 

[class*="module-box-"] select,
[class*="module-box-"] input[type="text"],
[class*="module-box-"] textarea,
[class*="module-box-"] option  { 
color: #333;
} 

.module-box p:last-child {
margin-bottom: 0.75em;
}

/* making imgs stretch full box on module box
whether wrapped in a heading or not */
.module-box .module-heading a img, 
.module-box > a > img,
.module-box .module-heading > img,
.module-box > img  {
left: -5.7%;
position: relative;
max-width: 112%;
}

.grid_6 .module-box .module-heading a img, 
.grid_6 .module-box > a > img,
.grid_6 .module-box .module-heading > img,
.grid_6 .module-box > img  {
left: -3.75%;
}

.grid_8 .module-box .module-heading a img, 
.grid_8 .module-box > a > img,
.grid_8 .module-box .module-heading > img,
.grid_8 .module-box > img  {
left: -3.75%;
}

/* fixing for align-right modules */
.align-right.module-box .module-heading a img, 
.align-right.module-box > a > img,
.align-right.module-box .module-heading > img,
.align-right.module-box > img  {
left: -5.7%;
position: relative;
max-width: 112%;
}


/* making list links full box on module */
.module-box .list-links  {
width: 112%;
left: -5.6%;
position: relative;
}

/* #MODULE BOX COLOURS */
/* black */
.module-box-d-black,
.module-box-d-black .module-heading a,
.img-sl-d-black {
background: #161b20;
border-color: #161b20;
}

/* bright aqua */
.module-box-b-aqua {
background: #06827d;
border-color: #06827d;
}
.module-box-b-aqua [class*="icon-"]:before,
.module-box-b-aqua [class*="icon-"]:after,
.module-box-b-aqua blockquote p:before,
.module-box-b-aqua blockquote p:after {
color: #003d4c;
}

/* dark aqua */
.module-box-d-aqua {
background: #003d4c;
border-color: #003d4c;
}
.module-box-d-aqua [class*="icon-"]:before,
.module-box-d-aqua blockquote p:before,
.module-box-d-aqua blockquote p:after,
.module-box-tint-b-aqua [class*="icon-"]:before,
.module-box-tint-b-aqua [class*="icon-"]:after,
.module-box-tint-b-aqua blockquote p:before,
.module-box-tint-b-aqua blockquote p:after {
color: #06827d;
}

/* bright blue */
.module-box-b-blue {
background: #1c7698;
border-color: #1c7698;
}
.module-box-b-blue [class*="icon-"]:before,
.module-box-b-blue [class*="icon-"]:after,
.module-box-b-blue blockquote p:before,
.module-box-b-blue blockquote p:after {
color: #002f5f;
}


/* dark blue */
.module-box-d-blue {
background: #002f5f;
border-color: #002f5f;
}
.module-box-d-blue [class*="icon-"]:before,
.module-box-d-blue blockquote p:before,
.module-box-d-blue blockquote p:after,
.module-box-tint-b-blue [class*="icon-"]:before,
.module-box-tint-b-blue [class*="icon-"]:after,
.module-box-tint-b-blue blockquote p:before,
.module-box-tint-b-blue blockquote p:after {
color: #1c7698;
}

/* bright purple */
.module-box-b-purple  {
background: #806ab7;
border-color: #806ab7;
}
.module-box-b-purple [class*="icon-"]:before,
.module-box-b-purple [class*="icon-"]:after,
.module-box-b-purple blockquote p:before,
.module-box-b-purple blockquote p:after{
color: #42145f;
}

/* dark purple */
.module-box-d-purple  {
background: #42145f;
border-color: #42145f;
}
.module-box-d-purple [class*="icon-"]:before,
.module-box-d-purple blockquote p:before,
.module-box-d-purple blockquote p:after,
.module-box-tint-b-purple [class*="icon-"]:before,
.module-box-tint-b-purple [class*="icon-"]:after,
.module-box-tint-b-purple blockquote p:before,
.module-box-tint-b-purple blockquote p:after  {
color: #806ab7;
}

/* bright pink */
.module-box-b-pink {
background: #cb238e;
border-color: #cb238e;
}
.module-box-b-pink [class*="icon-"]:before,
.module-box-b-pink [class*="icon-"]:after,
.module-box-b-pink blockquote p:before,
.module-box-b-pink blockquote p:after {
color: #772059;
}

/* dark pink */
.module-box-d-pink {
background: #772059;
border-color: #772059;
}
.module-box-d-pink [class*="icon-"]:before,
.module-box-d-pink blockquote p:before,
.module-box-d-pink blockquote p:after,
.module-box-tint-b-pink [class*="icon-"]:before,
.module-box-tint-b-pink [class*="icon-"]:after,
.module-box-tint-b-pink blockquote p:before,
.module-box-tint-b-pink blockquote p:after {
color: #cb238e;
}

/* bright red */
.module-box-b-red  {
background: #c9002f;
border-color: #c9002f;
}
.module-box-b-red [class*="icon-"]:before,
.module-box-b-red [class*="icon-"]:after,
.module-box-b-red blockquote p:before,
.module-box-b-red blockquote p:after {
color: #5e3032;
}

/* dark red */
.module-box-d-red {
background: #5e3032;
border-color: #5e3032;
}
.module-box-d-red [class*="icon-"]:before,
.module-box-d-red blockquote p:before,
.module-box-d-red blockquote p:after,
.module-box-tint-b-red [class*="icon-"]:before,
.module-box-tint-b-red [class*="icon-"]:after,
.module-box-tint-b-red blockquote p:before,
.module-box-tint-b-red blockquote p:after {
color: #c9002f;
}

/* bright yellow */
.module-box-b-yellow  {
background: #c28a0e;
border-color: #c28a0e;
}
.module-box-b-yellow [class*="icon-"]:before,
.module-box-b-yellow [class*="icon-"]:after,
.module-box-b-yellow blockquote p:before,
.module-box-b-yellow blockquote p:after {
color: #86431e;
}


/* dark yellow */
.module-box-d-yellow  {
background: #86431e;
border-color: #86431e;
}
.module-box-d-yellow [class*="icon-"]:before,
.module-box-d-yellow blockquote p:before,
.module-box-d-yellow blockquote p:after,
.module-box-tint-b-yellow [class*="icon-"]:before,
.module-box-tint-b-yellow [class*="icon-"]:after,
.module-box-tint-b-yellow blockquote p:before,
.module-box-tint-b-yellow blockquote p:after  {
color: #c28a0e;
}

/* bright lime */
.module-box-b-lime {
background: #7e8b27;
border-color: #7e8b27;
}
.module-box-b-lime [class*="icon-"]:before,
.module-box-b-lime [class*="icon-"]:after,
.module-box-b-lime blockquote p:before,
.module-box-b-lime blockquote p:after {
color: #53682b;
}

/* dark lime */
.module-box-d-lime   {
background: #53682b;
border-color: #53682b;
}
.module-box-d-lime [class*="icon-"]:before,
.module-box-d-lime blockquote p:before,
.module-box-d-lime blockquote p:after,
.module-box-tint-b-lime [class*="icon-"]:before,
.module-box-tint-b-lime [class*="icon-"]:after,
.module-box-tint-b-lime blockquote p:before,
.module-box-tint-b-lime blockquote p:after {
color: #7e8b27;
}

/* bright green */
.module-box-b-green {
background: #2c882e;
border-color: #2c882e;
}
.module-box-b-green [class*="icon-"]:before,
.module-box-b-green [class*="icon-"]:after,
.module-box-b-green blockquote p:before,
.module-box-b-green blockquote p:after {
color: #024731;
}

/* dark green */
.module-box-d-green  {
background: #024731;
border-color: #024731;
}
.module-box-d-green [class*="icon-"]:before,
.module-box-d-green blockquote p:before,
.module-box-d-green blockquote p:after,
.module-box-tint-b-green [class*="icon-"]:before,
.module-box-tint-b-green [class*="icon-"]:after,
.module-box-tint-b-green blockquote p:before,
.module-box-tint-b-green blockquote p:after{
color: #2c882e;
}


/* MODULE BOX TINTS */

/* Tints global */
[class*="module-box-tint-"] *{
color: #333!important
}

[class*="module-box-tint-"] a {
color: #333;
}

[class*="module-box-tint-"] a.btn,
[class*="module-box-tint-"] a.btn:hover,
[class*="module-box-tint-"] a.btn:focus,
[class*="module-box-tint-"] input[type="submit"],
[class*="module-box-tint-"] input[type="submit"]:hover,
[class*="module-box-tint-"] input[type="submit"]:focus {
color: #fff!important;
}

[class*="module-box-tint-"] a:hover,
[class*="module-box-tint-"] a:focus,
[class*="module-box-tint-"] a:hover span,
[class*="module-box-tint-"] a:focus span  {
color: rgba(0,0,0,0.5)!important
}

[class*="module-box-tint-"] .module-heading a {
text-decoration: none;
}

[class*="module-box-tint-"] .module-heading a:before,
[class*="module-box-tint-"] .module-heading a:before,
[class*="module-box-tint-"] .module-heading a:hover:before,
[class*="module-box-tint-"] .module-heading a:hover:before {
content: none;
}


/* bright aqua */
.module-box-tint-b-aqua {
background: rgba(6,130,125,0.2);
border-color: #06827d;
}
.module-box-tint-b-aqua .module-heading a:hover,
.module-box-tint-b-aqua .module-heading a:focus {
color: #06827d;
}

/* bright blue */
.module-box-tint-b-blue {
background: rgba(28,118,152,0.2);
border-color: #1c7698
}
.module-box-tint-b-blue .module-heading a:hover,
.module-box-tint-b-blue .module-heading a:focus  {
color: #1c7698;
}

/* bright purple */
.module-box-tint-b-purple {
background: rgba(128,106,183,0.2);
border-color: #806ab7
}
.module-box-tint-b-purple .module-heading a:hover,
.module-box-tint-b-purple .module-heading a:focus {
color: #806ab7;
}

/* bright pink */
.module-box-tint-b-pink {
background: rgba(203,35,142,0.2);
border-color: #cb238e
}
.module-box-tint-b-pink .module-heading a:hover,
.module-box-tint-b-pink .module-heading a:focus {
color: #cb238e;
}

/* bright red */
.module-box-tint-b-red {
background: rgba(224,0,52,0.2);
border-color: #c9002f
}
.module-box-tint-b-red .module-heading a:hover,
.module-box-tint-b-red .module-heading a:focus {
color: #c9002f
}

/* bright yellow */
.module-box-tint-b-yellow {
background: rgba(194,138,14,0.2);
border-color: #c28a0e
}
.module-box-tint-b-yellow .module-heading a:hover,
.module-box-tint-b-yellow .module-heading a:focus {
color: #c28a0e;
}

/* bright green */
.module-box-tint-b-green {
background: rgba(44,136,46,0.2);
border-color: #2c882e
}
.module-box-tint-b-green .module-heading a:hover,
.module-box-tint-b-green .module-heading a:focus  {
color: #2c882e;
}

/* bright lime */
.module-box-tint-b-lime {
background: rgba(126,139,39,0.2);
border-color: #7e8b27
}
.module-box-tint-b-lime .module-heading a:hover,
.module-box-tint-b-lime .module-heading a:focus {
color: #7e8b27;
}

/* end of module colours */




/* list-links within module-box */
.module .list-links {
margin-bottom: 0;
/* margin-top: -0.85em!important; only used when following an image */
}

[class*="module-box-"] .list-links  {
border-color: #bbb;
border-color: rgba(255,255,255,0.3);
}


[class*="module-box-"] .list-links li  {
border-color: #bbb;
border-color: rgba(255,255,255,0.3);
}

[class*="module-box-"] .list-links a  {
background: none;
color: white;
}

[class*="module-box-"] .list-links a:hover, 
[class*="module-box-"] .list-links a:focus  {
background: rgba(255,255,255,0.2);
cursor: pointer;
}

[class*="module-box-tint"] .list-links {
border-color: #333;
border-color: rgba(0,0,0,0.1)!important;
}


[class*="module-box-tint"] .list-links li  {
border-color: #bbb;
border-color: rgba(0,0,0,0.1);
}

[class*="module-box-tint"] .list-links a  {
background: none;
color: #333;
}

[class*="module-box-tint"] .list-links a:hover, 
[class*="module-box-tint"] .list-links a:focus  {
background: rgba(0,0,0,0.1);
color: #333!important;
}


/* straplines on top of images */
/* colours specified in modules */
.img-with-strapline  {
position: relative;
margin: 0 0 1.5em 0;
}

.img-with-strapline img {
display: block
}

.img-strapline { 
position: absolute; 
bottom: 1em; 
margin: 0; 
left: 0; 
color: #fff; 
padding: 0.5em 1em!important; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}

.img-strapline > a,
a.img-strapline  {
color: #fff; 
}

a.img-strapline:hover,
a.img-strapline:focus  {
text-decoration: none;
}

.img-sl-fullwidth {
width: 100%; 
text-align: center; 
}

.img-sl-bottom {
bottom: 0; 
}

.img-sl-top {
top: 1em; 
bottom: auto!important;
}


.portalUser {
position:absolute;
right:10px;
padding:4px 5px 4px 20px;
color:#344046;
font-size:.875em;
line-height:1.3;
}

/* #TOOLTIPS */
.tooltip {
position: relative;
}

.tooltip span {
position: absolute;
left:  -2000px;
display: block;
}

.tooltip:hover, .tooltip:focus {
outline: none;
text-decoration: none;
}

.tooltip:hover span, .tooltip:focus span{
left: 0;
display: inline;
position: absolute;
background: white;
padding: 1em;
width: 25em;
z-index: 20;
margin-top: 1.5em;
border: 1px solid #dedcd2;
color: #333;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1); 
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9; 
z-index: 200;
}





/* #HEROS */

.hero-container {
background: #efede9; 
margin: -3em 0 3.0em 0; 
position: relative; 
z-index: 1;
}

.hero-container .width-master {
max-width: 1182px;
}

.hero-container + #uobcms-wrapper { 
padding-top: 0.5em;
}

.hero-hp {
overflow: auto; 
position: relative; 
top: 1.5em; 
-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.2);
-moz-box-shadow:0 8px 6px -6px rgba(0,0,0,0.2);
box-shadow:0 8px 6px -6px rgba(0,0,0,0.2); 
padding: 0 2px 2px 2px; 
background: white;
}


.ie6 .hero-hp, .ie7 .hero-hp, .ie8 .hero-hp {
border: 1px solid #dedcd2;
border-top: 0;
}

/* MEGA FOOTER FIXES */

#mega-footer {
background: #efede9!important;
clear: none;
}


/* #TABS */
.contentTabs { 
	border-bottom: 1px solid #dedcd2; 
	padding: 1em 0 0 0; 
	margin: 0 0 0 0; 
	font-size: 0.875em;
	width: 100%; /* may want to change this width */
	}
	
.contentTabs li { 
	list-style-type: none; 
	list-style-image: none; 
	display: inline;
	padding: 0; 
	margin: 0; 
	z-index: 2;   
	}
	
.contentTabs li a {
	padding: 0.5em 0.75em;
	text-decoration: none; 
	color: #333; 
	display: inline-block; 
	position: relative; 
	top: 1px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px; 
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px; 
	border-top-left-radius: 3px; 	
	background: #efede9;
	border: 1px solid #efede9; 
	border-bottom: 0;
	}
	
.contentTabs li a:hover, 
.contentTabs li a:focus { 
	outline: none; 
	text-decoration: none;
	border-color: #dedcd2;
	background: #fff
	}
	

.contentTabs li a.active {  
	border: 1px solid #dedcd2; 
	border-bottom: 1px solid #fff; 
	margin-bottom: 0; 
	cursor: default;	
	text-decoration: none!important;
	background: #fff;
	border-bottom-color: #fff;
}


.hiddenContentTab {
  display: none !important;
}


.contentTab {
min-width: 100px;
background: #fff;
padding: 1.25em 0.75em 1em 0.75em;
margin-bottom: 1.5em;
border-left: 1px solid #dedcd2
}

.contentTab h2 {
margin: 0 0 1.0em 0;
line-height: 1.3125em;
}

.contentTab h3, 
.contentTab h4, 
.contentTab h5, 
.contentTab h6  {
margin-bottom: 1.0em;
}

.contentTab .module h2, 
.contentTab .module h3, 
.contentTab .module h4, 
.contentTab .module h5, 
.contentTab .module h6  {
margin-bottom: 0;
}

.contentTabs-box {
margin-bottom: 0!important; 
}

/* Drop down menus */
.jsActive .drop-down-listing, .jsActive #page-contents {
display: none;
}

.jsActive .drop-down-menu {
border-bottom: 1px solid #dedcd2;
margin-bottom: 1.5em;
}

.drop-down-menu .drop-down-header {
display: block;
background: #efede9;
padding: 0.5em 0.5em 0.5em 2.25em;
margin: 0!important;
font-weight: normal;
color: #333;
cursor: pointer;
border-top: 1px solid #dedcd2;
border-bottom: 0;
font-size: 0.875em;
position: relative;
}

.contentTab .drop-down-menu .drop-down-header {
font-size: 1em;
}

.drop-down-menu .drop-down-header:before {
content: "\e00e";	
margin-right: 0.5em;
color: #beb9a6;
top: 0.85em!important;
font-size: 0.9em; /* scaling down */
position: absolute; 
left: 0.75em;
top: 0.25em;	
}

.drop-down-menu .drop-down-header:hover {
background-color: #fff;
}

.drop-down-menu .drop-down-header.active:before {
content: "\e00f";
font-size: 0.9em; /* scaling down */	
top: 0.85em!important;
color: #beb9a6;
}

.drop-down-menu .drop-down-header a {
text-decoration: none;
color: #333!important;
}

.drop-down-menu .content-padding {
margin: 0;
padding: 1em 0 0 0.35em;
}

/* increase indent of additional levels */
.drop-down-child {
margin-left: 16px;
}

/* kill back to top */
.btop { 
display: none;
visibility: hidden; }




/* Google search */
#___gcse_0 {
width:100%;
}

.gs-title, .gs-title b {
color: #0D5BAB!important;
text-decoration:none!important;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 0.1em
}

.gs-title:hover, .gs-title:focus {
text-decoration: underline!important;
}

.gs-visibleUrl {
font-size: 14px!important;
line-height: 1.5em!important;
color: #2c882e!important;
font-style: italic;
}

.gs-snippet {
font-size: 14px!important;
line-height: 1.5em!important;
}

.gsc-table-result {
margin-bottom: 0.5em!important;
width: 75%!important;
line-height: 1.5em!important;
}

.gsc-webResult.gsc-result,
.gsc-control-cse {
padding: 0!important 
}


.gsc-result-info {
padding: 0!important;
margin: 0!important;
font-size: 14px!important;
color: #666!important;
}


.gsc-orderby-label, 
.gsc-selected-option, 
.gsc-option-menu {
font-size: 14px!important;
color: #666!important;
font-weight: normal;
}

.gsc-above-wrapper-area-container {
margin-bottom: 0!important 
}

.gsc-above-wrapper-area {
border-color: #dedcd2!important;
}

.gsc-cursor-page {
background: #efede9;
padding: 0.5em;
font-size: 14px;
text-decoration: none!important;
border: 1px solid #efede9;
color: #333; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}

.gsc-cursor {
padding-top: 1.5em!important;
display: block!important;
}

.gsc-cursor-page:hover {
background: #fff;
border-color: #dedcd2;
}

.gsc-cursor-current-page {
background: #fff;
border: #fff;
color: #333!important;
font-weight: normal!important;
}

input.gsc-input {
padding: 0.5em!important;
font-size: 14px!important;
border-color: #dedcd2!important;
padding:.45em!important;
color:#666!important;
border:1px solid #dedcd2!important;
width:10em!important;
line-height:14px!important;
-webkit-border-radius:3px!important;
-moz-border-radius:3px!important;
border-radius:3px!important;
width: 100%!important;
}

/* #COLOURS */
/* for background */
.bg-b-aqua, .bg-b-aqua-opacity  { background: #06827d }
.bg-b-aqua-opacity { background: rgba(6,130,125,0.90)}
.bg-b-blue, .bg-b-blue-opacity { background: #1c7698}
.bg-b-blue-opacity { background: rgba(28,118,152,0.90)}
.bg-b-purple, .bg-b-purple-opacity { background: #806ab7 }
.bg-b-purple-opacity { background: rgba(128,106,183,0.90) }
.bg-b-pink, .bg-b-pink-opacity { background: #cb238e }
.bg-b-pink-opacity { background: rgba(203,35,142,0.90) }
.bg-b-red, .bg-b-red-opacity  { background: #c9002f}
.bg-b-red-opacity { background: rgba(201,0,47,0.90) }
.bg-b-yellow, .bg-b-yellow-opacity { background: #c28a0e }
.bg-b-yellow-opacity { background: rgba(194,138,14,0.90) }
.bg-b-lime, .bg-b-lime-opacity { background: #7e8b27 }
.bg-b-lime-opacity { background: rgba(126,139,39,0.90) }
.bg-b-green, .bg-b-green-opacity { background: #2c882e }
.bg-b-green-opacity { background: rgba(44,136,46,0.90) }

.bg-d-aqua, .bg-d-aqua-opacity  { background: #003d4c }
.bg-d-aqua-opacity { background: rgba(0,61,76,0.90) }
.bg-d-blue, .bg-d-blue-opacity { background: #002f5f}
.bg-d-blue-opacity { background: rgba(0,47,95,0.90) }
.bg-d-purple, .bg-d-purple-opacity  { background: #42145f}
.bg-d-purple-opacity { background: rgba(66,20,95,0.90) }
.bg-d-pink, .bg-d-pink-opacity{ background: #772059 }
.bg-d-pink-opacity { background: rgba(119,32,89,0.90) }
.bg-d-red, .bg-d-red-opacity  { background: #5e3032 }
.bg-d-red-opacity { background: rgba(94,48,50,0.90) }
.bg-d-yellow, .bg-d-yellow-opacity { background: #86431e}
.bg-d-yellow-opacity { background: rgba(134,67,30,0.90) }
.bg-d-lime, .bg-d-lime-opacity  { background: #53682b}
.bg-d-lime-opacity { background: rgba(83,104,43,0.90) }
.bg-d-green, .bg-d-green-opacity { background: #024731}
.bg-d-green-opacity { background: rgba(2,71,49,0.90) }

.bg-stone { background: #efede9 }
.bg-black, .bg-black-opacity  { background: #161b20 }
.bg-black-opacity { background: rgba(22,27,32,0.70) }
.bg-red { background: #b01c2e }

[class*="bg-d-"],
[class*="bg-b-"],
.bg-black,
.bg-red,
.bg-black-opacity  {
color: #fff;
}

[class*="bg-d-"] input[type=submit],
.bg-black input[type=submit],
.bg-red input[type=submit] {
background:  rgba(255, 255, 255, 0.3);
border-color:  rgba(255, 255, 255, 0.3);
color: #fff;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important;
}

[class*="bg-b-"] input[type=submit] {
background:  rgba(0, 0, 0, 0.3);
border-color:  rgba(0, 0, 0, 0.3);
color: #fff;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!important;
}

/* applying background to a paragraph */
p[class*="bg-"] {
padding: 1em
}

.grid_3 p[class*="bg-"],
.grid_4 p[class*="bg-"] {
font-size: 0.875em
}

/* Events */
/* EVENTS */

.event-speaker, 
.event-venue {
font-style: italic;
display: block;
}

.container-event-pics { 
width: auto;  }
.img-event { 
max-width: 100%; 
height: auto; 
margin-bottom: 0.75em; }
.caption { 
margin: 0 0 1.5em 0; }

.date-venue-container { 
background: #efede9; 
padding: 1.5em 5% 1.5em 5%; 
margin-bottom: 1.5em;  }
.date-venue-container h2 { 
margin: 0 0 0.75em 0 }
.date-venue-container .event-date {
font-weight: bold }
.date-venue-container p {
margin-bottom: 0!important
}
.date-venue-container p:last-child {
margin-bottom: 0!important
}

.event-cancelled { 
background: #B01C2E; 
color: white; 
padding: 0.5em 0; 
display: inline-block;  
width: 100%; 
text-align: center; 
margin-bottom: 0em; 
position: relative; 
z-index: 1}

.event-cancelled + .date-venue-container {
margin-top: -4px;
}

.event-title .cancelled { 
margin-left: 0.25em; 
padding: 0.1em 0.25em; 
text-transform: lowercase;}

.list-events .event-cancelled { 
width: auto;  
padding: 0;  
background: none;
color: #B01C2E;
font-weight: bold;
text-align: left }

.list-events.list-with-thumbs .event-cancelled { 
padding-left: 20%;  
}

.event-comma {
display: none!important;
visibility: hidden!important
}

.list-events .event-date {
color: #666;
}

[class*="module-box-"] .list-events .event-date {
color: #fff;
color: rgba(255,255,255,0.8)
}

[class*="module-box-tint-"] .list-events .event-date {
color: #666!important;
}

#event-further-info h4:first-child { 
color: #333; 
font-size: 16px; 
padding: 1em 0 0 0; 
font-weight: bold; 
font-style: normal
}

/* top event */
div.event-top { padding-bottom: 1.5em; overflow: auto; }
div.event-top .event-speaker, div.event-top .event-title, div.event-top .event-date { padding-left: 36.5%; display: block }
div.event-top  .event-title {
padding-top: 0.2em;
}
div.event-top  a { font-size: 24px!important; font-weight: normal!important; font-family: Georgia!important; line-height: 1.2em!important}
div.event-top .event-date { margin-bottom:  0.25em; font-size: 14px }
div.event-top .event-thumb { float: left; margin-bottom: 0.75em; width: 33%!important;  }
div.event-top .event-speaker { font-size: 14px; display: block; margin-bottom: 1.5em; }
div.event-top a { font-weight: bold; text-decoration: none; font-size: 18px; line-height: 24px; margin-bottom:  0.25em; display: block; }
div.event-top:after {
content: " ";
display: block;
width: 100%;
border-top: 1px solid #dedcd2;
border-bottom: 1px solid #dedcd2;
height: 2px;
clear: both
}



/* CSS animations */

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}


@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}


/* Walking tour teaser */
   #wt-teaser { background: #E4EFF0 url(/media-library/protected/images/icon-iphone.png) right top no-repeat; -moz-border-radius: 10px;
border-radius: 10px; min-height: 45px; height: 45px; margin: 16px 0 16px 0; padding: 6px 35px 6px 6px; color: #333; font-size: 84%; border: 1px solid #d1e2e4; line-height: 1.1; }
	    #wt-teaser img { float: left; border: none}
	    #wt-teaser span { display: block; margin-left: 48px; }
	    #wt-teaser span a {  color: #333}
	    #wt-teaser small { display: block; }
	    #wt-teaser small a { font-weight: normal; font-size: 13px; }

/* walking tour app left nav graphic by ben hayes 010911 */
a#walking-tour-nav {display: block; margin: 10px 0 10px 0; background: #fff; }
#walking-tour-nav img {border: none; padding: 5px 0 5px 5px}

/* make youtube videos responsive */
.video-container {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 1.5em;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}