/* - ploneCustom.css - */
@media all {
/* https://www.cisl.cam.ac.uk/portal_css/ploneCustom.css?original=1 */
#portal-personaltools {display: none;}
/* */
#content div.displaytentasks table td .image-inline{width:100%}
/* */
.campl-theme-1  .campl-local-navigation a:hover {border-bottom:1px solid #003e74;}
.campl-theme-1  .campl-local-navigation a:link {border-bottom:1px solid #003e74;}
.campl-theme-1  .campl-local-navigation a:active {border-bottom:1px solid #003e74;}
.campl-theme-1  .campl-local-navigation a:visited {border-bottom:1px solid #003e74;}
/* */
#content div.fourcolumns table td {width: auto;padding: 10px;}
<!--put these marks round style above to turn it off-->
#content div.display {padding-left: 20px;margin-bottom: 20px;}
#content div.displaycell {float:left; left: 0%;padding-right: 40px;width:200px;height: 200px;display: inline;}
#content .gs div.displaycell {float:left; left: 0%;padding-right: 40px;width:200px;height: 200px;display: inline;}
#content div.displaycell a {width:150px;}
#content div.displaycell img {margin:0 auto;padding-bottom:6px;}
#content .thumbs div.displaycell img {background:#0f0f0f;padding:1px; margin-bottom:6px;}
@media (max-width: 767px) {
#content div.displaycell {float:left; left: 0%;padding-right: 20px;width:200px;height: 230px;display: inline;}
#content .gs div.displaycell {float:left; left: 0%;padding-right: 20px;width:200px;height: 250px;display: inline;}
#content .thumbs div.displaycell {float:left; left: 0%;padding-right: 20px;width:200px;height: 300px;display: inline;}}
#content div.ipccdisplay {padding-left: 5px;margin-bottom: 0px;}
#content div.ipccdisplaycell {float:left; left: 0%;padding-right: 5px;padding-bottom:5px; width:200px;height: 90px;display: inline;}
#content div.ipccdisplaycell a {width:200px;}
#content div.ipccdisplaycell img {margin:0 auto;padding-bottom:5px;}
@media (max-width: 767px) {
#content div.ipccdisplaycell {float:left; left: 0%;padding-right: 20px;padding-bottom:10px;width:200px;height: 90px;display: inline;}
}
#content div.displayloc {padding-left: 0px;margin-bottom: 20px;}
#content div.displaycellloc {float:left; left: 0%;padding-right: 10px;width:254px;height: 200px;display: inline;}
#content div.displaycelllocr {float:left; left: 0%;padding-right: 0px;width:254px;height: 200px;display: inline;}
#content div.displaycellloc a, #content div.displaycelllocr a {width:254px;}
#content div.displaycellloc img, #content div.displaycelllocr img {margin:0 auto;padding-bottom:6px;}
@media (max-width: 767px) {
#content div.displaycellloc, #content div.displaycelllocr {float:left; left: 0%;padding-right: 10px;width:254px;height: 190px;display: inline;}
}
#content div.displaybiometh {padding-left: 0px;margin-bottom: 20px;}
#content div.displaycellb {float:left; left: 0%;padding-right: 10px;width:200px;height: 100px;display: inline;}
#content div.displaycellbr {float:left; left: 0%;padding-right: 0px;width:200px;height: 100px;display: inline;}
#content div.displaycellb a, #content div.displaycellbr a {width:200px;}
#content div.displaycellb img, #content div.displaycellbr img {margin:0 auto;padding-bottom:6px;}
@media (max-width: 767px) {
#content div.displaycellb, #content div.displaycellbr {float:left; left: 0%;padding-right: 10px;width:200px;height: 90px;display: inline;}
}
#content div.displayf {padding-left: 0;margin-bottom: 20px;}
#content div.displaycellf {float:left; left: 0%;padding: 0 30px 30px 0;width:120px;height: 80px;display: inline;}
#content div.displaycellf a {width:120px;}
#content div.displaycellf img {margin:0 auto;padding-bottom:6px;}
@media (max-width: 767px) {
#content div.displaycellf {float:left; left: 0%;padding-right: 20px;width:120px;height: 80px;display: inline;}
}
.embed-quote {float:right; margin:0 1em 1em;width:40%;}
.embed-quote-wide {float:right; margin:0 1em 1em;}
.embed-quote .cite {padding-left:30px;}
@media (max-width:1156px) {
.vcard.facultyStaffDirectory div.cell {float:none; left:35%; padding-bottom: 12px;}
}
@media (max-width:1120px) {
.facultyStaffDirectory .classificationListing div.row {float:none;display:inline;position:relative;}
.facultyStaffDirectory .classificationListing div.cell.width-3 {float:none; position:relative; padding-bottom:1em;}
.facultyStaffDirectory .classificationListing div.cell.position-4 {margin-left: -99%;padding-bottom:2em;}
}
body.section-aboutus #content #content-core .tileItem {padding-top:2em;}
#content img.tileImage, #content div.newsImageContainer {margin: 1em 1em 0.5em;}
#content .personView p.title {
font-family: "myriad-pro",myriad,verdana,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding-bottom: 6px;
width: 60%;}
#content .personView div.row {
padding-bottom: 1em;}
#content #hcard div.vcard {display:none;}
.falcon-static-portlet {border: none;}
.falcon-static-portlet .portlet-static-connect-with-us p {float: left; left: 0%;padding-top:10px;margin-bottom:0;}
.falcon-static-portlet .portlet-static-connect-with-us img {float: left; padding-right: 12px;}
.falcon-static-portlet .portlet-static-connect-with-us .visualClear {line-height: 6px;}
table.data th a {color:#fff!important;}
table.icons td a.campl-external {background:none;}
table.icons td a.campl-external img {display:block; margin: 10px auto;}
table.icons td a.internal-link img {display:block; padding: 10px;}
dl.toc dd ol {list-style-type: disc;}
div.documentByLine {display:none;}
a[href='http://www-falcon.csx.cam.ac.uk/site/CISL/++contextportlets++falcon.subteasers/blogs/full_feed'], a[href='https://www-falcon.csx.cam.ac.uk/site/CISL/++contextportlets++falcon.subteasers/blogs/full_feed']  {display:none;}
a[href='http://www.cisl.cam.ac.uk/++contextportlets++falcon.subteasers/blogs/full_feed'], a[href='https://www.cisl.cam.ac.uk/++contextportlets++falcon.subteasers/blogs/full_feed']  {display:none;}
div.campl-column3  p a[href="http://www.cisl.cam.ac.uk"] {display:none}
.tableprofileF {width:100%;}
.tableprofileF td {padding:5px;}
#content .eventDetails {display:none;}
.campl-news-listing .campl-datestamp {display:none;}
#content #plone-document-byline {display:none;}
#content-core .documentByLine {display:none;}
.custom-quote {text-align: right; padding-left: 30px; font-style:italic;font-weight:400;}
dl.toc {font-size: 100%;}
table.tentasks {width: 100%;}
table.tentasks th, table.tentasks td {width: 48%;}
#content div.displaytentasks {width: 100%;}
#content div.displaytentasks table {float: left;width:98%;border:1px solid #eee;}
/* */
#content div.displaytentasks table td {width: 33.33333%;padding: 10px;}
#content div.displaytentasks img {margin:0 auto;padding:0 10px 10px 0;}
@media (max-width: 1020px) {
#content div.displaytentasks table, #content div.displaytentasks table thead, #content div.displaytentasks table tbody, #content div.displaytentasks table tr, #content div.displaytentasks table th, #content div.displaytentasks table td {display:block;}
#content div.displaytentasks table th, #content div.displaytentasks table td {width: 98%;padding: 10px;}
#content div.displaytentasks img {margin:0;padding:0 10px 10px 0;}
}
/* */
#content div.fourtentasks table td .image-inline{width:100%}
#content div.fourtentasks{width: 100%;}
#content div.fourtentasks table {float: left;width:98%;border:1px solid #eee;}
/* */
#content div.fourtentasks table td {width: 25%;padding: 10px;}
#content div.fourtentasks img {margin:0 auto;padding:0 10px 10px 0;}
@media (max-width: 1020px) {
#content div.fourtentasks table, #content div.fourtentasks table thead, #content div.fourtentasks table tbody, #content div.fourtentasks table tr, #content div.fourtentasks table th, #content div.fourtentasks table td {display:block;}
#content div.fourtentasks table th, #content div.fourtentasks table td {width: 98%;padding: 10px;}
#content div.fourtentasks img {margin:0;padding:0 10px 10px 0;}
}
/* */
#content div.twotentasks table td .image-inline{width:100%}
/* */
#content div.twotentasks {width: 100%;}
#content div.twotentasks table {float: left;width:98%;border:1px solid #eee;}
/* */
#content div.twotentasks table td {width: 50%;padding: 10px;}
#content div.twotentasks img {margin:0 auto;padding:0 10px 10px 0;}
@media (max-width: 1020px) {
#content div.twotentasks table, #content div.twotentasks table thead, #content div.twotentasks table tbody, #content div.twotentasks table tr, #content div.twotentasks table th, #content div.twotentasks table td {display:block;}
#content div.twotentasks table th, #content div.twotentasks table td {width: 98%;padding: 10px;}
#content div.twotentasks img {margin:0;padding:0 10px 10px 0;}
}

}