/* KHC Tips Submission Form CSS */

body {
	background: url(/classroom/images/tips/Wood25l.jpg) repeat;
	}
	
#container {
	width: 634px;
	margin-left: auto;
	margin-right: auto;
	}
	
#topper {
	width: 634px;
	height: 248px;
	margin-bottom: -5px;
	}
		
#middle_1 {
	background: url(/classroom/images/tips/middle.gif) top left repeat-y;
	width: 634px;
	height: auto;
	
	/*padding: 25px 45px 25px 45px;*/
	}
	
#middle {
	margin-left: auto;
	margin-right: auto;
	width: 544px;
	height: auto;
	}
		
#bottom {
	width: 634px;
	height: 107px;
	background: url(/classroom/images/tips/bottom.gif) bottom left no-repeat;
	}

#middle input {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: normal;
	color: #039;
	border: 0 none;
	border-bottom: 1px solid #757575;
	width: 100%;
	}
	
#middle textarea {
	width: 527px;
	margin-left: 3px;
	height: 200px;
	background: url(/classroom/images/tips/lines1.gif) top left repeat-y;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: normal;
	color: #039;
	border: 0 none;
	overflow: auto;
	}
	
#middle select {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-weight: normal;
	color: #039;
	border: 1px solid #757575;
	}
	
	
#form_fitting {
	width: 530px;
	}
	
.hider {
	display: none;
	padding-right: 15px;
	}
	
#to_send_us {
	background: url(/classroom/images/tips/to-send-us-your-tip.gif) no-repeat;
	width: 530px;
	height: 22px;
	margin-bottom: 15px;
	}
	
#your_name {
	width: 440px;
	height: 17px;
	background: url(/classroom/images/tips/your-name.gif) bottom left no-repeat;
	padding-left: 90px;
	margin-bottom: 15px;
	}
	
#your_school {
	width: 436px;
	height: 16px;
	background: url(/classroom/images/tips/your-school.gif) bottom left no-repeat;
	padding-left: 94px;
	margin-bottom: 15px;
	}
	
#your_city {
	width: 452px;
	height: 19px;
	background: url(/classroom/images/tips/your-city.gif) bottom left no-repeat;
	padding-left: 78px;
	margin-bottom: 15px;
	}
	
#your_state {
	width: 446px;
	height: 17px;
	background: url(/classroom/images/tips/your-state.gif) bottom left no-repeat;
	padding-left: 84px;
	margin-bottom: 15px;
	}
	
#what_grade {
	width: 270px;
	height: 18px;
	background: url(/classroom/images/tips/what-grade-subject-teach.gif) bottom left no-repeat;
	padding-left: 260px;
	margin-bottom: 15px;
	}
	
#how_use {
	width: 400px;
	height: 19px;
	background: url(/classroom/images/tips/how-do-you-use-kidshealth.gif) bottom left no-repeat;
	/*padding-left: 324px;*/
	margin-bottom: 5px;
	}
	
#intro_text {
	position: relative;
	background: url(/classroom/images/tips/intro-text.gif) top left no-repeat;
	width: 273px;
	height: 137px;
	margin: 100px 0 0 300px;
	}

#close_button {
	margin-left: 118px;
	margin-top: 23px;
	} 

#close_button, #close_button a, #close_button a:link, #close_button a:hover, #close_button a:visited {
	width: 40px;
	height: 15px;
	float: left;
	cursor: pointer;
	}

html>body #close_button {
	margin-top: 25px;
	margin-left: 235px;
	}
	
#submit_button {
	margin-left: 55px;
	margin-top: 15px;
	} 

#submit_button, #submit_button a, #submit_button a:link, #submit_button a:hover, #submit_button a:visited {
	width: 40px;
	height: 15px;
	float: left;
	cursor: pointer;
	}

html>body #submit_button {
	margin-top: -28px;
	margin-left: 327px;
	}