h1 {
  margin-left: 5px;
  margin-bottom: 0px;
}

hr {
  border-bottom: 1px solid black;
  border-top: 0;
}

a {
 text-decoration: none;
 font-weight:bolder;
 color:#2c99ce;
}

a:hover {
 text-decoration: underline;
 color:#f26722;
 cursor:pointer;
}

#usi_logo {
 position: absolute;
 z-index: -1;
 right: 50px;
 top: 100px;
 width: 400px;
 opacity: 0.4;
}

#usi_input {
 margin: 4px;
 padding: 6px;
 border: 2px solid black;
 vertical-align: baseline;
}

#NBTexamples, #RecentUSIs {
  z-index: 50;
  position: absolute;
  top: 200px;
  left: 200px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}

#whatisusi {
  z-index: 45;
  position: absolute;
  top: 190px;
  left: 230px;
  max-width: 410px;
  background-color: #fff;
  border: 2px solid #000;
  float: left;
  border-radius: 15px;
  box-shadow: 6px 6px 10px 0 #aaa;
  margin-bottom: 20px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}

#quickplot {
    z-index: 70;
    position: fixed;
    top: 40px;
    left: 40px;
    background-color: #fff;
    border: 2px solid #666;
    float: left;
    border-radius: 15px;
    box-shadow: 6px 6px 10px 0 #aaa;
    margin-bottom: 20px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear;
}


td[title$=spectrum]:hover, span[title$=spectrum]:hover, td[title$=plot]:hover {
 cursor:pointer;
 background-color: #2c99ce;
 color: #fff;
}

td[title$=response]:hover {
 cursor:pointer;
 background-color: #e5e5e5;
}

.examples {
 position: relative;
 left: 40px;
 padding: 5px 10px;
 margin: 0;
 border: 1px solid #aaa;
 color: #666;
 border-radius: 20px;
 width:130px;
 background-color: #eee;
}

.on {
 font-weight: bold;
 background-color: #fff;
 color: #2c99ce;
 border: 2px solid #2c99ce;
}

.examples:hover {
 background-color: #fff;
 cursor:pointer;
}

.smgr {
 font-size: small;
 font-weight: normal;
 color: #aaa;
}

.prox {
 border-collapse: collapse;
}

.rowdata:hover {
 border-bottom: 2px solid #f26722;
}

.prox td {
 border-bottom: 1px solid #cdcdcd;
 padding: 3px 10px;
}
.prox th {
 border-bottom: 2px solid black;
 margin: 5px;
 padding: 3px 10px;
 text-align:left;
 background-color: #e5e5e5;
}

h1.title {
 line-height: normal;
 padding: 10px;
 margin:0;
 position: relative;
 top: -10px;
 left: -10px;
 width: 100%;
}

.rep {
 border-top: 2px solid black;
 background-color: #cdcdcd;
 font-size: large;
 font-weight:bold;
}
.rep a {
 font-size: 17px;
 float: right;
 color: #777;
}

.code200 { background-color: #5f5; }
.code400 { background-color: #666; color: #eee; }
.code404 { background-color: #ec1; }
.code500 { background-color: #d22; color: #eee; }
.code501 { background-color: #bbb; }
.code598 { background-color: #f55; }

.annot tr:hover { background-color: #ddd; }
.annot td.number { font-family: monospace; text-align: right; }
.annot_col0 { background-color: #008000; color: #eee; }
.annot_col1 { background-color: #0000ff; color: #eee; }
.annot_col2 { background-color: #008B8B; color: #eee; }
.annot_col3 { background-color: #4B0082; color: #eee; }
.annot_col4 { background-color: #ff0000; color: #eee; }
.annot_col5 { background-color: #FF8C00; color: #eee; }
.annot_col6 { background-color: #800080; color: #eee; }
.annot_col7 { background-color: #dd0;}
.annot_col8 { background-color: #38d; color: #eee; }
.annot_col9 { background-color: #bbb; }
.annot_col10 { background-color: #333; color: #eee; }
.annot_col11 { background-color: #666; color: #eee; }

#usi_stat, #usi_valid {
 border-radius: 20px;
 border: 2px solid black;
 transition: background-color .5s;
 background:#000;
 color:#fff;
 padding:5px 10px;
 display:inline-block;
 text-align: center;
}
#usi_stat:hover, #usi_valid:hover {
 cursor:pointer;
 background:#f26722;
}
.valid {
 color: #2b2;
}
.invalid {
 color: #b22;
}

.running {
    animation-name:processing;
    animation-duration:0.7s;
    animation-direction:alternate;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

@keyframes processing {
    from { background-color:#f26722; }
    to   { background-color:#000000; }
}

.json {
 font-family: Consolas,monospace;
 white-space: pre;
 display:inline-block;
 border: 1px solid #999;
 margin-left:10px;
 margin-bottom:30px;
 padding: 10px;
 background-color: #fff;
 box-shadow: 0 3px 10px 0 rgba(0,0,0,.5);
 max-width: 95%;
}