.modal {
	z-index:999;
	position: fixed;
	top: 20%;
	left: 50%; 
	padding: 1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;	
} 

.modal-header {
	padding: 0px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	height: 40px;
	overflow:hidden;

}
.modal_title {
	float: left;
	padding-left:10px;
	margin-bottom: 1px;
	height: 40px;
	line-height:40px;
	font-size:16px;
}

.modal_close {
	 
	margin-bottom: 1px;
	text-align: right;
	float: right;
	width: 20px;
	height: 20px;
	cursor:pointer;
	margin-top:10px;
	display:inline;
	
	background-image: url(/userlogin/icons-dialog.png);
	background-repeat: no-repeat;
	background-position: -4px -210px;
	
	
}

.modal-body {
	padding: 9px 14px;
}
.modal-body .icon{
	float: left;
	width: 40px;
	height: 40px;
	display:inline;
	margin-top:5px;
	background-image: url(/userlogin/icons-dialog.png);
	background-repeat: no-repeat;
	background-position: 2px -43px;
	
	
}
.modal-body .loading{
	float: left;
	width: 44px;
	height: 42px;
	background-image: url(/userlogin/progress_spinner_24x24.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

.modal-body .resultok{
	float: left;
	width: 40px;
	height: 40px;
	display:inline;
	margin-top:5px;
	background-image: url(/userlogin/icons-dialog.png);
	background-repeat: no-repeat;
	background-position: 2px -133px;
}
.modal-body .resultsorry{
	float: left;
	width: 40px;
	height: 40px;
	display:inline;
	margin-top:5px;
	
	background-image: url(/userlogin/icons-dialog.png);
	background-repeat: no-repeat;
	background-position: 2px -89px;
}

.modal-body .text{
	margin: 0 0 20px 50px;
	padding-top: 18px;
	font-size: 14px;
}
.modal-body .texthtml{
	margin: 0 0 20px 0px;
	padding-top:5px;
	font-size: 14px;
}



.modal-footer {
	padding: 7px 15px 20px;
	text-align: center;
	
	
}

.modal-body .text .txt-fld {
position: relative;
 
padding: 14px 20px;
border-bottom: 1px solid #EEE;
 
}




.modal-body .text .txt-fld label {
display: block;
float: left;
width: 90px;
padding-top: 8px;
color: #222;
font-size: 12px;
text-align: left;
padding-right:20px;
 
}


.modal-body .text .txt-fld input[type="text"],.txt-fld input[type="password"] {
width: 244px;
padding: 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 1.2em;
color: #222;
background: #F7F7F7;
font-family: "Helvetica Neue";
outline: none;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #E7E6E6;
border-bottom: 1px solid #E7E6E6;
}

.modal-body .text  .btn-fld {
width: 254px;
overflow: hidden;
padding: 12px 10px 6px 130px;
}

.modal-body .text .btn-fld button {
float: right;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background: #3F9D4A;
border: none;
width: auto;
overflow: visible;
font-size: 12px;
color: #FFF;
padding: 7px 20px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.f_error span.error ,.frc_error span.error{
 
font-size: 11px;
font-weight: 700;
color: #C62626;
padding-left:20px;
 
}



.modal-body .text .f_error  input[type="text"],.f_error  input[type="text"]  {
color: #b94a48;
border-color: #b94a48;
}


.modal-body #err span {
padding-left:1px;

}


.modal-body .text .textarea_text{
height:60px;
}

.st .f_error .error{
display:block;
float: right;
 }
 
#content_a_parent .error{
display:block;
margin-top:10px;
padding-left: 1px;
 }
 
.modal-footer .btn{margin-left:10px;border:0px;width:85px;text-align:center;height:35px;line-height:35px;text-align:center;cursor:pointer;color:#666;
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
 
 .modal-footer #modeal_ok{
 background:#f08519;color:#fff;
 }
  .modal-footer #modeal_ok:hover{
 background:#ea7d0f;
 }
 
  .modal-footer #modeal_cancel{
 background:#dedbd8;color:#333;
 }
  .modal-footer #modeal_cancel:hover{
 background:#d7d6d5;
 }
 
 
 
 
 .reok{margin-top:10px;color:green;}
.resorry{margin-top:10px;color:red;}













.modal2{
	z-index:1000;
	position: fixed;
	top: 20%;
	left: 50%; 
	padding: 1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;	
} 

.modal2-header {
	padding: 0px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	height: 40px;
	overflow:hidden;

}
.modal2_title {
	float: left;
	padding-left:10px;
	margin-bottom: 1px;
	height: 40px;
	line-height:40px;
	font-size:16px;
}

.modal2_close {
	margin-bottom: 1px;
	text-align: right;
	float: right;
	width: 20px;
	height: 20px;
	cursor:pointer;
	margin-top:10px;
	display:inline;
	background-image: url(/userlogin/icons-dialog.png);
	background-repeat: no-repeat;
	background-position: -4px -210px;
}

.modal2-body {
	padding: 9px 14px;
}

.modal2-body .texthtml2{
	margin: 0 0 20px 0px;
	padding-top: 18px;
	font-size: 14px;
}