.formarea            {
									position: fixed;
									top:7%;
									height:6%;
									width:29%;
									left:70%;
									float: right;
									font-family: sans-serif;
									font-size: small;
									z-index: 100;									
							}
							

							
.formerrorarea       {
									position: fixed;
									top:9%;
									height:4%;
									width:22%;
									left: 78%;
									font-family: sans-serif;
									font-size: small;
									color: red;
									z-index: 100;	
							}

.formarea input[type=email], input[type=password] {
									width:20%;
									height:1em;
									font-size:small;
									color: darkred;
									border-style: ridge;
									border-color:darkred;
									border-width:thin;
									z-index: 1000;
							}
							
.formarea input[type=submit] {
   								 background-color: darkred;
   							    color: white;
   							    font-size:smaller;
   							    height:1.9em;
   							    z-index: 1000;
							}
							
.formarea input[type="submit"]:hover
                     {
                           background: darkslategrey;
                           box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
                     }							
							
							
.formarea label      {
									font-size:smaller;
							}
							
.formlargearea       {
    								position:absolute; 
    								left:9%; 
    								width:77%;
    								/*top:20%;*/
    								padding:20px;
    								margin: auto;
    								/*background: linear-gradient(#ffcccc, #f2efef);
    								border-radius: 10px;
    								box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.13);*/
    								z-index:1;
							}
							
							
.formlargeerrorarea  {
									position: fixed;
									bottom: 150px;
									height:40px;
									width:250px;
									left: 2%;
									padding:5px;
    								margin: auto;
    								background: whitesmoke;
    								border-color: darkred;
    								border-style: ridge;
    								border-radius: 10px;
    								box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
									font-family: sans-serif;
									font-size: 1em;
									color: red;
									z-index: 100;	
							}
							
.formlargeerrorarea:hover {
	                       font-size: 1.3em;
	                       left: 60%;
	                       width: 35%;
	                       height:5.5em;
							}
							
.formlargearea .inner-wrap{
    								padding: 10px;
    								background: #eaeaea;
    								margin-bottom: 10px;
    								border-style: none;
    								border-radius: 10px;
    								box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
							}
							
.formlargearea label {
    								display: block;
    								font: 0.8em  sans-serif;
    								font-weight: 300;
							}
							
.formlargearea .section{
                           font: normal 1.2em 'Bitter', serif;
                           margin-bottom: 5px;
                           margin-top: 20px;
                      }
							
.formlargearea input[type="text"],
.formlargearea input[type="date"],
.formlargearea input[type="datetime"],
.formlargearea input[type="email"],
.formlargearea input[type="number"],
.formlargearea input[type="search"],
.formlargearea input[type="time"],
.formlargearea input[type="url"],
.formlargearea input[type="password"],
.formlargearea select {
    								display: block;
    								width: 100%;
    								left:10%;
    								font-size: 1em;
    								color: darkred;
    								border-radius: 6px;
    								border: 2px solid #fff;
    								margin-bottom: 5px;
    								box-shadow: inset 0px 1px;
    							/*	z-index: 1000;*/
							}
							
.formlargearea textarea
							{
    								
    								vertical-align: top;
    								width: 100%;
    								overflow-x:auto;
    								left:10%;
    								font-size: 1em;
    								color: darkred;
    								border-radius: 6px;
    								border: 2px solid #fff;
    								margin-bottom: 5px;
    								box-shadow: inset 0px 1px;
    								/*z-index: 1000;*/
							}
							
.formlargearea input[type="button"],
.formlargearea input[type="submit"]
                     {
                        /*   background: darkred;*/
                           padding: 8px 20px 8px 20px;
                           border-radius: 5px;
                         /*  color: white; */
                           text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
                           font: normal 30px , serif;
                           box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
                           border: 1px solid grey;
                           font-size: 15px;
                           margin-top: 10px; 
                         /*  z-index: 1000;*/
                     }
                     
.formlargearea input[type="button"]:hover,
.formlargearea input[type="submit"]:hover
                     {
                           background: darkred;
                           color:		white;
                           box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
                          /* z-index: 1000;*/
                     }							
							
							
							