/*
-----------------------------------------------
MATCH 2007 Funstuff Styles
Author:   Jonathan Green
Version:  13 June 2007
----------------------------------------------- */

/*
-----------------------------------------------
	MOVIES
----------------------------------------------- */



.movie-col {
	background:url(../images/movie-container-bg.gif) no-repeat;
}

.movie-foot-bg {background:url(../images/footer-movies-bg.gif) center top no-repeat;}

#movie-screen {
	width:619px;
	height:298px;
	float:left;
}
.mov-first-col, .mov-first-row1, .mov-first-row2, .mov-first-row3 {
	width:112px;
	float:left;
	display:inline;
}
.mov-first-col {
	margin: 0 0 0 3px;
	height:298px;
}
.mov-first-row1 {
	margin: 3px 0 3px 0;
	height:96px;
}

.mov-first-row3 {
	margin: 0 0 6px 0;
	height:199px;
}


.mov-second-col, .mov-second-row1, .mov-second-row2 {
	width:338px;
	float:left;
	display:inline;
}
.mov-second-col {
	margin: 0 0 0 6px;
	height:298px;
}
.mov-second-row1 {
	margin: 0 0 3px 0;
	height:35px;
}
.mov-second-row2 {
	width:334px;
	margin: 0;
	padding:0 2px;
	height:260px;
	text-align:center;
}


.mov-third-col, .mov-third-row1, .mov-third-row2 {
	width:147px;
	float:left;
	display:inline;
}
.mov-third-col {
	margin:0;
	height:298px;
}
.mov-third-row1 {
	margin:0 0 0 6px;
	height:35px;
}
.mov-third-row2 {
	margin:0 0 0 6px;
	height:263px;
	overflow:auto;
}

.mov-second-row1 h3, .mov-third-row1 h3 { color:#ff9900; margin:10px 5px 5px 5px; }

h4.odd a, p.odd, h4.even a, p.even { font-size:11px; }
h4 { font-weight:bold; text-transform:uppercase; margin:0; padding:0 5px; }
.mov-third-row2 p { padding:0 5px 10px 5px; margin:0;}
h4.odd a, p.odd { color:#fff; }
h4.even a, p.even { color:#ff9900; }
a { text-decoration:none; }
h4.odd a:hover { color:#ff9900; }
h4.even a:hover { color:#fff; }

/*
-----------------------------------------------
	TEAM OF THE WEEK
----------------------------------------------- */

#team-of-week {
	position:relative;
	width:618px;
	float:left;
	background:#000;
}

#metallic-base {
	width:618px;
	height:13px;
	padding:5px 0 0 0;
	float:left;
	background:#000 url(../images/tow-metallic-base.jpg) bottom left no-repeat;
}

#tow-left-col {
	width:464px;
	float:left;
}
#tow-right-col {
	position:relative;
	width:154px;
	float:left;
	height:663px;
	background:url(../images/tow-rcol-tint-bg.jpg) top left no-repeat;
}

#tow-right-col select {
	width: 135px;
}

#teampitch {
	position:relative;
	width:464px;
	float:left;
	height:288px;
	background:url(../images/tow-teampitch.jpg) top left no-repeat;
}

#prizebox {
	position:relative;
	width:464px;
	float:left;
	height:288px;
	background:url(../images/fs-prizebox-bg.gif) top left repeat-x;
}
#prizebox img.prizeimg {
	width:190px;
	height:288px;
	float:left;
}

.tow-win-row {
	float:left;
	width:464px;
	margin:10px 0;
}

.tow-win-row img {
	border:3px solid #fff;
	float:left;
	margin:0 10px;
	display:inline;
}

#prize-txt {
	width:274px;
	height:238px;
	float:left;
	padding:50px 0 0 0;
}

#prize-txt h3 {
	color:#fff;
	margin:0 5px; padding:0;
	line-height:20px;
}

#prize-txt p {
	color:#fff;
	margin:10px 10px 10px 5px;
}

#prize-txt a {
	float:left;
	margin:0 0 10px 5px;
}

#teampitch-base-tint {
	width:464px;
	float:left;
	min-height:375px;
	background:url(../images/tow-teampitch-base-tint.jpg) top left no-repeat #000;
}

#teampitch-base-clear {
	width:464px;
	float:left;
	height:226px;
	background:url(../images/tow-teampitch-base-clear.jpg) top left no-repeat;
}

#teamselect {
	position:relative;
	width:143px;
	height:600px;
	overflow:auto;
	float:left;
	margin:10px 0 0 5px;
}

#yourteam {
	width:143px;
	height:275px;
	float:left;
	margin:10px 0 0 5px;
}

#yourteam h3 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#yourteam ul {
	list-style:none;
	padding:0;
	margin:5px 0;
}

#yourteam ul li {
	list-style:none;
	padding:0;
	margin:2px 0;
	color:#fff;
}

.team-row {
	width:126px;
	float:left;
	margin:2px 0;
}

.team-row label, .teampitch-base-row label {
	font-size:11px;
	color:#fff;
	margin:3px 0 2px 0;
	float:left;
}

.team-row p { margin: 5px 0; color: #FFF; }
.team-row p .totwPos { font-size:11px; }

.teampitch-base-row h3 {
	color:#fff;
	margin:8px 0 2px 10px;
}

.teampitch-base-row p {
	color:#fff;
	margin:4px 0 2px 10px;
}

.teampitch-base-row label {
	width:170px;
	margin:3px 0 5px 10px;
}

.teampitch-base-row {
	width:464px;
	float:left;
	margin:1px 0;
}

.teampitch-base-row #field {
	width:270px;
	margin-bottom:5px;
}

.teampitch-base-row #mess_field {
	width:270px;
	margin-bottom:5px;
}

.teampitch-base-row #tow-checkbox {
	margin:3px 0 0 0;
}


.teampitch-base-row #mobLabel, .teampitch-base-row #yobLabel, .teampitch-base-row #submitLabel { 
	text-indent: -1000em; 
	width:0; 
	height:0; 
	margin:-20px 0 0 0;
	padding:0;
} 


.fieldNote {
	padding: 1px 0 6px 170px;
	color: #FFF;
	font-size: 11px;
}
.teampitch-base-row .fieldNote a {
	color: #FFF;
	text-decoration: none;
}
.fieldNote a:hover {
	color: #FF0;
}

.teampitch-base-row p#parents {
	font-size:11px;
	padding: 10px 0;
}
.teampitch-base-row p#parents a {
	color: #FFF;
	text-decoration: none;
}
.teampitch-base-row p#parents a:hover { color: #FFFF00; }


#datapromise img { position: absolute; left: 350px; }
#submit_but { margin: 0 0 20px 170px; }

#coachking-link01 {
	width:154px;
	height:270px;
	background:url(../images/tow-ck-link01.jpg) 0 3px no-repeat;
	float:left;
}

#coachking-link02 {
	width:154px;
	height:270px;
	background:url(../images/tow-ck-link02.jpg) 0 3px no-repeat;
	float:left;
}

#coachking-link01 a, #coachking-link02 a {
	display:block;
	width:154px;
	height:267px;
}

/* --- Players --- */

#ajaxPlayerPos11, #ajaxPlayerPos21, #ajaxPlayerPos31, #ajaxPlayerPos41, #ajaxPlayerPos42, #ajaxPlayerPos51, 
#ajaxPlayerPos61, #ajaxPlayerPos71, #ajaxPlayerPos72, #ajaxPlayerPos81, #ajaxPlayerPos82 {
	position:absolute;
	width:58px;
	height:58px;
}

#ajaxPlayerPos11 { left: 204px; top: 3px; }
#ajaxPlayerPos21 { left: 98px; top: 70px; }
#ajaxPlayerPos31 { left: 306px; top: 70px; }
#ajaxPlayerPos41 { left: 168px; top: 60px; }
#ajaxPlayerPos42 { left: 237px; top: 60px; }
#ajaxPlayerPos61 { left: 335px; top: 141px; }
#ajaxPlayerPos71 { left: 161px; top: 125px; }
#ajaxPlayerPos72 { left: 244px; top: 125px; }
#ajaxPlayerPos51 { left: 71px; top: 141px; }
#ajaxPlayerPos81 { left: 137px; top: 190px; }
#ajaxPlayerPos82 { left: 270px; top: 190px; }


/*
-----------------------------------------------
	COMPETITION
----------------------------------------------- */

.comp-col {
	background:#c40109 url(../images/comp-grag-bg.gif) top left repeat-x;
	padding:0 0 10px 0;
}

#comp-info {
	width:618px;
	float:left;	
}

#comp-info img.compim { float:left; }

#comp-info #info-text {
	width:283px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
}

#comp-info #info-text h3 {
	color:#fff;
	margin:0 0 10px 0; padding:0;
}


#comp-info #info-text p {
	color:#fff;
	margin:0 0 10px 0;
}

.comp-quest {
	width:618px;
	float:left;
}

.comp-quest img {
	float:left;
	border:#fff solid 3px;
	margin:10px;	
}

#quest-col {
	width:450px;
	float:left;
}

#quest-col #question {
	width:450px;
	float:left;
	margin:0 0 5px 0;
}

#quest-col p {
	margin:10px 0 10px 0; padding:0;
	color:#fff;
}

.multi-choice-row {
	width:450px;
	float:left;
	margin:2px 0;
}

.multi-choice-row label {
	color:#fff;
}

#compEnd {
	color: #FFF;
	margin: 20px;
}

/*
-----------------------------------------------
	QUIZ
----------------------------------------------- */

#quiz-box {
	width:618px;
	height:378px;
	background:url(../images/funstuff-quiz-bg.gif) no-repeat;
	float:left;
}

#quiz-image {
	width:350px;
	height:378px;
	float:left;
}

#quiz-col {
	width:258px;
	height:334px;
	float:left;
	color:#fff;
	padding:44px 0 0 10px;
}

.quiz-row {
	width:248px;
	float:left;
	margin:3px 0;
	padding:0;
}

.quiz-row input {
	width:18px;
	float:left;
	margin:2px 5px 0 0;
	padding:0;
}

.quiz-row label {
	width:218px;
	float:left;
	margin:0;
	padding:0;
}

.quiz-row h3 { margin:5px 0; }
.quiz-row h4 { margin:5px 0; padding:0; }
.quiz-row p {
	margin:8px 0;
}

.quiz-row #poll_submit {
	width:60px;
	margin:10px 0 0 0;
}

/*
-----------------------------------------------
	FLASH OR TRASH
----------------------------------------------- */

#ft-box {
	position: relative;
	width:618px;
	height:512px;
	background:url(../images/flash-trash-bg.gif) no-repeat;
}

#ft-box h3#end { margin: 0 0 0 250px; padding-top: 15px; color: #FFF; }

#cont-box {
	width:457px;
	margin:0 0 0 147px;
	position: relative;
}

#contBoxFlashCol, #contBoxTrashCol, #cont-box-player-col {
	position: absolute;
	height:512px;
	margin:0;
	top: 0;
}

#contBoxFlashCol { width:90px; background:url(../images/funstuff-flash.gif) no-repeat; }
#contBoxTrashCol { width:90px; left: 367px; background:url(../images/funstuff-trash.gif) no-repeat; }
#cont-box-player-col { width:277px; left: 90px;}

#contBoxFlashCol a, #contBoxTrashCol a {
	display:block;
	width:90px;
	height:90px;
	margin:170px 0 0 0;
}

#contBoxFlashCol a { background:url(../images/flashButton.jpg) no-repeat; }
#contBoxTrashCol a { background:url(../images/trashButton.jpg) no-repeat; }

#cont-box-player-col .player-name {
	width:277px;
	height:50px;
	float:left;
}
#cont-box-player-col .player-name {
	text-align:center;
}

#cont-box-player-col .player-name h3 { color:#fff; padding:10px 0; }

#cont-box-player-col .player-img {
	width:277px;
	height:462px;
	float:left;
	background:url(../images/funstuff-ft-pl-bg.gif) no-repeat;
}

#cont-box-player-col .player-img img {
	float:left;
	margin:5px 0 0 10px;
}

#contBoxNext {
	display: none;
	position: absolute;
	left: 100px;
	top: 400px;
	text-align: center;
}
#contBoxNext a {
	display: block;
	width: 261px;
	height: 48px;
	background: url(../images/next.gif) top center no-repeat;
}
#contBoxNext a#end {
	display: block;
	width: 261px;
	height: 48px;
	background: url(../images/finish.gif) top center no-repeat;
}

#contBoxResult {
	position: absolute;
	left: 35px;
	top: 378px;
	height: 10px;
	width: 10px;
}

/*---------------------------------------------------
GAMES
--------------------------------------------------*/

.games-col {
	background:url(../images/funstuff-games-holding2.jpg) no-repeat;
	height:565px;
}
.console {
	width:485px;
	height:545px;
	float:left;
	margin:0 0 0 133px;
	display:inline;
}