@import "vcalendar/calendarShared_v-140815.css";

/* Twitter Bootstrap (TBS) v2.3.2 Overrides and Customizations */

/* TBS - Navlist */
.nav-list {
  padding-left: 10px;
  padding-right: 10px;
}

.nav-list > li > a {
  border-bottom: 1px solid #fff;
  color: #cd2228;
  padding: 10px 15px;
  text-shadow: none;
  -webkit-transition: .3s all ease;
  -moz-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

.nav-list > li > a:hover, .nav-list > li > a:focus {
  background-color: #CF1702;
  color: #fff;
}

/* TBS - Navbar */
.navbar {
  margin-bottom: 0;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-inner {
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0
}

/* TBS - Navbar dropdown/flyout menus */
.dropdown-menu {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 200px;

/* Move the dropdown-menu up to eliminate gap - Twitter Bootstrap Hover Dropdown Plugin "instantlyCloseOthers" issue */
  top: 95%;
}

.dropdown-menu > li > a {
  white-space: normal;
}

.dropdown-menu > li:last-child > a {
  border-bottom: none;
}

.dropdown-submenu > .dropdown-menu {
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* TBS - Breadcrumb */
.breadcrumb {
  background-color: #fff;
  border-bottom: 1px solid #666;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.breadcrumb > li > .divider {
  color: #aaa;
}

.breadcrumb > .active > a {
  color: #999;
}

/* TBS - Blockquote */
.article blockquote {
  margin: 20px 30px;
}

/* TBS - Forms */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(2, 28, 65, .8);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(2, 28, 65, .6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(2, 28, 65, .6);
}

/* TBS - "Primary" */
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #021c41;
  background-image: none;
  border-color: #000710;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
  background-color: #043172;
  color: #fff;
}

/* TBS - Anchor tags */
a {
  color: #02034e;
}

a:hover, a:focus {
  color: #CF1702;
}

/* Resets & overrides */

/* Firefox has an unfortunate habit of showing the right scrollbar when a page is long and hiding
   it when the page doesn't reach below the fold, thus creating an undesireable "jump".
   This "fixes" the jump by keeping the scroll bar displayed at all times. */
html { overflow-y: scroll; }

i[class^="icon-"]:before { /* Font Awesome - stop underlining icons in links */
  display: inline-block;
  text-decoration: none;
}

/* Structure */
body {
  background: #ccc url(../../../vimages/L11/mainBodyBG.jpg) ;
  color: #fff;
}
.touch body { min-width: 980px; }

/* Override easyCS.css */
body #ezCS-MobileBar .social { padding: 5px 9px 4px; }
body #ezCS-BarToggle { padding: 0 10px 2px; top: 84px; }
body #ezCS-Menu { margin: 8px 0 0; }

.row-box {
  margin-bottom: 10px; /* Leave left/right margin alone - messes with Bootstrap's grid */
}

.row-box-top {
  margin-bottom: 10px;
  margin-top: 10px;
}

.span-box {
  background: #021c41;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0,.5);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
}

.span-box-color2 {
  background: #0a70ff;
}

.span-box-transparent {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sub-page-content {
  background-color: #fff;
  color: #333;
  padding: 0 20px 20px;
}

/* HEADER --------------------------------------------------------------------- */

/* Leaderboard, Top, Bottom Ad */
.leaderBoard > div, .topBanner > div, .bottomBanner > div {
  padding: .5em;
}

/* Masthead */
.masthead {
  background: url(../../../vimages/L11/masthead.jpg) no-repeat; 
  height: 310px;
  position: relative;
}

/* Logo */
.logo {
  margin: 0;
}

.logo a {
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  text-indent: 100%;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

/* Image Rotator */
#img-rotator {
  height: 310px;
  position: relative;
}

#img-rotator img {
  height: 310px;
  left: 0;
  position: absolute;
  top: 0;
}

#imgRotatorMask {
  background: transparent url(../../../vimages/L11/mastheadMask.png) no-repeat;
  height: 310px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 950px;
  z-index: 2;
}

/* Navbar */
.navbar-inner {
  background-color: #0A70FF; /* Background color for the navbar */
  background-image: none; /* Resets TBS default gradient - flat */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0A70FF', endColorstr='#ff0A70FF', GradientType=0);
}

.navbar .nav > li > a {
  color: #fff;       /* Color of links on the navbar */
  text-shadow: none; /* Resets TBS default text-shadow - flat */
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover { /* TBS override - focus & hover for top-level items with NO dropdown */
  background-color: #021c41;
  color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { /* TBS override - hover & focus for top-level ACTIVE items with NO dropdown */
  background-color: #021c41;
  color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle { /* TBS override - hover & active for top-level items WITH dropdown */
  background-color: #021c41;
  color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a { /* TBS override - hover & focus for dropdown & submenu "flyout" items */
  background-color: #021c41;
  background-image: none; /* Resets TBS default gradient - flat */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff021c41', endColorstr='#ff021c41', GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { /* TBS override - normal, hover & focus for dropdown & submenu "flyout" ACTIVE items */
  background-color: #021c41;
  background-image: none; /* Resets TBS default gradient - flat */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff021c41', endColorstr='#ff021c41', GradientType=0);
}

/* Dropdown/flyout menu color changes */
.navbar .nav > li > .dropdown-menu:before { /* Border color of "notch" at top of dropdown */
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.navbar .nav > li > .dropdown-menu:after { /* Background color of "notch" at top of dropdown */
  border-bottom: 6px solid #0A70FF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.dropdown-menu { /* Background/border color of dropdown/flyout menu */
  background-color: #0A70FF;
  border: 1px solid #fff;
}

.dropdown-menu > li > a {
  color: #fff;                      /* Color of links on dropdown-menu */
  border-bottom: 1px solid #fff; /* Border color separating menu items */
}

.dropdown-submenu > a:after { /* Color of "arrow" indicating a flyout menu */
  border-color: transparent transparent transparent #fff;
}

.dropdown-submenu.active > a:after { /* Color of "arrow" indicating a flyout menu - on "active" menu */
  border-color: transparent transparent transparent #fff;
}

/* BODY ----------------------------------------------------------------------- */

/* Search (Simple) */
.simple-search {
  margin: 0;
  padding: 7px 20px;
}

.simple-search .input-prepend .add-on { /* TBS override */
  padding: 4px 12px;
}

.simple-search input[type="text"]:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Weather */
.weather {
  padding: 20px;
}

.tab-pane > .weather,
.accordion-inner > .weather {
  padding: 0;
}

.weather .weatherItem {
  background-position: 0 15px; /* Push the graphic down below city name */
  margin-top: 1.5em;
  text-align: right;
}

.weather .weatherItem:first-child {
  margin-top: 0;
}

.weather .weatherCity {
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
}

.weather .weatherTemp {
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1em;
  text-shadow: 1px 1px 3px rgba(0,0,0,.5);
}

.weather .weatherTemp b {
  font-weight: normal;
  margin-left: 5px;
}

.weather .weatherDesc {
  font-weight: bold;
  margin-top: .5em;
  text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

.weather .weatherRange,
.weather .weatherWind,
.weather .weatherHumidity {
  font-size: .85em;
}

.weather .weatherLink {
  margin-top: .5em;
  text-align: center;
}

.weather .weatherLink a {
  color: #ccc;
}

.weather .weatherLink a:hover, .weather .weatherLink a:focus {
  color: #fff;
}

/* Accordion */
.accordion {
  margin-bottom: 0;
  padding: 20px;
}

.accordion-group {
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.accordion-heading .accordion-toggle {
  color: #cd2228;
  display: block;
  font-size: 17.5px;
  font-weight: bold;
  padding: 0 0 .5em;
}

.accordion-heading .accordion-toggle:hover, .accordion-heading .accordion-toggle:focus {
  text-decoration: none;
}

.accordion-inner {
  border-top: 1px solid #fff;
  padding: 1em 0;
}

/* Tabs */
#side-tab {
  padding: 10px;
}

#side-tab .nav-tabs > li > a {
  color: #fff;
}

#side-tab .nav-tabs > li > a:hover, #side-tab .nav-tabs > li > a:focus,
#side-tab .nav-tabs > .active > a, #side-tab .nav-tabs > .active > a:hover, #side-tab .nav-tabs > .active > a:focus {
  color: #333;
}

#side-tab .tab-pane .nav-list {
  padding-left: 0;
  padding-right: 0;
}

#side-tab .tab-pane .nav-list > li > a {
  margin-left: 0;
  margin-right: 0;
}

/* vButtons - Quicklinks */
.vbuttons .nav-list > li > a.vbutton-image {
  text-align: center;
}

/* Banners - Right #1-5 */
.rightBanner .nav-list > li {
  margin-bottom: .5em;
}

/* Polls - Voting */
.vpoll {
  margin: 0;
}

.vpoll-topic {
  font-weight: bold;
}

.vpoll-choices {
  margin: 0 0 1.5em;
}

.vpoll-choices li {
  list-style-type: none;
  margin: .5em 0;
}

.vpoll-choices a {
  color: #fff;
  text-decoration: underline;
}

.vpoll-vote {
  margin: 0;
  text-align: center;
}

.vpoll-vote a {
  margin-left: 1em;
}

/* Polls - Results */
#vpoll-results-modal {
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #333;
}

.vpoll-results > h4 {
  font-size: 14px;
  margin-top: 0;
}

.vpoll-results.in-window > h4 {
  font-size: 17.5px;
  margin: 0;
}

.vpoll-choices-text, .vpoll-choices-percent-text, .vpoll-choices-votes {
  float: left;
  margin-right: .5em;
}

.in-window .vpoll-choices a {
  color: #CF1702;
}

.vpoll-choices-percent-text {
  font-weight: bold;
}

.vpoll-choices-votes {
  margin-bottom: .25em;
}

.vpoll-choices-graph {
  border: 1px solid #ccc;
  clear: left;
  height: 25px;
  overflow: hidden;
}
.in-window .vpoll-choices-graph { border-color: #CF1702; }

.vpoll-choices-graph span {
  background-color: #ccc;
  display: block;
  height: 25px;
  overflow: hidden;
}
.in-window .vpoll-choices-graph span { background-color: #CF1702; }

/* Social Media */
.social-media {
  padding: 20px;
}

.social-media .nav {
  margin-bottom: 0;
}

.social-media .nav-pills > li > a {
  background-color: #CF1702;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #ddd;
  margin: 0 5px 5px 0;
}

.social-media .nav-pills > li > .rss          { background-color: #ff6c00; }
.social-media .nav-pills > li > .facebook     { background-color: #3b5998; }
.social-media .nav-pills > li > .twitter      { background-color: #3aa9de; }
.social-media .nav-pills > li > .linkedin     { background-color: #1f73a1; }
.social-media .nav-pills > li > .google-plus  { background-color: #d14836; }
.social-media .nav-pills > li > .pinterest    { background-color: #cb2028; }
.social-media .nav-pills > li > .youtube      { background-color: #af0e15; }
.social-media .nav-pills > li > .flickr       { background-color: #0063db; }
.social-media .nav-pills > li > .envelope     { background-color: #7cc608; }

.social-media .nav-pills > li > a:hover, .social-media .nav-pills > li > a:focus {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 6px;
}

/* vList Signup (Modal) */
#news-update {
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #333;
}

#news-update form {
  margin-bottom: 0;
}

#news-update .notifier, #news-update .disclaimer {
  margin-top: 1.5em;
}

#news-update .notifier input[type="text"] {
  margin-right: .5em;
  width: 45%;
}

#news-update .notifier select {
  margin: 0 0 0 .5em;
}

#news-update .notifier-carrier {
  margin-bottom: 1em;
}

/* FOOTER --------------------------------------------------------------------- */

/* School Address */
.school-address {
  font-size: 16px;
  padding: .75em .5em;
}

.school-address p {
  margin: 10px 0 0;
}

.school-address p:first-child {
  margin-top: 0;
}

.school-address span {
  border-left: 1px solid #fff;
  margin-left: 1em;
  padding-left: 1em;
}

.school-address span:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

/* Copyright & SOCS Links */
.copyright {
  font-size: 13px;
  padding: 12px .5em;
}

.copyright p {
  margin: 10px 0 0;
}

.copyright p:first-child {
  margin-top: 0;
}

.copyright span {
  border-left: 1px solid #fff;
  margin-left: .75em;
  padding-left: .75em;
}

.copyright span:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.copyright a {
  color: #fff;
}

/* Translation */
.translate {
  margin: 0;
  padding: .5em;
}

.translate label {
  display: none;
}

.translate .bootstrap-select.btn-group {
  margin-bottom: 0;
}

.translate a {
  color: #fff;
  margin-right: .5em;
}

.translate > button {
  margin-left: .5em;
}

.translate .bootstrap-select.btn-group .dropdown-menu dt {
  color: #333;
}

.translate .dropdown-menu .divider {
  background-color: #997a00;
  border-bottom: 1px solid #cca300;
}

/* MISC ----------------------------------------------------------------------- */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0.5em;
}

/* Print Styles */
.print-only            { display: none !important; }
.print-only-table-cell { display: none !important; }
.show-on-print         { display: none !important; }

/* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
@media print {
  .print-only            { display: block !important; }
  .print-only-table-cell { display: table-cell !important; }
  .hide-on-print         { display: none !important; }
  .show-on-print         { display: inherit !important; }

  /* TBS reset - don't print hrefs for anchor tags */
  a[href]:after { content: ""; }

  /* TBS reset - force all "spans" to take up the full-width of the page - leave the month at a glance calendar alone */
  .mainPage [class*="span"], .sub-page [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  /* Template specific resets */
  .row-box, .row-box-top {
    margin: 0 !important;
  }

  .masthead {
    height: auto;
    width: auto;
  }

  .logo a {
    display: block;
    height: auto;
    margin: 1em 0;
    overflow: visible;
    position: static;
    text-indent: 0;
    white-space: normal;
    width: auto;
  }

  .highlights .carousel-inner .item {
    height: auto !important;
  }

  .story-image-box img {
    max-width: 279px !important;
  }

  #feedbackBox, footer {
    border-top: 2px solid #000;
  }
}