﻿/* Project Light local overrides */
#content .campl-content-container h1 {display: none;}
/* Override from generic.css : */
html body {background-color: white;}	/* Avoids the editor having black background in styles dialog and when the stylesheets are supplied in a web application to an ultimateForm richtext */
.campl-page-header .clearfix:after {content: '';}
@media (max-width: 767px) {	/* generic.css aggressively sets clearfix to have a forced display value */
	.campl-global-navigation.clearfix {display: none;}
}
.campl-content-container table.portal h3 {font-size: 1em;}
.campl-content-container table.portal td p {font-size: 0.93em;}
.campl-content-container table.portal td ul li {font-size: 1.1em;}
.homepage .campl-recessed-secondary-content {margin-top: -25%;} /* Adjustment because Carousel items should be height=432 but we are using 292 */
body.group-campop #content .campl-content-container h1 {display: block;}
body.group-campop .campl-page-title {font-size: 25px;}
body.group-campop .campl-sub-title {font-size: 29px;}
body.group-campop .campl-sub-title-subtitle {font-family: myriad-pro, myriad, verdana, arial, sans-serif; color: white; font-size: 19px; text-align: right; margin-top: 10px;}
.campl-content-container input[type="radio"], .campl-content-container input[type="checkbox"] {margin-right: 3px; /* Restore to Chrome default */}
.campl-content-container label {display: inline;}
.campl-content-container input {width: auto; height: auto;}	/* Auto reverts the width/height to the specified size */
.campl-content-container textarea {width: auto;}	/* Auto reverts the width to the specified size */
body .campl-content-container table {border-bottom: 0;}
body .campl-content-container table {margin-bottom: 2em;}
body #purecontenteditor {font-size: 100%;}
body #purecontenteditor #administration ul li ul {left: 420px;}
body.editorwindowstyle {background-color: white;}
.campl-theme-1 .campl-local-navigation li.campl-selected a {background-color: #0072cf;}	/* Hack to deal with generateMenu() adding the campl-selected to the list item not the link */
.campl-theme-4 .campl-local-navigation li.campl-selected a {background-color: #57831a;}	/* Hack to deal with generateMenu() adding the campl-selected to the list item not the link */
.campl-theme-6 .campl-local-navigation li.campl-selected a {background-color: #d61746;}	/* Hack to deal with generateMenu() adding the campl-selected to the list item not the link */
body .campl-content-container ul.tabs li a {padding-bottom: 6px;}
.campl-page-header .campl-column12 .campl-content-container {padding-right: 0;}
#local-nav .campl-unstyled-list li span {opacity: 0.5;}


.section-carousel span.editlink {top: 10px; right: 10px; opacity: 0.5}

	
#sidebar {float: right; width: 20%; margin: 1.2em 0 10px 22px; padding: 0 0 25px 15px; border-left: 1px solid #f0f0f0; background-color: white; min-height: 400px;}
	
#newsarticles h2 {clear: right; margin-bottom: 5px;}
#newsarticles p.articledate {font-style: italic; font-size: 11px; color: #aaa; margin-top: 0;}
#newsarticles img.shiftup {top: -4.2em;}
#newsarticles #browseearlier {clear: right; margin-top: 4em;}
#newsarticles #submitlink {text-align: right;}
#newsarticles #submitlink a {vertical-align: top;}

/* Biography pages */
body.people #sidebar {font-size: 0.87em;}
body.people #sidebar ul#contacts {margin-left: 0; padding-left: 0;}
body.people #sidebar ul#contacts li { list-style: none;}
body.people #sidebar p {margin-top: 1.5em;}
body.people #sidebar acronym {border-bottom: 1px dashed #ccc;}
body.people #sidebar img, body.people #sidebar span.photograph, .stafflist span.photograph {width: 100px; height: 120px;}
body.people #sidebar img.larger, body.people #sidebar span.photograph {width: 150px; height: 180px;}
body.people #sidebar img {border: 1px solid gray; margin-bottom: 15px;}
body.people #sidebar span.photograph, .stafflist span.photograph {border: 1px dashed #eee; display: block; margin-bottom: 20px;}
body.people #sidebar {width: 25%;}
body.people #sidebar address {font-style: normal; margin-top: 0.2em; margin-bottom: 0.2em;}
body.people #sidebar p.jumpto {padding-top: 1em;}
body.people h2#biography {display: none;}



/* Research project listings */
body.research #projectlist h3, body#www-spri-cam-ac-uk.research #projectlist h2 {margin-left: 20px; padding-left: 18px; background: url(/images/general/curvedarrow.gif) no-repeat; padding-bottom: 0; margin-bottom: 0;}
body.research #projectlist ul {margin: 7px 0 35px 80px;}

/* Staff lists */
.stafflist {font-size: 0.87em;}
.stafflist h3 {font-weight: bold;}
.stafflist div.person {height: 132px; float: left; width: 250px; border/*-bottom*/: 1px solid #ddd; padding: 10px 10px 0; margin: 0 10px 10px 0; border-radius: 0 0 15px 0; background-color: #f7f7f7;}
.stafflist div.person:hover {background-color: #fcfcfc; border-color: #aaa;}
.stafflist #hod {display: block; height: 190px; margin-bottom: 10px;}
.stafflist #hod p.hod {margin: 0 0 10px; color: #666;}
.stafflist #hod div.person {margin-top: 0; height: 160px;}
.stafflist div.person h3 {margin: 0;}
.stafflist div.person p {text-align: left; margin-top: 10px; line-height: 1.5em;}
.stafflist div.person img, .stafflist span.photograph {float: left; width: 75px; /*height: 120px;*/ border: 1px solid #999; margin-right: 10px;}
 .stafflist span.photograph {height: 90px;}
.stafflist span.photograph {border: 1px dashed #eee;}
.stafflist div.person hr {display: none;}
table.phdstudents a.person {font-weight: bold;}
.stafflist p.email {float: right; color: #bbb; margin: 0 0 0 5px; padding: 0; position: relative; top: -7px; line-height: 1.1em;}
body.people p.directornote {margin-bottom: 2em;}
body.people ul.otherorganisations {margin-bottom: 2em;}

/* Events and seminars */
dl.seminars dt {text-align: right; float: left; width: 10em; margin: 0 0 1em 0; /* margin: match the dd */}
dl.seminars dd {clear: right; margin: 0 0 1em 11em; font-style: normal; /* margin: match the dt except for the left margin */}
div.logobox {float: right; margin-left: 20px; padding: 5px; border: 1px solid #ddd;}
div.logobox p {text-align: center;}
div.logobox img {display: block; border: 0; padding-bottom: 4px;}

/* Global event listings */
table.events td {padding-bottom: 1em;}
table.events td.datetime {width: 15%;}
table.events td.datetime p {margin-top: 0.4em;}
table.events h2 {margin: 0.3em 0 0.4em;}
table.events h4 {margin: 0 0 1em;}
table.events p {margin-bottom: 0.5em;}


/* Miscellaneous styles */
/* .edit {text-align: right; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;} */
ol.small li, ul.small li {font-family: verdana, arial, helvetica, sans-serif;}



/* Specific research projects */
body.research-projects-atham div.contextbox {float: none; width: auto; border: 0; margin: 0; padding: 10px;}
body.research-projects-occupations-britain19c-occupationsenglandwales {min-width: 1100px;}
* html body.research-projects-occupations-britain19c-occupationsenglandwales {min-width: 1100px;}
body.research-projects-eruptions #sidebar {display: none;}
body.research-projects-eruptions table.eruptionsfigures {width: 99%;}
body.research-projects-eruptions table.eruptionsfigures td {height: 50px;}
body.research-projects-eruptions table.eruptionsfigures td:last-child {width: 20%;}
body.research-projects-cger #sidebar {display: none;}
body.research-projects-cger #localheader {margin-bottom: 20px;}
body.research-projects-cger #localheader h1 {display: block; height: 80px; background-color: #c5d9f1; padding: 10px; margin: 0; color: #000090; font-family: arial, helvetica, sans-serif; font-size: 2em;}
body.research-projects-cger #localheader ul {display: block; height: 30px; background-color: #0000ff; padding: 0; margin: 0;}
body.research-projects-cger #localheader ul li {float: left; list-style: none; margin: 0; padding: 0; margin-left: 2px;}
body.research-projects-cger #localheader ul li a {color: white; height: 20px; border: 0; display: block; padding: 3px 10px; margin: 0; border-top: 2px solid #0000ff; border-bottom: 2px solid #0000ff;}
body.research-projects-cger #localheader ul li a:hover, body.research-projects-cger #localheader ul li.selected a {background-color: #c5d9f1; border-bottom-color: #c5d9f1; color: #000090;}
body.research-projects-cger #researchthemes {width: 650px; height: 255px; overflow: hidden; margin-top: 40px; margin: 30px auto 20px;}
body.research-projects-cger #researchthemes .researchthemescolumn {width: 270px; /* 170px when three of them */ float: left; display: block; padding-right: 12px; border-right: 2px solid #000090;}
body.research-projects-cger #researchthemes .researchthemescolumn {margin-right: 29px;}
body.research-projects-cger #researchthemes .researchthemescolumn ul {margin: 0; padding: 0;}
body.research-projects-cger #researchthemes .researchthemescolumn ul li {margin: 0 0 15px; padding: 0; list-style: none; text-align: left;}
body.research-projects-cger #researchthemes .researchthemescolumn ul li:last-child {margin-bottom: 0;}
body.research-projects-cger #researchthemes .researchthemescolumn ul li a {display: block; border: 0; margin: 0; color: #000090; font-weight: bold;}
body.research-projects-cger #researchthemes .researchthemescolumn ul li a, body.research-projects-cger h2.theme {height: 55px; padding: 10px;}
body.research-projects-cger #researchthemes .researchthemescolumn ul li a:hover {opacity: 0.7;}
body.research-projects-cger #content table.people tr td:first-child {padding-left: 20px;}
body.research-projects-cger #content table.people tr td:first-child a {border: 0;}
body.research-projects-cger #content table.people tr td:last-child {padding-right: 20px;}
body.research-projects-cger #content table.people tr td:first-child a {background: none;}	/* Stop external links around the image getting an arrow */
body.research-projects-cger h2 {color: #000090;}
body.research-projects-cger h2.theme {margin-top: 60px; width: 280px;}
body.research-projects-cger div.summary {width: 300px; float: left;}
body.research-projects-cger div.publications {margin-left: 320px; border-left: 2px solid #5787bf; padding-left: 15px;}
body.research-projects-cger div.publications h3 {color: #000090;}
body.research-projects-cger #organisations {margin-top: 50px; border-top: 1px solid #eee; padding-top: 5px;}
body.research-projects-cger #organisations table td {padding-right: 20px;}

/* Campop */
body.research-centres-campop-seminars #sidebar {min-height: 0;}
body.research-centres-campop-seminars div.yui-skin-sam {clear: right;}


/* Laboratories pages */
body.facilities #sidebar {width: 18em;}
@media print {body.facilities #sidebar {display: none;}}
#sidebar.laboratories ul {margin: 0; padding: 0;}
#sidebar.laboratories li {list-style: none;}
#sidebar.laboratories a {height: 32px; display: block;}
#sidebar.laboratories img {border: 0; height: 32px; width: 31px; vertical-align: middle;}
body.facilities table tr.highlight td {background-color: #eee;}
body.facilities table td.subtype {text-align: right;}

/* Labs inventory */
body[class*='facilities-laboratories-inventory'] #sidebar li {filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
body[class*='facilities-laboratories-inventory'] #sidebar li.inventory {background-color: #ccc;}
body.facilities #container {min-width: 980px;}
#labsinventory div.jumplist {float: right; margin-left: 40px;}
#labsinventory div.thumbnail {border: 2px solid #eee; color: gray; font-style: italic; font-size: 0.83em; width: 80px; height: 50px; text-align: center; padding: 10px;}
#labsinventory table.equipmentlist td p.name {margin-top: 0;}
#labsinventory div.bookingform table td.title {width: 250px;}
#labsinventory .article {margin-top: 40px;}	/* Ensures the buttons are not covered up */
#labsinventory ul.actions li.addtocart form input {background: url(/images/icons/add.png) 8px center no-repeat; color: #900; padding-left: 25px;}
#labsinventory ul.actions li.viewbasket {background: url(/images/icons/basket.png) 8px center no-repeat; color: #900;}
#labsinventory ul.actions li.addtocart form:hover {background-color: #f7f7f7;}
#labsinventory ul.actions.checkout {margin-left: 25px; margin-bottom: 25px;}
#labsinventory ul.actions.checkout li a#proceedtocheckout {background-color: #ffcccc;}
#labsinventory table.basket {margin-top: 20px; margin-bottom: 20px;}
#labsinventory table.basket th {font-weight: normal; font-size: 0.83em; line-height: 1.2em; background-color: #f9f9f9; border-bottom: 2px solid #ccc; padding-bottom: 5px;}
#labsinventory table.basket td.item {font-weight: bold;}
#labsinventory table.basket.editable td.price {width: 7em;}
#labsinventory form input.highlight {background-color: yellow; color: black;}
#labsinventory fieldset {width: 300px; border: 1px solid #ddd;}
#labsinventory h3.expand {margin-top: 1em; margin-bottom: 0;}
#labsinventory p.messagethisgroup {margin-top: 0; margin-bottom: 0;}
#labsinventory table.orderstatus {margin-top: 0; margin-bottom: 2em;}
#labsinventory table.orderstatus td.name {width: 170px;}

/* Map library pages */
body.facilities h1.maplibrary, body.facilities h1.cartography {color: #c90;}
#maplibrarymenu, #cartographymenu {float: left; width: 180px; height: 356px; margin: 0 15px 10px 0;}
#maplibrarymenu img.logo, #cartographymenu img.logo {margin-top: 40px;}
#maplibrarymenu img.illustrative, #cartographymenu img.illustrative {width: 180px; height: 135px; margin-bottom: 10px; border: 0;}
#maplibrarymenu ul, #cartographymenu ul {margin: 0; padding: 0; text-align: left;}
#maplibrarymenu ul li, #cartographymenu ul li {list-style: none; margin: 0; font-weight: bold; font-size: 1.15em; margin-top: 5px;}
#maplibrarycontent img.minimenu, #cartographycontent img.minimenu, #cartographycontent div.minimenu {float: right; width: 150px; height: 356px; border: 0; margin-left: 15px;}
#cartographycontent div.minimenu {height: 420px; text-align: left; font-size: 0.7em; line-height: 1.2em;}
#cartographycontent div.minimenu img {margin-left: 0; margin-bottom: 5px;}

/* Alumni */
.alumni h2 {border-top: 1px solid #d7d7d7; margin-top: 2em; padding-top: 1em;}
.alumni div.warningbox h2 {border-top: 0; padding-top: 0;}
.alumni div.contextbox {float: none; width: auto; border: 0; margin: 0; padding: 0;}
.alumni h1 a img, .alumni h1 a {border: 0;}
body[class*="alumni-landmark"] h2 {border: 0;}
body[class*="alumni-landmark"] ul.thread {width: 50%; float: right;}
body[class*="alumni-landmark"] ul.thread a {border: 0;}
body[class*="alumni-landmark"] .boxout {float: right; width: 25%; margin-left: 20px; font-size: 0.83em; font-style: italic;}
body[class*="alumni-landmark"] ul.contents li {text-align: left;}

/* Physical PhDs */
.graduate-phd-physical ul#toc li {font-weight: bold; font-size: 0.82em; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.graduate-phd-physical ul#toc li ul li {font-weight: normal; font-size: 1em;}

/* People */
table.visitors td.key {width: 90px; text-align: right; padding-right: 10px;}
table.visitors td p {margin-top: 0; margin-bottom: 5px;}
table.visitors td.webpage {width: 30px;}
table.phdstudents td.Cluster {font-size: 0.83em; width: 150px;}
table.phdstudents td.supervisor {width: 150px;}
body.people-visitors span.restriction {font-style: italic; color: #888;}
body.people-visitors h3 {margin-top: 2em;}

/* Undergraduate */
body.undergraduate-cugs p.cugsbox {float: right; padding: 10px; background-color: #3885cc; margin-left: 20px;}
body.undergraduate-courseguide div.expandable ul.autocombinedhidden {margin-bottom: 2em;}

/* Events */
#conferencesessionbooking table {width: 600px;}
#conferencesessionbooking table td:first-child {width: 75%;}
#conferencesessionbooking .booking h3 {margin-top: 2.2em;}
#conferencesessionbooking .booking input.button {margin-top: 20px; padding: 7px 30px; color: #603; font-weight: bold;}

/* New research pages */
body.research table#researchcentres {table-layout: fixed; border-collapse: collapse; width: 600px;}
body.research table#researchcentres td {width: 33%; border: 1px solid #eee; padding: 5px 20px; vertical-align: top;}
body.research table#researchcentres td p {text-align: left;}
body.research #sidebar {min-width: 225px;}
body.research #sidebar img {width: 100%; border: 1px solid #ddd;}

body.cucap ul.tabs {clear: right;}
body.news ul.tabs {clear: right;}


/* New design fixes - re-integrate when old design removed */
.campl-content-container .stafflist {font-size: 0.93em;}
.campl-content-container .stafflist div.person {width: 248px;}
.campl-content-container .stafflist div.person h3 {padding-top: 0;}
body.people .campl-content-container #sidebar {font-size: 0.93em;}
body.research-nck .campl-content-container #sidebar img,
	body.research-phh .campl-content-container #sidebar img,
	body.research-cpe .campl-content-container #sidebar img,
	body.research-esp .campl-content-container #sidebar img,
	body.research-gqs .campl-content-container #sidebar img {display: none;}
body .campl-content-container #labsinventory ul.tabs {padding-top: 3em;}
/* #!# Not working */
body.cucap .js .campl-local-navigation li ul {z-index: 99999;}
