@charset "UTF-8";
/* CSS Document */
.main {
    max-width: 1300px;
}
td.content table:first-of-type { 
    border-color: white; 
    max-width: 1100px;
} 
td.content table tr, td.content .data-c tr {
    background-color: white;
}
td.content table tr:last-of-type { 
    border-bottom: none;
}      
td.content table td {
    width:120px;
    vertical-align:top;
}
td.content table:first-of-type td {
    padding: 0 2px; 
    margin:0; 
    width:120px;
    vertical-align:top;
}    
td.content table td input {
    max-width:200px;
} 
td.content table td input#s1, td.content table td input#s2 {max-width:50px;}
td.content table input[type=text], td.content table input[type=email], td.content table input[type=number] {
    padding: 13px 5px; 
    margin-bottom: 0
} 
td.content table .styled-select  {
    padding: 0.5px 5px; 
    margin-bottom: 0
}      
#PIname, #PIemail, #PIphone, #progtitle {
    padding: 10px;
}   
#abstract {
    overflow: hidden;
    resize: vertical;
    max-height: 300px;
}
#tel,#format {
    width: 200px;
    margin: 0 auto; 
    text-align: center;
    //display: inline-block;
}  
select, option {
    text-align: center; 
    text-align-last: center;    
}       
input[type=date] { 
    width:170px; 
    padding: 10px 5px; 
    margin-bottom: 0
}
#data td input {
    max-width: 100%;
}
#data td:first-of-type {
    width:160px;
}    
#UTC, #edtUTC {
    display: none;
}
#UTC, #JDT { 
    width:320px;
    min-width: 300px;
    vertical-align:middle;
}    
#UTC .styled-select {
    width:15%;
    display: inline-block; 
    vertical-align: middle;
}
#JDT input {
    width:100%;
}    
#UTC #month {width: 29%;}
#UTC #year {width: 17%;} 
#priority, #Night {
    width: 70px;
    //border: 1px solid red;
}
td {vertical-align: middle;}
#inst {
    width: 170px;
}

#p60inst, #p48inst {
    display: none;
}
#months tr:nth-child(3) td {font-size: x-small;} 

#who input {width:180px;max-width:inherit;}

.wrapper-left, .wrapper-right {
    display: inline-block; vertical-align: top; min-width: 49.7%; max-width: 49.7%; padding: 0 10px 0 0; 
}
.wrapper-right {
    padding: 0 0 0 10px;
}
div + label {
  display:block;
}
#collaborators {width:50%;}
#c200 #collaborators, #c200 #observers {width:98%;}
#collaborators input, #observers input  {width:100%;max-width:inherit;}
#who #PIemail1, #who #LOemail {width:300px;}
#semester {width:166px}
#semester .styled-select {
    max-width:46px;
    display: inline-block;
    vertical-align: middle;
}
#start {
    width: 160px;
}
#status {
    width: 220px;
}
#instsel1, #instsel2 {width: 100%;} 
#instsel1 td, #instsel2 td {width: calc(100% / 17); font-size: small; vertical-align:middle;}
#instsel1 input[type=text], #instsel2 input[type=text] {padding: 14px 5px; margin-bottom: 0}
#instsel1 select, #instsel2 select { font-size: small;}
#instsel1 #cassinst, #instsel1 #primeinst, #instsel2 #cassinst, #instsel2 #primeinst {width:90px;}
#instsel1 td:nth-of-type(4) .styled-select, #instsel2 td:nth-of-type(4) .styled-select {background-color: #DBDBDB;}
#dark, #dark div {display: inline-block; text-align: center}
#dark div {padding: 10px;}
.L {background-color: hsl(120, 0%, 72%);} 
.DE, .DL {background-color: hsl(120, 0%, 50%);}
.D {background-color: hsl(120, 0%, 28%);} 
.DE, .DL, .D {color: white;}
.L, .DE, .DL, .D {font-size: small;}
#repeatrow, .hiderow  {display:none;}


td.content #toor td:nth-child(2) {
    vertical-align: middle;
}

td.content #toor td:nth-child(1) .styled-select, td.content #toor td:nth-child(2) .styled-select {
    max-width:60px;
    display: inline-block;
    vertical-align: middle;
}
td.content #toor td:nth-child(3) {
    width:500px;
}
td.content #toor td:nth-child(3) input {
    max-width:500px;
}
#toor input {max-width: 70px}
 
#chars {
    text-align: right; 
    font-size: 10pt; 
    font-style: italic; 
    margin-top: -20px; 
    padding: 0; 
    color: #666666;
}

button {
    background-color: #7587AD; 
    color: white;
    font-size: x-small;
}
input[type=button], button.print {
    background-color: #013A81;
    display:block;
    color: white;
    padding: 12px 20px;
    margin: 12px auto;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-size: small;
}
input[type=button]:hover, button.print:hover {
    background-color: #7587AD;
}
.highlight, input[type=text].highlight, input[type=email].highlight, 
input.highlight, input[type=button].highlight, 
td.content table input[type=text].highlight,
td.content table input[type=email].highlight {
    //border: 1px solid #013A81;
    //border-color: #013A81;
    border: 1px solid #B00002;
    border-color: #B00002;
}
.tooltip {
    position: relative;
    cursor: help;
    color: #485A7F;
    //text-decoration: underline dotted #7587AD;
    //text-decoration-thickness: 1px;
    //text-underline-offset: 3px;
}
.tooltip sup {
//    text-decoration: underline dotted #F3F3F3;
//    text-decoration-color: #F3F3F3 important!;
    line-height: 8px;
    margin: -3px 0 0 2px;
    font-size: x-small;
}
#instsel1 .tooltip sup, #instsel2 .tooltip sup {
    line-height: 6px;
    font-size: xx-small;
}
/*.tooltip:after{
    content: "\f059";
    line-height: 8px;
    font-size: small;
    padding: 0;
    margin: -3px 0 0 2px;
    font-family: "fontawesome";
    vertical-align: super;
    color: #7587AD;
}*/
.tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: #C1CBE0; 
    color: #333;
    font-weight: normal;
    text-align: center;
    font-size: small;
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -130px;
    box-shadow: 0px 0px 1px 0px #444;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #C1CBE0 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}





@media print {
html {background-color: white;}    
body *, .noprint, .noprint * {
    visibility: hidden;
    background-color: white;
  }
h1,h2{	
    margin-top: 0px; 
    color: black;
    }
.tooltip {
    color: inherit;
    }    
#printme, #printme *, p.attribution, p.attribution * {
    visibility: visible;
  }
#printme {
    position: absolute;
    left: 0;
    top: 0;
  }
#printme:after {
content: " --- end of cover sheet ---";
font-size: xx-small;    
  }    
 p.attribution {
    //display: inline;
    //position:absolute;
    //left: 0;
    //bottom: 0;
}
.noprint, .noprint *, .tooltiptext, .tooltip:after, sup, input[type=button], #feedback {
    visibility: hidden; 
    display:none;
} 

input[type=text], textarea, input[type=date], .styled-select, .data-c th, .data-l th {
	background-color: transparent;
}    
.L, .DE, .DL, .D {color: inherit; background-color: transparent;}    
#instsel1 td, #instsel2 td {font-size: x-small;}
.pagebreak { 
    page-break-before: always;
    page-break-after: always; 
}
td.content table {
    page-break-inside: avoid;
}
.hiderow {display: table-row;}
::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}
}