/* toggle between cond1 (shows data) and cond2 (shows --) */
.cond1 { display: hide; }
body {
  padding: 0;
  margin: 0;
  font-family: sans-serif; font-size: 10pt;
  background-color: #FFFFFF;
}
#header {
  border: none;
  width: 100%;
}
#header img {
  display: block;
  text-align: center;
  margin: auto;
  border: 1px solid black;
}
#header td {
  vertical-align: top;
}
#header #navbar {
  width: 99%;
  margin-bottom: 3em;
}
h1 {
  font-size: 24pt;
  color: #FFFFFF;
  background-color: #336699;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2px 4px;
  margin-top: 0.5em;
  text-align: center;
}
h2 {
  color: #336699;  
  padding: 2px 4px;
  font-size: 16pt;
  margin: 0 0 -1.5em;
  text-align: center;
}
h3 {
  color:#336699;
  font-size: 20pt;
  margin: 1.2em 0 1.5em;
  text-align: center;
  border-bottom: none;
}
#home h3 {
  text-align: left;
  border-bottom: 1px solid #336699;
}
#home td {
  vertical-align: top;
}
/* DELETE -- FOR v1.0 
#filmstrip {
  padding-right: 30px;
}
#filmstrip img {
  display: block;
  border: 1px solid black;
  border-bottom-width: 5px;
}
#filmstrip img:first-child {
  margin-top: 1em;
}
*/
#filmstrip {
  height: 245px;
  width: 100%;
  background: #FFFFFF url('/images/filmstrip/_filmstrip.jpg') repeat-x top left;
  white-space: nowrap;
  overflow-x: hidden;
  padding-left: 6px;
}
#filmstrip img {
  height: 175px;
  padding: 33px 0px 24px 3px;
}
#filmstrip.small {
  height: 167px;
  background: #FFFFFF url('/images/filmstrip/_filmstrip-sm.jpg') repeat-x top left;
  padding-left: 4px;
}
#filmstrip img.small {
  height: 116px;
  padding: 23px 0px 25px 2px;
}
#layout {
  width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border-bottom: 1px solid #336699;
}
#leftnav {
  width: 242px;
  padding: 0 0 1em;
  margin: 0;
  background-color: #F0F0F0;
  border-right: 5px solid #336699;
  vertical-align: top;
}
#content {
  padding: 0 1em 1em 0.5em;
  vertical-align: top;
}
#boat-logo  {
  display: block;
  margin: 1.3em auto 0;
  padding: 0;
  border: none;
}
#boat-logo.nophoto {
  margin-bottom: 1.6em;
}
#boat-photo {
  display: block;
  margin: 1em auto 3em;
  padding: 0;
  border: 1px solid #336699;
}
#boat-photo.hide {
  display: none;
}
#boat-photo.small {
  width: 135px;
  margin: 0.6em auto 3em;
}
#leftnav #lnav-nextevent {
  margin: 0;
}
#leftnav #lnav-carpool {
  margin-top: 1.8em;
}
#leftnav .pointer {
  float: right;
  text-align: right;
  padding-right: 5px;
  margin-top: -25px;
  font-weight: bold;
  color: #FFFFFF; font-size: 16pt;
}
#leftnav .inactive {
  visibility: hidden;
}
#conditions, #notes-table, #roster, .generic-table {
  margin-left: 60px;
  border: none;
  border-collapse: collapse;
}
#notes-table {
  margin-top: 3em;
  margin-right: 60px;
}
#conditions th, #sbyc th, #carpool th, #roster th, .generic-table th {
  color: #FFFFFF;
  background-color: #336699;
}
#roster th {
  width: 3em;
  border: 1px solid #000000;
  padding: 5px 0 4px;
}
#conditions th, #conditions td, #carpool th, #carpool td {
  padding: 5px 8px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
.generic-table th, .generic-table td {
  padding: 5px 8px;
  border: 1px solid #000000;
}
#conditions td {
  vertical-align: middle;
}
#conditions .topleft {
  border-top: none;
}
#conditions .left {
  text-align: left;
  border-left: 1px solid #000000;
}
#conditions-footer td, #positions-footer td, #notes-footer td {
  border-right: none;
  padding-left: 0;
  text-align: left;
  font-size: 9pt;
  color: #888888;
}
#roster td {
  vertical-align: middle;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #000000;
}
#roster .left {
  text-align: left;
  border-left: none;
  border-bottom: none;
  border-top: none;
}
#roster-total td {
  font-weight: bold;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#roster th.active, #roster td.active, #roster td.active-bottom {
  border-left: 4px solid #FF4500; 
  border-right: 4px solid #FF4500; 
}
#roster th.active {
  border-top: 4px solid #FF4500; 
}
#roster td.active-bottom {
  border-bottom: 4px solid #FF4500;
}
#pos-bottom-row td {
  border-right: none;
  border-top: 1px dotted #000000;
}
#positions-footer p, #conditions-footer p, #notes-footer p {
  margin: 3px 0 5px;
}
#conditions-footer button, #positions-footer button {
  width: 12em;
}
#notes-footer button {
  width: 14em;
}
#carpool #c0 {
  display: none;
}
#carpool button, #add- {
  display: block;
  width: 9em;
}
#add- {
  margin-left: 8px;
}
#carpool #carpool-footer td {
  border-right: none;
}
#conditions-update, #positions-update, #notes-update-table, #carpool-update, #carpool-delete, #start-quiz, #roster-update-dialog {
  background-color: #CCCCCC;
  text-align: center;
  margin: auto;
  border: 1px solid #999999;
}
#carpool-delete {
  width: 30em;
}
#conditions-update table, #positions-update table, #notes-update-table table, #carpool-update table {
  margin: 0.5em;
}
#standby {
  margin: 1.75em 0 -0.5em;
  font-weight: bold;
}
#carpool-delete table {
  margin: 0.5em auto;
  width: 100%
}
#carpool-delete th {
  width: 11em;
  vertical-align: top;
}
#carpool-delete td {
  text-align: left;
}
#carpool .mod-date {
  font-size: 9pt;
  color: #888888;
  text-align: center;
  line-height: 1.5;
}
#carpool .carpool-buttons {
  padding-top: 68px;
}
#conditions-update th {
  text-align: right;
}
#positions-update th, #positions-update td {
  vertical-align: top;
  text-align: left;
  padding: 7px 5px;
}
#positions-update th {
  text-align: right;
}
#positions-update .light {
  background-color: #EEEEEE;
}
.dd-inactive-light {
  background-color: #EEEEEE;
  color: #666666;
}
.dd-inactive-dark {
  background-color: #CCCCCC;
  color: #666666;
}
.dd-active {
  background-color: #FFFFA0;
  color: #000000;
}
#positions-update .center, #carpool-update .center, #carpool-delete .center, .center {
  text-align: center;
}
#positions-update .left {
  text-align: left;
}
#carpool-update .right {
  text-align: right;
}
#select {
  margin-top: -1.8em;
  margin-left: 60px;
}
#select td {
  vertical-align: top;
}
#select td:first-child {
  padding-left: 0;
}
#select form {
  margin-top: 1em;
  margin-left: 0;
}
#carpool-update th {
  vertical-align: top;
  text-align: right;
}
#carpool-update td {
  text-align: left;
}
#carpool-delete th {
  text-align: right;
}
#carpool td:first-child {
  width: 3em;
  border-top: none;
  border-bottom: none;
}
button {
  font-size: 8pt;
  width: 6em;
}
#conditions-update input, #positions-update input, textarea {
  background-color: #FFFFA0;
}
input.radio {
  background-color: #FFFFFF;
}
input.disabled {
  background-color: #CCCCCC;
}
#select-all {
  margin: 2em 0 0.5em;
}
#ao-legend {
  margin: 0.5em 0.5em 0;
  font-size: 9pt;
}
#crew-table {
  border: none;
  margin-top: -1.4em;
  margin-left: 3em;
}
#crew-table-position {
  visibility: hidden;
}
.crew-table-assignment {
  visibility: hidden;
  width: 65px;
}
#sbyc {
  margin: 1em 0 0 60px;
  border: none;
}
#sbyc-header a {
  text-decoration: none;
  color: #336699;
}
#sbyc-header img {
  padding-left: 12px;
}
#sbyc th, #sbyc td {
  border: 1px solid #000000;
}
#sbyc td {
  border-top: none;
}
#sbyc th:first-child, #sbyc td:first-child {
  border-right: none; 
}
#sbyc td {
  vertical-align: top;
  padding: 0 1.5em;
}
#sbyc ul {
  padding-left: 0.2em;
}
#sbyc ul ul {
  padding-left: 2.5em;
}
#results table, #results, p {
  font-family: courier new, serif;
}
#results, p {
  margin-left: 0.3em;
}
#results th {
  background-color: #888888;
  border: none;
}
#results td {
  text-align: right;
  border: none;
}
#results .end-half td {
  border-bottom: 1px solid #000000;
  padding-bottom: 0.3em;
}
#results .begin-half td {
  padding-top: 0.2em;
}
#results-page #results th {
  color: #FFFFFF;
  width: 25%;
}
#results-page #results td {
  text-align: center;
}
#results-page #results table {
  width: 300px;
}
#carpool {
  width: 100%
}
#no-carpools {
  margin-bottom: 5px;
}
.crew td, .crew th, .crew-group th, .crew-group td {
  text-align: left;
  vertical-align: top;
  border-top: 1px dotted #000000;
}
.crew th {
  padding-left: 2em;
  padding-right: 1em; 
}
.crew-group th, .crew-group td {
  background-color: #CCCCCC;
  padding-left: 4px;
}
#carpool .carpool-driver {
  width: 100%;
}
#carpool .carpool-driver th {
  background-color: #FFFFFF;
  color: #000000;
  text-align: right;
  vertical-align: top;
  border: none;
  width: 5.5em;
}
#carpool .carpool-driver td {
  border: none;
  vertical-align: top;
  width: 10em;
}
#carpool .carpool-driver .max-spots {
  vertical-align: bottom;
}
#carpool .carpool-riders {
  width: 100%;
}
#carpool .carpool-riders th {
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border: none;
}
#carpool .carpool-riders td {
  border: none;
  vertical-align: top;
}
#carpool .carpool-riders .rider-col2 {
  width: 65px;
}
#carpool .carpool-riders .rider-col3 {
  width: 80px;
}
#carpool .carpool-riders .rider-col4 {
  width: 250px;
}
#carpool .carpool-riders td:first-child {
  width: 0.8em;
  text-align: right;
}
#update-title, #delete-title {
  padding: 5px 0;
  font-weight: bold;
  font-variant: small-caps;
  text-align: center;
}
#clear-button {
  display: block;
  margin: 0 auto 0.75em;
  width: 10em;
}
#static-page h3, #proc-page h3 {
  margin-top: 1em;
}
#static-page h4, #results-page h4, #proc-page h4, #nextevent-page h4 {
  color:#336699;
  font-size: 14pt;
  margin: 2.5em 0 1em;
  border-bottom: 1px solid #336699;
}
#static-page h5, #results-page h5, #proc-page h5, #nextevent-page h5 {
  color:#336699;
  font-size: 12pt;
  margin: 1em 2em 1em 30px;
  padding-left: 0;
}
#nextevent-page h6, #static-page h6 {
  color:#336699;
  font-size: 11pt;
  margin: 0 2em 1em 30px;
}
#static-page p {
  font-family: sans-serif; font-size: 10pt;
  margin-left: 30px;
}
#static-page p.intro {
  margin-left: 2px;
  margin-top: -0.5em;
}
#static-page iframe {
  display: block;
  margin: 2em auto 0;
  border: 1px solid black;
}
#static-page li {
  margin-top: 5px;
}
#results-page {
  margin-left: 70px;
}
#results-page h4 {
  margin: 2.5em 0 1.5em -55px;
}
#results-page h5 {
  margin: 2em 0 1.5em -35px;
}
#results-page iframe {
  display: block;
  border: 1px solid black;
}
#results-page #TOC-table {
  margin: 2em 0 0 -57px;
}
#page-footer {
  margin-top: 2em;
  padding-top: 0.5em;
  border-top: 1px solid #000000;
  text-align: center;
}
#page-footer a {
  padding: 1em;
}
#TOC-table {
  margin: 1em 0 0 20px;
}
#results-page #TOC-table {
  margin-top: 0;
}
#static-page #TOC-table td.emphasis, #results-page #TOC-table td.emphasis {
  font-weight: bold;
  vertical-align: top;
}
#TOC, #TOC li {
  margin-top: 0;
}
#navbar {
  width: 75%;
  margin: 0 auto;
  border-top: 1px solid #336699;
  border-bottom: 1px solid #336699;
}
#navbar td {
  width: 20%;
  padding: 0;
}
#navbar a:link, #navbar a:visited {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
  color: #1E3D5C;
  /* color: #336699; */
}
#navbar a:hover, #navbar a.nbb-active {
  /* color: #FFFFFF; */
  background-color: #336699;
}
#leftnav a.level0:link, #leftnav a.level0:visited {
  display: block;
  margin: 0.5em 0 0;
  padding: 3px 7px;
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
  color: #336699;
}
#leftnav a.level0:hover {
  /* color: #FFFFFF !important; */
  background-color: #9ABCDE;
}
#leftnav a.active, #leftnav a.active:hover {
  color: #FFFFFF !important;
  background-color: #336699;
}
.level1 {
  background-color: #D3D3D3;
  padding: 4px 0 6px;
  margin-top: -1px;
  /* margin-right: -8px; */
}
.level1 ul {
  margin: 0;
  padding-left: 2em;
}
.level1 li {
  margin-top: 0.1em;
}
.level1 li li {
  font-size: 9pt;
}
.level1 a:link, .level1 a:visited {
  text-decoration: none;
  color: #0000FF;
}
.level1 a:hover {
  text-decoration: underline;
}
.level1 .proc-top {
  display: block;
  font-weight: bold;
  margin-top: 1px;
  padding-left: 5px;
  padding: 1px 5px;
  color: #1E3D5C !important;
}
.level1 .proc-nested {
  margin-left: 1em;
}
.level1 a.proc-top:hover, .level1 a.proc-active {
  // color: #FFFFFF !important;
  background-color: #9ABCDE;
  text-decoration: none;
}
.level1-section {
  color: #1E3D5C;
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
  margin: 1.5em 0 0;
  padding: 0 1.8em 0 0;
  border-bottom: 1px solid #1E3D5C;
}
#home a:link, #home a:visited {
  text-decoration: none;
}
#home a:hover {
  text-decoration: underline;
}
#roster .upper-left-cell {
  border-top: none;
  border-left: none;
}
#roster .mod-col {
  border-top: none;
  border-right: none;
  border-bottom: none;
  text-align: left;
  font-size: 9pt;
  color: #888888;
}
#roster .upper-right-cell {
  border-bottom: 1px solid #000000;
}
#roster .lower-right-cell {
  border-top: none;
}
#roster .row-even, .tides .row-grey {
  background-color: #EDEDED;
}
#roster p {
  margin: 0;
}
#roster .present {
  background-color: #CCFFCC;
}
/*******************jjj*/
#proc-page h3 {
  margin-bottom: 0;
}
#proc-page h3.subtitle, #static-page h3.subtitle {
  margin-top: 0.5em;
  font-size: 16pt;
}
#proc-page h4 {
  margin-bottom: 1.2em;
}
#proc-page h5 {
  margin-top: 1.8em;
}
#proc-page h6 {
  color:#336699;
  font-size: 10pt;
  margin: 1em 2em 1em 60px;
  padding-left: 0;
}
#proc-page ul, #proc-page ol {
  margin: 0 2em 0 70px;
}
#proc-page ul ul, #proc-page ol ul, #proc-page ul ol {
  margin-left: 0;
  padding-left: 40px;
}
#proc-page ul.first-gap li, #proc-page ol.first-gap li {
  margin-top: 1em;
}
#proc-page ul.first-bold li {
  font-weight: bold;
}
#proc-page ul li ul li, #proc-page ol li ul li, #proc-page ul.first-gap li ul li, #proc-page ol.first-gap li ul li {
  margin-top: 0.3em;
}
#proc-page ul.first-bold li ul li {
  font-weight: normal;
}
#proc-page img {
  display: block;
  margin: 2em auto;
}
.command {
 color: #ee4000;
 font-weight: bold;
}
.black {
  color: #000000;
}
#proc-page p {
  font-family: sans-serif; font-size: 10pt;
  margin: 1em 2em 1em 60px;
}
#proc-page #legend-polar {
  width: 629px;
  text-align: right;
  padding-right: 40px;
  margin: -15px auto 1em;
}
/* old -- not sure active -- */
#proc-page dl {
}
#proc-page dd, .term {
  font-weight: bold;
  color: #008000;
  margin-top: 0.5em;
}
#proc-page dt {
  margin-left: 80px;
}
#proc-page .figure-center {
  display: block;
  margin: auto;
}
#proc-page .legend {
  font-weight: bold;
  margin-top: 1em;
}
.legend {
  text-align: center;
  margin-top: 0;
}
.new {
  text-transform: uppercase;
  color: red;
}
.emphasis {
  font-weight: bold;
}
.highlight {
  background-color: #FFEC8B;
}
.data-on .dash {display: none;}
.data-off .data {display: none;}
.rsiframe {width: 0px; height: 0px; border: 0px; margin-left: 2em;}
.hide, .classD, .classE, .classG, .classH, .classJ, .classK {display: none;}
.hide-vis {visibility: hidden;}
.show {display: table-row;}
.show-table {display: table;}
.show-box {display: inline;}
.show-div {display: block;}
@media print {
  #filmstrip, #leftnav, table table button {display: none;}
}