html {
  overflow-x: hidden;
}


body {
    /* font-family:Arial; */
    /* make this 100 for ssatools, make it 250 for google vx. */
    /*font-size:100%; */
    /* color:gray; */
    margin:auto;
    padding:0;
    /* max-width:1600px; */
    overflow-x: hidden;
    line-height:1.1;
    height:100%;
    background-color:#000;
    /*color:#000;*/
}

a {
    text-decoration: none;
}


.contentbox {
    width:200px;
    
}

.full-width-bar {
  margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  background-color: red;
}

h1 {
    font-size:150%;
    font-weight:bold;
    /* color:black; */
    /* border-width:1px; */
    padding-top:3px;
    padding-top:3px;
    border-color:gray;
    line-height:1.0;
}



#mybar{
    //position:fixed;
    top:0;
    left:-100;
    right:0;
    height:50px;
    background-color:blue;
    width:-10px;
    
      margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;

}



table {
    border-collapse: collapse;
}



input {
    //font-family:Arial;
    color:black;
}
textarea {
    /*width: 800px;*/
	width:100%;
    resize:horizontal;
    height: 200px;
    border: 0.5px solid #cccccc;
    padding: 5px;
    /* font-family:Arial; */
    color:black;
    background-image: url(bg.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    line-height:150%;
    font-size:75%;
}
.topnav {
    clear:both;
    overflow: hidden;
    background-color: #f5f5f5;
}
.topnav a {
    float: left;
    color: black;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    //font-size: 90%;
    font-weight:bold;
    
    transition: background .6s ease-in, transform .2s ease-out;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
  
      	transform: scale(1.2) rotateX(30deg);
}
.topnav a.active {
  background-color: #808080;
  color: white;
}

a#loggedin {
    float: right;
    font-size:60%; 
    padding-top:10px;
}


.buttonplain {
    //background-color: #B0B0B0;
    border: none;
//    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 70%;
    margin: 2px 2px;
    cursor: pointer;
}

//.button {
//    background-color: #B0B0B0;
//    border: none;
//    color: white;
//    padding: 5px 10px;
//    text-align: center;
//    text-decoration: none;
//    display: inline-block;
//    font-size: 70%;
//    margin: 2px 2px;
//    cursor: pointer;
//    
//    	transition: background .6s ease-in, transform .2s ease-out;
//}
.button:active {
    background-color:green;
    color:green;
}
.button:focus {
    background-color:black;
    color:white;
}
.button:visited {
    background-color:#B0B0B0;
    color:white;
}
.button:hover {
    background-color:black;
    color:white;
    
    	transform: scale(1.2) rotateX(30deg);
}



.ntsecharttitle {
    font-size:100%;
    color:black;
    font-weight:bold;
    
}
.ntsestdformheading {
    padding-top:0px;
}
.ntsestdfieldheading {
        font-size:70%;
    padding-top:10px;
}



p#messagehtml {
     color:red;
     font-size:70%;
}

.errorhtml {
     color:red;
     font-size:90%;
}

.myTest {
    font-size:80%;
}


.selectbox {
    font-size:80%;
    padding:1px;
}
.selectfield {
    font-size:70%;
}

video{
   object-fit: inherit;
}