/* --------------------------------------------
	Стили модальны[ окон
-------------------------------------------- */

.modal {
    display: none;

    /*position: absolute;*/
    position: fixed;
    top: 25%;
    left: 50%;

    width: 300px;
    margin-left: -150px;

    color: #333;
    border: 1px solid #fff;
    background: #ececec url("../images/bg-cont.png") center;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 27px rgba(0,0,0,.2);
    box-shadow: 0 0 27px rgba(0,0,0,.2);
    overflow: hidden;
}

.modal .close {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 14px;
    height: 14px;
    background: url(../images/icons.png) -312px 0 no-repeat;
    opacity: .3;
    filter: alpha(opacity = 30);
}

.modal .close:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}


.modal .nav.nav-pills {
    margin-bottom: 40px;
}
.modal .nav.nav-pills li {
    margin-right: 48px;
}
.modal .nav.nav-pills li:last-child {
    margin: 0;
}
.modal .nav.nav-pills li a {
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    font-size: 13px;
}
.modal .nav.nav-pills li.active a {
    color: #0197BB;
}



.modal .modal-header {}

.modal .modal-header h3 {
    display: none;
    color: #0197BB;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
}

.modal .modal-content {
    padding: 10px 23px 23px 23px;
}

.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');
}

/* ����� ����� */
.modal.modal-login {
    width: 450px;
    margin-left: -225px;
    top: 100px;
}

.modal.modal-login .nav {
    margin-bottom: 20px;
}

/* ���������� ������ */
.modal.modal-write {
    width: 740px;
    margin-left: -370px;
    top: 50px;
}
.modal.modal-write.acc-user {
    width: 380px;
    margin-left: -180px;
}

.modal.modal-write .modal-content {
    padding: 20px 10px 0;
    *padding: 20px 10px 15px;
}

.modal.modal-write .write-list {
    *overflow: hidden;
    *zoom: 1;
}

.modal.modal-write .write-list li {
    width: 100px;
    margin: 0 10px 20px;
    text-align: center;
    overflow: hidden;
    display: inline-table;
    *float: left;
}

.modal.modal-write .write-list li a {
    color: #39576B;
}

.modal.modal-write .write-list li .write-item-image {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    text-align: center;
    background: url(../images/write.png) no-repeat;
    margin-bottom: 10px;
}

.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;
}

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