/*-----------------------------------------------------------------
styles for all registration form - register.php
-----------------------------------------------------------------*/
#reg{	
  width:980px;
}

/**--- register part 1 ---**/
ul.regForm1{
  height:140px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.regForm1 li{
  padding:3px 0px 3px 0px;
  position:relative;
}

ul.regForm1 li.sub{
  width:25%;
  text-align:right;
  position:relative;
  float:left;
}
ul.regForm1 li.fld{
  width:72%;
  position:relative;
  float:left;
}
ul.regForm1 li.note{
  width:72%;
  font-size:9px;
  font-family:arial,sans-serif;
  color:#cccccc;
  position:relative;
  float:left;
}
ul.regForm1 li input{
  padding:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}
/**--- end part 1 ---**/

/**--- register part 2 ---**/
ul.regForm2{
  height:240px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.regForm2 li{
  padding:3px 0px 3px 0px;
  position:relative;
  display:inline;
}
ul.regForm2 li.sub{
  width:25%;
  text-align:right;
  position:relative;
  float:left;
}
ul.regForm2 li.fld{
  width:72%;
  position:relative;
  float:left;
}
ul.regForm2 li.sub2{
  width:25%;
  height:70px;
  text-align:right;
  position:relative;
  float:left;
}
ul.regForm2 li.fld2{
  width:72%;
  height:70px;
  position:relative;
  float:left;
}
ul.regForm2 li.note{
  font-size:9px;
  font-family:arial,sans-serif;
  color:#cccccc;
  position:relative;
  float:left;
}
ul.regForm2 li input{
  padding:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}

ul.regForm2 li textarea{
  padding:2px;
  padding-left:2px;
  border:1px solid #555555;
  font-size:12px;
  font-family:arial,sans-serif;
  position:relative;
}
ul.regForm2 li select{
  padding:1px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}

/**--- end part 2 ---**/
/**--- register part 3 ---**/
ul.regForm3{
  height:120px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.regForm3 li{
  padding:3px 0px 3px 0px;
  position:relative;
}

ul.regForm3 li.sub{
  width:25%;
  text-align:right;
  position:relative;
  float:left;
}
ul.regForm3 li.fld{
  width:72%;
  position:relative;
  float:left;
}
ul.regForm3 li.note{
  width:72%;
  font-size:9px;
  font-family:arial,sans-serif;
  color:#cccccc;
  position:relative;
  float:left;
}
ul.regForm3 li.fld img{
  border:1px solid #333333;
  position:relative;
}
ul.regForm3 li input{
  padding:2px 3px 2px 3px;
  border:2px solid #555555;
  position:relative;
}
/**--- end part 3 ---**/



/*-----------------------------------------------------------------
capcha - editprofile.php
-----------------------------------------------------------------*/
ul.capcha{
  margin-bottom:10px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  overflow:hidden;
}

ul.capcha li{
  padding:3px 0px 3px 0px;
  position:relative;
  display:inline;
  float:left;
}

ul.capcha li.sub{
  width:28%;
  text-align:right;
  position:relative;
}
ul.capcha li.fld{
  width:70%;
  position:relative;
}
ul.capcha li.note{
  width:70%;
  font-size:9px;
  font-family:arial,sans-serif;
  color:#dddddd;
  position:relative;
}
ul.capcha li.fld img{
  border:1px solid #333333;
  position:relative;
}
ul.capcha li input{
  padding:2px 3px 2px 3px;
  border:2px solid #555555;
  position:relative;
}


/*-----------------------------------------------------------------
styles for edit member profile - editprofile.php
-----------------------------------------------------------------*/
/**--- edit profile part 1 ---**/
ul.edtForm1{
  height:110px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.edtForm1 li{
  padding:3px 0px 3px 0px;
  position:relative;
}
/*width:250px;*/
ul.edtForm1 li.sub{
  width:20%;
  text-align:right;
  position:relative;
  float:left;
}
/*width:550px;*/
ul.edtForm1 li.fld{
  width:80%;
  position:relative;
  float:left;
}
ul.edtForm1 li.note{
  font-size:9px;
  font-family:arial,sans-serif;
  text-align:left;
  color:#cccccc;
  position:relative;
  float:left;
}
ul.edtForm1 li.fld img{
  border:1px solid #555555;
  position:relative;
  float:left;
}
ul.edtForm1 li input{
  padding:2px;
  padding-left:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
  float:left;
}

ul.edtForm1 li select{
  padding:1px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}
/**--- end part 1 ---**/
/**--- edit part 2 ---**/
ul.edtForm2{
  height:240px;
  margin:0;
  padding:0;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.edtForm2 li{
  padding:3px 0px 3px 0px;
  position:relative;
}
/*width:250px;*/
ul.edtForm2 li.sub{
  width:20%;
  text-align:right;
  position:relative;
  float:left;
}
/*width:550px;*/
ul.edtForm2 li.fld{
  width:80%;
  position:relative;
  float:left;
}
ul.edtForm2 li.note{
  font-size:9px;
  font-family:arial,sans-serif;
  text-align:left;
  text-decoration:none;
  color:#cccccc;
  position:relative;
  float:left;
}
ul.edtForm2 li input{
  padding:2px;
  padding-left:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
  float:left;
}
ul.edtForm2 li textarea{
  padding:2px;
  padding-left:2px;
  border:1px solid #555555;
  font-size:12px;
  font-family:arial,sans-serif;
  position:relative;
  float:left;
}
ul.edtForm2 li select{
  padding:1px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}

/**--- end part 2 ---**/

INPUT.button{	
  width:65px;
  height:24px;
  font-size:9px;
  font-family:arial,sans-serif;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:0px;
  color:#99ccff;
  background:url("../images/form_btOff.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}
INPUT:hover.button{	
  text-align:center;
  color:#ffffff;
  background:url("../images/form_btOn.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}
INPUT.txtInput{
  font-size:14px;
}
#button {
  padding:10px;
  position:relative;
}
#button input.submit {
  width:67px;
  height:24px;
  text-indent: -9000px;
  background:url("../images/submit_bt.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}
#button input.reset {
  width:67px;
  height:24px;
  text-indent: -9000px;
  background:url("../images/reset_bt.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}
#button input.confirm {
  width:67px;
  height:24px;
  text-indent: -9000px;
  background:url("../images/confirm_bt.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}
#button input.back {
  width:67px;
  height:24px;
  text-indent: -9000px;
  background:url("../images/back_bt.png") no-repeat;
  cursor: pointer;
  overflow:hidden;
}



.gender {
  width:75px;
  position:relative;
}

SELECT.YYYY{
  width:60px;
  position:relative;
  float:left;
}

SELECT.MM{
  width:40px;
  position:relative;
  float:left;
}

SELECT.DD{
  width:40px;
  position:relative;
  float:left;
}

.country {
  position:relative;
  float:left;
}

.termBox {
  height:600px;
  padding:6px;
  border:1px solid #555555;
  color:black;
  background:white;
  overflow:scroll;
}

.showUser{
  width:auto;
  height:28px;
  padding-top:6px;
  padding-left:6px;
  border:1px solid #555555;
  background:transparent url("../images/bgMost.gif") repeat-x top;
}

.showUser SPAN{
  width:auto;
  height:24px;
  padding:4px;
  padding-left:30px;
  background:url("../images/u.png") no-repeat top left;
}

/*-----------------------------------------------------------------
review page
-----------------------------------------------------------------*/
ul.review{
  height:50px;
  margin:0;
  padding:0;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.review li{
  height:18px;
  padding:3px 0px 3px 0px;
  position:relative;
}
/*width:200px;*/
ul.review li.sub{
  width:20%;
  text-align:right;
  position:relative;
  float:left;
}
/*width:650px;*/
ul.review li.fld{
  width:80%;
  font-weight:bold;
  color:white;
  position:relative;
  float:left;
}
/*width:650px;*/
ul.review li.xfield{
  width:80%;
  font-size:12px;
  font-weight:bold;
  color:white;
  position:relative;
  float:left;
}
ul.review li.fld .note{
  margin-top:2px;
  margin-left:8px;
  font-size:9px;
  color:#999999;
  text-align:left;
  font-family:arial,sans-serif;
  text-decoration:none;
  position:relative;
  float:left;
}
ul.review li input{
  padding:1px;
  position:relative;
  float:left;
}

ul.review2{
  height:150px;
  margin:0;
  padding:0;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.review2 li{
  height:18px;
  width:100%;
  padding:3px 0px 3px 0px;
  position:relative;
}
/*width:197px;*/
ul.review2 li.sub{
  width:20%;
  text-align:right;
  position:relative;
  float:left;
}
/*width:788px;*/
ul.review2 li.fld{
  width:80%;
  font-weight:bold;
  color:white;
  position:relative;
  float:right;
}
ul.review2 li.fld .note{
  margin-left:8px;
  font-size:9px;
  color: #999999;
  text-align:left;
  font-family:arial,sans-serif;
  text-decoration:none;
  position:relative;
  float:left;
}
ul.review2 li input{
  padding:1px;
  position:relative;
  float:left;
}


/**--- support part 1 ---**/
ul.suppForm1{
  height:40px;
  margin:0;
  padding:0;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.suppForm1 li{
  padding:3px 0px 3px 0px;
  position:relative;
}

ul.suppForm1 li.sub{
  width:250px;
  text-align:right;
  position:relative;
  float:left;
}
ul.suppForm1 li.fld{
  width:650px;
  position:relative;
  float:left;
}

ul.suppForm1 li input{
  padding:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}
/**--- end part 1 ---**/

/**--- support part 2 ---**/
ul.suppForm2{
  height:190px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  display:block;
}

ul.suppForm2 li{
  padding:3px 0px 3px 0px;
  position:relative;
}

ul.suppForm2 li.sub{
  width:250px;
  text-align:right;
  position:relative;
  float:left;
}
ul.suppForm2 li.fld{
  width:650px;
  position:relative;
  float:left;
}
ul.suppForm2 li.sub2{
  width:250px;
  height:60px;
  text-align:right;
  position:relative;
  float:left;
}
ul.suppForm2 li.fld2{
  width:650px;
  height:60px;
  position:relative;
  float:left;
}
ul.suppForm2 li.note{
  width:650px;
  font-size:9px;
  font-family:arial,sans-serif;
  color: #999999;
  position:relative;
  float:left;
}
ul.suppForm2 li input{
  padding:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
  float:left;
}
ul.suppForm2 li textarea{
  padding:2px;
  border:1px solid #555555;
  font-size:12px;
  font-family:arial,sans-serif;
  position:relative;
  float:left;
}

ul.suppForm2 li select{
  padding:1px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}
/**--- end part 2 ---**/


/*-----------------------------------------------------------------
recommend page
-----------------------------------------------------------------*/
/**--- support part 2 ---**/

ul.mailForm{
  width:535px;
  border:1px solid #555555;
  list-style-type:none;
  position:relative;
  overflow:hidden;
}

ul.mailForm li{
  width:auto;
  padding:3px 0px 3px 0px;
  position:relative;
  display:inline;
  float:left;
}

ul.mailForm li.sub{
  width:150px;
  text-align:right;
  position:relative;
}
ul.mailForm li.fld{
  width:380px;
  position:relative;
}
ul.mailForm li.note{
  width:380px;
  font-size:9px;
  color:#cccccc;
  text-align:left;
  font-family:arial,sans-serif;
  text-decoration:none;
  position:relative;
}
ul.mailForm li input{
  padding:2px;
  border:1px solid #555555;
  font-family:arial,sans-serif;
  position:relative;
}
ul.mailForm li textarea{
  padding:2px;
  border:1px solid #555555;
  font-size:12px;
  font-family:arial,sans-serif;
  position:relative;
}

#preview {
  margin-top:6px;
  margin-right:6px;
  width:440px;
  height:290px;
  border:1px solid #999999;  
  float:right;
}

/**--- end part 2 ---**/

.limit {
  margin-left:3px;
  font-size:10px;
  font-family:arial,sans-serif;
  color:#999999;
  position:absolute;
  display:inline;
}