/*******************************************************************************
*  Диалоги  ********************************************************************
*******************************************************************************/

#dialog-shade { position: fixed; height: 100%; width: 100%; background-color: #000; opacity: 0.4; top: 0; left: 0; z-index: 20; }
.dialog-shade-macFF { background: url(../images/interface/macFFBgHack.png) repeat; }

.dialog-wrap { position: fixed; top: 50%; left: 50%; z-index: 30; }
.dialog-wrap .dialog-header { position: relative; background-color: #fef627; height: 40px; }
.dialog-wrap .dialog-header div { font-size: 1.8em; color: #000; font-style: italic; line-height: 40px; text-align: center; }
.dialog-wrap .dialog-header .close { position: absolute; right: 13px; top: 8px; width: 24px; height:24px; }
.dialog-wrap .dialog-content { position: relative; min-width: 400px; min-height: 100px; background-color: #fff; }
.dialog-wrap .dialog-content .ajax-load-request { position: absolute; bottom: 10px; right: 10px; width: 16px; height: 16px; }
.dialog-wrap .dialog-content .ajax-load-dialog { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; }
.dialog-wrap .dialog-content label { line-height:22px; padding-right:22px; text-align: right; width: 168px; float:left; }
.dialog-wrap .dialog-content .input-info { display:block; padding-top:7px; padding-bottom:12px; }


/*.dialog-wrap .dialog-content .dialog-loader { position: absolute; top: 50%; left: 50%; margin-left: -104px; margin-top: -6px; width: 208px; height: 13px;
 background: url(../images/interface/preloader_stripe.gif) no-repeat 0 0; }
.dialog-wrap .dialog-load { height: 10px; background-color: #b9d3d3; }*/

#dialog-hide-select {
  z-index: 19; position: fixed; top: 0; left: 0; background-color: #fff;
  border: none; opacity: 0; height: 100%; width: 100%;
}


/* диалог специализаций */

.dialog-wrap .level2-wrap { padding-top: 0; }
.dialog-wrap #professions_level_3 label { cursor: pointer; }

/* диалог контактов */
.dialog-wrap .contacts span { display: block; padding: 7px 0 0 190px; line-height: 1; }
.dialog-wrap .contacts input { width: 300px; }
.dialog-wrap .contacts-save { padding: 10px 0 0 190px; }

/* диалог города */
.dialog-wrap .city label { width: 128px; }
.dialog-wrap .city span { display: block; padding: 7px 0 0 150px; line-height: 1; }
.dialog-wrap .city select { width: 370px; height: 22px; }
.dialog-wrap .city-save { padding: 10px 0 0 150px; }
.dialog-wrap .city-suggest { font-size: 120%; margin: 0px 0 0 150px; font-style: italic; color: #999; line-height: 150%;}
.dialog-wrap .city-suggest a { text-decoration: none; border-bottom: 1px #999 dashed; color: #999;}
.dialog-wrap .city-suggest .hint a { text-decoration: none; border-bottom: 1px #0072BC dashed; color: #0072BC;}
.dialog-wrap .city-suggest input {margin-top: 5px; width: 370px; font-style: normal;}
#city-suggest-hidden-div { margin: 0px; padding: 0px;}


/* общее для диалога контактов и города */
.dialog-wrap .city, .dialog-wrap .contacts { padding-top: 40px; }
.dialog-wrap .city div, .dialog-wrap .contacts div { padding-bottom: 16px; }


/* диалог фотографии пользователя */
.dialog-wrap .user-photo { padding: 30px 20px 0; }
.dialog-wrap .user-photo-save { margin-left: 4px; }

.dialog-wrap .user-avatar { padding: 30px 0 0 30px; }
.dialog-wrap .user-avatar form { padding-top: 35px; }
.dialog-wrap .user-avatar-load { margin-left: 4px; }
.dialog-wrap .user-avatar form label { padding-top: 10px; display: block; line-height: 1.2em; }
.dialog-wrap .user-avatar .user-avatar-save { position: absolute; bottom: 0; right: 0; width: 155px; height: 87px; }
#ava-load-error { color:#f00; font-size:120%; padding:10px 0 0 30px; }


/* диалог нового сообщения */
.dialog-wrap #new-um { margin-bottom:10px; } 

/* диалог выбора специальностей */
.dialog-user-spec div { padding: 40px 20px; overflow: hidden; }
.dialog-user-spec div .info { font-size: 120%; font-style: italic; color: #808080; padding-bottom: 10px; line-height:130%; }
.dialog-user-spec h4 { padding: 40px 0 10px; }
.dialog-wrap .professions-save { padding: 30px 0 10px; text-align: center; }
.dialog-user-spec .user-selected-wrap { padding: 0 43px; clear: both; }
.dialog-user-spec .user-selected { overflow: hidden; font-size: 1.4em; }
.dialog-user-spec .user-selected li { float: left; margin-right: 20px; padding-right: 20px; background: url(../images/interface/icon_delete_grey.png) no-repeat right 70%; line-height: 18px; }
.dialog-user-spec .user-selected li.hover { background: url(../images/interface/icon_delete.png) no-repeat right 70%; }
.dialog-user-spec .user-selected a { color: #39b54a; }
.dialog-user-spec .user-selected li.hover a { color: #f00; }
.dialog-wrap #professions_level_1 { margin-left: 30px; font-size: 1.5em; float: left; }
.dialog-wrap #professions_level_2 { width: 280px; }
.dialog-wrap #professions_level_2, .dialog-wrap #professions_level_3 { font-size: 1.5em; float: left; }
.dialog-wrap #professions_level_1 li, .dialog-wrap #professions_level_2 li, .dialog-wrap #professions_level_3 li { padding: 0 0 0 13px; line-height: 28px; }
.dialog-wrap #professions_level_1 li a, .dialog-wrap #professions_level_2 li a, .dialog-wrap #professions_level_3 li a { color: #000; }
.dialog-user-spec .level2-wrap, .dialog-user-spec .level3-wrap { float: left; padding-left: 30px; }
.dialog-user-spec .level2-wrap .info, .dialog-user-spec .level3-wrap .info { line-height: 28px; font-size: 1.4em; color: #999; padding-left: 26px; background: url(../images/interface/arrow_spec_left.png) no-repeat left 12px; }
.dialog-wrap li.active a { font-style: italic; cursor: text; }
.dialog-user-spec #professions_level_3 li { padding-left: 20px; }
.dialog-user-spec #professions_level_3 li.hover { background: url(../images/interface/icon_plus_mini.png) no-repeat left 50%; }
.dialog-user-spec .level3-wrap { padding-right: 20px; }

/* диалог отображения фотографии */
.dialog-album-photo { padding:10px; }
.dialog-album-photo .bg { height:500px; background: #e6e6e6 url(../images/interface/ajax_load_mini_trans.gif) no-repeat center center; position:relative; zoom:1; }
.dialog-album-photo .bg img { position:absolute; top:50%; left:50%; }
.dialog-album-photo .photo-info { padding: 16px 300px 24px 20px; position:relative; zoom:1; }
.dialog-album-photo .photo-info .nav { top:20px; right:0; position:absolute; overflow:hidden; }
.dialog-album-photo .photo-info .nav .left, .dialog-album-photo .photo-info .nav .right { width:80px; float:left; padding-bottom:4px; text-align:right; }
.dialog-album-photo .photo-info .nav .disabled a { color:#999; cursor:default; }
.dialog-album-photo .photo-info .nav span { font-size:1.1em; font-style:italic; color:#999; }
.dialog-album-photo .photo-info .nav .left span { margin-right:6px; }
.dialog-album-photo .photo-info .nav .right span { margin-left:6px; }

/* диалог вставки фото в пост */
.dialog-insert-gallery-photo .select { padding:40px 0 0 0; overflow:hidden; zoom:1; }
.dialog-insert-gallery-photo .select label { padding-right:10px; }
.dialog-insert-gallery-photo .select select { width:370px; }
.dialog-insert-gallery-photo .thumbs { height:350px; overflow:auto; margin-top:15px; padding:0 45px; }
.dialog-insert-gallery-photo .thumbs .album-photos-list { margin:0; }






/*******************************************************************************
*  Ajax светофоры  *************************************************************
*******************************************************************************/

#ajax_alert { width: 400px; position: fixed; top: 0; right: 0; z-index: 7777; }
* html #ajax_alert { /* IE fix */
	position: absolute; top: expression(eval(document.documentElement.scrollTop) + 'px');
}

#ajax_alert .item { display: none; padding: 30px 15px; color: #fff; font-size: 1.6em; position: relative; }
#ajax_alert .item h2 { margin: 0 0 0.5em 0; font-size: 1.4em; }
#ajax_alert .item p { padding: 0 30px 0 75px; }
#ajax_alert .message { background: #38b449; }
#ajax_alert .error { background: #f00; }
#ajax_alert .notice { background: #0099FF; }
#ajax_alert img { position: absolute; left: 20px; top: 50%; margin-top: -21px; }