/* - styles.css - */ /* https://www.ee.ucl.ac.uk/portal_css/styles.css?original=1 */ body, h1, h2, h3, h4, h5, h6 {font-family:Arial, Verdana, Lucida, Helvetica, sans-serif, "Lucida Grande"; margin: 0 auto} /* */ p.hiddenStructure {height:0px; width:0px;} p.researchpubs iframe { position:relative;} /* */ /* */ dl.portlet-static-fleming-scholarship-for-msc-studies p, dl.portlet-static-postgraduate-open-day p {text-align:center; margin-bottom:0em;} dl.portlet-static-fleming-scholarship-for-msc-studies .promo-text, dl.portlet-static-postgraduate-open-day .promo-text {text-align:center;} dl.portlet-static-fleming-scholarship-for-msc-studies .promo-text a, dl.portlet-static-postgraduate-open-day .promo-text a {display:block; padding:5px;} dl.portlet-static-fleming-scholarship-for-msc-studies .promo-text a:hover, dl.portlet-static-postgraduate-open-day .promo-text a:hover {display:block; background:#002A40; color:#fff !important; padding:5px;} dl.portlet-static-fleming-scholarship-for-msc-studies dd, dl.portlet-static-postgraduate-open-day dd {padding:0px; font-weight:bold;} dl.portlet-static-fleming-scholarship-for-msc-studies dd.odd, dl.portlet-static-postgraduate-open-day dd.odd {background:#DBE146; padding:0px;} div.biography {padding:5px; background-color:#eee; margin:1px; margin-top:3px;} img.biography-image {padding:5px; float:right;} p.name {font-weight:bold; font-size:1.1em;} #accordion {font-size:1.1em;} #accordion h3.ui-accordion-header {padding:10px 10px 10px 30px;} #accordion h3.ui-state-default {background:#DBE146; color:#002A40;} #accordion h3.ui-state-hover, #accordion h3.ui-state-active {background:#002A40; color:#fff;} #accordion h3.ui-state-hover .ui-icon {background-image:url(/++resource++jquery-ui-themes/sunburst/images/ui-icons_ffffff_256x240.png);} .imageblockright {float:right; margin:5px} .imageblockright img {padding-bottom:5px} .floatright {float:right; padding:5px;} td#portal-column-one {background:#F2F5BF} .even {background-color:#eee;} .odd {background-color:#fff;} .clear {clear:both;} .hide {display:none;} span.degreeAbbr, span.titleHighlight {color:#999;} #MainContent {width:525px; float:left;} h1#pageHeader {font-size:2.5em !important; margin:5px 5px 5px 0px !important; font-weight:normal} #content p.subHeading {font-size:1.2em; font-weight:bold; margin-top:5px; margin-right:0px; margin-bottom:0px;} #content p.postnominals {color:#999; font-size:1.8em; margin:5px 0px;} #content p.smallclrtxt {color:#999; font-size:1em; margin:5px 0px;} #content a img {border:0px;} table#tab-dept-info {padding:5px;} table#tab-dept-info th {align:text-right;} table.top-align tr td, table.top-align tr th {vertical-align:top !important;} table.content {border:1px solid #ccc; margin:10px;} table.content tr td, table.content tr th {padding:5px; border:1px solid #ccc;} table.content tr th {color:#000; background:#eee; font-weight:bold; vertical-align:top;} /* */ #content a.caption-grouplink {float:right; font-size:1.4em; font-weight:bold; border-bottom: 0px; padding-bottom:0px; margin:10px 0px 0px 0px; color:#fff;} div.nivo-html-caption {padding-bottom: 50px !important} b.groupname {font-size: 1.5em} #slider {position:relative; width:990px; height:280px; background:url(images/loading.gif) no-repeat 50% 50%; margin: 0px} #slider img {position:absolute; top:0px; left:0px; display:none;} #slider a {border:0;display:block;} --> div#ee_header, div#header {background:#002A40; height:135px;} div#header h1 {float:left; color:#FFF;font-size:14px; font-weight:bold; margin:10px 0 0 10px;} div#header h1 a {text-decoration: none; color:#fff !important; background:#002A40} div#header h1 a#research-title {font-size:24px; color:#fff; font-weight:bold; padding:15px 0px; float:left;} img#logo {float:right; border:0; margin:0; padding:0; vertical-align:baseline;} div#searchBar {background:#DBE146; clear:right; padding-left:10px; height:25px; margin-top:110px;} div#searchBar fieldset {border:0px} #fSearch {width:126px; margin:3px 0 0 0; padding:0 0 0 16px; border:1px solid #999; background:#fff url(/images/searchIcon.gif) no-repeat 2% 50%; float:left;} #go {border:1px solid #999; background:#fff; font-size:0.7em; padding:0px 0px 1px 0px; margin:3px 0px 0px 3px; float:left; cursor:pointer;} div#leftContent {width:760px; float:left;} div#rightContent {width:185px; float:right !important; margin:0px;} div#rightContent div#infoBoxContainer {width:185px; float:right; margin:0px;} div#rightContent div.textInfoBox, div#rightContent div.imageInfoBox {margin:0px 10px 10px 0px} /* */ div.promoContent div.ImageInfoBox p.infoFooter {font-size:1.0em !important; margin:0px !important} p.infoHeader {background:#DBE146; padding:5px !important; color:#002a40; font-size:13px !important; line-height:1em; margin:0px !important} p.infoHeader em {font-style:normal; font-weight:bold; font-size:1.2em !important; line-height:1em;} p.infoContent {padding:0px; margin:0px !important; font-size:0.8em !important; line-height:1.2em; position:relative; z-index:1; height:60px} #content p.infoFooter {color:#DBE146; text-align:right; font-size:13px; line-height:1.2em !important; z-index:100; background:url(/images/bg_info_footer.png) repeat !important; position:absolute; height:26px; width:172px; z-index:4 !important; margin:0px;} #content p.infoFooter a {text-decoration:none; padding:5px 5px 5px 0px; display:block; color:#dbe146;} #content p.infoFooter a:hover {display:block; color:#fff !important; text-decoration:none; padding:5px 5px 5px 0px; background:#002a40} #content ul {margin-bottom:10px;} div.photoInfoBox, div.imageInfoBox, #content div.textInfoBox {height:133px; width:172px; border:2px solid #e8e8e8; float:left; margin:0px 10px 10px 0px; font-size:1.3em; overflow-y:hidden;} div.photoInfoBox {height:212px;} div.textInfoBox p.infoContent {padding:5px 2px !important; line-height:1.5em} #content div.textInfoBox h1 {padding:2px 2px !important; font-weight:bold; font-size:0.8em; color:#002a40;} div.promoContent div.ImageInfoBox, div.promoContent div.ImageTextBox, div.promoContent div.photoInfoBox {margin:0px 5px 10px 0px;} div.lastBox {margin-right:0px !important} div.londonNanoBox {background:#fff url(/images/lcn.jpg) no-repeat bottom right !important;} div.PhotonicsBox {background:#fff url(/images/photonics_dtc_promo.jpg) no-repeat bottom right !important;} div.isenseBox {background:#fff url(/images/isense.jpg) no-repeat bottom right !important;} div.SecretBox {background:#fff url(/images/secret-logo.gif) no-repeat bottom right !important;} div.adastralParkBox {background:#fff url(/images/ap.jpg) no-repeat bottom right !important;} div.researchStaffBox {background:#fff url(/images/researchstaff.jpg) no-repeat bottom right !important;} div.censectechBox {background:#fff url(/images/researchstaff.jpg) no-repeat bottom right !important;} div.UCLa {background:#fff url(/images/iae.png) no-repeat center !important;} div.UCLb {background:#fff url(/images/uclb.jpg) no-repeat bottom right !important;} div.UCLc {background:#fff url(/images/uclc.jpg) no-repeat bottom right !important;} div.graduateProspectusBox {background:#fff url(/images/masters-prospectus.jpg) no-repeat bottom right} div.ugSocietyBox {background:#fff url(/images/flemingsociety.jpg) no-repeat bottom right} div.ugStudentProfilesBox {background:#fff url(/images/content1.gif) no-repeat bottom right} div.ugStudentInternshipsBox {background:#fff url(/images/cisco_front_small.jpg) no-repeat bottom right} div.ugAPBox {background:#fff url(/images/ap-logo.jpg) no-repeat} div.OpenDayBox {background:#fff url(/images/openDay.jpg) no-repeat bottom right} div.TelecomsBusinessBox {background:#fff url(/images/twithb.jpg) no-repeat bottom right;} div.UGprospectusBox {background:#fff url(/images/ug-prospectus.jpg) no-repeat bottom right} div.ApplyBoxORIG {background:#fff url(/images/apply.jpg) no-repeat bottom} div.ApplyBox {background:#fff url(/images/portico-img.jpg) no-repeat bottom} div.ProgrammeBox {background:#fff url(/images/apply.jpg) no-repeat bottom right; clear:both;} div.PrismBox {background:#fff url(/images/prism.jpg) no-repeat left;} div.ResearchBox {background:#fff url(/images/researchbox.jpg) no-repeat bottom right} div.EngDInfoBox {background:#fff url(/doctorate/engd/engd_brochure.jpg) no-repeat bottom right;} div.MScExecInfoBox {background:#fff url(/executivemasters/embrochure.jpg) no-repeat bottom right;} div.LivingInLondonInfoBox {background:#fff url(/undergraduate/why/living-in-london.jpg) no-repeat bottom right;} /* */ div#subFooter {clear:both; display:block; background:#fff; color:#333; height:37px;} div#subFooter p {float:left; font-size:0.7em; margin:5px 0px;} div.footer-box {display:inline; margin:10px 0px 5px 25px; float:left; border:0px solid #fff;} div.faculty-logo {margin-left:35px;} div.footer-box a {border:none;} ul.footer-nav {list-style-type:none0; list-style-image:none; margin-left:0em;} ul.footer-nav li {line-height:1.25em; font-size:80%; display:block;} ul.footer-nav li a {text-decoration:none; border-bottom:none;} div.footer-box ul.footer-nav li a {color:#D4D4D4;} div.footer-box ul.footer-nav li a:hover {color:#fff;} div#footerWrapper div#bookmarks {margin:55px 0px 0px 0px; vertical-align:bottom;} div#footerWrapper div#bookmarks img, div#footerWrapper div#bookmarks a {border:0;} div#footerWrapper {background-color:#002A40; border-top:3px solid #DBE146; clear:both; display:block; float:left; height:95px; overflow:hidden; width:990px;} div#footerWrapper a {color:#D4D4D4;} div#footerWrapper a:hover {color:#fff !important;} /* */ div#rightCol div#TabInfoContainer {padding:10px 10px 10px 0px; float:left; width: 750px;} div#rightCol div#TabInfoContainer ul {width:745px; background-color:#e8e8e8; float:left; padding-left:5px; display:block; margin-left: 10px; line-height:1em; margin:0px; text-decoration:none; list-style-type: circle !important;} div#rightCol div#TabInfoContainer ul li {display:inline; background:#FFF; text-decoration:none !important; border:0px;} div#rightCol div#TabInfoContainer ul li a {float:left; padding:5px 15px; font-size:1.2em; text-decoration:none; color:#333; display:block; margin:5px 0 0; border-left:0px solid #fff !important; border-right:1px solid #fff !important; border-top:0px !important; border-bottom:0px !important;} div#rightCol div#TabInfoContainer ul li a.selected {padding:5px 15px 10px 15px; font-size:1.4em; text-decoration:none !important; color:#333; display:block; margin:5px 0 0 0; background:#FFF; border-bottom:0px !important;} div#rightCol div#TabInfoContainer ul li a:hover {background-color:#fff; display:block; padding-bottom:10px; margin-bottom:0; text-decoration:underline; border:0px;} div#tabsWrapper {padding:0 5px 5px 5px; float:left; background-color:#e8e8e8; width:740px; margin:0 0 10px 0;} div#tabsWrapper p {font-size:1.2em; line-height:1.2em; margin:10px 0px;} #content dl {font-size:1em;} dt,dd {line-height:1.4em} div#tabsWrapper div.tabpanel {background-color:#fff; float:left; position:relative; padding:10px; width:720px;} div#tabsWrapper div.tabpanel ul {background-color:#fff !important; width:400px; list-style-type:square;} div#tabsWrapper div.tabpanel ul li {display:block !important;} div#content div#tabsWrapper ul {list-style-type:square !important; background:transparent !important;} div#content div#tabsWrapper ul li {background:transparent !important; line-height:1.2em; font-size:1.2em; display:list-item !important; width:80%; background-position: 0px 1px; margin-left: 20px;} div#content div#tabsWrapper dl ul li {font-size:1em;} /* */ div#toggle_list {margin:0px; padding:0px; width:500px !important;} p.toggle_head {padding:5px 10px; cursor:pointer; position:relative; background-color:#eee; margin:1px; width: 500px;} div.toggle_body {padding:5px 10px;background-color:#F4F4F8; width:500px; margin:0px 0px 10px 0px;;} /* */ div.promoContent {background-color:#fff; float:right; width:175px; margin:15px 0 0 15px;} div.promoContent div.textInfoBoxes p.infoContent {position:relative !important; margin:0px !important;} div.promoContent div.textInfoBoxes p.infoFooter {margin:0px 0px 0px 0px !important; line-height:1.5em !important} /* */ div.imagefloatright {float:right; padding:5px; font-size:1em; font-weight:bold; width:150px;} div.imagefloatleft {float:left; padding:5px; font-size:1em; font-weight:bold; width:150px} p.imagedisplay img {padding-right:5px;} /* - ploneCustom.css - */ @media all { /* https://www.ee.ucl.ac.uk/portal_css/ploneCustom.css?original=1 */ /* */ .section-masters dl dd {padding-bottom:10px;} #gdpr-notice {border:1px solid #eee; padding:10px; background-color:#eee;} #gdpr-notice .toggle_head img {padding:5px; margin-right:10px;} #gdpr-notice .toggle_body {width:99%; margin:0px; padding:5px; background-color:#eee;} #kss-spinner0 {display: none;} #MainContent dl dd {margin-bottom:20px;} #content a:link {border:none;} #content table {margin-bottom:0;} #content ul#eetabs {margin-left: 10px} #content ul {margin-bottom:1px;} #content div.newsImageContainer p.caption {width:auto !important; padding:1em; top:-4em;} /* */ #content div.UCLa {height:165px;} #content .UCLa p.infoFooter {height:42px;} #content .UCLa p.infoFooter a:hover {height:32px;} /* */ #content #tabs {font-size:100%; overflow:hidden; clear:both; margin-top:10px;} #content #tabs ul {margin-left:0em; background:#E3E3E3; border:none;} #content #tabs ul li, #content #tabs ul li.ui-state-active {margin-bottom:0em; border-bottom:none;} #content #tabs ul li a:link {border-bottom:none;} #content #tabs ul li.ui-state-default {background:#DBE146; color:#000} #content #tabs ul li a {color:#000 !important;} #content #tabs ul li.ui-tabs-active {background:#fff; color:#fff; font-weight:bold;} #content #tabs ul li a.ui-state-hover {border:none; padding:0px; margin:0px;} #content #tabs div.ui-tabs-panel ul {background:#fff; margin-left:20px;} /* */ .section-vacancies #content-core ul {margin:5px 0px 20px 15px} .section-vacancies #content table.content {margin-bottom:10px} #visual-portal-wrapper {margin:0 auto !important; width:990px;} div#visual-portal-wrapper table#portal-columns tbody tr td#portal-column-content {vertical-align:top;} div#visual-portal-wrapper table#portal-columns tbody tr td#portal-column-two {vertical-align:top; padding-top: 50px; padding-left:10px;} #portal-breadcrumbs {padding: 5px} td#portal-column-one {vertical-align:top; padding-right:10px} dl.portlet dt, div.portletAssignments div.portletHeader {background:#DBE146; color:#002A40} div#content {width:980px; padding:0px; margin-left:1em;} div#alumni-donate {width:350px; float:right;} table#groupinfo {float:right; clear:both;} .documentDescription {margin-bottom:10px;} p.contentHeader {font-weight:bold;} .fr {float:right; padding:5px;} table.staff tr td, table.staff tr th {line-height: 1em !important; margin: 10px; padding: 5px; vertical-align: top !important;} img.image-right {border:0px;} p.promo-text {font-size:80%; padding:10px;} table.floatright {float:right;} /* */ .section-ong div#content, .section-about div#content, .section-undergraduate div#content, .section-masters div#content, .section-doctorate div#content, .section-business div#content, .section-staff div#content, .section-alumni0 div#content, .section-research div#content, .section-barlow div#content, .section-mildner div#content, .section-alumni div#content, .section-cisg div#content, .section-ugnew div#content, .section-ull div#content, .section-nep div#content, .section-new-odevices div#content, .section-abe div#content, .section-fleming div#content, .section-umg div#content, .section-photonics div#content, .section-pilab div#content, .section-vacancies div#content {width:760px;} .section-cpd div#content {width:575px;} a.previous {margin-left:5px;} /* */ ul#mainNav {width:990px; height:34px; float:left; list-style-type:none; background-color:#002A40; border-bottom:3px solid #DBE146;} ul#mainNav li {display:inline;} /* */ ul#mainNav li a {display:block; float:left; color:#E8E8E8; font:1em Arial; padding:9px 15px; text-decoration:none; border-right:1px solid #E8E8E8;} ul#mainNav li a:hover {color:#002A40; background-color:#DBE146;} ul#mainNav li.last a {border:0px;} table#tab-dept-info {padding:5px !important;} table#tab-dept-info th {text-align:right;} a.navTreeItemInPath {background:#002A40; color:#fff !important; margin-bottom:5px;} html body div#visual-portal-wrapper table#portal-columns tbody tr td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem a.navTreeCurrentNode {color:#fff !important;} dl.portlet ul.navTree .navTreeCurrentItem {margin:0px; border:0px; background:#00240; color:#fff;} dl.portlet ul.navTree .navTreeCurrentItem a:hover {color:#fff} dl.portletStaticText {width:195px; margin:10px 0px 10px 10px;} dl.portlet a:link {border-bottom:none;} dl.portlet dt.portletHeader a:hover {background:#002a40; color:#fff; padding:1em;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree {width:200px; margin:5px 0px 5px 5px} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem {background:#DBE146; font-weight:bold; padding:0px; margin:5px; 5px; 5px; 0px; width:195px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem a {padding:5px; display:block; text-decoration:none; color:#002a40;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem a:hover {background:#002a40 url(/images/navArrow.png) no-repeat 95% 50%; color:#fff} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTreeLevel1 {padding-left:0px; margin:0px; width:180px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTreeLevel2 {padding-left:0px; margin:0px; width:175px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTreeLevel3 {padding-left:0px; margin:0px; width:165px;} /* */ /* */ td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem ul.navTreeLevel1 li.navTreeItem {margin-right:0px; width:185px;} /* */ td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem ul.navTreeLevel2 li.navTreeItem {margin-left:5px; width:180px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem ul.navTreeLevel3 li.navTreeItem {margin-left:5px; width:175px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeCurrentNode {width:195px;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeCurrentNode a.navTreeCurrentItem {background:#002a40;color:#fff;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeCurrentNode a.navTreeCurrentItem {background:#002a40 url(/images/navArrow.png) no-repeat 95% 50%; color:#fff;} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeTopNode a, td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeTopNode a.navTreeCurrentItem {background:#DBE146 url(/images/home.gif) no-repeat 95% 50%; color:#002a40} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeTopNode a:hover {background:#002a40 url(/images/home_white.gif) no-repeat 95% 50%; color:#fff !important} td#portal-column-one div.visualPadding dl.portlet dd.portletItem ul.navTree li.navTreeItem a:hover {color:#fff !important} @media print { body {background:#fff; background-image:none; color:#000 !important; text-decoration:none !important; font-size:0.75em !important;} div#footerWrapper {border-top:1px solid #000 !important} a:link {color:#000 !important; text-decoration:none} .titlebox {color:#000 !important} #ee_footer img, p.images {display:none !important} .NOPRINT,.footer {display:none} #dept_address {display:block} #telephone_number {display:block} .ui-tabs-nav {display:none;} .ui-tabs .ui-tabs-hide {display: block !important;} .ui-tabs .ui-tabs-panel {display: block !important} } }