/* Engage section */
.default-border {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

.textarea span, .input span {
    width: 4px;
    height: 4px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    background: url(img/inputs-corners.png) no-repeat 0 0
}

.textarea span.left, .input span.left {
    left: -1px
}

.textarea span.right, .input span.right {
    right: -1px;
    background-position: -4px 0
}

.textarea span.left-bottom, .input span.left-bottom {
    top: auto;
    bottom: -1px;
    left: -1px;
    background-position: 0 -4px
}

.textarea span.right-bottom, .input span.right-bottom {
    top: auto;
    bottom: -1px;
    right: -1px;
    background-position: -4px -4px
}

.textarea.gray, .input.gray {
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9
}

.textarea.gray input, .input.gray input {
    background-color: #f7f7f7;
    color: #000
}

.textarea.gray span, .input.gray span {
    width: 4px;
    height: 4px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    background: url(img/inputs-corners-gray.png) no-repeat 0 0
}

.textarea.gray span.left, .input.gray span.left {
    left: -1px
}

.textarea.gray span.right, .input.gray span.right {
    right: -1px;
    background-position: -4px 0
}

.textarea.gray span.left-bottom, .input.gray span.left-bottom {
    top: auto;
    bottom: -1px;
    left: -1px;
    background-position: 0 -4px
}

.textarea.gray span.right-bottom, .input.gray span.right-bottom {
    top: auto;
    bottom: -1px;
    right: -1px;
    background-position: -4px -4px
}

.textarea {
    width: auto;
    height: 80px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    overflow: visible;
    padding: 10px 15px;
    clear: both;
    border: 1px solid #d9d9d9
}

.textarea textarea {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    color: #4d4d4d
}

.input {
    width: 257px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
    padding: 6px 14px 7px;
    overflow: visible;
    border: 1px solid #d9d9d9
}

.input input {
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: #4d4d4d
}

.search .input {
    width: 576px
}

#tooltip {
    width: auto;
    height: 31px;
    position: absolute;
    top: 118px;
    display: block;
    overflow: hidden;
    display: none;
    left: 579px;
    padding: 0 4px;
    background: url(img/title-arrow.png) no-repeat center 25px;
    z-index: 20;
    cursor: default
}

#tooltip p {
    width: auto;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 4px 4px 0;
    background: url(img/title-r.png) repeat-x 0 0;
    color: #fff
}

#tooltip span {
    width: 4px;
    height: 25px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden
}

#tooltip span.left {
    left: 0;
    background: url(img/title-left.png) no-repeat 0 0
}

#tooltip span.right {
    right: 0;
    background: url(img/title-right.png) no-repeat 0 0
}

#post-helper {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    z-index: 50
}

#post-helper p {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: block;
    position: relative
}

.ui-datepicker {
    z-index: 100 !important
}

.ui-datepicker-group {
    float: left
}

#ui-datepicker-div {
    width: 219px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    width: 219px !important;
    float: left;
    padding-bottom: 7px;
    background: url(img/calendar-bottom.png) no-repeat 0 bottom;
    display: none;
    z-index: 100
}

#ui-datepicker-div .ui-datepicker-links {
    width: 221px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden
}

#ui-datepicker-div .ui-datepicker-links .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-links .ui-datepicker-next {
    width: 8px;
    height: 16px;
    position: absolute;
    top: 13px;
    display: block;
    overflow: hidden;
    background: url(img/calendar-arrows.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#ui-datepicker-div .ui-datepicker-links .ui-datepicker-prev {
    left: 15px
}

#ui-datepicker-div .ui-datepicker-links .ui-datepicker-next {
    right: 15px;
    background-position: 0 -20px
}

#ui-datepicker-div .ui-datepicker-links .ui-datepicker-current {
    display: none
}

#ui-datepicker-div .ui-datepicker-control {
    display: none
}

#ui-datepicker-div .ui-datepicker-header {
    width: 221px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/calendar-top.png) repeat-x 0 0
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    width: 153px;
    height: 16px;
    position: absolute;
    top: 11px;
    display: block;
    overflow: hidden;
    left: 33px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

#ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    background-color: #fff
}

#ui-datepicker-div .ui-datepicker-calendar tr th {
    height: 20px;
    background: #f0f0f0 url(img/calendar-th.png) repeat-x 0 top;
    color: #808080;
    text-transform: uppercase;
    font-weight: 400
}

#ui-datepicker-div .ui-datepicker-calendar tr td {
    width: 30px;
    height: 25px;
    border: 1px solid #d9d9d9;
    border-bottom: 0
}

#ui-datepicker-div .ui-datepicker-calendar tr td a {
    width: 30px;
    height: 25px;
    font-size: 11px;
    font-weight: 700;
    color: #4d4d4d;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 26px
}

#ui-datepicker-div .ui-datepicker-calendar tr td a:hover {
    background: url(img/calendar-td.png) repeat-x 0 top
}

#system-message {
    width: 100%;
    height: 35px;
    position: absolute;
    top: 57px;
    display: block;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    background: url(img/s-message.png) repeat-x 0 0;
    z-index: 20
}

#system-message p {
    position: relative;
    left: 40%;
    display: block;
    padding-left: 38px;
    background: url(img/s-message-icos.png) no-repeat 0 0
}

#system-message.positive {
    border-top: 1px solid #aecea6;
    border-bottom: 1px solid #aecea6
}

#system-message.positive p {
    min-height: 19px;
    margin-top: 8px;
    color: #6ba35d;
    line-height: 18px
}

#system-message.positive a {
    padding-left: 5px;
    font-weight: 700
}

#system-message.info {
    background-position: 0 -36px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece
}

#system-message.info p {
    min-height: 21px;
    margin-top: 7px;
    background-position: 0 -49px;
    color: #858585;
    line-height: 21px
}

#system-message.info a {
    padding-left: 5px;
    font-weight: 700
}

#system-message.negative {
    background-position: 0 -72px;
    border-top: 1px solid #f3caca;
    border-bottom: 1px solid #f3caca
}

#system-message.negative p {
    min-height: 21px;
    margin-top: 7px;
    background-position: 0 -102px;
    color: #af7171;
    line-height: 21px
}

#system-message.negative a {
    padding-left: 5px;
    font-weight: 700
}

#modal-users.window {
    width: 717px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 0 18px 0;
    background: url(img/modal-corners.png) no-repeat 1px 0;
    display: none
}

#modal-users.window .modal-repeat {
    width: 698px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 9px;
    background: url(img/modal-repeat.png) repeat-y 0 0
}

#modal-users.window .modal-repeat iframe {
    width: 100%;
    height: auto;
    height: auto;
    border: 0;
    overflow: hidden
}

#modal-users .modal-repeat {
    width: 698px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden
}

#modal-users .modal-repeat .header {
    width: 100%;
    height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d9d9d9;
    text-align: center
}

#modal-users .modal-repeat .header p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #4d4d4d
}

#modal-users .modal-repeat .header .close {
    width: 27px;
    height: 28px;
    position: absolute;
    top: 5px;
    display: block;
    overflow: hidden;
    right: 11px;
    background: url(img/modal-close.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#modal-users .modal-repeat .links {
    width: 100%;
    height: 55px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    background: url(img/modal-links.png) repeat-x 0 0;
    border-bottom: 1px solid #d9d9d9
}

#modal-users .modal-repeat .links ul {
    width: auto;
    height: 55px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible
}

#modal-users .modal-repeat .links ul li {
    height: 100%;
    float: left;
    border-right: 1px solid #d9d9d9;
    display: block
}

#modal-users .modal-repeat .links ul li a {
    height: 100%;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 700;
    color: #4d4d4d;
    display: block;
    text-decoration: none;
    line-height: 56px
}

#modal-users .modal-repeat .links ul li a.active {
    margin-top: 1px;
    background-color: #fff;
    line-height: 54px
}

#modal-users .modal-repeat .links .watch {
    width: 140px;
    height: 24px;
    position: absolute;
    top: 11px;
    display: block;
    overflow: hidden;
    padding: 8px 0 0 45px;
    right: 11px;
    background: url(img/watch-tutorial.png) no-repeat 0 0;
    font-weight: 700;
    text-decoration: none
}

#modal-users .modal-repeat .inputs {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 32px 30px 15px
}

#modal-users .modal-repeat #modal-basic .line {
    width: auto;
    height: 60px;
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9
}

#modal-users .modal-repeat #modal-basic .line.first {
    margin-bottom: 19px
}

#modal-users .modal-repeat #modal-basic .line p {
    position: absolute;
    left: 0;
    top: 6px;
    font-weight: 700;
    color: #4d4d4d
}

#modal-users .modal-repeat #modal-basic .line .input {
    width: 186px;
    margin-left: 28px
}

#modal-users .modal-repeat #modal-basic .line .input.first {
    margin-left: 120px
}

#modal-users .modal-repeat #modal-basic .line .bttn-add {
    width: 35px;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-left: 22px;
    background: url(img/modal-add.png) no-repeat 0 0;
    text-indent: -999px
}

#modal-users .modal-repeat #modal-basic .form-bttns {
    width: 96px;
    margin: 17px auto 0;
    float: none
}

#modal-users .modal-repeat #modal-professional {
    display: none
}

#modal-users .modal-repeat #modal-professional .inputs {
    padding-bottom: 0
}

#modal-users .modal-repeat #modal-professional .line {
    width: auto;
    height: 60px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 10px
}

#modal-users .modal-repeat #modal-professional .line.first {
    border-bottom: 0
}

#modal-users .modal-repeat #modal-professional .line p {
    padding-bottom: 10px;
    font-weight: 700;
    color: #4d4d4d
}

#modal-users .modal-repeat #modal-professional .line .input {
    width: 608px;
    clear: both
}

#modal-users .modal-repeat #modal-professional .help {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 100px;
    margin-top: 20px;
    padding: 30px 45px 30px 155px;
    background: url(img/modal-help.png) no-repeat 34px 34px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

#modal-users .modal-repeat #modal-professional .help h3 {
    padding-bottom: 10px;
    color: #4d4d4d
}

#modal-users .modal-repeat #modal-professional .help p {
    padding-left: 2px;
    color: #666
}

#modal-users .modal-repeat #modal-professional .form-bttns {
    width: 96px;
    margin: 17px auto 15px;
    float: none
}

#modal-users .bottom {
    width: 717px;
    height: 16px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    left: 0;
    background: url(img/modal-corners.png) no-repeat -773px -5px
}

.ui-autocomplete {
    width: 255px !important;
    background-color: #fff;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

.ui-autocomplete li {
    padding: 6px 12px;
    border-bottom: 1px solid #d9d9d9
}

.ui-autocomplete li a {
    cursor: pointer
}

.ui-autocomplete li a:hover, .ui-autocomplete li a:focus {
    background: #f3f3f3 url(img/search-box.png) repeat-x 0 0
}

.bttn-leftp {
    width: auto;
    height: 26px;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    padding: 0 4px;
    line-height: 25px
}

.bttn-leftp .repeat {
    width: auto;
    height: 26px;
    padding: 0 5px;
    display: block
}

.bttn-leftp .right {
    width: 4px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    display: block
}

.bttn-leftp.light {
    color: #404040;
    background: url(img/button-light.png) no-repeat left 0
}

.bttn-leftp.light .repeat {
    background: url(img/button-light-r.png) repeat-x 0 0
}

.bttn-leftp.light .right {
    background: url(img/button-light.png) no-repeat 0 -36px
}

.bttn-leftp.dark {
    color: #404040;
    background: url(img/button-dark.png) no-repeat left -1px
}

.bttn-leftp.dark .repeat {
    background: url(img/button-dark-r.png) repeat-x 0 0
}

.bttn-leftp.dark .right {
    background: url(img/button-dark.png) no-repeat 0 -35px
}

.form-bttns {
    width: auto;
    height: 35px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0 4px;
    background: url(img/form-bttns-corners.png) no-repeat left 0;
    font-weight: 700;
    text-decoration: none;
    color: #8d0704;
    line-height: 33px
}

.form-bttns .repeat {
    height: 35px;
    padding: 0 18px;
    background: url(img/form-bttns.png) repeat-x 0 0;
    display: block
}

.form-bttns .repeat .add {
    position: relative;
    top: 1px;
    height: 14px;
    padding-left: 28px;
    background: url(img/button-ico-add.png) no-repeat 0 0
}

.form-bttns .right {
    width: 4px;
    height: 35px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/form-bttns-corners.png) no-repeat 0 -116px
}

.form-bttns.gray {
    background-position: 0 -39px;
    padding-left: 5px;
    color: #747474
}

.form-bttns.gray .repeat {
    background-position: 0 -39px
}

.form-bttns.gray .right {
    background-position: 0 -155px
}

.form-bttns.green {
    background-position: 0 -77px;
    padding-left: 5px;
    color: #fff
}

.form-bttns.green .repeat {
    background-position: 0 -77px
}

.form-bttns.green .right {
    background-position: 0 -193px
}

.form-bttns.yellow {
    background-position: 0 -269px;
    padding-left: 5px;
    color: #754c10
}

.form-bttns.yellow .repeat {
    background-position: 0 -115px
}

.form-bttns.yellow .right {
    background-position: 0 -231px
}

.form-bttns-pack {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    clear: both
}

.form-bttns-pack .form-bttns {
    margin-right: 10px
}

.style-colore-tags {
    width: auto;
    height: 22px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 10px 12px 0;
    float: left;
    background: url(img/tags-left.png) no-repeat 0 0;
    padding: 0 4px 0 15px;
    cursor: pointer
}

.style-colore-tags .tag-text {
    height: 19px;
    padding: 3px 8px 0 9px;
    background: url(img/tags-r.png) repeat-x 0 0;
    display: block;
    color: #666
}

.style-colore-tags .tag-right {
    width: 4px;
    height: 22px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/tags-right.png) no-repeat 0 0
}

.style-colore-tags.color-1 {
    background-position: 0 0
}

.style-colore-tags.color-1 .tag-text {
    background-position: 0 0
}

.style-colore-tags.color-1 .tag-right {
    background-position: 0 0
}

.style-colore-tags.color-2 {
    background-position: 0 -25px
}

.style-colore-tags.color-2 .tag-text {
    background-position: 0 -25px
}

.style-colore-tags.color-2 .tag-right {
    background-position: 0 -25px
}

.style-colore-tags.color-3 {
    background-position: 0 -50px
}

.style-colore-tags.color-3 .tag-text {
    background-position: 0 -50px
}

.style-colore-tags.color-3 .tag-right {
    background-position: 0 -50px
}

.style-colore-tags.color-4 {
    background-position: 0 -75px
}

.style-colore-tags.color-4 .tag-text {
    background-position: 0 -75px
}

.style-colore-tags.color-4 .tag-right {
    background-position: 0 -75px
}

.style-colore-tags.color-5 {
    background-position: 0 -100px
}

.style-colore-tags.color-5 .tag-text {
    background-position: 0 -100px
}

.style-colore-tags.color-5 .tag-right {
    background-position: 0 -100px
}

.style-colore-tags.color-6 {
    background-position: 0 -126px
}

.style-colore-tags.color-6 .tag-text {
    background-position: 0 -126px
}

.style-colore-tags.color-6 .tag-right {
    background-position: 0 -126px
}

.style-colore-tags.color-7 {
    background-position: 0 -152px
}

.style-colore-tags.color-7 .tag-text {
    background-position: 0 -152px
}

.style-colore-tags.color-7 .tag-right {
    background-position: 0 -152px
}

.style-colore-tags.color-8 {
    background-position: 0 -177px
}

.style-colore-tags.color-8 .tag-text {
    background-position: 0 -177px
}

.style-colore-tags.color-8 .tag-right {
    background-position: 0 -177px
}

.style-colore-tags.color-9 {
    background-position: 0 -203px
}

.style-colore-tags.color-9 .tag-text {
    background-position: 0 -203px
}

.style-colore-tags.color-9 .tag-right {
    background-position: 0 -203px
}

.style-colore-tags.color-10 {
    background-position: 0 -229px
}

.style-colore-tags.color-10 .tag-text {
    background-position: 0 -229px
}

.style-colore-tags.color-10 .tag-right {
    background-position: 0 -229px
}

.style-colore-tags.active {
    font-weight: 700
}

html {
    margin: 0
}

body {
    background: url(img/bg.png) repeat 0 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000
}

a, a:link, a:visited {
    color: #000
}

a.page {
    margin: 5px;
    color: #292929;
    font-size: 14px;
}

a.page:hover {
    text-decoration: underline;
}

a.page.active {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

a:hover, a:focus {
    text-decoration: none
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, form, fieldset, table, th, td, span {
    margin: 0;
    padding: 0;
    outline: 0
}

ul, li {
    list-style-type: none
}

input, textarea, button, a img {
    outline: 0;
    border: 0
}

textarea {
    resize: none;
    overflow: hidden
}

button {
    cursor: pointer
}

#top-bar {
    width: 100%;
    height: 61px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/top-bar.png) repeat-x 0 0;
    position: fixed;
    z-index: 100;
    overflow: visible
}

#top-bar #top-bar-in {
    width: auto;
    height: 61px;
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 977px;
    max-width: 1580px;
    overflow: visible
}

#top-bar #top-bar-in .logo {
    width: 166px;
    height: 30px;
    position: absolute;
    top: 16px;
    display: block;
    overflow: hidden;
    left: 0;
    margin: 0
}

#top-bar #top-bar-in .logo a {
    height: 26px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/logo.png) no-repeat 0 0;
    background-size: 158px 27px;
    text-indent: -999px
}

#top-bar #top-bar-in #menu {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    left: 253px
}

#top-bar #top-bar-in #menu li {
    float: left
}

#top-bar #top-bar-in #menu li a {
    height: 38px;
    padding: 19px 19px 0;
    display: block;
    border-right: 1px solid #a13a23;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    color: #ffdada
}

#top-bar #top-bar-in #menu li a:hover, #top-bar #top-bar-in #menu li a.active {
    background-color: #791f0b;
    color: #fff
}

#top-bar #top-bar-in #menu li a.first {
    border-left: 1px solid #a13a23
}

#top-bar #top-bar-in .resources {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    margin: 18px 19px 0 0;
    padding-left: 20px;
    background: url(img/resources.png) no-repeat 0 0;
    display: block;
    color: #ffdada;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    overflow: visible
}

#top-bar #top-bar-in .resources span {
    width: auto;
    height: 21px;
    position: relative;
    margin-top: -2px;
    padding: 2px 14px 0 0;
    display: block;
    border-right: 1px solid #ab5050
}

#top-bar #top-bar-in .select-brand-opener {
    width: 136px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    padding: 0 0 0 17px;
    margin: 9px 22px 0 0;
    background: url(img/select-brand.png) no-repeat 0 0;
    color: #fff;
    text-decoration: none;
    line-height: 35px
}

#top-bar #top-bar-in .select-brand {
    width: 148px;
    height: auto;
    position: absolute;
    top: 45px;
    display: block;
    overflow: hidden;
    right: 216px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9
}

#top-bar #top-bar-in .select-brand a {
    width: auto;
    height: auto;
    padding: 7px 15px;
    display: block;
    border-top: 1px solid #d9d9d9;
    text-decoration: none;
    color: #666;
    font-weight: 700
}

#top-bar #top-bar-in .select-brand a.first {
    border-top: 0
}

#top-bar #top-bar-in .select-brand a:hover {
    background-color: #f0f0f0;
    color: #404040
}

#top-bar #top-bar-in .profile {
    width: 187px;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    padding: 5px 0 0 6px;
    margin-top: 9px;
    background: url(img/profile.png) no-repeat 0 0
}

#top-bar #top-bar-in .profile .img {
    width: 27px;
    height: 28px;
    float: left;
    padding-left: 1px;
    background: url(img/profile-face.png) no-repeat 0 0;
    display: block
}

#top-bar #top-bar-in .profile p {
    width: 108px;
    height: 26px;
    margin-left: 12px;
    float: left;
    color: #ffdada;
    font-weight: 700;
    line-height: 26px
}

#top-bar #top-bar-in .profile a {
    width: 39px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-top: -5px;
    background: url(img/profile.png) no-repeat 0 -40px;
    text-indent: -999px
}

#top-bar #top-bar-in .profile a:hover, #top-bar #top-bar-in .profile a.active {
    background-position: -42px -40px
}

#top-bar #top-bar-in .setting {
    width: 198px;
    height: auto;
    position: absolute;
    top: 57px;
    display: block;
    overflow: hidden;
    right: -14px;
    background: url(img/setting-top.png) no-repeat 1px 0;
    padding-top: 20px;
    text-indent: 0;
    z-index: 10;
    display: none
}

#top-bar #top-bar-in .setting ul {
    background: url(img/setting-bottom.png) no-repeat center bottom;
    padding-bottom: 20px;
    overflow: visible
}

#top-bar #top-bar-in .setting ul li {
    background: url(img/setting-bg.png) repeat-y center 0
}

#top-bar #top-bar-in .setting ul li.first {
    padding-top: 5px
}

#top-bar #top-bar-in .setting ul li.first a {
    border-top: 0;
    padding-top: 7px;
    margin-top: -10px
}

#top-bar #top-bar-in .setting ul li a {
    width: 161px;
    border-top: 1px solid #d9d9d9;
    margin-left: 12px;
    padding: 9px 0 8px 13px;
    display: block;
    font-weight: 700;
    color: #4d4d4d;
    text-decoration: none
}

#top-bar #top-bar-in .setting ul li a:hover {
    background-color: #e8e8e8
}

#top-bar #top-bar-in .setting.brand {
    right: 204px
}

#main-w {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 991px;
    padding-top: 93px
}

#left-p {
    width: 183px;
    height: 1500px;
    position: relative;
    display: block;
    overflow: hidden;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    background-color: #fff;
    position: fixed;
    top: 57px;
    left: -130px;
    z-index: 50;
    overflow: visible
}

#left-p .opener {
    width: 100%;
    height: 35px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/opener-bg.png) repeat-x 0 0;
    border-bottom: 1px solid #d9d9d9
}

#left-p .opener a {
    width: 53px;
    height: 35px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    background: url(img/arrow.png) no-repeat 20px -33px;
    border-left: 1px solid #d9d9d9;
    text-indent: -999px
}

#left-p .opener a.active {
    background-position: 18px 9px
}

#left-p #trash-2 {
    width: 36px;
    height: 36px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 20px 10px 0 0;
    float: right;
    background: url(img/trash.png) no-repeat -1px 0;
    text-indent: -999px
}

#left-p #trash-2.active {
    background-color: #fffde5
}

#left-p #tags {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible
}

#left-p #tags .list-tags {
    display: block;
    border-bottom: 1px solid #d9d9d9
}

#left-p #tags .list-tags.tags-hide {
    display: none
}

#left-p #tags .list-tags li {
    width: 183px;
    height: 29px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 8px;
    border-top: 1px solid #d9d9d9;
    color: #737373
}

#left-p #tags .list-tags li.first {
    border-top: 0
}

#left-p #tags .list-tags li.active {
    background-color: #fffde5
}

#left-p #tags .list-tags li span {
    width: 120px;
    height: 22px;
    padding: 0 43px 0 12px;
    background: url(img/tags.png) no-repeat 0 0;
    display: block;
    line-height: 23px
}

#left-p #tags .list-tags li.color-1 span {
    background-position: right 0
}

#left-p #tags .list-tags li.color-2 span {
    background-position: right -25px
}

#left-p #tags .list-tags li.color-3 span {
    background-position: right -50px
}

#left-p #tags .list-tags li.color-4 span {
    background-position: right -75px
}

#left-p #tags .list-tags li.color-5 span {
    background-position: right -100px
}

#left-p #tags .list-tags li.color-6 span {
    background-position: right -126px
}

#left-p #tags .list-tags li.color-7 span {
    background-position: right -152px
}

#left-p #tags .list-tags li.color-8 span {
    background-position: right -177px
}

#left-p #tags .list-tags li.color-9 span {
    background-position: right -203px
}

#left-p #tags .list-tags li.color-10 span {
    background-position: right -229px
}

#left-p #tags .list-tags li.empty {
    cursor: pointer
}

#left-p #tags .list-tags li.empty span {
    width: 120px;
    height: 22px;
    padding: 0 43px 0 12px;
    background: url(img/empty.png) no-repeat right 0;
    display: block;
    color: #737373
}

#left-p #tags .controls {
    width: 163px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    min-height: 26px;
    display: none;
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d9d9d9
}

#left-p #tags .controls .bttn-leftp {
    float: left
}

#left-p #tags .controls .bttn-leftp.add-tag {
    float: right
}

#left-p #tags .controls .input-tags {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    display: none;
    padding-top: 12px;
    clear: both
}

#left-p #tags .controls .input-tags input {
    width: 99px;
    height: 18px;
    padding: 4px 30px 4px 5px;
    background: url(img/input-left.png) no-repeat 0 0;
    display: block;
    font-size: 12px
}

#left-p #tags .controls .input-tags .send {
    width: 31px;
    height: 26px;
    position: absolute;
    top: 12px;
    display: block;
    overflow: hidden;
    right: -5px;
    background: url(img/inpu-left-button.png) no-repeat 0 0;
    cursor: pointer;
    text-indent: -999px
}

#left-p #tags .controls .input-tags .pick-opener {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 16px;
    display: block;
    overflow: hidden;
    right: 35px;
    background: url(img/tags-selected-colors.png) no-repeat 0 0;
    text-indent: -999px
}

#left-p #tags .controls .input-tags .pick-opener.color-1 {
    background-position: -20px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-2 {
    background-position: -120px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-3 {
    background-position: -60px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-4 {
    background-position: -100px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-5 {
    background-position: -80px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-6 {
    background-position: -200px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-7 {
    background-position: -220px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-8 {
    background-position: -40px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-9 {
    background-position: -180px 0
}

#left-p #tags .controls .input-tags .pick-opener.color-10 {
    background-position: -160px 0
}

#left-p #tags .controls .color-picker {
    width: 201px;
    height: 80px;
    position: absolute;
    top: 32px;
    display: block;
    overflow: hidden;
    display: none;
    left: 9px;
    padding: 12px 12px 15px 12px;
    background: url(img/color-picker.png) no-repeat 0 0;
    z-index: 1000
}

#left-p #tags .controls .color-picker ul {
    width: 141px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 9px auto 0;
    clear: both
}

#left-p #tags .controls .color-picker ul.first {
    margin-top: 13px
}

#left-p #tags .controls .color-picker ul li {
    float: left;
    margin-left: 9px
}

#left-p #tags .controls .color-picker ul li.first {
    margin-left: 0
}

#left-p #tags .controls .color-picker ul li a {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/tags-colors.png) no-repeat 0 0;
    text-indent: -999px
}

#left-p #tags .controls .color-picker ul li a.color-1 {
    background-position: 0 -23px
}

#left-p #tags .controls .color-picker ul li a.color-2 {
    background-position: -150px -23px
}

#left-p #tags .controls .color-picker ul li a.color-3 {
    background-position: -60px -23px
}

#left-p #tags .controls .color-picker ul li a.color-4 {
    background-position: -120px -23px
}

#left-p #tags .controls .color-picker ul li a.color-5 {
    background-position: -90px -23px
}

#left-p #tags .controls .color-picker ul li a.color-6 {
    background-position: -120px -53px
}

#left-p #tags .controls .color-picker ul li a.color-7 {
    background-position: -150px -53px
}

#left-p #tags .controls .color-picker ul li a.color-8 {
    background-position: -30px -23px
}

#left-p #tags .controls .color-picker ul li a.color-9 {
    background-position: -90px -53px
}

#left-p #tags .controls .color-picker ul li a.color-10 {
    background-position: -60px -53px
}

#left-p #tags .controls .color-picker ul li a.gray {
    background-position: -30px -23px
}

#left-p #tags .controls .color-picker ul li a.yellow {
    background-position: -60px -23px
}

#left-p #tags .controls .color-picker ul li a.red-1 {
    background-position: -90px -23px
}

#left-p #tags .controls .color-picker ul li a.blue {
    background-position: -120px -23px
}

#left-p #tags .controls .color-picker ul li a.red-2 {
    background-position: -150px -23px
}

#left-p #tags .controls .color-picker ul li a.dark-blue {
    background-position: -30px -53px
}

#left-p #tags .controls .color-picker ul li a.brown {
    background-position: -60px -53px
}

#left-p #tags .controls .color-picker ul li a.magenta {
    background-position: -90px -53px
}

#left-p #tags .controls .color-picker ul li a.purple {
    background-position: -120px -53px
}

#left-p #tags .controls .color-picker ul li a.dark-purple {
    background-position: -150px -53px
}

#left-p #users {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10
}

#left-p #users ul {
    display: block;
    border-bottom: 1px solid #d9d9d9
}

#left-p #users ul.users-hide {
    display: none
}

#left-p #users ul li {
    width: 173px;
    height: 44px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 10px 0 0;
    border-top: 1px solid #d9d9d9;
    color: #737373
}

#left-p #users ul li.first {
    border-top: 0
}

#left-p #users ul li.active {
    background-color: #fffde5
}

#left-p #users ul li span {
    width: 120px;
    float: left;
    padding: 12px 0 0 12px;
    display: block
}

#left-p #users ul li img {
    width: 34px;
    height: 34px;
    float: right;
    border: 1px solid #b3b3b3
}

#left-p #users ul li.empty a {
    width: 37px;
    height: 36px;
    float: right;
    background: url(img/empty.png) no-repeat 0 -31px;
    overflow: hidden;
    text-indent: -999px
}

#left-p #users .controls {
    width: 163px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    display: none;
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d9d9d9
}

#left-p #users .controls .bttn-leftp.light {
    width: 90px;
    margin: 0 auto
}

#right-p {
    width: 306px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    position: fixed;
    top: 93px;
    right: 0
}

#right-p #calendar {
    width: 306px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden
}

#right-p #calendar ul {
    width: 245px;
    height: 37px;
    float: left;
    display: block
}

#right-p #calendar ul li {
    height: 37px;
    float: left;
    background: url(img/calender-r.png) repeat-x 0 0
}

#right-p #calendar ul li:hover {
    background-position: 0 -81px
}

#right-p #calendar ul li:hover.active a {
    border-right: 0;
    margin-right: 0
}

#right-p #calendar ul li:hover a {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    margin-right: -1px;
    z-index: 10
}

#right-p #calendar ul li:hover a.first {
    background-position: 0 -82px
}

#right-p #calendar ul li:hover a.last {
    background-position: right -82px;
    border-right: 0
}

#right-p #calendar ul li.active {
    background-position: 0 -41px
}

#right-p #calendar ul li.active a {
    color: #333;
    cursor: default
}

#right-p #calendar ul li.active a.first {
    background-position: 0 -41px
}

#right-p #calendar ul li.active a.last {
    background-position: right -41px
}

#right-p #calendar ul li a {
    width: auto;
    height: 36px;
    position: relative;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #595959;
    border-left: 1px solid #ccc;
    line-height: 38px
}

#right-p #calendar ul li a.first {
    border-left: 0;
    background: url(img/calendar-left.png) no-repeat left 0
}

#right-p #calendar ul li a.last {
    background: url(img/calendar-right.png) no-repeat right 0
}

#right-p #datepicker {
    width: 40px;
    height: 36px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    background: url(img/calender-ico.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#right-p input[type="text"] {
    position: absolute;
    top: 0;
    left: 0
}

#right-p #top-users {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    margin-top: 7px;
    background: #fff url(img/right-block-top.png) no-repeat -1px top
}

#right-p #top-users h2 {
    width: auto;
    height: 34px;
    padding: 14px 0 0 13px;
    display: block;
    font-size: 15px;
    color: #333
}

#right-p #top-users .user {
    width: 71px;
    height: 118px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 2px 0;
    float: left;
    background: url(img/user-bg.png) repeat-x 0 0;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6
}

#right-p #top-users .user.first {
    border-left: 0
}

#right-p #top-users .user:hover {
    background-image: none;
    background-color: #f4f4f4
}

#right-p #top-users .user.you {
    background: #fffde5 url(img/top-shadow.png) repeat-x 0 0;
    border-top: 1px solid #bfbfbf
}

#right-p #top-users .user .img {
    display: block;
    text-decoration: none
}

#right-p #top-users .user img {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    display: block
}

#right-p #top-users .user span.rating {
    width: 39px;
    height: 16px;
    position: absolute;
    top: 42px;
    display: block;
    overflow: hidden;
    left: 13px;
    padding: 2px 0 0 4px;
    background: url(img/rating.png) no-repeat 0 0;
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

#right-p #top-users .user span.rating.negative {
    background-position: -53px 0
}

#right-p #top-users .user p {
    text-align: center;
    font-weight: 700;
    color: #333
}

#right-p #top-users .user p a {
    color: #333;
    text-decoration: none
}

#right-p #top-users .user p a:hover {
    text-decoration: underline
}

#right-p #top-users .user p.name {
    padding-bottom: 5px
}

#right-p #top-users .user p.posts {
    font-weight: 400
}

#right-p #top-users .user p.posts span {
    font-weight: 700
}

#right-p #history {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    background: #fff url(img/right-block-bottom.png) no-repeat -1px bottom;
    padding-bottom: 5px
}

#right-p #history #history-in {
    width: auto;
    height: 200px;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 200px
}

#right-p #history h2 {
    width: auto;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 17px 0 0 13px;
    background: url(img/workflow-bg.png) repeat-x 0 0;
    font-size: 15px;
    color: #333
}

#right-p #history .box {
    width: 291px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 11px 0 5px 13px;
    background-color: #fafafa;
    border-top: 1px solid #e6e6e6
}

#right-p #history .box .preloader {
    width: 16px;
    width: 11px;
    margin: 9px auto;
    display: block
}

#right-p #history .box:hover {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
    background-color: #e8e8e8;
    z-index: 5
}

#right-p #history .box a img {
    width: 26px;
    height: 26px;
    float: left;
    margin-right: 14px
}

#right-p #history .box p {
    width: 240px;
    float: left;
    line-height: 16px
}

#right-p #history .box p a {
    color: #333;
    text-decoration: none;
    display: block
}

#right-p #history .box p span {
    font-weight: 700
}

#right-p.small {
    width: 229px
}

#right-p.small #calendar {
    width: 231px
}

#right-p.small #calendar ul {
    width: 190px
}

#right-p.small #calendar ul li.month {
    display: none
}

#right-p.small.relative {
    position: relative
}

#right-p.small #top-users .user.hide {
    display: none
}

#right-p.small #history .box {
    width: 241px
}

#right-p.small #history .box p {
    width: 170px
}

#main-p {
    width: 667px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 590px;
    overflow: visible
}

#main-p #tabs {
    max-width: 600px
}

#main-p #tabs li {
    height: 43px;
    position: relative;
    float: left;
    background: #fff url(img/tabs-bg.png) repeat-x 0 0
}

#main-p #tabs li.ui-sortable-helper a {
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf
}

#main-p #tabs li.ui-sortable-helper a.last {
    border-right: 0
}

#main-p #tabs li:hover {
    background-position: 0 -94px
}

#main-p #tabs li:hover.active a {
    border-right: 0;
    margin-right: 0
}

#main-p #tabs li:hover a {
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    margin-right: -1px;
    text-indent: -999px;
    z-index: 5
}

#main-p #tabs li:hover a.first {
    background-position: 0 -96px
}

#main-p #tabs li:hover a.last {
    background-position: right -96px;
    border-right: 0;
    margin-right: 0
}

#main-p #tabs li.active {
    background-position: 0 -47px
}

#main-p #tabs li.active a {
    border-left: 1px solid #e6e6e6;
    cursor: default
}

#main-p #tabs li.active a.first {
    background-position: 0 -48px
}

#main-p #tabs li.active a.last {
    background-position: right -48px
}

#main-p #tabs li .ico {
    display: block;
    overflow: hidden;
    background: url(img/tabs-ico.png) no-repeat 0 0;
    margin: 0 auto;
    text-indent: -999px
}

#main-p #tabs li.alert a {
    height: 34px;
    padding-top: 9px
}

#main-p #tabs li.alert a .ico {
    width: 23px;
    height: 24px
}

#main-p #tabs li.users a {
    height: 32px;
    padding-top: 11px
}

#main-p #tabs li.users a .ico {
    width: 22px;
    height: 19px;
    background-position: -26px -2px
}

#main-p #tabs li.likes a {
    height: 33px;
    padding-top: 10px
}

#main-p #tabs li.likes a .ico {
    width: 24px;
    height: 23px;
    background-position: -52px -1px
}

#main-p #tabs li.new a {
    height: 32px;
    padding-top: 11px
}

#main-p #tabs li.new a .ico {
    width: 19px;
    height: 20px;
    background-position: -79px -2px
}

#main-p #tabs li.text a {
    width: auto;
    height: 43px;
    padding: 0 20px;
    text-indent: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 46px
}

#main-p #tabs li a {
    width: 50px;
    height: 43px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    border-left: 1px solid #e6e6e6;
    text-indent: -999px;
    text-decoration: none
}

#main-p #tabs li a.first {
    background: url(img/tabs-corners-left.png) no-repeat left 0;
    border-left: 0
}

#main-p #tabs li a.last {
    background: url(img/tabs-corners-right.png) no-repeat right 0
}

#main-p #tabs li a .numbers {
    width: 23px;
    height: 19px;
    position: absolute;
    top: -5px;
    display: block;
    overflow: hidden;
    padding-right: 1px;
    right: -10px;
    background: url(img/numbers-bg.png) no-repeat 0 0;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-indent: 0;
    line-height: 17px;
    z-index: 10
}

#main-p #tabs li .deleter-tab {
    width: 18px;
    height: 20px;
    position: absolute;
    top: -8px;
    display: block;
    overflow: hidden;
    right: -8px;
    background: url(img/deleter.png) no-repeat 0 0;
    display: none;
    cursor: pointer;
    z-index: 20
}

#main-p .filter {
    float: right;
    padding: 10px 21px 0 0;
    font-weight: 700;
    color: #000
}

#main-p #trash {
    width: 36px;
    height: 36px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    background: url(img/trash.png) no-repeat -1px 0;
    text-indent: -999px
}

#main-p #trash.active {
    background-color: #fffde5
}

#main-p #content {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 120px;
    border: 1px solid #d9d9d9;
    overflow: visible;
    min-height: 50px;
    clear: both;
    background-color: #fff
}

#main-p #content .corner {
    width: 4px;
    height: 4px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    right: -1px;
    background: url(img/posts-corner.png) no-repeat -4px 0
}

#main-p #content .preloader {
    margin: 10px auto;
    display: block
}

#main-p #content #filter-p {
    width: auto;
    height: 38px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    border-bottom: 1px solid #d9d9d9;
    padding: 11px 0 0 23px
}

#main-p #content #filter-p select {
    width: 156px;
    height: 26px;
    margin: 0 0 0 24px;
    outline: 0
}

#main-p #content #filter-p select.first {
    margin: 0
}

#main-p #content #filter-p .select-opener {
    width: 143px;
    height: 26px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 0 0 24px;
    padding: 0 0 0 13px;
    background: url(img/select-opener.png) no-repeat 0 0;
    line-height: 25px;
    text-decoration: none;
    color: #4d4d4d
}

#main-p #content #filter-p .select-opener.first {
    margin: 0
}

#main-p #content #filter-p .select-opener.active {
    background-position: 0 -29px
}

#main-p #content #filter-p .select-big {
    width: 374px;
    height: auto;
    position: absolute;
    top: 37px;
    display: block;
    overflow: hidden;
    display: none;
    padding: 27px 0 20px;
    background: url(img/bigger-select-bottom-top.png) no-repeat 0 0;
    z-index: 50
}

#main-p #content #filter-p .select-big .select-big-r {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 24px 0 25px;
    background: url(img/bigger-select-repeat.png) repeat-y 0 0
}

#main-p #content #filter-p .select-big .select-big-bottom {
    width: 374px;
    height: 33px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    bottom: 0;
    background: url(img/bigger-select-bottom-top.png) no-repeat -384px 0
}

#main-p #content #filter-p .select-big input {
    position: absolute;
    top: -999px
}

#main-p #content #filter-p .select-big .all {
    float: left;
    padding-top: 4px;
    display: block;
    color: #595959
}

#main-p #content #filter-p .select-big.users {
    left: -13px
}

#main-p #content #filter-p .select-big.users .box {
    position: relative;
    height: 24px;
    background: url(img/name-left.png) no-repeat 0 0;
    margin: 0 10px 10px 0;
    padding: 0 11px;
    float: left;
    text-decoration: none;
    cursor: pointer
}

#main-p #content #filter-p .select-big.users .box .text {
    height: 20px;
    padding: 4px 0 0;
    background: url(img/name-r.png) repeat-x 0 0;
    display: block;
    color: #666
}

#main-p #content #filter-p .select-big.users .box .right {
    width: 11px;
    height: 24px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/name-right.png) no-repeat 0 0
}

#main-p #content #filter-p .select-big.users .box:hover {
    background-position: 0 -27px
}

#main-p #content #filter-p .select-big.users .box:hover .text {
    background-position: 0 -27px;
    color: #000
}

#main-p #content #filter-p .select-big.users .box:hover .right {
    background-position: 0 -27px
}

#main-p #content #filter-p .select-big.users .box.active {
    background-position: 0 -54px
}

#main-p #content #filter-p .select-big.users .box.active .text {
    background-position: 0 -54px;
    color: #000
}

#main-p #content #filter-p .select-big.users .box.active .right {
    background-position: 0 -54px
}

#main-p #content #filter-p .select-big.tags {
    left: 456px;
    background-position: -762px 0
}

#main-p #content #filter-p .select-small {
    width: 178px;
    height: auto;
    position: absolute;
    top: 37px;
    display: block;
    overflow: hidden;
    display: none;
    padding: 21px 0 25px;
    background: url(img/small-select-bottom-top.png) no-repeat 0 0;
    z-index: 50
}

#main-p #content #filter-p .select-small .select-small-r {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    padding: 3px 14px 0 12px;
    background: url(img/small-select-r.png) repeat-y -1px 0
}

#main-p #content #filter-p .select-small .select-small-r a {
    width: 140px;
    min-height: 28px;
    position: relative;
    top: -4px;
    padding-left: 12px;
    border-top: 1px solid #d9d9d9;
    display: block;
    line-height: 27px;
    text-decoration: none;
    font-weight: 700;
    color: #4d4d4d
}

#main-p #content #filter-p .select-small .select-small-r a.first {
    border-top: 0
}

#main-p #content #filter-p .select-small .select-small-r a:hover, #main-p #content #filter-p .select-small .select-small-r a.active {
    background: url(img/small-select-hover.png) repeat-x 0 0
}

#main-p #content #filter-p .select-small .select-small-bottom {
    width: 178px;
    height: 25px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    bottom: 0;
    background: url(img/small-select-bottom-top.png) no-repeat -180px 0
}

#main-p #content #filter-p .select-small.groups {
    left: 193px
}

#main-p #content #filter-p .select-small.sentiment {
    left: 373px
}

#main-p #content #filter-p .select-small select {
    display: none
}

#main-p #content #filter-p .form-bttns {
    position: absolute;
    top: 8px;
    right: 23px
}

#main-p #content #content-in {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 25px 30px
}

#main-p #content #content-in h3 {
    color: #808080;
    font-size: 18px;
    clear: both
}

#main-p #content #content-in h4 {
    padding-bottom: 9px;
    color: #808080;
    font-size: 14px;
    clear: both
}

#main-p #content #content-in .table {
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-collapse: collapse;
    border-radius: 15px;
    position: relative
}

#main-p #content #content-in .table tr {
    border: 0
}

#main-p #content #content-in .table tr.second {
    background-color: #fbfbfb
}

#main-p #content #content-in .table tr td {
    border: 1px solid #d9d9d9;
    padding: 10px 12px 9px 12px;
    color: #595959;
    position: relative
}

#main-p #content #content-in .table tr td .bttn {
    width: 31px;
    height: 29px;
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    display: none;
    margin-top: -14px;
    background: url(img/table-controls.png) no-repeat 0 0;
    text-indent: -999px
}

#main-p #content #content-in .table tr td .bttn.edit {
    right: 36px
}

#main-p #content #content-in .table tr td .bttn.edit:hover {
    background-position: 0 -39px
}

#main-p #content #content-in .table tr td .bttn.delete {
    right: 5px;
    background-position: -31px 0
}

#main-p #content #content-in .table tr td .bttn.delete:hover {
    background-position: -31px -39px
}

#main-p #content #content-in .table tr td .green {
    padding: 3px;
    background-color: #209921;
    color: #fff
}

#main-p #content #content-in .table tr td .red {
    padding: 3px;
    background-color: #e00d0d;
    color: #fff
}

#main-p #content #content-in .table thead tr {
    background: #ebebeb url(img/thead.png) repeat-x 0 top
}

#main-p #content #content-in .table thead tr td {
    font-size: 13px;
    font-weight: 700
}

#main-p #content #content-in .table thead tr td.first {
    background: url(img/table-corner-left.png) no-repeat left 0
}

#main-p #content #content-in .table tbody tr {
    border: 0
}

#main-p #content #content-in .table tbody tr:hover {
    background: #fcba56 url(img/table-hover.png) repeat-x 0 top
}

#main-p #content #content-in .table tbody tr td {
    border-top: 0
}

#main-p #content #content-in .checkbox {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left
}

#main-p #content #content-in .checkbox input {
    position: absolute !important
}

#main-p #content #content-in .checkbox label {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/checks-radios.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#main-p #content #content-in .checkbox label.active {
    background-position: -30px 0
}

#main-p #content #content-in .radio {
    width: 22px;
    height: 23px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left
}

#main-p #content #content-in .radio input {
    position: absolute !important
}

#main-p #content #content-in .radio label {
    width: 22px;
    height: 23px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/checks-radios.png) no-repeat 0 -28px;
    text-indent: -999px;
    cursor: pointer
}

#main-p #content #content-in .radio label.active {
    background-position: -28px -28px
}

#main-p #content #content-in .system-form {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    clear: both
}

#main-p #content #content-in .system-form table tr th {
    margin-right: 10px;
    text-align: left;
    color: #4d4d4d
}

#main-p #content #content-in .system-form table tr th label {
    font-size: 13px
}

#main-p #content #content-in .system-form table tr td {
    margin: 0 0 5px 10px;
    display: block
}

#main-p #content #content-in .system-form table#integration-box {
    width: 100%;
}

#main-p #content #content-in .system-form table#integration-box tr td ul {
    padding-top: 10px;
}

#main-p #content #content-in .system-form table#integration-box tr td ul li {
    color: #ff0000;
    font-weight: bold;
}

#main-p #content #content-in .system-form table#integration-box tr td {
    display: table-cell;
}

#main-p #content #content-in .system-form table#integration-box tr td.form-input {
    display: table-cell;
    width: 400px;
}

#main-p #content #content-in .system-form table#integration-box tr th {
    display: table-cell;
    width: 20%;
}

#main-p #content #content-in .system-form table#integration-box tr td select#form_brands {
    width: 380px;
    margin-left: 0;
}

#main-p #content #content-in .system-form table#integration-box tr td strong.warning {
    color: #af0000;
    margin: 10px 0;
    display: block;
}

#main-p #content #content-in .system-form table tr td.checkbox {
    padding: 7px 0 0 0;
    display: inline-block;
}

#main-p #content #content-in .system-form table tr td.submit {
    padding: 7px 0 0 0;
}

#main-p #content #content-in .system-form table tr td input[type="text"].important {
    border-color: #FF0000;
}

#main-p #content #content-in .system-form table tr td input[type="text"],
#main-p #content #content-in .system-form table tr td input[type="password"],
#main-p #content #content-in .system-form table tr td input[type="email"],
#main-p #content #content-in .system-form table tr td textarea {
    width: 350px;
    padding: 6px 14px 7px;
    border: 1px solid #d9d9d9;
    font-family: Arial;
    font-size: 13px;
    color: #666
}

#main-p #content #content-in .system-form table tr td input[type="submit"], #main-p #content #content-in .system-form table tr td a {
    width: 80px;
    height: 35px;
    background: url(img/save-bttn.png) no-repeat 0 0;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
}

#main-p #content #content-in .system-form table tr td a {
    background-image: none;
    background-color: #65645e;
    position: relative;
    top: -1px;
}

#main-p #content #content-in .system-form select {
    width: 98%;
    margin-left: 3px;
    padding: 3px;
    color: #666;
    outline: 0
}

#main-p #content #content-in .system-form select option {
    color: #666
}

#main-p #content #content-in .errors-pack {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 10px 0;
    background: -webkit-linear-gradient(top, #fdf0f0, #ffe7e7);
    border-top: 1px solid #f3caca;
    border-bottom: 1px solid #f3caca
}

#main-p #content #content-in .errors-pack li {
    position: relative;
    padding-left: 28px;
    min-height: 21px;
    margin: 7px 0;
    color: #af7171;
    line-height: 21px;
    list-style: disc inside
}

#main-p #content .post {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 134px;
    padding-bottom: 11px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff
}

#main-p #content .post.ui-draggable-dragging {
    z-index: 50
}

#main-p #content .post.active {
    background: #fffde5 url(img/post-select.png) repeat-x 0 0
}

#main-p #content .post .mark {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    left: 0;
    background: url(img/mark.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 5
}

#main-p #content .post .mark:hover, #main-p #content .post .mark.active {
    background-position: 0 -44px
}

#main-p #content .post .drag-control {
    width: 27px;
    height: 19px;
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    left: 6px;
    z-index: 5
}

#main-p #content .post .drag-control .drag {
    width: 7px;
    height: 19px;
    position: relative;
    display: block;
    overflow: hidden;
    cursor: move;
    float: left;
    background: url(img/drag-bg.png) no-repeat 0 0
}

#main-p #content .post .drag-control input[type="checkbox"] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -50px;
    display: block;
    overflow: hidden
}

#main-p #content .post .drag-control label {
    width: 19px;
    height: 19px;
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: left;
    background: url(img/drag-bg.png) no-repeat -8px 0;
    text-indent: -999px
}

#main-p #content .post .drag-control label.active {
    background-position: -8px -21px
}

#main-p #content .post .show-over {
    width: 55px;
    height: 55px;
    position: absolute;
    bottom: 0;
    right: -1px;
    background: url(img/show-over-bttn.png) no-repeat 0 0;
    display: none;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer
}

#main-p #content .post .content {
    width: 376px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 300px;
    float: left;
    padding: 15px 48px 0 51px;
    overflow: visible;
    z-index: 5
}

#main-p #content .post .content .sentiment {
    width: 27px;
    height: auto;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    right: 15px;
    overflow: visible
}

#main-p #content .post .content .sentiment p {
    width: 27px;
    height: 37px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/sentiments.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#main-p #content .post .content .sentiment p.neutral {
    background-position: -30px 0
}

#main-p #content .post .content .sentiment p.negative {
    background-position: -60px 0
}

#main-p #content .post .content .sentiment ul {
    width: 113px;
    height: 49px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    margin: 10px 0 0 -28px;
    display: none;
    z-index: 5
}

#main-p #content .post .content .sentiment ul li {
    float: left;
    background: url(img/sentiments-click.png) no-repeat 0 0;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer
}

#main-p #content .post .content .sentiment ul li.positive {
    width: 40px;
    height: 48px
}

#main-p #content .post .content .sentiment ul li.positive:hover {
    background-position: 0 -52px
}

#main-p #content .post .content .sentiment ul li.neutral {
    width: 33px;
    height: 49px;
    background-position: -40px 0
}

#main-p #content .post .content .sentiment ul li.neutral:hover {
    background-position: -40px -52px
}

#main-p #content .post .content .sentiment ul li.negative {
    width: 40px;
    height: 48px;
    background-position: -73px 0
}

#main-p #content .post .content .sentiment ul li.negative:hover {
    background-position: -73px -52px
}

#main-p #content .post .content .face {
    width: 68px;
    height: 67px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-right: 13px;
    float: left
}

#main-p #content .post .content .face span {
    width: 22px;
    height: 21px;
    position: absolute;
    top: 41px;
    display: block;
    overflow: hidden;
    left: 5px;
    background: url(img/social-icos.png) no-repeat 0 0
}

#main-p #content .post .content .face span.facebook {
    background-position: 0 -21px
}

#main-p #content .post .content .labels {
    width: auto;
    height: 22px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible
}

#main-p #content .post .content .labels li {
    width: 41px;
    height: 22px;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    float: left;
    margin-left: 8px;
    background: url(img/tags.png) no-repeat 0 0;
    text-indent: -999px
}

#main-p #content .post .content .labels li.first {
    margin-left: 0
}

#main-p #content .post .content .labels li.color-1 {
    background-position: right 0
}

#main-p #content .post .content .labels li.color-2 {
    background-position: right -25px
}

#main-p #content .post .content .labels li.color-3 {
    background-position: right -50px
}

#main-p #content .post .content .labels li.color-4 {
    background-position: right -75px
}

#main-p #content .post .content .labels li.color-5 {
    background-position: right -100px
}

#main-p #content .post .content .labels li.color-6 {
    background-position: right -126px
}

#main-p #content .post .content .labels li.color-7 {
    background-position: right -152px
}

#main-p #content .post .content .labels li.color-8 {
    background-position: right -177px
}

#main-p #content .post .content .labels li.color-9 {
    background-position: right -203px
}

#main-p #content .post .content .labels li.color-10 {
    background-position: right -229px
}

#main-p #content .post .content .labels li .title {
    width: auto;
    height: 31px;
    position: absolute;
    top: -34px;
    display: block;
    overflow: hidden;
    text-indent: 0
}

#main-p #content .post .content .labels li .title .repeat {
    width: auto;
    height: 25px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/title-r.png) repeat-x 0 0;
    color: #fff;
    text-align: center
}

#main-p #content .post .content .labels li .deleter-tag {
    width: 18px;
    height: 20px;
    position: absolute;
    top: -8px;
    display: block;
    overflow: hidden;
    right: -8px;
    background: url(img/deleter.png) no-repeat 0 0;
    display: none;
    cursor: pointer
}

#main-p #content .post .content .text {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 11px
}

#main-p #content .post .content .text h3 {
    font-size: 12px;
    color: #333
}

#main-p #content .post .content .text p {
    padding-top: 5px;
    color: #666
}

#main-p #content .post .right {
    width: 164px;
    height: 120px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 11px;
    padding-left: 9px;
    float: left;
    border-left: 1px solid #d9d9d9
}

#main-p #content .post .right .name, #main-p #content .post .right .source {
    width: 164px;
    height: 56px;
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9
}

#main-p #content .post .right .name .aname, #main-p #content .post .right .source .aname, #main-p #content .post .right .name .link, #main-p #content .post .right .source .link {
    max-width: 120px;
    float: left;
    height: 14px;
    margin-top: 6px;
    padding-left: 22px;
    background: url(img/right-block-icos.png) no-repeat 0 0;
    display: block;
    color: #404040;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden
}

#main-p #content .post .right .name .aname span, #main-p #content .post .right .source .aname span, #main-p #content .post .right .name .link span, #main-p #content .post .right .source .link span {
    height: 14px;
    margin-top: -2px;
    display: block;
    overflow: hidden
}

#main-p #content .post .right .name .aname:hover, #main-p #content .post .right .source .aname:hover, #main-p #content .post .right .name .link:hover, #main-p #content .post .right .source .link:hover {
    text-decoration: underline
}

#main-p #content .post .right .name .link, #main-p #content .post .right .source .link {
    background-position: 0 -35px
}

#main-p #content .post .right .name .all, #main-p #content .post .right .source .all {
    width: 20px;
    height: 19px;
    position: absolute;
    top: 1px;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/right-block-link.png) no-repeat 0 0;
    text-indent: -999px
}

#main-p #content .post .right .name .all:hover, #main-p #content .post .right .source .all:hover {
    background-position: 0 -22px
}

#main-p #content .post .right .name ul, #main-p #content .post .right .source ul {
    width: 200px;
    padding-top: 13px;
    clear: both
}

#main-p #content .post .right .name ul li, #main-p #content .post .right .source ul li {
    height: 13px;
    float: left;
    margin-left: 9px;
    padding-left: 9px;
    border-left: 1px solid #d9d9d9;
    color: #666;
    line-height: 10px
}

#main-p #content .post .right .name ul li.first, #main-p #content .post .right .source ul li.first {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

#main-p #content .post .right .source {
    margin-top: 10px;
    border-bottom: 0
}

#main-p #content #graphs {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden
}

#main-p #content #graphs .circle {
    width: 107px;
    height: 81px;
    position: absolute;
    top: 114px;
    display: block;
    overflow: hidden;
    padding: 56px 15px 0;
    left: 298px;
    background: url(img/circle.png) no-repeat 0 0;
    display: block
}

#main-p #content #graphs .circle p {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    color: #404040
}

#main-p #content #graphs .circle p span {
    margin-top: -9px;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #808080
}

#main-p #content #graphs .graph-arrows {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 138px;
    display: block;
    overflow: hidden;
    background: url(img/graph-arrows.png) no-repeat 0 0;
    text-indent: -999px
}

#main-p #content #graphs .graph-arrows.prev {
    left: 6px
}

#main-p #content #graphs .graph-arrows.next {
    right: 3px;
    background-position: 0 -44px
}

#main-p #content #graphs #graph-bar {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden
}

#main-p #content #graphs .bb-block {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9
}

#main-p #content #graphs #motion-chart {
    width: 870px;
    height: 340px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 40px auto
}

.over-post {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    left: 0;
    border-top: 1px solid #d9d9d9;
    text-indent: 0;
    z-index: 25;
    background: 0
}

.over-post.under {
    z-index: 0
}

.over-post .content-over {
    width: 461px;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    float: left
}

.over-post .content-over .pack-bg {
    width: 461px;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    display: none;
    padding: 13px 0 0 14px;
    background: url(img/white-repeat.png) repeat 0 0
}

.over-post .content-over .pack {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    display: none
}

.over-post .content-over .pack.names .box {
    position: relative;
    float: left;
    margin: 0 10px 12px 0;
    height: 24px;
    background: url(img/name-left.png) no-repeat 0 0;
    padding: 0 11px
}

.over-post .content-over .pack.names .box p {
    height: 20px;
    padding: 4px 0 0;
    background: url(img/name-r.png) repeat-x 0 0;
    color: #666
}

.over-post .content-over .pack.names .box span {
    width: 11px;
    height: 24px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/name-right.png) no-repeat 0 0
}

.over-post .content-over .pack.names .box:hover {
    background-position: 0 -27px
}

.over-post .content-over .pack.names .box:hover p {
    background-position: 0 -27px;
    color: #000
}

.over-post .content-over .pack.names .box:hover span {
    background-position: 0 -27px
}

.over-post .content-over .link {
    position: absolute;
    bottom: 27px;
    left: 19px;
    color: #666
}

.over-post .buttons-s {
    width: 190px;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/black-repeat.png) repeat 0 0;
    overflow: visible;
    float: right
}

.over-post .buttons-s ul {
    width: 160px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    margin: 0 auto;
    padding-top: 12px
}

.over-post .buttons-s ul li {
    padding-bottom: 8px
}

.over-post .buttons-s ul li a {
    width: 114px;
    height: 26px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 9px 0 0 46px;
    background: url(img/over-buttons.png) no-repeat 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    overflow: visible
}

.over-post .buttons-s ul li a span {
    width: 8px;
    height: 15px;
    position: absolute;
    top: 10px;
    display: block;
    overflow: hidden;
    left: -23px;
    background: url(img/over-arrow.png) no-repeat 0 0;
    display: none
}

.over-post .buttons-s ul li a.active span {
    display: block
}

.over-post .buttons-s ul li a:hover, .over-post .buttons-s ul li a.active {
    background-position: -161px 0
}

.over-post .buttons-s ul li a.add {
    background-position: 0 -42px
}

.over-post .buttons-s ul li a.add:hover, .over-post .buttons-s ul li a.add.active {
    background-position: -161px -42px
}

.over-post .buttons-s ul li a.switch {
    background-position: 0 -85px
}

.over-post .buttons-s ul li a.switch:hover, .over-post .buttons-s ul li a.switch.active {
    background-position: -161px -85px
}

#listen #content #filter-p {
    display: none
}

#engage #main-w {
    width: 977px;
    margin: 0 auto
}

#engage #main-p {
    width: 655px;
    float: left
}

#engage #main-p .bttn-back {
    width: 42px;
    height: 33px;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    padding: 10px 0 0 36px;
    background: url(img/back-bttn.png) no-repeat 0 0;
    font-weight: 700;
    text-decoration: none;
    color: #666
}

#engage #main-p #content {
    margin-bottom: 0
}

#engage #main-p #content .post {
    min-height: 141px
}

#engage #main-p #content .post .content {
    width: 365px
}

#engage #right-p {
    top: 0;
    position: relative;
    left: 30px
}

#engage #right-p #history h2 {
    height: 29px;
    padding-top: 14px;
    background: #fff url(img/right-block-top.png) no-repeat -1px top
}

#engage #frame-p {
    width: 959px;
    height: 497px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 22px;
    padding: 15px;
    border: 1px solid #d9d9d9;
    background-color: #fff
}

#engage #frame-p .corner {
    width: 4px;
    height: 4px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    background: url(img/posts-corner.png) no-repeat 0 0
}

#engage #frame-p .corner.left {
    background-position: 0 0;
    left: -1px
}

#engage #frame-p .corner.right {
    background-position: -4px 0;
    right: -1px
}

#engage #frame-p .corner.left-bottom {
    background-position: 0 -4px;
    top: auto;
    bottom: -1px;
    left: -1px
}

#engage #frame-p .corner.right-bottom {
    background-position: -4px -4px;
    top: auto;
    bottom: -1px;
    right: -1px
}

#engage #frame-p #frame-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden
}

#engage #frame-p #frame-content .iframe-holder {
    width: 100%;
    height: auto;
    overflow: auto
}

#engage #frame-p #frame-content iframe {
    width: 100%;
    height: 100%;
    border: 0
}

#engage #frame-p #frame-content .arrow {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    display: none;
    margin-top: -27px;
    background: url(img/frame-links.png) no-repeat 0 0;
    text-indent: -999px
}

#engage #frame-p #frame-content .arrow.left {
    left: 6px
}

#engage #frame-p #frame-content .arrow.right {
    right: 6px;
    background-position: 0 -64px
}

#engage #frame-p #frame-content #frame-control {
    width: 540px;
    height: 106px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    padding: 20px 0 0 22px;
    left: 0;
    bottom: -100px;
    background: transparent url(img/frame-control.png) repeat 0 0
}

#engage #frame-p #frame-content #frame-control .open {
    width: 100%;
    height: 26px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    left: 0;
    text-indent: -999px;
    background: url(img/arrow-top-bottom.png) no-repeat 270px 8px
}

#engage #frame-p #frame-content #frame-control .open.active {
    background-position: 270px -12px
}

#engage #frame-p #frame-content #frame-control .inside {
    display: none
}

#engage #frame-p #frame-content #frame-control textarea {
    width: 421px;
    height: 17px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0 20px 22px 0;
    background: url(img/frame-textarea.png) no-repeat 0 0;
    font-family: Arial;
    color: #949494;
    padding: 7px 14px
}

#engage #frame-p #frame-content #frame-control input[type="button"] {
    width: 33px;
    height: 31px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/frame-button.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#engage #frame-p #frame-content #frame-control a.bttn {
    width: auto;
    height: 34px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 11px;
    padding: 0 4px;
    background: url(img/frame-bttn-corners.png) no-repeat left 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    float: left
}

#engage #frame-p #frame-content #frame-control a.bttn.first {
    margin-left: 0
}

#engage #frame-p #frame-content #frame-control a.bttn .repeat {
    height: 34px;
    padding: 0 11px 0 9px;
    background: url(img/frame-bttn-r.png) repeat 0 0;
    display: block
}

#engage #frame-p #frame-content #frame-control a.bttn .right {
    width: 5px;
    height: 34px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    background: url(img/frame-bttn-corners.png) no-repeat 0 -38px;
    right: -1px
}

#engage #frame-p #frame-content #frame-control a.bttn .text {
    background: url(img/frame-bttn-icos.png) no-repeat 0 0;
    display: block;
    line-height: 33px
}

#engage #frame-p #frame-content #frame-control a.bttn.trash .text {
    min-height: 26px;
    padding-left: 26px;
    background-position: 0 6px
}

#engage #frame-p #frame-content #frame-control a.bttn.assing .text {
    min-height: 26px;
    padding-left: 26px;
    background-position: 0 -43px
}

#engage #frame-p #frame-content #frame-control a.bttn.add .text {
    min-height: 26px;
    padding-left: 28px;
    background-position: 0 -94px
}

#engage #frame-p #frame-content #frame-control a.bttn.green {
    padding: 0 5px;
    background: url(img/bttn-green-corner.png) no-repeat left 0;
    line-height: 33px
}

#engage #frame-p #frame-content #frame-control a.bttn.green .repeat {
    background: url(img/bttn-green.png) repeat-x left 0
}

#engage #frame-p #frame-content #frame-control a.bttn.green .right {
    right: 0;
    background: url(img/bttn-green-corner.png) no-repeat 0 -38px
}

#default #main-w {
    width: 977px;
    margin: 0 auto
}

#default.admin #top-bar #top-bar-in {
    width: 90%;
    margin: 0 auto
}

#default.admin #main-w {
    width: 80%;
    margin: 0 auto
}

#default.admin #main-w #main-p {
    width: 99%;
    margin: 0 auto
}

#default.admin #main-w #main-p #content {
    width: 100%
}

#login {
    background: url(img/bg-login.png) repeat 0 0
}

#login #main-w {
    width: 977px;
    height: 100%;
    margin: 0 auto;
    overflow: visible
}

#login #main-w .login-bg {
    width: 1080px;
    height: 797px;
    position: absolute;
    top: 45px;
    display: block;
    overflow: hidden;
    position: fixed;
    left: 50%;
    margin-left: -540px;
    background: url(img/bg-login-box.png) no-repeat 0 0
}

#login #main-w #login-p {
    width: 384px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin: -62px auto 0;
    top: 15%;
    padding-bottom: 9px
}

#login #main-w #login-p h2 {
    width: 100%;
    height: 51px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/login-box-head.png) no-repeat 0 0;
    font-size: 15px;
    color: #737373;
    text-align: center;
    line-height: 52px
}

#login #main-w #login-p .login-repeat {
    width: 288px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 29px 48px 20px;
    background: url(img/login-box-repeat.png) repeat-y 0 0
}

#login #main-w #login-p .login-bottom {
    width: 100%;
    height: 9px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    bottom: 0;
    background: url(img/login-box-bottom.png) no-repeat 0 0
}

#login #main-w #login-p .textarea span, #login #main-w #login-p .input span {
    width: 4px;
    height: 4px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    background: url(img/inputs-corners.png) no-repeat 0 0
}

#login #main-w #login-p .textarea span.left, #login #main-w #login-p .input span.left {
    left: -1px
}

#login #main-w #login-p .textarea span.right, #login #main-w #login-p .input span.right {
    right: -1px;
    background-position: -4px 0
}

#login #main-w #login-p .textarea span.left-bottom, #login #main-w #login-p .input span.left-bottom {
    top: auto;
    bottom: -1px;
    left: -1px;
    background-position: 0 -4px
}

#login #main-w #login-p .textarea span.right-bottom, #login #main-w #login-p .input span.right-bottom {
    top: auto;
    bottom: -1px;
    right: -1px;
    background-position: -4px -4px
}

#login #main-w #login-p .input {
    width: 257px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
    padding: 6px 14px 7px;
    overflow: visible;
    border: 1px solid #d9d9d9
}

#login #main-w #login-p .input input {
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 13px;
    color: #999
}

#login #main-w #login-p .checkbox {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 4px 7px 0 0;
    float: left
}

#login #main-w #login-p .checkbox input {
    position: absolute !important
}

#login #main-w #login-p .checkbox label {
    width: 21px;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    background: url(img/checks-radios.png) no-repeat 0 0;
    text-indent: -999px;
    cursor: pointer
}

#login #main-w #login-p .checkbox label.active {
    background-position: -30px 0
}

#login #main-w #login-p .label {
    float: left;
    padding-top: 8px;
    display: block;
    color: #999;
    cursor: pointer
}

#login #main-w #login-p .form-bttns {
    float: right
}

#login #main-w #login-p.text .login-repeat {
    width: 334px;
    padding: 15px 25px 15px
}

#login #main-w #login-p.text .login-repeat .login-text {
    width: 312px;
    height: 300px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 15px 0 0 10px;
    border: 1px solid #d9d9d9
}

#login #main-w #login-p.text .login-repeat .login-text .login-text-inside {
    width: 312px;
    height: 285px;
    position: relative;
    display: block;
    overflow: hidden
}

#login #main-w #login-p.text .login-repeat .login-text h3 {
    padding-bottom: 10px;
    color: #4d4d4d
}

#login #main-w #login-p.text .login-repeat .login-text p {
    padding-bottom: 10px;
    color: #4d4d4d
}

#reports #main-w {
    width: 977px;
    margin: 0 auto;
    overflow: visible
}

#reports #main-p {
    width: 991px;
    overflow: visible
}

#reports #main-p #content {
    overflow: visible;
    border-bottom: 2px solid #d9d9d9
}

#reports #main-p #content #rating-p {
    width: auto;
    height: 79px;
    position: relative;
    display: block;
    overflow: hidden;
    background: #f7f7f7 url(img/rating-p-bg.png) repeat-x 0 0;
    border-bottom: 1px solid #d9d9d9
}

#reports #main-p #content #rating-p .rating {
    width: 223px;
    height: 67px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    border-left: 1px solid #d9d9d9;
    padding: 12px 0 0 23px
}

#reports #main-p #content #rating-p .rating.first {
    border-left: 0
}

#reports #main-p #content #rating-p .rating ul {
    min-height: 39px;
    overflow: hidden;
    display: block
}

#reports #main-p #content #rating-p .rating ul li {
    float: left;
    color: #4d4d4d
}

#reports #main-p #content #rating-p .rating ul li.number {
    font-size: 30px;
    font-weight: 700
}

#reports #main-p #content #rating-p .rating ul li.number span {
    font-size: 18px
}

#reports #main-p #content #rating-p .rating ul li.rate {
    height: 30px;
    margin-left: 7px;
    padding: 9px 0 0 20px;
    background: url(img/positive-negative-arrows.png) no-repeat 0 0;
    font-size: 19px
}

#reports #main-p #content #rating-p .rating ul li.rate.positive {
    background-position: 0 10px;
    color: #63bc6a
}

#reports #main-p #content #rating-p .rating ul li.rate.negative {
    background-position: 0 -48px;
    color: #e63d3d
}

#reports #main-p #content #rating-p .rating p {
    margin-top: -4px;
    color: #8c8c8c;
    display: block
}

#reports #main-p #content .gray-white-pack {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden
}

#reports #main-p #content .gray-con {
    width: 100%;
    float: left;
    clear: left;
    overflow: hidden;
    background: #fafafa
}

#reports #main-p #content .white-con {
    width: 100%;
    position: relative;
    float: left;
    right: 323px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

#reports #main-p #content .white-con.first {
    border-top: 0
}

#reports #main-p #content .post {
    width: 653px;
    left: 323px;
    float: left;
    overflow: hidden;
    background: transparent;
    border-bottom: 0
}

#reports #main-p #content .post .content {
    width: 365px
}

#reports #main-p #content .feed {
    width: 322px;
    position: relative;
    padding: 10px 0;
    left: 339px;
    overflow: hidden;
    display: block;
    top: 50%
}

#reports #main-p #content .feed .box {
    width: 253px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    overflow: visible;
    float: right;
    margin-right: 12px;
    padding: 12px 16px;
    background-color: #fff;
    border: 1px solid #d9d9d9
}

#reports #main-p #content .feed .box .arrow {
    width: 11px;
    height: 19px;
    position: absolute;
    top: 15px;
    display: block;
    overflow: hidden;
    left: -11px;
    background: url(img/feed-box.png) no-repeat 0 0
}

#reports #main-p #content .feed .box .img {
    width: 26px;
    height: 26px;
    display: block;
    float: left
}

#reports #main-p #content .feed .box .text {
    width: 212px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 15px
}

#reports #main-p #content .feed .box .text p.delivery {
    min-height: 15px;
    margin-bottom: 6px;
    padding-left: 25px;
    background: url(img/clock.png) no-repeat 0 0;
    font-size: 11px;
    color: #808080
}

#reports #main-p #content .feed .box .text p {
    color: #666
}

#reports #right-p {
    position: absolute;
    top: 0;
    right: -2px
}

#settings #main-w {
    width: 977px;
    margin: 0 auto;
    overflow: visible
}

#settings #main-w .superuser {
    width: 93px;
    height: 83px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    bottom: -34px;
    left: -102px;
    background: url(img/superuser.png) no-repeat 0 0
}

#settings #main-p {
    width: 991px
}

#settings #main-p #content {
    overflow: hidden;
    border-bottom: 2px solid #d9d9d9
}

#settings #main-p #content #content-in {
    padding: 0
}

#settings #main-p #content .box {
    height: 21px;
    position: relative;
    float: left;
    margin: 7px 0 0 22px;
    background: url(img/users-markers.png) no-repeat 0 0;
    padding: 0 10px;
    cursor: default
}

#settings #main-p #content .box p {
    height: 20px;
    padding: 3px 0 0;
    background: url(img/users-markers-r.png) repeat-x 0 0;
    color: #661818;
    font-size: 11px;
    font-weight: 700
}

#settings #main-p #content .box span {
    width: 11px;
    height: 24px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/users-markers.png) no-repeat 0 -49px
}

#settings #main-p #content .box.gray {
    background-position: 0 -24px
}

#settings #main-p #content .box.gray p {
    background-position: 0 -24px;
    color: #666
}

#settings #main-p #content .box.gray span {
    background-position: 0 -73px
}

#settings #main-p #content .bttn-edit {
    width: auto;
    height: 25px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/bttn-edit.png) no-repeat left 0;
    padding: 0 3px 0 29px;
    font-weight: 700;
    color: #333;
    text-decoration: none
}

#settings #main-p #content .bttn-edit .repeat {
    width: auto;
    height: 21px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 4px 10px 0 9px;
    background: url(img/bttn-edit-repeat.png) repeat-x 0 0
}

#settings #main-p #content .bttn-edit .right {
    width: 3px;
    height: 25px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/bttn-edit.png) no-repeat 0 -28px;
    display: block
}

#settings #main-p #content .bttn-edit.big {
    height: 32px;
    padding-right: 4px;
    background: url(img/account-bttns.png) no-repeat 0 0
}

#settings #main-p #content .bttn-edit.big .repeat {
    height: 28px;
    padding-top: 8px;
    background: url(img/account-bttns-r.png) repeat-x 0 0
}

#settings #main-p #content .bttn-edit.big .right {
    width: 4px;
    height: 32px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    background: url(img/account-bttns.png) no-repeat 0 -68px
}

#settings #main-p #content .bttn-delete {
    width: auto;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 23px 0 14px;
    float: right;
    background: url(img/account-bttns.png) no-repeat left -34px;
    padding: 0 3px 0 29px;
    font-weight: 700;
    color: #333;
    text-decoration: none
}

#settings #main-p #content .bttn-delete .repeat {
    width: auto;
    height: 28px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 8px 10px 0 9px;
    background: url(img/account-bttns-r.png) repeat-x 0 0
}

#settings #main-p #content .bttn-delete .right {
    width: 4px;
    height: 32px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/account-bttns.png) no-repeat 0 -68px;
    display: block
}

#settings #main-p #content.profile .photo-b {
    width: 237px;
    height: 337px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    padding: 23px 0 0 30px;
    background-color: #f7f7f7;
    border-right: 1px solid #d9d9d9
}

#settings #main-p #content.profile .photo-b .image {
    width: 212px;
    height: 258px;
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #999
}

#settings #main-p #content.profile .photo-b .image img {
    height: 100%
}

#settings #main-p #content.profile .photo-b .image .button {
    width: 212px;
    height: 49px;
    position: absolute;
    top: auto;
    display: block;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background: url(img/frame-control.png) repeat 0 0;
    border-top: 1px solid #595959
}

#settings #main-p #content.profile .photo-b .image .button .bttn {
    width: 174px;
    height: 34px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 7px 0 0 15px;
    padding: 0 4px;
    background: url(img/frame-bttn-corners.png) no-repeat left 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    float: left
}

#settings #main-p #content.profile .photo-b .image .button .bttn.first {
    margin-left: 0
}

#settings #main-p #content.profile .photo-b .image .button .bttn .repeat {
    height: 34px;
    padding: 0 11px 0 9px;
    background: url(img/frame-bttn-r.png) repeat 0 0;
    display: block
}

#settings #main-p #content.profile .photo-b .image .button .bttn .right {
    width: 5px;
    height: 34px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    background: url(img/frame-bttn-corners.png) no-repeat 0 -38px;
    right: -1px
}

#settings #main-p #content.profile .photo-b .image .button .bttn .text {
    padding-left: 47px;
    background: url(img/frame-bttn-icos.png) no-repeat 20px -136px;
    display: block;
    line-height: 33px
}

#settings #main-p #content.profile .photo-b .select-user {
    width: 211px;
    height: 48px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 14px;
    background: url(img/select-user.png) no-repeat 0 0
}

#settings #main-p #content.profile .photo-b .select-user label {
    width: 55px;
    height: 23px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 12px auto 0;
    overflow: visible;
    background: url(img/select-user-checkbox.png) no-repeat 0 0;
    cursor: pointer
}

#settings #main-p #content.profile .photo-b .select-user label span {
    width: 29px;
    height: 36px;
    position: absolute;
    top: -1px;
    display: block;
    overflow: hidden;
    background: url(img/select-user-checkbox.png) no-repeat 0 -33px
}

#settings #main-p #content.profile .photo-b .select-user input {
    position: absolute;
    top: -200px
}

#settings #main-p #content.profile .photo-b .select-user p {
    position: absolute;
    top: 16px;
    color: #404040
}

#settings #main-p #content.profile .photo-b .select-user p.bold {
    font-weight: 700
}

#settings #main-p #content.profile .photo-b .select-user p.user {
    left: 18px
}

#settings #main-p #content.profile .photo-b .select-user p.s-user {
    left: 142px
}

#settings #main-p #content.profile .edit-p {
    width: 679px;
    height: 338px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 22px 0 0 42px
}

#settings #main-p #content.profile .edit-p .edit-box-p {
    width: 320px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    padding-left: 36px;
    border-left: 1px solid #d9d9d9
}

#settings #main-p #content.profile .edit-p .edit-box-p.first {
    border-left: 0;
    padding-left: 0
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box {
    width: 284px;
    height: 115px;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid #d9d9d9
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box.n-b {
    border-bottom: 0
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box h3 {
    width: auto;
    height: 13px;
    position: absolute;
    top: 19px;
    display: block;
    overflow: hidden;
    left: 0;
    padding-left: 23px;
    background: url(img/edit-icos.png) no-repeat 0 0;
    font-size: 14px;
    color: #404040
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box h3.login {
    background-position: 0 -22px
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box h3.pass {
    background-position: 0 -48px
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box .bttn-edit {
    top: 15px
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box .input {
    width: 254px;
    top: 55px;
    color: #1a1a1a
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box .input.readonly {
    border: 0
}

#settings #main-p #content.profile .edit-p .edit-box-p .edit-box .input.readonly span {
    display: none
}

#settings #main-p #content.profile .edit-bottom {
    width: 721px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -42px;
    padding-top: 36px;
    border-top: 1px solid #d9d9d9
}

#settings #main-p #content.profile .edit-bottom ul {
    width: 188px;
    margin: 0 auto
}

#settings #main-p #content.profile .edit-bottom ul li {
    float: left;
    margin-left: 14px
}

#settings #main-p #content.profile .edit-bottom ul li.first {
    margin-left: 0
}

#settings #main-p #content.users .line {
    width: 973px;
    height: 63px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 20px 0 0 16px;
    border-top: 1px solid #d9d9d9
}

#settings #main-p #content.users .line.first {
    border-top: 0
}

#settings #main-p #content.users .line .img {
    width: 36px;
    float: left;
    display: block
}

#settings #main-p #content.users .line .img img {
    width: 100%
}

#settings #main-p #content.users .line h3 {
    max-width: 160px;
    height: 22px;
    float: left;
    margin: 9px 0 0 22px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    color: #404040;
    clear: none
}

#settings #main-p #content.users .line ul {
    width: auto;
    height: auto;
    position: absolute;
    top: 30px;
    display: block;
    overflow: hidden;
    mix-width: 500px;
    right: 120px;
    overflow: visible
}

#settings #main-p #content.users .line ul li {
    position: relative;
    float: left;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #d9d9d9;
    color: #333
}

#settings #main-p #content.users .line ul li.first {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

#settings #main-p #content.users .line ul li .bold {
    padding-left: 4px;
    font-weight: 700
}

#settings #main-p #content.users .line ul li .text {
    float: left;
    display: block;
    padding-right: 8px
}

#settings #main-p #content.users .line ul li .number {
    height: 20px;
    position: relative;
    float: left;
    margin-top: -3px;
    padding: 0 10px;
    background: url(img/number-marker.png) no-repeat 0 0;
    display: block;
    color: #fff;
    font-weight: 700
}

#settings #main-p #content.users .line ul li .number .repeat {
    width: auto;
    height: 18px;
    padding-top: 2px;
    background: url(img/number-marker-r.png) repeat-x 0 0;
    display: block;
    text-align: center
}

#settings #main-p #content.users .line ul li .number .right {
    width: 10px;
    height: 20px;
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    right: 0;
    background: url(img/number-marker.png) no-repeat 0 -23px
}

#settings #main-p #content.users .line .bttn-edit {
    top: 27px;
    right: 26px
}

#settings #main-p #content.users .links {
    width: 989px;
    height: 51px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 17px;
    border-top: 1px solid #d9d9d9
}

#settings #main-p #content.users .links ul {
    width: 308px;
    margin: 0 auto
}

#settings #main-p #content.users .links ul li {
    float: left;
    margin-left: 14px
}

#settings #main-p #content.users .links ul li.first {
    margin-left: 0
}

#settings #main-p #content.account .top {
    width: 966px;
    height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 23px 0 0 23px;
    border-bottom: 1px solid #d9d9d9
}

#settings #main-p #content.account .top h3 {
    font-size: 18px;
    float: left
}

#settings #main-p #content.account .top .form-bttns {
    top: -10px;
    right: 21px;
    float: right
}

#settings #main-p #content.account .inputs {
    width: 966px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 15px 0 0 24px
}

#settings #main-p #content.account .inputs .line {
    width: auto;
    height: 32px;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 18px
}

#settings #main-p #content.account .inputs .line .input {
    width: 718px
}

#settings #main-p #content.account .inputs .line .bttn-edit {
    position: relative;
    float: right
}

#settings #main-p #content.account .filter {
    width: auto;
    height: 34px;
    margin: 6px 0 0 15px;
    float: left;
    display: block
}

#settings #main-p #content.account .filter li {
    height: 34px;
    float: left;
    background: url(img/accont-filter-repeat.png) repeat-x 0 0
}

#settings #main-p #content.account .filter li:hover {
    background-position: 0 -38px
}

#settings #main-p #content.account .filter li:hover.active a {
    border-right: 0;
    margin-right: 0
}

#settings #main-p #content.account .filter li:hover a {
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    margin-right: -1px;
    z-index: 10
}

#settings #main-p #content.account .filter li:hover a.first {
    background-position: 0 -76px
}

#settings #main-p #content.account .filter li:hover a.last {
    background-position: right -189px;
    border-right: 0
}

#settings #main-p #content.account .filter li.active {
    background-position: 0 -77px
}

#settings #main-p #content.account .filter li.active a {
    color: #333;
    cursor: default
}

#settings #main-p #content.account .filter li.active a.first {
    background-position: 0 -38px
}

#settings #main-p #content.account .filter li.active a.last {
    background-position: right -151px
}

#settings #main-p #content.account .filter li a {
    width: auto;
    height: 34px;
    position: relative;
    padding: 0 10px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #595959;
    border-left: 1px solid #ccc;
    line-height: 35px
}

#settings #main-p #content.account .filter li a.first {
    border-left: 0;
    background: url(img/accont-filter-corners.png) no-repeat left 0
}

#settings #main-p #content.account .filter li a.last {
    background: url(img/accont-filter-corners.png) no-repeat right -113px
}

#settings #main-p #content.tops .line {
    width: 973px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 27px 0 30px 16px;
    border-top: 1px solid #d9d9d9
}

#settings #main-p #content.tops .line.first {
    border-top: 0
}

#settings #main-p #content.tops .line .img {
    width: 36px;
    float: left;
    display: block;
    overflow: hidden
}

#settings #main-p #content.tops .line .img img {
    width: 100%
}

#settings #main-p #content.tops .line .desc {
    width: 200px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    padding: 0 18px 0 17px
}

#settings #main-p #content.tops .line .desc h3 {
    padding-bottom: 6px;
    font-size: 14px;
    color: #4d4d4d
}

#settings #main-p #content.tops .line .desc h4 {
    font-size: 12px;
    font-weight: 400;
    color: #595959;
    display: block
}

#settings #main-p #content.tops .line .text {
    width: 350px;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 39px;
    float: left;
    padding: 0 28px 3px 0;
    margin-right: 28px;
    border-right: 1px solid #d9d9d9
}

#settings #main-p #content.tops .line .text p {
    color: #595959
}

#settings #main-p #content.tops .line .box {
    max-width: 130px;
    margin: 4px 0 0 -5px
}

#settings #main-p #content.tops .line .box p span {
    width: auto;
    height: 17px;
    position: relative;
    top: auto;
    right: auto;
    overflow: hidden;
    background: 0;
    display: block
}

#settings #main-p #content.tops .line .bttn-edit {
    right: 66px
}

#settings #main-p #content.tops .line .delete {
    width: 27px;
    height: 25px;
    position: absolute;
    top: 42px;
    display: block;
    overflow: hidden;
    right: 25px;
    background: url(img/delete.png) no-repeat 0 0;
    text-indent: -999px
}

#settings #main-p #content.tops .links {
    width: 989px;
    height: 52px;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 16px;
    border-top: 1px solid #d9d9d9
}

#settings #main-p #content.tops .links .form-bttns {
    width: 189px;
    margin: 0 auto;
    float: none
}

#iframe {
    background: 0
}

#debugModeSwitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
    float: right;
    top: -1px;
    right: 13px;
}

#debugModeSwitch .checkbox {
    opacity: 0;
    width: 0;
    height: 0;
}

#debugModeSwitch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#debugModeSwitch .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#debugModeSwitch.active .checkbox + .slider {
    background-color: #952309;
}

#debugModeSwitch .checkbox:focus + .slider {
    box-shadow: 0 0 1px #952309;
}

#debugModeSwitch.active .checkbox + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

#debugModeSwitch .slider.round {
    border-radius: 17px;
}

#debugModeSwitch .slider.round:before {
    border-radius: 50%;
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */