body { 
	font-family: sans-serif;
	font-size: 13px;
	 
	 
}
.image-holder img {
            max-width: 100%; /* Set the maximum width of the image to 100% */
            height: auto; /* Maintain aspect ratio */
        }
p { 
	padding: 2px;
}

#wrap { 
	width: 100%;
	max-width: 820px; 
	padding: 20px; 
	margin: 20px auto;
	background: #fff;
	border: 1px solid #cc;
	border-radius: 10px;
}

div#wrap2 {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 15px;
}

h2.title {
    color: #A23F04;
    display: block;
    margin-bottom: 5px;
    text-align: center; /* Center the heading */
}

form#register_form label { 
	display: block;
	font-family: arial;
	margin-bottom: 5px;
	font-weight: none;
}

form#register_form label:after { 
	content: ":";
}

form#register_form input[type='text'],
form#register_form input[type='password'],
form#register_form select { 
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: 5px 0;
	padding: 10px ;
}

form#register_form input[name='submit'] { 
	border: 1px solid #3399FF;
	background: #16863A;
	border-radius: 5px;
	margin: 10px 0;
	color: #FFF;
	padding: 10px;
	font-weight: bold;
	cursor: pointer;
}

p.validate_msg {
    border: 1px solid #FF0000;
    font-weight: bold;
    padding: 10px;
    display: none;
    margin-bottom: 25px;
    text-align: center; /* Center the validation message */
}

span.validate  {
	color: #F00;
	padding-left: 8px;
	font-style: italic;
}

.error {
    color: red;
    background-color: #fff;
}