/*

*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*@import "upload.css?v=020820a";
@import "at_media.css";
@import "metering.css";
@import "modals.css";*/

.atsbody {
    color: #383838;
    background-color: #fff;
    font-family: Roboto;
    overflow-x:hidden; 
    padding: 0px;
}

.atswrapper{
    background-color: #fbfbfb;
}

.clearfix::after{
  content: "";
  clear: both;
  display: table;
}

.errshow{
    display: block;
    background-color: red;
    color: white;
    text-height: 38px;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    border: #ff6666 solid 4px;
}

.errhide{
    display: none;
}

.big_notice{
    display: block;
    width: 92%;
    margin-left: auto;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 35px;
    border: 3px solid #ec7800;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255,202,82,1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(255,202,82,1);
    -o-box-shadow: 0px 0px 15px 0px rgba(255,202,82,1);    
    box-shadow: 0px 0px 15px 0px rgba(255,202,82,1);   
    background-color: #d60000;
    padding: 10px;
    color: #fafaff;
    text-align: center;
}

.big_notice > span{
    display: block;
    width: 80%;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    font-family: inherit;
    font-size: 28px;
    font-weight: bold;
    color: #ecd200;
    text-align: center;
}


.comments{
    display: table;
    width: 99.2%;
    margin-left: auto;
    margin-top: 15px;
    margin-right: auto;
    background-color: #f1f0f0;
    color: #0202a2;
    text-align: left;
    border-bottom: 2px #B4B5AA ridge;
    border-left: 2px #B4B5AA ridge;
    border-right: 2px #B4B5AA ridge;    
}
.comments > span{
    display: block;
    width: 99%;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #0202a2;
    text-align: inherit;
}

.commentsmid {
    /*display: table;*/
    width: 98.9%;
    margin-left: auto;
    margin-top: 3px;
    margin-right: auto;
    background-color: #f1f0f0;
    color: #0202a2;
    text-align: left;
    border-bottom: 2px #B4B5AA ridge;
    border-left: 2px #B4B5AA ridge;
    border-top: 2px #B4B5AA ridge;
    border-right: 2px #B4B5AA ridge;
}

.commentsmid > span{
    display: block;
    width: 99%;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #0202a2;
    text-align: inherit;
}



.textlink {
    color: blue;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
}
.summaries{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #0006ab;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
/*    min-height: 50px;
 Use this once @media value is set   
  display:flex;    
  align-items:stretch;   
*/   
}

.clearfix::after {
  content: "";
  clear: both;
  /*display: table;*/ 
}

.showstats{
    float: left;
    display: inline-block;
    background-color: #0006ab;
    border: 2px solid #0006ab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;   
    border-radius: 0px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    /*min-height:inherit;*/
}


.jobheadings{
    float: left;    
    box-shadow:inset 0px 1px 0px 0px #ededed;
    background:-webkit-linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
    background:-moz-linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
    background:-o-linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
    background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
    color: #353535;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 99.5%;
    font-size: 20px;
}

.statsheadings{
    float: left;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:-moz-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:-o-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:linear-gradient(#0006ab 5%, #1e62d0 100%);
    background-color:#0006ab;
    color: #fff;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 99.5%;
    font-size: 20px;
}

.allresults{
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px; 
    list-style-type: none;
    margin: 0px;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    width: 100%;        
}
.findings{
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    background-color:#ffffff;
    border: 2px solid #dcdcdc;
    width: 100%;
    line-height: 28px;
}

.description{
    color: #353535;
    width: 50%;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.descriptionmatching{
    color: #353535;
    width: 90%;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.results{
    text-align: right;
    margin: 0px;  
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    width: auto;  
}

.scorebtn{
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
    background-color: #b9b9b9;
    border-radius: 5px;
    opacity: 0.8;
    z-index: 99;
    border: 2px #f2f3f7 ridge;
}

.scorebtn:hover{
    font-size: 28px;
    opacity: 1;
}

.scoretick{
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    opacity: 0.8;
    z-index: 99;
}

.showmore{
    width: 8%;
}

.details{
    width: 100%;
    margin: 0;
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    white-space: pre-line;
}

.skillmatch{
    display: block;
    background-color: limegreen;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;    
    border:  chartreuse outset 1px;
    padding-left: 3px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;   
    color: #F4F5E7;
    white-space: normal;
}

.skillnomatch{
    display: block;
    background-color: crimson;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;    
    border: #F5B5C5 outset 1px;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    margin-left: 2px;
    margin-right: 2px;
    color: #F4F5E7;
    white-space: normal;    
}

#machedhskills{
    clear: both;
    display: inline-block;
    font-weight: bold;
    color: #353535;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    background-color:#ffffff;
    border: 2px solid #dcdcdc;    
    line-height: 30px;
    width: 97.0%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px; 
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#workhistory {
    display: block;
    /*border: 2px solid #0006ab;*/
    width: 99.5%;
    font-size: 12px;
}

#workhistory > table{
    margin-top: 2px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 01px solid #fafaff;
    background-color: #0006ab;    
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

#workhistory table tr {
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%);
    background-color:#ffffff;
    border: 2px solid #dcdcdc;
    width: 100%;
    line-height: 28px;
}

#workhistory table tbody tr td{
    border: 2px solid #dcdcdc;
}

#workhistory table thead tr{
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:-moz-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:-o-linear-gradient(#0006ab 5%, #1e62d0 100%);
    background:linear-gradient(#0006ab 5%, #1e62d0 100%);
    background-color:#0006ab;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;    
}

#workhistory > table > thead > tr{
    height: 30px;
    padding-top: 15px;
    padding-bottom: 5px;  
    margin-top: 10px;
    margin-bottom: 10px;    
}

#workhistory > table tbody > tr > td{
    height: 20px;
    padding-left: 3px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;  
}


.postion{
    width: 31%;  
}
.match{
    width: 18%;  
}
.from{
    width: 12%;  
}
.until{
    width: 12%;
}
.duration{
    width: 4%;      
}
.education{
    width: 99%;     
}
/*#duration{
     text-align: right;    
}*/

.tblholder{
    /*min-height: 55px;*/
    margin-top: 5px;
    border: 2px solid #0006ab;
    background-color: #f4f5f2;
    padding-bottom: 3px;
}
.yearstitle{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    width: 80%;
}
.years{
    display: inline-block;
    text-align: right;
    align-content: end;
    width: 18%;
}
.select-bar {
    width: 96%;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.scorebtnblk {
    width: 65px;
    background: #56B0F7;
    background-image: -webkit-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -moz-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -ms-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -o-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -webkit-gradient(to bottom, #56B0F7, #012F9B); 
    border-radius: 3px;
    border: 1px solid 808488;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    padding-left: 3px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-decoration: none;
}

.scorebtnblk:hover {
   background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
   -webkit-box-shadow: 11px 2px 5px 3px #839abb;
   -moz-box-shadow: 1px 2px 5px 3px #839abb;
   box-shadow: 1px 2px 5px 3px #839abb;
   
}

.scorebtnblk:active {
    box-shadow: inset 1px 0px 1px 0px #7a8eb9;
    background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
    background-color: #56B0F7;
    color: #bb0000;
    position: relative;
    top: 1px;
}

.select-button {
    background: #56B0F7;
    background-image: -webkit-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -moz-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -ms-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -o-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -webkit-gradient(to bottom, #56B0F7, #012F9B); 
    border-radius: 3px;
    border: 1px solid 808488;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #263666;
    margin-left: auto;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 0;
}
.select-button:hover {
   background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
   -webkit-box-shadow: 11px 2px 5px 3px #839abb;
   -moz-box-shadow: 1px 2px 5px 3px #839abb;
   box-shadow: 1px 2px 5px 3px #839abb;
}
.select-button:active {
    box-shadow: inset 1px 0px 1px 0px #7a8eb9;
    background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
    background-color: #56B0F7;
    color: #bb0000;
    position:relative;
    top:1px;
}

.hide-button{
    float: right;
    width: 5.5%;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: 2px #97c4fe ridge;
    border-radius: 5px;
    z-index: 99;
    padding-left: 3px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0;
    cursor: pointer;
    box-shadow: inset 0px -3px 7px 0px #29bbff;
    background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
    background-color: #2dabf9;
}

.hide-button:hover{
    border: 2px #ecd200 ridge;
}

.adown {
    display: block;
    float:right;
    width: 0;
    height: 0;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ebfdff transparent;
    position: relative;
    -webkit-animation: pdown 0.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: pdown 0.5s;
    -moz-animation-fill-mode: forwards;
    -o-animation: pdown 0.5s;
    -o-animation-fill-mode: forwards;
    animation: pdown 0.5s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes pdown {
    100% {-webkit-transform: rotate(180deg);}
}
@-moz-keyframes pdown {
    100% {-moz-transform: rotate(180deg);}
}
@-o-keyframes pdown {
    100% {-o-transform: rotate(180deg);}
}
@keyframes pdown {
    100% {transform: rotate(180deg);}
}

.aup {
    display: block;
    float:right;
    width: 0;
    height: 0;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ebfdff transparent;
    position: relative;
    -webkit-animation: pup 0.5s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation: pup 0.5s;
    -moz-animation-fill-mode: backwards;
    -o-animation: pup 0.5s;
    -o-animation-fill-mode: backwards;
    animation: pup 0.5s;
    animation-fill-mode: backwards;
}

@-webkit-keyframes pup {
    100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes pup {
    100% {-moz-transform: rotate(0deg);}
}
@-o-keyframes pup {
    100% {-o-transform: rotate(0deg);}
}
@keyframes pup {
    100% {transform: rotate(0deg);}
}

.led-txt {
    display: inline-block;
    position: relative;
    top: -3px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    padding-left: 1px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: 1px;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 3px;
}

.led-red {
  display: inline-block;
  margin-top: 10px;
  width: 12px;
  height: 12px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(255, 51, 51, 0.5) 0 -1px 7px 1px, inset #a00101 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 1s infinite;
  -ms-animation: blinkRed 1s infinite;
  -o-animation: blinkRed 1s infinite;
  animation: blinkRed 1s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 0px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 0px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 0px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 0px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 0px 0;}
    to { background-color: #F00; }
}

.led-green {
  display: inline-block;
  margin-top: 10px;
  width: 12px;
  height: 12px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(20, 255, 27, 0.5) 0 -1px 7px 1px, inset #009402 0 -1px 9px, #02800f 0 1px 12px; 
  -webkit-animation: blinkGreen 1.1s infinite;
  -moz-animation: blinkGreen 1.1s infinite;
  -ms-animation: blinkGreen 1.1s infinite;
  -o-animation: blinkGreen 1.1s infinite;
  animation: blinkGreen 1.1s infinite;   
}

@-webkit-keyframes blinkGreen {
    from { background-color: #ABFF00; }
    50% { background-color: #015208; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #02800f 0 -1px 9px, #ABFF00 0 0px 0; }
    to { background-color: #ABFF00; }
}

@-moz-keyframes blinkGreen {
    from { background-color: #ABFF00; }
    50% { background-color: #015208; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #02800f 0 -1px 9px, #ABFF00 0 0px 0; }
    to { background-color: #ABFF00; }
}
@-ms-keyframes blinkGreen {
    from { background-color: #ABFF00; }
    50% { background-color: #015208; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #02800f 0 -1px 9px, #ABFF00 0 0px 0; }
    to { background-color: #ABFF00; }
}
@-o-keyframes blinkGreen {
    from { background-color: #ABFF00; }
    50% { background-color: #015208; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #02800f 0 -1px 9px, #ABFF00 0 0px 0; }
    to { background-color: #ABFF00; }
}
@keyframes blinkGreen {
    from { background-color: #ABFF00; }
    50% { background-color: #015208; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #02800f 0 -1px 9px, #ABFF00 0 0px 0; }
    to { background-color: #ABFF00; }
}

.submitt-button {
    background: #56B0F7;
    background-image: -webkit-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -moz-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -ms-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -o-linear-gradient(top, #56B0F7, #012F9B);
    background-image: -webkit-gradient(to bottom, #56B0F7, #012F9B); 
    border-radius: 3px;
    border: 1px solid 808488;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding: 0.75% 1%;
    text-decoration:none;
    text-shadow:0px 1px 0px #263666;
    margin-left: auto;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 0;
}
.submitt-button:hover {
   background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
   background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
   -webkit-box-shadow: 11px 2px 5px 3px #839abb;
   -moz-box-shadow: 1px 2px 5px 3px #839abb;
   box-shadow: 1px 2px 5px 3px #839abb;
}
.submitt-button:active {
    box-shadow: inset 1px 0px 1px 0px #7a8eb9;
    background-image: -webkit-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -moz-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -ms-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -o-linear-gradient(top, #012F9B, #56B0F7);
    background-image: -webkit-gradient(to bottom, #012F9B, #56B0F7);
    background-color: #56B0F7;
    color: #bb0000;
    position:relative;
    top:1px;
}

.txtbox {
    display: block;
    width: 98%;
    margin-left: auto;
    margin-top: 2px;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 2px;    
/*    padding-bottom: 20px;*/
/* 
    font-family: monospace;
    white-space: pre;   
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;*/
}

.annucen {
    color: #ecd200;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.annucel {
    color: #d04300;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.pretxt{
    font-family: inherit;
    padding: 5px;
    white-space: pre;   
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border: 1px solid #0b0e07;    
}

/*LED styles*/
.green {
    background: linear-gradient(180deg, #138a00, #00b21e, #00ec28);
}

.orange {
    background: linear-gradient(180deg, #bb8e00, #d7ad00, #ecd200);
}

.red {
    background: linear-gradient(180deg, #bb0404, #d20303, #ec0000);
}
.offmode {
    background: linear-gradient(180deg, #3c0101, #5c0000, #780000);
}

.led {
    float: right;    
    border-radius: 100%;
    width: 20px;
    height: 20px;
    box-shadow: 0px 0px 3px black;
    margin: 10px;
}

.led:after {
    display: block;
    content: '';
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 12px;
    -webkit-border-top-right-radius: 8px 6px;
    -webkit-border-top-left-radius: 8px 6px;
    -webkit-border-bottom-right-radius: 8px 6px;
    -webkit-border-bottom-left-radius: 8px 6px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 100%);
}

.helpwrapper {
    display: block;
    position: absolute;
    top: 123px;
    overflow: hidden;
    z-index: 500;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fbfafa;   
}

/*.helpbanner {
    position: relative;
    z-index: 501;
    background-color: #dcdcdc;
    text-align: center;
    padding-top: 2vh;
    padding-bottom: 2vh;
    width: 99.9%;
    margin-left: auto;
    margin-right: auto;    
}*/

#iframeHolder {
    display: block;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #0006ab;
/*    padding-top: 0px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 5px;*/
}

#iframeHolder iframe {
    border-width: 0px;
    position: relative;
    width: 99.99%;
    margin-left: auto;
    margin-right: auto;
    top: -150px;
    border-style: none;
}

.cntbutton {
    display: inline;
    white-space: nowrap;
    color: #fff;
    background: #1e62d0;
    border-radius: 3px;
    padding-left: 3px;
/*    padding-right: 2px;*/
    margin-right: 5px;    
}