@charset "utf-8";
/* CSS Document */
#modal_login_holder {
	float:left;
	padding:15px;
	background:url(../../../lib/images/frontend/interface/modal_bg.png);
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
*html #modal_login_holder {
	background:url(../../../lib/images/frontend/interface/modal_bg.gif);
}

#modal_login {
	float:left;
	border:1px solid #ffffff;
	padding:20px;
	background:url(../../../lib/images/frontend/interface/modal_login_bg.gif) repeat-x left top #fff;
	width:550px;
}
#modal_login h2 {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	font-size:18px;
	width:100%;
	color:#000;
}
.modal_left {
	float:left;
	width:180px;
}
.modal_left div {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.modal_left input.txt_modal {
	float:left;
	border:1px solid #d8d8d8;
	padding:4px;
	font-size:11px;
	color:#b8b8b8;
	width:147px;
}
.modal_right {
	float:left;
	padding-left:25px;
	background:url(../../../lib/images/frontend/interface/modal_bg_half.gif) no-repeat left 7px;
	width:345px;
	position:relative;
}
.close_modal {
	position:absolute;
	background:url(../../../lib/images/frontend/interface/modal_btn_close.gif);
	width:15px;
	height:15px;
	overflow:hidden;
	text-indent:-90000px;
	right:-10px;
	top:-10px;
}
.modal_right h2 {
	margin-bottom:0px !important;
}
.modal_right ul {
	float:left;
	width:100%;
}
.modal_right ul li {
	float:left;
	background:url(../../../lib/images/frontend/interface/modal_icos.gif) no-repeat left 11px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:25px;
	border-bottom:1px solid #e0e0e0;
	width:320px;
	color:#8c8c8c;
}
.modal_right ul li strong {
	color:#436EC6;
	font-size:12px;
}
.modal_right ul li a {
	font-size:12px;
	font-weight:bold;
}
.modal_right ul li.l2 {
	background:url(../../../lib/images/frontend/interface/modal_icos.gif) no-repeat left -35px;
}
.modal_right ul li a.img {
	margin-top:10px;
	display:block;
	width:89px;
	height:21px;
}
.modal_right ul li.l3 {
	background:url(../../../lib/images/frontend/interface/modal_icos.gif) no-repeat left -113px;
	border-bottom-width:0px;
	position:relative;
}
.modal_right span {
	float:left;
	margin-left:25px;
	width:111px;
	height:22px;
	border:1px solid #d8d8d8;
}
.modal_right input.txt_modal {
	float:left;
	margin-left:10px;
	border:1px solid #d8d8d8;
	padding:3px;
	width:106px;
}
.modal_right input.btn {
	float:left;
	margin-left:10px;
	border:1px solid #587cc8;
	background:url(../../../lib/images/frontend/interface/modal_bg_btn.gif) repeat-x left top;
	color:#fff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
}
.modal_right form div {
	position:relative;
	float:left;
}

.modal_right form div a.refresh {
	position:absolute;
	left:2px;
	bottom:2px;
}


/*** hack by traina ***/
.modal_right span {
    height:35px;
    background-repeat:no-repeat;
    background-position:center center;
}
.modal_right input.txt_modal {
    font-size:22px;
    color:#333;
    font-weight:bold;
    padding:5px 3px 4px 3px;
    height:26px;
}
.modal_right input.btn {
    padding-top:4px;
    padding-bottom:4px;
    margin-top:6px;
}
.modal_right form div a.refresh {
    bottom:9px;
}