@import "reset.css";
/* CSS Document */
/*
body,header,wraper,footer*/
* {
margin: 0;
padding:0;
}
html, body {	
color: #fff;
font-family: 'verdana', 'helvetica', sans-serif;					
height: 100%;
background-image:url(../images/w.jpg);
}
/***********************************************#side1:include login an remember password***************************************************/
#side1  {width:500px ; float:left; margin-left:40px;}


 
/**************************************login table*********************************/
#login {width:470px; 
left:60px; 
position:relative;
top:90px;
table-layout:fixed;
z-index:1;
font-size:13px;

}

#loginmain{

margin-left:16px;
height:auto;
margin-top:0px;
position:relative;
background-color:#999900;	
width: 970px;
overflow:hidden;
min-height:600px

				
}

p.loginhader{
position:absolute;
bottom:530px;
left:250px;
color:#FF0;
font-size:25px;	
font-family:Arial, Helvetica, sans-serif;
overflow: hidden;
font-weight:bold;
}
#login td{
padding:3px;
color:#fff;
	
	
}
#login tr th 
{
background-color: #660000;
font-weight:bold; 
color:#fff;
height:40px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:center;
behavior: url(PIE.htc);

 }

/*.valid2:show validation result down of textbox in login table*/
.valid2{font-size:15px; color:rgba(204,0,0,1); display:none}

/************************************reminder password table************************************/
/*#reminder1:link remember my password in main page*/
#reminder1{
cursor:pointer;
cursor:hand;
color:#fff;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

 }
#reminder1:hover{color:#FC0;}
/*#resultReminder:result of reminder*/
#resultReminder{ font-size:12px ; color:rgba(153,0,51,1);}
/*not null for ie*/
#validationReminder{display:none;}

/******************************************side2(link for new customers)******************************************************************/
#side2  {width:300px ; float: right; margin-right:250px; }

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

.box{display:none}

#logintext{
position:relative;	
z-index:1;
height:auto;
left:140px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
bottom:90px;
float:right;
border: #FFF 1px solid;	
}

#logintext tr th{
color:#FF0;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
padding:10px;	
}

#logintext tr td{
color:#fff;
padding:5px;
text-align:center;	
}

#linkcolor{
color:#FF0;
padding:5px;
text-align:center;	
}

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);
}

#emailvalid2{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:22px;
		
}
#passwordvalid3{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:22px;
		
}
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=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;
}

p.valid{
color:#fff;
position:absolute;
right:20px;
bottom:55px;
	
}
/*.error:show error in login*/
.erroremail{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:absolute;
right:50px;
bottom:105px;
 }
/*.error:show error in login*/
.error{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:absolute;
right:50px;
bottom:70px;
 }