@charset "utf-8";
/* CSS Document */
.style36 {font-weight: bold; color: #ffffff; font-size: 24px;}
.style53 {color: #FF5555; font-weight: bold; font-size: 13px;}
.style57 {font-weight: bold; color: #0099CC; font-size: 24px; }
.style58 {font-weight: bold; color: #0099CC; font-size: 16px; }
#signupForm {
		width: 95%;
		max-width: 600px;	
		margin:auto;
	}
#signupForm label {
	color:#666;
	font-size: 12px;
	 display:block;
	text-align: left;
	padding-top: 3px;
	width:250px;
	margin: auto;
}
#signupForm input{
	display: inline-block; 
	margin:5px 0px;
	}
#signupForm label.error {
	display: block;
	color: red;
	font-size: 9px;	
}
.formBlock2022 {
width:250px;
margin:auto;	
}
.PHPformErrorMsg {
display: block;
	color: red;
	font-size: 11px;		
}
.input {
  display: block;
width:250px;	
}
.blue2022 {
		font-size: 16px;
	color: #ffffff;
	padding: 5px 10px;
	 background: #17b;
	 width:256px;
    outline: none;
	border:0px;
	transition: 0.3s;
		
}
.blue2022:hover {
	 cursor:pointer;
	 background: #28c;	
	border:0px;		
}
#keyword {
	width: 250px;
}

#results {
	width: 250px;
	position:absolute;
	border: 0px solid #666666;
}

#results .item {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #0066ff;
	background-color: #dddddd;
	z-index:100;
}

#results .item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}
	.whiteblock {
	display: block;
		margin: auto;
		align-content: center;
	background-color: #fff;	
	width:94%;
	max-width: 600px;
	padding: 10px 10px 20px;	
	 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);	
	
	}
@media (max-width:400px) {
.whiteblock {
	width:94%;
	padding:3px;	
	}
}
/* For loading warning */	
 #loading-div
    {
         width: 300px;
         height: 200px;
         background-color: #0c0b0b;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
     }
	   #loading-div-background 
    {
      position:fixed;
        top:0;
        left:0;
        background:black;
		 opacity: 0.8;
    filter: alpha(opacity=80); 
        width:100%;
        height:100%;
		display:none;
     }
