#wrapper{
	width: 900px;
	height: 500px;
}

body{
	background: url(/img/site2/home.jpg) repeat-x 0 0;
}

#login h2,#restore h2{
	margin: 0px;
}

#login input[type="edit"],#login input[type="password"]{
	margin-left: 0px;
}

#restore input[type="edit"]{
	margin-left: 0px;
}

.login_email{
	background-color: #97ce68;
}

.login_login{
	background-color: #6bcbca;
}

#login_site2{
	width: 270px;
	height: 280px;
	background-color:#f6f8f7;	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;	
	vertical-align: middle;
	box-shadow: 0px 7px 3px -7px;			
}

#restore_site2{
	width: 270px;
	height: 260px;
	background-color:#f6f8f7;	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;	
	vertical-align: middle;
	box-shadow: 0px 7px 3px -7px;			
}

.login_content{
	color: #4d4d4d;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	padding: 10px;
}

#login td{
	color: #4d4d4d;	
}	

.sbt5{
	background-color:#ff6766;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	width: 100%;
	padding: 9px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;		
}

.sbt6{
	background-color:#6bcbca;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	width: 100%;
	padding: 9px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;		
}

.formContainer_login{
	display:inline-block;
  width:270px;
  height:240px;
  position:relative;
	margin: auto;
	margin-top: 200px;
  -moz-perspective: 800px;
  -webkit-perspective: 800px;
   perspective: 800px;
}

.formContainer_login .location_view{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;

    /* Enabling 3d space for the transforms */
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    /* When the forms are flipped, they will be hidden */
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    /* Enabling a smooth animated transition */
    -moz-transition:0.8s;
    -webkit-transition:0.8s;
    transition:0.8s;
}

.formContainer_login #login_site2{
    z-index:100;
}

.formContainer_login #restore_site2{
    z-index:1;
    opacity:0;
		
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}

.flipped #login_site2{

    opacity:0;

    /**
     * Rotating the login form when the
     * flipped class is added to the container
     */

    -moz-transform:rotateY(-180deg);
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}

.flipped #restore_site2{

    opacity:1;

    /* Rotating the recover div into view */
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}

#account textarea{
	margin-top: 10px;
}

textarea{
	background-color: #444b4f;
	border: none;
	padding: 10px;
	color: white;
	margin-left: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;
}