.row {display: flex; flex-wrap: wrap;}
.row-gutters {padding-left: calc(var(--gutter) / 2); padding-right: calc(var(--gutter) / 2);}
.row-gutters > .col,
.row-gutters > [class*="col-"] {padding-left: var(--gutter); padding-right: var(--gutter);}
.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12, .col-auto, .col-fill,
.col-m-01, .col-m-02, .col-m-03, .col-m-04, .col-m-05, .col-m-06, .col-m-07, .col-m-08, .col-m-09, .col-m-10, .col-m-11, .col-m-12, .col-m-auto,
.col-m-fill {position: relative; width: 100%; min-height: 1px;}
.col-auto {flex: 0 0 auto; width: auto; max-width: none;}
.col-fill {flex-basis: 0; flex: 1; flex-grow: 1; max-width: 100%;}
.col-none {flex: none;}
.col-01 {flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-02 {flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-03 {flex: 0 0 25%; max-width: 25%;}
.col-04 {flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-05 {flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-06 {flex: 0 0 50%; max-width: 50%;}
.col-07 {flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-08 {flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-09 {flex: 0 0 75%; max-width: 75%;}
.col-10 {flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 {flex: 0 0 100%; max-width: 100%;}
@media (max-width: 768px) {
  .col-m-auto {flex: 0 0 auto; width: auto; max-width: none;}
  .col-m-fill {flex-basis: 0; flex: 1; flex-grow: 1; max-width: 100%;}
  .col-m-none {flex: none;}
  .col-m-01 {flex: 0 0 8.333333%; max-width: 8.333333%;}
  .col-m-02 {flex: 0 0 16.666667%; max-width: 16.666667%;}
  .col-m-03 {flex: 0 0 25%; max-width: 25%;}
  .col-m-04 {flex: 0 0 33.333333%; max-width: 33.333333%;}
  .col-m-05 {flex: 0 0 41.666667%; max-width: 41.666667%;}
  .col-m-06 {flex: 0 0 50%; max-width: 50%;}
  .col-m-07 {flex: 0 0 58.333333%; max-width: 58.333333%;}
  .col-m-08 {flex: 0 0 66.666667%; max-width: 66.666667%;}
  .col-m-09 {flex: 0 0 75%; max-width: 75%;}
  .col-m-10 {flex: 0 0 83.333333%; max-width: 83.333333%;}
  .col-m-11 {flex: 0 0 91.666667%; max-width: 91.666667%;}
  .col-m-12 {flex: 0 0 100%; max-width: 100%;}
}
@media all and (max-width: 768px) {
  .row-gutters {padding-left: 0; padding-right: 0;}
  .row-gutters > .col,
  .row-gutters > [class*="col-"] {padding-left: 0; padding-right: 0;}
}

.section {margin-top: 15px;}

.panel {position: relative; border: 1px solid #ebebeb; margin-bottom: 20px;}
.panel .panel-h {border-bottom: 1px solid #ebebeb; padding: 15px;}
.panel .panel-h .panel-title {margin: 0;}
.panel .panel-c {padding: 15px;}

@media all and (max-width: 768px) {
  .panel {margin-bottom: 10px; border: 0;}
  .panel .panel-h {padding: 5px;}
  .panel .panel-h .panel-title {font-size: 1.5em; line-height: 1em;}
  .panel .panel-c {padding: 5px;}
  .section {padding: 5px;}
}

.figure .img > img {max-width: 100%;}

.upto {font-size: 11px; margin: 20px 0 0 0;}
.upto a:link,.upto a:visited {padding-left: 24px; text-decoration: none;}
.upto a:hover,.upto a:active {background-position: 0 -20px;}

.ringtag {font-size: 11px; float: right; width: 128px; height: 42px; margin-top: 20px;}
.ringtag a:link, .ringtag a:visited {display: block; padding: 12px 0 14px 18px;}
.ringtag a:hover, .ringtag a:active {background-position: right -53px;}

dt {font-weight: bold; margin: 8px 0 4px 0;}
dd {margin-left: 24px;}
dd p {margin: 6px 0 0 0;}
.nb {font-weight: bold; color: #e65; padding-right: 6px;}
.highlight {color: #35b;}
tt.hex {color: #a60;}
.red  { color: #e40; }
.blue { color: #06e; }
.green  { color: #090; }
.orange { color: #e80; }

.item {border-top: 2px dashed #b8b8f8; margin: 20px 0; padding-top: 1rem; clear: both;}
.indent {margin-left: 50px;}
.hangout {float: left; margin-right: 1rem;}

.unframed {border-collapse: collapse; margin-left: 50px;}
.unframed tr {vertical-align: top;}
.unframed th {padding-right: 30px; text-align: left;}
.unframed td.subhead {color: #46c; font-size: 1.1em; padding-top: 3px; padding-bottom: 3px;}
.unframed td {padding-right: 30px; text-align: left;}
.unframed td.comment {color: #99a; font-style: italic;}
.framed, .cframed, .cmframed {border-collapse: collapse; width: 100%; margin: 16px 0;}
.framed th, .cframed th, .cmframed th {border: 1px solid #888; padding: 4px; font-size: 14px; text-align: center;}
.cframed td.subhead {font-size: 13px; color: #46c; text-align: left;}

.framed td.sidehead, .cframed td.sidehead, .cmframed td.sidehead {
  border: 1px solid #888;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #e6e6e6;
}
.framed td, .cframed td, .cmframed td {border: 1px solid #ccc; padding: 3px 4px;}
.cframed td {text-align: center; vertical-align: top;}
.cmframed td {text-align: center; vertical-align: middle;}
.cframed td.desc, .cmframed td.desc {text-align: left;}
.framed td:first-child, .cframed td:first-child, .cmframed td:first-child {border-left: 1px solid #888;}
.framed td:last-child, .cframed td:last-child, .cmframed td:last-child {border-right: 1px solid #888;}
.framed tr:last-child td, .cframed tr:last-child td, .cframed td.lastrow,
.cmframed tr:last-child td, .cmframed td.lastrow {border-bottom: 1px solid #888;}
.tablenotes {border-collapse: collapse; width: 90%; margin: 16px auto;}
.tablenotes tr {vertical-align: top;}
.tablenotes th, .tablenotes td {padding: 2px; text-align: left;}
.tablenotes td:first-child {width: 80px; padding-right: 20px; text-align: right;}
.gmmap {margin: 20px auto;}
.gmmap table {border-collapse: collapse; width: 100%;}
.gmmap table tr {vertical-align: top;}
.gmmap table th {font-size: 14px; border: 1px solid #888; padding: 4px; text-align: center;}
.gmmap table th:first-child {width: 72px;}
.gmmap table td {padding: 2px 4px; border: 1px solid #ccc; text-align: left;}
.gmmap table td[colspan="2"] {font-size: 1.1em; color: #46c; background-color: #eee;}
.gmmap table td:first-child {border-left: 1px solid #888; text-align: center;}
.gmmap table td:last-child {border-right: 1px solid #888;}
.gmmap table tr:last-child td {border-bottom: 1px solid #888;}
.mw-midimsg, .mw-syxmsg, .mw-syxparam {border-collapse: collapse; width: 90%; margin: 16px auto;}
.mw-midimsg th, .mw-syxmsg th, .mw-syxparam th {padding: 4px; background-color: #ddd; border: 1px solid #888;}
.mw-midimsg th {color: #46c; font-weight: normal; text-align: left;}
.mw-syxmsg th {color: #46c; font-weight: normal; text-align: center;}
.mw-syxparam th {font-size: 14px; text-align: center;}
.mw-midimsg td, .mw-syxmsg td, .mw-syxparam td {border: 1px solid #ccc; padding: 3px 4px; text-align: left;}
.mw-syxmsg td, .mw-syxparam td {vertical-align: top;}
.mw-midimsg th:first-child {width: 90px;}
.mw-syxmsg > tbody > tr > td:first-child, .mw-syxparam td:first-child {width: 90px; text-align: center;}
.mw-midimsg td:first-child, .mw-syxmsg > tbody > tr > td:first-child, .mw-syxparam > tbody > tr > td:first-child {border-left: 1px solid #888;}
.mw-midimsg td:last-child, .mw-syxmsg > tbody > tr > td:last-child, .mw-syxparam > tbody > tr > td:last-child {border-right: 1px solid #888;}
.mw-midimsg tr:last-child td, .mw-midimsg td.lastrow, .mw-syxmsg > tbody > tr:last-child td, .mw-syxparam > tbody > tr:last-child td {border-bottom: 1px solid #888;}
.mw-syxmsg table, .mw-syxparam table { border-collapse: collapse; margin-top: 4px; width: 100%;}
.mw-syxmsg table th {font-size: 14px; font-weight: bold; color: #555;}
.mw-syxmsg table th, .mw-syxparam table th {padding: 2px 4px; background-color: #e6e6e6; border: none; text-align: left;}
.mw-syxmsg table td, .mw-syxparam table td {border: none;}
.mw-syxmsg table th, .mw-syxmsg table td {padding-left: 30px;}
.mw-syxparam table th:first-child {text-align: center;}