html{ height: 100%; }
body{ position:  relative; height: auto !important; height: 100%; min-height: 100%; }
#footer{ position:  absolute; left: 0; bottom: 0px; width: 100%; }
#main-page{ padding-bottom: 80px; }

body {
    overflow-y: scroll;
    background: #fcfcfc;
}

.width1000 {
    width: 980px;
    margin: 0 auto;
}
.main-width {
    width: 850px;
    margin: 0 auto;
}
h1 {
    color: #3a87ad;
}

h1, h2, h3 {
    font-weight: normal;
    font-family: "Segoe UI" , "Myriad Pro", Arial, sans-serif;
}
.relative {
    position: relative;
}
#header a {
    color: white;
}
article h1 .date {
    position: relative;
    top: -7px;
    left: 15px;
}
article h3 .date {
    position: relative;
    top: -5px;
    left: 10px;
}
.content-box {
    /*background: url('../images/content-box-bg.png') repeat-y;*/
}
.content-box > .wrap {
    /*background: url('../images/content-box-h-sep.png') repeat-x bottom left;*/
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px 15px 15px;
    background: white;
}
#content.page.content-box {
    margin-top: 30px;
}
#content.page.content-box > .wrap {
    /*padding-top: 25px;*/
}
.sign-up-social-form {
    margin-left: 20px;
    margin-top: 10px;
    border-left: 1px dashed #ccc;
    padding: 10px 0px 10px 20px;
}
#sign-up-form .right-block, #sign-up-form .left-block {
    margin-top: 30px;
    width: 230px;
}
#sign-up-form .right-block {
    margin-left: 40px;
}
#sign-up-wrapper {
    width: 510px;
    margin: 0 auto;
}
#sign-up-form .help-block.error {
    font-size: 12px;
    color: #FF7F24;
}
.hint {
    font-size: 12px;
}
#navbar-spacer {
    height: 35px;
}
.bs-docs-sidebar {
    margin-left: 0px;
    width: 230px;
}
.bs-docs-sidenav {
  width: 228px;
  margin: 10px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
#content-with-docs-sidebar {
    width: 550px;
    margin-left: 20px;
    padding-left: 10px;
}
#content-with-docs-sidebar h1 {
    color: #5a5a5a;
    margin-top: 0px;
    font-size: 30px;
    line-height: 1em;
}
.page-header {
    margin-top: 10px;
}
.social-list .item {
    background: url('https://ulogin.ru/img/panel7.png') no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    float: left;
}
.social-list .vkontakte {
    background-position: 0px -38px;
}
.social-list .odnoklassniki {
    background-position: 0px -73px;
}
.social-list .mailru {
    background-position: 0px -108px;
}
.social-list .facebook {
    background-position: 0px -143px;
}
.social-list .twitter {
    background-position: 0px -178px;
}
.social-list .google {
    background-position: 0px -213px;
}
.social-list .yandex {
    background-position: 0px -248px;
}
.social-list .livejournal {
    background-position: 0px -283px;
}
.social-list .openid {
    background-position: 0px -318px;
}
.social-list .flickr {
    background-position: 0px -353px;
}
.social-list .lastfm {
    background-position: 0px -388px;
}
.social-list .linkedin {
    background-position: 0px -423px;
}
.social-list .liveid {
    background-position: 0px -458px;
}
.social-list .soundcloud {
    background-position: 0px -493px;
}
.social-list .steam {
    background-position: 0px -528px;
}
.social-list .vimeo {
    background-position: 0px -563px;
}
.social-list .webmoney {
    background-position: 0px -598px;
}
.social-list .youtube {
    background-position: 0px -598px;
}
.social-list .foursquare {
    background-position: 0px -633px;
}
.social-list .tumblr {
    background-position: 0px -668px;
}
.social-list .googleplus {
    background-position: 0px -703px;
}
#social.tab-pane .page-header.sub {
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 45px;
}
#social.tab-pane .page-header.sub h3 {
    margin-bottom: 0px;
}
#avatar.tab-pane #hide-image {
    max-width: none;
}
#canvas-wrapper {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#avatar-modal, #modal-edit-photo {
    width: 900px;
    margin-left: -450px;
    top: 40px;
}
#avatar-modal #avatar-wrapper {
    float: left;
    width: 500px;
    border-right: 2px groove #ccc;
}
#preview-avatar {
    width: 200px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    max-height: 400px;
}
#preview-avatar img {
    max-width: none;
}
#avatar.tab-pane .avatar-photo {
    margin-left: 20px;
}
#avatar.tab-pane .avatar-photo img {
    border: 1px solid #aaa;
    border-radius: 5px;
}
#avatar.tab-pane .avatar-photo .btn {
    margin-top: 5px;
}


/***************** SITE/INDEX ******************/

#header {
    height: 70px;

    background-color: #45aeea;
    background-image: -moz-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#54b4eb),to(#2fa4e7));
    background-image: -webkit-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: -o-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: linear-gradient(to bottom,#54b4eb,#2fa4e7);
    background-repeat: repeat-x;
    border: 1px solid #1990d5;
    border-left: 0px;
    border-right: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb',endColorstr='#ff2fa4e7',GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}
#header .logo {
    display: block;
    float: left;
    margin-top: 4px;
}
body.site-index-page #main-content {
    /*background: url('../images/main-squares.png') right top no-repeat;*/
}
body.site-index-page #main-content > .width1000 {
    padding: 20px 0;
    min-height: 400px;
    margin-top: 30px;
}
#footer {
    background: url('../images/dark_bg.jpg');
    color: #404040;
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
    height: 35px;
    padding-top: 5px;
}
body.site-index-page #footer {
    height: auto;
    padding: 10px 0px 0px;
}
#copyright {
    float: right;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
}
body.site-index-page #copyright {
    margin-top: 28px;
}
#footer ul.menu {
    list-style: none;
    margin: 5px 0px 0px;
    float: left;
}
#footer a {
    color: #0069d6;
    font-size: 14px;
}
#footer li {
    display: inline-block;
    margin-right: 20px;
}
#footer li:before {
    content: '»';
    display: inline-block;
    margin-right: 5px;
}
#social-share .vk {
    float: left;
    width: 190px;
}
#social-share .fb {
    float: left;
    width: 150px;
}
#social-share .tweet {
    float: left;
    width: 140px;
}
#social-share .ok {
    float: left;
    width: 110px;
}
#footer .center-block {
    float: left;
    margin-left: 90px;
    font-size: 16px;
    width: 700px;
}
#copyright p {
    text-align: center;
    margin-bottom: 5px;
}
#copyright p span {
    letter-spacing: 0.3em;
}
#copyright img {
    margin-top: 2px;
}
.icon-iphone {
    background: url('../images/icon-iphone.png') no-repeat left bottom;
    width: 12px;
    height: 16px;
}
.icon-iphone.icon-white {
    background-position: left top;
}
#footer .mobile-link {
    margin-top: 15px;
    margin-left: 40px;
}
#footer .mobile-link a {
    color: white;
    font-size: 16px;
    text-decoration: none;
}
#footer .mobile-link a span {
    text-decoration: underline;
}
#footer .mobile-link a:hover span {
    text-decoration: none;
}
#footer .mobile-link .icon-iphone {
    position: relative;
    top: 3px;
    margin-right: 5px;
}
body.site-index-page {
}
body.site-index-page #slider-wrapper {
    float: left;
    position: relative;
    min-height: 470px;
}
body.site-index-page .slide {
    width: 680px;
    position: absolute;
    top: 0px;
    left: 0px;
}
body.site-index-page .slide, body.site-index-page .slide h2 {
    color: #014051;
}
body.site-index-page .slide h2 {
    font-size: 27px;
    margin-bottom: 0px;
}
body.site-index-page .slide p {
    font-size: 16px;
}
body.site-index-page #sidebar {
    float: right;
    width: 280px;
}
#sign-up-form.home {
    width: 280px;
    background: #275ea2;
	/* background: url('../images/sign-up-form-bg.png') repeat-y; */
    color: white;
}
#sign-up-form h2 {
    font-size: 28px;
    text-align: center;
    padding-top: 5px;
    margin: 0px 0px 15px;
}
#sign-up-form > .wrap {
    width: 240px;
    margin: 0 auto;
}
#sign-up-form .buttons {
    margin-bottom: 15px;
}
#sign-up-form .links {
    text-align: center;
    color: gray;
    padding-bottom: 5px;
}
#sign-up-form .links a {
    color: white;
    font-size: 16px;
}
#sign-up-form .links a:first-child {
    margin-right: 7px;
}
#sign-up-form .links a:last-child {
    margin-left: 7px;
}
#sign-up-form .add-on {
    color: #333;
    margin-right: 5px;
}
#sign-up-form .input-prepend input, #sign-up-form .input-prepend select {
    width: 196px;
    color: #333;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
#sign-up-form .input-prepend select {
    width: 204px;
}
#sign-up-form .icon-mobile-phone {
    font-size: 23px;
    position: relative;
    top: -2px;
}
.icon-sex {
    width: 15px;
    height: 23px;
    background: url('../images/icon-sex.png') no-repeat;
    display: inline-block;
    position: relative;
    top: -1px;
}
#header .ulogin-block {
    float: right;
    position: relative;
    left: 10px;
    margin-top: 5px;
}
#header .ulogin-block .header {
    color: white;
    font-size: 17px;
    letter-spacing: 0.1em;
    padding-left: 3px;
    margin-bottom: 4px;
    text-shadow: 1px 1px 0px #3b719d;
}

body.auth #header {
    height: 80px;
    padding-top: 5px;
    display: none;
}
body.auth #header .logo {
    margin-top: 10px;
}
body.site-index-page #sidebar .menu {
    margin-bottom: 15px;
}
body.site-index-page #sidebar .menu .button-wrap {
    position: relative;
    float: left;
    width: 85px;
    height: 85px;
}
body.site-index-page #sidebar .menu .button-wrap a {
    color: white;
    position: absolute;
    width: 85px;
    height: 85px;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.2s ease;
    opacity: .7;
    background: #3786e7;
    text-align: center;
}
body.site-index-page #sidebar .menu .button-wrap a i {
    margin-top: 15px;
    font-size: 42px;
    display: inline-block;
}
body.site-index-page #sidebar .menu .button-wrap a:hover, body.site-index-page #sidebar .menu .button-wrap a.active {
    box-shadow: 1px 1px 3px -1px #555;
    opacity: 1;
    text-decoration: none;
}
body.site-index-page #sidebar .menu .button-wrap .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    z-index: 2;
}
body.site-index-page #sidebar .menu .button-wrap span {
    position: absolute;
    z-index: 3;
    display: block;
    text-align: center;
    bottom: 5%;
    width: 100%;
}
body.site-index-page #sidebar .menu .button-wrap:last-child {
    float: right;
}
body.site-index-page #sidebar .menu .button-wrap:first-child {
    margin-right: 13px;
}
#slider-wrapper, body.site-index-page #sidebar, #footer, #header .ulogin-block {
    font-family: "Segoe UI" , "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*----------------------------
	The Filters
-----------------------------*/



#filterContainer{
    width: 850px;
    margin: 0px auto;
    position: relative;
}

#filters{
    padding: 20px 20px 30px;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.8);
    overflow: hidden;
    list-style: none;
    white-space: nowrap;
    overflow-x: scroll;
    margin-left: 0px;
}

#filters li{
    display:inline-block;
    margin:0 15px 0 0;
}

#filters li:last-child{
    margin-right:0;
}

#filters li a{
    display: block;
    width: 100px;
    height: 85px;
    display: inline-block;
    position: relative;
    background: center center no-repeat;
    text-decoration: none !important;

    font-weight: bold;
    color: white;
    line-height: 204px;
    text-align: center;
    box-shadow: 0 0 1px rgba(255,255,255,0.4) inset;
    border-radius: 4px;
    font-size: 12px;

    background-size: 100% 100%;
}

#filters li a.active{
    cursor:default;
}

#filters li a.active:before{
    content: '';
    position: absolute;
    width: 35px;
    height: 32px;
    top: 43px;
    left: 51px;
    background: url('../images/star.jpg') no-repeat;
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    background-size: 100% 100%;
}
/* The filters */

#filters li .normal{		background-image:url('../images/filters/normal.jpg'); }
#filters li .vintage{		background-image:url('../images/filters/vintage.jpg'); }
#filters li .lomo{			background-image:url('../images/filters/lomo.jpg'); }
#filters li .clarity{		background-image:url('../images/filters/clarity.jpg'); }
#filters li .sinCity{		background-image:url('../images/filters/sinCity.jpg'); }
#filters li .sunrise{		background-image:url('../images/filters/sunrise.jpg'); }
#filters li .crossProcess{	background-image:url('../images/filters/crossProcess.jpg'); }
#filters li .orangePeel{	background-image:url('../images/filters/orangePeel.jpg'); }
#filters li .love{			background-image:url('../images/filters/love.jpg'); }
#filters li .grungy{		background-image:url('../images/filters/grungy.jpg'); }
#filters li .jarques{		background-image:url('../images/filters/jarques.jpg'); }
#filters li .pinhole{		background-image:url('../images/filters/pinhole.jpg'); }
#filters li .oldBoot{		background-image:url('../images/filters/oldBoot.jpg'); }
#filters li .glowingSun{	background-image:url('../images/filters/glowingSun.jpg'); }
#filters li .hazyDays{		background-image:url('../images/filters/hazyDays.jpg'); }
#filters li .herMajesty{	background-image:url('../images/filters/herMajesty.jpg'); }
#filters li .nostalgia{		background-image:url('../images/filters/nostalgia.jpg'); }
#filters li .hemingway{		background-image:url('../images/filters/hemingway.jpg'); }
#filters li .concentrate{	background-image:url('../images/filters/concentrate.jpg'); }


/* Custom scrollbars for webkit */

#filterContainer ::-webkit-scrollbar {
    height: 4px;
    background-color: rgba(100,100,100,0.2);
    border-radius: 2px;
}

/* Handle */
#filterContainer ::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: #fff;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#filterContainer ::-webkit-scrollbar-thumb:window-inactive {
    background: #aaa;
}

#slide_photo img {
    margin-bottom: 20px;
}

.navbar-inner {
    background-color: #45aeea;
    background-image: -moz-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#54b4eb),to(#2fa4e7));
    background-image: -webkit-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: -o-linear-gradient(top,#54b4eb,#2fa4e7);
    background-image: linear-gradient(to bottom,#54b4eb,#2fa4e7);
    background-repeat: repeat-x;
    border: 1px solid #1990d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb',endColorstr='#ff2fa4e7',GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    height: 40px;
	overflow: hidden;
}
.navbar-inner .nav > li > a {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    color: white;
}
.navbar-inner .nav > li > a:hover, .navbar-inner .nav > li.dropdown.open > .dropdown-toggle {
    color: #fff;
    text-decoration: none;
    background-color: #1684c2;
}
.navbar-inner li.jlook {
    height: 40px;
    overflow: hidden;
}
.navbar-inner li.jlook a {
    width: 40px;
    padding: 3px 6px 2px;
}
.navbar-inner li.jlook a img {
    width: 37px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret, .navbar .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar .divider-vertical {
    border-right: 1px solid #54b4eb;
    border-left: 1px solid #2fa4e7;
}
.ava-block {
    float: right;
}
.ava-block .avatar {
    width: 50px;
    height: 50px;
    border: 1px solid #54b4eb;
    display: block;
    float: left;
    margin-right: 10px;
}
.ava-block a {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    color: white;
}
/*.ava-block .name {
    display: table;
}
.navbar .nav .name a {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}*/
.navbar .nav > li.button > a {
    padding: 10px 8px;
    font-size: 20px;
/*    padding: 8px 8px;
    font-size: 23px;*/
}
.navbar .nav > li.name > a {
    padding: 0px;
    line-height: 15px;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    max-width: 120px;
    overflow: hidden;
}
.navbar .nav > li.name > a img {
    height: 40px;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle  {
    color: #fff;
    text-decoration: none;
    background-color: #1684c2;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}
.navbar .search-query {
    line-height: normal;
    border: 1px solid #178acc;
    padding: 3px 14px;
    margin-bottom: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 70px;
    margin-top: 1px;
}
.navbar .navbar-search {
    position: relative;
    margin-left: 20px;
}
.navbar .navbar-search .icon {
    position: absolute;
    right: 8px;
    top: 7px;
    color: #1990d5;
}
.navbar #city-form {
    float: left;
    margin: 6px 0px 0px 60px;
}
.navbar #city-form select {
    font-size: 12px;
    width: 140px;
    margin-bottom: 0px;
    height: 27px;
}
#popover-search-wrapper {
    position: absolute;
    z-index: 2000;
}
#popover-search-wrapper > .popover, #popover-weather-wrapper > .popover, .people-search-form-wrapper .popover {
    width: 296px;
    max-width: none;
}
#popover-search-wrapper form {
    margin-bottom: 0px;
}
#popover-search-wrapper .form-actions {
    padding: 9px 20px 10px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.popover .popover-title {
    background: #2fbbf0;
    color: white;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
}
#panel {
    position: fixed;
    left: 0px;
    top: 35px;
    width: 76px;
    z-index: 2;
}
#panel .bg {
    position: absolute;
    z-index: -1;
}
#panel .buttons a {
    display: block;
    width: 76px;
    padding-bottom: 5px;
    text-align: center;
    color: white;
    text-decoration: none;
    font-family: "Segoe UI" , "Myriad Pro";
    font-size: 14px;
    background: url('../images/panel-border.png') repeat-x bottom left;
    position: relative;
}
#panel .buttons a:hover, #panel .buttons a.active {
    background-color: #1684c2;
}
#panel .buttons {
    margin-top: 20px;
}
#panel.mini .buttons {
    margin-top: 10px;
}

#panel .buttons .profile {
    padding-bottom: 2px;
}
#panel .buttons .profile img {
    border-radius: 8px;
    border: 1px solid #2FA4E7;
    width: 60px;
}
#panel .buttons .profile:hover img, #panel .buttons .profile.active img {
    border-color: #1684C2;
}
#panel.without-labels .buttons .profile img {
    width: 50px;
    position: relative;
    left: -1px;
}

#panel .buttons a .icon {
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
}
#panel .buttons a:hover .icon {
    -moz-transform: scale(.9) rotate(15deg); /* Для Firefox */
    -ms-transform: scale(.9) rotate(15deg); /* Для IE */
    -webkit-transform: scale(.9) rotate(15deg); /* Для Safari, Chrome, iOS */
    -o-transform: scale(.9) rotate(15deg); /* Для Opera */
    transform: scale(.9) rotate(15deg);

}
#panel.mini .buttons a .icon {
    margin-top: 3px;
    margin-bottom: 2px;
    font-size: 24px;
}
#panel .buttons .events .icon {
    width: 40px;
    height: 38px;
    margin-bottom: 0px;
}
#panel.mini .buttons .events .icon {
    width: 28px;
    height: 27px;
}
#panel .buttons .people .icon {
    padding: 0px 10px;
    width: 32px;
    height: 32px;
    margin-top: 6px;
}
#panel.mini .buttons .people .icon {
    width: 28px;
    height: 28px;
}
#panel .buttons .city .icon {
    padding: 0px 15px;
    margin-top: 5px;
    width: 28px;
    height: 28px;
}
#panel.mini .buttons .city .icon {
    width: 28px;
    height: 28px;
}
#panel .buttons .people, #panel .buttons .city {
    line-height: 14px;
}
#panel .buttons .weather .icon {
    width: 42px;
    height: 42px;
    margin: 0px;
}
#panel .buttons .weather span {
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    display: inline-block;
    margin-top: 5px;
}
#panel.mini .buttons .weather span {
    font-size: 18px;
    margin-top: 5px;
    float: left;
    padding-left: 2px;
}
#panel.mini .buttons .weather .icon {
    width: 24px;
    height: 24px;
    margin-top: 5px;
}
.navbar-fixed-top .container {
    width: auto;
}
form.upload-photo .progress-wrapper {
    margin-top: 10px;
}
form.upload-photo .progress-wrapper .label {
    margin-bottom: 10px;
}
.create-album-button {
    position: relative;
    top: 16px;
    left: 15px;
}
.albums-sort-buttons .btn {
    position: relative;
    top: 16px;
    left: -10px;
}
form.upload-photo .h-sep {
    height: 4px;
    background: url('../images/h-sep.png') repeat-x;
    margin-bottom: 25px;
}
.albums .album {
    display: block;
    width: 200px;
    height: 150px;
    float: left;
    background: #F1F1F1;
    margin-right: 6px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
#albums-form .albums {
    width: 830px;
}
.albums .album .sign {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 190px;
    background: url('../images/black.55.png');
    color: white;
    display: block;
    padding: 3px 5px;
    text-align: left;
}
.albums .album .sign a {
    color: white;
}
.albums .album .sign .name {
    font-size: 12px;
    float: left;
    width: 150px;
    display: block;
}
.albums .album .sign .count {
    float: right;
    display: block;
    text-align: right;
}
.re-order-albums {
    display: inline-block;
    margin-top: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 20px;
    text-align: center;
}
.re-order-albums:hover {
    text-decoration: none;
    background: #F1F1F1;
}
.re-order-albums.active {
    background: #dff0d8;
    color: #468847;
}
.description-album-link {
    display: inline-block;
    margin: 5px 0px 20px;
}
.description-album-link span {
    border-bottom: 1px dashed;
}
.description-album-link:hover {
    text-decoration: none;
}

.description-album-link:hover span {
    border-bottom: 0;
}
#content.page > h1:first-child {
    margin-top: 0px;
}

#photo-list {
    margin: 20px 0px 0px;
    list-style: none;
}
#photo-list li {
    display: block;
    width: 140px;
    height: 105px;
    background: #F1F1F1;
    overflow: hidden;
    text-align: center;

    position: relative;
    float: left;
    margin: 0px 10px 10px 0px;
}
#photo-list li.active .image {
    background-color: #d6e9c6;
    border-color: green;
}
#photo-list .delete {
    float: right;
    text-decoration: none;
    color: black;
    opacity: .6;
}
#photo-list .delete:hover {
    color: red;
}
#photo-list li .sign {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 130px;
    background: url('../images/black.55.png');
    color: white;
    display: block;
    padding: 3px 5px;
    text-align: left;
}
#photo-list li .sign a {
    color: white;
}
#photo-list li .sign .name {
    font-size: 11px;
    float: left;
    width: 110px;
    display: block;
    font-style: normal;
    color: inherit;
    border-bottom: 0px;
    font-weight: normal;
    overflow: hidden;
    cursor: pointer;
}
#photo-list li.active .sign {
    background: url('../images/green.70.png');
}
#photo-list li.active .sign .delete {
    opacity: 1;
}
#photo-list li.active .sign .delete:hover {
    color: black;
}
#photo-list li .sign .name:hover {
    text-decoration:  underline;
}
#photo-list .removed {
    font-size: 12px;
}
#photo-list .removed a {
    border-bottom: 1px dashed;
}
#photo-list .removed a:hover {
    text-decoration: none;
}
form.upload-photo .file-upload-block {
    border-right: 1px dashed #0088cc;
    margin-right: 20px;
    padding: 0px 20px 3px 0px;
}
form.delete-album {
    margin: 10px 0px;
}
#modal-gallery.edit-album .modal-footer {
    min-height: 30px;
    padding: 9px 15px 10px;
    min-width: 445px;
}
.relative {
    position: relative;
}
.modal-header .wait {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
}
h1.album-edit-name {
    width: 600px;
    position: relative;
    top: 5px;
}
.edit-album-header {
    margin-bottom: 10px;
}
.album-tooltip-wrap .tooltip-inner {
    max-width: 180px;
}
#modal-edit-photo #photo-wrapper {
    text-align: center;
}
a.add-event, a.my-events {
    margin-top: 17px;
}
a.my-events {
    margin-right: 10px;
}
#event-form .redactors-space {
    margin-bottom: 20px;
}
#events-list .event h2 {
    font-size: 20px;
    margin: 0px 0px 10px;
    line-height: 20px;
    /*color: #7198b7;*/
}
#events-list .event a.image {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 160px;
}
#events-list .event a.image img {
    border-radius: 5px;
    border: 1px solid #7198b7;
}
#events-list .event.not-published {
    background-color: #FCF8E3;
    padding: 5px 0px 2px;
}
#events-list .event .h-sep {
    background: #dae2e8;
    border-bottom: 1px solid #eeeeee;
    height: 1px;
    margin-top: 10px;
}
#events-list .event:last-child .h-sep {
    display: none;
}
#events-list .event .date {
    display: block;
    float: left;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #7198b7;
}
#events-list .comments {
    float: right;
    font-family: Arial;
    color: #7198b7;
    font-size: 14px;
}
#events-list .event {
    margin-bottom: 20px;
}
h1.event .date {
    float: right;
}
h1.event {
    float: left;
    width: 610px;
}
.event-header .event-date {
    float: right;
    font-size: 18px;
    color: #3a87ad;
    margin-top: 23px;
    width: 190px;
    text-align: right;
}
.event-header, article.event.by-users .description {
    background: url('../images/light-gray-blue.png') repeat-x bottom left;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
article.event .description {
    padding-bottom: 10px;
    color: #666;
    font-style: italic;
    margin: 10px 0px 15px;
}
article.event.one-album .description {
    margin-bottom: 0px;
}
.event .photos .image {
    display: block;
    width: 140px;
    height: 105px;
    background: #F1F1F1;
    overflow: hidden;
    text-align: center;

    position: relative;
    float: left;
    margin: 0px 6px 8px 0px;
}
.event .photos .image.hide {
    display: none;
}
.event .photos .image .wrap {
    width: 140px;
    height: 105px;
    display: table-cell;
    vertical-align: middle;
}
.people-search-form input, .people-search-form select {
    margin-bottom: 7px;
}
.people-search-form-wrapper {
    width: 300px;
}
.people-search-form-wrapper .popover {
    display: block;
}
.people-search-form .age-row select {
    width: 55px;
}
.people-search-form .age-row {
    margin-top: 5px;
    margin-bottom: 10px;
}
#content-people-search {
    width: 490px;
    margin-right: 10px;
    min-height: 360px;
}
#user-search-list .user {
    background: url('../images/content-box-h-sep.png') repeat-x bottom left;
    margin-bottom: 10px;
    padding-bottom: 25px;
}
#user-search-list .user .avatar {
    width: 70px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 10px;
}
#user-search-list .user:last-child {
    /*background: none;*/
}
#user-search-list .user .name {
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;
}
#user-search-list .online {
    color: #AAA;
    font-size: 14px;
}
#user-search-list .city {
    font-size: 14px;
}
#user-search-list .fan-status {
    margin-top: 3px;
}
#user-search-list .user .buttons {
    float: right;
    width: 200px;
}
.popover-title {
    font-size: 18px;
}
.subscribe-toggle-group button {
    width: 150px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.subscribe-toggle-group {
    position: relative;
    left: -1px;
    top: -2px;
}
.navbar .marker, #panel .marker {
    position: relative;
    background: #D20003;
    border-radius: 50%;
    z-index: 2;
    min-width: 20px;
    padding: 0px;
    height: 17px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
}
#panel .marker.hide {
    display: none;
}
.navbar .marker {
    top: 0px;
    left: 6px;
}
#panel .marker {
    position: absolute;
    right: 4px;
    top: 4px;
}
.choice-left-column {
}
.choice-right-column {
}
.choice-right-column h3 {
    font-size: 24px;
    line-height: 24px;
}
.choice-right-column p {
    font-size: 12px;
}
.choice-right-column .h-sep {
    height: 4px;
    background: url('../images/content-box-h-sep.png') repeat-x;
    margin: 10px 0px;
}
.members-column .member {
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}
.members-column .member label {
    float: left;
    width: 30px;
    text-align: left;
    height: 73px;
    padding-top: 47px;
    background: #f7f7f7;
    text-align: center;
}
.members-column.closed .member label {
    cursor: default;
}
.members-column.open .member label:hover {
    background: #d6e9c6;
}
.members-column .member label.active {
    background: #5bb75b;
}
.members-column .member .image {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    float: left;
    display: block;
}
.members-column .member .image img {
    width: 120px;
    min-height: 120px;
}
.members-column .member .image .sign {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 110px;
    background: url('../images/black.55.png');
    color: white;
    display: block;
    padding: 3px 5px;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
}
.choice-left-column h3 {
    line-height: 24px;
    margin-bottom: 10px;
}
.choice-left-column h3 .star {
    color: red;
}
.alert.choice span {
    margin: 0;
}
.alert.choice {
    margin: 10px 0px 0px;
}
.choice-alert-wrapper .alert {
    margin: 10px 0px 0px;
    font-weight: bold;
}
.members-diagram .member {
    float: left;
    width: 70px;
    margin-right: 8px;
}
.members-diagram .member a.image {
    width: 70px;
    height: 70px;
    display: block;
    overflow: hidden;
}
.members-diagram .member a.image img {
    width: 70px;
}
.members-diagram .member .total {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.members-diagram .member .fill {
    background: #45aeea;
}
.members-diagram .member {
    display: table-cell;
    vertical-align: middle;
}
.battle-table td {
    vertical-align: bottom;
    padding: 0;
}

.top-day {
    width: 430px;
    margin-bottom: 30px;
    float: left;
}
.top-day .member {
    float: left;
    width: 200px;
}
.top-day .member:last-child {
    float: right;
}
.top-day h1 {
    font-size: 28px;
    text-align: center;
}
/*.top-day h1 i {
    width: 28px;
    height: 28px;
    background: url('../images/male-female.png') no-repeat;
    overflow: hidden;
    display: inline-block;
}*/
.top-day h1 .icn-male {
    background-position: top right;
}
.top-day h1 .icon-male {
    color: #2c8bf0;
}
.top-day h1 .icon-female {
    color: #A300AB;
}
.top-day a.image {
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: block;
}
.top-day a.image img {
    min-height: 200px;
}
.top-day .sign {
    background: #bf661e;
    color: white;
    padding: 5px 15px;
    font-size: 12px;
}
.top-day span.editable {
    border-bottom: 1px dashed white;
    cursor: pointer;
}
.top-100 .icn-top-100 {
    width: 35px;
    height: 38px;
    background: url('../images/ok-hand.png') no-repeat;
    overflow: hidden;
    display: inline-block;
}
.dialog td.avatar {
    width: 50px;
    padding-right: 10px;
}
.dialog td.name {
    width: 150px;
    font-size: 13px;
    padding-left: 0px;
}
.dialog td.description {
    width: 550px;
}
.dialog td.delete {
    width: 20px;
}
.dialog td.name .date {
    color: #8795A5;
    font-size: 12px;
}
.dialog td.name .online {
    font-size: 12px;
    margin-top: 1px;
    line-height: 14px;
}
.dialog td.description .text {
    font-size: 12px;
    line-height: 16px;
}
.dialog td.delete {
    vertical-align: top;
}
.dialog td.delete a {
    display: none;
    color: #999;
}
.dialog:hover td.delete a {
    display: inline-block;
}
.dialog td.delete a:hover {
    text-decoration: none;
    color: #333;
}
.dialog .i {
    width: 30px;
    float: left;
    margin-right: 10px;
}
.dialog .i img {
    border-radius: 3px;
}
#dialog-wrapper {
    width: 600px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 140px;
}
#dialogs-page {
    background: white;
    border: 1px solid #ccc;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
    margin-top: 5px;
    padding-top: 60px;
}
#dialogs-page .dialog:hover, #dialogs-page .dialog.i-sender:hover td.description .wrap {
    background: #f7f7f7;
    cursor: pointer;
}
#dialogs-page .dialog {
    border-bottom: 1px solid #ccc;
}
#dialogs-page .dialog.opp-sender.unread {
    background: #EDF1F5;
}
#dialogs-page .dialog.i-sender td.description {
    padding: 2px 10px;
}
#dialogs-page .dialog.i-sender td.description .wrap {
    padding: 4px 5px;
    width: 550px;
    overflow: hidden;
    word-break: break-all;
}
#dialogs-page .dialog.i-sender.unread td.description .wrap {
    background: #EDF1F5;
}
#dialogs-page .dialog.opp-sender td.description .wrap {
    width: 550px;
    overflow: hidden;
}
#dialogs-page .dialog:last-child {
    border-bottom: 0;
    border-radius: 0px 0px 5px 5px;
}
#dialogs-page .dialog.i-sender td.description .wrap .text {
    width: 505px;
    margin-left: 40px;
}
#dialog-pages-nav {
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 0px;
    width: 838px;
    position: fixed;
    top: 40px;
    background: white;
    z-index: 3;
}
#dialogs-nav li a {
    padding: 6px 10px;
    font-size: 13px;
}
#dialogs-nav .remove {
    opacity: .7;
}
#dialogs-nav .remove:hover {
    opacity: 1;
}
#dialogs-nav {
    padding-left: 10px;
    background: url('../images/content-box-h-sep.png') repeat-x bottom left white;
    padding-bottom: 15px;
    position: fixed;
    width: 838px;
    top: 88px;
    padding-top: 10px;
    z-index: 3;
}
#dialogs-list {
    padding-top: 0px;
}
.battle-winner {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    overflow: hidden;
}
.profile-left-column {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-top: 10px;
}
.profile-buttons .btn {
    margin-bottom: 5px;
}
.profile-buttons .h-sep {
    border-top: 1px dashed #ccc;
    margin: 10px 0px;
}
#profile #avatar {
    width: 200px;
    display: block;
    margin-bottom: 10px;
}
#profile #avatar img {
    border-radius: 5px 0px 0px 0px;
}
#send-message-modal .modal-header h3 .avatar {
    width: 30px;
}
#send-message-modal .modal-header h3 .name {
    display: inline-block;
    position: relative;
    top: 2px;
}
#send-message-modal-form {
    margin-bottom: 0px;
}
#send-message-modal-form textarea {
    width: 97%;
    height: 75px;
}
#dialog-wrapper .wait.empty {
    padding: 10px 0px;
    text-align: center;
}
#dialog-wrapper .message {
    padding: 3px 5px;
}
#dialog-wrapper .message .avatar {
    width: 30px;
    display: block;
    float: left;
    margin-top: 4px;
}
#dialog-wrapper .message .avatar img {
    border-radius: 3px;
}
#dialog-wrapper .message .text {
    float: left;
    margin-left: 10px;
    width: 540px;
}
#dialog-wrapper .message .msg {
    font-size: 12px;
    width: 440px;
    overflow: hidden;
}
#dialog-wrapper .message .date {
    float: right;
    font-size: 12px;
    color: #555;
}
#dialog-wrapper {

}
.growl-notify {
    color: white;
    cursor: pointer;
    background: url('../images/black.75.png');
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 15px #888;
    -moz-box-shadow: 0 2px 15px #888;
    box-shadow: 0 2px 15px #888;
    padding: 15px 15px;
    width: 380px;
    text-shadow: 0px 1px 0px #262626;
    line-height: 160%;
    position: fixed;
    left: 50%;
    margin-left: -190px;
    opacity: 0;
    top: 0px;
    z-index: 1020;
}
.growl-notify .header {
    font-weight: bold;
}
.growl-notify .header .avatar {
    width: 30px;
    margin-right: 10px;
}
#send-message-wrapper {
    position: fixed;
    bottom: 0px;
    background: url('../images/content-box-h-sep-r.png') repeat-x top left #F2F2F2;
    width: 848px;
    left: 50%;
    margin-left: -425px;
    min-height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    z-index: 3;
}
#send-message-wrapper > .wrap {
    width: 580px;
    margin: 0 auto;
    padding-top: 15px;
}
#send-message-wrapper .i {
    display: block;
    width: 50px;
    float: left;
    margin-right: 20px;
}
#send-message-wrapper .avatar {
    width: 50px;
    float: right;
}
#send-message-form {
    margin: 0px;
}
#send-message-wrapper .message-column {
    float: left;
    width: 430px;
}
#send-message-form textarea {
    width: 100%;
    height: 55px;
    position: relative;
    top: -8px;
    margin-bottom: 0px;
}
#send-message-form .error-wrapper {
    margin-top: 4px;
    margin-left: 10px;
    font-size: 12px;
}
#send-message-form .help-block {
    margin-bottom: 0px;
}
#Message_text {
    color: #111;
}
#dialog-wrapper .message {
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}
#dialog-wrapper .message.unread {
    background: #EDF1F5;
}
#dialog-pages-nav li.dialogs-view span.count {
    font-weight: bold;
    color: #08C;
}
#dialog-wrapper .more-button {
    background: #F7F7F7;
    border-bottom: 1px dashed #DAE2E8;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    cursor: pointer;
    margin-bottom: 5px;
}
#dialog-wrapper .more-button:hover {
    background: #EDF1F5;
    color: #08C;
}
#dialogs-list.wait {
    background: url('../images/loading_1.gif') no-repeat right top;
}
#dialog-wrapper .message .remove {
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
    color: #999;
}
#dialog-wrapper .message:hover .remove {
    display: block;
    opacity: .7;
}

#dialog-wrapper .message .remove:hover {
    text-decoration: none;
    opacity: 1;
    color: #555;
}
#dialogs-list .alert {
    margin: 10px;
}
.with-line h1 {
    font-size: 28px;
    padding: 0px 10px 0px 2px;
    background: white;
    margin: 0px;
}
#profile .header {
    position: relative;
}
#profile .header .online {
   float: right;
   background: white;
   color: #AAB7C5;
   padding: 9px 0px 5px 10px;
   font-size: 15px;
/*    border-radius: 0px 4px 0px 9px;
    -moz-border-radius: 0px 4px 0px 9px;
    -webkit-border-radius: 0px 4px 0px 9px;*/
}
.with-line {
    background: url('../images/light-gray-blue.png') repeat-x center left;
}
.profile-right-column {
    float: right;
    width: 590px;
}
#profile table.information {
    margin-top: 10px;
    font-size: 12px;
}
#profile table.information th,
#profile table.information td {
    padding: 2px 15px 2px 0px;
}
#profile table.information th {
    font-weight: normal;
    padding-right: 30px;
}
#profile table.information td {
    color:  #3A87AD;
}
.status.editable {
    cursor: pointer;
}
.status.editable-click, a.status.editable-click, a.status.editable-click:hover  {
    border-bottom: 0px;
}
#profile .status {
    color: #666;
    font-style: italic;
}
#profile .line {
    height: 1px;
    background: url('../images/light-gray-blue.png') repeat-x center left;
    margin: 10px 0px;
}
.with-line .fill {
    background: white;
}
.with-line h3 {
    padding-right: 10px;
}
.with-line h3 small {
    position: relative;
    top: -3px;
}
.j-gallery a[data-gallery], .j-gallery a.image {
    float: left;
    background: #F1F1F1;
    margin-right: 2px;
    text-align: center;
}
.j-gallery a[data-gallery] .wrap, .j-gallery a.image .wrap {
    display: table-cell;
    vertical-align: middle;
}
.j-gallery a[data-gallery], .j-gallery a[data-gallery] .wrap, .j-gallery a.image, .j-gallery a.image .wrap {
    width: 96px;
    height: 72px;
    overflow: hidden;
}
.j-gallery.albums a,
.j-gallery.albums a .wrap {
    width: 200px;
    height: 150px;
}
.j-gallery.albums a {
    position: relative;
    margin-right: 0px;
    margin-bottom: 5px;
}
.j-gallery.albums .sign {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 190px;
    background: url('../images/black.55.png');
    color: white;
    display: block;
    padding: 3px 5px;
    text-align: left;
    font-size: 11px;
}
#profile .more-button {
    background: #F7F7F7;
    border-top: 1px dashed #DAE2E8;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    cursor: pointer;
    margin-bottom: 5px;
    display: block;
}
#profile .more-button:hover {
    background: #EDF1F5;
    color: #08C;
    text-decoration: none;
}
#profile .profile-left-column h3 a {
    color: #333;
}
.with-line h1.header {
    margin: 10px 0px;
}
.with-line h1.gray {
    color: #444;
}
.with-line h1 a:hover {
    text-decoration: none;
}
h1 .avatar {
    width: 30px;
    border-radius: 3px;
}
.with-line.bottom-line {
    background-position: left bottom;
}
.j-gallery.album-view a,
.j-gallery.album-view a .wrap {
    width: 128px;
    height: 96px;
}
.j-gallery.album-view a {
    margin-bottom: 8px;
    margin-right: 10px;
}
.album-description {
    color: #666;
    font-style: italic;
    margin: 10px 0px 15px;
}
.profile-left-column h3 {
    font-size: 20px;
}
.profile-left-column .fans a.item {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
}
.profile-left-column .fans a.item img {
    border-radius: 2px;
}
.profile-left-column h3 {
    margin: 0px;
}
.profile-left-column .widget {
    margin-top: 15px;
}
#wall-form .message-wrapper {
    width: 450px;
}
#wall-form #Wall_text {
    width: 100%;
    margin-bottom: 0;
    color: #111;
}
#wall-form .error {
    margin-bottom: 0px;
}
#wall-form {
    margin-bottom: 0px;
}
#profile #wall {
    margin-top: 20px;
}
.wall-record .user {
    float: left;
    width: 50px;
    margin-right: 10px;
}
.wall-record .online {
    color: #AAA;
    font-size: 12px;
    text-align: center;
}
.wall-record .message .name {
    display: block;
    position: relative;
    top: -3px;
    font-weight: bold;
    float: left;
    line-height: 16px;
    font-size: 13px;
}
.wall-record .message .buttons, .comments-list .comment .buttons {
    float: right;
    height: 14px;
    line-height: 14px;
}
.wall-record .message .buttons a, .comments-list .comment .buttons a {
    color: #999;
    display: none;
    float: left;
    margin-right: 5px;
}
.wall-record .message .buttons a:last-child, .comments-list .comment .buttons a:last-child {
    margin-right: 0px;
}
.wall-record:hover .message .buttons a, .comments-list .comment:hover .buttons a {
    display: block;
}
.wall-record .message .buttons a:hover, .comments-list .comment .buttons a:hover {
    text-decoration: none;
    color: #555;
}
.wall-record .message {
    float: left;
    width: 500px;
}
.wall-record .footer, .comments-list .comment .footer {
    font-size: 12px;
}
.wall-record .message .date, .wall-record .message .footer .add-comment, .comments-list .comment .date {
    color: #999;
}
.wall-record .message .text {
    font-size: 13px;
    color: black;
}
.wall-record {
    padding-bottom: 5px;
    border-bottom: 1px solid #dae1e8;
    margin-bottom: 10px;
}
.wall-list .deleted-message, .comments-list .deleted-message {
    background: #F1F1F1;
    padding: 10px;
    text-align: center;
    height: 30px;
}
.wall-list .restore, .restore-comment {
    border-bottom: 1px dashed;
}
.wall-list .restore:hover, .restore-comment:hover {
    text-decoration: none;
    border-bottom: 0;
}
.wall-list {
    padding-top: 0px;
}
.wall-record .text.editable {
    border-bottom: 0px;
    font-weight: normal;
}
.wall-record .editable-container textarea {
    width: 425px;
    height: 40px;
}
.comment-form {
    border-top: 1px solid #dae1e8;
    padding-top: 10px;
    margin: 10px 0px;
}
.comment-form .left-column {
    width: 380px;
}
.comment-form textarea {
    width: 100%;
    margin-bottom: 0px;
}
.help-block.error {
    font-size: 12px;
}
.event .comments-list .comment-block {
    width: 560px;
}
.event .comment-form .left-column {
    width: 480px;
}
.comments-list .comment .avatar {
    display: block;
    float: left;
    width: 30px;
    margin-right: 5px;
}
.comments-list .comment-block   {
    float: left;
    width: 460px;
}
.comments-list .comment-block .icon-remove {
    display: none;
}
.comments-list .comment:hover .icon-remove {
    display: inline-block;
}
.comments-list .comment .txt {
    line-height: 14px;
    font-size: 13px;
    color: black;
}
.comments-list .comment {
    border-top: 1px solid #dae1e8;
    padding-top: 8px;
    margin-bottom: 2px;
}
.comments-list .comment:first-child {
    margin-top: 0px;
}
.comments-list .date {
    display: inline-block;
    margin-top: 2px;
}
.comments-list {
    margin-top: 5px;
}
.comments-list .show-more {
    background: #F7F7F7;
    border-top: 1px dashed #DAE2E8;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    cursor: pointer;
    display: block;
}
.comments-list .show-more:hover {
    background: #EDF1F5;
    color: #08C;
    text-decoration: none;
}
.comments-list .comment a.name {
    font-weight: normal !important;
    top: -2px !important;
}
.comments-list .add-comment-bottom {
    text-align: center;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 5px;
    border-top: 1px dashed #DAE2E8;
    padding-top: 5px;
}
.comments-list .add-comment-bottom:hover {
    text-decoration: none;
}
article.event .comments-wrapper {
    width: 600px;
    margin: 0 auto;
}
article.event .comments-list .comment:first-child {
    border-top: 0px;
}
article.event .comments-list {
    margin-top: 0px;
}
.likes-wrapper {
    float: right;
}
.like:hover {
    text-decoration: none;
}
.like.not-empty {
    font-weight: bold;
}
.only-pda {
    display: none;
}
#shim {
    display: none;
    background: url('../images/black.75.png');
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
}
#jgallery {
    background: white;
    width: 900px;
    position: relative;
    margin: 10px auto;
    padding: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.7);
    min-height: 200px;
    z-index: 10001;
}
#jgallery .close {
    margin: 9px 9px 0px 0px;
    font-size: 42px;
}
#layer-wrap {
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    position: fixed;
}
#layer-wrap {
    overflow-x: hidden;
    overflow-y: auto;
}
#scroll-fix {
}
#jgallery .window-title {
    float: left;
    font-weight: bold;
    font-size: 12px;
    color: #3A87AD;
    margin: 7px 0px 0px 7px;
}
#jgallery .wait {
    display: none;
}
#jgallery .photo-wrapper {
    overflow: hidden;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 900px;
}
#jgallery .photo-wrapper .image {
    max-height: 100%;
}
#jgallery > .content-wrapper > .header {
    margin-bottom: 10px;
}
#jgallery > .content-wrapper > .footer {
    padding: 10px 45px;
}
#layer-wrap .prev-photo {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 35px;
    z-index: 10001;
    color: #AAA;
    font-size: 42px;
    padding-top: 10px;
    padding-left: 15px;
}
#layer-wrap .prev-photo:hover {
    text-decoration: none;
    color: #eee;
    background: url('../images/black.55.png');
}
#jgallery .comments-wrapper {
    width: 600px;
    margin: 0 auto;
}
#jgallery .comments-wrapper h3 {
    font-size: 24px;
    margin: 0;
    position: relative;
    top: 5px;
}
#jgallery .comments-wrapper .comment-form {
    margin-top: 0px;
}
#jgallery .comments-list .comment-block {
    width: 560px;
}
#jgallery .comments-list .comment .avatar {
    margin-top: 5px;
}
.new-users-widget {
    width: 833px;
    position: relative;
}
.new-users-widget .user {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    margin-right: 4px;
    padding-bottom: 20px;
    position: relative;
}
.new-users-widget .user:last-child {
    margin-right: 0px;
}
.new-users-widget .user img {
    min-width: 100px;
    min-height: 100px;
}
.new-users-widget .sign {
    background: #BF661E;
    color: white;
    padding: 2px 5px;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 90px;
    overflow: hidden;
    line-height: 16px;
    word-break: break-all;
}
.top-100 {
    float: left;
    width: 370px;
    margin-left: 10px;
    position: relative;
    left: 10px;
}
#top-100 .photo {
    display: block;
    float: left;
    width: 112px;
    height: 84px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    position: relative;
    margin-bottom: 10px;
}
#top-100 .photo img {
    min-width: 112px;
    min-height: 84px;
}
#top-100 .photo .sign {
    position: absolute;
    background: url('../images/black.75.png');
    left: 0px;
    bottom: 0px;
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    width: 102px;
    text-align: left;
}
#top-100.on-page .photo {
    width: 140px;
    height: 105px;
}
#top-100.on-page .photo img {
    min-width: 140px;
    min-height: 105px;
}
#top-100.on-page .photo .sign {
    width: 130px;
}
#top-100.on-page .users-wrapper {
    padding-left: 30px;
}
#top-100 .photo.hide {
    display: none;
}
#top-100-list-view {
    padding-top: 0px;
}
.top-100 .pagination {
    margin-top: 12px;
}
#home-page .widget h1 {
    font-size: 28px;
}
#home-page .widget h1 a {
    color: #3A87AD;
}
#home-page .widget h1 a:hover {
    text-decoration: none;
    color: #08C;
}
#photo-list li.hide {
    display: none !important;
}
.j-gallery .with-line {
    margin-bottom: 5px;
}
article.event .j-gallery.photos {
    padding-left: 42px;
    padding-top: 10px;
}
.event .photos .show-more, .event .photos .hide-photos, #photo-catalog .portfolio .show-more, #photo-catalog .portfolio .hide-photos {
    background: #F7F7F7;
    border-top: 1px dashed #DAE2E8;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    cursor: pointer;
    width: 724px;
    color: #08C;
    display: block;
}
#photo-catalog .portfolio .show-more, #photo-catalog .portfolio .hide-photos {
    margin-top: 5px;
}
#photo-catalog .portfolio .show-more, #photo-catalog .portfolio .hide-photos {
    width: 500px;
}
.event .photos .show-more.hide, .event .photos .hide-photos.hide,
#photo-catalog .portfolio .show-more.hide, #photo-catalog .portfolio .hide-photos.hide {
    display: none;
}
.event .photos .show-more:hover, .event .photos .hide-photos:hover {
    background: #EDF1F5;
    color: #08C;
    text-decoration: none;
}
article.event .photographer {
    margin-bottom: 15px;
}
#news .item {
    border-bottom: 1px solid #DAE2E8;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
#news .event-image {
    float: left;
    margin-right: 10px;
}
.news-page-header {
    margin-bottom: 10px;
}
#news .event .name {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px;
}
#news .event .info-line, #events-list .event .info-line {
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    color: #7198B7;
    margin-bottom: 4px;
}
#news .event .info-block, #events-list .event .info-block {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
#news .event .description, #events-list .event .intro {
    font-size: 12px;
    margin-left: 315px;
}
#news .item .footer {
    margin-top: 8px;
    color: #999;
    font-size: 12px;
}
#news .comment .name {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 14px;
    position: relative;
}
#news .comment .avatar {
    margin-top: 0px;
}
#news .wall-record {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
#news .wall-record .footer {
    margin-top: 0px;
    position: relative;
    line-height: 16px;
}
#news .wall-record .text {
    position: relative;
    top: -1px;
}
#news .wall-record.photos .wrapper {
    float: left;
    margin-right: 10px;
}
#news .wall-record .message {
    width: 755px;
}
#news .wall-record.photos {
    max-height: 154px;
    overflow: hidden;
}
#news .wall-record.photos .j-gallery {
    float: left;
    width: 640px;
}
#news .wall-record.photos .photos a {
    display: block;
    width: 100px;
    height: 75px;
    background: #F1F1F1;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 3px;
    margin-bottom: 2px;
}
#news .wall-record.photos .photos a .wrap {
    width: 100px;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
}
#news .comments-wrapper .comment-form {
    width: 600px;
    margin: 0 auto;
}
#news .comments-list .comment-block {
    width: 710px;
}
#news .comments-list .footer {
    margin-top: 0px;
}
#news .event .comments-list .comment-block {
    width: 630px;
}
#news .event .comments-wrapper {
    margin-left: 150px;
}
#news-tabs a {
    color: #999;
}
#news-tabs {
    list-style: none;
}
#news-tabs li {
    float: left;
    margin-right: 15px;
}
#news-tabs li a {
    display: inline-block;
    background: white;
    padding: 0px 5px;
    position: relative;
    top: 12px;
}
#news-tabs h1 a {
    top: 0px;
    padding-right: 0px;
}
#news .show-more-news {
    background: #F7F7F7;
    border-top: 1px dashed #DAE2E8;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px;
    cursor: pointer;
    display: block;
    color: #08C;
}
#news .show-more-news:hover {
    background: #EDF1F5;
    color: #08C;
    text-decoration: none;
}
#news-tabs li.active a {
    color: #3A87AD;
}
#news-tabs li.h1 a {
    font-size: 28px;
}
.comment-news .object-wrapper {
    float: left;
    margin-right: 10px;
    border-right: 1px solid #DAE2E8;
    padding-right: 5px;
    width: 100px;
    max-height: 100px;
    overflow: hidden;
    text-align: center;
}
.comment-news .user-avatar {
    width: 50px;
    float: left;
    display: block;
    margin-right: 5px;
}
.comment-news .name {
    line-height: 0px;
}
.comment-news .right-block {
    float: left;
    width: 700px;
}
.comment-news .title {
    line-height: 16px;
    color: #777;
}
.comment-news .text {
    margin-top: 4px;
    font-size: 13px;
    color: black;
    line-height: 16px;
}
.comment-news .date {
    color: #999;
    font-size: 12px;
    margin-top: 2px;
    line-height: 14px;
}
.comment-news .comment-block .text {
    width: 630px;
    float: left;
}
.comment-news .object-wrapper .user-avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: none;
    margin-right: 0;
}
.comment-news .object-wrapper .preview-image {
    display: block;
}
.add-album-button {
    margin-bottom: 10px;
}
.edit-album-button {
    margin: 10px 0px 5px;
}
.alert-battle-other-date {
    margin-top: 10px;
    margin-bottom: 0px;
}
#map {
    width: 100%;
    height: 500px;
}
.navbar .nav > li.button.map a {
    text-align: center;
    width: 25px;
}

.navbar .nav > li.button.map.disable a {
    color: #666;
}
#geolocation-popover-wrapper .popover {
    width: 300px;
}
.user-baloon {
    width: 250px;
}
.user-baloon .avatar {
     display: block;
     float: left;
     width: 50px;
     height: 50px;
     margin-right: 5px;
}
.user-baloon .date {
    font-size: 12px;
    color: #999;
}
/*.navbar .nav > li.map {
    display: none;
}
#panel a.people {
    display: none;
}*/
#jgallery .waiting {
    padding-left: 10px;
    font-size: 40px;
}
#events-list .event .info-block {
    margin-right: 0px;
}
#events-list .event .links {
    padding-top: 5px;
}
.event .i-was-here {
    font-style: normal;
    float: left;
}
.event .i-was-here td, .share-wrapper td {
    padding: 0;
}
#jgallery .likes-wrapper {
    text-align: right;
}
#jgallery .share-wrapper {
    float: left;
    margin-right: 10px;
}
#photo-catalog {
    margin-top: 10px;
}
#photographers-list {
    list-style: none;
    width: 300px;
    margin-left: 0px;
}
#photographers-list li {
    margin-bottom: 5px;
}
#photographers-list .user {
    display: block;
    color: #333;
}
#photographers-list .user:hover, #photographers-list .user.active {
    text-decoration: none;
    background: #F7F7F7;
}
#photographers-list .avatar {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
}
#photographers-list .user .sign {
    display: block;
    margin-left: 60px;
    font-size: 12px;
}
#photographers-list .user .name {
    display: inline-block;
    width: 240px;
    font-size: 18px;
    color: #0073AF;
    margin-bottom: 5px;
    margin-top: 3px;
}
#photographers-list .user .name span {
    border-bottom: 1px solid rgba(0, 115, 175, 0.4);
}
#photographers-list .user.our .name {
    color: #f1990c;
}
#photographers-list .user.our .name span {
    border-bottom-color: #f1990c;
}
#photo-catalog .users-column {
    float: left;
    width: 300px;
}
#photo-catalog .users-column .tabs {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed #DAE2E8;
    padding-bottom: 5px;
}
#photo-catalog .users-column .tabs .logo {
    width: 24px;
    position: relative;
    top: -3px;
}
#photo-catalog .users-column .tabs .our {
    color: #F1990C;
}
#photo-catalog .users-column .tabs a:hover {
    text-decoration: none;
}
#photo-catalog .users-column .tabs .active span {
    border-bottom: 1px solid;
}
#photographer-page {
    width: 508px;
    margin-left: 10px;
    float: left;
}
#photographer-page > .photographer {
}
#photographer-page > .photographer > :first-child {
    margin-top: 0px;
}
#photo-catalog .photographer h2 {
    color: #3A87AD;
    padding-right: 10px;
    font-size: 24px;
    margin: 5px 0px;
}
#photo-catalog .portfolio .image {
    margin-right: 5px;
    margin-bottom: 5px;
}
#photo-catalog h1.name {
    font-size: 30px;
}
#photo-catalog h1.name span {
    position: relative;
    top: 3px;
}
#photo-catalog h1.name a:hover {
    text-decoration: none;
}
#photo-catalog .photographer .table {
    margin-bottom: 10px;
}
#photo-catalog .photographer .table th {
    width: 180px;
}
#photographer-form .field-row .icon-double-angle-right {
    position: relative;
    top: -2px;
    padding: 0px 5px;
}
#photographer-form .with-line h3 {
    color: #3A87AD;
}
#photographer-form .icon-remove {
    color: #B94A48;
    position: relative;
    top: -2px;
    cursor: pointer;
    margin-left: 2px;
}
#photographer-form .field-row .value.span3 {
    width: 330px;
}
#photographer-form textarea#Photographer_content {
    width: 520px;
    height: 75px;
}
#photo-catalog .photographer .buttons a.btn {
    margin-right: 5px;
}
#photo-catalog .photographer .buttons {
    margin-bottom: 10px;
}