/* BEGIN - Generic form styles. All single page forms can uses these styles */
div.formStyleMiddle
{
	margin: 15px auto;
	width: 354px;
	background: url(/images_new/formStyle_formMiddle.gif) repeat-y;
}
div.formStyleBottom
{
	background: url(/images_new/formStyle_formBottom.gif) bottom no-repeat;
	padding-bottom: 20px;
}
div.formStyleTop
{
	background: url(/images_new/formStyle_formTop.gif) top no-repeat;
	min-height: 10.7em;
	position: relative;
	_height: 10.7em;
}
div.displayText
{
	margin: 5px 5px 5px 10px;
}

div.formStyleMiddle fieldset
{
	border: none;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
}
div.formStyleMiddle fieldset h2
{
	font-size: 11px;
	font-weight: bold;
}

div.formStyleMiddle legend
{
	display: block;
	padding-bottom: 20px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
/* -- Below are old styles for a standard Form --
div.formStyleMiddle div.formStyleInputRow{
position:relative;
margin:10px 0 0 20px;
}		

div.formStyleMiddle div.formStyleInputRow label{ 
 display:block; margin-top:2px; text-align:right; right:260px; position:absolute; width:125px;
	font-size:1.1em; font-weight:bold; color:#333;
}
*/

/*
div.formStyleMiddle div.formStyleInputRow span{ 
clear:both; position:relative;left:70px;_left:75px;top:3px;width:200px;
}
div.formStyleMiddle div.formStyleInputRow input{
clear:both; position:relative;left:70px;_left:75px;bottom:2px;width:200px;
}
div.formStyleMiddle div.formStyleInputRow textarea{
clear:both; position:relative;left:70px;_left:75px;bottom:2px;width:200px;
}
div.formStyleMiddle div.formStyleInputRow select{
clear:both; position:relative;left:70px;_left:75px;bottom:2px;width:204px;
}
*/

/* Below are the new styles for a standard form */
div.formStyleMiddle div.formStyleInputRow p
{
	margin-top: 2px;
	width: 300px;
	font-size: 1.1em;
	font-weight: bold;
	color: #2971A7;
}
div.formStyleMiddle div.formStyleInputRow p#radiusLabel input
{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
}
div.formStyleMiddle div.formStyleInputRow
{
	position: relative;
	display: block;
	margin-bottom: 10px;
}
div.formStyleMiddle div.formStyleInputRow label
{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	display: block;
	width: 125px;
}
div.formStyleMiddle div.formStyleInputRow span
{
	width: 160px;
	position: absolute;
	top: 2px;
	right: 40px;
	left: none;
}
div.formStyleMiddle div.formStyleInputRow input
{
	width: 160px;
	position: absolute;
	top: -2px;
	right: 40px;
	left: none;
}
div.formStyleMiddle div.formStyleInputRow textarea
{
	width: 160px;
	position: absolute;
	top: -2px;
	right: 40px;
	left: none;
}
div.formStyleMiddle div.formStyleInputRow select
{
	width: 164px;
	position: absolute;
	top: -2px;
	right: 40px;
	left: none;
}

div.formStyleMiddle div.formStyleInputRow input.submitButton
{
	width: 60px;
	position: relative;
	left: 215px;
	_left: 220px;
}



/*Specific Form Styles -- May Not be Needed */
/* Product Registration Form 
div.productRegistrationForm div.formStyleInputRow{
position:relative;
display:block;
margin-bottom:10px;
}
div.productRegistrationForm div.formStyleInputRow label{
text-align:right;
font-size:1.1em; font-weight:bold; color:#2971A7;
display:block;
width:125px;
}
div.productRegistrationForm div.formStyleInputRow span, 
div.productRegistrationForm div.formStyleInputRow input,
div.productRegistrationForm div.formStyleInputRow textarea,
div.productRegistrationForm div.formStyleInputRow select{
width:160px;
position:absolute;top:0;right:40px;left:none;
}
div.productRegistrationForm div.formStyleInputRow select{
width:164px;
}
div.profileForms legend{
margin-bottom:10px;
}

div.profileForms div.formStyleInputRow{
border:1px solid #000000;
position:relative;
display:block;
margin-bottom:10px;
}
div.profileForms div.formStyleInputRow label{
text-align:right;
font-size:1.1em; font-weight:bold; color:#2971A7;
border:1px solid #000000;
display:block;
width:125px;
}
div.profileForms div.formStyleInputRow span, 
div.profileForms div.formStyleInputRow input,
div.profileForms div.formStyleInputRow textarea,
div.profileForms div.formStyleInputRow select{
width:160px;
position:absolute;top:0;right:40px;left:none;
}
div.profileForms div.formStyleInputRow select{
width:164px;
}
*/
div.clearLeft
{
	clear: left;
}
li.error
{
	color: Red;
}
ul.formErrors
{
	margin-left: 50pt;
	margin-bottom: 5pt;
}
div.formHeader
{
	margin-left: 10pt;
}


/* Need some options for wider forms */
div.dialog div.wideForm label {
	width:130px;
}
div.dialog div.wideForm input {
	right:170px;
	width:250px;
}
div.dialog div.wideForm textarea {
	right:170px;
	width:250px;
}
div.dialog div.wideForm img 
{
	position:absolute;
	right:225px;
	top:9px;
}
div.dialog div.wideForm input.short {
	width:100px;
	right:320px;
}
div.dialog div.wideForm label.info {
	width:450px;
	right:150px;
	bottom:10px;
	position:absolute;
	font-weight:normal;
	display:inline;
}
div.dialog div.buttonUnder {
margin-right:120px;

}

/* Safari (Webkit) Specific Styles. Work for Chrome as well. */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.formStyleMiddle fieldset h2,
	div.formStyleMiddle fieldset > div:first-child,
	div.formStyleMiddle fieldset > form div:first-child,
	div.formStyleMiddle fieldset form > input + div
	{
		margin-top:20px;
	}
	
	div.formStyleMiddle fieldset form div.view-all
	{
		margin-top:5px;
	}
	
	div.internalContent form#image_request_form,
	div.internalContent form#unsubscribe,
	div.internalContent form#dealerlocator,
	div.internalContent form#players_search
	{
		font-size:12px;
		font-weight:bold;
		padding-top:5px;
	}
}