@charset "UTF-8";
.gutter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem; }

.gutter:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  float: none;
  overflow: hidden; }

@media (max-width: 450px) {
  .gutter {
    padding: 1rem; } }
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-indent: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ul, ol {
  list-style: none; }

li {
  list-style-position: outside; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 100%;
  line-height: 1.4; }

h1 {
  font-size: 140%;
  font-weight: normal;
  margin-bottom: 1rem; }

h2 {
  font-size: 120%;
  margin-bottom: 1rem; }

p + h2 {
  margin-top: 2rem; }

h3 {
  margin: 0 0 1rem 0;
  font-weight: bold; }

p {
  max-width: 700px; }

a,
a:link,
a:active,
a:visited,
a:hover {
  color: #0022ff;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none; }

a:hover {
  text-decoration: underline;
  box-shadow: none; }

b, strong {
  font-weight: bold; }

em, i {
  font-style: italic; }

p {
  font-weight: 300;
  margin-bottom: 1rem; }

section {
  margin: 1rem 0 2rem 0; }

section:first-child {
  margin-top: 0; }

table {
  font-weight: 300;
  margin: 1rem 0;
  border-collapse: separate;
  border-spacing: 1rem; }

th {
  text-align: left; }

blockquote, q {
  font-family: serif; }

form {
  font-size: 100%; }
  form input,
  form select {
    font-size: 100%;
    margin: 0 .5rem 1rem 0;
    border: 1px solid #c0c0c0; }
  form button,
  form input[type='submit'] {
    font-size: 100%;
    border: none;
    padding: .33rem 1rem;
    vertical-align: baseline;
    margin: .15rem 1rem .5rem 1rem;
    background: #5599ff;
    color: white; }

.markup {
  font-family: serif; }

.markup.delete {
  text-decoration: line-through; }

.markup.uncertain {
  font-style: italic; }

@media (max-width: 768px) {
  .hideTablet {
    display: none !important; } }
@media (max-width: 600px) {
  .hidePhone {
    display: none !important; } }
@media (max-width: 450px) {
  body {
    font-size: 92%; } }
#masthead2012 a, #masthead2012 a:link, #masthead2012 a:active, #masthead2012 a:visited, #masthead2012 a:hover {
  box-shadow: none; }

.siteHeader {
  margin: 0;
  background: #e0e0e0; }
  .siteHeader .gutter {
    padding-bottom: 1rem; }
  .siteHeader h1 {
    font-family: "Libre Baskerville", serif; }
    .siteHeader h1 .subtitle {
      font-size: 80%;
      display: block;
      margin: .25rem 0 0 0; }

.navToolsWrapper {
  background: #f0f0f0;
  text-align: center; }
  .navToolsWrapper div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    padding: 1rem 2rem;
    font-size: 13px; }

.searchHistory {
  display: table;
  width: 100%; }
  .searchHistory h3 {
    text-align: center;
    margin: 0;
    font-size: 14px;
    font-weight: bold; }
  .searchHistory span {
    text-align: center;
    display: table-cell;
    width: 30%; }
    .searchHistory span a:link, .searchHistory span a:visited {
      color: #909090; }
    .searchHistory span a:hover {
      text-decoration: none; }
    .searchHistory span a.npbutton:link {
      position: relative;
      display: block;
      min-height: 54px;
      max-width: 200px;
      display: block; }
    .searchHistory span a.npbutton:before {
      display: block;
      content: " ";
      width: 50px;
      height: 50px;
      position: absolute;
      background: url(/publications/lib/images/next-arrow-circle-gray.svg) no-repeat; }
  .searchHistory .prevSearchResult {
    text-align: left;
    padding-right: 2rem; }
    .searchHistory .prevSearchResult a:link {
      margin-right: auto;
      padding-left: 56px; }
    .searchHistory .prevSearchResult a.npbutton:before {
      left: 0;
      transform: rotate(180deg); }
  .searchHistory .nextSearchResult {
    text-align: right;
    padding-left: 2rem; }
    .searchHistory .nextSearchResult a:link {
      margin-left: auto;
      padding-right: 56px; }
    .searchHistory .nextSearchResult a.npbutton:before {
      right: 0; }

.sidebar {
  float: right;
  width: 33%;
  margin: 1rem 0 2rem 2%; }

.sidebar + section {
  float: left;
  width: 65%; }

footer {
  text-align: center;
  margin-top: 2rem;
  background: #e0e0e0;
  padding: 1rem;
  font-size: 80%; }
  footer p {
    margin: auto; }

.clearAll:after {
  content: " ";
  height: 1px;
  display: block;
  clear: both; }

@media (max-width: 600px) {
  .navToolsWrapper div {
    padding: .5rem 1rem; }

  .searchHistory h3 {
    font-size: 14px; }
  .searchHistory span {
    width: 30%; }
    .searchHistory span a:link, .searchHistory span a:visited {
      color: #909090; }
    .searchHistory span a:hover {
      text-decoration: none; }
    .searchHistory span a.npbutton:link {
      font-size: 0;
      text-indent: -9999em;
      overflow: hidden;
      display: block;
      width: 50px;
      height: 50px;
      position: relative;
      background: url(/publications/lib/images/next-arrow-circle-gray.svg) no-repeat; }
    .searchHistory span a.npbutton:before {
      display: none; }
  .searchHistory .prevSearchResult {
    padding-right: 1rem; }
    .searchHistory .prevSearchResult a:link {
      padding-left: 0;
      left: 0;
      transform: rotate(180deg); }
    .searchHistory .prevSearchResult a.npbutton:link {
      margin-top: -5px; }
    .searchHistory .prevSearchResult a.npbutton:before {
      display: none; }
  .searchHistory .nextSearchResult {
    padding-left: 1rem; }
    .searchHistory .nextSearchResult a:link {
      padding-right: 0; }
    .searchHistory .nextSearchResult a.npbutton:before {
      display: none; } }
.links {
  margin-left: 2rem;
  margin-bottom: 2rem; }

.horizontal li {
  display: inline-block; }
.horizontal li + li {
  margin-left: .5rem; }

.sideText {
  margin-left: .5rem;
  border-left: 1px solid #e0e0e0;
  padding-left: .5rem;
  display: inline-block;
  font-size: 14px;
  font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif; }

.button {
  display: inline-block;
  cursor: pointer;
  background: #a7a7a7;
  background-image: -webkit-linear-gradient(top, #a7a7a7, #848484);
  background-image: -moz-linear-gradient(top, #a7a7a7, #848484);
  background-image: -ms-linear-gradient(top, #a7a7a7, #848484);
  background-image: -o-linear-gradient(top, #a7a7a7, #848484);
  background-image: linear-gradient(to bottom, #a7a7a7, #848484);
  border-radius: 4px;
  font-family: "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding: .35rem .75rem;
  text-decoration: none; }

.button:hover {
  background: #707070;
  background-image: -webkit-linear-gradient(top, #707070, #4a4a4a);
  background-image: -moz-linear-gradient(top, #707070, #4a4a4a);
  background-image: -ms-linear-gradient(top, #707070, #4a4a4a);
  background-image: -o-linear-gradient(top, #707070, #4a4a4a);
  background-image: linear-gradient(to bottom, #707070, #4a4a4a);
  text-decoration: none; }

.viewControls {
  float: right;
  width: 250px;
  margin: 0 0 2rem 1rem;
  padding: 1.5rem;
  border: 1px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .viewControls label {
    display: block;
    font-size: 80%;
    color: #606060;
    margin: 0 0 .35rem 0; }

.share {
  margin-top: 2rem;
  border-top: 1px solid #a0a0a0;
  padding: 1rem 0; }
  .share svg {
    width: 25px;
    height: 26px;
    margin: 2px; }

/* features holds style that enables extra niceities on a page, like togglable things,
 * back to top links, etc.
 */
/* toggleables need to be hidden
 */
.hidden {
  display: none; }

/* style for back-to-top link
 */
#BTT {
  background: #333333 url(/publications/lib/images/btt.gif) no-repeat 50% 50%;
  position: fixed;
  right: 0;
  top: 0;
  transition: top .5s ease;
  height: 45px;
  width: 45px;
  z-index: 100; }

#BTT.hidden {
  display: block;
  top: -50px; }

/* text size buttons */
.textSizing {
  float: right;
  padding: 4px 0 4px 4px; }
  .textSizing span {
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    color: #ababab;
    border: 1px solid #ababab;
    border-radius: 2px;
    padding: 1px 4px;
    cursor: pointer;
    line-height: 16px;
    vertical-align: top; }
  .textSizing span + span {
    margin-left: 4px; }
  .textSizing .tsSmaller {
    font-size: 10px; }

/* short titles box */
.stbox {
  position: absolute;
  z-index: 105;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  max-width: 50%; }
  .stbox div div {
    padding: 1rem; }
  .stbox .closer {
    float: right;
    padding: 0 .5rem .5rem .5rem;
    cursor: pointer;
    font-weight: 18px; }

.stbox.faint {
  opacity: .00001; }

.stbox.hidden {
  display: none; }

.mask {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35); }

nav {
  background: #606060;
  color: white;
  position: relative; }
  nav .hamburger {
    display: none; }
  nav .gutter {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }
  nav a,
  nav a:link,
  nav a:hover,
  nav a:visited {
    color: white;
    display: inline-block;
    padding: .5rem;
    text-transform: uppercase;
    margin-left: -.5rem;
    box-shadow: none; }
  nav a + a,
  nav a + a:link,
  nav a + a:visited,
  nav a + a:hover {
    margin-left: 1rem; }
  nav a:hover {
    background: white;
    color: #606060;
    text-decoration: none;
    box-shadow: none; }

@media (max-width: 600px) {
  nav .hamburger {
    display: block;
    position: absolute;
    top: -53px;
    right: 6px;
    width: 30px;
    cursor: pointer; }
    nav .hamburger path {
      fill: white; }
  nav .gutter {
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease; }

  nav.open .gutter {
    max-height: 200px; } }
/* styling the landing (home/welcome) page */
.overview {
  width: 65%;
  float: left; }

.overview:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

.staffPicks {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  float: left;
  width: 31%;
  margin-left: 4%; }
  .staffPicks h2 {
    background: #6bbcff;
    color: white;
    padding: .5rem;
    border-radius: 3px; }
  .staffPicks .doc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    line-height: 1.5; }
    .staffPicks .doc q {
      font-family: "Libre Baskerville", serif;
      font-size: 100%;
      margin-bottom: 1rem;
      display: block; }
    .staffPicks .doc .cite {
      display: block;
      margin-left: 1rem;
      font-size: 85%; }

@media (max-width: 660px) {
  .staffPicks {
    float: none;
    width: auto;
    margin-left: 0; }
    .staffPicks .doc {
      display: block;
      width: auto; }
    .staffPicks .doc + .doc {
      float: left;
      margin-left: 0; }

  .overview {
    width: auto;
    float: none; } }
/* css for publications date browsing */
/* browse lists */
.browse .bigLink {
  border: 1px solid white;
  background: #f0f0f0;
  padding: 2rem;
  box-sizing: border-box;
  width: 33%;
  vertical-align: top;
  display: table-cell; }
  .browse .bigLink h3 {
    margin: 0;
    font-size: 130%; }
  .browse .bigLink p {
    color: black; }
.browse .bigLink:hover {
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #f0f0f0; }

.allYears, .authorYears {
  color: white; }
  .allYears a:link, .allYears a:visited, .allYears a:active, .authorYears a:link, .authorYears a:visited, .authorYears a:active {
    padding: 0 .25rem .5rem 0;
    display: inline-block; }
  .allYears a:first-child, .allYears br + a, .allYears h4 + a, .authorYears a:first-child, .authorYears br + a, .authorYears h4 + a {
    font-size: 120%; }
  .allYears h4, .authorYears h4 {
    color: black;
    font-size: 20px;
    margin-bottom: 1rem;
    font-family: "Libre Baskerville", serif; }

.gutter.dateBrowser {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.gutter.monthBrowser {
  padding: 0;
  text-align: center; }

.yearLine {
  padding: 0 2rem;
  background: #44717b;
  position: relative;
  height: 46px;
  overflow: hidden; }
  .yearLine .yearsLeft, .yearLine .yearsRight {
    position: absolute;
    z-index: 100;
    top: 2px;
    left: 0;
    cursor: pointer;
    background: #44717b;
    padding: .5rem; }
    .yearLine .yearsLeft svg, .yearLine .yearsRight svg {
      fill: #ffffff; }
  .yearLine .yearsRight {
    left: auto;
    right: 0; }
  .yearLine .yearChoices {
    left: 0;
    top: 5px;
    transition: left .5s ease;
    position: absolute;
    padding: 0 30px;
    z-index: 10;
    max-width: none; }
    .yearLine .yearChoices li {
      display: inline-block;
      box-sizing: border-box;
      color: #e2edeb; }
      .yearLine .yearChoices li a, .yearLine .yearChoices li a:link, .yearLine .yearChoices li a:visited, .yearLine .yearChoices li a:active {
        display: inline-block;
        padding: .35rem 1rem .5rem 1rem;
        color: #e2edeb; }
      .yearLine .yearChoices li a:hover {
        text-decoration: none;
        background: black; }
      .yearLine .yearChoices li a.selected {
        background: white;
        color: black !important; }
    .yearLine .yearChoices li.decade {
      border-left: 1px solid #789c9a; }
      .yearLine .yearChoices li.decade a, .yearLine .yearChoices li.decade a:link, .yearLine .yearChoices li.decade a:visited, .yearLine .yearChoices li.decade a:active {
        font-size: 128%;
        color: white; }

.fullRight .yearsLeft {
  opacity: .35;
  cursor: default; }

.fullLeft .yearsRight {
  opacity: .35;
  cursor: default; }

/* basic folding/hiding */
.month .date {
  float: left;
  margin-right: .5rem;
  background: #dff6fb;
  padding: 3px 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.month .date.spans {
  float: none;
  background: none;
  box-shadow: none;
  box-shadow: 0 -4px 0 #969696; }
.month .quickdoc, .month a.quickdoc {
  margin-top: 0;
  margin-left: 1.5rem; }
  .month .quickdoc h4, .month a.quickdoc h4 {
    margin: 0 0 0 1rem;
    font-size: 100%;
    padding: 0;
    line-height: 1;
    font-weight: normal;
    font-family: "Georgia", serif;
    text-align: left; }
  .month .quickdoc .date, .month a.quickdoc .date {
    background: none;
    box-shadow: none; }
  .month .quickdoc .context, .month a.quickdoc .context {
    margin: .5rem 0 0 1rem;
    clear: none;
    text-align: left; }
.month .quickdoc.selected {
  background: white; }
.month .date.span + .dateDocs .quickdoc .date, .month .date.span + .dateDocs a.quickdoc .date {
  float: none; }
.month .date.span + .dateDocs .quickdoc .context, .month .date.span + .dateDocs a.quickdoc .context {
  clear: both; }

.yearStructure.active .monthName {
  cursor: pointer;
  display: inline-block;
  padding: .5rem .65rem;
  font-weight: normal;
  margin-bottom: 0;
  color: black; }
  .yearStructure.active .monthName .full {
    display: none; }

.january .monthName.january {
  background: #f0f0f0; }

.february .monthName.february {
  background: #f0f0f0; }

.march .monthName.march {
  background: #f0f0f0; }

.april .monthName.april {
  background: #f0f0f0; }

.may .monthName.may {
  background: #f0f0f0; }

.june .monthName.june {
  background: #f0f0f0; }

.july .monthName.july {
  background: #f0f0f0; }

.august .monthName.august {
  background: #f0f0f0; }

.september .monthName.september {
  background: #f0f0f0; }

.october .monthName.october {
  background: #f0f0f0; }

.november .monthName.november {
  background: #f0f0f0; }

.december .monthName.december {
  background: #f0f0f0; }

#monthContainer {
  position: fixed;
  left: 0;
  bottom: 0;
  overflow: auto;
  width: 100%;
  background: #f0f0f0;
  box-sizing: border-box;
  z-index: 100;
  max-height: 2000px; }
  #monthContainer .month {
    display: none;
    max-width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 2rem; }
  #monthContainer .month.selected {
    display: block; }

#monthContainer.simpleMonths .monthName {
  margin: .5rem 0 0 0; }
  #monthContainer.simpleMonths .monthName .full {
    display: inline;
    text-transform: capitalize; }
  #monthContainer.simpleMonths .monthName .abbr {
    display: none; }
#monthContainer.simpleMonths .month {
  display: block;
  padding: .25rem; }

/* lists of authors  */
#authorList {
  max-width: 30rem; }

li[data-author] {
  clear: both;
  padding: .5rem; }

li[data-author]:hover {
  background: #f0f0f0; }

.count {
  float: right;
  color: #666666;
  margin-left: 1rem;
  font-size: 90%; }

/* our document link */
.quickdoc, a.quickdoc {
  display: block;
  margin: 1rem 0 1.6rem 0;
  padding: 0 0 .5rem 0;
  text-decoration: none;
  font-family: sans-serif;
  line-height: 1.3;
  max-width: 700px; }

.quickdoc:hover {
  background: #dff6fb; }

.quickdoc .date {
  font-size: 80%;
  color: black; }

.quickdoc .date i {
  font-style: normal; }

.quickdoc .author,
.quickdoc .recipient,
.quickdoc .recipients {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  padding: .25rem 0;
  display: block;
  clear: left;
  color: black; }

.quickdoc .context {
  clear: both;
  font-family: serif;
  display: block;
  color: black; }

/* TOC folding */
.TOC lb::before {
  content: ' '; }
.TOC header {
  padding-bottom: 2rem; }
  .TOC header .headingPart {
    display: block;
    padding-bottom: 1rem; }
  .TOC header .series {
    font-size: 28px;
    vertical-align: baseline; }
  .TOC header .volume {
    font-size: 18px;
    vertical-align: baseline; }
.TOC .wrapper {
  margin-left: 2rem; }
.TOC .frontmatter, .TOC .backmatter {
  padding: 0 0 2rem 0; }
  .TOC .frontmatter .doclink h3, .TOC .backmatter .doclink h3 {
    margin: 0; }
  .TOC .frontmatter .quickdoc, .TOC .frontmatter a.quickdoc, .TOC .backmatter .quickdoc, .TOC .backmatter a.quickdoc {
    margin: 0 0 .5rem 0;
    font-family: "Libre Baskerville", serif;
    margin: 0; }
  .TOC .frontmatter .doclink.front-preface, .TOC .backmatter .doclink.front-preface {
    display: block; }
.TOC .backmatter {
  padding-top: 2rem; }
.TOC label {
  font-family: "Georgia", serif; }
.TOC label + label:before {
  content: " "; }
.TOC .multiHead {
  font-family: "Georgia", serif;
  display: inline-block; }
.TOC .multiHead + .multiHead::before {
  content: "—";
  display: inline-block; }
.TOC .doclink {
  margin-bottom: 1rem; }
  .TOC .doclink h3 {
    font-weight: normal; }
  .TOC .doclink .date {
    display: block;
    vertical-align: bottom; }
    .TOC .doclink .date i:before {
      content: " - "; }
  .TOC .doclink .author,
  .TOC .doclink .recipient {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 .5rem; }
  .TOC .doclink .author + .recipient {
    margin-left: 0; }
  .TOC .doclink .author + .recipient:before {
    content: " to "; }
.TOC .level {
  padding: 0 0 .5rem 0; }
  .TOC .level h3 {
    display: inline-block;
    background: url(/images/smgraphics/open-close-arrows-grey.svg) no-repeat 100% -43px;
    padding-right: 17px;
    cursor: pointer;
    margin: 0; }
  .TOC .level .transgroup,
  .TOC .level .docgroup,
  .TOC .level .encgroup,
  .TOC .level .docgroup_part,
  .TOC .level .legalcat {
    font-weight: normal;
    font-weight: bold;
    font-size: 110%; }
  .TOC .level .doclink {
    margin-left: 2rem; }
    .TOC .level .doclink h3 {
      margin-left: 0;
      background: none; }
    .TOC .level .doclink .quickdoc,
    .TOC .level .doclink a:link {
      background: none;
      margin: 0; }
  .TOC .level .doclink:hover {
    background: white; }
    .TOC .level .doclink:hover .quickdoc,
    .TOC .level .doclink:hover a:link {
      background: none;
      margin: 0; }
  .TOC .level .kidDocs {
    padding: .5rem 1rem;
    overflow: hidden;
    height: auto;
    transition: height 1.0s ease; }
  .TOC .level .level {
    padding: .5rem 1rem;
    margin-left: 1rem; }
.TOC .level.collapsed h3 {
  background-position: 100% -3px;
  margin-bottom: 0; }
.TOC .level.collapsed .kidDocs {
  height: 0;
  padding: 0; }

/* NAMES */
.ui_tabbed_divs {
  text-align: center; }

.tab {
  border: 1px solid white;
  background: #f0f0f0;
  padding: .5rem 1rem;
  box-sizing: border-box;
  vertical-align: top;
  display: table-cell; }

.tab:hover, .tab.selected {
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #f0f0f0; }

.ui_folders {
  padding: 1rem;
  background: #f0f0f0;
  margin: 1rem auto;
  max-width: 50%; }

.counts li b {
  display: inline-block;
  padding-right: 1rem;
  width: 5rem;
  text-align: right; }

@media (max-width: 600px) {
  .browse .bigLink {
    display: block;
    padding: 2rem;
    box-sizing: border-box;
    width: auto;
    vertical-align: top; }

  .gutter.dateBrowser {
    padding: .5rem 1rem 0 1rem;
    font-size: 79%; }
    .gutter.dateBrowser h1 {
      margin-bottom: .5rem; }

  .tab {
    display: block; }

  .ui_folders {
    max-width: none; }

  .counts li b {
    float: left;
    width: 2.2rem; }

  .yearStructure.active .monthName {
    padding: .25rem; }

  .yearLine .yearChoices li a,
  .yearLine .yearChoices li a:link,
  .yearLine .yearChoices li a:visited,
  .yearLine .yearChoices li a:active {
    padding: .35rem; }

  #monthContainer {
    position: relative;
    max-height: none !important;
    top: 0 !important; }
    #monthContainer .month {
      padding: 1rem; }
    #monthContainer .quickdoc,
    #monthContainer a.quickdoc {
      margin-top: 0;
      margin-left: 0.75rem; }

  .TOC .wrapper {
    margin-left: 0rem; }
  .TOC .level {
    padding-right: 0; }
    .TOC .level .doclink {
      margin-left: 1rem; } }
/* search UI common features */
/* This file expects to be included via SASS for compiling */
.searchForm {
  max-width: 700px; }
  .searchForm fieldset {
    padding: 0em;
    border: none;
    margin-bottom: 0; }
  .searchForm fieldset.field_inline {
    display: inline-block;
    display: -moz-inline-box;
    /* FF 2 support */ }
  .searchForm fieldset.label_below {
    display: inline-block;
    display: -moz-inline-box;
    /* FF 2 support */
    vertical-align: top;
    border: none;
    padding: 0;
    margin: 0;
    text-align: left; }
  .searchForm fieldset.label_below input,
  .searchForm fieldset.label_below select,
  .searchForm fieldset.label_below label {
    display: block;
    float: none;
    padding: 0;
    margin: 0; }
  .searchForm fieldset.label_below label {
    font-size: 90%;
    font-style: italic; }
  .searchForm input, .searchForm select, .searchForm button {
    border: none; }
  .searchForm input[name="terms"],
  .searchForm input[name="query"] {
    width: 100%;
    display: block;
    font-size: 120%;
    padding: .5rem;
    box-sizing: border-box; }
  .searchForm ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a0a0a0; }
  .searchForm ::-moz-placeholder {
    /* Firefox 19+ */
    color: #a0a0a0; }
  .searchForm :-ms-input-placeholder {
    /* IE 10+ */
    color: #a0a0a0; }
  .searchForm :-moz-placeholder {
    /* Firefox 18- */
    color: #a0a0a0; }
  .searchForm fieldset {
    padding: 1rem 3rem 1rem 1rem;
    position: relative;
    margin: 0 0 1rem 0;
    background: #f0f0f0; }
    .searchForm fieldset legend {
      background: #f0f0f0;
      padding: .25rem 1rem;
      border: 2px solid #f0f0f0; }
    .searchForm fieldset label {
      display: inline-block;
      width: 38%; }
    .searchForm fieldset label + input,
    .searchForm fieldset label + select {
      width: 60%; }
    .searchForm fieldset .note {
      font-size: 80%;
      display: block; }
    .searchForm fieldset fieldset {
      border: none;
      padding-left: 0; }
      .searchForm fieldset fieldset legend {
        background: none;
        border: none; }
    .searchForm fieldset select {
      font-size: 16px; }
    .searchForm fieldset input[name="ed_d"],
    .searchForm fieldset input[name="sd_d"] {
      width: 1.5rem;
      font-size: 16px; }
    .searchForm fieldset input[name="ed_y"],
    .searchForm fieldset input[name="sd_y"] {
      width: 3rem;
      font-size: 16px; }
  .searchForm fieldset.inline {
    display: inline-block; }
    .searchForm fieldset.inline label {
      display: block;
      width: auto; }
  .searchForm fieldset.inline + fieldset.inline {
    margin-left: 2rem; }
  .searchForm input[type='submit'] {
    border: 1px solid #3177ce;
    padding: .5rem .75rem;
    font-size: 100%;
    background: #3177ce;
    color: white;
    vertical-align: middle; }
  .searchForm input[type='submit']:hover {
    background: black;
    border: 1px solid black; }
  .searchForm .reset {
    float: right;
    background: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #e8e8e8, #c7c7c7);
    background-image: -moz-linear-gradient(top, #e8e8e8, #c7c7c7);
    background-image: -ms-linear-gradient(top, #e8e8e8, #c7c7c7);
    background-image: -o-linear-gradient(top, #e8e8e8, #c7c7c7);
    background-image: linear-gradient(to bottom, #e8e8e8, #c7c7c7);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #858585;
    font-size: 16px;
    padding: .5rem .75rem;
    border: solid #b8b8b8 1px;
    text-decoration: none;
    vertical-align: middle; }
  .searchForm .reset:hover {
    background: #606060;
    color: white;
    text-decoration: none; }
  .searchForm .clearInput {
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: .8rem; }
    .searchForm .clearInput svg {
      fill: #c0c0c0;
      height: 25px;
      width: 25px; }
  .searchForm fieldset.inline .clearInput {
    top: 2.25rem; }

/* search results
 */
.results h3 {
  margin-bottom: 0; }
.results .hitMeta {
  display: inline-block;
  font-size: 80%; }
.results .hitMeta:before {
  display: inline-block;
  margin: .25rem;
  content: " | ";
  color: #777777; }
.results a, .results a:link, .results a:visited {
  display: block; }
.results a, .results a:link, .results a:visited, .results a:active, .results a:hover {
  text-decoration: none;
  padding: .5rem; }
.results a:link.focus {
  background: #f0f0f0; }
.results a:hover {
  background: #ebf4f9; }
.results .teaser {
  font-family: "Georgia", serif;
  color: black; }

.index .results a, .index .results a:link, .index .results a:visited {
  display: inline-block;
  padding: .5rem 0; }

.searchedOnTerms {
  font-weight: bold; }

.page_links {
  border-top: 1px solid #aaaaaa;
  padding-top: 1rem;
  margin-top: 1rem;
  text-align: center; }
  .page_links li {
    display: inline-block; }
  .page_links .current_page,
  .page_links a:link {
    padding: .25rem .5rem;
    box-shadow: none; }
  .page_links .current_page {
    background: #e5e5e5; }
  .page_links a:hover {
    background: #0022ff;
    color: white;
    text-decoration: none;
    box-shadow: none; }

.page_links:first-child {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }

/*# sourceMappingURL=basic-2017.css.map */