* {margin: 0; padding: 0;}
body {font-family: "Segoe UI", "Ubuntu", "Verdana"; background: url('/images/wrapper-tile.png') no-repeat right top;}
img {border: none;}
a {color: #09c; text-decoration: underline;}
a:hover {color: #09c; text-decoration: none;}
a.white {color: #fff; text-decoration: none;}
a.white:hover {color: #fff; text-decoration: underline;}
.clear {clear: both;}
.required {color: #ff0000;}

#breadcrumbs {margin-bottom: 15px;}
#breadcrumbs li {display: inline-block; font-size: 14px;}

#middle {width: 1000px; margin: auto;}

#middle .top-block {padding: 5px; background: #fff; text-align: center; margin: 30px 0 10px 0; position: relative;}
#middle .top-block #teaser {width: 320px; height: 190px; position: absolute; left: 5px; top: 5px; background: url('/images/top-rated-news-pixel.png') repeat; padding: 0 25px; color: #fff; font-size: 14px; text-align: left;}
#middle .top-block #teaser p.quote {padding: 25px 0;}
#middle .top-block #teaser p.author {position: absolute; bottom: 25px; left: 25px;}
#middle > .container {background: #fafafa; padding: 20px 15px 35px 15px; position: relative;}
#middle > .container > .content {background: #fafafa; float: left; position: relative;}
#middle.news > .container > .content {width: 645px; margin-right: 20px;}
#middle.news-add > .container > .content, #middle.news-edit > .container > .content {width: 930px;}
#middle.users-index > .container > .content {width: 675px; margin-left: 20px;}
#middle.shop-index > .container > .content {width: 675px; margin-left: 20px;}
#middle.shop-item > .container > .content {width: 675px; margin-left: 20px;}
#middle.shop-checkout > .container > .content {width: 675px; margin-right: 20px;}
#middle.users-profile > .container > .content {width: 600px; margin-left: 20px;}
#middle.messages > .container > .content {width: 675px; margin-left: 20px;}
#middle.blogs-index > .container > .content {width: 675px; margin-left: 20px;}
#middle.tastemakers > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-albums > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-album > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-album-content > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-album-content-upload > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-album-create > .container > .content {width: 675px; margin-left: 20px;}
#middle.albums-user-album-edit > .container > .content {width: 675px; margin-left: 20px;}
#middle.likes > .container > .content {width: 675px; margin-left: 20px;}
#middle.news-my-news > .container > .content {width: 675px; margin-left: 20px; margin-right: 0;}
#middle.gallery > .container > .content {width: 645px; margin-right: 20px;}
#middle.dojo-index > .container > .content {width: 645px; margin-right: 20px;}
#middle.search-index > .container > .content {width: 645px; margin-right: 20px;}
#middle.index-contacts > .container > .content {width: 970px;}
#middle.blogs-user-blog > .container > .content {width: 600px; margin-left: 20px;}
#middle.blogs-user-post > .container > .content {width: 600px; margin-left: 20px;}
#middle.index-branches > .container > .content {width: 970px;}
#middle.administer > .container > .content {width: 970px; min-height: 400px;}
/*#middle .container .content {background: #fafafa; padding: 15px 35px 35px 35px; width: 600px; float: left; position: relative;}
#middle.gallery .container .content {background: #fafafa; padding: 15px 35px 35px 35px; width: 930px; float: none; margin-bottom: 30px;}
#middle.service .container .content {background: #fafafa; padding: 15px 35px 35px 35px; width: 930px; float: none; margin: 30px 0;}*/
#middle .container .left-sidebar {float: left;}
#middle .container .right-sidebar {float: right;}

/*Блоки начало*/                                                                                                                                  
#middle .container .right-sidebar .block {padding: 15px 35px 35px 35px; background: #fff; margin-bottom: 20px; width: 233px;}
#middle .container .right-sidebar .block .header h2.block-header {font-size: 24px; color: #0099cc;}
#middle .container .right-sidebar .block .content {width: auto; padding: 0; float: none; background: none; border: 0 none; margin: 0;}
#middle .container .right-sidebar .block .footer a {font-size: 12px; color: #fff; display: inline-block; padding: 5px 8px 8px; background: #4caef2; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
#middle .container .right-sidebar .block .footer a:hover {text-decoration: none;}

#middle .container .left-sidebar .block {padding: 15px 30px 35px 30px; background: #fff; margin-bottom: 30px; width: 213px;}
#middle .container .left-sidebar .block .header h2.block-header {font-size: 24px; color: #0099cc;}
#middle .container .left-sidebar .block .content {width: auto; padding: 0; float: none; background: none;}

/* Top-rated news block */
#topRatedNews {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#topRatedNews .tabs {font-size: 12px; border-bottom: 2px solid #0089d4; padding-bottom: 2px;}
#topRatedNews .tabs a {display: inline-block; padding: 5px 0; text-decoration: underline; color: #f6ab3f; text-align: center; width: 115px;}
#topRatedNews .tabs a#commented-tab {background: #f1f1f1; margin-right: 3px; color: #09c; text-decoration: none;}
#topRatedNews .tabs a#commented-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#topRatedNews .tabs a#commented-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#topRatedNews .tabs a#popular-tab {background: #f1f1f1; color: #09c; text-decoration: none;}
#topRatedNews .tabs a#popular-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#topRatedNews .tabs a#popular-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#topRatedNews .tabs a.active {text-decoration: none; color: #000; cursor: default;}
#topRatedNews ul {list-style: none; font-size: 12px;}
#topRatedNews ul li {border-bottom: 1px dotted #ccc; padding: 7px 0 7px 5px;}
#topRatedNews ul li.first-item {}
#topRatedNews ul li.last-item {border-bottom: none; padding-bottom: 0;}
#topRatedNews ul li a {font-size: 12px; text-decoration: none;}
#topRatedNews ul li a:hover {color: #ccc;}
#topRatedNews ul.popular {display: none;}

/* Receте updates in galleries block */
#recentGallery {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#recentGallery .tabs {font-size: 12px; border-bottom: 2px solid #0089d4; padding-bottom: 2px;}
#recentGallery .tabs a {display: inline-block; padding: 5px 0; text-decoration: underline; color: #f6ab3f; text-align: center; width: 115px;}
#recentGallery .tabs a#photos-tab {background: #f1f1f1; margin-right: 3px; color: #09c; text-decoration: none;}
#recentGallery .tabs a#photos-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#recentGallery .tabs a#photos-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#recentGallery .tabs a#videos-tab {background: #f1f1f1; color: #09c; text-decoration: none;}
#recentGallery .tabs a#videos-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#recentGallery .tabs a#videos-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#recentGallery .tabs a.active {text-decoration: none; color: #000; cursor: default;}
#recentGallery ul {list-style: none; text-align: center;}
#recentGallery ul li {padding: 14px; border: 1px solid #DDD; margin-top: 5px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#recentGallery ul li a {width: 200px; height: 200px; display: table-cell; vertical-align: middle;}
#recentGallery ul li a img {vertical-align: bottom; max-width: 200px;}
#recentGallery ul.videos {display: none;}

#infoBlock {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#infoBlock .content {font-size: 12px; margin-bottom: 10px;}

#communitiesBlock {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#communitiesBlock .tabs {font-size: 12px; border-bottom: 2px solid #0089d4; padding-bottom: 2px; margin-bottom: 5px;}
#communitiesBlock .tabs a {display: inline-block; padding: 5px 0; text-decoration: underline; color: #f6ab3f; text-align: center; width: 115px;}
#communitiesBlock .tabs a#vkontakte-tab {background: #f1f1f1; margin-right: 3px; color: #09c; text-decoration: none;}
#communitiesBlock .tabs a#vkontakte-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#communitiesBlock .tabs a#vkontakte-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#communitiesBlock .tabs a#facebook-tab {background: #f1f1f1; color: #09c; text-decoration: none;}
#communitiesBlock .tabs a#facebook-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#communitiesBlock .tabs a#facebook-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#communitiesBlock .tabs a.active {text-decoration: none; color: #000; cursor: default;}
#communitiesBlock .content .facebook {display: none;}

#userTools {float: left; width: 170px; padding: 10px; box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; font-size: 14px;}
#userTools .content ul {padding: 0; margin: 0; list-style: none;}
#userTools .content ul li {border-bottom: 1px dotted #c3c3c3;}
#userTools .content ul li .counter {font-size: 12px;}
#userTools .content ul li a {padding: 5px 0 5px 25px; display: inline-block; text-decoration: none;}
#userTools .content ul li.active a {color: #c90;}
#userTools .content ul li a.profile {background: url('/images/common/profile.png') no-repeat 6px center;}
#userTools .content ul li a.messages {background: url('/images/common/messages.png') no-repeat 6px center;}
#userTools .content ul li a.favourite {background: url('/images/common/favourite.png') no-repeat 6px center;}
#userTools .content ul li a.feed {background: url('/images/common/feed.png') no-repeat 6px center;}
#userTools .content ul li a.news {background: url('/images/common/news.png') no-repeat 6px center;}
#userTools .content ul li a.photos {background: url('/images/common/photos.png') no-repeat 6px center;}
#userTools .content ul li a.videos {background: url('/images/common/videos.png') no-repeat 6px center;}
#userTools .content ul li a.tracks {background: url('/images/common/tracks.png') no-repeat 6px center;}
#userTools .content ul li a.blog {background: url('/images/common/blog.png') no-repeat 6px center;}
#userTools .content ul li a.tastemakers {background: url('/images/common/tastemakers.png') no-repeat 6px center;}
#userTools .content ul li a.followers {background: url('/images/common/followers.png') no-repeat 6px center;}

/* Catalog block */
#Catalog {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#Catalog .header {border-bottom: 2px solid #ccc; padding-bottom: 2px;}
#Catalog ul {list-style: none; font-size: 12px;}
#Catalog ul li {border-bottom: 1px dotted #ccc; padding: 7px 0 7px 5px;}
#Catalog ul li.first-item {}
#Catalog ul li.last-item {border-bottom: none; padding-bottom: 0;}
#Catalog ul li a {font-size: 12px; text-decoration: none;}
#Catalog ul li a:hover {color: #ccc;}

/* Cart block */
#Cart {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#Cart .header {border-bottom: 2px solid #ccc; padding-bottom: 2px; position: relative;}
#Cart .header #checkoutCart {position: absolute; right: 0; top: 10px; height: 16px; width: 16px; background: url('/images/common/check-inactive.png') no-repeat center;}
#Cart .header #checkoutCart.active {background: url('/images/common/check.png') no-repeat center;}
#Cart .content .empty {text-align: center; margin: 5px 0;}
#Cart .content .cart-item {font-size: 12px; margin: 5px 0; position: relative;}
#Cart .content .cart-item img {float: left; width: 28px; height: 28px; border: 1px solid #ccc; border-radius: 3px; margin-right: 3px;}
#Cart .content .cart-item p {float: left; margin: 7px 0 0 5px;}
#Cart .content .cart-item .title {margin-left: 0;}
#Cart .content .cart-item .title a {text-decoration: none;}
#Cart .content .cart-item .count {margin-top: 2px; position: relative; padding-right: 10px; float: right; margin-right: 18px;}
#Cart .content .cart-item .count input {width: 23px; height: 23px; text-align: center; border: 1px solid #ccc;}
#Cart .content .cart-item .count a {text-decoration: none;}
#Cart .content .cart-item .count a.more {position: absolute; top: 0; right: -1px; font-size: 14px; border: 1px solid #CCC; display: block; height: 11px; line-height: 8px; width: 10px;}
#Cart .content .cart-item .count a.less {position: absolute; bottom: 0px; right: -1px; font-size: 14px; border: 1px solid #CCC; display: block; height: 11px; line-height: 6px; width: 10px; text-align: center;}
#Cart .content .cart-item .count a.less:hover {background: #e6e6e6;}
#Cart .content .cart-item .count a.more:hover {background: #e6e6e6;}
#Cart .content .cart-item .remove {position: absolute; right: -3px; margin: 0; top: 9px;}
#Cart .content .cart-item .remove img {width: 10px; height: 10px;}
#Cart .content #cartTotal {overflow: hidden; border-top: 2px solid #ccc; padding-top: 2px; font-size: 14px;}
#Cart .content #cartTotal .left {float: left;}
#Cart .content #cartTotal .right {font-weight: bold; color: #09c; float: right;}

#shopFaqBlock {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#shopFaqBlock.right-sidebar-block {width: 203px !important;}
#shopFaqBlock .content {font-size: 14px;}
#shopFaqBlock .content ul {border-top: 2px solid #09c; margin-top: 5px; padding-top: 5px;}
#shopFaqBlock .content ul li {text-align: left; list-style: outside katakana; margin-bottom: 5px;}

/* Блок пользователей */
#sidebarUsers {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px;}
#sidebarUsers .tabs {font-size: 12px; border-bottom: 2px solid #0089d4; padding-bottom: 2px; margin-bottom: 3px;}
#sidebarUsers .tabs a {display: inline-block; padding: 5px 0; text-decoration: underline; color: #f6ab3f; text-align: center; width: 115px;}
#sidebarUsers .tabs a#popular-tab {background: #f1f1f1; margin-right: 3px; color: #09c; text-decoration: none;}
#sidebarUsers .tabs a#popular-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#sidebarUsers .tabs a#popular-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#sidebarUsers .tabs a#recent-tab {background: #f1f1f1; color: #09c; text-decoration: none;}
#sidebarUsers .tabs a#recent-tab.active {background: #0089d4; text-align: center; color: #fff; position: relative;}
#sidebarUsers .tabs a#recent-tab.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 52px;}
#sidebarUsers .tabs a.active {text-decoration: none; color: #000; cursor: default;}
#sidebarUsers ul {overflow: hidden;}
#sidebarUsers ul li {display: block; float: left; font-size: 12px; text-align: center; width: 74px; margin: 3px;}
#sidebarUsers ul li.first-item {margin-left: 0; margin-right: 2px;}
#sidebarUsers ul li.last-item {margin-right: 0;}
#sidebarUsers ul li a {text-decoration: none; color: #D1D1D1;}
#sidebarUsers ul li img {height: 70px; width: 70px; border: 2px solid #D1D1D1; border-radius: 3px;}
#sidebarUsers ul li:hover a {color: #09c;}
#sidebarUsers ul li:hover img {border: 2px solid #09c;}
#sidebarUsers ul.recent {display: none;}

/* Google-maps news block */
#googleMapBlock {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; width: 283px !important; padding: 15px 10px 35px 10px !important;}
#googleMapBlock h2 {background: url('/images/dojo/world.png') no-repeat left center; padding-left: 30px; margin-bottom: 10px;}
/*Блоки конец*/

#middle .container .content h1.page-header {font-size: 24px; color: #0099cc; text-transform: uppercase;}

/*Бранчи страны начало*/
#branchesIndex {position: relative; box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#branchesIndex .tip {margin: 10px 0; text-align: center;}
#branchesIndex #mapTile {position: relative; top: 0px; left: 150px;}
#branchesIndex > img {vertical-align: bottom;}
#branchesIndex #map_of_ukraine {position: absolute; left: 150px; top: 40px; opacity: 0;}
#branchesIndex .cities-wrapper {position: absolute; left: 150px; top: 40px; font-size: 14px; z-index: 1;}
#branchesIndex .cities-wrapper .city {position: absolute; cursor: pointer; font-size: 11px;}
#branchesIndex #mapOver {background: #fff url('/images/colorbox/loading.gif') no-repeat center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.7; border-radius: 4px;}

#middle.error-error .content {overflow: auto; min-height: 250px;}

#region1-city {left: 104px; top: 102px;}
#region2-city {left: 155px; top: 106px;}
#region3-city {left: 208px; top: 127px;}
#region4-city {left: 274px; top: 124px;}
#region5-city {left: 328px; top: 69px;}
#region6-city {left: 412px; top: 88px;}
#region7-city {left: 496px; top: 128px;}
#region8-city {left: 573px; top: 165px;}
#region9-city {left: 535px; top: 207px;}
#region10-city {left: 420px; top: 212px;}
#region11-city {left: 394px; top: 154px;}
#region12-city {left: 330px; top: 179px;}
#region13-city {left: 221px; top: 194px;}
#region14-city {left: 153px; top: 169px;}
#region15-city {left: 109px; top: 182px;}
#region16-city {left: 75px; top: 152px;}
#region17-city {left: 65px; top: 214px; width: 115px;}
#region18-city {left: 35px; top: 228px;}
#region19-city {left: 124px; top: 243px;}
#region20-city {left: 335px; top: 228px;}
#region21-city {left: 472px; top: 254px;}
#region22-city {left: 409px; top: 314px;}
#region23-city {left: 411px; top: 381px;}
#region24-city {left: 341px; top: 286px;}
#region25-city {left: 285px; top: 322px;}
#middle .container .content .regions-wrapper {position: absolute; left: 150px; top: 40px;}
#middle .container .content .regions-wrapper .region {display: none; width: 667px; height: 457px; z-index: 0; position: absolute;}
    
#branchInfo {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; display: none; margin-top: 20px; padding: 15px; font-size: 14px; background: #fff;}
#branchInfo .branch-chief {text-align: center; float: left; margin-right: 10px;}
#branchInfo .branch-chief img {width: 192px; border: 1px solid #09C; padding: 3px; border-radius: 3px; height: 192px;}
#branchInfo .branch-desc {text-align: justify; text-indent: 20px;}
#branchInfo .branch-link {margin: 10px 0 0 210px; overflow: hidden;}
#branchInfo .branch-link .left {float: left;}
#branchInfo .branch-link .right {float: right;}
#branchInfo .empty {margin: 50px 0; text-align: center;}

/*Бранчи страны конец*/

/*Новости начало*/
#middle.news-index .container .content h1.with-options {overflow: auto;}
#middle.news-index .container .content h1.with-options a {float: right; font-size: 12px; text-decoration: none;}
#middle.news-index .container .content h1.with-options a img {vertical-align: -10px;}
#middle.news-index .container .content h1.with-options a:hover {color: #ccc;}
#newsIndex {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#newsIndex .news-item, #userNews .news-item {margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#newsIndex .news-item.last-item, #userNews .news-item.last-item {border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0;}
#newsIndex .news-item > .left, #userNews .news-item > .left {margin-right: 10px; float: left;}
#newsIndex .news-item > .left > .addthis_toolbox, #userNews .news-item > .left > .addthis_toolbox {width: 90px; margin: 5px auto 0 auto;}
#newsIndex .news-item > .left > .addthis_toolbox .addthis_button_google_plusone, #userNews .news-item > .left > .addthis_toolbox .addthis_button_google_plusone {margin-top: -2px;}
#newsIndex .news-item > .left > .addthis_toolbox .addthis_button_google_plusone div, #userNews .news-item > .left > .addthis_toolbox .addthis_button_google_plusone div {border-bottom: 1px solid #CCC !important; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
#newsIndex .news-item .news-image, #userNews .news-item .news-image {border: 1px solid #09c; padding: 3px; border-radius: 3px;}
#newsIndex .news-item .news-image img, #userNews .news-item .news-image img {width: 100px; height: 100px; border: 1px solid #ccc; vertical-align: bottom;}
#newsIndex .news-item a, #userNews .news-item a {text-decoration: none;}
#newsIndex .news-item a:hover, #userNews .news-item a:hover {text-decoration: underline;}

#newsIndex .news-item h2, #userNews .news-item h2 {position: relative; font-size: 18px; text-transform: uppercase; display: inline; vertical-align: 6px; line-height: 14px;}
#newsIndex .news-item h2:hover a, #userNews .news-item h2:hover a {color: #c90;}
#newsIndex .news-item h2 a:hover, #userNews .news-item h2 a:hover {text-decoration: none;}
#newsIndex .news-item > div.options, #userNews .news-item > div.options {position: relative; background: #f8f8f8 url('/images/common/administer.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin: 0 5px 0 0; display: inline-block;}
#newsIndex .news-item > div.options:hover, #userNews .news-item > div.options:hover {background-color: #eee;}
#newsIndex .news-item > div.options > ul.options-dropdown, #userNews .news-item > div.options > ul.options-dropdown {font-size: 12px; position: absolute; left: -1px; top: 25px; display: none; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 145px; z-index: 1;}
#newsIndex .news-item > div.options:hover > ul.options-dropdown, #userNews .news-item > div.options:hover > ul.options-dropdown {display: block;}
#newsIndex .news-item > div.options > ul.options-dropdown li, #userNews .news-item > div.options > ul.options-dropdown li {display: block; border-bottom: 1px dotted #ccc; padding: 4px 0 7px 0; text-align: left;}
#newsIndex .news-item > div.options > ul.options-dropdown li.last-item, #userNews .news-item > div.options > ul.options-dropdown li.last-item {border-bottom: 0 none;}
#newsIndex .news-item > div.options > ul.options-dropdown li .edit-news, #userNews .news-item > div.options > ul.options-dropdown li .edit-news {background: url('/images/common/blog.png') no-repeat left; padding-left: 18px;}
#newsIndex .news-item > div.options > ul.options-dropdown li .delete-news, #userNews .news-item > div.options > ul.options-dropdown li .delete-news {background: url('/images/cancel.png') no-repeat -2px 1px; padding-left: 18px;}

#newsIndex .news-item .news-content, #userNews .news-item .news-content {text-align: justify; font-size: 14px;}
#newsIndex .news-item .news-content .more, #userNews .news-item .news-content .more {text-decoration: underline;}
#newsIndex .news-item .news-content .more:hover, #userNews .news-item .news-content .more:hover {text-decoration: none;}
#newsIndex .news-item .news-data, #userNews .news-item .news-data {margin: 2px 0 5px;}
#newsIndex .news-item .news-data .news-author, #userNews .news-item .news-data .news-author {float: left;}
#newsIndex .news-item .news-data .news-created, #userNews .news-item .news-data .news-created {float: right;}
#newsIndex .news-item .news-data span, #userNews .news-item .news-data span {margin-right: 10px;}
#newsIndex .news-item .social-block, #userNews .news-item .social-block {border-radius: 3px;}
#newsIndex .news-item .social-block > div, #userNews .news-item .social-block > div {margin-right: 5px;}
#newsIndex .news-item .social-block .likes_count, #userNews .news-item .social-block .likes_count {background: url('/images/blogs/like.png') no-repeat center left; font-size: 12px; height: 32px; line-height: 32px; padding: 0 0 0 20px;}
#newsIndex .news-item .social-block .category, #userNews .news-item .social-block .category {font-size: 12px; float: left; text-transform: capitalize; height: 32px; line-height: 32px;}
#newsIndex .news-item .social-block .category a, #userNews .news-item .social-block .category a {background: url('/images/socials/category.png') no-repeat left center; padding-left: 20px;}

.news-my-news .content > .options {position: absolute; right: 0; top: 5px;}
.news-my-news .content > .options li {display: inline-block;}
.news-my-news .content > .options li.separator {color: #777; font-size: 14px;}
.news-my-news .content > .options li a {font-size: 12px; text-decoration: none;}
.news-my-news .content > .options li.active a {text-decoration: underline; color: #777; cursor: default;}
/*Новости конец*/

/*Страница истории начало*/
#middle.pages-history .container .content h2 {margin: 5px 0;}
#middle.pages-history .container .content h3 {margin: 5px 0;}
#middle.pages-history .container .content p {text-align: justify; text-indent: 30px;}
#middle.pages-history table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #dce4ef; border-collapse: separate; margin: 15px 0; font-size: 12px;}
#middle.pages-history table caption {font-weight: bold; text-align: right;}
#middle.pages-history table tr:hover {background: #f3f8ff;}
#middle.pages-history table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#middle.pages-history table tr td {border: 1px solid #fff; text-align: center;}
#middle.pages-history table tr td.appraisee {background: #F1F4F9; border-left: none; padding: 7px 0 7px 10px; width: 230px; text-align: left;}
#middle.pages-history table tr.separator td {background: #dce4ef; height: 1px; border: none;}
/*Страница истории конец*/

/*Страница философии начало*/
#middle.pages-philosophy .container .content h2 {margin: 5px 0;}
#middle.pages-philosophy .container .content h3 {margin: 5px 0;}
#middle.pages-philosophy .container .content ol.allow {list-style-position: inside; padding: 10px 0; text-indent: 30px; text-align: justify;}
#middle.pages-philosophy .container .content ul.deny {list-style: inside katakana; padding-top: 10px;}
#middle.pages-philosophy .container .content ol.ru {list-style-position: inside; padding-bottom: 10px;}
#middle.pages-philosophy .container .content ul.jp {list-style: inside katakana; padding-top: 10px;}
#middle.pages-philosophy .container .content p {text-align: justify; text-indent: 30px;}
/*Страница философии конец*/

/*Страница базовой техники начало*/
.pages-basic-technique p {text-align: justify; text-indent: 30px;}
.pages-basic-technique table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #dce4ef; border-collapse: separate; margin: 15px 0; font-size: 12px;}
.pages-basic-technique table tr:hover {background: #f3f8ff;}
.pages-basic-technique table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
.pages-basic-technique table tr td {border: 1px solid #fff;}
.pages-basic-technique table tr td.rang {background: #F1F4F9; border-left: none; padding-left: 10px; width: 230px;}
.pages-basic-technique table tr td.belt {text-align: center; border-left: 1px solid #dce4ef; border-right: none; width: 150px; padding-top: 5px; padding-bottom: 2px;}
.pages-basic-technique table tr td.value {border-left: none; border-right: none; width: 200px;}
.pages-basic-technique table tr td.requirements {border-left: none; border-right: none;}
.pages-basic-technique table tr.separator td {background: #dce4ef; height: 1px; border: none;}
.pages-basic-technique table.kata-table tr td {text-align: center;}
.pages-basic-technique table.kata-table tr td.name {background: #F1F4F9; border-left: none; padding: 7px 0 7px 10px; width: 230px; text-align: left;}
/*Страница базовой техники конец*/

/*План спортивных мероприятий начало*/
.pages-plan table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #b1c2dc; border-collapse: separate; margin: 15px 0; font-size: 12px;}
.pages-plan table tr:hover {background: #f3f8ff;}
.pages-plan table tr th {border-bottom: 1px solid #b1c2dc; border-top: 1px solid #b1c2dc; padding: 7px 5px; background: #F1F4F9;}
.pages-plan table tr th.first-child {border-top: none;}
.pages-plan table tr td {border: 1px solid #fff;}
.pages-plan table tr td.date {background: #F1F4F9; border-left: none; padding-left: 10px; width: 230px; text-align: center;}
.pages-plan table tr td.event {border-left: 1px solid #dce4ef; border-right: none; padding: 5px 0 5px 10px;}
.pages-plan table tr td.empty {padding: 5px 0; text-align: center; font-weight: bold;}
.pages-plan table tr.separator td {background: #dce4ef; height: 1px; border: none;}
/*План спортивных мероприятий конец*/

/*Страница символики начало*/
.pages-symbology .content img {float: left; margin: 15px 15px 5px 0; padding: 4px; border: 1px solid #c3c3c3;}
.pages-symbology .content ul {list-style: none;}
.pages-symbology .content p {margin: 10px 0; text-indent: 30px; text-align: justify;}
/*Страница символики конец*/

/*Страница терминологии начало*/
.pages-terminology .content ul {margin-bottom: 10px; list-style: katakana-iroha inside; padding-left: 30px;}
/*Страница терминологии конец*/

/*Страница полной новости начало*/
.news-show-news .content h1.page-header {position: relative;}
.news-show-news .content h1.page-header > div.options {position: relative; background: #f8f8f8 url('/images/common/administer.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin: 0 5px 0 0; display: inline-block; font-size: 12px; text-transform: none; font-weight: normal; vertical-align: -5px;}
.news-show-news .content h1.page-header > div.options:hover {background-color: #eee;}
.news-show-news .content h1.page-header > div.options > ul.options-dropdown {font-size: 12px; position: absolute; left: -1px; top: 25px; display: none; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 145px; z-index: 1;}
.news-show-news .content h1.page-header > div.options:hover > ul.options-dropdown {display: block;}
.news-show-news .content h1.page-header > div.options > ul.options-dropdown li {display: block; border-bottom: 1px dotted #ccc; padding: 4px 0 7px 0; text-align: left;}
.news-show-news .content h1.page-header > div.options > ul.options-dropdown li.last-item {border-bottom: 0 none;}
.news-show-news .content h1.page-header > div.options > ul.options-dropdown li .edit-news {background: url('/images/common/blog.png') no-repeat left; padding-left: 18px;}
.news-show-news .content h1.page-header > div.options > ul.options-dropdown li .delete-news {background: url('/images/cancel.png') no-repeat -2px 1px; padding-left: 18px;}
#newsShow {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}

#newsShow .article {}
#newsShow .article .options {font-size: 14px; float: none; overflow: hidden;}
#newsShow .article .options div.navigation {float: right; padding: 5px 0; overflow: hidden;}
#newsShow .article .options div.navigation a {display: inline-block; margin: 0 2px; text-decoration: none;}
#newsShow .article .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#newsShow .article .options span.social {display: block; float: left; margin: 0; padding: 0;}
#newsShow .article .options div.author {background: url('/images/common/profile.png') no-repeat center left;}
#newsShow .article .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#newsShow .article .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#newsShow .article .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#newsShow .article-content {font-size: 14px;}
#newsShow a {text-decoration: none;}
#newsShow a:hover {text-decoration: underline;}
/*Страница полной новости конец*/

/*Профиль пользователя приватный начало*/
.users-index .tabsWrapper {margin-bottom: 50px; position: relative; background: #fff;}
.users-index .tabsWrapper .tab {padding: 10px 10px 15px 10px;}
#removeUserLink {position: absolute; right: 5px; top: 8px; font-size: 12px;}
#UserProfile .tip {text-align: center; font-size: 12px; margin-bottom: 20px;}
#UserProfile .input {margin: 10px 0;}
#UserProfile .textarea textarea {vertical-align: middle;}
#UserProfile .submit {text-align: center; position: absolute; bottom: -60px; width: 100%;}

    /*Вкладка Персональные начало*/
    #personalTab label {width: 145px; text-align: right; margin-right: 10px; display: inline-block;} 
    #personalTab .text input {width: 458px;} 
    /*Вкладка Персональные конец*/

    /*Вкладка Аватар начало*/
    #avatarTab {padding: 10px 20px 15px 20px;}
    #avatarTab #current-avatar img {border: 5px solid #c3c3c3; border-radius: 5px;}
    #avatarTab table {width: 100%; vertical-align: middle; text-align: center;}
    #avatarTab table td {width: 50%; height: 300px;}
    #avatarTab table #current-avatar {border-right: 3px solid #c3c3c3;}
    #avatarTab #upload-block #uploader_var {margin: 0 0 20px 0;}
    #avatarTab #upload-block #uploader_var small {display: block; margin-top: -3px; color: #c3c3c3; font-size: 12px;}
    #uploadBox .title {margin: 10px 0;}
    #uploadBox .progress-wrapper {width: 500px; border: 1px solid #c3c3c3; border-radius: 5px; margin: 10px 0; position: relative;}
    #uploadBox .progress-wrapper .progress {
        background: #cfe7fa; /* old browsers */
        background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* ie */
        height: 20px; display: block; width: 0px; border-radius: 5px;
    }
    #uploadBox .progress-wrapper .percentage {position: absolute; width: 500px; top: 2px; left: 0px; text-align: center;}
    .jcrop-holder {margin: 20px auto;}
    #CreateAvatar {/*position: absolute; bottom: 20px;*/ width: 630px;}
    #createAvatarOver {background: #fff url('/images/colorbox/loading.gif') no-repeat center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 300; opacity: 0.7; border-radius: 4px;}
    /*Вкладка аватар конец*/
    
    /*Вкладка О себе начало*/
    #aboutTab label {width: 145px; text-align: right; margin-right: 10px; display: inline-block;} 
    #aboutTab .textarea textarea {width: 458px;} 
    /*Вкладка О себе конец*/    
    
    /*Вкладка Спорт начало*/
    #sportTab label {width: 145px; text-align: right; margin-right: 10px; display: inline-block;} 
    #sportTab .text input {width: 458px;} 
    #sportTab .input select {width: 480px;} 
    #sportTab .input select[name="form[UserProfile][experience_time]"] {width: 440px;} 
    /*Вкладка Спорт конец*/    
    
    /*Вкладка Пароль начало*/
    #passwordTab label {width: 145px; text-align: right; margin-right: 10px; display: inline-block;} 
    #passwordTab .password input {width: 458px;} 
    /*Вкладка Пароль конец*/    
    
/*Профиль пользователя приватный конец*/

/*Профиль пользователя публичный начало*/
/*Левый виджет*/
.publicProfileLeft {float: left; width: 328px; padding: 10px; box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; font-size: 14px; background: #fff;}
.publicProfileLeft .avatar {float: left; margin-right: 10px;}
.publicProfileLeft .avatar img {width: 150px; height: auto; border: 5px solid #09c; border-radius: 5px;}
.publicProfileLeft p {margin-bottom: 5px;}
.publicProfileLeft ul.user-options {border-top: 1px dotted #c3c3c3; margin-top: 15px; padding-top: 10px; text-align: center;}
.publicProfileLeft ul.user-options li {display: inline-block; margin: 0 2px;}
.publicProfileLeft ul.user-options li.send-message a {display: block; height: 16px; width: 16px; background: url('/images/common/messages.png') no-repeat center;}
.publicProfileLeft ul.user-options li.follow a {display: block; height: 16px; width: 16px; background: url('/images/common/tastemakers.png') no-repeat center;}
.publicProfileLeft ul.user-options li.unfollow a {display: block; height: 16px; width: 16px; background: url('/images/common/tastemakers-disabled.png') no-repeat center;}
.publicProfileLeft .additional-info {}
.publicProfileLeft .additional-info h2 {text-align: center; border-bottom: 1px dotted #c3c3c3; padding-bottom: 10px; margin-bottom: 10px;}
.publicProfileLeft .additional-info table {width: 100%;}
.publicProfileLeft .additional-info table td {width: 50%; padding: 2px 0;}
.publicProfileLeft .additional-info table td.title {font-weight: bold;}
.publicProfileLeft .additional-info .desc {margin-top: 10px; position: relative;}
.publicProfileLeft .additional-info .desc .toggle {position: absolute; right: 0; top: 0;}
.publicProfileLeft .additional-info .desc .toggle a[rel="hide"] {display: none;}
.publicProfileLeft .additional-info .desc .title {font-weight: bold;}
.publicProfileLeft .additional-info .desc .value {display: none;}
/*Левый виджет*/

#publicProfile .right {float: right;}
#publicProfile .right .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#publicProfile .right .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#publicProfile .right .block .header h2 {font-size: 20px; padding-left: 25px;}
#publicProfile .right .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#publicProfile .right .block .header .options a {text-decoration: none;}
#publicProfile .right .block .content {float: none; width: auto; margin: 0; padding: 0; background: #fff; overflow: hidden; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#publicProfile .right .block .content .empty {text-align: center; margin: 20px 0 40px 0;}

#publicProfile .right .block.blog .header h2 {background: url('/images/common/blog.png') no-repeat 5px 8px;}
#publicProfile .right .block.blog .content {font-size: 14px; padding: 10px;}
#publicProfile .right .block.blog .content .row {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #c3c3c3; text-indent: 20px;}

#publicProfile .right .block.video .header h2 {background: url('/images/common/videos.png') no-repeat 4px 8px;}
#publicProfile .right .block.video .content ul {overflow: hidden;}
#publicProfile .right .block.video .content ul li {float: left; margin: 10px 21px; display: block;}
#publicProfile .right .block.video .content ul li.first-item {margin-left: 24px;}
#publicProfile .right .block.video .content ul li.last-item {margin-right: 24px;}
#publicProfile .right .block.video .content ul li img {width: 100px; height: 100px; border: 3px solid #d1d1d1; border-radius: 5px;}
#publicProfile .right .block.video .content ul li img:hover {border: 3px solid #09c;}

#publicProfile .right .block.photo .header h2 {background: url('/images/common/photos.png') no-repeat 4px 8px;}
#publicProfile .right .block.photo .content ul {overflow: hidden;}
#publicProfile .right .block.photo .content ul li {float: left; margin: 10px 21px; display: block;}
#publicProfile .right .block.photo .content ul li.first-item {margin-left: 24px;}
#publicProfile .right .block.photo .content ul li.last-item {margin-right: 24px;}
#publicProfile .right .block.photo .content ul li img {width: 100px; height: 100px; border: 3px solid #d1d1d1; border-radius: 5px;}
#publicProfile .right .block.photo .content ul li img:hover {border: 3px solid #09c;}

#publicProfile .right .block.tastemakers .header h2 {background: url('/images/common/tastemakers.png') no-repeat 3px 8px;}
#publicProfile .right .block.tastemakers .content {text-align: center;}
#publicProfile .right .block.tastemakers .content ul {overflow: hidden;}
#publicProfile .right .block.tastemakers .content ul li {margin: 10px 13px; display: inline-block; width: 54px; font-size: 12px; vertical-align: top;}
#publicProfile .right .block.tastemakers .content ul li a {text-decoration: none; color: #888;}
#publicProfile .right .block.tastemakers .content ul li a:hover {color: #09c;}
#publicProfile .right .block.tastemakers .content ul li img {height: 50px; width: 50px; border: 2px solid #d1d1d1; border-radius: 3px;}
#publicProfile .right .block.tastemakers .content ul li img:hover {border: 2px solid #09c;}

#publicProfile .right .block.followers .header h2 {background: url('/images/common/followers.png') no-repeat 4px 8px;}
#publicProfile .right .block.followers .content {text-align: center;}
#publicProfile .right .block.followers .content ul {overflow: hidden;}
#publicProfile .right .block.followers .content ul li {margin: 10px 13px; display: inline-block; width: 54px; font-size: 12px; vertical-align: top;}
#publicProfile .right .block.followers .content ul li a {text-decoration: none; color: #888;}
#publicProfile .right .block.followers .content ul li a:hover {color: #09c;}
#publicProfile .right .block.followers .content ul li img {height: 50px; width: 50px; border: 2px solid #d1d1d1; border-radius: 3px;}
#publicProfile .right .block.followers .content ul li img:hover {border: 2px solid #09c;}
/*Профиль пользователя публичный конец*/

/*Блог пользователя публичный начало*/
#publicBlog {float: right;}
#publicBlog .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#publicBlog .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#publicBlog .block .header h2 {font-size: 20px; padding-left: 25px;}
#publicBlog .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#publicBlog .block .header .options a {text-decoration: none;}
#publicBlog .block .content {float: none; width: auto; margin: 0; padding: 0; background: none; overflow: hidden;}

#publicBlog .block.blog .header h2 {background: url('/images/common/blog.png') no-repeat 5px 8px;}
#publicBlog .block.blog .content {font-size: 14px; padding: 10px; background: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#publicBlog .block.blog .content .row {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #c3c3c3; text-indent: 20px;}
#publicBlog .block.blog .content .empty {text-align: center; margin: 20px 0 40px 0;}
/*Блог пользователя публичный конец*/

/*Публичная запись в блоге, начало*/
#publicPost {float: right;}
#publicPost .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px; background: #fff;}
#publicPost .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#publicPost .block .header h2 {font-size: 20px; padding-left: 25px;}
#publicPost .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#publicPost .block .header .options.socials {top: 3px; overflow: hidden;}
#publicPost .block .header .options.socials span, #publicPost .right .block .header .options.socials a {float: left;}
#publicPost .block .header .options.socials span.like-it {margin: 0 3px;}
#publicPost .block .header .options.socials span.unlike-it {margin: 0 3px;}
#publicPost .block .header .options a {text-decoration: none;}
#publicPost .block .content {float: none; width: auto; margin: 0; padding: 0; background: none; overflow: hidden;}

#publicPost .block.post .header h2 {background: url('/images/common/blog.png') no-repeat 5px 8px;}
#publicPost .block.post .content {font-size: 14px; padding: 10px;}
#publicPost .block.post .footer {overflow: hidden; text-align: center; font-size: 14px;}
#publicPost .block.post .footer .short {padding: 3px 0 7px 0; border-top: 1px dotted #c3c3c3;}
#publicPost .block.post .footer .short:hover {background: #feffe1; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#publicPost .block.post .footer .short a {text-decoration: none;}
#publicPost .block.post .footer .full {display: none; border-top: 1px dotted #c3c3c3;}
#publicPost .block.post .footer .full .hide {padding: 3px 0 7px 0;}
#publicPost .block.post .footer .full .hide a {text-decoration: none;}
#publicPost .block.post .footer .full .hide:hover {background: #feffe1; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#publicPost .block.post .footer .full .social {display: inline-block; margin: 0 0 0 10px; padding: 5px 5px 5px 20px;}
#publicPost .block.post .footer div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#publicPost .block.post .footer div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#publicPost .block.post .footer div.date {background: url('/images/blogs/date.png') no-repeat center left;}

/*#publicPost .right .block.post-comments .header h2 {padding-left: 5px;}
#publicPost .right .block.post-comments .content {padding: 10px; font-size: 14px;}
#publicPost .right .block.post-comments .content #AddComment .textarea {margin: 0 0 15px 0;}
#publicPost .right .block.post-comments .content #AddComment .textarea label {text-align: left; padding-left: 10px;}
#publicPost .right .block.post-comments .content #AddComment .textarea textarea {width: 505px;}*/
/*Публичная запись в блоге, конец*/

/*Альбомы пользователя публичные начало*/
#userAlbumsPublic {float: right;}
#userAlbumsPublic .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#userAlbumsPublic .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#userAlbumsPublic .block .header h2 {font-size: 20px; padding-left: 25px;}
#userAlbumsPublic .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#userAlbumsPublic .block .header .options a {text-decoration: none;}
#userAlbumsPublic .block .content {float: none; width: auto; margin: 0; padding: 0; background: #fff; overflow: hidden;}

#userAlbumsPublic .block.user-albums.photo .header h2 {background: url('/images/common/photos.png') no-repeat 5px 8px;}
#userAlbumsPublic .block.user-albums.video .header h2 {background: url('/images/common/videos.png') no-repeat 5px 8px;}
#userAlbumsPublic .block.user-albums .content {font-size: 14px; padding: 10px; background: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#userAlbumsPublic .block.user-albums .content .row {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #c3c3c3; text-indent: 20px;}
#userAlbumsPublic .block.user-albums .content .empty {text-align: center; margin: 20px 0 40px 0;}
/*Альбомы пользователя публичные конец*/

/*Альбом пользователя публичный начало*/
#userAlbumPublic {float: right;}
#userAlbumPublic .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#userAlbumPublic .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#userAlbumPublic .block .header h2 {font-size: 20px; padding-left: 25px;}
#userAlbumPublic .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#userAlbumPublic .block .header .options a {text-decoration: none;}
#userAlbumPublic .block .content {float: none; width: auto; margin: 0; padding: 0; background: #fff; overflow: hidden;}

#userAlbumPublic .block.user-album.photo .header h2 {background: url('/images/common/photos.png') no-repeat 5px 8px;}
#userAlbumPublic .block.user-album.video .header h2 {background: url('/images/common/videos.png') no-repeat 5px 8px;}
#userAlbumPublic .block.user-album .content {font-size: 14px; padding: 10px; background: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#userAlbumPublic .block.user-album .content .item {float: left; border: 1px solid #fff; padding: 4px; position: relative;}
#userAlbumPublic .block.user-album .content .item.first-item {margin-left: 1px;}
#userAlbumPublic .block.user-album .content .item ul.media-content-options {position: absolute; right: 0; top: 0; overflow: hidden; display: none; border-bottom-left-radius: 4px; background: #fff; padding: 0 3px 4px 3px;}
#userAlbumPublic .block.user-album .content .item:hover ul.media-content-options {display: block;} 
#userAlbumPublic .block.user-album .content .item ul.media-content-options li {display: block;}
#userAlbumPublic .block.user-album .content .item ul.media-content-options li.edit {padding-left: 1px;}
#userAlbumPublic .block.user-album .content .item:hover {border: 1px solid #ccc;}
#userAlbumPublic .block.user-album .content .item a img {vertical-align: bottom; width: 105px;}
#userAlbumPublic .block.user-album .content .empty {text-align: center; margin: 20px 0 40px 0;}
/*Альбом пользователя публичный конец*/

/*Медиа альбома пользователя публичное начало*/
#albumShowContentPublic {float: right;}
#albumShowContentPublic .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#albumShowContentPublic .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#albumShowContentPublic .block .header h2 {font-size: 20px; padding-left: 25px;}
#albumShowContentPublic .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#albumShowContentPublic .block .header .options a {text-decoration: none;}
#albumShowContentPublic .block .content {float: none; width: auto; margin: 0; padding: 0; background: #fff; overflow: hidden;}

#albumShowContentPublic .block.user-album-content.photo .header h2 {background: url('/images/common/photos.png') no-repeat 5px 8px;}
#albumShowContentPublic .block.user-album-content.video .header h2 {background: url('/images/common/videos.png') no-repeat 5px 8px;}
#albumShowContentPublic .block.user-album-content .content {font-size: 14px; padding: 10px; background: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#albumShowContentPublic .content-media-wrapper {margin-bottom: 5px;}
#albumShowContentPublic .content-media-wrapper .options {font-size: 14px; float: none; overflow: hidden;}
#albumShowContentPublic .content-media-wrapper .options div.navigation {float: right; padding: 5px 0; overflow: hidden;}
#albumShowContentPublic .content-media-wrapper .options div.navigation a {display: inline-block; margin: 0 2px; text-decoration: none;}
#albumShowContentPublic .content-media-wrapper .options div.navigation .zoom {background: url('/images/blogs/zoom.png') no-repeat center; width: 16px; height: 16px; vertical-align: -3px;}
#albumShowContentPublic .content-media-wrapper .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#albumShowContentPublic .content-media-wrapper .options span.social {display: block; float: left; margin: 0; padding: 0;}
#albumShowContentPublic .content-media-wrapper .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#albumShowContentPublic .content-media-wrapper .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#albumShowContentPublic .content-media-wrapper .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#albumShowContentPublic .content-media-wrapper #photo {text-align: center; padding: 3px; border: 1px solid #ccc; position: relative;}
#albumShowContentPublic .content-media-wrapper #photo img {vertical-align: bottom; width: 570px;}
#albumShowContentPublic .content-media-wrapper #video {text-align: center;}
#albumShowContentPublic #previews {/*width: 578px; */height: 85px; overflow: hidden; padding: 0 20px;}
#albumShowContentPublic #previews .jcarousel-clip-horizontal {width: 543px; overflow: hidden; margin: 0 auto;}
#albumShowContentPublic #previews .jcarousel-clip-horizontal li {width: 75px; height: 75px; padding: 3px 0;}
#albumShowContentPublic #previews .jcarousel-clip-horizontal li a img {padding: 2px;}
#albumShowContentPublic #previews .jcarousel-clip-horizontal li a.current img {padding: 1px; border: 1px solid #09c;}
#albumShowContentPublic #previews .jcarousel-prev {position: absolute; left: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -20px center; z-index: 100; display: none !important; cursor: pointer;}
#albumShowContentPublic #previews .jcarousel-next {position: absolute; right: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -40px center; z-index: 100; display: none !important; cursor: pointer;}
#albumShowContentPublic #previews:hover .jcarousel-prev {display: block !important;}
#albumShowContentPublic #previews:hover .jcarousel-next {display: block !important;}
#albumShowContentPublic #previews:hover .jcarousel-prev-disabled {display: none !important;}
#albumShowContentPublic #previews:hover .jcarousel-next-disabled {display: none !important;}
#albumShowContentPublic #previews .jcarousel-prev:hover {background: url('/images/common/carousel-controls.png') no-repeat 0px center;}
#albumShowContentPublic #previews .jcarousel-next:hover {background: url('/images/common/carousel-controls.png') no-repeat -60px center;}

#albumShowContentPublic .block.user-album-content .content .empty {text-align: center; margin: 20px 0 40px 0;}
/*Медиа альбома пользователя публичное конец*/

/* Кумиры публичная начало */
#tastemakersFollowersPublic {float: right;}
#tastemakersFollowersPublic .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px; width: 598px;}
#tastemakersFollowersPublic .block .header {position: relative; padding: 3px 5px 7px 5px;}
#tastemakersFollowersPublic .block .header h2 {font-size: 20px; padding-left: 25px;}
#tastemakersFollowersPublic .block .header .options {position: absolute; right: 10px; top: 8px; font-size: 14px;}
#tastemakersFollowersPublic .block .header .options a {text-decoration: none;}
#tastemakersFollowersPublic .block .content {float: none; width: auto; margin: 0; padding: 0; background: #fff; overflow: hidden;}

#tastemakersFollowersPublic .block.tastemakers .header h2 {background: url('/images/common/tastemakers.png') no-repeat 5px 8px;}
#tastemakersFollowersPublic .block.followers .header h2 {background: url('/images/common/followers.png') no-repeat 5px 8px;}
#tastemakersFollowersPublic .block .content {font-size: 14px; padding: 10px; background: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#tastemakersFollowersPublic .block .content .empty {text-align: center; margin: 20px 0 40px 0;}
#tastemakersFollowersPublic .block .content ul li {display: inline-block; text-align: center; font-size: 12px; margin: 10px 18px; overflow: hidden;}
#tastemakersFollowersPublic .block .content ul li .left{float: left;}
#tastemakersFollowersPublic .block .content ul li .options {padding-left: 5px;}
#tastemakersFollowersPublic .block .content ul li .options a {display: block; width: 16px; height: 16px; margin-bottom: 10px;}
#tastemakersFollowersPublic .block .content ul li .options a.profile {background: url("/images/common/profile.png") no-repeat center;}
#tastemakersFollowersPublic .block .content ul li .options a.unfollow {background: url("/images/common/tastemakers-disabled.png") no-repeat center;}
#tastemakersFollowersPublic .block .content ul li .options a.id-text {background: url("/images/blogs/comment.png") no-repeat center;}
#tastemakersFollowersPublic .block .content ul li .options a.send-message {background: url("/images/common/messages.png") no-repeat center;}
#tastemakersFollowersPublic .block .content ul li.first-item {margin-left: 0;}
#tastemakersFollowersPublic .block .content ul li.last-item {margin-right: 0;}
#tastemakersFollowersPublic .block .content ul li a {text-decoration: none; color: #888;}
#tastemakersFollowersPublic .block .content ul li:hover a {color: #09c;}
#tastemakersFollowersPublic .block .content ul li a img {width: 100px; height: 100px; border: 3px solid #d1d1d1; border-radius: 5px;}
#tastemakersFollowersPublic .block .content ul li:hover a img {border: 3px solid #09c;}
#tastemakersFollowersPublic .block .content .bottom-pager {border-top: 1px dotted #ccc; margin-bottom: 0;}
#tastemakersFollowersPublic .block .content .bottom-pager li {margin: 0;}
#tastemakersFollowersPublic .block .content .bottom-pager li.next {padding: 5px 0;}
/* Кумиры публичная конец */

/*Блок коментариев*/
#CommentBlock {margin: 10px 0 20px 0; border: 1px solid #CCC; border-radius: 4px; background: #fff; box-shadow: 0 0 10px #ccc;}
#CommentBlock .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#CommentBlock .header h2 {font-size: 20px; padding-left: 5px;}
#CommentBlock .header .options {position: absolute; right: 10px; top: 3px; font-size: 14px; width: 150px;}
#CommentBlock .header .options.authorized {width: 200px;}
#CommentBlock .content {padding: 10px; font-size: 14px;}
#CommentBlock .content h3 {margin-bottom: 10px;}
#CommentBlock .content .comment-tab {display: none;}
#CommentBlock .content #vkTab {display: block;}
#CommentBlock .content #AddComment .textarea {margin: 0 0 15px 0;}
#CommentBlock .content #AddComment .textarea label {text-align: left; padding-left: 10px;}
#CommentBlock .socials .addthis_toolbox .addthis_button_google_plusone {margin: 4px 0;}
/*Galleries - 537px, User-post - 492px, Albums-photo - 492px*/
#CommentBlock .content #AddComment .textarea textarea {width: 537px;}
#publicPost #CommentBlock .content #AddComment .textarea textarea {width: 492px;}
#albumShowContentPublic #CommentBlock .content #AddComment .textarea textarea {width: 492px;}
#CommentBlock .content #AddComment .avatar {float: left; text-align: center; margin-right: 10px;}
#CommentBlock .content #AddComment .avatar a {text-decoration: none; color: #888; display: inline-block; width: 54px;}
#CommentBlock .content #AddComment .avatar a:hover {color: #09c;}
#CommentBlock .content #AddComment .avatar a img {height: 50px; width: 50px; border: 2px solid #d1d1d1; border-radius: 3px;}
#CommentBlock .content #AddComment .avatar a img:hover {border: 2px solid #09c;}
#commentServices {margin-bottom: 10px; border-bottom: 2px solid #0089D4;}
#commentServices li {display: inline-block; margin: 2px 0; position: relative;}
#commentServices li:first-child {margin-left: 0;}
#commentServices li.active span.small-pointer {background: url('/images/common/small-pointer.png'); position: absolute; display: block; width: 9px; height: 5px; bottom: -9px; left: 74px;}
#commentServices li a {display: block; border-radius: 2px; font-size: 12px; color: white; text-decoration: none; padding: 5px 20px 5px 40px; background: #cacaca; background-repeat: no-repeat; background-position: 3px 2px; background-size: 20px 20px;}
#commentServices li.vk a {background-color: #6D8FB3; background-image: url('/images/common/vk-login.png');}
#commentServices li.fb a {background-color: #5B74A8; background-image: url('/images/common/fb-login.png');}
#commentServices li.tw a {background-color: #DEDEDE; background-image: url('/images/common/tw-login.png');}
#commentServices li.ky a {background-color: #cacaca; background-image: url('/images/favicon.png'); padding-left: 39px;}
/*#publicPost .right .block .header .options.socials {top: 3px; overflow: hidden;}
#publicPost .right .block .header .options.socials span, #publicPost .right .block .header .options.socials a {float: left;}
#publicPost .right .block .header .options.socials span.like-it {margin: 0 3px;}
#publicPost .right .block .header .options.socials span.unlike-it {margin: 0 3px;}
#publicPost .right .block .header .options a {text-decoration: none;}
#publicPost .right .block .content {float: none; width: auto; margin: 0; padding: 0; background: none; overflow: hidden;}*/

/*Пригласить друзей начало*/
form#InviteFriends .left {float: left; margin-top: 60px;}
form#InviteFriends .right {float: left;}
form#InviteFriends .right #plugins {height: 250px; overflow-y: scroll; width: 250px; border: 1px solid #c3c3c3; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; margin-left: 20px; padding: 0 5px;}
form#InviteFriends .right #plugins li {list-style: none;}
form#InviteFriends .right #plugins li label img {vertical-align: middle;}
form#InviteFriends .tip {text-align: center;}
form#InviteFriends .input {margin: 15px 12px 15px 11px;}
form#InviteFriends .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#InviteFriends .input input {width: 274px;}
form#InviteFriends .submit {text-align: center;}
form#InviteFriends .submit input {cursor: pointer;}
/*Пригласить друзей конец*/

/*Страница галерей начало*/
#galleryIndex .gallery-item-wrapper {float: left; width: 50%; text-align: center; margin: 20px 0;}
#galleryIndex .gallery-item {}
#galleryIndex .gallery-item .thumbnail {background: url('/images/common/stack200.png') no-repeat center; width: 200px; height: 200px; padding: 13px;}
#galleryIndex .gallery-item .thumbnail img {}
#galleryIndex .gallery-item .title {margin-top: 15px; text-align: center;}
#galleryIndex .gallery-item .title a {text-decoration: none;} 
#galleryIndex .gallery-item .title a:hover {text-decoration: overline;}
/*Страница галерей конец*/


/*Страница галереи начало*/
#galleryShowGalleryChilds {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
.child-gallery-item {border: 1px solid #c3c3c3; margin: 10px 0; padding: 5px; overflow: hidden;}
.child-gallery-item:hover {background: #f3f8ff;}
.child-gallery-item .thumb {float: left; margin-right: 10px;}
.child-gallery-item .thumb img {height: 100px; width: 100px;}
.child-gallery-item .info {font-size: 12px; color: #676767;}
.child-gallery-item .info p {margin: 3px 0;}
.child-gallery-item .info .title {margin-top: 0px;}
.child-gallery-item .info .title a {text-decoration: none; font-weight: bold; font-size: 14px;}
.child-gallery-item .info .description {color: #000;}

#galleryShowGalleryItems {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#galleryShowGalleryItems .item {float: left; padding: 5px; border: 1px solid #fafafa;}
#galleryShowGalleryItems .first-item {margin-left: 8px;}
#galleryShowGalleryItems .last-item {}
#galleryShowGalleryItems .item:hover {border: 1px solid #c3c3c3;}
#galleryShowGalleryItems .item img {width: 140px;}
#galleryShowGalleryItems #load-more {text-align: center; margin: 10px 0 0 0;}

#galleryShowContent {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#galleryShowContent .photo {margin-bottom: 5px;}
#galleryShowContent .photo .options {font-size: 14px; float: none; overflow: hidden;}
#galleryShowContent .photo .options div.navigation {float: right; padding: 5px 0; overflow: hidden;}
#galleryShowContent .photo .options div.navigation a {display: inline-block; margin: 0 2px; text-decoration: none;}
#galleryShowContent .photo .options div.navigation .zoom {background: url('/images/blogs/zoom.png') no-repeat center; width: 16px; height: 16px; vertical-align: -3px;}
#galleryShowContent .photo .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#galleryShowContent .photo .options span.social {display: block; float: left; margin: 0; padding: 0;}
#galleryShowContent .photo .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#galleryShowContent .photo .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#galleryShowContent .photo .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#galleryShowContent .photo img#photo {width: 618px; height: auto;}
#galleryShowContent #previews {width: 578px; height: 85px; overflow: hidden; padding: 0 20px;}
#galleryShowContent #previews .jcarousel-clip-horizontal {width: 578px; overflow: hidden;}
#galleryShowContent #previews .jcarousel-clip-horizontal li {width: 75px; height: 75px; padding: 5px 0;}
#galleryShowContent #previews .jcarousel-clip-horizontal li a img {padding: 2px;}
#galleryShowContent #previews .jcarousel-clip-horizontal li a.current img {padding: 1px; border: 1px solid #09c;}
#galleryShowContent #previews .jcarousel-prev {position: absolute; left: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -20px center; z-index: 100; display: none !important; cursor: pointer;}
#galleryShowContent #previews .jcarousel-next {position: absolute; right: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -40px center; z-index: 100; display: none !important; cursor: pointer;}
#galleryShowContent #previews:hover .jcarousel-prev {display: block !important;}
#galleryShowContent #previews:hover .jcarousel-next {display: block !important;}
#galleryShowContent #previews:hover .jcarousel-prev-disabled {display: none !important;}
#galleryShowContent #previews:hover .jcarousel-next-disabled {display: none !important;}
#galleryShowContent #previews .jcarousel-prev:hover {background: url('/images/common/carousel-controls.png') no-repeat 0px center;}
#galleryShowContent #previews .jcarousel-next:hover {background: url('/images/common/carousel-controls.png') no-repeat -60px center;}

#albumShowContent {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#albumShowContent .content-media-wrapper {margin-bottom: 5px;}
#albumShowContent .content-media-wrapper .options {font-size: 14px; float: none; overflow: hidden;}
#albumShowContent .content-media-wrapper .options div.navigation {float: right; padding: 5px 0; overflow: hidden;}
#albumShowContent .content-media-wrapper .options div.navigation a {display: inline-block; margin: 0 2px; text-decoration: none;}
#albumShowContent .content-media-wrapper .options div.navigation .zoom {background: url('/images/blogs/zoom.png') no-repeat center; width: 16px; height: 16px; vertical-align: -3px;}
#albumShowContent .content-media-wrapper .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#albumShowContent .content-media-wrapper .options span.social {display: block; float: left; margin: 0; padding: 0;}
#albumShowContent .content-media-wrapper .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#albumShowContent .content-media-wrapper .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#albumShowContent .content-media-wrapper .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#albumShowContent .content-media-wrapper #photo {text-align: center; padding: 3px; border: 1px solid #ccc; position: relative;}
#albumShowContent .content-media-wrapper #photo img {vertical-align: bottom;}
#albumShowContent .content-media-wrapper #video {text-align: center;}
#albumShowContent #previews {/*width: 578px; */height: 85px; overflow: hidden; padding: 0 20px;}
#albumShowContent #previews .jcarousel-clip-horizontal {width: 578px; overflow: hidden; margin: 0 auto;}
#albumShowContent #previews .jcarousel-clip-horizontal li {width: 75px; height: 75px; padding: 5px 0;}
#albumShowContent #previews .jcarousel-clip-horizontal li a img {padding: 2px;}
#albumShowContent #previews .jcarousel-clip-horizontal li a.current img {padding: 1px; border: 1px solid #09c;}
#albumShowContent #previews .jcarousel-prev {position: absolute; left: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -20px center; z-index: 100; display: none !important; cursor: pointer;}
#albumShowContent #previews .jcarousel-next {position: absolute; right: 0; top: 5px; height: 75px; width: 20px; background: url('/images/common/carousel-controls.png') no-repeat -40px center; z-index: 100; display: none !important; cursor: pointer;}
#albumShowContent #previews:hover .jcarousel-prev {display: block !important;}
#albumShowContent #previews:hover .jcarousel-next {display: block !important;}
#albumShowContent #previews:hover .jcarousel-prev-disabled {display: none !important;}
#albumShowContent #previews:hover .jcarousel-next-disabled {display: none !important;}
#albumShowContent #previews .jcarousel-prev:hover {background: url('/images/common/carousel-controls.png') no-repeat 0px center;}
#albumShowContent #previews .jcarousel-next:hover {background: url('/images/common/carousel-controls.png') no-repeat -60px center;}
/*Страница галереи конец*/

/*Страницы сообщений начало*/
    /*Н:Общее*/
.messages-wrapper {box-shadow: 0 0 10px #ccc; padding: 0; border: 1px solid #CCC; border-radius: 4px; border-top-left-radius: 0; margin-bottom: 50px; background: #fff;}
.messages-table {margin: 0; font-size: 12px; width: 100%; border-top-right-radius: 8px; -moz-border-radius-topright: 8px;}
.messages-table caption {font-weight: bold; text-align: right;}
.messages-table tr th {padding: 7px 5px;}
.messages-table tr.odd td {background: #f6f6f6;}
.messages-table tr:hover td {background: #f1f6ff;}
.messages-table tr td {text-align: center; padding: 5px;}
.messages-table tr td.check {width: 28px;}
.messages-table tr td.status {width: 38px;}
.messages-table tr td.date {width: 163px;}
.messages-table tr td.login {/*background: #F1F4F9; border-left: none;*/ padding: 7px 0 7px 0; width: 130px;}
.messages-table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
.messages-table tr td.empty-space {padding: 150px 0;}
.messages-form div.submit {text-align: center; width: auto; position: absolute; bottom: 0; width: 100%;}
    /*К:Общее*/
    /*Н:Входящие*/
    /*К:Входящие*/
    /*Н:Исходящие*/
.messages-outbox .content {position: relative;}
#middle #OutboxMessages .top-pager {margin: 10px 0 0 0; padding: 0 10px 10px 10px;}
#middle #OutboxMessages .bottom-pager {margin: 0 ; padding: 10px;}
/*.messages-outbox .content .side-pager {position: absolute; right: 35px; width: 300px; top: 50px;}*/
    /*К:Исходящие*/
    /*Н:Спам*/
    /*К:Спам*/
    /*Н:Удалённые*/
    /*К:Удалённые*/
    /*Н:Показать*/
.messages-show .message {border: 1px solid #c3c3c3; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; position: relative;}
.messages-show .message a {text-decoration: none;}
.messages-show .message h2 {
    font-weight: normal; 
    font-size: 20px; 
    padding: 0 0 3px 15px; 
    border-bottom: 1px solid #c3c3c3; 
    border-right: 1px solid #c3c3c3; 
    margin-right: 100px; 
    border-bottom-right-radius: 8px; 
    -moz-border-radius-bottomright: 8px;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* ie */}
.messages-show .message div {margin-bottom: 5px; padding: 0 15px;}
.messages-show .message div.details {
    border-bottom: 1px solid #c3c3c3; 
    border-right: 1px solid #c3c3c3; 
    float: left; 
    padding: 2px 15px 4px 15px; 
    font-size: 14px; 
    border-bottom-right-radius: 5px; 
    -moz-border-radius-bottomright: 5px;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* ie */
}
.messages-show .message div.message-body {padding-bottom: 10px;}
.messages-show .message div.options {
    display: none;
    position: absolute; 
    top: 0; 
    right: 0; 
    padding: 3px 0 7px 10px; 
    border-bottom: 1px solid #c3c3c3; 
    border-left: 1px solid #c3c3c3; 
    border-bottom-left-radius: 8px; 
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px; 
    -moz-border-radius-topright: 8px;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* ie */
}
.messages-show .message div.options a {
    font-size: 14px;
    padding-right: 30px;
    background: url('/images/common/administer.png') no-repeat 64px 3px; 
}
    /*К:Показать*/
/*Страницы сообщений конец*/

/*Страница блога приватная начало*/
#middle.blogs-index .content .textarea {position: relative;}
#middle.blogs-index .content .textarea label {font-size: 20px; color: #888; position: absolute; top: 6px; left: 11px;}
#middle.blogs-index .content .textarea textarea {width: 631px;}
#middle.blogs-index .content .submit {text-align: right;}
#blogIndex {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px;}
#blogPostsHolder {margin-top: 30px;}
#blogPostsHolder .blogPost {background: #fff; padding: 10px; margin: 10px 0 50px 0; font-size: 14px; border: 1px solid #eee; position: relative; border-bottom-left-radius: 3px;}
#blogPostsHolder .blogPost .options {position: absolute; right: 300px; bottom: -23px; width: auto; font-size: 12px;}
#blogPostsHolder .blogPost .options a {cursor: pointer; text-decoration: none;}
#blogPostsHolder .blogPost .options span {margin: 0 10px;}
#blogPostsHolder .blogPost .data {position: absolute; right: -1px; bottom: -31px; width: auto; border: 1px solid #eee; overflow: hidden; background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-right: 5px;}
#blogPostsHolder .blogPost .data div {float: left; margin: 0 0 0 10px; padding: 5px 5px 5px 20px;}
#blogPostsHolder .blogPost .data div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#blogPostsHolder .blogPost .data div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#blogPostsHolder .blogPost .data div.date {background: url('/images/blogs/date.png') no-repeat center left;}
/*Страница блога приватная конец*/

/* Альбомы пользователя начало */
#userAlbums {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
.albums-user-albums .content > ul.options {font-size: 12px; position: absolute; right: 0; top: 10px;}
.albums-user-albums .content > ul.options li {display: inline-block;}
.empty-space {text-align: center; margin: 50px 0;}
/* Альбомы пользователя конец */

/* Альбом пользователя начало */
.albums-user-album .content > div.options {position: relative; background: #f8f8f8 url('/images/common/administer.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin: 4px 5px 0 0; float: left;}
.albums-user-album .content > div.options:hover {background-color: #eee;}
.albums-user-album .content > div.options > ul.options-dropdown {font-size: 12px; position: absolute; left: -1px; top: 25px; display: none; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 145px; z-index: 1;}
.albums-user-album .content > div.options:hover > ul.options-dropdown {display: block;}
.albums-user-album .content > div.options > ul.options-dropdown li {display: block; border-bottom: 1px dotted #ccc; padding: 4px 0 7px 0; text-align: left;}
.albums-user-album .content > div.options > ul.options-dropdown li.last-item {border-bottom: 0 none;}
.albums-user-album .content > div.options > ul.options-dropdown li .upload-media {background: url('/images/common/upload.png') no-repeat -2px 1px; padding-left: 18px;}
.albums-user-album .content > div.options > ul.options-dropdown li .edit-album {background: url('/images/common/blog.png') no-repeat left; padding-left: 18px;}
.albums-user-album .content > div.options > ul.options-dropdown li .delete-album {background: url('/images/cancel.png') no-repeat -2px 1px; padding-left: 18px;}
#userAlbum {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#userAlbum .item {float: left; border: 1px solid #fff; padding: 4px; position: relative;}
#userAlbum .item.first-item {margin-left: 1px;}
#userAlbum .item ul.media-content-options {position: absolute; right: 0; top: 0; overflow: hidden; display: none; border-bottom-left-radius: 4px; background: #fff; padding: 0 3px 4px 3px;}
#userAlbum .item:hover ul.media-content-options {display: block;} 
#userAlbum .item ul.media-content-options li {display: block;}
#userAlbum .item ul.media-content-options li.edit {padding-left: 1px;}
#userAlbum .item:hover {border: 1px solid #ccc;}
#userAlbum .item a img {vertical-align: bottom;}
#load-more {text-align: center; font-size: 12px; margin-top: 3px; padding: 5px 0;}
/* Альбом пользователя конец */

/* Загрузка медиа начало */

#userAlbumVideoUploadWrapper {position: relative; padding: 15px 0 20px 0;}
#userAlbumVideoUploadTip {position: absolute; color: #aaa; bottom: 0; left: 50px; font-size: 12px;}
#userAlbumVideoUploadLink, #userAlbumVideoUploadStart {vertical-align: -3px;}
#userAlbumVideoUploadLink {width: 318px;}

#userAlbumContentUpload {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#userAlbumContentUploadForm .tip {text-align: center; font-size: 13px;}
#userAlbumContentUploadForm .input {margin: 10px 0;}
#userAlbumContentUploadForm .input label {margin-right: 10px;}
#userAlbumContentUploadForm .select select {width: 495px; vertical-align: -4px;}
#userAlbumContentUploadForm .submit {text-align: center; display: none;}
#userAlbumContentUploadForm fieldset {padding: 5px 5px 15px 5px; border-radius: 3px; border: 1px solid #ccc;}

#userAlbumPhotoUploadTip {position: absolute; color: #aaa; bottom: 0; left: 145px; font-size: 12px;}
#userAlbumPhotoUploadWrapper {position: relative; padding: 0 0 20px 0;}
#userAlbumPhotoUploadWrapper .uploadifyQueue {display: none;}
#userAlbumPhotoUploadWrapper label {font-size: 14px; vertical-align: 16px;}

#uploadedMediaContainer {width: 100%; font-size: 14px; border: 1px solid #ccc; margin: 15px 0; display: none; border-radius: 3px;}
#uploadedMediaContainer tr th {font-weight: normal; background: #eee; padding: 5px;}
#uploadedMediaContainer td {padding: 5px; border-bottom: 1px solid #ccc;}
#uploadedMediaContainer .preview {width: 100px;}
#uploadedMediaContainer .preview img {width: 100px;}
#uploadedMediaContainer .title-description {width: 490px;}
#uploadedMediaContainer .title-description input {width: 482px; font-size: 12px; padding: 2px; margin-bottom: 5px;}
#uploadedMediaContainer .title-description textarea {width: 484px; font-size: 12px; padding: 2px; resize:none;}
#uploadedMediaContainer .remove {color: #f00; cursor: pointer; text-align: center;}
/* Загрузка медиа конец */

/* Создание альбома начало */
#userAlbumCreate {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#userAlbumCreateForm .input {margin: 10px 0;}
#userAlbumCreateForm .input label {width: 150px; text-align: right; margin-right: 10px; display: inline-block;}
#userAlbumCreateForm .text input {vertical-align: -4px; width: 448px;}
#userAlbumCreateForm .textarea textarea {vertical-align: middle; width: 448px;}
#userAlbumCreateForm .select select {vertical-align: middle; width: 470px;}
#userAlbumCreateForm .submit {text-align: center;}
/* Создание альбома конец */

/* Удаление альбома начало */
#UserAlbumDeletePopup .content p {margin: 10px 0 5px 0;}
/* Удаление альбома конец */

/*Редактирование единицы контента альбома начало*/
#UserAlbumContentEditPopup .header {margin-bottom: 10px;}
#UserAlbumContentEditPopup form .preview {float: left;}
#UserAlbumContentEditPopup form .preview img {vertical-align: bottom; width: 150px; height: 150px; padding: 3px; border: 1px solid #ccc;}
#UserAlbumContentEditPopup form .text {padding-left: 170px; margin-top: 0;}
#UserAlbumContentEditPopup form .textarea {padding-left: 170px;}
#UserAlbumContentEditPopup form .text input, #UserAlbumContentEditPopup form .textarea textarea {padding: 4px; width: 340px; font-size: 12px; font-family: "Arial";}
#UserAlbumContentEditPopup form .textarea textarea {height: 113px;}
/*Редактирование единицы контента альбома конец*/

/*User news*/
#userNews {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff; position: relative;}
#userNews #mapOver {background: #fff url('/images/colorbox/loading.gif') no-repeat center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.7; border-radius: 4px;}

/*Избранное начало*/
#userLikes {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff; position: relative; min-height: 100px;}
#userLikesOver {background: #fff url('/images/colorbox/loading.gif') no-repeat center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.7; border-radius: 4px;}
.likes-user-likes .options {position: absolute; right: 0; top: 10px;}
.likes-user-likes .options li {display: inline-block;}
.likes-user-likes .options li a {display: inline-block; height: 16px; width: 16px;}
.likes-user-likes .options li a.all {background: url('/images/common/favourite.png') no-repeat 0px -1px;}
.likes-user-likes .options li a.all.gs {background: url('/images/common/favourite-gs.png') no-repeat 0px -1px;}
.likes-user-likes .options li a.news {background: url('/images/common/news.png') no-repeat;}
.likes-user-likes .options li a.news.gs {background: url('/images/common/news-gs.png') no-repeat;}
.likes-user-likes .options li a.gallery {background: url('/images/common/gallery.png') no-repeat;}
.likes-user-likes .options li a.gallery.gs {background: url('/images/common/gallery-gs.png') no-repeat;}
.likes-user-likes .options li a.album {background: url('/images/common/photos.png') no-repeat;}
.likes-user-likes .options li a.album.gs {background: url('/images/common/photos-gs.png') no-repeat;}
.likes-user-likes .options li a.posts {background: url('/images/common/blog.png') no-repeat;}
.likes-user-likes .options li a.posts.gs {background: url('/images/common/blog-gs.png') no-repeat;}
#userLikes .likedPost {font-size: 12px; border-bottom: 1px dotted #ccc; padding-bottom: 7px; margin-bottom: 7px;}
#userLikes .likedPost .time {color: #aaa;}
#userLikes .likedNews {font-size: 12px; border-bottom: 1px dotted #ccc; padding-bottom: 7px; margin-bottom: 7px;}
#userLikes .likedNews .time {color: #aaa;}
#userLikes .likedGallery {font-size: 12px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 7px; overflow: hidden;}
#userLikes .likedGallery .preview {float: left; margin-right: 10px;}
#userLikes .likedGallery .preview img {width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 3px; padding: 2px;}
#userLikes .likedGallery .info {margin-top: 19px;}
#userLikes .likedGallery .time {color: #aaa;}
#userLikes .likedAlbum {font-size: 12px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 7px; overflow: hidden;}
#userLikes .likedAlbum .preview {float: left; margin-right: 10px;}
#userLikes .likedAlbum .preview img {width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 3px; padding: 2px;}
#userLikes .likedAlbum .info {margin-top: 19px;}
#userLikes .likedAlbum .time {color: #aaa;}
/*Избранное конец*/

/*Социалки начало*/
.social-block {margin: 5px 0; padding: 0 5px; border: 1px solid #09c;}
.social-block .social {float: left;}
.social-block .author {font-size: 12px; height: 32px; line-height: 32px;}
.social-block .pub_date {font-size: 12px; height: 32px; line-height: 32px; background: url('/images/blogs/date.png') no-repeat 0 7px; padding-left: 20px; float: right;}
.social-block .social a {display: block; height: 32px; background: url('/images/socials/sprite.png') no-repeat;}
.social-block .vkontakte {margin-left: 52px;}
.news-show-news .social-block .vkontakte {margin-left: 232px;}
.social-block .vkontakte a {background-position: 0;}
.social-block .blogger a {background-position: -32px 0;}
.social-block .twitter a {background-position: -64px 0;}
.social-block .facebook a {background-position: -96px 0;}
/*.social-block .author a {background: url('/images/socials/user.png') no-repeat 0 3px; padding-left: 27px;}*/
.social-block .author a {background: url('/images/common/profile.png') no-repeat 0 8px; padding-left: 18px;}
.social-block .comments {font-size: 12px; line-height: 32px;}
.social-block .comments a {background: none; width: auto; background: url('/images/blogs/comment.png') no-repeat 0; padding-left: 18px;}
/*Социалки конец*/

/*Комментарии в dialog*/
.ui-widget-content .social-block {color: #000;}
.ui-widget-content .social-block a {color: #09c; text-decoration: none;}
.ui-widget-content .social-block a:hover {text-decoration: underline;}
.ui-widget-content .leave-comment-unregistered {font-size: 16px; color: #000;}
.ui-widget-content .leave-comment-unregistered a {color: #09c; text-decoration: none;}
.ui-widget-content .leave-comment-unregistered a:hover {text-decoration: underline;}
.ui-widget-content .leave-comment-registered {color: #000; font-size: 15px; margin-top: 20px;}
.ui-widget-content .leave-comment-registered h3 {font-size: 19px;}
.ui-widget-content .leave-comment-registered .submit input {font-size: 24px !important; padding: 5px !important; border-radius: 10px !important; -moz-border-radius: 10px !important;}

.ui-widget-content .comment-header {margin-top: 30px; background: url('/images/socials/comments.png') no-repeat left center; padding-left: 35px;}
.ui-widget-content .comment-header a {color: #09c !important; text-decoration: none;}
.ui-widget-content .comment-block {padding: 7px 7px 8px 7px;}
.ui-widget-content .comment-block:hover {background: #f7f7f7;}
.ui-widget-content .comment-block .comment-additional {font-size: 12px; margin-bottom: 5px;}
.ui-widget-content .comment-block .comment-additional a {color: #09c !important;}
.ui-widget-content .comment-block .comment-additional a.comment-author {display: block; float: left; text-decoration: none;}
.ui-widget-content .comment-block .comment-additional a.comment-author:hover {text-decoration: underline;}
.ui-widget-content .comment-block .comment-additional a.comment-link {display: block; float: left; margin-left: 10px; text-decoration: underline;}
.ui-widget-content .comment-block .comment-additional p.pub_date {display: block; float: right; color: #838383;}
.ui-widget-content .comment-block .comment-body {font-size: 13px; text-indent: 15px;}
.ui-widget-content .comment-block .comment-body a {font-size: 13px; text-indent: 15px;}
/*Комментарии в dialog*/

/*Комментарии*/
.content .comment-header {margin-top: 30px; background: url('/images/socials/comments.png') no-repeat left center; padding-left: 35px;}
.content .comment-header a {text-decoration: none;}
.content .comment-header a:hover {text-decoration: none;}
.content .comment-block {padding: 7px 7px 8px 7px; border: 1px solid #fafafa;}
.content .comment-block:hover {background: #f7f7f7; border: 1px solid #efefef;}
.content .comment-block .comment-additional {font-size: 12px; margin-bottom: 5px;}
.content .comment-block .comment-additional a.comment-author {display: block; float: left; text-decoration: none;}
.content .comment-block .comment-additional a.comment-author:hover {text-decoration: underline;}
.content .comment-block .comment-additional a.comment-link {display: block; float: left; margin-left: 10px; text-decoration: underline;}
.content .comment-block .comment-additional p.pub_date {display: block; float: right; color: #838383;}
.content .comment-block .comment-body {font-size: 13px; text-indent: 15px;}
.content .leave-comment-registered {margin-top: 20px;}
.content .leave-comment-unregistered {text-align: right; margin-top: 20px;}
/*Комментарии*/

/*Опции начало*/
.pages-plan .options.right {float: right;}
.pages-plan .options.left {float: left; font-size: 14px; list-style: none;}
.pages-plan .options.left li {display: inline-block;}
.pages-plan .options.left li.active a {color: #ccc; text-decoration: none;}
.pages-plan .options {text-align: right; margin: 2px 0 8px 0;}
.pages-plan .options .download-pdf {display: inline-block; background: url('/images/common/save.png') no-repeat right center; height: 16px; width: 16px;}
.pages-plan .options .print {display: inline-block; background: url('/images/common/print-icon.png') no-repeat right center; height: 25px; width: 25px;}
/*Опции конец*/

#middle .pager, #cboxLoadedContent .pager {text-align: center; list-style: none; margin: 10px 0;}
#middle .top-pager {border-bottom: 1px dotted #ccc; font-size: 14px; margin: 0 0 15px 0; padding: 0 0 10px 0;}
#middle .bottom-pager, #cboxLoadedContent .comments-pager {border-top: 1px dotted #ccc; font-size: 14px; margin: 15px 0 0 0; padding: 10px 0 0 0;}
#cboxLoadedContent .comments-pager {border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
#middle .pager li, #cboxLoadedContent .pager li {display: inline-block; padding: 0 5px;}
#middle .pager li.previous, #cboxLoadedContent .pager li.previous {float: left; padding: 0;}
#middle .pager li.previous a, #cboxLoadedContent .pager li.previous a {text-decoration: none;}
#middle .pager li.next, #cboxLoadedContent .pager li.next {float: right; padding: 0;}
#middle .pager li.next a, #cboxLoadedContent .pager li.next a {text-decoration: none;}
#middle .pager li a, #cboxLoadedContent .pager li a {color: #0099CC;}


/*Dialog forms starts*/
#dialog form .input {margin: 10px 12px 10px 11px;}
#dialog form .input label {display: block;}
#dialog form .input input {border: 1px solid #ccc; padding: 3px; width: 244px; border-radius: 0; -moz-border-radius: 0; font-size: 12px;}
#dialog form .checkbox input {padding: 0; width: auto; vertical-align: text-top;}
#dialog form .checkbox label {display: inline; margin-left: 10px;}
#dialog form .tip {text-align: right;}
/*Dialog forms ends*/

/*Restore password starts*/
#middle.users-forgot .container .content {padding-top: 15px; width: 100%;}
.users-forgot .content .page-header {margin-bottom: 15px;}
.users-forgot .left {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
/*Restore password ends*/

/*Registration page starts*/
#middle.users-register .container .content {padding-top: 15px; width: 100%;}
.users-register .content .page-header {margin-bottom: 15px;}
.users-register .left {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
.users-register .right {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px; display: none; text-align: center;}
.users-register .right #login_button {margin: 0 auto; width: 130px !important;}

#UsersRegister .input {margin: 15px 12px 15px 11px;}
#UsersRegister .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px; vertical-align: 4px;}
#UsersRegister .input input {width: 274px;}
#UsersRegister .input div.tip {border: 1px solid #CCCCCC; display: inline-block; font-size: 12px; line-height: 24px; margin-left: -5px; padding: 7px 10px 7px 30px; vertical-align: top; min-width: 320px; background: #efefef url('/images/common/arrow.png') no-repeat 5px center;}
#UsersRegister .input div.tip.progress {background: #EFEFEF url('/images/common/refresh-animated.gif') no-repeat 8px center;}
#UsersRegister .input div.tip.error {background: #EFEFEF url('/images/common/circle-close.png') no-repeat 5px center; border: 1px solid #a20300;}
#UsersRegister .input div.tip.success {background: #EFEFEF url('/images/common/circle-check.png') no-repeat 5px center; border: 1px solid #017d01;}
#UsersRegister .input div.tip.weak {background: #EFEFEF url('/images/common/lock-weak.png') no-repeat 5px center; border: 1px solid #CCCCCC;}
#UsersRegister .input div.tip.medium {background: #EFEFEF url('/images/common/lock-medium.png') no-repeat 5px center; border: 1px solid #CCCCCC;}
#UsersRegister .input div.tip.strong {background: #EFEFEF url('/images/common/lock-strong.png') no-repeat 5px center; border: 1px solid #CCCCCC;}
#UsersRegister .checkbox input {padding: 0; width: auto; vertical-align: baseline;}
#UsersRegister .checkbox {text-align: center;}
#UsersRegister .checkbox label {display: inline; margin-left: 10px; vertical-align: 1px;}
#UsersRegister .submit {text-align: center;}
#UsersRegister .submit input {cursor: pointer;}
/*Registration page ends*/

/*Login page starts*/
#middle.users-login .container .content {padding-top: 15px; width: 100%;}
#middle.users-login h1.page-header {margin-bottom: 15px;}
#UserLoginPage {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
#UserLoginPage .left {float: left; width: 445px; padding-right: 10px; border-right: 2px solid #dedede;}
#UserLoginPage .left h2 {text-align: center; font-weight: normal; margin-bottom: 43px;}
#UserLoginPage .forgot {text-align: right; padding: 0 15px 50px 0;}
#UserLoginPage .right {float: right; width: 405px; text-align: center;}
#UserLoginPage .right h2 {text-align: center; font-weight: normal; margin-bottom: 30px;}
#UsersLoginStatic {position: relative;}
#UsersLoginStatic .input {margin: 15px 12px 15px 11px;}
#UsersLoginStatic .input label {display: inline-block; width: 135px; text-align: right; margin-right: 10px;}
#UsersLoginStatic .input.text input, #UsersLoginStatic .input.password input {width: 248px;}
#UsersLoginStatic .submit {text-align: center;}
#UsersLoginStatic .submit input {cursor: pointer; padding: 1px 40px 6px 40px;}
#thirdPartyLogins {}
/*.users-login .forgot {border-left: 2px solid #f9e7e6; position: absolute; top: -8px; left: 477px; padding: 30px 0 0 15px; height: 80px;}*/
/*Login page ends*/

/*Login popup starts*/
.ajax-block {padding: 10px;}
.ajax-block h1 {font-size: 30px; line-height: 30px; font-weight: normal; color: #09c;}
.ajax-block .input {margin: 10px 0; position: relative;}
.ajax-block .input .inFieldLabel {position: absolute; color: #888; font-size: 20px; left: 12px; bottom: 6px;}
.ajax-block .input input {border-radius: 2px; font-size: 20px; color: #888; padding: 5px 10px; font-family: "Segoe UI", "Ubuntu", "Verdana";}
.ajax-block .text input {width: 278px;}
.ajax-block .password input {width: 278px;}
.ajax-block .options {font-size: 12px; text-align: right;}
.ajax-block .submit {overflow: hidden; border-top: 1px dotted #c3c3c3; padding-top: 10px;}
.ajax-block .submit input {padding: 1px 15px 6px 15px;}
.ajax-block .submit .colorbox-close {float: right; color: #888; font-size: 14px; line-height: 36px;}
#ajaxLoginForm h1 {float: left;}
#ajaxLoginForm .socialLogin {float: right;}
#ajaxLoginForm .socialLogin a img {vertical-align: -3px;}
/*Login popup ends*/

/* FB-login page starts */
#middle.users-fb-login-success .container .content {padding-top: 15px; width: 100%;}
#middle.users-fb-login-success h1.page-header {margin-bottom: 15px;}
#middle.users-fb-login-success .left {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
#fbLoginPage {position: relative;}
#fbLoginPage .input {margin: 15px 12px 15px 11px;}
#fbLoginPage .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
#fbLoginPage .input input {width: 274px;}
#fbLoginPage .submit {text-align: center;}
#fbLoginPage .submit input {cursor: pointer;}
/* FB-login page ends */

/* VK-login page starts */
#middle.users-vk-login-success .container .content {padding-top: 15px; width: 100%;}
#middle.users-vk-login-success h1.page-header {margin-bottom: 15px;}
#middle.users-vk-login-success .left {border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
#vkLoginPage {position: relative;}
#vkLoginPage .input {margin: 15px 12px 15px 11px;}
#vkLoginPage .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
#vkLoginPage .input input {width: 274px;}
#vkLoginPage .submit {text-align: center;}
#vkLoginPage .submit input {cursor: pointer;}
/* VK-login page ends */

/*Logout popup starts*/
#AjaxLogoutBlock p {margin: 5px 0;}
/*Logout popup ends*/

/*Create message popup starts*/
#MessageCreatePopup {}
#MessageCreatePopup label {display: block;}
#MessageCreatePopup .text input {width: 438px;}
#MessageCreatePopup .textarea textarea {width: 438px;}

/*Blog edit popup starts*/
#BlogsEditPopup textarea {width: 678px; height: 288px;}
/*Blog edit popup ends*/

/*Blog view popup starts*/
#PostViewPopup {width: 700px; padding: 10px 10px 0 10px;}
#PostViewPopup .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px;}
#PostViewPopup .block .header {position: relative; padding: 3px 5px 7px 5px;}
#PostViewPopup .block .header h2 {font-size: 20px; font-weight: bold; color: #000; padding-left: 10px;}
#PostViewPopup .block .header .options {position: absolute; right: 10px; top: 5px; font-size: 14px;}
#PostViewPopup .block .header .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#PostViewPopup .block .header .options span.social {display: block; float: left; margin: 0; padding: 0;}
#PostViewPopup .block .header .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#PostViewPopup .block .header .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#PostViewPopup .block .header .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#PostViewPopup .block .content {padding: 0 20px;}
#PostViewPopup .block .content .message {margin: 20px 0;}
#PostViewPopup .block.comments .content {padding: 20px 20px 0 20px;}
#PostViewPopup .submit input {border: 1px solid #ccc; color: #c3c3c3; border-radius: 2px; font-size: 20px; color: #888; font-family: "Segoe UI", "Ubuntu", "Verdana"; cursor: pointer;}
/*Blog view popup ends*/

/*Photo view popup starts*/
/*#galleryShowPhoto {width: 700px; padding: 10px 10px 0 10px;}
#galleryShowPhoto .block {box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border: 1px solid #CCC; border-radius: 4px;}
#galleryShowPhoto .block .header {position: relative; padding: 3px 5px 7px 5px;}
#galleryShowPhoto .block .header h2 {font-size: 20px; font-weight: bold; color: #000; padding-left: 10px;}
#galleryShowPhoto .block .header .options {position: absolute; right: 10px; top: 3px; font-size: 14px;}
#galleryShowPhoto .block .header .options div.social {display: block; float: left; margin: 0 0 0 5px; padding: 5px 5px 5px 20px;}
#galleryShowPhoto .block .header .options span.social {display: block; float: left; margin: 0; padding: 0;}
#galleryShowPhoto .block .header .options div.comments_count {background: url('/images/blogs/comment.png') no-repeat center left;}
#galleryShowPhoto .block .header .options div.likes_count {background: url('/images/blogs/like.png') no-repeat center left;}
#galleryShowPhoto .block .header .options div.date {background: url('/images/blogs/date.png') no-repeat center left;}
#galleryShowPhoto .block .content {padding: 0 20px;}
#galleryShowPhoto .block .content .photo {margin: 20px 0;}
#galleryShowPhoto .block .content .photo img {max-width: 658px;}
#galleryShowPhoto .block.comments .content {padding: 20px 20px 0 20px;}
#galleryShowPhoto .submit input {border: 1px solid #ccc; color: #c3c3c3; border-radius: 2px; font-size: 20px; color: #888; font-family: "Segoe UI", "Ubuntu", "Verdana"; cursor: pointer;}*/
/*Photo view popup ends*/

/*Forgot page starts*/
#middle.users-restore .container .content {padding-top: 15px; width: 100%;}
.users-restore .content .page-header {margin-bottom: 15px;}
form#ForgotForm {position: relative; border: 1px solid #c3c3c3; padding: 20px 30px; border-radius: 10px; -moz-border-radius: 10px;}
form#ForgotForm .input {margin: 15px 12px 15px 11px;}
form#ForgotForm .text, form#ForgotForm .recaptcha {margin-left: 40px;}
form#ForgotForm .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#ForgotForm .input input {width: 478px;}
form#ForgotForm .recaptcha input {width: 323px;}
form#ForgotForm .submit {text-align: center;}
form#ForgotForm .submit input {cursor: pointer; width: 250px;}
form#ForgotForm .tip {text-align: center;}
/*Forgot page ends*/

/*Contacts page starts*/
#indexContacts {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px;}
form#ContactsForm {position: relative;}
form#ContactsForm .input {margin: 15px 12px 15px 11px;}
form#ContactsForm .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#ContactsForm .select select {width: 500px;}
form#ContactsForm .textarea label {vertical-align: 70px;}
form#ContactsForm .textarea textarea {width: 478px;}
form#ContactsForm .input input {width: 478px;}
form#ContactsForm .recaptcha input {width: 274px;}
form#ContactsForm .submit {text-align: center;}
form#ContactsForm .submit input {cursor: pointer; width: 270px;}
/*Contacts page ends*/

/*AddNews page starts*/
form#AddNews .input {margin: 15px 12px 15px 11px;}
form#AddNews .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#AddNews .input input {width: 678px;}
form#AddNews .select select {width: 700px;}
form#AddNews .textarea label {vertical-align: top;}
form#AddNews .textarea textarea {width: 678px;}
form#AddNews .textarea #cke_article {display: inline-block; width: 688px !important; -moz-border-radius: 2px; border-radius: 2px;}
form#AddNews .preview label {float: left; margin-top: 40px;}
form#AddNews .preview .data {float: left; width: 700px;}
form#AddNews .preview .news-image {border: 1px solid #ccc; padding: 3px; border-radius: 3px; float: left; margin-right: 10px;}
form#AddNews .preview .news-image img {width: 100px; height: 100px; border: 1px solid #ccc; vertical-align: bottom;}
form#AddNews .preview .image-upload {float: left; width: 580px; margin-top: 17px;}
form#AddNews .preview small {color: #aaa; font-size: 12px;}
form#AddNews .preview input {margin-top: 5px;}
form#AddNews .submit {text-align: center;}
form#AddNews .submit input {cursor: pointer; width: 200px;}
/*AddNews page ends*/

/*EditNews page starts*/
form#EditNews .input {margin: 15px 12px 15px 11px;}
form#EditNews .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#EditNews .input input {width: 678px;}
form#EditNews .select select {width: 700px;}
form#EditNews .checkbox {text-align: center;}
form#EditNews .checkbox input {padding: 0; width: auto; vertical-align: baseline;}
form#EditNews .checkbox label {display: inline; margin-left: 10px;}
form#EditNews .textarea label {vertical-align: top;}
form#EditNews .textarea textarea {width: 678px;}
form#EditNews .textarea #cke_article {display: inline-block; width: 688px !important; -moz-border-radius: 2px; border-radius: 2px;}
form#EditNews .preview label {float: left; margin-top: 40px;}
form#EditNews .preview .data {float: left; width: 700px;}
form#EditNews .preview .news-image {border: 1px solid #ccc; padding: 3px; border-radius: 3px; float: left; margin-right: 10px;}
form#EditNews .preview .news-image img {width: 100px; height: 100px; border: 1px solid #ccc; vertical-align: bottom;}
form#EditNews .preview .image-upload {float: left; width: 580px; margin-top: 17px;}
form#EditNews .preview small {color: #aaa; font-size: 12px;}
form#EditNews .preview input {margin-top: 5px;}
form#EditNews .submit {text-align: center;}
form#EditNews .submit input {cursor: pointer; width: 200px;}
/*EditNews page ends*/

/*AddComment block starts*/
form#AddComment .input {margin: 15px 0;}
form#AddComment .input label {display: inline-block; width: 150px; text-align: right; margin-right: 10px;}
form#AddComment .input input {width: 700px;}
form#AddComment .textarea label {}
form#AddComment .textarea textarea {width: 578px; height: 100px;}
form#AddComment .textarea #cke_article {display: inline-block; width: 700px !important; -moz-border-radius: 10px; border-radius: 10px;}
form#AddComment .submit {text-align: center; overflow: hidden;}
form#AddComment .submit input {cursor: pointer; width: 200px; float: right;}
/*AddComment block ends*/

/*Create message block starts*/
form#MessageCreate {}
form#MessageCreate table {width: 100%;}
form#MessageCreate table td {padding: 10px 5px;}
form#MessageCreate table td.caption {text-align: right; width: 150px;}
form#MessageCreate table tr.message td.caption {vertical-align: top;}
form#MessageCreate table td.value {text-align: left;}
form#MessageCreate table tr.separator td {padding: 0;}
form#MessageCreate table input, form#MessageCreate table textarea {width: 428px; border: 1px solid #ccc; color: #c3c3c3; border-radius: 2px; font-size: 20px; color: #888; padding: 5px 10px; font-family: "Segoe UI", "Ubuntu", "Verdana";}
form#MessageCreate table textarea {vertical-align: bottom;}
form#MessageCreate .submit {text-align: center; margin: 10px 0 0 0;}
form#MessageCreate .submit input {width: 200px; cursor: pointer;}
/*Create message block ends*/

/*List galleries block starts*/
form#GalleriesList .submit {text-align: center; padding-left: 0;}
.admin-table-header {position: relative; overflow: hidden; padding: 15px 0 0 0;}
.admin-table-header .top-pannel-tabs {float: left;}
.admin-table-header .top-pannel-tabs li {display: inline-block; padding: 5px 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom: none; background: #fff;}
.admin-table-header .top-pannel-tabs li a {text-decoration: none;}
.admin-table-header .top-pannel-tabs li.active {border: 1px solid #ccc; border-bottom: 1px solid #fff; border-right: none; margin-bottom: -1px;}
.admin-table-header .top-pannel-tabs li.active a {color: #09c;}
.admin-table-header .top-pannel-tabs li.first-item {border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;}
.admin-table-header .top-pannel-tabs li.last-item {border-right: 1px solid #ccc; border-top-right-radius: 8px; -moz-border-radius-topright: 8px;}
.admin-table-header .side-pager {float: right; width: 350px; margin: 0 !important;}
form#GalleriesList .admin-table {margin-top: 0 !important;}
/*List galleries block ends*/

/*Create gallery block starts*/
form#GalleryCreate .input {margin: 10px 0; padding-left: 70px;}
form#GalleryCreate .input input {width: 600px;}
form#GalleryCreate .input label {display: inline-block; width: 150px;}
form#GalleryCreate .radio input {width: auto;}
form#GalleryCreate .radio span {margin-right: 15px;}
form#GalleryCreate .textarea label {vertical-align: 75px;}
form#GalleryCreate .textarea textarea {width: 600px;}
form#GalleryCreate .submit {text-align: center; padding-left: 0;}
form#GalleryCreate .submit input {width: 200px; cursor: pointer;}
/*Create gallery block ends*/

/*Edit gallery block starts*/
form#EditGallery .input {margin: 10px 0; padding-left: 70px;}
form#EditGallery .input input {width: 600px;}
form#EditGallery .input label {display: inline-block; width: 150px; margin-right: 10px; text-align: right;}
form#EditGallery .image img {vertical-align: middle; border: 1px solid #c3c3c3; border-radius: 2px;}
form#EditGallery .image a {text-decoration: none;}
form#EditGallery .radio input {width: auto;}
form#EditGallery .radio span {margin-right: 15px;}
form#EditGallery .textarea label {vertical-align: 75px;}
form#EditGallery .textarea textarea {width: 600px; resize: none;}
form#EditGallery .select select {width: 622px;}
form#EditGallery .submit {text-align: center; padding-left: 0;}
form#EditGallery .submit input {width: auto; cursor: pointer;}
#ChangeThumbnailContainer .admin-preview-item {display: inline-block; margin: 10px;}
#ChangeThumbnailContainer .admin-preview-item:hover {border: 1px solid #09c; margin: 9px;}
#ChangeThumbnailContainer .admin-preview-item img {width: 150px;}
#ChangeThumbnailContainer ul.dialog-pager {float: left; line-height: 36px; text-align: left;}
#ChangeThumbnailContainer ul.dialog-pager li {display: inline-block; margin: 0 5px;}

.administer-edit-photos .item {float: left; padding: 4px; border: 1px solid #09c; margin: 10px; position: relative;}
.administer-edit-photos .item p {overflow: hidden;}
.administer-edit-photos .item p input {float: left; margin-top: 5px;}
.administer-edit-photos .item p a {float: right; text-decoration: none;}
.administer-edit-photos .item-edit {display: none; position: absolute; top: 0; left: 0; width: 198px; padding: 5px; background: #c3c3c3; height: 223px;}
.administer-edit-photos .item-edit .title input {width: 194px; margin-bottom: 5px;}
.administer-edit-photos .item-edit .description textarea {width: 196px; height: 130px;}
.administer-edit-photos .item-edit .counters input {width: 48%;}
.administer-edit-photos .item-edit .submit {text-align: center; overflow: hidden;}
.administer-edit-photos .item-edit .submit input {font-size: 14px;}
.administer-edit-photos .item-edit .submit input.cancel {float: right;}
/*Edit gallery block ends*/

/*Upload photos admin-part*/
form#AdministerPhotoUpload .input {margin: 10px 0;}
form#AdministerPhotoUpload label {margin-right: 10px;}
form#AdministerPhotoUpload select {width: 775px; font-size: 16px; color: #999;}
form#AdministerPhotoUpload .file {text-align: center;}
form#AdministerPhotoUpload .more {text-align: center; margin: 10px 0;}
form#AdministerPhotoUpload .submit {text-align: center;}
/*Upload photos admin-part*/

/*Like it button*/
.like-it, .unlike-it {background: url('/images/common/like-it_x32.png') no-repeat center; height: 32px; width: 32px; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; padding-right: 12px; border-right: 1px solid #ccc;}
.unlike-it {background: url('/images/common/unlike-it_x32.png') no-repeat center;}



/*Terms of use popup starts*/
#TermsOfUse {}
#TermsOfUse h1 {margin-bottom: 10px; font-weight: normal;}
#TermsOfUse .content {width: 678px; height: 600px; overflow: auto; border: 1px solid #c3c3c3; padding: 0 10px; text-align: justify;}
#TermsOfUse.nonAjax {padding: 0 20px;}
#TermsOfUse.nonAjax h1 {font-weight: bold; margin-bottom: inherit;}
#TermsOfUse.nonAjax .content {width: auto; height: auto; overflow: visible; border: 0 none; padding: 0;}
#TermsOfUse .content p, #TermsOfUse.nonAjax p {text-indent: 10px; font-size: 14px; margin: 10px 0;}
#TermsOfUse.nonAjax h2 {text-align: left;}
#TermsOfUse .content ul {text-indent: 10px; font-size: 14px; list-style: none;}
#TermsOfUse .content ul li {margin: 10px 0;}
/*Terms of use popup ends*/

/*Flash errors style starts*/
.content .flash-message {border-radius: 6px; padding: 10px 32px; margin-bottom: 10px; font-size: 12px;}
.content .errors {background: #f9e7e6 url('/images/common/message-errors.png') no-repeat 5px 4px; border: 1px solid #B99;}
.content .success {background: #e6f9e7 url('/images/common/message-success.png') no-repeat 5px 4px; border: 1px solid #9B9;}
.content .warning {background: #f6fac7 url('/images/common/message-warning.png') no-repeat 5px 4px;}
.content .flash-message ul {margin: 10px 0 10px 50px;}
.content .flash-message ul li {list-style: inside;}
/*Flash errors style ends*/

/*Recaptcha widget style starts*/
div.recaptcha {}
div.recaptcha label {vertical-align: 42px;}
#recaptcha_widget {border: 1px solid #ccc; -moz-border-radius: 2px; border-radius: 2px; padding: 10px; background: #fff; width: 478px; display: inline-block;}
#recaptcha_widget #recaptcha_image {float: left; position: relative;}
#recaptcha_widget #recaptcha_image a.recaptcha_audio_cant_hear_link {font-size: 10px; color: #09c; background: url('/images/recaptcha/play.png') no-repeat center 5px; display: inline-block; position: absolute; top: 0; left: 0; border: 1px solid #ccc; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius: 10px; padding: 40px 5px 5px 5px; width: 132px; text-align: center;}
#recaptcha_widget #recaptcha_image a.recaptcha_audio_cant_hear_link:last-child {left: 144px; border-left: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background: url('/images/recaptcha/download.png') no-repeat center 5px;}
#recaptcha_widget #recaptcha-controls {float: right; margin: 5px 0 15px 10px;}
#recaptcha_widget #recaptcha-reload {width: 25px; height: 17px;}
#recaptcha_widget #recaptcha-reload a {display: inline-block; background: url('/images/recaptcha/reload.png') no-repeat center; width: 25px; height: 17px;}
#recaptcha_widget #recaptcha-audio {width: 25px; height: 16px; margin-top: -1px;}
#recaptcha_widget #recaptcha-audio a {display: inline-block; background: url('/images/recaptcha/audio.png') no-repeat center; width: 25px; height: 16px;}
#recaptcha_widget #recaptcha-text {width: 25px; height: 16px;}
#recaptcha_widget #recaptcha-text a {display: inline-block; background: url('/images/recaptcha/text.png') no-repeat center; width: 25px; height: 16px;}
#recaptcha_widget #recaptcha-help {width: 25px; height: 16px;}
#recaptcha_widget #recaptcha-help a {display: inline-block; background: url('/images/recaptcha/help.png') no-repeat center; width: 25px; height: 16px;}
#recaptcha_widget #recaptcha-emblem {background: url('/images/recaptcha/recaptcha-emblem.png') no-repeat center; width: 80px; height: 45px; float: right; margin: 2px 0 0 5px;}
/*Recaptcha widget style ends*/

/*Administer section starts*/
#middle.administer-index .admin-section {float: left; margin: 20px;}
#middle.administer-index .admin-section h2.admin-section-header {text-transform: uppercase; font-size: 18px;}
#middle.administer-index .admin-section ul {list-style: none; font-size: 14px;}
#middle.administer-index .admin-section ul li {margin: 5px 0;}
#middle.administer-index .admin-section ul li a {text-decoration: none;}
#middle.administer-index .admin-section ul li a:hover {text-decoration: underline; color: #c90;}

#middle table.admin-table {border-color: gray; border: 1px solid #b1c2dc; border-collapse: separate; margin: 0; font-size: 12px; width: 100%;}
#middle table.admin-table caption {font-weight: bold; text-align: right;}
#middle table.admin-table tr:hover {background: #f3f8ff;}
#middle table.admin-table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#middle table.admin-table tr td {border: 1px solid #fff; text-align: center; padding: 5px;}
#middle table.admin-table tr td.login {background: #F1F4F9; border-left: none; padding: 7px 0 7px 10px; width: 139px; text-align: left;}
#middle table.admin-table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
#middle table.admin-table tr.admin {background: #e6f9e7;}
#middle table.admin-table tr.editor {background: #f6fac7;}
#middle table.admin-table tr td.actions a {display: inline-block; width: 16px; height: 16px; margin: 5px;}
#middle table.admin-table tr td.actions a.edit {background: url('/images/administer/edit.png') no-repeat 0px 0px;}
#middle table.admin-table tr td.actions a.delete {background: url('/images/administer/delete.png') no-repeat 0px 0px;}
#middle table.admin-table tr td.actions a.block {background: url('/images/administer/blocked.png') no-repeat 0px 0px;}
#middle table.admin-table tr td.actions a.login {background: url('/images/administer/login.png') no-repeat 0px 0px;}

#topRatedNewsList tr td.title {background: #F1F4F9; border-left: none; padding: 7px 0 7px 10px; width: 139px; text-align: left;}
#topRatedNewsList tr.active {background: #E1FFE1;}
#middle #topRatedNewsList tr td.description {text-align: left;}
#middle #topRatedNewsList tr td.date {width: 135px;}

#hotNewsEdit {width: 100%;}
#hotNewsEdit .input {margin: 10px 0;}
#hotNewsEdit .input label {width: 100px; display: inline-block; margin-right: 10px; vertical-align: 4px;}
#hotNewsEdit .input small {display: block; color: #c3c3c3; font-size: 12px; margin: 2px 0 0 150px;}
#hotNewsEdit .file small {display: block; color: #c3c3c3; font-size: 12px; margin: 2px 0 0 115px;}
#hotNewsEdit .text input {width: 628px;}
#hotNewsEdit .textarea textarea {vertical-align: middle; width: 628px;}
#hotNewsEdit .checkbox {text-align: center;}
#hotNewsEdit .checkbox label {width: auto;}
#hotNewsEdit .checkbox input {vertical-align: 2px;}
#hotNewsEdit .image img {vertical-align: middle;}
#hotNewsEdit .submit {text-align: center;}

#commonListTopActions {margin-bottom: -1px;}
#commonListBottomActions {margin-top: -1px;}
#commonListTopActions, #commonListBottomActions {overflow: hidden;}
#commonListTopActions .actions, #commonListBottomActions .actions {float: left; margin: 0; font-size: 12px; line-height: 32px;}
#commonListTopActions .actions a, #commonListBottomActions .actions a {margin: 0 5px;}
#commonListTopActions ul.pager, #commonListBottomActions ul.pager {margin: 0 !important; float: right;}
#commonListTopActions ul.pager li, #commonListBottomActions ul.pager li {display: block; float: left; border: 1px solid #b1c2dc; padding: 5px 13px !important;}

/*Administer section ends*/

/*Common forms styles*/
form .text input, form .password input, form .recaptcha input, form .textarea textarea, form .select select, form .submit input {border: 1px solid #ccc; color: #c3c3c3; border-radius: 2px; font-size: 20px; color: #888; padding: 5px 10px; font-family: "Segoe UI", "Ubuntu", "Verdana";}
form .submit input {cursor: pointer; padding: 1px 15px 6px 15px;}
form .submit input:hover {color: #fff !important;}
form .submit .hint {color: #aaa; float: left; line-height: 37px;}
/*Common forms styles*/

/*Autosuggest styles*/
.suggest-wrapper {position: absolute; border: 1px solid #c3c3c3; height: 150px; min-width: 150px; overflow: hidden; background: #fff; box-shadow: 0 5px 10px #c3c3c3; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.suggest-wrapper .suggest li {padding: 5px;}
.suggest-wrapper .suggest li:hover {background: #f6f6f6;}
.suggest-wrapper .suggest li:hover a {text-decoration: underline;}
.suggest-wrapper .suggest li a {text-decoration: none;}
/*Autosuggest styles*/

/*Contact us button*/
#contacts {position: fixed; left: -5px; top: 25%;}
#contacts:hover {left: 0px;}
#contacts a {display: block; width: 36px; height: 185px; background: url('/images/contact-button.png') no-repeat center;}
/*Contact us button*/

/* tastemakers/tastemakers */
#tastemakersFollowers {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; padding: 10px; background: #fff;}
#tastemakersFollowers .empty {text-align: center; font-size: 14px; margin: 50px 0;}
#tastemakersFollowers ul li {display: inline-block; text-align: center; font-size: 12px; margin: 10px 18px; overflow: hidden;}
#tastemakersFollowers ul li .left {float: left;}
#tastemakersFollowers ul li .options {padding-left: 5px;}
#tastemakersFollowers ul li .options a {display: block; width: 16px; height: 16px; margin-bottom: 10px;}
#tastemakersFollowers ul li .options a.profile {background: url("/images/common/profile.png") no-repeat center;}
#tastemakersFollowers ul li .options a.unfollow {background: url("/images/common/tastemakers-disabled.png") no-repeat center;}
#tastemakersFollowers ul li .options a.id-text {background: url("/images/blogs/comment.png") no-repeat center;}
#tastemakersFollowers ul li .options a.send-message {background: url("/images/common/messages.png") no-repeat center;}
#tastemakersFollowers ul li.first-item {margin-left: 0;}
#tastemakersFollowers ul li.last-item {margin-right: 0;}
#tastemakersFollowers ul li a {text-decoration: none; color: #888;}
#tastemakersFollowers ul li:hover a {color: #09c;}
#tastemakersFollowers ul li a img {width: 100px; height: 100px; border: 3px solid #d1d1d1; border-radius: 5px;}
#tastemakersFollowers ul li:hover a img {border: 3px solid #09c;}
#tastemakersFollowers .bottom-pager {border-top: 1px dotted #ccc; margin-bottom: 0;}
#tastemakersFollowers .bottom-pager li {margin: 0;}
#tastemakersFollowers .bottom-pager li.next, #tastemakersFollowers .bottom-pager li.previous {padding: 5px 0;}

/* Описание фолловера */
#TastemakersFollow h1 {margin-bottom: 10px;}
#TastemakersFollow textarea {width: 348px;}

/* Страница магазина */
#shopIndex {}
#shopIndex .shop-item {float: left; overflow: hidden; width: 190px; padding: 10px; margin: 0 15px 10px 0;}
#shopIndex .shop-item:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#shopIndex .shop-item .image {float: left; margin-right: 10px;}
#shopIndex .shop-item .image img {width: 90px; height: 90px; border: 1px solid #ccc; padding: 4px; vertical-align: middle; border-radius: 3px;}
#shopIndex .shop-item .data {float: left; width: 80px; font-size: 12px;}
#shopIndex .shop-item .data .description {margin-top: 5px; word-wrap: break-word;}
#shopIndex .shop-item .cart {overflow: hidden; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 10px;}
#shopIndex .shop-item .cart .price {background: url('/images/common/price.png') no-repeat left center; padding-left: 20px; float: left; font-size: 14px; margin-right: 13px;}
#shopIndex .shop-item .cart .count {float: left; margin-top: -2px;}
#shopIndex .shop-item .cart .count input {text-align: center;}
#shopIndex .shop-item .cart .count a {text-decoration: none;}
#shopIndex .shop-item .cart .buy {float: right;}

/* Страница товара */
#shopItem {box-shadow: 0 0 10px #ccc; padding: 10px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#shopItem .image {float: left; margin-right: 10px;}
#shopItem .image img {width: 140px; height: 140px; border: 1px solid #ccc; padding: 4px; vertical-align: middle; border-radius: 3px;}
#shopItem .previews {float: left; margin-right: 10px;}
#shopItem .previews img {width: 40px; height: 40px; border: 1px solid #ccc; padding: 4px; border-radius: 3px; display: block; cursor: pointer;}
#shopItem .data {font-size: 14px; float: left; width: 430px;}
#shopItem .data dl {overflow: hidden;}
#shopItem .data dt {display: block; float: left; width: 100px; clear: both; margin-right: 5px; margin-top: 5px;}
#shopItem .data dd {display: block; float: left; width: 325px; margin-top: 5px;}
#shopItem .data dt.first-item {margin-top: 0px;}
#shopItem .data dd.first-item {margin-top: 0px;}
#shopItem .data .count input {text-align: center;}
#shopItem .data .count a {text-decoration: none;}
#shopItem .data .price {font-weight: bold;}
#shopItem .data .buy {margin: 5px 0 0 0;}
#shopItem .description {border-top: 2px solid #ccc; margin-top: 12px; padding-top: 5px; font-size: 14px;}

/* Страница оформления заказа */
#shopCheckout {box-shadow: 0 0 10px #ccc; padding: 10px; margin: 10px 0; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#shopCheckout table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #dce4ef; border-collapse: separate; margin: 15px 0; font-size: 12px;}
#shopCheckout table tr:hover {background: #f3f8ff;}
#shopCheckout table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#shopCheckout table tr td {border: 1px solid #fff; text-align: center; padding: 7px 5px;}
#shopCheckout table tr .price, #shopCheckout table tr .sum {width: 65px;}
#shopCheckout table tr .title, #shopCheckout table tr .description {text-align: left;}
#shopCheckout table tr td.id, #shopCheckout table tr td.title  {background: #F1F4F9; border-left: none;}
#shopCheckout table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
#shopCheckout table tr .total-title, #shopCheckout table tr .shipping-title {text-align: left; background: #F1F4F9; border-left: none; padding: 7px 5px;}
#shopCheckout table tr .total-value {font-weight: bold; color: #09c;}
#shopCheckout table tr .shipping-value {font-weight: bold; color: #c90;}
#shopCheckout .tip {margin: 15px 0 10px 0; font-size: 14px;}
#shopCheckoutForm {font-size: 14px; box-shadow: 0 0 10px #ccc; padding: 10px 25px; margin-top: 10px; border: 1px solid #CCC; border-radius: 4px; background: #fff;}
#shopCheckoutForm .tip {margin-bottom: 10px; text-align: center;}
#shopCheckoutForm fieldset {padding: 5px 15px 15px 15px; border-radius: 3px; border: 1px solid #ccc;}
#shopCheckoutForm .input {margin: 10px 0;}
#shopCheckoutForm .input label {width: 120px; margin-right: 10px; display: inline-block;}
#shopCheckoutForm .text input {font-size: 14px; width: 464px;}
#shopCheckoutForm .textarea textarea {width: 464px; vertical-align: middle;}
#shopCheckoutForm .full-name {overflow: hidden;}
#shopCheckoutForm .full-name input {width: 133px; margin-right: 5px; display: inline-block;}
#shopCheckoutForm .full-name input.middle_name {margin-right: 0; width: 136px;}
#shopCheckoutForm .submit {text-align: center;}

/* Страница поиска */
#searchIndex {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#searchIndex .text {border: 1px solid #ccc; border-right: 0 none; float: left; border-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#searchIndex .text input {width: 510px; border: 0 none; padding: 5px 10px 6px 10px; outline: none;}
#searchIndex .submit {float: right; border: 1px solid #ccc; border-left: 0 none; border-radius: 2px; padding: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
#searchOptions {text-align: center; border: 1px solid #CCC; border-top: 0 none; width: 378px; padding: 3px 0 7px 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 auto;}
#searchOptions li.first-item {border-right: 0 none;}
#searchOptions li.last-item {border-right: 0 none;}
#searchOptions li {list-style: none; display: inline-block; text-align: center; font-size: 12px; border-right: 1px solid #09c; padding-right: 6px; padding-left: 2px;}
#searchOptions li a {text-decoration: none;}
#searchIndexForm {margin-bottom: 20px;}
#searchIndex .searchResultItemUser {margin: 0 0 10px 0; padding: 10px; float: left; width: 290px;}
#searchIndex .searchResultItemUser:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#searchIndex .searchResultItemUser .left {float: left;}
#searchIndex .searchResultItemUser .image {margin-right: 10px;}
#searchIndex .searchResultItemUser .image img {height: 50px; width: 50px; border: 2px solid #D1D1D1; border-radius: 3px;}
#searchIndex .searchResultItemUser:hover .image img {border: 2px solid #09c;}
#searchIndex .searchResultItemUser .data {font-size: 12px; width: 225px;}
#searchIndex .searchResultItemNews {padding: 10px;}
#searchIndex .searchResultItemNews:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#searchIndex .searchResultItemNews .left {float: left;}
#searchIndex .searchResultItemNews .image {margin-right: 10px;}
#searchIndex .searchResultItemNews .image img {border: 1px solid #09C; padding: 3px; border-radius: 3px; width: 100px; height: 100px; vertical-align: bottom;}
#searchIndex .searchResultItemNews .data {width: 485px; font-size: 14px;}
#searchIndex .searchResultItemBlog {padding: 10px;}
#searchIndex .searchResultItemBlog:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#searchIndex .searchResultItemBlog .data {font-size: 14px;}
#searchIndex .searchResultItemPhoto {padding: 10px; float: left; width: 290px;}
#searchIndex .searchResultItemPhoto:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#searchIndex .searchResultItemPhoto img {width: 150px; height: 150px; border: 1px solid #ccc; padding: 3px; vertical-align: bottom;}
#searchIndex .searchResultItemPhoto .left {float: left;}
#searchIndex .searchResultItemPhoto .image {margin-right: 10px;}
#searchIndex .searchResultItemPhoto .data {font-size: 14px; width: 120px;}
#searchIndex .searchResultItemVideo {padding: 10px; float: left; width: 290px;}
#searchIndex .searchResultItemVideo:hover {box-shadow: 0 0 10px #ccc; border: 1px solid #CCC; border-radius: 4px; padding: 9px;}
#searchIndex .searchResultItemVideo img {width: 150px; height: 150px; border: 1px solid #ccc; padding: 3px; vertical-align: bottom;}
#searchIndex .searchResultItemVideo .left {float: left;}
#searchIndex .searchResultItemVideo .image {margin-right: 10px;}
#searchIndex .searchResultItemVideo .data {font-size: 14px; width: 120px; word-wrap: break-word;}

/*Додзё херсона*/
#dojoIndex {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
.dojo-item {border: 1px solid #c3c3c3; margin: 10px 0; padding: 5px; overflow: hidden; position: relative;}
.dojo-item:hover {background: #f3f8ff;}
.dojo-item .thumb {float: left; margin-right: 10px;}
.dojo-item .thumb img {height: 100px; width: 100px;}
.dojo-item .info {font-size: 12px; color: #676767;}
.dojo-item .info p {margin: 3px 0; color: #000;}
.dojo-item .info p span {color: #676767;}
.dojo-item .info .title {margin-top: 0px;}
.dojo-item .info .title a {text-decoration: none; font-weight: bold; font-size: 14px;}
.dojo-item .info .description {color: #000;}
.dojo-item .options {position: absolute; right: 6px; top: 7px;}

/*Додзё херсона - показать*/
#dojoShow .dojoInfo, #dojoShow .dojoMap {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#dojoShow .dojoInfo .thumb {float: left; margin-right: 10px;}
#dojoShow .dojoInfo .thumb img {height: 150px; width: 150px;}
#dojoShow .dojoInfo .info {font-size: 12px; color: #676767;}
#dojoShow .dojoInfo .info p {margin: 3px 0; color: #000;}
#dojoShow .dojoInfo .info p span {color: #676767;}
#dojoShow .dojoInfo .info .title {margin-top: 0px;}
#dojoShow .dojoInfo .info .title a img {vertical-align: -2px;}
#dojoShow .dojoInfo .info .title a:first-child {text-decoration: none; font-weight: bold; font-size: 14px;}
#dojoShow .dojoInfo .info .description {color: #000;}
#dojoShow .dojoInfo .options {position: absolute; right: 6px; top: 7px;}

#dojoShow .dojoPhotos {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#dojoShow .dojoPhotos .item {float: left; padding: 5px 7px; border: 1px solid #fafafa;}
#dojoShow .dojoPhotos .first-item {margin-left: 7px;}
#dojoShow .dojoPhotos .item:hover {border: 1px solid #c3c3c3;}
#dojoShow .dojoPhotos .item img {width: 140px;}

#dojoShow .dojoSchedule {box-shadow: 0 0 10px #ccc; padding: 10px; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; background: #fff;}
#dojoShow .dojoSchedule table {width: 100%; border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #b1c2dc; border-left: 1px solid #DCE4EF; border-right: 1px solid #DCE4EF; border-collapse: separate; font-size: 12px;}
#dojoShow .dojoSchedule table tr:hover {background: #f3f8ff;}
#dojoShow .dojoSchedule table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#dojoShow .dojoSchedule table tr td {border: 1px solid #fff; border-left-color: #DCE4EF; padding: 5px;}
#dojoShow .dojoSchedule table tr td.center {text-align: center;}
#dojoShow .dojoSchedule table tr td.title {background: #f1f4f9; border-left: 0 none;}
#dojoShow .dojoSchedule table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}

/*Форумы*/
#forumIndex {}
#forumIndex .block {box-shadow: 0 0 10px #CCC; margin: 10px 0 20px 0; border: 1px solid #CCC; border-radius: 4px;}
#forumIndex .block .header {position: relative; padding: 3px 5px 7px 5px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#forumIndex .block .header h2 {font-size: 20px; padding-left: 25px; background: url('/images/common/followers.png') no-repeat 4px 8px;}
#forumIndex .block .header h2 a {text-decoration: none; color: #000;}
#forumIndex .block .header .options {position: absolute; right: 10px; top: 9px; font-size: 14px;}
#forumIndex .block .header .options a {text-decoration: none;}
#forumIndex .block .header .options a:hover {color: #c90;}
#forumIndex table {border-color: gray; border-top: 1px solid #b1c2dc; border-collapse: separate; font-size: 12px;}
#forumIndex table tr:hover {background: #f3f8ff;}
#forumIndex table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#forumIndex table tr td.title {background: #f1f4f9; border-left: 0 none; width: 539px;}
#forumIndex table tr td.author {width: 108px;}
#forumIndex table tr td {border: 1px solid #fff; border-left-color: #DCE4EF; padding: 2px 5px;}
#forumIndex table tr td.center {text-align: center;}
#forumIndex table tr td.rounded-left {border-bottom-left-radius: 4px;}
#forumIndex table tr td.rounded-right {border-bottom-right-radius: 4px;}
#forumIndex table tr.last-item td {border-bottom: 0 none;}
#forumIndex table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}

#forumShowForum {}
#forumShowForum .block {box-shadow: 0 0 10px #CCC; margin: 10px 0 20px 0; border: 1px solid #CCC; border-radius: 4px;}
#forumShowForum table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #b1c2dc; border-collapse: separate; font-size: 12px;}
#forumShowForum table tr:hover {background: #f3f8ff;}
#forumShowForum table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#forumShowForum table tr td.title {background: #f1f4f9; border-left: 0 none; width: 539px;}
#forumShowForum table tr td.author {width: 108px;}
#forumShowForum table tr td {border: 1px solid #fff; border-left-color: #DCE4EF; padding: 2px 5px;}
#forumShowForum table tr td.center {text-align: center;}
#forumShowForum table tr td.rounded-left {border-bottom-left-radius: 4px;}
#forumShowForum table tr td.rounded-right {border-bottom-right-radius: 4px;}
#forumShowForum table tr.last-item td {border-bottom: 0 none;}
#forumShowForum table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
#forumShowForum .side-pager {float: right; width: 300px; margin: 10px; font-size: 14px;}
#forumShowForum .createTopicBlock {display: none; padding: 15px;}
#forumShowForum .createTopicBlock .text {margin-bottom: 10px;}
#forumShowForum .createTopicBlock .text input {width: 915px;}
#forumShowForum .createTopicBlock .textarea textarea {width: 915px; height: 238px; resize: none;}
#forumShowForum .createTopicBlock .submit {border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 10px; overflow: hidden;}
#forumShowForum .createTopicBlock .submit .right {float: right; line-height: 37px; font-size: 14px;}
#forumShowForum .createTopicBlock .submit .left {float: left; margin-right: 10px;}


#forumShowTopic {width: 970px;}
#forumShowTopic .block {box-shadow: 0 0 10px #CCC; margin: 10px 0 20px 0; border: 1px solid #CCC; border-radius: 4px;}
#forumShowTopic .block .header, #forumShowTopic .block .footer, #forumShowForum .block .header, #forumShowForum .block .footer {position: relative; height: 39px;}
#forumShowTopic .block .header > .forumBack, #forumShowTopic .block .footer > .forumBack, #forumShowForum .block .header > .forumBack, #forumShowForum .block .footer > .forumBack {background: #f8f8f8 url('/images/common/back-arrow.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; display: inline-block; text-indent: -9999px; float: left; margin: 6px 0 0 7px;}
#forumShowTopic .block .header > .forumBack:hover, #forumShowTopic .block .footer > .forumBack:hover, #forumShowForum .block .header > .forumBack:hover, #forumShowForum .block .footer > .forumBack:hover {background-color: #eee;}
#forumShowTopic .block .header > div.options, #forumShowTopic .block .footer > div.options {background: #f8f8f8 url('/images/common/administer.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; display: inline-block; float: left; margin: 6px 0 0 7px; position: relative;}
#forumShowTopic .block .header > div.options:hover, #forumShowTopic .block .footer > div.options:hover {background-color: #eee;}
#forumShowTopic .block .header > div.options > ul.options-dropdown, #forumShowTopic .block .footer > div.options > ul.options-dropdown {font-size: 12px; position: absolute; left: -1px; top: 25px; display: none; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 145px; z-index: 1;}
#forumShowTopic .block .header > div.options:hover > ul.options-dropdown, #forumShowTopic .block .footer > div.options:hover > ul.options-dropdown {display: block;}
#forumShowTopic .block .header > div.options > ul.options-dropdown li, #forumShowTopic .block .footer > div.options > ul.options-dropdown li {display: block; border-bottom: 1px dotted #ccc; padding: 4px 0 7px 0; text-align: left;}
#forumShowTopic .block .header > div.options > ul.options-dropdown li.last-item, #forumShowTopic .block .footer > div.options > ul.options-dropdown li.last-item {border-bottom: 0 none;}
#forumShowTopic .block .header > div.options > ul.options-dropdown li .edit-news, #forumShowTopic .block .footer > div.options > ul.options-dropdown li .edit-news {background: url('/images/common/blog.png') no-repeat left; padding-left: 18px;}
#forumShowTopic .block .header > div.options > ul.options-dropdown li .delete-news, #forumShowTopic .block .footer > div.options > ul.options-dropdown li .delete-news {background: url('/images/cancel.png') no-repeat -2px 1px; padding-left: 18px;}
#forumShowTopic .block .header > a.postReply, #forumShowTopic .block .footer > a.postReply, #forumShowForum .block .header > a.createTopic, #forumShowForum .block .footer > a.createTopic {padding: 1px 15px 2px; border: 1px solid #CCC; font-size: 16px; color: #888; display: block; text-decoration: none; line-height: 22px; margin: 6px 0 0 7px; float: left;}
#forumShowTopic .block .header > a.postReply:hover, #forumShowTopic .block .footer > a.postReply:hover, #forumShowForum .block .header > a.createTopic:hover, #forumShowForum .block .footer > a.createTopic:hover {color: #fff;}
#forumShowTopic table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #b1c2dc; border-collapse: separate; font-size: 12px; width: 100%;}
#forumShowTopic table tr:hover {background: #f3f8ff;}
#forumShowTopic table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#forumShowTopic table tr td {border: 1px solid #fff; border-left-color: #DCE4EF; padding: 2px 5px;}
#forumShowTopic table tr td.profile {width: 163px; background: #F1F4F9; border-left: 0 none;}
#forumShowTopic table tr td.message {white-space: pre-wrap;}
#forumShowTopic table tr.deletedPost td.profile {background: #F7F9FE;}
#forumShowTopic table tr td.profile img {width: 100px; height: 100px; border: 3px solid #D1D1D1; border-radius: 5px;}
#forumShowTopic table tr td.profile:hover img {border: 3px solid #09C;}
#forumShowTopic table tr.postHeader td.profile {border-bottom: 0;}
#forumShowTopic table tr.postBody td.profile {border-top: 0;}
#forumShowTopic table tr td.postData {background: #F1F4F9; padding: 7px; border-bottom-color: #DCE4EF; position: relative;}
#forumShowTopic table tr.deletedPost td.postData {background: #F7F9FE; border-bottom: 0 none;}
#forumShowTopic table tr td.postData.withOptions {line-height: 27px;}
#forumShowTopic table tr td.postData .left {float: left;}
#forumShowTopic table tr td.postData .right {float: right;}
#forumShowTopic table tr td.center {text-align: center;}
#forumShowTopic table tr td.rounded-left {border-bottom-left-radius: 4px;}
#forumShowTopic table tr td.rounded-right {border-bottom-right-radius: 4px;}
#forumShowTopic table tr.last-item td {border-bottom: 0 none;}
#forumShowTopic table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
#forumShowTopic .side-pager {float: right; width: 300px; margin: 10px; font-size: 14px;}
#forumShowTopic .postReplyBlock {display: none; padding: 15px;}
#forumShowTopic .postReplyBlock .textarea textarea {width: 915px; height: 238px; resize: none;}
#forumShowTopic .postReplyBlock .submit {border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 10px; overflow: hidden;}
#forumShowTopic .postReplyBlock .submit .right {float: right; line-height: 37px; font-size: 14px;}
#forumShowTopic .postReplyBlock .submit .left {float: left; margin-right: 10px;}

#forumShowTopic .block .postData div.options {float: left; background: #f8f8f8 url('/images/common/administer.png') no-repeat center; width: 15px; height: 15px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; display: inline-block; margin-right: 6px; position: relative;}
#forumShowTopic .block .postData div.options:hover {background-color: #eee;}
#forumShowTopic .block .postData div.options > ul.options-dropdown {font-size: 12px; position: absolute; left: -1px; top: 25px; display: none; padding: 5px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 145px; z-index: 1;}
#forumShowTopic .block .postData div.options:hover > ul.options-dropdown {display: block;}
#forumShowTopic .block .postData div.options > ul.options-dropdown li {display: block; border-bottom: 1px dotted #ccc; padding: 4px 0 7px 0; text-align: left;}
#forumShowTopic .block .postData div.options > ul.options-dropdown li.last-item {border-bottom: 0 none;}
#forumShowTopic .block .postData div.options > ul.options-dropdown li .edit-news {background: url('/images/common/blog.png') no-repeat left; padding-left: 18px;}
#forumShowTopic .block .postData div.options > ul.options-dropdown li .delete-news {background: url('/images/cancel.png') no-repeat -2px 1px; padding-left: 18px;}

#tossIndex {padding-top: 30px;}
#tossIndex > .left {float: left; margin-left: 170px; margin-right: 30px;}
#tossIndex > .right {float: right; margin-right: 170px;}
#tossIndex > .left, #tossIndex > .right {border: 1px solid #ccc; border-radius: 5px; padding: 20px; text-align: center; width: 258px;}
#tossIndex .start {padding: 1px 15px 2px; border: 1px solid #CCC; font-size: 16px; color: #888; display: block; text-decoration: none; line-height: 22px; margin: 20px auto 0 auto; width: 80px; text-align: center;}
#tossIndex .start:hover {color: #fff;}
#tossInputManual .block {box-shadow: 0 0 10px #CCC; margin: 10px 0 20px 0; border: 1px solid #CCC; border-radius: 4px;}
#tossInputManual table {border-color: gray; border-top: 1px solid #b1c2dc; border-bottom: 1px solid #b1c2dc; border-collapse: separate; font-size: 12px;}
#tossInputManual table tr:hover {background: #f3f8ff;}
#tossInputManual table tr th {border-bottom: 1px solid #b1c2dc; padding: 7px 5px;}
#tossInputManual table tr td.title {background: #f1f4f9; border-left: 0 none; width: 539px;}
#tossInputManual table tr td.author {width: 108px;}
#tossInputManual table tr td {border: 1px solid #fff; border-left-color: #DCE4EF; padding: 2px 5px;}
#tossInputManual table tr td.center {text-align: center;}
#tossInputManual table tr td.rounded-left {border-bottom-left-radius: 4px;}
#tossInputManual table tr td.rounded-right {border-bottom-right-radius: 4px;}
#tossInputManual table tr.last-item td {border-bottom: 0 none;}
#tossInputManual table tr.separator td {background: #dce4ef; height: 1px; border: none; padding: 0;}
#tossInputManual table tr td input[type='text'], #tossInputManual table tr td select {padding: 5px; border: 1px solid #ccc;}
#tossInputManual table tr td.num {padding: 2px 15px;}
#tossInputManual table tr td.name input {width: 88px;}
#tossInputManual table tr td.height select {width: 65px;}
#tossInputManual table tr td.region select {width: 150px;}
#tossInputManual table tr td.city select {width: 135px;}
#tossInputManual table tr td.coach input {width: 88px;}
#tossInputManual table tr td.gender input {vertical-align: -2px;}
#tossInputManual table tr td.isLeader {text-align: center;}
#tossInputManual table tr.addParticipantsRow {text-align: center;}
#tossInputManual table tr.addParticipantsRow td {padding: 10px 0;}

/*adminBranch*/
#adminBranchForm .input {margin: 10px 0;}
#adminBranchForm .input label {display: inline-block; width: 190px; margin-right: 10px;}
#adminBranchForm .text input {width: 728px;}
#adminBranchForm .textarea textarea {width: 728px; height: 238px; vertical-align: middle;}
#adminBranchForm .submit {text-align: center;}

/*adminQuote*/
#adminQuoteForm .input {margin: 10px 0;}
#adminQuoteForm .input label {display: inline-block; width: 190px; margin-right: 10px;}
#adminQuoteForm .text input {width: 728px;}
#adminQuoteForm .textarea textarea {width: 728px; height: 238px; vertical-align: middle;}
#adminQuoteForm .preview label {float: left; margin-top: 40px;}
#adminQuoteForm .preview .data {float: left; width: 700px;}
#adminQuoteForm .preview .news-image {border: 1px solid #ccc; padding: 3px; border-radius: 3px; float: left; margin-right: 10px;}
#adminQuoteForm .preview .news-image img {width: 100px; height: 100px; border: 1px solid #ccc; vertical-align: bottom;}
#adminQuoteForm .preview .image-upload {float: left; width: 580px; margin-top: 17px;}
#adminQuoteForm .preview small {color: #aaa; font-size: 12px;}
#adminQuoteForm .preview input {margin-top: 5px;}
#adminQuoteForm .submit {text-align: center;}

/*Mozilla hacks :( starts*/
@-moz-document url-prefix() {
form#RegisterForm .input div.tip {padding-bottom: 8px;}
}
/*Mozilla hacks :( ends*/

/*Opera hacks :( starts*/
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  form#RegisterForm .input div.tip {padding-bottom: 6px;}
}/*Opera hacks :( ends*/