/***
	O2 blueroom v4
	COMPETITION
	www.aislondon.com (2008)

	:: Last update: MB 4/12/2008

	-[Inherits]------------------------
	Base.css > Generic.css
	-----------------------------------
	
	-[Contents]------------------------
	1. Overrides	
	2. MEDIA PANEL
		2.1 Header
		2.2 Lists
		2.3 Bookmarks
	3. DATA CAPTURE
		3.1 Question
		3.2 Fields
		3.3 Submit button
	4. THANKS PAGE
	-----------------------------------

***/

/**
	2. MEDIA PANEL
*/

div#media {
	float: left;
	/* margin: 0 6px 6px 0;  MT */
	width: 447px; /*459-12*/
	padding: 6px;
}

div#media p {
	float: left;
	margin: 0 0 1em 6px;
	width: 440px; /* Width restriction fixes float bug in IE - Johann. */
}

div#media p.small-print {
	font-size: 1.1em; /* Text/telephone rate terms copy - Johann. */
}

/**
	2.1 Dates available
*/

div#dates-available {
	background: url(../../../Generic/Images/bg-line.gif) repeat-x bottom;
	margin: 6px 0;
	overflow: hidden; _zoom: 1;
	padding: 6px 0;
}

div#dates-available h3 {
	color: #228ace;
	float: left;
	font-size: 1.2em;
	margin: 0 4px 0 6px;
}


/**
	2.2 Ticket info
*/

div#ticket-info {
	float: right;
	width: 453px;
}

div#ticket-info h2 {
	margin: 18px 0 12px 6px;
}

div#ticket-info p {
	margin: 0 6px;
}


/**
	2.3 Bookmarks
*/

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

#event-bookmark li {
    float: left;                
}

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

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

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

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


/**
	3. DATA CAPTURE
*/

div#data-capture {
	float: right;
	width: 447px;
}

div.test #question .form-row .labelContainer {
    width: 440px;
}

div.form-controls {
	margin: 0 0 0 89px;
}

/**
	3.1 Question
*/

fieldset#question {
	background: url(../../../Generic/Images/bg-line.gif) repeat-x bottom;
	margin: 0 0 1em 5px;
	overflow: hidden;
	padding: 0 0 1em 0;
}

/* MB: Concerned this is potentially too generic, just selecting any div off fieldset#question */
fieldset#question div {
	/* background: url(../Images/stage.jpg) no-repeat top right; Taken out at Damien's request */ 

	/* min-height: 107px; _height: 107px; MB : Caters for any type of question this way */
}

fieldset#question div.feedback {
	padding: 12px; /* Enables the feedback sections to breath */
}

fieldset#question fieldset {}

fieldset#question fieldset h3 {
	color: #155AA0;
	font-weight: normal;
	margin: 1em 0;
}

fieldset#question span.form-row {
	margin-left: 100px;	
}

fieldset#question div.form-row .inputContainer textarea {
/*
	Johann: needed to add a textarea as a competition control.
*/
   	display: block;
	width: 375px;
    float: none;
}

fieldset#fields {
    margin:0 0 0 5px;
}

.inner-content #data-capture fieldset .form-row label {
	width: 120px;
	margin:0 12px 0 0;
}

.inner-content fieldset.data .form-row span.labelContainer {
	width: 90px;
	margin:0.4em 12px 0 0;
}

.inner-content fieldset.data .form-row .inputContainer, .inner-content fieldset.data .form-row .inputContainer span {
	border:none;
}

.inner-content fieldset.data .form-row .spanData {
	float:left;
	margin:0.4em 12px 0 0;
	font-size:1.2em;
}

.inner-content fieldset.data {
	margin:0 0 0 5px;
}

.inner-content #data-capture fieldset .form-row .inputContainer input {
    width:264px;
}

.linkButton:hover{
	text-decoration:underline;
	color: #535353;

}
.linkButton{
	background: none;
	color: #0090d0;
	text-align:left;
	cursor:pointer;
	display:block;

}

.update-label {
    overflow: hidden;
    width: 384px;
    margin:0.4em 0 0.6em 0;
}

.update-label .lblContainer {
    margin:0.4em 12px 0 6px;
    font-size: 1.2em;
    float: left;
}

.update-label #divUserUpdate,
.submit-label #saveChanges
{
    float: right;
}

.submit-label .form-row, .submit-label .form-element {
    margin: 0;
}

.form-element.radio .form-row {
	margin:0.8em 0 0 0;
}

.form-element.radio .form-row input {
	margin:0.1em 0.2em 0 0 ;
	padding:0;
	width:14px;
	height:14px;
}

fieldset#question div.form-row .inputContainer input {
/*
	Andre: added a textbox as a competition input.
*/
width:260px;
}

fieldset#question div.form-row .inputContainer {
/*
	Andre: added a textbox as a competition input.
*/
margin:0.6em 0 0 0;
}


fieldest#question input:focus, fieldest#question textarea:focus, 
fieldset#fields input:focus, fieldset#question textarea:focus { 
/*
	MB: experiment, could play with borders using JS too.
	background: #F0F0F0;
*/
}

fieldset#question div.feedback .feedback-message {
	display: block;
	font-size: 1.2em;
	margin: 0 0 0.3em 0;	
}

fieldset#question div.form-row {
	padding: 0 0 0.4em 0;
}

fieldset#question div.form-row input {
	margin: 0 5px 0 0;
	/*
		TB: bad idea... :¬)
	position: relative; top: 2px;
	
	*/
}

/**
	3.2 Fields
*/

fieldset#fields {
	margin: 0 0 0 5px;
}

fieldset#fields #saveChanges.form-element input:focus {
/*
	MB: Same experiment, Dont want the discolour to apply to the button as well 
*/
	background: inherit;
}

fieldset#fields div.selectDate {
	/*MB: This creates the divide between fields as specified in PSD */
	margin-bottom: 1.8em;
}

/**
	3.3 Submit button
*/

div#saveChanges {
	float: right;
	margin: 2.4em 6px 1.2em;
}

/**
	4. THANKS PAGE
*/

div#thank-you-confirmation {
	float: right;
	margin: 0 0 0 5px;
	width: 454px;
}

div#thank-you-confirmation h2 {
	margin: 0.9em 0 0 0;
	padding: 0 0 1em 0;
}

div#thank-you-confirmation ul {
	margin: 0 0 0 16px;
}

div#thank-you-confirmation ul li {
	font-size: 1.2em;
	padding: 0 0 0.4em 0;
}

/*
	Gibson Only header style
*/

h2.altAlt {
	font-size: 1.3em;
	font-weight: bold;
}

.validationBorder {
 margin:0.3em 0.6em 0;
  float:left;
 overflow:hidden;
 display:inline;
}

.chkLink.feedback .validationBorder {
 border:1px solid #D7070D;	
}

.chkLink.feedback .validationBorder input {
margin:0;
}