.table_text_center { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: center }
.table_text_left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt }
.table_head_center { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align: center }
.table_head_left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold }
.table_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold }
.h1_pubs     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #660066; font-weight: bold }
.h2_pubs     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; }
.title1     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; text-align: center }
.title2      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; text-align: center }
.newpub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF8000; font-weight: bold }

/*wrapping long urls*/
.breaklong {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*responsive rules for tables and images in publications*/
.responsive-table {
  width:92%;
  -webkit-overflow-scrolling:touch;
  overflow-x:auto;
}
/* Micheal requested we take this helper text feature out after his contractor began using the responsive-table class in inappropriate ways...
.responsive-table:before,
.responsive-table:after {
  display:block;
  padding:10px;
  content : "On smaller screen sizes some of our data tables are wide enough that they no longer fit on screen. If you're using a mouse you can scroll with the scrollbar at the bottom of the table. If you're using a touchscreen please use a swipe gesture to scroll.";
  font-family:sans-serif;
  font-size:1em;
  font-style: italic;
  color:white;
  background-color:goldenrod;
}*/
.embedded-publications img {
  width:100%;
}
@media only screen and (min-width: 940px) {
  .responsive-table {
    width:100%;
    margin-left:0;
  }
  .responsive-table:before,
  .responsive-table:after {
    display:none;
  }
  .embedded-publications img {
    width:auto;
  }
}

@media print {
  .responsive-table {
    width:100%;
    margin-left:0;
  }
  .responsive-table:before,
  .responsive-table:after {
    display:none;
  }
}