/*
* Databee's modified version of Skeleton
* All codes is limited to specified elements - there is no site-wide code.
* 
*/

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

/* Databee Content Frame
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.databee-content{
  width: 100%;
  max-width: 960px;
  color: #222;
  font-size: 12px;
}
/* Fonts & Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.databee-title {
  font-weight: 600;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none; }
.databee-title-light {
  font-weight: 300;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none; }
.databee-title-muted {
  color: #ccc; }
.bold		{ font-weight: bold; }
.normal	{ font-weight: normal; }
.center		{ text-align: center;}
.font80		{ font-size: 80%; }
.font90		{ font-size: 90%; }
.font110	{ font-size: 110%; }
.font130	{ font-size: 130%; }
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
  /* Boxes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  .db-box {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
.blue.db-box {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
.yellow.db-box {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
.green.db-box {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
.red.db-box {
  color: #ffffff;
  background-color: #e37172;
  border-color: #d03333; }
.grey.db-box {
  background-color: #fff;
  border-color: #ccc; }
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.column,
.columns {
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box; }

.databee-ul {
  border-bottom: 1px solid #E1E1E1; }
  
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px), print {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }
  
  .one-eigth.columns        { width: 7%; }

}

  /* Hidden elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  .db-collapse a{
  display: block;
}
.db-collapse div{
  display:none;
}
.db-collapse div:target{
  display:block; 
}

  /* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button-databee {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button-databee.multiline {
  line-height: normal;
  white-space: normal;
}
.button-databee:hover {
  color: #333;
  background-color: #eee;
  border-color: #888;
  outline: 0; }
  
.button-databee.blue {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
 .button-databee.blue:hover {
  color: #32544;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }
  
.button-databee.greyed-out {
  color: #333;
  background-color: #eee;
  border-color: #fff; }
 .button-databee.grey:hover {
  color: #333;
  background-color: #ddd;
  border-color: #fff; }
  
  /* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#db-table-altrow { font-size: 100%; border-collapse:collapse; border:1px solid #ccc; margin:2px;}
#db-table-altrow thead{ border-bottom:1px solid #ccc; padding:7px 7px;}
#db-table-altrow tr:nth-child(even) { background: #f6f6f6}
#db-table-altrow tr:nth-child(odd) { background: #ffffff}
#db-table-altrow td{ font-size: 100%; color:#000000; padding:7px 17px;}