.breadcrumb {margin: 0px 0px 15px 0px; padding: 5px 5px 5px 20px; background-color: #e8f4ff;}

/* Main content */
/* .content {position: relative; top: 160px; width: 100%;} */

h1 {
    font-size: 2.3rem;
    line-height: 1.1em;
font-family: 'Droid Serif',Georgia,'Times New Roman',serif;
 }
h2 {font-size: 13px; 
}


/* Used on admin pages */
.layout table { padding: 20px; }


/* Members page */
.members {
  border-collapse: collapse; margin: 1em;
  display: inline-block;
  vertical-align: top;
}
.members td, .members th {border-style: solid; border-width: 1px 0px; border-color: #CCCCCC; padding: 1em; }

/* .admin {border-style: none; border-width: 1px; border-color: #FF8080; background-color: #FFE0E0; padding: 6px; } */
.admin {text-decoration: underline;}
/*.oddRow {background-color: #ffe7f0; } */
.oddRow {background-color: #e8f4ff; }
/* Help entries on administrative pages */
dt {font-weight: bold;}

/* Engagements page */
.engagements table {margin: 12px; }
.engagements td {padding: 0.5em 1em; text-align: left;}
.engagements th {padding: 0.5em 1em; border-style: solid; border-width: 1px 0px; border-color: #000000;}

/* Icons on the engagement availability tracker */
.engagements img {margin: 0px 20px 0px 0px; vertical-align: top;}
.engagements button {margin: 0px; padding: 1px 3px; margin: 0px 5px; font-size: x-small;}

.availcell {white-space:nowrap;}

/* RESPONSIVE ENGAGEMENTS TABLE 

  Here we mash the bman tables to death on small screens using CSS 
*/
@media screen and (max-width: 660px) {
   .engagements table {width: 80%; width: calc(100%); 
     transform: translate(-13px,0);
     -webkit-transform: translate(-13px,0);
    }
   .engagements thead { display: none; }
   .engagements tr { padding-top: 10px; padding-bottom: 20px; display: block; width: 100%; }
   .engagements td {
     display: inline-block;
     padding-top: 3px; padding-bottom: 3px;
   }
   .engagements td:nth-child(1) { display: block; font-weight: bold; font-size: 110%;}
   .engagements td:nth-child(2) { display: block;}
   .engagements td:nth-child(3) { display: block; }
   .engagements td:last-child { display: block; text-align: right; width: 90%; width: calc(100% - 24px);}
   div.availcell {display: inline-block; text-align: left; width: 115px; }
   div.availcell::before {  }
   
}

@media print {

  #footer,#header,#content,#navbar,h1,.engagementsticker {width: auto; margin: 0mm;} 
 
  #pagetitle,#pagesubtitle { color: black; }
  #navbar ul li a { color:#771144; }
  #navbar ul li.activelink { color:black; }
  #content {
    border-width: 0mm 0mm 0.2mm 0mm;
    -moz-box-shadow:    0px 0px 0px 0px #FFF;
    -webkit-box-shadow: 0px 0px 0px 0px #FFF;
    box-shadow:         0px 0px 0px 0px #FFF;
  }  
  body { font-size: 10pt; }
  button { display: none; }
  .engagements td { padding: 1mm; border-style: solid; border-width: 0.2mm 0mm; border-color:#FFEEEE !important;}
  .engagements th {padding: 1mm 2mm; border-width: 0.2mm 0mm  !important;}
  .engagements table {margin: 10mm 0mm; border-collapse: collapse;}
  a {color: black; font-weight: normal; text-decoration: none;}
}
@page { margin: 10mm; }