.hidden {visibility:hidden;}



/******
 * User Registration
******/
/*common shared elements*/

#userReg {background:#E9E9E1;}
#userReg div.con {width:745px;border-right:1px solid #fff;padding:15px 10px 50px;}
#userReg div.con form {background:#fff;padding:10px 15px;margin:0;width:715px;font:400 13px/1.4em arial;color:#000;}
#userReg div.con form fieldset {margin:0;padding: 0; border-style: none; }
#userReg div.con form fieldset h2{margin:0;padding:5px 0 15px;display:block;}
#userReg div.con form p{display:block;}

/*breadcrum, status, progress bar*/
#userReg .con form ul.progressBar {padding:20px 0 0 0;margin:0;list-style-type:none;font:11px arial;}
#userReg .con form ul.progressBar li {font:700 11px arial;color:#E4E4E4; display:inline;border-top:5px solid #E4E4E4;padding:10px 10px 0;margin:0 -2px 0 0;width:730px;}
#userReg .con form ul.progressBar li.current{border-top:5px solid #CC6400;color:#CC6400;
background:url("/retail/img/common/arrowdwn.gif") ; background-repeat: no-repeat;
background-position: 50% 0em;
padding-right: 0;}
#userReg .con form ul.progressBar li.complete{border-top:5px solid #E6B886;color:#E6B886;}

/*iehack*/
*:first-child+html #userReg .con form ul.progressBar li  {margin-right:1px;}
 * html #userReg .con form ul.progressBar li {margin-right:1px;}
*:first-child+html #userReg .con form ul.progressBar li.current {background-position: 50% .4em;}
 * html #userReg .con form ul.progressBar li.current{background-position: 50% .4em;}

#userReg label {font-weight:400;margin-right:10px;}


#userReg #contactInfo label.firstName,
#userReg #contactInfo label.lastName,
#userReg #contactInfo label.firmName,
#userReg #contactInfo label.firmAddress1,
#userReg #contactInfo label.firmAddress2,
#userReg #contactInfo label.city,
#userReg #contactInfo label.email,
#userReg #contactInfo label.office,
#userReg #contactInfo label.dealer ,
#userReg #challengeQuestions label.question1,
#userReg #challengeQuestions label.question2,
#userReg #challengeQuestions label.question3,
#userReg #challengeQuestions label.question4,
#userReg #challengeQuestions label.answer1,
#userReg #challengeQuestions label.answer2,
#userReg #challengeQuestions label.answer3,
#userReg #challengeQuestions label.answer4 {float: left;width:125px;text-align:right;}
#userReg #contactInfo label.fundAcct{float: left;width:115px;text-align:right;margin-left:10px;}
#userReg #contactInfo label.state,#userReg #contactInfo label.zip{margin-right:10px;}

#userReg #idPsswrd, #userReg #contactInfo{border-bottom:1px solid #e4e4e4;padding:0 0 10px;margin-bottom:10px;}
#userReg #idPsswrd  label {float: left; width: 125px; text-align:right;}

/**createuserID and password**/
 #userReg div.userpasswrd{clear:both;}
  #userReg div.userpasswrd .newUserID,#userReg div.userpasswrd .newPsswrd{float:left;margin:0 15px 15px 0;}
#userReg div.userpasswrd .newUserID p, #userReg div.userpasswrd .newPsswrd p{margin-bottom:6px;}
  #userReg div.userpasswrd div.text{float:left;font:11px arial;color:#9F9F9F;}
  #userReg div.userpasswrd div.text p {margin-bottom:0;}
  #userReg div.userpasswrd div.text ul{margin:0 0 0 0;padding:0;list-style:none;}
  #userReg div.userpasswrd div.text ul li {margin-bottom:0;padding:0;background-image: url("/retail/img/common/list-bullet.gif");
	background-repeat: no-repeat;background-position: 0 .5em; padding-left:10px;}


#userReg div.repNumber p, #userReg div.idInput p,#userReg div.mmddyyyy p{float:left;}
#userReg div.repNumber p label, #userReg div.idInput p label, #userReg div.mmddyyyy label{display: block;}
#userReg div.repNumber input, #userReg div.mmddyyyy input{margin-right:15px;}
#userReg div.mmddyyyy {color:#BBB;}

#userReg #challengeQuestions legend{padding-bottom:10px;}
#userReg #challengeQuestions select{width:370px;}
#userReg #challengeQuestions p{margin-bottom:6px;}

/**extras/use only one time styles**/
#userReg  .addInfo {font:11px arial;color:#9F9F9F;}
#userReg form fieldset p.miscText {width:300px;color:#BBBBBB;}
#userReg form fieldset p.miscText em {font:15px georgia, times;color:#000;font-style:italic;}/**or**/
#userReg form fieldset.userType p label{font-weight:normal;}
#userReg form fieldset.userType p {display:block;}
#userReg form fieldset.userType p span {display:block;margin-left:24px;}/**use only for registration type, **/
#sendEmails{margin:0;padding:0;}
#userReg hr{background-color:#E4E4E4;color:#E4E4E4;height:1px;margin:15px 0;}

/*input widths for forms*/
#userReg #firstName,#userReg #lastName,#userReg #userID, #userReg #reenterUserID{width:194px;}
#userReg #expressNumber,#userReg #dealerNumber,#userReg #branchNumber,#userReg #repNumber, #userReg #password, #userReg #reEnterPassword{width:150px;}
#userReg #firmName,#userReg #dealerName {width:290px;}
#userReg #firmAddress1,#userReg #firmAddress2, #userReg #email{width:235px;}
#userReg #answer1,#userReg #answer2,#userReg #answer3,#userReg #answer4{width:250px; margin-bottom:10px;}
#userReg #city {width:160px;margin-right:10px;}
#userReg #state,#userReg #zip, #userReg #officePhone1, #officePhone2, #fundAcct{width:60px;}
#fundAcct1,#ein1{width:100px;}
#ein, #ssn {width:40px;}
#ssn1, #mm, #dd{width:30px;}
#ssn2,#yyyy{width:50px;}
#mm, #dd, ##yyyy{margin-bottom:10px;}


div.esaAgreement  p span{font-weight:bold;color:#000;}
div.esaAgreement  p{font-weight:normal;}
div.esaAgreement ul li{font-weight:normal;list-style-type:circle;margin:0 0 0 25px;padding:0;}

.legalinfo {font:13px arial; color:#9F9F9F;}

/** buttons**/
#userReg div.con form p.buttons {padding:15px 0;margin:0;}
.challengeQues #userReg div.con { width:670px !important; }
.challengeQues  #userReg div.con form { width:645px !important; }

#editChallengeQuestions.editChallengeQuestionsHolder { padding-bottom:25px; }
.challengeQues #userReg div.con form p.buttons { padding-left: 135px !important; padding-top: 0px !important; }