/**
  Dickies: AWOTY form style sheet
  @description: this makes the site look fantastic
  @date: 5.11.2010
  @author: Collin Bourdage  
  @version: 1.0
*/

form#regForm { width: 925px; }
form#regForm > fieldset {
	/*
	background: #f9efd0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	*/
	color: #0f0a05;
	font-size: 14px;
	font-weight: bold;
	margin: 10px auto 25px;
	padding: 15px 15px 50px;
	position: relative;
	width: 825px;
}
fieldset#uSection { margin-bottom: 0 !important; }
fieldset#uSection { background: transparent url('/file-bin/images/fieldset-uSection.jpg') no-repeat 50% 0; }
fieldset#nSection { background: transparent url('/file-bin/images/fieldset-nSection.jpg') no-repeat 50% 0; }
fieldset#eSection { background: transparent url('/file-bin/images/fieldset-eSection.jpg') no-repeat 50% 0; }

form#regForm > fieldset > p.legend,
form#regForm > fieldset > legend {
	color: #0f0a05;
	display: block;
	float: left;
	height: 50px;
	margin-bottom: 20px;
	position: relative;
	text-indent: -9999px;
	text-transform: uppercase;
	top: -10px;
	width: 500px;
}
fieldset#uSection > p.legend, fieldset#uSection > legend { background: transparent url('/file-bin/images/sprites.png') no-repeat -75px -370px; }
fieldset#nSection > p.legend, fieldset#nSection > legend { background: transparent url('/file-bin/images/sprites.png') no-repeat -75px -445px; }
fieldset#eSection > p.legend, fieldset#eSection > legend { background: transparent url('/file-bin/images/sprites.png') no-repeat -75px -520px; }


form#regForm > fieldset p.required { font-size: 12px; position: absolute; top: 15px; right: 40px; width: auto; }
form#regForm > fieldset p.required > span { color: #C41230; }
form#regForm > fieldset p.error { font-size: 15px; position: absolute; text-align: center; top: 40px; width: 800px; }
form#regForm > fieldset p.error > span { color: #C41230; }
form p a { color: #000; }

/* Webkit-specific CSS here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    form#regForm > fieldset p.error { top: 50px; }
}

                                                  
/* Labels */
form p { float: left; margin-bottom: 10px; width: 100%; }
form p label { color: #0f0a05; display: block; float: left; text-align: right; padding-right: 5px; }
form p label > span { color: #C41230; }
form p label:first-child { width: 200px; }
form p label.marketing { width: 400px; }


/* Inputs */
form input[type=text] { border: 1px solid #0f0a05; display: block; float: left; font-size: 13px; padding: 2px; }
form select { display: block; float: left; }
form input[type=text]:focus, 
form select:focus, 
form textarea:focus { box-shadow: #333 0 0 3px; -moz-box-shadow: #333 0 0 3px; -webkit-box-shadow: #333 0 0 3px; }

form p input[type=text] + label, 
form p select + label { margin-left: 20px; }
form p select + select { margin-left: 10px; }

/* radio buttons */
fieldset#uSection p:last-child { margin-left: 100px; }
fieldset#uSection p:last-child label { display: inline; float: none; }

/* User Section Checkbox */
form p.checkbox input { display: block; float: left; margin-left: 75px; }
form > #uSection p.checkbox input { margin-left: 100px; }

/* Button graph */
form > p:last-child { margin-bottom: 20px; text-align: center; }

/* Essay labels and inputs */
fieldset#eSection label { display: block; float: none; margin-left: 75px; text-align: left; width: auto; }
fieldset#eSection input[type=text], 
fieldset#eSection select, 
fieldset#eSection textarea { display: block; float: none; margin-left: 75px; text-align: left; }
fieldset#eSection textarea { height: 90px; padding-bottom: 20px; width: 625px }
fieldset#eSection textarea + div {
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	font-variant: italics;
	margin-left: 77px;
	position: relative;
	text-align: right;
	top: -19px;
	width: 610px;	
}


/* Invalid */
form p input.invalid,
form p textarea.invalid,
form p select.invalid { border: 1px solid #C41230; }
form p > label.invalid, form p > span.invalid { color: #C41230; }

form p input.i1 { width: 50px; }
form p input.i2 { width: 100px; }
form p input.i3 { width: 150px; }
form p input.i4 { width: 200px; }
form p input.i5 { width: 250px; }
form p input.i6 { width: 300px; }


/* Help form */
#helpForm { margin: 0 auto; width: 450px; }
#helpForm p { position: relative; }
#helpForm p.last { margin-left: 0; }
#helpForm p > label { color: #f9efd0; display: block; text-align: left; left: 10px; top: 5px; z-index: 10; }
#helpForm p > a { margin-top: 15px; }
#helpForm textarea, #helpForm input { clear: both; font-size: 14px; font-family: arial; padding: 5px 8px; position: relative; z-index: 5; }
#helpForm textarea { width: 425px; height: 50px; }

#helpForm .invalid { background: #fff url('/file-bin/images/invalid.png') no-repeat 98% 3px; }