/***
	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 40px 0px 0;
	width: 400px; /*459-12*/
	overflow:hidden;
}

div#media p {
	float: left;
	margin: 0 0 1em 0px;
	width: 400px; /* Width restriction fixes float bug in IE - 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#venue-search, div#data-capture {
	float:left;
	width: 388px;
}
div#venue-search{
	margin-bottom:10px;
}

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;
}

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 #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 0px 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;
}