@media print {
  #sotc-sections,
  #supplementalToc,
  #report-selection,
  #prev,
  #next { display: none; }
}

/* SotC Section Menu
 ********************/
ul#sotc-sections {
  display:         flex;
  list-style-type: none;
  margin:          0 0 1em 0;
  padding:         0;
  font-size:       0.8em;
  border-bottom:   solid 1px rgba(0,0,0,0.1);
}

ul#sotc-sections li {
  flex:    1;
  margin:  0;
  padding: 0;
  -webkit-transition: box-shadow 0.25s linear;
  -moz-transition:    box-shadow 0.25s linear;
  -o-transition:      box-shadow 0.25s linear;
  transition:         box-shadow 0.25s linear;
}

ul#sotc-sections li img#short-xml {
  vertical-align: -3px;
}

ul#sotc-sections li a {
  display:          block;
  background-color: #fff;
  color:            #0159A6;
  text-align:       center;
  padding:          0.25em 0.5em;
  text-decoration:  none;
}

ul#sotc-sections li.selected,
ul#sotc-sections li:hover {
  background-color: #eee;
  box-shadow:       0 8px 6px -6px rgba(0,0,0,0.4);
}

ul#sotc-sections li.selected a {
  color:  #444;
  cursor: default;
}
/*********************
 End SotC Section Menu */

/* Report Selection Form
 ***********************/
form#report-selection {
  line-height: 3em;
  margin:      0 auto 1em auto;
}

form#report-selection option.season {
  border-top:    dashed 1px #777;
  border-bottom: dashed 1px #777;
  font-size:     0.8em;
  font-weight:   bold;
  font-family:   arial, sans-serif;
}

@media only screen and (min-width: 1024px) { #month { width: 110px; } }
@media only screen and (max-width: 1023px) {
  form#report-selection label { display: inline-block; width: 10%; min-width: 45px; }
  form#report-selection select { width: 65%; min-width: 195px; }
  input[type=submit] { display: block; }
}

.pn { font-size: 0.8em; }

#prev {
  float:         left;
  text-align:    left;
  margin-bottom: 1em;
}

#next {
  float:         right;
  text-align:    right;
  margin-bottom: 1em;
}
/***************************
 End Report Selection Form */

/* SotC ToC
 **********/
#sotc-toc {
  font-size:   0.9em;
  display:     flex;
  align-items: stretch;
}

#sotc-toc ul {
  flex:            1;
  padding:         0.5em 1em;
  margin:          0 0.5em 0.75em 0.5em !important;
  list-style-type: none;
  background:      linear-gradient(rgba(17,46,81,0.05),rgba(17,46,81,0.01));
  border-radius:   3px;
  box-shadow:      0 5px 5px 2px #ccc;
}

#sotc-toc ul:first-child { margin-left: 0; }
#sotc-toc ul:last-child { margin-right: 0; }

#sotc-toc ul li {
  margin:      0;
  padding:     0;
  line-height: 1.75em;
}

#sotc-toc ul li:first-child,
#sotc-toc ul li.sotc-toc-header {
  font-size:     1.25em;
  font-weight:   bold;
  color:         #777;
}

#sotc-toc li a {
  display: block;
  padding: 0.5em 0.25em;
  color:   #444;
  border-radius: 3px;
}
#sotc-toc li a span.sotc-toc-title { color: #0057a5; }
#sotc-toc li a:hover { background-color: rgba(17,46,81,0.1); }
/**************
 End SotC ToC */

/* Page Navbar
 **************************/
nav#pageNav {
  width:              100%;
  box-shadow:         0 8px 6px -6px rgba(0,0,0,0.4);
  position:           relative;
  font-size:          0.8em;
  margin-bottom:      10px;
  background:         rgba(17,46,81,0.05);
  -webkit-transition: background 0.5s linear;
  -moz-transition:    background 0.5s linear;
  -o-transition:      background 0.5s linear;
  transition:         background 0.5s linear;
}

nav#pageNav.sticky {
  position:   fixed !important;
  top:        0;
  z-index:    1000;
  background: rgba(17,46,81,0.9);
}
nav#pageNav ul {
  margin:  0 !important;
  padding: 0 !important;
}

nav#pageNav ul li {
  list-style: none;
  margin:     0 !important;
  padding:    0 !important;
}

nav#pageNav .pageLink {
  cursor:  pointer;
  display: block;
  padding: 0.5em 1em;
}

nav#pageNav > ul > li       { color: #194E81; }
nav#pageNav > ul > li:hover { color: #194E81; background-color: rgba(17,46,81,0.25); }

nav#pageNav.sticky > ul > li       { color: #fff; }
nav#pageNav.sticky > ul > li:hover { color: #fff; background-color: rgba(85,100,117,0.9); }

nav#pageNav > ul > li > ul,
nav#pageNav > ul > li > ul > li,
nav#pageNav > ul > li > ul > li > ul {
  visibility: hidden;
  opacity:    0;
  height:     0;
  list-style: none;
  -webkit-transition: visibility 0s, opacity 0.15s linear;
  -moz-transition:    visibility 0s, opacity 0.15s linear;
  -o-transition:      visibility 0s, opacity 0.15s linear;
  transition:         visibility 0s, opacity 0.15s linear;
}

@media only screen and (min-width: 660px) {
  nav#pageNav ul {
    display:         flex;
    align-items:     stretch;
    justify-content: space-evenly;
  }

  nav#pageNav ul li {
    flex: 1;
    text-align: center;
  }

  nav#pageNav > ul > li > ul,
  nav#pageNav > ul > li > ul > li > ul {
    position:   absolute;
    left:       0;
    top:        100%;
    width:      100%;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
  }

  nav#pageNav > ul > li:hover > ul,
  nav#pageNav > ul > li:hover > ul > li,
  nav#pageNav > ul > li:hover > ul > li:hover > ul,
  nav#pageNav > ul > li:hover > ul > li:hover > ul > li {
    visibility: visible;
    height:     auto;
    opacity:    1;
  }

  nav#pageNav > ul > li > ul > li       { color: #194E81; background-color: rgba(170,178,188,0.95); }
  nav#pageNav > ul > li > ul > li:hover { color: #194E81; background-color: rgba(157,168,181,0.95); }

  nav#pageNav > ul > li:hover > ul > li:hover > ul > li       { color: #194E81; background-color: rgba(157,168,181,0.95); }
  nav#pageNav > ul > li:hover > ul > li:hover > ul > li:hover { color: #194E81; background-color: rgba(127,139,155,0.95); }

  nav#pageNav.sticky > ul > li > ul > li       { color: #fff; background-color: rgba(50,58,68,0.9); }
  nav#pageNav.sticky > ul > li > ul > li:hover { color: #fff; background-color: rgba(102,106,111,0.9); }

  nav#pageNav.sticky > ul > li:hover > ul > li:hover > ul > li       { color: #fff; background-color: rgba(102,106,111,0.9); }
  nav#pageNav.sticky > ul > li:hover > ul > li:hover > ul > li:hover { color: #fff; background-color: rgba(148,149,151,0.9); }
}

@media only screen and (max-width: 659px) {
  nav#pageNav::before { content: 'Contents of this Report'; font-weight: bold; margin: 10px !important; }
  nav#pageNav.sticky::before { color: #777; }
}
/* end Page Navbar
******************/

/* Info Button
 *************/
.info-button {
  cursor:pointer;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
  background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
  background-color:#3d94f6;
  -moz-border-radius:21px;
  -webkit-border-radius:21px;
  border-radius:21px;
  border:1px solid #337fed;
  display:inline-block;
  color:#ffffff !important;
  font-family:arial;
  font-size:9px;
  font-weight:bold;
  padding:1px 4px;
  text-decoration:none;
  text-shadow:1px 1px 0px #1570cd;
}.info-button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
}.info-button:active {
  position:relative;
  top:1px;
}
  
table th a { color: #afdef6 !important; }
/*****************
 End Info Button */

/* Stats Table
 *************/
table.stats-table {
  font-size: 0.8em;
  width:     100%;
}

table.stats-table caption {
  font-weight: bold;
  text-align:  left;
}

table.stats-table td { text-align: center; }
.stats-table td.left { text-align: left !important; }
.stats-table td.right { text-align: right !important; }

table.stats-table tr.odd th,
table.stats-table tr.odd td { background-color: #F8F8F8; }

table.stats-table tr.even th,
table.stats-table tr.even td { background-color: #fff; }

table.stats-table td.section {
  font-weight: bold;
  text-align:  left;
  border-top:  solid 2px #000;
}

table.stats-table td.header { font-weight: bold; text-align: left !important; }

table.stats-table td.bbz { border-bottom: 0; }

table.stats-table td.ties { font-size: 0.8em; }

table.stats-table span.att { color: #999; }

p.stats-note { margin: 0; font-size: 0.9em !important; font-style: italic; }
/*****************
 End Stats Table */

.totop,.top { text-align: right; }

.warm { color: #f00; }
.cold { color: #2af; }

div.available { text-align: center; }

div.collapse {
  text-align:   left;
  font-size:    0.8em;
  color:        #2547b5;
  background:   url('/cmb-lib/cmb-templates/images/collapse.png') center left no-repeat;
  padding-left: 16px;
  cursor:       pointer;
}

.dyk details summary {
  text-align: left;
  font-size:  0.8em;
}

.dyk details[open] summary {
  font-style: italic;
  font-size:  0.8em;
}

.dyk details[open] summary:after {
  content: 'Collapse';
}

.dyk details[open] summary .dykTitle {
  display: none;
}

.att { color: #999; }

h4#summary_info { margin-bottom: 0.5em; }

div#summary-info h2,
div#summary-info h3,
div#summary-info h4 {
  margin-top:    1em;
  margin-bottom: 1em;
}

p.disclaimer {
  font-size:  0.8em;
  font-style: italic;
}

/* Expanding Note
 ****************/
.expand {
  border:           solid 1px #aaa;
  background-color: #efefef;
  font-size:        0.8em;
  margin:           1em auto;
}

.expand h5 { padding:5px 5px 0px 5px; }

.expand .expand-note {
  overflow: hidden;
  padding:  0px 5px 5px 5px;
}

.expand .bottom-line {
  padding:          1px 5px;
  border-top:       solid 1px #ddd;
  background-color: #eee;
}

.expand .toggle {
  float:       right;
  cursor:      pointer;
  font-size:   0.9em;
  font-weight: bold;
}
/********************
 End Expanding Note */

/* Additional Resources
 **********************/
#related-materials {
  display:     flex;
  align-items: stretch;
}

#related-materials > div {
  flex:          1;
  padding:       0.5em 1em;
  margin:        0 5px;
  font-size:     0.75em;
  background:    linear-gradient(rgba(17,46,81,0.05),rgba(17,46,81,0.01));
  border-radius: 3px;
  box-shadow:    0 5px 5px 2px #ccc;
}

#related-materials h2 { margin: 0 !important; }

#related-materials h3 { margin: 0 !important; }

#additional-resources-flexbox {
  display: flex;
}

#additional-resources-flexbox div {
  flex: 1;
  margin: 0 3px;
}

#supplemental-material ul { margin-top: 0; }
/**************************
 End Additional Resources */

/* Citation
 **********/
#citation { margin-top: 2em; }
/**************
 End Citation */