/***************************
****************************
MISC
****************************
***************************/
div.center       { text-align:center }
}
body          { background-color:#FFFFE0; }
a.NoUnderline { text-decoration:none }

div.FontWhite  { 
   font: italic bold 12px/14px Georgia, serif; 
   color:white; 
}

* {
   margin: 0;
}

#container {
    margin: 0 auto;
    width: 400px;
}

/* 
   Do not know if this helps
   https://wordpress.org/support/topic/ordered-and-unordered-list-not-working-when-viewing-an-article
*/
ul {
   list-style: disc;
}

/* 
   spacing between <li> items
   http://stackoverflow.com/questions/19254411/how-do-i-set-vertical-space-between-list-items
*/
li {
    margin: 10px 0;
}

/***************************
****************************
Checkboxes
http://www.inserthtml.com/2013/09/custom-checkbox-set/
****************************
***************************/
#checkbox-1                 { display:none; }
#checkbox-1 + label         {  color:red;   }
#checkbox-1:checked + label {  color:blue;  }

/***************************
****************************
Bars
****************************
***************************/

/* use for thick black bar */
hr.BarBlackThick {
   height:10px;
   border-width:0;
   color:black;
   background-color:black;
}

/* use for boundary of phone app bars */
hr.BarBlack {
   height:1px;
   border-width:0;
   color:black;
   background-color:black;
}

/* use for spacing on web app */
hr.BarMain {
   height:15px;
   border-width:0;
   color:"#FFFFE0";
   background-color:"#FFFFE0";
}

/* use for thin line to offset areas */
hr.BarBlue {
  height:3px;
  border-width:0;
  color:blue;
  background-color:blue;
}

/* use for temporary top of files */
hr.BarRed {
  height:10px;
  border-width:0;
  color:red;
  background-color:red;
}

/* use for spacing on phone app */
hr.BarGray {
  height:15px;
  border-width:0;
  color:"#F7F7F7";
  background-color:"#F7F7F7";
}

/***************************
****************************
Tables
****************************
***************************/
table.FullWidth    { width:100% }
table.PageTop      { background-color:#E5E5E5 }
table.TempHeader   { background-color:pink }
table.BottomAdvert { background-color:black }
table.navigation   { background-color:#D3D3D3 }
th.HeadRow         { background-color:lightgray }
thead              { color:black; }
                     
td.border, th.border {
  border-left:  solid 1px gray;
  border-right: solid 1px gray; 
}

td.center          { float:center }
td.left            { float:left   }
td.right           { float:right  }

/*
   https://css-tricks.com/complete-guide-table-element/
*/
table {
  border-collapse: collapse;
}

/***************************
****************************
Sortable table
http://www.kryogenix.org/code/browser/sorttable/
2nd line ==> shows symbols indicating that a table column is sortable
****************************
***************************/

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}


/***************************
****************************
Hover popups
http://www.sundoginteractive.com/sunblog/posts/jquery-hover-box
****************************
***************************/
.popbox {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.popbox h2
{
    background-color: #4D4F53;
    color:  #E3E5DD;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: -10px 0px 8px -10px;
    padding: 5px 10px;
}

/***************************
****************************
Accordion things
****************************
***************************/

/* 
   From http://www.tagwith.com/question_363570_radio-button-doesnt-work-inside-css-accordion 
*/
#accordion > div > input[type='checkbox'] {
    display : none;
}

/* 
   http://stackoverflow.com/questions/27108938/radio-button-doesnt-work-inside-css-accordion
   http://www.tagwith.com/question_363570_radio-button-doesnt-work-inside-css-accordion 
*/
.hidden {
    display: none;
}



#accordion label {
   background: #eee;
   display: block;
}
#accordion label:hover {
   background: #ccc;
}

#accordion input:checked + label {
   background: #ccc;
}
#accordion article {
   background: #f7f7f7;
   height:0px;
   overflow:hidden;
}
#accordion input:checked article {
}
#accordion input:checked ~ article {
   height: auto;
}

/***************************
****************************
End of file
****************************
***************************/