body {font-size:1.2em;font-family: Helvetica,Arial;margin:15px;}
div {line-height: 24px;padding:5px;}
span {white-space:nowrap; padding-right:8px;    
	display: inline-block; line-height: 30px;}
#h1 {text-align: center;font-weight: bold;font-size: 24px;color:blue;}
.button-ctr {margin:auto;text-align: center;}
.button2{
	margin-left:2px;
	color:#F0F0F0;
	background:#00365B;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:10px;
	font-size:inherit;
	vertical-align: middle;
	min-width: 280px;
	border-radius: 5px;
}
.button3,.smBtn {min-width:50px;padding:3px 8px;}
.button2:hover, .button2:focus, .button2:active,
.button3:hover, .button3:focus, .button3:active {
    background-color: green;
}
.iSite {text-align: left;min-width:80%;padding-left:5px;font-size: 16px;line-height: 30px;border:1px solid black;vertical-align: top;}
.chkbox {line-height:30px;vertical-align: top;}
.radio {vertical-align: top;line-height: 30px;padding-left: 15px;}
input[type='radio'] {width:25px; height:25px;vertical-align: top;}
input {font-size: 18px;}
input[type="radio"] {
	margin: 0;
}
input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
    margin: 0 10px 0 30px ;
}
#findglyph:hover,.radio:hover {cursor: pointer;}
input[type='checkbox']:checked {
    background: blue;
}	
.hide {display:none;}
.section {border:1px solid blueviolet;}
.longanswer {width:230px;}
.longeranswer {width:300px;}
.shortanswer {width:70px; padding-left:8px;}
.medanswer {width:150px;}
.kid_ages {width:50px; margin-left:10px;}
.l2 {text-align: right;}

.input1 {
	padding:8px 2px;
	background:#FFF;
	border: 1px solid gray;
	border-radius:3px;
	vertical-align: middle;
}

.top { margin-top:10px; }


/*Placeholder text in inputs has (in the browsers implementing it so far) a light gray color. 
To style it, you'll need to use psuedo classes that are vendor specific.*/

.input1::-webkit-input-placeholder {
   color: blue;
}

.input1:-moz-placeholder { /* Firefox 18- */
   color: blue;  
}

.input1::-moz-placeholder {  /* Firefox 19+ */
   color: blue;  
}

.input1:-ms-input-placeholder {  
   color: blue;  
}

#reports {background: black;color:white;padding:5px;}
#reports a {color:white; margin:0 15px;}

#calendar td {vertical-align: top;height: 100px;}
#calendar {border-collapse: collapse;font-size: 14px;}
.cal_date {color:blue;}
.cal_date:hover {cursor: pointer;}
.shrt {width:80px; font-size: 14px;} /*calendar input for time*/ 
#show_location {
    display: none;
    position: fixed;
    top: 100px;
    left: 20%;
    border: 2px solid blue;
    border-radius: 8px;
    background-color: bisque;
}
#show_location label { 
    width: 80px;
    display: inline-block;
 }
 #show_location select {
    padding: 4px;
    font-size: 14px;
 }
@media (max-width : 800px) {
 	.label {min-width: 100px;}
 }
 @media (min-width: 810px) { .label {min-width: 40px;} }