/* Form Styles */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td {
	margin: 0;
	padding: 0;
}

body {
background: fixed #fff url('images/joplin/grayback.png') no-repeat top;
	font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
}

a,a:visited,a:hover,a:active {
color: #fff;
}


div#container {
	background: transparent;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 850px;
}

div#container .header {
background: transparent url('images/joplin/header.png') no-repeat top;
width: 850px;
height: 411px;
}

div#container .rules {
background: #252a66;
width: 797px;
margin-left: 33px;
color: #fff;
font-size: 30px;
padding: 10px 10px 10px 10px;
}

div#container .rules .top .intro {
float: left;
width: 625px;
}

div#container .rules .top .intro .win {
font-size: 70px;
display: inline;
font-weight: bold;
}

div#container .rules .top .intro .quotes {
font-size: 15px;
margin-top: 10px;
}

div#container .rules .top .book {
background: transparent url('images/joplin/kingofragtime.png') no-repeat top;
width: 168px;
height: 251px;
float: right;
margin-top: 40px;
}

div#container .rules .bottom {
clear: both;
}

div#container .form {
width: 797px;
margin-left: 33px;
background: #fff;
padding: 10px 10px 10px 10px;
color: #252a66;
font-size: 15px;
}


div#container  .form .questions {
width: 600px;
margin-left: 100px;
}

h1 { 
	color: #252a66;
	font-size: 1.5em; 
	margin-bottom: 0.167em;
}

p { margin-bottom: 1.5em; }

div#container .clearing { clear: both; }
div#container .alert, .error { color: #FF0000; }

div#container .form ol.forms {
	list-style: none;
	width: 100%;
}

div#container .form ol.forms li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

div#container .form ol.forms label {
	cursor: pointer;
	line-height: 1.5em;
	padding-right: 10px;
}

div#container .form .questions ol.forms input {
width: 200px; 
border: 3px solid #252a66;
}

div#container .form .questions ol.forms textarea {
	height: 17em; 
	width: 500px;
	border: 3px solid #252a66;
}

div#container .form .questions ol.forms .inputError {
border: 1px solid #0000FF;
}

div#container .form ol.forms input, ol.forms textarea, ol.forms button { font: 1em Helvetica, Georgia, "Times New Roman", Times, serif; }

div#container .form ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}

div#container .form ol.forms li.buttons {
	padding-left: 400px;
	width: 89%;
}

div#container .form .questions ol.forms input.optin {
width: 20px;
}