body { background: none; width: auto; }

#instructions {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 260px;
	border-right: 8px solid #DCE8E9;
	z-index: 900;
	background-color: #FFF;
}
	#instructions #steps {
		margin-top: 150px;
		padding-right: 20px;
		float: right;
	}
	
	#instructions p {
		margin-left: 64px;
		margin-top: 25px;
		width: 150px;
	}
	
	#instructions ol {
		list-style: none;
		padding-left: 28px;
	}
	
	#instructions ol li {
		margin: 20px 0px 20px 0px;
	}
	
	#instructions ol li a {
		font-size: 16px;
		color: #ED1849;
		font-weight: bold;
	}
	
	#instructions ol li:before {
		display: marker;
		vertical-align: -9px;
		padding-right: 5px;
	}
		#instructions ol li.one:before { content: url('images/list-1.gif'); }
		#instructions ol li.two:before { content: url('images/list-2.gif'); }
		#instructions ol li.three:before { content: url('images/list-3.gif'); }

#uploader {
	width: 350px;
	float: left;
	margin-top: 20px;
	padding: 10px;
	overflow: auto;
}
	#uploader p {
		margin-bottom: 10px;
		width: 300px;
	}
	
#status {
	float: left;
	margin-top: 120px;
	margin-left: 20px;
	padding: 110px 20px 20px 20px;
	width: 247px;
	height: 177px;
}
#status.good { background-image: url('images/bg-status-good.gif'); }
#status.bad { background-image: url('images/bg-status-bad.gif'); color: #FFF; }
		
#friends {
	position: absolute;
	left: 425px;
	top: 30px;
	background: url('images/lonely-sas-head.gif') no-repeat top left;
	padding: 330px 60px 40px 0px;
	min-width: 400px;
}
	.friend {
		float: left;
		position: block;
		width: 100px;
		height: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 0;
	}
	a.add_to_fb_btn {
		position: absolute;
		float: left;
		border: none;
		width: 74px;
		height: 18px;
		background-image: url('images/btn-add-to-fb-small.png');
	}
	
#static_instruct {
	background-color: #000;
}
#static_instruct img { display: block; }

div.content {
	width: 210px;
}

.form_error {
	font-weight: bold;
	color: #ED1849;
}