/*------------------------------------*\
    @FONTS
\*------------------------------------*/
/* #BMD Tracking code not needed if using asynchronous implementation (uncomment to use on non-Ektron platform) */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=6bd72b9c-5470-40e9-8680-a372fa592e40");

This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src: url("//www.brookes.ac.uk/sandbox/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot");
    src: url("//www.brookes.ac.uk/sandbox/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("embedded-opentype"),
         url("//www.brookes.ac.uk/sandbox/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),
         url("//www.brookes.ac.uk/sandbox/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),
         url("//www.brookes.ac.uk/sandbox/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face {
    font-family: "HelveticaNeueW01-65Medi";
    src: url("//www.brookes.ac.uk/sandbox/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot");
    src: url("//www.brookes.ac.uk/sandbox/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("embedded-opentype"), 
         url("//www.brookes.ac.uk/sandbox/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),
         url("//www.brookes.ac.uk/sandbox/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),
         url("//www.brookes.ac.uk/sandbox/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}
@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("//www.brookes.ac.uk/sandbox/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot");
    src: url("//www.brookes.ac.uk/sandbox/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("embedded-opentype"),
         url("//www.brookes.ac.uk/sandbox/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),
         url("//www.brookes.ac.uk/sandbox/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),
         url("//www.brookes.ac.uk/sandbox/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
@font-face {
    font-family: "HelveticaNeueW01-95Blac";
    src: url("//www.brookes.ac.uk/sandbox/fonts/b26ccb58-f2e3-47aa-a83a-02861bf54862.eot");
    src: url("//www.brookes.ac.uk/sandbox/fonts/b26ccb58-f2e3-47aa-a83a-02861bf54862.eot?#iefix") format("embedded-opentype"),
         url("//www.brookes.ac.uk/sandbox/fonts/74649485-cd74-443e-9d54-331ccd448900.woff") format("woff"),
         url("//www.brookes.ac.uk/sandbox/fonts/feb77f4f-9e6b-4f88-909a-66199fd402ed.ttf") format("truetype"),
         url("//www.brookes.ac.uk/sandbox/fonts/2e490192-e531-4236-9c55-90daaad4a34e.svg#2e490192-e531-4236-9c55-90daaad4a34e") format("svg");
}
@font-face {
    font-family: 'permanent_markerregular';
    src: url('//www.brookes.ac.uk/sandbox/fonts/permanentmarker-webfont.eot');
    src: url('//www.brookes.ac.uk/sandbox/fonts/permanentmarker-webfont.eot?#iefix') format('embedded-opentype'),
         url('//www.brookes.ac.uk/sandbox/fonts/permanentmarker-webfont.woff') format('woff'),
         url('//www.brookes.ac.uk/sandbox/fonts/permanentmarker-webfont.ttf') format('truetype'),
         url('//www.brookes.ac.uk/sandbox/fonts/permanentmarker-webfont.svg#permanent_markerregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@charset "utf-8";
/* CSS Document */

/* Interim Style */
body { padding: 0; }
#header { box-shadow: none; }
#header-wrapper { background-color: #fff; }
.container { padding-left: 0; padding-right: 0; }
#menu { background-color: #424a52; }
#search-button, .search-button, #search-box input[type="submit"] {
    background: #424a52 url("//www.brookes.ac.uk/frontendresources/img/search_submit.png") no-repeat scroll 50% 0;
}
.search-button:hover, .search-button:focus, #search-box input[type="submit"]:hover, #search-box input[type="submit"]:focus, #search-button:hover, #search-button:focus {
    background: #d10373 url("//www.brookes.ac.uk/frontendresources/img/search_submit.png") no-repeat scroll 50% -32px;
}
#header h1 { background-image: none; }
#header h1 a {
    background-image: url("//www.brookes.ac.uk/FrontendResources/img/logo-print.png");
}
#header h2 {
    background-image: none;
}
#header h2 a {
    background-image: url("//www.brookes.ac.uk/FrontendResources/img/150-logo-large-charcoal.png");
    height: 86px;
    width: 135px;
    margin-top: 16.5px;	
}
/* End Interim Style */

ul.tabs li {
    font-size: 1.4rem;
}
.rslides_nav { top: 92%; }
.rslides_nav.next { right: 2%; }

.hidden { display: none; }
.unhidden { display: block; }
.clear {
    clear: both;
    height: 0;
}
.clear10 {
    clear: both;
    height: 1rem;
}
.video-wrapper iframe { height: 315px; }
.twitter-panel iframe,
.alumni-twitter-panel iframe { 
	height: 410px; 
}
#main {
	margin-bottom: 1rem;
}
.related-links h1 em {
	text-transform:none;
}
.contact-us h3, 
.related-links h3 {
	font-weight: bold;
    margin: 1rem 0 0;
}
.twitter-alumni {
    background: url("/Site_Assets/CSS/img/smtwitterblue-24x24.png") no-repeat scroll 10px 10px #e0e1dd;
    clear: both;
    padding: 1px 10px 1px 43px;
}
.twitter-alumni h2 {
    color: #0085a1; font-size: 1.2em; margin: 12px 0 2px;
}
#main .related-links img {
	max-width: 100%;
}

/*------------------------------------*\
    $GREYBOX STYLES
\*------------------------------------*/
#GB_overlay { background-image: url('/Site_Assets/js/img/overlay.png'); position: absolute; margin: auto; top: 0; left: 0; z-index: 100; width:  100%; height: 100%; }
* html #GB_overlay { background-color: #000; background-color: transparent; background-image: url('/Site_Assets/js/img/blank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Site_Assets/js/img/overlay.png", sizingMethod="scale"); }
#GB_window { top: 10px; left: 0px; position: absolute; background: #fff; border: 5px solid #aaa; overflow: auto; width: 960px; height: 700px; z-index: 150; }
#GB_frame { border: 0; overflow: auto; width: 100%; height: 378px; }
#GB_caption { font: 12px bold helvetica, verdana, sans-serif; color: #fff; background: #888; padding: 2px 0 2px 5px; margin: 0; text-align: left; }
#GB_window img { position: absolute; top: 2px; right: 5px; cursor: pointer; cursor: hand; }

/*------------------------------------*\
    $OVERRIDE TO HAVE BULLETED LISTS IN RIGHTHAND NAV
\*------------------------------------*/
#content aside ul, #content aside ul.columnwidgetlist {
    margin: 0 1rem;
}
#content aside ul ul {
    margin: 0 10px;
    padding: 0;
}
#content aside ul li {
    list-style: square outside;
    margin: 0 0 0 1rem;
}
/*------------------------------------*\
\*------------------------------------*/
.acc_content {
    padding: 0;
}
.acc_content table {
/*	font-size: 1.1rem;*/
}
.acc_drawer_paragraph {
    -moz-user-select: none;
    color: #414141;
    cursor: pointer;
    display: block;
    font-size: 1.7rem;
    line-height: 1.7rem;
    margin: 0;
    padding: 0 30px 10px 10px;
    position: relative;
}
input.m-btn[type="reset"] {
    padding-bottom: 9px;
    padding-top: 8px;
}
h3, h4, h5, h6 {
    margin-bottom: 1rem; line-height: 2.2rem;
}
#content p.summary {
	font-family: 'HelveticaNeueW01-65Medi', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 400;
}
article img.connectwith {
    clear: both;
    float: right;
    padding: 30px 0px 50px 20px;                                
}

/*------------------------------------*\
    $NEW STUDENTS PAGES
\*------------------------------------*/
div#navcontainer > ul#atoz-list li a {
    width: auto;
}
div#navcontainer > ul#atoz-list li a {
    width: auto;
}
ul#atoz-list li a {
    background: none repeat scroll 0 0 #D5D2CA;
    color: #6C6C6C;
}
ul#atoz-list li a {
    border-color: #FFFFEE #CCCCCC #CCCCCC #FFFFFF;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    padding: 3px 0 1px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
ul#atoz-list li a:hover {
    background-color: none repeat scroll 0 0 #D5D2CA;
    border-color: #CCCCCC #FFFFFF #FFFFFF #CCCCCC;
}
#atoz h2, #atoz h3, h2.az, h3.az {
    background-color: #E0DED8;
    clear: both;
    color: #6C6C6C;
    font-size: 1em;
    font-weight: bold;
    line-height: 100%;
    margin: 10px 0;
    padding: 6px 0 3px 7px;
}

/*------------------------------------*\
    $STUDENT PROFILES
\*------------------------------------*/
#staff-profile h3 {
/*	font-family:"HelveticaNeueW01-65Medi";*/
	color: #9eab05;
}
#staff-profile h4, #staff-profile h5, #staff-profile h6 {
/*	font-family:"HelveticaNeueW01-65Medi";*/
	color: #8B8D8E;
	font-weight:600;
}
#content #main aside .contact-us h1 {
	margin-bottom: 0;	
}
#content #main aside .contact-us img {
	max-width: 100%;
    border: 0 none;
    margin: 0;
}
#content #main aside .contact-us blockquote {
    background: url("/Site_Assets/css/img/blockquote_bg_generic.png") no-repeat scroll 6px 4px rgba(0, 0, 0, 0);
    margin: 1em 0;
    padding: 5px 5px 5px 30px;
	float: none;
	width:auto;
}
#content #main aside .contact-us blockquote p:before {
    content: no-open-quote;
}
#content #main aside .contact-us blockquote p:after {
    content: no-close-quote;
}

/*------------------------------------*\
    $ALUMNI TWITTER
\*------------------------------------*/
.alumni-twitter-panel {
	width:auto;
	margin: 0 0 1rem;
}
.thm-dark .load-more, .thm-dark .nsfw, .thm-dark .tweet-box-button {
    background-color: rgba(0, 0, 0, 0);
}
/*------------------------------------*\
    $NEWS, EVENTS, AND TWITTER
\*------------------------------------*/
.news-panel, 
.events-panel {
/*	font-size: 1.2rem;
    line-height: 1.6rem; */
	color: #616365;
}
.news-panel, 
.events-panel, 
.twitter-panel {
	min-height: 480px;
	background-color:#eceded;
	margin:  0 0 1rem;
}
#seminars img, #seminars img.thumb,
#past-seminars img, #past-seminars img.thumb,
#news img, #news img.thumb,
#events img, #events img.thumb {
    float: right;
    width: 100px;
    margin-left: 5px;
}
#seminars img.Ektronthumb,
#past-seminars img.Ektronthumb,
#news img.Ektronthumb,
#events img.Ektronthumb {
    float: right;
    width: 33%;
	height: auto;
    margin-left: 5px;
}
#events img.EktronRightthumb {
	width: 100%;
	height: auto;
	display: inline-block;
}
.event-badge {
   left: inherit;
}
#tabs {
    font-size: 100%;
}
.news-panel a,
.events-panel a {
    color: #424A52;
    font-weight: normal;
}
.twitter-sidebar {
	margin: 1rem;
}
#newsfooter {
	padding-top: 5rem;
}

/*------------------------------------*\
    $MAIN DEPARTMENT MENU
\*------------------------------------*/
#breadcrumb {
	clear: both;
}
	#sub_nav h2 {
		font-size: 1.82rem;
	}
	#sub_nav h2 a#section {
		font-weight: bold;
	}





	#sub_nav h2 span {
		color: #FFFFFF;
	}
	#sub_nav h2 a#section {
		color: #ADAFAF;
	}
	#sub_nav h2 a#section:hover {
		color: #FFFFFF;
	}




#deptmenu h2 {	
    font-size: 1.82rem;
/*	background-color: #424A52;*/
	background-color: #e0e1dd;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 1rem 0 0;
	padding: 8px 30px 8px 8px;
	position: relative;
}
#deptmenu h2 a#section {
/*	color: #fff;*/
	color: #6F7805;
	margin-right: 30px;
	font-weight: bold;
}
#deptmenu h2 span {
/*	color: #adafaf;*/
	color: #6F7805;
}
#deptmenu h2 a#section:hover {
/*	color: #adafaf;*/
	color: #fff;
	text-decoration: none;
}
#deptmenu a.deptsubmenu-link {
	background: url('http://www.brookes.ac.uk/FrontendResources/img/icon-submenu.png') no-repeat -10px -10px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 44px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 44px;
}
#deptsubmenu.active .deptmenu-home {
	display: none;
}
#deptmenu a.deptsubmenu-link.active {
	background: url('http://www.brookes.ac.uk/FrontendResources/img/icon-submenu.png') no-repeat -10px -54px;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 44px;
}
#deptsubmenu {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}
#deptsubmenu {
	clear: both;
	-webkit-transition: all 0.3s ease-out;  
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js #deptsubmenu {
	max-height: 0;
	overflow: hidden;
}
#deptsubmenu.active {
	max-height: 150em;
}
#deptmenu li {
	margin: 0;
	padding: 0;
}
#deptmenu li a {
	border-bottom: 1px solid #eee;
	display: block;
	font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400; /* Hack for Windows */
	margin: 0;
	padding: 8px;
	text-decoration: none;
}
#deptmenu li a:link,
#deptmenu li a:visited,
#deptmenu li a:active {
	color: #424A52;
}
#deptmenu li a.menu_selected,
#deptmenu li a:hover, 
#deptmenu li a:focus {
	color: #d10373;
}



@media only screen and (min-width:767px) {
	#sub_nav h2 a#section {
		color: #d10373;
	}
	#sub_nav h2 a#section:hover {
		color: #424a52;
	}




	a.deptsubmenu-link,
	a.deptsubmenu-link.active {
		display: none;
	}
	#deptsubmenu .deptmenu-home {
		text-transform:uppercase;
		font-weight:bold;
	}
	#deptmenu h2 {
		background-color: #fff;
		display: none;
		font-family: 'HelveticaNeueW01-95Blac', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-weight: 900; /* Hack for Windows */
		line-height: 120%;
		padding: 0;
		text-transform: uppercase;
		width: 100%;
	}
	#deptmenu h2 a#section {
		background-color: #fff;
		border-top: 1px solid #ddd;
		color: #d10373;
		display: none;
		margin-right: 0;
		padding: 0.5em 0;
		width: 100%;
	}
	#deptmenu h2 a#section:hover {
	    color: #424A52;
    }
	#deptsubmenu {
		background-color: #e0e1dd;
		clear: both;
		margin: 0;
		-webkit-transition: all 0.3s ease-out;  
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#deptmenu ul {
		border: 0 none;
		font-size: 0; /* fixes 4px space in child inline-block */
		margin: 0;
		padding: 0;
	}
	#deptmenu li {
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	#deptmenu li a {
		border: 0 none;
		color: #6F7805;
		display: block;
		font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-size: 1.3rem;
	/*	font-weight: 400;  Hack for Windows */
		margin: 0;
		padding: 6px 8px 7px;
		text-decoration: none;
	}
	#deptmenu li a:link,
	#deptmenu li a:visited,
	#deptmenu li a:active {
/*		color: #6F7805; */
	}
	#deptmenu li a.menu_selected,
	#deptmenu li a:hover, 
	#deptmenu li a:focus {
		background: #d10373;
		color: #fff;
	}
	.js #deptsubmenu {
		max-height: none;
	}
}

