@charset "utf-8";
/* CSS Document */
@import "reset.css";
/* CSS Document */


* {
margin: 0;
padding:0;
}
html, body {	
color: #000;
font-family: 'verdana', 'helvetica', sans-serif;					
height: 100%;
background-image:url(../images/w.jpg);
}

/***********************************************#side1:include select table***********************************************************************/
#side1  {width:600px;
position:relative;
left:0px;


 
}
#memtilte{
	color:#900;
	
}
/************************************member table************************************/
#new_member tr th {
	background-image:url(../images/tbhead.png);
	background-repeat:no-repeat;
	width:350px;
	height:50px;
	background-position:center;
	
	

font-weight:bold; 
color:#FFFFFF;
height:40px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
-moz-border-radius: 15px;
 border-radius: 15px;	
	
	}
#new_member{
z-index:1;
height:auto;
left:0px;
top:0px; 
width:600px ; 
position:relative;



 
 }
 
#new_member td{
 padding:3px;
 color:#fff;
  
 
}
.txtinput{
	width:400px;
	text-align:left;
	
}
.txtnames{
width:200px;


		
}
.cust{
font-size:16px;

}

.membertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	position:relative;
	float:right;
	width:250px;
	right:80px;
	color:#fff;
	line-height:22px;
	top:10px;
	
}
p.mem{
font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FF0;
	font-weight:bold;
	
}
/*.valid:show validation result down of textbox in new member table*/
.valid{font-size:15px; color:rgba(204,0,0,1); display:none}

/*#reminder2:link remember my password in dialog box*/
#reminder2{cursor:pointer; cursor:hand;color:rgba(153,51,255,1); text-decoration:underline}
#reminder2:hover{color:rgba(153,0,51,1)}
/*#resultReminder:result of reminder*/
#resultReminder{ font-size:12px ; color:rgba(153,0,51,1);}

/************************************alert(dialog)************************************/
.dialog{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:rgba(87,122,130,1)}
.box{display:none}


input[type=text]
{
height:20px;	
border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);	

}

input[type=submit]
{
 border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);
cursor:pointer; cursor:hand;
}

input[type=password]
{
	height:20px;
 border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);
}

input[type=email]
{
height:20px;	
 border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);
}
#telvalid{
display:none;	
color:#F00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	 
	 
	 }

#postvalid{
display:none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
	
}
#emailvalid{
display:none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	
}

#password1valid{
display:none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
}

#password2valid{
display:none;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
word-break:break-all;		
}