
.user_account_container {
	margin: 20px 0 0 0;
}

.user_account_form {
	float: left;
}

.user_account_row {
	padding: 5px 10px;
	font-size: 0;
}

.user_account_row label {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 160px;

	text-align: right;
	font-family: 'dejavu_sans';
	font-size: 16px;
	color: #333333;
}

.user_account_row label a {
	color: #333333;
	text-decoration: none;
}

.user_account_row label a:hover {
	text-decoration: underline;
}

.user_account_row input,
.user_account_row select {
	display: inline-block;
	margin: 2px;
	padding: 3px 12px;
	width: 258px;
	height: 26px;
	line-height: 20px;

	font-family: 'dejavu_sans';
	font-size: 14px;
	color: #555555;

	border: 1px solid #456f34;
	background-color: #ffffff;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.user_account_row select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding: 3px 12px;
	width: 284px;
	height: 34px;
	line-height: 30px;

 	background-image: url('../img/select_arrow.png');
	background-repeat: no-repeat;
	background-position: 258px;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
	position: relative;
	padding-left: 29px;
	margin: 2px 2px 2px 142px;
	width: 286px;

	text-align: left;
	cursor: pointer;
}

input[type="checkbox"] + label::before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;

	line-height: 10px;
	vertical-align: middle;

	width: 17px;
	height: 17px;
	border: 1px solid #456f34;
	border-radius: 1px;
	background-color: #ffffff;

	font-family: 'dejavu_sans';
	font-size: 30px;
	font-weight: normal;
	color: #57863d;
}

input[type="checkbox"]:checked + label::before {
	content: '\2714';
}


.user_account_row.error input,
.user_account_row.error input[type="checkbox"] + label::before {
	border: 1px solid #9f4436;
	box-shadow: 0 0 2px 2px #efcec9 inset;
}

.user_account_button {
	display: inline-block;
	margin: 2px 0 2px 172px;
	padding: 4px 10px;
	width: 258px;
	height: 20px;
	line-height: 20px;

	text-align: center;
    text-transform: uppercase;
    text-decoration: none;
	font-family: 'dejavu_sans';
	font-size: 14px;
	color: #3db4c4;

	border: 3px solid #3db4c4;

	cursor: pointer;

	transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms;
}

.user_account_button:hover {
	background-color: #3db4c4;
	color: #ffffff;
}

.user_account_info {
	overflow: hidden;

	padding: 7px 20px 0 25px;

	line-height: 21px;

	text-decoration: none;
	font-family: 'dejavu_sans';
	font-size: 16px;
}

.user_account_info_description {
	padding: 4px 0;

	color: #001e4a;
	background-color: #efefef;
	border: 1px solid #b6b6b6;
}

.user_account_info_error {
	overflow: hidden;

	margin: 0 0 14px 0;
	padding: 4px 0;
	max-height: 68px;
	min-height: 24px;

	color: #9f4436;

	background-color: #f9ebe9;
	border: 1px solid #efcec9;
}

.user_account_info_description > p,
.user_account_info_error > p {
	margin: 0;
	padding: 1px 10px;

	text-align: justify;
}

.user_account_info_error > p > a {
	color: #9f4436;
	text-decoration: none;
}

.user_account_info_error > p > a:hover {
	color: #9f4436;
	text-decoration: underline;
}

.user_account_info_description a {
	color: #001e4a;
	text-decoration: none;
}

.user_account_info_description a:hover {
	color: #3db4c4;
}



.user_account_success_message,
.user_account_activation_message {
	margin: 0;
	padding: 4px 0;

	text-decoration: none;
	font-family: 'dejavu_sans';
	font-size: 16px;

	color: #001e4a;
	background-color: #efefef;
	border: 1px solid #b6b6b6;
}

.user_account_success_message > p,
.user_account_activation_message > p {
	margin: 0;
	padding: 1px 10px;

	text-align: justify;
}

.user_account_info_description > p.stressed,
.user_account_success_message > p.stressed,
.user_account_activation_message > p.stressed {
	font-weight: bold;
}
