@CHARSET "UTF-8";

#content {
	position: absolute;
	top: 109px;
	left: 30px;
	width: 701px;
	background: #c7cde1;
	
	height: 300px;
}

.contentContainer .inputBox {
	position: relative;
	top: 8px;
	
	padding-bottom: 35px;
}

.contentContainer .inputBox .label {
	margin-top: 3px;
	margin-left: 10px;
	
	font-size: 12px;
	
	color: #CCCCCC;
	
	cursor: pointer;
	
	text-transform: uppercase;
}

.contentContainer .inputSelect {
	width: 315px;
}

.contentContainer .inputBox .inputField {
	position: absolute;
	top: 0px;
	left: 240px;
	
	background: #EEEEEE;
}

.userProfileUrlDescriptionBox {
	position: relative;
	top: 0px;
	
	padding-bottom: 10px;	
}

.userProfileUrlDescription {
	position: absolute;
	top: 0px;
	left: 240px;	
	
	color: #AAAAAA;
	
	font-size: 10px;
	
	font-weight: bold;
}

.userNameStatus {
	position: absolute;
	top: 5px;
	right: 40px;
	
	background: #EEEEEE;
	
	text-transform: uppercase;
	
	font-weight: bold;
}

.userNameStatus.ok {
	color: #038f00;
}

.userNameStatus.checking {
	color: #b1af00;
}

.userNameStatus.error {
	color: #a60010;
}

.contentContainer .inputBox .inputArrayContainer {
	position: relative;
	top: 0px;
	left: 240px;
}

.contentContainer .inputBox .inputField.left {
	left: 240px;	
}

.contentContainer .inputBox .inputField.right {
	left: 405px;	
}

.contentContainer .inputBox .inputField.firstOfThree {
	left: 240px;	
}

.contentContainer .inputBox .inputField.secondOfThree {
	left: 350px;	
}

.contentContainer .inputBox .inputField.thirdOfThree {
	left: 460px;	
}

.contentContainer .inputBox .inputField.thirdSize {
	width: 94px;	
}

.contentContainer .checkbox {
	position: absolute;
	top: 0px;
	left: 240px;
}

.contentContainer .checkboxLabel {
	position: absolute;
	top: 3px;
	left: 260px;
	
	cursor: pointer;
}

.contentContainer .textField {
	width: 310px;
	font-size: 13px;
	
	border: 1px solid #999999;

	width: 305px;
	
	font-size: 12px;
	
	color: #444444;	

	background: #EEEEEE;
	
	padding-left: 5px;	
}

.contentContainer .textField.halfSize {
	width: 140px;	
}

.contentContainer .textField.websiteTextField {
	width: 285px;
}

.contentContainer .textField.imAccountTextField {
	width: 215px;
}

.contentContainer .cancelButton {
	position: absolute;
	top: 0px;
	left: 240px;

	width: 140px;	
	height: 20px;
	
	border: 0px;
	font-size: 11px;
	color: #EEEEEE;
	background: #444444;			
}

.contentContainer .submitButton {
	position: absolute;
	top: 0px;
	left: 400px;
	
	width: 153px;
	height: 20px;
	
	font-weight: bold;
	
	border: 0px;
	font-size: 12px;
	color: #EEEEEE;
	background: #777777;	
}

.recoverPasswordButton {
	top: 90px;
}

.openIdIcon {
	position: absolute;
	top: 15px;
	left: 13px;

	cursor: pointer;
	opacity: 0.8;
}

.openIdIcon img {
	width: 105px;
}

.facebookIcon {
	position: absolute;
	top: 72px;
	left: 15px;
	
	cursor: pointer;
	opacity: 0.8;
}

.facebookIcon img {
	width: 105px;
}

.googleIcon {
	position: absolute;
	top: 133px;
	left: 17px;

	cursor: pointer;
	opacity: 0.8;	
}

.googleIcon img {
	width: 100px;
}