/* General style */
.last-column {
	clear: right;
}
.buttons {
	text-align: center;
}
.referral {
		width: 803px;
}
.referral .header {
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	height: 27px;
}
.referral .header img {
	border-width: 0;
}
.referral .content {
	margin: 0;
	padding: 5px;
	border: 0 solid black;
	border-width: 0 2px;
}

/* Navigation bar */
#refer-navigation {
	text-align: center;
}
#refer-navigation ul, 
#refer-navigation li {
	padding: 0;
	margin: 0;
}
#refer-navigation li {
	display: inline;
}
#refer-navigation li.separator {
	padding: 0 10px;
}

/* Main feature style */
#refer-main-table {
	width: 636px;
}
#refer-main-table td {
	vertical-align: top;
}

/* Invitation area (form/message) */
#invite-a-friend-area {
	width: 350px;
	padding: 0 5px 5px 5px;
}
#invite-a-friend-area .header {
	width: 350px;
	padding: 0;
	overflow: hidden;
}

/* Invititation form */
#form-invite-a-friend {
	padding-left: 25px;
}
#form-invite-a-friend .buttons {
	text-align: right;
}
#form-invite-a-friend td {
	line-height: 13px;
}

/* Invitation sent message */
	#invitation-sent-message {
		display: none;
		padding: 0 10px;
	}
	#invitation-sent-message .sub-header {
		text-align: center;
	}

					#refer-progress-table span, 
					#refer-progress-table div {
						margin: 0;
						padding: 0;
					}
					#refer-progress-table span.header {
						display: block;
						padding-bottom: 5px;
					}
					#refer-progress-table .vertical-bar {
						width: 2px;
						float: left;
						padding: 10px 0 0 0;
					}
					#refer-stats-box,
					#refer-progress-table .vertical-bar, 
					#refer-progress-message-box {
						height: 120px;
					}
					#refer-progress-table .vertical-bar .hr {
						background-color: black;
						width: 100%;
						height: 100%;
					}
					#refer-stats-box {
						float: left;
						width: 240px;
						position: relative;
					}
					#refer-stats-box #check-status-button {
						position: absolute;
						top: 80px;
					}
					#refer-stats-box .stat-box {
						height: 45px;
					}
					#refer-stats-box .stat-number-box {
						/* width: 52px;
						*/
						width: 120px; 
						height: 40px;
						background: no-repeat center 14px;
						text-align: center;
						float: left;
					}
					#refer-stats-box .stat-number-box label {
						font-size: 12px;
						height: 12px;
					}
					#refer-stats-box .stat-number-box p {
						margin: 0;
						padding: 3px;
						font-weight: bold;
						font-size: 15px;
					}
					#refer-stats-box .stat-number-box span.button {
						display: block;
					}
					#refer-progress-table #refer-progress-message-box {
						width: 350px;
						padding: 0 0 0 10px;
						float: left;
					}
					#refer-progress-message-box {
						position: relative;
					}
					#refer-progress-message-box .container2 {
						float: left;
						padding: 0;
						margin: 0;
						width: 250px;
					}
					#refer-progress-message-box #button-redeem {
						position: absolute;
						top: 80px;
					}
					#refer-progress-message-box span.header {
						text-align: center;
					}
					#refer-progress-message-box p.message {
						margin: 0;
						padding: 0 0 1em 0;
					}
					#refer-progress-message-box span.image {
						display: block;
						float: left;
						width: 100px;
					}
					#refer-progress-message-box span.image p {
						padding: 0;
						margin: 0;
						text-align: center;
					}

/* Prize information table */
#refer-prizes-table {
	width: 803px;
}
.refer-prize-box div.redeemable {
	border: 3px solid black;
}
.refer-prize-box div {
	border: 1px solid #000;
	height: 80px;
	width: 80px;
	margin: auto;
}
.refer-prize-box span.num {
	display: block;
	text-align: center;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: 16px;
}
.refer-prize-box span.name {
	display: block;
	text-align: center;
	height: 3em;
	border: 1px solid #fff;
}

/* Other tool table */
#refer-other-tools-table {
	margin-top: 10px;
}