@CHARSET "UTF-8";


/**********form***********/
.ml-form{}
.ml-form p{
	overflow: hidden;
	margin: 0 0 15px;
}
.ml-form p label.title{
	display: block;
	float: left;
	padding: 8px 0 0;
	width: 25%;
}
.ml-form p label.content{
	display: block;
	padding: 8px 0 0;
}
.ml-form p label.message{
	display: block;
	float: left;
	padding: 8px 0 8px 0;
}
.ml-form p label.info{
	color: #2e2f30;
}
.ml-form p label.success{
	color: #167bc1;
}
.ml-form p label.error{
	color: #fa0909;
}
.ml-form p span.star{
	color: #fa0909;
}
.ml-form p span.form-field{
	display: block;
	float: left;
	width: 75%;
}
.ml-message-container,
.ml-error-container{
	margin: 0 0 10px 25% !important;
	padding: 0;
}
.ml-social-message{
	padding: 0;
}
.ml-error-container li{
	line-height: 22px;
	color: #fa0909; 
	margin-left: 12px;
}
/**********Fields************/
.ml-text,
.ml-select,
.ml-textarea{
	background-color: #fff;
	border: solid 1px #a0bad1;
	box-shadow: inset 2px 2px 1px #e8e8e8;
	border-radius: 3px;
	-moz-box-shadow: inset 2px 2px 1px #e8e8e8;	
	-moz-border-radius: 3px;
	-webkit-box-shadow: inset 2px 2px 1px #e8e8e8;
	-webkit-border-radius: 3px;
	padding: 9px 5px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2e2f30;
	width: 100%;
	box-sizing : border-box;
}
.ml-captcha{
	float: left;
}
/**********Buttons**************/


.ml-button {
    border-color: #cc3333;
    background: #cc3333;
    color: #fff;
    fill: #fff;
   
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-size: 1rem;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding: 0.375rem 1.25rem;
    font-weight: 500;
    cursor: pointer;
}
.ml-button:hover {
    
    border-color: #000000;
}
.ml-button:active {
    position:relative;
    top:1px;
}

/**********Registration************/
.ml-container{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2e2f30;
	margin: 10px;
	padding: 10px;
		
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.ml-container .heading{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 14px;
	border-bottom: 1px solid #E5E5E5;
}
.ml-container .body{
	
}
.ml-captcha-container{
	display: block;
	float: left;
	overflow: hidden;
}
.ml-captcha-container img{
	display: block;
	float: left;
}
.ml-captcha-container input{
	display: block;
	float: left;
	margin-right: 2px;
}
.ml-birthday{
	margin-right: 3px;
}
#ml_captcha_image{
	cursor: pointer;
}
/*******Files************/
.ml-file-list{
	overflow: hidden;
}
.ml-file-list a{
	display: block;
	margin-bottom: 12px;
	text-decoration: none;
	color: #167bc1;
}
.ml-forgot-password, .ml-back-link{
	text-decoration: none;
	color: #cc3333;
}

/*******Notes************/
.ml-note-list{
	overflow: hidden;
}
.ml-note-list .ml-note-item{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 8px;
	line-height: 20px;
	border-bottom: 1px solid #E5E5E5;
}
.ml-note-list .ml-note-item:last-child{
	border-bottom: none;
	margin-bottom: 0px;
}
.ml-note-list .ml-note-item .ml-note-title{
	color: #167bc1;
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
}
/**********Lib************/
.ml-w50{
	width: 50px;
}
.ml-w60{
	width: 60px;
}
.ml-w70{
	width: 70px;
}
.ml-w80{
	width: 80px;
}
.ml-w90{
	width: 90px;
}
.ml-w100{
	width: 100px;
}
.ml-w150{
	width: 150px;
}
.ml-w200{
	width: 200px;
}
.ml-w250{
	width: 250px;
}
.ml-w300{
	width: 300px;
}
.ml-l120{
	margin-left: 120px;
}
.ml-w100p{
	width: 100%;
}
.ml-w90p{
	width: 90%;
}
.ml-w80p{
	width: 80%;
}
.ml-w70p{
	width: 70%;
}
.ml-w60p{
	width: 60%;
}
.ml-w50p{
	width: 50%;
}
.ml-w40p{
	width: 40%;
}
.ml-w35p{
	width: 35%;
}
.ml-w30p{
	width: 30%;
}
.ml-w25p{
	width: 25%;
}
.ml-w20p{
	width: 20%;
}

/**********Responsive************/
@media (max-width: 500px) {
	.ml-form p label.title{
		width: 100%;
		margin-bottom: 4px;
	}
	.ml-form p label.title.empty{
		display: none;
	}
	.ml-form p span.form-field{
		width: 100%;
	}
	.ml-message-container,
	.ml-error-container{
		margin-left: 0px !important;
	}
}