/* define the website colours */
/* was #881c56; */
/* caption color used for widget boxes etc */
/* caption color used for widget boxes etc */
body { font-family: 'Open Sans',sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; padding-top: 0; background-color: #eee; }
body ul { padding-left: 20px; /* bring bullet points flush left */ }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2em; /* default is 1.1em, but 1.2em looks better */ }

.jumbotron h1, h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 21px; }

h4 { font-size: 12; }

/* markup to highlight 'click to edit' link */
span.editable, a.editable { text-decoration: none; height: 12px; padding: 0 2px 0 2px; border: 1px solid #c5191f; background-color: #ffc6c8; }

/* match the "primary" blue with the FBS Blue */
.panel-primary { border-color: #1C5689; }

.panel-primary > .panel-heading { background-color: #1C5689; border-color: #1C5689; }

/* tables */
table.shaded { border-collapse: separate; border-spacing: 2px; border: none; }
table.shaded thead tr td.col1, table.shaded thead tr td.col2, table.shaded thead tr td.col3 { font-weight: 600; color: #fff; background-color: #394264; width: 33%; padding: 8px; }

table.shaded tr td.col1, table.shaded tr td.col2, table.shaded tr td.col3 { font-weight: normal; color: #000; width: 33%; padding: 8px; vertical-align: top; }

table.shaded td.col1 { background-color: #d1d5e5; }

table.shaded td.col2 { background-color: #b0b7d2; }

table.shaded td.col3 { background-color: #909ac0; }

/* Everything but the jumbotron gets side spacing for mobile first views */
.header, .marketing, .footer { /* padding-right: 15px; padding-left: 15px;*/ }

/* Custom page header */
.header { height: 100px; padding-top: 20px; padding-bottom: 20px; background-color: #31302d; margin-bottom: 0; }

.container { width: 100%; padding: 0; background-color: #eee; }

.container h2 { margin-top: 0; }

.breadcrumb { padding: 0; background-color: white; margin-bottom: 10px; }
.breadcrumb p { font-size: 0.8em; }

/* the sidebar */
#secondaryNav h2 { color: #d23804; font-size: 1.3em; font-family: 'Times New Roman', times, serif; border-bottom: 1px dotted #ccc; line-height: 1.2em; /* was 2.4em; */ }

ul.navList { padding-left: 35px; }
ul.navList li { margin: 5px 0 5px -20px; text-indent: 0; list-style-image: url(/images/arrow_icon.png); border-bottom: 1px dotted #ccc; }
ul.navList li a { color: #83714A; text-decoration: none; border: none; font-size: 0.9em; }

/* Custom page footer */
.footer { margin-top: 20px; padding-top: 20px; padding-bottom: 5px; color: #777; border-top: 1px solid #e5e5e5; }

.footer p { font-size: 0.8em; }

.container-narrow > hr { margin: 30px 0; }

.jumbotron { width: 960px; background-color: white; margin-bottom: 0 !important; margin-top: -15px; /* overlap the header */ padding-top: 10px; /* white space underneath the overlap */ padding-right: 10px !important; padding-left: 10px !important; padding-bottom: 0 !important; border-radius: 0 !important; }
.jumbotron p { font-size: 14px; /*1em;*/ }
.jumbotron li { font-size: 14px; font-weight: 200; }

.branding { background-color: green; height: auto; }
.branding h3 { color: white; background-color: #1C5689; padding: 10px 5px 15px 20px; margin: 0; font-family: "helvetica neue",helvetica,arial,sans-serif; }
.branding .ident { min-height: 50px; }

.shortcuts { color: #999; margin-top: -10px; }
.shortcuts a { color: #fff; }

nav { width: 940px; margin-bottom: 4px !important; }
nav h3 { color: #fff; }

#navbar { padding-left: 0; }

#fbs-navbar.navbar, #fbs-navbar.navbar-collapse { background-color: black; border-radius: 0 !important; border: none; min-height: 30px; }
#fbs-navbar.navbar li a { text-transform: uppercase; color: white !important; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
#fbs-navbar.navbar li a.active { background-color: #fff; color: black !important; }
#fbs-navbar.navbar li:hover { background-color: #fff; }
#fbs-navbar.navbar li:hover a { color: black !important; }
#fbs-navbar.navbar li.active a { color: black !important; }

/* staff photo */
.staff_photo { width: 120px; height: 160px; float: right; margin-left: 10px; margin-bottom: 10px; }

/* style the sidebar */
.sidebar { list-style: none; }

.sidebar li { background-color: #329f7f; padding: 4px; margin-left: -40px; margin-bottom: 2px; font-weight: normal; font-size: 0.9em; }

.sidebar.has-header li:first-child { background-color: black; }

.sidebar li a { color: #fff; text-transform: uppercase; font-size: 0.8em; font-weight: normal; }

.sidebar li a:hover { text-decoration: none; }

/* tabs */
.tabset-header { background-color: #329f7f; padding: 6px 0 2px 4px; margin-bottom: 1px; }

.tabset-header h2 { color: white; font-size: 1.4em; padding-left: 10px; /*font-family:"Times New Roman", serif;*/ }

.tab-content > .tab-pane { padding: 10px 0; overflow: hidden; font-size: 14px; /* for text missing a <p> tag */ }

/* tab design */
.ug-nav-tabs { background-color: #aaa; }

.ug-nav-tabs > li a { background-color: transparent; border: none; color: black; border-radius: 0; margin-right: 0; font-size: 12px; line-height: 14px; }
.ug-nav-tabs > li a.active { border: none; }

/*.ug-nav-tabs>li>a.active { border:none; }*/
.ug-nav-tabs > li { border-right: 1px solid #dedede; }

.ug-nav-tabs > li:last-child { border-right: 1px solid #eee; }

/* tab behaviour */
.ug-nav-tabs > li > a, .ug-nav-tabs > li.active > a { background-color: transparent; }

.ug-nav-tabs > li.active { background-color: #dedede; }

.ug-nav-tabs > li.active > a:focus, .ug-nav-tabs > li > a:focus { outline: 0; border: 0; }

.ug-nav-tabs > li.active:hover, .ug-nav-tabs > li:hover { background-color: #eee; }

/* accordions - table accordions rather then default accordions */
tr.panel-default, tr.panel-default > .panel-heading { border: none; background-color: transparent; padding-left: 0; }
tr.panel-default a, tr.panel-default > .panel-heading a { text-decoration: none; }

td.panel-body { /*border-left: 5px solid #aaa; background-color: #eee;*/ }

tr.panel-default > .panel-title:hover { cursor: pointer; }

/* Supporting marketing content */
.marketing { margin: 40px 0; }

.marketing p + h4 { margin-top: 28px; }

/* tables - displaying bootstrap-tablesorter tables correctly */
.fixed-table-container, .fixed-table-container thead th, .fixed-table-container tbody td { border-left: none !important; border-right: none !important; }

/* the aside */
/* see http://base64img.com/#encode */
#page-aside { min-height: 500px; padding-bottom: 40px; padding-top: 40px; margin-top: -34px; background-color: transparent; background-repeat: repeat-y; background-image: url(data:image/gif;base64,R0lGODlh5AACAJEAAAAAAP////Dv6QAAACwAAAAA5AACAAACE5SPqcvtD6OctNqLs968+w+GWQEAOw==); }
#page-aside h1, #page-aside h2, #page-aside h3, #page-aside h4 { font-family: Georgia, Cambria, 'Times New Roman', Times, serif; }
#page-aside ul.ul-aside { padding-left: 0; margin-right: 10px; }
#page-aside li.li-aside { list-style: none; font-size: 1.4em; font-family: Georgia, Cambria, 'Times New Roman', Times, serif; color: #333; padding: 10px 0 10px 0; background-image: url(/images/li_bg.png); background-position: bottom center; background-repeat: no-repeat; }
#page-aside li.li-aside a { color: #333; }
#page-aside li.li-aside a:hover { text-decoration: none; color: #D23804; }
#page-aside ul.ul-aside-small { padding-left: 10px; margin-right: 10px; }
#page-aside li.li-aside-small { list-style: none; font-size: 0.9em; }

/* making the carousel look like the current VI says it should */
.carousel { width: 700px; max-height: 252px; padding: 0; margin-bottom: 10px; overflow: hidden; }
.carousel.carousel-full { width: 100%; }
.carousel.carousel-full .carousel-caption-orange { left: 65%; right: 0; }
.carousel.carousel-full .carousel-indicators { /*left: 77%;
right: 0;*/ margin-left: 450px; left: 0; bottom: 10px; }
.carousel.carousel-orange { background-color: #D23804; }
.carousel .carousel-indicators { left: 667px; }
.carousel .carousel-caption-orange { left: 480px; right: 0; top: 0; padding: 5px; height: 252px; background-color: #D23804; text-align: left; text-shadow: none; }
.carousel .carousel-caption-orange a { color: #fff; font-size: 12px; font-weight: normal; }

/* navigation */
#pgnav li { background-color: #329f7f; }

#pgnav li.child { background-color: #327e7f; }

#pgnav li.child a::before { content: " - "; }

#pgnav li a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; padding: 5px 5px 5px 10px; text-transform: uppercase; border-radius: 0; min-height: 34px; }

#pgnav li a:hover { background-color: #aaa; }

/* image captions */
.thumbnail.thumbnail-caption { display: inline-block; background: #f5f5f5; }
.thumbnail.thumbnail-caption p { margin: 0; padding-top: 0.5em; }
.thumbnail.thumbnail-caption small { width: 100%; text-align: right; display: inline-block; color: #999; }

/* markup: <div class="image-caption"> <img src="xxx.jpg"> <p>Caption</p> </div>
*/
div.image-caption { float: left; }
div.image-caption p { float: left; width: 100%; background-color: #eeeeee; padding: 4px; }

/* extras */
.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; }
.bs-callout h4 { margin-top: 0; margin-bottom: 5px; }
.bs-callout p:last-child { margin-bottom: 0; }

.bs-callout-danger { border-left-color: #d9534f; }
.bs-callout-danger h4 { color: #d9534f; }

.bs-callout-warning { border-left-color: #f0ad4e; }
.bs-callout-warning h4 { color: #f0ad4e; }

.bs-callout-info { border-left-color: #5bc0de; }
.bs-callout-info h4 { color: #5bc0de; }

.bs-callout-primary { border-left-color: #337ab7; }
.bs-callout-primary h4 { color: #337ab7; }

.bs-callout-success { border-left-color: #5cb85c; }
.bs-callout-success h4 { color: #5cb85c; }

.btn-leeds { background-color: #c4a480; color: #fff; }

/* pills wizard */
/* http://benjii.me/2014/03/wizard-style-navigation-tabs-for-bootstrap/ */
.nav-pills.nav-wizard > li { position: relative; overflow: visible; border-right: 15px solid #fff; border-left: 15px solid #fff; }
.nav-pills.nav-wizard > li:first-child { border-left: 0; }
.nav-pills.nav-wizard > li:first-child a { border-radius: 5px 0 0 5px; }
.nav-pills.nav-wizard > li:last-child { border-right: 0; }
.nav-pills.nav-wizard > li:last-child a { border-radius: 0 5px 5px 0; }
.nav-pills.nav-wizard > li a { border-radius: 0; background-color: #eee; }
.nav-pills.nav-wizard > li .nav-arrow { position: absolute; top: 0px; right: -20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #eee; z-index: 150; }
.nav-pills.nav-wizard > li .nav-wedge { position: absolute; top: 0px; left: -20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: #eee #eee #eee transparent; z-index: 150; }
.nav-pills.nav-wizard > li:hover .nav-arrow { border-color: transparent transparent transparent #aaa; }
.nav-pills.nav-wizard > li:hover .nav-wedge { border-color: #aaa #aaa #aaa transparent; }
.nav-pills.nav-wizard > li:hover a { background-color: #aaa; color: #fff; }
.nav-pills.nav-wizard > li.active .nav-arrow { border-color: transparent transparent transparent #428bca; }
.nav-pills.nav-wizard > li.active .nav-wedge { border-color: #428bca #428bca #428bca transparent; }
.nav-pills.nav-wizard > li.active a { background-color: #428bca; }

/* date output */
.dtstart { background-color: #2554BE; height: 50px; width: 40px; text-align: center; color: #FFF; display: table; /* short day e.g. Mon, Tue */ }
.dtstart div { display: table-cell; vertical-align: middle; }
.dtstart .sd { display: block; font-size: 9px; line-height: 1.1em; }
.dtstart .d { display: block; font-size: 14px; line-height: 1.0em; }
.dtstart .m { display: block; font-size: 11px; line-height: 1.3em; }
.dtstart .y { display: block; font-size: 9px; line-height: 1.2em; }
.dtstart.left { float: left; margin-right: 10px; }
.dtstart.right { float: right; margin-left: 10px; }

@media all and (max-width: 1000px) { .jumbotron { width: 100%; }
  .header, nav { width: 100%; }
  #unilogo { margin-right: 20px; } }
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) { /* Remove the padding we set earlier */
  .header, .marketing, .footer { padding-right: 0; padding-left: 0; }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron { border-bottom: 0; } }
@media all and (max-width: 760px) { /* remove the aside */
  #page-aside { display: none; }
  /* reduce header sizes */
  h3 { font-size: 20px; }
  h4 { font-size: 14px; }
  .carousel-caption { line-height: 12px; } }
@media all and (max-width: 400px) { #page-aside, .header { display: none; }
  /* reduce font size for tabs */
  .nav-justified > li a, .nav-tabs > li a { font-size: 0.6em; } }

/*# sourceMappingURL=bootstrap-override.css.map */