/* --------------------------------------------
	СТРАНИЦА ПОЛЬЗОВАТЕЛЯ
-------------------------------------------- */

.profile 				{ min-height: 48px; margin-bottom: 0; padding: 0 0px 20px 0; position: relative; }

.profile .button 		{ float: right; margin-left: 7px; }

/*.profile .avatar 		{ position: absolute; top: 0; left: 0; }*/
.profile img.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #B0A89B;
}
.profile td.avatar {
  width: 65px;
}

.profile div.avatar {
  position: relative;
}

#avatar-ctl {
  position: absolute;
  left: 5px;
  bottom: -10px;
  white-space: nowrap;
  z-index: 100;
}

.profile .vote-label	{ text-transform: lowercase; text-align: center; font-size: 10px; color: #aaa; }
.profile .vote-profile 	{ float: right; margin-left: 10px; }
.profile .vote-profile .vote-topic	{ float: none; }
.profile .vote-profile .vote-topic .vote-item.vote-count	{ cursor: text; }

.profile .strength 					{ float: right; margin-left: 18px; }
.profile .strength .count 			{ font-size: 11px; line-height: 1em; text-align: center; padding: 0 10px; line-height: 23px; color: #628fa5; margin-bottom: 0px; background: #edf8fd; border-radius: 15px; height: 24px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px rgba(0,0,0,.1) inset; }

.profile .user-login 				{ width: 240px; font-size: 27px; line-height: 26px; font-weight: normal; margin-bottom: 5px; }
.profile .user-login.no-user-name 	{  }
.profile .user-name 				{ color: #949aa1; font-size: 17px; font-family: 'PT Sans', sans-serif; }

.profile-page-header 				{ font-size: 12px; font-weight: bold; margin-bottom: 20px; background: #f5f5f5; border-top: 1px solid #eee; color: #555; padding: 5px 10px 6px; }

.profile-info-about 		{ padding: 13px 20px 20px 135px; min-height: 100px; background: #fcfce9; border-radius: 5px; margin-bottom: 30px; color: #000; position: relative; }
.profile-info-about .avatar { position: absolute; top: 20px; left: 20px; border-radius: 5px; background: #fff; padding: 5px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
.profile-info-about .avatar img { vertical-align: top; width: 80px; height: 80px; }
.profile-info-about h3 		{ font-size: 19px; margin-bottom: 5px; }
.profile-info-about .edit	{ font-size: 11px; }

.profile-left 	{ width: 360px; float: left; margin-right: 40px; }
.profile-right 	{ width: 185px; float: left; }

.profile-dotted-list { margin-bottom: 50px; }
.profile-dotted-list li { overflow: hidden; zoom: 1; margin-bottom: 5px; background: url(../images/dots.png)  0% 14px repeat-x; }
.profile-dotted-list li span { background: #fff; }
.profile-dotted-list li strong { float: right; width: 190px; font-weight: normal; background: #fff; }

.profile-contact-list { margin-bottom: 50px; }
.profile-contact-list li { margin-bottom: 5px; padding-left: 21px; position: relative; }
.profile-contact-list li i { position: absolute; top: 2px; left: 0; }

/* Новый профиль */
.n-profile.profile .user-login {
  width: 100%;
  font-size: 27px;
  line-height: 26px;
  font-weight: normal;
  margin-bottom: 5px;
}


div.n-profile-photo {
  display: block;
  float: left;
  margin: 5px 10px 10px 0px;
}

div.n-profile-photo img {
  max-width: 185px;
}

div.n-profile-photo .ctl {
  position: absolute;
  left: 10px;
  bottom: 10px;

/*  width: 30px;
  height: 10px;
  background: blue;*/
}

.n-profile /*div.n-profile-photo*/ .ctl .btn {
  padding: 4px 6px;
  margin-right: 4px;
}

.n-profile /*div.n-profile-photo*/ .ctl .btn i {
  margin: 0;
}
.n-profile {
  overflow: auto;
}

.n-profile .field-multi {
  border-bottom: 1px solid #b1b3b5;
  margin-bottom: 5px;
}

.n-profile .field-editor {
  padding-bottom: 5px;
}

.n-profile .js-geo-select {
  border-bottom: 1px solid #b1b3b5;
  margin-bottom: 5px;
}

.n-profile .js-geo-select p {
  margin-bottom: 5px;
}

.n-profile .js-geo-select p button {
  vertical-align: baseline;
}

/*
.n-profile table tr td:first-child {
  padding-right: 15px;
}*/

/*.n-profile .table-profile-info { margin-bottom: 40px; }
.n-profile .table-profile-info td { vertical-align: top; }
.n-profile .table-profile-info .cell-label { width: 30%; color: #777; }
*/

.n-profile form p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.n-profile .table.short.table-profile-info { width: auto; overflow: auto; }

.n-profile .table.table-profile-info .cell-label {
//  width: auto;
  width: 1%;
  padding-right: 15px;
  white-space:nowrap;
}

.n-profile tr.mandatory {
  height: 0;
}

.n-profile tr.mandatory td {
  padding-top: 0;
  padding-bottom: 0;
}

.n-profile tr.mandatory td:before {
  top: 8px;
}

.n-profile td.mandatory:before, .n-profile tr.mandatory td:before {
  content: "*";
  display: block;
  position: relative;
  color: red;
  font-weight: bold;
  font-size: 18px;
  left: -10px;
  width: 0;
  height: 0;
}

.n-profile .table.table-profile-info tr td.cell-edit-btn {
  padding: 3px 5px;
  vertical-align: middle;
  text-align: right;
  width: 110px;
}

.n-profile .table.table-profile-info tr td.cell-privilege-card {
  padding: 3px 5px;
  vertical-align: middle;
  text-align: right;
  width: 150px;
}

.n-profile .table.table-profile-info.head { margin: 0; }
.n-profile .table.table-profile-info.head td { padding: 3px 0; }

/*
.n-profile-photo:hover .ctl .btn {
  visibility: visible;
  opacity: 1;

  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
}

.n-profile-photo .ctl .btn {
  visibility: hidden;
  opacity: 0;

  -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  -moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}
*/

.n-profile-hdr-btn {
  text-transform: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/*
.table-profile-info.info-main td.cell-label {
  max-width: 200px;
}
*/

.n-profile tr:hover .cell-edit-btn .btn,
.n-profile-photo:hover .ctl .btn,
.n-profile-photo .ctl.show-always .btn,
.n-profile-editable:hover .save-btn,
.n-profile td.avatar:hover #avatar-ctl
{
  visibility: visible;
  opacity: 1;

  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
}

.n-profile tr .cell-edit-btn .btn,
.n-profile-photo .ctl .btn,
.n-profile-editable .save-btn,
.n-profile td.avatar #avatar-ctl
{
  visibility: hidden;
  opacity: 0;

  -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  -moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

.n-profile .btn {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #F5F5F5;
  background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-radius: 4px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-decoration: none;
}

.n-profile .btn i { margin-right: 10px; }

.n-profile .editor .input-text {
  padding: 3px 5px;
  font-family: Verdana,sans-serif;
}

.n-profile .editor .input-text.input-with-spinner {
  border-radius: 0;
}

.n-profile .editor .input-spinner {
  display: inline-block;
  width: auto;
  vertical-align: top;
  line-height: normal;
  cursor: pointer;
}

.n-profile .editor .input-spinner.s-left {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.n-profile .editor .input-spinner.s-right {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.n-profile .editor select { padding: 2px 5px; }

.n-profile .editor .btn { padding: 2px 14px; margin-right: 5px; }

#n-profile-formerr {
  color: black;
  background: #ddf;
/*  border: 1px solid #F66;*/
  border: 1px solid #850505; /*#F66;*/
  padding: 2px 5px;
  width: auto;
  max-width: 200px;
  position: absolute;
  display: none;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3);
  opacity: 0.8; filter: alpha(opacity=80);

  background: #FAA;
}

#n-profile-formerr:after {
  position: absolute;
  top: 50%;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 8px solid #850505; /*#444;*/
  transform: translateY(-50%);
  content: '';
}