
.testbox {
	margin: 20px auto;
	width: 285px; 
	//height: 594px;   

	-webkit-border-radius: 8px/7px; 
	-moz-border-radius: 8px/7px; 
	border-radius: 8px/7px;
	 
	background-color: #ebebeb; 
	
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
	
	border: solid 1px #cbc9c9;
}



input[type=radio] {

  visibility: hidden;

}



label.radio {
	cursor: pointer;
	text-indent: 3px;
  	overflow: visible;
  	display: inline-block;
  	position: relative;
}



label.radio:before {
	background:#3399ff;
  	content:'';
	position: absolute;
	top:2px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
}



label.radio:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 0.5em;
	height: 0.25em;
	background: transparent;
	top: 7.5px;
	left: 4.5px;
	border: 3px solid #ffffff;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



input[type=radio]:checked + label:after {

	opacity: 1;

}



hr {

  //color: #a9a9a9;

  color: RED;

  //opacity: 0.3;

}



input[type=text],input[type=password]{

  width: 200px; 

  height: 39px; 

  

  -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px; 
  border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; 
  background-color: #fff; 
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
  border: solid 1px #cbc9c9;
  margin-left: -5px;
  margin-top: 13px; 
  padding-left: 10px;
}



input[type=password]{

  margin-bottom: 25px;

}



#icon {
	display: inline-block;
	width: 30px;
	background-color:#024572;
	
	padding: 2px 25px 5px 6px;	
	
	margin-left: 15px;
	font-size:20px;
	
	-webkit-border-radius: 4px 0px 0px 4px; 
	-moz-border-radius: 4px 0px 0px 4px; 
	border-radius: 4px 0px 0px 4px;
	color: white;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	box-shadow: 1px 2px 5px rgba(0,0,0,.09); 
	border: solid 0px #cbc9c9;
}

textarea {
    width: 90%;
    height: 275px;
    margin-left:5%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 90%;
    resize: none;
}

.gender {

  margin-left: 30px;

  margin-bottom: 30px;

}



.accounttype {

  margin-right: auto;	

  margin-left: auto;

  margin-top: 0px;

  background-color: transparent;

  width: 250px;

}



input[type=submit] {

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  padding: 6px 20px 25px 20px;

  margin: 10px 8px 20px 0px;

  display: inline-block;

  

  text-align: center;

  float: center;

  

  text-decoration: none;

  width: 110px; height: 27px; 

  

  

  -webkit-border-radius: 5px; 

  -moz-border-radius: 5px; 

  border-radius: 5px; 

  background-color: #024572; 

  -webkit-box-shadow: 0 3px rgba(51,51,51,.75); 

  -moz-box-shadow: 0 3px rgba(51,51,51,.75); 

  box-shadow: 0 3px rgba(51,51,51,.75);

  transition: all 0.1s linear 0s; 

  top: 0px;

  position: relative;

}



input[type=submit]:hover {

  top: 3px;

  background-color:#4CAF50;

  -webkit-box-shadow: none; 

  -moz-box-shadow: none; 

  box-shadow: none;

}



#radioSecondRow {

	margin-left:0px; 

	display:block;

}

  
