/* Base Style Overrides */


body {
  font-family: 'Quicksand', sans-serif;
  font-size: 12pt; 
  font-weight: 400;
  margin-top: 50px;
  margin-left: 100px; 
  margin-right: 50px; 
  color: #4d4e4e;
  background-color: #ededed;
} 

table { border-collapse: collapse; }
tbody { overflow-y:auto; overflow-x:hidden; }
th { text-align: center; font-size: 18pt; color: #aac7d5; background-color: #4e4e4e; }
td { text-align: center; font-size: 10pt; color: #d0d0d0; background-color: #161616; }

h1, h2, h3, h4, th { font-weight: 300; font-size: 22pt }
h2 { color: #00a060; font-size:12pt; }
h3 { color: #00b080; font-size:12pt;}

p { color: #b0b0b0; }
img { border: none; }

a:link,
a:visited,
a:active
{ 
  color: inherit;
}
a { text-decoration:none; }

li
{
  list-style-type: none;
}



/* Classes */

.notice
{
  font-size: 9pt;
  color: #878787;
  line-height: 1.0em;
}

hr.thinline {
  height: 1px;
  margin: .8em 0;
  border: 0; 
  background: #99c;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

td.title,
th.title
{
  background: #053805;
  font-weight: 100;
  font-size: 14px;
  color: #8d8;
}

li.clickme:hover,
div.clickme:hover
{
  color: #62c164;
}

li.clickme,
div.clickme
{
  color: #699669;
}



/*
 * Flexbox Classes
 */

.flexbox
{
  display: -webkit-box;  /* old Safari */
  display: -webkit-flex; /* new Safari */
  display: flex;         /* new browsers */

  padding: 0;
  
}

.gridlayout
{
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-around;
  -webkit-align-items: flex-start;
  -webkit-align-content: flex-start;

  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start;
}

/* flow along rows, but wrap */
.block_layout
{
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-align-content: flex-start;

  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}

.row_layout
{
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;

  /*
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-justify-content: space-around;
  -webkit-justify-content: center;
  -webkit-align-content: stretch;
  -webkit-align-items: stretch;
  */
}

.col_layout
{
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;

  /*
  -webkit-align-content: flex-start;
  -webkit-justify-content: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  */

}

.col_center
{
  /* center items vertically */
  -webkit-align-items: center;
  align-items: center;
}

.hspreadit
{
  -webkit-align-content: flex-start;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-align-content: space-between;

  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between;
}

.vspreadit
{
  -webkit-align-content: flex-start;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  -webkit-align-content: space-between;

  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between;
}

.fill_space
{
  -webkit-flex: auto;
  flex: auto;
}