corporate.css

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-weight:normal;
color:#B01C2E;
margin-bottom: 0.75em;
font-family: Georgia;
line-height:1.1;
}

.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 {
margin-left: 0.6%
}

.page-without-nav #pagetitle:after {
margin-left: -0.6%;
width: 100.6%; 
}
*/

.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;
}

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

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




h1 {
	position: relative;
	margin:0;
	font-size:1.875em;
	font-weight:normal;
	color:#B01C2E;
	padding-bottom:0.5em;
	margin-bottom: 0.75em;
	font-family: Georgia;
	line-height:1.1;
    border-bottom: 1px dashed #ccc;
    
}

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;
}


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

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: -0.5em 0 1.5em 0;
}

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

.quotee:before {
content: "\2014  ";
color: #666;  
}

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


/* LINKS */
a:link {		
color: #1088b5;
text-decoration:none;
}

a:visited {
color: #1088b5;
}

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


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

/* images in body area - align right */
.align-right { 
float: right;
margin: 0 0 1.5em 3.5%;
width:  47.7%;
 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box; }


/* 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 {
max-width: 100%;
margin-bottom: 1.5em;
}

/* 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%; }

/* 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);
}

input[checkbox] {
display: inline-block;
}


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; 
padding: 0;
border: 0;
}


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;
}

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

.contentTab .table-basic {
font-size: 1em;
}


.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 ;
}

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

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

#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; 
}


.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;
	position: absolute;
	right: 0.25em;
	top: 1em;
}


.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: 2.5em;
}

.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; 

}

.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;

}

#uoblogo span {
background-image:url(/media-library/protected/images/uob-logo-full-colour-largest.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;
}

/* #MAINTITLE */
.maintitle {
/* float:left;*/
margin-left: 19.4945%;
padding-left:1.1945%;
border-left:1px solid #dedcd2;
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:1.6em;
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:2em;
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;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
-moz-background-clip: padding!important;    
-webkit-background-clip: padding!important;
background-clip: padding-box!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(/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;
}

.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;
}




/* #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 */
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;
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;
}

.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 {
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
}

.nav-intranet { 
position: absolute; 
bottom: -6.75em; 
right: 3em; 
z-index: 12;
}

.nav-intranet a {
background: #b01c2e; 
background: #efede9;
border: 1px solid #b01c2e;
border: 1px solid #efede9;
color: white; 
color: #333; 
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;
-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;
}


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

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

/* 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 h4 {
margin-bottom: 1em;
}

.logo-multiple li {
display: inline;
margin: 0 1.5em 0 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
}

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

.layout-container .layout-container .module-box .module-heading a img, 
.layout-container .layout-container .module-box > a > img, 
.layout-container .layout-container .module-box .module-heading > img, 
.layout-container .layout-container .module-box > img {
left: -5.6%;
}


/* 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;
}



/* #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;
}

.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: #86a1bd
}

/* partner colours*/
.img-sl-b-blue .colour-partner {
color: #002f5f
}





/* #BUTTONS */

/* general button */
a.btn { 
background: #b01c2e;
border: 1px solid #b01c2e;
color: #fff; 
padding: 0.5em 1em; 
display: inline-block; 
margin: 0 0 0.75em 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;

}

a.btn:hover, a.btn:focus { 
text-decoration: none!important;
background: #fff;
border-color: #dedcd2;
cursor: pointer;
color: #333;
-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);
}

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


/* weak button */
a.btn-weak { 
background: #efede9!important;
border-color: #dedcd2!important;
color: #333!important;
}

a.btn-weak:hover { 
background: white!important;
border-color: #dedcd2!important;
color: #333!important;
}


/* 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;
background: none /* reset */;
} 

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;
} 

/* button in a simple module box */
.module-box a.btn,
.module-box input[type="submit"] {
color: #fff;
background: #b01c2e; 
border-color: #b01c2e;

}

.module-box a.btn:hover, 
.module-box a.btn:focus,
.module-box input[type="submit"]:hover,
.module-box input[type="submit"]:focus {
color: #333;
background: #fff; 
border-color: #fff;
} 


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

/* hover styles for btns within 
coloured box modules and submit buttons
(needed white border instead of stone) */
[class*="module-box-"].module-box a.btn:hover,
[class*="module-box-"].module-box a.btn:focus,
[class*="module-box-"] input[type="submit"]:hover,
[class*="module-box-"] input[type="submit"]:focus   {
background: #fff;
border-color: #fff;
color: #333;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


/* black button */
a.btn-d-black,
.module-box-b-black.module-box a.btn,
.module-box-b-black input[type="submit"] {
 background: #161b20;
 border-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(//www.bris.ac.uk/Depts/Info-Office/benj/new-homepage/basic-template/icomoon.eot);
	src:url(//www.bris.ac.uk/Depts/Info-Office/benj/new-homepage/basic-template/icomoon.eot?#iefix) format('embedded-opentype'),
		url(//www.bris.ac.uk/Depts/Info-Office/benj/new-homepage/basic-template/icomoon.woff) format('woff'),
		url(//www.bris.ac.uk/Depts/Info-Office/benj/new-homepage/basic-template/icomoon.ttf) format('truetype'),
		url(//www.bris.ac.uk/Depts/Info-Office/benj/new-homepage/basic-template/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, 
.icon-youtube:before, 
.icon-linkedin: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,
.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
   {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	}


/* 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;
	}


.btn[class*="icon-"]:after, 
.btn[class*="icon-"]:hover:after, 
.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;
	}

.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;
}

.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;
}

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

.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";	
}

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;
}


/* 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"]  {
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 {
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 1.25em 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 { 
color: #b01c2e; 
outline: none;
}

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

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

.grid_6 .module p, 
.grid_6 .module ul, 
.grid_6 .module ol, 
.grid_6 .module form, 
.grid_6 .module dl { 
font-size: 1.0em;
margin-bottom: 1.5em;
}

/* 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 { 
font-size: 0.875em;
}

.grid_6 .module p, 
.grid_6 .module ul, 
.grid_6 .module ol, 
.grid_6 .module form, 
.grid_6 .module dl { 
font-size: 1.0em;
margin-bottom: 1.5em;
}

.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 { 
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; 
}


/* 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.05em;
margin: 0;
padding: 0;
}

.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: #86a1bd;

}

.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: #86a1bd;
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.75em; 
left: 0;
z-index: 10;
/* width: 90.01%; */
padding: 0.5em 5%;
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;
}

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

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

/* overlay colours for link */
.module-overlay-d-aqua .module-heading-bg,
.module-overlay-b-aqua a:hover .module-heading-bg {
background: #003d4c;
}

.module-overlay-d-aqua a:hover .module-heading-bg,
.module-overlay-b-aqua .module-heading-bg {
background: #06827d;
}

.module-overlay-d-blue .module-heading-bg,
.module-overlay-b-blue a:hover .module-heading-bg {
background: #002f5f;
}

.module-overlay-d-blue a:hover .module-heading-bg,
.module-overlay-b-blue .module-heading-bg {
background: #1c7698;
}

.module-overlay-d-purple .module-heading-bg,
.module-overlay-b-purple a:hover .module-heading-bg {
background: #42145f;
}

.module-overlay-d-purple a:hover .module-heading-bg,
.module-overlay-b-purple .module-heading-bg {
background: #806ab7;
}

.module-overlay-d-pink .module-heading-bg,
.module-overlay-b-pink a:hover .module-heading-bg {
background: #772059;
}

.module-overlay-d-pink a:hover .module-heading-bg,
.module-overlay-b-pink .module-heading-bg {
background: #cb238e;
}

.module-overlay-d-red .module-heading-bg,
.module-overlay-b-red a:hover .module-heading-bg  {
background: #5e3032;
}

.module-overlay-d-red a:hover .module-heading-bg,
.module-overlay-b-red .module-heading-bg {
background: #c9002f;
}

.module-overlay-d-yellow .module-heading-bg,
.module-overlay-b-yellow a:hover .module-heading-bg  {
background: #86431e;
}


.module-overlay-d-yellow a:hover .module-heading-bg,
.module-overlay-b-yellow .module-heading-bg  {
background: #c28a0e;
}

.module-overlay-d-lime .module-heading-bg,
.module-overlay-b-lime a:hover .module-heading-bg {
background: #53682b;
}

.module-overlay-d-lime a:hover .module-heading-bg,
.module-overlay-b-lime .module-heading-bg {
background: #7e8b27;
}

.module-overlay-d-green .module-heading-bg,
.module-overlay-b-green a:hover .module-heading-bg {
background: #024731;
}

.module-overlay-d-green a:hover .module-heading-bg,
.module-overlay-b-green .module-heading-bg {
background: #2c882e;
}

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

.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;
} 


/* 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  {

 }

.list-inline li {
float: left;
}

/* 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.75em
}	

/* 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;
border-top: 0;
margin-bottom: 1.5em;
overflow: hidden; 
padding-left: 2.5%;
padding-right: 2.5%;
}

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

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

.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 a:hover,
.module-box .module-heading a:focus {
color: #333;
}


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


[class*="module-box-"] .module-heading, 
[class*="module-box-"] .module-heading a,
[class*="module-box-"] .module-heading a:hover,
[class*="module-box-"] .module-heading a:focus {
color: #fff; 
text-decoration: none
}

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


/* hover styles for module boxes */
.module-box .module-heading a:hover:before,
.module-box .module-heading a:focus:before {
content: " ";
display: block;
height: 4px;
width: 112%;
background: #dedcd2;
position: absolute;
top: 0;
left: -6%
}

[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 */
.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%;
}


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

/* module box with no heading but img at top 
.module-box > img {
left: -5.6%;
position: relative;
max-width: 112.5%;
}*/



/* #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, 
.module-box-b-aqua .module-heading a,
.img-sl-b-aqua{
background: #06827d;
border-color: #06827d;
}

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

.module-box-b-aqua .module-heading a:hover:before,
.module-box-b-aqua .module-heading a:focus:before {
background: #003d4c;
}



/* dark aqua */
.module-box-d-aqua, 
.module-box-d-aqua .module-heading a,
.img-sl-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 {
color: #06827d;
}

.module-box-d-aqua .module-heading a:hover:before,
.module-box-d-aqua .module-heading a:focus:before {
background: #06827d;
}

/* bright blue */
.module-box-b-blue,
.module-box-b-blue .module-heading a,
.img-sl-b-blue {
background: #1c7698;
border-color: #1c7698;
}

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

.module-box-b-blue .module-heading a:hover:before,
.module-box-b-blue .module-heading a:focus:before  {
background: #002f5f;
}

/* dark blue */
.module-box-d-blue,
.module-box-d-blue .module-heading a,
.img-sl-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{
color: #1c7698;
}

.module-box-d-blue .module-heading a:hover:before,
.module-box-d-blue .module-heading a:focus:before  {
background: #1c7698;
}



/* bright purple */
.module-box-b-purple,
.module-box-b-purple .module-heading a,
.img-sl-b-purple  {
background: #806ab7;
border-color: #806ab7;
}

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

.module-box-b-purple .module-heading a:hover:before,
.module-box-b-purple .module-heading a:focus:before  {
background: #42145f;
}



/* dark purple */
.module-box-d-purple,
.module-box-d-purple .module-heading a,
.img-sl-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{
color: #806ab7;
}

.module-box-d-purple .module-heading a:hover:before,
.module-box-d-purple .module-heading a:focus:before  {
background: #806ab7;
}


/* bright pink */
.module-box-b-pink,
.module-box-b-pink .module-heading a,
.img-sl-b-pink   {
background: #cb238e;
border-color: #cb238e;
}

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

.module-box-b-pink .module-heading a:hover:before,
.module-box-b-pink .module-heading a:focus:before  {
background: #772059;
}


/* dark pink */
.module-box-d-pink,
.module-box-d-pink .module-heading a,
.img-sl-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 {
color: #cb238e;
}

.module-box-d-pink .module-heading a:hover:before,
.module-box-d-pink .module-heading a:focus:before  {
background: #cb238e;
}


/* bright red */
.module-box-b-red,
.module-box-b-red .module-heading a,
.img-sl-b-red   {
background: #c9002f;
border-color: #c9002f;
}

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

.module-box-b-red .module-heading a:hover:before,
.module-box-b-red .module-heading a:focus:before  {
background: #5e3032;
}


/* dark red */
.module-box-d-red,
.module-box-d-red .module-heading a,
.img-sl-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 {
color: #c9002f;
}

.module-box-d-red .module-heading a:hover:before,
.module-box-d-red .module-heading a:focus:before  {
background: #c9002f;
}

/* bright yellow */
.module-box-b-yellow,
.module-box-b-yellow .module-heading a,
.img-sl-b-yellow {
background: #c28a0e;
border-color: #c28a0e;
}

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

.module-box-b-yellow .module-heading a:hover:before,
.module-box-b-yellow .module-heading a:focus:before  {
background: #86431e;
}

/* dark yellow */
.module-box-d-yellow,
.module-box-d-yellow .module-heading a,
.img-sl-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 {
color: #c28a0e;
}

.module-box-d-yellow .module-heading a:hover:before,
.module-box-d-yellow .module-heading a:focus:before  {
background: #c28a0e;
}


/* bright lime */
.module-box-b-lime,
.module-box-b-lime .module-heading a,
.img-sl-b-lime  {
background: #7e8b27;
border-color: #7e8b27;
}

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

.module-box-b-lime .module-heading a:hover:before,
.module-box-b-lime .module-heading a:focus:before  {
background: #53682b;
}

/* dark lime */
.module-box-d-lime,
.module-box-d-lime .module-heading a,
.img-sl-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 {
color: #7e8b27;
}

.module-box-d-lime .module-heading a:hover:before,
.module-box-d-lime .module-heading a:focus:before  {
background: #7e8b27;
}

/* bright green */
.module-box-b-green,
.module-box-b-green .module-heading a,
.img-sl-b-green  {
background: #2c882e;
border-color: #2c882e;
}

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

.module-box-b-green .module-heading a:hover:before,
.module-box-b-green .module-heading a:focus:before  {
background: #024731;
}


/* dark green */
.module-box-d-green,
.module-box-d-green .module-heading a,
.img-sl-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 {
color: #2c882e;
}

.module-box-d-green .module-heading a:hover:before,
.module-box-d-green .module-heading a:focus:before  {
background: #2c882e;
}


/* MODULE BOX TINTS */

/* Tints global */
[class*="module-box-tint-"] *,
[class*="module-box-tint-"] a[href^="https://www.bris.ac.uk"]:after, 
[class*="module-box-tint-"] a[href^="https://www.bristol.ac.uk"]:after,
[class*="module-box-tint-"] a[class*="icon-"]:after  {
color: #333!important
}

[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: " ";
display: block;
height: 4px;
width: 112%;
position: absolute;
top: 0;
left: -6%;
filter: alpha(opacity=50);
opacity: 1.0;
}

[class*="module-box-tint-"] .module-heading a:hover:before,
[class*="module-box-tint-"] .module-heading a:focus:before  {
filter: alpha(opacity=100);
opacity: 1.0;
}


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

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







/* 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);
}

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

.img-strapline { 
position: absolute; 
bottom: 1em; 
margin: 0; 
left: 0; 
color: #fff; 
padding: 0.5em 2.5%; 
-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;
}





/* #LISTS (custom) */

/* thumbs and list layout for news */
.list-with-thumbs { 
font-size:.875em;
}

.list-with-thumbs .news-abstract, .list-with-thumbs .news-title, .list-with-thumbs  .news-date  {  
padding-left: 19.5%; 
display: block; 
}

.list-with-thumbs .news-thumb { 
width: 17%;
float: left; 
margin-bottom: 0.75em; 
}

.list-with-thumbs li { 
clear: left; 
margin-bottom: 0.75em; 
overflow: auto;
}

.grid_3 .list-with-thumbs .news-thumb { 
width: 35%; 
float: left; 
margin-bottom: 0.75em;
}

.grid_3 .list-with-thumbs .news-date, .grid_3 .list-with-thumbs .news-title, .grid_3 .list-with-thumbs .news-abstract   {  
padding-left: 40%;
} 

.grid_4 .list-with-thumbs .news-thumb { 
width: 35%; 
float: left; 
margin-bottom: 0.75em;
}

.grid_4 .list-with-thumbs .news-date, .grid_4 .list-with-thumbs .news-title, .grid_4 .list-with-thumbs .news-abstract   {  
padding-left: 40%;
} 


.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;
font-size: 0.875em;
padding: 1.25em 0.75em 1em 0.75em;
margin-bottom: 1.5em;
border-left: 1px solid #dedcd2
}

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

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

.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: #86a1bd!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 { background: #06827d }
.bg-b-blue { background: #1c7698}
.bg-b-purple { background: #806ab7 }
.bg-b-pink { background: #cb238e }
.bg-b-red { background: #c9002f}
.bg-b-yellow { background: #c28a0e }
.bg-b-lime { background: #7e8b27 }
.bg-b-green { background: #2c882e }

.bg-d-aqua { background: #003d4c }
.bg-d-blue { background: #002f5f}
.bg-d-purple { background: #42145f}
.bg-d-pink { background: #772059!important }
.bg-d-red { background: #5e3032 }
.bg-d-yellow { background: #86431e}
.bg-d-lime { background: #53682b}
.bg-d-green { background: #024731}

.bg-stone { background: #dedcd2 }
.bg-black { background: #161b20 }
.bg-red { background: #b01c2e }

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

[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;
}



/* 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}