@charset "utf-8";
/*reset*/
html { font-size:100%; text-rendering:optimizeLegibility; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe,fieldset {
  margin:0;
  padding:0;
  font-size:1em;
  line-height:inherit;
  font-weight:inherit;
  border:none;
}
input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit;  margin:0; }
input[type=button],input[type=submit],button { overflow:visible; }
input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; height:26px;}

/* Markup free clearing. @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}

/*******/

body {
  margin: 0 auto; width: 83.5em; min-width: 1000px;
  font-family: arial, helvetica, sans-serif;
  font-size: .75em;
}
p {margin-bottom: 1em;}

#site {background: url('../images/watermark-fs8.png') no-repeat bottom right; position: relative;}
#skip {
	position: absolute; z-index: 1000;
	left: 37.5em; width: 8.5em; text-align: center;
	background: #fff;
}
#skip a { display: block; margin: 8px; }

/* header */
#uw-header {
  background: #000;
  padding: 16px 20px;
  position: relative;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
}

#uw-header a {color: #fff; text-decoration: none;}
#uw-header a:hover {text-decoration: underline;}

#uw-logo {
  display: block;
  width: 179px;
  height: 38px;
  background: url('../images/logo-white.png') no-repeat;
  text-indent: -999em;
  overflow: hidden;
}
#uw-search {position: absolute; top: 10px; right: 20px;}
#uw-search-label {font-size: .9em;}
#uw-search-label.js {position: relative; color: #000;}
#uw-search-label.hide {display: none;}
#uw-search-term {border: solid 1px #fff; padding: 2px;}
#uw-search-submit, .chevron-submit {
  width: 18px; height: 18px; overflow: hidden; text-indent: -999em; line-height: 0;
  border: none; background: url('../images/sprites.png') no-repeat 0 -75px;
  cursor: pointer;
}
#uw-header .global-menu {list-style: none; position: absolute; bottom: 10px; right: 10px;}
#uw-header .global-menu li {float: left; padding: 2px 10px; border-left: solid 1px #fff;}
#uw-header .global-menu li:first-child {border-left: none;}

.front #uw-header {background: #fd0;}
.front #uw-header a {color: #000;}
.front #uw-logo {background-image: url('../images/logo-black.png');}
.front #uw-search-submit, .chevron-submit.blackcircle {background-position: -18px -75px;}
.front #uw-search-term {border: solid 1px #999;}
.front #uw-header .global-menu li {border-color: #000;}

/* footer */
#uw-footer {
  background: #000; padding: 16px 20px; margin-top: 10px;
  font-size: .9em; color: #fff; line-height: 1.5em;
}

#uw-footer a {color: #fff; text-decoration: none;}
#uw-footer a:hover {text-decoration: underline;}

#uw-footer .address a:hover {text-decoration: none;}

#uw-footer .address {float: left; width: 160px;}
#uw-footer .global-menu {list-style: none; float: left; margin-left: 64px;}
#uw-footer .global-menu li:before {content: '\00bb  '; color: #da1;}

#uw-footer .social-media li:before {content: '';}
#uw-footer .social-media li {float: left;}
#uw-footer .social-media li a {
  display: block; width: 23px; height: 23px;
  border: solid 1px #000;
  text-indent: -999em; overflow: hidden;
  background: url('../images/sprites.png') no-repeat;
}
#uw-footer .social-media li a:hover {border-color: #fd0;}
#uw-footer .social-media li a.twitter {background-position: 0 0;}
#uw-footer .social-media li a.facebook {background-position: -23px 0;}
#uw-footer .social-media li a.youtube {background-position: -46px 0;}


/* content */
.content {
  padding: 0 0 10px;
	position: relative;
}
.content a {color: #923;}
.content a:visited {color: #923;}
.content a:hover {color: #03f;}
.primary {float: left; width: 61.7em; min-width: 740px; max-width: 74%;}
.secondary {float: right; width: 18.3em; min-width: 220px; max-width: 22%; margin: 20px;}

.content ul {margin: 0 10px 0 24px;}
.content ul li {margin: 0 0 .8em;}
.content .secondary ul {margin-bottom: 2em;}
.content .column ul {margin-bottom: 2em;}
.content hr {border: none; border-top: dotted 2px #000; margin: 10px 0;}

h1 {
  background: #fd0; padding: 6px 20px;
  font-size: 2em; text-transform: uppercase;
}

.primary h2 {font-size: 1.8em; margin: 20px;}
.wrapper h2 {margin: 20px 0;}
.primary h3 {font-size: 1.3em; margin: 1em 0;}
.content .black {
  font-size: 1.1em;
  color: #fff; background-color: #000; text-transform: uppercase;
  padding: 5px 10px; font-weight: bold; margin: 0;
}
.primary h4 {font-size: 1.2em; padding: 5px 10px; margin: 0 0 1em; font-weight: bold;}

.wrapper {margin: 0 20px 20px;}
.columns-wrapper {margin: 0 20px; overflow: hidden;}
.columns-wrapper.three .column {
  float: left;
  width: 18.3em; min-width: 220px; max-width: 31%;
  margin-left: 9px;
  border-left: dotted 2px #000;
  padding-left: 9px;
  /* equal height columns -- http://www.ejeliot.com/blog/61 */
  padding-bottom: 100em; margin-bottom: -100em;
}
.columns-wrapper.two .column {
  float: left;
  width: 28.3em; min-width: 340px; max-width: 48%;
  margin-left: 20px;
}
.columns-wrapper .column:first-child {margin-left: 0; border-left: none; padding-left: 0;}

.columns-wrapper .column.departments-schools, .columns-wrapper .column.research-centres {width: 29em; min-width: 220px; max-width: 39%;}
.columns-wrapper .column.research-centres {border-left: none; margin-left: 10px; padding-left: 10px;}

.offices-services .columns-wrapper.two .column {
	width: 39em; min-width: 470px; max-width: 48%; margin-left: 0;
}
.offices-services .columns-wrapper.two .column:first-child {margin-right: 20px;}

.social-media .columns-wrapper.three .column {
	width: 25.6em ; min-width: 300px; max-width: 32%; margin: 0 0 0 20px; padding: 0; border: none;
}
.social-media .columns-wrapper.three .column:first-child {margin-left: 0;}
.social-media .column h3 {font-size: 1.2em; font-weight: bold; margin: 5px 10px;}

/* featured */
.featured {background-color: #000; padding: 0 20px 40px 20px;}

.feature-item {position: relative; min-height: 320px; height: 24em;}
.feature-item h2 {margin: 0; font-size: 1.66em;}
.feature-item a {color: #fd0; text-decoration: none; cursor: pointer;}
.feature-item h2 a {display: inline-block;}
.feature-item a:visited, .feature-item h2 a:hover {color: #fd0; text-decoration: none;}
.feature-item .headline {
  float: left;
  width: 9em;
  margin: 40px 200px 0 0;
  padding: 0 40px 1.2em 0;
  text-align: right;
}
.feature-item a .chevrons {
  position: absolute; left: 9.5em; top: 48px;
  background: url('../images/sprites.png') no-repeat 0 -22px;
  width: 56px; height: 52px;
	z-index: 500;
}
.feature-item a:hover .chevrons {background-position: -56px -22px;}
.feature-item .image {position: absolute; left: 11em; line-height: 0;}
.feature-item a .corner {
  position: absolute; bottom: 0; right: 0; display: block;
  background: url('../images/sprites.png') no-repeat 0 -93px;
  width: 26px; height: 26px;
}
.feature-item .subhead {
  color: #fff;
  width: 15em;
  margin: 0; padding: 0 40px 0 0;
  text-align: right;
  line-height: 1.6em;
}
.feature-item .subhead a {color: #fd0;}


/* slideshow specific styles
#slideshow .changer {
  position: absolute; bottom: 0; left: 2.5em;
}
#slideshow .changer a {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -999px;
  background: url('../images/sprites.png') no-repeat -84px -75px;
  margin: 0 8px;
  float: left;
}
#slideshow .changer a.active {background-position: -98px -75px;}
#slideshow a.next {background: none; color: #fd0; text-indent: 0; width: auto;}
*/

/* slideshow styles using cms ids and classes */
#uwb_area {position: relative;}
#uwb_area.uwbs_active {overflow: hidden; margin-bottom: -10px;}
#uwb_area.uwbs_active .banner {position: absolute; background-color: #000;}

#uwb_paginator { position: absolute;	bottom: 0; left: 1.5em; margin: 0; }
.uwbs_active #uwb_paginator {bottom: 10px;}
#uwb_paginator li { display: inline; }
#uwb_paginator li a {
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -999px;
	background: url('../images/sprites.png') no-repeat -84px -75px;
	margin: 0 12px;
	float: left;
}
#uwb_paginator li a.uwb_selected {background-position: -98px -75px;}
#uwb_paginator li.uwb_controls a.pause {background-position: -70px -75px;}
#uwb_paginator li.uwb_controls a.play {background-position: -56px -75px;}

/* page specific */

.front .featured {padding: 40px 20px;}
.front .slideshow {
  position: relative;
  float: left;
  width: 50em; min-width: 600px; max-width: 60%;
}
.front .slideshow .feature-item {width: 50em; min-width: 600px; max-width: 100%;}

.front .featured-secondary {float: left; width: 30em; min-width: 360px; max-width: 36%; color: #fff;}
.front .featured-secondary h2 {margin: 20px 0;}
.front #quickfact,
.front #tagline
  {float: right; width: 17.5em; min-width: 210px; font-weight: bold; padding: 0 0 0 10px;}

.front #tagline {font-size: 3em; width: 5.8em; font-weight: bold; margin-top: 20px; text-transform: lowercase;}
.front #tagline strong {font-variant: normal; color: #fd0;}

.front .primary, .front .secondary {margin-top: 20px;}

.countin {font-size: 1.6em; font-family: arial, monospace; display: inline-block;}

.faculties-academics .primary, .offices-services .primary, .social-media .primary {width: 100%; max-width: 100%;}

/* impact stories */

#impact {clear: right; padding: 5px 0 0 40px;}
#impact h2 {
  font-weight: bold;
  color: #fd0;
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 10px;
	padding-left: 5px;
}
#impact a {color: #fff;}
#impact a:hover {text-decoration: none; color: #fd0;}
.impact-item {
  display: block;
  float: left;
  padding: 0 .8em 0 0;
  text-align: center;
  text-transform: lowercase;
  width: 5.4em;
	min-width: 70px;
  max-width: 21%;
  position: relative;
}
.impact-item span {display: block; position: relative; z-index: 300;}
.impact-item img {display: block; margin: 0 auto 20px;}
.impact-item span.topic:before {
  display: block; content: '';
  width: 7px; height: 28px;
  background: url('../images/sprites.png') no-repeat -7px -119px;
  position: absolute; top: -32px; left: 32px;
}
.impact-item:hover span.topic:before, .impact-item:focus span.topic:before {background-position: 0 -119px; z-index: 300;}
.impact-item:hover, .impact-item:focus {color: #fd0; text-decoration: none;}
.impact-item .hover {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -9999em;
  overflow: hidden;
}
.impact-item:hover .hover, .impact-item:focus .hover {
  width: auto;
  height: auto;
  overflow: visible;
}
.impact-item:hover span.topic, .impact-item:focus span.topic {color: #000;}
.impact-item:hover span.hover, .impact-item:focus span.hover {
  display: block;
  text-transform: none;
  background: #000;
  top: 61px;
  left: -10px;
  margin: 0;
  text-align: center;
  z-index: 400;
  color: #fd0;
  text-decoration: none;
}
.impact-item:hover img.hover, .impact-item:focus img.hover {
  display: block;
  position: absolute;
  bottom: 10px;
  left: -30px;
  z-index: 200;
}

/* front audience tabs + panels */
#audience {margin: 0; padding-top: 20px;}
#audience-tabs {
  float: right; margin: 0 20px;
  width: 18.3em; min-width: 220px; max-width: 22%;
  font-size: 1.1em; text-transform: uppercase; font-weight: bold;
}
#audience-tabs li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
}
#audience-tabs li a {
  display: inline-block;
  width: 15em; min-width: 180px; max-width: 80%;
  padding: 7px 0 8px 40px;
  border-top: solid 1px #333;
  background-color: #000;
  color: #fff; text-decoration: none;
}
#audience-tabs li a:hover {color: #000; background: #fd0; border-color: #fd0;}
#audience-tabs li.ui-tabs-selected {background: url('../images/tab-active.png') no-repeat center left;}
#audience-tabs li.ui-tabs-selected a {color: #000; background: #fd0; border-color: #fd0;}
#audience-panels {float: left; width:61.7em; min-width: 740px; max-width: 74%;}
#audience-panels h2 {font-size: 1.8em; margin: 0 20px 20px;}

#audience-panels .columns-wrapper.three .column {margin-left: 20px; padding-left: 0; border-left: none;}
#audience-panels .columns-wrapper.three .column:first-child {margin-left: 0;}
#audience-panels .morelink {padding: 10px 20px;}

a.linkblock {text-decoration: none; color: #fff;}
a.linkblock:hover {text-decoration: none;}
.linkblock {display: block; position: relative;}
.linkblock span {display: block;}
.linkblock .image {line-height: 0; background-color: #000;}
.linkblock .text {padding: 10px; background: #000; color: #fff; min-height: 50px;}
.linkblock .heading {color: #fd0; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.linkblock .subhead {padding-right: 30px;}


.linkblock:hover .corner {
  position: absolute; bottom: 0; right: 0; display: block;
  background: url('../images/sprites.png') no-repeat -26px -93px;
  width: 26px; height: 26px;
}

#audience-panels h3 {font-size: 1.4em; margin: 0 0 10px;}

#audience.ui-tabs h2 {display: none;}

/* pathway links */
.pathway-links {
	z-index: 500;
	position: absolute;
	right: 10px;
	text-transform: uppercase;
	margin-top: 1.1em;
}
.pathway-links ul {list-style: none;}
.pathway-links li {
	float: left;
	border-left: solid 1px #000;
	padding: 0 10px;
}
.pathway-links li:first-child {border: none;}
.pathway-links li a {text-decoration: none; display: block;}
.pathway-links li a:hover {text-decoration: underline;}
.pathway-links li a, .pathway-links li a:visited, .pathway-links li a:hover {color: #000;}

/* front news and events */
.front .content .primary h2 {margin-bottom: 0;}
.news-item .title, .event-item .title {font-weight: bold; background: none; color: #000; margin: 0 0 5px; padding: 0; display: block;}
.news-item .teaser, .event-item .teaser {display: block;}
.news-item.image .title, .news-item.image .teaser {margin-left: 65px;}
.news-item img {float: left; margin: 0 10px 0 0; line-height: 0;}
.news-item, .event-item {display: block; padding: 10px; text-decoration: none; border-bottom: dotted 2px #000;}
.content .news-item:hover, .content .news-item:visited,
.content .event-item:hover, .content .event-item:visited
  {text-decoration: none; color: #333; background: #eee;}
.event-item .title, .event-item .teaser {margin-left: 8em;}
 
.event-item .date {display: block; float: left; width: 8em; font-weight: bold; margin-top: -2px;}
.event-item .date .day {float: left; font-size: 3em; line-height: 1em; color: #999; display: inline-block; width: 1.2em;}
.event-item .date .month, .event-item .date .year
  {display: inline-block; text-transform: uppercase; width: 40px; margin: 2px 0 0 5px;}
.event-item .date .month {font-size: 1.2em;}

a.news-item, a.event-item {color: #333;}

.morelink {text-align: right; padding: 10px;}
.morelink a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px 
	#aaa;
}

/* Notice */
#notice {border: solid 20px #923; border-top: none; background: #fff;}
#notice .date {font-size: .8em; font-weight: normal; display: block;}
#notice h2 {font-size: 2em; font-weight: bold; background: #923; padding: 20px 0; color: #fff;}
#notice .info {padding: 10px 20px 20px; background-color: #eee;}
#notice p {margin: 10px 0 0; font-size: 1.2em;}

/* top links */
.toplinks {
	width: 220px;
	margin: 20px;
	float: right;
}

/* block links */
.blocklinks h2, .blocklinks h3, .blocklinks h4 {margin-bottom: 0;}
.blocklinks h3 {margin-left: 10px;}
.blocklinks ul, ul.blocklinks {margin: 0; list-style-image: none; list-style-type: none;}
.blocklinks ul li, ul.blocklinks li {margin-bottom: 0;}
.blocklinks a {
	display: block; position: relative;
	color: #000;
	padding: 5px 10px;
	font-size: 1em;
	background: #eee;
	border-top: solid 2px #fff;
	text-decoration: none;
}
.blocklinks a:visited {color: #000;}
.blocklinks a:hover {color: #000; background: #fd0; text-decoration: none;}

/* Block (Bulletin, events) */
.block h3 {font-size: 1.2em; font-weight: bold;}
.block .date {color: #333;}
.block ul {list-style-image: none; margin-top: 1em; margin-left: 20px;}

/* faculty colour spans */
span.fac {position: absolute; display: block; width: 8px; height: 8px; right: 8px; top: 8px;}
.fac.ahs {background-color: #009aa6;}
.fac.art {background-color: #e98300;}
.fac.eng {background-color: #57068c;}
.fac.env {background-color: #b6bf00;}
.fac.mat {background-color: #e0249a;}
.fac.sci {background-color: #0073cf;}

/* flags */
span.flag {position: absolute; display: block; width: 16px; height: 11px; background: url('../images/flags.png') no-repeat; right: 5px; top: 6px;}
.flag.ae {background-position: -16px 0;}
.flag.cn {background-position: -32px 0;}
.flag.it {background-position: -48px 0;}
.flag.us {background-position: -64px 0;}

/* social media icons */
.social-media .column h2 {margin-top: 20px;}
.social-media .directory-group {border-top: solid 1px #999; margin: 0; padding: 20px 0; margin: 0 10px;}
.social-media .directory-group.first {border: none;}
.social-media .directory-group h3 {font-size: 1.1em; margin: 5px 0; padding-right: 2%;}
.social-media .directory-group a {padding-left: 5px;}
.social-media .directory-group h3, .social-media .directory-group ul {float: left; width: 49%; margin-bottom: 0;}

span.social-media-icon {
	float: left;
	display: inline-block; width: 16px; height: 16px;
	margin-right: 5px;
	background: url('../images/sprites-social-media.png') no-repeat;
	text-indent: -1337em;
}
.social-media-icon.twitter {background-position: 0 0;}
.social-media-icon.facebook {background-position: -16px 0;}
.social-media-icon.youtube {background-position: -32px 0;}
.social-media-icon.linkedin {background-position: -48px 0;}


/* fac/department tab filter */
.tabFilter {margin: 0; list-style-image: none; list-style-type: none;}
.tabFilter li {
	position: relative;
	float: left;
	border-right: solid 2px #fff;
	text-transform: uppercase; text-align: center;
	cursor: pointer;
}
.tabFilter li a {padding: 0 20px 0 5px; width: 3em; border-top: none;}
.tabFilter li a.all {padding: 0 10px;}
.letters .tabFilter li a {padding: 0 5px; width: 1em;}
.letters .tabFilter li a.all {padding: 0 5px; width: 3em;}

.tabFilter li a.active {background-color: #fd0;}

.tabFilter li.disabled {color: #999; background-color: #fff; cursor: default; padding: 0 5px; display: block;}


/* directory page filtering */
.filter {position: relative; margin: 24px 2em 20px;}		

#directoryFilter {line-height: 2em; position: absolute; bottom: -2px; left: 20em; width: 60em;}
#directoryFilter strong {float: left; margin-right: 1em;}

.ui-findlink-highlight {background-color: #ff0;}

#findLink {width: 13em;}
#directoryFind label {font-weight: bold; margin-right: 8px; display: inline-block;}		

.ui-findlink-results {
	margin: -32px 0 40px -20px;
	width: 56.8em;
	padding: 10px 10px 20px 25em;
	border-bottom: solid 2px #fecb00;
	line-height: 1.2em;
}
.ui-findlink-results.ui-findlink-noquery {border-bottom: none;}
.ui-findlink-results.ui-findlink-noquery .ui-findlink-close {display: none;}

.ui-findlink-results .ui-findlink-close:visited { color: #00f; }
.ui-findlink-results .ui-findlink-close:hover { color: #00f; background-color: #fff; text-decoration: underline; }
.ui-findlink-results .ui-findlink-close {
	position: absolute;
	top: 0; right: -10px;
	background: none;
	z-index: 200;
	color: #00f;
}

.ui-findlink-results ul {
	list-style-type: none;
	margin: 0;
}

.ui-findlink-results li {
	width: 30em;
	min-width: 220px;
	background: #eee;
}

.ui-findlink-noresults li, .ui-findlink-toomany li {
	background-color: #fff;
	color: #444;
	padding: 5px 10px;
	border-top: 2px solid #fff;
	font-style: italic;
}

/* system.base */
.element-hidden {display: none;}
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
}

 /* jQuery UI Tabs 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }