@charset "utf-8";
/* CSS Document */


/* +++++++++++++++++++++++++++++++++++++++++++++++++ Header for services departments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.img-no-border-wrap img{ border: none  !important; box-shadow: 0 0 0 0 #fff !important}
#masthead{min-height:67px; *height:67px; height:99px}
#masthead{padding-bottom: 10px;position: relative;margin: 0 auto}
#masthead h1{ position:absolute; top:23px; width:75%}
.ie7 #masthead{margin-bottom: -17px}
#uni-home-link {background: url(//www.liverpool.ac.uk/files/css/images/h1-logo-unbranded.png) no-repeat scroll left top transparent;display: block;float: left;height: 0;overflow: hidden;padding-top: 50px;width: 200px}

#dept-home-link a {background:) no-repeat scroll left top transparent;display: block;height: 0;overflow: hidden;padding-top: 50px;width: 150px}
input.search-input {border: 0 none transparent;float: left;font-size: 14px;padding: 6px 5px;width: 80%}
#search .input {border-right: 6px solid #FFFFFF;border-top: 6px solid #FFFFFF}
#services-global-navigation{ font-family:Arial; font-size:14px; padding:10px 0 10px 15px; margin-bottom:20px; background:#6689b3}
#services-global-navigation ul li{ display: inline; margin:0 15px 0 0;}
#services-global-navigation ul li ul{ display:none}
#services-global-navigation ul li span{ background:#000}
#services-global-navigation ul li a{ color:#fff; text-decoration:none}
#services-global-navigation ul li a:hover{ text-decoration: underline}

#services-global-navigation-test{ font-family:Arial; font-size:14px; margin-bottom:20px; background:#031F73 }
#services-global-navigation-test ul li{ display: block; float:left; }
#services-global-navigation-test ul li ul{ display:none}
#services-global-navigation-test ul li a{ color:#fff; text-decoration:none; line-height:3em; display: block; margin:0 0 0 1em;}
#services-global-navigation-test ul li span.currentbranch0 a{ background:url(//www.liverpool.ac.uk/files/images/services/global-nav-border.png) no-repeat bottom center}

#services-global-navigation-test ul li a:hover{ text-decoration: underline}

.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

header #global-and-search.different{ padding-top:0; position:relative; top:-15px}


#logo{position: absolute;top: 23px; width:200px; height:50px}
#dept-link-holder{position:relative; width:38%; height:38px; border-left:1px solid #A87B26; top:27px; margin-left: 198px;}
#dept-link-holder #dept-link{position:absolute; left:18px; bottom:-5px}
#dept-link-holder #dept-link h2, #dept-link-holder #dept-link b{ font-weight:lighter; text-transform:uppercase; line-height:1.061em; font-size:146%; margin:0; padding:0 }
#dept-link-holder #dept-link h2 a, #dept-link-holder #dept-link b a{ color:#031F73}

#homepage, #standard{ background:#fff}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Icons for services departments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

li.telephone{ background:url(/files/css/images/accommodation/iconset/telephone.gif) no-repeat; padding-left:20px; }
.arc li.telephone{ background:url(/files/css/images/accommodation/iconset/home-telephone.gif) no-repeat 0 4px; line-height:2em}
li.email{ background:url(/files/css/images/accommodation/iconset/email.gif) no-repeat; padding-left:20px}
.arc li.email{ background:url(/files/css/images/accommodation/iconset/home-email.gif) no-repeat 0 5px; line-height:2em}
li.manager{ background:url(/files/css/images/accommodation/iconset/manager.gif) no-repeat; padding-left:20px}
li.location{ background:url(/files/css/images/accommodation/iconset/location.gif) no-repeat; padding-left:20px}
.arc li.location{ background:url(/files/css/images/accommodation/iconset/home-location.gif) no-repeat 0 4px; line-height:2em}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ ID card for services departments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.id-card{ clear:both}
.id-card .image-holder{ width:31.4241%; float:left}
.id-card .image-holder img, aside.sidebar img, section#main-content img{border: 5px solid #fff;-webkit-box-shadow: 1.5px 1.5px 1.5px 1.5px #ccc;-moz-box-shadow: 1.5px 1.5px 1.5px 1.5px #ccc;box-shadow: 1.5px 1.5px 1.5px 1.5px #ccc; max-width:100%}
.id-card .card-holder{ width:62.6346%; float:right; padding-top:5px}
.id-card .card-holder h1, .id-card .card-holder address{ font-size:2em; font-weight:normal; margin-bottom:0.2em; color:#031F73}
.id-card .card-holder address{ font-style:normal; border:1px solid #ccc; padding:0.5em 0; border-left:none; border-right: none;  font-size:1.5em; margin-bottom:0.8em }
.id-card .card-holder p.intro{ font-style:normal; border:1px solid #ccc; padding:0.5em 0; border-left:none; border-right: none;  font-size:1.2em; margin-bottom:0.8em }
.id-card .card-holder ul.staff-contacts{ list-style-type:none; display:inline; padding-left: 0}
.id-card .card-holder li.telephone, .id-card .card-holder li.email, .id-card .card-holder li.location, .id-card .card-holder ul.qualifications li{ display: inline; font-size:14px; margin-right:1.8%; line-height:1.65em; }
.id-card .card-holder li p{ display:inline}
.id-card .card-holder li a{ text-decoration:none}
.id-card .card-holder li a:hover{ text-decoration: underline}
#services-staff-profile.id-card p.role{ font-size:140%; color: #031F73; margin-bottom:0}
#services-staff-profile.id-card ul.qualifications{ display: block; border-bottom: #ccc solid 1px; padding-bottom:1em; margin-top:0.45em; padding-left: 0; word-spacing:0.3em}
.id-card .card-holder .content{ width:100%; margin:1em 0}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Homepage +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#main-content.services-home{ width:100%}
.homepage-height #main-content{ float:none}
.services-modules.content{ width:auto}
.services-modules{ padding:1.8em 0}
.services-modules div{width:31.869%; float:left; margin-right:2.1914%}
.services-modules h2, .services-modules ul{ margin-left:10.56%}
.services-modules.content ul{ font-size:1.25em; padding-bottom:0; margin-bottom:0}
.services-modules ul li{ background: url(/files/css/images/yellow-bullet.png) no-repeat 0 6px; padding-left:25px}
.services-modules ul li a{ text-decoration:none}
.services-modules ul li a:hover{ text-decoration: underline}
.three-column-module, .subhome-group{ color:#666}
#staff-home-module div.role p{ padding-bottom:0; margin-bottom:1em; margin-left:41%; font-family:Verdana; font-size:80%;  line-height: 1.4em;}
#staff-home-module.three-column-module{ width:31.1%}
/*#staff-home-module.three-column-module:nth-child(3n-7){clear:left}*/
#staff-home-module h2{ margin-bottom:0.1em; padding-bottom:0; font-size:130% !important; margin-left:41%}
.expander .read-more{background: url(/files/images/services/read-more.png) no-repeat; font-size:130%; padding-left:1.75em}
#schools-colleges .services-modules.content ul { font-size: 14px; }


	
/* +++++++++++++++++++++++++++++++++++++++++++++++++ News +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul#news-list-sort, ul.event-list, ul#research-group-members{ list-style-type:none; padding:0; margin:0}
ul#news-list-sort li, ul.event-list li, ul#research-group-members li{ border-bottom:1px solid #E5EBF2; padding-top: 0.15em; }
ul#news-list-sort li a, ul.event-list li a, ul#research-group-members li a{ text-decoration:none}
ul#news-list-sort li span, ul.event-list li span, ul#research-group-members li span.email{ float:right}
ul#research-group-members li span.name{*float:left} 

/* +++++++++++++++++++++++++++++++++++++++++++++++++ T4 Tabs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


h1.services-hide{ display:none}

/* flexslider */


.flexslider, .slide, .slides{ height:330px}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider{ position:relative; background:#1E1E1E; color:#fff; font-size:14px}
.flexslider ul, .services-modules ul{ list-style-type:none; padding-left:0; margin-top:0}
.flex-direction-nav, .flex-control-nav{ position:absolute; z-index:20}
.flex-control-nav li{ position:relative\9; top:-15px\9}
.flex-control-nav li{ display:inline; }
.flex-control-nav li a {cursor: pointer;}
.flex-direction-nav li a.next, .flex-direction-nav li a, .flex-control-nav li, .flex-control-nav li a:hover, .flex-control-nav li a.active, .tab{background-image:url("/files/2012-working-demo/nav-sprite.png")}

/* Left Right Navigation */

.flex-direction-nav{ top:53px; width:100%}
.flex-direction-nav li{width:16px; height:25px; display:inline; float:right; position:relative; top:-34px; left:-25px}
.flex-direction-nav li a span, div.tab span{ display:none}
.flex-direction-nav li a{ height:24px; width:15px; display:block}
.flex-direction-nav li a.next{position:relative; left:8px; background-position: 0 -24px}
.flex-control-nav li{ float:left; margin:0 2px 0 0; height: 7px;  width: 7px; background-position:0 -48px}
.flex-control-nav li a:hover, .flex-control-nav li a.active{background-position:0 -55px}

/* Pagination */

.flex-control-nav{ top:50px; right:20px}
.flex-control-nav li a {cursor: pointer;display: block;height:7px;text-indent: -999em; transition:none !important}

/* Arc */
.arc p{ font-family:arial !important; font-size:14px; color:#e1e1e1; line-height:1.35em; margin-bottom: 0.65em;}

/* Slide */

.slide{ background-position:top right; background-repeat:no-repeat; background-color:#1E1E1E}
.arc{padding-bottom:1em; width:auto; position:absolute; bottom:0; width: 300px; background: rgba(0,0,0, .6);background: transparent\7; zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000)";}
@-moz-document url-prefix() {}}

.arc h2, .arc h3, .arc p, .details{font-style:normal; font-weight:300; width:46.4615%; position:relative; left:3.556%}
.arc h2{ font-size:1.6em; color:#fff !important; font-weight:normal; margin: 0.7em 20px 0.25em; line-height:0.95em}
.arc p{margin:0 20px 0.25em;}
.arc a{ color:#92C2CE; text-decoration:none}
.arc a:hover{text-decoration:underline}
.details{ font-family:verdana; font-size:11px; border-top: 1px solid #747c92; margin-top: 2em; padding-top: 1.2em}
.details h3{ left:0;  text-transform:uppercase; padding-bottom:2px; margin-bottom:0.3em; color:#fff}
.details .left{}
.details .left li{ margin-bottom:0.45em}
.details .right{ margin-left:23.4637%}
.arc p.read-more{ font-size:14px}

/* Site specific styles - add these to your style sheet */

#contact-strip{ background:#6689B3; padding:2px 12px 5px; color:#fff; margin:0 0 2em}
#contact-strip #contact{ width:75%; float:right; text-align:right; padding:10px 10px 0}
#contact-strip #contact span.tel{ margin-right:0.5em}
#contact-strip #social{ float:left; padding: 8px 0 0 1.4%; width:25%}
#contact-strip a{ color:#fff; text-decoration:none}
#contact-strip a:hover{ color:#fff}
#contact-strip .ss-icon{ top:0}
.postgraduate-testimony img{ float:left; margin-right:5%; position:relative; top:4px}
.postgraduate-testimony p, .postgraduate-testimony h2, .postgraduate-testimony h3{*width:80%; *float:right; *clear:right}
.postgraduate-testimony h2, .postgraduate-testimony h3{ display:inline; line-height:1.6em; *display:block}.postgraduate-testimony h2{ margin-right:2%;*margin-right:0}
.postgraduate-testimony h3 span.phone, .postgraduate-testimony h2 span.role{ margin-left:0.75em}
#digital-communications .postgraduate-testimony h2, #digital-communications .postgraduate-testimony h3{ display:block; margin-bottom:0; line-height: 1.5em;}
#digital-communications .postgraduate-testimony h2 span.role{font-size: 80%}
#digital-communications .postgraduate-testimony h3{ margin-bottom:0.45em}
.postgraduate-testimony h4{ display:none}

.online-course-banner{ color:#fff; margin-bottom:2em; min-height:262px}
section#main-content.tabbed-area .online-course-banner{ margin-bottom:1em}

.online-course-banner .course-type, .online-course-banner .course-quote{ margin-left:2.8409%; width:19.8863%; float:left; margin-top:20px}
.online-course-banner .course-quote{width:42.7556%; margin-top:10px}
.online-course-banner .course-quote blockquote{ color:#fff; border:none; background:url(//www.liverpool.ac.uk/files/css/images/quote-open-dark.png) no-repeat; padding:30px 0 0 10%}
.online-course-banner .course-quote blockquote p:before{ background:none; content:normal; background:none}
.online-course-banner .course-quote blockquote p{ font-style:italic; font-size:130%; color:#d89717; background:none}
.online-course-banner .course-quote blockquote footer{ background:none; padding:0; line-height:1.5em}
.course-type strong.course-name{ font-size:130%; display: inline-block;}.course-type strong.course-type{ margin-top:0; font-family:Arial; font-size:14px; font-style:normal !important}
.course-type strong.course-name, .course-type strong.course-type{ font-weight:normal; font-style:italic}.course-type strong.course-name{ padding-bottom:0; margin-bottom:2px}

#study-online-enquiry{float: left;padding-right: 30px; width: 67.6%; *padding-right: 0}#study-online-enquiry.right{ float:right; width: 32.394%; padding:inherit }
#study-online-enquiry form{background:#E5EBF2;border: 1px solid #6689B3;padding: 4.5%; *padding:10px}#study-online-enquiry.right form{}
#study-online-enquiry fieldset legend{ font-size:150%}#study-online-enquiry.right fieldset legend{ font-size:135%}#study-online-enquiry fieldset label{ font-size:90%}
#study-online-enquiry.right form input[type="text"], #study-online-enquiry.right fieldset select{ width:100%; color:#444; margin-bottom: 0.75em; padding:0.2em; font-size:90%}
#study-online-enquiry form input[type="text"], #study-online-enquiry fieldset select{ width:100%; color:#444; margin-bottom: 0.85em; padding:4px}
#study-online-enquiry.right fieldset select option{ position:relative; right:100px}
#study-online-enquiry fieldset .submit input{ margin-top: 0.55em; margin-bottom:0}
#study-online-enquiry.right fieldset .submit input{ width:45%}
#study-online-enquiry select, #study-online-enquiry textarea{ width:100%; margin-bottom: 0.75em }


/*Professional Services Two Box Homepage*/
#services-leftbox {width:45%; float:left;}
#services-rightbox {width:45%; float:right;}

/* DROP SHADOWS */ 

#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{box-shadow: 0 1px 1.5px rgba(229, 229, 229, 0.35), 0 1px 1.5px rgba(229, 229, 229, 0.35); padding: 12px 8px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15)}

/* CALLS TO ACTION */ 

#main-content a#call-to-action, #main-content a.call-to-action, #site-navigation a#faculty-link, .course-preview .call-to-action, .sidebar a.call-to-action, .sidebar a#call-to-action{float: left;margin-top: 10px;text-align: center;text-decoration: none !important; width: 100%;font-size:150%}
#main-content a#call-to-action:hover, #main-content a.call-to-action:hover, .course-preview .call-to-action:hover, .sidebar a.call-to-action, .sidebar a#call-to-action{box-shadow: 1.2px 1.2px 1.7px rgba(229, 229, 229, 0.35), 1.2px 1.2px 1.7px rgba(229, 229, 229, 0.35)}.course-preview .call-to-action {padding:0.43em}

#main-content a#call-to-action, #main-content a.call-to-action{ background:}

#main-content header{ margin:inherit; width:auto; position: relative;}
#main-content header hgroup{left: 4%;position: absolute;top: 11%; width:45%}
#main-content header img{ margin-bottom:0}
#main-content header hgroup h1{ color:#fff; font-size:200%; line-height:1em; padding-top:0.25em; font-size:220%}

/*H1 Department Logos*/
#residential-sport #dept-home-link a { background: url(images/h1-logo-residential-sport-commerical.png) top left no-repeat; width: 270px;}
#student-admin-and-support #dept-home-link a {	background: url(images/h1-logo-student-admin-and-support.png) top left no-repeat; width: 420px; }

/* FACULTY LINK */

#site-navigation a#faculty-link{background-color:#425796; border-color:#031f73; border-width: 3px; background-image: url(/files/images/services/faculty-link-nav.png); background-image: url(/files/images/services/faculty-link-nav.png), -moz-linear-gradient(top,  #425796,  #294088); background-image: url(/files/images/services/faculty-link-nav.png), -webkit-gradient(linear, left top, left bottom, from(#425796), to(#294088)); background-position: top right; background-repeat:no-repeat; padding:7px 15% 6px 8px; width:85%; font-size:100%; text-align:left; *width: 151px; color:#fff}
#site-navigation a#faculty-link{*background: url('/files/images/services/faculty-link-nav.png') #425796 top right no-repeat}
#site-navigation a#faculty-link:hover{ color:#9ea9c9 !important}

/* Set news headline size */
#news-load h2 {font-size:140%!important; }

/* STUDY ONLINE */

#study-online #tabbed-content h1{ display:none}
#study-online input[type="checkbox"]{ border:none; background:none; display:inline; width:26px; margin:0 6px 10px 0; float:left}/*{ display:inline; float:left; width:16px; margin-right:5px}*/
#study-online .course-quote blockquote{ margin-bottom:0}
#study-online .study-online-home dt, #study-online .study-online-home dd{float: right; width: 74.3243%; margin:0 0 0 0}
#study-online .study-online-home.focus{background: url('//www.liverpool.ac.uk/files/images/study-online/focus.png') top left no-repeat}
#study-online .study-online-home.pioneers{background: url('//www.liverpool.ac.uk/files/images/study-online/pioneers.png') top left no-repeat}
#study-online .study-online-home.expect{background: url('//www.liverpool.ac.uk/files/images/study-online/expect.png') top left no-repeat}
#study-online .study-online-home.community{background: url('//www.liverpool.ac.uk/files/images/study-online/community.jpg') top left no-repeat}
#study-online section#main-content article.content img{border: none;-webkit-box-shadow: 0 0 0 0 #fff;-moz-box-shadow: 0 0 0 0 #fff;box-shadow: 0 0 0 0 #fff; max-width:100%}
#study-online #uni-home-link.all-blue{background: url(//www.liverpool.ac.uk/files/css/images/h1-logo-unbranded-all-blue.png) no-repeat scroll left top transparent}
/*#study-online #dept-link-holder {border-left: 1px solid #001c54}*/
#study-online #dept-link b a{ text-decoration:none}
#study-online #dept-link b a span.gold, #study-online #dept-link h2 a span.gold{clear:right; display:block}

/* FORM */

#form-layout{ float:left; padding-right:30px; width:67.6%;}
#form-layout form textarea{ border:1px solid #A87B26; width:90%; margin-bottom:1em; background:#F8FAFC}
#online-enquiry form input[type="text"], #online-enquiry form textarea, fieldset input, fieldset select{ width:90%}
#form-layout form input[type="checkbox"]{ width: auto; border:1px solid #A87B26; background:#F8FAFC}
#form-layout form fieldset p, #form-layout form fieldset label{}
#form-layout form fieldset p{}

/* RESEARCH GROUP TABS */

#level-3-tabbed-nav ul{padding-bottom: 0; font-size: 90%; margin: 0 0 20px;}
#level-3-tabbed-nav ul li:first-child{}
#level-3-tabbed-nav ul li{padding: 8px 1% 8px 0; position: relative; top: 1px; margin-right: 0.27%; display: inline;}
#level-3-tabbed-nav #navigation li.overview p{display: inline; margin: 0; padding: 0}
#level-3-tabbed-nav #navigation li a{background-color: #46506d; margin-bottom: 0.66em; background-image: none;color: #fff; display: inline-block; padding-right: 10px; width: auto;}
#level-3-tabbed-nav #navigation li span.currentbranch0 a, #level-3-tabbed-nav #navigation.home li.overview a{background-color: #6689b3} 

/* PGR DEV COLORS */

/* COLOR 1 */

#pgr-development #navigation li:first-child a, #pgr-development #breadcrumb, #pgr-development #navigation li ul.multilevel-linkul-0 li a, #pgr-development #navigation li ul.multilevel-linkul-0 li:first-child a, #pgr-development #navigation li ul.multilevel-linkul-0 li:first-child a:hover, #pgr-development #navigation li ul.multilevel-linkul-0 li:first-child a:active, #pgr-development #main-content a#call-to-action, #pgr-development #main-content .sidebar a.call-to-action, #pgr-development .course-preview .call-to-action, #pgr-development #services-global-navigation-test{background-color:#162347}


/* COLOR 2 */

#pgr-development #navigation li a, #pgr-development #navigation li ul a, #pgr-development #mobile-site-navigation, #pgr-development .search-select, #pgr-development #contact-strip, #pgr-development .mobile-search, #pgr-development #tabbed-content #tabbed-navigation ul li, #pgr-development .profile-categories li, #pg-course nav ul li, #pgr-development #main-content a#call-to-action, #pgr-development #main-content a.call-to-action, #pgr-development div#tabs ul.tabs-nav li, #pgr-development #staff-profile .content div#selected-publications{ background-color:#273f7f}
#pgr-development .new-course-list h2 span, #pgr-development #main-content a:hover, #pgr-development #main-content a:active{color:#273f7f}
#pgr-development .id-card .image-holder img, #pgr-development aside.sidebar img, #pgr-development section#main-content img, #pgr-development #mobile-section-navigation, #pgr-development #mobile-site-navigation,#pgr-development #mobile-faculty-link, #pgr-development #main-content a#call-to-action{border: 5px solid #273f7f}

/* COLOR 3 */

#pgr-development  .color-base-plus-black-50, #navigation li a:hover,  #pgr-development #navigation li a:active, #nav ul, #pgr-development #standard-homepage-banner, #pgr-development #navigation li a:hover{ background-color:#3b5fbf }
#pgr-development #main-content a.call-to-action, #pgr-development .course-preview .call-to-action{border: 5px solid #273f7f}

/* COLOR 3 */

#pgr-development .color-base-plus-black-75, #pgr-development  h1,#pgr-development  h2,#pgr-development  h3,#pgr-development  h4,#pgr-development  blockquote, #pgr-development  figcaption, #pgr-development  pre, #pgr-development .school #dept-link-holder #dept-link h2 a, #pgr-development #main-content a#call-to-action:hover, #pgr-development #main-content a:link, #pgr-development #main-content  div.tabs .active a{ color:#273f7f }
#pgr-development .color-base-plus-black-75, #pgr-development #navigation li ul.multilevel-linkul-0 li span.currentbranch1 a, #pgr-development #navigation li span.currentbranch0 a{background-color:#4f7fff }
#pgr-development #navigation li a, #pgr-development #breadcrumb, #pgr-development #breadcrumb a, #pgr-development #contact-strip #social a , #pgr-development #main-content  div.tabs a{ color:#fff}

/* CLL HACK */

#marketing-and-communications .container, #eddev .container{ height:auto !important}


/*ul.multilevel-linkul-1{ display:none}*/

footer #section-footer .inner{padding:0}
footer #section-footer .inner #study-section-footer, footer #section-footer .inner #ask-liverpool{ padding: 2em 0 0.7em}

/* S13 HOME BANNER */

#standard-homepage-banner{background-position:top right; margin-bottom:2em; background-color: #6689b3}
#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{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}*/

/* 3 MODULE BANNER */

#modules.modules-banner{background-color:#1e1e1e; padding-top:40px; padding-bottom:1.55em; margin-bottom:1.75em}
#modules.modules-banner #home-page-research{text-align:center; color:#fff}
#modules.modules-banner #home-page-research h2, #modules.modules-banner #home-page-research h3, #modules.modules-banner #home-page-research li{ color: #fff; text-align:center}
#modules.modules-banner #home-page-research h2{ position:relative; left:2%; width:98%}
#modules.modules-banner #home-page-research h3{ text-transform:uppercase; color:rgba(255, 255, 255, 0.75); width:93.5%}
#modules.modules-banner #home-page-research li{list-style-type:none;padding-bottom:0}
#modules.modules-banner #home-page-research ul{ list-style-type:none; padding-left:0; width:98% }
#modules.modules-banner #home-page-research li a{ color:#ffdb93; text-decoration:none}
#modules.modules-banner #home-page-research.box-1,  #modules.modules-banner #home-page-research.box-3{ position:relative; top:15px}

/* 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%}

/* HOME MODULE STYLE */


#modules div{ border-bottom:1px solid #a87b26; margin-bottom:1em}
#modules
#modules #home-page-research.three-column-module{ margin-bottom:0}
#modules #home-page-research.three-column-module div{border:none; margin-bottom:0}
#modules #home-page-research.three-column-module h2{ text-transform:uppercase; font-size: 146%}
#modules #home-page-research.three-column-module ul{ padding:0; margin-top:0}
#modules #home-page-research.three-column-module li{ list-style-type:none; padding-bottom:0.55em}
#modules #home-page-research.three-column-module li a{ text-decoration:none}#modules #home-page-research.three-column-module li a:hover{ text-decoration: underline}

#modules.modules-banner #home-page-research li{list-style-type:none;padding-bottom:0}

#marketing-and-communications div#tabs ul#tabs-nav{padding-left:0; border-bottom:none; margin-top:0}
#marketing-and-communications div#tabs ul#tabs-nav li{display:block; margin-bottom:0.75em}
#marketing-and-communications .tabs-group, #lunchtime-seminars header{ float:left; width:31.8181%}
#marketing-and-communications #tabs-wrapper, #lunchtime-seminars #seminar-details{ float:right; width:64.3409%; min-height:510px !important}
#marketing-and-communications #tabs-wrapper ul{ padding-left:0; margin-top:0}#marketing-and-communications #tabs-wrapper ul li{ list-style-type:none; margin-bottom:0.75em; color:#666}
#marketing-and-communications .heading-group h2, #marketing-and-communications #tabs-wrapper h2, #marketing-and-communications #tabs-wrapper h3{ color:#031f73; font-weight:normal; font-size: 170%; font-family: "warnock-pro"}
#marketing-and-communications .heading-group h2{ text-transform:uppercase; font-size:140%}
#marketing-and-communications #tabs-wrapper h3{font-size: 140%; margin-bottom:7px}
#marketing-and-communications #tabs-wrapper ul{ border-bottom:1px solid #6689b3; padding-bottom:1em; margin-bottom:1em}#marketing-and-communications #tabs-wrapper ul:last-child{ border-bottom:none}
#marketing-and-communications div#tabs ul#tabs-nav li{padding:15px 12% 15px 7%; background:url('//www.liverpool.ac.uk/files/images/marketing-communications/tab-arrow-unselected.png') right center; border:none}
#marketing-and-communications div#tabs ul#tabs-nav li a{ color:#666}#marketing-and-communications div#tabs ul#tabs-nav li a:hover, #marketing-and-communications #tabs-wrapper ul li a:hover{ text-decoration:underline}
#marketing-and-communications #tabs-wrapper ul li a{ text-decoration:none; font-weight:bold}
#marketing-and-communications div#tabs ul#tabs-nav li.active{ background:url('//www.liverpool.ac.uk/files/images/marketing-communications/tab-arrow-selected.png') right center; border:none}
#marketing-and-communications div#tabs ul#tabs-nav li.active a{ color:#fff}

#digital-communications .postgraduate-testimony h4{ display: inline; font-size: 135%; margin-left:0.75em}

#lunchtime-seminars{ background:#425796; color:#fff; font-weight:normal; margin-bottom: 1.75em;  }
#lunchtime-seminars h2,#lunchtime-seminars h3,#lunchtime-seminars h4{ font-weight:normal; padding:0; margin:0}#lunchtime-seminars h4{ font-size:12px}
#lunchtime-seminars h3{ margin-bottom:5px}
#lunchtime-seminars h4{ color:rgba(255,255,255,0.75); *color:#fff}
#lunchtime-seminars #seminar-details{ min-height:0 !important}
#lunchtime-seminars header{ width:22%}
#lunchtime-seminars #seminar-details{ width:76%; margin:15px 0; position:relative; top:-2px}
#lunchtime-seminars header h2{padding:0 0 0 12%; margin:15px 0 0; border-right:1px solid rgba(255, 255, 255, 0.50); font-family: "warnock-pro"; text-transform:uppercase}
#lunchtime-seminars h4 span.pipe{color:rgba(255, 255, 255, 0.50); margin:0 1%; position:relative; top:-1px}
#lunchtime-seminars p{ font-size:11px ; font-family:verdana; padding-top:0.75em; text-transform:uppercase}
#lunchtime-seminars p a, #lunchtime-seminars header h2 a{ color:#ffdb93}#lunchtime-seminars header h2 a:hover{ text-decoration:underline}

/* EVENTS */

#staff-profile.event #event-description.content.full{ width:100%; margin-bottom:0}
#staff-profile.event #event-description.content .publication-year-list, #staff-profile.event #event-list.content .publication-year-list{ border-left-width: 0; border-right-width:0; padding-left:0; padding-right:0; color:#666; padding-top: 27px; margin-bottom: 7px;}
#staff-profile.event #event-list.content .publication-year-list{ border-top:none; padding: 17px 0}
#staff-profile.event #event-list.content .publication-year-list h2{ background:none}
#staff-profile.event #name-role h1{ background:none; margin:0; margin-bottom:2px; line-height:1.085em}
#staff-profile.event #name-role h2{margin-bottom: 0.45em; color: #001920}
#staff-profile.event #name-role h2 .org, #staff-profile.event footer, .publication-year-list .org{display: block; padding-top:0}
#staff-profile.event #name-role h2 .org, #staff-profile.event footer span, .publication-year-list .org, #staff-profile.event #name-role h3{ color:#a87b26 !important}
#staff-profile.event #name-role h2 .org span, #staff-profile.event footer span span, .publication-year-list .org span, #staff-profile.event #name-role h3 span{ color:#666 !important}
#staff-profile.event #name-role h2 .org span{ color:#222 !important}
#staff-profile.event #name-role h2 .org .dateline{ font-size:14px}
#staff-profile.event #name-role h3{font-size:12px; font-weight:normal; margin-bottom:0}
#staff-profile.event #phone-email-web ul li, #staff-profile.event #quick-contact-reference ul li{font-size: 12px}
#staff-profile.event .content h2 a{ background:none !important}
#staff-profile.event .vcard div{margin-bottom: 0.255em; color:#666}
#main-content #staff-profile.event .vcard div a:link{color: #003a81}
#staff-profile.event #communications #social-media{top:-17px}
#staff-profile.event footer{ font-size:12px}
#staff-profile.event #event-list.content .publication-year-list h3{background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); padding-bottom:0.55em; margin-bottom:7px}
#staff-profile.event #event-list.content .publication-year-list h4{ font-size:12px}

#staff-profile.event #event-description.content .publication-year-list{ margin-bottom:20px}
#staff-profile.event #event-description.content .publication-year-list{}

/* LEVEL 3 TABS */


/* TOGGLE VIEW */

#toggle-view {list-style:none;padding:0;margin:0}
#toggle-view li {background: url("/files/images/services/h1-underline.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);margin: 0 0 0.65em;padding-bottom: 0.4em, position:relative;cursor:pointer;padding-left:0; margin-bottom:1.45em; position:relative}
#toggle-view li h3{display: block;text-decoration: none; padding: 0 10% 0 0}
#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:1em}
#toggle-view .panel h3{ background:none}
#toggle-view .content.wide{ padding-right:0}
#toggle-view h3 span, #toggle-view div.panel span{ color:#031f73; position:relative}



/* HIDE STICKY MOBILE NAVIGATION */

#mobile-sticky-header{ display:none }

#study-online #logo, #study-online #dept-link-holder{display: block}
#study-online #toggle{background-image: url("/files/images/responsive-nav/hamburger-gold.png")}

@media screen and (max-width: 880px) {
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive Header for services departments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#dept-link-holder #dept-link h2, #dept-link-holder #dept-link b{font-size:116%}
.responsive #search input[type="submit"]{ display:inline}
.details{ padding-bottom:1em}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive Navigation for services departments +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.responsive #site-navigation ul, .responsive #site-navigation #faculty-link {display: block}
.responsive #site-navigation { margin-bottom:0}

.slide{background-size:100%; padding-top: 30%}
.arc p {font-size: 14px;line-height: 1.25em}
.flexslider, .slide, .slides{ height: auto}
.arc p{ font-size:14px}
.arc{ padding-bottom:0; padding-top:50px; position:relative}
.arc h2, .arc h3, .arc p, .details{width:85%}
.arc h2{ font-size:1.6em}
.slide, .arc{ min-height: inherit}
.arc{  width: 100%; padding:0.3em 0 0.8em; background:#1E1E1E}
#main-content.services-home .arc h2{ margin:0 4%}
.details{ padding-bottom:1em}



}
@media screen and (max-width: 780px) {

.online-course-banner{background-image:none !important; min-height:inherit}
.online-course-banner .course-quote{ width:66%}
#study-online .course-quote blockquote{ margin-bottom:1.5em}
}

@media screen and (max-width: 666px) {.search #main-content form#master-search div input[type="text"] {width: 80%;}
}
@media screen and (max-width: 603px) {

.flex-control-nav{ display:none}
#masthead{ margin:15px 0 10px; height:auto; min-height:auto}
	
header #global-and-search{ padding-top:0; position:inherit}	
header #global-and-search.different { top:0}
#container{ width:100%}
#masthead h1{ width:auto}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive Header for  services departments  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#global-and-search{ top:inherit}
input.search-input{padding: 5px 0 0 5px}
#dept-home-link a{ width: auto}

#logo{ position:inherit; top:inherit; margin:0 auto}
#dept-link-holder, #dept-link-holder #dept-link{ width:100%; position:inherit; left: inherit; bottom: inherit ; margin:0; padding:0; border:none; height:auto }
#dept-link-holder{ text-align:center; top: inherit }
#dept-link-holder #dept-link{ margin:0 auto}
#logo, #dept-link-holder{ margin-bottom:0.5em} 

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive Navigation for  services departments  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.responsive #navigation li a{width: 100%;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive Tabs for  services departments  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#tabs ul#tabs-nav{padding-left:0}
div#tabs ul#tabs-nav li{line-height:3em; border-bottom:2px solid #A87B26}
div#tabs ul#tabs-nav{border-bottom: medium none}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive ID card for  services departments  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.id-card .card-holder{ width:63%}
.id-card .card-holder h1{ font-size:2em}
.id-card .card-holder address{ font-size:1.5em}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Responsive homepage modules for  services departments  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

aside{border-top:1px solid #ccc; padding-top:1.5em}

section.services-modules div{width:100%; float:none; margin:0 5% 1em}
.services-modules, .services-modules ul{ padding-bottom: 0}
.services-modules h2, .services-modules ul{ margin-left:0}
.three-column-module{ float: none; margin:0 5%; width:auto}

.sidebar blockquote{border-left: none; padding-left: 0;}
#staff-home-module{ float:none; width:auto}
.postgraduate-testimony h2, .postgraduate-testimony h3{ display:block; line-height:1em}.postgraduate-testimony h2{ margin-right:0}

.online-course-banner{background-image:none !important; margin-bottom:1.4em}
.online-course-banner .course-type, .online-course-banner .course-quote{ width:90%; float:none}
.online-course-banner .course-type{ border-bottom:1px solid #fff; margin-left:7%; width:85%}
.online-course-banner .course-quote blockquote{ padding:20px 0 0 5%}
.course-type strong.course-type{ border:none; display:inline-block; margin:0 0 0.55em 0}

#study-online-enquiry, #study-online-enquiry.right{ float:none; width:100%}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Mobile navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.responsive #masthead, #masthead{ margin:15px 0 10px; height:auto; min-height:auto}

#services-global-navigation-test{ padding:0.5em}
#services-global-navigation-test ul li a{ line-height:2em}
#services-leftbox {width:100%;}
#services-rightbox {width:100%}

/*.responsive #contact-strip #contact, .responsive #contact-strip #social{ float:none; text-align:left; width:100%}
*/#contact-strip #contact span, #contact-strip #social span{margin-left:0; padding-top:5px}
#contact-strip #social{padding: 8px 0 0 0}

#main-content header{ position: inherit; margin-bottom:0}
#main-content header hgroup{left: 0;position: inherit;top: 0}
#main-content header img{ margin-bottom:1em}
#main-content header hgroup h1{ color:#031F73; margin-bottom:0.4em}

/* ONLINE COURSE HEADINGS */

#main-content header hgroup{left: 0;position: ;top: 11%; width:100%}
#main-content header hgroup h1{font-size:150%; margin-bottom:1em}
#study-online-enquiry.right form input[type="text"], #study-online-enquiry.right fieldset select{ font-size:120%}


#level-3-tabbed-nav ul{ border:none}
#level-3-tabbed-nav ul li {left: 0; }
#level-3-tabbed-nav ul li a{padding: 8px 2%; margin-bottom:5px}

.responsive #level-3-tabbed-nav #navigation li a{ width:auto}
#mobile-section-navigation p{ margin-bottom:0}

#marketing-and-communications #tabs-wrapper, #marketing-and-communications .tabs-group{float:none; min-height:0; width:100%}
#marketing-and-communications div#tabs ul#tabs-nav li, #marketing-and-communications div#tabs ul#tabs-nav li.active {padding: 0; padding-left:3%; padding-bottom:10px; background:url('//www.liverpool.ac.uk/files/images/marketing-communications/tab-pointer.png') #e5ebf2 bottom left no-repeat}
#marketing-and-communications div#tabs ul#tabs-nav li.active {background-color:#6689b3}
#digital-communications .postgraduate-testimony h2 span, #digital-communications .postgraduate-testimony h3 span{ display:block}

#lunchtime-seminars #seminar-details, #lunchtime-seminars header{ width:100%; float:none}

/* STICKY MOBILE LINK */

#mobile-sticky-header.color-base-plus-black-50{ background-color:#6689B3 !important}
.standard #mobile-sticky-header.color-base-plus-black-50{ background-color:#a87b26 !important}
#study-home #mobile-sticky-header.color-base-plus-black-50, #study-standard #mobile-sticky-header.color-base-plus-black-50, #course-wrapper #mobile-sticky-header.color-base-plus-black-50{ background-color:#333 !important}
.school #mobile-sticky-header.color-base-plus-black-50{ background-color: inherit !important}
#mobile-sticky-header{ display:block; padding-top:0.77em; margin-bottom:1em  }
.school #mobile-sticky-header{margin-bottom:0.33em  }
.homepage #uni-home-link, .standard #uni-home-link, #mobile-sticky-header #uni-home-link{background-image: url("/files/images/schools/h1-logo-default-mobile.png")}
.school .homepage #uni-home-link, .school .standard #uni-home-link, #study-home #mobile-sticky-header #uni-home-link, #study-standard  #mobile-sticky-header #uni-home-link, #course-wrapper #mobile-sticky-header  #uni-home-link{background-image: url("/files/images/schools/h1-logo-whiteout-mobile.png")}
#mobile-sticky-header #sticky-logo{ margin:0 4.33%}
#mobile-sticky-header #sticky-logo #uni-home-link, #mobile-sticky-header #sticky-logo{ width:27px}
#mobile-sticky-header .sticky-dept-link{ float:left; width:70%; padding-left:4.33%; position:relative; top:2px; line-height: 1.25em;}
#mobile-sticky-header .sticky-dept-link a{ font-size:116%; color:#fff; font-family:"warnock-pro",sans-serif; text-transform:uppercase; text-decoration:none}
#global-and-search.combined-search #search .search-select.color-base, .school .homepage #global-and-search form#search, .school .standard #global-and-search form#search{ background: none !important}
#global-and-search form#search .field-wrap{ background:#fff}
#mobile-sticky-header #toggle{ top:0; right:0; position:relative; margin:0 4.33% 0 0}
#logo, #dept-link-holder{ display:none}
#masthead{ padding-top:0}
#global-and-search form#search{ border:none}
#global-and-search form#search .field-wrap{ border:1px solid #a87b26}
.school #global-and-search form#search .field-wrap{ border-color:#fff}
#global-and-search.combined-search #search.funnelback .search-select label{ color:#666}
.school #global-and-search.combined-search #search.funnelback .search-select label{ color:#fff}
#toggle {background-image: url("/files/images/responsive-nav/hamburger.png")}
#study-home #masthead, #study-standard #masthead, #course-wrapper #masthead{ padding-bottom:15px}
#global-and-search form#search {border:1px solid #A87B26 !important}
#services-global-navigation-test{ display:none}
}

#marketing-and-communications-external  #services-global-navigation-test { display:none}