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

/*
 * Form
 */
form#report-selection {
  text-align:  center;
  line-height: 3em;
}

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;
}

.pn {
  font-size: 0.8em;
}

#prev {
  float:      left;
  text-align: left;
}

#next {
  float:      right;
  text-align: right;
}

/*
 * Table of Contents
 */
ul.toc {
  font-size: 0.8em;
  width:     45%;
  padding:   0;
  margin:    0 1em;
}

ul.toc li { margin-top: 0.5em; padding: 0; }

ul.toc li a { font-weight: bold; }

ul.toc li.main_section {
  list-style-type: none !important;
  font-size:       1.25em;
  font-weight:     bold;
  margin-top:      0;
  border-bottom:   solid 1px #000;
  margin-left:    -1em !important;
}

ul#national_toc { float: left; }

ul#global_toc { float: right; }

/*
 * Supplemental
 */
#backtoreport {
  line-height: 2em;
  font-size:   0.9em;
}
#backtoreport a { font-weight: bold; }

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

/*
 * Summary Info Language Selection
 */
ul#lang-select {
  text-align: right;
  font-size:  0.8em;
  margin:     1em 0 !important;
  padding:    0 !important;
}

ul#lang-select li {
  list-style-type:  none;
  display:          inline;
  border:           solid 1px #000;
  margin:           0 -1px 0 0 !important;
  padding:          0.25em 0.75em !important;
  background-color: #efefef;
}

ul#lang-select li:first-child {
  border-radius: 5px 0 0 5px;
}

ul#lang-select li:last-child {
  border-radius: 0 5px 5px 0;
}

ul#lang-select li.selected {
  cursor:           default;
  font-weight:      bold;
  background-color: #fefefe;
}

/**
  * Info Button
  */
  .info-button {
    cursor:pointer;
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    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; }

/*
 * 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;
}

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: right !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; }


.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;
}

div.dyk p.more {
  text-align: right;
  margin-top: 0.5em;
  font-size:  0.8em;
  font-style: italic;
}

.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;
}

/*
 * "Back to Top" Floating Button
 */
#toTop {
  display:               none;
  position:              fixed;
  right:                 10px;
  bottom:                10px;
  cursor:                pointer;
  width:                 50px;
  height:                50px;
  background-color:      #0159A6;
  text-indent:           -9999px;
  display:               none;
  -webkit-border-radius: 60px;
  -moz-border-radius:    60px;
  border-radius:         60px;
}

#toTop span {
  position:            absolute;
  top:                 50%;
  left:                50%;
  margin-left:         -8px;
  margin-top:          -12px;
  height:              0;
  width:               0;
  border:              8px solid transparent;
  border-bottom-color: #ffffff;
}

#toTop:hover {
  background-color: #00A3E3;
  opacity:          1;
  filter:           "alpha(opacity=100)";
  -ms-filter:       "alpha(opacity=100)";
}
/* end Floating "Back to Top" Button */

/*
 * Page navbar
 */
nav.pageNav {
  position:         relative;
  display:          flex;
  justify-content:  space-between;
  color:            #fff;
  width:            100%;
  font-size:        0.8em;
  margin:           1em 0;
  font-weight:      normal;
  background-color: #FFFFFF;
  border-top:       solid 1px #CCC;
  border-bottom:    solid 1px #CCC;
}

nav.pageNav ul {
  display:         flex;
  align-items:     center;
  list-style:      none;
  justify-content: flex-start;
  margin:          0 !important;
  padding:         0 !important;
}

nav.pageNav ul li {
  margin:  0 !important;
  padding: 0 !important;
  color:   #194E81;
}

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

nav.pageNav > ul > li:hover { background-color: #EEEEEE; }

nav.pageNav > ul > li > ul {
  position:         absolute;
  left:             0;
  top:              100%;
  width:            100%;
  background-color: #DDDDDD;
}

nav.pageNav > ul > li > ul > li {
  display:     none;
  list-style:  none;
}

nav.pageNav > ul > li:hover > ul > li { display: block; }

nav.pageNav > ul > li > ul > li:hover { background-color: #CCCCCC; }
/* end page navbar */

/*
 * Graphics
 */
#content aside#graphics.helpbox h3 {
  margin: 0 !important;
  padding: 0.5em !important;
  font-size: 1em !important;
}

#content aside#graphics.helpbox > ul {
  margin:  0.5em 1em !important;
  padding: 0;
}

#content aside#graphics.helpbox > ul > li {
  line-height:     1.5em !important;
  margin:          0.5em 0;
  padding:         0;
  list-style-type: none;
  line-height:     1.1em !important;
}