/* stylesheet t.b.v. tabsets i.c.m. javascript in tabsets.js */

.tabset
{
  margin-top:        15px;
  margin-bottom:     40px;
  border-bottom:     2px solid #777;
	padding:           0;
  background-color:  #fee5c2;
}
ul.tabnavs
{
  margin:            0;
	padding-left:      10px;
  border-bottom:     2px solid #777;
  line-height:       1;
  font-size:         0;  /* to nullify/remove the whitespace between list items */
  list-style:        none;
}
li.tabnav
{
  display:           inline-block;
  border-top:        1px solid #777;
  border-left:       1px solid #777;
  border-right:      1px solid #777;
  border-top-left-radius:  0.4em;
  border-top-right-radius: 0.4em;
  margin-right:      5px;
  padding:           5px 5px;
  cursor:            pointer;
  transition:        0.5s;
  font-size:         13pt;
  font-weight:       bold;
  color:             white;
  background-color:  #9297c2;
}
.sub li.tabnav
{
  font-size:         12pt;
  font-weight:       normal;
}
li.tabnav:hover
{
  border-bottom:     1px solid #fee5c2;
  margin-bottom:     -1px;
  color:             black;
  background-color:  #fee5c2;
}
li.tabnav.active
{
  border-bottom:     2px solid #fee5c2;
  margin-bottom:     -2px;
  padding:           5px 4px;
  cursor:            default;
  color:             #0c2d83;
  background-color:  #fee5c2;
}
.tabcontent
{
  margin-top:        15px;
  margin-bottom:     25px;
  padding:           0;
  -webkit-animation: fadeEffect 0.5s;
          animation: fadeEffect 0.5s;
}
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to   {opacity: 1;}
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to   {opacity: 1;}
}

@media print  { ul.tabnavs  { display: none;  } }
@media print  { .tabcontent { display: block; } }
@media screen { .tabcontent { display: none;  } }