@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);

/*** Foudation Reposessed (re-defining styles originaly found in foundation.css) stylesheet 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; paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ***/

/*********** Table of Contents **************
:: General Styles
:: Fonts & Font Sizes
:: Headings
:: Links
:: Off Canvas
:: Columns & Rows
:: Lists & Bullets
:: Tabs
:: Tabs - Pills
:: Inputs
:: Buttons
:: Featured Orbit Slider
:: Tool Tips
:: Foundation Panels
:: Accordion
:: Tables
:: Print
*/



/******************************************
 * General Styles
************************************************/
html, body { height: 100%; margin: 0; padding: 0; background: #f7f7f7; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; word-wrap: break-word; }
body { position: relative; color: #505050; line-height: 1; -webkit-font-smoothing: antialiased; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } /*** StickyFooter: Opera Fix ***/
p { margin-bottom: 15px; text-align: left; }
p.lead { line-height: 1.6; margin-bottom: 15px; }
p img.left, p img { margin: 15px; margin-left: 0; }
p img.right { margin: 15px; margin-right: 0; }
aside p { line-height: 1.3; font-style: italic; }
#main { overflow: auto; padding-bottom: 315px;  /* must be same height as the footer */ }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
code { font-weight: bold; background: #ff9; }
.subheader { line-height: 1.3; color: #777; font-weight: 300; margin-bottom: 17px; }
blockquote, blockquote p { line-height: 1.5; color: #777; }
blockquote, blockquote p { line-height: 1.6; color: #777; font-style: italic; margin-bottom: 10px; }
blockquote { margin: 0 0 15px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote { margin: 0; padding: 6px; border-left: none; z-index: 1; }
blockquote cite { display: block; color: #555; }
blockquote cite, cite { display: block; font-size: 144%; color: #343434; }
blockquote cite:before { content: "" }
/* blockquote:before { content: "\2018\2018"; font-family: "Georgia", "Trebuchet MS", sans-serif; font-size: 160px; color: #dedede; z-index: -1; position: absolute; top: -50px; left: -6px; opacity: 0.3; } */
blockquote cite:before { content: normal; }
/* blockquote p:after { content: "\2018\2018"; font-family: "Georgia", "Trebuchet MS", sans-serif; font-size: 120px; color: #dedede;  margin:0; padding:0; z-index: 0; position: absolute; top:12px; left: 12px;  } */
blockquote cite a, blockquote cite a:visited { color: #555 }
img { border: none; outline: none; }
p img { margin: 12px 12px 12px 0; }
address { font-style: normal; }
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: #fff; padding: 0 3px; margin: 0 0 0 -3px; }
.flex-video.panorama { padding-bottom: 50.00%; }
@media only screen and (max-width: 767px) {
.flex-video.panorama { padding-bottom: 56.00%; }
}
/*******/



/******************************************
 * Fonts & Font Sizes
*
*	Trying to add <a href link to this responsive font resizong particularly for the right hand column panels so that they respond and link sizes shrink slightly on smaller screens.  But, it affected the page title making it small. ???  01-11-2013
************************************************/
body, input, .nav-bar>li, .breadcrumbs, .button, .orbit-caption { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
html { font-size: 62.5% }
body, div, dl, dt, dd, ul, ol, li,/*  a, */ pre, form, fieldset, p, blockquote, th, td { font-size: 14px; font-size: 1.4rem; }
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { line-height: 1.5em; }
aside p { font-size: 13px; }
input[type="text"], textarea { font-size: 13px; }
.font-smaller-still, .font-smaller-still p, .font-smaller-still a, .font-smaller-still li { font-size: 0.8em; }
.font-smaller, .font-smaller p, .font-smaller a, .font-smaller li { font-size: 0.9em; }
.font-bit-smaller, .font-bit-smaller p, .font-bit-smaller a, .font-bit-smaller li { font-size: 0.95em; }
.font-bit-larger, .font-bit-larger p, .font-bit-larger a, .font-bit-larger li { font-size: 1.05em; }
.font-larger, .font-larger p, .font-larger a, .font-larger li { font-size: 15px; font-size: 1.5rem; line-height: 1.7em; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li, .lead { font-size: 16px; font-size: 1.6rem; line-height: 1.8em; }
@media only screen and (max-width: 1024px) {
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 13px; font-size: 1.35rem; }
.font-larger, .font-larger a, .font-larger li { font-size: 14px; font-size: 1.4rem; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 15px; font-size: 1.5rem; line-height: 1.7em; }
}
@media only screen and (max-width: 767px) {
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 14px; font-size: 1.4rem; line-height: 1.4em; }
.font-larger, .font-larger li, .font-larger a { font-size: 15px; font-size: 1.5rem; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 16px; font-size: 1.6rem; line-height: 1.8em; }
}
@media only screen and (max-width: 320px) {
body, div, dl, dt, dd, ul, ol, li,  pre, form, fieldset, p, blockquote, th, td { font-size: 13px; font-size: 1.3rem; line-height: 1.3em; }
.font-larger, .font-larger li, .font-larger a { font-size: 14px; font-size: 1.4rem; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 14px; font-size: 1.4rem; line-height: 1.6em; }
}
@media only screen and (max-width: 240px) {
body, div, dl, dt, dd, ul, ol, li,  pre, form, fieldset, p, blockquote, th, td { font-size: 12px; font-size: 1.2rem; }
.font-larger, .font-larger li, .font-larger a { font-size: 13px; font-size: 1.3rem; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 13px; font-size: 1.3rem; line-height: 1.5em; }
}
/*******/



/******************************************
 * Headings 
************************************************/
h1, h2, h3, h4, h5, h6, th { font-family: "Open Sans"; } 
h1, h2, h3, h4, h5, h6 { margin-top: 15px; padding: 0; line-height: 1.2em; font-weight: normal; color: #292929; /* text-rendering: optimizeLegibility; */ letter-spacing: -0.04em; }
h1 { font-size: 35px; margin-bottom: 6px; }
h2 { font-size: 28px; margin-bottom: 5px; }
h3 { font-size: 24px; margin-bottom: 4px; }
h4 { font-size: 20px; margin-bottom: 4px; }
h5 { font-size: 18px; margin-bottom: 4px; }
h6 { font-size: 16px; margin-bottom: 3px; }
h2 + h3, h2 + h4, h2 + h5, h2 + h6 { margin-top: 1px; }
h2.icon + h4 { margin-top: 0; }
h3 + h4, h3 + h5, h3 + h6 { margin-top: 2px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; }
h1>strong, h2>strong, h3>strong, h4>strong, h2>strong { font-weight: normal; }
h1:first-of-type { margin-top: 0 !important; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #888; line-height: 0; }
h1.icon, h2.icon { background-repeat: no-repeat; }
h1.icon { min-height: 50px; margin-top: 20px; padding-left: 55px; line-height: 1.2em; background-size: 45px; background-repeat: no-repeat; }
h2.icon { min-height: 40px; margin-top: 20px; padding-left: 40px; line-height: 1.1em; background-size: 35px; background-repeat: no-repeat; }
h1.icon.about-us, h2.icon.about-us { background-image: url("/medialand/shared/images/icons/headings/about-us.png"); }
h1.icon.accommodation, h2.icon.accommodation { background-image: url("/medialand/shared/images/icons/headings/accommodation.png"); }
h1.icon.collaborate, h2.icon.collaborate { background-image: url("/medialand/shared/images/icons/headings/collaborate.png"); }
h1.icon.industry, h2.icon.industry { background-image: url("/medialand/shared/images/icons/headings/industry.png"); }
h1.icon.news-and-events, h2.icon.news-and-events { background-image: url("/medialand/shared/images/icons/headings/news-and-events.png"); }
h1.icon.people, h2.icon.people { background-image: url("/medialand/shared/images/icons/headings/people.png"); }
h1.icon.public, h2.icon.public { background-image: url("/medialand/shared/images/icons/headings/public.png"); }
h1.icon.research, h2.icon.research { background-image: url("/medialand/shared/images/icons/headings/research.png"); }
h1.icon.schools-and-colleges, h2.icon.schools-and-colleges { background-image: url("/medialand/shared/images/icons/headings/schools-and-colleges.png"); }
h1.icon.search, h2.icon.search { background-image: url("/medialand/shared/images/icons/headings/search.png"); }
h1.icon.staff-spotlight, h2.icon.staff-spotlight { background-image: url("/medialand/shared/images/icons/headings/staff-spotlight.png"); }
h1.icon.study, h2.icon.study { background-image: url("/medialand/shared/images/icons/headings/study.png"); }
h1.icon.history, h2.icon.history { background-image: url("/medialand/shared/images/icons/headings/history.png"); }
h1.icon.download, h2.icon.download { background-image: url("/medialand/shared/images/icons/headings/download.png"); }
h1.icon.news, h2.icon.news { background-image: url("/medialand/shared/images/icons/headings/news.png"); }
h1.icon.none, h2.icon.none, h3.icon.none, h4.icon.none, h5.icon.none, h6.icon.none { margin-left: 0; padding: 0; text-align: left; background: none; }
@media only screen and (max-width: 1200px) {
h1 { font-size: 32px; }
h1.icon { min-height: 40px; margin-top: 0; padding-left: 46px; background-size: 40px; }
h2 { font-size: 26px; }
h2.icon { min-height: 30px; margin-top: 0; padding-left: 36px; background-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 21px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
}
@media only screen and (max-width: 1024px) {
h1 { font-size: 30px; }
h1.icon { min-height: 38px; padding-left: 44px; background-size: 38px; }
h2 { font-size: 24px; }
h2.icon { min-height: 28px; padding-left: 34px; background-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
h1 { font-size: 28px; }
h1.icon { min-height: 36px; padding-left: 40px; line-height: 1.2em; background-size: 36px; }
h2 { font-size: 22px; }
h2.icon { min-height: 30px; padding-left: 34px; line-height: 1.3em; background-size: 30px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
h6 { font-size: 16px; }
}
@media only screen and (max-width: 480px) {
h1 { font-size: 26px; }
h1.icon { min-height: 32px; padding-left: 38px; line-height: 1.3em; background-size: 32px; }
h2 { font-size: 20px; }
h2.icon { min-height: 20px; padding-left: 30px; line-height: 1.3em; background-size: 28px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
}
@media only screen and (max-width: 320px) {
h1, h1.icon { line-height: 1.1em; }
h1 { font-size: 22px; }
h1.icon { min-height: 30px; padding-left: 34px; background-size: 30px; }
h2 { font-size: 19px; }
h2.icon { min-height: 20px; padding-left: 30px; line-height: 1.3em; background-size: 28px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
}
@media only screen and (max-width: 240px) {
h1 { font-size: 20px; line-height: 1.1em; }
h1.icon { min-height: 24px; padding-left: 28px; background-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
}
.lt-ie9 h2.icon { min-height: 44px; padding-left: 55px; line-height: 1.8em; background-size: 30px; }
/*******/



/******************************************
 * Links
***********************************************/
/* a { padding-bottom: 1px; } */
a, a:link, a:visited, a:active, a:focus { color: #660099; text-decoration: none; /* outline: none; */ }
/* a:focus { outline: 2px solid #ace; } */
.accordion [role="tab"]:focus {outline:#ace 1px dashed;} /* added for the T4 accordion content type */
a:hover, .side-nav-title a:hover, #PageFooter #FooterUnder a:hover { color: #333; border-bottom: 1px solid #660099; }
/* 
.picture-frame>a, .photo-frame>a, .subtle-frame>a { margin: 0; padding: 0; text-decoration: none; background: none; border-bottom: none; }
.picture-frame>a:hover, .photo-frame>a:hover, .subtle-frame>a:hover { margin: 0; padding: 0; text-decoration: none; background: none; border-bottom: none; }
a.img-link:hover, .img-link a:hover, a.no-hover-effect:hover, .no-hover-effect a:hover { border-bottom: none; } 
*/
/******************************************
 * Subverting Links
* Includes Image Links disabling underline or background appearing on hover over images with links and/or frame styles
* Subverting / removing link effects where not needed or wanted (especially the underline effect using border-bottom)))
***********************************************/
a.img-link, .img-link a, a.no-hover-effect, .no-hover-effect a, a.no-orange, .no-orange a, .picture-frame>a, .photo-frame>a, .subtle-frame>a, .picture-frame>a, .photo-frame>a, .subtle-frame>a, .nav-bar a, .nav-bar>li a, .flyout, .quick-links a, dl.tabs dd a:hover, .three.columns.right a, .breadcrumbs a, ul.arrows a, .arrows ul li, .panel .cover a, .up-to-the-top:hover  { border-bottom: none; }
/*******/
.up-to-the-top { clear: left; }



/******************************************
 * Off Canvas
************************************************/
div[role="complementary"] { width: 22%; /*max-width: 22%*/ }
.touch div[role="complementary"] { float: left; width: 21%; max-width: 21%; }
div[role="main"]:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; padding: 0; }
div[role="complementary"], div[role="main"] { width: 100%; padding: 0; margin: 0; display: block; position: relative; z-index: 1; }
div[role="main"]#MainBodyContainer { padding: 0; }
.touch div[role="main"]#MainBodyContainer { float: right; }
.js div[role="complementary"] { margin-left: -100%; width: 60% /* 80% */; max-width:60%; float: left; z-index: 2; }
.js div[role="main"] { margin-left: 0; padding: 0; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; float: right; z-index: 1; position: relative; }
.active div[role="complementary"] { margin-left: 0; }
.active div[role="main"] { margin-right: -60% /* -80% */; }
.no-js div[role="main"] { margin-left: 0; width: 74%; float: right; z-index: auto;  /* background: #dbb; */ }
.no-js div[role="complementary"] { margin-left: none; width: 25%; float: left; z-index: auto;  /* background: #aca; */ }
/* .lt-ie8.js div[role="complementary"] { margin: 0; padding: 0; width: 22%; }
.lt-ie8.js div[role="main"] { margin: 0; padding: 0; width: 74%; } */
.lt-ie9.js div[role="complementary"] { margin: 0; padding: 0; width: 22%; }
.lt-ie9.js div[role="main"] { margin: 0; padding: 0; width: 78%; }
.lt-ie8.js div[role="main"] { margin: 0; padding: 0; width: 77%; }
.lt-ie8.no-js div[role="complementary"] { margin: 0; padding: 0; width: 22%; }

div[role="main"]#MainBodyContainer.leader { width: 100%;  }

/* @media all and (min-width: 768px) { */
@media only screen and (min-width: 768px) {
.js div[role="complementary"] { width: 22%; height: 100%; margin: 0; padding: 0 0 0 0px; }
.js div[role="main"] { float: left; width: 78%; /* width: 76%; */ padding: 0 15px; }

.leader #sidebar { display:none  }
}
/*******/



/******************************************
 * Columns & Rows 
************************************************/
.row .free { width: auto; }
.row .full { width: 100%; }
.row .three-quarters { width: 75%; }
.row .two-thirds { width: 66.667%; }
.row .half { width: 50%; }
.row .third { width: 33.333%; }
.row .quarter { width: 25%; }
.row .fifth, .row .one-fifth { width: 20%; }
.columns.right { float: right; }
@media only screen and (max-width: 767px) {
.columns.right { float: none; }
}
/*
******  Sets correct padding to 15px between left main and right aside column by decreasing it  *******/
.three.columns.right { padding-left: 0; }
@media only screen and (max-width: 767px) {
.three.columns.right { padding-left: 15px; }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.row .mobile-large-two { width: 50% !important; float: left; padding: 0 15px; }
.row .mobile-large-two:last-child { float: right }
}

/*
******  Fix width on very large screen.  (i.e. stops expanding the page width at vlarge+ browser widths)  *******/
@media only screen and (min-width: 1450px) {
.row { width: 1380px; }
.wrapper .row { width: 1350px; }
}
.lt-ie9 .row { max-width: 1380px; }
.lt-ie9 .wrapper .row { max-width: 1350px; }

/*
******  Show / Hide for different sizes or IE  *******/
.show-for-very-small { display: none !important; }
@media only screen and (max-width: 480px) {
.show-for-very-small { display: block !important; }
}
.lt-ie9 .hide-for-ie8 { display: none !important; }

/*
******  this messed up the search in the header by making to float left  ******
div[class*="column"]+[class*="column"]:last-child { float: left; }
@media only screen and (max-width: 767px) {
div[class*="column"]+[class*="column"]:last-child { float: right }
}
*/
.lt-ie8 .row .full { width: 94% !important; }
.lt-ie8 .row .three-quarters { width: 70% !important; }
.lt-ie8 .row .two-thirds { width: 60% !important; }
.lt-ie8 .row .half { width: 44% !important; }
.lt-ie8 .row .third { width: 28% !important; /* background:#093; */ }
.lt-ie8 .row .quarter { width: 20% !important; }
.lt-ie8 .row .fifth, .lt-ie8 .row .one-fifth { width: 16% !important; }
.lt-ie8 .row .versatile { margin-right: 1% !important; }
.lt-ie8 .row .one { width: 8% !important; }
.lt-ie8 .row .two { width: 14% !important; }
.lt-ie8 .row .three { width: 20% !important; }
.lt-ie8 .row .four { width: 30% !important; }
.lt-ie8 .row .five { width: 40% !important; }
.lt-ie8 .row .six { width: 45% !important; }
.lt-ie8 .row .seven { width: 50% !important; }
.lt-ie8 .row .eight { width: 60% !important; }
.lt-ie8 .row .nine { width: 70% !important; }
.lt-ie8 .row .ten { width: 80% !important; }
.lt-ie8 .row .eleven { width: 90% !important; }
.lt-ie8 .row .twelve { width: 100% !important; }
.lt-ie8 .column, .columns { /* float:left !important;min-height:1px !important;	position:relative !important; background: #fff;border: 1px solid #eee;  */ /* padding:0 2% !important;	margin: 0 2% !important; */ }
.lt-ie8 p { margin: 0 15px 0 0; }
/* .lt-ie8 .js [role="main"] { width: 70% !important; padding: 0 15px; } */
/* .lt-ie8 .row { max-width: 1000px } */
/* div.foundation_panel { border: 1px solid #ccc } */
.lt-ie8 input[type=submit].nice.button { filter: chroma(color=#000); position: relative; top: -2px; }
.lt-ie8 input[type=submit].tiny.button { padding: 5px 5px 7px }
.lt-ie8 input[type=submit].small.button { padding: 8px 7px 9px }
.lt-ie8 input[type=submit].medium.button { padding: 9px 13px 9px }
.lt-ie8 input[type=submit].large.button { padding: 9px 18px 10px }
/*******/



/******************************************
 * Block Grids
************************************************/ 
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; margin: 0 -8px; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; padding: 0 8px 8px; }
.block-grid.two-up { margin: 0 -15px; margin: 0 -8px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; padding: 0 8px 8px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; margin: 0 -8px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; padding: 0 8px 8px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
.block-grid > li { clear: none !important; }
.block-grid.mobile-one-up > li { width: 100%; }
.block-grid.mobile-two-up > li { width: 50%; }
.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.mobile-three-up > li { width: 33.33333%; }
.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.mobile-four-up > li { width: 25%; }
.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.mobile-five-up > li { width: 20%; }
.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.mobile-six-up > li { width: 16.66667%; }
.block-grid.mobile-six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.mobile-seven-up > li { width: 14.28571%; }
.block-grid.mobile-seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.mobile-eight-up > li { width: 12.5%; }
.block-grid.mobile-eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.mobile-nine-up > li { width: 11.11111%; }
.block-grid.mobile-nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.mobile-ten-up > li { width: 10%; }
.block-grid.mobile-ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.mobile-eleven-up > li { width: 9.09091%; }
.block-grid.mobile-eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.mobile-twelve-up > li { width: 8.33333%; }
.block-grid.mobile-twelve-up > li:nth-child(12n+1) { clear: both; }
/*******/



/******************************************
 * Lists & bloody Bullets
* UL's are used universally for much more than normal body content lists.  The Foundation default is to have the list-style-position: inside, but this makes content lists items wrap around the bullet.
************************************************/ 
/* ul, ol { list-style: outside disc; position: relative; margin-left: 0.5em; margin-right: 1em; margin-bottom: 15px; line-height: 1.5em; } */
/*** Older versions as bullet lists are an ongoing problem (either not indenting or overlapping floating images) ******/
/* Worked best: */ ul, ol { list-style-position: outside; position: relative; left: 20px;  margin-bottom: 15px; padding-right: 15px; line-height: 1.5em; }
/* Second best: ul, ol { list-style-position: outside; position: relative; left: 30px; margin-bottom: 15px; padding-right: 40px; line-height: 1.5em; }
ul li, ol li { margin-bottom: 1em; }  */
/* ul li, ol li { position: relative; left: 0.4em; margin-bottom: 1em; }
ul li ul { margin-top: 1em; } */
#PageHeader ul, #PageHeader ol, #MainNavigation ul, #MainNavigation ol, #MobileTopNav .nav-bar, .nav-bar ul, .nav-bar li, #PageFooter ul, #PageFooter ol, .nav-bar.vertical, .breadcrumbs, .orbit-wrapper ul, .panel ul, #courseprofile .tab ul, #researchstaffprofile .tab ul { list-style-position: inside; position: relative; left: 0; margin-left: 0 !important; margin-right: 0; margin-bottom: 0; padding-right: 0; }
#PageHeader li, #MainNavigation li, #PageFooter li, #courseprofile .tab ul li, .nav-bar.vertical li, .nav-bar li, .breadcrumbs li, .orbit-wrapper li, .panel li { margin-bottom: 0; left: 0; }
.lt-ie8 ul, .lt-ie8 ol, .lt-ie8 #PageHeader ul, .lt-ie8 #PageHeader ol, .lt-ie8 #MainNavigation ul, .lt-ie8 #MainNavigation ol, .lt-ie8 #MobileTopNav .nav-bar, .lt-ie8 .nav-bar ul, .lt-ie8 .nav-bar li, .lt-ie8 #PageFooter ul, .lt-ie8 #PageFooter ol, .lt-ie8 .nav-bar.vertical, .lt-ie8 .breadcrumbs, .lt-ie8 .orbit-wrapper ul, .lt-ie8 .panel ul { list-style-position: outside; position: relative; left: 0px; margin-bottom: 0px; padding-right: 20px; }
ul.large li { line-height: 21px }
ul.square, ul.circle, ul.disc { margin-left: 15px }
ul.square { list-style-type: square }
ul.circle { list-style-type: circle }
ul.disc { list-style-type: disc }
ul.no-bullet { list-style: none }
ul.min{ list-style: none; left:0; }
/*
******  Arrow Bullets  *******/
/*******  
? Possibly easier to do: ul { list-style-image: url(../images/arrow.jpg); } ol, ul { list-style: none; }  ?
*******/
ul.arrows, .arrows ul { list-style: none;  /* left: 0.5em; */ padding-left: 5px;  }
ul.arrows li, .arrows ul li { margin-right: 15px; }
/* ul.arrows li a, .arrows ul li a { color: #505050; } */
/* ul.arrows li a, .arrows ul li a { color: #660099; } */
/* ul.arrows li a:hover, .arrows ul li a:hover { color: #fff; } */
/* .arrows ul { margin-left: 20px; } */
/* .arrows>ul { margin-left: 0px; } */
@media only screen and (max-width: 767px) {
.arrows ul { margin-left: 10px; }
}
@media only screen and (max-width: 400px) {
.arrows ul { margin-left: 5px; }
.arrows ul li { left: 5px; margin-right: 2px; }
}
@media only screen and (max-width: 240px) {
.arrows ul { margin-left: -10px; }
.arrows ul li { left: 0px; margin-right: 2px; }
}
ul.arrows li:before, .arrows ul li:before, a.arrows:before { content: "\00BB "; position: absolute; left: -10px; font-size: 1.2em; line-height: 1.1em; color: #a9a9a9; }
a.arrows  { position: relative; margin-left: 10px; /* margin-right: 5px; */ }
a.arrows:hover:before { color: #fff;}
.font-smaller a.arrows:before { line-height: 1.2em;}
ul.arrows li:hover:before { color: #660099; }
ul.arrows.inline li:before, .arrows.inline ul li:before { display: inline; position: relative; padding-left: -0px; margin-left: 0px; left: 0px; font-size: 1.2em; line-height: 1.8em; color: #a9a9a9; }
/*.arrows.inline a:before { content: "\00BB  "; display: inline; position: relative; padding-left: -0px; margin-left: 0px; left: 0px; font-size: 1.2em; line-height: 1.8em; color: #a9a9a9; }*/
/*a.arrows:before,  a.arrows:hover:before, .arrows a:hover:before { color: #fff;} */
/*
******  Other  *******/
ul.shrunk li, .shrunk ul li, ul.arrows.inline.shrunk li:before, .arrows.inline.shrunk ul li:before { margin-bottom: 2px; line-height: 1.5em; }
ul.expanded li, .expanded ul li, .expanded dl { margin-bottom: 0.2em; line-height: 2em; }
.expanded.dl dl { margin-bottom: 0.5em; margin-top: 1.5em;  }
.expanded.dl ul li { /* margin-bottom: 0.0em; margin-top: 0em;  */line-height: inherit;  }
ul.expanded.arrows li:before, .arrows ul.expanded li:before { line-height: 1.6em; }
.site-map ul { padding-right: 0; }
.site-map>ul { padding-right: 15px; }
/*******/



/******************************************
*  Tabs  
************************************************/
dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px }
dl.tabs.contained { margin-bottom: 0 }
dl.tabs dt { display: none; }
/* dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 9px 0 20px; width: auto; text-transform: uppercase }
dl.tabs dt:first-child { padding: 0 9px 0 0 } */
dl.tabs dd { display: block; float: left; padding: 0; margin: 0 }
dl.tabs dd:first-child { margin-left: 0 }
dl.tabs dd.active { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #fff; margin-top: -2px; }
dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 10px; background: #efefef; }
dl.tabs dd a:hover { color: #343434; background: #eee; /* border-top: 1px solid #666; */ }
dl.tabs dd a:focus { font-weight: bold; color: #f4f4f4 }
dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold }
dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6 }
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto }
dl.tabs.vertical dd { border-left: 3px solid #ccc }
dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset }
dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a }
dl.tabs.vertical dd.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0 }
dl.tabs.vertical dd:first-child a.active { margin: 0 }
dl.tabs.one-up dt a, dl.tabs.one-up dd a, dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 15px; text-align: center; overflow: hidden }
dl.tabs.one-up dt, dl.tabs.one-up dd { width: 100% }
dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50% }
dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33% }
dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25% }
dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20% }
dl.tabs.four-up dd a { padding: 0 5px; font-size: 11px; }
ul.tabs-content { display: block;  margin: 0 0 15px 0; /* margin: 0 0 20px -2px; */ padding: 0px; list-style: none; line-height: 1; background: #fff; }
ul.tabs-content.contained { left: 0; }
ul.tabs-content>li { display: none; margin: 0; padding: 15px; }
ul.tabs-content li { /* padding: 10px 10px 0 10px; */ }
ul.tabs-content>li.active { display: block; }
ul.tabs-content.contained>li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; /* padding: 4%; */ left: 0px; }
ul.tabs-content.contained>li.no-padding { padding: 0 }
ul.tabs-content.contained.vertical>li { border-width: 1px 1px 1px 1px }
.no-js ul.tabs-content>li { display: block }
@media only screen and (max-width: 1300px) {
dl.tabs.one-up dt a, dl.tabs.one-up dd a, dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 5px; }
dl.tabs dd a { font-size: 12px }
;
}
@media only screen and (max-width: 767px) {
dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto }
dl.tabs.mobile dt, dl.tabs.mobile dd { float: none; height: auto }
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem }
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0 }
.tabs.mobile { border-bottom: solid 1px #ccc; height: auto }
.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff }
.tabs.mobile dd a.active { border: none; background: #f4f4f4; color: #fff; margin: 0; position: static; top: 0; height: auto }
.tabs.mobile dd:first-child a.active { margin: 0 }
dl.contained.mobile { margin-bottom: 0 }
dl.contained.tabs.mobile dd a { padding: 18px 20px }
dl.tabs.mobile+ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0 }
}
.lt-ie9 dl.tabs.one-up dt a, dl.tabs.one-up dd a, dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 5px; }
/*******/



/******************************************
*  Tabs - Pill 
************************************************/
dl.tabs.pill { border-bottom: none; margin-bottom: 10px }
dl.tabs.pill dd { margin-right: 10px }
dl.tabs.pill dd:last-child { margin-right: 0 }
dl.tabs.pill dd a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666 }
dl.tabs.pill dd.active { border: none; margin-top: 0 }
dl.tabs.pill dd.active a { background-color: #f4f4f4; border: none; color: #fff }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0 }
dl.tabs.pill { background: #fff; border-bottom: none; margin-bottom: 10px; }
dl.tabs.pill dd { margin-right: 10px }
dl.tabs.pill dd:last-child { margin-right: 0 }
dl.tabs.pill dd a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #425072; color: #f7f7f7; height: 26px; line-height: 26px; }
dl.tabs.pill dd.active { border: none; margin-top: 0 }
dl.tabs.pill dd.active a { background-color: #ffcc33; border: none; color: #fff }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0 }
/*******/



/******************************************
*  Inputs  
************************************************/
input[type="text"], textarea { margin: 0 0 6px 0; padding: 4px 4px 4px 6px; height: 28px; }
.prefix, .postfix { height: 28px; line-height: 26px }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px }
/*** Error Handling ***/
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; /* background-color: rgba(198, 15, 19, 0.9); */ }
.error input:focus,  input.error:focus,  .error textarea:focus,  textarea.error:focus { background: #fafafa; border-color: #999999; }
.error label, label.error { color: #c60f13; }
.error small, small.error { display: block; padding: 0.2em; /* margin-top: 0em; */ margin-bottom: 1em; font-size: 0.75em; font-weight: bold;  color: white;background: #c60f13; }
/*******/



/******************************************
* Buttons
************************************************/
.button { display: inline-block; position: relative; width: auto; margin: 0 5px 5px 0; padding: 7px 14px 8px; font-size: 1em; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; color: #1d1d1d !important; background-color: #e1e1e1; border: 1px solid #c3c3c3; -webkit-box-shadow: 1px 1px 4px rgba(222,222,222,0.4); -moz-box-shadow: 1px 1px 4px rgba(222,222,222,0.4); box-shadow: 1px 1px 4px rgba(222,222,222,0.4); }
.button:hover { cursor: pointer; color: #1d1d1d; background-color: #efefef; border: 1px solid #c3c3c3; -webkit-box-shadow: 1px 1px 5px rgba(222,222,222,0.8); -moz-box-shadow: 1px 1px 5px rgba(222,222,222,0.8); box-shadow: 1px 1px 5px rgba(222,222,222,0.8); }
/* .button:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255,255,255,0.5) inset; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset } */
.button.tiny { font-size: 0.7em; padding: 5px 10px 6px;  }
.button.small { font-size: 0.8em; padding: 7px 14px 8px;  }
.button.medium { font-size: 1em; padding: 9px 21px 10px; }
.button.large { font-size: 1.2em; padding: 15px 30px 16px;  }
.button.primary { color: #fff !important; background-color: #ff5734; border: 1px solid #cd2401; }
.button.primary:hover { background-color: #ef4623; }
.button.secondary { color: #fff !important; background-color: #425072; border: 1px solid #203050; }
.button.secondary:hover { background-color: #314061;}
.button.tertiary { color: #fff !important; background-color: #7bc5e0; border: 1px solid #59a3d0; }
.button.tertiary:hover { background-color: #6ab4d0;}
/* .button.primary:hover { background-color: #2284a1 }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #ffcc33, 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 0 4px #ffcc33, 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 0 4px #ffcc33, 0 1px 0 rgba(255,255,255,0.5) inset; } */
/* .button.secondary { margin-right: 5px; margin-bottom: 5px; color: #1d1d1d; background-color: #e1e1e1;  }
.button.secondary:hover { background-color: #efefef; color: #000;  } */
/*******/



/******************************************
*  Featured Orbit Slider
************************************************/
/*** Hide images while loading.  (SOLVED: A problem if JavaScript is disabled - no images show at all.) ---------------------- */
#featured { background: url("/medialand/shared/images/icons/foundation/loading.gif") center center no-repeat; } /* height: 300px;  #f4f4f4 */
#featured img { display: none; }
#featured.orbit { background: none; }
#featured.orbit img { display: block; }
.no-js #featured img { display: block; }
/*** Container ---------------------- */
div.orbit-wrapper { position: relative; width: auto; /* max-width: 1200px; */ margin: 0 auto; height: 340px;  /* background: #eee; */ }
div.orbit { width: auto; /* max-width: 1200px;  */ height: 340px; margin-top: 1px; position: relative; overflow: hidden; margin-bottom: 20px; }
/* div.orbit a { margin: 0; padding: 0; border: none; } */
div.orbit.with-bullets { margin-bottom: 30px; }
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
div.orbit div.orbit-slide { width: 100%; height: 100%; }
/* div.orbit>div { width: 1000px; height: 400px;}  */
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */

/* div.orbit-wrapper a, div.orbit-wrapper a:hover, div.orbit-wrapper ul, div.orbit-wrapper ul li { color: none; padding: 0; margin: 0; text-decoration: none; line-height: 1; } */
/* div.orbit-wrapper ul li { padding: 0; margin-right: 0px; } */

/*** Directional Nav ---------------------- */
div.orbit-wrapper div.slider-nav { display: block; }
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
div.orbit-wrapper div.slider-nav span.right { background: url("/medialand/shared/images/icons/foundation/right-arrow.png"); background-size: 100%; right: 0; opacity: 0.4; }
div.orbit-wrapper div.slider-nav span.left { background: url("/medialand/shared/images/icons/foundation/left-arrow.png"); background-size: 100%; left: 0; opacity: 0.4; }
/*** Bullet Nav ---------------------- */
/* ul.orbit-bullets { top: -20px; left: 40%; margin-left: -22% !important;} */
 ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -45px; left: 40%; margin-left: -0px; padding: 20px; opacity: 0.5; } 
/* ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -20px; left: 50%; margin-left: -50px; padding: 0; } */
/* ul.orbit-bullets li { float: left; margin: 13px; padding: 3px; cursor: pointer; color: #999; text-indent: -9999px; background: url("/medialand/shared/images/icons/foundation/bullets.jpg") no-repeat 3px 0; width: 12px; height: 20px; overflow: hidden;  opacity: 0.5;} */
 ul.orbit-bullets li { float: left; margin-left: 20px; cursor: pointer; color: #999; text-indent: -9999px; background: url("/medialand/shared/images/icons/foundation/bullets.jpg") no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } 
ul.orbit-bullets li:hover {opacity: 0.8;}
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }
/* ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } */
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
/* ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } */
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
/* ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } */
@media only screen and (max-width: 600px) {
ul.orbit-bullets { bottom: -50px; left: 30%; padding: 10px; }
}
@media only screen and (max-width: 400px) {
ul.orbit-bullets { left: 20%; }
}
@media only screen and (max-width: 300px) {
ul.orbit-bullets { left: 10%; }
}
/*** Fluid Layout ---------------------- */
div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }
div.orbit, div.orbit-wrapper { width: 100% !important; }
/*** Timer ---------------------- */
div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url("/medialand/shared/images/icons/foundation/rotator-black.png") no-repeat; z-index: 3; }
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
div.orbit-wrapper span.rotator.move { left: 0; }
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url("/medialand/shared/images/icons/foundation/timer-black.png") repeat 0 0; }
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url("/medialand/shared/images/icons/foundation/pause-black.png") no-repeat; z-index: 4; opacity: 0; }
div.orbit-wrapper span.pause.active { background: url("/medialand/shared/images/icons/foundation/pause-black.png") no-repeat 0 -40px; }
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; }
/*** Captions ---------------------- */
.orbit-caption { display: none; }
div.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; }
/*** IE8- ---------------------- */
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url("/medialand/shared/images/icons/foundation/right-arrow-small.png"); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url("/medialand/shared/images/icons/foundation/left-arrow-small.png"); }
/*** Correct timer in IE ---------------------- */
.lt-ie9 .timer { display: none !important; }
.lt-ie9 div.caption { background: transparent; zoom: 1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
.lt-ie8 #featured div, .lt-ie8 #featured-nobullets div { height: 320px; }
/*******/



/******************************************
 * Reveal Modal
************************************************/
.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 5001; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,0.60); z-index: 5000; display: none; top: 0; left: 0; }



/******************************************
 * Tool Tips 
************************************************/
.has-tip { /* border-bottom:dotted 1px #ccc;  */ /* cursor: help; */ font-weight: bold; color: #333; }
.has-tip:hover { /* border-bottom:dotted 1px #0593dc; */ color: #0192dd; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { display: none; background: #444; background: rgba(66,66,66,1); position: absolute; color: #fff; font-weight: normal; font-size: 12px; font-size: 1.2 rem; padding: 8px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip>.nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(66,66,66,0.9) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override>.nub { border-color: transparent transparent #000 transparent !important; border-color: transparent transparent rgba(0,0,0,0.8) transparent !important; top: -10px !important; }
.tooltip.tip-top>.nub { border-color: #000 transparent transparent transparent; border-color: rgba(99,99,99,0.9) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left>.nub { border-color: transparent transparent transparent #000; border-color: transparent transparent transparent rgba(0,0,0,0.8); right: -10px; left: auto; }
.tooltip.tip-right>.nub { border-color: transparent #000 transparent transparent; border-color: transparent rgba(0,0,0,0.8) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #0192DD !important; border-bottom: dotted 1px #0593DC !important; }

.tooltip.tip-bottom { display: none; background: #fff; background: rgba(255,255,255,0.94); color: #333; font-size: 1.2 rem; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 1px 1px 8px #bbb; }
.tooltip.tip-bottom>.nub { border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(255,255,255,0.94) transparent; right: -10px; left: auto; }

.tap-to-close { display: block; font-size: 10px; font-size: 1 rem; color: #888; font-weight: normal; }
.touch .tooltip { display: none; }

/* @media only screen and (min-width: 1401px) {
.tooltip { letter-spacing: 1px; }
} */
@media only screen and (max-width: 767px) {
.tooltip { width: 100px; display: none; }
.tooltip>.nub, .tooltip.top>.nub, .tooltip.left>.nub, .tooltip.right>.nub { border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(0,0,0,0.85) transparent; top: -12px; left: 10px }
/* .tooltip { font-size: 14px; font-size: 1.4 rem; line-height: 1.4; padding: 7px 10px 9px 10px }
.tooltip>.nub, .tooltip.top>.nub, .tooltip.left>.nub, .tooltip.right>.nub { border-color: transparent transparent #000 transparent; border-color: transparent transparent rgba(0,0,0,0.85) transparent; top: -12px; left: 10px } */
}
/*******/



/******************************************
*  Foundation Panels 
************************************************/
div.foundation_panel.callout { background: #425072; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5); }
div.foundation_panel.callout a { color: #ffcc33; }
div.foundation_panel.callout .button { background: #fff; border: none; color: #ffcc33; text-shadow: none; }
div.foundation_panel.callout .button:hover { background: rgba(255,255,255,0.8); }
div.foundation_panel.radius {
-webkit-border-radius12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
/*******/



/******************************************
*  Accordion
************************************************/
ul.accordion { border-bottom: 1px solid #dcdcdc; /* */ left: 1px; margin: 0 0 15px; padding-right: 0; }
ul.accordion>li { border: 1px solid #dcdcdc; border-bottom: none; list-style: none outside none; margin: 0; padding: 0; }
ul.accordion>li>div.title { -moz-transition: background 0.15s linear 0s; background: none repeat scroll 0 0 #f4f4f4; cursor: pointer; margin: 0; padding: 15px; position: relative; border-bottom: 1px solid #efefef; }
ul.accordion>li>div.title h1, ul.accordion>li>div.title h2, ul.accordion>li>div.title h3, ul.accordion>li>div.title h4, ul.accordion>li>div.title h5, ul.accordion>li>div.title h6 { margin: 0; padding: 0; padding-right: 30px; /* line-height: 1.1em; */ color: #660099; }
/* ul.accordion>li>div.title h1:hover, ul.accordion>li>div.title h2:hover, ul.accordion>li>div.title h3:hover, ul.accordion>li>div.title h4:hover, ul.accordion>li>div.title h5:hover, ul.accordion>li>div.title h6:hover { color: #9933cc; } */
ul.accordion>li>div.title:hover { background: #fff; /* border: 1px solid #aaa; */ }
ul.accordion>li>div.title:after, ul.accordion>li.active .title:after { position: absolute; display: block; right: 10px; top: 40%; content: ""; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-style: solid; border-width: 7px; height: 0; width: 0; }
/* ul.accordion>li>div.title:after { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #a9a9a9; border-style: solid; border-width: 7px; content: ""; display: block; height: 0; position: absolute; right: 10px; top: 40%; width: 0; } */
ul.accordion>li>div.title:after { border-color: transparent transparent transparent #a9a9a9; }
ul.accordion>li.active .title { /* padding-top: 10px; */ background: none repeat scroll 0 0 #fefefe; /*  border-color: #dcdcdc; */ border-bottom: 1px solid #efefef; }
/* ul.accordion>li.active .title:hover { cursor: default; } */
ul.accordion>li.active .title h1, ul.accordion>li.active .title h2, ul.accordion>li.active .title h3, ul.accordion>li.active .title h4, ul.accordion>li.active .title h5, ul.accordion>li.active .title h6 { color: #8822bb; }
/* ul.accordion>li.active .title:after { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #9D9D9D transparent transparent; border-style: solid; border-width: 8px; content: ""; display: block; right: 10px; top: 40%; height: 0; width: 0; } */
ul.accordion>li.active .title:after { border-color: #9D9D9D transparent transparent transparent; }
ul.accordion>li.active .content { background: none repeat scroll 0 0 #fff; /* border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; */ display: block; }
ul.accordion>li .content { display: none; padding: 15px; }
/*ul.accordion>li>div.content div { text-align: right; }*/
ul.accordion>.title a, ul.accordion .title a:hover { padding: 0; background: none; }
/* ul.accordion>li.active .title, ul.accordion>li.active .title h1, ul.accordion>li.active .title h2, ul.accordion>li.active .title h3,  */
/*******  Minimal Accordion  *******/
ul.accordion.minimal>li>div.title { padding: 5px; }
ul.accordion.minimal>li>div.title:after { /* right: 10px; top: 14px; */ }
ul.accordion.minimal>li>div.title h1, ul.accordion.minimal>li>div.title h2, ul.accordion.minimal>li>div.title h3, ul.accordion.minimal>li>div.title h4, ul.accordion.minimal>li>div.title h5 { font-size: 1.3em; }
@media only screen and (max-width: 1024px) {
ul.accordion.minimal>li>div.title h4 { font-size: 1.2em; }
}
.no-js ul.accordion>li .content { display: block; }
/*******/



/******************************************
*  Tables
***********************************************/
table { margin-bottom: 15px; text-shadow: 1px 1px 0px #fff; background: #eaebec; border: #ccc 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 4px #d1d1d1; }
table.no-stretch { width: auto; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { /* text-align: left; */ }
table th { padding: 15px; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); /* border-top: 1px solid #fafafa; */ border-bottom: 1px solid #e0e0e0; }
table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
table tr:first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
table tr:nth-child(even) td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }
table tr:last-child td { border-bottom: 0; }
table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
table tr:hover td { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fefefe)); background: -moz-linear-gradient(top, #fff, #fefefe); }
table td { padding: 10px; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; }
/*******/
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
table, table tr, table tr td, table tr td a { word-wrap: break-word !important; }
table th { /* width: 20px !important; */ }
table tr:hover td {  background: #fff  }
@media only screen and (max-width: 767px) {
/* table th { display: none; }
table td { width: 100% !important; display: block; } */
table td { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); border: none; }
}
/*******/



/******************************************
 * Print
************************************************/
.print-only { display: none !important }
@media print {
* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important }
a, a:visited { text-decoration: underline }
/* a[href]:after { content: " (" attr(href) ")" } */
abbr[title]:after { content: " (" attr(title) ")" }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
thead { display: table-header-group }
tr, img { page-break-inside: avoid }
img { max-width: 100% !important }
@page {
 margin:0.5cm
}
p, h2, h3 { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
.hide-on-print { display: none !important }
.print-only { display: block !important }
}
/*******/



/********************************************
	* Lightbox
**********************************************/
.lightbox {position: absolute;	height: 100%;	width: 100%;	left: -100%;	top: 0px; }
/* when thumb is clicked, make target visible by changing its position. set the z-index higher so that it is on the top of page contents. */				
.lightbox:target {left: 0px; z-index: 100;}
/* set z-index higest, so that the content is on top of lightbox.	 */		
.lightbox:target div {background: #FFFFFF;	position: absolute;	left: 50%; top: 50%; z-index: 101;}
/* set height and width of the content div. */
.lightbox-content {height: 427px; width: 640px;	margin-left: -320px; margin-top: -214px; padding:10px 10px 30px 10px ;}
/* add some margin for the caption */
.lightbox-content span{margin-top:5px; display:block;}
/* the close link should be 100% on the screen.	 */
.lightbox .close{position: absolute;	height: 100%; width: 100%; background: #000000;	opacity: 0.8;}
.lightbox-thumb img {height:200px !important;}
/*******/