/*new signit page styles*/

	
	/*div#signit-intro-photo-left used only in the mobile styles*/
	/*
	div#signit-intro-photo-left {
		float: left;
		width: 90%;
		height: auto;
		clear:  both;
		padding: 0 20px 20px 20px;
	}
	*/
	
		#signit-intro-photo-left img {
			float: left;
			width: auto;
			height: auto;
			clear: both;
			padding: 0 20px 20px 20px;
		}
		
	
	#form_div {
		margin: 0 0 0 30px;
		width: 100%;
	}
	
	div#top-photos, div#bottom-photos {
		margin-bottom: 25px;
		clear: both;
		margin-left: 0;
	}
	
		div#top-photos img {
			margin-right: 15px;
			margin-top: 15px;
			height: auto !important;
		}			
		
		div#bottom-photos img {
			margin-right: 15px;
			margin-top: -140px;
			height: auto !important;
		}

	p.acknowledgment {
		clear: both;
		font-size: 1.2em;
	}
	
	
	
/*styles for the signit form*/
	
	#content form {
		margin: 0;
		padding: 0;
	}
	
	#content input, textarea {
		margin: 10px 0 10px 7px;
	}

	#content label {
		font-size: 1.4em; /*14 pixels because we set the font-size in the "body" selector to 62.5% */
		color: #356aa0;
		line-height: 160%;
		font-weight: bold;
		float: left;
		padding-top: 8px;
		display: block;
		clear: both;
		margin-bottom: 20px;
	}

	/*styles for the age checkbox*/

		#content label#confirm-label {
			margin-left: 30px;
			max-width: 420px;
		}

		#content input#confirm {
			float: left;
			margin: -20px 10px 0 -30px;
			display: block;
		}

	#content select {
		display: block;
		margin-bottom: 20px;
		float: right;
		margin-left: 10px;
		margin-top: 3px;
	}
	
	#submitRequest {
		border: none;
		float: right;
		display: block;
		position: relative;
		top: -200px;
		left: -50px;
		margin: 0;
		padding: 0;
	}
	
	p#contact-text {
		float: right;
		display: block;
		position: relative;
		top: -200px;
		left: -50px;
		text-align: center;
		margin: 0 12px 0 0;
		padding: 0;
	}
	

/*for ipad portrait mode*/	
@media only screen and (min-width : 610px) and (max-width : 1210px) {

	/*new signit page specific styles*/

	/*
	div#signit-intro-photo-left {
		float: left;
		width: 85%;
		height: auto;
		clear:  both;
		padding: 0 20px 20px 20px;
	}
	
		#signit-intro-photo-left img {
			width: 90%;
			height: auto;
		}
	*/
	
	#form_div {
		margin: 0 0 0 30px;
		width: 80%;
	}
	
	#submitRequest {
		border: none;
		float: left;
		display: block;
		position: relative;
		top: -15px;
		left: 0;
		margin: 0;
		padding: 0;
		clear: both;
	}

	p#contact-text {
		clear: both;
		float: left;
		display: block;
		position: static;
		top: 0;
		left: 0;
		text-align: center;
		margin: 0 0 20px 15px;
		padding: 0;
	}
	
	div#bottom-photos img {
		margin-right: 15px;
		margin-top: 0;
	}
	
	#content label#confirm-label {
		margin-left: 30px;
		max-width: 300px;
	}

}


/*mobile styles, for phones*/
@media only screen and (min-width: 200px) and (max-width: 609px) {


/*new signit page specific styles*/
	
	#form_div {
		margin: 0 0 0 30px;
		width: 80%;
	}
	
	#content select {
		display: block;
		margin-bottom: 20px;
		clear: both;
		margin-left: 0;
		margin-top: 3px;
		margin: 3px 0 20px 10px;
	}
	
	
	
	div#signit-intro-photo-left {
		float: left;
		width: 85%;
		height: auto;
		clear:  both;
		padding: 0 20px 20px 20px;
	}
	
		#signit-intro-photo-left img {
			width: 90%;
			height: auto;
		}
		
	#submitRequest {
		border: none;
		float: left;
		display: block;
		position: relative;
		top: -15px;
		left: 0;
		margin: 0;
		padding: 0;
		clear: both;
		width: 100%;
		height: auto;
	}

	p#contact-text {
		clear: both;
		float: left;
		display: block;
		position: static;
		top: 0;
		left: 0;
		text-align: center;
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 1.1em;
	}
	
	div#top-photos, div#bottom-photos {
		margin-bottom: 25px;
		clear: both;
		margin-left: 0;
	}
	
		div#top-photos img {
			margin-right: 0;
			margin-top: 15px;
		}			
		
		div#bottom-photos img {
			margin-right: 0;
			margin-top: 0;
		}
	
	#content label#confirm-label {
		margin-left: 30px;
		max-width: 300px;
	}

}