@charset "utf-8";
/* CSS Document */

#form {
	width:650px;
}

	#form .top {
		height:10px;
		width:650px;
		background: url(../images/form-top.jpg) top left no-repeat;
	}

	#form .middle {
		width:600px;
		padding: 10px 25px;
		color:#31416F;
		background: url(../images/form-middle.jpg) top left repeat-y;
	}
	
				#form .middle form label.left {
					display:block;
					padding: 10px 0 2px;
					width:100%;
					color:#31416f;
					font-size:13px;
					font-weight:bold;
				}
				
				#form .middle form label.FormHeading {
					clear:both;
					padding: 18px 0 6px;
					color:#c5693b;
					font-size:15px;
					font-weight:bold;
					text-transform:uppercase;
				}
				
				#form .middle form .optionset ul, #form .middle form .checkboxset ul {
					list-style:none;
					padding:0;
				}
				
				#form .middle form .dropdown select {
					padding: 5px;
					width: 250px;
					color:#31416f;
					border: 1px solid #c5693b;
					font-size:13px;
					background: url(../images/form-textarea-background.png) top left repeat-y;
				}
				
					#form .middle form .dropdown select:focus {
						background-position: -600px 0;
					}
					
				#form .middle form .calendardate input {
					margin-right:5px;
					padding: 5px;
					width: 250px;
					color:#31416f;
					border: 1px solid #c5693b;
					font-size:13px;
					background: url(../images/form-textarea-background.png) top left repeat-y;
				}
				
					#form .middle form .calendardate input:focus {
						background-position: -600px 0;
					}
					
				#form .middle form .text input {
					padding: 5px;
					width: 588px;
					color:#31416f;
					border: 1px solid #c5693b;
					font-size:13px;
					background: url(../images/form-input-background.png) top left repeat-x;
				}

					#form .middle form .text input:focus {
						background-position: 0 -50px;
					}
					
				#form .middle form .textarea textarea {
					margin:0;
					padding: 5px;
					width: 588px;
					color:#31416f;
					border: 1px solid #c5693b;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					background: url(../images/form-textarea-background.png) top left repeat-y;
				}
				
					#form .middle form .textarea textarea:focus {
						background-position: -600px 0;
					}
					
					#form .middle form  .Actions input {
						margin: 20px 0;
						padding: 7px 25px;
						color:#31416f;
						font-size:13px;
						font-weight:bold;
					}
					
				#form .middle form .message.validation, #form .middle form .message.required {
					padding: 3px 0 6px;
					color:#990000;
					background: url(../images/form-textarea-background.png) -1200px 0 repeat-y;
					font-size:14px;
					font-weight:bold;
					text-transform:uppercase;
				}


	#form .bottom {
		height:10px;
		width:650px;
		background: url(../images/form-bottom.jpg) top left no-repeat;
	}