/* CSS file created by Evan
E-mail: evan.x.zhou@newegg.com
Location: ChengDu
Version: 2.0
*/

.formList {
	padding: 0px;
}
.formList input {
	cursor: text;
	margin-right: 5px;
}
.formList label {
	cursor: default;
}
.formList li {
	float: left;
	width: 100%;
	padding: 6px 0;
}
.formList .line {
	padding: 0;
	height: 28px;
	background: url(../../../images/dotB.gif) repeat-x left center;
}






.formList li label {
	
    float: left;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10;
	margin-left: 0;
}
.sob {
	float: left;
	height: 22px;
	border: 1px solid #d6d6d6;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: -4px;
}

.seb {
	float: left;
	height: 17px;
	width: 22px;
	padding-right: 2;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.mob {
	float: left;
	border: 1px solid #d6d6d6;
	margin-left: 50px;
}



.formList li input.code {
	width: 125px;
}


@media (min-width: 991px) {
	
	.formList li em {
	width: 450px;
	margin-left: 200px;
	}
	
		.formList li label {
	float: left;
	width: 190px;
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}


.formList  li .rbs label {
	float: none;
	width: auto;
}









.formList ul li .infg {margin-left: 200px;}
}
.formList li em {
	color: #666666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	
	
	float: left;
	font-size: 0.8125em;
	font-style: normal;
}


.formList li em .warning {
	display: block;
	padding: 0 0 0 35px;
	border: 1px solid #F77273;
	height: 26px;
	line-height: 26px;
	background: url(../../../images/icon/iconA.gif) #FFE3E2 no-repeat 7px -829px;
	color: #DD0101;
}
.formList li .pwdStrength {
	float: left;
	margin: 0 0 0 10px;
	color: #696969;
}
.formList li .pwdStrength span {
	float: left;
	margin: 2px 2px 0 0;
	border: 1px solid #235b02;
	width: 18px;
	height: 8px;
	line-height: 8px;
}
.formList li .pwdStrength span.pwdGood {
	background-color: #FFCC00;
}
.formList li em .confirm {
	display: block;
	padding: 8px 0 8px 35px;
	background: url(../../../images/icon/iconA.gif) no-repeat -8px -857px;
}
.formList li.code img {
	margin: 0 5px 0 270px;
	border: 1px solid #d6d6d6;
	vertical-align: text-bottom;
}
.formList li.code a {
	color: #1e4c9a;
}
.formList li.code a:hover {
	color: #f60;
}
.formList .getBack {
	padding: 0 0 0 270px;
	clear: both;
	list-style-type: circle;
}
.formList .getBack a {
	float: left;
	padding: 4px 4px 4px 7px;
	background: url(../../../images/bg/bg.gif) no-repeat -10px -352px;
}
.formList .btnRegFlow {
	clear: both;
}
.btnVerify {
	width: 100%;
	overflow: hidden;
}
.formList .btnRegFlow a, #register .btnVerify a {
	float: left;
	height: 29px;
	margin: 8px 0;
	background: url(../../../images/btn/btnC.gif) no-repeat;
}
.formList .clause {
	margin: 10px 0 0 180px;
	height: 1%;
	padding-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.formList .clause input, .formList .clause label {
	float: left;
	cursor: pointer;
}
.formList .clause label {
	margin: -1px 0 0 8px;
}
.formList .btnRegFlow .login {
	margin-left: 337px;
	width: 94px;
	background-position: -307px top;
}
.formList .btnRegFlow .login span {
	display: none;
}
.formList .btnRegFlow .login:hover {
	background-position: -307px -29px;
	text-decoration: none;
}
.formList .btnRegFlow .finish {
	margin-left: 337px;
	width: 94px;
	background-position: -94px top;
}
.formList .btnRegFlow .finish span {
	display: none;
}
.formList .btnRegFlow .finish:hover {
	background-position: -94px -29px;
	text-decoration: none;
}
.formList .remarkA, .formList .remarkB, .formList .remarkC {
	margin: 15px 10px 0 10px;
	padding: 10px 0 0 178px;
	line-height: 150%;
	border-top: 1px solid #EDEDED;
}
.formList .remarkA strong {
	color: #FF9101;
}
.formList .remarkB {
	padding-left: 189px;
}
.formList .remarkC {
	padding-left: 100px;
}
.formList .marginBottom {
	padding-bottom: 10px;
}
.formList .submit {
	margin: 10px 0 0 337px;
}
.formList .submit.noMarginLeft {
	margin: 0 0 0 10px;
}
#forgetPwt .submit {
	margin-left: 310px;
}
#forgetPwt .submit:hover {
	background-position: left bottom;
	text-decoration: none;
}
#register h1, #buyFlow h1 {
	font-size: 1em;
	color: #990000;
	padding: 4px 0 2px 0;
}
#register #regStep {
	margin-top: 10px;
}
#register #regStep h3 {
	float: left;
	padding: 6px 11px 0 15px;
	font-size: 0.875em;
	color: #353535;
}
#register #regStep .step1, #register #regStep .step2, #register #regStep .step3 {
	float: left;
	width: 679px;
	height: 29px;
	background: url(../../../images/bg/bgStep2.gif) no-repeat;
}
#register #regStep .step2 {
	background-position: left -29px;
}
#register #regStep .step3 {
	background-position: left -58px;
}
#register #emailVerify {
	margin-top: 10px;
	padding: 10px 0;
}
#register #emailVerify p {
	padding: 10px 0 10px 15px;
	font-size: 0.75em;
}
#register .btnVerify a {
	margin: 15px 0 0 319px;
	width: 119px;
	background-position: -188px top;
	display: inline; /* fix IE6 */
}
#register .btnVerify a:hover {
	background-position: -188px bottom;
}
#register #tyroNav {
	margin-top: 10px;
}
#register #tyroNav  h3 {
	padding-left: 15px;
	font-size: 0.875em;
	color: #353535;
} 
#register #tyroNav p {
	padding: 15px 0 30px 15px;
	font-size: 0.875em;
	font-weight: bolder;
}
#register #tyroNav p span {
	padding: 0 5px;
	color: #f60;
}
#register #tyroNav ul {
	padding: 5px 0 0 60px ;
}
#register #tyroNav li {
	float: left;
	margin: 0 50px 0 0;
	width: 125px;
	height: 125px;
	display: inline; /* fix IE6 */
} 
#register #tyroNav li a {
	float: left;
	width: 100%;
	padding-top: 100px;
	text-align: center;
}
#register #tyroNav .navA {
	background: url(../../../images/icon/continueShopping.gif) no-repeat center 5px;
}
#register #tyroNav .navB {
	background: url(../../../images/icon/myNewegg.gif) no-repeat center 8px;
}
#register #tyroNav .navC {
	background: url(../../../images/icon/helpCenter.gif) no-repeat center 12px;
}
#register #tyroNav .navD {
	background: url(../../../images/icon/faq.gif) no-repeat center 8px;
}
#register .content {
	clear: both;
}
#register .content .main {
	float: left;
	width: 770px;
}
#register .content .modBody .main {
	float: none;
	margin: 0 auto;
	width: 80%;
}
#register .content .modBody .main #tyroNav {
	margin-top: 0;
	padding-top: 10px;
}
#register .content .sidebar {
	float: right;
	width: 200px;
	padding-left: 10px;
}
#negRecommend .list2 ul {
	width: 23%;
}
#negRecommend .list2 ul li ul {
	width: auto;
	height: 70px;
	overflow: hidden;
}
#negRecommend li h4 {
	color: #484848;
}
#negRecommend li h4 a {
	color: #484848;
}
#negRecommend li h4 a:hover {
	color: #1e4c9a;
}

.warningx {
	background-color: #FFA4A4;
	border: 1px solid #993300;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #993300;
	padding-right: 20px;
	padding-left: 20px;
}
.warni {
	background-color: #FF9;
	border: 1px solid #F60;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #C60;
	padding-right: 20px;
	padding-left: 20px;
}
.formList ul li {
	list-style-type: none;
}
.formList ul {
	margin: 0px;
	padding: 0px;
}
.formList ul li .soc {
	float: left;
}
.formList ul li .infg {
	float: left;
	margin-top: 10px;
}

.formList  li .rbs label {
	float: none;
	width: auto;
}

