@charset "utf-8";
/* CSS Document */



fieldset{

width:550px;
height:400px;
margin:50px 500px;
border:thin solid #3b3b3b;
background-color:#ABEBC6 ;
position:relative;
padding :80px 25px 0px 5px; 
border-width: 3px;
}


fieldset legend{
position:absolute;
margin:-65px 200px;
width:140px;
height:1.2em;
background-color:rgba(255, 99, 71, 0.6);
color:#000000;
padding:10px 10px 10px 25px;
font-size:24px;
border-radius:15px;

}

fieldset input{
	padding:10px;
	font-size:24px;
	border-radius:15px;		
	float:right;
    margin-bottom:10px;
    margin-top:12px;
}

fieldset label{
float:left;
margin:25px 20px 20px;
font-family: Arial bold;
font-size: 24px ;
color:#3b3b3b;
width:150px;

}


button{

background-color:rgba(255, 99, 71, 0.6);
border-radius: 20px;
			   border: solid 2px;
			   border-color: #000000;
			   text-align: center;
			   font-size: 24px;
               width: 150px;
			   height:1.8em;
               cursor: pointer;
               margin: 230px 200px; 
               display:block;
               position:absolute;
    
}

.error{
	/*background-color:#FFCCCD;*/
	
	
}
.error::placeholder{
	color:red;	
}
input:focus,input:active, button:active, button:focus{
	outline: none;
	border: thin solid #F00;
	border-radius:15px;	
}
body {
   
     width:100%;
     padding: 0;
     margin: 0;
     background-image: url("../images/lights.jpg");
     background-repeat: no-repeat;
     background-size: cover;
}


.bg-img{
    
   
   
     position: relative;  
     opacity: 0.5;
     height:700px;
     width:100%;
     
     
}

.bg-img:hover{
    
   opacity: 1.0; 
    
    
}

.error {
  color: red;
}




#dialogbox{
 border:1px solid #0c799e;
width:250px;
padding:10px;
font-size:16px;
font-weight:700;
color:#fff;
border-radius:3px;
background:linear-gradient(to bottom,#59d0f8 5%,#49c0e8 100%);
cursor:pointer

}
#dialogbox:hover {
background:linear-gradient(to bottom,#49c0e8 5%,#59d0f8 100%)
}
    

.ui-dialog .ui-dialog-content {
padding:2em;
margin: 200px;
}