/* --------------------------------------------
	MODALS
-------------------------------------------- */

.modal {
    display: none;
    
    position: fixed;
    top: 25%;
    left: 50%;
    
    width: 300px;
    margin-left: -150px;
	
    color: #333;
    border: 0px solid #333;
    background-color: #fafafa;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5);
	overflow: hidden;
}
.modal .close-login { 
	position: absolute; 
	top: 25px; 
	right: 18px; 
	width: 14px; 
	height: 14px;
	background: url(../images/icons.png) -312px 0 no-repeat;
	opacity: .3;
	filter: alpha(opacity=30);
}
.modal .close-login:hover { opacity: 1; filter: alpha(opacity=100); }

.modal .close { 
	position: absolute; 
	top: 17px; 
	right: 14px; 
	width: 14px; 
	height: 14px;
	background: url(../images/icons-white.png) -312px 0 no-repeat;
	opacity: .5;
	filter: alpha(opacity=50);
}
.modal .close:hover { opacity: 1; filter: alpha(opacity=100); }
.modal .modal-header 		{ background: #38B450; padding: 10px 20px; border-radius: 5px 5px 0 0;}
.modal .modal-header h3 	{ font-size: 18px; margin-right: 20px; color:#fff; font-family: Tahoma, Geneva, sans-serif; font-weight:bold }
.modal .modal-content 		{ padding: 20px; }
.jqmOverlay { background-color: #000; }
* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

/* Login */
.modal.modal-login { width: 450px; margin-left: -225px; top: 70px; }
.modal.modal-login .nav { margin:5px 0 15px }
.modal.modal-login .modal-header { margin-bottom: 0; }
.modal.modal-login .modal-content { padding-top: 15px; }
.modal.modal-login .remember-label { font-size: 11px; color: #6c7272; }
.modal.modal-login .remember-label input { top: 2px; }
.modal.modal-login .js-block-popup-login-content .button { position: relative; top: -1px; margin-left: 1px; }
.ie .modal.modal-login .js-block-popup-login-content .button { margin-left: 1px; }
.modal.modal-login .js-block-popup-login-content { overflow-y: auto; max-height:450px}
.js-block-popup-login-content form { margin:0 4px}

#popup-registration-form #popup-registration-captcha.input-text, .registration-form #registration-user-captcha.input-text { font-size:41px}
#popup-login-form .input-text, #popup-registration-form .input-text, #popup-reminder-form .input-text { font-size:22px; font-family:Arial, Helvetica, sans-serif}
#popup-login-form ul, #popup-registration-form ul, #popup-reminder-form ul { border-top:1px solid #ccc; padding-top:0px }
.tab-content form li { margin:20px 0; position:relative}
.tab-content form li .icon-fortune-sign-question, .registration-form form li .icon-fortune-sign-question { position:absolute; top:7px; right:10px}
.tab-content form li .icon-fortune-sign-ok, .registration-form form li .icon-fortune-sign-ok { position:absolute; top:7px; right:10px}


.login-form, .registration-form, .content-error {
	width:500px; 
	margin:50px auto;
	background:#F9F9F9; 
	padding:20px; 
	border-radius: 10px;
	border:5px solid #F2F2F2; 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); 
		box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.content-error { border-color:#FFEFEE; background:#FFF7F7}

.login-form .input-text, .registration-form .input-text{
	font-size:22px; font-family:Arial, Helvetica, sans-serif
}
.login-form form ul, .registration-form form ul, .content-error ul{
	border-top:1px solid #ccc; padding-top:0px 
}
.login-form li, .registration-form li, .content-error li{
	margin:20px 0; position:relative
} 	
.login-form .login-form-add-links, .registration-form .registration-form-add-links, .content-error .add-links {
	text-align:center;
	margin:15px 0 0;
	font-size:11px	
}	
.login-form .remember-label {
	font-size: 11px; 
	color: #444; 
}

/* Write */
.modal.modal-write { width: 740px; margin-left: -370px; top: 70px; }
.modal.modal-write .modal-content { padding: 25px 10px 0; *padding: 25px 10px 15px; }
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; text-align:center }
.modal.modal-write .write-list li { width: 100px; margin: 0 10px 20px; text-align: center; overflow: hidden; display: inline-block; vertical-align:top; *float: left; font-size:11px; }
.modal.modal-write .write-list li a i.write-item-image{  font-weight:bold; text-decoration:none; display:inline-block; background-color:#fff; cursor:pointer }
.modal.modal-write .write-list li.write-item-type-draft a i {background-color:}
.modal.modal-write .write-list li.write-item-type-blog a i{ background-color:}
.modal.modal-write .write-list li a:hover i { background-color:#333}
.modal.modal-write .write-list li i.write-item-image { display:inline-block; width: 100px; height: 100px; text-align: center; background: url(../images/write.png) no-repeat; vertical-align:middle  }
.modal.modal-write .write-list li i.write-item-image { background-color:#C3C3C3; cursor:help}
.modal.modal-write .write-list li p {  margin:10px 0 0;}
.modal.modal-write .write-list li p span { text-decoration:line-through; color:#AEAEAE}
.modal.modal-write .write-list li.write-item-type-topic .write-item-image 		{ background-position: 0 0; }
.modal.modal-write .write-list li.write-item-type-poll .write-item-image 		{ background-position: -100px 0; }
.modal.modal-write .write-list li.write-item-type-link .write-item-image 		{ background-position: -200px 0; }
.modal.modal-write .write-list li.write-item-type-photoset .write-item-image 	{ background-position: -300px 0; }
.modal.modal-write .write-list li.write-item-type-blog .write-item-image 		{ background-position: -400px 0; }
.modal.modal-write .write-list li.write-item-type-draft .write-item-image 		{ background-position: -500px 0; }
.modal.modal-write .write-list li.write-item-type-mail .write-item-image 		{ background-position: 0 -100px; }

/* Upload Image */
.modal.modal-image-upload { width: 500px; margin-left: -250px; }
.modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border { float: left; border-radius: 5px; background: #fff; padding: 5px; margin-bottom: 15px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
#avatar-resize-original-img { max-width: 200px; width: 100%; }