﻿@import url('legacy.css'); 
@import url('mobile-legacy.css') screen and (max-width: 750px), (max-device-width: 750px); 
 
body{margin:0;padding: 0 !important;background-color:#f5f5f5; color:#000; font-family: Arial; font-size: 16px;word-wrap: break-word;} 
 
    #skip-links { 
        position: absolute; 
        top: -1000px; 
        left: -1000px; 
        height: 1px; 
        width: 1px; 
        text-align: left; 
        overflow: hidden; 
    } 
 
 
#page {line-spacing:1.4em} 
form{display:inline;} 
.box {border:0;margin:0;padding:0;} 
.block {} 
.clear {clear:both;} 
a {color:inherit;text-decoration:none;} 
a img {border:0;} 
.ContentEditor a, .oAssetInlineCode a, .oDataFormElement a, .contentcms a, .sys_placeholder a{text-decoration:underline} 
#content h2 a{color:inherit;text-decoration:none;} 
 
.ctr{text-align:center;} 
.column-box.ctr .column{margin-top: 3.15em} 
.fake-link{cursor:pointer} 
 
.column-box{float:left;} 
.column {margin:5px 0;} 
.column h3 {} 
#footer .column-box{width:20%} 
#footer .column-box:nth-child(n+4)  .column{padding-left:35px} 
 
.highlight,.hilight {color:#fb4f14;font-weight:normal;} 
 
#header-box {z-index:9002;display:block;width:100%;background-color:#fff;position:fixed;top: 0;height:80px; overflow:hidden; 
-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); 
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);} 
 
#header-box.editing{position:absolute;z-index:auto} 
div#header{padding:10px 20px 5px;width:auto!important;} 
 
#links {display:inline;margin:0 0 0 97px;position: relative;top:7px;} 
#links li {display:inline;margin: 0 0.3em;} 
#links a:hover, #links a.current {border-bottom: 2px dotted #ddd;} 
 
.logo-link img {height:auto;vertical-align:middle; margin: 0 0 0 124px;transition: margin 0.25s,background-color 250ms;background-color:#fb4f14} 
.logo-link img:hover { background-color: #a33f1f;} 
 
.sep {color:#AEB4AB;} 
 
#header .tools {float:right;margin-top: 20px;} 
 
 
#search-q {width:257px;border:1px solid #999;padding:0.3em; transition: width 0.25s;} 
#search-btn { vertical-align: middle; margin: 0 1.5em 0 0.5em;} 
 
@media screen and (max-width: 1700px) 
{ 
	#logo{margin:0 0 0 0} 
    #links {margin-left:0} 
    #search-q {width:225px;} 
 
} 
 
@media screen and (max-width: 1400px) 
{ 
    #links li.squeeze-01 {display:none;} 
    #search-q {width:150px;} 
} 
 
@media screen and (max-width: 1200px) 
{ 
    #links li.squeeze-02 {display:none;} 
    #header{} 
} 
 
#burger {padding:25px;min-height:30px;color:#AEB4AB} 
#burger.burger-open {background: url(../Images/burger-light.png) no-repeat left center transparent;} 
#burger.burger-close {background: url(../Images/x-light.png) no-repeat left center transparent;} 
#burger-menu-box { position:fixed; left:0;right:0;top:81px; width:100%;min-height:100%; margin:0; padding:0;display:none; z-index:9001; background-color:#fff;} 
#burger-menu {margin:0 auto;font-size:0.8rem; max-width:1010px} 
 
ul.burger-top {padding:0;margin:0.5em} 
ul.burger-top li {list-style-type:none;float:left; width:172px;padding:0.25em 1.5em 0 0} 
ul.burger-top .head {font-weight:bold;border-bottom:1px solid #888;display:block;font-size:1em;padding-bottom:0.75em} 
ul.burger-sub {padding:0;min-height:300px} 
ul.burger-sub li {padding:0.75em 0 0 0} 
 
#page-box {min-height:250px;background-color:#fff;width:1030px;margin:0 auto;} 
#page{ padding:88px 20px 0; } 
 
.with-sidebar #breadcrumb-box, .with-sidebar #content-box {float:right;clear:right;width:786px} 
#breadcrumb{margin-top:0.5em} 
 
#breadcrumb {color:#888;font-size: 0.85em;} 
.BCTDelimiter::after { content: ">";} 
.breadcrumb-1 .BCTDelimiter::after { content: "";} 
 
#breadcrumb, #content {margin:0 10px;} 
 
 
h1 {font-size:2.5em;color: #a33f1f;} 
h2 {color:#fb4f14;} 
 
h1, h2, h3, h4 { 
    margin: 2px 0 1rem; 
    padding: 0; 
    font-weight:normal; 
    text-decoration:none; 
} 
 
#content .oBoxList { 
    font-size: 13px; 
} 
 
#footer-box {clear:both;display:block;width:100%;background-color:#fff;} 
#footer{ width:970px; margin:0 auto;padding:1.5em 0; xfont-size: 0.75em;} 
#footer h3 {color: #000;font-weight:bold;} 
#footer ul {padding:0;} 
#footer li {list-style-type:none;list-style-image:none;padding:0.25em 0;margin: 0;} 
 
#social-bar { height:38px; overflow:hidden; margin:0 auto; text-align:center; background-color:#fb4f14;width:100%;min-width: 990px;;transition:height 0.5s} 
#social-bar img {margin:6px 9px 0;vertical-align:center;width:auto;height:25px;transition:height 0.5s} 
 
/* flex box asset panel */ 
.panel-epsilon .panel-content-inner {display:flex;flex-wrap:wrap} 
.panel-epsilon .panel-content-inner div{min-width:8%;flex:1 0 auto;margin:1rem;} 
 
/* >> study 2016-10-25 */ 
.panel-eta .oAssetInline 
{ 
	width:25%; 
	margin:0;padding:0; 
	float:left; clear:none; 
} 
 
.panel-eta .oAssetInline .clear{ width:auto!important} 
.panel-eta .oAssetInline .caption 
{ margin:0.5em;text-align:center; background-color:inherit!important; color:inherit} 
 
.panel-zeta {margin-bottom:1em;} 
 
#content .panel-zeta h1 { 
	color:#fff; 
	margin:0;padding:0.5em;font-size: 30px; 
    font-weight: lighter;} 
 
.panel-zeta .element-columns-alpha-outer {background-color:#4E4F53;color:#fff} 
 
 .panel-zeta .panel-content-inner>div:last-child:not(#contentcms):not(.oAssetInline) {background-color:#ededed; padding: 0 1rem;} 
 .panel-zeta .panel-content-inner>div:last-child p {margin:0;padding:1em;} 
 
 .panel-zeta .element-column-left-alpha-inner {position:relative; height: 351px;} 
 .panel-zeta .element-column-left-alpha-inner  .oAssetInline {position:absolute;top:0;left:0} 
 .panel-zeta .element-column-left-alpha-inner  .ContentEditor 
 {position:absolute;top:0;left:0;color:#fff;padding: 3.25em 1em 1em;font-size: 1.5rem; 
 background: transparent url('../Images/quote-open.png') 1em 1.5em no-repeat; width:50%; 
 } 
 
 .bold{font-weight:bold;} 
  .panel-zeta .element-column-right-alpha-inner div {margin: 0 0;} 
 .apply-via-ucas, .ask-a-question, .entry-reqs {padding:1em;font-size:1.1rem} 
 .apply-via-ucas {background: #5E5F64 url('../../../../../../static.aston.ac.uk/assets/study/apply.png') 1rem center no-repeat;padding-left:3.5rem;} 
 .ask-a-question {background: #55585D url('../../../../../../static.aston.ac.uk/assets/study/ask.png') 1rem center no-repeat;padding-left:3.5rem} 
.panel-zeta .more{padding:0 0 0 1em;} 
 
 .panel-zeta .element-column-left-alpha-inner  .ContentEditor p 
 { line-height: 1.1em !important; } 
 
 .asbo .oAssetInlineCaption{text-align:left!important;} 
 
@media screen and (max-width: 750px), (max-device-width: 750px) /* mobile/small window*/ 
{ 
	.panel-eta .oAssetInline 
	{ 
	width:50%; 
	} 
 
 .panel-zeta .element-column-left-alpha-inner {height: auto;} 
 
.panel-zeta .element-column-left-alpha-inner  .oAssetInline {position:relative;margin-left:-50%;width:150%} 
 .panel-zeta .element-column-left-alpha-inner  .ContentEditor {position:relative;width:auto;background: transparent url('../Images/quote-open.png') 1em 0 no-repeat;padding:2em 1em 0} 
 
 
	.panel-zeta .element-column-left-alpha-outer,.panel-zeta .element-column-right-alpha-outer 
	{ 
		min-width:350px;float:none!important;width:100%!important;clear:both!important;height:auto!important;display:block!important; 
	} 
} 
 
/* << study */ 
 
 
/* scrollers and listers */ 
.oHeadlineBoxStyleNu .scroller {height:364px;width:100%;margin:0} 
 
.scroller-controls {display:block;width:100%;height:2em;text-align: center;} 
#liSelector {display:inline-block;margin:0 auto;padding:0} 
#liSelector li { height: 0.75rem; width: 0.75rem;background-size: contain;background-repeat:no-repeat;background-position: center;border-radius: 50%;display:inline-block;} 
 
/* hero/video stuff */ 
#content section.HeadingHeroVideo  {clear:both;position:relative;overflow:hidden;background-clip:content-box; background-size: cover;margin-bottom:1em} 
#content section.HeadingHeroVideo h1 {padding:0;margin:0;position:absolute;color:#fff;    font-size: 4rem;    font-weight: bold;    text-shadow: 3px 3px #444;width:100%} 
 
.HeadingHeroVideo  .content {display:flex;} 
.HeadingHeroVideo video {width:100%!important;height:auto!important;} 
 
 
/* landing stuff */ 
 
	/*tabs*/ 
	.landing .tabbed-zone-pi .tabs-body-outer {border:4px solid #e9e9e9;} 
	.landing .tabbed-zone-pi .tabs-menu-inner {margin-bottom:-4px;} 
	.landing .tabbed-zone-pi .tabs-menu-outer ul li {} 
	.landing .tabbed-zone-pi .tabs-menu-outer ul li a:link, .tabbed-zone-delta .tabs-menu-outer ul li a:visited {height:auto;min-height:0;margin:0;border:4px solid #e9e9e9;border-bottom:0px;background-color:#e9e9e9; font-size: 18px; line-height: 0.75em;padding:8px 16px} 
	.landing .tabbed-zone-pi .tabs-menu-outer ul li.tab-selected a:link, .tabbed-zone-pi .tabs-menu-outer ul li.tab-selected a:visited 
	{background-color:#fff;border:4px solid #e9e9e9;border-bottom:0px;height:auto;min-height:0;} 
	.landing  .hide{display:none;} 
	.landing .tabbed-zone-pi .oTabbedPanels .oBoxList{list-style-image:url(../../HomepageMMXI/Images/News/grey-triangle-bullet.gif)} 
	.landing .tabbed-zone-pi .oTabbedPanels .oBoxItemImage {margin-right:8px;} 
	.landing .tabbed-zone-pi .tabs-menu-outer ul li  a:link, .tabbed-zone-pi .tabs-menu-outer ul li a:visited, 
	.landing .tabbed-zone-pi .tabs-menu-outer ul li.tab-selected a:link, .tabbed-zone-pi .tabs-menu-outer ul li.tab-selected a:visited {height: auto;background-image: none;color:#364048} 
 
	.landing .tabbed-zone-pi .oBoxList:after{content:".";display:block;clear:both;height:0;} 
	.landing .tabbed-zone-pi .oPageListerShowImages .oBoxItemImage {position:relative;float:left;margin:0 1em 0 0;} 
	.landing .tabbed-zone-pi .oBoxList a{text-decoration:none; font-weight:bold;color:#444;} 
	.landing .tabbed-zone-pi .oBoxList {color:#666;} 
	.landing .tabbed-zone-pi ul.oBoxList  {padding: 0 0 0 20px;margin: 0;} 
	.landing .tabbed-zone-pi .oBoxList li{list-style-type:none;padding-bottom:0.5em;} 
 
	 .landing .tabbed-zone-pi .oHeadlineBoxStyleDelta .oBoxList a{font-size:25px; display:block; text-align: left;margin-bottom:1em;} 
	 .landing .tabbed-zone-pi .oHeadlineBoxStyleDelta .oBoxList .oBoxItemSummary{font-size:19px; display:block; text-align: right;} 
 
/* tabs */ 
div.oHeadlineBoxStyleOmicron {border:0;} 
 
/* << cms 6 styling */ 
 
.in-news li.oBoxItem {overflow:hidden;} 
.in-aston-in-the-news li.oBoxItem{margin-bottom: 2.5rem} 
.oHeadlineBoxStyle2 .oBoxLink {text-decoration: none;} 
 
.QuotesAbove, .QuotesLeft { 
    background: #fff url("../Images/quote.png") no-repeat scroll left 6px; 
} 
 
.tab-header-outer {height:auto;} 
.tab-header-inner ul li {padding:10px 0;} 
.tab-header-inner ul li.header { 
    border-top: 2px solid #dddddd; 
    margin-left: 0; 
} 
.tab-header-inner ul li.expander {width:30px;right:20px;background-repeat: no-repeat;} 
#content .oAccordionPanels h2 { 
    font-size: 1rem; 
    font-weight: bold; 
	display: inline; 
	padding-right: 50px; 
} 
 
/* 2017-02-06 CAE */ 
.in-expert-directory .oDataFormLabel {color:#a33f1f;font-size:1.5rem} 
.in-expert-directory h1 {float:left;width: 48%;} 
.in-expert-directory h1 + div {float:right!important;clear:right!important} 
.in-expert-directory div.oDataFormElement {margin-bottom:1rem;} 
.in-expert-directory .entry-inner > div:nth-child(-n+5) {width:48%;float:left;clear:left} 
.in-expert-directory .entry-inner div:nth-child(6){width:48%;float:right;clear:right;} 
.in-expert-directory .oDataFormButtonContainer{clear:both;} 
.in-expert-directory .oDataFormAnswer, 
.in-expert-directory .oDataFormAnswerText, 
.in-expert-directory .oDataFormQuestion	{width:auto;float:none;} 
 
/* forums */ 
.oForumsListItemTitle a {font-size: 1.1rem;text-decoration:underline;} 
.topic-info p, .this-post-info p {margin-bottom:0.25rem;} 
.this-post-info .this-posted {font-style:italic;} 
 
.oForumTopicTitle{font-size:1.25rem;} 
.oForumMainTopicPanel {margin:0.5rem 0.5rem 1rem;padding:0.5rem;border:1px solid #888;} 
.oForumPostHeaderOuter {margin-bottom:0.75rem;font-size:0.9rem;color:#666} 
 
/* cms 6 styling >> */ 
 
 
@media screen and (max-width: 750px), (max-device-width: 750px) /* mobile/small window*/ 
{ 
	body {} 
	#links li.squeeze-03 {display:none;} 
   #search-q {display:none;} 
 
   #header-box,#header{} 
 
   #burger-menu-box { position:absolute;} 
 
	#page-box {margin:0;width:100%!important} 
	#page {padding: 88px 0 0 0;margin:0 1em} 
	.with-sidebar #breadcrumb-box, .with-sidebar #content-box {float:none;clear:both;display:block;width:100%} 
 
	#content .asset  img {width:100%!important;height: auto!important;} 
 
	#social-bar {min-width:100%;} 
 
	#footer {width: 100% !important;} 
 
	#footer .column-box.ctr {display:none;} 
	#footer .column-box{width:25%;} 
	#footer .column {padding-left:0!important;} 
 
	#social-bar { height:50px; } 
	#social-bar img {margin:12px 9px 0} 
 
	/* tabs */ 
	div.oHeadlineBoxStyleOmicron ul {min-width:590px} 
} 
 
@media screen and (max-width: 555px) /* alt browser header */ 
{ 
	.promo, .highlight{display:none;} 
	#links, #burger{padding:0; color:transparent;} 
} 
 
@media screen and (max-width: 420px),(max-device-width: 750px) /* mobile */ 
{ 
 
	#header,#breadcrumb,#menu,#footer {width:auto!important} 
	#header {padding:5px;} 
	#header-box {height:55px;} 
	#logo{max-width:100px;margin:0 5px 0 0;vertical-align:baseline} 
	#links , #links  li {margin:0;padding:0} 
	/*.highlight{display:inline;margin:0 0.5em!important;}*/ 
	#burger {padding:0;color:transparent;} 
	#search-btn { margin: 0;} 
	#header .tools {margin:0;xfloat:none} 
	#header img {max-height:45px!important;width:auto;} 
	.highlight{margin: 0 5px;} 
	#page-box {width:auto;} 
	#page {margin:0; padding:65px 0 0 0} 
	#content {} 
	#burger-menu {font-size:3rem;} 
 
	.in-news li.oBoxItem {max-height:250px;} 
 
	#burger-menu-box{} 
	#burger-menu {font-size:1em;margin:0 auto 600px; } 
	ul.burger-top li {padding-top:1em;width:200px;} 
	ul.burger-sub {min-height:auto} 
 
	#content .oAccordionPanels h2 {} 
 
	#footer .column-box{width:50%;} 
	#footer .column-box:nth-child(4){clear:left;} 
	.column-box:last-child{clear:none!important;float:right;} 
	li.sqz-04 {display:none!important;} 
 
} 
 
a.sys_0
{
	text-decoration: underline;
}