/* Basic CSS for styling */
        body {
            font-family: Arial, sans-serif;
        }
        header {
            background-image: url("/images/hero_image.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            color: linen;
            padding: 80px 40px 0px 40px;
            /* min-height: 200px; */
            text-align: center;
            text-shadow:
            2px 2px 1px #000,
            -2px 2px 1px #000,
            -2px -2px 0 #000,
            2px -2px 0 #000;
        }
        main {
            font-family: Arial, sans-serif;
            margin: 1em;
            padding: .5em;
        }
        nav {
            background-color: darkolivegreen;
            padding: 5px 0px 5px 0px;
            text-align: center;
        }
        nav a {
            color: linen;
            padding: 0px 5px 0px 5px;
            text-decoration: none;
        }
        nav a:hover {
            padding: 0px 5px 0px 5px;
            text-decoration: underline;
        }
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            bottom: 0;
            width: 100%;
        }

a {
  color: #000099;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.assetLink {
  color: #000099;
  text-decoration: none;
  font-size:.8em;
}
a.assetLink:hover {
  text-decoration: underline;
  font-size:.8em;
}

H1{
    padding: 38px 3px 3px 0px;
    margin: 0px;
    font-size:2.5em;
}

H2{
    border: 0px;
    margin: 0px;
    margin-bottom: 2px;
    font-size:1.35em;
}

H3{
    padding: 3px 3px 3px 0px;
    margin: 0px;
    font-size:1.1em;
}

H3.sectionTitle{
   padding:5px 5px 5px 2px;
   text-decoration:underline;
}

/* tr.Inf, tr.Cav, tr.Art {
   display:none;
}

form.InfSelected tr.Inf {
   display:block;
}

form.CavSelected tr.Cav {
   display:block;
}

form.ArtSelected tr.Art {
   display:block;
}
*/

td.C1{
   width:300px;
   text-align:right;
   }

td.C2{
   width:500px;
   text-align:left;
   }

table.unitTable{
   width:800px;
   }

.bottombutton {
   padding:10px 20px 10px 20px;
}

button, A.button, .ck_label {
  -webkit-box-sizing: initial
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-decoration: none;
  font-family: sans-serif;
  font-size:1.2em;
  background: #d6d6d6;
  margin: 8px 5px;
  -moz-box-shadow:    4px 4px 5px -1px #555;
  -webkit-box-shadow: 4px 4px 5px -1px #555;
  box-shadow:         4px 4px 5px -1px #555;
  padding:4px 8px;
}

A.button {
 display:inline-block;
 font-size:0.8em;
 color:black;
}

button.button_Red{
   color:#CC0000;
}

button.button_Blue{
   color:Blue;
}

button.button_White{
   color:white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

button.button_Yellow{
   color:#E6E600;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

button.button_Grey{
   color:#707070;
}

button.button_Green{
   color:#007A00;
}

button.button_Orange{
   color:#FF3300;
}

button.selected {
  background: #34d95a;
  background-image: -webkit-linear-gradient(top, #34d95a, #2bb84c);
  background-image: -moz-linear-gradient(top, #34d95a, #2bb84c);
  background-image: -ms-linear-gradient(top, #34d95a, #2bb84c);
  background-image: -o-linear-gradient(top, #34d95a, #2bb84c);
  background-image: linear-gradient(to bottom, #34d95a, #2bb84c);
  text-decoration: none;
  text-shadow:none;
  color:black;
}

button.disabled {
  background: #ea456b;
  background-image: -webkit-linear-gradient(top, #ea456b, #c93c5d);
  background-image: -moz-linear-gradient(top, #ea456b, #c93c5d);
  background-image: -ms-linear-gradient(top, #ea456b, #c93c5d);
  background-image: -o-linear-gradient(top, #ea456b, #c93c5d);
  background-image: linear-gradient(to bottom, #ea456b, #c93c5d);
  color: #000000;
  text-decoration: none;
}

button.interpenetrated {
  background: #ff9933;
  background-image: -webkit-linear-gradient(top, #ff9933, #CC7A29);
  background-image: -moz-linear-gradient(top, #ff9933, #CC7A29);
  background-image: -ms-linear-gradient(top, #ff9933, #CC7A29);
  background-image: -o-linear-gradient(top, #ff9933, #CC7A29);
  background-image: linear-gradient(to bottom, #ff9933, #CC7A29);
  color: #000000;
  text-decoration: none;
}

button.brigButton {
  font-size:1.1em;
}

label {
   display: block;
   margin-left: 35px;
   text-indent: 0;
   font-size: 1.2em;
   font-family: sans-serif;
   position: relative;
}

input.checkbox {
   width: 21px;
   height: 21px;
   margin: 0;
   vertical-align: bottom;
   position: absolute;
   -ms-transform: scale(1.2); /* IE */
   -moz-transform: scale(1.2); /* FF */
   -webkit-transform: scale(1.2); /* Safari and Chrome */
   -o-transform: scale(1.2); /* Opera */
   top: 3px;
   left: -32px;
}

select {
    font-size:1.2em;
    height:32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
    margin:5px;
}

select[multiple] {
    height: auto; !important
}

@media (min-width: 1200px) and (orientation: landscape) {
   button, A.button, .ck_label, button.brigButton {
      font-size:1.4em;
      }
}

@media (min-width: 800px) and (orientation: portrait) {
   button, A.button, .ck_label, button.brigButton {
      font-size:1.4em;
      }
}

}