/* --------------------------------------------
	МОДАЛЬНЫЕ ОКНА
-------------------------------------------- */

.modal {
	overflow: hidden; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    background-color: #fcfcfc; 
    border-radius: 3px; 
    color: #333; 
    display: none; 
    left: 50%; 
    margin-left: -150px; 
    position: fixed; 
    top: 25%; 
    width: 300px;
    z-index: 9999!important;
}

.modal input, .modal select {
	background-color: #fcfcfc; 
}

.modal:before {
	-moz-box-shadow: 0 0 0 1px #fff; 
	-webkit-box-shadow: 0 0 0 1px #FFF; 
	border-radius: 3px; 
	border: 1px dashed #CCC; 
	bottom: 5px; 
	box-shadow: 0 0 0 1px #FFF; 
	content: ''; 
	left: 5px; 
	position: absolute; 
	right: 5px; 
	top: 5px; 
	z-index: -1; 
}

.modal .close:hover  { 
	color: #333; 
}

.modal .modal-header { 
	padding: 10px 20px 0; 
	text-align: center; 
}

.modal .modal-header h3 { 
	color: #444; 
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: bold;
}

.modal .modal-header h3:after {
	content: ' '; 
	display: block; 
	width: 100%; 
	height: 1px; 
	margin-top: 5px; 
	background: -moz-linear-gradient(left, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,0.8) 20%, rgba(238, 238, 238,1) 53%, rgba(238, 238, 238,0.8) 79%, rgba(238, 238, 238,0) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238, 238, 238,0)), color-stop(20%,rgba(238, 238, 238,0.8)), color-stop(53%,rgba(238, 238, 238,1)), color-stop(79%,rgba(238, 238, 238,0.8)), color-stop(100%,rgba(238, 238, 238,0))); 
	background: -webkit-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); 
	background: -o-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); 
	background: -ms-linear-gradient(left, rgba(238, 238, 238,0) 0%,rgba(238, 238, 238,0.8) 20%,rgba(238, 238, 238,1) 53%,rgba(238, 238, 238,0.8) 79%,rgba(238, 238, 238,0) 100%); 
	background: linear-gradient(left, rgba(147, 184, 189, 0) 0%,rgba(147, 184, 189, 0.8) 20%,rgba(241, 241, 241, 1) 53%,rgba(147, 184, 189, 0.8) 79%,rgba(147, 184, 189, 0) 100%); 
}

.modal .modal-content 		{ padding: 0px 20px 20px; }

.jqmOverlay 				{ background-color: #000; z-index: 9999!important; }

* 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: 50px; }
.modal.modal-login .nav { margin-bottom: 10px; }
.modal form p button    { float: right; position: relative; top: -7px; }

/* Create */
.modal.modal-write 				  { width: auto; top: 50px; margin-left: -250px; }
.modal.modal-write .modal-content { padding: 0 10px 10px; *padding: 20px 10px 15px; }
.modal.modal-write .write-list 	  { *overflow: hidden; *zoom: 1; }
.modal.modal-write .write-list li { width: 90px; margin: 0 11px 10px; text-align: center; overflow: hidden; display: inline-table; *float: left; }
.modal.modal-write .write-list li:hover { opacity: 0.8; filter:alpha(opacity=80); } 
.modal.modal-write .write-list li a 	{ color: #333; }
.modal.modal-write .write-list li .write-item-image { display: block; width: 90px; height: 90px; border-radius: 3px; text-align: center; background: url(../images/create-vintage.png) no-repeat; }

.modal.modal-write .write-list li.write-item-type-topic .write-item-image 		{ background-position: -2px 0; }
.modal.modal-write .write-list li.write-item-type-message .write-item-image 	{ background-position: -92px 0; }
.modal.modal-write .write-list li.write-item-type-blog .write-item-image 		{ background-position: -180px 0; }
.modal.modal-write .write-list li.write-item-type-draft .write-item-image 		{ background-position: -271px 0; }
.modal.modal-write .write-list li.write-item-type-forum .write-item-image 		{ background-position: -446px 0; }
.modal.modal-write .write-list li.write-item-type-album .write-item-image 		{ background-position: -359px 0; }

/* Upload Image */
.modal-image-upload { width: 500px; margin-left: -250px; }