@charset "utf-8";
/* CSS Document */

#member_registration {
	width:900px
}

#member_registration .left, #member_registration .right {
	float:left
}

#member_registration .left {
	width:300px;
	/*background-color: #CCC;*/
	height:750px;	
}

#member_registration .right {
	width:600px;
	/*background-color: #DFEFFF;*/
	height:750px;
}

#member_registration input.textbox {
	margin-left:10px;	
	/*border: 1px #06C dotted;*/
	/*color: #333;*/
	width:250px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
}

#member_registration input.textbox2 {
	margin-left:10px;	
	/*
	border: 1px #06C dotted;
	color: #333;
	*/
	width:340px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
}

#member_registration select {
	margin-left:10px;	
	/*
	border: 1px #06C dotted;
	color: #333;
	*/
	width:257px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;

}

#member_registration input.textbox:hover {
	/*border: 1px #F00 dotted;*/
}

#member_registration .left label {
	display: inline-block;
	padding-right: 20px;
	width:280px;
	height:35px;
	font-weight:normal;	
	/*color: #333;*/
}

#member_registration .right label {
	text-align:left;
	padding-left:25px;
	width:250px;
}

#member_registration p {
	height:30px;
}

#member_registration span.title, #member_registration span.remark {
	padding-left:10px;
}

#member_registration input.button {
	height:30px;
	/*
	background-color: #333;
	*/
	color:#FFF;
	width:100px;
	text-align:center
}

#member_registration span.button {
	padding-left:10px;
}

#div_moods_avatar_wrapper {
	padding-left: 10px;
	
}

#div_moods_avatar_inner_wrapper {
	border:1px dotted blue;
	width:360px;
	height:240px;
	padding-left:10px;
	padding-top:10px;
}

#div_moods_avatar {
	
}

#div_moods_avatar img:hover {
	background-color: #FFF
}

.selected_moods_avatar {
	border:1px dotted #000;
}