body {
   margin            : 0px;
   padding           : 0px;
   background-color  : #C0C0C0;
   font-family       : 'Source Sans Pro', sans-serif;   
}

table {
   border-collapse   : collapse;
}

h1 {
   font-size         : 18pt;
   font-weight       : bold;
   text-decoration   : none;
   color             : #016EC1;
}

h2 {
   font-size         : 14pt;
   font-weight       : bold;
   text-decoration   : none;
   color             : #016EC1;
}

.listinglink {
   font-size         : 12pt;
   text-decoration   : none;
   color             : #016EC1;
}

.headerimagelink {
   border-bottom     : 1px #FFFFFF solid;
   height            : 40px;
}

.headerimagelink:hover {
   border-bottom     : 1px #000000 solid;
   height            : 40px;
}

#logindiv {
   position          : absolute;
   left              : 50%;
   top               : 50%;
   margin-left       : -250px;
   margin-top        : -100px;
   height            : 200px;
   width             : 500px;
   background-color  : #FFFFFF;
}

#logintable {
   width             : 100%;
   margin-bottom     : 30px;
}

#logintable th {
   background-color  : #016EC1;
   height            : 35px;
   font-weight       : bold;
   padding-left      : 25px;
   color             : #FFFFFF;
   text-align        : left;
}

#logintable td {
   padding-left      : 30px;
   color             : #000000;
}

#logintable input {
   height            : 30px;
   width             : 250px;
   border            : 1px solid #016EC1;
   font-size         : 12pt;
   padding-left      : 10px;
}

#menu {
   width             : 300px;
   border-top        : 0px;
   border-left       : 0px;
   border-bottom     : 0px;
   border-right      : 1px #D7D7D7 solid;
   margin            : 0px;
   background-color  : #FFFFFF;
   position          : absolute;
   top               : 0px;
   left              : 0px;
   min-height        : 100%;
   z-index           : -10;
}

.menuitem {
   margin-top        : 0px; 
   border-bottom     : 1px #D7D7D7 solid;
   height            : 30px;
   padding-left      : 50px;
   padding-top       : 10px;
}

.menuinactive {
   font-size         : 14pt;
   color             : #767B7C;
   text-decoration   : none;
}

.menuactive {
   font-size         : 14pt;
   color             : #DE0000;
   text-decoration   : none;
}

#header {
   width             : 100%;
   position          : absolute;
   left              : 0px;
   top               : 0px;
   height            : 30px;
   padding-top       : 10px;
   border-bottom     : 1px #545454 solid;
   background-color  : #016EC1;   
}

#header  a {
   color             : #FFFFFF;
   font-size         : 14pt;
   font-weight       : bold;
   text-decoration   : none;
}

#main2 {
   min-width         : 1000px;
   min-height        : 100px;
   border            : 0;
   position          : absolute;
   left              : 305px;
   top               : 65px;
   padding           : 15px;
} 

#main {
   width             : 100%;
   min-height        : 100px;
   border            : 0;
   position          : absolute;
   left              : 0px;
   padding-left      : 305px;
   top               : 65px;
   padding-top       : 15px;
   padding-bottom    : 15px;
   padding-right     : 15px;
   box-sizing        : border-box;
   z-index           : -1000;
}   
   
.tabbing {
   border            : 0px;
   width             : 95%;
}

.tabcell {
   border-left       : 1px #000000 solid;
   border-right      : 1px #000000 solid;
   border-top        : 1px #000000 solid;
}

.tabunselected {
   background-color  : #016EC1;
   border-bottom     : 1px #000000 solid !important;
}

.tabselected {
   background-color  : #FFFFFF;
   border-bottom     : 1px #FFFFFF solid !important;
}

.tabspacer {
   border-top        : 0px;
   border-right      : 0px;
   border-bottom     : 1px #000000 solid;
}

.tabcontent {
   background-color  : #FFFFFF;
   padding           : 10px;
   border-left       : 1px #000000 solid;
   border-right      : 1px #000000 solid;
   border-bottom     : 1px #000000 solid;
   border-top        : 0px !important;
}

.tablinkselected {
   text-decoration   : none;
   font-weight       : bold;
   font-size         : 12pt;
   color             : #016EC1;
}

.tablinkunselected {
   text-decoration   : none;
   font-weight       : bold;
   font-size         : 12pt;
   color             : #FFFFFF;
}

.timetable {
   border            : 0px;
}

.timetable tr {
   min-height        : 30px;
}
.timetable th {
   color             : #000000;
   text-align        : center;
   border            : 1px #000000 solid;
   
}

.timetable td {
   border            : 1px #000000 solid;
   text-align        : center;
   border            : 1px #000000 solid;
}

.timetableeditbutton {
   border            : 0px;
   background-color  : #016EC1;
   font-size         : 10pt;
   color             : #FFFFFF;
   padding-top       : 3px;
   padding-bottom    : 3px;
}

.forminput {
   font-size         : 12pt;
   height            : 28px;
   padding-top       : 5px;
   padding-left      : 5px;
   border            : 1px #016EC1 solid;
}

.formselectbox {
   font-size         : 11pt;
   height            : 27px;
   padding-top       : 0px;
   padding-left      : 5px;
   border            : 1px #016EC1 solid;
}

#popupcontent {
   padding           : 15px;
}

#overlay {
   position          : absolute;
   opacity           : 0;
   top               : 0;
   bottom            : 0;
   background        : #999;
   width             : 100%;
   height            : 100%;
   z-index           : -1;
   visibility        : hidden;
   transition        : all 1s ease;
}

#popup {
   position          : absolute;
   top               : 50%;
   left              : 50%;
   background        : #fff;
   z-index           : -1;
   visibility        : hidden;
}


.forminputaction {
   font-size         : 12pt;
   height            : 27pt;
   border            : 0px;
   background-color  : #016EC1;
   color             : #FFFFFF;
}

.dragme {
   position          : relative;
}

.dobutton_small {
   height            : 25px;
   font-size         : 11pt;
   background-color  : #016EC1;
   color             : #FFFFFF;
   border            : 0px;
   width             : 100px;
}

.listingtable {
   margin-top        : 30px;
   border            : 1px #000000 solid !important;
}

.listingtable th {
   border            : 1px #C0C0C0 solid;
   text-align        : center;
   background-color  : #9DD6FF;
}

.listingtable tr {
   height            : 30px;
}

.listingtable tr:hover td {
   background        : #F5AE0A;
}

.listingtable td {
   text-align        : left;
   padding-left      : 3px;
   border            : 1px #C0C0C0 solid;
}

.errorbox {
   width             : 670px;
   min-height        : 25px;
   padding           : 10px;
   font-size         : 12pt;
   color             : #FF0000;
   background-color  : #0E0789;
   margin-top        : 15px;
}
   
.shopactionlink {
   padding           : 3px;
   font-size         : 12pt;
   color             : #008080;
   text-decoration   : none;
}
   





@-webkit-keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }

  60% {
    transform: scale(0.8) rotate(-10deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-moz-keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }

  60% {
    transform: scale(0.8) rotate(-10deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-ms-keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }

  60% {
    transform: scale(0.8) rotate(-10deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-o-keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }

  60% {
    transform: scale(0.8) rotate(-10deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }

  60% {
    transform: scale(0.8) rotate(-10deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes anvil {
  0% {
    transform: scale(5) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }

  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }

  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }

  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}
@-moz-keyframes anvil {
  0% {
    transform: scale(5) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }

  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }

  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }

  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}
@-ms-keyframes anvil {
  0% {
    transform: scale(5) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }

  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }

  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }

  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}
@-o-keyframes anvil {
  0% {
    transform: scale(5) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }

  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }

  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }

  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}
@keyframes anvil {
  0% {
    transform: scale(5) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }

  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }

  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }

  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}
#popup[data-pop="slide-down"] {
  top: -50%;
  transition: all .5s ease-in-out;
}
#popup[data-pop="slide-down"].show {
  visibility: visible;
  z-index: 200;
  opacity: 1;
  top: 50%;
}
#popup[data-pop="slide-down"].show ~ #overlay {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
#popup[data-pop="pop-in"] {
  transform: scale(0);
  transition: all .5s ease-in-out;
}
#popup[data-pop="pop-in"].show {
  transform: scale(1);
  visibility: visible;
  z-index: 200;
  opacity: 1;
}
#popup[data-pop="pop-in"].show ~ #overlay {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
#popup[data-pop="pop-swirl"] {
  transform: scale(0);
  transition: all .5s ease-in-out;
}
#popup[data-pop="pop-swirl"].show {
  -webkit-animation: pop-swirl 1s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
  visibility: visible;
  z-index: 200;
  opacity: 1;
}
#popup[data-pop="pop-swirl"].show ~ #overlay {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
#popup[data-pop="anvil"] {
  transition: all .5s ease-in-out;
}
#popup[data-pop="anvil"].show {
  -webkit-animation: anvil 1s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
  visibility: visible;
  z-index: 200;
  opacity: 1;
}
#popup[data-pop="anvil"].show ~ #overlay {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}

.popuph1 {
   margin               : 0px 5px 5px 5px;
   font-size            : 14pt;
   font-weight          : bold;
   color                : #000000;
}

.popuph2 {
   margin               : 0px 5px 5px 10px;
   font-size            : 13pt;
   font-weight          : normal;
   color                : #A0A0A0;
}

.surveyquestion {
   width                : 20px;
   height               : 20px;
   background-color     : #F2F2F2;
}

#infomessage {
   width                : 350px;
   min-height           : 50px;
   padding-left         : 15px;
   padding-right        : 15px;
   padding-top          : 5px;
   background-color     : #1A9529;
   color                : #DE0000;
   font-size            : 13pt;
   text-decoration      : none;
   font-weight          : bold;
   display              : none;
   visibility           : hidden;
   border-radius        : 10px;
}

.newdesigntable {
   width                : 100%;
   border               : 1px #016EC1 solid;
   margin-top           : 20px;
   margin-bottom        : 20px;
   border-collapse      : collapse;
}

.newdesigntable th {
   font-size            : 11pt;
   color                : #FFFFFF;
   background-color     : #016EC1;
   font-weight          : normal;
   padding-left         : 5px;
}

.newdesigntable td {
   font-size            : 11pt;
   color                : #000000;
   padding-left         : 5px;
}
   
   
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}