/***
	O2 blueroom v4
	New Years Eve
	www.aislondon.com (2008)

	-[Inherits]------------------------
	Base.css > Generic.css
	-----------------------------------

	-[Contents]------------------------
	
	-----------------------------------

***/


/**
	Overrides
*/

.outer-content h2 {
	font-weight: bold;
}
.panel img {
	margin-bottom: 6px;
}

/**
	Home page
*/

.row {
	overflow: hidden;
}
.row .panel {
	float: left;
	margin-right: 9px;
	width: 289px;
}
.row.info .panel {
	min-height: 80px;
	_height: 80px;
}
.row .panel.last {
	margin-right: 0;
}
.row .panel p {
	margin-bottom: 0.6em;
}
.row .panel label {
	display: block;
	margin-bottom: 2px;
	font-size: 1.2em;
	cursor: pointer;
}

.row.remaining .panel {
	padding: 3px 0px 3px 12px;
}
.row.remaining .panel p {
	float: left;
	margin-top: 7px;
}
.row.remaining .panel .imgCount {
	float: right;
}
.row.remaining .panel .imgCount img {
	margin: 0 2px 0 0;
}

.row.remaining .panel .ieOverflowFix {
	display: none;	
}

.feedback-message {
    font-size:0.9em;
}

/* page template */

.inner-content .pgMain {
    position: relative;
    background: url(../../../Specific/ArsenalTrainingDay/Images/bg-main.jpg) no-repeat top;
    overflow: hidden;
    width: 924px;
}

.inner-content .pgMain h2#afc {
    position: absolute;
    top: 15px;
    left: 844px;
    width: 63px;
    height: 72px;
    background: url(../../../Specific/ArsenalTrainingDay/Images/logo-arsenal.png) no-repeat;
}

.inner-content .pgMain h3#first11Logo {
    position: absolute;
    top: 47px;
    left: 445px;
    width: 379px;
    height: 402px;
    background: url(../../../Specific/ArsenalTrainingDay/Images/logo-firsteleven.png) no-repeat;
}

.inner-content .pgBottom {
    background: url(../../../Specific/ArsenalTrainingDay/Images/pg-bottom.jpg) no-repeat;
    width: 924px;
    height: 4px;
}

.inner-content .pgMain .whiteLozenge {
    position: relative;
    width: 461px;
    padding: 145px 0 71px 236px;
}

.inner-content .pgMain .whiteLozenge .whiteLozengeTop {
    background: url(../../../Specific/ArsenalTrainingDay/Images/top-whitepanel.png) no-repeat;
    width: 461px;
    height: 14px;
}

.inner-content .pgMain .whiteLozenge .whiteLozengeMiddle {
    background: url(../../../Specific/ArsenalTrainingDay/Images/bg-whitepanel.png) repeat-y;
    width: 394px;
    padding: 16px 35px 45px 32px; 
    min-height: 90px;
}

.pgMain .whiteLozenge .whiteLozengeMiddle h2 {
   color: #d32225;
   font-size: 1.4em;
}

.inner-content .pgMain .whiteLozenge .whiteLozengeBottom {
    background: url(../../../Specific/ArsenalTrainingDay/Images/bottom-whitepanel.png) no-repeat;
    width: 461px;
    height: 21px;
}

.inner-content .pgMain .whiteLozenge #whistle {
    position: absolute;
	bottom: 64px;
	left: 551px;
    width: 149px;
    height: 78px;
    background: url(../../../Specific/ArsenalTrainingDay/Images/whistle.png) no-repeat;
}

.selected {
	font-weight: bold;
}

/* competition page */

.inner-content .pgBottom {
    background: url(../../../Specific/ArsenalTrainingDay/Images/pg-bottom.jpg) no-repeat;
    width: 924px;
    height: 4px;
}

.inner-content .pgMain .wideLozenge {
    position: relative;
    width: 561px;
    padding: 11px 0 71px 12px;
    float: left;
}

.inner-content .pgMain .wideLozenge .wideLozengeTop {
    background: url(../../../Specific/ArsenalTrainingDay/Images/top-widepanel.png) no-repeat;
    width: 561px;
    height: 14px;
}

.inner-content .pgMain .wideLozenge .wideLozengeMiddle {
    background: url(../../../Specific/ArsenalTrainingDay/Images/bg-widepanel.png) repeat-y;
    width: 503px;
    padding: 16px 35px 14px 23px;
    overflow: hidden;
}

.inner-content .pgMain .wideLozenge .wideLozengeBottom {
    background: url(../../../Specific/ArsenalTrainingDay/Images/bottom-widepanel.png) no-repeat;
    width: 561px;
    height: 21px;
}


.pgMain .wideLozenge #signing-up {
    width: 500px;
}

.pgMain .wideLozenge .labelContainerQuestions {
    width: 345px;
    margin: 0 21px 0 0;
}

.wideLozengeMiddle #signing-up ul {
    width: 500px;
    margin: 0;
    padding: 0;
}

.wideLozengeMiddle #signing-up ul li  {
    font-size:1.6em;
    font-weight: bold;
    list-style-type: none;
}

.wideLozengeMiddle #signing-up ul li div {
    font-size:0.8em;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
}

.questionNumber {
    font-size: 1.4em;
    font-weight: bold;
    float: left;
    width: 25px;
}

.instructions {
    width: 330px;
    float: left;
    margin: 36px 0 0 10px;
}

.instructions p {
    width: 305px;
    font-size: 1.25em;
    margin: 0 0 1em 0;
    color: #ffffff;
}

.elevenLogo {
    width: 332px;
    height: 340px;
    margin: 0;
    background: url(../../../Specific/ArsenalTrainingDay/Images/logo-firsteleven-small.png) no-repeat;
}

.aresnalLogo {
    width: 63px;
    height: 72px;
    float: right;
    margin: 4px 17px 0 0;
    background: url(../../../Specific/ArsenalTrainingDay/Images/logo-arsenal.png) no-repeat;
    display: inline;
}

.inner-content .pgMain .wideLozenge .feedback-message {
    text-align: right;
    color: #d32225;
}

/* number entry */

.row .panel#numberEntry {}
.row .panel#numberEntry .num {
	float: left;
}
.row .panel#numberEntry .num .form-row {
	margin-top: 0.4em;
}
.row .panel#numberEntry .button {
	margin: 3px 0 0 6px;
}
.row .panel#numberEntry .button input {
	font-size: 1.1em;
	padding: 0.1em 0.6em;
	line-height: 18px;
	display: block;
}

/**
	How do I enter page
*/

#graphic, #copy {
	float: left;
}
#copy {
	width: 450px;
	margin-left: 12px;
}
.panel#copy, .userDetails#copy {
	margin-left: 6px;
	width: 444px;
}

/* map */

#graphic #map {
	width: 400px;
	height: 400px;
	margin-bottom: 6px;
}

#graphic #options {
	background: url(../../../Generic/Images/bg-line.gif) repeat-x bottom;
	margin: 6px 0;
	padding: 0 0 6px;
	overflow: hidden;
}
#graphic #options .largerMap {
	float: left;
	font-size: 1.2em;
	margin: 0 4px 0 6px;
}
#graphic #options p {
	float: left;
	margin: 0 0 0 6px;
}

/* Inline bookmarks */

#inline-bookmark {
	float: right;	
	height: 16px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}

#inline-bookmark li {
    float: left;                
}

#inline-bookmark li a {
	display: block;
	margin: 1px 4px 0 2px;	
	width: 16px;
}

#inline-bookmark li a span {
	display: block;
	text-indent: -99999px;
}

#inline-bookmark li #bm-facebook {
	background: url(../../../Generic/Images/Icons/facebook.gif) no-repeat center left;
	width: 14px;
}

#inline-bookmark li #bm-delicious {
	width: 14px;
	background: url(../../../Generic/Images/Icons/delicious.gif) no-repeat center left;
}
#inline-bookmark li #bm-myspace {
	background: url(../../../Generic/Images/Icons/myspace.gif) no-repeat center left;
}
#inline-bookmark li #bm-digg {
	background: url(../../../Generic/Images/Icons/digg.gif) no-repeat center left;
}


/**
	Prize Information
*/

#experiences {
	float: left;
	width: 450px;
}
#experiences .item {
	overflow: hidden;
}
#experiences .item .img {
	float: left;
}
#experiences .item .detail {
	float: left;
	width: 330px;
	margin-left: 12px;
}
#experiences .item .detail h3 {
	font-size: 1.4em;
	color: #155AA0;
}
#experiences .item .detail .location {
	font-weight: bold;
}

/**
	Winner Page
*/

/* Selection */

#selection {
	float: left;
	width: 450px;
}
#selection .customFeedback-message {
	display: block;
	margin: 0 0 6px;
	font-size: 1.2em;
	color: #D7070D !important;
}
#selection .events {}
#selection .events .item {
	overflow: hidden;
}
#selection .events .item .form-option {
	display: block;
	float: left;
	width: 12px;
	margin: 27px 7px 0 4px;
	_margin: 27px 3px 0 0;
	cursor: pointer;
}
#selection .events .item .form-option input {
	cursor: pointer;
}
#selection .events .item .img {
	float: left;
}
#selection .events .item .detail {
	float: left;
	width: 310px;
	min-height: 64px;
	_height: 64px;
	padding: 6px 6px 0px;
	margin-left: 6px;
	background: url(../Images/bg-selection.gif) repeat-x bottom;
}
#selection .events .item .detail h3 {
	margin: 0 0 0.3em;
	font-size: 1.4em;
	color: #155AA0;
}
#selection .events .item .detail .location {
	font-weight: bold;
	margin: 0 0 0.3em
}

/* User details */

.userDetails .panel {
	padding-left: 12px;
}
.userDetails .panel .labelContainer {
	width: 100px;
}
.userDetails .panel .form-element.chkLink {
	margin-left: 109px;
}
.userDetails .panel .button {
	float: right;
}

/* Sorry page */
.pgMain .whiteLozenge .whiteLozengeMiddle .button {
	margin: 0 auto;
	float: none;
}

.home .whiteLozenge .whiteLozengeMiddle .button {
	width: 92px;
}

.sorry .whiteLozenge .whiteLozengeMiddle .button {
	width: 132px;
}

.success .whiteLozenge .whiteLozengeMiddle .button {
	width: 117px;
}

.competiton .wideLozenge .wideLozengeMiddle  .button {
	width: 133px;
}

.inner-content .sorry .whiteLozenge  #whistle {
	bottom: -6px;
	left: 551px;
}

.inner-content .sorry .whiteLozenge .whiteLozengeMiddle {
	overflow: hidden; _zoom: 1;
}

.inner-content .success .button span, .inner-content .sorry .button span, .inner-content .competition .button span, .inner-content .home .button span {
	border: solid 1px #FFF;
}

.inner-content .success .button span span, .inner-content .sorry .button span span, .inner-content .competiton .button span span, .inner-content .home .button span span {
	border: solid 1px #901013;
}

.inner-content .success .button span span span, .inner-content .sorry .button span span span, .inner-content .competition .button span span span, .inner-content .home .button span span span {
	background: #d32225 url(../Images/buttongrad.gif) repeat-x;
	border: solid 1px #d03e41;
}

.inner-content .success .button span span span a, .inner-content .sorry .button span span span a, .inner-content .competition .button span span span a, .inner-content .home .button span span span a {
	color: #FFF;
	text-transform: uppercase;
}

.inner-content .success .button:hover span, .inner-content .sorry .button:hover span, .inner-content .competition .button:hover span, .inner-content .home .button:hover span  {
	border: solid 1px #901013;
}

.inner-content .success .button:hover span span span, .inner-content .sorry .button:hover span span span, .inner-content .competition .button:hover span span span, .inner-content .home .button:hover span span span {
	border: solid 1px #FFF;
}