@charset "UTF-8";
/* CSS Document */

.container {
    border-radius: 5px;
    padding: 0;
}


/* Reset looks in all browsers*/

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

/*Style*/

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

textarea {
    resize: vertical; 
}

input[type=date] {
    width: 270px;
    resize:none;
}
.styled-select {
    font-family: inherit;
    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%; 
 }

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

input[type=submit], #reviewbutton, button, #clearbutton {
    background-color: #002172;
    display:block;
    color: white;
    padding: 12px 20px;
    margin: 12px auto;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    font-family:inherit;
    text-align:center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*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;   
}*/
button:hover, input[type=submit]:hover, #reviewbutton:hover, #clearbutton:hover, input[type=submit]:focus, #reviewbutton:focus, #clearbutton:focus {
    background-color: #7587AD;
}

input[type=submit]:disabled {
    background: #999;
    cursor:default;
}
input[type=submit]:active, #reviewbutton:active, #clearbutton:active, button:active {
    transform: scale(0.99);
}

#pinst, #affother, #subother, #dates, #telpal, #instr, #web, #prevdates, #prevtel, #previnst, #prevweb {
    display: none;
}
#telpal {
    width: 120px;
    padding-right: 3em;
}
#pinst {
    width: 350px;   
}
.g-recaptcha {
    display: table; 
    margin: 0 auto 40px auto; 
    width: auto;
}
/*input[name="ptelescope"][value="P200"]:checked ~ #instr {
    display: block;
}
input[name="banquet"][value="2"]:checked ~ #menu2, input[name="banquet"][value="2"]:checked ~ #menu1 {
    display: inline-block;
}*/

@media only screen and (max-width: 550px) {
#telpal, #pinst, input[type=date] {
    width: 100%;
}

}
