.sps {font-size:.8rem;line-height:140%;color:#616060;}

.sps a {color:#4990de;}
.sps a:hover {color:#dc8a16;}

.sps img.extlink {border:none;position:relative;top:3px;left:3px;}

.sps .mainBox {width:480px;float:left;margin:0px 10px 16px 4px;background-color:#fff;border-radius:6px;padding-bottom:10px;overflow:hidden;}
.sps .mainBox.mainCover {background-color:transparent;padding:0;max-height:675px;}
.sps .mainBox ul {list-style:square outside none;line-height: 150%;margin:6px 0px 2px 10px;padding-bottom:20px;}
.sps .mainBox ul ul {list-style:disc outside none;line-height: 150%;margin:6px 0px 12px 10px;padding-bottom:2px;}
.sps .mainBox .mainTitle {
  color:#fff;
  font-size:1.4em;
  font-weight:bold;
  width:auto;
  background:#9fcbfc url(../media/science-header.png) no-repeat 19px 7px; /* fallback */
  background:url(../media/science-header.png) no-repeat 19px 7px, linear-gradient(to bottom, #9fcbfc, #4990de);
  border-radius:6px 6px 0px 0px;
  padding:16px 10px 8px 72px;
  margin-bottom:20px;
}
.sps .mainBox .smTitle {font-size:.8em;font-weight:normal;}
.sps .mainBox h1 {font-size:1.5em;margin:6px 20px 8px 20px;color:#4990de;}
.sps .mainBox h2 {margin:6px 20px 8px 20px;color:#366ba5;font-size: 1rem;}
.sps .mainBox h3 {margin:0px 20px 6px 20px;color:#366ba5;font-size:.9rem;}
.sps .mainBox p {margin:0px 16px 12px 20px;}
.sps .mainBox hr {margin:0px 20px 12px 20px;height:1px;background-color:#e0e0e0;border-width:0px;}

.sps .mainBox .spsMultiPhoto {width:auto;padding:0px;}
.sps .mainBox .spsPhoto {width:auto;position:relative;box-sizing:border-box;}
.sps .mainBox .spsMultiPhoto .spsPhoto {margin-bottom:16px;}
.sps .mainBox .spsPhoto img {border-radius:6px;border:1px solid #c1c0c0;margin:0px;padding:0px;}
.sps .mainBox .spsPhoto .expand {
  position:absolute;
  left:1px;
  bottom:4px;
  width:27px;
  height:23px;
  margin:0px;
  padding:0px;
  border-radius:0px 6px 0px 5px;
  border-spacing:0px;
  background:#3985d0 url(../media/img-expand.png) no-repeat 6px 5px;
  opacity:0.55;
  filter:alpha(opacity=55);
}
.sps .mainBox .left {float:left;margin:2px 12px 4px 20px;}
.sps .mainBox .right {float:right;margin:2px 20px 4px 12px;}

.sps .mainBox div.alpha {
  display:inline-block;
  margin:0px auto;
  width:40px;
  padding:6px 0px;
  border:1px solid #b4b3b3;
  font-size:2em;
  font-weight:bold;
  color:#fff;
  text-align:center;
  text-transform:uppercase;
  background-color:#94c5fa; /* fallback */
  background:linear-gradient(to bottom, #94c5fa, #287dda);
  border-radius:4px;
  box-shadow:1px 1px 2px #666;
}

.sps .mainBox input[type=text], .sps .mainBox select {margin:6px 0px;height:24px;line-height:24px;border:1px solid #b6b6b6;padding-left:8px;font-size:1em;color:#969696;}
.sps .mainBox input[type=submit] {
  display:block;
  width:auto;
  padding:10px 30px;
  border:1px solid #999;
  font-size:1em;
  font-weight:bold;
  color:#fff;
  background-color:#94c5fa; /* fallback */
  background:linear-gradient(to bottom, #94c5fa, #4898f0);
  border-radius:2px;
  box-shadow:1px 1px 2px #666;
}
.sps .mainBox label.error, .sps .menuBox label.error {display:none;color:red;font-size:.9em;padding:0px 4px;}

.sps .menuBox {width:190px;float:right;margin:0px;font-size:.7rem;}
.sps .menuBox .spsMenuItem {
  width:165px;
  margin-bottom:10px;
  border:1px solid #bdbcbc;
  padding:14px 10px 10px 10px;
  border-radius:6px;
  background:linear-gradient(to bottom, #f2f2f2, #dad9d9);
}

.sps .menuBox .spsMenuItem h2 { font-size: 1.3em; line-height: 1.45rem; color:#4990de; margin: 1.25rem 0 .35rem; padding-left: 30px; }
.sps .menuBox .spsMenuItem h2:first-child { margin: 0 0 .25rem; }

.sps .menuBox .spsMenuItem h2.submenu { background: transparent url(../media/info-header.png) no-repeat 2px 1px; }
.sps .menuBox .spsMenuItem h2.submenu:hover { color: #dc8a16; }
.sps .menuBox .spsMenuItem h2.submenu-open { background: transparent url(../media/info-header-open.png) no-repeat 2px 1px; }

.sps .menuBox .spsMenuItem h2.projects { background: transparent url(../media/indexes-header.png) no-repeat 1px 1px; background-size: 20px; }
.sps .menuBox .spsMenuItem h2.search { background: transparent url(../media/search-header.png) no-repeat 2px 0; }
.sps .menuBox .spsMenuItem h2.sites { background: transparent url(../media/sites-header.png) no-repeat 2px 0; }
.sps .menuBox .spsMenuItem h2.download { background: transparent url(../media/download-header.png) no-repeat 2px 1px; }
.sps .menuBox .spsMenuItem h2.feedback { background: transparent url(../media/feedback-header.png) no-repeat 2px 1px; }


.sps .menuBox .spsMenuItem input[type=text] {margin:8px 0px 2px 0px;width:93%;height:24px;line-height:24px;border:1px solid #b6b6b6;padding-left:8px;font-size:1em;color:#969696;}
.sps .menuBox .spsMenuItem input[type=button] {
  display:block;
  margin:8px auto 3px auto;
  width:99%;
  padding:10px 0px;
  border: 0;
  font-size:.9em;
  font-weight:bold;
  color:#fff;
  text-transform:uppercase;
  background-color:#4898f0;
  border-radius:4px;
  cursor:pointer;
  outline: none;
  transition: all 1.25s ease-out;
}
.sps .menuBox .spsMenuItem input[type=button]:hover { background-color:#2f72bb; }
.sps .menuBox .spsMenuItem input[type=button]:disabled { opacity: .75; }
.sps .menuBox .spsMenuItem input[type=button]:disabled:hover { background-color:#4898f0; cursor: not-allowed; }
.sps .menuBox .spsMenuItem input[type=button].hilite { transform: scale(120%); background-color: #dc8a16; outline: 1px solid #4898f0; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.sps .menuBox .spsMenuItem .usap-div-table { border-collapse: collapse; width: 99%; margin-top: .5rem; }
.sps .menuBox .spsMenuItem .usap-div-cell { margin: 0; padding: 0; }
.sps .menuBox .spsMenuItem .usap-div-cell input[type=button] { width: 100%; margin: 0 1px; padding: 10px; }
.sps .menuBox .spsMenuItem .usap-div-cell input[type=button]#btn-left { border-radius: 4px 0 0 4px; border-right: 1px solid white; }
.sps .menuBox .spsMenuItem .usap-div-cell input[type=button]#btn-mid { border-radius: 0; }
.sps .menuBox .spsMenuItem .usap-div-cell input[type=button]#btn-right { border-radius: 0 4px 4px 0; border-left: 1px solid white; }


.sps .menuBox .spsMenuItem ul {
  list-style:disc outside none;
  line-height: 120%;
  margin:6px 0px 6px 16px;
  padding:0px;
}
.sps .menuBox .spsMenuItem ul li:last-child { margin-bottom: .5rem; }
.sps .menuBox .spsMenuItem a:after {display:none;}

.sps .menuBox .spsMenuItem h2#spsMenuIndexes { cursor: pointer; }
.sps .menuBox .spsMenuItem ul#spsLinksIndexes { display: none; }
.sps .menuBox .spsMenuItem ul#spsLinksIndexes.show { display: block; }

.sps .menuBox .spsMenuItem h2#spsMenuInfo { cursor: pointer; }
.sps .menuBox .spsMenuItem ul#spsLinksInfo { display: none; }
.sps .menuBox .spsMenuItem ul#spsLinksInfo.show { display: block; }

.sps .mainBox table.contentTable {
  border:none;
  border-spacing:0px;
  padding:0px 20px 10px 20px;
  width:100%;
  box-sizing:border-box; /* allows for 100% width on tables without overflow */
}
.sps .mainBox table.contentTable th {
  text-align:center;
  background-color:#e8e8ed;
  color:#366ba5;
  font-weight:bold;
  padding:8px;
  border:1px dotted #abaaaa;
  border-width:0px 1px 1px 0px;
}
.sps .mainBox table.contentTable th.sortable {
  text-align:left;
  font-size:.9em;
  font-weight:normal;
  color:#dceeff;
  background-color:#94c5fa;
  background:linear-gradient(to bottom, #94c5fa, #4898f0);
  padding:4px 8px;
  border:1px solid #9aa4ac;
  border-width:0px 1px 1px 0px;
}
.sps .mainBox table.contentTable th.sortable:hover {cursor:pointer;color:#fff;background-color:#fbd39b;background:linear-gradient(to bottom, #fbd39b, #dea54a);}
.sps .mainBox table.contentTable th.sortable.on {font-weight:bold;color:#fff;}

.sps .mainBox table.contentTable td {
  padding:8px;
  border:1px dotted #c2c2c2;
  border-width:0px 1px 1px 0px;
}
.sps .mainBox table.contentTable tr td.highlight {background-color:#f3f3f7;color:#366ba5;}
.sps .mainBox table.contentTable tr td.highlight h1, .sps .mainBox table.contentTable tr td.highlight h2 {margin:0px 0px 1px 0px;}
.sps .mainBox table.contentTable tr th:last-child, .sps .mainBox table.contentTable tr td:last-child {border-right-width:0px;}
.sps .mainBox table.contentTable tr:last-child td {border-bottom-width:0px;}

.sps .mainBox table.contentTable td.gutter {
  font-size:.9em;
  color:#366ba5;
  background-color:#f3f3f7;
  background:linear-gradient(to bottom, #e3e3e8, #f3f3f7);
  border:none;
}
.sps .mainBox table.contentTable td.gutter select {
  margin:0px 0px 0px 3px;
  height:16px;
  line-height:16px;
  border:1px solid #b6b6b6;
  padding:1px 1px 1px 3px;
  font-size:1em;
  color:#969696;
}