@import url('/EasySiteWeb/EasySite/StyleData/16/CSS/legacy.css');
@import url('/EasySiteWeb/EasySite/StyleData/16/CSS/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{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}
#links li {display:inline;margin: 0 0.3em;}
#links a:hover, #links a.current {border-bottom: 2px dotted #ddd;}

#logo {height:auto;vertical-align:middle; margin: 0 0 27px 124px;transition: margin 0.25s,background-color 250ms;background-color:#fb4f14}
#logo: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 27px 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(/EasySiteWeb/EasySite/StyleData/16/Images/burger-light.png) no-repeat left center transparent;}
#burger.burger-close {background: url(/EasySiteWeb/EasySite/StyleData/16/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 {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(/EasySiteWeb/EasySite/StyleData/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;}
	.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;}

}