/* - - - - - - - - - - - - - - - - - - - - -
Title:     Join the campaign CSS
Author:    Rui Zhang
Created:   2007-10-16
Modified:  2007-10
- - - - - - - - - - - - - - - - - - - - - */

/* Join the campaign */
.standard_window .primary_content{
	margin-bottom:0;
}
.standard_window .completed_primary_content{
	width:700px;
	margin-left:20px;
}
.standard_window .completed_primary_content h1{
	margin-left:10px;
}
#join_the_campaign {
	position:relative;
	height:100%;
	overflow:hidden;
}
h2.thanks{
	background-image:url(/images/text/thanks_for_joining_the_campaign.gif);
	width:404px;
	height:20px;
}
h3 a.own_up_now{
	background-image:url(/images/text/own_up_now.gif);
	height:90px;
	width:121px;
}
.left_column{
	width:450px;
}
.pinkborderbox{
	margin-bottom:20px;
}
.thankscontainer{
	margin-left:30px;
	width:400px;
}

.teaser_column{
		padding-left:20px;
		width:200px;
		float:left;
	}
		.teaser_column p a{
			color:black;
		}
.pinkborderbox .tl,
.pinkborderbox .tr{
	height:35px;
}

#join_the_campaign .join_add_you_voice {
	position:absolute;
	top:0;
	right:15px;
	height:90px;
	width:249px;
	display:block;
	text-indent:-9999px;
	background:url(/images/join_the_campaign/topchef.gif) left top no-repeat;
}

#join_the_campaign .join_good_food_show {
	position:absolute;
	top:100px;
	right:15px;
	height:74px;
	width:249px;
	display:block;
	text-indent:-9999px;
	background:url(/images/join_the_campaign/goodfoodshow.gif) left top no-repeat;
}

#join_the_campaign div.bubble_container {
	margin:0 20px 0 0;
	float:left;
	display:inline;
	width:30%;
	height: 132px;
	margin-bottom:20px;
}

#join_the_campaign div.bubble_light, 
#join_the_campaign div.bubble_dark {
}

#join_the_campaign div.bubble_light div.content, 
#join_the_campaign div.bubble_dark div.content {
	width:auto;
	height:auto!important;
	min-height:120px;
	height:120px;
	display:block;
	overflow:hidden;
	_overflow:visible;
	background:url(/images/join_the_campaign/bubble_bg.jpg) left top repeat-x;
	background-color:#f2cbe4;
	border:1px solid #f5d6ea;
	border-bottom-width:0;
}

#join_the_campaign div.bubble_light div.content p.text, 
#join_the_campaign div.bubble_dark div.content p.text {
	padding:0 10px 0 30px;
	line-height:1.5em;
	margin:10px 0 5px 10px;
	background:url(/images/join_the_campaign/pink_quote.gif) left top no-repeat;
}

#join_the_campaign div.bubble_light div.content p.text.no_author, 
#join_the_campaign div.bubble_dark div.content p.text.no_author {
	margin:10px 0 10px 10px;
	width:55%;
	_width:53%!important;
}

#join_the_campaign div.bubble_dark div.content p.author {
	margin:3px 0 10px 40px;
	padding:0;
}

#join_the_campaign div.bubble_dark div.content p.author span {
	background-color:#fff;
	padding:3px 5px;
	font-weight:bold;
}

#join_the_campaign div.bubble_dark div.arrow_right, 
#join_the_campaign div.bubble_dark div.arrow_middle, 
#join_the_campaign div.bubble_dark div.arrow_left {
	height:11px;
	font-size:1px;
}

#join_the_campaign div.bubble_dark div.arrow_right {
	background:url(/images/join_the_campaign/bubble_arrow.gif) 85% top no-repeat;
}

#join_the_campaign div.bubble_dark div.arrow_middle {
	background:url(/images/join_the_campaign/bubble_arrow.gif) 48% top no-repeat;
}

#join_the_campaign div.bubble_dark div.arrow_left {
	background:url(/images/join_the_campaign/bubble_arrow.gif) 15% top no-repeat;
}

#join_the_campaign div.bubble_light div.content {
	background:none;
	background-color:#fbeff7;
	border-bottom-width:1px;
}

#join_the_campaign div.bubble_light div.content p.text {
	background:none;
	padding:0;
	margin:10px 0 0 10px;
	width:58%;
	float:left;
	color:#666;
}

#join_the_campaign div.bubble_light div.content p.text img {
	padding:0 5px 0 0;
}

#join_the_campaign div.bubble_light div.content p.photo {
	padding:0;
	width:33%;
	_width:31%;
	margin:8px 3px 0 0;
	float:right;
	line-height:normal;
}

#join_the_campaign div.bubble_light div.content p.photo span {
	clear:left;
	letter-spacing:-1px;
	color:#666;
}

#join_the_campaign div.bubble_light div.content p.image {
	margin:6px 0 0 8px;
}

br.clear_left {
	clear:left;
}

/* Add your vioce */

#add_your_voice_wrapper {
	color:#fff;
	overflow:hidden;
	margin-bottom:0;
	height:100%;
}

.standard_window #add_your_voice_wrapper {
	padding:50px 10px 20px 20px;
	margin-left:10px;
	width:690px;
	background:#d2419d url(/images/join_the_campaign/rav_top_standard.gif) left top no-repeat;
}

.wide_window #add_your_voice_wrapper {
	padding:50px 10px 20px 20px;
	margin-left:10px;
	width:1100px;
	background:#d2419d url(/images/join_the_campaign/rav_top_wide.gif) left top no-repeat;
}

#add_your_voice {
	padding:0;
	margin:0;
	width:450px;
	height:100%;
	float:left;
	background:#eaa8d2 url(/images/join_the_campaign/voice_bg.jpg) left top repeat-x;
}

#add_your_voice_wrapper div.voice_arrow {
	height:10px;
	font-size:1px;
	background:url(/images/join_the_campaign/voice_arrow.gif) 25px top no-repeat;
	clear:left;
}

#add_your_voice .form {
	margin:0;
	padding:15px 15px 0 15px;
	overflow:hidden;
	height:100%;
}

#add_your_voice .send_me {
	background:url(/images/join_the_campaign/label_send_me_campaign_updates.gif) 100% 50% no-repeat;
	width:205px;
	text-align:left;
	clear:none;
	float:right !important;
	margin-top:20px !important;

}
	#add_your_voice .send_me label{
		display:none !important;
	}
	#add_your_voice .send_me input{
		width:auto !important;
		border:0;
	}

#add_your_voice .form h2 {
	background:url(/images/join_the_campaign/title_add_your_voice.gif) left center no-repeat;
	height:16px;
	display:block;
	text-indent:-9999px;
	margin:0;
	padding:0;
	margin-bottom:.8em;
	_margin-bottom:0;
}

#add_your_voice .form .form_entry {
	padding:0;
	float:left;
	margin:3px 0 0 0;
}

#add_your_voice .form .form_entry .form_entry_label {
	padding:0;
	margin:0;
	text-align:left;
	height:17px;
	display:block;
	text-indent:-9999px;
	width:auto;
}

#add_your_voice .form .silent { /* anti-spam */
	display: none;
}

#add_your_voice .form .form_entry .form_entry_value {
	padding:0;
	margin:0;
	text-align:left;
	clear:left;
	float:left;
	margin-top:2px;
	width:100%;
}

#add_your_voice .form .location, 
#add_your_voice .form .location .form_entry_label {
	width:205px;
}

#add_your_voice .form .location {
	clear:none;
	float:right;
}

#add_your_voice .form .comment, 
#add_your_voice .form .comment .form_entry_label,
#add_your_voice .form .form_entry .form_entry_value input, 
#add_your_voice .form .form_entry .form_entry_value textarea {
	width:100%;
}

#add_your_voice .form .name, 
#add_your_voice .form .name .form_entry_label, 
#add_your_voice .form .email, 
#add_your_voice .form .email .form_entry_label, 
#add_your_voice .form .email .form_entry_value input {
	width:195px;
}

#add_your_voice .form .form_entry .form_entry_value textarea {
	height:42px;
}

#add_your_voice .form .name .form_entry_label {
	background:url(/images/join_the_campaign/label_name.gif) left bottom no-repeat;
}

#add_your_voice .form .location .form_entry_label {
	background:url(/images/join_the_campaign/label_location.gif) left bottom no-repeat;
}

#add_your_voice .form .email .form_entry_label {
	background:url(/images/join_the_campaign/label_email.gif) left bottom no-repeat;
}

#add_your_voice .form .comment .form_entry_label {
	background:url(/images/join_the_campaign/label_comment.gif) left bottom no-repeat;
}

#add_your_voice .form .form_entry .form_action {
	padding:5px 0 10px 0;
	float:left;
}

#add_your_voice .form .form_entry .form_action input {
	width:auto;
	border:0;
}
.form_teaser{
	float:right;
	padding-right:10px;
}

/* completed page */
h2.we_love{
	background-image:url(/images/text/we_love.gif);
	height:15px;
	width:78px;
	margin-top:15px;
	margin-bottom:10px;
}
h3 a.own_up_now{
	background-image:url(/images/text/own_up_now.gif);
	height:90px;
	width:121px;
}
h3 a.add_your_voice{
	background-image:url(/images/text/add_your_voice.gif);
	height:89px;
	width:89px;
}
h3 a{
	display:block;
}
.columnset{
	overflow:hidden;
	width:100%;
}
	.left_column{
		width:460px;
	}
	.right_column{
		width:225px;
	}
	.teaser_column{
		padding-left:20px;
		width:200px;
		float:left;
	}
		.teaser_column p a{
			color:black;
		}
		.teaser_column p a:hover{
			color:#4181B5;
		}
	
.box_form{
	width:390px;
	padding:0 30px 0 30px;
	background:no-repeat 0 -35px url(/images/boxes/blueborder_tl_notape.gif);
	font-size:0.95em;
}
.box_form input, .box_form textarea{
	width:100%;
}
	.box_form .form_row input, .box_form .form_row textarea{
		width:97%;
	}
	.box_form .form_action input{
		width:auto;
	}
	.form_row{
		overflow:hidden;
	}
	.form_entry_right{
		float:right;
		text-align:left !important;
		width:44%;
		overflow:hidden;
	}
	.form_entry_left{
		float:left;
		width:51%; 
	}
	.form_action input{
		border:0;
	}
	.hint{color: #cccccc;}

ul.recipe_list{
	background:url(/images/dotted_line.gif) left top repeat-x;
	padding-top:10px; 
}

#full_statement{
	border:3px solid #D2419D;
	background-color:white;
	padding:25px;
	position:absolute;
	top:300px;
	left:70px;
	width:500px;
	display:none;
	z-index: 501;
}

#full_statement a.close {
	float: right;
}

#full_statement_body {
	clear: both;
}

#full_statement_layer{
	position: absolute;
	z-index: 500;
	top: 0px;
	left: 0px;	
  width: 100%;
  height: 10px;
	display:none;
	background-color: white;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}
p.intro {
	width:60%;
}
.topteaser{
	float:right;
	width:250px;
}
	.topteaser a{
		width:100%;
		display:block;
		margin:0;
		padding:0;
		line-height:normal;
		overflow:hidden;
	}
	.topteaser a img{
		margin:0;
		padding:0;	
	}
.show_messages_from{
	width:430px !important;
}