/***
	O2 blueroom v4
	SEND TO A FRIEND
	www.aislondon.com (2008)

	:: Last update: MB 29/10/2008

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

	-[Contents]------------------------
	1. INTRO COPY
	2. DATA CAPTURE
	3. FRIEND HEADER
		3.1 Add friend button
	4. FEEDBACK PANEL
	5. DATA CAPTURE FIELDSETS
		5.1 Delete button
		5.2 Your details
	6. SEND BUTTON
	-----------------------------------

***/

/**
	1. Intro copy
*/

#intro-copy {
	float: left;
	width: 312px;
}

#intro-copy h2 {
	font-size: 1.2em;
	margin: 0 6px;	
}

#intro-copy p {
	font-size: 1.2em;
	margin: 0.6em 6px;
}

/**
	2. Data capture
*/

.data-capture {
	float: right;
	padding: 6px 11px;
	width: 590px;	
}

.data-capture .stfCopy {
	margin: 0 0 30px;
}


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

.data-capture h3 {
	/* this is really for he second H3... additional H3's may need to override this */
	/* MB: just changing these to em values as they affect the height */
	font-size: 1.4em;
	margin: 1.2em 0 0.6em; 
}

.data-capture p {
	/* NO color: #228ace; */
	font-size: 1.2em;
}

/**
	3. Friend Header
*/

.data-capture .friend-header {
	margin: 0 0 2.4em;
	overflow: hidden; _zoom: 1;	
}

.data-capture .friend-header h3 {
	float: left;
	margin: 10px 0 0;
}

.data-capture .friend-header a {
	background: url(../../../Generic/Images/Buttons/btn-add-a-friend.gif) no-repeat 60px 0;
	color: #535353;
	display: block;
	float: right;
	font-size: 1.2em;
	height: 24px;
	line-height: 24px;
	margin: 0 24px 0 0;
	padding: 0 50px 0 0;
	width: 60px;
}

/**
	3.1 Add friend button
*/

div#add-friend {
	margin:0 0 1em 12px;
	overflow:hidden;
}


/**
	4. Feedback panel
*/

div.feedback-panel {
	background: #ffefef;
	border: solid 1px #D7070D;
	/* CSS 3*/ border-radius: 0.5em;
    /* Webkit */ -webkit-border-radius: 0.5em;
	/* Moz */ -moz-border-radius: 0.5em;
	margin: 0 0 1em 0;
	padding: 6px;
}

div.feedback-panel p {
	margin: 0;
	padding: 0;
}

div.feedback-panel p strong {
	color: #D7070D;
	font-weight: normal;
}

div.feedback-panel ul {
	list-style-type: disc;
	margin: 0.6em 0 0 48px;
}

div.feedback-panel ul li {
	padding: 0 0 0.2em 0;
}

div.feedback-panel ul li label {
	cursor: pointer;
}


/**
	5. Data capture fieldsets
*/

.data-capture fieldset {
	overflow: hidden; _zoom: 1;
	margin: 0 0 4px;
}

.data-capture .form-element {
	float: left;
	margin: 0 20px 0 0;	
}

.data-capture .form-element.email {
	margin-left: 44px;
}

.data-capture .form-element .labelContainer {
	margin: 4px 8px 0 0;
	font-size: 1.2em;
}
.data-capture .form-element .inputContainer input {
	width: 204px;	
}

/**
	5.1 Delete button
*/

.data-capture .friend-remove {}
.data-capture .friend-remove input {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 7px 0 0 0px;
	background-image: url('../../../Generic/Images/Buttons/btn-delete.gif');
	text-indent: -9999999px;
	cursor: pointer;
}

/**
	5.2 Your details
*/

.data-capture fieldset#yourDetails {
	margin-bottom: 24px;
}

/**
	6. Send button
*/

div#send {
	overflow: hidden;
	margin: 1em 0 1em 12px;
}

.data-capture .button {
		float: right;
}