/* Sprite route */

.flex-direction-nav li a.next, .flex-direction-nav li a, .flex-control-nav li, .flex-control-nav li a.active, .tab, .read-more .button{background-image:url(//www.liverpool.ac.uk/files/2012-working-demo/nav-sprite.png)}.read-more .button{ background-position:right -234px}.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}
body{ font-family:Arial; font-size:0.9em}
h1,h2,h3,p,button{ padding:0; margin:0; font-weight:normal}
a{ text-decoration:none}
address{ font-style: normal; margin-bottom:1em}
footer .news address{ margin-bottom:2.68em}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

/* CSS Document */

/* Fonts */

ul, li{ padding:0; margin:0; list-style-type:none}
.container{ max-width:990px; margin:0 auto }

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Top Tier +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#top-tier, #news-events, footer{ color:#fff; background:#1e1e1e; font-family:Verdana; text-transform:uppercase; font-size:11px; padding:10px 0}
#news-events{ text-transform:none}
#top-tier ul li, #top-level-nav ul li, #legal ul li{ display:inline}
#country-pages, #global-nav, #copyright, #legal{ width:49%}
#country-pages, #copyright{ float:left}
#global-nav, #legal{ float:right; text-align:right}
#global-nav li.a-z{ margin-right:20px}
#top-tier a, #news-events a, footer a, footer .news li a, footer .statement a, nav#copyright a, nav#legal a{color:#ffdb93}
#top-tier ul li.home-link {margin-right: 20px}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

header, #recruitment-research,.flexslider, #top-tier .inner, #news-events .inner, footer .inner{width:94.85%; margin:0 auto; max-width:940px}
header{ position:relative}
h1.mobile-brand{ display:none}
h1.brand{float:left; display:inline; top:21px; position:absolute; width:309px; height:71px; background: url(//www.liverpool.ac.uk/files/css/images/homepage/h1-2012-logo.png)}
h1.brand a{ height:71px; display:block}h1.brand a span.alt{ display:none}
#global-and-search{text-align:right; padding-top:23px}
input.search-input{ float:left; width:80%; border:0px none transparent; padding:5px}
button.search-button{ border:none; height:16px; width:16px; background:url(//www.liverpool.ac.uk/files/2012-working-demo/search-button.gif); opacity:0.6; position:relative; top:4px; left:-7px}
@-moz-document url-prefix() {button.search-button{ top:1px; }}
button.search-button:hover{opacity:1.0}
#global-and-search form#search{ border:1px solid #a87b26; width:23.4042%; float:right; margin-bottom:19px}
#top-level-nav{ text-transform:uppercase; font-size:1.48em; margin-bottom:12px}
#top-level-nav li{ margin-right:1.2%}
#top-level-nav a{color:#031f73}
#top-level-nav li.no-margin-right{ margin-right:0}
#global-nav li.staff-login, #global-nav li.student-login{ background-image:url(//www.liverpool.ac.uk/files/2012-working-demo/padlock.png) !important; background-repeat:no-repeat; background-position:top right; padding-right:17px}.staff-login{ margin-right:6px}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Slider +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.flexslider .slides > li {display: none; *display:block; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider{background:#1e1e1e; color:#fff; height:310px;overflow:hidden}
.flexslider .slides {zoom: 1;}

.flex-direction-nav, .flex-control-nav{ position:absolute}
.slides li div.slide, .slides li div.slide .arc{ min-height:310px}
.slides li div div div{ min-height:auto}


/* Left Right Navigation */

.flex-direction-nav{background: url(//www.liverpool.ac.uk/files/2012-working-demo/bottom-edge.png) bottom no-repeat; bottom:0; width:100%}
.flex-direction-nav li{width:16px; height:25px; display:inline; float:right; position:relative; top:-54px; left:-17px}
.flex-direction-nav li a span, div.tab span{ display:none}
.flex-direction-nav li a{ height:24px; width:15px; display:block}
.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{ bottom:38px; right:11px}
.flex-control-nav li a {cursor: pointer;display: block;height:7px;text-indent: -999em}

/* Slider Text */

.arc{ width:57.340%; background: url(//www.liverpool.ac.uk/files/2012-working-demo/arc-transparency.png) top right}
.arc h2, .arc h3, .arc p, .arc .fixed{font-style:normal; font-weight:300; width:83.673%; position:relative; left:5.3803%; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */;}
.arc h2{font-size:2.4em; line-height:0.96em; opacity:1; filter:alpha(opacity=100); padding-bottom:0.29em;}
.arc h3{ padding-top:30px; text-transform:uppercase; padding-bottom:0.5em; }
.arc p{font-size:1.4em; opacity:1; filter:alpha(opacity=100); color:rgba(255, 255, 255, 0.7); margin-bottom:18px }
.arc a, .recruitment a{ color:#fff; *color:#fd9; text-decoration:none }
.arc a:hover, .recruitment a:hover{ color:#ffc}
.arc .fixed, .arc .fixed h3{opacity:1; filter:alpha(opacity=100)}
.arc .fixed .read-more{ height:36px; float: left}.arc .fixed .read-more h3{ padding:0}

/* Lift Changing World Shaping */

div.tab{background-position: 0 -62px; background-color:#fff; height:172px; width:60px; position:absolute; top:20px; right:0; z-index:100}
div.tab a{height:172px; display:block}

/* Read more */

.slide{background-position: top right}
.slides li div.read-more{ position:relative; left:5.3803%; width:83.673%; min-height:auto !important}
.read-more .button{ width:27.850%; float:left; background-position:right -234px; background-repeat:no-repeat; text-transform:uppercase; text-align:center; padding:10px 0 6px; font-size:1.2em}.read-more div.clearing{ font-size:1em !important; width:37.850% !important; background-color:#bd8b21 !important}
.read-more ul{ margin-left:33.114%}
.read-more ul.clearing{ margin-left:43.114% !important}
footer #direct-edit-link a{color:#1e1e1e}
footer #direct-edit-link a:hover{color:#3e3e3e}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Recruitment and Research +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mobile-links{display:none}
.tel-mobile{display:none}
#recruitment-research{ position:relative}
#recruitment-research form#search, #recruitment-research form#form1{ background:#fff; min-height:29px}
#recruitment-research form#form1 button.search-button{ left:8px }
#course-search h2 a, #course-search .inner a{ color:#fff}
#course-search h2 a:hover, #course-search .inner a:hover{ color:#FFDB93}
#course-search{ background:#3479ce url(//www.liverpool.ac.uk/files/2012-working-demo/course-search-curve.gif) bottom center no-repeat ; width:30.4255%; float:left; color:#fff; position:absolute; top:10px; padding:12px 0; min-height:134px}
#recruitment-research h2{ color:#fff; text-transform:uppercase; font-size:1.25em; font-weight:300; margin-bottom:5px }
#recruitment-research form#search, #recruitment-research form#form1, #course-search h2, .recruitment .inner{width:79.3706%; position:relative; left:10.1398%}
.recruitment{ background:url(//www.liverpool.ac.uk/files/2012-working-demo/course-search.png) repeat-x; margin-top:10px; padding:9px 0}
.recruitment .inner .left{ float:left; width:49%}.recruitment .inner .right{ float:right; width:49%}

/*#recruitment-research #research-information{ margin-left:34.0425%; background:url(https://www.liv.ac.uk/files/2012-working-demo/cut.gif) no-repeat 22.2% 0; padding:21px 0 15px; min-height:107px; color:#031F73}
*/
#recruitment-research #research-information{background:url(//www.liverpool.ac.uk/files/2012-working-demo/cut.gif) no-repeat 22.2% 0; padding:0 0 15px; margin-top:21px; color:#888; float:right; width:65.9574%}
#recruitment-research #research-information .research{ width:22.5806%; float:left}
#recruitment-research #research-information .key-information{ width:61.2903%; float:right}
#recruitment-research #research-information .key-information .left{ float:left; width:36.8421%}
#recruitment-research #research-information .key-information .right{ float:right; width:57.8947%}
#recruitment-research #research-information h2{ color:#031F73}
#recruitment-research #research-information li{ margin-bottom:4px}
#recruitment-research #research-information li a{ color:#1e1e1e}
#recruitment-research #research-information li a:hover, #top-tier a:hover, #news-events a:hover, footer a:hover, footer .news li a:hover, nav#copyright a:hover, nav#legal a:hover{ color:#a87b26}

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

.news{width: 65.895%;float:right; margin-top:20px; position:relative; text-transform: none}
.news h2, .events h2, .statement h2, .statement-wider h2{padding-bottom:12px; font-size:1.65em; text-transform: uppercase}
/*.news div{float:left;width:22.5806%;margin-right:3.2258%; font-size:14px}*/
.news div{float:left;width:22.5806%;margin-right:3.1558%; font-size:14px}
.news div p{ font-family:Verdana; text-transform:uppercase; font-size:75%; margin-bottom:0.5em}	
.news div h3, #three ul li, .events .list h3{ line-height:1.4em; font-size:14px; font-family:Arial}
.news div img{ margin-bottom: 21px; width:auto !important; max-width: 100%}
.no-margin-right{ margin-right:0 !important}
.events, .statement, .statement-wider{width:30.4255%; float:left; position:relative; text-transform:none;margin-top:20px}
.statement-wider{width:48.9361%}
.events h2, .events .list .event{width:79.3706%; position:relative; left:10.1398%; padding-bottom:0.65em}
.events .list .event{ width:82%}
.events .list{background:url(//www.liverpool.ac.uk/files/2012-working-demo/events.png) no-repeat; padding-top:20px}
.events .list h3, .events .list p{ width:64%; float:right; font-size:14px; font-family:arial}
.events .list h3{ padding-bottom:0.4em}
.events .list div.day{ width:30%; float:left; text-transform:uppercase }
.events .list div.day span.number{ font-size:2.2em; float:left; margin-right:0.2em}
.events .list p{ font-size:12px}
.mobile-clear{ display:none}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

footer .inner{ border-top: 1px solid #555; padding: 0.7em 0}
footer .container{ padding-bottom:2em}
footer .statement p{ font-size:1.8em}
footer .news h2{ font-size:1.3em}
footer address{ font-size:100%; font-family:Arial}
footer .news div img {margin-bottom: 17px}
nav#copyright, nav#legal{ padding-top:1em}

/* LINKED FORKED FOR VOD */

.arc a.mobile{ display:none}

#bonds-disclaimer{font-family: arial;
    font-size: 12px;
	color:#aaa;
    line-height: 1.4em;
    padding: 1.33em 0 0;
    text-transform: none;}
	
#bonds-disclaimer p{ margin-bottom:1em}

@media (max-width: 880px){
.flexslider{height: inherit}
#global-and-search form#search{ border:1px solid #a87b26; width:28.4042%; float:right; margin-bottom:19px}
#top-level-nav{ text-transform:uppercase; font-size:1.28em; }
.arc{ width:52.340%}
.arc h2{font-size:2em; line-height:0.94em; padding-bottom:0.17em;}
.arc h3{ padding-top:25px; padding-bottom:0.3em; font-size:91% }
.arc p{font-size:1.25em; margin-bottom:12px }
.read-more{width:100%}
.read-more .button{ width:32%; padding:0 0 8px; background:none; text-align:left; float:none}
.button a{ font-family:Arial; font-size:14px; text-transform:none; color:#FFDB93}
.read-more ul{ margin-left:0; font-family:Verdana; font-size:75%; text-transform:uppercase}
#course-search ul li{ text-transform:none}
.recruitment{ padding:1em 0 0}
#recruitment-research #research-information{ background:none}
#recruitment-research #research-information .key-information{ width:73.1935%;}
#course-search{ background-image:none}
.recruitment .inner .left, .recruitment .inner .right{ float:none}
.recruitment .inner .left li, .recruitment .inner .right li{ margin-bottom:0.5em; display: inline; margin-right:2%}
}

@media (max-width: 768px){.arc a.mobile{ display: block}.arc a.desktop{ display: none}}

@media (max-width: 700px){
.slides li div.slide, .slides li div.slide .arc {min-height: inherit}
.news, .news.three-col{ width:100%}
#recruitment-research #research-information{ width:55.3191%; margin-left:0; float:right}
#course-search{width:40.4255%}
#recruitment-research #research-information .research{ float:none; width:auto; border-bottom:1px solid #A87B26; margin-bottom:0.85em; padding-bottom:0.85em}
#top-level-nav{ padding-top:1.5em; font-size: 1.48em; margin-bottom:6px; text-align:center}
#global-and-search form#search{width: 30%;}
#mobile-links{display: inherit; padding-top:1em}
#recruitment-research #research-information .research li{ display:inline; margin-right: 1.2%;}
#recruitment-research #research-information .key-information{ width:auto; float:none}
.arc{ background:#1e1e1e; width: auto}
.arc h2{ font-size:1.5em}
.slides li div{min-height: inherit}
.arc p, div.tab{ display:none}
.flex-direction-nav{ background:none}
.slide{padding-top:35%;background-size:145%; background-repeat:no-repeat}
.arc h3{ padding-top:0.9em}
.flex-direction-nav{ bottom:12px; right:0; width:auto}
.flex-control-nav{ bottom:50px}
.read-more{ padding-bottom:1em}
.read-more li{ display:inline; margin-right:2%}
.recruitment{ background:none; padding:0}
#course-search{ padding-top:15px; min-height: inherit}
.statement,.statement-wider, .events{ float:none; width:auto; border-top:1px solid #555; padding-top:2em}
.events .list{ background:none; padding-top:0}
.events h2, .events .list .event {position: inherit;width: auto; left:0}
.events .list .event{ float:left; width:48%; padding-bottom:1em}
.events .list h3, .events .list p{ width:74%}
.events .list h3{ padding-bottom:0.5em}
.events .list div.day{ width:20%}
.events .right{ float:right}
.flex-direction-nav{ bottom:auto; top:66px}.flex-control-nav{ display:none}
.arc h2, .arc h3, .arc p, .read-more{width:auto}
footer .news, #news-events .news{ float:none}
.events .list .event{float:none; width:auto}
}

@media (max-width: 450px){
#top-tier{ padding:7px 0}
h1.brand{ display:none}
h1.mobile-brand{ display:block; text-align:center; position:relative; top:12px}
#top-level-nav{padding-top: 0.5em; font-size:1.28em; width:90%; margin:0 auto}
#global-and-search{ padding-top:20px}
#global-and-search form#search{ float:none; width:auto; min-height:29px; width: 91.85%; margin: 0 auto}
.news div, .news.three-col div{ width:44.875%}
#course-search{ width:auto; position: relative; top:0; float:none; width: 91.85%; margin:0 auto; margin-top:1em}
#recruitment-research form#form1{ margin-left:0; left:5.3803%; width:89.3706%;}
#recruitment-research form#search, #course-search h2, .recruitment .inner{left: 5.3803%;}
#recruitment-research{width:auto}
#recruitment-research #research-information{ float:none; margin:0 auto; width:91.85%;}
header, .flexslider, #top-tier .inner, #news-events .inner, footer .inner, #recruitment-research #research-information{width: 91.85%;}
.read-more .button{ padding-bottom:0}
header{ background:#fff; width:auto}
.slide{padding-top:38%;background-size:138%}
.arc{ background:#1e1e1e; width: auto}
.arc h3{ font-size:1.2em}
.read-more{ width:auto}
.read-more ul li{ display: block}
#recruitment-research #research-information .research li{ display:inherit}
#country-pages, #copyright, #global-nav, #legal{float: none; text-align: center}
#country-pages, #global-nav, #copyright, #legal {width: auto}
#global-nav li.a-z{margin-right: 15px}
#country-pages{ padding-bottom:2px}
.news div h3, #three div ul{ margin-bottom:1em}
.mobile-clear{ display:block; clear:both; float:none; margin:0; width:auto}
.news div, .news.three-col div{ width:47%; margin-right:5%}
.news div.mobile-no-margin, .news.three-col div.mobile-no-margin{ margin-right:0}
footer .container{ margin-bottom:0}
.tel-mobile{display: block}
.tel-desktop{ display:none}
}