@import url(reset.css);
@import url(text2.css);

 
/* Global Style */

body {
	color: rgb(125, 94, 160);
	padding:0px;
	margin:0 auto;
	width:100%;
	font-size:1em;
	
}

.full-page .home-button-div {
display:none;	
	
}

.title, .subtitle {
	display:none;	
}


.in-iframe #jcaptcha {
	max-width:80%;
	margin:5px;
}

label {
color: rgb(125, 94, 160);	
}

button.cancel {
	
}

input, select {
	font-size:16px;	
}

.signup .content .instruction {
}

.full-page {
	margin:0 auto;
}

.full-page .header-one {
	width:100%;
	display:inline-block;
	background-image:url("css/assets/images/lyme_logo_1200x280.jpg");
	background-size:contain;
	background-position:top;	
	max-height:280px;
	width:100%;
	height:280px;
	border-bottom: 5px ridge #ccc;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	background-repeat:no-repeat;
	transition: all 2s, ease-in-out;

}


.footer-one {
	border-top: 5px ridge #ccc;
	border-top-style: solid;
	border-top-width: 4px;
	margin-top:1em;
}

.in-iframe {
	
	margin:0 auto;
	border:none;
		
}

.in-iframe .header-one, .in-iframe .footer-one, .in-iframe .instruction {
	display:none;

}

input{
	border:1px solid #ccc;	
}

.content {
	text-align:center;
	width:95%;
}
.instruction {
	
	padding:2em 1em 2em 1em;
}

.form-field {
	margin:0 0 .5em 0;	
}
.form-field span {
text-align:left;
display:inline-block;	
	
}
.form-field label {
text-align:right;
display:inline-block;	
	
}
label .label-explanation {
	font-weight:normal;
	font-size:.9em;
	font-style:italic;	
	color:#555;
	display:block;
	text-align:right;
}
.form-field label span:before {
	content: '\A';
}
.in-iframe #username{
font-size:16px;	
height:auto;
}
.in-iframe button.go {

	margin:0 auto;
	background:none;
	box-shadow:none;
	
	text-align:center;
	background-color:rgb(125, 94, 160);
	border:none;
	font-size:1em;
	color:white;
	border-radius:8px;
	font-weight:bold;
	letter-spacing:1px;	
	
}
button.go {
	padding:.3em 3em .3em 3em;	
	margin:0 auto;
	background:none;
	box-shadow:none;
	
	text-align:center;
	background-color:rgb(125, 94, 160);
	border:none;
	font-size:1em;
	color:white;
	border-radius:8px;
	font-weight:bold;
	letter-spacing:1px;
	
}

@media (max-width: 1024px) {

.header-one, .full-page .header-one {
	width:100%;
	background-image:url("css/assets/images/lyme_logo_1200x280.jpg");
	max-height:238px;
	height:238px;
}
}
@media (max-width: 800px) {

.header-one, .full-page .header-one {
	width:100%;
	background-image:url("css/assets/images/lyme_logo_768x179.jpg");
	background-size:95%;
	max-height:179px;
	height:179px;
}
.content {
	font-size:.8em;	
	
}
}
@media (max-width: 414px) {

.header-one, .full-page .header-one {
	width:100%;
	background-image:url("css/assets/images/lyme_logo_768x179.jpg");
	background-size:95%;
	max-height:96px;
	height:96px;
}
.form-field label, .form-field span, .label-explanation {
	text-align:center;
	width:100%;
	display:block;
}
div.form-field > :first-child {
	text-align:center;
	
}

}
@media (max-width: 375px) {

.header-one, .full-page .header-one {
	width:100%;
	background-image:url("css/assets/images/lyme_logo_375x87.jpg");
	background-size:95%;
	max-height:87px;
	height:87px;
}
}
@media (max-width: 320px) {

.header-one, .full-page .header-one{
	width:100%;
	background-image:url("css/assets/images/lyme_logo_375x87.jpg");
	background-size:95%;
	background-repeat:no-repeat;
	max-height:74px;
	height:74px;
}
}