/* CSS styles for recreation of web page containing information about
   the Scroll Engage tablet

   Jan 2018  Initial. Graham Foster, Bedford UK. Contact: graham at gfoster.info
   Sep 2018  Rounded corners & border for tabs
   Apr 2020  Width limited
*/

body {
  font-family: "Arial", "Helvetica", sans-serif ;
  font-weight: normal ;
  font-style: normal ;
  font-size: 100% ;
  color: black;
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
}

h1 { 
  font-size: 150%;
  font-weight: bold ;
  color: black;
  margin-bottom: 0 ;
}

h2 {
  font-size: 130% ;
  color:#851a6a ;
}

h3 {
  font-size: 110% ;
  color: black ;
}

.tabs_head {
  background-color: #851a6a ;
  padding-top: 15px ;
  padding-bottom: 0px ;
  padding-left: 5px ;
  list-style: none ; 
}

.tabs_head li { 
  display: inline ;
  margin-left: 5px; margin-right: 5px ;
  padding: 5px 15px 0px 15px ;
  border-radius: 10px 10px 0 0;
  border-style: solid ;
  border-width: 2px 2px 0 2px ;
  border-color: white ;
  font-size:120% ;
}

.tabs_head li a { 
  color: inherit ;
  text-decoration: none ;
}   

.tab_head_on {
  color: #851a6a ;
  background-color: white ;
}

.tab_head_off {
  color: white ;
  background-color: #851a6a ;
 }

.hide { display: none }

.notes {
  border-style: solid ;
  border-width: 2px ;
  border-color: red ;
  padding: 10px ;
  margin-left: auto ; margin-right: auto ;
  width: 70% ;
}