#joinform {
	position: relative;
	width: 520px;
	height: 220px;
	padding: 35px 60px;
	margin: 0 auto;
	background:#000;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4ODIxMkY0OTUxMTYxMUUzQTY1NUVFRjQ2MEVGOUFBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4ODIxMkY0QTUxMTYxMUUzQTY1NUVFRjQ2MEVGOUFBNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg4MjEyRjQ3NTExNjExRTNBNjU1RUVGNDYwRUY5QUE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg4MjEyRjQ4NTExNjExRTNBNjU1RUVGNDYwRUY5QUE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VNYIdgAAAA9JREFUeNpiUFNT2w8QYAACGgEyKvO+IAAAAABJRU5ErkJggg==);
	background:rgba(0, 0, 0, 0.75);
}

#joinform h2 {
	color:#f4e1b6;
	font-weight: normal;
	font-size: 26pt;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#joinform  div {
	margin-left:30px;
	margin-right: 30px;
}

#joinform  ul {
	overflow: hidden;
}

#joinform  li {
	position: relative;
	float: left;
	margin-right: 6px;
}

#joinform  li#submit_wrapper {
	margin-right: 0;
}

.gradient:before {
	position: absolute;
	content:' ';
	display: block;
	height:1px;
}

.gradient.mid:before {
	top:90px;
	left:85px;
	width:460px;
	background-image:url(/_images/welcome/gradient-mid.png);
	opacity: 0.4;
}

.gradient.or:before {
	top:179px;
	left:196px;
	width:247px;
	height:10px;
	background-image:url(/_images/welcome/gradient-or.png);
}

#joinform #social {
	overflow: hidden;
	margin-bottom: 50px;
}


#joinform #social.gradient-mid:before  {
	content:' or ';
	top:182px;
}

#joinform #fb, #joinform #tw {
	display: block;
	width:218px;
	height:39px;
	text-indent: -9999px;
}

#joinform #fb {
	float:left;
	background-image:url(/_images/welcome/signup_fb.png);
}

#joinform #tw {
	float:right;
	background-image:url(/_images/welcome/signup_tw.png);
}

#joinform #email, #joinform #password, #joinform .placeholder {
	font-size: 11pt;
	padding:5px;
	width:162px;
	background: #d7d7d7;
	border:solid 1px #afafaf;
}

#joinform .placeholder {
	display:none;
	position: absolute;
	top:0;
	left:0;
	cursor: text;
	color:#444;
}

#joinform #options {
	margin-top:5px;
	font-size: 10pt;
	color:#fff;
	opacity: 0;
}

#joinform #options.show {
	opacity: 1.0;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

#joinform #create {
	width: 98px;
	font-size: 10pt;
	color: #bbb;
	cursor: pointer;
	padding: 5px 0;
	text-align: center;
}

#joinform #create:hover {
	color: #fff;
}

.joinbutton {
	text-align: center;

	background: #3e3e3e; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e3e3e 0%, #2f2f2f 100%);
	background: -webkit-linear-gradient(top,  #3e3e3e 0%,#2f2f2f 100%); 
	background: -o-linear-gradient(top,  #3e3e3e 0%,#2f2f2f 100%);
	background: -ms-linear-gradient(top,  #3e3e3e 0%,#2f2f2f 100%);
	background: linear-gradient(to bottom,  #3e3e3e 0%,#2f2f2f 100%);

	border:solid #4f4f4f 1px;
	border-radius: 2px;

	-webkit-box-shadow: 0px 1px 0 0 #000;
	box-shadow: 0px 1px 0 0 #000; 
}

.alt-font {
	font-family: "Helvetica Neue", Arial;
}