/* ---------------------------------------------------------------------------------------------------------------- *
Type: Polopoly Output Template Style Sheet - Universal
Version: 0.5e
Author: Steven Ross
Email: steven.ross@ed.ac.uk
Last edit: 11-07-12
/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTENTS 
1. Globals / Body
2. Page Header
3. Section Header
4. Sub-section / Child Header
5. Container
6. Navigation
	6.1 Global
	6.2 Utility
	6.3 Breadtrail
	6.4 Primary
	6.5 Secondary
	6.6 Related Links
		6.6.1 Article Related Links
		6.6.2 Navigation Related Links
7. Content Area
	7.1 Layouts
	7.2 Abbr & acronym
	7.3 List Styles
	7.4 Paragraph styles
	7.5 Feature box 
	7.6 Event box
	7.7 Quote styles
	7.8 Heading levels
	7.9 Table styles
	7.10 Image styles
	7.11 Image captions
	7.12 Contacts
	7.13 Search
	7.14 Info Item - standard
	7.15 User generated forms
10. Special Page Types
	10.1 UofE Homepage
	10.2 Frontpage Articles
		10.2.1 Frontpage single
		10.2.2 Frontpage double
		10.2.3 Frontpage triple
		10.2.4 User selectable colour styles
		10.2.5 Subsite home static
		10.2.6 Subsite home dynamic
11. Floats & Clearing
12. Access
13. Article Footer & Page Footer
14. Print styles
15. Global includes + webproxy
XX. Temporary/development
*/
/* 1. Globals / Body */
/* ---------------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0;}
body { margin: 0; padding: 0; text-align: center; color: #000; background-image: url(/images/centralsitebg.gif); background-repeat: repeat-x;}
/* YUI Font size reset 
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.3.1 */
body {font:13px/1.22 arial,helvetica,clean,sans-serif; font-size:small;}
table {font-size: inherit; }
/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace; font-size:108%; line-height:99%;}
/* 2. Header */
/* ---------------------------------------------------------------------------------------------------------------- */
#header {background: #25476C; height: 70px; border-bottom: #CAD8E5 10px solid;} 
#branding {float: left; width: 305px;}
#branding a {color: #fff;}
#branding span {display: block; text-indent: -5000px; margin-left: 70px; background: url(/images/uofe.gif) no-repeat; width: 222px; height: 70px;}
#branding img {float: left; padding-right: 5px; border: none;}
/* 3. sectionHeader */
/* ---------------------------------------------------------------------------------------------------------------- */
#sectionHeader { clear: both; background: #EAEFF5 url(/images/sectionHeader-bg.jpg) left top no-repeat; height: 51px;} 
.standalone-homePage #sectionHeader, .standalone-homePage2 #sectionHeader, .standalone-frontTriple #sectionHeader { background: url(/images/tripleHeader-bg.jpg) left top no-repeat;}
#sectionHeader a {text-decoration: none; color: #000;}
#sectionHeader span {font-size: 167%; /* 22px */ color: #25476C;}
#sectionHeader span:hover {color: red;text-decoration: underline;}
#sectionHeader span {display: block; padding: 10px 0 0 10px;}
#sectionHeader span.hideSection {display: block; text-indent: -5000px;}
#sectionHeader img {margin: 0; border: none;}
/* 4. sub section header */
/* ---------------------------------------------------------------------------------------------------------------- */
#contentArea .childHeader { font-size: 138.5%; /* 18px */ color: #25476C; background: #EAEFF5 url(/images/childHeader-bg.jpg) left top repeat-x; padding: 1px 0 2px 3px; margin-right: -185px;}
#contentArea .childHeader a {color: #25476C; text-decoration: none;}
#contentArea .childHeader a:hover {text-decoration: underline; color: red;}
.navOff-standard #contentArea .childHeader {margin-right: 0px;}
/* 5. container */
/* ---------------------------------------------------------------------------------------------------------------- */
#container { width: 780px; background: #FFFFFF;	margin: 0 auto; text-align: left;} 
.standalone-standard #container, .navOff-standard #container, .standalone-frontSingle #container, .standalone-frontDouble #container, .standalone-special #container { background: url(/images/2colContainer.jpg) repeat-y;}
.sub-standard #container, .sub-special #container { background: url(/images/3colContainer.jpg) repeat-y;}
/* 6. Navigation */
/* 6.1 Global Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#globalNav {background-color: #25476C; font-size: 85%; /* 11px*/ float: right; width: 465px; text-align: right;}
#globalNav ul {list-style: none;}
#globalNav li {display: inline; padding-left: 2px;}
#globalNav li a {text-decoration: none; color: #FFF; line-height: 2em; text-align: center;}
#globalNav li.selected {border-top: #CAD8E5 2px solid;}
#globalNav li a:hover {background-color: #006699; border-top: #CAD8E5 2px solid;}
#globalNav li a:active {color: #FFF;}
/* 6.2 Utility Area - Search/Contact */
/* ----------------------------------------------------------------------------------------------------------------*/
#utility {margin-top: 24px!important; background-color: #CAD8E5; float: right; width: 465px; text-align: center;}
#utility div {display: inline;}
#utility a {color: #25476C; font-size: 100%; font-weight: bold; }
#utility a:hover {color: red;}
#utility form {display: inline;}
#utility #keywords {font-size: 93%; /*12px*/ margin-top: 4px;}
/* UoE Search Engine modification - Joseph Farthing 2012 */
#utility #keywords {vertical-align: top; height: 16px; width: 260px; margin-top: 4px; padding: 0;} 
#utility * {margin-top: 5px; padding: 2px;}
#utility #keywords:focus {background-color: #FFC;}
#utility .utilSearch {padding-right: 5px; display: none;}
#utility .utilContact {margin-left: 8px; margin-top: 0;} /* UoE Search Engine modification - Joseph Farthing 2012 */
/* 6.3 Bread Trail */
/* ---------------------------------------------------------------------------------------------------------------- */
#breadTrail {background-color: #FFF;}
#breadTrail ul {list-style: none; padding: 5px 0 5px 185px; font-size: 93%; /*12px*/ display: list-item;}
#breadTrail li {display: inline; padding: 0 10px 0 0; background:url(/images/breadtrail.gif) right no-repeat;}
#breadTrail li.urHere {background: none; color: #000;}
#breadTrail a:link {color: #666;}
#breadTrail a:visited {color: #666;}
#breadTrail a:hover {color: red;}
#breadTrail a:active {text-decoration: none; color: #999;}
#breadTrail li.breadThis {background: none;}
/* 6.4 Primary Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#primaryNav { clear: both; width: 175px; float: left;}
#primaryNav ul, #secondaryNav ul { margin-left: 0px; background-color: #FFF;}
#primaryNav li, #secondaryNav li { list-style: none; line-height: 1.5em; font-size: 108%; /* 14px */ border-bottom: #E3D9DD 1px solid; border-left: #EAEFF5 5px solid; border-right: #EAEFF5 1px solid; padding-left: 5px; color: #430019;}
#primaryNav a, #secondaryNav a { display: block; /* makes the full box area an active link */}
#primaryNav a:link, #secondaryNav a:link { text-decoration: none; color: #430019; display: block;}
#primaryNav a:visited, #secondaryNav a:visited { text-decoration: none; color: #430019;}
#primaryNav a:hover, #secondaryNav a:hover { text-decoration: none; color: #25476C;}
#primaryNav a:active, #secondaryNav a:active { text-decoration: none; color: #4A0000;}
#primaryNav li:hover, #secondaryNav li:hover { border-left: #09F 5px solid; background-color: #EAEFF5;}
#primaryNav li:active, #secondaryNav li:active { border-left: #BF0149 5px solid; background-color: #FFE8E8;}
#primaryNav .urHere, #secondaryNav .urHere { background-color: #F2F2F2; border-left: #36A7E9 5px solid;}
/* ---------------------------------------------------------------------------------------------------------------- */
/* 6.5 Secondary Navigation */
/* ---------------------------------------------------------------------------------------------------------------- */
#secondaryNav {	clear: right; float: right;	width: 175px; margin-top: 30px;}
#secondaryNav .navTitle { border-left: #25476C 5px solid; background: #EAEFF5; padding-left: 5px; line-height: 1.5em; font-size: 108%; /* 14px*/}
/* 6.6 Related Links */
/* ---------------------------------------------------------------------------------------------------------------- */
/* 6.6.1 Article Related Links */
#contentArea .relatedHeader {display: inline-block; width: 395px; background-color: #F2F9FF; border: #EEE 1px solid; margin: 1.5em 0 0 0; padding: 2px 5px; color: #666; font-weight: bold; font-size: 108%; /* 14px */}
#contentArea .relatedLinks { margin: 0.25em 0 0 0; border: #EEE 1px solid; width: 405px;}
#contentArea .relatedLinks ul {padding: 0px; background-color: #F2F9FF; width: 100%;}
#contentArea .relatedLinks a { display: block; /* makes the full box area an active link */ text-decoration: none;}
#contentArea .relatedLinks li {list-style: none; margin: 0; padding: 0.25em; border-left: #E0EBFE 5px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid;}
#contentArea .relatedLinks li:hover {background-color: #E0EBFE;}
.standalone-standard #contentArea .relatedHeader, .navOff-standard #contentArea div.relatedHeader {width: 565px;}
.standalone-standard #contentArea .relatedLinks, .navOff-standard #contentArea .relatedLinks {width: 575px;}
/* 6.6.2 Navigation Related Links */
#primaryNav .relatedLinks, #secondaryNav .relatedLinks {margin: 0 5px;}
#primaryNav .relatedLinks, #secondaryNav .relatedLinks a {color: #666; font-size: 93%;}
#primaryNav .relatedHeader, #secondaryNav .relatedHeader {color: #003; font-weight: bold; font-size: 108%; /* 14px */ padding: 0.25em 0 0.25em 10px; margin: 3em 5px 0 5px; background-color: #EAEFF5;}
/* 7. Content Area Layouts */
/* ---------------------------------------------------------------------------------------------------------------- */
.standalone-standard #contentArea, .standalone-special #contentArea, .navOff-standard #contentArea, .standalone-frontSingle #contentArea, .standalone-frontDouble #contentArea { margin: 0 0 0 175px; padding: 5px 10px; } 
.sub-standard #contentArea, .sub-special #contentArea { margin: 0 175px 0 175px; padding: 5px 10px;} 
/* 7.1 Content Area Elements */
/* 7.2 Abbr & acronym */
#contentArea abbr, #contentArea acronym {cursor: help;}
 
/* IE & FF style sync */ /* Come back to this */
#contentArea abbr, #contentArea acronym { border-bottom: 1px dotted #000000;}
#contentArea abbr.dtstart, #contentArea abbr.dtend { border-bottom: none; cursor: default;}
#contentArea a abbr, #contentArea a acronym { border-bottom: none; cursor: default;}
/* 7.3 List Styles deployed 12 Aug 10 */
#contentArea ul {padding: 0 0 0 15px; list-style: square;} 
#contentArea ol {padding: 0 0 0 20px; } 
#contentArea ul li, #contentArea ol li {padding: 3px 0px 5px 3px; }
#contentArea li.stripeOn {background-color: #F2F9FF;}
#contentArea ul a:hover {color: red;}
#contentArea ul ul {padding: 0 0 0 10px; list-style: disc;}
#contentArea ul ul ul {padding: 0 0 0 10px; list-style: circle;}
#contentArea ul ul ul ul {padding: 0 0 0 10px; list-style-image:url(http://www.ed.ac.uk/polopoly_fs/1.42766!fileManager/list-bullet1.gif)}
/* Standard Definition List */
#contentArea dl {padding: 0; margin: 0;}
#contentArea dt {padding: 0; margin: 0.25em 0 0 0; font-size: 108%; font-weight: bold;} 
#contentArea dl.dlStandard dd {padding: 0 0 5px 14px; background: url(http://www.ed.ac.uk/polopoly_fs/1.42766!fileManager/list-bullet1.gif) no-repeat 0 .2em} 
/* Boxed Definition List */
#contentArea dl.dlBoxed {margin: 1em auto; padding: 0; width: 75%;}
#contentArea dl.dlBoxed dt {background-color: #25476C; color: #FFF; padding: .5em; font-weight: bold; text-align: center; border-left: 1px solid #131210; border-right: 1px solid #131210; border-top: 1px solid #131210; margin: 1em 0 0 0;}
#contentArea dl.dlBoxed dd {background: #E8E8E8; text-align: center; padding: .5em; border-left: 1px solid #131210; border-right: 1px solid #131210; border-bottom: 1px solid #131210;}
/* Horizontal 1 Definition List */
#contentArea dl.dlHorizontal1 {width: 560px; margin: 1em 0 2em 0; padding: 0; border-bottom: 1px solid #666; display: inline-block;}
#contentArea dl.dlHorizontal1 dt {clear: both; float: left; width: 210px; margin: 0; padding: 5px; border-top: 1px solid #666;}
#contentArea dl.dlHorizontal1 dd {float: right; width: 330px; margin: 0; padding: 5px; border-top: 1px solid #666; font-size: 108%;}
.sub-standard #contentArea dl.dlHorizontal1 {width: 400px;}
.sub-standard #contentArea dl.dlHorizontal1 dt {width: 140px;}
.sub-standard #contentArea dl.dlHorizontal1 dd {width: 240px;}
/* Horizontal 2 Definition List*/
#contentArea dl.dlHorizontal2 {width: 550px; margin: 1em 0 2em 0; padding: 10px 5px 0 5px; background: #F5FBFE; border: 1px solid #66BDEF; display: inline-block;}
#contentArea dl.dlHorizontal2 dt {clear: both; float: left; width: 170px; margin: 0 0 10px 0; padding: 5px; }
#contentArea dl.dlHorizontal2 dd {float: right; width: 359px; margin: 0 0 10px 0; padding: 5px; font-size: 108%; border-left: 1px solid #66BDEF;}
.sub-standard #contentArea dl.dlHorizontal2 {width: 390px;}
.sub-standard #contentArea dl.dlHorizontal2 dt {width: 145px;}
.sub-standard #contentArea dl.dlHorizontal2 dd {width: 215px;}
/* 7.4 Paragraph styles */
#contentArea p { font-size: 100%; /* 13px*/ padding-bottom: 0.5em; padding-top: 0.5em;}
#contentArea p.standFirst { font-weight: bold; color: #25476C;}
/* 7.5 Feature box */
#contentArea div.feature { border: #66BDEF 1px solid; font-weight: bold; color: #25476C; padding: 5px; margin: 0.5em 0; overflow: auto;}
#contentArea div.feature h4 { font-size: 153.9%; padding: 0 0 0.25em 0;}
#contentArea div.feature ul { border: none; padding: 0; margin:0;}
#contentArea div.feature ul li { list-style: square inside;}
#contentArea div.feature a { color: #25476C;}
#contentArea div.feature a:hover { color: red;}
#contentArea div.feature img { float: left; padding: 0 10px 0 0; margin: 0;}
#contentArea div.feature p {padding: 0 0 5px 0px; margin: 0px;}
/* 7.6 Event box */
#contentArea .vevent { border: #66BDEF 1px solid; color: #25476C; background-color: #F5FBFE; padding: 3px; margin: 0.25em 0 0.5em 0; width: 400px; display: inline-block;}
#contentArea .vevent .summary { display: block; background-color: #66BDEF; color: #FFF; font-size: 123.1%; /* 16px*/ font-weight: bold; padding: 3px; margin-bottom: 5px;}
#contentArea .vevent a.url .summary {text-decoration: none;}
#contentArea .vevent span.location { display: block; padding-top: 3px; font-style: italic;}
#contentArea .vevent a.map, #contentArea .vevent a.linktype { padding-left: 15px; background-image: url(/images/external.gif); background-position: left; background-repeat: no-repeat;}
#contentArea .vevent a:hover {color: red;}
#contentArea .vevent a:hover span.summary  {color: red; text-decoration: underline;}
#contentArea div.vevent div { padding: 5px 0;}
.vevent p, .vcard { padding-left: 1em; border-bottom: #F2F9FF thin solid;}
/* 7.7 Quote styles */
#contentArea .fullQuote {background-color: #F2F9FF; margin: 1em; padding: 0.5em; font-size: 108%; /* 14px*/ border-left: #25476C 10px solid; }
#contentArea .pullQuote {background-color: #F2F9FF; width: 135px; margin-left: 0.5em; margin-top: 0.5em; padding: 0.5em; border-left: #25476C 10px solid; float: right;}
#contentArea p.quoteAuthor {margin-top: -0.5em; font-weight: bold; color:#333;}
#contentArea p.quotePosition {margin-top: -1em; font-size: 85%; /* 11px*/ font-weight: bold; font-style: italic; color: #666;}
/* 7.8 Heading levels */
#contentArea h1 {padding-top: 0.5em; padding-bottom: 0.2em; font-size: 167%; /* 22px */ color: #24476B; width: 100%;}
#contentArea h2 {padding-top: 0.5em; padding-bottom: 0.2em; font-size: 153.9%; /* 20px */ color: #09F;}
#contentArea h3 {padding-top: 0.5em; font-size: 123.1%; /* 16px */ color: #24476B;}
#contentArea h4 {padding-top: 0.5em; font-size: 108%; /* 14px */ color: #24476B;}
#contentArea h5 {padding-top: 0.25em; font-size: 93%; /* 12px */ font-weight: bold;}
#contentArea h6 {padding-top: 0.25em; font-size: 93%; /* 12px */ font-style: italic;}
/* 7.9 Table styles */
#contentArea table { border-collapse: collapse; border: #CAD8E5 1px solid; margin-bottom: 1em; }
#contentArea caption { font-size: 108%; /* 14px*/ margin: 1em 0 0.5em 0; font-weight: bold;}
#contentArea th { font-size: 93%; /* 12px*/ padding: 5px; background-color: #CAD8E5; color: #000;}
#contentArea td { font-size: 93%; /* 12px*/ padding: 0.3em;}
#contentArea tr { vertical-align: top;}
#contentArea tr.stripeOn { background-color: #ECF7FD;}
/* 7.10 Image styles */
.standalone-standard #contentArea img {float: left; margin: 0.5em 0.5em 0.5em 0;}
.sub-standard #contentArea img {float: left; margin: 0.5em 0.5em 0.5em 0;}
.standalone-standard #contentArea img.imageBig {float: none; display: block; margin: 0.5em auto;}
.sub-standard #contentArea img.imageBig {float: none; display: block; margin: 0.5em auto;}
#contentArea img.imageMedium {float: right; margin: 0.5em 0 0.5em 0.5em;}
.navOff-standard #contentArea div.imageBig {float: none; display: block; margin: 0.5em auto;}
.navOff-standard #contentArea div.imageBig img {display: block; margin: 0 auto; padding: 0;}
.navOff-standard #contentArea img.imageBig {display: block; margin: 0.5em auto;}
/* 7.11 Image captions */
#contentArea .caption img {float: none; margin: 0px; padding: 0.5em 0 0 0;}
#contentArea .caption {/* float: right;*/ margin: 0.5em 0 0.5em 0.5em;}
#contentArea .caption p {margin-top: 0.5em; padding: 5px; background-color: #FBFBFB; border-left: #EAEFF5 10px solid;}
#contentArea .caption.imageMedium {float: right; font-size: 85%; /* 11px */ width: 150px;}
#contentArea .caption.imageBig p {font-size: 85%;  /* 11px */ padding: 5px; margin-bottom: 1em;}
.standalone-standard #contentArea .caption.imageBig {float: none; margin: 0; padding: 0;}
.sub-standard #contentArea .caption.imageBig {margin: 0 5px; padding: 0;}
.navOff-standard #contentArea p.imageBig {display: block; width: 380px; margin: 0.5em auto;}
/* 7.12 Contacts output */
/* #contentArea div.vcard {background-color: #F2F2F2; padding: 5px; border: #CCC 1px solid; margin: 0.5em 0; float: none; border-top: #CCC 5px solid; width: 395px; display: inline-block;} */
#contentArea div.vcard {background-color: #EBF6FD; padding: 5px; border: #09F 1px solid; margin: 0.5em 0; float: none; width: 395px; display: inline-block;} 
#contentArea div.vcard img.photo {float: right; padding: 0px; margin: 0; border: #CCC 1px solid;}
#contentArea div.vcard ul {list-style: none; margin: 0; padding: 0 0 0 -1em ;text-indent: -1em;}
#contentArea div.vcard ul.adr {margin-bottom: 1em;}
#contentArea div.vcard ul li {padding: 0; margin: 0 0 0.1em 0;}
#contentArea div.vcard ul li.fn, #contentArea div.vcard ul li.organization-unit {font-weight: bold; font-size: 123.1%;}
#contentArea div.vcard ul li.title {margin: 0 0 0.5em 0;}
#contentArea div.vcard ul li.org span {display: block;}
#contentArea div.vcard span.type, #contentArea div.vcard span.typelabel {font-weight: bold;}
#contentArea div.vcard dl {padding: 0; margin: 0.5em 0 0 0.2em;}
#contentArea div.vcard dl dt {float: left; font-size: 100%; padding: 0; margin: 0;}
#contentArea div.vcard dl dd {margin: 0 0 2px 3.5em; padding: 0;}
#contentArea .contactsTable th {background-color: #666;}
#contentArea .contactsTable th, #contentArea .contactsTable th a {color: #fff;}
#contentArea .contactsTable {border: #666 1px solid; table-layout: auto;}
#contentArea .contactsTable tr {border: #666 1px dotted;}
#contentArea .contactsTable tr.stripeOn {background-color: #ECECEC;}
#contentArea .contactsTable a.sortheader img {border: none;}
#contentArea .contactsTable a.sortheader {text-decoration: none;}
#contentArea .contactsTable.striped .odd {background-color: #ECECEC;}
#contentArea .contactsTable.striped .even {background-color: #fff;}
.vcard a:hover {color: red;}
/* Migration code*/
#contentArea div.vcard span.organization-unit {font-weight: bold;}
div.vcard .fn {display:block; font-weight: bold; font-size: 123.1%; color: #000;}
div.vcard .title, div.vcard .org {display: block;}
div.vcard .title {font-style: italic;}
div.vcard .adr {display: block; margin: 0.5em 0;}
div.vcard .url {margin-top: 0.5em;}
div.vcard .org {margin-bottom: 0.5em;}
/* 7.13 Search - Google CSE */
#contentArea #cse-search-box, #contentArea #staff-search {margin: 1em 0; background-color: #f2f2f2; padding: 10px; width: 380px; border: #ccc 1px solid;}
#contentArea #cse-search-box input.googleSearchInput, #contentArea #staff-search input.staffSearchInput {width: 280px; margin-right: 15px;}
#contentArea #staff-search .staffSearchLabel, #contentArea #cse-search-box .googleSearchLabel {font-size: 138.5%; color: #09F;}
/* 7.14 Info Item - standard */
.standalone-standard div.infoItem, .sub-standard div.infoItem { background: #F9FAFC url(/images/infoBG.jpg) repeat-x; float: left;}
.navOff-standard .infoItem img, .standalone-standard .infoItem img, .sub-standard .infoItem img { float: left; border: none; padding: 0 7px 5px 5px;}
.navOff-standard .infoItem img { float: left; border: none; padding: 5px 7px 5px 5px;}
.navOff-standard .infoItem p, .standalone-standard .infoItem p, .sub-standard .infoItem p { padding: 0 5px;}
.navOff-standard #contentArea .infoItem h4, .standalone-standard #contentArea .infoItem h4, .sub-standard #contentArea .infoItem h4 { padding-left: 5px; font-size: 108%;}
.navOff-standard .infoItem h4 a, .standalone-standard .infoItem h4 a, .sub-standard .infoItem h4 a { text-decoration: none; color: #24476B; }
.navOff-standard .infoItem h4 a:hover, .standalone-standard .infoItem h4 a:hover, .sub-standard .infoItem h4 a:hover { color: red; }
.navOff-standard .infoItem p a, .standalone-standard .infoItem p a, .sub-standard .infoItem p a { float: right; padding: 0 5px 5px 0;}
.navOff-standard .infoItem p a:hover, .standalone-standard .infoItem p a:hover, .sub-standard .infoItem p a:hover { color: red;}
.standalone-standard .infoItem, .sub-standard .infoItem { width: 95%; margin: 5px 10px 5px 0px;}
.navOff-standard div.infoItem {background: #F9FAFC url(/images/infoBG.jpg) repeat-x; float: none; display:inline-block; width: 250px; margin: 5px 0px 5px 10px; vertical-align: top;}
*+html .navOff-standard div.infoItem {display: inline;zoom: 1;}
/* 7.15 User generated forms */
.js .formBuilder .formField .hideableHelpText,.js .formBuilder .autoSelectValue {display: none;}/* Avoid flicker when showing/hiding divs */
#contentArea .formBuilder .screenreader_only {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#contentArea form.formBuilder {padding: 5px 3px; border: 1px solid #ccc;}
#contentArea .formBuilder fieldset {border: 0 none; margin: 0px; padding: 0px;}
#contentArea .formBuilder fieldset fieldset {border: 1px solid #ccc; padding: 5px 0 5px 5px;}
#contentArea .formBuilder fieldset legend {margin-top: 0.5em; padding: 0 5px 5px 5px; font-size: 123.1%; /* 16px */ color: #24476B;}
#contentArea .formBuilder .formError {color: #900; padding: 0.5em 0.5em 0.5em 23px; margin: 1em 0.5em; border: 1px solid red; background: #F5E5E5 url(http://www.ed.ac.uk/polopoly_fs/1.25600!fileManager/icon-cross-small.png) left no-repeat;}
#contentArea .formBuilder .formField .errors {color: #900; display: block;}
#contentArea .formBuilder .formField .errors .error {border: 1px solid red; background: #F5E5E5 url(http://www.ed.ac.uk/polopoly_fs/1.25600!fileManager/icon-cross-small.png) left no-repeat; padding: 5px 5px 5px 23px; display: inline-block; margin: 5px 0;}
div.errors + div.field input,div.errors + div.field textarea {border: 2px solid red;}
#contentArea .formBuilder .formField .justright label {width: 110px; float: left; text-align: right; margin-right: 0.5em; display: block;}
#contentArea .formBuilder .formField .justleft label {width: 110px; float: left; text-align: left; margin-right: 0.5em; display: block;}
#contentArea .formBuilder .formField .labelabove label {float: none;text-align: left;margin-right: 0.5em;margin-bottom: 0.2em;display: block;}
#contentArea .formBuilder .formField .selectalign input {float: left; display: block;}
#contentArea .formBuilder .formField .selectalign label {margin-left: 5%;display: block;}
#contentArea .formBuilder .required {color:red; font-size: 131%;}
#contentArea .formBuilder .formField .justright .errors, #contentArea .formBuilder .formField .justleft .errors, #contentArea .formBuilder .formField .justright .formFieldHelp, #contentArea .formBuilder .formField .justleft .formFieldHelp, #contentArea .formBuilder .formField .justright .field, .justleft .field {padding-left: 115px;}
#contentArea .formBuilder .formField .justright .field .selectother, #contentArea .formBuilder .formField .justleft .field .selectother {padding-left: 0px;}
#contentArea .formBuilder .formField.noerrors .justright.datefield .helphidden input, #contentArea .formBuilder .formField.noerrors .justleft.datefield .helphidden input, #contentArea .formBuilder .formField.noerrors.nohelp .justright.datefield input, #contentArea .formBuilder .formField.noerrors.nohelp .justleft.datefield input  {margin-top: 1.4em;}
#contentArea .formBuilder .formField .formFieldHelp p {padding: 0.2em 0;}
#contentArea .formBuilder .formField .formFieldHelp.hideableHelpText p {border: 1px solid #438EDB; background: #ECF3FB; padding:5px; }
#contentArea .formBuilder .formField {text-align:left;margin-bottom:0.5em;}
#contentArea .formBuilder .formField input:focus, #contentArea .formBuilder .formField select:focus, #contentArea .formBuilder .formField textarea:focus,#contentArea .formBuilder .recaptcha_input_area input:focus {background: #ffc; border: 2px solid blue;}
#contentArea .formBuilder .formField.nohelp label {margin-top: 0.2em;}
#contentArea .formBuilder .formField div.selectother {margin-top: 0.5em;}
#contentArea .formBuilder .formField a.toggleShowHideHelp, a.toggleShowHideHelp:link {cursor: help;}
#contentArea .formBuilder .formField img.helpTextIcon {border-style:none; padding: 0.1em 0.1em 0 0.3em; margin: 0px; float:none;}
#contentArea .formBuilder .formField.recaptcha_hidden {display: none;}
#contentArea .formBuilder #recaptcha_area table, #contentArea .formBuilder #recaptcha_area img {border: none;}
#contentArea .formBuilder #recaptcha_area {background: #FFF; padding: 0; margin: 0;}
#contentArea .formBuilder .recaptcha_image_cell .recaptcha_image_holder {border: 1px solid grey; height: 65px;}
#contentArea .formBuilder .recaptcha_input_cell #recaptcha_response_field {width: 297px;}
#contentArea .formBuilder #recaptcha_area .recaptcha_audio_cant_hear_link {font-size: 153.9%; padding-left: 10px;}
/* 10 Page Types */
/* ---------------------------------------------------------------------------------------------------------------- */
/* 10.1 UofE Homepage - article specific style sheet */
/* 10.2 Frontpage common elements */
.infoItem img {border: none; border-bottom: #156CAF 10px solid;}
.infoItem h4 a:hover {text-decoration: underline; color: red;}
.promoTwo, .promoThree {overflow: hidden; }
.promoOne a, .promoTwo a, .promoThree a {color: #FFF; font-weight: bold;}
.promoOne a:hover, .promoTwo a:hover, .promoThree a:hover {color: red;}
.promoOne p, .promoOne h4, .promoOne p, .promoOne h4, .promoTwo p, .promoTwo h4, .promoTwo p, .promoTwo h4, .promoThree p, .promoThree h4 {padding: 0.5em; color: #FFF;}
.promoOne h4 a, .promoTwo h4 a, .promoThree h4 a {color: #FFF; font-size: 123.1%; /* 16px */ text-decoration: none;}
.promoSmall {overflow: hidden; padding-top: 5px; /* margin-bottom: 10px; */}
#contentArea .promoSmall h4 {padding-top: 3px;}
.promoSmall h4 a {color: #003; font-size: 100%; /*13px*/ text-decoration: none; padding: 0; margin: 0;}
.promoSmall h4 a:hover {text-decoration: underline; color: red;}
.promoSmall a {color: #003;}
.promoSmall .infoItem {background: #F9FAFC url(/images/infoSmall-bg-standard.jpg) repeat-x; float: left; padding-bottom: 300px; margin-bottom: -300px;}
.promoSmall .infoItem img {border: none; padding-right: 0.5em; float: left;}
.promoSmall .infoItem p a {float: right; font-weight: bold;}
#contentArea .promoSmall .infoItem p {padding: 2px 5px 0 0; margin: 0 5px;}
/* 10.2.1 Frontpage single */
.standalone-frontSingle .promoOne .infoItem { background-color: #36A7E9; width: 580px; float: left;}
.standalone-frontSingle .promoSmall .infoItem { width: 287px; margin-right: 5px;}
/* 10.2.2 Frontpage double */
.standalone-frontDouble .promoTwo .infoItem {background: #11588C url(/images/infoBig-bg-standard.jpg) repeat-x; width: 282px; float: left; margin-right: 5px; padding-bottom: 300px; margin-bottom: -300px;}
.standalone-frontDouble .promoSmall .infoItem { width: 282px; margin-right: 5px;}
.standalone-frontDouble #contentArea .promoTwo .infoItem h4 {color: #FFF; font-size: 123.1%; /* 16px */}
.standalone-frontDouble #contentArea .promoTwo .infoItem h4 a {font-size: 100%;}
.standalone-frontDouble #contentArea .promoTwo ul.bulleted {padding: 0 5px 1em 5px;}
.standalone-frontDouble #contentArea .promoTwo ul.bulleted li {color: #fff; list-style: inside square;}
.standalone-frontDouble #contentArea .promoTwo ul.bulleted li a {color: #fff;}
.standalone-frontDouble #contentArea .promoTwo ul.bulleted li a:hover {color: red;}
.standalone-frontDouble #contentArea .promoTwo ul.inLine {color: #fff; padding: 0 5px 1em 5px;}
.standalone-frontDouble #contentArea .promoTwo ul.inLine li, .standalone-frontDouble #contentArea .promoTwo ul.inLine li a {color: #fff;}
.standalone-frontDouble #contentArea .promoTwo ul.inLine li a:hover {color: red;}
.standalone-frontDouble #contentArea .promoSmall ul.bulleted {padding: 0 0.5em 1em 0.5em;}
.standalone-frontDouble #contentArea .promoSmall ul.inLine {padding: 0 0.5em;}
.standalone-frontDouble #contentArea .promoSmall h4 {padding: 0.5em 0.25em 0.25em 0; margin: 0 0 0 0.5em;}
#contentArea ul.inLine {padding: 0 0 1em 5px;}
#contentArea ul.inLine li {display: inline; color: #000; padding: 0 0.5em 0 0; line-height: 1.5em;}
#contentArea ul.inLine li a {color: #000; font-weight: normal;}
#contentArea ul.inLine li a:hover {color: red;}
#contentArea ul.inline {padding: 0 0 1em 5px;}
#contentArea ul.inline li {display: inline; color: #000; padding: 0 0.5em 0 0; line-height: 1.5em;}
#contentArea ul.bulleted {padding: 0 0 1em 0.5em; margin: 0;}
#contentArea ul.bulleted li {padding: 0; margin:0; list-style: inside square; line-height: 1.5em;}
#contentArea ul.bulleted li a {color: #000;}
#contentArea ul.bulleted li a:hover {color: red;}
#contentArea .promoSmall ul.inLine, .standalone-frontTriple #contentArea .promoSmall ul.inLine {padding: 5px 5px 20px 5px;}
#contentArea .promoSmall ul.inLine li, .standalone-frontTriple #contentArea .promoSmall ul.inLine li {display: inline; color: #000; padding-right: 0.25em;}
/* 10.2.3 Frontpage triple */
.standalone-frontTriple #breadTrail ul { padding: 5px 0 5px 0; /* Breadtrail has different location on this template */}
.standalone-frontTriple .promoThree { overflow: hidden;}
.standalone-frontTriple .promoThree .infoItem { background: #11588C url(/images/infoBig-bg-standard.jpg) repeat-x; width: 255px; float: left; margin-left: 3px; padding-bottom: 300px; margin-bottom: -300px;}
.standalone-frontTriple .promoThree .infoItem { width: 255px; float: left; margin-left: 3px; padding-bottom: 300px; margin-bottom: -300px;}
.standalone-frontTriple #contentArea .promoThree h4 {color: #fff; font-size: 108%}
.standalone-frontTriple #contentArea .promoThree h4 a {font-size: 108%}
.standalone-frontTriple .promoSmall .infoItem { width: 255px; margin-left: 3px;}
.standalone-frontTriple .infoItem p a {padding-bottom: 5px;}
.standalone-frontTriple #contentArea .promoThree ul.inLine {padding: 0 5px 20px 5px;}
.standalone-frontTriple #contentArea .promoThree ul.inLine li {display: inline; color: #fff;}
.standalone-frontTriple #contentArea .promoThree ul.inLine li a {color: #fff; font-weight: normal;}
.standalone-frontTriple #contentArea .promoThree ul.inLine li a:hover {color: red;}
.standalone-frontTriple #contentArea .promoThree ul.bulleted {padding: 0 5px;}
.standalone-frontTriple #contentArea .promoThree ul.bulleted li {color: #fff; list-style: inside square;}
.standalone-frontTriple #contentArea .promoThree ul.bulleted li a {color: #fff;}
.standalone-frontTriple #contentArea .promoThree ul.bulleted li a:hover {color: red;}
.standalone-frontTriple #contentArea .promoSmall ul.inLine {padding: 5px 5px 20px 5px;}
.standalone-frontTriple #contentArea .promoSmall ul.inLine li {display: inline; color: #000;}
.standalone-frontTriple #contentArea .promoSmall ul.bulleted li a:hover {color: red;}
.standalone-frontTriple #contentArea .promoSmall h4 {padding: 0.5em 0.25em 0.25em 0; margin: 0 0 0 0.5em;}
/* 10.2.4 User selectable colour styles */
.promoTwo .infoItem.hi,.promoThree .infoItem.hi {background: #24476B;}
.promoTwo .infoItem.hi img,.promoThree .infoItem.hi img {border-bottom: #1B3550 10px solid;}
.promoTwo .infoItem.med,.promoThree .infoItem.med {background: #506C89 url(/images/infoBig-bg-med.jpg) repeat-x;}
.promoTwo .infoItem.med img,.promoThree .infoItem.med img {border-bottom: #3C5167 10px solid;}
.promoTwo .infoItem.lo,.promoThree .infoItem.lo {background: #156CAF url(/images/infoBig-bg-lo.jpg) repeat-x;}
.promoTwo .infoItem.lo img,.promoThree .infoItem.lo img {border-bottom: #105183 10px solid;}
.promoSmall .hi a, .promoSmall .med a {color: #FFF;}
.promoSmall .hi a:hover, .promoSmall .med a:hover, .promoSmall .lo a:hover, .promoSmall a:hover{color: red;}
.promoSmall .hi {background: #105183 url(/images/infoSmall-bg-hi.jpg) repeat-x; color: #FFF;}
.promoSmall .med {background: #506C89 url(/images/infoSmall-bg-med.jpg) repeat-x; color: #FFF;}
.promoSmall .lo {background: #EBF6FD url(/images/infoSmall-bg-lo.jpg) repeat-x;}
.standalone-frontDouble #contentArea .promoSmall .med li a {color: #fff;}
.standalone-frontDouble #contentArea .promoSmall .med li a:hover {color: red;}
/* 10.2.5 Sub unit homepage */
.standalone-homePage2 #breadTrail ul, .standalone-homePage #breadTrail ul { padding: 5px 0 5px 0; /* Breadtrail has different location on this template */}
.standalone-homePage .themesMain {width: 515px; background: #26486B; float: left; margin: 0 15px 0 0;}
.standalone-homePage .themesMain img {float: left; padding-right: 15px; border: none; }
.standalone-homePage #contentArea .themesMain h1 {margin: 0; padding: 10px 0 10px 0; width: 250px; float: left;}
.standalone-homePage #contentArea .themesMain h1 a {text-decoration: none; color: #fff;}
.standalone-homePage #contentArea .themesMain h1 a:hover {text-decoration: underline; color: red;}
.standalone-homePage #contentArea .themesMain p {padding-left: 15px;}
.standalone-homePage2 #contentArea .promoThree h4, .standalone-homePage #contentArea .promoThree h4, .standalone-homePage #contentArea .themesMain h1, .standalone-homePage #contentArea .themesMain p, .standalone-homePage #contentArea .themesMain p a {color: #fff;}
.standalone-homePage #contentArea .themesMain p a:hover {color: red;}
.standalone-homePage #contentArea .themesMain ul.inLine li, .standalone-homePage #contentArea .themesMain ul.inLine li a, .standalone-homePage #contentArea .themesMain ul.bulleted li, .standalone-homePage #contentArea .themesMain ul.bulleted li a {color: #fff;}
.standalone-homePage #contentArea .themesMain ul.inLine li a:hover, .standalone-homePage #contentArea .themesMain ul.bulleted li a:hover {color: red;}
.standalone-homePage #contentArea .themesMain ul.bulleted {float: left; padding: 0px;}
.standalone-homePage #contentArea .themesMain ul.bulleted li {width: 230px; list-style: outside square; margin-left: 15px;}
.standalone-homePage #contentArea .infoItem p a {padding-bottom: 5px;}
.standalone-homePage #contentArea .topRow {overflow: hidden; height: 100%; margin-bottom: 10px;} 
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne, .standalone-homePage #contentArea .topRow .infoItem.promoOne {background: #26486B; width: 250px; float: left; padding-bottom: 300px; margin-bottom: -300px }
.standalone-homePage #contentArea .topRow .infoItem.promoOne img {float: left; border: none; padding: 0 5px 0 0;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne h4, .standalone-homePage #contentArea .topRow .infoItem.promoOne h4 {padding: 0; margin: 7px 0 0 5px; color: #fff; font-size: 138.5%; }
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne h4 a, .standalone-homePage #contentArea .topRow .infoItem.promoOne h4 a {font-size: 100%; }
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.bulleted, .standalone-homePage #contentArea .topRow .infoItem.promoOne ul.bulleted {padding: 0 0 0 1em; margin: 5px 0 0 5px; text-indent: -1em; overflow: hidden; }
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.bulleted li, .standalone-homePage #contentArea .topRow .infoItem.promoOne ul.bulleted li {list-style: inside square; line-height: 1.5em; color: #fff;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.bulleted li a, .standalone-homePage #contentArea .topRow .infoItem.promoOne ul.bulleted li a {color: #fff; font-weight: normal;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.inLine li, .standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.inLine li a, .standalone-homePage #contentArea .topRow .infoItem.promoOne ul.inLine li {color: #fff;}
.standalone-homePage #contentArea .topRow .infoItem.promoOne p {color: #fff; padding: 0; margin: 5px;}
.standalone-homePage #contentArea .topRow .infoItem.promoOne p a {float: right; font-weight: bold; margin: 5px 5px 0 0;}
.standalone-homePage #contentArea .topRow .infoItem.promoOne a:hover {color: red!important; text-decoration: underline;}
.standalone-homePage2 #contentArea .promoThree, .standalone-homePage #contentArea .promoThree {overflow: hidden; height: 100%; margin-bottom: 10px; /* background: url(subunit/bgFrontTripple.jpg) repeat-y; */} 
.standalone-homePage2 #contentArea .promoThree .middle, .standalone-homePage #contentArea .promoThree .middle { margin: 0 15px;}
.standalone-homePage2 #contentArea .promoThree .infoItem, .standalone-homePage #contentArea .promoThree .infoItem {background: #26486B; width: 250px; float: left; padding-bottom: 310px; margin-bottom: -300px;}
.standalone-homePage2 #contentArea .promoThree .infoItem img, .standalone-homePage #contentArea .promoThree .infoItem img {border-bottom: #162840 5px solid;}
.standalone-homePage2 #contentArea .promoThree h4, .standalone-homePage #contentArea .promoThree h4 {font-size: 123.1%; padding: 0; margin: 5px 5px 10px 7px;}
.standalone-homePage2 #contentArea .promoThree h4 a, .standalone-homePage #contentArea .promoThree h4 a {font-size: 100%;}
.standalone-homePage2 #contentArea .promoThree p, .standalone-homePage #contentArea .promoThree p {padding: 0; margin: 0 5px 10px 7px;}
.standalone-homePage2 #contentArea .promoThree ul.inLine, .standalone-homePage #contentArea .promoThree ul.inLine {padding: 0 7px;}
.standalone-homePage2 #contentArea .promoThree ul.inLine li, .standalone-homePage #contentArea .promoThree ul.inLine li {display: inline; color: #fff; padding: 0 5px 0 0; line-height: 1.5em;}
.standalone-homePage2 #contentArea .promoThree ul.inLine li a, .standalone-homePage #contentArea .promoThree ul.inLine li a {color: #fff; font-weight: normal;}
.standalone-homePage2 #contentArea .promoThree ul.inLine li a:hover, .standalone-homePage #contentArea .promoThree ul.inLine li a:hover {color: red;}
.standalone-homePage2 #contentArea .promoThree ul.bulleted, .standalone-homePage #contentArea .promoThree ul.bulleted {padding: 0 5px 0 1em; text-indent: -1em; margin-left: 7px;}
.standalone-homePage2 #contentArea .promoThree ul.bulleted li, .standalone-homePage #contentArea .promoThree ul.bulleted li {color: #fff; list-style: inside square; line-height: 1.5em; }
.standalone-homePage2 #contentArea .promoThree ul.bulleted li a, .standalone-homePage #contentArea .promoThree ul.bulleted li a {color: #fff; font-weight: normal;}
.standalone-homePage2 #contentArea .promoThree ul.bulleted li a:hover, .standalone-homePage #contentArea .promoThree ul.bulleted li a:hover {text-decoration: underline; color: red;}
.standalone-homePage2 #contentArea .subsiteSmall, .standalone-homePage #contentArea .subsiteSmall {overflow: hidden;  height: 100%; margin-bottom: 10px; /* background: url(subunit/bgPromoSmall.jpg) repeat-y; */ min-height: 110px;} 
.standalone-homePage2 #contentArea .subsiteSmall .infoItem, .standalone-homePage #contentArea .subsiteSmall .infoItem {float: left; background: #EDF2F6 /* url(subunit/bgLightTheme.jpg) repeat-x */; width: 250px; margin-right: 15px; padding-bottom: 300px; margin-bottom: -300px;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem img, .standalone-homePage #contentArea .subsiteSmall .infoItem img {border: none; padding: 0 0.5em 0 0; float: left;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem p, .standalone-homePage #contentArea .subsiteSmall .infoItem p {padding: 2px 5px 0 5px;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem p a, .standalone-homePage #contentArea .subsiteSmall .infoItem p a {float: right; font-weight: bold; margin: 5px 5px 15px 0;}
.standalone-homePage2 #contentArea .subsiteSmall h4, .standalone-homePage #contentArea .subsiteSmall h4 {padding: 0; margin: 10px 5px 5px 5px; font-size: 116%; color: #003;}
.standalone-homePage2 #contentArea .subsiteSmall h4 a, .standalone-homePage #contentArea .subsiteSmall h4 a {text-decoration: none;}
.standalone-homePage2 #contentArea .subsiteSmall ul.bulleted, .standalone-homePage #contentArea .subsiteSmall ul.bulleted {padding: 0px 5px 20px 1em; text-indent: -1em; margin-left: 5px; overflow: hidden;}
.standalone-homePage2 #contentArea .subsiteSmall ul.bulleted li, .standalone-homePage #contentArea .subsiteSmall ul.bulleted li {color: #000; list-style: inside square; line-height: 1.3em;}
.standalone-homePage2 #contentArea .subsiteSmall ul.inLine li, .standalone-homePage #contentArea .subsiteSmall ul.inLine li {display: inline; color: #000; padding: 0 5px 0 0; line-height: 1.5em;}
.standalone-homePage2 #contentArea .subsiteSmall ul.inline, .standalone-homePage #contentArea .subsiteSmall ul.inline {padding: 5px 5px 20px 5px;}
.standalone-homePage2 #contentArea .subsiteSmall ul.inline li a, .standalone-homePage #contentArea .subsiteSmall ul.inline li a {font-weight: normal; }
.standalone-homePage2 #contentArea .subsiteSmall a, .standalone-homePage #contentArea .subsiteSmall a {color: #003;}
.standalone-homePage2 #contentArea .subsiteSmall a:hover, .standalone-homePage #contentArea .subsiteSmall a:hover {text-decoration: underline; color: red;}
.standalone-homePage2 #contentArea .quickLinks, .standalone-homePage #contentArea .quickLinks {width: 248px; float: left; border: #ccc 1px solid; margin: 0; padding: 0; background: none; min-height: 130px;}
.standalone-homePage2 #contentArea .quickLinks h2, .standalone-homePage #contentArea .quickLinks h2 {margin: 5px; padding: 0 0 0 3px; color: #162840; background: #ECF7FB; font-size: 116%; }
.standalone-homePage2 #contentArea .quickLinks ul, .standalone-homePage #contentArea .quickLinks ul {padding: 0 0 0.5em 0;}
.standalone-homePage2 #contentArea .quickLinks li, .standalone-homePage #contentArea .quickLinks li {padding: 2px 0 2px 10px; list-style:square; list-style-position: inside; color: #666; font-size: 93%;}
.standalone-homePage2 #contentArea .quickLinks a, .standalone-homePage #contentArea .quickLinks a {color: #666;}
.standalone-homePage2 #contentArea .clearFloat, .standalone-homePage #contentArea .clearFloat {clear:both; display: none;}      
/* 10.2.6 Subsite home dynamic specific */
.standalone-homePage2 #contentArea .topRow {overflow: hidden;  height: 100%; margin-bottom: 10px;} 
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne {float: right;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne img {border-bottom: #162840 5px solid; padding: 0 5px 0 0;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.bulleted li a:hover, .standalone-homePage2 #contentArea .topRow .infoItem.promoOne ul.inLine li a:hover {color: red; text-decoration: underline;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne p {color: #fff; padding: 0; margin: 10px 7px;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne p a {float: right; font-weight: bold; margin: 5px 5px 0 0;}
.standalone-homePage2 #contentArea .topRow .infoItem.promoOne a:hover {color: red;}
/* RSS box */
.standalone-homePage2 #contentArea .rssList {padding: 0; margin: 7px;}
.standalone-homePage2 #contentArea .rssList li {list-style: none; padding: 0; margin: 0 0 7px 0; }
.standalone-homePage2 #contentArea .rssList li h5 {padding: 0; margin: 0 0 5px 0; font-size: 108%;}
.standalone-standard #contentArea .rssList.infoItem {padding: 0.25em 0 0.75em 0;}
#contentArea img.rssImage {border: none;}
/* .standalone-standard #contentArea .rssList.infoItem li {list-style: none; padding: 0 0 2px 5px; margin: 0.25em 0 1em 0; background: #E4EBF2; border-left: 5px solid #A6B3C0;} */
.standalone-standard #contentArea .rssList.infoItem li {list-style: none; padding: 0 0 2px 0; margin: 0.25em 0 1em 0;}
.standalone-standard #contentArea .rssList.infoItem li h5 {padding: 0; margin: 0; font-size: 108%;}
.standalone-standard #contentArea .rssList.infoItem li p {padding: 0; margin: 0.2em 0 0 0;}
.standalone-homePage2 #contentArea .infoItem.promoOne ul.rssList li p {padding: 0; margin: 0;}
.standalone-homePage2 #contentArea .rssItem ul.moreNews {list-style: none; padding: 0 5px 0 0; text-align: right;}
.standalone-homePage2 #contentArea .rssItem ul.moreNews li {padding: 0; margin: 5px;}
.standalone-homePage2 #contentArea .infoItem.promoOne ul.rssList.bulleted {margin: 5px 0 10px 5px; padding: 0 5px 0 1em; text-indent: -1em;}
.standalone-homePage2 #contentArea .rssList.bulleted li {margin: 0 5px 0 0; list-style: inside square; line-height: 1.5em; color: #fff;}
/* anythingSlider v1.0  By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */
.standalone-homePage2 #contentArea .anythingSlider {position: relative; display: inline-block; height: 270px; float: left; width: 515px;}
.standalone-homePage2 #contentArea .anythingSlider .wrapper {width: 515px; overflow: auto; height: 270px; margin: 0; padding: 0; position: absolute; top: 0; left: 0px; }
.standalone-homePage2 #contentArea .anythingSlider .wrapper ul {width: 9999px; list-style: none; position: absolute; top: 0; left: 0px; background: blue; margin: 0; padding: 0;}
.standalone-homePage2 #contentArea .anythingSlider ul li {display: block; float: left; padding: 0; height: 270px; width: 515px; margin: 0;}
.standalone-homePage2 #contentArea .anythingSlider a {outline: none;}
/* Controls */ 
.standalone-homePage2 #contentArea .anythingSlider .arrow {display: block; height: 270px; width: 30px; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.standalone-homePage2 #contentArea .anythingSlider .forward {left: 485px;} 
.standalone-homePage2 #contentArea .anythingSlider .forward:hover {background-color: rgba(0,0,0,0.25); background-image: url(http://www.ed.ac.uk/polopoly_fs/1.36840!fileManager/arrowForward.png) }
.standalone-homePage2 #contentArea .anythingSlider .back:hover {background-color: rgba(0,0,0,0.25); background-image: url(http://www.ed.ac.uk/polopoly_fs/1.36839!fileManager/arrowBack.png) }
.standalone-homePage2 #contentArea #thumbNav {position: relative; top: 220px; left: 5px; text-align: left; width: 515px; line-height: 1em;}
.standalone-homePage2 #contentArea #thumbNav a {color: black; display: inline-block; padding: 3px; width: 105px; height: 40px; margin: 0 5px 0 0; background: #E5E5E5; text-align: left; vertical-align: top; text-decoration: none; font-weight: bold;}
.standalone-homePage2 #contentArea .anythingSlider #thumbNav a:hover, .standalone-homePage2 #contentArea .anythingSlider #thumbNav a.cur:hover {background: red; color: #FFF;}
.standalone-homePage2 #contentArea #thumbNav a.cur {color: black; background: #FFF;} 
.standalone-homePage2 #contentArea #start-stop {background: #09F; font-family: Arial, Helvetica, sans-serif;font-size: 14px; color: #fff; padding: 3px 3px 2px 3px; height: 20px; width: 30px; text-align: center; position: absolute; left: 470px; top: 235px; border: 1px solid #7d0000; text-decoration: none; }
/* .standalone-homePage2 #contentArea .anythingSlider #start-stop.playing {background: green;} */
.standalone-homePage2 #contentArea .anythingSlider #start-stop:hover {background: red; color: black;}
/*  Prevents */
.standalone-homePage2 #contentArea .anythingSlider .wrapper ul ul {position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } 
.standalone-homePage2 #contentArea .anythingSlider .wrapper ul ul li {float: none; height: auto; width: auto; background: none; }
/* Slider box content styles */
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText {padding: 10px 5px; margin: 20px 15px 0 30px; width: 185px; color: #FFF; background-color: black;} 
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText h2 {font-size: 123.1%; margin: 0 0 5px 0; padding: 0;} 
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText h2 a {text-decoration: none;}
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText p {margin: 5px 0 10px 0;}
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText a {color: #FFF;} 
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText a:hover {color: red;}
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText ul.bulleted li {line-height: 1.75em; padding: 0 0 0 16px; background: url(http://www.ed.ac.uk/polopoly_fs/1.57726!fileManager/list-bullet2.gif) no-repeat 0;}
.standalone-homePage2 #contentArea .anythingSlider ul li a img {border: none;} 
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderList {padding: 5px; margin: 5px 25px; width: 375px; color: #FFF; background-color: black;}
.standalone-homePage2 #contentArea .anythingSlider .sliderText ul.inLine li {display: inline; color: #fff; padding: 0 5px 0 0;}
/* Slider CSS3 enhancements */
.standalone-homePage2 #contentArea .anythingSlider ul li div.sliderText {background-color: rgba(0,0,0,0.65); border-radius: 7px; -webkit-border-radius: 7px;}
.standalone-homePage2 #contentArea #thumbNav a {background: -moz-linear-gradient(top,#ffffff 0%,#adadad);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#adadad));-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 2px -2px 10px rgba(000,000,000,0.4);-moz-box-shadow: 2px -2px 10px rgba(000,000,000,0.4);box-shadow: 2px -2px 10px rgba(000,000,000,0.4);}
.standalone-homePage2 #contentArea .anythingSlider #thumbNav a:hover, .standalone-homePage2 #contentArea .anythingSlider #thumbNav a.cur:hover{background: -moz-linear-gradient(top,#ff2819 0%,#ab0000);background: -webkit-gradient(linear, left top, left bottom,from(#ff2819),to(#ab0000)); color: #FFF;}
.standalone-homePage2 #contentArea #thumbNav a.cur {background: -moz-linear-gradient(top,#ffffff 0%,#e6e1e1);background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),to(#e6e1e1));-webkit-box-shadow: 2px -2px 5px rgba(000,000,000,0.3);-moz-box-shadow: 2px -2px 5px rgba(000,000,000,0.3);box-shadow: 2px -2px 5px rgba(000,000,000,0.3);} 
.standalone-homePage2 #contentArea #start-stop {background: -moz-linear-gradient(top,#ff2819 0%,#ab0000);background: -webkit-gradient(linear, left top, left bottom, from(#ff2819),to(#ab0000));-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.7);-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.7);text-shadow:0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3)}
/* Sub-unit homepage(s) user selectable styles */
.standalone-homePage #contentArea .themesMain.lo ul.bulleted li, .standalone-homePage #contentArea .themesMain.lo ul.bulleted li a, .standalone-homePage #contentArea .themesMain.lo ul.inLine li, .standalone-homePage #contentArea .themesMain.lo ul.inLine li a {color: black;}
.standalone-homePage #contentArea .topRow .promoOne.lo {background: #E4EBF2;}
.standalone-homePage #contentArea .topRow .promoOne.lo p, .standalone-homePage #contentArea .topRow .promoOne.lo h4, .standalone-homePage #contentArea .topRow .promoOne.lo h4 a, .standalone-homePage #contentArea .topRow .promoOne.lo ul.bulleted li a, .standalone-homePage #contentArea .topRow .promoOne.lo ul.bulleted li, .standalone-homePage #contentArea .topRow .promoOne.lo ul.inLine li {color: #000;}
.standalone-homePage #contentArea .topRow .promoOne.med {background: #156CAF;}
.standalone-homePage #contentArea .topRow .promoOne.hi {background: #105183;}
.standalone-homePage #contentArea .topRow .promoOne.hi h4, .standalone-homePage #contentArea .topRow .promoOne.med h4, .standalone-homePage #contentArea .topRow .promoOne.hi h4 a, .standalone-homePage #contentArea .topRow .promoOne.med h4 a {color: #fff;}
.standalone-homePage #contentArea .topRow .promoOne.hi ul.bulleted li a, .standalone-homePage #contentArea .topRow .promoOne.med ul.bulleted li a, .standalone-homePage #contentArea .topRow .promoOne.hi ul.bulleted li , .standalone-homePage #contentArea .topRow .promoOne.med ul.bulleted li {color: #fff;}
.standalone-homePage2 #contentArea .infoItem.lo, .standalone-homePage #contentArea .infoItem.lo {background: #E4EBF2;}
.standalone-homePage2 #contentArea .infoItem.lo p, .standalone-homePage2 #contentArea .infoItem.lo p a, .standalone-homePage2 #contentArea .infoItem.lo h4, .standalone-homePage2 #contentArea .infoItem.lo h4 a, .standalone-homePage2 #contentArea .infoItem.lo h1, .standalone-homePage2 #contentArea .infoItem.lo h1 a, .standalone-homePage2 #contentArea .promoThree .infoItem.lo a, .standalone-homePage2 #contentArea .promoThree .infoItem.lo li, .standalone-homePage #contentArea .infoItem.lo p, .standalone-homePage #contentArea .infoItem.lo p a, .standalone-homePage #contentArea .infoItem.lo h4, .standalone-homePage #contentArea .infoItem.lo h4 a, .standalone-homePage #contentArea .infoItem.lo h1, .standalone-homePage #contentArea .infoItem.lo h1 a, .standalone-homePage #contentArea .promoThree .infoItem.lo a, .standalone-homePage #contentArea .promoThree .infoItem.lo li {color: #000;}
.standalone-homePage2 #contentArea .infoItem.lo a:hover, .standalone-homePage #contentArea .infoItem.lo a:hover {color: red!important;}
.standalone-homePage2 #contentArea .infoItem.lo img, .standalone-homePage #contentArea .infoItem.lo img {border-bottom: #A6B3C0 5px solid;}
.standalone-homePage2 #contentArea .infoItem.med, .standalone-homePage #contentArea .infoItem.med {background: #156CAF;}
.standalone-homePage2 #contentArea .infoItem.med img, .standalone-homePage #contentArea .infoItem.med img {border-bottom: #24476B 5px solid;}
.standalone-homePage2 #contentArea .infoItem.hi, .standalone-homePage #contentArea .infoItem.hi {background: #105183;}
.standalone-homePage #contentArea .subsiteSmall .infoItem.hi li,.standalone-homePage #contentArea .subsiteSmall .infoItem.med li,.standalone-homePage #contentArea .subsiteSmall .infoItem.lo li,.standalone-homePage #contentArea .subsiteSmall .infoItem.hi p,.standalone-homePage #contentArea .subsiteSmall .infoItem.med p,.standalone-homePage #contentArea .subsiteSmall .infoItem.hi a,.standalone-homePage #contentArea .subsiteSmall .infoItem.med a,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.hi li,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.med li,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.hi p,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.med p,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.hi a,.standalone-homePage2 #contentArea .subsiteSmall .infoItem.med a {color: #FFF;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem.med a:hover, .standalone-homePage2 #contentArea .subsiteSmall .infoItem.hi a:hover, .standalone-homePage #contentArea .subsiteSmall .infoItem.med a:hover, .standalone-homePage #contentArea .subsiteSmall .infoItem.hi a:hover {color: red;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem.lo, .standalone-homePage #contentArea .subsiteSmall .infoItem.lo {background: #f4f4f4;}
.standalone-homePage2 #contentArea .subsiteSmall .infoItem img, .standalone-homePage #contentArea .subsiteSmall .infoItem img, .standalone-homePage #contentArea .topRow .themesMain img, .standalone-homePage #contentArea .topRow .promoOne img {border: none;}
/* 11. Floats & clearing */
/* ---------------------------------------------------------------------------------------------------------------- */
.floatRight { float: right; margin-left: 8px;}
.floatLeft { float: left; margin-right: 8px;}
.clearFloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
/* 12. Access */
/* ---------------------------------------------------------------------------------------------------------------- */
#skipLink, #skipMenu {position:absolute; left:-5000px; top:auto; width:1px; height:1px; overflow:hidden;}
/* 13. Footer */
/* ---------------------------------------------------------------------------------------------------------------- */
#contentArea p.articlePublished {clear: both; color: #666; font-size: 85%; /*11px*/ margin-top: 1.5em;}
#footer { border-top: #25476C 10px solid; font-size: 1em; padding: 0 10px 0 20px; background: #F2F2F2 url(/images/footerbg.jpg) repeat-x;} 
#footer a { color: #333;}
#footer a:hover { color: red;}
#footer div { width: 780px; margin: 0 auto; text-align: left; color: #000; padding: 10px 0;}
#footer div ul li {display: inline; padding: 0 20px 0 0; font-size: 85%; }
#footer div ul {padding: 0 0 10px 0; text-align: left;}
#footer div p {display: block; padding-bottom: 5px; font-size: 85%}
/* 14. Print styles */
/* ---------------------------------------------------------------------------------------------------------------- */
@media print {
body {background: none;}
#header {border-bottom: 0;} 
#branding {width: 100%;}
#branding img {display: none;}
#branding a {color: #000;}
#branding span {text-indent: -70px; font-size: 200%; font-weight: bold; width: 100%;}
#sectionHeader img {display: none;}
#sectionHeader span.hideSection, #sectionHeader span {text-indent: 0px; font-size: 200%; color: #000;}
.childHeader a {font-size: 125%;}
#container #contentArea {margin: 0; padding: 0;}
#container #contentArea .infoItem * {float: none;}
#footer, #globalNav, #utility, #breadTrail, #secondaryNav, #primaryNav {display: none;}
}
/* 15. Global includes + webproxy */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Schools and Depts A-Z list */
#contentArea .structureLists ul.inline {list-style:none;list-style-image:none;list-style-type:none;float:none;margin: 1em 0;padding: 0;}
#contentArea .structureLists ul.inline li {display:inline;list-style-image: none;list-style-type: none;margin: 0;padding: 0;}
#contentArea .structureLists ul.inline li a {background-color: #EEE;border: 1px solid #CCC;color: #444;font-size: 123.1%;font-weight: bold;padding: 2px 5px;text-decoration:none;}
#contentArea .structureLists ul.inline li a:hover {color: red; border:1px solid red; background-color: #FFF;}
#contentArea .structureLists ul li {list-style:none;list-style-image:none;list-style-type:none;padding: 0.2em 0;}
#contentArea .structureLists h6 {border-bottom:1px solid #CCC;color:#222;font-size: 138.5%;margin:0.5em 1em;padding:0pt 0pt 2px 2px;}
#contentArea .structureLists h6 span a {float: right; font-size: 80%; font-weight: normal;}
#contentArea .structureLists a:hover {color: red;}
#contentArea .structureLists h2 {clear: left;}
/* Social share */
#contentArea p.socialButton {padding: 0; margin: 0 0 5px 0;}
#contentArea p.socialButton a img {float: none; margin: 0;}
/* XX. Temp styles */
/* ---------------------------------------------------------------------------------------------------------------- */
.standalone- #contentArea { margin: 0 0 0 175px; padding: 5px 10px; } /* web proxy layout addition */
#contentArea .socialButton {height: 30px}
/* <=IE6 styles */
* html body {background-image: url(/polopoly_fs/1.2187!fileManager/bgbodyie.jpg) }
* html body.standalone-frontTriple .infoItem, * html body.standalone-frontDouble .infoItem  {padding-bottom: 0px; margin-bottom: 0px;} 
* html body.standalone-frontDouble .promoSmall, * html body.standalone-frontTriple .promoSmall  {padding: 5px 0 0 0;} 
* html body.standalone-frontTriple .promoThree { background-color: red;}
* html body div.caption p  {display:none;}
/* Special html template outputs extra div - temp fix */
h1 + div {float: left;} 
/* IE6 styles for slider
* html body {background: none;} * html body.uofeHome #globalNav {position:fixed; margin-top: -100px;}
* html body.uofeHome #utility {float: none;} * html body.uofeHome #topRow {margin-top: -40px;} * html body.uofeHome .themesPrimary .infoItem, * html body.uofeHome .themesSecondary .infoItem {float: left; width: 182px;} * html body.uofeHome .themesPrimary .infoItem img {width: 182px; height: 97px;} * html body.uofeHome .themesPrimary {background: none;} * html body.uofeHome .themesSecondary {background: none;} * html body.uofeHome .newsArticles img.homeRSS {display: none;}
*/