/* font-family: monospace; */
html, body {
  background:           url('/inc/bg_dark.gif');
}

a:link, a:visited {
  color:                #b12222;
  text-decoration:      none;
 }


h1 {
  color:                #FFFFFF;
  font-weight:          bold;
  text-decoration:      none;
  text-align:           center;
  font-size:            3em;
}

h2 {
  color:                #551010;
  font-weight:          bold;
  text-decoration:      none;
  text-align:           center;
  font-size:            4em;
}

table.tab_content_level_1 {
  border:               0px;
  padding:              5px;
  border-spacing:       10px;
  width:                100%;
}

table.tab_content_level_1 th {
  vertical-align:       middle;
  text-align:           center;
  font-size:            2.5em;
  font-weight:          bold;
  background:           url('/inc/bg_light.gif');
}

table.tab_content_level_1 td {
  vertical-align:       top;
  text-align:           center;
  font-size:            2em;
}

input[type=text],input[type=datetime-local] {
    width:              80%;
    font-family:        monospace;
    font-size:          2em;
    border:             none;
    background:         #FFFFFF;
}

textarea {
    width:              80%;
    font-family:        monospace;
    font-size:          xx-large;
    vertical-align:     top;
    background:         #FFFFFF;
}


/* The switch - the box around the slider */
.switch {
  position:             relative;
  display:              inline-block;
  width:                100px;
  height:               50px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity:              0;
  width:                0;
  height:               0;
}

/* The slider */
.slider {
  position:             absolute;
  cursor:               pointer;
  top:                  0;
  left:                 0;
  right:                0;
  bottom:               0;
  background-color:     #ccc;
  -webkit-transition:   .4s;
  transition:           .4s;
}

.slider:before {
  position:             absolute;
  content:              "";
  height:               42px;
  width:                42px;
  left:                 4px;
  bottom:               4px;
  background-color:     white;
  -webkit-transition:   .4s;
  transition:           .4s;
}

input:checked + .slider {
  background-color:     #551010;
}

input:focus + .slider {
  box-shadow: 0 0 1px   #551010;
}

input:checked + .slider:before {
  -webkit-transform:    translateX(48px);
  -ms-transform:        translateX(48px);
  transform:            translateX(48px);
}

/* Rounded sliders */
.slider.round {
  border-radius:        50px;
}

.slider.round:before {
  border-radius:        50%;
}

.button_red, a.button_red {
  -webkit-border-radius: 20px;
  -moz-border-radius:   20px;
  border-radius:        20px;
  color:                #FFFFFF;
  width:                80%;
  font-weight:          bold;
  font-size:            2em;
  padding:              10px;
  background-color:     #551010;
  text-decoration:      none;
  display:              inline-block;
  cursor:               pointer;
  text-align:           center;
}