/* make images responsive */
.squish {
  width: 100%;
  height: auto;
}
ul {
    margin-bottom:20px;
}
{
    font-weight: bold; /* bold hyperlinks */
}
p {
  margin-bottom: 20px; /* spacing between paragraphs */
  }
p.tight {
  line-height: 1.2;
  margin-bottom: 10px;
}
/* For building a box to constrain image and text. */ 
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
* {
  box-sizing: border-box;
}
/* unvisited link */
a:link {color: #3b9cf7; font-weight:bold;}

/* visited link */
a:visited  {color: #443bf7; font-weight:bold;}

/* mouse over link */
a:hover  {color: #3b9cf7; font-weight:bold; font-size: 110%}

/* selected link */
a:active  {color: #3b82f7; font-weight:bold;}

.titlebox {
  float: left;
  width: 100%;
  height:100px;
  padding: 8px;
  vertical-align:baseline;
}
.box {
  float: left;
  width: 250px;
  height:500px;
  padding: 8px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}  /* End box styling. */ 
h2{
  margin-bottom: 30px; /* below H2 paragraph */
}
h1{
  margin-bottom: 35px; /* below H1 paragraph */
}
td {
    padding: 6px;
}
tr.zebra:nth-child(even){
    background-color: #f2f2f2;
}
li {
    margin-left: 30px; /* to put space left of list */
}
.solved {
  	background-color: #FFFFCC; /*background pale yellow*/
{
.solvedO {    
    background-color: #FFCC66; /* emphasis orange*/
}
.txtTable {
   display: table;
   margin-left:auto; 
   margin-right:auto;
}
.txtTableBody {
   display: table-row-group;
   border-collapse: collapse;
}
.txtTableRow {
   display: table-row;
}
.txtTableHeading {
   display: table-header-group;
   font-weight: bold;
}
.txtTableCellL, .txtTableHeadL {
   display: table-cell;
   padding: 3px 10px;
   text-align: left;
}
.txtTableCellR, .txtTableHeadR {
   display: table-cell;
   padding: 3px 10px;
   text-align: right;
}
.txtTableCellC, .txtTableHeadC {
   display: table-cell;
   padding: 3px 10px;
   text-align: center;
}
.txtTableFoot {
   display: table-footer-group;
   font-weight: bold;
}
.table.center {
    width: 60%;
    border: 1px solid black;
    overflow: hidden;
    margin-left:auto; 
    margin-right:auto;
}
.column1seal{
   float: left;
   width: 10%;
   padding-left: 8px;
   }
.column2seal{
   float: left;
   width: 80%;
   padding-left: 0px;
   }
.column3seal{
   float: right;
   width: 10%;
   padding-right: 3px;
  }
.resp-table-row{
   display: inline-block;
   display: table-row;
   width: auto;
}
.rnTable {
   display: table;
   width: 80%;
   margin-left:auto;
   margin-right:auto;
}
.rnTableBody {
   display: table-row-group;
}
.rnTableRow {
   display: inline-block;
   display: table-row;
   width:auto;
   clear: both;
}
.rnTableCell {
    display: table-cell;
    padding: 3px 5px;
}
.rnTableCellLeft {
    display: table-cell;
    padding: 3px 10px;
    text-align: left;
}
.rnTableCol {
    float: left;
    display: table-column;         
    width: auto;
}
.rnLeft {
    float:left;
    max-width:40%;
    margin-left:10px;
}
.rnRight {
    float:right;
    max-width:40%;
    margin-right:10px;
}
.rnCell10 {
    margin-left:10px;
}
.rnCell20 {
    margin-left:20px;
}
.rnCell30 {
    margin-left:30px;
}
.rnCell40 {
    margin-left:40px;
}
hr.blk{
    border-top: 1px solid black;
    margin-left: 5px;
    margin-right: 5px;
}    
div.containtext95 {
    width: 95%;
    margin-left:auto; 
    margin-right:auto;
}
div.containtext {
    width: 70%;
    margin-left:auto; 
    margin-right:auto;
}
contain95 {
    display: block;
    max-width: 95%;
    margin-left:auto; 
    margin-right:auto;
}
.boxes_style_8 .boxes li{
	color:#aaa;
	}
.solved {
    margin-top:5px;
    width:98px;
    height:51px;
}
.dividers_30 {
	border: none;
	border-bottom: 2px solid #3b9cf7;
	width: 30%;
	clear: both;
	display: block;
	overflow: hidden;
	margin-top:20px;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
}

/*This is a subset of a larger collection of CSS to 
make responsive Div Tables; See the full set at:
/site2021.coxrail.com/Portals/0/Coxrail/CoxRailCSSarchive
*/

/* Div Table (mimics <table<)
Use these divs for faking an HTML table and allowing it to be responsive
*/
.DivTable {
  	display: table;
}
.mysterytable{
  	max-width: 80%;
    margin-left:auto; 
    margin-right:auto;
    }

.DivTableBody {
  	display: table-row-group;
	vertical-align: top;
}

/* Div Table Head (mimics <th>) 
Bold the text and color the head
*/
.DivTableHead {
  	background-color: #FFCC66;
  	font-weight: bold;
}

/* Div Table Rows (mimics <tr>)
Color the body rows of the div table
*/
.DivTableRow {
  	display: table-row;
  	background-color: #FFFFCC;
}

/* Div Table Cells (mimics <td>) 
Align left, right and center
   With cell borders
*/

.DivTableCell, .DivTableHead {
  	display: table-cell;
	vertical-align: top;
  	padding: 3px 10px;
  	border: 1px solid #999999;
}
.divTableCol {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: auto; 
}
th, td {
  padding: 5px, 8px, 5px, 10px;
}
.emphasisboxcenter {
	border: 3px solid;
	background-color: #FFFFCC;
	width: 75%;
	text-align: center;
	padding: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
/* Two image containers (use 25% for four, and 50% for two, etc) */
.columnc2 {
  float: left;
  width: 48%;
  padding: 5px;
}
/* Clear floats after image containers */
.rowc2::after {
  content: "";
  clear: both;
  display: table;
}
/* Use to align boxes that hold state seals*/
.stateseals {
    margin-right:20px;
    width: 49.5%;
    padding: 20px;
    vertical-align:top; 
}

/*  start responsive table */
.resp-table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ddd;
}

/*  Left-align table cell */
.resp-tdL {
  text-align: left;
  padding: 8px;
}

/* Right-align table cell */
.resp-tdR {
  text-align: right;
  padding: 8px;
}

/* Show alternating bands of light gray in reponsive table*/
.tr-child:nth-child(even) {
   background-color: #f2f2f2
}
/* ================== */
/* These tweaks are used because Page Stylesheets don't work*/
/* see tables in Companies Catalogued, etc */
td.wl {width:49%; text-align: left;}
td.c10 {text-align: center; width:10%;}
th.c10 {text-align: center; width:10%; vertical-align:bottom;}
/* ==================*/