/*
 * KidsWrite stylesheet
 * Version: 1.0
 * Author: Shaun Tarves
 */

/**
 * Remove all default styling
 */
@import url(/assets/css/reset.css);


body {
        background-color: #ffffff;
        font-size: 11px;
        font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
}

.sn-form-element {
        border: 2px solid #dddddd;
        padding: 5px;
        height: 20px;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #333333;
}
.errorText {
	padding-left: 15px;
	color: #ff0000;
}

div.blue-bg { background: #21a5ff none no-repeat scroll center center; }
div.grey-bg { background: #eeeeee none no-repeat scroll center center; }

/**
 * Thank You
 */
div#sign-up-return {
	height: 530px; width: 755px;
        background: #ffffff url(/assets/img/signup-return.png) no-repeat scroll center center;
}

/**
 * Sign Up
 */
div#sign-up {
	height: 530px; width: 755px;
        background: #eeeeee url(/assets/img/signup-form.png) no-repeat scroll 75px 180px;
}
	div#sign-up-header {
		height: 150px;
	        background: transparent url(/assets/img/signup-header.png) no-repeat scroll center 40px;
	}
		div#sign-up-header h1 {text-indent: -9999px; }
	
	div#sign-up-grade input, div#sign-up-role input {
		position: absolute; left: -9999px;
		background: #eeeeee;
	}
	div#sign-up-grade label.radioOn, div#sign-up-role label.radioOn {
	}
	div#sign-up-grade label.radioOff, div#sign-up-role label.radioOff {
		background: #eeeeee;
		opacity: 0.85;
		filter: alpha(opacity=85);
	}
	div#sign-up-grade label, div#sign-up-role label {
		float: left;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	div#sign-up-grade {
		padding: 30px 0px 0px 220px; /* t, r, b, l */
		height: 41px;
	}
		div#sign-up-grade label#q11_3 { margin-right: 35px; }
		div#sign-up-grade label {
			padding-right: 9px;
			display: block; width: 35px; height: 41px;
		}
	div#sign-up-role {
		padding: 30px 0px 0px 220px; /* t, r, b, l */
		height: 35px;
	}
		div#sign-up-role label {
			padding-right: 20px;
			display: block; width: 130px; height: 35px;
		}
	div#sign-up-name {
		padding: 30px 0px 0px 220px; /* t, r, b, l */
		height: 35px;
	}
		div#sign-up-name #q0_FirstName { width: 250px; }
	div#sign-up-email {
		padding: 30px 0px 0px 220px; /* t, r, b, l */
		height: 35px;
	}
		div#sign-up-email #q9_Email { width: 250px; }
	div#sign-up div#submit-button {
		padding: 40px 0px 0px; /* t, r/l, b */
		height: 42px;
		text-align: center;
	}

/**
 * Contest
 */
div#contest {
	width: 755px;
}
	div#contest-header {
		height: 100px;
	        background: transparent url(/assets/img/contest-header.png) no-repeat scroll center 20px;
	}
		div#contest-header h1 {text-indent: -9999px; }
	div#contest-content {
		margin-left: 120px;
        	background: #eeeeee url(/assets/img/contest-form.png) no-repeat scroll left 10px;
	}
		div#contest-content .form-field {
			margin-left: 210px;
			height: 40px;
		}
		div#contest-content #text-summary { height: 80px; }
		div#contest-content #has-pictures, div#contest-content #read-rules {
			margin-left: 370px;
			padding-top: 10px;
			height: 30px;
		}
			div#contest-content #contest-name { width: 200px; }
			div#contest-content #contest-state { width: 214px; height: 32px; }
			div#contest-content #contest-grade { width: 214px; height: 32px; }
			div#contest-content #contest-email { width: 200px; }
			div#contest-content #contest-pemail { width: 200px; }
			div#contest-content #contest-title { width: 200px; }
			div#contest-content #contest-summary { width: 350px;  height: 60px; overflow: auto; }
	div#contest #contest-rules {
		padding: 20px 40px; /* t/b, r/l */
	}
		div#contest #contest-rules ol {
			list-style-position: outside;
			list-style-type: decimal;
		}
			div#contest #contest-rules ol li {
				margin: 4px 18px;
			}
	div#contest div#submit-button {
		padding: 15px 0px /* t/b, r/l */
		height: 42px;
		text-align: center;
	}
	
/**
 * Publishing Package Info
 */
div#package-info {
	height: 530px; width: 755px;
	background-image: url(/assets/img/package-info.png);
}

/**
 * Use KidsWrite To...
 */
div#use-kw-to {
	height: 530px; width: 755px;
	background-image: url(/assets/img/home-link-usekw.png);
}

/**
 * Publishing Club
 */
div#pubclub {
	height: 530px; width: 755px;
	background-image: url(/assets/img/info-pubclub.png);
}

/**
 * Improving Test Scores
 */
div#test-scores {
	height: 530px; width: 755px;
	background-image: url(/assets/img/home-link-scores.png);
}

/**
 * Contact Us
 */

div#contact-us-form {
	padding: 75px 180px 0px 310px; /* t, r, b, l */
	width: 265px; height: 530px;
        background-image: url(/assets/img/contact.png);
        background-position: center 15px;
} 
div#contact-us-form input, div#contact-us-form select, div#contact-us-form textarea { margin-bottom: 16px; }
div#contact-us-form #customtext0 { width: 250px; }
div#contact-us-form #customtext1 { width: 250px; }
div#contact-us-form #email0 { width: 250px; }
div#contact-us-form #customnum0 { width: 250px; }
div#contact-us-form #customss0 { width: 264px; height: 30px; }
div#contact-us-form #customss1 { width: 264px; height: 30px; }
div#contact-us-form #customlongtext0 { width: 250px; height: 75px; }

/**
 * Share pages popup styling
 **/

div.share-content {
	padding: 20px 0px; /* t/b, r/l */
	background-color: #a9cf38;
	}
	div.postcard-top {
		position: relative;
		height: 308px;
	        background: transparent url(/assets/img/share-card-top.png) no-repeat scroll top center;
	}
		div.screenshot {
			position: absolute; top: 0px; left: 28px;
			height: 308px; width: 523px;
		        background: transparent none no-repeat scroll center center;
		}
		div#publishing-shot { background-image: url(/assets/img/share-publishing-shot.png); }
		div#mentoring-shot { background-image: url(/assets/img/share-mentoring-shot.png); }
		div.address-elements {
			padding: 100px 0px 0px 15px; /* t, r, b, l */
			position: absolute; top: 0px; left: 551px;
			height: 208px; width: 306px;
		}
			#email-1, #email-2, #email-sender {
				margin: 25px 0px 6px; /* t, r/l, b */
				width: 250px;
			}
		 
	div.postcard-bottom {
		position: relative;
		height: 165px;
	        background: transparent url(/assets/img/share-card-bottom.png) no-repeat scroll top center;
	}
		div.message-elements {
			padding-top: 5px;
			position: absolute; top: 0px; left: 178px;
			height: 155px; width: 300px;
		}
			#receiver-name, #sender-name { width: 250px; }
			#receiver-name { margin-bottom: 70px; }
		div.postcard-bottom #submit-area {
			padding: 5px 15px 0px; /* t, r/l, b */
			position: absolute; top: 0px; left: 550px;
			height: 155px; width: 270px;
			text-align: center;
		}
			div.postcard-bottom #submit-area h4 { padding: 5px 40px 10px; /* t, r/l, b */ }
			div.postcard-bottom #submit-area #captcha { float: left; }
			div.postcard-bottom #submit-area #security-code { width: 106px; float: right; }
			div.postcard-bottom #submit-area #share { height: 42px; width: 131px; }