@import url(https://fonts.googleapis.com/css?family=Open+Sans);
a { text-decoration : none; }
th { font-weight : normal; font-size : small; }
.cell { background-color : white; }
.alarm { color: red; }
.noted { color: purple; }
.ready { color: green; }
.decided { color: blue; }
.faded { color: #dddddd; }
.offerF, .offerRA { color: #007700; }
.offerTA, .offerTA5 { color: #007777; }
.offerNS { color: #000077; }
.offerno { color: #770000; }
.area, .inferred-area, .degree, .gpa, .tier, .inst, .inf-xier, .location, .score, .underrepresented, .aid, .faculty, .responsible, .interest, .tags, .country, .city, .locations, .rank { font-size : small; }
.studentTable tr:hover .cell, .institutionTable tr:hover .cell, .placeTable tr:hover .cell { background-color: #ffb; }
.id { font-size : x-small; }
.name, .degree, .rank { white-space: nowrap; }
.invalid { color: red; }
.clickable { cursor: default; }
.median { font-size : small;
          margin-left: 2em; }
.aboveMedian, .belowMedian, .atMedian, .GREquant { font-weight: bold; }
.aboveMedian, .gentleAboveMedian { color: green; }
.belowMedian { color: red; }
.gentleBelowMedian { color: #800; }
.fieldName { margin-right: 2em; }
.overriddenInst, .overriddenDegree { margin-left: 2em; font-size: small; color: #aaa; }
.menu { }
.rankSummaryGroup { float: right; }
.rankSummary { background: white; padding: 0.5em; display: inline-block; }
.filterRx { width: 5em; flex-grow: 1; }
.controlBar { display: flex; flex-grow: 3; }
.controlSep { width: 2em; flex-shrink: 1; }
.studentTable, .institutionTable, .placeTable { background-color: #dddddd; }
.filterPanel { margin: 1em; }
.filterBoxes { display: flex; flex-grow: 3; flex-shrink: 2; }
.ai {
    padding: 0.1em 0.1em 0px 0.1em;
    border: 1px solid forestgreen;
    margin: 0px 0.1em 0px 0.1em; }
.button, .pdfLink, .control, th, .inForm, .student, .fieldName, h1, h2, h3 { font-family: "Open Sans"; }
.button, .pdfLink { text-decoration: none;
                    font-size : small;
                    border: 1px solid #ddd;
                    padding: 0px 0.1em 0px 0.1em;
                    margin: 0px 0.1em 0px 0.1em;
                    background-color: #ffffee; 
                    font-weight: bold;
                    white-space: nowrap; }
.button { padding-left: 0.2em; 
          padding-right: 0.2em; }
.button:visited { color: blue; }
.saveButton { font-size : medium;
              margin-top: 0.5em; }
.reset { }
.student { font-weight: bold;
           font-size : xx-large; }
.offerBox { display: inline-block; }
.offererBox, .amountBox { background-color: #ddffdd; }
.rankBox { white-space: nowrap }
.ranksBox { margin-bottom: 0.5em; }
.inMoreBox { vertical-align: top }
.inMoreInnerBox { vertical-align: top }
.interestBox { background-color: #eee;
               padding: 1ex; }
.buttonLink { background-color: #ddf;
              border: 1px solid #55f;
              color: black;
              padding-left: 1ex;
              padding-right: 1ex; }
.normalButtonLink { font-size: small; }
.smallButtonLink { font-size: x-small; }
.buttonLine { margin-top: 0.5ex;
              marign-bottom: 0.5ex; }
.buttonLink:hover { color: #55f; }
.buttonLink:active { background-color: #55c; color: white;  }
.offerIn, .rankIn { width: 5em; }
.aliasIn { width: 16em; }
.notesIn { width: 40em; height: 4em; }
.altNotesIn { width: 30em; height: 4em; }
.synopsisIn { width: 50em; height: 10em; }
.inExplain { font-size : x-small; }
.inForm { padding: 0.5em;
          border: 1px solid #ddd;
          background-color: #ffffee;
          display: inline-block; }
.extrasPanel { display: none; }
.sameNameBox, .sameNameCol { background-color: #eeeeff;
                             display: inline-block; }
.sameNameBox { padding: 0.5em;
               border: 1px solid #ddd;
               background-color: #eeeeff;
               display: inline-block;
               margin-bottom: 2ex; }
.statusMessage { display: none; 
                 font-size : x-small; }
.errorMessage { font-weight : bold }
.basicPage { width: 45em;
             margin-left: auto;
             margin-right: auto; }
.buttonList li { margin-top: 0.5em; }
.stat { text-align: right;
        padding-left: 1em;
        font-family: "Courier New", Courier, monospace; }
.total { background-color: #eeeeff; }
.percentage { text-align: right;
              font-size: x-small; }

/* From https://www.w3schools.com/css/css_tooltip.asp */
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 20ex;
    background-color: #ee8;
    color: #000;
    padding: 1ex;
    border: 1px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%; 
    margin-left: -10ex; 
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}