/* Overwrite default EdWeb styles */
.home-hero .titleblock, .page-head-hero .page-head-title { padding: 16px 0 }
/* Hide footer subsite affiliations on all but home page */
.not-front .subsite-affiliations, .not-front .footer-affiliations, .not-front div.topline{display: none;}
small.article-published {display: none;}
/* Show published date on GDPR page*/
.page-node-424 small.article-published {display: block; }
/* hide MyEd button on 1.7 */
ul.footerLogins li.buttonMyEd, ul.footerLogins li.buttonMyEd a {display: none;}
/* hide MyEd button on 1.9 */
div.footer .row .col-sm-4 a.btn-uoe {display: none;}

/* styles from current maths website */
div .research_people {clear: both; display: inline; float: left; margin-right: 30px; width: 240px; }
div .research_people2 {display: inline; float: left; padding-left: 1em; width: 240px; }
.caption_box_112 {width: 112px; }
.cont_pic_right {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; display: inline; float: right; margin: 0 0 15px 15px; padding: 7px; }
.inline_img_right .image figure {clear: both; float: right; width: inherit; }
.infoTable tr {border-bottom: 15px dashed transparent; }
.infoTable td {vertical-align: top; }
td.name img {border: 1px solid #999; }
.table>tbody>tr.staff-row>td{vertical-align: middle;}
#person_banner {min-height: 240px; position: relative; background: linear-gradient(to right, #012869 0%, #065099 47%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
#person_banner img {bottom: 0; float: right; position: absolute; right: 20px; vertical-align: bottom; }
#intro_text {color: #fff; font-size: 1.1em; padding-left: 1em; padding-top: 1em; }
#person_banner h1 {color: #ffef60; }
#intro_text a, #intro_text ul a {color: #ffef60; text-decoration: none; }
#intro_text a:hover, #intro_text a:active {color: #ffef60; text-decoration: underline; }
#block-maths-events-maths-events {display: inline; float: right; margin: 0px; }
#home_events {background-color: #d7e6f3; margin-top: 20px; min-height: 435px; padding: 0.1em; }
#home_events h3 {background-color: #ffffff; color: #005384; margin: 5px; padding: 5px; text-align: left; }
#home_events ul {padding: 0; }
#home_events li {clear: both; color: #005384; list-style: none outside none; }
.eventicon {background-color: white; border: 1px solid #005384; clear: left; float: left; height: 100%; margin-bottom: 20px; margin-left: 5px; min-height: 50px; width: 30px; }
.eventicon .eventmonth {background-color: #ffd7d7; border: 1px solid white; color: black; font-size: 10px; text-align: center; }
.eventicon .eventdate {background-color: white; color: black; font-size: 18px; text-align: center; }
.eventtext {clear: none; margin-left: 50px; margin-top: 12px; text-align: left; width: 280px; }
.eventtext h4 {font-size: 1.1em; margin-bottom: 0.25em; clear: none; padding: 0; }
.eventtext p {margin-bottom: 0.2em; padding-bottom: 0; }
.eventtext a {color: #005384; font-weight: bold; margin-top: 0; text-decoration: none; }
.eventtext a:hover {text-decoration: underline; }
#home_events ul.events_bodytext {list-style-position: outside; list-style-type: square; margin: auto auto 0.5em 1.25em; }
#home_events ul.events_bodytext li {list-style-position: outside; list-style-type: square; }
#socialbox {height: 2.5em; margin-top: 20px; }
#socialbox ul li {float: right; list-style: none outside none; }
#socialbox img {height: 35px; width: 100%; }
.node-type-uoe-event .content .page-header {border-bottom-color: #25476C; }
.event-information {border-left-color: #25476C; }
.event-location-wrapper .event-location {border-left-color: #25476C; }
.event-date .date-display-single, .event-date .end-date.with-time, .event-date .end-date.without-time {border-right-color: #25476C; }
.event-date .date-range + .date-separator {color: #25476C; }
.event-date .event-day {color: #0072b4; }
.event-location-wrapper .event-location {border-left-color: #25476C; }
.event-link-map, .event-link-detail {background: none repeat scroll 0 0 #25476C; }
.event-link-map:hover, .event-link-detail:hover, .event-link-map:focus, .event-link-detail:focus {background: none repeat scroll 0 0 #0072b4; }
.learning-space{float: left;}
.learning-space .pull-right {float: left !important;}
.subpromocont {clear: left; margin-top: 20px;  float: left; width: 100%;}
.subpromo {border: 1px solid #98bedb; float: left; height: 100%; min-height: 15em; width: 31%; padding: 0 10px }
.subpromo1 {margin-right: 16px; margin-bottom: 16px; }
.subpromo2 {margin-right: 16px; margin-bottom: 16px; }
.subpromocont h3 {font-size: 1.3em; }
.subpromocont h3, #subpromocont h5 {color: #005384; padding-left: 5px; padding-top: 5px; text-align: left; }
.subpromocont p {color: #005384; padding-bottom: 0.5em; padding-left: 5px; text-align: left; }
.onepic_right {background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; display: inline; float: right; padding: 7px; }
.twopic_right, .twopic_left {background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; display: inline; float: left; padding: 7px; }
.twopic_left {margin: 0 15px 15px 0; }
div.cryptic table {border: none; margin: 0px; border-collapse:collapse; float: left; clear: both; width: 15em; margin-top: 2em; font-size: 70%; font-weight: bold; font-family: "Tahoma", arial, sans-serif; }
div.cryptic table tr {margin: 0px; padding: 0px; }
div.cryptic table td {border: 1px solid black; margin: 0px; padding: 2px; min-width: 0.8cm; height: 0.8cm; vertical-align: top; text-align: left; display: block-inline; font-weight: bold; }
div.cryptic table td.null {border: 1px solid black; vertical-align: middle; text-align: center; background: black; color: white; font-size: 150%; }
div.clues {margin-bottom: 2em; float: left; padding-left: 2em; width: 50%; }
div.clues ol, div.sols ol {padding-left: 2em; font-weight: bold; }
div.clues ol p, div.sols ol p  {font-weight: normal; }
div.sols {clear: both; padding-top: 100px; }
div.cryptic table td[colspan='4']{color: white; text-align: center; background-color: #000}
div.sangaku {clear: both; width: 100%; }
table.proofs_table td {padding: 0.5em 0.75em; }
.proofs .image .pull-right {width: 90%; float: left !important}
.proofs_img .image {float: left; width: 100%; }
.proofs_img .image .pull-right {float: left !important}
.proofs_img_center {float: left; width: 100%; }
.proofs_img_center .pull-right {float: left !important; margin: 0 25%; }
button.subcat {margin: 10px 6px; border-color: #DDDDDD;}