@charset "utf-8";

/* CSS Document */

.school .homepage{ background-image:url(/files/images/schools/default-bg.gif); background-repeat: repeat-x}
.school .homepage.backgound-position{ background-position:0 -335px; }
.school .homepage.backgound-position #main-content{padding-top: 1em;}
.school .standard{ background-image:url(/files/images/schools/default-standard-bg.gif); background-repeat: repeat-x}


/* COLOR 1 - BASE COLOR */

.color-base, #breadcrumb, #navigation li ul.multilevel-linkul-0 li a, #navigation li ul.multilevel-linkul-0 li:first-child a, #navigation li ul.multilevel-linkul-0 li:first-child a:hover, #navigation li ul.multilevel-linkul-0 li:first-child a:active, #main-content a#call-to-action, #main-content .sidebar a.call-to-action, .course-preview .call-to-action, .content .hand h4, aside.dark-background{background-color:#999}
#main-content a:visited{color:#999}


/* COLOR 2 - BASE COLOR WITH 25% BLACK OVERLAY */

.color-base-plus-black-25, #navigation li a, #navigation li ul a, #mobile-site-navigation, .search-select, #contact-strip, .mobile-search, #tabbed-content #tabbed-navigation ul li, .profile-categories li, #pg-course nav ul li, #main-content a#call-to-action, #main-content a.call-to-action, div#tabs ul.tabs-nav li,#staff-profile div#tabs ul.tabs-nav li, #staff-profile .content div#selected-publications, #tabbed-nav-xtra{ background-color:#737373}
.new-course-list h2 span, #main-content a:hover, #main-content a:active{color:#737373 !important}
.id-card .image-holder img, aside.sidebar img, section#main-content img, #mobile-section-navigation, #mobile-site-navigation,#mobile-faculty-link, #main-content a#call-to-action{border: 5px solid #737373; border-width:2px !important}
#tabbed-content #tabbed-navigation ul, .profile-categories, #pg-course nav ul, #staff-profile div#tabs ul.tabs-nav, #staff-profile div#tabs.mobile-tabs ul.tabs-nav li.active{ border-bottom: 2px solid #737373}
#tabbed-content #tabbed-navigation ul{ border-bottom:none !important}
.profile-categories li.active-category{border: 2px solid #737373; border-bottom:none}
#staff-profile div#tabs ul.tabs-nav li {border: #737373 solid 2px}
#staff-profile #quick-contact-reference{border-top: 2px solid #737373}
#staff-profile .content div#selected-publications, #staff-profile .content div.publication-year-list, #staff-profile .content div#academic-roles, #staff-profile .content div#modules, #staff-profile .content div#research-collaboration{border: #737373 solid 1px}

/* COLOR 3 - BASE COLOR WITH 50% BLACK OVERLAY */

.color-base-plus-black-50, #navigation li a:hover,  #navigation li a:active, #nav ul, #standard-homepage-banner{ background-color:#4c4c4c}
#main-content a.call-to-action, .course-preview .call-to-action{border: 5px solid #4c4c4c}
#main-content aside#pgr-aside a.call-to-action:link{ color:#dcdcdc !important}#main-content aside#pgr-aside a.call-to-action:hover{ color:#fff !important}

/* COLOR 4 - BASE COLOR WITH 75% BLACK OVERLAY */

.color-base-plus-black-75, h1,h2,h3,h4,blockquote, figcaption, pre, .school #dept-link-holder #dept-link h2 a, #main-content a#call-to-action:hover{ color:#262626 !important}
.color-base-plus-black-75, #navigation li ul.multilevel-linkul-0 li span.currentbranch1 a{background-color:#262626}
#main-content a:link{ color:#262626 }

/* COLOR 5 - BASE COLOR WITH 85% WHITE OVERLAY */

.color-base-plus-white-75{ background: #e5e5e5}
#main-content #super-research-slider .slide .arc .read-more .button p  a, #tabbed-nav-xtra ul li a, #tabbed-nav-xtra ul li a:visited{ color: #e5e5e5 !important}

/* BACKGROUND COLOR */

.standard, .homepage{ background-color:#fff}

/* WHITE TEXT */

#navigation {margin-bottom: 0.5em}
#navigation, #navigation li a, #navigation li ul a, #mobile-navigation #mobile-section-navigation a, #mobile-navigation #mobile-site-navigation a, #mobile-navigation #mobile-section-navigation h2, #mobile-navigation #mobile-site-navigation h2, #mobile-section-navigation, #mobile-site-navigation,#mobile-faculty-link, #main-content a#call-to-action, #main-content a.call-to-action, #site-navigation a#faculty-link, #breadcrumb a, .course-preview .call-to-action, .extra-tier .events h2, .extra-tier .events li a, .extra-tier .events li, .extra-tier #other-news h3, .extra-tier #other-news li a, #tabbed-nav-xtra ul li .currentbranch0 a {color:#fff !important}
.homepage #main-content{ background:#fff; min-height:400px}

/* LEVEL 1 ONLY (SCHOOLS) */

.school .homepage #uni-home-link, .school .standard #uni-home-link{background-image:url(/files/images/schools/h1-logo-whiteout.png)}
.school .homepage #global-and-search form#search, .school .standard #global-and-search form#search{ background:#fff; border-color:#fff}
.school .homepage #dept-link-holder #dept-link h2 a, .school .standard #dept-link-holder #dept-link h2 a{ color:#fff !important}
.school .homepage #dept-link-holder, .school .standard #dept-link-holder{border-left-color:#fff}
.school .standard #main-content{ padding-top:1em}
.school #breadcrumb{ padding-left:0}

/* DEPARTMENT SEARCH */

#search .input { border-top:6px solid #fff;border-right:6px solid #fff; }
#search .search-input{*height:23px}
#search .search-select{color: #fff;padding: 5px 10px; position: absolute; width: 23.4%; font-size:12px; line-height:1.65em; top: 31px; z-index:200}
#search .search-select{*right:23.6%; *top:0}
#search .search-select label{ color:#fff; }
#search .search-select label span{margin-left:0.3em}

/* FUNNELBACK SEARCH */

#search.funnelback label{ width:80%; float:left}#search.funnelback .search-select label{width:auto}
#search.funnelback input.search-button{float:right; position:relative; top:7px; right:2%}
#search.funnelback input.search-input{ margin:0; padding:6px 4px 0; width:100%}

/* FUNNELBACK SEARCH RESULTS */

.funnelback-results h2{font-size:140%}
.funnelback-search-box.content .content{ width:100%}
.funnelback-results ul.pagination li{ display:inline; margin-right:0.5em}
.funnelback-results ul.pagination li a{ text-decoration:none}

/* MODULES */

#modules{ margin-left:0}
#modules div img{ max-width:100%}
#modules .three-column-module{margin-right: 1.46%}
.content h1, .new-course-list h2, .course-list h2, .new-course-list h3, .course-list h3, .postgraduate-testimony, span.see-all, span.hide-pubs, #research-groups, #research-grants, #research #publications-list, #professional-memberships, .content .hand .hide-section, .vcard.key-contact, #toggle-view li{background:url(/files/images/services/h1-underline.png) bottom center no-repeat;  margin: 0 0 0.65em; padding-bottom: 0.4em;}.postgraduate-testimony{ margin-bottom:1.65em}section#main-content .postgraduate-testimony img{ max-width: 120px}.content:nth-of-type(2) h1, .content:nth-of-type(3) h1, .content:nth-of-type(4) h1{background: none}#mobile-navigation{ display: none}

/* NEWS */

#news-load img{max-width:36.8421% !important; float: left}
#news-load h2, #news-load p{ margin-bottom:0.65em}#news-load h2{ clear:right; padding-bottom:0}
#news-load h2, #news-load h2 a{ font-family:Arial !important}
#url-loader{display: none}
.expander .read-more {background: none; font-size:  inherit;padding-left: 0; }
/*#other-news{ width:54.3%; float:right; position:relative; top:-10px }*/
#other-news.three-column-module{ width:100%}#other-news.three-column-module ul li{ margin-bottom:0.35em}
#other-news h3{font-family:Verdana !important; text-transform:uppercase; font-size:75%; line-height:1.35em; color:#444 !important; padding-bottom:0; margin-bottom:0.4em}
#other-news ul{ list-style-type:none; padding-left:0; margin:0}
#other-news ul li span{ display:none}
ul#news-list-sort li span, ul.event-list li span, #news-list-sort span, .event-list span{ float:none; display:block; width:inherit; text-transform:uppercase; font-family:Verdana; font-size:11px}
ul.event-list li span{ margin-bottom: 0.4em}

/* NEWS LIST */

ul#news-list-sort2 { margin-left:0px!important; padding-left:0px!important;}
a.thumbnail-wrapper { clear: left; float:left; margin-right: 1em; width: 30%; }
div.from-wp h2 { font-size: 140%; line-height: 1.15em; display:inline;   }
.thumbnail-wrapper img { width:100%; border:0px!important; float:left;}
div.clearfix p { font-size: 14px; line-height: 1.55em; margin-bottom: 15px; }






/* EVENTS */

.homepage .events h2{ font-weight:lighter; margin-bottom:3px; padding-bottom:0}
.homepage .events dl{ position:relative; top:-0.5em}
.homepage .events dl dd ul{ list-style-type:none; padding-left:0} .homepage .events dl dd ul li{ padding-left:0; margin-left:0}.homepage .events dl dd ul li a, #other-news ul li a{ text-decoration:none}.homepage .events dl dd ul li a:hover, #other-news ul li a:hover, .extra-tier .events li a:hover{ text-decoration: underline}
.department-cent-events ul.event-list li, .department-right-events ul.event-list li{ border-bottom:none; margin-bottom: 0.55em; line-height: 1.5em}
.department-cent-events dl dd p{ margin-bottom:3px}
.extra-tier .events h2{ margin-bottom:0}.extra-tier .events a{ color:#fff}.extra-tier .events{ margin-bottom:2em}

/* FACULTY LINK */ 

.new-course-list, .course-list{ list-style-type:none; padding:0; margin:0}
#news-list-sort span, .event-list span {float: left; width: 20%}

/* CONTACT STRIP */

#main-content #contact-strip a:link, #main-content #contact-strip a:visited, #main-content #contact-strip #social a:link{color:#fff !important; zoom: 1;filter: alpha(opacity=50); opacity: 0.5}
#main-content #contact-strip #social .ss-icon.twitter, #main-content #contact-strip #social .ss-icon.youtube{ color:#fff}
#main-content #contact-strip p{ margin-bottom:0; padding-bottom:0}
#main-content #contact-strip .ss-icon{  margin-right:0.25em}
#main-content #contact-strip a:hover{color:#fff !important; zoom: 1;filter: alpha(opacity=100); opacity: 1.0}
#main-content #super-research-slider .slide .arc .read-more .button p  a{ text-decoration:underline}

/* COURSE LIST */ 

.content ul.new-course-list, .content ul.course-list{ list-style-type:none; padding:0; margin:0}
.new-course-list h2, .course-list h2{ font-size:130%}

/* TABLE*/
/* RESEARCH GROUP TOGGLE */

#toggle-view {list-style:none;padding:0;margin:0}
#toggle-view li{position:relative;cursor:pointer;padding-left:0; margin-bottom:1.45em}
#toggle-view span{position:absolute;top:0;right:5px;color:#fff;font-family:verdana}
section#main-content #toggle-view span img{ border: none; box-shadow: none;}
#toggle-view .panel {display:none; padding-bottom:0}
#main-content .three-group .three-column-module img{ max-width:100%}
#main-content .three-group{ margin-bottom:2em}

/* RESEARCH GROUP XTRA */
#tabbed-nav-xtra{padding:0; font-size:12px; }
#tabbed-nav-xtra li{display: inline-block; padding:1em}
#tabbed-nav-xtra li:first-child{ background:#000}
#tabbed-nav-xtra li a{text-decoration:none}#tabbed-nav-xtra li a:hover{ text-decoration:underline}

/* --------------HOMEPAGE------------- */

/* SPONSORS */

#sponsors{clear:both; float:none; padding-top:1.77em; border-top: 1px solid #A87B26}
#sponsors .content.full{ margin-bottom:0}
#sponsors .department-full-width-module{ border-bottom:none; margin-bottom:0}
#sponsors .department-full-width-module .module-text h2{font-size: 130%;text-transform: uppercase;}
section#main-content #sponsors img{ float:left; border:none; box-shadow: 0 0 0 0 #fff; margin:0 1em 1em 0}

/* S13 HOME BANNER */

#standard-homepage-banner{background-position:top right; margin-bottom:2em}
#standard-homepage-banner div.banner-side,#standard-homepage-banner div.video-side{ min-height:354px; width:42.6136%; padding:20px 3%}#standard-homepage-banner div ul{ list-style-type:none; padding-left:0}#standard-homepage-banner div h2{ line-height:1em}
#standard-homepage-banner div h2, #standard-homepage-banner div a, .extra-tier .content h2, .department-extra-cent-promo a, .department-extra-right-promo a, .extra-tier .content a{ color:#fff !important; color: #ffb\9 !important; text-decoration:none}#standard-homepage-banner div a:hover{ color:#fff !important}
#standard-homepage-banner div p, #standard-homepage-banner div li, #standard-homepage-banner div .social-media a.ss-icon, .extra-tier .content p, .events .event-holder, #breadcrumb{color: rgba(255, 255, 255, 0.7) !important; color: #fff\9 !important}
#standard-homepage-banner div .social-media a.ss-icon{ margin-right:0.25em}
#standard-homepage-banner li.tel, #standard-homepage-banner li.email{ font-family:Verdana; text-transform:uppercase; font-size:11px; padding-left:0; background:none; line-height:1.7em}
#standard-homepage-banner div .social-media a:hover{ color:#fff !important; color: #ffb\9 !important}
#standard-homepage-banner div .social-media li{ display:inline}

/* GENERIC MODULE */

.generic-module img{float:left}
.generic-module.content{ width:auto}
.generic-module h2, .micro-modules h2{ margin-bottom:3px}
.department-full-width-module .right ul.social-media{line-height: 1.85em;}

/* COLUMNS */

#department-central, #extra-tier-central, .department-full-width-module.department-video-test-module .left{ float:left; width:53.9772%; *width:300px}#department-right, #extra-tier-right, .department-full-width-module.department-video-test-module .right{ float:right; width:42.6136% }
section#main-content #department-central img, section#main-content #department-full-width img, section#main-content #department-right img, section#main-content #extra-tier-left img, section#main-content #extra-tier-right img{ border:none}
#department-central .content, #department-full-width .content, #department-right .content, #extra-tier-left .content, #extra-tier-right .content { padding-right:0; float:none}

/* S13 HOME FULL GENERIC MODULE */

.generic-module .left{ float:left; width:65.3409%}
.department-full-width-module.no-list .left{ width:100%; float:none}
.department-full-width-module, .equal-modules{border-bottom:1px solid #A87B26; margin-bottom:2em}
.department-full-width-module .right{ float:right; width:31.25%}
.department-full-width-module .right h3, .micro-modules h2{ text-transform:uppercase; font-size:130%}
.department-full-width-module .right ul, .department-central-module ul, .micro-modules ul{ list-style-type:none; position:relative; top:-5px; padding-left:0}
.department-full-width-module .right li, .department-central-module li{ margin-bottom:0 !important}
.department-full-width-module .right li a, .department-central-module li a, .department-central-module a, .department-cent-promo p a, .micro-modules li a{ text-decoration:none}
.department-full-width-module .right li a:hover, .department-central-module li a:hover, .department-central-module a:hover, .department-cent-promo p a:hover, .department-extra-cent-promo a:hover, .department-extra-right-promo a:hover{ text-decoration: underline}
.department-full-width-module .img-holder{ width:30.4347%; float:left}
.department-full-width-module.no-list .img-holder{ width:20%}
.department-full-width-module .module-text{ float:right; width:65.2173% }
.department-full-width-module.department-video-test-module .module-text{ width:100% }
.department-full-width-module.no-list .module-text{ width:76.2173% }
.department-full-width-module .module-text.finding-us{ float:none; width: auto; margin-bottom:2em}
.department-full-width-module.finding-us-module{ padding-right:0; border-bottom:none; margin-top:1.5em}
.department-full-width-module.finding-us-module .right{}

/* S13 GENERIC MODULE CENTRAL */

.department-central-module .left{width:100%; float:none}
.department-central-module .right{width:100%; float:none}
.department-central-module .module-text, #department-full-width .content.equal-modules .module-text{ float:right; width:57.8947% }
.department-central-module .img-holder, #department-full-width .content.equal-modules .img-holder{width:36.8421%; float:left}
.department-central-module .module-text{width:57.8947%}

/* TEMP EVENTS */

.generic-promo.events{ float:left}

/* S13 GENERIC PROMO RIGHT */

#department-right .department-right-module .img-holder, #extra-tier-right .department-extra-right-module .img-holder{width:26.6667%}
#department-right .department-right-module .module-text, #extra-tier-right .department-extra-right-module .module-text{width:66.3% }
.standard .generic-promo, .gallery-widget.sidebar{float: right; width: 32.394%;}
.standard section#main-content .generic-promo img{ margin-bottom:0}
.standard .generic-promo h2{ margin-top:1em}

/* S13 GENERIC 4 MICRO MODULES RIGHT */

.micro-modules div{*width:300px}
.micro-modules div{ width:46.6667%; float:left; margin-right:6.667%}
.micro-modules div.block-two{ margin-right:0; clear:right !important}
.micro-modules img{ max-width:100%}
.micro-modules div li{ line-height:1.55em}
.micro-modules h2{ margin-bottom:0}

/* S13 GENERIC PROMO CENTRAL */

.generic-promo{ margin-bottom:1.5em}
.department-cent-promo h2, .department-cent-promo p, #main-content .department-cent-promo p a{ color:#fff !important}
.department-cent-promo, .department-right-promo{ padding-bottom:0.005em}
.department-cent-promo h2, .department-cent-promo p{margin:0 5.7894% 0.5em}.department-cent-promo h2{ font-size:138%}
.department-cent-promo p{ margin-bottom:1.7em}
section#main-content .department-cent-promo img, .department-extra-cent-promo img, .department-extra-right-promo img{ border:none; box-shadow: 0 0 0 rgba(204, 204, 204, 0.85), 0 0 0 rgba(204, 204, 204, 0.85); margin-bottom:1.2em}
#extra-main-content{ float:right; width:75%}
#extra-left-content{ float:left; width: 23.4042% }

/* S13 2 MODULES EQUAL FULL */

#department-full-width .content.equal-modules{ width:100%}
#department-full-width .equal-modules .department-full-left, #department-full-width .equal-modules .department-full-right{ float:left; width:48.3870%}
#department-full-width .equal-modules .department-full-right{ float:right}

/* CALL TO ACTION */

#main-content .content.full a#call-to-action, #main-content .content.full a.call-to-action{ width:50%}
#main-content h2 a#call-to-action, #main-content .sidebar h2 a.call-to-action{ font-size:100%}

/* SIDEBAR DARK BACKGROUND */

aside.dark-background{margin-bottom: 1em; padding: 17px 1.5473% 0}
aside.dark-background h3{margin-bottom: 10px; padding-bottom: 5px; font-family:"warnock-pro"; color:#fff !important}
aside.dark-background h3:first-child{text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.50)}
aside.dark-background p, aside.dark-background li{ color:rgba(255, 255, 255, 0.75)}
#main-content aside.dark-background p a{ color:#fff !important}

/* EXTRA TIER GENERAL */

.extra-tier #extra-left-content #extra-tier-left,.extra-tier #extra-main-content #extra-tier-central, .extra-tier #extra-main-content #extra-tier-right{ padding-top:20px}
.extra-tier .department-extra-cent-promo, .extra-tier .department-extra-right-promo{ background:none}
.extra-tier .department-extra-cent-promo h2, .extra-tier .department-extra-cent-promo p, .extra-tier .department-extra-right-promo h2, .extra-tier .department-extra-right-promo p{margin-left:0; margin-right:0}

/* CURRENT TIER GENERAL */

.current-tier, .current-tier ul{ padding:0}
.current-tier ul li{margin-right:0.5em}
.current-tier ul li.lead{margin-right:0 !important}
.current-tier ul li{line-height: 3em; padding: 20px 0; margin-right:0.5em; color:rgba(255,255,255,0.75); font-family:arial; font-size:14px; text-transform:none }
.current-tier ul li a{ text-decoration:underline; margin-left: 0.62em;}

.current-tier a{color: #FFDB93 !important}
.current-tier a:hover{color:#a87b26 !important}

/* NAVIGATION */

#navigation li a:hover, #navigation li ul.multilevel-linkul-0 li:first-child a:hover, #navigation li a:active, #navigation li ul.multilevel-linkul-0 li:first-child a:active, #navigation li ul.multilevel-linkul-0 li span.currentbranch1 a{background-image:url(/files/images/services/level-one-nav-hover-state.png) !important;color: #fff; padding-right:5px; width:85%}
#navigation li ul.multilevel-linkul-0 li span.currentbranch1 a{ background-repeat:no-repeat}
#navigation li span.currentbranch0 a, #nav currentbranch0 a{background-color: #1E1E1E; background-image: url(/files/images/services/current-branch-overlay.png) !important}
#navigation li span.currentbranch0 a:hover{ width:95%; background-color: #1E1E1E}

/* NAVIGATION IE7 HACKS */

#navigation li span.currentbranch0 a:hover{*width:80% !important}
#navigation li ul.multilevel-linkul-0 li:first-child a:hover, #navigation li ul.multilevel-linkul-0 li span.currentbranch1 a{*width:78% !important}
#navigation li ul.multilevel-linkul-0 li a:hover{*width:74.7% !important; *padding-right:12px}
#navigation li a:hover{*width:69.9% !important}#navigation li a:active{*background:none}
.department-full-width-module .img-holder{*padding-bottom:1em}

/* NAVIGATION */


#joint-template-improvement #search-toggle{ display: inherit !important}
#nwcrc #search-toggle{ display: inherit !important}

/* RESEARCH GROUPS */

#tabbed-content.content{ width:100%}
#tabbed-content #tabbed-navigation ul{ background:none; padding:0}
#tabbed-content #tabbed-navigation ul li, .profile-categories li{ display: inline; padding:9px 1.15%}
#tabbed-content #tabbed-navigation ul li{line-height: 2.6em;}
#main-content #tabbed-navigation a:link, #main-content .profile-categories a:link{ color:#fff}#main-content #tabbed-navigation a:link{ color:#fff !important}
#main-content #tabbed-navigation a:visited, #main-content .profile-categories a:visited{ color:#fff !important; zoom: 1;filter: alpha(opacity=50); opacity: 0.5}
#main-content #tabbed-navigation a:visited, #main-content .profile-categories a:visited{*zoom:none; *padding:0 !important; *margin:0 !important; *filter:none; *opacity:none; *line-height:1.75em; *position:relative; *top:4px}
#research-group h1, .research-group-categories{display:none}h1.services-hide{ display:block}
#contact-details{ margin-bottom:1.5em}
#contact-details p span{float: left}
#contact-details p span + span{float: right}
#main-content #level-3-tabbed-nav ul#navigation li a:link, #main-content #level-3-tabbed-nav ul#navigation li a:hover{ color:#fff !important; background-image:none !important}
#main-content #level-3-tabbed-nav ul#navigation li span.currentbranch0 a{background-image:none  !important }
#main-content #level-3-tabbed-nav ul#navigation li a:hover{*display:inline !important; *width:auto !important}

/* STAFF PROFILES */

.profile-categories, #research-groups, #research-collaboration, #publications-list, #professional-memberships{ margin-bottom:2em !important}
.profile-categories li{ font-family:Arial !important; font-size:100%}
.profile-categories li.active-category{ background:#fff; padding: 6px 2.2% 9px}#main-content .profile-categories li.active-category a{ color:#666 !important}
.profile-categories li a{ text-decoration:none}
#staff-profile #about img{ float: left}
#staff-details{ float:right; width:70%}
span.see-all, span.hide-pubs{ display:block; margin-bottom:2em}
#staff-profile #about img{ max-width:27%}
#main-content #social-media .academia{ height:24px; width:24px; display:inline-block;position:relative; top:1px !important; background:url("//www.liverpool.ac.uk/files/images/icons/academia-edu.png") no-repeat}
#main-content #social-media .academia span{ display:none}

/* OVERLAY FOR COURSES */

#overlay{background: url("//www.liverpool.ac.uk/files/css/images/black-50.png") repeat scroll 0 0 transparent; cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0;
width: 100%; z-index: 1000}
.course-preview {background-color: #FFFFFF;border: 10px solid #CCCCCC; display: none; left: 50%; margin-left: -300px; max-height: 500px; overflow: auto; padding: 20px; position: fixed; top: 100px; width: 600px !important; z-index: 3000}
.content #window-close {border: medium none !important;cursor: pointer;float: right;margin: 0;padding: 0;position: absolute;right: 0;top: 0}
.content .call-to-action {clear: both; float: left; width: auto}
#main-content a#call-to-action, #main-content a.call-to-action, .course-preview .call-to-action{ margin-bottom:0.45em}

/* SOCIAL CLASS */

aside.sidebar img.social, #main-content .content img.social{ border:none !important; text-shadow:none !important; box-shadow: 0 0 0 0 #fff !important }
.content .hand h4 {cursor: pointer; margin-bottom:1em; padding:0.3em 0.5em 0.25em; color:#fff !important}
.content .hand .hide-section{ margin-bottom:2em}
table.basic-table, table.basic-table td, table.basic-table tr{ border:none; padding:0; margin:0; margin-bottom:1em; background:#fff; text-shadow:none; box-shadow: 0 0 0 0 #fff;}

/* VIDEO */

.video-container{position: relative;float:right}
#standard-homepage-banner div.video-side{ width:31.4285%; float:left; min-height:0 !important}
#standard-homepage-banner div.video-container{width:68.55%; min-height:0}
#standard-homepage-banner div.video-side a, #standard-homepage-banner div.banner-side a{ color:#fff !important}
#standard-homepage-banner div.video-side a:hover, #standard-homepage-banner div.banner-side a:hover{ text-decoration:underline}
/*.video-container iframe, .video-container object, .video-container embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%}*/

/* KEY CONTACTS */

#main-content .vcard.key-contact{ color:#666 !important; margin-bottom:1.5em}
.vcard.key-contact .adr{ margin-bottom:0.85em; clear:both; }.finding-us-module .adr{line-height:1.6em}
.vcard.key-contact .role{ text-transform:uppercase; font-family:Verdana; font-size:11px; color:#031F73}
.vcard.key-contact .fn{ color:#031F73; font-size:128%; margin-bottom:0}
.vcard.key-contact .tel{ margin-right:1em}
.key-contact.action h3{ font-weight:normal; font-size:170%; margin-bottom:0.35em; padding-bottom:0 }
.sidebar.key-contact.action h3{ font-size:12px; font-family:arial; color: #666 !important; line-height: 1.55em; margin-bottom:0.95em}
.sidebar.key-contact.action span{ display:block; font-size:12px; line-height:1.65em}
.sidebar.key-contact.action span.role{ font-size:11px}
.sidebar.finding-us-module h3{ margin-bottom:0.25em}
.sidebar.finding-us-module .adr{ font-size:12px; line-height:1.65em; color: #666 !important; display:inline-block}.sidebar.finding-us-module .adr div{ margin-bottom:0}
#main-content .vcard.key-contact.postgraduate-testimony img{ margin-bottom:0}
.vcard.key-contact.postgraduate-testimony .adr{ display:inline-block}
.vcard.key-contact.postgraduate-testimony .info{ margin-bottom:0}
aside.call-to-action{width: 32.394% !important;}


.noimageborder img{ border:none !important; box-shadow: 0 0 0 0 #fff !important}
.extra-tier .events li span, .extra-tier #other-news h3{opacity: 0.5}
.extra-tier #news-load h2{ width:80%}

/* PARTNERS BRANDING */

#partners-brand{ width:75%; float:right; margin-top:7px; z-index:50; margin-bottom: 1em}
#partners-brand img{ max-width:100% !important}
#partners-brand h2{ float:left; margin:0; padding:0; margin-right:3.5%; width:26%}
#masthead.joint{ height:auto}

/* STUDENTSHIPS */

.pgr-partners-logos img{ border:none !important; box-shadow: 0px 0px 0px 0px #fff !important;}
#pgr-head h1{ margin-bottom:0; padding-bottom:7px; background:none}
#pgr-head hr{ margin-bottom:15px}
#pgr-head ul, #pgr-funding dl ul, #pgr-aside dl ul, .pgr-list dd ul, #pgr-publications dd ul, #pgr-reference-contact dl ul, #pgr-related-information dl ul, #pgr-related-publications dl ul{ list-style-type:none; padding-left:0}
#pgr-head ul, #pgr-funding dl ul, #pgr-reference-contact dl ul, #pgr-related-information dl ul, #pgr-related-publications dl ul{font-size:12px}
#pgr-head p.deadline, .pgr-list dd p, .pgr-list-definition-details p{ font-family:verdana; font-size:11px; text-transform:uppercase}
#pgr-head a.pipe{padding-left:0.35em}
.pgr-list dt{ margin-bottom:0; padding-bottom:0}
.pgr-list dt a{ text-decoration:none; line-height:1.5em}
.pgr-list dd ul li{ display:inline}
.content ul.pgr-list-supervisors{ margin-bottom:7px; list-style-type:none; padding-left:0; margin-left:0; font-size:12px }
aside.sidebar #pgr-partner-img-1 img, aside.sidebar #pgr-partner-img-2 img{ border:none; box-shadow: 0 0 0 0 #fff}
#pgr-studentship.content dl dt{font-size: 135%}
.content #pgr-related-information dl dd h3{ font-family:arial; font-size:14px; margin:12px 0 7px}
.content #pgr-related-information dl dd p{ margin-top:0; margin-bottom:7px} 
.content #pgr-related-information dl dd ul{margin: 0.5em 0 2.2em}
aside#list.sidebar ul {padding-left: 15px; padding-bottom:1em; border-bottom: 1px solid #e5ebf2; }

/* POSTGRADUATE COURSE PAGES */

#course-info-description h2,#course-info-description h3{ color:#fff !important; margin-bottom:0; font-family: "raleway" }
#course-info-description h3{ margin-bottom:0.55em; font-weight:normal; font-size:90%}
p.banner-codes{ color:#fff; font-size:12px; font-family:Arial; margin-bottom:5px !important}
#pg-course #course-info-quote blockquote{ color:#fff !important; border:none !important; background:none !important; padding:0}
#pg-course #banner-quote-nojqery{ background:none}
#pg-course #course-info-quote blockquote p:before{ background:none; width:0; height:0}
#pg-course nav li a:visited, #pg-course nav li a:link, #pg-course nav li a:hover{ color:#fff !important}

/* STAFF PROFILE TESTS */

#staff-profile .content{ padding-right:0; width:80%}
#staff-profile .content h2{background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); text-transform:uppercase; margin-bottom:0.85em; font-size:160%; padding-bottom:0.25em; border:none !important}
#staff-profile .content div h2{text-transform: none; margin-bottom:0.25em; padding-bottom:0; font-size:140%; background:none}
#staff-profile .content div h2 a, #staff-profile .content div#academic-roles h3 a{display: block; background: url("/files/images/staff-profiles/toggle-minus-icon.png") no-repeat top right; text-decoration:none !important}
#staff-profile .content div h2 a.open, #staff-profile .content div#academic-roles h3 a.open{background: url("/files/images/staff-profiles/toggle-icon.png") no-repeat top right;}
#staff-profile .content div, #pgr-studentship section{ background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);  border-bottom:1.2em solid #fff; border-bottom-color:#999\9; border-bottom-width:1px\9; margin-bottom:1em\9}
#staff-profile .content div div{ border:none; background:none}
#staff-profile .content figure.photo{ width:34.1151%; float:left; margin:0 5% 0 0}
#staff-profile aside{width:16%}
#staff-profile aside.sidebar ul{ padding-left:0}
#staff-profile aside.sidebar ul li{margin-right:0.5em; font-size:12px; line-height:1.22em}
#staff-profile aside.sidebar ul li a{ text-decoration:none}#staff-profile aside.sidebar ul li a:hover{ text-decoration: underline}
#pgr-studentship section{ margin-bottom:0; padding-bottom:0.55em; border-bottom: 0.55em solid #fff;}

/* ID CARD */

#staff-profile  #staff-id{height:250px\9; max-height:250px\9}
#staff-profile  #staff-id .information{ width:71.7800%; float:right}
#staff-profile  #staff-id.noimage .information{ width:100%; float:none}
#staff-profile  #staff-id .photo{ float:left; width:24.6020%} 
#staff-profile  #staff-id .photo img{ max-width:100%; max-height:220px\9}
#main-content #staff-profile header#staff-id .photo img{ margin-bottom:1em}
#staff-profile  #staff-id.vcard div.information{ margin-bottom:0}

#name-role .honorific-suffix, #name-role h2 .org, pre, #staff-profile footer{ color:#777; font-family:arial; font-size:14px}
#name-role h2{ font-weight:normal; font-size:22px; margin-bottom:0.65em; padding-bottom:0.5em; background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0)}#name-role h2 .org{ display:block}

#phone-email-web{ float:left; width:70%}
#phone-email-web ul, #quick-contact-reference ul, #social-media ul{ padding-left:0; margin-top:0}#phone-email-web ul li, #quick-contact-reference ul li{ margin-right:2%; display:inline-block; margin-bottom:0.4em}#social-media ul{ margin-bottom:0}
#phone-email-web span.type, #quick-contact-reference span.type{ display:none}
#phone-email-web ul li, #quick-contact-reference ul li{padding-left: 20px}
#phone-email-web ul li.email a, #phone-email-web ul li.url a{ text-decoration:none}
#phone-email-web ul li.email a:hover, #phone-email-web ul li.url a:hover{ text-decoration: underline}
#phone-email-web ul li.tel, #quick-contact-reference ul li.tel{background: url("/files/images/staff-profiles/phone-icon.gif") no-repeat top left}
#phone-email-web ul li.email, #quick-contact-reference ul li.email{background: url("/files/images/staff-profiles/mail-icon.gif") no-repeat top left}
#phone-email-web ul li.url, #quick-contact-reference ul li.url{background: url("/files/images/staff-profiles/link-icon.gif") no-repeat top left}

#staff-profile #communications{ position:relative}
#staff-profile #communications #social-media{ position:absolute; top:0; right:0; width:16.85%}
#main-content #staff-profile  #social-media .ss-icon{ top:0}
#main-content #staff-profile  #social-media ul li a{ margin-right: 0.15em}
#main-content #staff-profile  #social-media ul li:nth-child(3n+3) a{ margin-right:0}
#main-content #staff-profile  #social-media .ss-icon.FACEBOOK{color:#3b5a9b}
#main-content #staff-profile  #social-media .ss-icon.TWITTER{color:#2daae2}
#main-content #staff-profile  #social-media .ss-icon.RSS{color:#fd6804}
#main-content #staff-profile  #social-media .ss-icon.LINKEDIN{color:#0073a4}
#main-content #staff-profile  #social-media .ss-icon.YOUTUBE{color:#ee3e3e}
#main-content #staff-profile  #social-media .ss-icon.GOOGLEPLUS{color:#d61e1e}
#main-content #staff-profile  #social-media .ss-icon.INSTAGRAM{color:#614436}

/* TEMPORARY */

#social-media li a.GOOGLE, #social-media li a.ACADEMIA{ display:none}

#staff-profile #main-content #main-content{ width:100%; padding-top:0}
#staff-profile h1, #events h1{font-weight: normal;color: #031F73;clear: both; text-align:left; font-size: 210%; background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); margin: 0 0 0.35em; padding-bottom: 0.25em; font-family: warnock-pro}

#staff-profile  div#tabs ul.tabs-nav {padding-bottom: 3px; padding-left:2%}
#staff-profile  div#tabs ul.tabs-nav {margin-bottom: 1.5em;padding-bottom: 3px}
#staff-profile  div#tabs ul.tabs-nav li a{color: #fff !important;text-decoration: none}
#staff-profile  div#tabs ul.tabs-nav li a:hover{color: #fff !important;text-decoration: underline}
#staff-profile  div#tabs ul.tabs-nav li{display: inline;margin-right: 0.2%;padding: 6px 10px; position:relative; top:5px; display:inline-block; display:inline\9; top:-3px\9}
#staff-profile  div#tabs ul.tabs-nav li.active {background: #FFFFFF !important; border-bottom:2px solid #fff; color:#666 !important}



pre, summary{ color:#666; border:0; padding-left:0; float:none; word-wrap: normal}
summary{ font-weight:bold}

/* RESEARCH */

#staff-profile .content div#research-grants{ margin-bottom:0}
/*#staff-profile .content div#research-interest-1 br, #staff-profile .content div#research-interest-2 br, #staff-profile .content div#research-interest-3 br, #staff-profile .content div#personal-statement br, #staff-profile .content div#teaching-interest-1 br, #staff-profile .content div#teaching-interest-2 br, #staff-profile .content div#teaching-interest-3 br, #staff-profile .content div#external-engagement-summary br{ line-height:2.55em}*/

/* PUBS */

#staff-profile .content div#selected-publications, #staff-profile .content div.publication-year-list, #staff-profile .content div#academic-roles, #staff-profile .content div#modules, #staff-profile .content div#research-collaboration{ background-image: none;  color:#e5e5e5; padding:04.3801% 04.3801% 1em; margin-bottom:1em} 
#staff-profile .content div.publication-year-list,#staff-profile .content div#academic-roles, #staff-profile .content div#modules{ background: #fff}
#staff-profile .content div#selected-publications ol{ list-style-position:outside; padding-left:0;  list-style-type:none}
#staff-profile .content div#selected-publications ol li{ border-bottom:1px solid #e5e5e5; padding-bottom:1em}
#staff-profile .content div#selected-publications ol li cite, #staff-profile .content div.publication-year-list h3 cite{ font-style:normal; font-size:12px}
#staff-profile .content div#selected-publications ol li cite span.title, #staff-profile .content div.publication-year-list h3 cite span.title{ display:block; margin-bottom:0.25em; font-size:14px}
#staff-profile .content div#selected-publications ol li a{ color:#fff !important; text-decoration:none}#staff-profile .content div#selected-publications ol li a:hover{ text-decoration:underline; color:#fff !important}
#staff-profile .content div#selected-publications h2{ color:#e5e5e5 !important }

#staff-profile .content div.publication-year-list h3, #staff-profile .content div#academic-roles h3{ font-family:Arial; font-size:14px; line-height: 1.45em; margin-bottom:7px; color:#666}
#staff-profile .content div.publication-year-list h3 cite, #staff-profile .content div.publication-year-list h4 cite{ color:#666; font-style:normal}
#staff-profile .content div.publication-year-list .bliblographic-citation{ padding-bottom:0.25em}

#staff-profile .content div.publication-year-list h3 cite a{ color:#4c4c4c}#staff-profile .content div.publication-year-list h3 cite a:hover{ text-decoration:underline}
#staff-profile .content div.publication-year-list .single-publication-block, #staff-profile .content div#academic-roles #editorial-roles{ background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); margin-bottom:1em}
#staff-profile .content div#academic-roles #editorial-roles{ padding-bottom:0.5em}


#staff-profile .content div.publication-year-list h4{ font-family:13px; line-height:1.25em}
#staff-profile .content div.publication-year-list .single-publication-block h3{ color:#666 !important}#staff-profile .content div.publication-year-list .single-publication-block h3 a{ text-decoration:underline}
#staff-profile .content div.publication-year-list .single-publication-block p{ color:#999; padding-top:0.45em; margin-bottom:7px}
#staff-profile .content div.publication-year-list .single-publication-block cite{ color:#666; font-size:12px; margin-bottom:0.25em}

/* ID CARD */

#staff-profile footer{ background:none; text-transform:none}
#staff-profile footer ul{ padding-left:0; list-style-type: none}
#staff-profile #quick-contact-reference{padding-top:17px !important; border-top: none\9; padding-top:0\9}
#staff-profile .content div:last-child{ background:none}
#staff-profile .content div#professional-membership{ background:none}
#staff-profile .content div#academic-roles{ color:#666}
#staff-profile .content div#academic-roles ul{ list-style: none outside; padding-left:0}

/* MODULES */

#staff-profile  #modules .single-module, #research-collaboration-toggle-box .collaboration{background: url("/files/images/services/h1-underline.png") no-repeat center bottom !important; margin-bottom: 1em}
#staff-profile  #modules .single-module h3{ font-family:arial; font-size:14px; margin-bottom: 0.25em;}
#staff-profile  #modules .single-module h4{ display:inline-block}
#staff-profile  #modules .single-module h4:first-child{ margin-right:2.5%}
#staff-profile  #modules .single-module .module-code, #modules .single-module .role, #research-collaboration-toggle-box .collaboration h4{ font-family:arial; font-size:12px; color:#666 !important}
#staff-profile  #research-collaboration-toggle-box .collaboration .project{ line-height:1.85em}

/* COLLABORATION */

#research-collaboration-toggle-box .collaboration{ padding-bottom:0.25em}#research-collaboration-toggle-box .collaboration .vcard{ margin-bottom:0}
#staff-profile .research-information.content div h2{ margin-bottom:0.75em}
#research-collaboration-toggle-box .collaboration h3{ margin-bottom:7px}
#research-collaboration-toggle-box .collaboration h4 span{ margin-bottom:0.25em}
#research-collaboration-toggle-box .collaboration p{ color:#666} 

/* SEMINAR */

.seminar .generic-module .left{ float:none; width:100%}
.seminar .content h4{font-size: 110%}
.seminar .department-full-width-module{ border-bottom: none; margin-bottom:0}
.seminar{border-bottom: 1px solid #a87b26; margin-bottom:1em}
.seminar p.time-date-where{ font-size:120%; font-family:"warnock-pro"; color:#031f73}
#main-content .seminar:last-child{ border-bottom:none}
.no-image .generic-module .img-holder{ display:none}
.no-image .generic-module .module-text {float: none;width: 100%}

/* TOP */

#staff-profile  aside a.top{font-family:arial; font-size:12px; text-transform:uppercase;}#staff-profile  aside li a.top{ line-height:4em}
#staff-profile  #tabs.mobile-tabs{ display:none}
#staff-profile .content figure.photo img{ margin-bottom:1em; margin-bottom:0\9; max-height:173px\9}
#staff-profile .content figure.photo figcaption{ font-family:Arial; font-size:12px; color:#888 !important; border-bottom:none}

/* NORMAL TABS */

.standard #tabbed-content #tabbed-navigation ul li{ font-size:100%}

/* MOTHBALLED WEBSITE */



/* SEARCH DROPDOWN */

#container.search-container{ min-height:0}
#global-and-search.mobile-search{display: block; padding:20px 0; width: 94.85%; margin:0 auto}
#global-and-search.mobile-search form#search{float:none; background:none; margin:0; width: auto; border:none }
#global-and-search.mobile-search #search .search-select{padding: 0; position: inherit; top: auto; width: auto; float:left; width:57.4468%; text-align:right}
#global-and-search.mobile-search #search .search-select input[type="radio"]{ margin-right:7px}
#global-and-search.mobile-search #search.funnelback .search-select label{ width:auto; font-size:14px; padding: 0.25% 0; display:block}
#global-and-search.mobile-search form div.search-field{padding: 7px; width:40.4255%; float:right; background:#fff}
#global-and-search.mobile-search form div.search-field input[type="text"] {border: none;color: #000;width: 98%; padding:2.8%}
#global-and-search.mobile-search form div.search-field input[type="image"] {float: right; border: none; opacity: 0.5}
#global-and-search.mobile-search form div.search-field input[type="image"]:hover{opacity:0.75}
#global-and-search.mobile-search #search.funnelback label {width: 90%; margin:0; display:inline-block; float:none}
#global-and-search.combined-search #search .search-select{padding:1.4% 1.2% 0.9%}
#global-and-search.combined-search #search.funnelback .search-select label input[type="radio"]{ margin-right:4px; position:relative; top:1px}

/* GALLERY WIDGET */

.gallery-widget.content{ padding-right:0; }
.gallery-widget{  margin-bottom:2em !important; width:63.4%}
.js .nav-collapse {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;overflow: hidden;zoom: 1}

.nav-collapse.opened {max-height: 9999px}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}
.thumbs a{height: 120px !important; max-width: 31% !important; width: 31% !important; }
.gallery-widget .thumbs a{border:1px solid #fff; margin-bottom:6px !important; max-width: 14.5% !important; width: 14.5% !important; height:55px !important}
.thumbs{padding-bottom:1em !important; padding-left:1% !important}
.gallery-widget.content h3, #ask-liverpool.ask-liverpool-demo .content h3{color:#fff !important; padding:4% 2.4% 0 ; background:url("/files/images/departments/department-gallery-icon.png") no-repeat top right; font-family:Arial}
.gallery-widget.content p, #ask-liverpool.ask-liverpool-demo .content p{ margin:0 auto 1em; width:95.9%; color:#fff}
.gallery-widget.sidebar h3{padding:7% 5% 2.2%; font-size:14px}
.gallery-widget.sidebar p{ width:90%}
.gallery-widget.sidebar .thumbs{ width:93%; margin:0 auto}
.gallery-widget.sidebar .thumbs a {height: 30px !important}

/* LEVEL 3 TABS */

#main-content #level-3-tabbed-nav #navigation li a:hover{background-color: rgba(0, 0, 0, 0.25) !important;  color:#fff}
#main-content #level-3-tabbed-nav{ border-top:12px solid transparent; border-bottom:12px solid transparent; margin-bottom:1.77em}
#main-content #level-3-tabbed-nav #navigation li a:link, #main-content #level-3-tabbed-nav #navigation li a:visited{background:none; color:#fff !important}
#main-content #level-3-tabbed-nav #navigation li a:hover{background-color: rgba(0, 0, 0, 0.25) !important;  color:#fff}
#main-content #level-3-tabbed-nav ul{ margin:0 0.95em 0}
#main-content #level-3-tabbed-nav, #level-3-tabbed-nav #navigation li a{font-size:12px}
#level-3-tabbed-nav #navigation li a{ padding:7px}
#main-content #level-3-tabbed-nav ul#navigation li span.currentbranch0 a, #level-3-tabbed-nav #navigation.home li.overview a{background-color: rgba(0, 0, 0, 0.50) !important; color:#fff}

#main-content #level-3-tabbed-nav{margin-bottom:0.77em}
#main-content #tabbed-nav-xtra{background: url("//www.liverpool.ac.uk/files/images/departments/4th-tier-bg.png") no-repeat #454343}
#main-content #level-3-tabbed-nav #navigation li a:link, #main-content #level-3-tabbed-nav #navigation li a:visited{background:none; color:rgba(255, 255, 255, 0.75) !important}
#main-content #tabbed-nav-xtra li:first-child{ background:none}
#tabbed-nav-xtra {padding: 0.55em 0.45em 0.35em}
#tabbed-nav-xtra .currentbranch0 a{ text-decoration: underline}

/* BASIC STAFF ID */

#services-staff-profile.id-card.content{ width:100%}


@media (max-width: 1000px){
#global-and-search.mobile-search #search.funnelback label{width: 80%}
#global-and-search.mobile-search form div.search-field input[type="text"]{padding: 4%}

}

@media (max3-width: 880px){
#search .search-select{width:28.4042%}}

@media (max-width: 768px){
#news-load img{ max-width:26% !important}	
#news-load h2{float: right; width: 66.3%}
#other-news{ width:100%; float:none; position: inherit; top:0; padding-top:1em}
#contact span.news,#contact span.email{ display:block}
#partners-brand{ float:right; margin-top:7px}#partners-brand img{ max-width:60%}
#partners-brand h2{margin-right:0 !important}

/* PROFILES */

#staff-id .information, #staff-profile #staff-id .photo, #staff-profile #phone-email-web, #staff-profile #social-media, #staff-profile #staff-id .information { float: none; width:100%}
#staff-id .photo{ margin-bottom:1em}	
#staff-profile  div#tabs ul.tabs-nav { border-bottom: none; padding-left: 0;}
#staff-profile  div#tabs ul.tabs-nav li.active{ border-bottom-color:#737373}
#staff-profile  div#tabs ul.tabs-nav li{ margin-bottom:0.35em}
/*#staff-profile aside.sidebar{ display:none}*/
#staff-profile .content{ float:none; width:100%; padding-right:0}
#staff-profile .sidebar{ float:none; width:100%}
#staff-profile .sidebar ul{ padding-left: 0; margin-bottom:1em}aside.sidebar p a.top{ display:none}
#staff-profile .sidebar ul li{ display: inline-flex; padding-right:2%; margin-bottom:0}.sidebar ul li a{ color:#fff}
#staff-profile .sidebar nav{ position:relative !important; top:auto !important; width:100% !important}
#partners-brand h2{ margin-right: 5%; width:30%}
#partners-brand img{ width:100% !important; max-width:100% !important}

/* VIDEO */

#standard-homepage-banner div.video-side, #standard-homepage-banner div.video-container{ width:100%}
#standard-homepage-banner div.video-container{ float:none}
#standard-homepage-banner div.banner-side, #standard-homepage-banner div.video-side{ min-height:0}
}

@media (max-width: 603px){
.school #toggle{background-image:url("/files/images/responsive-nav/hamburger.png")}
.school #search-toggle{background-image:url("/files/images/responsive-nav/search.png")}
.news div.expander,.news div#news-load, news div#other-news.three-column-module, .standard .generic-promo, .gallery-widget, .gallery-widget.sidebar, #department-full-width .equal-modules .department-full-left, #department-full-width .equal-modules .department-full-right{ width:100%; clear:both}
#other-news{ margin:0 !important}
#news-load img{ max-width:100% !important}	
#news-load h2, .department-full-width-module.finding-us-module .right{float: none;width: 100%}.department-full-width-module.finding-us-module .right{ margin-left:0}
.homepage #responsive-container{ padding-top:1.2em}
.school .standard{ background-image:none}
#search .search-select{width:91.85%; top:29px}
#global-and-search, #top-tier, #site-navigation{ display:none}
#global-and-search.combined-search{ display:block; text-align:left; background:none}
.school #global-and-search.combined-search #search{ border:none !important}
#global-and-search.combined-search #search .search-select{ display:block !important; position:relative; padding:3%; width:100%; top:0}
#global-and-search.combined-search #search.funnelback .search-select label{ float:none; display: inline-block; padding-right:2%; margin:0}
#global-and-search.combined-search #search.funnelback .search-select label input[type="radio"]{ float:none !important; width:auto !important; margin-right:4px; position:relative; top:1px}

#search-toggle{ display:block !important}
input.search-input{ padding:5px}
.school .homepage{ background-image: none !important}
.school .standard #main-content{ padding-top:0}
#masthead{height: auto;min-height: auto}
.school #masthead {background-color:#999}
.responsive #masthead, #masthead, .school #masthead{ margin:0 0 0}
.vcard.key-contact .email,.vcard.key-contact .tel{ display:block; line-height:1.5em} 
#department-central{ margin-bottom:2em}

/* BREADCRUMB */

#mobile-section-navigation{ padding-left:3%; background:#737373; margin-top:1em}
.school #breadcrumb li a{color:#737373 !important}
#breadcrumb li{color:#fff}
#breadcrumb{ padding: 2%}
.school #breadcrumb{ padding: 3% 2% 0 0}
.school #breadcrumb{background-color:#fff}

/* MOBILE NAVIGATION */

#mobile-navigation{ color:#fff !important; background:#fff; display:block; padding-bottom:1em}
#mobile-section-navigation, #mobile-site-navigation, #mobile-faculty-link{ display:block; margin-bottom:1em}
#mobile-site-navigation .multilevel-linkul-0{ display:none}
#mobile-navigation #mobile-section-navigation a, #mobile-navigation #mobile-site-navigation a{ color:#fff !important}
#mobile-navigation #mobile-section-navigation h2 a, #mobile-navigation #mobile-site-navigation h2 a{ text-decoration:underline}
#mobile-section-navigation{background-color:#4c4c4c}
#mobile-site-navigation span.currentbranch0, #mobile-section-navigation span.currentbranch0{background-color: #1E1E1E !important}

/* FACULTY LINK */

#mobile-faculty-link{background-color:#425796; border-color:#031f73; padding: 5px 2%}
#mobile-faculty-link a{ color:#fff; text-decoration:none}
/*#mobile-faculty-link{background-color:#36ab41; border-color:#272; background-image: url(/files/images/services/faculty-link.png), -moz-linear-gradient(top,  #5cbb65,  #36ab41); background-image: url(/files/images/services/faculty-link.png), -webkit-gradient(linear, left top, left bottom, from(#5cbb65), to(#36ab41)); background-position: top right; background-repeat:no-repeat; padding: 0 8px}
#mobile-faculty-link ul{ padding:0; width:80%}#mobile-faculty-link a{ color:#fff; font-size:180%; text-decoration:none}*/

/* -------------------------- HOMEPAGE ------------------ */

/* BANNER */

#standard-homepage-banner div.banner-side, #standard-homepage-banner.mobile-banner-height{ min-height: inherit !important; width:100%}
.school .homepage{ background-image:url(/files/images/schools/default-standard-bg.gif)}


/* MODULES */

.generic-module .left, #department-central, .department-central-module .module-text right, #department-right, #extra-main-content, #extra-tier-central, #extra-left-content, #extra-tier-right, .department-full-width-module.department-video-test-module .left, .department-full-width-module.department-video-test-module .right{ float:none; width:100%}.department-full-width-module .right{ float:none}
.department-full-width-module .right{ margin-left:35%}
.department-central-module .module-text .right, .department-full-width-module.department-video-test-module .right{ margin-left:0}
.department-central-module .img-holder, #department-full-width .content.equal-modules .img-holder{width:30.4347%}
.department-central-module .module-text, #department-full-width .content.equal-modules  .module-text{width:65.2173% }
.department-central-module .module-text p{ margin-bottom:0}



/* NEWS / EVENTS */

/* STAFF PROFILES */

#staff-profile  #tabs.mobile-tabs{ display: block}
#staff-profile .content figure.photo, #staff-profile #communications #social-media{ width:100%; float:none}
#staff-profile #communications #social-media{ position:relative}
#staff-profile #about img, #staff-details{ max-width:100%; float: none}
#main-content .profile-categories a:link, #main-content .profile-categories a:visited{ color:#003A81 !important}
#main-content .profile-categories li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: block;
    font-size: 120%;
    margin-bottom: 4px;
    padding: 0;}
.profile-categories li.active-category{ border:none;}

#main-content #staff-profile #tabbed-navigation a:link{ color:#031F73 !important; text-decoration:underline}#main-content #tabbed-navigation a:visited{ color:#6689b3 !important}
#main-content .content.full a#call-to-action, #main-content .content.full a.call-to-action{ width:100%}

/* RESEARCH GROUP */

.three-column-module{ margin:0 0 1.35em 0}

/* SEMINARS */


.seminar .generic-module .module-text, .seminar .generic-module .img-holder {float: none;width: 100%}
#global-and-search.mobile-search form div.search-field, #global-and-search.mobile-search #search .search-select{float: none;width: 100%}
#global-and-search.mobile-search #search.funnelback label{width: 85%}
#global-and-search.mobile-search form div.search-field input[type="text"] {padding: 2%}
#global-and-search.mobile-search #search .search-select { padding:3% 0 0; text-align:left}

#partners-brand{ margin:0 auto; padding:0; float:none; width:100%; text-align:center}
#partners-brand h2{display: inline-block; float:none}
.gallery-widget.sidebar h3{padding: 4% 2.4%; font-size:135%}
.gallery-widget.sidebar p{width: 95.9%;}
.gallery-widget.sidebar .thumbs{ width: auto; margin:auto}
.gallery-widget.sidebar .thumbs a{height: 55px !important}

.homepage.main-wrapper #responsive-container{ padding-top:0}
#partners-brand{margin-left:0; padding-right:0; text-align:center}
#partners-brand h2{width:20.1506%; margin-right:5% !important}
#partners-brand{padding-top:12px}


}
@media (max-width: 380px){
#global-and-search.mobile-search form div.search-field input[type="text"]{padding: 4% 2%}
#global-and-search.mobile-search {width: 85%}
.thumbs a { height: 103px !important}
#standard-homepage-banner, .video-container, .video-container iframe{ min-height:174px !important}
.video-container{ height:174px !important}
#search .search-select{z-index: auto}
}