/* Forms General */
div.row
{
	margin: 8px 0 8px;
}

div.row label
{
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 8px;
}

div.fullWidth label
{
	width: 700px;
	float: none;
}

div.checkbox label
{
	clear: left;
	display: inline;
	float: none;
	
}

textarea,
input.text
{
	background: none;
	border: solid 1px #aaa;
}
select
{
	border: solid 1px #aaa;
}
input.text
{
	height: 17px;
	vertical-align: middle;
}
input.wide
{
	width: 230px;
}
div.fullWidth textarea.text
{
	width: 700px;
}
span.errors
{
	background-color: #fff;color: Red;
}
div.errors
{
	padding: 10px;
	padding-left: 30px;
	background-color: #fff;
}
div.errors ul
{
	margin: 0;
	padding: 0;
}

div.errors,
div.errors ul li
{
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	color: Red;
}

div.button {margin-left: 100px;}
div#registrationStep div.button{margin-left:0px; margin-top: 15px;}

/*login*/
fieldset.login {border: none; margin: 0; padding: 0;}
fieldset.login div.row label { width: 80px; }
fieldset.login div.row input.text { width: 180px; }
fieldset.login div.button {margin-left: 80px;}

/* Registration */
div#registrationStep
{
	padding: 20px;
}
div#registrationStep div.row
{
	clear: left;
}


div.teamOfTheCentury
{
	width: 888px;
	margin: 0 auto 0 auto;
	padding-bottom: 20px;
}
div.teamOfTheCentury h1
{
	text-transform: uppercase;
	font-size: 1.7em;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(/images/toc/headerBorder.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-family: garamond,Times New Roman;
}

div.teamOfTheCentury .center
{
	text-align: center;
	border: b
}

div.teamOfTheCentury p.center
{
	text-align: center;
	width: 850px;
	margin: 10px auto 10px auto;
}

div.teamOfTheCentury dl 
{
	clear: left;
	margin: 10px 0 0 0;
	padding: 0;
}

div.teamOfTheCentury dl dt
{
	
	display: block;
	float: left;
	width: 120px;
	text-transform: uppercase;
	color: #A07701;
	margin: 0px 0 5px 0;

	clear: left;
}

div.teamOfTheCentury dl dd
{
	margin-left: 125px;
	min-height: 20px;
	display: block;

}
div.teamOfTheCentury div.text
{
	margin-left: 125px;
	padding-right: 20px;
	padding-bottom: 0px;
}
div.teamOfTheCentury div.text p
{
		padding-bottom: 0px;
		margin-bottom: 5px;
}



/* Your Team Display */

div.onTheField
{
	margin-left: auto; margin-right: auto;
	width: 888px;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-top: 10px;
	border: solid 1px #E4E0C3;
	background-image: url(/images/toc/backgroundTall.jpg);
	background-repeat: repeat-y;
}

div.onTheField div.playerPosition h5,
div.onTheField div.playerPosition h5 a,
div.onTheBench div.playerPosition h5,
div.onTheBench div.playerPosition h5 a
{
	color: #fff;
	text-transform: uppercase;
}

/* Center text and set width */
div.onTheField div.playerPosition
{
	text-align: center;
	width: 130px;
	background: none;
}
div.onTheField div.playerPosition img { display: block; margin: 10px auto 0px auto; }

/* set centering margin */
div.onTheField div.row { margin: 0 auto 0 auto; }

/* set widths */

div.onTheField div#props,  div.onTheField div#wingers{width: 750px;}
div.onTheField div#hooker, 
div.onTheField div#lock, 
div.onTheField div#halfBack, 
div.onTheField div#fullback {width: 130px;}		
div.onTheField div#secondRow, div.onTheField div#centres, div.onTheField div#fiveEight { width: 450px; }

/* Subtract margins */
div.onTheField div#hooker { margin-top: -146px;}
div.onTheField div#secondRow { margin-top: -75px;}
div.onTheField div#lock { margin-top: -35px;}
div.onTheField div#halfBack { margin-top: 25px;}	
div.onTheField div#fiveEight { margin-top: -60px;}
div.onTheField div#centres{ margin-top: 25px;}
div.onTheField div#wingers { margin-top: -80px;}
div.onTheField div#fullback{ margin-top: -110px;}


/* The bench */

div.onTheBench
{
	width: 888px;
	position: relative;
	padding: 10px 0 15px 40px;
	margin-top: 10px;
	background-image: url(/images/toc/backgroundShort.jpg);
	background-repeat: repeat-y;
}

h5.left{ padding: 66px 10px 0 0px; color: #fff;display: block; text-transform:uppercase; }
div.onTheBench  div.playerPosition h5 {margin-bottom: 8px;}
div.onTheBench  div.playerPosition  
{
	margin-left: 5px;
	text-align: center;
	width: 130px;
	background: none;}
div.onTheBench  div.playerPosition img {display: block; margin: 10px auto 0px auto;}
div#bench{ margin-left: 0px;}

/* float items left and right */
div.left,h5.left{float: left;}
div.right{float: right;}

div.controls 
{
	width: 300px;

}
div.controls div.left
{
	margin-top: 5px;
	width: 100px;
	margin-bottom: 10px;
	text-align: left;
}
div.controls div.right
{
	margin-top: 5px;
	width: 100px;
	text-align: left;
}


/* Pick your Team */

div#pickYourTeam div.onTheField { background-image: url(/images/toc/background.jpg); height: 580px; }
div#pickYourTeam div.onTheField div.playerPosition { width: 180px;  }
div#pickYourTeam div.onTheField div.playerPosition select { width: 180px; }
div#pickYourTeam div.onTheField div.playerPosition h5 { margin: 5px 0 5px 0; }


/* set widths */
div#pickYourTeam div.onTheField div#hooker, 
div#pickYourTeam div.onTheField div#lock, 
div#pickYourTeam div.onTheField div#halfBack, 
div#pickYourTeam div.onTheField div#fullback {width: 155px;}		

/* Subtract margins */
div#pickYourTeam div.onTheField div#hooker { margin-top: -57px;}
div#pickYourTeam div.onTheField div#secondRow { margin-top: 0px;}
div#pickYourTeam div.onTheField div#lock { margin-top: 10px;}
div#pickYourTeam div.onTheField div#halfBack { margin-top: 15px;}	
div#pickYourTeam div.onTheField div#fiveEight { margin-top: 15px;}
div#pickYourTeam div.onTheField div#centres{ margin-top: 15px;}
div#pickYourTeam div.onTheField div#wingers { margin-top: 15px;}
div#pickYourTeam div.onTheField div#fullback{ margin-top: 15px;}

div#pickYourTeam div#bench { padding: 20px 10px 10px 0px; }
div#pickYourTeam div#bench h5 { padding: 2px 10px 0 0px;}
div#pickYourTeam p { padding: 10px 0px 10px 0px;}
div#pickYourTeam fieldset { margin: 20px; border: none; } 


/* termsAndConditions */

div.termsAndConditions
{
	padding: 10px;
}
div.termsAndConditions h3
{
	font-weight: bold;
	margin-left: -25px;
	padding-left: 0;
}
div.termsAndConditions ol li
{
	margin-top: 5px;
	margin-bottom: 5px;
}
div.termsAndConditions ol li p
{
	padding: 0;
	margin: 5px 0 5px 0;
}
div.termsAndConditions ol li ol li
{
	margin-left: 20px;
	list-style-type: lower-alpha;
}
div.termsAndConditions ol li ol li ol li
{
	margin-left: 15px;
	list-style-type: lower-roman;
}