/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 22 November 2016 04:27:09
*/


/* fix for Arts with scroll down arrow */
#scroll-down { display: none; }

#page-heading {
 /*   width: 990px; */
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
}

#section-nav .sys_container, #section-nav .sys_span12 {
    width: 990px;
    max-width: 100%;
}

#section-nav .sys_container, #section-nav .sys_span12 {
    width: 990px;
    max-width: 100%;
}

#active-breadcrumbs {
    background-color: rgb(245, 245, 245);
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 32px;
    border-bottom: 1px solid rgb(153, 70, 92);
    box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.75);
}

#active-breadcrumbs ul.sys_topbread_alt {
    color: #929292;
    font-family: 'latobold',Arial,sans-serif;
    font-size: 1.1em;
    height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#active-breadcrumbs ul.sys_topbread_alt li {
    background: url("http://arts.brighton.ac.uk/__data/assets/image/0008/184409/active-breadcrumb-menu-link-bg-claret.gif") no-repeat scroll right center #99465C;
    display: block;
    float: left;
    height: 18px;
    padding-bottom: 9px;
    padding-top: 5px;
    position: relative;
}
#active-breadcrumbs ul.sys_topbread_alt li:last-child {
    background: none repeat scroll 0 0 transparent;
    font-color: #929292;
    padding-left: 10px;
}
#active-breadcrumbs ul.sys_topbread_alt li:last-child a{
    color: #929292;
    font-family: 'latobold',Arial,sans-serif;
    font-size: 1.1em;
    list-style-type: none;
}
#active-breadcrumbs ul.sys_topbread_alt li:nth-last-child(2) {
    background: url("http://arts.brighton.ac.uk/__data/assets/image/0018/184410/active-breadcrumb-menu-link-bg-last-claret.gif") no-repeat scroll right center #79122D;  
    display: block;
    float: left;
    height: 18px;
    padding-bottom: 9px;
    padding-top: 5px;
    position: relative;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_topselected {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-close.gif") no-repeat scroll right center #99465C;
}
#active-breadcrumbs ul.sys_topbread_alt li a {
    color: #FFFFFF;
    display: block;
    padding-left: 10px;
    padding-right: 37px;
    text-decoration: none;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_first {
    padding-left: 10px;
}
#active-breadcrumbs ul.sys_topbread_alt li a:hover {
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_last {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-bg-last.gif") no-repeat scroll right center #99465C;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_last.sys_topselected {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-last-close.gif") no-repeat scroll right center #99465C;
}
#active-breadcrumbs ul.sys_topbread|_alt li.sys_last a {
    padding-right: 34px;
}
#header #active-breadcrumbs ul.sys_topbread_alt li.sys_selected {
    background: none repeat scroll 0 0 transparent;
    color: #929292;
    padding-left: 10px;
}
#header #active-breadcrumbs ul.sys_topbread_alt li.sys_selected a {
    border-right: medium none;
    color: #929292;
}

#active-breadcrumbs ul.sys_topbread_alt li {
    background: url("http://arts.brighton.ac.uk/__data/assets/image/0008/184409/active-breadcrumb-menu-link-bg-claret.gif") no-repeat scroll right center #79122D;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_topselected {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-close-claret.gif") no-repeat scroll right center #79122D;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_last {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-bg-last-claret.gif") no-repeat scroll right center #79122D;
}
#active-breadcrumbs ul.sys_topbread_alt li.sys_last.sys_topselected {
    background: url("http://www.brighton.ac.uk/_design/img/active-breadcrumb-menu-link-close-last-claret.gif") no-repeat scroll right center #79122D;
}

#section-nav ul#section-menu li.selected {background-color: #79122D;
}
#section-nav ul#section-menu li.selected a { color: #fff; }



#active-breadcrumbs {
    z-index: 200;
}


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

ul.sys_topbread li { background: none !important; height: auto !important; float: left !important; clear: both !important; }
#active-breadcrumbs ul.sys_topbread li a { color:#333; padding-left: 20px; }

#active-breadcrumbs ul.sys_topbread li a { background: url('/_design/img/go-header-link-bg-13px-down.gif') no-repeat center left; }
#active-breadcrumbs ul.sys_topbread li.sys_topselected a { background: url('/_design/img/go-header-link-bg-13px-close.gif') no-repeat center left; }
#active-breadcrumbs, #active-breadcrumbs ul.sys_topbread { height: auto; }
#active-breadcrumbs ul.sys_topbread li { padding-left: 10px; background: url('/_design/img/section-li-img.gif') no-repeat left center;}
#active-breadcrumbs ul.sys_subnav { position:relative; top:0; left:0; background-color:transparent; z-index: 0; white-space: normal; }
#header #active-breadcrumbs ul { /*float:left;*/ clear:both; }
#header #active-breadcrumbs ul.sys_subnav li { /*float:left;*/ clear: none; min-width:0; padding: 6px 0 4px 0 !important; width: 100%; }
#active-breadcrumbs ul.sys_topbread li a, #header #active-breadcrumbs ul.sys_topbread li.sys_selected {/*float:left;*/}
#header #active-breadcrumbs ul.sys_topbread li.sys_selected { padding-left: 10px; }
#header #active-breadcrumbs ul.sys_topbread li.sys_selected a { padding-left: 0; }
#header #active-breadcrumbs ul.sys_subnav li.sys_selected a { color: #fa706a; background: none; }
#active-breadcrumbs ul.sys_subnav li a { background: none!important; background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 7px !important; padding-left: 0;  }

#header #active-breadcrumbs ul.sys_subnav li.sys_group-header { background: url('/_design/img/mega-menu-header-bg.png') no-repeat right 14px !important; padding-bottom: 5px; width: 100%; margin-bottom: 4px; }
#header #active-breadcrumbs ul.sys_subnav li.sys_group-header a { background: none !important; }

#active-breadcrumbs .sys_scrollbreadcrumb { max-height: none; overflow-y: visible; }

}

@media screen and (max-width:640px) {
    #header #active-breadcrumbs ul.sys_subnav li {clear: both; padding:6px 0;}
}

/* styles for when each top element is docked  */

body.sys_top-nav-fixed #top-nav { background-color: #99465c; } 
body.sys_top-nav-fixed #page-heading { padding-top: 190px; }

body.sys_top-header-fixed #page-heading { background-color: #99465c; padding-top: 0; }
body.sys_top-header-fixed #section-nav { padding-top: 264px; }

body.sys_section-nav-fixed #section-nav { position: fixed; top:88px; left: 50%; margin-left: -50%; background-color: #99465c; width: 100%; padding-top: 0; margin-top: 0; } 
body.sys_section-nav-fixed #page-heading { height: 48px; }
body.sys_section-nav-fixed #page-heading span { line-height: 48px; }
body.sys_section-nav-fixed #section-nav .sys_content { border-bottom: none; }
body.sys_section-nav-fixed #page-body.sys_breadcrumb-padding { padding-top: 40px; }

body.sys_section-nav-fixed #active-breadcrumbs { position: fixed; top: 123px; left:0; margin:0; width: 100%; background-color: #fff; /*z-index: 20; */}
body.sys_section-nav-fixed #active-breadcrumbs { background-color: #f5f5f5;  }
/* end of docked styles */


@media screen and (max-width:980px) {
    .sys_top-header-fixed #active-breadcrumbs {display:none!important;}
}

@media screen and (max-width:640px) {    
    .sys_section-nav-fixed #section-nav {top:71px!important;}
}

@media screen and (max-width:980px) {
    .sys_section-nav-fixed #section-nav .sys_container {padding: 0px 20px 15px; margin-bottom: 10px;} 
    .sys_top-header-fixed #section-nav {display:none!important;} 
}

/* special width adjustments to try to bring the header and footer into Bootstrap but with their own widths */
#section-nav .sys_container, #section-nav  .sys_span12 { width: 990px; max-width: 100%; }

#section-nav .sys_container { height: 34px; background-color: #fff;  position: relative; padding-left: 0; border-bottom: 1px solid #99465c; }
#active-breadcrumbs .sys_container, #active-breadcrumbs .sys_span12 { width: 990px; max-width: 100%; }
.sys_lt-ie9 #section-nav .sys_container, .sys_lt-ie9 #section-nav  .sys_span12 { width: 990px; max-width: 990px; }
.sys_lt-ie9 #active-breadcrumbs .sys_container, .sys_lt-ie9 #active-breadcrumbs .sys_span12 { width: 990px; max-width: 990px; }

@media screen and (max-width:980px) {
    #section-nav .sys_container {background-color:transparent;}
}

@media screen and (max-width:980px) {
    #section-nav .sys_container {border-bottom:0!important;}
}

/* ie7 style fixes */
/* had to turn off background image altogether - link won't take full width in IE */
.sys_lt-ie8 #active-breadcrumbs ul.sys_subnav li a, .sys_lt-ie8 #active-breadcrumbs ul.sys_subnav li.sys_selected a { background: none; }


@media screen and (max-width:980px) {
    #section-nav .sys_container { border: 0; }
    #section-nav { display: none;}
}

/* large quote stripe across page with quote marks image */
#page-body aside.sys_quote { background-color: #af7181; padding-top: 0; }
#page-body aside.sys_quote blockquote { background: url('https://www.brighton.ac.uk/_design/img/quote-mark-white-large.png') no-repeat left 30px; padding: 90px 0 40px 0; color: #fff; font-size: 1.5em; line-height: 1.1em; border: none; margin: 0; }
#page-body aside.sys_quote p { margin-bottom: 0; font-size: 1em; line-height: 1.1em; }
/* large quote stripe across page, same as above, but with quote attribution */
#page-body aside.sys_with-attr blockquote { padding-bottom: 16px; }
#page-body aside p.sys_pullquote-attr { color: #fff; font-size: 1.05em; padding-bottom: 32px; }
/* to mimic key facts box from course page */
.sys_highlight-box { background-color: #919191; color: #fff; padding: 12px 12px; margin-bottom: 0px; }
.sys_highlight-box a { color: #fff; text-decoration: underline; }
#page-body .sys_section-content .sys_highlight-box  p, .sys_section-content .sys_highlight-box li { color: #fff; }
#page-body section .sys_highlight-box h2, #page-body section .sys_highlight-box h3, #page-body section .sys_highlight-box h4 { color:#fff; font-size: 1.2em; border-bottom: 1px solid #C6C6C7; border-top: none; }  

#page-body section .sys_clearing-highlight-box h2, #page-body section .sys_clearing-highlight-box h3 { font-size: 1.6em; line-height: 1.4em; border-bottom: 1px solid #fff; font-family: 'latobold', Arial, sans-serif; }

/* system-generated events listings */
#page-body .sys_theme-simple .sys_tools-control { border-bottom: 0 none; border-top: 0 none; }
#page-body .sys_theme-simple .sys_tools-control div a { color: #6D6E71; }
#page-body .sys_theme-simple .sys_tabsfilter-control { border-bottom: none; }
#page-body .sys_theme-simple .sys_tabsfilter-control ul { font-family: 'latobold', Arial, sans-serif; font-size: 0.9em; }
#page-body .sys_theme-simple .sys_tabsfilter-control ul li { background-color: #B3B3B3; border: none; margin-right: 10px; margin-bottom: 0; }
#page-body .sys_theme-simple .sys_tabsfilter-control ul li a { background: none; padding: 2px 8px; color: #fff; }
#page-body .sys_theme-simple .sys_tabsfilter-control li a:hover, #page-body .sys_theme-simple .sys_tabsfilter-control li a:focus, #page-body .sys_theme-simple .sys_tabsfilter-control li a:active { border: none; margin: 0; }
#page-body .sys_theme-simple .sys_tabsfilter-control ul li.sys_selected { background-color: #F6F5F5; }
#page-body .sys_grey .sys_theme-simple .sys_tabsfilter-control ul li.sys_selected { background-color: #fff; }
#page-body .sys_theme-simple .sys_tabsfilter-control ul li.sys_selected a { border: none; margin: 0; color: #fa706a; }
#page-body .sys_theme-simple .sys_events-control { background-color: #F6F5F5; }
#page-body .sys_grey .sys_theme-simple .sys_events-control { background-color: #fff; }
#page-body .sys_theme-simple .sys_datarepeatercontrol { padding-left: 16px; padding-right: 16px; width: auto; }
#page-body .sys_theme-simple .sys_datarepeatercontrol .sys_subitem { background-color: #F6F5F5; margin-top: 8px; }
#page-body .sys_grey .sys_theme-simple .sys_datarepeatercontrol .sys_subitem { background-color: #fff; margin-top: 8px; }
#page-body .sys_theme-simple .sys_itemslist .sys_subitem .sys_subitem-heading { background: none; margin: 0 14px 10px 14px; font-size: 1.1em; border-bottom: 1px solid #CCCCCC; }
#page-body .sys_theme-simple .sys_itemslist .sys_subitem .sys_subitem-heading a { top: 0; padding: 16px 0 4px; font-weight: normal; }
#page-body .sys_theme-simple .sys_events-control .sys_subitem .sys_events-summary { top: 0; padding-right: 14px; }
#page-body .sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl { margin-bottom: 16px; }
#page-body .sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl dt { color: #6D6E71; }
#page-body .sys_theme-simple .sys_events-control .sys_search-term-text { padding: 16px 16px 0; }
#page-body .sys_theme-simple .sys_events-control .sys_flickrpager .sys_navigation span.sys_navigationnext a, #page-body .sys_theme-simple .sys_events-control .sys_flickrpager .sys_navigation span.sys_navigationprevious a { color: #6D6E71; }
#page-body .sys_theme-simple .sys_search-options .sys_checkbox label { font-weight: normal; }
#page-body .sys_theme-simple .sys_search-options input.sys_button { background-image: none; color: #6D6E71; padding-left: 12px; }
#page-body .sys_theme-simple div.sys_noresults, #page-body .sys_grey .sys_theme-simple div.sys_noresults { border: none; font-size: 1em; padding-bottom: 4px; padding-left: 0; background-color: transparent; }
#page-body .sys_theme-simple .sys_standard-list .sys_itemslist { padding: 8px 0px 0px; }

@media screen and (max-width:480px) {
#page-body .sys_events-search-control, #page-body .sys_events-tabs-control { display: none; }
#page-body .sys_events-control { width: 100%; max-width: 100%; }
#page-body .sys_flickrpager { text-align: left; }
#page-body .sys_theme-simple .sys_flickrpager .sys_paginginfo { float: none; padding-bottom: 8px; }
#page-body .sys_theme-simple .sys_flickrpager .sys_navigationprevious { padding: 2px 7px 2px 0; }
}

/* system-generated news listings */
#page-body .sys_theme-simple .sys_news-control .sys_datarepeatercontrol { padding-left: 0; padding-right: 0; width: auto; }
#page-body .sys_theme-simple .sys_news-control .sys_itemslist div.sys_thumbnail { float: left; margin: 0 8px 0 14px; }
#page-body .sys_theme-simple .sys_news-control .sys_itemslist div.sys_thumbnail a:hover { border: none; margin: 0; }
#page-body .sys_theme-simple .sys_news-control .sys_itemslist .sys_subitem .sys_news-summary { top: -2px; padding-right: 10px; }

#page-body .sys_theme-simple .sys_events-control .sys_itemslist div.sys_thumbnail { margin: 2px 14px 8px 8px; }
#page-body .sys_theme-simple .sys_events-control .sys_itemslist div.sys_thumbnail a:hover { border: none; margin: 0; }

/* smaller text date style for news updates */
.date-text, #page-body section .date-text { font-size: 0.95em; color: #919191; }

/* back to top links for pages with anchor links */
.sys_grey + .sys_back-anchor-div { background: #f6f5f5; }
.sys_back-anchor-div { margin-top: -15px; }
.sys_back-anchor { display: block; height: 29px; width: 29px; position: relative; left: 49%; background: url('/_design/img/prev-heading-grey-on-grey.png') no-repeat left top; }
.sys_grey + .sys_back-anchor-div .sys_back-anchor { background: url('/_design/img/prev-heading-grey-on-white.png') no-repeat left top; }
a.sys_back-anchor { text-decoration: none; }


/* arts area-specific styles */

#banner-and-navs { background-color: #79122d; /*background-image: url('../img/banner-research.jpg');*/ }
#top-nav { background-color: #79122d; }
header h1, #page-heading span { background-color: #79122d; margin-bottom: 34px; }
section h1, section h2 { color: #79122d; }
section h4, section h5, section h6 { color: #79122d; }
section h3 { border: medium none;color: rgb(109, 110, 113); font-size: 1.3em; margin-top:1.5em;}
.sys_signposts h2, .sys_signposts h3, .sys_signposts h4, .sys_signposts h5, .sys_signposts h6, .sys_signposts h2 a, .sys_signposts h3 a, .sys_signposts h4 a, .sys_signposts h5 a, .sys_signposts h6  a, aside[class*="sys_cta"] h2 a, aside[class*="sys_cta"] h3 a, aside[class*="sys_cta"] h4 a, aside[class*="sys_cta"] h5 a, aside[class*="sys_cta"] h6 a, .sys_signposts-linksonly li a { /*color: #79122d;*/ color: #5f5f5f;  }





/*#team-tab { display: block; }*/



#page-body aside.sys_quote { background-color: #b42b4b; } 

#section-nav .sys_container { border-bottom: 1px solid #79122d; }
#section-nav ul#section-menu li a:hover { color: #79122d; }
#section-nav ul#section-menu li.sys_selected { background-color: #79122d; }

#active-breadcrumbs { border-bottom: 1px solid #79122d; }
#active-breadcrumbs ul.sys_topbread li { background: url('/_design/img/active-breadcrumb-menu-link-bg-claret.gif') no-repeat right center #79122d; }
#active-breadcrumbs ul.sys_topbread li.sys_topselected { background: url('/_design/img/active-breadcrumb-menu-link-close-claret.gif') no-repeat right center #79122d; }
#active-breadcrumbs ul.sys_topbread li.sys_last { background: url('/_design/img/active-breadcrumb-menu-link-bg-last-claret.gif') no-repeat right center #79122d;}
#active-breadcrumbs ul.sys_topbread li.sys_last.sys_topselected { background: url('/_design/img/active-breadcrumb-menu-link-close-last-claret.gif') no-repeat right center #79122d;}
#active-breadcrumbs ul.sys_subnav li.sys_selected a { color: #79122d; }


/* styles for when each top element is docked (about us area-specific) */
body.sys_top-nav-fixed #top-nav { background-color: #79122d; } 

body.sys_top-header-fixed #page-heading { background-color: #79122d; }

body.sys_section-nav-fixed #section-nav { background-color: #79122d;  } 


/* Fix for h3 to appear as central site container h2 */

section h3 (
    border: medium none;
    color: rgb(109, 110, 113);
    font-size: 1.3em;
}