docs/style.css

h1
{
  color: white;
  text-align: center;
  vertical-align: middle;
}

h2
{
    text-align:center;
}

html
{
    background-color: #426796;
    /* Background by Pikao, released under Gnu GPL license, with modifications by Marianne Gagnon */
    background: url('bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

body
{
	margin: 0;
	padding: 0;
    font-family: Verdana;
}

.selected_tab
{
  background-color: white;
  border-style: solid;
  /*
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #AAAAAA;
  */
  border-width: 1px;
  border-color: #FFFFFF;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  
  margin-bottom: -1px;
  
  display: inline-block;
}

.selected_bottom_tab
{
  background-color: white;
  border-bottom-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.tab
{
  background-color: #EFEFEF;
  border-style:solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  
  margin-bottom: 0px;
  
  display: inline-block;
}

.tab:hover
{
  background-color: #F8F8F8;
  border-style:solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  
  margin-bottom: 0px;
  
  display: inline-block;
}

.between_tabs
{
  margin: 0px;
  border-color: #AAAAAA;
  border-bottom-style: solid;
  border-width:1px;
}

.page
{
  background-color: white;
  /*border-bottom-style:solid;*/
  border-right-style:solid;
  border-left-style:solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-left: 10px;
  padding-right: 10px;
  /*padding-bottom: 15px;*/
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 35px;
  
  min-height: 100%;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  
  text-align: left;
  display: inline-block;
}

.box
{
  background-color: white;
  border-top-style:solid;
  border-right-style:solid;
  border-left-style:solid;
  border-bottom-style:solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-top: 35px;
  
}

.note
{
    font-style:italic;
}

.code
{
    font-family: monospace;
    white-space: pre;
    background-color: #FFFFEB;
    display: inline-block;
    border-left-style: solid;
    border-left-color: #98bf21;
    border-left-width: 10px;
    padding-top: 0px;
    margin-top: 0px;
    width: 100%;
    overflow: auto;
}

.center
{
    text-align:center;
    display: inline-block;
    width: 100%;
}

.bottom
{
  font-style:italic;
  color: #666666;
  width: 100%;
  text-align: center;
  
  background-color: white;
  border-right-style:solid;
  border-left-style:solid;
  border-width: 1px;
  border-color: #AAAAAA;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  
  display: inline-block;
}

.tab > a
{
    color: black;
    text-decoration: none;
}

.selected_bottom_tab > a
{
    color: black;
    text-decoration: none;
}

.section
{
    background-color    : rgb(230, 230, 230);
    border-color        : rgb(175, 175, 175);
    border-style        : solid;
    border-width        : 1px;
    margin              : 0;
    padding-top         : 4px;
}

.section_inside
{
    background-color    : rgb(255, 255, 255);
    margin              : 0px;
    padding-top         : 5px;
    padding-bottom      : 5px;
    padding-left        : 10px;
    padding-right       : 10px;
}

.img
{
    border: 0px;
    padding: 0px;
}


a:link
{
    color: #0A007D;
}

a:visited
{
    color: #0A007D;
}

.manheader
{
    background-color: #EEEEEE; border-bottom: 1px solid #D8D8D8; padding-top: 12px; padding-bottom: 12px
}

.manheader img
{
    vertical-align: middle; margin-right: 3px;
}

.mandivider
{
    background-color: #2a4b74; width: 110%; height: 10px; margin-left: -11px; width: calc(100% + 22px)
}