/* CSS for Sign Up | Written by IKKI 2007-05-28 */

/* -------------------------Left------------------------- */
#SignContain {
	float:left;
	width: 514px;
	margin-top: 15px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}

#SignInfo {
	width: 500px;
	margin: 6px 6px 0 6px;
	border: 1px solid #D4D4D4;
	background: #FFFFFF url(../_img/signup/sign_bg.gif) repeat-x top;
}

#SignContain h3 {
	color: #000000;
	font-size: 16px;
	margin: 15px 0 20px 15px;
}

.SignTip {
	background: url(../_img/signup/sign_li.gif) no-repeat 0 center;
	text-indent: 15px;
	margin: 5px 0 25px 15px;
}

.SignTable {
	width: 500px;
}

.White {
	height: 30px;
}

.Blue {
	background-color: #EBEEF3;
	height: 30px;
}

.InfoTitle {
	width: 140px;
	text-align: right;
	padding-right: 10px;
}

.InfoInput {
	width: 170px;
}

.Email input {
	height: 16px;
	width: 160px;
	border: 1px solid #666666;
}

#DisplayName input {
	height: 16px;
	width: 160px;
	border: 1px solid #666666;
}

#Password input {
	height: 16px;
	width: 160px;
	border: 1px solid #666666;
}

#ConfirmPassword input {
	height: 16px;
	width: 160px;
	border: 1px solid #666666;
}

.CheckCode {
	height: 45px;
}

#CheckInput {
	height:35px;
}

#CheckInput input {
	width: 90px;
	border: 1px solid #666666;
	margin-right: 6px;
}

#AcceptTable {
	height:50px;
}

#AcceptTable tr {
	height:20px;
}

.AcceptTip {
	font-family: Arial;
}

#AcceptCheck input {
	margin-right: 8px;
}

#SignContain a {
	color: #336699;
	text-decoration: underline;
}

#SignContain a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#InfoSubmit {
	margin: 10px 0 10px 155px;
}

#InfoSubmit input {
	width: 100px;
	height: 30px;
}

/* -------------------------Right------------------------- */
#SignIn {
	line-height: 18px;
	float:right;
	width: 335px;
	margin-top: 40px;
	margin-right: 15px;
	background: url(../_img/login/title_dot.gif) no-repeat left 5px;
}

#SignIn h3 {
	font-size: 16px;
	margin: 0;
	text-indent: 15px;
	height: 50px;
}

#SignIn ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#SignIn li {
	font-size: 12px;
	margin: 0 0 2em 5px;
}

#SignIn a {
	color: #669933;
}

#SignIn a:hover {
	color: #FF6600;
}

#SignIn h4 {
	font-size: 14px;
	margin: 40px 0 10px 0;
}

/* -------------------------Login------------------------- */
#Login {
	height: 154px;
	width: 335px;
	background: url(../_img/signup/login_bg.gif) no-repeat;
}

.LoginTip {
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	margin-left: 15px;
}

.LoginTitle {
	color: #FFFFFF;
	height: 30px;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

.loginInput {
	height: 30px;
	width: 225px;
}

#LoginEmail input {
	height: 16px;
	width: 170px;
	border: 1px solid #999999;
}

#LoginPassword input {
	height: 16px;
	width: 170px;
	border: 1px solid #999999;
}

#LoginSubmit {
	height: 40px;
}

#LoginSubmit input {
	width: 100px;
	height: 30px;
}

/* -------------------------Success------------------------- */
#SuccessInfo {
	width: 930px;
	border-bottom: 1px dashed #666666;
	padding-bottom: 10px;
}

#SuccessInfo h3 {
	font-family: Arial;
	font-size: 18px;
	color: #336600;
	margin: 30px 0 10px 0;
}

.UserInfo {
	height: 25px;
	color: #666600;
	padding-left: 5px;
}

#MoreAbout {
	float:left;
	width: 480px;
	margin-top: 20px;
}

#MoreAbout h3 {
	height: 21px;
	background: url(../_img/signup/more_about_title.gif) no-repeat;
	margin: 0 0 15px 0;
}

#MoreAbout h3 span {
	display: none;
}

#MoreContainTop {
	height: 20px;
	width: 473px;
	margin-left: 5px;
	background: url(../_img/signup/more_top_bg.gif) no-repeat;
}

#MoreContain {
	width: 473px;
	margin-left: 5px;
	background: url(../_img/signup/more_middle_bg.gif) repeat-y;
}

#MoreContain table {
	margin: 15px;
}

#MoreContain table td {
	vertical-align: top;
}

#MoreCenter {
	width: 15px;
}

#MoreAbout ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#MoreContain h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#AddPhoto {
	text-align: center;
	margin-top: 12px;
}

#AddPhoto input {
	height: 24px;
	width: 72px;
}

#MoreContain img {
	margin: 2px;
}

#MoreContain a {
	display:block;
	border: 1px solid #E1E1E1;
}

#MoreContain a:hover {
	border: 1px solid #999999;
}

#Webpage input{
	height: 18px;
	width: 318px;
	background: url(../_img/signup/mywebpage_bg.gif) no-repeat;
	border: 1px solid #666666;
	margin: 0 0 8px 0;
}

#AboutMe textarea {
	height: 98px;
	width: 318px;
	border: 1px solid #666666;	
}

#MoreContainBottom {
	height: 15px;
	width: 473px;
	margin-left: 5px;
	background: url(../_img/signup/more_bottom_bg.gif) no-repeat;
}

#MoreTip {
	float: left;
	width: 250;
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
}

#MoreSubmit {
	float: right;
}

#MoreSubmit input {
	height: 30px;
	width: 100px;
	margin: 5px 15px 0 0;
	background: url(../_img/signup/submit_bg.gif) no-repeat;
	border: 0px;
}

#MoreSkip {
	float: right;
}

#MoreSkip input {
	height: 30px;
	width: 50px;
	margin: 5px 15px 0 0;
	background: url(../_img/signup/skip_bg.gif) no-repeat;
	border: 0px;
}

#Tour {
	float:right;
	width: 390px;
	margin-top: 20px;
}

#Tour h3 {
	font-size: 14px;
	margin: 0 0 15px 0;
}

#Tour a {
	color: #336699;
	padding-right: 30px;
	text-decoration: none;
	background: url(../_img/common/arrow_blue.gif) no-repeat right center;
}

#Tour a:hover span {
	margin-right: 1px;
	background-color: #EAEFFA;
}

#Tour ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#Tour li {
	font-size: 13px;
	height: 20px;
	margin: 0 0 10px 0;
	padding: 0px;
	text-indent: 16px;
	background: url(../_img/common/li_dot.gif) no-repeat left center;
}