.popupBox {
	float: left;
	width: 600px;
	font: 11px/15px Tahoma, Helvetica, sans-serif;
}

	.popupBox .popupContent {
		padding: 0px;
		margin: 0px;
		background-color: #000;
		float: left;
		width: 600px;
	}
	
	.popupBox .popupTop {
		background: url(../images/r2/popup-top-bg.gif) no-repeat;
		height: 11px;
		width: 600px;
		margin: 0px;
		padding: 0px;
	}

		.popupBox .popupTop img { margin: 0px; }
	 
	.popupBox .popupBottom {
		background: url(../images/r2/popup-bottom-bg.gif) no-repeat;
		height: 11px;
		float: left;
		width: 600px;
	}
	
	.popupBox .popupBottom2 {
		background: url(../images/r2/popup-bottom-bg2.gif) no-repeat;
		height: 11px;
		float: left;
		width: 600px;
	}
	
	.popupBox .popupLeftContent {
		float: left;
		width: 430px;
		w\idth: 365px;
		padding: 10px 0px 10px 65px;
		color: #fff;
		margin-bottom: 10px;
	}

		.popupBox .popupLeftContent .popupTitleSpan { width: 80px; float: left; margin: 5px 0px; line-height: 22px; }
		.popupBox .popupLeftContent .popupInputSpan { width: 220px; float: left; margin: 5px 0px; }

	.popupBox .popupLeftContent a { color: #fff; }
	
	.popupBox .popupRightContent {
		float: left;
		width: 170px;
		margin-bottom: 10px;
	}

	.popupBox .popupBothContent {
		float: left;
		width: 600px;
		w\idth: 535px;
		padding: 10px 0px 10px 65px;
		margin-bottom: 10px;
		color: #fff;
	}
	
		.popupBox .popupBothContent a {
			color: #00B0E0;
		}
	
	.popupBox .formElement {
		font: 11px/11px Tahoma, Helvetica, sans-serif;
		margin: 10px 0px 0px 0px;
	}
	
	.popupLeftRadio {
		float: left;
		padding: 5px 0px;
		color: #fff;
	}
	
	.popupBox .popupHeader {
		float: left;
		width: 600px;
		height: 57px;
		he\ight: 56px;
		border-bottom: 1px solid #252726;
		background-color: #000;
	}
	
		.popupBox .popupHeader img { float: left; }
		
		.popupBox .popupHeader span { 
			float: left;
			width: 100px;
			height: 56px;
			he\ight: 41px;
			padding-top: 15px;
			text-align: right;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			background-color: #000;
		}
	
		.popupBox .popupHeader span a { color: #fff; text-decoration: none; margin-right: 15px; }
		
		/* login */
		.popupWhiteContent {
			padding: 0px;
			margin: 0px;
			background-color: #fff;
			float: left;
			width: 600px;
			padding: 10px;
			w\idth: 580px;
		}
		
		.popupWhiteBottom {
			background: url(/images/r2/popup-bottom-white-bg.gif) no-repeat;
			height: 11px;
			clear: both;
			float: left;
			width: 600px;
		}
		
		.popupWhiteContent small {
			color: #a1a9ab;
			font-size: 10px;
			font-weight: normal;
		}
		
		.popupWhiteContent td.bigBadText {
			color: #475055;
			font-size: 12px;
			font-weight: bold;
		}
		
		.popupWhiteContent .loginInputClass {
			width: 280px;
			w\idth: 270px;
			height: 20px;
			he\ight: 17px;
			padding: 3px 5px 0px;
			margin: 0px;
			font: 11px/11px Tahoma, Helvetica, sans-serif;
			color: #a1a9ab;
		}
		
		.popupWhiteContent td a {
			color: #485052;
		}
		
		.popupLoginTop {
			height: 11px;
			width: 600px;
		}
		
		.errorRow {
			color: #FF0000;
		}
		
		/* login */

.popupFriendRow {
	float: left;
	width: 600px;
	background-color: #000;
}

.popupFriendBox {
	float: left;
	width: 200px;
	margin: 2px 0px;
	color: #000;
}

.popupFriendContent {
	background-color: #fff;
	float: left;
	width: 600px;
	color :#000;
	padding-top:20px;
}