@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);
      body
{
    background: url('../images/productselector.jpg') no-repeat;
}  

#mainform{
   
    margin: 120px 10px 0px 1200px;
   
    font-family: 'Fauna One', serif;
    display:block;
  
   
}
h2{
    margin-left: 65px;
    text-shadow:1px 0px 3px gray;}
h3{
    font-size:16px;
    text-align:center;
    text-shadow:1px 0px 3px gray;
}
#onclick{
   padding:3px;
   color:green;
   cursor:pointer;
	padding:5px 5px 5px 15px;
   width:70px;
   color:white;
   background-color:#123456;
   box-shadow:1px 1px 5px grey;
   border-radius:3px;
}
b{
    font-size:16px;
    text-shadow:1px 0px 3px gray;
}
#popup{
    padding-top:80px;
}
.form{
    border-radius:2px;
    padding:7px 15px;
    box-shadow:0 0 15px;
    font-size:14px;
    font-weight:bold;
    width:350px;
    margin:20px 250px 0 35px;
    float:left;
}


input{
    width:70%;
    height:18px;
    margin-top:5px;
    border:1px solid #999;
    border-radius:3px;
    padding:5px;
}	

input[type=submit]{
    background-color:#123456;
    border:1px solid white;
    font-family: 'Fauna One', serif;
    font-Weight:bold;
    font-size:14px;
    color:white;
    width:30%;
    height:28px;
}
textarea{
    width:100%;
    height:60px;
    margin-top:5px;
    border-radius:3px;
    padding:5px;
    resize:none;
}


#logindiv{
    opacity:0.92; 
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: transparent;
    display: none;
}

#login{   
    width:350px;
    margin:0px;
    background-color:white;
    font-family: Calibri;
    position: relative;
    border: 3px solid rgb(90, 158, 181);
    -webkit-box-shadow: 0 8px 6px -6px rgb(90, 158, 181);
	   -moz-box-shadow: 0 8px 6px -6px rgb(90, 158, 181);
	        box-shadow: 0 8px 6px -6px rgb(90, 158, 181);
}
.img{
    float: right;
    margin-top: -20px;
    margin-right: -25px;
}

#login{
    left: 50%;
    top: 50%;
    margin-left:-210px;
    margin-top:-158px;
}