body{margin:0px;background:#F4F3F1;}
input {border:0;outline:0;}
input:focus {outline:none!important;}

.create_new_account_div
{
float:left;width:50%;min-height:80%;height:auto;margin-top:50px;margin-left:25%;backgroundk:#A2A7AC;border-radius:10px;border:1px solid #ccc;	
}

.create_acc_title
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-top:30px;margin-bottom:30px;font-size:1.4em;color:#000;font-weight:bold;	
}
.create_acc_input
{
float:left;width:80%;height:40px;line-height:35px;margin-left:10%;margin-bottom:15px;font-size:0.9em;padding-left:2%;border:1px solid #ccc;color:#808283;border-radius:5px;
}
.username_input_div
{
float:left;width:80%;height:40px;margin-left:10%;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;background:#fff;
}
.username_input
{
float:left;width:70%;height:40px;line-height:35px;margin-left:1px;margin-bottomk:15px;font-size:1em;padding-left:2%;borderk:1px solid #ccc;color:#808283;border-radiusk:5px;border-right:#fff;backgroundk:pink;
}
.username_input_span
{
float:right;height:40px;line-height:35px;margin-right:2px;font-size:1.05em;color:#808283;border-radius:5px;backgroundk:red;
}
.create_output
{
float:left;width:80%;height:35px;line-height:35px;margin-left:10%;margin-bottom:10px;font-size:1em;backgroundk:green;text-align:center;color:red;display:none;	
}
.create_acc_btn
{
float:right;width:160px;height:45px;margin-right:10%;margin-bottom:20px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;background:#C60872;	
}
.create_acc_btn:hover{color:#74B62B;}
.instead_log_btn
{
float:left;width:160px;height:45px;margin-left:10%;margin-bottom:20px;font-size:1em;cursor:pointer;color:#C60872;border:transparent;border-radius:5px;outline:none;background:transparent;	
}
.instead_log_btn:hover{background:#FEE9F5;}
.user_name_erorr_output
{
float:left;width:80%;height:20px;margin-left:10%;margin-top:-15px;backgroundk:#fff;font-size:1em;color:green;	
}


@media screen and (max-width: 700px)
{
.create_new_account_div
{
float:left;width:100%;min-height:100%;height:100%;margin-top:0px;margin-left:0%;backgroundk:red;border-radius:10px;border:0px solid #ccc;	
}
.create_acc_input
{
float:left;width:90%;height:45px;line-height:45px;margin-left:5%;margin-bottom:15px;font-size:1.1em;padding-left:2%;border:1px solid #ccc;color:#505252;border-radius:5px;
}
.username_input_div
{
float:left;width:90%;height:45px;margin-left:5%;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;background:#fff;
}
.username_input
{
float:left;width:70%;height:40px;line-height:35px;margin-left:1.1px;margin-bottomk:15px;font-size:1em;padding-left:2%;borderk:1px solid #ccc;color:#505252;border-radiusk:5px;border-right:#fff;backgroundk:pink;
}
.username_input_span
{
float:right;height:40px;line-height:35px;margin-right:2px;font-size:1.15em;color:#505252;border-radius:5px;backgroundk:red;
}


.create_acc_btn
{
float:right;width:160px;height:45px;margin-right:5%;margin-bottom:20px;font-size:1em;cursor:pointer;color:#fff;border:transparent;border-radius:5px;outline:none;background:#C60872;	
}
.instead_log_btn
{
float:left;width:160px;height:45px;margin-left:5%;margin-bottom:20px;font-size:1em;cursor:pointer;color:#C60872;border:transparent;border-radius:5px;outline:none;background:transparent;	
}





}