@charset "UTF-8";

/* Reset looks in all browsers*/

button, input, optgroup, select, textarea {
  font-family: inherit; 
  //font-size: 100%; 
  line-height: 1.15; 
  margin: 0;
 -webkit-appearance:none;    
}
button, input { 
  overflow: visible;
}
button, select { 
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}


/* Forms */
input[type=text], textarea, input[type=date], input[type=email], input[type=number] {
    width: 100%;
    padding: 12px; /* Some padding */  
    border: 1px solid #CCC; /* Gray border */
    border-radius: 2px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 22px; /* Bottom margin */
	background-color: #F3F3F3;
	font-size: inherit;
}

textarea {
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=date] {
    width: 30%;
    resize:none;
}
.styled-select {
    width: 100%; 
    border: 1px solid #CCC;
    border-radius: 2px; 
    margin-top: 6px; 
    margin-bottom: 22px; 
	background-color: #F3F3F3;
	font-size: 11pt;
    padding: 0; 
    overflow: hidden; 
}
.styled-select select { 
    background: transparent;
    box-shadow:none !important;
    border: none;
    font-size: 11pt;
    height: 42px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
    width: 100%;
//    text-align: -webkit-center;
//    text-align: -moz-center;    
//    text-align: center;  /* commented out 10 Aug 2022 */
//    text-align-last:center;

 }

input[type=radio] {
    margin-left: 12px;  
    margin-right: 5px; 
}

input[type=submit], #reviewbutton, button, #clearbutton {
    background-color: #013A81;
    display:block;
    color: white;
    padding: 12px 20px;
    margin: 12px auto;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

button {
    background-color: #DADFEB;
    display: inline; 
    margin: 0 0 0 10px;
    padding: 4px 8px;
    color:#666666;
    float: right;  
}
button:hover {
    background-color: #bbb; 
    color: white;   
}
input[type=submit]:hover, #reviewbutton:hover, #clearbutton:hover {
    background-color: #7587AD;
}

input[type=submit]:disabled {
    background: #999;
    cursor:default;
}

#pinst, #affother, #subother, #sem, #piai, #dates, #telall, #telpal, #instr, #web, #prevsem, #prevpi, #prevdates, #prevtinst, #prevweb {
    display: none;
}
#telall, #telpal, #pinst {
    width: 30%;
}
//input[name="telescope"][value="P200"]:checked ~ #pinst {
//    display: inline-block;
//}
input[name="banquet"][value="2"]:checked ~ #menu2, input[name="banquet"][value="2"]:checked ~ #menu1 {
    display: inline-block;
}
.container {
    border-radius: 5px;
    padding: 0;
}
.g-recaptcha {
    display: table; 
    margin: 0 auto 40px auto; 
    width: auto;
}

/*Pop-up abstracts*/


.spacer {
    display:inline-block; 
    width: 150px; 
    height: 360px;
}


/* Rules for mobile devices*/
@media only screen and (max-width: 1024px) {

label, input, textarea, .contents li, .contents p, .styled-select, .styled-select select {
	font-size: medium;
}

input[type=submit], #reviewbutton, #clearbutton, button {
    padding: 0.5em 1.5em;
	font-size: large;
}
}