/*** Universal Shared styles for manchester.ac.uk v2 (2013) ***/
/*** Copyright: (c) 2013 The University of Manchester, UK, all rights reserved. ***/
/*** Authors: Robert J Lambert ***/
/*** Thanks: Zurb Foundation, foundation.zurb.com;  Sticky Footer Solution by Steve Hatcher, stever.ca, cssstickyfooter.com ***/

/*********** Table of Contents **************
:: ( Old styles )
:: t4 template fixes
:: General universal shared styles
:: **************
:: Content styles: Panels & Boxes
:: Flex Twitter
:: Image Frames
:: Image Tabs
:: Key Facts Banner
:: KIS Widget
:: Owl Carousel plugin
:: Matchbox
:: Magic Links
:: Quick Links
:: Shadow Paper
:: Scoll Bars 
:: Table List
:: Transitions
:: Video Booth
:: 
*/



/******************************************
 * ( Old styles ) 
* May not all have to stay as renaming entries in a t4 List (drop down) as it updates all occurances it seems?
* Must stay named the same to overide old occurences. Keep both of these as previous class".border-frame-subtle" exists in old pages
************************************************/
.border-frame-subtle { margin: 10px 10px 0 6px !important; padding: 8px; max-width: 100%; color: #5a6070; outline: 1px solid #cdcdcd; outline-offset: 1px; border: 1px solid #eaeaea; }
.box.floating-text { padding: 15px; color: #343434 !important; background: #f6f6f6; border-left: 15px solid #ef4623; }
.box.floating-text, .box.floating-text p, .box.floating-text blockquote /*, .box.floating-text a */, .box.floating-text cite { color: #343434 !important; }
.box.floating-text img { margin: 0 10px 5px 0; }
.box.floating-text.tiny { width: 20%; }
.box.floating-text.small { width: 35%; }
.box.floating-text.medium { width: 50%; }
.box.floating-text.large { width: 65%; }
.box.floating-text.x-large { width: 80%; }
.box.floating-text.xxx-large { width: 100%; }
.box.flag { border: 1px solid #E4E4E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 0px 6px 26px 0px; }
.content-box-50 h3 { margin-top: 2px; }
.content-box-50 p:last-of-type { margin-bottom: 0px; }
.lt-ie9 .content-box-50 img { width: auto !important; height: auto !important; }
/***/ 



/******************************************
 * t4 template fixes... (tut)
************************************************/
.one-col-img-txt { margin-bottom: 15px; }
.columns img, .column img { /******* width: auto !important; This is what was conflicting with the jQuey "Picture Frame width" function that sets pictue-frame width to the contained image to wrap long captions (tag-lines)  *******/ height: auto !important; }
.lt-ie9 .columns img { width: auto !important; height: auto !important; }
.lt-ie9 #featured img { width: auto !important; height: auto !important; }
/***/



/******************************************
 * General universal shared styles
************************************************/
.container { min-height: 100%; /* max-width: 90%; */ }
.wrapper { margin: 0 auto; padding: 0 15px; /* max-width: 100% 1000px; */ }

@media only screen and (max-width:767px) {
.wrapper { padding: 0; }
}
.padding { padding: 15px !important; }
.padding-top { padding-top: 15px !important; }
.padding-bottom { padding-bottom: 15px !important; }
.padding-top-bottom { padding-top: 15px !important; padding-bottom: 15px !important; }
.padding-left { padding-left: 15px !important; }
.padding-right { padding-right: 15px !important; }
.padding-left-right { padding-left: 15px !important; padding-right: 15px !important; }
.padding-left-right-for-small { padding-left: 0px !important; padding-right: 0px !important; }
.medium-padding { padding: 10px !important; }
.medium-padding-top { padding-top: 10px !important; }
.medium-padding-bottom { padding-bottom: 10px !important; }
.medium-padding-top-bottom { padding-top: 10px !important; padding-bottom: 10px !important; }
.medium-padding-left { padding-left: 10px !important; }
.medium-padding-right { padding-right: 10px !important; }
.medium-padding-left-right { padding-left: 10px !important; padding-right: 10px !important; }
.small-padding { padding: 5px !important; }
.small-padding-top { padding-top: 5px !important; }
.small-padding-bottom { padding-bottom: 5px !important; }
.small-padding-top-bottom { padding-top: 5px !important; padding-bottom: 5px !important; }
.small-padding-left { padding-left: 5px !important; }
.small-padding-right { padding-right: 5px !important; }
.small-padding-left-right { padding-left: 5px !important; padding-right: 5px !important; }
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-left-right { padding-left: 0 !important; padding-right: 0 !important; }
.margin { margin: 15px !important; }
.margin-top { margin-top: 15px !important; }
.margin-bottom { margin-bottom: 15px !important; }
.margin-top-bottom { margin-top: 15px !important; margin-bottom: 15px !important; }
.margin-left { margin-left: 15px !important; }
.margin-right { margin-right: 15px !important; }
.margin-left-right { margin-left: 15px !important; margin-right: 15px !important; }
.medium-margin { margin: 10px !important; }
.medium-margin-top { margin-top: 10px !important; }
.medium-margin-bottom { margin-bottom: 10px !important; }
.medium-margin-top-bottom { margin-top: 10px !important; margin-bottom: 10px !important; }
.medium-margin-left { margin-left: 10px !important; }
.medium-margin-right { margin-right: 10px !important; }
.medium-margin-left-right { margin-left: 10px !important; margin-right: 10px !important; }
.small-margin { margin: 5px !important; }
.small-margin-top { margin-top: 5px !important; }
.small-margin-bottom { margin-bottom: 5px !important; }
.small-margin-top-bottom { margin-top: 5px !important; margin-bottom: 5px !important; }
.small-margin-left { margin: 5px !important; }
.small-margin-right { margin: 5px !important; }
.small-margin-left-right { margin-left: 5px !important; margin-right: 5px !important; }
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-top-bottom { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-left-right { margin-left: 0 !important; margin-right: 0 !important; }
/*******  Here to appear in Dreamweavers code hints  *******/
.no-padding-for-small, .no-padding-left-right-for-small { padding: auto; }

/*******  Here to appear in Dreamweavers code hints end *******/
@media only screen and (min-width:768px) {
.small-margin-top-for-large { margin-top: 5px !important; }
}

@media only screen and (max-width:767px) {
.padding-left-right-for-small { padding-left: 15px !important; padding-right: 15px !important; }
.padding-left-for-small { padding: 15px !important; }
.small-padding-right-for-small { padding-right: 5px !important; }
.no-padding-left, .small-padding-left, .medium-padding-left { padding-left: 15px !important; }
.no-padding-right, .small-padding-right, .medium-padding-right { padding-right: 15px !important; }
/* .no-padding-left-right { padding-left: 15px !important; padding-right: 15px !important; } */
.no-padding-for-small { padding: 0 !important; }
.no-padding-left-right-for-small, .mobile-two.no-padding-left-right-for-small { padding-left: 0 !important; padding-right: 0 !important; }
.margin-top-for-small { margin-top: 15px !important; }
.small-margin-top-for-small { margin-top: 5px !important; }
#MainBodyContent { padding-top: 15px }
#MainBodyContent.no-padding-top { padding-top: 0; }
div.orbit-wrapper { padding-left: 15px; padding-right: 15px; background: #fff; }
ul.no-padding-left { padding-left: 0; }
}
.marginator, .marginator-15 { margin: 15px 0 0 0; height: 1px; }
.marginator-30 { margin: 30px 0 0 0; height: 1px; }
.marginator-45 { margin: 45px 0 0 0; height: 1px; }
.marginator-60 { margin: 60px 0 0 0; height: 1px; }
.marginator-75 { margin: 75px 0 0 0; height: 1px; }
.marginator-90 { margin: 90px 0 0 0; height: 1px; }
.marginator-105 { margin: 105px 0 0 0; height: 1px; }
.marginator-120 { margin: 120px 0 0 0; height: 1px; }
.marginator-135 { margin: 135px 0 0 0; height: 1px; }
.marginator-160 { margin: 160px 0 0 0; height: 1px; }
.marginator-175 { margin: 175px 0 0 0; height: 1px; }
.marginator-190 { margin: 190px 0 0 0; height: 1px; }
.no-font-size { font-size: 0; line-height: 0; }
.no-size, .no-height { height: 0; font-size: 0; line-height: 0; }
.clear-both, .clear.both { clear: both; } /* added this clear both because there was a missing hyphen in the eps-local-news content type */ 
.radius { -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; }
.arrow-right { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #ffcc33; }
.capitals { text-transform: uppercase; font-weight: lighter; letter-spacing: 0.3em; }
.date { color: #999; }
.seperator { margin: 20px 0; border-top: 2px solid #adadad; }
.seperated { border-bottom: 1px dotted #666; }
/*******  .arrows tweak: disabled 'display: inline-block;' as inline-block forces links within paragraph to go onto a new line but unsure what else this affects  *******/
.inline, .inline li, .inline a { width: auto; display: inline-block; margin: 0; outline: none; padding: 0; }
/*******  .arrows tweak: disabled 'display: inline-block;' as inline-block forces links within paragraph to go onto a new line but unsure what else this affects  *******/
.centre, .center, .align-centre { text-align: center; }
.cursor-default { cursor: default; }
a#pagetop { margin: 0; padding: 0; }
a.block, a.block:hover { display: block; margin: 0; padding: 0; text-decoration: none; background: none; }
p.novel-first-letter:first-letter { font-size: 5em !important; color: #999; clear: both; }
.novel-first-letter-2 { font-size: 8em !important; color: #666; float: left; line-height: 0.8em !important; clear: both; }
.first-character { float: left; color: #903; font-size: 16em !important; line-height: 0.72em !important; padding-top: 2px; padding-right: 8px; padding-left: 0px; clear: both; }
.banner-image { margin-bottom: 12px; }
.banner-image img { /* max-width: 100%; min-width: 100%; */ width: auto !important; height: auto !important; }
.html-no-wrap-around-img { display: table; -dt-display: table }
.thin-white-border { border: 1px solid #fff; }
.no-bg-hover:hover { background: none; }
.up-to-the-top { float: right; margin: 15px; padding: 5px; border-bottom: none; }
.hidden { display: none; }
.no-border, .no-border iframe, .no-border div { border: none; }
/***/



/*******  end of Core styles  *******/




/**
 * Content styles: Panels & Boxes
 * 
 * Grouped styles for Panels with shared characteristics of the 2 col right, aside column
 */
/*
******  The Box  *******/
.box { float: left; /*** float: left ! causes large images to break out of their box !; ***/ margin-bottom: 5px; /*margin-bottom: 15px;*/ /* margin: 0 0 15px 0 !important; */ width: 100%; max-width: 100%; /* padding: 15px; */ /* */ /* border: 1px solid #E4E4E4; -webkit-border-radius: 0px 4px 4px 0px; ; -moz-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; */ }
.box.left { float: left; margin-right: 10px; }
.box.right { float: right; margin-left: 20px; }
.box.news-list { margin-bottom: 15px; padding: 15px; background: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.box.news-list:hover { background: #dcdcd4; }
.box.subtle-background { float: left; margin: 0px 0px 8px 0; padding: 10px; max-width: 100%; color: #5a6070; background: #f5f5f5; border: 1px solid #E4E4E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
/*****/
.contact-us-simple-panel, .did-you-know-panel, .download-panel, .external-website-panel, .entry-requirements-panel, .factfile-panel a, .funders-panel, .entry-requirements-panel>a, .people-panel, .student-bloggers-panel>a { display: block; padding: 15px; }
.aside-panel, .contact-us-simple-panel, .did-you-know-panel, .download-panel, .entry-requirements-panel, .external-website-panel, .factfile-panel, .funders-panel, .people-panel, .related-links-panel, .student-bloggers-panel { margin: 0 0 15px 0; }
/*******  links  *******/
.did-you-know-panel a, .download-panel a { text-decoration: underline; }
.did-you-know-panel a:hover { text-decoration: none; background: #fff; }
.factfile-panel a:hover, .entry-requirements-panel a:hover { border-bottom: none; }
.funders-panel a, .related-links-panel a, .people-panel a { display: block; padding: 1px 0; background: none; }
/*******  fonts  *******/
.did-you-know-panel, .download-panel, .external-website-panel, .entry-requirements-panel, .factfile-panel, .student-bloggers-panel { /* padding: 0; */ font-size: 1.1em; line-height: 1.3em; text-align: center; }
.did-you-know-panel h2, .factfile-panel h2, .entry-requirements-panel h2, .student-bloggers-panel h2 { font-size: 1.4em; }
.contact-us-simple-panel h2, .did-you-know-panel h2, .factfile-panel h2, .funders-panel h2, .entry-requirements-panel h2, .people-panel h2, .related-links-panel h2, .student-bloggers-panel h2 { margin-top: 0; }
.contact-us-simple-panel p, .funders-panel ul li, .funders-panel p, .related-links-panel ul li, .related-links-panel p, .people-panel ul li, .people-panel p { margin-bottom: 0; }
.funders-panel ul, .related-links-panel ul, .people-panel ul { list-style: none; left: 0; margin: 0; padding: 0; overflow: hidden; }
.funders-panel ul li, .funders-panel p, .related-links-panel ul li, .related-links-panel p, .people-panel ul li, .people-panel p { padding: 3px 0 3px 4px; }
/*******  colours  *******/
.did-you-know-panel, .did-you-know-panel h2, .did-you-know-panel a, .download-panel, .download-panel a, .entry-requirements-panel, .entry-requirements-panel h2, .entry-requirements-panel a, .factfile-panel, .factfile-panel h2, .factfile-panel a, .people-panel a, .student-bloggers-panel, .student-bloggers-panel h2, .student-bloggers-panel a { color: #fff; }
.contact-us-simple-panel a, .funders-panel, .funders-panel a, .related-links-panel, .related-links-panel a { color: #222; }
.funders-panel h2, .related-links-panel h2, .people-panel h2 { /* padding-left: 2px; */ color: #ec5330; }
/*****/

/*
******  Aside Panels (Testimonial)  *******/
.aside-panel { text-align: center; background-color: #fff; border: 1px solid #dedede; }
.aside-panel:hover { background: #f7f7f7; }
.aside-panel h2 { font-size: 1.4em; color: #333; background-color: #ddd; margin: 0px; padding: 10px 2px; }
.aside-panel .content, .aside-panel footer { padding: 10px; text-align: center !important; }
.aside-panel h3 { clear: both; margin-top: 15px !important; font-size: 1.2em; color: #333; font-weight: normal; }
.aside-panel>a { margin: 0; padding: 0; text-decoration: none; }
.aside-panel p { color: #333; text-align: center; }
.aside-panel footer, .aside-panel footer p { text-align: center; }
.aside-panel .content { padding: 10px; text-align: center !important; }
.aside-panel .content .subtle-frame { min-width: 10px; max-width: 100%;/*  width:120px !important; */ float: none; /**/ margin-bottom: 15px !important; margin: 0 auto !important; }
/*****/

/*
******  Contact Us Simple panel  *******/
.contact-us-simple-panel { background-color: #e1e2e4; border: 1px solid #e0e1e3; }
.contact-us-simple-panel:hover { background-color: #f1f2f4; }
.contact-us-simple-panel, .contact-us-simple-panel p { color: #222; /* line-height: 1.3em; */ }
.contact-us-simple-panel li:hover { background: #eee; }
.contact-us-simple-panel li:active { background: #fff; }
a[href^="mailto:"] { word-wrap: break-word; word-break: break-all; }
/* a[href^="mailto:"]:hover { border-bottom: 1px dotted #777 !important; } */
/*****/

/*
*************  Content Styles  **************/
.light-border, .red-highlight, .subtle-highlight { padding: 15px; }
/*****/

/*
******  Did you know panel  *******/
.did-you-know-panel { background: #ef4623; }
.did-you-know-panel:hover { background: #de3512; }
.did-you-know-panel a:hover { color: #ef4623; }
/*****/

/*
******  Download panel  *******/
.download-panel { background: #006493; }
.download-panel:hover { background: #005382; }
.download-panel a { color: #eee; text-decoration: none; }
.download-panel a:hover { color: #fff; /*  border-bottom: 1px solid #fff !important; */ }
/*****/

/*
******  External panel  *******/
.external-website-panel { background-color: #efefef; }
.external-website-panel:hover/* , .external-website-panel a:hover */ { background-color: #dedede; }
.external-website-panel a { display: block; margin-left: 0; }
/*****/

/*
******  Factfile panel  *******/
.factfile-panel, .entry-requirements-panel { background-color: #7ea4be; }
.factfile-panel:hover, .entry-requirements-panel:hover { background-color: #6d93ad; }

@media only screen and (max-width:1300px) {
.factfile-panel h2, .factfile-panel h2 { font-size: 1.3em; }
}

@media only screen and (max-width:1100px) {
.factfile-panel h2 { font-size: 1.2em; }
.factfile-panel a { padding-left: 5px; padding-right: 5px; }
}
.lt-ie9 .factfile-panel h2 { font-size: 1.2em; }
.lt-ie9 .factfile-panel a { padding: 5px 10px 15px 10px; }
/*****/

/*
******  Funders panel  *******/
.funders-panel { background-color: #d1d2d4; border: 1px solid #ccc; }
.funders-panel:hover { background-color: #e2e3e5; }
.funders-panel li:hover { background: #eee; }
.funders-panel li:active { background: #f8f9fc; }
/*****/

/*
******  Highlights  *******/
.red-highlight { padding: 15px; color: #343434 !important; background: #f6f6f6; border-left: 15px solid #ef4623; }
.subtle-highlight { background: #eeeeee; /* #edede9 */ ; border: 1px solid #d5d5d5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.framed-highlight { margin: 0px 0 1.3em 0; padding: 15px; color: #5a6070; font-size: 1em; line-height: 1.3em; text-align: left; background: #f3f2f0; border-style: solid; border-width: 10px; border-color: #fff; box-shadow: 5px 5px 20px #e2e2e2; }
.light-border { border: 1px solid #ebebeb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
/*****/

/*
******  Home panel  *******/
.home-panel { margin-bottom: 15px; padding: 5px; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 5px rgba(222,222,222,0.5); -moz-box-shadow: 1px 1px 5px rgba(222,222,222,0.5); box-shadow: 1px 1px 5px rgba(222,222,222,0.5); }
/* @media only screen and (max-width: 767px) {
.home-panel { margin-bottom: 15px; }
}*/
/*****/

/*
/***** News and Events Panel *****/
a .news-panel { color: #000; }
a:hover .news-panel { background-color: #ddd; color: #000; }
.news-panel { background-color: #fff; padding: 3px; border: 1px #a9a9a9 solid; }
.news-panel h2 { background: url("/medialand/shared/images/icons/headings/news-and-events.png") no-repeat left center; min-height: 50px; padding: 7px 0 0 55px; margin: 7px; }
.news-panel p { padding-left: 3px; text-align: center; font-size: 1.1em; color: #000; background-color: #fff; margin-bottom: 0; }
/******/

/*
******  People panel  *******/
.people-panel { color: #eee; background-color: #333; }
.people-panel:hover { background-color: #222; }
.people-panel li:hover { background: #000; }
.people-panel a { border-right: 4px solid #333; padding-right: 4px; }
.people-panel a:hover { border-right: 4px solid #ec5330; }
.people-panel li:active { background: #ec5330; }
/*****/

/*
*****  Quotes  *******/
.versatile blockquote>p { font-size: 1.4em; line-height: 1.4em; text-align: center; color: #7b819f;  /* position: relative - this messes up the link around the image; */ padding: 2% 0 /* 6% 0 */; }
.versatile blockquote:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; vertical-align: middle !important; }
.versatile blockquote>p:before { content: open-quote; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; }
.versatile blockquote>p:after { content: close-quote; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; }
.versatile blockquote.font-smaller>p { padding: 0.5% 0; }
.versatile blockquote.font-smaller-still>p { padding: 1% 0; }
/*****/

/*
******  Related Links panel  *******/
.related-links-panel a { font-size: 1em;  /* padding-right: 8px; */  /* border: none; */  /* border-right: 4px solid transparent; */ overflow: hidden; /* float: left; */ }
.related-links-panel a:hover { background: none; /*  margin-right -4px; */   /* padding-right: 0px;  */ border-right: 4px solid #ec5330;  /* outline: 0 4px 0 0 solid #ec5330; */ }
.related-links-panel a:active { background: #f8f9fc; }
/*****/

/*
******  Statement  *******/
.statement { position: relative; margin-bottom: 15px; padding: 0.5em 2em 0.5em 2em; font-size: 1.20em; line-height: 1.3em; text-align: left; color: #7b819f; }
.statement:before, .statement:after { content: ''; display: block; height: 100%; width: 25px; border: 12px solid #e9e9e9; position: absolute; top: -11px; }
.statement:before { left: 0; border-right: 0; }
.statement:after { right: 0; border-left: 0; }
/*****/

/*
*****  Statements (Grey Quote)  *******/
.versatile .grey-quote { position: relative; clear: both; display: block; margin: 20px 0 40px 0; padding: 0.5em 3em; /* font-size: 0.8em; line-height: 1em; */ text-align: left; color: #7b819f; background: none !important; border: none !important; }
.versatile .grey-quote:before, .versatile .grey-quote:after /* , .versatile blockquote.grey-quote:before, .versatile blockquote.grey-quote:after */ { position: absolute; top: -11px; display: block; height: 100%; width: 25px; content: ''; border: 12px solid #e9e9e9; }
.versatile .grey-quote:before { left: 0; border-right: 0; }
.versatile .grey-quote:after { right: 0; border-left: 0; }
.versatile p.grey-quote:last-of-type { margin-bottom: 15px; }
/*****/

/*
******  Student Bloggers panel  *******/
.student-bloggers-panel { background: #647294; }
.student-bloggers-panel:hover { background: #536183; }
/*****/

/*
*****  Versatile  *******/
.versatile { margin-bottom: 1.3em; /* margin-bottom: 15px; */ }
h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type { margin-top: 0; }
/* .box h1:first-of-type , .box h2:first-of-type, .box h3:first-of-type, .box h4:first-of-type, .box h5:first-of-type, .box h6:first-of-type  { margin-top: 0; }  */
/* .versatile h1:first-of-type, .versatile h2:first-of-type { margin-top: 0; } */
/*  .versatile h1:first-of-type, .versatile h2:first-of-type, .versatile h3:first-of-type, .versatile h4:first-of-type, .versatile h5:first-of-type, .versatile h6:first-of-type { margin-top: 0; }  */
/* .versatile p:last-of-type, .versatile ul:last-of-type  { margin-bottom: 0; } */
/* .versatile header { margin-bottom: 15px; } */
.versatile header h1 { /*margin-bottom: 6px;*/ }
.versatile header h4, .versatile header h4, .versatile header h4 { margin-top: 0; }
.nine.columns .versatile { padding-left: 0; } /***  Not quite correct/solid - temporary fix to align boxes and panels as 2 column layout have padding in the left main column then each box has padding on top of that ***/
/*****/

/*
******  YouTube panel  *******/
.youtube-panel { }
.youtube-embed-iframe { width: 100%; height: 200px; }
iframe { border: none; overflow: hidden; position: relative; z-index: 1; }
/***/

/*emt*/
/*

additional panels for home page content

*/
.solo-tab-panel-blog{
	height:270px;
	max-height:270px;
	overflow-y:hidden;
}

.solo-tab-panel-seminars{
	height:270px;
	max-height:270px;
	overflow-y:auto;	
}

.tab-panel-blog{
	height:300px;
	max-height:300px;
	overflow-y:hidden;
}

.blogtabimage{
	float:left;
	width:125px;
	padding-right:10px;
	padding-top:5px;
}
/*emt*/


/**
 * Home & Leader pages
 */
.main-text h1 { word-wrap: normal; }
.main-text p { color: #505050; font-size: 120%; }

@media only screen and (max-width: 1366px) {
.main-text p { font-size: 110%; }
}

@media only screen and (max-width: 1120px) {
.main-text p { font-size: 0.95em; }
}

@media only screen and (max-width: 1024px) {
.main-text p { font-size: 0.9em; }
}

@media only screen and (max-width: 767px) {
/* .home .columns.no-padding-left { padding-left: 0; } */
.home .columns.no-padding-left-right { padding-left: 0; padding-right: 0; }
.main-text p { font-size: 1em; }
}
/***/



/******************************************
 * Flex Twitter
* To get the Twitter widget to fully fit within its space, on all screen sizes, is proving tricky.
************************************************/
.flex-twitter { position: relative; padding-top: 25px; padding-bottom: 60%; height: 0; margin-bottom: 10px; overflow: hidden; }
.flex-twitter.widescreen { padding-bottom: 60% }
.flex-twitter.vimeo { padding-top: 0 }
.flex-twitter iframe, .flex-twitter object, .flex-twitter embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 300px; }
/*
******  Twitter feeds disappearing when in flex-video or flex-twitter FIX, 02/03/2015  *******/
.flex-video #twitter-widget-0, .flex-video #twitter-widget-1, .flex-twitter #twitter-widget-0, .flex-twitter #twitter-widget-1 { width: 100% !important; height: 100%; position: absolute !important; }
/******/



/******************************************
 * Image Frames
************************************************/
.photo-frame, .picture-frame, .subtle-frame, .border-frame-subtle { float: left; max-width: 100%; margin-right: 10px; margin-bottom: 15px; padding: 10px; color: #5a6070; line-height: 0; /* text-align: center; */ }
.photo-frame { background: #fff; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.picture-frame { background: #f5f5f5; border: 1px solid #E4E4E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.subtle-frame { background: #fff; outline: 1px solid #cdcdcd; outline-offset: 1px; border: 1px solid #eaeaea; }
.third.columns .subtle-frame { margin: 0 0 15px 0; }
.lt-ie9 .photo-frame, .lt-ie9 .picture-frame, .lt-ie9 .subtle-frame, .lt-ie9 .border-frame-subtle { max-width: 95%; }
/*
******  Alignment  *******/
.versatile .none { /* float: left; */ text-align: left; margin-right: 15px; }
.picture-frame.left, .subtle-frame.left, .photo-frame.left { float: left; margin-right: 15px !important; }
.picture-frame.right, .subtle-frame.right, .photo-frame.right { float: right; margin-left: 30px !important; margin-right: 0; }	/***  This is imperfect because theres too much margin left for images on mobile.  But, if theres a ul list to the left they will overlay the image without it.  ***/
/* @media only screen and (max-width: 767px) {
.picture-frame.right, .subtle-frame.right, .photo-frame.right { margin-left: 15px !important;  }
} */
.picture-frame.none, .subtle-frame.none, .photo-frame.none, .noneX { float: none; margin: 0; text-align: center; margin: 0 auto; }
.photo-frame img, .picture-frame img, .subtle-frame img { margin: 0 0 0px 0 !important; } /***  Img contained spacing  ***/
.tag-line { margin-top: 0.6em; font-size: 0.9em; line-height: 1.4em; text-align: center; }
.drop-shadow { margin-bottom: 15px; -webkit-box-shadow: 3px 3px 8px #ddd; -moz-box-shadow: 3px 3px 8px #ddd; box-shadow: 3px 3px 8px #ddd; }
.light-border .drop-shadow { -webkit-box-shadow: 3px 3px 8px #eee; -moz-box-shadow: 3px 3px 8px #eee; box-shadow: 3px 3px 8px #eee; }
/***/



/******************************************
 * Image Tabs
************************************************/
.img-tab-wrapper { padding: 5px; border-radius: 5px; background-color: #f6f6f6; border: 1px solid #ccc; -moz-box-shadow: 2px 2px 2px #dddddd; -webkit-box-shadow: 2px 2px 2px #dddddd; box-shadow: 2px 2px 2px #dddddd; }
/* .img-tab-wrapper { padding: 3px; border-radius: 3px; background-color: #fff; border: 1px solid #d5d5d5; -moz-box-shadow: 1px 1px 1px #dddddd; -webkit-box-shadow: 1px 1px 1px #dddddd; box-shadow: 1px 1px 1px #dddddd; } */
.img-tab-wrapper:hover { text-decoration: none; background: #fca73a; }
.img-tab-title { padding: 10px; margin-top: -1px; color: #000; background-repeat: repeat-x; min-height: 50px; }
.img-tab-title { padding: 10px; background-color: #292929; color: #fff; border-top: 1px dotted #ffffff; margin-top: -1px; }
.img-tab-title, .img-tab-title h2, .img-tab-title h3, .img-tab-title h4, .img-tab-title h5, .img-tab-title h6 { margin: 0; color: #fff; }
.img-tab-body { margin-bottom: 15px; padding: 10px; }
/* .img-tab-wrapper { max-width: 250px; border-radius: 5px; background-color: #f6f6f6; padding: 7px; border: 1px solid #ccc; -moz-box-shadow: 2px 2px 0px #dddddd; -webkit-box-shadow: 2px 2px 2px #dddddd; box-shadow: 2px 2px 2px #dddddd; }
.img-tab-wrapper h4 { margin-top: 0; padding: 5px }
.img-tab-wrapper:hover { background: #fca73a; text-decoration: none; }
.imgBorderDot { border-top: 1px dotted #666; border-bottom: 1px dotted #666; } */
/* .no-orange { color: #1f1f1f; }
a.no-orange:link { color: #1f1f1f; }
a.no-orange:visited { color: #1f1f1f; } */
a .img-tab-wrapper:hover { background: #fca73a; }
.img-tab-wrapper:hover { background: none; }
/* .img-tab-wrapper>ul { left: 20px; padding-right: 20px; } */
/* .img-tab-wrapper>ul { left: 0px; padding-right: 0px; } */
/***/



/******************************************
 * Key Facts Banner
************************************************/
.key-facts-banner { margin-bottom: 15px !important; }
.key-facts-banner .key-facts, .key-facts-banner .key-facts p { font-size: 1em; }
.key-facts-banner .key-facts { display: block; float: left; width: 25%; padding: 5px 15px; }
.key-facts-banner .key-facts h4, .key-facts-banner .key-facts h5, .key-facts-banner .key-facts h6 { margin: 5px 0 0 0; font-weight: bold; }
.key-facts-banner .key-facts p { margin: 0 0 5px 0; padding-left: 0 !important; }
.key-facts-banner .overlay-txt { position: absolute; bottom: 0; width: 75%; z-index: 2; padding: 15px; background: rgba(255, 255, 255, 0.8); }
.key-facts-banner .overlay-txt h2, .key-facts-banner .overlay-txt h3 { margin-top: 0; font-weight: bold; line-height: 1em; }
.key-facts-banner .image { display: block; float: left; width: 75%; height: 300px; }
.key-facts-banner .shadow-paper { margin: 0; padding: 0; text-shadow: none; background: #f1f5f4; }
/*
******  IE8, IE7 tweakes & fixes  *******/
.lt-ie9 .key-facts-banner .bg { position: absolute; bottom: 0; width: 75%; height: 22%; z-index: 1; padding: 15px; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.lt-ie8 .key-facts-banner .overlay-txt { position: absolute; left: 0; width: 65.8%; height: 50%; padding: 5%; clear: none; }
.lt-ie8 .key-facts-banner .key-facts { position: absolute; top: 0; right: 0; width: 20%; padding: 3%; clear: none; }

/*
******  Fluid, Responsive Layouts  *******/
@media only screen and (max-width: 1100px) {
.key-facts-banner .key-facts, .key-facts-banner .key-facts p { font-size: 0.98em; }
}

/*
******  Mobile Layout: 767px-  *******/
@media only screen and (max-width: 767px) {
.key-facts-banner .key-facts { display: table-cell; position: relative; float: none; top: auto; width: 50%; border-left: 1px dotted #666; }
.key-facts-banner .overlay-txt { display: table-cell; position: relative; float: none; width: 50%; height: 100%; display: -moz-inline-stack; vertical-align: top; zoom: 1; *display: inline;
_height: 250px; }
.key-facts-banner .image { width: 100%; height: 200px; background-size: auto 220px !important; }
.key-facts-banner br.clear-both { display: none; }
}
/******/



/******************************************
 * KIS Widget
************************************************/
.kis-widget { width: 100% !important; text-align: center !important; display: inline-block; }
.kis-widget iframe { width: 100% !important; padding-right: 15px; text-align: center !important; }
/* .kis-widget iframe .kisWidget { margin: 0 auto !important; text-align: center !important; } */
/***/



/* 
 * 	Owl Carousel core styles
 */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-item.loading { min-height: 150px; background: url( '/medialand/shared/images/icons/general/ajax-loader.gif' ) no-repeat center center }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { /* margin: 0 0 0 1px; */ }
/* Owl Carousel Owl Demo Theme */
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices. Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination */
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url( '/medialand/shared/images/icons/general/ajax-loader.gif' ) no-repeat center center }
.no-js .owl-carousel { display: block; }
.grabbing { cursor: url( '/medialand/shared/images/icons/general/grabbing.png' ) 8 8, move; }
/***/



/******************************************
 * Matchbox
************************************************/
.matchbox { position: relative; height: auto; overflow: hidden; color: #505050; }
.matchbox .cover { position: absolute; display: block; z-index: 2; height: 100%; width: 50%; padding: 6% 3% 0 3%; background: #fff; }
.matchbox .cover h2 { margin-top: 0; line-height: 1em; }
.matchbox .drawer { position: absolute; top: 0; left: -100%; z-index: 1; width: 50%; height: 100%; padding: 1%; overflow: auto; background: #fff; }
.matchbox .image { float: right; width: 50%; line-height: 0; }
.matchbox p, .matchbox li { font-size: 0.9em; }
.matchbox ul { margin-right: 30px; }

@media only screen and (max-width: 1024px) {
.matchbox .cover { padding: 4% 2% 0 2%; background: #fff; }
}
/******/



/******************************************
 * Magic Links
************************************************/ 
/*******  Magic Links general  *******/
.magic-links>ul>li>a, /* .magic-links.three-level>ul>li>ul>li>a { font-family: Georgia, "Times New Roman", Times, serif;  } */ .magic-links.three-level>ul>li>ul>li>a { font-family: "Open Sans", Arial, Helvetica, sans-serif }
/*******  Magic Links, H1  *******/
.magic-links.two-level>ul>li>a, .magic-links.three-level>ul>li>a, .magic-links.four-level>ul>li>a { left: 0; margin: 6px 0 2px 0; padding: 0; font-size: 1.8em; line-height: 1.2em; /* letter-spacing: -0.05em; */ }
.panel .cover .magic-links>ul>li>a { font-size: 1.6em; }
.magic-links>ul>li:hover>a, .panel .cover .magic-links>ul>li:hover>a { color: #660099; }
/*******  Magic Links, H2  *******/
.magic-links>ul>li>ul>li>a { font-weight: normal; }
.magic-links.three-level>ul>li>ul>li>a, .magic-links.four-level>ul>li>ul>li>a { padding-left: 2px; margin-top: 5px; margin-bottom: 0px; font-size: 1.2em; font-weight: bold; font-style: italic; /* */ }
.magic-links.three-level>ul>li>ul>li:hover>a, .magic-links.four-level>ul>li>ul>li:hover>a { /* margin-left: 2px; */ color: #660099; }
.panel .cover .magic-links.three-level>ul>li>ul>li:hover>a { margin-left: 0; }
.panel .cover .magic-links.three-level>ul>li>ul>li>a { font-size: 1.1em; }
/*******  Magic Links, H1 & H2  *******/
.magic-links.arrows.one-level>ul>li:before, .magic-links.arrows.two-level>ul>li:before, .magic-links.arrows.three-level>ul>li:before, .magic-links.arrows.three-level>ul>li>ul>li:before, .magic-links.arrows.four-level>ul>li:before, .magic-links.arrows.four-level>ul>li>ul>li:before, .magic-links.arrows.four-level>ul>li>ul>li>ul>li:before { content: ""; }
.magic-links.two-level>ul>li>a:hover, .magic-links.three-level>ul>li>a:hover, .magic-links.three-level>ul>li>ul>li>a:hover, .magic-links.four-level>ul>li>a:hover, .magic-links.four-level>ul>li>ul>li>a:hover, .magic-links.four-level>ul>li>ul>li>ul>li>a:hover { color: #660099; background: none; }
/*******  Magic Links body  *******/
.magic-links ul, .magic-links ul li { left: 0; padding-left: 0; }
/* .magic-links ul li a { padding: 0; }  */
.magic-links.one-level.arrows>ul>li>ul { left: 0px; padding-left: 10px; }
.magic-links.two-level.arrows>ul>li>ul, .magic-links.three-level.arrows>ul>li>ul>li>ul, .magic-links.four-level.arrows>ul>li>ul>li>ul>li>ul { left: 0px; padding-left: 17px /* 12px */; }
.magic-links.four-level.arrows>ul>li>ul>li>ul { left: 0px; padding-left: 12px; }
.magic-links.four-level.arrows>ul>li>ul>li>ul>li>a { font-weight: bold; font-size: 1.1em; padding-top: 5px; }
.magic-links.one-level.expanded a { margin: 4px 0; }
/*******  Magic Links, One Level, hide first heading  *******/
.magic-links.one-level>ul>li>a { display: none; }
/*******  Magic Links inline  *******/
.magic-links.three-level.inline>ul>li>ul>li>ul, .magic-links.three-level.inline>ul>li>ul>li>ul>li, .magic-links.three-level.inline>ul>li>ul>li>ul>li>a { display: inline; }
.magic-links.one-level.inline>ul>li>a:after, .magic-links.two-level.inline>ul>li>ul>li>a:after, .magic-links.three-level.inline>ul>li>ul>li>ul>li>a:after { content: " | "; }
.magic-links.one-level.inline>ul>li:last-of-type>a:after, /*.magic-links.two-level.inline>ul>li>ul>li:last-of-type>a:after,*/ .magic-links.three-level.inline>ul>li>ul>li>ul>li:last-of-type>a:after { content: ""; }
.panel .cover .magic-links.three-level.inline>ul>li>ul>li>ul>li>a { padding: 0 1px; }
/******** Added by Ayo ***********/
.magic-links.two-level.inline>ul>li>ul, .magic-links.two-level.inline>ul>li>ul>li, .magic-links.two-level.inline>ul>li>ul>li>a { display: inline; }
.panel .cover .magic-links.two-level.inline>ul>li>ul>li>a { padding: 0 1px; }
.magic-links.two-level.inline>ul>li>ul>li:last-child>a:after { content: " "; }
.magic-links.four-level.inline>ul>li>ul>li>ul, .magic-links.four-level.inline>ul>li>ul>li>ul>li, .magic-links.four-level.inline>ul>li>ul>li>ul>li>a { display: inline; }
/*******  Specials  *******/
.nav-bar .flyout ul.special { margin: 15px 0 0 15px; }
.nav-bar .flyout ul.special li a:before { content: "* "; }
/******/



/******************************************
 * Quick Links
************************************************/
/*******  Quick Links Btn  *******/
.quick-links-btn { float: left; display: block; margin: 4px 0 0 0; width: 30px; height: 30px; background: url("/medialand/shared/images/icons/general/quick-links-lines.png") center no-repeat !important; opacity: 0.6; -webkit-transition: 0.4s all ease-out; -moz-transition: 0.4s all ease-out; -ms-transition: 0.4s all ease-out; -o-transition: 0.4s all ease-out; transition: 0.4s all ease-out; }
.quick-links-btn-lines { background: url("/medialand/shared/images/icons/general/quick-links-lines.png") center no-repeat !important; opacity: 1; }
.quick-links-btn-chevron-up { background: url("/medialand/shared/images/icons/general/quick-links-chevron-up.png") center no-repeat !important; opacity: 1; }
/* .quick-links-btn:hover { background: url("/medialand/shared/images/icons/general/quick-links-lines.png") center no-repeat opacity: 0.8; } */
/* .quick-links-btn:active { background: url("/medialand/shared/images/icons/general/quick-links-chevron-up.png") center no-repeat !important;  opacity: 0.8; } */

/*
quick-links-lines
quick-links-chevron-up
quick-links-chevron-down
*/

.quick-links-btn.has-tip { display: block; float: left !important; }
.quick-links-btn .tooltip.tip-right { float: left !important; }
.quick-links-btn.has-tip.tip-right { float: left !important; }
/*******  Quick Links Container  *******/
.quick-links-container { display: none; padding: 15px; background-color: #fff; -webkit-box-shadow: inset -5px -5px 15px 15px #fefefe; box-shadow: inset -5px -5px 15px 15px #fefefe; border: 1px #eee solid; border-top: none; }
.quick-links-container ul a { display: block; /* margin-bottom: 10px; background: none; */ }
/* .quick-links-container ul li { margin-bottom: 5px; } */
.quick-links-container .columns { padding-left: 6%; }
.quick-links-container .columns.intro { padding-left: 15px; padding-right: 1%; }
.quick-links-container .columns.ug { padding-left: 8%; }
.quick-links-container .columns.pg { padding-left: 2%; }
.quick-links-container .heading { margin-top: 0; background: none; }
/* .nav-bar>li.quick-links, .nav-bar>li.quick-links:hover { background: none !important; border: none; }
.lt-ie9 .nav-bar>li.quick-links, .lt-ie9 .nav-bar>li.quick-links:hover { background: none !important; border: none; } */
.no-js .quick-links-btn { display: none; }
/******/



/******************************************
 * Shadow Paper
************************************************/
.shadow-paper-wrapper { z-index: 1; position: relative; }
/* .shadow-paper-subheading {  margin: 0 0 0 2px; color: #6a8788; } */
.shadow-paper { position: relative; width: 100%; background: #e4edee; /* -moz-border-radius: 4px; border-radius: 4px;*/ padding: 1em; color: rgba(0,0,0, .8); text-shadow: 0 1px 0 #fff; /*line-height: 1.5;*/ margin: 0 0 15px 0; border-bottom: 2px solid #fff; }
.shadow-paper a:hover { /* color: #fff; */ text-shadow: none; }
.shadow-paper h3 { line-height: 1.2em; }
.shadow-paper h3 a { margin-top: 0; color: #111; }
.shadow-paper ul.arrows { left: 12px; }
/* .shadow-paper ul.arrows li { margin-right: 0; line-height: 1.8; margin-bottom: 4px; } */ 
/* .shadow-paper ul li { line-height: 1.8em; } */
.shadow-paper ul li a { line-height: 1.4em; }
/* .shadow-paper p { line-height: 1.5em; } */
.shadow-paper img { clear: both; }
.shadow-paper:before, .shadow-paper:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 70%; top: 90%; max-width: 200px; background: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
.shadow-paper:after { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); right: 10px; left: auto; }

@media print {
.shadow-paper:before, .shadow-paper:after { background: none; -webkit-box-shadow: none; }
}
/******/



/******************************************
 * Scroll Bars 
************************************************/
/*  html { overflow-y: auto; background-color: transparent; }
@media only screen and (max-device-width:480px) {
html { overflow: auto; }
} */
/* body { background-position: center top; background-image: url(images/bg.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 10px; overflow-y: scroll; overflow-x: hidden; }  */
/* */
.scroll-bar .orbit-wrapper .orbit-bullets ::-webkit-scrollbar {
width: 5px !important;
}
.scroll-bar ::-webkit-scrollbar {
width: 8px; /* height: 5px; margin-right: 5px; padding-right: 5px; */
}
.scroll-bar ::-webkit-scrollbar-track-piece {	/* background-color: #3b3b3b;  */
-webkit-border-radius: 2px;
margin-right: 5px;
padding-right: 5px;
}
.scroll-bar ::-webkit-scrollbar-thumb { /* border: 1px dotted #aaa; */
border-radius: 2px;
-webkit-border-radius: 2px;
}
.scroll-bar ::-webkit-scrollbar-thumb:vertical {
 height: 50px;
background-color: #ccc;	/* -webkit-border-radius: 2px; */
margin-right: 5px;
padding-right: 5px;
}
.scroll-bar ::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #bbb;	/* -webkit-border-radius: 2px; */
padding-right: 5px;
}
.scroll-bar ::-webkit-scrollbar-button {/* arrow buttons */
width: 15px;
height: 5px;
margin-right: 5px;
padding-right: 5px;
color: #ccc;
background-color: #ddd;
}
.scroll-bar ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
height: 15px;
display: block;	/*  background-color: transparent ; */
margin-right: 5px;
padding-right: 5px;
}
/******/



/******************************************
 * Table List
************************************************/
.table-list { float: left; width: 100%; margin-bottom: 15px; background: #f4f4f4; border: 1px solid #dcdcdc; }
/* .table-list.half { width: 48%; margin-right: 1%; }
.table-list.quarter { width: 24%; margin-right: 1%; }
.table-list.half:last-of-type { float: right; margin-right: 0; margin-left: 1%; }  */
.table-list h1, .table-list h2, .table-list h3, .table-list h4, .table-list h5, .table-list h6 { margin: 0 0 10px 0; padding: 5px 5px 5px 8px; color: #fff; background: #425072 /* #ef4623 */; }
.table-list h1, .table-list h2, .table-list h3, .table-list h4, .table-list h5, .table-list h6, .table-list h1 a, .table-list h2 a, .table-list h3 a, .table-list h4 a, .table-list h5 a, .table-list h6 a { color: #fff; }
.table-list h1 a:hover, .table-list h2 a:hover, .table-list h3 a:hover, .table-list h4 a:hover, .table-list h5 a:hover, .table-list h6 a:hover { border-bottom: none; }

@media only screen and (max-width: 1100px) {
.table-list.half h2 { font-size: 1.3em; }
.table-list.half h3 { font-size: 1.2em; }
}

@media only screen and (max-width: 400px) {
.table-list.half, .table-list.quarter { width: 100%; margin-right: 0; }
}
/******/



/******************************************
*  Transitions
***********************************************/
div[role="complementary"], div[role="main"], input[type="text"], table tr:hover td, textarea, ul.accordion>li.active .title h4, ul.accordion>li.active .title h5, ul.accordion>li .title:after, ul.accordion .content, a:hover .news-panel, /* dl.tabs dd,  */ #PageFooter #FooterToe #Social li a img:hover, .aside-panel:hover, .box.news-list:hover, .button, .button.dropdown.split>a, .button.dropdown.split>span, .contact-us-simple-panel, .did-you-know-panel, .entry-requirements-panel, .external-website-panel, .factfile-panel, .funders-panel, .funders-panel a, .img-tab-wrapper, .img-tab-title, .news-list article a:hover, .nav-bar>li:hover, .nav-bar>li.home>a:hover, .nav-bar .flyout ul li a:hover, .nav-bar li ul li a:hover, .nav-bar.vertical li ul.multilevel-linkul-0 li a:hover, .people-panel, .people-panel li, .people-panel a, .related-links-panel a, .student-bloggers-panel { -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }
.nav-bar>li.home>a, .nav-bar .flyout ul li a, .people-panel li:active { -webkit-transition: 0.1s all ease-out; -moz-transition: 0.1s all ease-out; -ms-transition: 0.1s all ease-out; -o-transition: 0.1s all ease-out; transition: 0.1s all ease-out; }
/******/



/******************************************
 * Video Booth
************************************************/
/*.video-booth { height: 350px; background: #eee }
.video-booth .nav-bar { height: 350px; overflow: auto; }*/

.video-booth { width: 80%; padding: 10px; background: #fff; margin-bottom: 15px; border: 1px solid #ddd; -webkit-box-shadow: 1px 1px 5px rgba(222,222,222,0.5); -moz-box-shadow: 1px 1px 5px rgba(222,222,222,0.5); box-shadow: 1px 1px 5px rgba(222,222,222,0.5); }
.video-booth h1:first-of-type, .video-booth h2:first-of-type, .video-booth h3:first-of-type, .video-booth h4:first-of-type { margin-top: 2px; }
.video-booth p.lead { font-size: 1em; }
.video-booth p { font-size: 0.96em; }
.video-booth img { float: left; max-width: 100%; max-height: 100%; margin: 0 15px 10px 0; }
.video-booth .content { clear: both; margin: 0 15px 15px 0; padding: 0 15px 0 0; }
.video-booth .orbit-wrapper { height: auto /* !important */; padding: 2px; background: #eee; outline: 1px solid #cdcdcd; outline-offset: 1px; }
.video-booth .orbit-wrapper .orbit { overflow: auto; }
.video-booth .orbit-wrapper .orbit.with-bullets { margin-bottom: 0px; }
.video-booth .orbit-wrapper .orbit-bullets { position: absolute; z-index: 30; height: 105%; top: -10px; left: 103%; margin: 0; padding: 0 13px 0 0; overflow: auto; opacity: 1; list-style: inside; }
.video-booth .orbit-wrapper .orbit-bullets li { display: block; float: none; margin: 0 0 3px 0; opacity: 0.8; }
.video-booth .orbit-wrapper .orbit-bullets li.has-thumb { width: 50px; height: 50px; background-position: initial initial; background-repeat: no-repeat no-repeat; }
.custom-orbit-nav { position: absolute; z-index: 30; height: 105%; top: -10px; left: 80%; margin: 0; padding: 0 13px 0 0; overflow: auto; opacity: 1; list-style: inside; }
.custom-orbit-nav li { display: block; float: none; width: auto; height: auto; margin: 0 0 3px 0; opacity: 0.8; }
/* .video-booth .orbit-wrapper .orbit-bullets li:after { content: "Alan Turing (1912 – 1954)"; } */
.video-booth .orbit-wrapper .orbit-bullets li:hover { opacity: 0.99; }
.video-booth .orbit-wrapper .orbit-bullets li:last-of-type { margin-bottom: 0; }
.video-booth .orbit-wrapper .timer { top: auto; right: 15px; bottom: 0px; opacity: 0.2 }
.reveal-modal.flexi { width: 60%; left: 0; margin-left: 21%; }

@media only screen and (max-width: 767px) {
.video-booth { height: auto; }
.reveal-modal.flexi { width: 90%; margin-left: 5%; padding: 15px; }
}
.lt-ie9 .video-booth { height: 440px; }
.lt-ie9 .video-booth .featured, .lt-ie9 .video-booth .content { height: 400px !important; }
/*.video-booth .featured div { display: none; }
.video-booth .featured.orbit div { display: block; }*/















/*
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
******************************************  IN DEVELOPMENT  ******************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*/

/**
 * Contact Icons
 */
a[href^="tel:"]:before, a[href^="Tel:"]:before {
cursor: default content: url('//epsassets.manchester.ac.uk/medialand/shared/images/icons/general/phone-black.png'); /* "\260E" */ display: inline-block; margin: 0 0.2em 0em 0; padding: -10px 0 0 0; line-height: 1; vertical-align: middle; }
/***/


/*
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*****************************************  IN DEVELOPMENT end  ****************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*******************************************************************************************************
*/