
/* stop very long hyperlinks from making the container very very wide, and so getting hidden by the map, when viewing the details page */
td.breaksources a {
    word-break: break-all;
}


  div#footer p {
	text-align: center;
	font-size: 8pt;
    line-height: 1em;
	margin-top: 0;
	margin-bottom: 0.4em;
  }

  /* footnoting */
.notelink {
 vertical-align: super;
 font-size: 70%;
 line-height: 0;
}
  
/* Timeline and other Tables */

table.alternatecol tr:first-child td {
    font-weight: bold;
}
table.nohead tr:first-child td {
    font-weight: normal;
}
table.alternatecol tr:nth-child(even) {background: #fff;}
table.alternatecol tr:nth-child(odd) {background: rgba(16,144,213,0.05);}
table.alternatecol tr td{
	padding: 1em;
}

  /* MAP */
  
  table.pop tr:nth-child(even) {background: #fff;}
  table.pop tr:nth-child(odd) {background: rgba(16,144,213,0.05);}
  table.pop td {
    vertical-align: top;
  }
  td.popkey {
    font-weight: bold;
  }
  
  p.popterms {
	  font-size: 0.8em;
  }
  
  /* details page */
div#viewDiv {
  width: 49%;
  height: 100%;
display: inline-block;
float: left;
}
div.detail {
  width: 49%;
  display: inline-block;
  float: left;
}
table.detail {
  width: 100%;
  vertical-align: top;
}
table.detail td {
  vertical-align: top;
    padding: 3px;
}
table.detail tr:nth-child(even) {background: #fff;}
table.detail tr:nth-child(odd) {background: rgba(16,144,213,0.05);}
  
 /* DONATE */
 
 div.donate {
	background-color: #d9dbe0;
	border-radius: 3px;
	 margin: 5px;
	 padding: 5px;
	position: fixed;
    right: 0;
    bottom: 0;
 }
  div.donate h3 {
	  color: #1090d5;
	  border-bottom: 3px solid #1090d5;
	  padding: 0;
	  margin: 0;
  }
    div.donate a {
    text-decoration: none;
  }
  
  /* TIME */
	div#mapcontrol {
		display: inline;
	}
  
      div#bottomPanel {
        width: 100%;
		display: inline;
  /*      left: 5%;
        position: absolute; 
        top: 2.5em;*/
		float: left;
      }

	  
      div#timeInfo{
      /*  border-radius: 4px;
        border: solid 2px #ccc;*/
        background-color: #fff;
        display: block;
        padding: 5px;
        position: relative;
        text-align: center;
        z-index: 99;
      }
      div#timeSliderDiv {

      }
	div#mapabove {
		width: 100%;
		/*padding-top: 1em; */
	}
	div#mapviewcontained {
	}

	  /* key */
	    #meta {
			opacity: 0.9;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 40;
    background: #fff;
    color: #777;
    padding: 5px;
    border: 2px solid #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: arial;
    font-size: 0.9em;
  }
  
  
	  div#maprefkey table {
		/* margin-top: 5px;*/
	  }
	  div#maprefkey table td{
			vertical-align: middle;
			padding: 0;
			margin: 0;
			font-size: 0.7em;
			line-height: 1;
	  }
	  div#maprefkey img {
		  width: 50%;
	  }
	  span#maptoggles {
		  padding: 5px;
		  font-size: 1.5em;

	  }
	  div#maprefkey img#menumise {
			width:32px;
	  }
/*
  @media screen and (max-width: 600px) {
	  span#maptoggles {
		  position: fixed;
		  top: 0px;
		  right: 0px;
	  }
  }
*/


