/*---------------------------------------------------- Reset ---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

input {
    font-size: 12px;
}

iframe html body p {
    word-wrap: break-word !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ Started Values ----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/* html { height: 100%; */

/* background: url(/static/img-new/layout/html-background.png); */
html {
    height: 100%;
}

/* html { height: 100%; */

/* background: url(/static/img-new/layout/nyBackground.png) 0 93px; */
body {
    position: relative;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/* body { position: relative; */

/* background: url(/static/img-new/layout/background.png) repeat-x; */

/* font-size: 13px; */

/* font-family: Arial, Helvetica, sans-serif; */
/* body { position: relative; */
/* background: url(/static/img-new/layout/nyHat.png) repeat-x; */
/* font-size: 13px; */
/* font-family: Arial, Helvetica, sans-serif; */

.mainWrapper {

}

.baseWrapper {
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    padding-top: 0;
    background: url(/static/img-new/person/main-panel-background.png) repeat-x;
}

/* .baseWrapper { background: url(/static/img-new/layout/background.png) repeat-x; */



p {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

h1 a:hover {
    color: #65B044;
}

.ajaxLink {
    display: block;
    float: left;

    height: 22px;

    cursor: pointer;
    text-decoration: none;

    color: #333;
    border-bottom: 1px dotted #333;
}

.ajaxLink:hover {
    color: #65B044;
    border-bottom: 1px dotted #65B044;
}

.ajaxLink.active {
    color: #FF6600;
    border-bottom: 1px dotted #FF6600;
}

.cleaner {
    clear: both;
}

.hidden {
    display: none;
}

body .hidden {
    display: none;
}

body .floatLeftImg {
    float: left;

    margin: 0 10px 10px 0;
}

#quickHint {
    position: absolute;
    z-index: 500;

    display: none;

    padding: 0.5em;

    border: 1px solid #EEE;
    background: #FFF;

}
.quickHint {
    color: #333 !important;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #EEE;
    padding: 0.5em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 100000;
    border-radius: 5px;
    visibility: hidden;
}

.highlight {
    text-decoration: none !important;

    color: #000 !important;
    background: #FFF5B2 !important;

    font-weight: normal !important;
}

.avatar {
    width: 50px;
    height: 50px;

    border: 1px solid #DEDEDE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -khtml-border-radius: 3px;
}

.smallAvatarWrapper {
    position: relative;

    width: 25px;
    height: 25px;
}

.smallAvatar {
}

.smallAvatar .imgBorder {
    width: 23px;
    height: 23px;
}

.textInputLighter {
    position: relative;

    border: 2px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -khtml-border-radius: 3px;
}

.textInputLighter.current {
    border: 2px solid #D7F0FC;
    background: #D7F0FC;
}

.textInputLighter.current input {
    color: #333;
}

.textInputLighter.current textarea {
    color: #333;
}

.textInputLighter.error {
    border: 2px solid #FF9999;
    background: #FF9999;
}

.textInputWrapper {
    overflow: hidden;
    padding: 1px 0;
    background: #FFF url(/static/img-new/header/input-background.png) repeat-x;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #EBEBEB;
    border-left: 1px solid #D9D9D9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}

.textInputWrapper input {
    height: 16px;
    padding: 1px 3px;
    color: #333;
    border: 1px solid #FFF;
    font-size: 13px;
}

.textInputWrapper textarea {
    height: 80px;
    padding: 1px 3px;
    color: #333;
    border: 1px solid #FFF;
    font-size: 13px;
}

.textInputLighter .doneIcon,
.textInputLighter .errorIcon {
    position: absolute;
    top: 6px;
    right: 4px;
    width: 13px;
    height: 13px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -21px 0;
}

.textInputLighter .doneIcon {
    background: url(/static/img-new/registration-page/reg-sprite.png) -36px 0;
}

.inputErrorMessage {
    padding-top: 2px;
    color: #E94545;
    font-family: 'Arial';
    font-size: 10px;
    max-width: 183px;
    margin-left: 7px;
    line-height: 1;
    display: block;
}

.biggerInput {
    float: left;

    margin: 0 0 0 -3px;
}

.biggerInput input {
    width: 613px;
    height: 30px;

    font-family: 'Calibri';
    font-size: 28px;
}

.biggerArea {
    float: left;

    margin: 0 0 0 -3px;
}

.biggerArea textarea {
    width: 613px;
    height: 100px;

    font-family: 'Calibri';
}

.inputLength {
    float: left;

    margin: 14px 0 0 5px;

    color: #666;
}

.checkBox {
    text-decoration: none;
}

.checkBox .checkBoxIcon {
    display: block;
    float: left;

    width: 15px;
    height: 16px;

    background: url(/static/img-new/header/header-sprite.png) -71px 0 no-repeat;
}

.checkBox:disabled .checkBoxIcon {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.checkBox:disabled .checkBoxLabel {
    color: #9B9B9B;
}

.checkBox.checked .checkBoxIcon {
    background: url(/static/img-new/header/header-sprite.png) -55px 0 no-repeat;
}

.checkBox .checkBoxLabel {
    margin-left: 5px;

    color: #666;
    text-shadow: 0 1px 0 #FFF;

    line-height: 1.4;
}

.radioButton {
    text-decoration: none;
}

.radioButton .radioButtonIcon {
    display: block;
    float: left;

    width: 15px;
    height: 15px;
    margin-top: 3px;

    background: url(/static/img-new/header/header-sprite.png) -96px -16px no-repeat;
}

.radioButton.checked .radioButtonIcon {
    background: url(/static/img-new/header/header-sprite.png) -96px 0 no-repeat;
}

.radioButton .radioButtonLabel {
    margin-left: 5px;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
    line-height: 1.6;
}

.radiogroupBlock {
    float: left;
    clear: both;
    overflow: hidden;
    width: 350px;
    margin-top: 24px;
}

.radiogroupBlock .radioButton {
    display: block;
    margin-bottom: 5px;
}

.radiogroupBlock .radioButton .radioButtonIcon {
    margin-right: 5px;
}

.radiogroupBlock .radioButton .radioLabel {
    display: block;
    padding-top: 5px;
    color: #333;
}

.blueButton {
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.blueButtonRight,
.blueButtonLeft {
    display: block;
    float: left;
    width: 4px;
    height: 24px;
    background: url(/static/img-new/header/header-sprite.png) -46px 0 no-repeat;
}

.blueButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -50px 0 no-repeat;
}

.blueButtonContent {
    display: block;
    float: left;
    height: 11px;
    padding: 7px;
    text-decoration: none;
    color: #FFF;
    background: url(/static/img-new/header/button-background.png) repeat-x;
    text-shadow: 0 -1px 0 #4998C2;
    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.blueButton:hover {
    text-decoration: none !important;
}

.blueButtonContent:hover {
    text-decoration: none !important;
}

.blueButton.inactive .blueButtonContent {
    color: #666;
    background: url(/static/img-new/header/button-inactive-background.png) repeat-x;
    text-shadow: 0 1px 0 #FFF;
}

.blueButton.inactive .blueButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -131px 0 no-repeat;
}

.blueButton.inactive .blueButtonLeft {
    background: url(/static/img-new/header/header-sprite.png) -127px 0 no-repeat;
}

.blueButton.deactive .blueButtonContent {
    color: #E9F8FE;
    background: url(/static/img-new/header/button-deactive-background.png) repeat-x;
    text-shadow: 0 -1px 0 #C5D2D7;
}

.blueButton.deactive .blueButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -144px 0 no-repeat;
}

.blueButton.deactive .blueButtonLeft {
    background: url(/static/img-new/header/header-sprite.png) -140px 0 no-repeat;
}

.blueButtonFile {
    position: relative;

    cursor: pointer;
}

.blueButtonFile .fileInput {
    position: relative;
    z-index: 2;
    width: 140px;
    text-align: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
}

.blueButtonFile .fakefile {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    _left: 0;
}

.blueButtonField .textInputLighter {
    float: left;
}

.blueButtonField .textInputWrapper {
    width: 350px;
}

.blueButtonField .textInputLighter input {
    width: 340px;
}

.blueButtonField .blueButton {
    position: relative;
    display: block;
    float: left;
    margin-top: 2px;
    margin-left: -3px;
}

.blueButtonField .blueButton .blueButtonLeft {
    width: 2px;
    height: 24px;
    background: url(/static/img-new/header/header-sprite.png) -136px 0 no-repeat;
}

.bigBlueButton {
    cursor: pointer;
    text-decoration: none;
}

.bigBlueButtonRight,
.bigBlueButtonLeft {
    display: block;
    float: left;
    width: 5px;
    height: 34px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -83px 0 no-repeat;
}

.bigBlueButtonRight {
    background: url(/static/img-new/registration-page/reg-sprite.png) -89px 0 no-repeat;
}

.bigBlueButtonContent {
    display: block;
    float: left;
    height: 20px;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    background: url(/static/img-new/registration-page/bigBlueButton.png) repeat-x;
    text-shadow: 0 -1px 0 #4998C2;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}

.bigBlueButton.inactive .bigBlueButtonLeft {
    width: 4px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -95px 0 no-repeat;
}

.bigBlueButton.inactive .bigBlueButtonRight {
    background: url(/static/img-new/registration-page/reg-sprite.png) -100px 0 no-repeat;
}

.bigBlueButton.inactive .bigBlueButtonContent {
    height: 21px;
    margin-top: -1px;
    color: #818181;
    background: url(/static/img-new/registration-page/bigBlueButton-inactive.png) repeat-x;
    text-shadow: 0 1px 0 #FFF;
    font-weight: normal;
}

.greenButton {
    cursor: pointer;
    text-decoration: none;
}

.greenButtonRight,
.greenButtonLeft {
    display: block;
    float: left;
    width: 4px;
    height: 24px;
    background: url(/static/img-new/header/header-sprite.png) -159px 0 no-repeat;
}

.greenButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -163px 0 no-repeat;
}

.greenButtonContent {
    display: block;
    float: left;
    height: 10px;
    padding: 7px;
    text-decoration: none;
    color: #FFF;
    background: url(/static/img-new/header/green-button-background.png) repeat-x;
    text-shadow: 0 -1px 0 #75C45F;
    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.greenButton .blueButtonRight,
.greenButton .blueButtonLeft {
    display: block;
    float: left;

    width: 4px;
    height: 24px;

    background: url(/static/img-new/header/header-sprite.png) -159px 0 no-repeat;
}

.greenButton .blueButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -163px 0 no-repeat;
}

.greenButton .blueButtonContent {
    display: block;
    float: left;

    height: 10px;
    padding: 7px;

    text-decoration: none;

    color: #FFF;
    background: url(/static/img-new/header/green-button-background.png) repeat-x;
    text-shadow: 0 -1px 0 #75C45F;

    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.redButton {
    cursor: pointer;
    text-decoration: none;
}

.redButtonRight,
.redButtonLeft {
    display: block;
    float: left;

    width: 4px;
    height: 24px;

    background: url(/static/img-new/header/header-sprite.png) -168px 0 no-repeat;
}

.redButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -172px 0 no-repeat;
}

.redButtonContent {
    display: block;
    float: left;

    height: 10px;
    padding: 7px;

    text-decoration: none;

    color: #FFF;
    background: url(/static/img-new/header/red-button-background.png) repeat-x;
    text-shadow: 0 -1px 0 #C15C48;

    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.redButton .blueButtonRight,
.redButton .blueButtonLeft {
    display: block;
    float: left;

    width: 4px;
    height: 24px;

    background: url(/static/img-new/header/header-sprite.png) -168px 0 no-repeat;
}

.redButton .blueButtonRight {
    background: url(/static/img-new/header/header-sprite.png) -172px 0 no-repeat;
}

.redButton .blueButtonContent {
    display: block;
    float: left;

    height: 10px;
    padding: 7px;

    text-decoration: none;

    color: #FFF;
    background: url(/static/img-new/header/red-button-background.png) repeat-x;
    text-shadow: 0 -1px 0 #C15C48;

    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.grayButton .blueButtonRight,
.grayButton .blueButtonLeft {
    position: relative;

    display: block;
    float: left;

    width: 6px;
    height: 25px;

    background: url(/static/img-new/header/header-buttons.png) -1px 0 no-repeat;
}

.grayButton .blueButtonRight {
    background: url(/static/img-new/header/header-buttons.png) -8px 0 no-repeat;
}

.grayButton .blueButtonContent {
    display: block;
    float: left;

    height: 10px;
    padding: 8px 7px 7px 25px;

    text-decoration: none;

    color: #666;
    background: url(/static/img-new/header/gray-button.png) repeat-x;
    text-shadow: 0 1px 0 #FFF;

    font-size: 11px;
    font-weight: bold;
    line-height: 0.9;
}

.grayButton:hover .blueButtonLeft {
    background: url(/static/img-new/header/header-buttons.png) -16px 0 no-repeat;
}

.grayButton:hover .blueButtonRight {
    background: url(/static/img-new/header/header-buttons.png) -23px 0 no-repeat;
}

.grayButton:hover .blueButtonContent {
    background: url(/static/img-new/header/gray-button-hover.png) repeat-x;
}

.moreButton {
    display: block;
    float: left;
    padding: 7px;
    cursor: pointer;
    color: #666;
    border-bottom: 1px solid #D7F0FC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #E9F8FE;
    text-shadow: 0 1px 0 #FFF;
    font-size: 11px;
    -khtml-border-radius: 3px;
}

.moreButton span {
    color: #999;
}

.moreButton .backArrow {
    float: left;

    width: 14px;
    height: 9px;
    margin: 2px 6px 0 0;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -98px 0;
}

.moreButton .forwardArrow {
    float: right;

    width: 14px;
    height: 9px;
    margin: 2px 0 0 6px;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -81px -57px;
}

.miniButton {
    background: url(/static/img-new/personal-page/mini-button.png) repeat-x;
    color: #333;
    text-shadow: 0 1px 0 #FFF;
    font-size: 10px;
    padding: 5px 7px 6px;
    display: inline-block;
    text-decoration: none;
}

.personStatus {
    color: #FFF;
    font-size: 11px;
    float: right;
    margin: 15px 11px 0 0;
    opacity: 0.6;
}

.noTextDecoration {
    text-decoration: none !important;
}

.sortFilters {
    clear: both;

    margin: 10px 0 15px;
}

.sortFilters .filter {
    margin-left: 10px;
}

.sortFilters .filterTitle {
    cursor: pointer;
    text-decoration: underline;

    color: #aaaaaa;
}

.sortFilters .filterTitle:hover {
    color: #65B044;
}

.sortFilters .filterTitle.active {
    color: #000000;
}

.sortFilters .filterTitle.active:hover {
    color: #65B044;
}

.sortFilters .filterOrderDirectionArrow {
}

.leftArrow,
.rightArrow {
    display: block;

    width: 12px;
    height: 35px;

    cursor: pointer;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -114px 0;
}

.leftArrow {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -128px 0;
}

.flagIcon {
    display: block;

    width: 16px;
    height: 11px;
}

.closeSomethingIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -40px -140px;
}

.viewCountIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -200px -120px;
}

.imgBorder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    border: 1px solid #000;
    filter: PROGID: DXIMAGETRANSFORM . MICROSOFT . ALPHA(OPACITY = 13);
    -moz-opacity: 0.13;
    -khtml-opacity: 0.13;
    opacity: 0.13;
}
.brandTag img {
    /*border: 1px solid #000;*/
}

.selectorWrapper {
    position: relative;

    width: 300px;
    height: 50px;
}

.selectorLabel {
    float: left;

    margin-top: 4px;

    color: #666;

    font-size: 12px;
}

.selector {
    position: absolute;
    top: 0px;
    left: 104px;

    float: left;

    padding: 5px 22px 0 9px;

    color: #666;
    border-bottom: 1px solid #D7F0FC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E9F8FE;

    -khtml-border-radius: 5px;
}

.selector .arrow {
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 7px;

    width: 7px;
    height: 5px;

    cursor: pointer;

    background: url(/static/img-new/person/person-sprite.png) -93px 0;
}

.selector .current {
    display: block;
}

.selector li {
    display: none;

    padding-bottom: 5px;

    font-size: 12px;
}

.selector.opened li {
    display: block;
}

.pageSeparator {
    height: 2px;

    border-bottom: 1px dotted #CCC;
}

.cleanerPageSeparator {
    clear: both;

    height: 20px;
    margin-bottom: 20px;

    border-bottom: 1px dotted #CCC;
}

.dropBoxOverlay {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    min-height: 100%;

    background: url(/static/img-new/layout/overlay-background.png);
}

.dropBoxOverlayMessage {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 400px;
    margin-left: -200px;
    padding: 30px 0;

    text-align: center;

    color: #000;
    border: 2px solid #F1EBCB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFFDE4;

    font-size: 18px;
    font-weight: bold;

    -khtml-border-radius: 3px;
}

.modalWindow {
    position: fixed;
    z-index: 500;
    top: 50px;
    left: 50%;

    width: 652px;
    margin-left: -326px;
    padding: 1em;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #4060A3 url("/static/img-new/person/person-background.png") repeat-x;

    -khtml-border-radius: 8px;
}

.modalWindow .header {
    overflow: hidden;
}

.modalWindow .header .title {
    float: left;

    margin-left: 4px;
    padding-bottom: 1em;

    font-size: 17px;
}

.modalWindow .header .closeButton {
    float: right;

    width: 9px;
    height: 10px;
    margin-top: 5px;

    cursor: pointer;

    background: url(/static/img-new/header/header-sprite.png) -149px 0;
}

.modalWindow .modalWindowContent {
    overflow: hidden;

    padding: 15px 38px;

    background: #ffffff;
}

#loginPage .modalWindowContent { padding: 15px 20px !important; }

.actionButton a {
    text-decoration: none;
}

/*----- place selector -----*/

.placeSelector {
    float: left;

    margin-bottom: 20px;

    background: none !important;
}

.placeSelector strong {
    display: block;
    float: left;
    clear: both;

    margin-bottom: 10px;

    color: #333;

    font-family: 'Calibri';
}

.placeSelector .cellTitle {
    float: left;
    clear: both;

    width: 108px;
    padding-top: 5px;
}

.placeSelector .cellInput {
    float: left;

    width: 203px;
}

.placeSelector .cellInput input {
    width: 188px;
}

.regionBlock {
    float: left;
    clear: both;

    width: 315px;

    font-size: 11px;
}

.regionBlock .regionMessage {
    margin: 10px 0;
}

.placeSelector .regionBlock .cellTitle {
    font-size: 13px;
}

.placeSelector {
    background-color: #f4f4f4;
}

.placeSelector input {
    width: 430px;

    font-family: 'Arial';
}

input.loadingSuggestData {
    background: url(/static/img-new/temp/ajax-loader.gif) 100% 50% no-repeat;
}

.placeSelector .textInputWrapper .readOnlyInput.disabled {
    font-family: 'Arial';
}

.popupList .listItem div.region {
    padding: 3px 0 0;

    color: #666666;

    font-size: 0.8em;
}

.popupList div.active {
    background: none repeat scroll 0 0 #dddddd;
}

.regBlockCell .regionBlock {
    width: 395px;
}

.regBlockCell .regionBlock .regionMessage {
    padding-left: 176px;
}

.regBlockCell .cellTitle {
    margin-top: 2px;
}

.regBlockCell .regionBlock .cellTitle {
    margin-top: 2px !important;
}

.regBlockCell strong {
    padding-bottom: 15px;

    font-size: 18px;
    font-weight: normal;
}

/*----- icons -----*/

.ico {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}

.favIcon {
    display: block;

    width: 16px;
    height: 15px;

    cursor: pointer;
    text-decoration: none;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -144px -23px;
}

.blogCodeButton {
    display: block;

    width: 18px;
    height: 8px;

    cursor: pointer;
    text-decoration: none;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -127px -41px;
}

.downloadButton {
    display: block;

    width: 15px;
    height: 14px;

    cursor: pointer;
    text-decoration: none;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -146px -41px;
}

.commentIcon {
    width: 16px;
    height: 16px;

    background: url(/static/img-new/personal-page/personal-page-sprite.png) -141px -94px;
}

.fileIcon {
    position: relative;
    display: block;
    width: 19px;
    height: 17px;
    text-decoration: none;
    color: #FFF;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -51px;
    font-size: 6px;
}

.fileIcon .fileExtension {
    position: absolute;
    top: 4px;
    left: 1px;
    overflow: hidden;
    width: 16px;
    height: 6px;
    z-ndex: 1;
}

.fileIconShadow {
    position: absolute;
    top: 3px;
    right: 0;

    display: block;

    width: 6px;
    height: 7px;

    background: url(/static/img-new/personal-page/file-icon-shadow.png);
}

.fileIcon.up {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -59px -51px;
}

.fileIcon.down {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -39px -51px;
}

.hasDatepicker {
    background: url(/static/img-new/calendar/calendar.png) 98% center no-repeat;
    cursor: pointer;
    overflow: hidden;
    width: auto !important;
}

/*----- align -----*/

.alignedBlock {
    position: relative;

    width: 140px;
    height: 140px;
}

.alignToLeft {
    position: relative;
    right: 50%;

    float: right;
}

.alignToRight {
    position: relative;
    z-index: 1;
    right: -50%;
}

.imageWrapper {
    display: table-cell;

    height: 140px;

    vertical-align: middle;
}

.imageWrapper img {
    display: inline-block;
}

.imageWrapper img {
    *margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

.photoPreviewCorners {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 140px;
    height: 141px;
    background: url(/static/img-new/personal-page/image-corners.png);
}

.hAlignedBlock {
    position: relative;
}

.hAlignToLeft {
    position: relative;
    right: 50%;

    float: right;
}

.hAlignToRight {
    position: relative;
    z-index: 1;
    right: -50%;
}

.avatarLink {
    position: relative;

    display: table-cell;

    text-align: center;
    vertical-align: middle;
    *display: block;
}

.avatarLink img {
    *margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- Pixel font -----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.px5 span {
    float: left;
    display: block;
    margin-right: 1px;
    background: url(/static/img-new/fonts/visitor.png) 0 0 no-repeat;
    width: 3px;
    height: 6px;
}

.px5 .s_a {
    background: url(/static/img-new/fonts/visitor.png) 0 0;
}

.px5 .s_b {
    background: url(/static/img-new/fonts/visitor.png) -4px 0;
}

.px5 .s_c {
    background: url(/static/img-new/fonts/visitor.png) -8px 0;
}

.px5 .s_d {
    background: url(/static/img-new/fonts/visitor.png) -12px 0;
}

.px5 .s_e {
    background: url(/static/img-new/fonts/visitor.png) -16px 0;
}

.px5 .s_f {
    background: url(/static/img-new/fonts/visitor.png) -20px 0;
}

.px5 .s_g {
    background: url(/static/img-new/fonts/visitor.png) -24px 0;
}

.px5 .s_h {
    background: url(/static/img-new/fonts/visitor.png) -28px 0;
}

.px5 .s_i {
    background: url(/static/img-new/fonts/visitor.png) -32px 0;
}

.px5 .s_j {
    background: url(/static/img-new/fonts/visitor.png) -36px 0;
}

.px5 .s_k {
    background: url(/static/img-new/fonts/visitor.png) -40px 0;
}

.px5 .s_l {
    background: url(/static/img-new/fonts/visitor.png) -44px 0;
}

.px5 .s_m {
    background: url(/static/img-new/fonts/visitor.png) -48px 0;
}

.px5 .s_n {
    background: url(/static/img-new/fonts/visitor.png) -52px 0;
}

.px5 .s_o {
    background: url(/static/img-new/fonts/visitor.png) -56px 0;
}

.px5 .s_p {
    background: url(/static/img-new/fonts/visitor.png) -60px 0;
}

.px5 .s_q {
    background: url(/static/img-new/fonts/visitor.png) -64px 0;
}

.px5 .s_r {
    background: url(/static/img-new/fonts/visitor.png) -68px 0;
}

.px5 .s_s {
    background: url(/static/img-new/fonts/visitor.png) -72px 0;
}

.px5 .s_t {
    background: url(/static/img-new/fonts/visitor.png) -76px 0;
}

.px5 .s_u {
    background: url(/static/img-new/fonts/visitor.png) -80px 0;
}

.px5 .s_v {
    background: url(/static/img-new/fonts/visitor.png) -84px 0;
}

.px5 .s_w {
    background: url(/static/img-new/fonts/visitor.png) -88px 0;
}

.px5 .s_x {
    background: url(/static/img-new/fonts/visitor.png) -92px 0;
}

.px5 .s_y {
    background: url(/static/img-new/fonts/visitor.png) -96px 0;
}

.px5 .s_z {
    background: url(/static/img-new/fonts/visitor.png) -100px 0;
}

.px5 .s_1 {
    background: url(/static/img-new/fonts/visitor.png) -111px 0;
}

.px5 .s_2 {
    background: url(/static/img-new/fonts/visitor.png) -114px 0;
}

.px5 .s_3 {
    background: url(/static/img-new/fonts/visitor.png) -118px 0;
}

.px5 .s_4 {
    background: url(/static/img-new/fonts/visitor.png) -122px 0;
}

.px5 .s_5 {
    background: url(/static/img-new/fonts/visitor.png) -126px 0;
}

.px5 .s_6 {
    background: url(/static/img-new/fonts/visitor.png) -130px 0;
}

.px5 .s_7 {
    background: url(/static/img-new/fonts/visitor.png) -134px 0;
}

.px5 .s_8 {
    background: url(/static/img-new/fonts/visitor.png) -138px 0;
}

.px5 .s_9 {
    background: url(/static/img-new/fonts/visitor.png) -142px 0;
}

.px5 .s_0 {
    background: url(/static/img-new/fonts/visitor.png) -107px 0;
}

.cbutton {
    margin-right: 7px;
}

#imageContainer {
    margin: 15px;
    left: 0;
    top: 0;
    position: relative;
}

.preloaderBlock {
    display: block;
    background: url(/static/img-new/temp/ajax-loader.gif) 50% 50% no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------- Layout --------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.main {
    margin: 0 auto;
    width: 999px;
    background: none;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -khtml-border-radius-bottomright: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.mainTopBanner {
    display: none;
    margin: 10px 0 -15px;
    width: 1000px;
    height: 90px;
}

.mainBanner {
    margin-top: 20px;
}

#mgimoBanner {
    display: none;
}

#adcrBanner {
    display: none;
}



/*----PesonalPanel----*/

.searchFormHeader {
    float: left;
    margin-top: 4px;
}

.searchFormHeader .textInputLighter {
    border: 1px solid transparent;
    width: 150px;
}

.searchFormHeader .textInputWrapper {
    height: 18px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.searchFormHeader input {
    width: 115px;
    float: left;
    font-size: 11px;
}

.searchFormHeader .searchIcon {
    float: right;
    background: url(/static/img-new/person/search-button.png);
    position: relative;
    top: -1px;
    width: 23px;
    height: 20px;
    cursor: pointer;
}




#personalPanel {
    width: 999px;
    height: 33px;
    font-size: 11px;
    color: #000;
    position: relative;
    margin: 0 auto;
}

#personalPanel a:hover {
    color: #65B044;
}

#personalPanel .leftPart {
    float: left;
}

#personalPanel .rightPart {
    float: right;
}


#personalPanel .bumpCounterIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -160px -180px no-repeat;
    float: left;
}

#personalPanel .ratingLabel {
    float: left;
    font-size: 12px;
    color: #000;
    margin-top: 4px;
}

.addSomeIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -160px -160px no-repeat;
}



.addBlogPostIcon {
    background: url(/static/img-new/header/header-sprite.png) -197px -28px no-repeat;
    width: 15px;
    height: 12px;
    margin-right: 5px;
}

.addBrandIcon {
    background: url(/static/img/add-sprite.png) -22px -3px no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.bump-topPanel .bump-topPanelContent .bump-topPanelLinks ul.bump-inlineList li ul.bump-dropdownList li span.addBrandIcon {
    margin-top: 3px !important;
}

.addClubIcon {
    background: url(/static/img/add-sprite.png) -42px -5px no-repeat;
    width: 15px;
    height: 11px;
    margin-right: 5px;
}

.addPhotoAlbumIcon {
    background: url(/static/img-new/header/header-sprite.png) -231px 0 no-repeat;
    width: 12px;
    height: 11px;
    margin-right: 8px;
}

.addPlayListIcon {
    background: url(/static/img-new/header/header-sprite.png) -154px -26px no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.addVideoCollectionIcon {
    background: url(/static/img-new/header/header-sprite.png) -219px -13px no-repeat;
    width: 13px;
    height: 11px;
    margin-right: 7px;
}

.addFolderIcon {
    background: url(/static/img-new/header/header-sprite.png) -234px -13px no-repeat;
    width: 13px;
    height: 11px;
    margin-right: 7px;
}


#personalPanel .userStatus {
    width: 200px;
    position: relative;
}

#personalPanel .userName {
    float: left;
    padding: 4px 12px 0 0;
    text-decoration: none;
}

#personalPanel .userName img {
    float: left;
    margin-right: 4px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#personalPanel .userName span {
    float: left;
    color: #000;
    font-size: 12px;
    margin-top: 6px;
    text-decoration: underline;
}

.panelCell {
    float: left;
    position: relative;
    border-left: 1px solid #DADADA;
    height: 16px;
    padding: 0 12px;
    margin-top: 7px;
}

.topPanelBasketLink {
    margin-left: 10px;
}

.topPanelBasketLink a {
    position: relative;
    top: 3px;
    color: #666;
}

#personalPanel .messageWrapper {
    position: relative;
    float: left;
}



#personalPanel .messageIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -140px -180px no-repeat;
}

#personalPanel .musicPlayedIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -220px -139px no-repeat;
}

#personalPanel .musicPlayedIcon.paused {
    background: url(/static/img-new/icons-sprite.v6.png) -200px -139px no-repeat;
}

#personalPanel .settingsIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -140px -161px no-repeat;
}

#personalPanel .exitIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -20px -22px no-repeat;
}

#personalPanel .paymentsListLabel {
    margin: 14px 16px 0;
}

#personalPanel .personalPanelPaymentLink {
    float: left;
    display: inline;
}

#personalPanel .paymentIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -180px -139px no-repeat;
}

.loginIcon {
    background: url(/static/img-new/icons-sprite.v6.png) 0 -140px;
}

.regIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -200px -82px;
}
*:first-child+html #personalPanel .registrationLink {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
*:first-child+html #personalPanel .loginLink {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
#personalPanel .registrationLink {
    padding: 0 0 0 23px;
    line-height: 16px;
    margin-right: -10px;
    width: auto;
    background: none;
    position: relative;
    font-size: 12px;
    color: #666;
}
#personalPanel .registrationLink:before,
#personalPanel .registrationLink .before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -200px -82px no-repeat;
    overflow: hidden;
    cursor: pointer;
    *cursor: hand;
}
#personalPanel .loginLink {
    padding: 0 0 0 23px;
    line-height: 16px;
    width: auto;
    background: none;
    position: relative;
    font-size: 12px;
    color: #666;
}
#personalPanel .loginLink:before,
#personalPanel .loginLink .before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) 0 -140px no-repeat;
    overflow: hidden;
    cursor: pointer;
    *cursor: hand;
}
#personalPanel .loginLink {
    padding: 0 0 0 23px;
    line-height: 16px;
    width: auto;
    background: none;
    position: relative;
    font-size: 12px;
    color: #666;
}
#personalPanel .loginLink:before,
#personalPanel .loginLink .before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) 0 -140px no-repeat;
    overflow: hidden;
    cursor: pointer;
    *cursor: hand;
}
/*--------*/

.textInputOverlayHint {
    position: absolute;
    color: #999999;
    font-size: 13px;
    height: 16px;
    font-weight: normal;
    text-shadow: none;
    top: 5px;
    left: 7px;
    background: transparent;
    display: none;
    cursor: text;
}

.userSettingsWrapper {
    float: left;
    margin-left: 14px;
}

.aboutPersonBlock .userSettingsWrapper a {
    font-size: 12px;
}

.editPersonalSettings {
    margin-right: 10px;
    float: left;
    cursor: pointer;
    z-index: 100;
    line-height: 1.3;
    padding: 5px;
    font-size: 12px;
    background: #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.editSettingsIcon {
    float: left;
    margin-right: 3px;
    margin-top: 2px;
    width: 14px;
    height: 15px;
    background: url(/static/img-new/person/person-sprite.png) -65px 0;
}

.editPersonalIcon {
    float: left;
    width: 20px;
    height: 16px;
    background: url("/static/img-new/icons-sprite.v6.png") -20px -2px;
}

.editPersonalSettingsRel {
    float: left;
    margin: -5px 0 0 6px;
    position: inherit;
    cursor: pointer;
    line-height: 1.3;
    padding: 5px;
    font-size: 12px;
    background: #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.contentWrapper {
    width: 999px;
    *float: left;
    margin-left: -1px;
    margin-top: 36px;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.content {
    position: relative;
    width: 999px;
    padding-bottom: 10px;
    background: #FFF;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.footerWrapper {
    width: 999px;
    *height: 118px;
    *width: 998px;
    margin-left: -2px;
    *float: left;
    padding: 0 2px;
    background: url(/static/img-new/layout/left-right-shadow.png) repeat-y;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -khtml-border-radius-bottomright: 20px;
    -khtml-border-radius-bottomleft: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.footer {
    margin: 0 0 50px 0;
    padding-bottom: 4px;
    width: 998px;
    position: relative;
    color: #FFF;
    font-size: 11px;
    background: url(/static/img-new/layout/footer-shadow.png) 0 100% repeat-x;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -khtml-border-radius-bottomright: 15px;
    -khtml-border-radius-bottomleft: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.footerContent {
    height: 121px;
    width: 999px;
    background: #4060A3 url("/static/img-new/person/person-background.png") repeat-x;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -khtml-border-radius-bottomright: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.footer a {
    color: #FFF;
    cursor: pointer;
    text-decoration: underline;
}

.footer a:hover {
    color: #65B044;
}

.footer .inactive a {
    color: #999;
    cursor: default;
    text-decoration: none;
}

.footer .copyright {
    position: absolute;
    top: 31px;
    left: 38px;
}

.footer .aboutList {
    position: absolute;
    top: 32px;
    left: 306px;
    width: 190px;
}

.footer .aboutList li {
    padding-bottom: 10px;
}

.footer .linksList {
    position: absolute;
    top: 33px;
    left: 494px;
    width: 190px;
}

.footer .linksList li {
    padding-bottom: 15px;
}

.footer .mailIcon {
    width: 15px;
    height: 11px;
    background: url(/static/img-new/header/header-sprite.png) -179px -15px;
    float: left;
    margin-right: 5px;
}

.footerLogo {
    display: block;
    width: 80px;
    height: 22px;
    position: absolute;
    right: 37px;
    top: 48px;
    background: url(/static/img-new/layout/footer-logo-new.png);
}

.footerLogoBP {
    display: none;
}

/*------------------------- inner pages --------------------------------*/

.innerPageWrapper {
    padding: 40px;
    overflow: hidden;
}

.innerPageWrapper h1 {
    font-weight: normal;
    font-size: 23px;
    padding-bottom: 20px;
}

.innerPageLeftColumn {
    float: left;
    display: inline;
    width: 640px;
    margin-right: 38px;
}

.innerPageRightColumn {
    float: right;
    display: inline;
    width: 240px;
}

.innerPageProfileLeftColumn {
    width: 240px;
    float: left;
    display: inline;
    margin-right: 39px;
}

.innerPageProfileRightColumn {
    float: right;
    display: inline;
    width: 640px;
    position: relative;
}

.innerPageRightColumnContent {
    padding: 20px;
    background: #F4F4F4;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #E7E7E7;
    overflow: hidden;
    text-align: center;
}

.innerPageRightColumnContent .bump-button { margin-bottom: 3px; }

/*------------------------- Any post --------------------------------*/

.postExtraLine {
    overflow: hidden;
}

.postCreationDate {
    color: #999;
    font-size: 13px;
    display: inline-block;
    margin: 10px 10px 0 0;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}

.postAuthor {
    display: inline-block;
    margin: 9px 0 0 0;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}

.postShowCounter {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 10px;
    margin-top: 11px;
    vertical-align: top;
}

.showCountNum {
    float: left;
}

.postRatingWrapper {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 9px 10px 0 0;
    vertical-align: top;
}

.plusRatingIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -80px -140px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
}

.minusRatingIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -60px -140px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
}

.plusRatingIcon:hover {
    background: url(/static/img-new/icons-sprite.v6.png) -139px -140px no-repeat;
}

.minusRatingIcon:hover {
    background: url(/static/img-new/icons-sprite.v6.png) -119px -140px no-repeat;
}

.justRatingIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -100px -140px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.ratingNum {
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
    *margin-top: 0;
}

.musicRating {
    float: left;
    margin: 1px 0 0 4px;
}

.musicRating .ratingNum { margin-top: 0; }


.postEditSettings {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: none;
    vertical-align: top;
    margin-top: 4px;
}

.erasePost {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-top: 10px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Registration-----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.regPageHeader {
    position: relative;
    height: 58px;
    background: url(/static/img-new/person/person-background.png) repeat-x;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.regPageHeader h1 {
    position: relative;
    padding-top: 15px;
    color: #FFF;
    font-size: 28px;
    font-family: 'Calibri';
    font-weight: normal;
    text-align: center;
}

.regBody {
    padding: 41px 0 20px 35px;
}

.registrationCell {
    clear: both;
    overflow: hidden;
    margin: 0 0 0 242px;
}

.brandUserCreationFormContainer .registrationCell {
    margin: 0 !important;
}

.brandUserCreationFormContainer .csmCapcha .cellInput {
    margin-left: 275px !important;
    margin-right: 40px !important;
    float: left;
    display: inline;
}

.registrationCell .ajaxLink {
    height: auto;
    margin-left: 10px;
    line-height: 1.1;
}

.registrationCell input {
    color: #333 !important;
}

.registrationCell .cellTitle {
    float: left;
    width: 120px;
    line-height: 2;
    padding-right: 33px;
    font-family: 'Arial';
    font-size: 13px;
    color: #333;
    text-align: right;
}

.brandUserCreationFormContainer .registrationCell .cellTitle {
    width: 200px;
}

.registrationCell .cellInput {
    position: relative;
    float: left;
    padding-bottom: 7px;
}

.registrationCell .cellInfo {
    float: left;
    margin: 10px 0 0 13px;
    width: 200px;
}

.registrationCell .textInputLighter {
    width: 200px;
}

.registrationCell .textInputLighter input {
    width: 175px;
}

.registrationCell .securePassIcon {
    float: left;
    width: 9px;
    height: 12px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -51px 0 no-repeat;
}

.registrationCell .securePassMessage {
    margin-left: 15px;
    color: #61A842;
    font-size: 13px;
}

.brandSelectionCell {
    margin-bottom: 10px;
}

.brandSelectionCell .cellTitle {
    height: 10px;
}

.brandSelectionCell .cellInput img {
    margin: 11px 63px 0 50px;
}

.brandSelectionCell .cellInfo {
    margin-top: 15px;
}

.registrationCell .brandSelectIcon {
    float: left;
    cursor: pointer;
    width: 21px;
    height: 18px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -61px 0;
}

.registrationCell .brandSelectMessage {
    float: left;
    cursor: pointer;
    color: #0099CC;
    border-bottom: 1px dashed #0099CC;
}

.buttonCell {
}

.buttonCell .cellTitle {
    height: 40px;
}

.buttonCell .cellInput {
    padding-top: 21px;
}

.buttonCell .cellInfo {
    padding-top: 19px;
    line-height: 0.9;
    font-size: 10px;
    color: #999;
    width: 300px;
}

.agreementIcon {
    float: left;
    margin-right: 10px;
    width: 12px;
    margin-top: 3px;
    height: 18px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -22px -17px no-repeat;
}

.buttonCell .bigBlueButton {
    /*width: 300px;*/
}
.bump-contentWrapper .socialNetworkConnectionForm {
    background: transparent;
    padding: 20px 10px 20px 150px;
    text-align: center;
}
.bump-contentWrapper .socialNetworkConnectionForm .socialNetworkConnectionFormTitle {
    *display: none;
}
.bump-contentWrapper .socialNetworkConnectionForm .socialNetworkButton {
    float: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.buttonCell .bigBlueButton .bigBlueButtonContent {
    width: 177px;
}

.registrationCell.sexCell {
}

.registrationCell.sexCell .cellTitle {
    height: 10px;
}

.registrationCell.sexCell .cellInput {
    padding: 10px 0 16px;
}

.registrationCell.sexCell .radioButton {
    float: left;
}

.femaleIcon,
.maleIcon {
    float: left;
    margin: 2px 5px 0 5px;
    width: 11px;
    height: 16px;
    background: url(/static/img-new/registration-page/reg-sprite.png) 0 -19px no-repeat;
}

.femaleIcon {
    background: url(/static/img-new/registration-page/reg-sprite.png) -11px -19px no-repeat;
}

.sexLabel {
    float: left;
    line-height: 1.6;
    margin-right: 20px;
    margin-left: 3px;
}

.regBlock {
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
    padding: 25px 0;
}

.regBlock h2 {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 15px;
}

.regBlockCell {
    clear: both;
    padding: 10px 0;
}

.regBlockCell .cellTitle {
    width: 170px;
    margin: 6px 5px 0 0;
    color: #666;
    float: left;
    text-align: right;
}

.regBlockCell .cellInput {
    float: left;
}

.regBlockCell .dropDownSelect .textInputWrapper {
    width: auto;
}

.regBlockCell .dropDownSelect .readOnlyInput {
    width: 217px;
}

.editCell .cellTitle {
    padding-top: 0;
}

.regBlockCell.graduationYear .dropDownSelect .textInputWrapper {
    width: 60px;
}

.regBlockCell.graduationYear .dropDownSelect .readOnlyInput {
    width: 60px;
}

.regBlockCell.startStudyYear .dropDownSelect .textInputWrapper {
    width: 60px;
}

.regBlockCell.startStudyYear .dropDownSelect .readOnlyInput {
    width: 60px;
}

.regBlockCell .placeSelector .cellTitle {
    padding-top: 0;
}

.regBlockCell .placeSelector .regionBlock .cellTitle {
    margin-top: 6px !important;
}

/*---------------------------------------------------Recovery page----------------------------------------------------*/
.recoveryBody {
    margin-top: 40px;
}

.recoveryBody .registrationCell {
    margin-bottom: 10px;
}

.recoveryBody .buttonCell .cellInput {
    padding-top: 0px;
}

.secureIcon {
    float: left;
    margin: -2px 8px 0 -2px;
    width: 13px;
    height: 12px;
    background: url(/static/img-new/header/header-sprite.png) -113px 0;
}

.secureMessage {
    color: #ED6A6A;
    line-height: 0.7;
    font-size: 12px;
}

.passRecoveryWrongBlock {
    padding: 25px;
    line-height: 1.3;
    font-size: 14px;
    color: #333;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------Create Sub mirror---------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.csmTitle {
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 27px;
}

.csmCell {
    clear: both;
    padding-bottom: 27px;
    overflow: hidden;
    padding-top: 3px;
}
.csmCell .cellInfo {
    float: left;
    display: inline;
    margin-left: 20px;
    color: #999;
    font-size: 10px;
}

.csmCell .bigBlueButton { margin-left: 215px; }

.csmCellWide { padding-bottom: 50px; }

.csmCellTitle {
    width: 215px;
    float: left;
    font-size: 17px;
}

.csmCellTitleExt {
    line-height: 28px;
}

.csmCellTitleLittle { width: 110px; }

.csmCellTitle div { padding-bottom: 5px; }

.csmCellTitleDescription { font-size: 11px; color: #666; float: left; font-size: 12px; width: 168px; }

.csmCellFields {
    float: left;
    width: 680px;
}

.csmCellFields .cellInput { float: left; margin-left: -2px; }
.csmCellFields .cellInput input { float: left; width: 206px; }

.csmCapcha {
    padding-bottom: 0;
}
.csmCapcha .cellInput {
    margin-left: 215px !important;
    float: left;
    display: inline;
}
.csmCapcha .cellSubInfo {
    float: left;
    display: inline;
    margin-left: 20px;
    line-height: 30px;
    margin-top: 7px;
}
.csmCapchaIcon {
    background: url("/static/img-new/registration-page/reg-sprite.png") -61px 0 no-repeat;
    cursor: pointer;
    float: left;
    display: inline;
    height: 18px;
    width: 21px;
}
.recapchaLink {
    border-bottom: 1px dashed #0099CC;
    color: #0099CC;
    cursor: pointer;
    float: left;
    display: inline;
    line-height: 1em;
}

.csmCellFields textArea { width: 450px; height: 96px; }

.csmDomainTitle { float: left; margin-top: 6px; }

.csmInnerCell { float: left; width: 224px; }
.csmInnerCellTitleMini { color: #AAA; font-size: 10px; }

.csmMirrorLogoPreview { float: left; margin-right: 15px; width: 200px; height: 80px; }
.csmMirrorLogoText { float: left; margin-right: 15px; }
.csmMirrorLogoText .blueButton { margin-bottom: 5px; float: left; }
.csmMirrorLogoTextContent { width: 165px; color: #CCC; }




/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Person page------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------HEADER--------------------------------------------------------*/
.personPageHeader {
    position: relative;
    margin-bottom: 40px;
    background: url(/static/img-new/person/person-background.png) repeat-x;
    height: 87px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -khtml-border-radius-topright: 6px;
    -khtml-border-radius-topleft: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.personPageHeader .smallAvatar {
    float: left;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
}

.personPageHeader .mainInfo {
    float: left;
    position: relative;
    max-width: 600px;
    padding: 12px 10px 0 26px;
}

.personPageHeader .mainInfo h1 a {
    font-size: 17px;
    display: block;
    max-width: 600px;
    color: #FFF;
    padding-bottom: 5px;
    font-family: 'Calibri';
    font-weight: normal;
    line-height: 0.8;
    text-decoration: none;
}

.personPageHeader .mainInfo h1 {
    font-size: 17px;
    float: left;
    max-width: 600px;
    color: #FFF;
    padding-bottom: 4px;
    font-family: 'Calibri';
    font-weight: normal;
    line-height: 0.8;
}

.personPageHeader .mainInfoWrapper {
    float: left;
    margin-top: -1px;
}

.personPageHeader .mainInfo .personCity {
    clear: both;
    display: block;
    color: #FFF;
    font-size: 12px;
    opacity: 0.5;
}

.personPageHeader .mainInfo .personStatus {
    line-height: 1.5;
    color: #8D95A0;
}

.personPageHeader .bumpCounterNumber {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 2px 5px 0 12px;
}

.personPageHeader .bumpCounterNumber span {
    margin-top: 1px;
}

.personPageHeader .bumpCounterIcon {
    float: left;
    background: url(/static/img-new/icons-sprite.v6.png) -2px -5px;
}

.personPageHeader span {
    float: left;
    color: #FFF;
    font-size: 12px;
}

.personPageHeader .userControls {
    float: left;
    margin-top: 8px;
}

.userControlCellArrow {
    float: left;
    width: 42px;
    height: 26px;
    background: url(/static/img-new/person/person-control-cell-a.png) no-repeat;
    margin-right: 5px;
}

.userControlCellArrow a {
    margin: 2px 0 0 12px;
    float: left;
}

.userControlCell {
    float: left;
    width: 28px;
    height: 26px;
    background: url(/static/img-new/person/person-control-cell.png) no-repeat;
    margin-right: 5px;
}

.userControlCell span,
.userControlCell a {
    margin: 3px 0 0 3px;
    float: left;
}

.addToFriendIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -99px -60px no-repeat;
}

.removeFromFriendIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -120px -60px no-repeat;
}

.userSettingsIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -199px -40px no-repeat;
}

.clubSettingsIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -180px -178px no-repeat;
}

.personPageHeader .userStatus {
    position: absolute;
    top: -24px;
    left: 48px;
    z-index: 2;
    border-bottom: 1px solid #464E5B;
    padding: 8px 13px 2px 5px;
    background: #FFF5B2 url(/static/img-new/personal-page/brand-status-background.png) repeat-y;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.personPageHeader .userStatus .userStatusArrow {
    position: absolute;
    bottom: -11px;
    left: 13px;
    width: 11px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -161px -95px;
}

.userStatusFog {
    position: absolute;
    display: block;
    top: -6px;
    left: 590px;
    width: 50px;
    height: 25px;
    background: url(/static/img-new/person/brand-status-fog.png) no-repeat;
}

.personPageHeader .userStatus img {
    margin: -6px 5px 0 0;
    float: left;
}

.personPageHeader .userStatus .defaultStatusImg {
    width: 23px;
    height: 23px;
    margin: -6px 5px 0 0;
    float: left;
    border: 1px solid #D5D5D5;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -68px -97px;
}

.personPageHeader .userStatus .statusBrand {
    margin: 0 15px 0 0;
    float: left;
    display: block;
    max-width: 654px;
    padding-right: 3px;
    color: #000;
    height: 13px;
    line-height: 1.1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.personPageHeader .userStatus .changeBrandStatus {
    position: absolute;
    right: 6px;
    top: 8px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -96px -20px;
    float: left;
}

.personPageHeader .contactsBlock {
    position: absolute;
    left: 793px;
    top: 33px;
}

.personPageHeader .contactsBlock a {
    color: #0099CC;
    text-decoration: underline;
    cursor: pointer;
    line-height: 0.9;
}

.greenMainIcon {
    display: block;
    float: left;
    width: 15px;
    height: 11px;
    background: url(/static/img-new/person/person-sprite.png) -30px -6px;
    margin-right: 10px;
}

.interactWithUser {
    float: right;
    margin: 7px 10px 0 0;
}

.writeMessageLink {
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -180px -160px no-repeat;
}

.writeMessageLink:hover {
    /*background: url(/static/img-new/header/header-buttons.png) -33px -55px no-repeat;*/
}

.inviteToClub {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -160px -60px no-repeat;
}

.inviteToClub:hover {
    /*background: url(/static/img-new/header/header-buttons.png) -68px -55px no-repeat;*/
}

.interactWithUser .followBrand .blueButtonContent, .interactWithUser .unFollowBrand .blueButtonContent {
    position: relative;
    text-shadow: 0 1px 0 #fff !important;
    padding-left: 27px !important;
}

.interactWithUser .iconsFollowBrand {
    display: block;
    width: 25px;
    height: 20px;
    position: relative;
    float: left;
    margin: -5px 0 0 -27px;
    background: url('/static/img-new/personal-page/follow-icons.png') left top no-repeat;
}

.unFollowBrand .iconsFollowBrand {
    background-position: -25px 0;
}


.followBrandIcon {
    width: 22px;
    height: 20px;
    display: block;
    background: url(/static/img-new/icons-sprite.v6.png) -220px -79px;
}

.unfollowBrandIcon {
    width: 20px;
    height: 20px;
    display: block;
    background: url(/static/img-new/icons-sprite.v6.png) -220px -100px;
}

.inviteToClubCell {
    height: 26px;
    width: 555px;
    padding: 5px 0;
}

.inviteToClubCell input {
    float: left;
    margin-top: 7px;
}

.inviteToClubCell a {
    float: left;
    display: block;
    margin: 0 8px 0 10px;
}

.inviteToClubCell label {
    float: left;
    display: block;
    margin-top: 7px;
    color: #666;
    max-width: 350px;
    overflow: hidden;
}

.inviteToClubCell .controls {
    margin-top: 7px;
    float: right;
    display: none;
}

.inviteToClubCell:hover .controls {
    display: block;
}

.personalMenu {
    position: absolute;
    bottom: -1px;
    margin-bottom: 0;
    left: 23px;
}

.personalMenu .menuItem {
    display: block;
    position: relative;
    float: left;
    font-size: 14px;
    font-family: Arial;
    margin: 0 1px -1px 0;
    height: 18px;
    padding: 6px 9px 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-radius-topright: 3px;
    -khtml-border-radius-topleft: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.personalMenu .menuItem:hover {
    /*background: url(/static/img-new/person/person-menu-hover.png) repeat-x;*/
    /*color: #000;*/
}

.personalMenu .menuItem.inPath.haveSubMenu {
    color: #000;
    text-shadow: none;
    background: #E8E8E8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#E8E8E8'); /* для IE6-9 */
    background: -webkit-linear-gradient(top, bottom, #F6F6F6, #E8E8E8); /* для webkit-браузеров */
    background: -moz-linear-gradient(top,  #F6F6F6,  #E8E8E8); /* для firefox 3.6+ */
    background: -o-linear-gradient(top,  #F6F6F6,  #E8E8E8); /* для Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F6F6F6,  #E8E8E8); /* для IE10+ */
}

.personalMenu .menuItem.inPath {
    color: #FF6600;
    background: #FFF;
    cursor: default !important;
    height: 21px;
    margin-bottom: 0;
}

.personalMenu .menuItem.haveSubMenu {
}

.personalMenu .menuItem.addMenuItem {
    width: 7px;
    padding-left: 13px;
}

.personalMenu .plusIcon {
    display: block;
    margin: -2px 0 0 0;
    width: 16px;
    height: 15px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -154px -57px no-repeat;
}

.personalMenu .inPath .plusIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -144px -23px no-repeat;
}



.personalMenu .menuItem.emptyContent {

    color: #CCC;
}

.personalMenu .menuItem.emptyContent:hover {
    background: url(/static/img-new/person/person-menu-empty-hover.png) repeat-x;
    color: #CCC;
}

.personalMenu .menuItem.disabledBySecurityRules {
    color: #CCC;
}

.subMenu {
    cursor: auto;
    background: #E8E8E8;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -khtml-border-radius-bottomright: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 2px;
}

.subMenu .subMenuItem {
    float: left;
    padding: 5px;
    font-size: 12px;
}

.subMenu .subMenuItem a {
    display: block;
    color: #333;
    padding: 2px 1px;
    text-decoration: underline;
    cursor: pointer;
}

.subMenu .subMenuItem a:hover {
    color: #65B044;
}

.subMenu .subMenuItem span a {
    padding: 0;
    color: #000;
}

.subMenu .subMenuItem.inactive a {
    color: #999;
    cursor: default;
    text-decoration: none;
}

.subMenu .subMenuItem.securityDisabled a {
    color: #999;
    cursor: default;
}

.subMenu .subMenuItem.inPath,
.subMenu .subMenuItem.active {
    margin-top: 5px;
    display: block;
    color: #FFF;
    padding: 2px 5px;
    background: #4364AA;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.subMenu .subMenuItem.inPath {
    margin-top: 3px;
    display: block;
    color: #FF6600;
    padding: 2px 5px;
    background: #FFF;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.inPathTitle {
    color: #000;
}

.subMenu.testMenuLayout {
    width: 500px;
    left: -111px;
    padding-left: 10px;
}

.subLevelMenu {
    margin: 0 0 -27px -23px;
    bottom: 0;
    overflow: hidden;
    position: static;
    clear: both;
    width: 951px;
    height: 29px;
    padding: 0 24px;
    border-bottom: 1px solid #B2B2B2;
    -moz-border-radius-bottomright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    -khtml-border-radius-bottomright: 0 !important;
    -khtml-border-radius-bottomleft: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*---------------------------------------------------Personal layout--------------------------------------------------*/

.leftColumn {
    float: left;
    width: 250px;
    padding-left: 40px;
}

.centralColumn {
    float: left;
    width: 620px;
    padding-left: 50px;
}

/*---------------------------------------------------User Portrait--------------------------------------------------*/

.userPortrait {
    width: 240px;
    height: 240px;
    margin-bottom: 20px;
    border: 1px solid #DEDEDE;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*---------------------------------------------------Person Info------------------------------------------------------*/

.personInfo {
    background: #F4F4F4;
    padding: 19px 15px 8px;
    margin-bottom: 27px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.personInfo ul li {
    padding-bottom: 12px;
    color: #333;
    font-size: 11px;
    line-height: 1.7;
}

.icon {
    float: left;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.bumpCounterIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -221px -124px no-repeat;
}

.phoneIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 1px 0;
    width: 15px;
    height: 17px;
    margin-right: 6px;
}

.mailIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -15px 0;
}

.telegramIcon {
    background: url(/static/img-new/foreign-services/telegram.png);
}

.emailIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -15px 0;
}


.WebIcon,
.webIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -31px 0;
    height: 17px;
}

.ICQIcon,
.icqIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -48px 0;
}

.skypeIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -64px 0;
}

.SkypeIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -64px 0;
}


.FacebookIcon,
.facebookIcon {
    background: url(/static/img-new/foreign-services/facebook.gif) no-repeat;
}

.FlickrIcon,
.flickrIcon {
    background: url(/static/img-new/foreign-services/flickr.gif) no-repeat;
}

.LastfmIcon,
.lastfmIcon {
    background: url(/static/img-new/foreign-services/lastfm.gif) no-repeat;
}

.LiveJournalIcon,
.livejournalIcon {
    background: url(/static/img-new/foreign-services/livejournal.gif) no-repeat;
}

.MoikrugIcon,
.moikrugIcon {
    background: url(/static/img-new/foreign-services/moikrug.gif) no-repeat;
}

.MyspaceIcon,
.myspaceIcon {
    background: url(/static/img-new/foreign-services/myspace.gif) no-repeat;
}

.OdnoklassnikiIcon,
.odnoklassnikiIcon {
    background: url(/static/img-new/foreign-services/odnoklassniki.gif) no-repeat;
}

.TwitterIcon,
.twitterIcon {
    background: url(/static/img-new/foreign-services/twitter.gif) no-repeat;
    height: 18px;
}

.VkontakteIcon,
.vkontakteIcon {
    background: url(/static/img-new/foreign-services/vkontakte.gif) no-repeat;
}

.YoutubeIcon,
.youtubeIcon {
    background: url(/static/img-new/foreign-services/youtube.gif) no-repeat;
}

.WhatsAppIcon,
.whatsappIcon {
    background: url(/static/img-new/foreign-services/whatsapp.png) no-repeat;
}

.contactString { clear: both; overflow: hidden; }

.contactString .icon { position: relative; top: -2px; margin-right: 3px; }

.addContactTypeField { float: left; margin-right: 3px; }
.addContactTypeField .textInputLighter {  }
.addContactTypeField .textInputLighter input { width: 25px; }
.addContactTypeField .blueButtonField .textInputWrapper { width: 25px; }
.addContactTypeField .blueButtonField .readOnlyInput { width: 25px; }

.addContactField { float: left; }

.addContactField input { width: 176px; }

.addContactButton { margin-top: 2px; float: left; }

.removeContact {
    cursor: pointer;
    background: url(/static/img-new/icons-sprite.v6.png) -40px -140px;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
}





/*---------------------------------------------------Person Music-----------------------------------------------------*/

.personalMusicBlock {
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.personalMusicBlock h4 {
    padding-bottom: 19px;
}

.personalMusicBlock ul li {
    padding-bottom: 17px;
    color: #333;
    font-size: 11px;
    line-height: 1.7;
    position: relative;
}

.personalMusicBlock .icon {
    float: left;
    height: 17px;
    width: 15px;
    margin-right: 5px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png);
}

.personalMusicBlock .musicIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -82px 0;
}

.personalMusicBlock a {
    font-size: 11px;
}

.musicBlockFog {
    position: absolute;
    top: 0;
    left: 180px;
    background: url(/static/img-new/personal-page/music-block-fog.png);
    width: 39px;
    height: 17px;
}

.personalMusicBlock .musicTime {
    color: #999;
    font-size: 11px;
    font-family: 'Arial';
    position: absolute;
    right: 0;
    top: 2px !important;
}

.personalMusicBlock .musicItemWrapper .musicTitle {
    width: 114px;
}

.personalMusicBlock .played .progressBar .musicTitle {
    width: 50px !important;
}

/*---------------------------------------------------Person Video-----------------------------------------------------*/

.personalVideoBlock {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.videoLink {
    background-color: #F4F4F4 !important;
    background-position: 25px 19px !important;
    background-repeat: no-repeat !important;
    clear: both;
    margin: 40px 0 20px 0;
    float: left;
    width: 140px;
    display: table-cell;
    *display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #F4F4F4;
    height: 140px;
    position: relative;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.personalVideoBlock h4 {
    padding-bottom: 19px;
}

.videoMask {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 140px;
    background: url(/static/img-new/personal-page/video-mask.png);
}

.videoPlayerPreviewContainer {
    width: 600px !important;
    height: 360px;
    /*display: inline;*/
}

.videoPlayer {
    width: 640px;
    min-height: 360px;
    background: url(/static/img-new/flowplayer/preloadVideo.GIF) no-repeat 50% 50%;
    vertical-align: top;
}
.videoPlayer.coubVideo {
    min-height: 180px;
}
.videoPlayer iframe,
.videoPlayer object {
    vertical-align: top;
}

/*---------------------------------------------------Person Wall------------------------------------------------------*/

.centralColumn .pubCell {
    margin-bottom: 30px;
}

.wallBlock {
    margin-bottom: 20px;
    padding-bottom: 28px;
}

.wallBlock h4 {
    padding-bottom: 10px;
}

.wallBlock .moreNextWallMessages {
    margin-bottom: 3.5em;
}

.anchorWallMessage {
    margin-top: 2px;
    display: block;
}

.addWallMessage {
    position: relative;
    overflow: hidden;
    margin-bottom: 26px;
    background: #F4F4F4;
    padding: 7px 10px 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addWallMessage .textInputWrapper {
    width: 595px;
}

.addWallMessage .textInputWrapper input {
    width: 585px;
}

.addWallMessage .textInputWrapper textarea {
    width: 585px;
}

.wallMessageTypes {
    margin-bottom: 3px;
    overflow: hidden;
}

.wallMessageType {
    margin-right: 2px;
    padding: 5px 0 0 5px;
    float: left;
    display: block;
    cursor: pointer;
    width: 21px;
    height: 21px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -24px;
}

.wallMessageType.active {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -28px -24px;
}

.wallMessageType.deactive {
    cursor: default;
}

.wallMessageTypeIcon {
    display: block;
    margin-top: 2px;
}

.wallMessageTypeIcon.text {
    width: 17px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -104px -79px;
}

.deactive .wallMessageTypeIcon.text {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -123px -79px;
}

.wallMessageTypeIcon.image {
    width: 16px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -68px -79px;
}

.deactive .wallMessageTypeIcon.image {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -86px -79px;
}

.wallMessageTypeIcon.music {
    width: 13px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -79px;
}

.deactive .wallMessageTypeIcon.music {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -16px -79px;
}

.wallMessageTypeIcon.video {
    width: 15px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -32px -79px;
}

.deactive .wallMessageTypeIcon.video {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -50px -79px;
}

.wallMessageTypeIcon.flashCode {
    width: 15px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -32px -79px;
}

.deactive .wallMessageTypeIcon.flashCode {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -50px -79px;
}

.wallMessageTypeIcon.bold {
    width: 15px;
    height: 10px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -143px -80px
}

.deactive .wallMessageTypeIcon.bold {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -164px -80px;
}

.wallMessageTypeIcon.italic {
    width: 15px;
    height: 10px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -173px -80px;
}

.deactive .wallMessageTypeIcon.italic {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -188px -80px;
}

.wallMessageTypeIcon.poll {
    width: 14px;
    height: 13px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -29px -95px;
}

.deactive .wallMessageTypeIcon.poll {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -50px -95px;
}

.wallMessageTypeIcon.flash {
    width: 13px;
    height: 16px;
    margin: 0 0 0 2px;
    display: block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -22px -133px;
}

.wallMessageTypeIcon.link {
    width: 20px;
    height: 11px;
    display: block;
    float: left;
    margin-left: -2px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -158px -110px;
}

.addContentWrapper {
    background: #FFF;
    padding: 22px 9px 20px;
    position: relative;
}

.smallGrayTitle {
    color: #999;
    font-size: 11px;
}

/*-------------------------------------------------Person Archive-----------------------------------------------------*/

.archiveH1 {
    font-size: 17px;
    padding-bottom: 20px;
}

h2.archiveProfileHeader {
    font-size: 17px;
    padding-bottom: 20px;
}

.archivePreview {
    margin-left: -5px;
    position: relative;
    overflow: hidden;
    height: 90px;
    width: 625px;
}

.archiveImagePreview, .archiveAudioPreview, .archiveVideoPreview, .archiveFilePreview {
    /*margin: 0 0 5px 5px;*/
    position: relative;
    float: left;
    display: inline;
    width: auto;
    max-width: 125px;
    min-width: 125px;
    /*height: 90px; */
    overflow: hidden;
    background: #e2e2e2;
    text-align: center;
    cursor: pointer;
/ / cursor : hand;
}

.archivePreview .archiveImagePreview,
.archivePreview .archiveAudioPreview,
.archivePreview .archiveVideoPreview,
.archivePreview .archiveFilePreview {
    min-width: 0;
    margin-right: 5px;
}

.archivePreview .archiveImagePreview img,
.archivePreview .archiveAudioPreview img,
.archivePreview .archiveVideoPreview img,
.archivePreview .archiveFilePreview img {

}

.archivePreview span {
    float: left;
    margin-right: 5px;
    position: relative;
}

.archivePreview .archiveImagePreview,
.archivePreview .archiveVideoPreview {
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 90px;
    width: 90px;
}

.archiveFilePreview, .archiveAudioPreview {
    width: 90px;
    height: 90px;
}

.archivePreview .archiveAudioPreview {
    background: url(/static/img-new/media/audio-90.png) no-repeat;
    height: 90px;
    width: 90px;
}

.archiveAudioPreview {
    background: url(/static/img-new/media/audio.png) no-repeat;
    height: 76px;
    width: 125px;
}

.archiveFilePreview {
    background: url(/static/img-new/media/doc.png) no-repeat;
    height: 125px;
    width: 125px;
}

.archivePreview .archiveFilePreview {
    background: #F4F4F4 url(/static/img-new/media/doc-90.png) 0 5px no-repeat;
    height: 90px;
    width: 90px;
}

.archivePreview .archiveAudioPreview .previewIcon {
    top: 27px;
}

.archiveFilePreview .exTitle {
    color: white;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 21px;
    left: 27px;
    position: absolute;
    top: 50px;
    width: 71px;
}

.archivePreview .archiveFilePreview .exTitle {
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 13px;
    left: 17px;
    position: absolute;
    top: 41px;
    width: 53px;
}

.archiveAudioPreview .previewIcon, .archiveVideoPreview .previewIcon, .archiveFilePreview .previewIcon {
    background: url('/static/img-new/personal-page/archive-sprite.png') -30px 0 no-repeat;
    display: block;
    width: 30px;
    height: 32px;
    position: absolute;
    z-index: 10;
    top: 30px;
    left: -15px;
    margin-left: 50%;
}

.archiveAudioPreview .previewIcon {
    background-position: -30px 0;
    top: 18px;
}

.archiveAudioPreview .archiveItemTitle {
    margin-top: 61px;
}

.archiveAudioPreview .archiveItemTitleFog {
    top: 59px;
}

.archiveVideoPreview .previewIcon {
    background-position: -60px 0;
}

.archiveVideoPreview .previewIcon {
    top: 50%;
    margin-top: -15px;
}

.archiveFilePreview .previewIcon {
    background-position: 0 0;
    display: none;
}

.archiveContentCounters {
    margin: 10px 0 20px;
    color: #999999;
    font-size: 11px;
    line-height: 16px;
    overflow: hidden;
}

.archiveContentCounters span {
    float: left;
    display: inline;
    padding: 0 10px 0 17px;
    position: relative;
}

.archiveContentCounters span.archiveContentIcon {
    padding: 0;
    position: relative;
    margin-left: -17px;
    background: url('/static/img-new/personal-page/archive-sprite.png') 0 -32px no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.archiveAudioCount span.archiveContentIcon {
    background-position: -16px -32px;
}

.archiveVideoCount span.archiveContentIcon {
    background-position: -32px -32px;
}

.archiveFileCount span.archiveContentIcon {
    background-position: -48px -32px;
}

.archiveAudioCount a,
.archiveVideoCount a,
.archiveFileCount a,
.archiveImageCount a {
    color: #999;
}

.archiveAudioCount a:hover,
.archiveVideoCount a:hover,
.archiveFileCount a:hover,
.archiveImageCount a:hover {
    color: #000;
}



.fullPageColumn {
    padding: 10px 32px 40px;
    overflow: hidden;
}

.fullPageColumn h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

#endlessMediaArchiveImageLoader {
    margin-top: 2em;
}

.archiveItemTitle {
    white-space: nowrap;
    display: block;
    margin-top: 103px;
    padding: 0 5px;
}

.archiveItemTitleFog {
    position: absolute;
    width: 21px;
    height: 19px;
    background: url('/static/img-new/media/media-fog.png') left top repeat-y;
    z-index: 10;
    right: 0;
    top: 100px;
    display: block;
    border-right: 4px solid #F4F4F4;
}

/*------ text message ------*/

.defaultForm .textInputLighter {
    margin-left: -3px;
}

.addWallMessage.imageMessage,
.addWallMessage.musicMessage,
.addWallMessage.videoMessage,
.addWallMessage.textMessage,
.addWallMessage.flashMessage {
    background: #E9F8FE;
    border-bottom: 1px solid #B8E0EF;
}

.addWallMessage.textMessage .wallMessageType.active,
.addWallMessage.imageMessage .wallMessageType.active,
.addWallMessage.musicMessage .wallMessageType.active,
.addWallMessage.videoMessage .wallMessageType.active,
.addWallMessage.flashMessage .wallMessageType.active {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -55px -24px;
}

.textMessageForm .textInputLighter {
    margin-left: -2px;
}

.addWallMessage.textMessage .blueButton {
    margin: 11px 12px 0 0;
    float: left;
    display: block;
}

.symbolNum {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

/*------ flash code message ------*/

.flashCodeForm .textInputLighter {
    margin-left: -2px;
}

.addWallMessage.flashMessage .blueButton {
    margin: 11px 12px 0 0;
    float: left;
    display: block;
}

.blogPostContent iframe[name=photoGalleryIframe] {
    height: 540px !important;
    width: 690px !important;
}

.flashPreview iframe[name=photoGalleryIframe] {
    height: 540px !important;
}

.flashPreview object embed {
    width: 620px;
    height: 375px;
}

.bump-addPresentationForm iframe {
    width: 630px !important;
}

.lightboxGallery .lightboxBodyContent iframe {
    width: 670px !important;
}

iframe[name=photoGalleryIframe] {
    height: 540px !important;
    width: 100% !important;
    border-width: 0px;
}

/*------ link code message ------*/

.addLinkForm {
}

.addLinkForm .addContentWrapper {
    overflow: hidden;
    padding-bottom: 9px;
}

.addLinkForm .blueButton {
    margin: 6px 0 6px 94px;
    float: left;
}

.addLinkForm .cellTitle {
    float: left;
    width: 80px;
    margin-right: 12px;
    margin-top: 5px;
}

.addLinkForm .cellInput {
    float: left;
}

.addLinkForm .cellInput .textInputWrapper {
    width: 520px;
}

.addLinkForm .cellInput .textInputWrapper input {
    width: 493px;
}

/*------ image message ------*/

.imageMessageForm .addContentWrapper {
    padding-top: 15px;
    overflow: hidden;
}

.imageMessageForm .fileUploader {
    margin-bottom: 18px;
    display: block;
    overflow: hidden;
    float: left;
}

/*.imageMessageForm .formats { position: absolute; top: 23px; left: 160px; }*/

.imageMessageForm .blueButtonField {
    overflow: hidden;
    clear: both;
    margin-left: -3px;
}

.imageMessageForm .blueButtonField .textInputWrapper {
    width: 470px;
}

.imageMessageForm .blueButtonField .textInputWrapper input {
    width: 460px;
}

.albumsSelector {
    position: relative;
    clear: both;
    margin-top: 16px;
    font-size: 11px;
    width: 90px;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 4px 0;
    display: block;
    background: url(/static/img-new/personal-page/album-selector-background.png) repeat-x;
    height: 14px;
    border-bottom: 1px solid #7EC7E2;
    cursor: pointer;
    text-shadow: 0 1px 0 #FFF;
    color: #666;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.albumsSelectorArrow {
    display: block;
    position: absolute;
    top: 9px;
    right: 6px;
    width: 7px;
    height: 6px;
    background: url(/static/img-new/header/header-sprite.png) -15px -32px;
}

.addImageGallery {
    margin-top: 8px;
}

.imageGalleryBody {
    height: 175px;
    overflow: hidden;
    margin-left: -6px;
}

.imagesWrapper {
    overflow: hidden;
    height: 168px;
    position: relative;
}

.wallImageWrapper {
    width: 73px;
    height: 73px;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #EBEBEB;
    text-align: center;
    background: #E2E2E2;
}

.imagesWrapper .wallImage {
    float: left;
    margin: 0 0 3px 3px;
    display: block;
    text-decoration: none;
    border: 2px solid transparent;
    padding: 1px;
}

.imagesWrapper .wallImage.active {
    border: 2px solid #95D0EC;
}

.imagesWrapper .wallImage img {
    max-width: 73px;
    max-height: 73px;
}

.galleryScrollBar {
    position: relative;
    margin-top: 10px;
    height: 12px;
    background: url(/static/img-new/personal-page/add-image-scroll-background.png) repeat-x;
}

.galleryScrollBar .scroller {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 12px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/image-scroller.png) no-repeat;
}

.imageMessage .frameViewItem {
    overflow: hidden;
}

.imageMessage .frameViewItem .blueButton {
    margin: 11px 12px 0 0;
    float: left;
    display: block;
}

.imageMessage .frameViewItem .addContentWrapper {
    padding: 0 !important;
    position: relative;
    overflow: hidden;
}

.imageMessage .frameViewItem .addContentWrapper img {
    max-width: 600px;
}

/*------ music message ------*/

.formats {
    float: left;
    margin: 5px 0 0 10px;
}

.musicMessageForm .fileUploader {
    float: left;
    display: block;
    margin-bottom: 15px;
}

/*.musicMessageForm .formats { position: absolute; top: 23px; left: 210px; }*/

.musicMessageForm .frameItemsGallery .addContentWrapper {
    padding: 16px 9px 20px;
}

.musicList {
    clear: both;
    overflow: hidden;
    margin-right: 40px;
    height: 188px;
}

.musicListBody {
    position: relative;
}

.musicListItem {
    position: relative;
    overflow: hidden;
}

.musicListItem .musicBlockFog {
    left: 440px;
    top: 10px;
}

.musicListItem .musicItemWrapper {
    background: #FFF;
    position: relative;
    overflow: hidden;
    height: 19px;
    margin: 0 64px 0 0;
}

.musicListItem.active .musicItemWrapper {
    background: #E9F8FE;
}

.aboutMeList .musicItemWrapper {
    width: 530px;
}

.musicListItem .musicListIcon {
    width: 19px;
    height: 19px;
    cursor: pointer;
    margin: 0;
    float: left;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -111px -52px;
}

.musicListItem .musicTitle {
    overflow: hidden;
    cursor: default;
    width: 460px;
    line-height: 1.1;
    height: 18px;
    margin-left: 6px;
    font-size: 11px;
    color: #333;
    padding-top: 4px;
    display: block;
    float: left;
    white-space: nowrap;
    text-decoration: none;
}

.musicListItem .musicTime {
    color: #333;
    font-size: 11px;
    font-family: 'Arial';
    position: absolute;
    right: 7px;
    top: 4px;
}

.musicListItem .eraseIcon {
    position: absolute;
    right: 5px;
    top: 3px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

.songsList.audioPlaylist .delIcon {
    position: absolute;
    top: 3px;
    right: 14px;
}

.addContentWrapper .musicListItem {
    width: 521px;
    left: 0;
}

.musicScrollBar {
    position: absolute;
    right: 20px;
    top: 57px;
    width: 12px;
    height: 196px;
    background: url(/static/img-new/personal-page/add-music-scroll-background.png) repeat-y;
}

.musicScrollBar .scroller {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 54px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/music-scroller.png) no-repeat;
}

.musicMessageForm .frameUploadingItem .addContentWrapper {
    height: 10px;
}

.musicMessageForm .frameUploadingItem .blueButton {
    margin: 11px 12px 0 -1px;
    float: left;
    display: block;
}

.musicProgressBar {
}

.musicProgressBar .musicIcon {
    float: left;
    margin: -2px 7px 0 0;
    background: url('/static/img-new/personal-page/personal-page-sprite.png') no-repeat 0 -79px;
	width: 13px;
	height: 13px;
}

.musicProgressBar .imageIcon {
    float: left;
    margin: -2px 7px 0 0;
    background: url('/static/img-new/personal-page/personal-page-sprite.png') no-repeat -68px -79px;
	width: 16px;
	height: 13px;
}

.musicProgressBar .videoIcon {
    float: left;
    margin: -2px 7px 0 0;
	background: url('/static/img-new/personal-page/personal-page-sprite.png') no-repeat -32px -79px;
	width: 15px;
	height: 13px;
}

.musicProgressBar .progressBar {
    height: 12px;
    float: left;
    overflow: hidden;
    width: 535px;
    background: url(/static/img-new/personal-page/add-image-scroll-background.png) repeat-x;
}

.musicProgressBar .progressBar .progress {
    position: relative;
    overflow: hidden;
    height: 12px;
    width: 300px;
    background: url(/static/img-new/personal-page/music-progress-background.png) repeat-x;
}

.musicProgressBar .progressBar .progressLeftPart {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 12px;
    background: url(/static/img-new/personal-page/music-progress-background-left.png);
}

.musicProgressBar .progressBar .progressRightPart {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 12px;
    background: url(/static/img-new/personal-page/music-progress-background-right.png);
}

.musicProgressBar .denyIcon {
    margin: -1px 0 0 10px;
    float: left;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -21px 0;
}

.musicListItem.played {
    cursor: pointer !important;
}

.musicListItem.played * {
    cursor: pointer !important;
}

.musicListItem.played .musicTitle {
    color: #000;
    cursor: pointer;
}

.musicListItem.played .musicListIcon.pause {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -133px -58px;
}

.musicListItem.played .musicItemWrapper {
    border-left: 1px solid #B8E0EF;
    border-right: 1px solid #B8E0EF;
    background: #D5EEF8;
    height: 19px;
    overflow: hidden;
    margin: 0 111px 0 32px;
}

.musicListItem.played .bufferBar {
    border-right: 1px solid #B8E0EF;
    background: url(/static/img-new/personal-page/music-loader.gif) repeat-x;
    height: 19px;
}

.musicListItem.played .progressBar {
    background: url(/static/img-new/personal-page/music-progress.png) repeat-x;
    border-right: 1px solid #B8E0EF;
    height: 19px;
}

.musicListItem.played .volume {
    position: absolute;
    top: 0;
    right: 61px;
    width: 42px;
    height: 20px;
    float: left;
}

.musicListItem.played .volumeItem {
    float: left;
    margin-right: 1px;
    width: 5px;
    height: 19px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -99px -95px;
}

.musicListItem.played .volumeItem.active {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -106px -95px;
}

.musicListItem .currentPosition {
    display: none;
}

.musicListItem.played .currentPosition {
    display: block;
}

.musicListItem .downloadIcon {
    position: absolute;
    top: 0;
    right: 37px;
    float: left;
    width: 15px;
    height: 14px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -146px -41px;
}

.musicItemWrapper {
    height: 14px;
}

.currentPosition {
    position: absolute;
    top: -29px;
    left: 200px;
    z-index: 2;
    cursor: pointer;
}

.currentPosition .musicCloud {
    width: 35px;
    height: 22px;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    padding: 4px 3px 0;
    color: #333;
    background: url(/static/img-new/personal-page/music-cloud.png);
}

.currentPosition .musicCloudShadow {
    position: absolute;
    top: 4px;
    right: 0;
    width: 9px;
    height: 16px;
    background: url(/static/img-new/personal-page/music-cloud-shadow.png) -7px 0;
}

.currentPosition .positionLine {
    margin: 4px 0 0 20px;
    width: 1px;
    height: 18px;
    background: #000;
    FILTER: PROGID: DXIMAGETRANSFORM . MICROSOFT . ALPHA(OPACITY = 13);
    -MOZ-OPACITY: 0.13;
    -KHTML-OPACITY: 0.13;
    OPACITY: 0.13;
}

.musicMessageForm .frameViewItem .blueButton {
    margin: 11px 12px 0 0;
    float: left;
    display: block;
}

/*------ video message ------*/

.videoMessageForm .fileUploader {
    margin-bottom: 18px;
    display: block;
    overflow: hidden;
    float: left;
}

.videoMessageForm .frameViewItem .addContentWrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.videoMessageForm .frameViewItem .blueButton {
    float: left;
    margin: 10px 10px 0 0;
}

.videoMessageForm .frameItemsGallery .textInputLighter {
    margin-left: -2px;
}

.videoMessageForm .frameItemsGallery .addContentWrapper {
    padding-top: 16px;
}

.videoMessageForm .blueButtonField {
    overflow: hidden;
    clear: both;
}

.videoMessageForm .blueButtonField .textInputWrapper {
    width: 460px;
}

.videoMessageForm .blueButtonField .textInputWrapper input {
    width: 450px;
}

.videoServicesIcons {
    overflow: hidden;
    padding: 3px 0 12px 2px;
}

.videoServicesIcons img {
    float: left;
    margin-right: 13px;
}

.videoMessageForm .frameUploadingItem .blueButton {
    margin: 11px 12px 0 0;
    float: left;
    display: block;
}

.addVideoGallery {
    overflow: hidden;
    margin-top: 8px;
    clear: both;
}

.videoGalleryBody {
    overflow: hidden;
    margin-left: -3px;
    height: 172px;
}

.videoWrapper {
    position: relative;
}

.videoWrapper .wallVideo {
    position: relative;
    float: left;
    margin: 0 10px 3px 3px;
    display: block;
    text-decoration: none;
    border: 2px solid transparent;
    padding: 1px;
}

.videoWrapper .wallVideo.active {
    border: 2px solid #95D0EC;
}

.videoWrapper .wallVideo img {
    width: 123px;
    height: 70px;
    border: 1px solid #EBEBEB;
}

.videoWrapper .videoMaskGallery {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 117px;
    height: 66px;
    background: url(/static/img-new/personal-page/video-mask-gallery.png);
}

/*------------------------------------------------Media browser-------------------------------------------------------*/

.bump-imageMessageForm .loading,
.bump-imageMessageForm .notLoaded {
    position: absolute;
    width: 73px;
    height: 73px;
    border: 1px solid #EEE;
    margin: 3px 0 0 6px;
}

.bump-musicMessageForm .loading,
.bump-musicMessageForm .notLoaded {
    position: absolute;
    width: 521px;
    height: 19px;
    border: 1px solid #EEE;
    margin: 3px 0 0 6px;
}

.bump-videoMessageForm .loading,
.bump-videoMessageForm .notLoaded {
    position: absolute;
    width: 123px;
    height: 70px;
    border: 1px solid #EEE;
    margin: 3px 0 0 6px;
}

.bump-videoMessageForm .loaded,
.bump-musicMessageForm .loaded,
.bump-imageMessageForm .loaded {
    float: none;
    position: absolute;
}

.bump-videoMessageForm .loaded {
    width: 125px;
    /*height: 90px;*/
}

.bump-videoMessageForm .loading,
.bump-musicMessageForm .loading,
.bump-imageMessageForm .loading {
    background: url(/static/img-new/temp/ajax-loader.gif) no-repeat 50% 50%;
}

.dateSelector .cellInput {
    width: 80px;
}

.dateSelector .blueButtonField .textInputWrapper {
    width: 40px;
}

.timeSelector .cellInput {
    width: 80px;
}

.timeSelector .blueButtonField .textInputWrapper {
    width: 40px;
}

.dateTimeSelector .cellInput {
    width: 80px;
}

.dateTimeSelector .blueButtonField .textInputWrapper {
    width: 40px;
}

.dropDownSelectSeparator {
    float: left;
    margin-right: 15px;
}

/* Music media play list control elements */
.startPlaying span {
    float: left;
    margin: 3px 5px 0 0;
    width: 16px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -180px 0;
}

.randomLink span {
    float: left;
    margin: 3px 5px 0 0;
    width: 13px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -81px -23px;
}

.noBorder {
    border: none !important;
}

/*---------------------------*/
.wallMessage {
    position: relative;
}

.wallMessage .smallAvatar {
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    width: 25px;
    height: 25px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wallMessage .imgBorder {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wallMessage .wallMessageText {
    clear: both;
    padding: 10px 0;
    margin: 5px 0 5px;
    font-size: 11px;
    color: #666;
    line-height: 1.3;
}

.wallMessagesList {
    padding: 10px 0;
}

.wallMessage .wallMessageText div {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.wallMessage .wallMessageText img {
    max-width: 620px;
}

.wallMessage .wallMessageText .musicItemWrapper {
    margin-right: 84px;
}

.wallMessage .creationDate {
    display: block;
    color: #999;
    font-size: 10px;
    padding-top: 4px;
}

.wallMessage .commentDate {
    color: #999;
    padding-top: 4px;
}

.extraWallMessageButtons {
    position: absolute;
    right: 0;
    top: 0;
}

.extraWallMessageButtons .bookmarkPanel {
    float: right;
}

.extraWallMessageButtons li {
    float: right;
}

.extraWallMessageButtons li .delIcon {
    margin-top: 3px;
}

.extraWallMessageButtons .b-share__handle:hover {
    text-decoration: none !important;
}

.extraWallMessageButtons .b-share__text {
    border-bottom: 1px dashed;
    float: left;
    line-height: 1.1;
    margin-right: 5px;
    margin-top: -4px;
}

.iLikeItButton {
    display: block;
    float: left;
    margin: 2px 3px 0 0;
    width: 15px;
    height: 14px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -141px 0 no-repeat;
}

.wallMessageText iframe.photoGalleryIframe {
    height: 532px !important;
}

.bookmarkPanel {
    display: inline-block;
    float: left;
    margin: 0 5px 0 10px;
    z-index: 5;
}

.bookmarkPanel .bookmarkCount {
    color: #666;
    margin: 3px 0 0 4px;
    float: left;
    text-decoration: none;
    border-bottom: none !important;
    font-size: 13px !important;
}

.addToBookmarks {
    display: block;
    float: left;
    border-bottom: none !important;
    text-decoration: none;
    margin: 2px 5px 0 0;
    width: 16px;
    height: 15px;
    background: url(/static/img-new/icons-sprite.v6.png) -62px -3px no-repeat;
}

.deleteFromBookmarks {
    display: block;
    float: left;
    border-bottom: none !important;
    text-decoration: none;
    margin: 2px 5px 0 0;
    width: 16px;
    height: 15px;
    background: url(/static/img-new/icons-sprite.v6.png) -41px -3px no-repeat;
}

.bookmarkTitle {
    border-bottom: 1px dotted #333333;
    float: left;
    display: block;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
}

.iLikeItNum {
    color: #0099CC;
    font-size: 16px;
    line-height: 1.1;
    text-decoration: none;
    border-bottom: 1px dashed #0099CC;
}

.extraMenuButton {
    display: block;
    width: 21px;
    height: 21px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -157px 0 no-repeat;
}

.extraPanel {
    padding-top: 15px;
    background: #E9F8FE;
    z-index: 100;
    border-bottom: 1px solid #B3B3B3;
    width: 140px;
    position: absolute;
    right: 0;
    top: 24px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
}

.extraPanel li {
    padding: 0 10px 10px;
}

.editIcon {
    margin-right: 9px;
    float: left;
    width: 13px;
    height: 13px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -96px -20px no-repeat;
}

.delIcon {
    margin-right: 9px;
    float: left;
    width: 12px;
    height: 13px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -98px -117px no-repeat;
}

.extraPanel a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.wallMessageCommentsBlock {
    border: 2px solid #F4F4F4;
    margin-bottom: 45px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.wallMessageCommentsTopPanel {
    padding: 8px 20px;
    background: #F4F4F4;
    overflow: hidden;
}

.wallMessageCommentsTopPanel .commentsStatistics {
    display: block;
    padding-top: 4px;
    float: left;
    font-weight: bold;
    font-size: 11px;
    color: #666;
}

.wallMessageCommentsTopPanel .showAllComments {
    display: block;
    float: left;
    margin: 3px 0 0 15px;
    font-size: 12px;
    border-bottom: 1px dotted #666;
    color: #666;
    text-decoration: none;
}

.wallMessageComment {
    padding: 8px 15px;
    overflow: hidden;
}

.wallMessageComment.active {
    background: #E9F8FE;
}

.wallMessageComment .commentAuthor {
    float: left;
    padding-top: 4px;
    display: block;
    font-size: 13px;
    text-decoration: underline;
}

.wallMessageComment .commentDate {
    float: left;
    display: block;
    font-size: 11px;
    margin: 2px 0 0 10px;
}

.wallMessageComment .commentText {
    margin: 10px 0;
    float: left;
    display: block;
    clear: both;
}

.wallMessageCommentsBlock .addCommentForm {
    float: none;
    padding: 0.5em;
    border: 1px solid #eeeeee;
    margin: 10px 15px;
    padding: 6px;
    background: #F4F4F4;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wallMessageComment .toAnsweredArrow {
    margin: 5px 0 0 13px;
    float: left;
    display: block;
    cursor: pointer;
    width: 11px;
    height: 12px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -163px no-repeat;
}

.wallMessageComment .arrowToAnswerer {
    font-size: 13px;
    margin: 0 10px 0;
    padding-top: 4px;
    color: #999;
    float: left;
    display: block;
}

.wallMessageComment .answerer {
    float: left;
    display: block;
    padding-top: 4px;
    font-size: 13px;
    text-decoration: underline;
    color: #999;
}

.wallMessageComment .answerLink {
    float: right;
    display: block;
    font-size: 13px;
    text-decoration: underline;
    color: #0099CC;
}

.wallMessageCommentsBlock .addCommentCompactForm input {
    color: #999;
}

.wallMessageCommentsBlock .addCommentExpandedForm {
    display: none;
}

.wallMessageCommentsBlock .addCommentExpandedForm textarea {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    width: 100%;
    resize: none;
}

.wallMessageCommentHeader {
    overflow: hidden;
}

.wallMessageComment .commentText {
    float: none;
}

.wallMessageComment .actionLinksBlock {
    display: none;
}

.wallMessageComment .actionLinksBlock span {
    cursor: pointer;
}

.wallMessageComment .actionLinksBlock .editLink,
.wallMessageComment .actionLinksBlock .deleteLink {
    float: right;
    margin-left: 1em;
    margin-top: 1px;
}

.wallMessageComment .actionLinksBlock .editLink {
    background: url(/static/img-new/person/person-sprite.png) -65px 0;
    width: 14px;
    height: 15px;
}

.wallMessageComment .actionLinksBlock .deleteLink {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

.wallMessageCommentsBlock  .addCommentCompactForm .commentFakeInput {
    width: 100%;
}

/*-----------------------------------------------------Activity-------------------------------------------------------*/

.activityBlock {
}

.activityBlock h4 {
    padding-bottom: 15px;
}

.activityBlock ul li {
    clear: both;
    color: #666;
    margin-bottom: 26px;
}

.activityBlock .activityIcon {
    float: left;
    height: 17px;
    width: 15px;
    margin: -3px 26px 0 0;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 0;
}

.activityBlock .activityTime {
    float: right;
    color: #999;
}

/*---------------------------------------------------Person Brands----------------------------------------------------*/

.brandBlock {
    position: relative;
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.brandBlock h4 {
    padding-bottom: 16px;
}

.brandsWrapper {
    overflow: hidden;
    margin-left: -10px;
}

.brandBlock .brand {
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    float: left;
    width: 73px;
    height: 103px;
}

.brandBlock .brand img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    text-decoration: none;
}

.brandBlock .brand a {
    clear: both;
    font-size: 11px;
}

.brandBlock .moreButton {
    clear: both;
}

/*---------------------------------------------------Person Mirrors---------------------------------------------------*/

.mirrorsBlock {

}

.mirrorsBlock h4 a {
    cursor: pointer;
}

.mirrorsBlock ul {
    padding: 10px 0;
}

.mirrorsBlockSmallItem,
.mirrorsBlock li {
    clear: both;
    margin-bottom: 20px;
}

.mirrorsBlockSmallItem .mirrorAvatar img {
    float: left;
}

.canLeaveMirrorButton {
    float: right;
}

.canLeaveMirrorButton .miniButton {
    font-weight: bold;
}

.mirrorAvatar {
    float: left;
    margin-right: 17px;
}

.mirrorAvatar img {
    width: 48px;
    height: 48px;
    border: 1px solid #DEDEDE;
}

.mirrorShortInfo {
    float: left;
    width: 172px;
    vertical-align: top;
}

.mirrorShortInfo span {
    color: #999;
    font-size: 11px;
}

.mirrorShortTitle {
    padding-bottom: 5px;
}

/*---------------------------------------------------Person Friends---------------------------------------------------*/

.friendsBlock {
    position: relative;
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.friendsBlock h4 {
    padding-bottom: 16px;
}

.friendsWrapper {
    overflow: hidden;
    margin-left: -10px;
}

.friendsBlock .friend {
    margin-left: 10px;
    position: relative;
    float: left;
    width: 73px;
    height: 103px;
    overflow: hidden;
}

.friendsBlock .friend img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
}

.friendsBlock .friend a {
    clear: both;
    font-size: 11px;
}

.friendBlockFog {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 12px;
    height: 41px;
    background: url(/static/img-new/personal-page/friends-block-fog.png);
}

.friendBlockBottomFog {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 12px;
    background: url(/static/img-new/header/friends-block-bottom-fog.png) repeat-x;
}

.friendsBlock .leftArrow,
.friendsBlock .rightArrow {
    position: absolute;
    top: 143px;
}

.friendsBlock .leftArrow {
    left: 0;
    margin-left: -20px;
}

.friendsBlock .rightArrow {
    right: 0;
}

/*---------------------------------------------------Person Clubs-----------------------------------------------------*/

.clubsBlock {
    position: relative;
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.clubsBlock h4 {
    padding-bottom: 15px;
}

.clubsBlock li {
    display: block;
    overflow: hidden;
    clear: both;
    margin-bottom: 25px;
}

.clubsBlock img {
    margin-right: 7px;
    float: left;
    width: 25px;
    height: 25px;
}

.clubsBlock .brandLabel {
    overflow: hidden;
    width: 138px;
    float: left;
}

.clubsBlock a {
    font-size: 11px;
}

.clubsBlock li span {
    display: block;
    color: #999;
    font-size: 11px;
}

.clubsBlock .clubBumpCount {
    float: right;
    color: #999;
    margin-right: 0;
}

.clubsBlock .moreButton {
    clear: both;
}

/*---------------------------------------------------Visiters---------------------------------------------------------*/

.visitersBlock {
    clear: both;
    float: left;
    width: 933px;
    padding: 40px 0;
    margin: 0 27px 0 33px;
    border-top: 1px dotted #CCC;
    color: #666;
}

.visitersBlock a {
    text-decoration: none;
}

.visitersBlock span {
    margin-top: 6px;
    font-size: 11px;
    display: block;
    float: left;
}

.visitersBlock img {
    margin-left: 7px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Personal edit page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.personalEditLeftColumn {
    width: 270px;
    padding-left: 40px;
    float: left;
}

.jcrop-holder {
    margin-bottom: 20px;
}

.smallAvatarsBlock {
    float: left;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.uploadNewAvatar {
    width: 48px;
    height: 48px;
    float: left;
    display: block;
    border: 1px solid #E9E9E9;
    cursor: pointer;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.uploadNewAvatarIcon {
    margin: 11px;
    width: 26px;
    height: 26px;
    background: url(/static/img-new/person/person-sprite.png) -74px -21px;
    display: block;
}

.uploadNewAvatarIcon.uploadNewAvatarIconNoMargin {
    margin-left: 0;
}

.personalEditCenterColumn {
    width: 445px;
    float: left;
    color: #333;
}

.personalEditCenterColumn h2 {
    font-size: 20px;
    display: block;
    color: #333;
    font-family: 'Calibri';
    font-weight: normal;
    float: left;
}

.personalEditCenterColumn .selectorWrapper {
    float: left;
    width: auto;
}

.personalEditCenterColumn .selector {
    position: relative;
    left: 20px;
}

.personalEditCenterColumn .editCell .cellInput.dropDownSelect {
    width: 80px;
}

.personalEditCenterColumn .editCell .cellInput .blueButtonField input {
    width: 40px;
}

.personalEditCenterColumn .editCell .cellInput .emptyDropDownSelect {
    width: 40px;
}

.personalEditCenterColumn .editCell .cellInput.dropDownSelect {
    width: 80px;
}

.personalEditCenterColumn .editCell .cellInput.dropDownSelect .blueButtonField input {
    width: 40px;
}

.personalEditCenterColumn .editCell .cellInput .emptyDropDownSelect {
    width: 40px;
}

.personalEditCenterColumn .editCell .cellInput.dropDownSelect input {
    width: 40px;
}

.personalEditCenterColumn .regBlockCell,
#jobTypeRadioButtonsGroup {
    overflow: hidden;
    clear: both;
}

.personalEditCenterColumn .blueButtonField {
    overflow: hidden;
}

#branduserFoundationDateDay .readOnlyInput {
    width: 40px;
}

#branduserFoundationDateMonth .readOnlyInput {
    width: 40px;
}

#branduserFoundationDateYear .readOnlyInput {
    width: 40px;
}

.editCell {
    clear: both;
    padding-bottom: 10px;
    overflow: hidden;
}

.editCell .cellTitle {
    width: 108px;
    float: left;
    padding-top: 5px;
}

.editCell .cellInput {
    width: 203px;
    float: left;
}

.editCell .cellInput input {
    width: 188px;
}

.editCell .blueButtonField {
}

.editCell .blueButtonField .textInputLighter {
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -khtml-border-radius-topright: 0;
    -khtml-border-radius-bottomnright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.editCell .blueButtonField .textInputWrapper {
    width: auto;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -khtml-border-radius-topright: 0;
    -khtml-border-radius-bottomnright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.editCell .blueButtonField .readOnlyInput,
.editCell .blueButtonField input {
    width: 171px;
}

.editCell .blueButtonField .blueButton {
    margin-left: -2px;
}

.editCell .bigBlueButton {
    margin-right: 10px;
    float: left;
    display: block;
}

.editCell .bigBlueButtonContent {
    font-weight: normal;
    text-decoration: none;
}

.editCell .sexLabel {
    margin-left: 4px;
}

.aboutEdit .cellInput {
    width: 313px;
}

.aboutEdit textarea {
    width: 297px;
    height: 171px;
}

.textInputWrapper .readOnlyInput {
    border: 1px solid #FFF;
    padding: 3px 0 0 4px;
    color: #333;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
}

.customInput {
    border: 1px solid #c3c3c3;
    margin-bottom: 1em;
    padding: 3px;
}

.customInput.disabled {
    background-color: #eeeeee;
}

.dropDownSelect {
    cursor: pointer;
}

.dropDownSelect .readOnlyInput {
    cursor: pointer;
}

.blueButtonField .whiteArrow {
    position: absolute;
    left: 6px;
    top: 10px;
    width: 7px;
    height: 6px;
    background: url(/static/img-new/person/person-sprite.png) -83px -13px;
}

#personBirthDateDateSelector .readOnlyInput {
    width: 34px;
}

#personBirthDateDay {
    width: 67px;
}

#personBirthDateDay .dateSelector .blueButtonField .textInputWrapper {
    width: 29px;
}

#personBirthDateMonth {
    width: 70px;
}

#personBirthDateMonth .dateSelector .blueButtonField .textInputWrapper {
    width: 42px;
}

#personBirthDateYear {
    width: 67px;
}

#personBirthDateYear .dateSelector .blueButtonField .textInputWrapper {
    width: 42px;
}

.zodiacSign {
    float: left;
    color: #B7B7B7;
    padding: 9px 0 0 10px
}

.personalEditRightColumn {
    float: left;
    width: 220px;
    margin-bottom: 40px;
}

.personalEditRightColumn h2 {
    float: left;
    font-size: 20px;
    display: block;
    color: #333;
    font-family: 'Calibri';
    font-weight: normal;
}

.personalEditRightColumn .selectorWrapper {
    float: left;
    width: auto;
}

.personalEditRightColumn .selector {
    position: relative;
    left: 20px;
}

.editContactsWrapper {
    width: 154px;
    padding: 20px 20px 10px;
    clear: both;
    background: #F4F4F4;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.editContactsWrapper .blueButtonField {
    width: 200px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.editContactsWrapper .blueButtonField .icon,
.editContactsWrapper .blueButtonField img {
    position: absolute;
    top: 6px;
    left: 8px;
    z-index: 2;
}

.editContactsWrapper .blueButtonField .blueButton {
    margin-left: -2px;
}

.editContactsWrapper .blueButtonField .textInputWrapper {
    width: 148px;
}

.editContactsWrapper .blueButtonField .textInputWrapper input {
    width: 120px;
    margin-left: 20px;
}

.editContactsWrapper .blueButtonField .plusIcon {
    display: block;
    width: 8px;
    height: 10px;
    background: url(/static/img-new/person/person-sprite.png) -83px 0 no-repeat;
}

.editContactsWrapper .textInputOverlayHint {
    margin-left: 20px;
}


/*--------------------- job ------------------------*/

.job {
    clear: both;
}

.jobInformationBlock {
}

.jobBlock { position: relative; }

.addJobBlock .blueButton {
    float: left;
}


/*--------------------- education ------------------------*/

.educationSchoolBlock {
    position: relative;
}

.educationUniversityBlock { position: relative; }

/*--------------------- resume ------------------------*/

/*--------- resume create/edit ---------*/

.resumeUploadUserPhoto {
    margin-top: 10px;
    position: relative;
}

.userPhotoContainer {
    position: relative;
}

.resumeUploadUserPhoto .greenButtonContent {
    width: 218px;
    text-align: center;
}

.resumeEditBlock {
    /*margin-bottom: 30px;*/
}

.resumeBlockHeader {
    background: #E6E6E6;
    padding: 20px;
    cursor: pointer;
}

.headerCollapsed { margin-bottom: 10px; }

.resumeBlockBody {
    background: #F4F4F4;
    padding: 20px;
    margin-bottom: 12px;
}

.countrySelector {
    overflow: visible !important;
}

.countrySelector .cellInput {
    width: 400px;
}


.resumeBlockHeader h2 {
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    border-bottom: 1px dotted #000;
    font-size: 18px;
}

.resumeBlockItem {
    position: relative;
    border: none;
    padding: 0;
    clear: both;
}

.removeBlockButton {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    background: url(/static/img-new/icons-sprite.v6.png) -40px -140px;
    width: 20px;
    height: 20px;
}

.resumeBlockItem h2 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.placeWrapperCell,
.resumeBlockCell {
    clear: both;
    padding: 10px 0;
}

.placeWrapperCell .cellTitle,
.resumeBlockCell .cellTitle {
    width: 180px;
    margin: 6px 5px 0 0;
    color: #666;
    float: left;
    text-align: left;
    padding-top: 0;
}

.placeWrapperCell .cellInput,
.resumeBlockCell .cellInput {
    float: left;
}

.placeWrapperCell .cellInfo,
.resumeBlockCell .cellInfo {
    float: left;
    margin: 0 0 0 5px;
}

.resumeBlockCell .dropDownSelect .textInputWrapper {
    width: auto;
}

.resumeBlockCell .sexType {
    float: left;
}

.portfolios .blueButton,
.addLanguageBlock .blueButton,
.addUniversityBlock .blueButton,
.addSchoolBlock .blueButton {
    float: left;
}

.innerPageRightColumnContent .blueButton { float: left; }

.saveButtonWrapper .blueButton { float: left; }

.vacancyBlockCell .disabled input,
.resumeBlockCell .disabled input { background: #CCC; }

.resumeBlockCell .fileView { margin-right: 3px; position: relative; }

.resumeBlockCell .fileView .archiveAudioPreview,
.resumeBlockCell .fileView .archiveVideoPreview,
.resumeBlockCell .fileView .archiveFilePreview,
.resumeBlockCell .fileView .archiveImagePreview { float :none; display: table-cell; vertical-align: middle; width: 125px; height: 90px; }

.resumeBlockCell .fileView .archiveFilePreview {
    background-position: 0 -11px;
}

.resumeBlockCell .fileView .archiveItemTitle {
    margin-top: 55px;

}

.resumeBlockCell .archiveFilePreview .exTitle { top: 40px; }

.resumeBlockCell .addFileView { float: left; }

.resumeBlockCell .archiveItemTitleFog {
    right: 0;
    top: 64px;
    width: 19px;
}

.resumeBlockButtonCell {
    padding-left: 188px;
}

.resumeButtonsBlock {
    width: 500px;
}

.addContactBlock { float: left; }

.addContactBlock .cellTitle {
    text-align: right;
    padding-right: 25px;
}

.resumeBlockBody .addContactTypeField {
    margin-left: 185px;
}

.resumeButtonsBlock, .bigBlueButton,
.resumeButtonsBlock .blueButton {
    margin-right: 5px;
    float: left;
}

.resumeButtonsBlock a {
    text-decoration: none;
}

.editBlockSeparator {
    clear: both;
    background: #CCC;
    height: 1px;
    margin: 15px 0;
}

.educationSchoolBlock {
    position: relative;
}

.graduationYear .textInputWrapper .readOnlyInput.emptyDropDownSelect,
.startStudyYear .textInputWrapper .readOnlyInput.emptyDropDownSelect {
    width: 70px;
}

.resumeBlockCell .width100 {
    width: 100% !important;
}

.resumeBlockCell .wysiwygContainer { width: 599px !important; }

.resumeBlockCell .textInputWrapper input {
    width: 100%;
    min-width: 196px;
}

.resumeBlockCell .textInputWrapper .readOnlyInput {
    width: 100%;
    min-width: 196px;
}

.dateSelector .cellInput {
    width: 70px;
}

.resumeBlockCell #userBirthDateDay .readOnlyInput {
    width: 35px;
}

.resumeBlockCell #userBirthDateMonth .readOnlyInput {
    width: 35px;
}

.resumeBlockCell #userBirthDateYear .readOnlyInput {
    width: 35px;
}

.salaryInputs .textInputWrapper input {
    width: 85px;
}

.salaryInputs .blueButtonField .textInputWrapper,
.salaryInputs .blueButtonField .textInputWrapper .readOnlyInput {
    width: 42px;
}

.resumeBlockCell .textInputWrapper .icon {
    position: absolute;
    top: 3px;
    left: -20px;
}

.currencyItem {
    margin-top: 2px;
    font-size: 11px;
    color: #999;
}

.personNationalityBlock .blueButton {
    clear: both;
    display: block;
    margin-left: 2px;
}

.nationalityBlock {
    padding-bottom: 5px;
    overflow: hidden;
}

.nationalityBlock .textInputLighter {
    float: left;
}

.nationalityBlock .closeSomethingIcon {
    float: right;
    margin-top: 5px;
}

.vacancyBlockCell .sphereOfActivity .textInputWrapper .readOnlyInput,
.sphereOfActivity .textInputWrapper .readOnlyInput {
    width: 376px;
}

.sphereOfActivityWrapper .textInputWrapper .readOnlyInput {
    width: 376px;
}

#employmentTypeList .textInputWrapper .readOnlyInput,
#js_employmentTypeList .textInputWrapper .readOnlyInput {
    width: 185px;
}

.jobResponsibility .textInputWrapper textarea {
    width: 196px;
}

.employmentTypeBlock .blueButtonField {
    margin-right: 10px;
}

.employmentTypeBlock .blueButtonField  .textInputWrapper,
.employmentTypeBlock .blueButtonField  .textInputWrapper .readOnlyInput {
    width: 150px;
}

.resumeProfessonalSkills .textInputWrapper textarea {
    width: 356px;
}

.resumeBlockCell .countryCityWrapper > div {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
}

.resumeBlockCell .regionBlock { width: auto; }

.resumeBlockCell .countryCityWrapper .cellTitle {
    padding-top: 0 !important;
}

.resumeBlockCell .placeSelector .cellInput {
    width: auto;
}

.resumeSchoolStudyDataRange {
    float: left;
}

.resumeSchoolStudyDataRangeCheckBox {
    float: left;
    margin-top: 13px;
}


.personalVacancyBlock,
.personalResumeBlock {
    padding: 30px 0 15px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}


.fileViewer .cellInput { width: 360px; }

.portfoliosBlock textarea { width: 350px; }

.removePortfolioWork {
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v1.png) -220px 0 no-repeat;
    float: left;
    margin: 0 0 0 2px;
}

.removeFileView { cursor: pointer; }

.fileView {
    float: left;
    margin: 0 10px 10px 0;
}

.addFileView {
    background: none;
    border: 1px solid #CCC;
    width: 90px;
    height: 90px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    display: inline-block;
}

.addFileView .uploadNewAvatarIcon {
    margin: 32px 0 0 32px;
    cursor: pointer;
}

.addFileView .preloaderBlock {
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 799;
    display: none;
    cursor: pointer;
}

.addPortfolioIcon {
    width: 26px;
    height: 26px;
    background: url(/static/img-new/person/person-sprite.png) -74px -21px;
    display: block;
    margin: 32px 0 0 32px;
}

/*---------- resumes view ----------*/

.resumeItem {
    clear: both;
    padding: 0 0 30px 0;
}

.resumeUserPhotoContainer {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 90px;
}

.resumeItemContent {
    float: left;
    width: 410px;
}

.resumeStatus {
    font-size: 10px;
    color: #999;
}

.resumeStatus.active {
    background: #0F7D81;
}

.resumeTitle {
    padding: 3px 0 9px 0;
}



.resumeDescription {
    margin-bottom: 10px;
    color: #666;
}

.resumeExtra {
    min-height: 40px;
    position: relative;
    float: left;
}

.vacancyDaysLeft {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: bold;
    padding-right: 8px;
}

.vacancyDaysLeft.warning {
    color: red;
}

.openVacancyControlMenu {
    cursor: pointer;
    position: relative;
    top: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -100px -100px;
}

.vacancyControlLink { padding-bottom: 15px; cursor: pointer; }
.vacancyControlLink span { cursor: pointer; display: block; float: left; border-bottom: 1px dashed #333; }
.vacancyControlLink .openVacancyControlMenu { margin-top: -8px; }

.vacancyExtraListForm {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.vacancyExtraList {
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 117px;
    padding: 5px 10px 5px 5px;
    border: 1px solid #CCC;
    -moz-box-shadow: 0px 1px 3px #CCC;
    -webkit-box-shadow: 0px 1px 3px #CCC;
    box-shadow: 0px 1px 3px #CCC;
    z-index: 790;
}

.vacancyExtraList li {
    clear: both;
    overflow: hidden;
    cursor: pointer;
}

.vacancyExtraList li span {
    float: left;
    margin-top: 3px;
    color: #333;
}

.vacancyExtraList li a {
    color: #333;
    text-decoration: none;
    float: left;
    margin-top: 3px;
}

.vacancyExtraListIcon {
    float: left;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    margin-top: 0 !important;
}

.prolongIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) 0 -161px;
}

.pinIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -19px -160px;
}

.repinIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -120px -180px;
}

.unpinIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -120px -160px;
}

.vacancyRemoveIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -219px 0px;
}

.vacancyEditIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -61px -162px;
}

.vacancyToArchiveIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -40px -163px;
}

.vacancyFromArchiveIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -100px -162px;
}



.jobCompanyName {
    display: inline-block;
    padding-left: 5px;
}

.jobCompanyName span {
    padding-left: 3px;
}

.listFloatedWrapper {
    overflow: hidden;
}

.listFloatedCell {
    float: left;
    margin-right: 10px;
    height: 30px;
}

.listFloatedContent {
    float: left;

}

.resumeModificationDate {
    display: inline-block;
    color: #999;
    margin-right: 20px;
}

.resumeViewCount {
    display: inline-block;
    margin-right: 20px;
    color: #999;
    font-size: 11px;
}

.resumeViewCount {
    margin-right: 20px;
}

.resumeViewCount .viewCountIcon {
    background-position: -200px -119px;
    height: 15px;
    margin-right: 3px;
}

.resumeRemoveLink {
    display: inline-block;
}

.resumePdfАLink {
    display: inline-block;
}

.resumeBottomBlock {
    padding: 15px 0;
    border-top: 1px dotted #999;
    margin-top: 20px;
}

.resumeSalary {
    color: #333;
    font-size: 19px;
    padding-bottom: 10px;
}

.resumeSalaryLabel {
   font-size: 11px;
   padding-bottom: 5px;
}

.resumeIcon {
    position: relative;
    top: 6px;
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 22px;
    background: #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.resumeIcon .editIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -19px 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.resumeIcon .pdfIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -120px -20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.resumeIcon .delIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -218px 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.addIcon {
    background: url("/static/img-new/person/person-sprite.png") no-repeat scroll -83px 0 transparent;
    float: left;
    height: 10px;
    margin-right: 3px;
    margin-top: -1px;
    position: relative;
    top: -1px;
    width: 10px;
}


/*-----------one resume view---------------*/

.showVacancyLeftColumnBlock,
.showResumeLeftColumnBlock {
    padding: 15px 0;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
    line-height: 1.3;
    overflow: hidden;
}

.showResumeLeftColumnBlock h2 { font-weight: normal; }

.showResumeHeader {
    padding: 30px 20px;
    margin-bottom: 50px;
}

.showResumeBlock {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.showResumeBlock h2 {
    font-weight: normal;
    padding-bottom: 18px;
}

.showResumeBlock p {
    padding-bottom: 20px;
    line-height: 1.3;
}

.showVacancyBlock b,
.showResumeBlock b {
    color: #000;
    font-weight: bold;
}

.showVacancyBlock em,
.showResumeBlock em {
    font-style: normal;
    color: #999;
    font-weight: bold;
    display: inline-block;
}

.showVacancyThinText,
.showResumeThinText {
    font-style: normal;
    color: #999;
    font-weight: normal;
}

.placeCell {
    clear: both;
    padding-bottom: 25px;
    line-height: 1.3;
    overflow: hidden;
}

.resumeActionDate { float: left; }

.resumeAction {
    float: left;
    margin-left: 4px;
    width: 580px;
}

.showResumeContactBlock {
    padding-bottom: 45px;
}

.portfolioFiles {
    /*padding: 5px 0 0 31px;*/
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal {
    width: 125px;
    margin-right: 15px;
    margin-bottom: 10px;
    position: relative;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveVideoPreview {
    display: table-cell;
    float: none;
    height: 90px;
    vertical-align: middle;
    width: 125px;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveVideoPreview img {
    display: inline;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveFilePreview {
    background-position: 0 -9px;
    height: 90px;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveFilePreview .exTitle {
    top: 38px;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .addFileView {
    float: left;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveItemTitle {
    margin-top: 65px;
}
.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveItemTitleFog {
    right: 0;
    top: 66px;
    width: 19px;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveAudioPreview {
    background-color: #F4F4F4;
    height: 90px;
}

.portfolioFiles .jcarousel-skin-portfolio .jcarousel-item-horizontal .archiveImagePreview {
    height: 90px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.showResumeContact {
    clear: both;
    margin-bottom: 13px;
}

.showVacancyContact icon,
.showResumeContact icon {
    position: relative;
    height: 17px;
    top: 0;
}

.showResumeBlock .resumeSalary { float: right; }

.showVacancyTop,
.showResumeTop { margin: -17px 0 30px 0; }

.showResumeContact .icon {
    position: relative;
    top: -2px;
}


/*--------------------- vacancy ------------------------*/

/*--------- vacancy create/edit ---------*/

.vacancyUploadUserPhoto {
    margin-top: 10px;
    position: relative;
}

.vacancyUploadUserPhoto .greenButtonContent {
    width: 218px;
    text-align: center;
}

.vacancyEditBlock {
    /*margin-bottom: 30px;*/
}

.vacancyBlockHeader {
    background: #E6E6E6;
    padding: 20px;
    cursor: pointer;
}

.vacancyBlockBody {
    background: #F4F4F4;
    padding: 20px;
    margin-bottom: 12px;
    overflow: hidden;
}
.vacancyBlockBody textarea {
    width: 100%;
    box-sizing: border-box;
}
#finishDate .textInputWrapper {
    float: left;
    display: inline;
}


.vacancyBlockHeader h2 {
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    border-bottom: 1px dotted #000;
    font-size: 18px;
}

.vacancyBlockItem {
    position: relative;
    border: none;
    padding: 0;
    clear: both;
}

.vacancyBlockItem h2 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.vacancyBlockCell {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
}

.vacancyBlockCell .cellTitle {
    width: 180px;
    margin: 6px 5px 0 0;
    color: #666;
    float: left;
    text-align: left;
}

.vacancyBlockCell .cellInput {
    float: left;
}

.vacancyBlockCell .cellInfo {
    float: left;
    margin: 0 0 0 5px;
}

.vacancyBlockCell .dropDownSelect .textInputWrapper {
    width: auto;
}

.vacancyBlockCell .sexType {
    float: left;
}

.vacancyBlockButtonCell {
    padding-left: 188px;
}

.vacancyButtonsBlock {

}

.vacancyButtonsBlock .blueButton {
    margin-right: 5px;
    float: left;
}

.vacancyButtonsBlock a {
    text-decoration: none;
}

.vacancyBlockCell .textInputWrapper input {
    width: 196px;
}

.vacancyBlockCell .textInputWrapper .readOnlyInput {
    width: 196px;
}

.vacancyBlockCell .dateSelector .cellInput {
    width: 70px;
}

.vacancyBlockCell #userBirthDateDay .readOnlyInput {
    width: 35px;
}

.vacancyBlockCell #userBirthDateMonth .readOnlyInput {
    width: 35px;
}

.vacancyBlockCell #userBirthDateYear .readOnlyInput {
    width: 35px;
}

.vacancyDescription .textInputWrapper textarea {
    width: 356px;
    height: 100px;
    white-space: -pre-wrap;
    word-wrap: break-word;
}


.vacancyBlockCell .countryCityWrapper > div {
    clear: both;
    padding: 10px 0;
    overflow: hidden;
}

.vacancyBlockCell .regionBlock { width: auto; }

.vacancyBlockCell .countryCityWrapper .cellTitle {
    padding-top: 0 !important;
}

.vacancyBlockCell .placeSelector .cellInput {
    width: auto;
}

.vacancySchoolStudyDataRange {
    float: left;
}

.vacancySchoolStudyDataRangeCheckBox {
    float: left;
    margin-top: 13px;
}

.requiredFieldsBlock {
    margin-top: 30px;
}

.requiredFieldsBlockTitle {
    padding-bottom: 8px;
}

.requiredFieldsBlockTitle h3 {
    font-weight: bold;
    font-size: 11px;
}

.requiredField {
    font-size: 11px;
    padding-bottom: 3px;
}

.requiredField span {
    color: #FF0000;
    padding-right: 3px;
    position: relative;
    top: 5px;
    font-size: 18px;
}


.additionBlockLink {
    border-bottom: 1px dashed #000;
    float: left;
    margin-bottom: 30px;
    cursor: pointer;
}

#vacancyFinishDateDay .textInputWrapper .readOnlyInput { width: 40px; }

#vacancyFinishDateMonth .textInputWrapper .readOnlyInput { width: 40px; }

#vacancyFinishDateYear .textInputWrapper .readOnlyInput { width: 40px; }


/*---------- vacancies view ----------*/

.extraBottom { padding-bottom: 130px; }

.lessVacancyPadding { padding-bottom: 78px; }

.vacancyList { padding-bottom: 90px; }

.widgetVacancies .vacancyList { padding-bottom: 0; }

.vacancyItem {
    clear: both;
    padding: 30px 0;
}

.vacancyItem:first-child {
    padding-top: 0;
}

.vacancyItem.pinned {
    background: none;
    padding: 15px 0 15px 15px;
     -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-bottom: 30px;
    min-height: 110px;
}

.vacancyItem.pinned .openVacancyControlMenu { background: url(/static/img-new/icons-sprite.v6.png) -80px -180px; }

.vacancyItem.pinned .vacancyViewCount .viewCountIcon {
    background: url(/static/theme/career/img/pinned-eye.png) 0 0 no-repeat;
}

.bump-pageBlockContent.bump-vacanciesBlock {
    z-index: auto;
}

.vacancyLogoContainer {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 90px;
}

.vacancyItemContent {
    float: left;
    width: 410px;
}

.vacancyStatus {
    font-size: 10px;
    color: #999;
}

.vacancyStatus.active {
    background: #0F7D81;
}

.vacancyTitle {
    padding: 3px 0 9px 0;
}

.pinnedVacanciesContainer .vacancyList {
    padding-bottom: 10px;
}

.vacancyPlace .vacancyDescription {
    color: #666;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.vacancyPlace {
    margin-bottom: 0;
}

.vacancyExtra {
    position: relative;
    float: left;
}

.showVacancyContentWrapper {
    float: left;
}

.vacancyBottomBlock {
    padding: 15px 0;
    /*border-top: 1px dotted #999;*/
    margin-top: 20px;
    clear: both;
}


.vacancyModificationDate {
    display: inline-block;
    color: #999;
    margin-right: 15px;
}

.vacancyViewCount {
    display: inline-block;
    margin-right: 15px;
    color: #999;
    font-size: 11px;
}

.vacancyViewCount {
    margin-right: 20px;
}

.vacancyViewCount .viewCountIcon {
    background-position: -200px -119px;
    height: 15px;
    margin-right: 3px;
}

.vacancyRemoveLink {
    display: inline-block;
}

.vacancySalary {
    color: #333;
    font-size: 19px;
    padding-bottom: 10px;
}

.vacancySalaryLabel {
   font-size: 11px;
   padding-bottom: 5px;
}

.vacancyIcon {
    position: relative;
    top: 6px;
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 22px;
    background: #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.vacancyIcon .editIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -19px 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.vacancyIcon .delIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -218px 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.addIcon {
    background: url("/static/img-new/person/person-sprite.png") no-repeat scroll -83px 0 transparent;
    float: left;
    height: 10px;
    margin-right: 3px;
    margin-top: -1px;
    position: relative;
    top: -1px;
    width: 10px;
}


/*-----------one vacancy view---------------*/

.showVacancyHeader {
    padding: 30px 20px;
    margin-bottom: 50px;
}

.showVacancyBlock {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 30px;
    overflow: hidden;
}

.showVacancyBlock h2 {
    font-weight: normal;
    padding-bottom: 25px;
}

.showVacancyBlock p {
    line-height: 1.5;
    padding-bottom: 20px;
}

.showVacancyBlock b {
    color: #333;
}


/*----------- vacancy searcher---------------*/

.resumeSearcher,
.vacancySearcher {
    background: #F4F4F4;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}

.resumeSearcher .searchString,
.vacancySearcher .searchString { width: 460px; }

.resumeSearcher .regBlockCell,
.vacancySearcher .regBlockCell { overflow: hidden; padding: 3px 0; }

.resumeSearcher .regBlockCell .cellTitle,
.vacancySearcher .regBlockCell .cellTitle { width: 130px; }

.resumeSearcher .regBlockCell .cellInfo .checkBox,
.vacancySearcher .regBlockCell .cellInfo .checkBox { margin: 7px 0 0 18px; float: left; }

.resumeSearcher .currenciesPlaceholder,
.vacancySearcher .currenciesPlaceholder {
    float: left;
    margin: 1px 5px 0 5px;
}

.resumeSearcher .vacancyPlaceSelectorWrapper,
.vacancySearcher .vacancyPlaceSelectorWrapper { margin: 6px 0; }

.resumeSearcher .regBlockCell .regionBlock .regionMessage,
.vacancySearcher .regBlockCell .regionBlock .regionMessage { padding-left: 0; }

.resumeSearcher .vacancyPlaceSelectorWrapper .countryCityWrapper > div,
.vacancySearcher .vacancyPlaceSelectorWrapper .countryCityWrapper > div {
    padding-bottom: 7px;
    overflow: hidden;
}

.salaryContainer .salaryInputs input {
    width: 60px;
}

.salaryContainer .salaryInputs .readOnlyInput {
    width: 60px;
}


.resumeControlButtonsWrapper,
.vacancyControlButtonsWrapper {
    padding: 6px 0 0 138px;
}

.extendedSearchShow {
    float: left;
    padding: 5px 0 0 10px;
}

.extendedSearchShow span {
    border-bottom: dashed black 1px;
    cursor: pointer;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Brands page------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.brandsLeftColumn {
    float: left;
    margin-left: 23px;
    padding: 16px 0 90px 0;
    width: 670px;
}

.brandCell {
    margin: 0 10px 15px 0;
    position: relative;
    float: left;
    width: 118px;
    height: 160px;
    text-align: center;
    line-height: 1.1;
}

.brandCell a {
    word-break: break-word;
}

.branchCell a {
    font-size: 11px;
}

.brandCell.important {
    background: url(/static/img-new/brands-page/brand-cell-frame.png) no-repeat;
}

.brandCell img {
    margin: 11px 0 5px 17px;
    width: 90px;
    height: 90px;
    display: block;
}

.brandCell .brandLink {
}

.brandCell .delIcon {
    display: none;
}

.brandCell:hover .delIcon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.brandsRightColumn {
    float: left;
    margin-left: 35px;
    padding-top: 20px;
}

.addNewBrandWrapper {
    width: 188px;
    padding: 35px 0 0 52px;
    height: 60px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addBrandButtonIcon {
    display: block;
    margin-right: 5px;
    float: left;
    width: 9px;
    height: 10px;
    background: url(/static/img-new/person/person-sprite.png) -82px 0;
}

.addNewBrandWrapper .blueButton {
    margin: 20px 0 0 20px;
}

.addNewBrandWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.addNewBrandButton {
    margin-top: 0 !important;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Friends page------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.friendsLeftColumn {
    float: left;
    padding: 20px 0 50px 40px;
    width: 680px;
}

.friendCell {
    float: left;
    position: relative;
    margin-right: 6px;
    width: 220px;
    height: 140px;
}

.friendCell .friendAvatar {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.friendCell .friendAvatar img {
    width: 50px;
    height: 50px;
}

.friendCellInner {
    float: left;
    width: 155px;
}

.friendCell .friendName {
    line-height: 0.9;
}

.friendCell .friendLocation {
    color: #999;
    font-size: 11px;
    margin-top: 5px;
}

.friendCell .bumpCounter {
    margin: 10px 0 0;
    float: left;
}

.friendCell .bumpCountNumber {
    font-size: 11px;
}

.friendCell .deleteFriend {
    display: none;
    position: absolute;
    right: 5px;
}

.friendCell:hover .deleteFriend {
    display: block;
}

.friendCell .deleteMember {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
}

.friendCell:hover .deleteMember {
    display: block;
}

.friendCell .roleStatusWrapper {
    border: 1px solid #FFF7B9;
    margin-top: 1px;
    width: auto;
    position: absolute;
    bottom: 28px;
}

.friendCell .roleStatus {
    border: 1px solid #FFF;
    background: #FFF7B9;
    color: #666;
    text-align: center;
    padding: 2px 0 3px;
}

.friendCell .roleStatus.button:hover {
    background: #e8fbe8;
    border: 1px solid #ccffcc;
}

.friendCell .roleStatus a {
    color: #666;
    text-decoration: none
}

.friendCell .roleStatus a:hover {
    color: #09C;
}

.friendsRightColumn {
    float: left;
    width: 242px;
    padding: 20px 0 30px;
}

.friendsStatPanel {
    padding: 20px;
    background: #F4F4F4;
    border-bottom: #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.friendStatBlock {
    padding: 20px 0 15px;
    overflow: hidden;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.friendStatBlock:first-child {
    border-top: none !important;
    padding-top: 0 !important;
}

.friendStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
    width: 210px;
}

.sexStat {
    padding-bottom: 12px;
}

.sexStat li {
    margin-bottom: 5px;
    position: relative;
}

.friendStatBlock .maleIcon,
.friendStatBlock .femaleIcon {
    margin: 0 5px 0 0 !important;
}

.maleProgress {
    float: left;
    display: block;
    width: 100px;
    height: 16px;
    position: relative;
    background: #C2E2EE;
    border-right: 1px solid #85C5DD;
}

.femaleProgress {
    float: left;
    display: block;
    width: 100px;
    height: 16px;
    position: relative;
    background: #F3C8D0;
    border-right: 1px solid #E791A1;
}

.progressTitle {
    position: absolute;
    left: 19px;
    top: 2px;
}

.friendStatBlock .flagIcon {
    float: left;
    margin-right: 9px;
}

.friendsCellsWrapper {
    clear: both;
}

.followersContainer {
    width: 100%;
    overflow: auto;
}

#friendInvitationFromList,
#friendInvitation {
}

#friendInvitationFromList .brandSearchBlock,
#friendInvitation .brandSearchBlock {
    margin: 0;
    padding-bottom: 0;
}

#friendInvitationFromList .brandSelectorContent,
#friendInvitation .brandSelectorContent {
    position: relative;
    padding: 0;
    margin: 0 0 5px 0;
    background: none;
}

#friendInvitationFromList textarea,
#friendInvitation textarea {
    width: 608px;
}

#friendInvitationFromList .warning,
#friendInvitation .warning {
    color: red !important;
}

#friendInvitationFromList .charsRemaining,
#friendInvitation .charsRemaining {
    color: #666;
    position: absolute;
    top: 4px;
    right: 0;
}

#membershipRequest {
}

#membershipRequest .brandSearchBlock {
    height: 80px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#membershipRequest .brandSearchBlock * {
    border: none;
}

#membershipRequest .brandSelectorContent {
    position: relative;
    padding: 0;
    height: 85px;
    margin: 0 0 5px 0;
    background: none;
}

#membershipRequest textarea {
    width: 608px;
}

#membershipRequest .warning {
    color: red !important;
}

#membershipRequest .charsRemaining {
    color: #666;
    position: absolute;
    top: 4px;
    right: 0;
}

.friendsRequests {
    margin-bottom: 10px;
}

.mirrorPartnersRequestsItem,
.friendshipRequest {
    overflow: hidden;
    margin: 0 20px 2px 0;
    padding: 7px 11px 0;
    background: #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.friendshipRequest img {
    float: left;
}

.mirrorPartnersRequestsItem { padding: 10px; margin-bottom: 5px; display: block; }
.mirrorPartnersRequestsItem img { margin-right: 6px; }

.partnersRequests .friendshipRequest {
    padding-bottom: 7px;
}

.partnersRequests .friendshipRequest .requestContent {
    width: 270px;
}

.partnersRequests .friendshipRequest .controls {
    width: 250px;
}

.requestContent {
    float: left;
    margin-left: 8px;
    padding-top: 7px;
    width: 271px;
    padding-bottom: 10px;
}

.friendshipRequest .greenButton,
.friendshipRequest .redButton {
    float: right;
    margin-left: 9px;
}

.requestReason {
    clear: both;
    overflow: hidden;
    padding: 7px 11px;
    margin: 10px 0 5px;
    background: #FFF;
    color: #666;
    border-bottom: 1px solid #F9E29D;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.friendshipRequest .controls {
    overflow: hidden;
    margin-bottom: 6px;
    float: right;
    width: 230px;
}

.friendshipRequest .controls a {
    float: right;
    margin-left: 5px;
}

/*-----------------friends new view----------------*/

.friendItem {
    clear: both;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 6px;
}

.friendItem:hover {
    background: #F4F4F4;
}

.friendItem .friendAvatar {
    float: left;
    margin-right: 10px;
}

.friendItemInfo {
    float: left;
}

.friendItem .friendName {
    float: left;
    margin-right: 5px;
}

.friendItem .friendRating {
    color: #000;
    float: left;
    font-weight: bold;
}

.friendItem .friendLocation,
.friendItem .friendBioInformation {
    color: #999;
    float: left;
    font-size: 11px;
    margin: 5px 10px 0 0;
    max-width: 250px;
}

.friendItem .actionPanel {
    float: right;
    display: none;
}

.friendItem:hover .actionPanel {
    display: block;
}

.friendItem:hover .friendMirrors {
    opacity: 1;
}

.friendItem .friendMirrors {
    opacity: 0.5;
    clear: both;
    padding-top: 7px;
    float: left;
}



.friendItem .friendMirror {
    float: left;
    margin-right: 4px;
}

.friendControlButton {
    margin-left: 5px;
    float: left;
    width: 28px;
    height: 21px;
    background: url(/static/img-new/friends-page/button-frame.png) no-repeat;
}

.friendControlButton.cantCall {
    opacity: 0.5;
}

.friendControlButton.smallFrame {
    float: left;
    width: 23px;
    height: 21px;
    background: url(/static/img-new/friends-page/button-frame-small.png) no-repeat;
}

.friendsCallIcon {
    left: 2px;
    position: relative;
    top: 3px;
    float: left;
    width: 20px;
    height: 18px;
    background: url(/static/img-new/friends-page/sprite-2.png) -25px 0 no-repeat;
}

.friendAddIcon {
    left: 3px;
    position: relative;
    top: 3px;
    float: left;
    width: 20px;
    height: 17px;
    background: url(/static/img-new/friends-page/sprite-2.png) 0 0 no-repeat;
}

.friendRemoveIcon {
    left: 3px;
    position: relative;
    top: 2px;
    float: left;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/friends-page/sprite-2.png) 0 -16px no-repeat;
}

.friendWriteIcon {
    left: 2px;
    position: relative;
    top: 3px;
    float: left;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/friends-page/sprite-2.png) -25px -16px no-repeat;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Clubs page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.clubsLeftColumn {
    float: left;
    padding: 19px 0 90px 40px;
    width: 670px;
}

.clubCellsWrapper {
    margin-left: -35px;
}

.clubCell {
    float: left;
    width: 310px;
    height: 210px;
    margin-left: 35px;
}

.clubCell .clubAvatarWrapper {
    float: left;
    margin-right: 17px;
}

.clubCell .clubAvatarWrapper .clubAvatar {
    position: relative;
    display: block;
    float: none;
}

.clubCell .clubAvatarWrapper .clubAvatar .imgBorder {
    width: 88px;
    height: 88px;
}

.clubCell .clubAvatarWrapper .clubAvatar img {
    width: 90px;
    height: 90px;
}

.clubCell .clubAvatarWrapper .clubStatusWrapper {
    border: 1px solid #FFF7B9;
    margin-top: 1px;
    width: 88px;
}

.clubCell .clubAvatarWrapper .clubStatusWrapper .clubStatus {
    border: 1px solid #FFF;
    background: #FFF7B9;
    color: #666;
    text-align: center;
    padding: 2px 0 3px;
}

.clubInfo {
    float: left;
    width: 180px;
}

.clubCell .clubInfo .membersNum {
    margin: 5px 0;
}

.clubCell .clubInfo .clubCreator {
    margin-bottom: 5px;
}

.clubCell .clubInfo .clubCreator a {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.clubCell .clubInfo .bumpCounter {
    margin: 0 !important;
}

.clubsRightColumn {
    float: left;
    width: 240px;
    margin-top: 17px;
}

.addNewClubWrapper {
    padding: 20px 20px 0;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addNewClubWrapper .blueButton {
    margin-bottom: 20px;
}

.addNewClubWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
    text-align: center;
}
.addNewClubWrapper .-btn {
    width: 180px;
}

.clubStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.clubStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 20px;
    padding-top: 0 !important;
}

.clubStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.clubStatBlock .addBrandButtonIcon {
    margin-left: 34px;
}

.clubStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.buttonRightBlock { text-align: center; }

.clubTitle {
    font-size: 17px;
}

.clubVisibilityManageBlock {
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: 3;
}

.clubVisibilityManageBlock a {
    color: #FFFFFF;
}

/*--------------------------------------Clubs Create Page------------------------------------*/

.clubsCreateLeftColumn {
    float: left;
    width: 630px;
    padding-bottom: 120px;
    margin: 30px 0 0 40px;
    overflow: hidden;
}

.clubsCreateLeftColumn h1 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    margin-bottom: 23px;
}

.clubsCreateLeftColumn .textInputLighter {
    float: left;
    clear: both;
}

.clubsCreateLeftColumn .textInputLighter input {
    font-size: 20px;
    width: 570px;
    height: 30px;
}

.clubsCreateLeftColumn .textInputLighter textarea {
    width: 570px;
}

.clubsCreateLeftColumn .symbolNumber {
    color: #999;
    font-size: 12px;
    float: left;
    margin: 14px 0 0 10px;
}

.clubsCreateLeftColumn .symbolNumber.descriptionSymbolNumber {
    margin: 1px 0 0 10px;
}

.clubsCreateLeftColumn .blueButton {
    margin: 14px 0 0 2px;
    float: left;
}

.clubsCreateLeftColumn .smallGrayTitle {
    margin: 19px 0 0 10px;
    float: left;
}

.clubsCreateLeftColumn .inputErrorMessage {
    clear: both;
    margin: 0 0 13px 2px;
}

.clubsCreateLeftColumn .buttonsBlock {
    margin-top: 30px;
    *margin-top: 20px;
    width: 200px;
    clear: both;
    float: left;
}

.clubsCreateLeftColumn .buttonsBlock .bigBlueButton {
    margin-right: 10px;
    float: left;
}

.clubsCreateRightColumn {
    float: left;
    margin: 82px 0 0 22px;
    overflow: hidden;
}

.sticker {
    border: 1px solid #F1EBCB;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sticker .textWrapper {
    padding: 16px;
    border: 1px solid #FFF;
    background: #FFFDE4 !important;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sticker textarea {
    width: 203px;
    height: 110px;
    overflow: hidden;
    resize: none;
    background: #FFFDE4;
    border: 1px solid #FFFDE4;
    color: #999;
    font-style: italic;
}

.clubsCreateRightColumn .symbolNumber {
    width: 238px;
    text-align: right;
    margin: 10px 0 0 0;
}

/*-------club invitation---------*/

#clubInvitationWindow .brandSelectorContent {
    padding: 15px 0 0 0;
}

#clubInvitationWindow .clubsForInvitation {
    clear: both;
    overflow: hidden;
}

#clubInvitationWindow .clubQuickSearchWrapper {
    margin-left: 18px;
}

#clubInvitationWindow .clubsForInvitation {
    height: 327px;
}

#clubInvitationWindow .musicScrollBar {
    height: 321px;
    top: 95px;
}

#clubInvitationWindow .brandSearchBlock {
    padding-bottom: 2px;
}

#clubInvitationWindow .clubsForInvitationList {
    position: relative;
}

#clubInvitationWindow .clubsForInvitationList .inviteToClubCell {
    overflow: hidden;
    height: 36px;
    width: 630px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Photo page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.photoLeftColumn {
    float: left;
    padding: 20px 0 90px 40px;
    width: 670px;
}

.photoLeftColumn h1 {
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    padding-bottom: 10px;
}

.slideShowLink {
    float: right;
    margin-right: 35px;
}

.slideShowLink div {
    float: left;
    cursor: pointer;
    margin-right: 5px;
    width: 16px;
    height: 11px;
    margin: 2px 5px 0 0;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -180px 0;
}

.slideShowLink a {
    float: left;
    text-decoration: none;
    color: #333;
    display: block;
    border-bottom: 1px dotted #333;
    white-space: nowrap;
}

.slideShowLink a:hover {
    color: #65B044;
    border-bottom-color: #65B044;
}

.photoLeftColumn .slideShowLink {
    margin-right: 0;
}

.photoCellsWrapper {
    margin: 10px 0;
    overflow: hidden;
}

.photoCell {
    float: left;
    margin: 0 0 25px 0;
    width: 166px;
    height: 230px;
    position: relative;
}



.photoCell .editSettingsIcon {
    margin-top: 3px;
    cursor: pointer !important;
}

.photoCell .delIcon {
    margin-top: 3px;
    cursor: pointer !important;
}

.albumImage {
    width: 140px;
    display: table-cell;
    *display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #F4F4F4;
    height: 140px;
    position: relative;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.albumImage .imgBorder {
    width: 138px;
    z-index: 3;
    height: 138px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.albumImage .whiteFrame {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 2px solid #FFF;
    width: 117px;
    height: 102px;
}

.albumImage .videoFileMask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 140px;
    height: 140px;
    background: url(/static/img-new/personal-page/video-file-mask.png);
}

.albumImage .videoAlbumMask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 140px;
    height: 140px;
    background: url(/static/img-new/personal-page/video-album-mask.png);
}

.photoPreviewCorners {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 2;
    width: 140px;
    height: 141px;
    background: url(/static/img-new/personal-page/image-corners.png);
}

.albumImage img {
    max-width: 120px;
    max-height: 140px;
}

.albumImage img {

    *margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

.albumTitle {
    width: 140px;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    text-decoration: underline;
    margin-bottom: 5px;
    display: block;
}

.albumTitle .albumTitleFog {
    display: block;
    cursor: default !important;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/static/img-new/personal-page/album-title-fog.png);
    width: 40px;
    height: 20px;
}

.numberOfPhotos {
    margin-bottom: 5px;
}

.whenUpdate {
    font-size: 11px;
    color: #999;
}

.commentsCountWrapper {
    display: table-cell;
    text-align: center;
    width: 140px;
}

.commentsCountWrapper .commentString {
    display: inline-block;
}

.commentsCountWrapper .commentString:hover {
    color: #65B044;
}

.commentsCountWrapper a {
    text-decoration: none;
}

.commentString {
    display: block;
    text-decoration: none;
    color: #999;
    font-size: 11px;
    margin-top: 8px;
}

.commentString:hover {
    color: #65B044;
}

.photoCell .commentIcon {
    display: block;
    float: left;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -180px -12px;
}

.albumsSeparator {
    width: 630px;
    border-top: 1px dotted #CCC;
    height: 1px;
}

.withoutAlbumBlock {
    padding-top: 30px;
}

.withoutAlbumBlock .photoPreview {
    float: left;
    width: 140px;
    margin: 0 23px 20px 0;
}

.photoPreview .alignedBlock {
    cursor: pointer;
    background: #F4F4F4;
    position: relative;
    height: 140px;
    width: 140px;
}

.photoRightColumn {
    float: left;
    width: 240px;
    margin-top: 17px;
    margin-left: 20px;
}

.photoRightColumn .addNewPhotoWrapper .blueButton .blueButtonContent {
    text-align: left;
}

.addNewPhotoWrapper {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}

.addNewPhotoWrapper .blueButton {
    margin-bottom: 20px;
}

.addNewPhotoWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
    text-align: center;
}

.addNewPhotoWrapper h2 {
    padding-bottom: 10px;
}

.photoStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.photoStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 14px;
    padding-top: 0 !important;
}

.photoStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.photoStatBlock .blueButton {
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
}

.photoStatBlock .addBrandButtonIcon {
    margin-left: 29px;
}

.photoStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.photoAlbumFrame {
}

.photoAlbumFrame .photoLeftColumn {
    padding-top: 0;
    margin-top: -5px;
}

.albumsTitleLink {
    display: block;
    font-size: 12px;
}

.photoAlbumFrame h1 {
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    float: left;
}

.photoAlbumFrame .slideShowLink {
    float: right;
    margin: 10px 14px 10px;
}

.photoAlbumFrame .iLikeItButton {
    float: right;
    margin: 10px;
}

.photoAlbumFrame .favIcon {
    float: right;
    margin: 10px 50px 0 0;
}

.photoAlbumFrame .withoutAlbumBlock {
    overflow: hidden;
    width: 660px;
    margin-top: 20px;
}

.photoAlbumFrame .albumImage {
    margin: 18px 0 10px;
}

.photoAlbumFrame .photoStatBlock {
    padding-top: 0;
    border-top: none;
}

.albumMoreButton {
    float: left;
    display: block;
    margin: 8px 0 0 265px;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 17px 0;
    font-size: 11px;
    height: 18px;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
    background: url(/static/img-new/personal-page/album-more-button.png) repeat-x;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.removeUploadedItem {
    float: right !important;
    border: none !important;
    margin-right: 7px;
    width: 12px;
    height: 13px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
}

.mediaUploaderRenameForm {
}

.changeUploadedItemTitle {
    overflow: hidden;

    width: 400px;

    text-decoration: underline;
}

.photoLeftColumn #mediaUploaderRenameForm input {
    float: left;

    width: 275px;
    height: 15px;
    margin: 38px 0 0 10px;
}

.photoLeftColumn #mediaUploaderRenameForm .blueButton {
    float: left;

    margin: 37px 0 0 14px !important;
}

.videoLeftColumn #mediaUploaderRenameForm input {
    float: left;

    width: 275px;
    height: 15px;
    margin: 38px 0 0 10px;
}

.videoLeftColumn #mediaUploaderRenameForm .blueButton {
    float: left;

    margin: 37px 0 0 14px !important;
}

.filesLeftColumn #mediaUploaderRenameForm input {
    float: left;

    width: 275px;
    height: 15px;
    margin: -2px 0 0 10px;
}

.filesLeftColumn #mediaUploaderRenameForm .blueButton {
    float: left;

    margin: -3px 0 0 14px !important;
}

.musicLeftColumn #mediaUploaderRenameForm input {
    float: left;

    width: 366px;
    height: 15px;
    margin: -2px 0 0 10px;
}

.musicLeftColumn #mediaUploaderRenameForm .blueButton {
    float: left;

    margin: -3px 0 0 14px !important;
}

.musicLeftColumn .uploadedItem.renaming .musicListItem {
    display: none;
}

.musicLeftColumn .audioPlaylist .addToBookmarks,
.musicLeftColumn .audioPlaylist .deleteFromBookmarks {
    position: absolute;
    top: 0;
    right: -3px;
}

.uploadedFiles {
    padding: 10px;

    background: #FFF;
}

/*---------------------------------------------------Photo view-------------------------------------------------------*/

.photoViewColumn {
    width: 923px;
    min-height: 150px;
    padding: 20px 40px 90px 40px;
}

.photoViewColumn h1 {
    text-decoration: underline;
    padding-bottom: 10px;
    color: #333;

    font-family: 'Calibri';
    font-size: 28px;
    font-weight: normal;
}

.photoViewColumn .slideShowLink {
    margin: -12px 0 0 0;
}

.photoViewColumn .textInputLighter {
    float: left;

    margin-right: 10px;
}

.photoViewColumn .textInputLighter input {
    width: 820px;
}

.carousel {
    position: relative;

    clear: both;

    width: 928px;
    margin: 20px 0;
}

.carousel .scrollable {
    position: relative;

    overflow: hidden;

    width: 926px;
    height: 94px;
}

.scrollable .items {
    position: absolute;

    clear: both;

    width: 20000em;
}

.carousel a {
    display: block;
    float: left;

    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.carousel a.disabled {
    visibility: hidden !important;
}

.carousel .scrollable a {
    position: relative;
    cursor: pointer;
    border: 2px solid #FFF;
}

.carousel .scrollable span.active {
    position: relative;
    display: block;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px;
    cursor: default !important;
    border: 2px solid #9BCF83 !important;
}

.carousel .scrollable a:hover {
    border: 2px solid #95D0EC;
}

.carousel .alblock {
    display: table-cell;

    width: 90px;
    height: 90px;

    text-align: center;
    vertical-align: middle;
    *display: block;
}

.carousel .imgBorder {
    z-index: 3;
    width: 88px;
    height: 88px;
}

.carousel a img {
    display: inline-block;
    *display: block;
}

.carousel a img {
    *margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

.carousel .nextPage,
.carousel .prevPage {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 34px;
    top: 28px;
}

.carousel .prevPage {
    left: 0;
    margin: 0 0 0 -20px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -114px -95px;
}

.carousel .nextPage {
    right: 0;
    margin: 0 -20px 0 0;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -127px -95px;
}

.currentPhoto {
    width: 924px;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    background: #F4F4F4;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.currentPhoto .videoPlayer object {
    width: 924px;
    height: 520px;
}

.currentPhoto .videoPlayer embeded {
    width: 924px;
    height: 520px;
}

.videoPlayerPreviewContainer object {
    width: 640px;
    height: 360px;
}

.videoPlayer object {
    width: 640px;
    height: 360px;
}

.descriptionPanel {
    clear: both;
    margin: 12px 0 20px;
}

.toolsPanel {
    float: left;
}


.toolsPanel .toolsPanelItem {
    float: left;
    margin-right: 16px;
}

.toolsPanel .toolsPanelItemCell {
    float: left;
    margin: 2px 9px 0 0;
}

.toolsPanel .toolsPanelItem a {
    color: #333;
    line-height: 1.5;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

.toolsPanel .toolsPanelItem a:hover {
    color: #65B044;
    border-bottom-color: #65B044;
}

.toolsPanel .toolsPanelItem div {
    margin-right: 5px;
    float: left;
}

.toolsPanel .toolsPanelItem .bookmarkCount {
    line-height: 1.2;
}

.toolsPanel .toolsPanelItem .inactive {
    color: #CCC;
    border-color: #CCC;
}

.toolsPanel .toolsPanelItem .delIcon {
    line-height: 1;
    border: none;
    margin-top: 4px;
}

.toolsPanel .toolsPanelItem .bookmarkTitle {
    margin-top: 4px;
    line-height: 1;
}

.toolsPanel form {
    margin-right: 5px;
    float: left;
}

.toOriginalIcon {
    margin-top: 3px;
    background: url(/static/img-new/icons-sprite.v6.png) -180px -41px no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}



.photoViewColumn .blogCodeButton {
    margin-top: 7px;
    margin-right: 5px;
    float: left;
}

.photoViewColumn .blogCodeLink {
}

.photoViewColumn .blogCodeLink a {
    color: #333;
    line-height: 1.5;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

.photoViewColumn .blogCodeLink a:hover {
    color: #65B044;
    border-bottom-color: #65B044;
}

.photoViewColumn .viewCounter {
    float: right;
}

.photoViewColumn .videoPlayer {
    width: 924px;
    background: #FFF;
}

.photoViewColumn .videoPlayer img {
    cursor: pointer;
}

.alignTitle .blueButtonContent {
    text-align: center !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Video page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.videoLeftColumn {
    float: left;
    padding: 30px 0 90px 40px;
    width: 670px;
}

.videoLeftColumn h1 {
    padding-top: 5px;
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    padding-bottom: 10px;
}

.downloadLink {
    float: right;
    margin-right: 47px;
    overflow: hidden;
}

.downloadLink div {
    float: left;
    margin-right: 5px;
    width: 15px;
    height: 14px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -146px -41px;
}

.downloadIcon {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    width: 15px;
    height: 14px;
    background: url(/static/img-new/icons-sprite.v6.png) -240px -23px;
}

.downloadLink a {
    float: left;
    text-decoration: none;
    color: #333;
    display: block;
    border-bottom: 1px dotted #333;
    white-space: nowrap;
}

.videoAlbumFrame .downloadLink {
    margin: 10px 42px 10px 0;
}

.videoCellsWrapper {
    margin: 10px 0;
    overflow: hidden;
}

.videoCell {
    float: left;
    margin: 0 20px 25px 0;
}

.videoAlbum {
    display: block;
    width: 200px;
    margin-bottom: 13px;
    height: 120px;
    position: relative;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.videoAlbumTitle {
    text-decoration: underline;
    width: 180px;
    color: #0099CC;
    font-size: 11px;
    padding-bottom: 14px;
    display: block;
}

.videoAlbumMask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 140px;
    height: 140px;
    background: url(/static/img-new/personal-page/video-album-mask.png) no-repeat;
}

.numberOfVideos {
    margin-bottom: 5px;
}

.whenUpdate {
    font-size: 11px;
    color: #999;
}

.albumsSeparator {
    width: 630px;
    border-top: 1px dotted #CCC;
    height: 1px;
}

.withoutAlbumBlock {
    padding-top: 30px;
}

.withoutAlbumBlock .videoPreview {
    float: left;
    width: 140px;
    margin: 0 23px 20px 0;
}

.videoRightColumn {
    float: left;
    width: 240px;
    margin-top: 30px;
}

.addNewVideoWrapper {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addNewVideoWrapper .blueButton {
    margin-bottom: 20px;
}

.addNewVideoWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.videoRightColumn .addNewPhotoWrapper .blueButton .blueButtonContent {
    text-align: left;
}

.videoStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.videoStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 14px;
    padding-top: 0 !important;
}

.videoStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.videoStatBlock .blueButton {
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
}

.videoStatBlock .addBrandButtonIcon {
    margin-left: 29px;
}

.createVideoCollectionButton .addBrandButtonIcon {
    margin-left: 18px;
}

.videoStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.brandTagsWrapper {
    margin-right: -13px;
    overflow: hidden;
}

.brandTagsWrapper .brandTag {
    position: relative;
    display: block;
    margin: 0 13px 14px 0;
    *margin-right: 11px;
    float: left;
}

.brandTagsWrapper .brandTag img {
    width: 29px;
    height: 29px;
}

.brandsSmallIcon .brandTagsWrapper .brandTag img {
    width: 25px;
    height: 25px;
}

.brandTagsForNews .brandTagsWrapper .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.advPicWrapper .brandTagsWrapper .brandTag .imgBorder {
    display: block;
    width: 23px !important;
    height: 23px !important;
}

.brandTagsWrapper .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.brandTagsForNews .brandTag img {
    width: 25px;
    height: 25px;
}

.mainRightColumn .brandTagsWrapper {
    clear: both;
    padding: 0 20px 0 30px;
    margin-top: 15px;
}

.mainRightColumn .tagsWrapper {
    clear: both;
    padding: 0 10px;
    margin-top: 15px;
}

.brandsSmallIcon .brandTag {
    position: relative;
    float: left;
    margin-right: 1px;
}

.brandsSmallIcon .brandTag .brandTagsWrapper {
    margin: 0 !important;
}

.brandsSmallIcon .brandTag object {
    margin: 0 !important;
}

.brandTagsWrapper .brandTag object {
    margin: 0 !important;
}

.brandTag object {
    margin: 0 !important;
}

.brandsSmallIcon .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.emptyBrandTag {
    float: left;
    margin-right: 10px;
    display: block;
    width: 29px;
    height: 29px;
    background: url(/static/img/extra-small-brand.gif) 50% 50%;
}



.videoAlbumFrame {
}

.videoAlbumFrame .videoLeftColumn {
    padding-top: 0;
    margin-top: -5px;
}

.albumsTitleLink {
    display: block;
    font-size: 12px;
}

.videoAlbumFrame h1 {
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    float: left;
}

.videoAlbumFrame .slideShowLink {
    float: right;
    margin: 10px 14px 10px;
}

.videoAlbumFrame .iLikeItButton {
    float: right;
    margin: 10px;
}

.videoAlbumFrame .favIcon {
    float: right;
    margin: 10px 50px 0 0;
}

.videoAlbumFrame .withoutAlbumBlock {
    overflow: hidden;
    width: 660px;
    margin-top: 20px;
}

.videoAlbumFrame .albumImage {
    margin: 18px 0 10px;
}

.videoAlbumFrame .photoStatBlock {
    padding-top: 0;
    border-top: none;
}

.albumMoreButton {
    float: left;
    display: block;
    margin: 8px 0 0 265px;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 17px 0;
    font-size: 11px;
    height: 18px;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
    background: url(/static/img-new/personal-page/album-more-button.png) repeat-x;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Files page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.filesLeftColumn {
    float: left;
    padding: 9px 0 90px 40px;
    width: 624px;
    margin-right: 44px;
}

.foldersBlock {
    margin-bottom: 20px;
    overflow: hidden;
}

.folderCell {
    margin-bottom: 8px;
    position: relative;
}

.folderCell.active {
}

.folderCellTitle {
    overflow: hidden;
    height: 22px;
    padding: 10px 10px 4px 0;
}

.folderIcon {
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 16px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -161px -23px;
}

.folderName {
    float: left;
    text-decoration: underline;
    color: #0099CC;
    display: block;
    font-size: 19px;
}

.folderCell .favIcon {
    float: right;
    margin: 0 10px;
    display: none;
}

.folderCell .iLikeItButton {
    float: right;
    margin-top: 0;
    display: none;
}

.folderCell .blogCodeButton {
    float: right;
    margin: 5px 2px 0 0;
    display: none;
}

.folderCell.active .folderCellTitle {
    background: #E9F8FE;
}

.folderCell.active .favIcon,
.folderCell.active .iLikeItButton,
.folderCell.active .blogCodeButton {
    display: block;
}

.filesNum {
    clear: both;
    color: #666;
    font-size: 12px;
    margin: -1px 0 2px 30px;
}

.folderCreationDate {
    color: #999;
    font-size: 11px;
}

.folderCell .editSettingsIcon {
    position: absolute;
    top: 10px;
    right: 0;
}

.folderCell .delIcon {
    position: absolute;
    top: 11px;
    right: 17px;
}

.filesBlock {
    margin-top: 10px;
}

.filesBlock table {
    text-align: left;
    color: #666;
}

.filesBlock table a {
    color: #666;
}

.filesBlock table th {
    padding: 10px 0;
}

.filesBlock table th span {
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}

.filesBlock table th a {
    text-decoration: none;
}

.filesBlock table td {
    padding: 4px 0 9px;
}

.filesBlock .fileIcon {
    margin: 0 0 -6px;
}

.filesBlock table td .favIcon,
.filesBlock table td .iLikeItButton,
.filesBlock table td .downloadButton,
.filesBlock table td .blogCodeButton {
    display: none;
}

.filesBlock table tr.active {
    background: #E9F8FE;
}

.filesBlock table tr.active span {
    display: none;
}

.filesBlock table tr.active .favIcon,
.filesBlock table tr.active .iLikeItButton,
.filesBlock table tr.active .downloadButton,
.filesBlock table tr.active .blogCodeButton {
    display: block;
    float: right;
}

.filesBlock .favIcon {
    margin: 5px 0 0 9px;
}

.filesBlock .iLikeItButton {
    margin-top: 5px;
}

.filesBlock .downloadButton {
    margin: 5px 0 0 10px;
}

.filesBlock .blogCodeButton {
    margin: 9px 10px 0 10px;
}

.filesBlock .buttonsCell .embedCodeTitle {
    display: none;
}

.filesBlock textarea {
    width: 618px;
}

.embedCodeIcon,
.embedCodeTitle {
    float: left;
    text-decoration: none;
}

.embedCodeTitle {
    border-bottom: 1px dotted #333;
    line-height: 1.5;
    color: #333;
}

.embedCodeIcon {
    width: 18px;
    height: 8px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -127px -41px;
    display: block;
    margin: 6px 4px 0 9px;
}

#photoGalleryEmbedCode {
    clear: both;
}

#photoGalleryEmbedCode textarea {
    width: 100%;
}

.filesRightColumn {
    float: left;
    width: 240px;
    margin-top: 17px;
}

.addNewFilesWrapper {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addNewFilesWrapper .blueButton {
    margin-bottom: 20px;
}

.addNewFilesWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.filesStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.filesStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 14px;
    padding-top: 0 !important;
}

.filesStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.filesStatBlock .blueButton {
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
}

.filesStatBlock .addBrandButtonIcon {
    margin-left: 30px;
}

.addFileButton .addBrandButtonIcon {
    margin-left: 34px;
}

.filesStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.inFolderFrame {
}

.inFolderFrame .filesLeftColumn {
    padding-top: 0;
}

.folderTitleLink {
    display: block;
    font-size: 12px;
}

.inFolderFrame h1 {
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    float: left;
}

.fileListLegend {
    clear: both;
    overflow: hidden;
    padding: 15px 0 7px;
}

.fileListLegend li {
    float: left;
    margin-right: 16px;
}

.fileListLegend li div {
    float: left;
    margin-right: 10px;
}

.fileListLegend li a {
    display: block;
    float: left;
    color: #333;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

.fileListLegend li .blogCodeButton {
    margin-top: 4px;
}

.stillConvertedPdf {
    float: left;
    margin: 2px 5px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Music page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.musicLeftColumn {
    float: left;
    padding: 9px 0 90px 40px;
    width: 624px;
    margin-right: 44px;
}

.musicLeftColumn .albumsSeparator {
    margin-bottom: 20px;
}

.randomLink {
    float: right;
    margin: 0 18px 0 0;
}

.randomLink div {
    float: left;
    margin: 3px 5px 0 0;
    width: 13px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -81px -23px;
}

.randomLink a {
    float: left;
    text-decoration: none;
    color: #333;
    display: block;
    border-bottom: 1px dotted #333;
    white-space: nowrap;
}

.startPlaying {
    float: right;
    margin: 0 18px 0 0;
}

.startPlaying div {
    float: left;
    margin: 3px 5px 0 0;
    width: 16px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -180px 0;
}

.startPlaying a {
    float: left;
    text-decoration: none;
    color: #333;
    display: block;
    border-bottom: 1px dotted #333;
    white-space: nowrap;
}

.playlistFrame .downloadLink {
    margin: 12px 3px 0 0;
}

.playlistBlock {
    margin-bottom: 20px;
    overflow: hidden;
}

.playlistCell {
    margin-bottom: 8px;
    position: relative;
}

.playlistCell.active {
}

.playlistCellTitle {
    overflow: hidden;
    height: 22px;
    padding: 10px 10px 4px 0;
}

.playlistIcon {
    float: left;
    margin-right: 8px;
    width: 14px;
    height: 16px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -81px -35px;
}

.playlistName {
    float: left;
    text-decoration: underline;
    color: #0099CC;
    display: block;
    font-size: 19px;
}

.playlistCell .favIcon {
    float: right;
    margin: 0 10px;
    display: none;
}

.playlistCell .iLikeItButton {
    float: right;
    margin-top: 0;
    display: none;
}

.playlistCell .blogCodeButton {
    float: right;
    margin: 5px 2px 0 0;
    display: none;
}

.playlistCell .editSettingsIcon {
    position: absolute;
    top: 10px;
    right: 0;
}

.playlistCell .delIcon {
    position: absolute;
    top: 11px;
    right: 17px;
}

.playlistCell.active .playlistCellTitle {
    background: #E9F8FE;
}

.playlistCell.active .favIcon,
.playlistCell.active .iLikeItButton,
.playlistCell.active .blogCodeButton {
    display: block;
}

.musicNum {
    clear: both;
    color: #666;
    font-size: 12px;
    margin: -1px 0 3px 22px;
}

.playlistCreationDate {
    color: #999;
    font-size: 11px;
}

.playlistCell .actionsPanel {
    display: none;
}

.playlistCell.active .actionsPanel {
    display: block;
    position: absolute;
    left: 544px;
    top: 12px;
}

.playlistCell.active .actionsPanel a {
    float: left;
    margin: 0 0 0 10px !important;
}

.playlistBlock h1 {
    padding-top: 5px;
}

.playlistBlock .addToBookmarks,
.playlistBlock .deleteFromBookmarks {
    position: relative;
}

.playlistBlock .bookmarkPanel {
    width: 149px;
}

.musicBlock {
    margin-top: 5px;
    overflow: hidden;
    clear: both;
    padding-top: 10px;
}

.musicBlock ul {
}

.musicBlock ul li {
    display: block;
    width: 622px;
    height: 35px;
    position: relative;
}

.musicBlock ul li.played {
}

.musicBlock .controlIcon {
    float: left;
    margin: 10px 5px 0 0;
    width: 14px;
    height: 14px;
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.musicBlock .controlIcon.play {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -112px -36px;
}

.musicBlock .controlIcon.pause {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -112px -52px;
}

.musicBlock ul li .musicProgressBar {
    float: left;
    width: 515px;
    height: 34px;
    color: #666;
    position: relative;
}

.musicBlock ul li.played .musicProgressBar {
    color: #FFF;
    border-right: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    background: url(/static/img-new/personal-page/music-progressbar.png) repeat-x;
}

.musicBlock ul li.played .musicProgress {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 265px;
    height: 34px;
    border-right: 1px solid #8BBC70;
    border-left: 1px solid #9BD67D;
    background: url(/static/img-new/personal-page/music-progress.png) repeat-x;
}

.musicBlock ul li .musicTitle {
    position: absolute;
    left: 4px;
    top: 0;
    z-index: 2;
    color: #666;
}

.musicBlock ul li.played .musicTitle {
    color: #FFF;
}

.musicBlock ul li .actionsPanel {
    display: none;
}

.musicBlock ul li .musicTime {
    position: absolute;
    right: 3px;
    top: 4px;
    color: #666;
}

.musicBlock ul li .bookmarkPanel {
    display: block;
    position: absolute;
    top: -1px;
    left: 614px;
}

.musicBlock ul li .bookmarkPanel .bookmarkCount {
    position: absolute;
    top: 0;
    left: 20px;
}

.musicBlock ul li.active {
    background: #E9F8FE;
}

.musicBlock ul li.active .actionsPanel {
    display: block;
    position: absolute;
    left: 489px;
    top: 10px;
}

.musicBlock ul li.active .actionsPanel a {
    float: left;
    margin: 0 0 0 10px !important;
}

.musicRightColumn {
    float: left;
    width: 240px;
    margin-top: 17px;
}

.addNewMusicWrapper {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addNewMusicWrapper .blueButton {
    margin-bottom: 20px;
}

.addNewMusicWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.musicStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.musicStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 14px;
    padding-top: 0 !important;
}

.musicStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.musicStatBlock .blueButton {
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
}

.musicStatBlock .addBrandButtonIcon {
    margin-left: 27px;
}

.addMusicButton .addBrandButtonIcon {
    margin-left: 15px;
}

.musicStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.playlistFrame {
}

.playlistFrame .filesLeftColumn {
    padding-top: 0;
}

.playlistTitleLink {
    display: block;
    font-size: 12px;
}

.playlistFrame h1 {
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    float: left;
}

.uploadedFiles .musicItemWrapper {
    background: none !important;
}

/*-----music archive-----*/

#endlessMediaArchiveImageLoader {
    height: 12px;
    margin-left: -50px;
    display: none;
}

.archiveAudioContainer {
    width: 630px;
    padding: 30px 15px 15px 15px;
}

.archiveAudioContainer .musicItemWrapper {
    width: 440px;
}

.archiveAudioContainer .played .musicItemWrapper {
    width: 391px;
}

.archiveAudioContainer .musicListItem {
    overflow: visible;
}

.archiveAudioContainer .musicListItem .musicTitle {
    width: 398px;
}

.archiveAudioContainer .titleHide {
    left: 383px;
}

.archiveAudioContainer .played .titleHide {
    background: url('/static/img-new/audio/gradient-blue.png') right top repeat-y;
}

.archiveAudioContainer .progressHide {
    left: 383px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------Blog page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.addBlogPostColumn {
    float: left;
    padding: 9px 0 90px 40px;
    width: 670px;
    margin-right: 44px;
}

.addBlogPostColumn h1 {
    font-size: 28px;
    color: #333;
    padding-bottom: 20px;
    font-weight: normal;
    font-family: 'Calibri';
}

.addBlogPostColumn .textInputLighter.blogPostTitle {
    float: left;
    margin: 0 0 0 -3px;
}

.addBlogPostColumn .textInputLighter.blogPostTitle input {
    width: 613px;
    height: 30px;
    font-size: 28px;
    font-family: 'Calibri';
}

.addBlogPostColumn .textInputLighter.blogPostTagsInput {
    float: left;
    margin: 30px 0 0 -3px;
}

.addBlogPostColumn .textInputLighter.blogPostTagsInput input {
    width: 613px;
    height: 22px;
    font-size: 14px;
    font-family: 'Calibri';
}

.addBlogPostColumn .inputErrorMessage {
    clear: both;
}

#titleLength,
#textTagsLength,
.fieldLength {
    color: #999;
    float: left;
    margin: 10px 0 0 10px;
}

#textTagsLength {
    margin-top: 38px;
}

.addBrandTagLink {
    color: #666;
    display: block;
    float: left;
    text-decoration: none;
    border-bottom: 1px dotted #666;
    margin-top: 7px;
}

.brandTagsSelector {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 20px;
}

.brandTagsSelector .brandTagsWrapper .brandTag {
    margin: 0 5px 5px 0;
}

.addBlogPostColumn .addPostCheckboxes {
    clear: both;
    margin-bottom: 40px;
}

.addBlogPostColumn .addPostCheckboxes .checkBox {
    display: block;
    margin-bottom: 5px;
}

.addBlogPostColumn .bigBlueButton {
    float: left;
    margin-right: 10px;
}

.addBlogPostColumn #textTagsLength {
    margin-top: 40px !important;
}

#addPostForm,
#createContestForm,
#addAdvertisingCampaignForm {
    position: relative;
}

#newsForm .brandTagsWrapper img,
#addAdvertisingCampaignForm .brandTagsWrapper img,
#addPostForm .brandTagsWrapper img {
    float: left;
    width: 29px;
    height: 29px;
    margin-right: 10px;
}

.draftExistsBlock {
    float: left;
    background: #CCEBF5;
    padding: 10px;
    margin: 10px 0 10px 0;
    width: 638px;
}

.draftExistsBlock .draftExistsAlert {
    float: left;
    margin: -4px 5px 0 5px;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -80px -120px no-repeat;
}

.draftExistsBlock .draftExistsMsg {
    float: left;
    margin: 0 5px 0 5px
}

.draftExistsApplyBlock, .draftExistsCancelBlock {
    float: left;
}

.draftExistsApplyBlock .draftExistsApplyImg {
    float: left;
    margin: -4px 5px 0 5px;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -40px -120px no-repeat;
}

.draftExistsCancelBlock .draftExistsCancelImg {
    float: left;
    margin: -4px 5px 0 5px;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -20px -120px no-repeat;
}

.newsFullText {
    min-height: 100px;
    clear: both;
}

/*----------wysiwyg------------*/

.wysiwygContainer {
    clear: both;
    width: 656px;
    padding-top: 20px;
}

.wysiwygContainer .addWallMessage {
    margin-bottom: 0 !important;
    padding: 5px 8px;
    background: #F4F4F4;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -khtml-border-radius-bottomright: 0;
    -khtml-border-radius-bottomleft: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.wysiwygIFrameWrapper {
    border: 1px solid #AAA;
    overflow: hidden;
    position: relative;
}

#wysiwygIFrame {
    width: 657px;
    height: 445px;
    overflow: hidden;
    position: relative;
    margin: 2px 0 0 -7px;
}

body:first-of-type #wysiwygIFrame {
    width: 667px;
    margin-top: -8px;
}

.wysiwygContainer .mediaBrowserTabIcons {
    overflow: hidden;
    float: left;
    padding: 0 5px 0 10px;
}

.wysiwygContainer .flashCodeForm .textInputLighter.current {
    background: none;
    border: none;
}

.wysiwygNewContainer {
    clear: both;
    width: 656px;
    padding-top: 20px;
}

/*----------show all-----------*/

.blogLeftColumn {
    float: left;
    padding: 9px 0 90px 40px;
    width: 624px;
    margin-right: 44px;
}

.blogLeftColumn h1 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    margin-bottom: 23px;
}

.blogLeftColumn .postTitle {
    display: inline !important;
    color: #000;
    float: none !important;
}

.blogLeftColumn .addToBookmarks {
    float: left;
    margin-right: 10px;
}

.blogLeftColumn .deleteFromBookmarks {
    float: left;
    margin-right: 10px;
}

.blogLeftColumn .bookmarks {
    float: left;
    margin-right: 10px;
}

.blogLeftColumn .bookmarkBlock {
    float: left;
    margin-right: 5px;
}

.blogLeftColumn .bookmarkCount {
    font-size: 11px;
    line-height: 1.5;
}

.blogLeftColumn .blogPost {
    border-top: 1px dotted #E5E5E5;
    padding-top: 38px;
}

.blogLeftColumn .blogPost:first-child {
    border-top: none;
    padding-top: 0;
}

.blogLeftColumn .blogPost .bumpCounter {
    float: left;
    position: relative;
    right: 0;
    margin: 6px 0 0;
    font-size: 17px;
}

.blogLeftColumn .blogPost .bumpCounter .bumpCounterNumber {
    font-size: 15px;
}

.blogLeftColumn .blogPost .extraBlock {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 0 -3px 5px;
}

.blogLeftColumn .commentString {
    float: right;
    margin-top: -13px;
}

.blogLeftColumn .voteBlock {
    margin: 30px 0;
    overflow: hidden;
}

.blogLeftColumn .voteBlock .radiogroupBlock {
    margin: 10px 0;
    overflow: hidden;
}

.blogLeftColumn .voteBlock .blueButton {
    float: left;
    margin-left: 20px;
}

.blogLeftColumn .radiogroupBlock {
    float: none;
}

.ratingWrapper {
    float: left;
    margin-right: 10px;
}

.ratingWrapper form {
    float: left;
    margin-top: 7px;
}

.blogLeftColumn .bigBlueButton {
    float: left;
    margin-right: 10px;
}

.voteResults {
    color: #666;
    overflow: hidden;
    padding-top: 10px;
}

.voteResults li {
    margin-bottom: 10px;
    overflow: hidden;
}

.voteResults .voteCounter {
    width: 25px;
    float: left;
}

.voteResults .max .voteCounter {
    color: #4E953C;
}

.voteResults .voteScaleWrapper {
    width: 120px;
    height: 12px;
    float: left;
    background: url(/static/img-new/personal-page/vote-scale-background.png) repeat-x;
}

.voteResults .voteScale {
    width: 10px;
    height: 12px;
    background: url(/static/img-new/personal-page/vote-scale.png) repeat-x;
}

.voteResults .max .voteScale {
    background: url(/static/img-new/personal-page/vote-scale-max.png) repeat-x;
}

.voteResults .voteScaleTitle {
    float: left;
    margin-left: 10px;
}

.voteResults .max .voteScaleTitle {
    font-weight: bold;
}

.eraseContestPost {
    float: left;
}

.blogPost {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.postTitle {
    font-family: 'Calibri', Arial;
    padding-bottom: 10px;
    font-size: 36px !important;
    line-height: 32px !important;
    color: #384250 !important;
    width: 600px;
    float: left;
    display: block;
    margin-bottom: 10px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.blogPost .brandTagsWrapper {
    clear: both;
    margin-top: 10px;
}

.blogPostContent {
    clear: both;
    margin-top: 10px;
    padding-bottom: 20px;
    min-height: 100px;
}

.blogPostContent h1,
.promotionFullDescription h1,
.newsFullText h1 {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}

.blogPostContent h2,
.promotionFullDescription h2,
.newsFullText h2 {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
}

.blogPostContent h3,
.promotionFullDescription h3,
.newsFullText h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.blogPostContent img,
.promotionFullDescription img,
.newsFullText img  {
    display: block;
}

.blogPostContent p,
.promotionFullDescription p,
.newsFullText p {
    padding: 10px 0;
    line-height: 22px;
    font-family: 'Calibri', Arial;
    font-size: 16px;
    color: #384250;
}

.blogPost .brandTagsWrapper .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.brandTagsWrapper .brandTag .borderForBigIcon {
    width: 27px !important;
    height: 27px !important;
}

.blogPost .bumpCounter {
    position: absolute;
    top: 0;
    right: 17px;
}

.blogPost .creationDate {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
}

.blogPost .bookmarkCount {
    margin-left: -7px;
}

.blogRightColumn {
    float: left;
    width: 258px;
    margin-top: 17px;
}

.blogRightColumn .videoStatBlock .addBrandButtonIcon {
    margin-left: 15px;
}

.blogRightColumn .videoStatBlock h2 {
    color: #000;
    font-size: 18px;
    padding-bottom: 12px;
}

.rightColumnBlock {
    border-top: 1px dotted #000;
    padding-top: 40px;
    margin-bottom: 50px;
}

.rightColumnBlock:first-child {
    border: none;
    padding-top: 0;
    margin-bottom: 50px;
}

.blogPostsBlockTitle {
    font-weight: normal;
    font-size: 17px;
    padding-bottom: 20px;
}

.blogPostItem {
    margin-bottom: 25px;
}

.blogPostItemTitle {
    padding-bottom: 7px;

}

.blogPostItemTitle a {
    word-wrap: break-word;
}

.blogPostItemExtra span,
.blogPostItemExtra a,
.blogPostItemInfo span {
    position: relative;
    top: -3px;
    font-size: 12px;
    color: #CCC;
}

.blogPostItemExtra .blogPostDate {
    top: 0;
}

.blogPostItemExtra .blogPostAuthorNameComa {
    top: 0;
}

.blogPostComments {
    display: inline-block;
    margin-right: 14px;
    *display: inline;
    *zoom: 1;
}

.blogPostComments a {
    color: #CCC;
}

.blogPostCommentsIcon {
    display: inline-block;
    margin-left: -2px;
    background: url(/static/img-new/icons-sprite.v6.png) -221px -58px;
    width: 20px;
    height: 20px;
    *display: inline;
    *zoom: 1;
}

.blogPostCount {
    display: inline-block;
    margin-right: 14px;
    *display: inline;
    *zoom: 1;
}

.blogPostCountIcon {
    display: inline-block;
    margin-right: 2px;
    background: url(/static/img-new/icons-sprite.v6.png) -240px -58px;
    width: 20px;
    height: 20px;
    *display: inline;
    *zoom: 1;
}

.blogPostRating {
    display: inline-block;
    margin-right: 14px;
    *display: inline;
    *zoom: 1;
}

.blogPostRatingIcon {
    display: inline-block;
    background: url(/static/img-new/icons-sprite.v6.png) -241px -38px;
    width: 20px;
    height: 20px;
    *display: inline;
    *zoom: 1;
}

.blogPostAuthor {
    display: inline-block;
    margin-right: 5px;
    *display: inline;
    *zoom: 1;
}

.blogPostAuthorIcon {
    display: inline-block;
    margin-left: -4px;
    background: url(/static/img-new/icons-sprite.v6.png) -80px -58px;
    width: 20px;
    height: 18px;
    *display: inline;
    *zoom: 1;
}

.blogPostAuthorName {
    position: relative;
    top: 0 !important;
    vertical-align: bottom;
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
    height: 13px;
    *display: inline;
    *zoom: 1;
}

.blogPostAuthorFog {
    position: absolute !important;
    left: 86px;
    top: 0;
    background: url(/static/img-new/publications/blog-post-fog.png);
    width: 46px;
    height: 20px;
}

.clubOwnerArrow {
    display: inline-block;
    float: left;
    margin-top: -5px;
    margin-right: 4px;
    background: url(/static/img-new/publications/club-owner-arrow.png) 0 8px no-repeat;
    width: 12px;
    height: 25px;
}

.clubOwnerImg {
    float: left;
    margin-top: -6px;
    margin-right: 4px;
    width: 25px;
    height: 25px;
}

.blogPostItem:hover .blogPostCountIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -201px -117px
}

.blogPostItem:hover .blogPostCommentsIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -182px -117px;
}

.blogPostItem:hover .blogPostAuthorIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -240px -117px;
}

.blogPostItem:hover .blogPostRatingIcon {
    background: url(/static/img-new/icons-sprite.v6.png) -222px -118px;
}

.blogPostItem:hover .blogPostItemExtra span,
.blogPostItem:hover .blogPostItemExtra a,
.blogPostItem:hover .blogPostComments a,
.blogPostItem:hover .blogPostItemInfo span {
    color: #999;
}



.blogPost.alone .creationDate {
    float: left;
}

.eraseLink {
    float: left;
    padding: 8px 0 0 10px;
}

.eraseLink a {
    color: #333;
}

.eraseLink a:hover {
    color: #65B044;
}

.eraseLinkRel {
    float: left;
    padding: 1px 0 0 10px;
}

.eraseLinkRel a {
    color: #333;
}

.eraseLinkRel a:hover {
    color: #65B044;
}

.eraseIcon {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

/*.blogPost .eraseIcon { float: left; margin-right: 5px; cursor: pointer; background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px; width: 12px; height: 14px; }*/
.showCountIcon {
    float: left;
    margin-right: 4px;
    width: 18px;
    height: 11px;
    background: url(/static/img-new/header/header-sprite.png) -177px 0;
}

.showCounter p {
    float: left !important;
    margin-top: -1px;
    padding: 0 !important;
}

.blogPost .showCounter {
    float: left;
    margin: 10px 10px 0 13px;
}

/*----------Add poll------------*/

.addPollForm .addNewAnswer {
    cursor: pointer;
    float: left;
}

.addPollForm .pollAnswer {
    clear: both;
    overflow: hidden;
}

.addPollForm .pollAnswer .cellInput {
    width: 490px;
    float: left;
}

.addPollForm .pollAnswersList.canDeleteAnswers .removeAnswer {
    display: block;
    float: left;
}

.poll {
    overflow: hidden;
}

.poll .pollAnswer {
    overflow: hidden;
}

.poll .voteButton {
    margin-left: 18px;
    overflow: hidden;
    cursor: pointer;
}

.poll .radioButtonLabel {
    float: left;
    width: 580px;
    line-height: 1.5;
    margin: -2px 20px 0 5px;
}

.poll .voteBar {
    height: 10px;
    background: url(/static/img-new/poll/vote-bar.png) repeat-x;
    clear: both;
    margin-left: 50px;
}

.poll .answerVotesCount {
    float: left;
    width: 50px;
}

.poll .answerTitle {
    float: left;
    width: 566px;
}

.poll .mostVotedPollAnswer {
    font-weight: bold;
}

.poll .mostVotedPollAnswer .voteBar {
    background: url(/static/img-new/poll/most-voted-vote-bar.png) repeat-x;
}

.addPollForm .addContentWrapper {
    padding-top: 10px;
}

.addPollForm .addContentWrapper .cellTitle {
    float: left;
    width: 70px;
    line-height: 2;
    padding-right: 5px;
    font-family: 'Arial';
    font-size: 13px;
    color: #333;
    text-align: left;
}

.addPollForm .addContentWrapper .cellInput {
    position: relative;
    float: left;
    padding-bottom: 7px;
}

.addPollForm .addContentWrapper .cellInfo {
    float: left;
    margin: 10px 0 0 13px;
    width: 200px;
}

.addPollForm .pollAnswer .cellInput {
    width: 511px;
}

.addWallMessage .addPollForm .pollAnswer .textInputWrapper input {
    width: 495px;
}

.addWallMessage .addPollForm .textInputWrapper {
    width: 490px;
}

.addWallMessage .addPollForm .textInputWrapper textarea {
    width: 482px;
}

.removeAnswer {
    cursor: pointer;
    margin: 7px 0 0 6px;
    width: 12px;
    height: 13px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px no-repeat;
}

.addPollForm .addNewAnswer {
    margin: 0 0 20px 78px;
}

.addPollForm .addNewAnswer span {
    border-bottom: 1px dashed #333;
    display: inline-block;
    font-size: 11px;
    margin-left: 5px;
}

.addNewAnswerIcon {
    display: inline-block;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -16px -164px;
    width: 12px;
    height: 12px;
}

.addPollButton {
    margin-right: 10px;
    float: left;
}

.pollTitle {
    font-weight: bold;
    padding-bottom: 10px;
}

.pollAnswer {
    margin-bottom: 3px;
}

.poll .pollAnswersList {
    margin-bottom: 10px;
}

.addWallMessage .addPollForm .pollAnswer .textInputWrapper {
    width: 490px;
}

.addWallMessage .addPollForm .pollAnswer .textInputWrapper input {
    width: 482px;
}

.addPollForm .pollAnswersList .removeAnswer {
    cursor: pointer;
    margin-left: 10px;
}

.addPollForm .pollAnswersList.canDeleteAnswers .removeAnswer {
    display: block;
    float: left;
}

/*----------comment and media browser--------*/



.comment {
    position: relative;
    margin-left: 160px;
    margin-bottom: 20px;
    overflow: hidden;
    clear: both;
}

.re1 {
    margin-left: 0;
}

.re2 {
    margin-left: 40px;
}

.re3 {
    margin-left: 80px;
}

.re4 {
    margin-left: 120px;
}

.re5 {
    margin-left: 160px;
}

.re2 .musicItemWrapper { width: 425px; }

.re2 .musicListItem .musicTitle {
    width: 419px;
}

.re3 .musicItemWrapper { width: 386px; }

.re3 .musicListItem .musicTitle {
    width: 380px;
}

.re4 .musicItemWrapper { width: 345px; }

.re4 .musicListItem .musicTitle {
    width: 339px;
}

.re5 .musicItemWrapper { width: 303px; }

.re5 .musicListItem .musicTitle {
    width: 298px;
}

.re6 .musicItemWrapper { width: 303px; }

.re6 .musicListItem .musicTitle {
    width: 298px;
}

.mediaBrowserContainer {
    overflow: auto;
    width: 646px;
    max-height: 380px;
    padding-top: 18px;
}

.mediaBrowserContainer .imageMessageForm img {
    max-width: 600px;
    max-height: 300px;
}

.mediaBrowserContainer .addContentWrapper {
    overflow: hidden;
    margin-bottom: 10px;
}

.mediaBrowserContainer .blueButton {
    margin-right: 5px;
    float: left;
}

.mediaBrowserContainer .videoPlayerPreviewContainer {
    height: 333px;
    width: 618px;
    display: inline;
}

.mediaBrowserContainer .videoPlayerPreviewContainer object,
.mediaBrowserContainer .videoPlayerPreviewContainer embed {
    height: 333px;
}

.addCommentFormFooter .mediaBrowserTabIcons {
    float: right;
    padding-top: 7px;
}

.addCommentFormAttachedFilesPlaceholder {
}

.addCommentFormAttachedFilesPlaceholder .attachedImageVideoFileToComment {
    position: relative;
    float: left;
    padding: 8px 5px 8px 5px;
    width: 110px;
}

.addCommentFormAttachedFilesPlaceholder .attachedAudioFileToComment {
    position: relative;
    clear: both;
    padding: 8px 5px 8px 5px;
}

.attachedImageVideoFileToComment .attachedImageVideoFilePreview {
    width: 90px;
    height: 90px;
}

.attachedImageVideoFileToComment .eraseIcon,
.attachedAudioFileToComment .eraseIcon {
    position: absolute;
    top: 7px;
    right: -1px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

.commentManageButtonsPlaceholder {
    clear: both;
    padding-top: 10px;
}

.commentTime {
    color: #999;
    font-size: 11px;
}

.comment .smallAvatar {
    margin-right: 10px;
    float: left;
    position: relative;
}

.comment .smallAvatar .imgBorder {
    z-index: 2;
}

.commentText {
    clear: both;
    margin: 20px 0;
    color: #666;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.comment .moreButton {
    padding: 4px 8px 3px;
    border-bottom: none;
    text-decoration: none;
    background: url(/static/img-new/personal-page/more-button-background.png) repeat-x;
}

.comment .reIcon {
    display: inline-block;
    margin-right: 5px;
    *display: block;
    zoom: 1;
    *margin-top: 1px;
    *float: left;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -70px;
    width: 8px;
    height: 7px;
}

.comment .eraseIcon {
    float: left;
    margin: 0 5px 0 14px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

.comment .deletingLink {
    float: left;
    height: 13px;
}

.commentList {
    border-bottom: 1px dotted #999999;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 15px;
}

#commentPaginator {
    padding-bottom: 50px;
}

.addCommentForm {
    background: #E9F8FE;
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #B8E0EF;
    padding: 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.addCommentForm textarea {
    width: 589px;
    color: #000;
}

.addCommentForm .blueButton {
    float: left;
    margin: 10px 5px 0 0;
}

.addCommentForm .musicItemWrapper {
    width: 472px;
}

.addCommentForm .musicListItem.played .musicTitle {
    width: 463px;
}





/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Albums page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.albumCreateBlock {
    width: 630px;
    padding-bottom: 120px;
    margin: 30px 0 0 40px;
    overflow: hidden;
}

.albumCreateBlock h1 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    margin-bottom: 20px;
}

.albumCreateBlock .textInputLighter {
    float: left;
}

.albumCreateBlock input {
    font-size: 20px;
    width: 570px;
    height: 30px;
}

.symbolNumber {
    color: #999;
    font-size: 12px;
    float: left;
    margin: 14px 0 0 10px;
}

.albumCreateBlock .albumImage {
    background-color: #F4F4F4 !important;
    background-position: 25px 19px !important;
    background-repeat: no-repeat !important;
    clear: both;
    margin: 40px 0 20px 0;
    float: left;
}

.albumCreateBlock .blueButton {
    margin-left: 2px;
    float: left;
    clear: both;
}

.albumCreateBlock .smallGrayTitle {
    margin: 7px 0 0 10px;
    float: left;
}

.albumCreateBlock .checkBox {
    float: left;
    clear: both;
    margin-top: 30px;
}

.albumCreateBlock .checkBoxLabel {
    color: #333;
    font-size: 12px;
    line-height: 1.5;
}

.albumCreateBlock .buttonsBlock {
    margin-top: 30px;
    *margin-top: 20px;
    width: 220px;
    clear: both;
    float: left;
}

.albumCreateBlock .buttonsBlock .bigBlueButton {
    position: relative;
    margin-right: 10px;
    float: left;
}

.albumCreateBlock .videoLink {
    background-color: #F4F4F4;
    clear: both;
    margin: 40px 0 30px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------Bookmarks page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.bookmarksLeftColumn {
    float: left;
    padding: 9px 0 90px 40px;
    width: 684px;
}

.bookmarksLeftColumn h1 {
    font-size: 19px;
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    margin-bottom: 20px;
}

.bookmarksLeftColumn .albumsSeparator {
    margin-bottom: 25px;
}

.bookmarksLeftColumn .folderCreationDate {
    margin: 0;
}

.bookmarksLeftColumn .numberOfPhotos {
    color: #666;
}

.bookmarksLeftColumn .photoPreview,
.bookmarksLeftColumn .videoPreview {
    float: left;
    width: 140px;
    margin: 0 23px 20px 0;
}

.bookmarksLeftColumn .musicBlock {
    margin-left: -6px;
}

.bookmarksLeftColumn .filesBlock table th {
    padding: 0;
}

.bookmarksLeftColumn .musicListItem .musicItemWrapper {
    margin-right: 0;
}

.bookmarksLeftColumn .blogPost .bookmarkPanel {
    position: absolute;
    top: 10px;
    right: 0;
}

.bookmarksLeftColumn .filesBlock {
    margin-bottom: 20px;
}

.bookmarksLeftColumn .filesBlock .bookmarkPanel {
    margin-top: 6px;
    white-space: nowrap;
}

.bookmarksLeftColumn .photoCell {
    position: relative;
}

.bookmarksLeftColumn .photoCell .bookmarkPanel {
    position: absolute;
    top: 3px;
    left: -3px;
    display: none;
}

.bookmarksLeftColumn .photoCell:hover .bookmarkPanel {
    display: block;
}

.bookmarksRightColumn {
    float: left;
    width: 240px;
    margin-top: 17px;
}

.bookmarkItem .bookmarkPanel {
    float: right;
}

.blogPost.bookmarkItem .extraBlock {
    display: none !important;
}

.bookmarkItem .pubCell .commentString {
    float: left;
    margin-top: 2px;
    margin-top: 1px;
}

.bookmarkItem .pubCell .bumpCounter {
    margin-top: -1px;
}

.bookmarkItem .pubRating {
    top: auto !important;
    bottom: 0;
}

/*---------------------------------------------- Bookmarks window ----------------------------------------------------*/

.likedUsersWindow {
    -moz-border-radius: 8px;
    background: none repeat scroll 0 0 #C9E9F8;
    padding: 0.5em;
    position: absolute;
    margin-top: -75px;
    margin-left: -145px;
    width: 180px;
    z-index: 500;
}

.likedUsersWindow .header {
    overflow: hidden;
    float: none !important;
}

.likedUsersWindow .header .title {
    float: left;
    font-size: 10px;
    margin: 0 3px 0 2px;
    padding-bottom: 6px;
}

.likedUsersWindow .header .closeButton {
    margin: 1px 3px 0 0;
    float: right;
    width: 9px;
    height: 10px;
    background: url(/static/img-new/header/header-sprite.png) -149px 0;
    cursor: pointer;
}

.likedUsersWindow .windowContent {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 2px;
    clear: both;
    width: 175px;
    overflow: hidden;
}

.likedUsersWindow .windowContent img {
    border: 1px solid #CCCCCC;
}

.likedUsersWindow .windowContent a {
    margin-right: 4px;
    display: block;
    text-decoration: none;
    border-bottom: none;
    float: left;
}

.likedUsersWindow {
    -moz-border-radius: 8px;
    background: none repeat scroll 0 0 #C9E9F8;
    padding: 0.5em;
    position: absolute;
    z-index: 500;
    display: none;
}

.likedUsersWindow .header {
    overflow: hidden;
}

.likedUsersWindow .header .title {
    float: left;
    font-size: 10px;
    margin: 0 3px 3px 2px;
}

.likedUsersWindow .windowContent {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px 0 3px 5px;
    overflow: hidden;
}

.likedUsersWindow .windowContent img {
    border: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------All clubs page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.allClubsLeftColumn {
    float: left;
    padding: 30px 0 90px 40px;
    width: 660px;
    margin-right: 35px;
}

.allClubsLeftColumn h1 {
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
}

/*.allClubsLeftColumn .selectorWrapper { *margin-top: 40px; }*/
.allClubsList, .allBrandsList, .allPersonList .allBrandPartnersList {
    clear: both;
    padding-top: 10px;
}

.allPersonList .club,
.allClubsList .club,
.allBrandsList .club {
    background: transparent;
}

.allBrandPartnersList .club {
    background: transparent;
}

.club {
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
    padding: 15px;
    overflow: hidden;
    background: url(/static/img-new/layout/footerBackground.png) repeat-x;
}

.clubAvatar {
    margin-right: 17px;
    background: #FFF;
    width: 90px;
    height: 90px;
    position: relative;
    float: left;
}

.clubAvatar a {
    text-decoration: none;
}

.clubAvatar .imgBorder {
    width: 88px;
    height: 88px;
}

.clubAvatar .alignedBlock {
    width: 90px;
    height: 90px;
}

.clubAvatar .imageWrapper {
    height: 90px;
}

.clubContent {
    float: left;
    width: 280px;
    margin-right: 15px;
    min-height: 90px;
}

.clubContent a {
    font-size: 20px;
}

.clubContent p {
    padding-top: 10px;
    width: 300px;
}

.clubContent .imageWrapper {
    height: 90px;
}

.clubMembersNum {
    float: left;
    height: 51px;
    width: 105px;
    color: #666;
    position: relative;
    padding: 39px 0 0 18px;
}

.clubMembersNum .blueButton {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
}

.clubDescriptionControl {
    color: #666;
    margin: 5px 0 5px 0;
    cursor: pointer;
    font-size: 10px;
    text-decoration: underline;
    float: right;
}

.club:hover .clubMembersNum .blueButton {
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
}

.clubMembersNum .blueButtonContent {
    width: 92px;
}

.clubRating {
    float: left;
    height: 51px;
    padding: 36px 0 0 10px;
    color: #D272E7;
    font-size: 18px;
}

.clubRating .ratingIcon {
    width: 15px;
    height: 15px;
    margin: 2px 3px 0 0;
    float: left;
    background: url(/static/img-new/header/header-sprite.png) -15px -16px;
}

.allClubsRightColumn {
    float: left;
    width: 240px;
    margin-top: 40px;
}

.toClubWrapper {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.toClubWrapper .blueButton {
    margin-bottom: 20px;
}

.toClubWrapper .blueButton .blueButtonContent {
    font-size: 12px;
    letter-spacing: 0.6px;
}

.toClubStatBlock {
    clear: both;
    overflow: hidden;
    padding: 19px 0 17px;
    font-family: 'Arial';
    font-size: 13px;
    color: #666;
    border-top: 1px dotted #CCC;
}

.toClubStatBlock a {
    text-decoration: none;
}

.toClubStatBlock:first-child {
    border-top: none !important;
    padding-bottom: 14px;
    padding-top: 0 !important;
}

.toClubStatBlock ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 7px;
    padding-bottom: 1px;
}

.toClubStatBlock .blueButton {
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
}

.toClubStatBlock .addBrandButtonIcon {
    margin-left: 40px;
}

.toClubStatBlock .blueButtonContent {
    width: 178px;
    font-size: 11px !important;
    line-height: 1;
}

.paginator {
    clear: both;
    padding-bottom: 30px;
}

.paginator .previousPage {
    cursor: pointer;
    margin-right: 2px;
    float: left;
    width: 35px;
    height: 25px;
    background: url(/static/img-new/person/person-sprite.png) 0 -18px;
}

.paginator .previousPageIcon {
    float: left;
    margin: 7px 0 0 10px;
    width: 14px;
    height: 10px;
    background: url(/static/img-new/person/person-sprite.png) -39px -19px;
}

.paginator .nextPage {
    cursor: pointer;
    float: left;
    width: 35px;
    height: 25px;
    background: url(/static/img-new/person/person-sprite.png) 0 -18px;
}

.paginator .nextPageIcon {
    float: left;
    margin: 8px 0 0 10px;
    width: 14px;
    height: 10px;
    background: url(/static/img-new/person/person-sprite.png) -39px -30px;
}

.paginator .scrollBar {
    position: relative;
    width: 550px;
    margin-left: 3px;
    float: left;
    height: 26px;
    background: url(/static/img-new/personal-page/scroller-background.png) repeat-x;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.paginator .scroller {
    position: absolute;
    cursor: pointer;
    width: 35px;
    height: 25px;
    background: url(/static/img-new/person/person-sprite.png) 0 -18px;
}

.paginator .scrollerIcon {
    float: left;
    margin: 8px 0 0 12px;
    width: 13px;
    height: 9px;
    background: url(/static/img-new/person/person-sprite.png) -58px -18px;
}

.paginator .paginatorPageHint {
    width: 35px;
    top: 30px;
    text-align: center;
    left: 0;
    position: absolute;
    color: #666;
    font-size: 11px;
}

.paginator .numberBar {
    float: left;
    width: 580px;
    overflow: hidden;
    height: 26px;
    margin-left: 20px;
}

.paginator .numberBar .pageNumber, .paginator .numberBar .pageEllipsis {
    padding: 3px 3px 0 3px;
    height: 21px;
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 1.4em;
    text-decoration: underline;
    color: #0099cc;
    margin-right: 4px;
}

.paginator .numberBar .pageNumber:hover {
    color: #65B044;
}

.paginator .numberBar .pageNumber.active:hover {
    color: #ff6600;
}

/*--------------------------------------------------------------------------------------------------------------------*/

.paginator .numberBar .pageNumber.active {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #f3f3f3;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    cursor: default;
    color: #ff6600;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Search page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.searchHeader {
    position: relative;
    height: 85px;
    background: url(/static/img-new/person/person-background.png) repeat-x;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -khtml-border-radius-topright: 4px;
    -khtml-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.searchHeader h1 {
    position: relative;
    margin-left: 38px;
    padding-top: 15px;
    color: #FFF;
    font-size: 28px;
    font-family: 'Calibri';
    font-weight: normal;
}

.pagesHeader {
    position: relative;
    background: url(/static/img-new/person/person-background.png) repeat-x;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -khtml-border-radius-topright: 7px;
    -khtml-border-radius-topleft: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.pagesHeader h1 {
    position: relative;
    height: 45px;
    margin-left: 38px;
    padding-top: 15px;
    color: #FFF;
    font-size: 28px;
    font-family: 'Calibri';
    font-weight: normal;
}

.tallH1 {
    padding-bottom: 25px;
}

.registrationTitle {
    padding-left: 375px;
}

.searchSectionTitle {
    float: left;
}

.searchByBrandBlock {
    float: left;
    margin: 18px 0 0 10px;
}

.searchByBrandBlock .brandTag {
    float: left;
}

.searchByBrandBlock a {
    display: block;
    margin: 6px 0 0 10px;
    float: left;
    color: #AFB5BE;
}

.searchBody {
    padding: 30px 30px 90px 40px;
    overflow: hidden;
}

.searchBody .bigBlueButton {
    float: left;
    margin-top: 3px;
}

.searchBody .bigBlueButtonContent {
    font-size: 11px;
    padding-top: 10px;
}

.searchBody .textInputLighter {
    float: left;
}

.searchBody .textInputLighter input {
    width: 825px;
    *width: 800px;
    font-size: 20px;
}

.searchBody.peopleSearch {
    float: none;
    width: 655px;
}

.searchBody.peopleSearch .textInputLighter input {
    width: 560px;
}

.searchFormWrapper {
    width: 650px;
}

html>body .searchBody.peopleSearch {
    *margin-right: 270px;
}

html>body .searchBody.peopleSearch .textInputLighter input {
    *width: 548px;
}

html>body .searchInfoBlock #personBirthDateDay {
    *width: auto;
}

.additionalSearchOptions {
    float: right;
    width: 240px;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-right: 30px;
}

.searchInfoBlock {
    background: #F4F4F4 url(/static/img-new/personal-page/search-info-header.png) repeat-x;
    padding: 0 20px 20px;
}

.searchInfoBlock .searchInfoHeader {
    margin-bottom: 15px;
    padding: 9px 0 0 20px;
    text-shadow: 0 1px 0 #FFF;
    height: 30px;
    font-size: 14px;
}

.searchInfoBlock .regBlockCell {
    overflow: hidden;
    padding: 5px 0;
}

.searchInfoBlock .regBlockCell .cellTitle {
    width: auto;
    text-align: left;
    font-size: 11px;
}

.searchInfoBlock #personBirthDateDay {
    width: 56px;
    clear: both;
}

.searchInfoBlock #personBirthDateDay .textInputWrapper {
    width: 30px;
}

.searchInfoBlock #personBirthDateMonth {
    width: 77px;
    float: left;
}

.searchInfoBlock #personBirthDateMonth .textInputWrapper {
    width: 50px;
}

.searchInfoBlock #personBirthDateYear {
    float: left;
}

.searchInfoBlock #personBirthDateYear .textInputWrapper {
    width: 40px;
}

.searchInfoBlock .maleIcon,
.searchInfoBlock .femaleIcon {
    margin-top: 0;
}

.searchInfoBlock .checkBoxLabel {
    display: block;
    float: left;
    line-height: 1.1;
    margin: 0 5px 0 0;
}

.searchInfoBlock .blueButtonField .textInputWrapper {
    width: 173px;
}

#js_clearFormButton {
    margin: -6px 0 0 12px;
    font-size: 11px;
    color: #000;
    display: block;
    border-bottom: 1px dashed #000;
    float: left;
}

#js_clearFormButton:hover {
    color: #65B044;
    border-bottom: 1px dashed #65B044;
}

.searchInfoBlock #js_userEducation_graduationYear {
    clear: both;
}

.searchBlockControls {
    clear: both;
    overflow: hidden;
    padding: 50px 0 0;
}

.searchColumn {
}

.searchCell {
    padding: 38px 0 20px;
    border-top: 1px dotted #CCC;
    overflow: hidden;
}

.searchCell:first-child {
    border-top: none;
}

.searchCell .searchLeftPart {
    float: left;
    width: 150px;
}

.searchCell .searchLeftPart .searchResultsCount {
    color: #CCC;
    font-size: 12px;
}

.searchCell .searchRightPart {
    float: left;
    width: 760px;
    position: relative;
}

.searchCell .searchRightPart .showAllSearchResults {
    color: #000;
    display: block;
}

.searchCell .searchRightPart .showAllSearchResults.withSpace {
    margin-top: 20px;
}

.searchCell .searchRightPart .photoCell {
    height: 187px;
    margin: 0 15px 0 0;
}

.searchCell .searchRightPart .foundText {
    width: 650px;
}

.searchAudioCell {
    margin-bottom: 22px;
}

.searchAudioCell .musicItemWrapper {
    width: 500px;
}

.searchFileCell {
    margin-bottom: 22px;
}

.searchFileCell .fileIcon {
    float: left;
    margin-right: 9px;
}

.searchVideoCell .albumImage img {
    width: 140px !important;
}

.searchBlogCell {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.searchBlogCell .author {
    float: left;
    text-decoration: none;
    margin-right: 10px;
    width: 50px;
}

.searchBlogCell .foundText {
    float: left;
    width: 835px;
}

.searchBlogCell .foundText .foundTitle {
    display: block;
    font-size: 16px;
}

.searchBlogCell .foundText .startFog,
.searchBlogCell .foundText .endFog {
    display: inline-block;
    *display: inline;
    position: relative;
    width: 0;
    height: 10px;
}

.searchBlogCell .blogTextCreationDate {
    font-size: 11px;
    color: #CCC;
    margin: 3px 0 2px 0;
}

.searchBlogCell .foundText .startFog .fog {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 13px;
    background: url(/static/img-new/search/startFog.png);
}

.searchBlogCell .foundText .endFog .fog {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 13px;
    background: url(/static/img-new/search/endFog.png);
}

.searchBrandCell {
    float: left;
    margin: 0 10px 30px 0;
    *margin-right: 30px;
}

.searchBrandCell .avatarLinkWrapper {
    float: left;
    margin-right: 5px;
    position: relative;
}

.searchBrandCell .avatarLink {
    width: 90px;
    height: 90px;
}

.searchBrandCell .avatarLink .imgBorder {
    display: block;
    width: 88px;
    height: 88px;
}

.searchBrandCell .searchNameWrapper {
    float: left;
}

.searchBrandCell .searchName {
    width: 145px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}

.searchBrandCell .searchName.clubName {
    vertical-align: top;
}

.searchBrandCell .searchName a {
    display: block;
    position: relative;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    width: 145px;
}

.searchBrandCell .extraString {
    display: block;
    padding-top: 5px;
    font-size: 11px;
    color: #999;
}

.orderList {
    clear: both;
    margin: 15px 0;
}

.orderList li {
    display: inline;
    margin-right: 10px;
    color: #CCC;
}

.orderList li .filterTitle {
    cursor: pointer;
    text-decoration: underline;
}

.orderList li.active {
    color: #000;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------Agreement-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.agreeLeftColumn {
    float: left;
    padding: 40px;
    width: 255px;
}

.agreeLeftColumn h1 {
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
}

.agreeMenu {
    padding: 20px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.agreeMenu ol {
    margin: 20px 20px 10px;
    color: #666;
}

.agreeMenu li {
    margin-bottom: 13px;
}

.agreeMenu li a {
    color: #666;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 5px;
    border-bottom: 1px dotted #666;
    text-decoration: none;
}

.agreeRightColumn {
    float: left;
    width: 590px;
    margin: 41px 40px 90px 0;
    color: #666;
}

.agreeRightColumn h3 {
    color: #333;
    font-size: 23px;
    padding-bottom: 20px;
    font-weight: normal;
}

.agreeRightColumn p {
    margin-bottom: 20px;
}

.-contentPageWrapper,
.-wrapWide {
    padding: 40px;
    width: 918px;
}
.-contentPageWrapper h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.-contentPageWrapper ul,
.-contentPageWrapper ol {
    margin: 10px 20px;
}
.-contentPageWrapper ul {
    list-style-type: disc;
}
.-contentPageWrapper li {
    list-style-type: inherit;
    padding: 0 0 5px 0px;
}

.-contentPageWrapper .-leftColumn {
    float: left;
    padding-right: 20px;
}
.-contentPageWrapper .-rightColumn {
    float: left;
    padding-left: 20px;
}

.-wrapMainLeftColumn .-leftColumn {
    width: 620px;
    color: #666;
}
.-wrapMainLeftColumn .-rightColumn {
    width: 258px;
}

.-wrapMainRightColumn .-leftColumn {
    width: 258px;
}
.-wrapMainRightColumn .-rightColumn {
    width: 620px;
    color: #666;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- Brand selector ------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.brandSelector {
    position: fixed;
    left: 50%;
    width: 652px;
    top: 50px;
    margin-left: -326px;
    background: #c9e9f8;
    padding: 1em;
    z-index: 805;
}

.brandSelector .header {
    overflow: hidden;
}

.brandSelector .header .title {
    font-size: 17px;
    padding-bottom: 1em;
    float: left;
    margin-left: 4px;
}

.brandSelector .header .closeButton {
    margin-top: 5px;
    float: right;
    width: 9px;
    height: 10px;
    background: url(/static/img-new/header/header-sprite.png) -149px 0;
    cursor: pointer;
}

.brandSelector .smallGrayTitle {
    float: left;
    margin: 5px 0 0 10px;
}

.brandSelector .textInputLighter, .brandSelectorContent .textInputLighter {
    float: left;
    margin-left: -2px;
}

.brandSelectorContent {
    background: #FFF;
    padding: 15px 38px;
    overflow: hidden;
    color: #000;
}

.brandUploadBlock {
    overflow: hidden;
}

.brandUploadBlock .blueButton {
    float: left; /*margin: 1px 0 0 10px;*/
}

.brandSearchBlock {
    clear: both;
    margin: 5px 0;
    padding-bottom: 25px;
}

.foundBrandsCount {
    float: left;
    font-size: 11px;
    color: #999;
    margin: 8px 0 0 10px;
}

.brandsCarouselBlock {
    overflow: hidden;
    float: left;
    margin-left: -26px;
    width: 630px;
    margin-top: 1em;
    position: relative;
}

.brandUploadBlock .js_btnUploadPhoto {
    float: left;
}

.brandLogo {
    display: block;
    margin: 0 25px 5px 0;
    float: left;
    height: 100px;
}

.frameViewUploadedBrand {
    overflow: hidden;
    height: 105px;
    position: relative;
}

.brandSelectorContent .previousBrandsButton,
.brandSelectorContent .nextBrandsButton {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 34px;
}

.brandSelectorContent .previousBrandsButton {
    left: 0;
    top: 95px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -114px -95px;
}

.brandSelectorContent .nextBrandsButton {
    right: 0;
    top: 95px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -127px -95px;
}

.brandsCarouselBlock .previousBrandsButton,
.brandsCarouselBlock .nextBrandsButton {
}

.brandsCarouselBlock .carousel {
    width: 20000em !important;
    height: 225px;
    position: relative;
    margin: 0;
    background: #FFF;
    left: 0;
}

.brandsCarouselBlock .carouselWrapper {
    float: left;
    overflow: hidden;
    width: 600px;
    position: relative;
    margin: 0 0 10px 15px;
}

.brandsCarouselBlock .carousel .notLoaded,
.brandsCarouselBlock .carousel .loading {
    width: 70px;
    height: 70px;
    border: 2px solid #EEE;
    position: absolute;
}

.brandsCarouselBlock .carousel .loading {
    background: url(/static/img-new/temp/ajax-loader.gif) no-repeat 50% 50%;
}

.brandsCarouselBlock .carousel .loaded {
    width: 70px;
    height: 70px;
    position: absolute;
    border: 2px solid transparent;
}

.brandsCarouselBlock .carousel .loaded.active {
    border: 2px solid #95d0ec;
}

.brandsCarouselBlock .carousel .loaded img {
    margin: 10px;
    width: 50px;
    height: 50px;
}

.brandSelector .inactive {
    color: #AAA;
}

.brandSeparator {
    height: 1px;
    border-bottom: 1px dotted #E5E5E5;
}

.selectedBrandsWrapper {
    overflow: hidden;
    width: 600px;
    position: relative;
    float: left;
}

.contextProviderBlock {
    margin-top: 1em;
    overflow: hidden;
    position: relative;
    float: left;
}

.contextProviderBlock .selectedBrands {
    overflow: hidden;
    width: 20000em !important;
    position: relative;
}

.contextProviderBlock .selectedBrands img {
    float: left;
}

.contextProviderBlock .emptyBrandLogo {
    float: left;
    width: 29px;
    height: 29px;
    background: url(/static/img/extra-small-brand.gif) 50% 50%;
}

.contextProviderBlock img {
    margin-right: 4px;
}

.brandStatusProviderBlock .brandStatusLogo {
    height: 29px;
    width: 29px;
}

.brandStatusProviderBlock .textInputLighter {
    margin-top: 1px;
}

.brandStatusTitleCharsLeft {
    display: inline-block;
    margin-left: 3px;
    padding-top: 9px;
}

.brandStatusTitle {
    width: 400px;
}

.brandsProviderBlock .selectedBrands img {
    height: 90px;
    width: 90px;
    border: 2px solid #AFD19E;
}

.brandsProviderBlock .selectedBrands {
    height: 96px;
}

.brandsProviderBlock .selectedBrandsWrapper {
    margin-left: 23px;
    width: 588px;
}

.brandsProviderBlock {
    margin-left: -26px;
    width: 630px;
}

.brandsProviderBlock .previousBrandsButton,
.brandsProviderBlock .nextBrandsButton {
    top: 30px !important;
}

.brandsProviderBlock .emptyBrandLogo {
    background: url(/static/img/medium-brand.jpg);
    border: 2px solid #EBEBEB !important;
}

.brandTagsProviderBlock .selectedBrands img {
    height: 29px;
    width: 29px;
}

.brandTagsProviderBlock .selectedBrands {
    height: 29px;
}

.brandTagsProviderBlock .previousBrandsButton,
.brandTagsProviderBlock .nextBrandsButton {
    top: 0 !important;
}

.formActions {
    padding-top: 10px;
}

.formActions .blueButton {
    margin-right: 5px;
    float: left;
}

.frameUploadProgress {
    padding: 20px 0;
}

.brandUploadBlock .uploadProgressBlock {
    padding-top: 4px;
}

.frameViewUploadedLogo {
}

.frameViewUploadedLogo .img {
    float: left;
    margin-right: 20px;
}

.frameViewUploadedLogo .blueButton {
    float: left;
    margin: 1px 0 0 10px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------Main page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.mainLeftColumn {
    float: left;
    padding: 30px 0 0 39px;
    width: 625px;
    margin-bottom: 90px;
    clear: both;
}

.mainLeftColumn h1 {
    color: #333;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 28px;
    padding-bottom: 15px;
}

.mainLeftColumn h1 a {
    color: #333;
}

.mainLeftColumn h1 a:hover {
    color: #65B044;
}

.mainRightColumn h1 a {
    color: #333;
}

.mainRightColumn h1 a:hover {
    color: #65B044;
}

.advBlock {
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 40px;
}

.advCell {
    width: 177px;
    height: 256px;
    float: left;
    margin-left: 42px;
    position: relative;
}

.advCell .advDate {
    color: #C5C5C5;
    padding-bottom: 6px;
    margin-top: 2px;
    margin-left: -26px;
}

.advDate span {
    font-size: 25px;
}

.advDate div {
    font-size: 11px;
}

.advCell .brandsSmallIcon {
    position: absolute;
    left: 12px;
    top: 0;
    z-index: 20;
    zoom: 1;
}

.advCell .brandsSmallIcon .brandTagsWrapper .brandTag {
    margin-right: 1px;
}

.advCell .brandsSmallIcon .brandTagsWrapper .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.advCompaignLeftColumn .advDate div {
    float: left;
}

.advCell .bumpCounter {
    margin: 0 0 0 10px;
}

.advCell .showCounter {
    float: left;
    margin-top: 2px;
    margin-left: 7px;
}

.advPicWrapper {
    position: relative;
    clear: both;
    display: block;
    width: 170px;
    height: 110px;
    margin-bottom: 10px;
}



.advTitle {
    line-height: 1.2;
    display: block;
    padding-bottom: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

.advRating {
    color: #B162D0;
    float: left;
    margin-right: 10px;
}

.advComments {
    color: #0099CC;
    float: left;
    width: 44px;
}

.advComments .advCommentsIcon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    float: left;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -141px -94px;
}

.advBlock .club {
    margin-right: 0;
}

.advBlock {
    border: none;
}

.mainNewsBlock .advPicWrapper .brandsSmallIcon .brandTagsWrapper .brandTag .imgBorder {
    width: 23px !important;
    height: 23px !important;
}

.mainRightColumn {
    float: left;
    width: 279px;
    padding: 30px 0 0 30px;
    margin-bottom: 90px;
}

.mainRightColumn h1 {
    margin-bottom: 10px;
    color: #333;
    padding-left: 15px;
    font-weight: normal;
    font-family: 'Calibri';
    font-size: 24px;
}





.partnersBlock .mainBrandInfo {
    width: 132px;
    padding-right: 10px;
}

.mainClubsBlock {
    border-top: 1px dotted #CCC;
    margin-top: 30px;
    padding-top: 20px;
}

.partnersBlock {
    width: 295px;
    background: #FFF;
    margin-bottom: 20px;
}

.partnersBlock h1 {
    background: none;
    padding: 0 0 0 15px !important;
}

.partnersBlockTop {
    width: 295px;
    height: 7px;
    background: url(/static/img-new/partners/top.jpg) no-repeat;
}

.partnersBlockBottom {
    width: 295px;
    height: 17px;
    background: url(/static/img-new/partners/bottom.png) no-repeat;
    position: relative;
    z-index: 2;
    margin-top: -7px;
}

.partnersBlockMiddleWrapper {
    overflow: hidden;
    background: #FFF;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}

.partnersBlockMiddle {
    padding-top: 10px;
    background: url(/static/img-new/partners/background.jpg) repeat-x;
    margin: 0 2px;
    position: relative;
    z-index: 1;
}

.articlesPreview .partnersBlockMiddleWrapper {
    height: auto !important;
}

.articlesPreview .partnersBlockMiddle {
    padding: 10px 10px 8px 15px;
    overflow: hidden;
}

.articlesPreviewTitle {
    display: block;

}
.articlesPreview h1 {
    padding-left: 0 !important;
}

.articleImageWrapper {
    float: left;
    display: inline;
    text-align: center;
    margin-right: 10px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
}
.articleImageWrapper img {

}

.articlePreviewBody {

}

.articlePreviewContent {
    padding-top: 5px;
    font-size: 11px;
}

.navigationPanel {
    top: 0; left: 0;
    z-index: 600;
    position: fixed;
    padding: 1em 1em 1em 0;
    background-color: #f4f4f4;
    overflow: hidden;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
}

.navigationPanel .navigationPlaceholder {
    float: left;
    margin-left: 1em;
}

.navigationPanel .navigationPlaceholder.toTopPageButton {
}

.navigationPanel .navigationPlaceholder.continueButton {
}

.navigationPanel .navigationPlaceholder.breakButton {
}

.navigationPanel .navigationPlaceholder.toPublicationsButton {
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Public page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/



.articles .pubPicWrapper {
    width: 90px;
}

.articles .pubPicWrapper .underDate {
    top: 77px;
}

.advPicWrapper {
    text-decoration: none;
    border: 1px solid #CCC;
}

.advPicWrapper .advCompaignOwner {
    margin: 0 1px 0 0;
    height: 25px;
}

.advPicWrapper .advCompaignOwner .brandTag {
    margin: 0;
}

.advPicWrapper .advCompaignOwner .brandTag img {
    margin: 0;
}

.advPicWrapper .advCompaignOwner .brandTag .imgBorder {
    display: block;
    width: 23px;
    height: 23px;
}

.advPicWrapper .brandTag {
    display: block;
    margin-top: 2px;
    position: relative;
    float: left;
}

.advPicWrapper .brandTag .imgBorder {
    width: 23px;
    height: 23px;
}





.pubInfoAuthorName,
.pubInfoSpacer,
.pubInfoDate,
.pubInfoCommentsCounter,
.pubInfoRating,
.pubInfoViewCounter {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 11px !important;
}
*:first-child+html .pubInfoAuthorName {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span><span class="after"></span>'));
}
*:first-child+html .pubInfoCommentsCounter {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
*:first-child+html .pubInfoRating {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
*:first-child+html .pubInfoViewCounter {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}

.pubInfoAuthorName:before,
.pubInfoAuthorName .before,
.pubInfoAuthorName:after,
.pubInfoAuthorName .after,
.pubInfoCommentsCounter:before,
.pubInfoCommentsCounter .before,
.pubInfoRating:before,
.pubInfoRating .before,
.pubInfoViewCounter:before,
.pubInfoViewCounter .before {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    background: url('/static/img-new/icons-pub-data.png') 0 0 no-repeat;
}
.pubInfoAuthorName {
    padding-left: 20px;
    max-width: 150px;
    white-space: nowrap;
    margin-left: -5px;
}
.pubInfoAuthorName:after,
.pubInfoAuthorName .after {
    left: 150px;
    background-position: -100px 0;
}
.pinned .pubInfoAuthorName:after,
.pinned .pubInfoAuthorName .after {
    left: 150px;
    background-position: -120px 0;
}

.pubInfoDate {
    margin-left: 5px;
}
.pubInfoCommentsCounter {
    margin-left: 10px;
    padding-left: 20px;
}
.pubInfoCommentsCounter:before,
.pubInfoCommentsCounter .before {
    background-position: -20px 0;
}
.pubInfoCommentsCounterNull:before,
.pubInfoCommentsCounterNull .before {
    background-position: -60px 0;
}
.pubInfoRating {
    margin-left: 10px;
    padding-left: 20px;
}
.pubInfoRating:before,
.pubInfoRating .before {
    background-position: -140px 0;
}
.pubInfoViewCounter {
    margin-left: 10px;
    padding-left: 20px;
}
.pubInfoViewCounter:before,
.pubInfoViewCounter .before {
    background-position: -40px 0;
}
.pubInfoViewCounterNull:before,
.pubInfoViewCounterNull .before {
    background-position: -80px 0;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------Adv Compaign------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.advCompaignTopPanel {
    overflow: hidden;
    padding: 30px 0 0 40px;
}

.advCalendar {
    background: #F4F4F4;
    float: left;
    margin: 10px 5px 0 0;
    padding: 5px 7px 4px;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.advCalendar li {
    float: left;
    display: block;
    color: #CCC;
    padding: 3px 7px;
    height: 17px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.advCalendar li.active {
    color: #000;
    background: url(/static/img-new/brands-page/top-panel-active-item.png) repeat-x;
}

.advCalendar li a {
    color: #666;
}

.advCalendar li a:hover {
    color: #65B044 !important;
}

.advCompaignLeftColumn {
    padding: 40px 30px 0 40px;
    width: 650px;
    float: left;
    clear: both;
    padding-right: 30px;
}

.advCompaignLeftColumn object {
    margin: 10px 0 !important;
}

.advCompaignLeftColumn p {
    padding: 10px 0;
    line-height: 22px;
    font-family: 'Calibri', Arial;
    font-size: 16px;
    color: #384250;
}

.advCompaignLeftColumn h1 {
    color: #384250;
    width: 500px;
    float: left;
    margin-right: 40px;
    font-family: 'Calibri', Arial;
    font-size: 36px;
    line-height: 32px;
    padding-bottom: 25px;
}

.advCompaignLeftColumn img {
    display: inline-block;
    vertical-align: top;
}

.addOwnerBrandBlock {
    float: left;
    padding-bottom: 20px;
}

.addOwnerBrandBlock .brandTagsSelector {
    margin-bottom: 0;
}

.campaignTitle {
    width: 600px;
}

.campaignTitle {
    width: 594px !important;
}

.tagBigIcon {
}

.tagBigIcon .imgBorder {
    width: 96px !important;
    height: 96px !important;
}

.tagBigIcon img {
    width: 98px;
    height: 98px;
}

.advCompaignLeftColumn .advCompaignExtra .bumpCounter {
    margin-top: -4px;
}

.advCompaignExtra .showCounter {
    float: left;
    margin: 1px 5px 0;
}

.advCompaignExtra .showCounter p {
    margin-top: -2px;
    line-height: 0.9;
}

.advCompaignExtra .addRatingIcon {
    float: right;
}

.advCompaignLeftColumn .brandTagsWrapper {
    float: left;
    margin-bottom: 10px;
}

.advCompaignLeftColumn .brandTag {
    float: left;
    position: relative;
    margin: 0 2px 5px 2px;
    width: 25px;
    height: 25px;
    display: block;
}

.advCompaignLeftColumn .brandTag .imgBorder {
    width: 23px;
    height: 23px;
}

.advCompaignLeftColumn .showCounter p {
    line-height: 0.9 !important;
}

.advCompaignOwner {
    border: 2px solid #0099CC !important;
    display: block;
    margin: -2px 1px 0 0;
    float: left;
}

.advCompaignOwner .brandTag {
    margin-right: 0 !important;
    height: 25px;
}

.advCampaingnCell {
    clear: both;
    padding: 40px 0 35px 0;
}

.advDateString {
    display: inline-block;
    margin: 3px 0 0 10px;
}

.advCampaingnCell .advDate {
    float: left;
    width: 57px;
}

.advCampaingnCell .advPicWrapper {
    clear: both;
    display: block;
    margin-right: 18px;
}

.advCampaingnCell .advPicWrapper span {
    display: block;
}

.advCampaignTitle {
    display: block;
    font-size: 21px;
    color: #333;
}

.advCampaingnCell .pubPreview {
    margin-top: 15px;
}

.advCampaingnCell .bumpCounter {
    margin: -9px 20px 0 0;
    float: right;
}

.advCampaingnCell .bumpCounterNumber {
    font-size: 18px;
}

.advCampaingnCell .commentString {
    float: left;
    margin-top: 0;
}

.advCampaingnCell .showCounter {
    float: left;
    color: #666;
    margin: 2px 0 0 5px;
}

.advCampaingnCell .advCompaignOwner {
    width: 25px;
    height: 25px !important;
    margin-bottom: 5px;
}

.advCampaingnCell .brandsSmallIcon .brandTag {
    margin-left: 3px;
}

.brandsImageWrapper {
    float: left;
}

.brandsImageWrapper .brandTagsWrapper .brandTag {
    margin-bottom: 0;
}

.advCompaignRightColumn {
    width: 230px;
    padding-top: 41px;
    float: left;
    margin-left: 15px;
}

.advCompaignRightColumn .addNewPhotoWrapper {
    margin-bottom: 8px;
    padding-bottom: 18px;
}

.advCompaignRightColumn h2 {
    color: #3C3C3C;
    font-size: 16px;
    padding-bottom: 25px;
}

.mostPopularCell {
    position: relative;
    margin-bottom: 30px;
}

.mostPopularCell .logoWrapper {
    position: relative;
    float: left;
    margin-right: 10px;
}

.mostPopularCell .brandLogo {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2;
}

.mostPopularInfo {
    overflow: hidden;
}

.mostPopularInfo a {
    color: #666;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    word-wrap: break-word;
}

.mostPopularInfo .bumpCounter {
    margin: 7px 20px 0 0;
}

.allPopularAdvLink {
    color: #0099CC;
    display: block;
    clear: both;
    padding-bottom: 20px;
}

.brandsCalendar {
    clear: both;
    margin: 20px 0 0 -24px;
    float: left;
}

.brandsCalendar li {
    margin-left: 24px;
    color: #999;
    float: left;
}

.brandsCalendar li .logoWrapper {
    margin-bottom: 8px;
    position: relative;
}

.brandsCalendar li .brandLogo {
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2;
}

.brandsCalendar li span {
    display: block;
    color: #999;
}

.brandsCalendar li.today {
    color: #000;
}

.brandsCalendarDate {
    width: 51px;
    text-align: center;
    font-size: 11px;
}

.advCompaignSeparator {
    margin: 0 40px;
    height: 20px;
    border-bottom: 1px dotted #CCC;
    clear: both;
}

.advCompaignSingleSeparator {
    margin-bottom: 20px;
    height: 20px;
    border-bottom: 1px dotted #CCC;
    clear: both;
}

.advExtra {
}

.advCompaignExtra .bumpCounter {
    margin: -2px 30px 0 0;
    font-size: 16px;
    float: right;
}

.advCompaignExtra .bumpCounterNumber {
    font-size: 16px;
}

.advDate {
    float: left;
    color: #999;
}

.advCount {
    float: right;
    color: #666;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Error report-----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

#errorReport {

}

#errorReport .brandSearchBlock {
    height: 115px;
    margin: 0;
}

#errorReport .brandSelectorContent {
    position: relative;
    margin: 0 0 5px 0;
}

#errorReport textarea {
    width: 567px;
    overflow: auto;
}

#errorReport .warning {
    color: red !important;
}

#errorReport .charsCounter {
    color: #FFF;
    float: right;
    margin: 7px 2px 0 0;
    font-size: 11px;
}

#errorReport .title {
    padding: 3px 0 3px 0;
}

#errorReport input {
    width: 641px;
}

.certificateOfDegreeError {
    color: red;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Error page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.errorContent {
    padding: 40px 100px 70px;
}

.errorContent h1 {
    color: #333;
    font-weight: normal;
    padding-bottom: 23px;
    font-family: 'Calibri';
    font-size: 28px;
    text-align: center;
}

.errorContent .message {
    text-align: center;
    color: #666;
    line-height: 1.5;
}

.errorContent .image {
    width: 140px;
    height: 140px;
    margin: 60px 0 0 332px;
}

.errorContent .page404 {
    background: url(/static/img-new/error/page-not-found.jpg) no-repeat;
}

.errorContent .pageClosed {
    background: url(/static/img-new/error/page-not-found.jpg) no-repeat;
}

.errorContent .userNotFound {
    background: url(/static/img-new/error/page-not-found.jpg) no-repeat;
}

.errorContent .accessDenied {
    background: url(/static/img-new/error/access-denied.jpg) no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------Settings page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.accountSettings {
    padding: 40px;
    position: relative;
}

.accountSettings .registrationCell {
    margin: 0;
}

.accountSettings .registrationCell .cellTitle {
    width: 150px;
    height: 35px;
}

.accountSettings .registrationCell .blueButton {
    margin-right: 10px;
    display: block;
    float: left;
}

.accountSettings .registrationCell .ajaxLink {
    margin-left: 2px;
    padding-top: 5px;
    float: right;
}

.accountSettingsSeparator {
    height: 33px;
    border-bottom: 1px dotted #E5E5E5;
    margin-bottom: 30px;
}

.settingsButtonCell .bump-button { margin-right: 5px; }

.passConfirmationTitle { margin-left: 217px; }

.passConfirmationTitle .cellTitle { width: 145px; }

.accountButtonCell { margin-left: 200px; }
.accountButtonCell .blueButton {
    float: left;
    margin-right: 10px;
}

.changePasswordForm {  }
.changePasswordFormButtons { margin-left: 397px; *margin-left: 240px; }
.changePasswordFormButtons .blueButton { float: left; margin-right: 10px; }

.deleteAccountLinkWrapper {
    position: absolute;
    right: 40px;
    top: 15px;
    width: 240px;
    height: 51px;
    background-color: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.deleteAccountLinkWrapper .ajaxLink {
    margin: 20px 0 0 66px;
    height: 15px;
}

.accountSettings .cellInput .blueButton {
    margin-right: 10px;
    float: left;
}

.noticesSettings {
    padding: 40px 0 40px 40px;
    float: left;
    width: 600px;
}

.settingsCell {
    padding-bottom: 30px;
    clear: both;
}

.settingsCell .checkBox {
    float: left;
    margin-bottom: 6px;
    clear: both;
}

.settingsCellTitle {
    padding-bottom: 10px;
    float: left;
    width: 150px;
    margin-right: 30px;
    color: #000;
    text-align: right;
    font-weight: bold;
}

.settingsCellCheckboxes {
    float: left;
    width: 400px;
    overflow: hidden;
}

.settingsCellCheckboxes .blueButton {
    margin-right: 10px;
    float: left;
}

.privateSettings {
    padding: 40px 0 40px 40px;
    float: left;
    width: 800px;
}

.settingsCellSelectors {
    float: left;
    width: 400px;
}

.settingsCellSelectorsWrapper {
    margin-bottom: 20px;
    position: relative;
    clear: both;
    margin-bottom: 0;
    padding-bottom: 50px;
}

.settingsCellSelectors .checkBox {
    clear: none;
    margin-right: 1em;
}

.settingsCellSelectors .availableMirrors {
    clear: both;
    overflow: hidden;
    padding-top: 1em;
}

.settingsSelectTitle {
    float: left;
    width: 140px;
}

.settingsSelector {
}

.selectionDropDown {
    z-index: 1000;
}

.currentSelection {
    float: left;
    margin-top: -5px;
    padding: 7px;
    cursor: pointer;
    background: url(/static/img-new/selector/current-background.png) repeat-x;
    height: 11px;
    position: relative;
    z-index: 10;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.selectionIcon {
    display: inline-block;
    width: 20px;
}

.allSee {
    height: 10px;
    background: url(/static/img-new/selector/selector-sprite.png) 0 0 no-repeat;
}

.comunitySee {
    height: 15px;
    background: url(/static/img-new/selector/selector-sprite.png) 0 -13px no-repeat;
}

.friendsSee {
    height: 12px;
    background: url(/static/img-new/selector/selector-sprite.png) 0 -30px no-repeat;
}

.nobodySee {
    height: 13px;
    background: url(/static/img-new/selector/selector-sprite.png) 0 -44px no-repeat;
}

.selectionTitle {
    display: inline-block;
    padding-right: 4px;
    height: 15px;
    vertical-align: top;
}

.selectionArrow {
    display: inline-block;
    width: 7px;
    height: 9px;
    background: url(/static/img-new/selector/selector-sprite.png) 0 -60px no-repeat;
}

.selectionDropDown {
    position: absolute;
    top: 22px;
    left: 140px;
    background: #FFF;
    border: 1px solid #000;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.selectionDropDown li {
    padding: 7px 16px 7px 7px;
}

.selectionDropDown li:hover {
    background: #CCC;
}

.noticeRange {
    margin: 40px 40px 0 0;
    float: right;
    width: 250px;
    padding: 20px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.noticeRange .cellTitle {
    padding-bottom: 10px;
    color: #000;
    font-weight: bold;
}

.noticeRangeCell {
    clear: both;
    overflow: hidden;
    padding-bottom: 2px;
}

.noticeRangeCell .sexLabel {
    line-height: 1.7;
    margin-left: 5px;
}

.accountSettingsNoticeSeparator {
    margin: 0 40px 40px;
    height: 33px;
    border-bottom: 1px dotted #E5E5E5;
    clear: both;
}

.privateDataSettingsWraper {
    overflow: hidden;
}

.privateDataSettingsWraper .leftColumn {
    float: left;
}

.privateDataSettingsWraper .wraper {
    overflow: hidden;
}

.privateDataSettingsWraper .settingName {
    float: left;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------Contest page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------Menu-----------------------------------------------------------*/



/*---------------------------------------------------Create-----------------------------------------------------------*/

.contestLeftColumn {
    float: left;
    padding: 20px 0 90px 40px;
    width: 645px;
    margin-right: 40px;
}

.contestLeftColumn h1 {
    font-size: 28px;
    color: #333;
    padding-bottom: 10px;
    font-weight: normal;
    font-family: 'Calibri';
}

.contestLeftColumn p {
    color: #333;
    line-height: 1.3;
}

.contestLeftColumn h3 {
    font-size: 13px;
    color: #666;
    padding-bottom: 3px;
    font-family: 'Calibri';
}

.contestLeftColumn .textInputLighter.blogPostTitle {
    float: left;
    margin: 0 0 0 -3px;
}

.contestLeftColumn .textInputLighter.blogPostTitle input {
    width: 590px;
    height: 30px;
    font-size: 28px;
    font-family: 'Calibri';
}

.contestLeftColumn .textInputLighter.blogPostTagsInput {
    float: left;
}

.contestLeftColumn .textInputLighter.blogPostTagsInput input {
    width: 587px;
    height: 22px;
    font-size: 14px;
    font-family: 'Calibri';
}

.contestLeftColumn .inputErrorMessage {
    clear: both;
}

.contestRightColumn {
    float: left;
    width: 206px;
    padding: 20px 0 30px;
}

.otherWorksList {
    width: 240px;
}

.contestStatPanel {
    padding: 20px;
    background: #F4F4F4;
    border-bottom: #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#titleLength,
#textTagsLength,
.fieldLength {
    color: #999;
    float: left;
    margin: 14px 0 0 10px;
}

.contestLeftColumn .bigBlueButton {
    float: left;
    margin-right: 10px;
}

.contestFinishDate {
    overflow: hidden;
    margin: 35px 0;
}

.field {
    margin-bottom: 20px;
    overflow: hidden;
}

.contestFinishDate .cellInput,
.field .cellInput {
    float: left;
    display: inline;
}

.contestLeftColumn .cellTitle {
    font-size: 11px;
    width: 65px;
    padding-top: 8px;
}

.contestLeftColumn .sexLabel {
    margin: 1px 10px 4px 4px;
}

.contestLeftColumn .bookmarkSharePanel {
    margin-top: 30px;
}

.contestLeftColumn .eraseLink {
    float: left;
    padding: -8px 0 0 10px;
}

.contestLeftColumn .eraseLink a {
    color: #333;
}

.contestLeftColumn .eraseLink a:hover {
    color: #65B044;
}

.contestLeftColumn .eraseIcon {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -97px -46px;
    width: 12px;
    height: 14px;
}

.workInfoTitle {
    clear: both;
    margin-top: 15px;
    float: left;
    margin-bottom: -15px;
}

.workInfoTitleH2 {
    font-size: 20px;
    padding-bottom: 10px;
    clear: both;
}

.oneWorkExtra {
    clear: both;
}

.oneWorkExtra .editPersonalSettings {
    margin: 6px 0 0 10px;
}

.oneWorkExtra .eraseIcon { margin-top: 3px; }
.oneWorkExtra .eraseLink { margin: 1px 0 0 10px; }
.blogPost .oneWorkExtra .showCounter { margin: 9px 10px 0 13px; }
.oneWorkExtra .bump-icon-voteUp { margin-top: 9px; }

#contestPlaceSelector {
    margin-top: 10px;
}

.contestCreatePlaceBlock {
    overflow: hidden;
    margin: 0 0 35px;
    clear: both;
}

.contestCreateTypeBlock {
    overflow: hidden;
    clear: both;
}


#votingSettingsPanel .textInputWrapper { width: 250px; }
.contestCreateTypeBlock .textInputWrapper { width: 250px; }
#votingSettingsPanel input { width: 240px; }
.contestCreateTypeBlock input { width: 240px; }



.contestLeftColumn .pageSeparator {
    margin-bottom: 25px;
}

#openContestSettingsPanel {
    clear: both;
    padding: 15px 0 0;
}

#openContestSettingsPanel p {
    color: #666;
}

.voteOptionsBlock {
    padding: 15px 0 0;
}

#votingSettingsPanel .textInputLighter {
    float: left;
}

#votingSettingsPanel input {
    width: 191px;
    height: 20px;
}

.friendsStatBlockTitle {
    font-weight: normal;
    color: #333;
}

.contestFullDescription {
    font-family: 'Calibri', Arial;
    font-size: 14px;
    line-height: 21px;
    color: #6A717C;
    padding-bottom: 20px;
}

.contestFullDescription h1 {
    font-family: 'Calibri', Arial;
    font-size: 36px;
    color: #384250;
}

.contestFullDescription img {
    padding: 10px 0;
    height: auto;
}

.contestFullDescription p {
    padding: 10px 0;
}

.contestCreationDate {
    color: #999;
    display: block;
    float: left;
    margin-right: 15px;
}

#contestCurrencyRadioButtonsGroup {
    overflow: hidden;
}

.nominationsEditor {
    overflow: hidden;
}

.nominationsEditor .nominationEditForm {
    overflow: hidden;
    clear: both;
}

.nominationsEditor .addSubnominationForm,
.nominationsEditor .editExistingNominationForm {
    margin-bottom: 1em;
}

.nominationsEditor .subnominationIndent {
    margin-left: 2em;
}

.nominationsEditor .nominationEditForm .contestThrough {
    margin-left: 67px;
    display: block;
    float: left;
}

.nominationsEditor .submitLinkControl,
.nominationsEditor .cancelLinkControl {
    display: block;
    float: left;
    color: #333;
    border-bottom: 1px dotted #333;
    cursor: pointer;
    margin-left: 67px;
    margin-top: 10px;
    clear: both;
}

.nominationsEditor .cancelLinkControl {
    clear: none;
    margin-left: 1em;
}

.nominationsEditor .submitLinkControl:hover,
.nominationsEditor .cancelLinkControl:hover {
    color: #65b044;
    border-bottom: 1px dotted #65b044;
}

.nominationsEditor .selectedNominations .nomination {
    clear: both;
    height: 26px;
}

.nominationsEditor .selectedNominations .nomination .title {
    color: #666;
}

.addNewNominationForm .submitLinkControl {
    display: none;
}

.nominationPriceCell .cellInput {
    width: 103px;
}

.nominationPriceCell .cellInput input {
    width: 88px;
}

.nomination span {
    margin-right: 3px;
    color: #ccc;
    float: left;
    margin-bottom: 3px;
}

.nominationControls .itemControl {
    cursor: pointer;
    margin-right: 1em;
    border-bottom: 1px dotted #ccc;
}

.nominationControls .removeItemControl {
    width: 15px;
    height: 15px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -144px;
    border-bottom: none;
}

.nominationCheckBox.subnominationIndent {
    margin-left: 2em;
}

.participationCostBlock {
    /*margin-top: 20px;*/
    margin: 0 0 15px 2px;
    float: left;
    clear: both;
}

.nominationSelector .cellTitle {
    width: 200px;
}

.nominationSelector .blueButtonField {
    overflow: hidden;
}

.nominationSelector .cellInput.dropDownSelect {
    width: 375px;
    margin-bottom: 20px;
}

/*------nominations Filter------*/

.nominationsFilter {
    margin-bottom: 0.5em;
}

.nominationsFilter .filterItem {
    color: #333;
    text-decoration: underline;
    padding: 0.5em;
    cursor: pointer;
}

.nominationsFilter .filterItem.active {
    color: #000;
    text-decoration: none;
    background: #D7D7D7 url(/static/img-new/contest/contest-right-menu-item.png) repeat-x;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.nominationsFilter .filterItem.category {
    font-weight: bold;
    text-decoration: none;
}

.nominationsFilter .subnominationIndent {
    margin-left: 2em;
}

.nominationsFilter .filterItem {
    margin-bottom: 3px;
}

/*------list of contests--------*/

.contestTitle {
    font-size: 17px;
    display: block;
    width: 350px;
}

.contestDescription {
    padding-top: 10px;
    width: 350px;
}

.contestHeader {
    height: 91px;
    padding: 6px;
    position: relative;
}

.contestHeader a {
    text-decoration: none;
    color: #FFF;
}

.contestHeader .contestDescription {
    color: #FFF;
    padding: 0;
    width: 650px;
    float: left;
    font-size: 12px;
}

.contestHeader img {
    float: left;
    margin-right: 20px;
}

.contestHeader h1 {
    padding: 11px 0;
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    float: left;
    display: block;
    width: 650px;
}

.contestStatus {
    position: absolute;
    right: 10px;
    top: 38%;
    width: 105px;
    font-size: 11px;
}

.contestHeader .contestInfoBlock {
    width: 650px;
}

.contestInfoBlock {
    float: left;
}

.contestWorkData {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.contestWorkData td, .contestWorkData th {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
}

/*------nominations list------*/

.myWorksBlock {
    padding: 20px 0;
}

.workCell {
    clear: both;
    margin-bottom: 55px;
    overflow: hidden;
    padding-top: 1px;
}

.workCell .workDate {
    float: left;
    width: 50px;
}

.workCell .workDate .workDay {
    color: #697588;
    font-size: 18px;
}

.workCell .workDate .workMonth {
    float: left;
    color: #FFF;
    background: #697588;
    font-size: 10px;
    padding: 0px 2px 1px;
}

.workCell .workDate .workYear {
    clear: both;
    color: #999;
    font-size: 9px;
}

.workCell .workPic {
    float: left;
    margin: 0 20px 0 5px;
    position: relative;
}

.workCell .workInformationBlock {
    float: left;
    width: 380px;
}

.workCell .workInformationBlock .greenButton,
.workCell .workInformationBlock .redButton {
    float: left;
    margin: 8px 10px 0 0;
}

.alone .workNominations {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

.alone .workCreator {
    margin-bottom: 30px;
}

.alone .workCreator img {
    float: left;
}

.alone .workCreator a {
    display: block;
    margin: 5px 0 0 5px;
    float: left;
    color: #333;
    font-size: 16px;
}

.alone .postTitle {
    clear: both;
    padding: 0;
}

.workNominations .workNominationTitle {
    float: left;
    margin-right: 5px;
    font-size: 10px;
    background: #697588;
    padding: 3px 5px;
    color: #FFF;
}

.workCell .workTitle {
    font-size: 20px;
    padding: 5px 0 14px;
    clear: both;
}

.workCell .workCreator {
}

.workCell .workCreator a {
    display: block;
    float: left;
    margin-right: 4px;
}

.workCell .workCreatorName {
    padding-top: 6px;
}

.workCell .workVoteNum {
    clear: both;
    float: left;
}

.workCell .candidate {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 54px;
    height: 55px;
    background: url(/static/img-new/personal-page/candidate.png);
}

.workCell .moderationStatus,
.workCell .workStatus {
    padding-top: 10px;
    color: #666;
    clear: both;
}

.alone .workVoteNum {
    margin: 8px 0 0 15px;
    float: left;
}

.workExtraBlock {
    float: left;
    margin: 6px 0 0 20px;
}

.workCommentIcon {
    float: left;
    width: 16px;
    height: 16px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -141px -94px;
}

.workWatchIcon {
    float: left;
    width: 18px;
    height: 11px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -114px -133px;
}

.workCommentLink {
    display: block;
    float: left;
    margin: 0 10px 0 4px;
}

.workWatchNumber {
    float: left;
    margin-left: 4px;
    color: #666;
}

.workVoteNum {
    margin-top: 13px;
    font-size: 16px;
    color: #697588;
}

.workVoteNum span {
    margin-right: 5px;
}

.workVoteNum .workVoteIcon {
    display: block;
    margin-right: 3px;
    float: left;
    width: 15px;
    height: 14px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -36px -145px;
}

.workVoteNum.active .workVoteIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -54px -145px;
}

.workVoteNum:hover .workVoteIcon {
    background: url(/static/img-new/personal-page/personal-page-sprite.png) -54px -145px;
}

.miniWorkCellsWrapper {
    background: #F4F4F4;
    padding: 20px;
}

.miniWorkCell {
    margin-bottom: 40px;
    overflow: hidden;
}

.miniWorkCell .workInfo {
    float: left;
    width: 170px;
}

.miniWorkCell .workImage {
    display: block;
    margin-bottom: 10px;
}

.miniWorkCell .workNominations {
    float: left;
}

.miniWorkCell .workTitle {
    float: left;
    font-size: 12px;
}

.miniWorkCell .workDate {
    float: left;
    width: 30px;
}

.miniWorkCell .workDate .workDay {
    color: #697588;
    font-size: 18px;
}

.miniWorkCell .workDate .workMonth {
    float: left;
    color: #FFF;
    background: #697588;
    font-size: 10px;
    padding: 0px 2px 1px;
}

.miniWorkCell .workDate .workYear {
    clear: both;
    color: #999;
    font-size: 9px;
}

.miniWorkCell .workPic {
    float: left;
    margin: 0 20px 0 5px;
}

.miniWorkCell .workInformationBlock {
    float: left;
    width: 410px;
}

.miniWorkCell .workTitle {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 0 14px;
    clear: both;
}

.miniWorkCell .workCreator {
}

.miniWorkCell .workCreator a {
    display: block;
    float: left;
    margin-right: 4px;
}

.miniWorkCell .workCreatorName {
    padding-top: 6px;
}

.miniWorkCell .workVoteNum {
    clear: none;
    float: left;
    margin: -1px 0 0 10px;
}

.miniWorkCell .workExtraBlock * {
    font-size: 13px;
}

.miniWorkCell .workExtraBlock {
    margin: 0;
}

.miniWorkCell .moderationStatus {
}

.miniWorkCell .candidate {
}

.miniWorkCell .workStatus {
    padding-top: 10px;
    color: #666;
    clear: both;
}

.draftWinnersBlock {
    clear: both;
    padding: 30px 0;
}

.draftWinnersCell {
    clear: both;
    border-top: 1px dotted #999;
    margin-bottom: 40px;
    padding-top: 30px;
}

.draftWinnersCell h1 {
    padding-bottom: 20px;
}

.moderBlock {
    clear: both;
    padding: 20px 0 10px;
    overflow: hidden;
}

.moderBlock a {
    float: left;
    margin: 0 5px 5px 0;
    text-decoration: none;
}

/*-----------------------------------------------------Add work-----------------------------------------------------------*/

.nominationsList {
    margin: 10px 0 0;
    float: left;
}

.nominationsList h3 {
    font-size: 13px;
    color: #666;
    padding-bottom: 3px;
    font-family: 'Calibri';
}

.nominationsList .nominationCategory {
    font-weight: bold;
    margin-top: 7px;
    font-size: 1.05em;
    color: #666666;
}

.nominationCheckBox {
    margin-top: 7px;
}

.workTags {
    margin-top: 10px !important;
}

.workTags input {
    width: 598px !important;
}

#setWinnerModalWindow {
}

#setWinnerModalWindow .cellTitle {
    clear: both;
}

#setWinnerModalWindow .cellTitle {
    float: left;
    width: 120px;
    line-height: 2;
    padding-right: 33px;
    font-family: 'Arial';
    font-size: 13px;
    color: #333;
    text-align: right;
}

#setWinnerModalWindow .cellInput {
    position: relative;
    float: left;
    padding-bottom: 7px;
}

#setWinnerModalWindow .setWinnerControl {
    color: #999;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 154px;
}

#setWinnerModalWindow .setWinnerControl:hover {
    color: #999;
    color: #65B044;
}

.winnerInNominations {
    margin-bottom: 20px;
}

.winnerNomination {
    clear: both;
    margin-bottom: 5px;
    overflow: hidden;
}

.winnerNominationTitle {
    display: block;
    float: left;
}

.removeControl {
    display: block;
    margin-left: 10px;
    float: left;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url(/static/img-new/personal-page/personal-page-sprite.png) 0 -144px;
}

.castBlock {
    clear: both;
    padding: 10px 0;
}

.castBlock strong {
    padding-right: 15px;
}

.castBlock h4 span {
    font-weight: normal;
}

/*-------*/

.unbanButton {
    float: left;
    margin-top: 10px;
    clear: both;
}

#workPayButton .cellTitle {
    width: 170px;
    padding-left: 3px;
}

.payButton {
    float: left;
    margin-top: 10px;
    clear: both;
}

.contestPaymentDetails {
    margin-left: 40px;
    padding-top: 30px;
}

.contestPaymentDetails h2 {
    margin: 20px 0 30px 0;
}

.contestPaymentDetails h3 {
    margin: 20px 0 30px 0;
}

.contestPaymentDetails .element {
    overflow: hidden;
}

.contestPaymentDetails .title {
    float: left;
    margin: 0 10px 10px 10px;
    font-weight: bold;
}

.mirrorCreationPaymentDetails {
    margin: 20px 0px 10px 30px;
}

.mirrorCreationPaymentDetails .element {
    margin: 10px 0px 10px 0px;
}

.backToPaymentsLinkWrapper {
    margin: 30px 0px 30px 50px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Video Chat-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.interactWithUser .makeACallLink {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("/static/img-new/icons-sprite.v6.png") -138px -120px no-repeat;
}

.interactWithUser .makeACallLink:hover {
    /*background: url("/static/img-new/header/header-buttons.png") 0 -55px no-repeat;*/
}

.interactWithUser .makeACallLink.disabled {
    cursor: default;
    opacity: 0.3;
}

#videoChatWindow,
#outcomingCallWindow,
#incomingCallWindow {
    position: fixed;
    left: 50%;
    top: 50px;
    background: #c9e9f8;
    padding: 1em;
    z-index: 500;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: none;
}

#outcomingCallWindow .sessionConnectionLoader {
    background: url("/static/img-new/temp/ajax-loader-large.gif");
    width: 100px;
    height: 12px;
    margin-left: 111px;
    margin-top: 25px;
}

#incomingCallWindow .sessionConnectionLoader {
    background: url("/static/img-new/temp/ajax-loader-large.gif");
    width: 100px;
    height: 12px;
    margin-left: 111px;
    margin-top: 25px;
}

#videoChatWindow {
    width: 805px;
    margin-left: -402px;
}

#videoChatWindow .finishCallLink {
    margin-top: 25px;
    background: url("/static/img-new/video-chat/video-chat-sprite.png") 0 -1px no-repeat;
    width: 163px;
    height: 24px;
    display: block;
    margin-left: 321px;
}

#videoChatWindow .videoChatStreams {
    overflow: hidden;
}

#videoChatSubscribedStream {
    margin-right: 1em;
}

#videoChatSubscribedStream,
#videoChatMyCameraStream {
    float: left;
}

#outcomingCallWindow,
#incomingCallWindow {
    width: 326px;
    margin-left: -163px;
    padding: 50px;
}

#outcomingCallWindow .calleeName,
#incomingCallWindow .callerName,
#videoChatWindow .calleeName {
    font-size: 17px;
    padding-bottom: 1em;
    margin-left: 4px;
    text-align: center;
}

#outcomingCallWindow .calleeAvatar,
#incomingCallWindow .callerAvatar {
    width: 240px;
    height: 240px;
    display: block;
    margin-left: 41px;
}

#outcomingCallWindow .stopCallingLink {
    margin-top: 25px;
    background: url("/static/img-new/video-chat/video-chat-sprite.png") 0 -83px no-repeat;
    width: 138px;
    height: 24px;
    display: block;
    margin-left: 92px;
}

#incomingCallWindow .actionLinks {
    margin-top: 25px;
    overflow: hidden;
    margin-left: 41px;
}

#incomingCallWindow .acceptCallLink {
    background: url("/static/img-new/video-chat/video-chat-sprite.png") 0 -28px no-repeat;
    width: 129px;
    height: 24px;
    display: block;
    float: left;
    margin-right: 7px;
}

#incomingCallWindow .denyCallLink {
    background: url("/static/img-new/video-chat/video-chat-sprite.png") 0 -55px no-repeat;
    width: 103px;
    height: 24px;
    display: block;
    float: left;
}

.betaText {
    font-size: 7px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------Promotions page-------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*
.personalMenu {
    width: 959px;
}
.personalMenu .menuItemSpecial{
    float: right !important;
    margin-right: 24px;
}
*/

.sortingBlock {
    position: relative;
    z-index: 2;
}

.allPromotionsLeftColumn, .promotionLeftColumn {
    float: left;
    margin-right: 35px;
    padding: 0 0 90px 40px;
    width: 660px;
}

.allPromotionsRightColumn, .promotionRightColumn {
    float: left;
    margin-top: 0;
    width: 240px;
}

.notPersonal {
    margin-top: 40px;
}

.allPromotionsList {
    position: relative;
}

.allPromotionsList {
    overflow: hidden;
    margin: -5px 0 0 -20px;
}

.promotionItem {
    /*padding: 20px;*/
    margin-top: 20px;
    overflow: hidden;
}

.promotionItem:first-child { margin-top: 0; }

.specialPromotion1 {
    padding: 18px;
    border: 2px solid #d78fb2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.descriptionPromotion {
    position: relative;
    float: left;
    width: 500px;
}

a.headerPromotion {
    font-size: 2em;
    line-height: 1.2em;
    display: block;
    margin-left: 110px;
    text-decoration: underline;
    cursor: pointer;
    color: #333333;
}

.descriptionPromotion a.headerPromotion {
    font-family: 'Calibri', Arial;
}

a.headerPromotion:hover {
    color: #65b044 !important;
}

.leadPromotion {
    display: block;
    margin-left: 110px;
    margin-top: 0.3em;
    line-height: 1.4em;
    color: #666666;
}

.logoPromotion {
    float: left;
    margin-left: -110px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    background: #f0f0f0;
    position: relative;
}


.logoPromotion .imgBorder {
    width: 88px;
    height: 88px;
}

/*.statusPromotion {*/
    /*float: left;*/
    /*display: block;*/
    /*margin-left: 20px;*/
    /*width: 120px;*/
/*}*/

/*.graphStatusPromotion {*/
    /*display: block;*/
    /*background: url('/static/img-new/promotions/status-sprite-2.png') left bottom no-repeat;*/
    /*width: 120px;*/
    /*height: 14px;*/
/*}*/

/*/*font-size: 0.87em;*/
    /*line-height: 1.2em;*/
    /*color: #999999;*/
    /*display: block;*/
    /*margin-top: 5px;
/*}*/

/*.statusStep1 .graphStatusPromotion {*/
    /*background-position: 0 -181px;*/
/*}*/

/*.statusStep2 .graphStatusPromotion {*/
    /*background-position: 0 -167px;*/
/*}*/

/*.statusStep3 .graphStatusPromotion {*/
    /*background-position: 0 -153px;*/
/*}*/

/*.statusStep4 .graphStatusPromotion {*/
    /*background-position: 0 -139px;*/
/*}*/

/*.statusStep5 .graphStatusPromotion {*/
    /*background-position: 0 -125px;*/
/*}*/

/*.statusStep6 .graphStatusPromotion {*/
    /*background-position: 0 -111px;*/
/*}*/

/*.finishedPromotions a.headerPromotion {*/
    /*color: #999999;*/
/*}*/

/*.finishedPromotions .statusPromotion {*/
    /*margin-right: -10px;*/
    /*margin-left: 10px;*/
    /*width: 140px;*/
/*}*/

/*.finishedPromotions .graphStatusPromotion {*/
    /*height: 33px;*/
    /*width: 140px;*/
    /*background: url('/static/img-new/promotions/status-sprite-2.png') center top no-repeat;*/
/*}*/

/*.finishedPromotions .stringStatusPromotion {*/
    /*text-align: center;*/
    /*white-space: nowrap;*/
/*}*/

/*.finishedPromotions .leadPromotion {*/
    /*color: #cccccc;*/
/*}*/

/*.upcomingPromotions .graphStatusPromotion {*/
    /*height: 39px;*/
    /*overflow: hidden;*/
    /*text-align: center;*/
    /*background: none;*/
/*}*/

/*.upcomingPromotions .stringStatusPromotion {*/
    /*text-align: center;*/
/*}*/

/*.upcomingPromotions .countDaysWrapper {*/
    /*display: inline-block;*/
    /*height: 39px;*/
    /*margin-right: 7px;*/
    /*background: url('/static/img-new/promotions/status-sprite-2.png') left -33px no-repeat;*/
/*}*/

/*.countDays { display: none; }*/

/*.upcomingPromotions .countDays {*/
    /*display: inline-block;*/
    /*height: 39px;*/
    /*padding: 12px 5px 0;*/
    /*font-size: 20px;*/
    /*margin-right: -7px;*/
    /*background: url('/static/img-new/promotions/status-sprite-2.png') right -72px no-repeat;*/
    /*text-align: center;*/
    /*min-width: 22px;*/
/*}*/

a.wideButton {
    display: block;
    text-decoration: none;
    position: relative;
    height: 34px;
    margin-right: 5px;
    background: url('/static/img-new/promotions/wide-blue-button.png') left top no-repeat;
}

.wideButtonInner {
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 -1px 0 #4998C2;
    right: -5px;
    position: relative;
    text-align: center;
    color: #ffffff;
    background: url('/static/img-new/promotions/wide-blue-button.png') right bottom no-repeat;
}

.promotionInfo {
    position: relative;
    overflow: hidden;
    line-height: 1.2em;
}

.promotionInfo .iconEdit {
    background: url('/static/img-new/promotions/icons-sprite.png') left -29px no-repeat;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
}

.promotionCreationDate, .editPromotionButton, .deletePromotionButton {
    float: left;
    padding: 5px 7px;
    margin-right: 10px;
    position: relative;
}

.promotionInfo .showCounter {
    float: left;
    padding: 5px 0;
    line-height: 1.2em;
}

.promotionInfo .showCountIcon {
    margin-top: 2px;
}

.promotionInfo .showCounter p {
    margin: 0;
}

.promotionInfo .addRatingIcon {
    margin-top: 4px;
    height: 19px;
    width: 19px;
}

.promotionInfo .bumpCounter {
    float: right;
    margin: 5px 5px 0 0;
}

.promotionInfo .bumpCounter .bumpCounterNumber {
    margin-top: 0;
    font-size: 15px;
}

.promotionCreationDate {
    color: #999999;
}

.editPromotionButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFF5B2;
    border: 1px solid #FFF5B2;
    border-bottom: 1px solid #F9E29D;
    padding: 4px 6px 4px 23px;
    text-decoration: none;
    font-size: 0.87em;
    color: #333333;
}

.deletePromotionButton {
    padding-left: 23px;
    color: #333333;
}

.deletePromotionButton .iconEdit {
    margin-top: -6px;
    width: 15px;
    height: 13px;
}

.editPromotionButton .iconEdit {
    background-position: left 0;
    margin-top: -7px;
    width: 15px;
    height: 13px;
}

.promotionFullDescription {
    clear: both;
    margin: 20px 0;
    overflow: hidden;
    min-height: 100px;
}

.promotionFullDescription p {
    padding: 10px 0;
    line-height: 22px;
    font-family: 'Calibri', Arial;
    font-size: 16px;
    color: #384250;
}

.promotionFullDescription img {
    display: block;
}

.promotionTitle .promotionHeader {
    float: left;
    width: 520px;
    line-height: 1.2em;
    margin-bottom: 10px;
    overflow: hidden;
}

.promotionTitle .promotionHeader .extraBlock {
    line-height: 2.4em;
    margin-left: 20px;
    float: left;
}

.promotionTitle .promotionHeader .extraBlock .addToBookmarks {
    margin-top: 9px;
}

.promotionTitle h2 {
    float: left;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: normal;
    color: #333333;
    font-family: 'Calibri', Arial;
}

.promotionTitle .brandTagsWrapper {
    float: left;
    width: 520px;
}

.promotionRightColumn h2 {
    font-weight: normal;
    font-size: 1.4em;
    font-family: 'Calibri', Arial;
}

.promotionsSmallWrapper {
    margin-top: 10px;
    overflow: hidden;
}

.promotionsSmallList {
    margin-top: -21px;
}

.promotionSmallItem {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px dotted #cccccc;
    overflow: hidden;
    clear: both;
}

.promotionSmallItem .headerPromotion {
    font-size: 1em;
    margin-left: 60px;
}

.promotionSmallItem .logoPromotion {
    width: 50px;
    height: 50px;
    background: #f0f0f0;
    margin-left: -60px;
}

.promotionSmallItem .logoPromotion img {
    width: 50px;
    height: 50px;
}

.promotionSmallItem .logoPromotion .imgBorder {
    width: 48px;
    height: 48px;
}

.promotionSmallItem .statusPromotion {
    margin-left: 60px;
    margin-top: 10px;
    float: none;
}

.smallUpcoming {
    width: 140px;
}

.smallUpcoming .graphStatusPromotion {
    float: left;
    background: url('/static/img-new/promotions/icons-sprite.png') left -43px no-repeat;
    width: 17px;
    height: 20px;
}

.smallUpcoming .stringStatusPromotion {
    line-height: 20px;
    margin-left: 25px;
    margin-top: 0;
}

.promotionsListMain {
    margin: -20px 0 0 -20px;
    clear: both;
}

#pinnedPromotionsBlock {
    margin-top: 0;
}

.promotionsListMain .descriptionPromotion {
    width: 465px;
}

.promotionMirrorSelect {
    margin-bottom: 35px;
}

.promotionMirrorSelect .mirrorItem {
    margin: 10px 0 0 0;
}

.promotionFullDescription, .blogPostContent {
    color: #384250;
    font: 16px/22px 'Calibri', Arial;
}

.goToPromotionButton {
    float: right;
    margin-top: 10px;
}

.promotionMembersList {
    margin-top: 20px;
}

.promotionMembersList h3 {
    padding-bottom: 10px;
}

.promotionMembersList .pubAuthor {
    margin-bottom: 10px;
}

.promotionExportWrapper {
    margin: 20px 0px 0px 0px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 635px;
}

.promotionExportCharsetSelectWrapper {
    float: left;
    display: inline;
    padding-left: 10px;
}

.promotionExportSubmitButtonWrapper {
    float: left;
    display: inline;
    padding-left: 20px;
}

/*----------------------------------------------------Fix-------------------------------------------------------------*/

.addCommentForm .textInputLighter {
    margin-right: 0 !important;
}

.addCommentFormFooter {
    clear: both;
}

.comment .editSettingsIcon {
    margin: 0 5px 0 14px;
}

/*---------------------------------------------------Audio------------------------------------------------------------*/

.audioPlaylist li {
    height: 19px !important;
    line-height: 19px !important;
    padding: 0 !important;
}

.musicBlock ul li {
    width: 630px !important;
}

.musicListItem {
    line-height: 19px;
}

.musicListItem .musicListIcon {
    margin-right: 3px;
    display: inline;
}

.musicListItem .musicItemWrapper {
    display: inline;
    float: left;
    margin: 0 7px 0 0 !important;
    overflow: visible;
}

.musicListItem .musicTime {
    line-height: 19px;
    position: absolute;
    right: -56px;
    top: 0 !important;
    z-index: 30;
}

.played .musicItemWrapper .musicTime {
    right: 5px;
}

.musicListItem .volume {
    display: none;
    float: left;
    margin-right: 5px;
    position: static !important;
    height: 19px;
}

.played .volume {
    display: inline;
}

.musicListItem .downloadIcon {
    position: static;
    float: left;
    height: 14px;
    line-height: 19px;
    margin: 2px 0 0;
    width: 15px;
    display: none;
}

.musicListItem .musicTitle {
    line-height: 19px;
    padding: 0;
    height: 19px;

    position: static !important;
    left: 0 !important;
}

.progressBar {
    position: relative;
}

.titleHide {
    position: absolute;
    width: 21px;
    height: 19px;
    background: url('/static/img-new/audio/gradient-white.png') right top repeat-y;
    z-index: 10;
    left: 175px;
    top: 0;
}

.progressHide {
    position: absolute;
    width: 0;
    height: 19px;
    background: url('/static/img-new/audio/gradient-progress.png') left top repeat-y;
    z-index: 20;
    left: 99px;
    right: auto;
    top: 0;
}

.hover .downloadIcon, .played .downloadIcon {
    display: inline;
}

.personalMusicBlock .musicListItem .musicItemWrapper {
    width: 160px;
}

.personalMusicBlock .played .musicItemWrapper {
    width: 145px;
}

.personalMusicBlock .musicListItem .progressBar .musicTitle {
    width: 190px !important;
}

.personalMusicBlock .hover .progressBar .musicTitle {
    width: 152px !important;
}

.personalMusicBlock .played .progressBar .musicTitle {
    width: 114px !important;
}

.personalMusicBlock .played .titleHide {
    background: url('/static/img-new/audio/gradient-blue.png') right top repeat-y;
    left: 99px;
}

.personalMusicBlock .hover .titleHide {
    left: 137px;
}

.musicLeftColumn {
    width: 630px;
}

.musicLeftColumn .startPlaying {
    margin: 0;
}

.musicLeftColumn .musicItemWrapper {
    width: 420px;
}

.musicLeftColumn .played .musicItemWrapper {
    width: 391px;
}

.wallMessageText .musicItemWrapper {
    width: 530px;
}

.wallMessageText .played .musicItemWrapper {
    width: 515px;
}

.blogPostContent .musicItemWrapper {
    width: 530px;
}

.blogPostContent .played .musicItemWrapper {
    width: 515px;
}

.musicMessageForm .musicItemWrapper {
    width: 480px;
}

.musicMessageForm .played .musicItemWrapper {
    width: 420px;
}

.musicLeftColumn .musicBlock, .musicLeftColumn .musicListItem {
    overflow: visible;
}

.musicLeftColumn .musicListItem .musicTitle {
    width: 398px;
}

.musicLeftColumn .titleHide {
    left: 383px;
}

.musicLeftColumn .played .titleHide {
    background: url('/static/img-new/audio/gradient-blue.png') right top repeat-y;
}

.musicLeftColumn .progressHide {
    left: 383px;
}

.musicLeftColumn .musicBlock ul li .addRatingIcon {
    float: right;
    display: inline;
    height: 19px;
    width: 19px;
    margin-top: 0;
    margin-left: 5px;
}

.musicLeftColumn .musicBlock ul li .delIcon {
    position: static;
    margin-top: 3px;
    margin-right: 5px;
    float: right;
}

.musicLeftColumn .musicBlock .played .delIcon {
    display: none;
}

.musicLeftColumn .musicBlock .bookmarkPanel {
    display: inline;
    float: right;
    position: static !important;
    line-height: 19px;
    margin: 0 0 0 10px;
    left: auto;
    top: 0;
    right: auto;
    white-space: nowrap;
    width: 30px;
}

.musicLeftColumn .audioPlaylist .addToBookmarks, .musicLeftColumn .audioPlaylist .deleteFromBookmarks {
    position: static !important;
    margin-top: 1px;
    zoom: 1;
    display: inline;
    float: left;
    right: auto;
    top: 0;
}

.musicLeftColumn .bookmarkPanel .bookmarkCount {
    position: static !important;
    left: 0;
    top: 0;
    margin: 0;
    line-height: 19px;
    font-size: 11px !important;
}

.musicLeftColumn .downloadIcon {
    display: inline !important;
    float: left;
    margin-left: 3px;
    margin-right: 0;
}

.musicLeftColumn .bumpCounter {
    float: right;
    margin: 0;
}

.musicLeftColumn .bumpCounter .bumpCounterNumber {
    margin-left: 10px;
    margin-top: 0;
}

.filesBlock table td {
    vertical-align: middle;
}

.buttonsCell {
    width: 100px;
    text-align: right;
}

.buttonsPanel {
    white-space: nowrap;
    float: right;
    line-height: 19px;
    height: 19px;
}

.buttonsPanel .delIcon {
    display: inline;
    float: left;
    margin-top: 2px;
}

.buttonsPanel .bumpCounter {
    display: inline;
    float: left;
    margin: 0;
    line-height: 19px;
    position: static;
}

.buttonsPanel .bumpCounter .bumpCounterNumber {
    float: none;
    display: inline;
    line-height: 17px;
    margin: 0 0 2px;
}

.buttonsPanel form {
    display: inline;
    float: none;
}

.buttonsPanel .addRatingIcon {
    position: static;
    height: 19px;
    width: 19px;
    margin: 0 0 0 5px;
    float: left;
    display: inline;
}

.photoViewColumn .bumpCounter {
    float: right;
    margin: 2px 5px 0 0;
}

.photoViewColumn .bumpCounter .bumpCounterNumber {
    margin-top: 0;
    font-size: 15px;
}

.photoViewColumn .viewCounter {
    margin-top: 3px;
    margin-right: 15px
}

.photoViewColumn .addRatingIcon {
    margin-top: 1px;
    height: 19px;
    width: 19px;
}

/*-------------------------------------------------Main Brand Tags----------------------------------------------------*/
.advCell .advDate {
    position: relative;
    margin-left: -32px;
    margin-top: 0;
    padding-bottom: 0;
}

.advCell .advDate span {
    line-height: 25px;
}

.advCell .advDate div {
    line-height: 11px;
    position: absolute;
    top: 29px;
    left: 0;
    z-index: 1;
    white-space: nowrap;
}

.advCell .brandsSmallIcon {
    position: relative;
    z-index: 10;
    left: auto;
    margin-bottom: 12px;
    margin-left: -4px;
    width: 174px;
    padding: 0;
}

.brandsSmallIcon .brandTag {
    margin-left: 4px;
    margin-right: 0 !important;
}

.advCompaignOwner .brandTag {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pubCell .brandsSmallIcon {
    margin-left: -4px;
    margin-top: 2px;
    padding: 0;
    width: 174px;
}

/*---------------------------------------------------comments page----------------------------------------------------*/

.commentsMainColumn {
    float: left;
    margin-right: 34px;
    padding: 40px 0 40px 40px;
    width: 645px;
}

.commentsMainColumn .sortFilters {
    margin-top: 0;
}

.commentsMainColumn .sortingBlock {
    overflow: hidden;
}

.allCommentsList {
    position: relative;
    margin-top: -30px;
    z-index: 1;
}

.commentsGroupItem {
    margin-top: 40px;
}

.commentsGroupHeader {
    line-height: 30px;
    margin: 0 0 0 70px;
    position: relative;
    z-index: 2;
}

.smallUserPicLink {
    position: absolute;
    top: 0;
    left: -70px;
    margin: 3px 0 0;
    width: 25px;
    height: 25px;
    display: block;
    background: #f0f0f0;
}

.smallUserPicLink .imgBorder {
    width: 23px;
    height: 23px;
}

.commentsGroupHeader .pubArrow {
    margin: 11px 0 0 0;
    float: none;
    position: absolute;
    left: -35px;
    top: 0;
}

.commentsGroupHeader .pubTitle {
    line-height: 30px;
    margin-right: 10px;
}

.commentsGroupHeader .hidden {
    display: none;
}

.counterRating {
    color: #D272E7;
    font-size: 18px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 10px;
}

.counterComments {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 20px;
    position: relative;
    vertical-align: top;
}

.iconCommentsCount {
    background: url("/static/img-new/personal-page/personal-page-sprite.png") no-repeat scroll -141px -94px transparent;
    display: block;
    height: 16px;
    left: -20px;
    position: absolute;
    top: 8px;
    width: 16px;
}

.commentItemsWrapper {
    position: relative;
    z-index: 1;
    margin-top: -10px;
}

.commentItem {
    margin-top: 20px;
}

.commentsGroupItem .commentHide {
    filter: alpha(opacity = 30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.commentHeader {
    margin: 0 0 10px 70px;
    line-height: 25px;
    height: 25px;
    clear: both;
}

.commentHeader .userLink {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 0 35px;
    position: relative;
    white-space: nowrap;
}

.commentHeader .smallUserPic {
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 25px;
    left: -35px;
    top: 0;
    width: 25px;
}

.commentHeader .smallUserPic .imgBorder {
    width: 23px;
    height: 23px;
}

.commentHeader .commentTime {

}

.commentFullText {
    margin: 0 0 0 70px;
    line-height: 1.2em;
}

.commentsSecondColumn {
    float: left;
    margin-top: 40px;
    width: 240px;
}

.secondColumnWrapper {
    padding: 20px;
    margin-bottom: 20px;
    background: #F4F4F4;
    border-bottom: 1px solid #E7E7E7;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.secondColumnWrapper h2 {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background: #f4f4f4;
    position: relative;
    z-index: 2;
}

.secondColumnWrapper .commentItemsWrapper {
    margin-top: -25px;
}

.secondColumnWrapper .commentItem {
    border-top: 1px dotted #cccccc;
    padding-top: 20px;
}

.secondColumnWrapper .commentHeader {
    margin-left: 0;
    line-height: 1em;
}

.secondColumnWrapper .commentFullText {
    margin-left: 0;
    max-height: 57px;
    overflow: hidden;
    position: relative;
}

.secondColumnWrapper .commentFullText .commentFog {
    background: url('/static/img-new/publications/gradient-comment.png') right bottom no-repeat;
    position: absolute;
    left: -200px;
    margin-left: 100%;
    top: 27px;
    z-index: 3;
    display: block;
    width: 200px;
    height: 30px;
}

.secondColumnWrapper .commentHeader .commentTime {
    display: block;
    margin: -7px 0 0 35px;
}

.secondColumnWrapper .commentHeader .userLink {
    line-height: 1em;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

/*------------------------------------------------Payment Details Page------------------------------------------------*/
.paymentDetails {
    padding: 40px 0;
}

#paymentDetailsPaginator {
    margin: 0 40px 30px;
}

.paymentDetails table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 11px;
    width: 100%;
}
.paymentDetails table th {
    background: #eeeeee;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #d8d8d8;
    line-height: 13px;
    padding: 10px;
}
.paymentDetails table th.activeSort {
    background: #f7f7f7;
}
.paymentDetails table th.activeSort:after{
    content: "";
    display: block;
    width: 7px;
    height: 4px;
    background-image: url("/static/img/main-sprite-3.png");
    background-repeat: no-repeat;
    margin: 5px auto 0;
}
.paymentDetails table th.activeSort.ascSort:after {
    background-position: -188px -130px;
}
.paymentDetails table th.activeSort.descSort:after {
    background-position: -188px -125px;
}
.paymentDetails table td {
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    padding: 15px 5px;
    vertical-align: middle;
}
.paymentDetails table tr:hover {
    background: #f7f7f7;
    cursor: pointer;
}

.paymentDetails .wrapCell {
    word-wrap: break-word;
}

.pageMessage {
    padding: 40px 100px 70px;
}

.pageMessage h1 {
    color: #333333;
    font-family: 'Calibri';
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 23px;
    text-align: center;
}

.errorMessage h1 {
    color: #990000;
}

/*-------------------------------------------------Media uploader-----------------------------------------------------*/

#mediaUploader {
    background-color: #e9f8fe;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 604px;
    padding: 12px;
    overflow: hidden;
    margin-bottom: 2em;
}

#mediaUploader .uploadProgress {
    overflow: hidden;
    margin-bottom: 1em;
}

#mediaUploader .uploadProgress .uploadStats {
    margin-bottom: 0.5em;
}

#mediaUploader .uploadProgress .uploadProgressBar {
    float: left;
    height: 12px;
    width: 300px;
    background: url(/static/img-new/personal-page/music-progress-background.png) repeat-x;
}

#mediaUploader .uploadProgress .cancelUpload {
    float: right;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background: url(/static/img-new/registration-page/reg-sprite.png) -21px 0;
}

#mediaUploader .uploadedItem {
    padding: 0.5em;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0.5em;
    overflow: hidden;
}

#mediaUploader .uploadedItem.active {
    background-color: #d5eef8;
}

#mediaUploader .uploadedItem.active .removeUploadedItem {
    display: block;
}

#mediaUploader .uploadedItem .removeUploadedItem,
#mediaUploader .uploadedItem.renaming .removeUploadedItem {
    display: none;
}

#mediaUploader .uploadedItem.photo img,
#mediaUploader .uploadedItem .changeUploadedItemTitle,
#mediaUploader .uploadedItem .removeUploadedItem {
    float: left;
}

#mediaUploader .uploadedItem .changeUploadedItemTitle,
#mediaUploader .uploadedItem .removeUploadedItem {
    margin-top: 38px;
    margin-left: 2em;
    cursor: pointer;
}

#mediaUploader .uploadedItem.audio .changeUploadedItemTitle,
#mediaUploader .uploadedItem.audio .removeUploadedItem,
#mediaUploader .uploadedItem.file .changeUploadedItemTitle,
#mediaUploader .uploadedItem.file .removeUploadedItem {
    margin: 0;
}

#mediaUploader .uploadedItem.audio .changeUploadedItemTitle {
    margin-left: 10px;
}

#mediaUploader .uploadedItem.file .changeUploadedItemTitle,
#mediaUploader .uploadedItem.file .removeUploadedItem {
    margin-left: 2em;
}

#mediaUploader .uploadedItem:first-child {
    margin-top: 0;
}

#mediaUploader .blueButton {
    margin-top: 1em;
    display: block;
}

#mediaUploader .musicListItem .musicTitle {
    width: auto;
}

/*-------------------------------------------------Avatar crop--------------------------------------------------------*/

.userPortrait.cropTransparentBackground {
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    margin: 0;
    border: none;
    background-color: black;
    opacity: 0.4;
    filter: progid:dximagetransform.microsoft.alpha(opacity = 40);
}

.cropInternalWrapper {
    position: absolute;
}

.cropArea {
    width: 100px;
    height: 100px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    opacity: 1.0;
    position: absolute;
    top: 0;
    cursor: move;
}

.cropAreaResizeHandlerLeftTop,
.cropAreaResizeHandlerRightBottom {
    position: absolute;
    width: 7px;
    height: 7px;
    opacity: 0.7;
    background: #999999;
    border: 1px solid #777777;
    cursor: se-resize;
    filter: progid:dximagetransform.microsoft.alpha(opacity = 70);
}

.cropAreaResizeHandlerLeftTop {
    left: -5px;
    top: -5px;
}

.cropAreaResizeHandlerRightBottom {
    right: -5px;
    bottom: -5px;
}

.bookmarkSharePanel {
    padding: 1em 0;
    overflow: visible;
    height: 33px;
}

.bookmarkSharePanel.blogPostPanel {
    clear: both;
    margin-top: 20px;
}

.bookmarkSharePanel.advertisingCampaignPanel {
    margin-top: 2em;
}

.bookmarkSharePanel .shareService {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 133px;
    height: 33px;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url('/static/img-new/social-network-share-button/shareButtons.png');
    background-repeat:  no-repeat;
}

.bookmarkSharePanel .shareService.facebook {
    background-position: 0px 0px;
}
.bookmarkSharePanel .shareService.facebook:hover {
    background-position: 0px -36px;
}
.bookmarkSharePanel .shareService.facebook:active {
    background-position: 0px -72px;
}
.bookmarkSharePanel .shareService.twitter {
    background-position: -139px 0px;
}
.bookmarkSharePanel .shareService.twitter:hover {
    background-position: -139px -36px;
}
.bookmarkSharePanel .shareService.twitter:active {
    background-position: -139px -72px;
}
.bookmarkSharePanel .shareService.vkontakte {
    background-position: -278px 0px;
}
.bookmarkSharePanel .shareService.vkontakte:hover {
    background-position: -278px -36px;
}
.bookmarkSharePanel .shareService.vkontakte:active {
    background-position: -278px -72px;
}
.bookmarkSharePanel .shareService.google {
    background-position: -417px 0px;
}
.bookmarkSharePanel .shareService.google:hover {
    background-position: -417px -36px;
}
.bookmarkSharePanel .shareService.google:active {
    background-position: -417px -72px;
}
.bookmarkSharePanel .shareService.yashare {
    background-position: -557px 0px;
    text-indent: 0px;
}
.bookmarkSharePanel .shareService.yashare:hover {
    background-position: -557px -36px;
}
.bookmarkSharePanel .shareService.yashare:active {
    background-position: -557px -72px;
}
.bookmarkSharePanel .shareService.yashare span.b-share a {
    text-indent: -9999px;
    display: block;
    width: 133px;
    height: 33px;
}
.bookmarkSharePanel .shareService.facebook .fbShareButton {
    position: absolute;
}

.bookmarkSharePanel .shareService.facebook iframe {
    height: 21px;
    border: none;
    overflow: visible;
}

.bookmarkSharePanel .shareService.facebook {
    position: relative;
    z-index: 5;
}

.bookmarkSharePanel.vacancySharePanel,
.bookmarkSharePanel.viewVideoBookmarkSharePanel {
    clear: both;
    margin-top: 20px;
}

.b-share {
}

.b-share__text {
}

.b-share__handle {
}

/* Drop down select */

.textInputWrapper .readOnlyInput.emptyDropDownSelect {
    color: #999999;
    font-size: 0.8em;
}

/* Place selector */

.textInputWrapper .readOnlyInput.disabled {
    color: #999999;
    cursor: default;
    font-family: 'Verdana', sans-serif;
}

/* Modal window */

#modalWindowBackground {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 450;
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    filter: progid:dximagetransform.microsoft.alpha(opacity = 40);
}

/*-------------------------------------------------Popup list---------------------------------------------------------*/

.popupList {
    cursor: pointer;
    overflow: auto;
    z-index: 990 !important;
    background: #ffffff;
    border: 1px solid #c3c3c3;
    position: absolute;
    display: none;
}

.popupList div {
    padding: 3px;
}

.popupList div.active {
    background: #c3c3c3;
}



/*-------------------------------------------------Mirrors page-------------------------------------------------------*/

.mirrorsList {
    padding: 40px;
}

.mirrorsList li {
    display: block;
    position: relative;
    height: 170px;
    margin-bottom: 20px;
    overflow: hidden;
}

.mirrorsList li a {
    color: #FFF;
}

.subMirrorsList {
    padding: 40px;
}

.subMirrorsList .mirrorLogoWrapper {
    float: left;
    margin-right: 10px;
}

.subMirrorsList .mirrorInfo {
    float: left;
    width: 390px;
    padding-right: 140px;
    padding-top: 0;
}

.subMirrorsList .inSubMirrorButton {
    float: left;
}

.subMirrorsList li {
    margin-bottom: 30px;
    overflow: hidden;
}

.subMirrorsList .mirrorTitle {
    font-size: 20px;
    color: #333;
}

.subMirrorsList .mirrorAbout {
    padding-top: 10px;
}

.subMirrorsList img {
    width: 50px;
}

/* must be removed after refactoring - store background color in MirrorLayoutOptionEntity - BEGIN*/
.ADCR {
    background: #D62828;
    color: #FFF;
}

.CCC {
    background: #D62828;
    color: #FFF;
}


.ALUMNI-MGIMO {
    background: #244973;
    color: #FFF;
}

.SWISS {
    background: #244973;
    color: #FFF;
}

.GLAVMEDINFO {
    color: #FFF;
    background: #03B27B;
}

.REDAPPLE {
    color: #FFF;
    background: #03B27B;
}

.ANCS-PRESS {
    color: #929293;
    background: #F7F7FB;
}

.PCMFTI {
    color: #929293;
    background: #F7F7FB;
}

.MARBELLA-PEOPLE {
    color: #FFF;
    background: #a48b5c;
}

.KINOSKVOT {
    color: #fff;
    background: #000;
}

.MEDIAHEADS {
    color: #fff;
    background: #000;
}


.MGU-PHILFAC {
    color: #000;
    background: url(/static/theme/mgu-philfac/img/contest-background.png);
}

.NIKA {
    color: #000;
    background: url(/static/theme/nika/img/back.png);
}


.RUDN {
    color: #FFF;
    background: #80BD75;
}

.WOMAN {
    color: #67359A;
    background: #FFFF33;
}

.HISTORY {
    color: #696F53;
    background: #ECEDE7;
}

.WOMEN2 {
    color: #FFF;
    background: url(/static/theme/women2/img/footer-background.png);
}

.HEALTH {
    color: #333;
    background: #DADADA url(/static/theme/health/img/person-page-header.png) repeat-x;
}

.VGIK {
    color: #FFF;
    background: #000;
}

.JUDO {
    color: #FFF;
    background: #CC0000;
}

.ACAP {
    color: #000;
    background: #F4F4F4;
}

.EAST {
    color: #FFF;
    background: #8196a9;
}

.MONOHOLIA {
    color: #FFF;
    background: #288ACC url(/static/theme/monoholia/img/personal-page-header.png) repeat-x;
}

.ALLSPORTSIN {
    color: #FFF;
    background: #314045;
    border: 1px solid #fff;
}
.mirrorsList .ALLSPORTSIN .mirrorLogoWrapper  img {
    background: #314045 !important;
}
.mirrorsList .ALLSPORTSIN .mirrorLogoWrapper {
    margin-right: 23px;
}

.NACS {
    border: 1px solid #000;
}
.mirrorsList .NACS .mirrorLogoWrapper {
    margin-right: 23px;
}
.mirrorsList .NACS .mirrorTitle {
    color: #000;
}

.BRIGITTE-BOTTIER {
    border: 1px solid #000;
}
.mirrorsList .BRIGITTE-BOTTIER .mirrorLogoWrapper {
    margin-right: 23px;
}
.mirrorsList .BRIGITTE-BOTTIER .mirrorTitle {
    color: #000;
}

.SOUNDVAN {
    border: 1px solid #000;
}
.mirrorsList .SOUNDVAN .mirrorLogoWrapper {
    margin-right: 23px;
}
.mirrorsList .SOUNDVAN .mirrorTitle {
    color: #000;
}

.MDIALOGUE {
    border: 1px solid #000;
}
.mirrorsList .MDIALOGUE .mirrorLogoWrapper {
    margin-right: 23px;
}
.mirrorsList .MDIALOGUE .mirrorTitle {
    color: #000;
}

.FNL {
    color: #fff;
    background: #427133;
}
.CCMTI {
    color: #fff;
    background: #3674ac;
}
.EASTERN-COUNTRIES {
    color: #fff;
    background: #238ed6;
}
.NETONCOLOGY {
    background: #5aafdf;
}
.MFTI {
    background: #2986c6;
}
.mirrorsList .MFTI .mirrorLogoWrapper img {
    background: #2986c6 !important;
}
.CCMFTI {
    background: #222;
    color: #fff;
}
.mirrorsList .CCMFTI .mirrorLogoWrapper img {
    background: #222 !important;
}


/* must be removed after refactoring - store background color in MirrorLayoutOptionEntity - END*/

.mirrorsList .mirrorLogoWrapper {
    position: relative;
    margin-right: 25px;
    width: 170px;
    height: 170px;
    float: left;
    display: inline;
}

.mirrorsList .mirrorLogo, .mirrorsList .mirrorLogoWrapper img {
    width: 150px;
    height: 150px;
    margin: 10px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

.MARBELLA-PEOPLE {
    display: none !important;
}

.MGU-PHILFAC .mirrorTitle {
    color: #000 !important;
}

.WOMAN .mirrorTitle {
    color: #67359A !important;
}

.HISTORY .mirrorTitle {
    color: #696F53 !important;
}

.WOMEN2 .mirrorTitle {
    color: #FFF !important;
}

.HEALTH .mirrorTitle {
    color: #333 !important;
}

.mirrorsList li .mirrorTitle {
    font-size: 20px;
}

.mirrorsList li .mirrorAbout {
    margin-top: 10px;
    width: 530px;
    clear: both;
}

.inMirrorButton {
    position: absolute;
    top: 75px;
    right: 30px;
}

.mirrorInfo {
    padding-top: 30px;
    padding-right: 24px;
    float: right;
    display: inline;
    width: 700px;
}

.mirrorAgreementNotice {
    float: left;
    margin: -11px 0 0 20px;
}

.registrationOnMirrorDetailsForm.educationInfo .cellInput .inputErrorMessage {
    padding-left: 0;
}

.registrationOnMirrorDetailsForm.educationInfo .inputErrorMessage {
    clear: both;
    float: left;
    padding-left: 176px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------mail delivery page------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.mailDeliveryForm {
    overflow: hidden;
    margin-left: 10px;
    padding: 30px;
}

.mailDeliveryForm .dropDownBlockWrapper {
    width: 400px;
    float: left;
}

.mailDeliveryForm .dropDownBlockWrapper .textInputWrapper {
    width: 200px;
}

.mailDeliveryForm .dropDownBlockWrapper .textInputWrapper input {
    width: 200px;
}

.mailDeliveryForm .dropDownWrapper {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mailDeliveryForm .dropDownWrapper .cellTitle {
    float: left;
    width: 130px;
    padding-top: 6px;
}

.mailDeliveryUniversityCell .universityTitleWrapper {
    clear: both;
    margin-top: 0 !important;
    overflow: hidden; }

.mailDeliveryUniversityCell .universityTitleWrapper .cellTitle { float: left; }
.mailDeliveryUniversityCell .universityTitleWrapper .cellInput { float: left; }

.deliveryCountBlock {
    overflow: hidden;
    margin-top: 7px;
    background: #FFFDE4;
    width: 214px;
    padding: 20px;
    border: 1px solid #CCC;
}

.mailDeliveryCell {
    clear: both;
    float: left;
    margin-bottom: 4px;
}

.mailDeliveryCell .cellTitle {
    float: left;
    width: 130px;
    padding-top: 6px;
}

.mailDeliveryCell .cellInput { float: left; }
.mailDeliveryCell .cellInput input { width: 190px; }

body:first-of-type .mailDeliveryForm #wysiwygIFrame {
    width: 940px;
}

.mailDeliveryForm .messageTitle .textInputWrapper input {
    width: 916px;
    height: 30px;
    font-size: 24px;
}

.mailDeliveryForm .textInputWrapper textarea {
    width: 913px;
    resize: none;
}

.mailDeliveryForm .dropDownSelect {
    overflow: hidden;
    width: 223px;
}

.mailDeliveryForm .fieldPostfix {
    float: left;
    margin-top: 6px;
    margin-left: 1em;
}

.mailDeliveryForm .afterPurposeInformation {
    margin: 1em 0 1em 202px;
    width: 373px;
    color: #767676;
}

.mailDeliveryForm .submitButton {
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.mailDeliveryForm .containerlessErrorMessage {
    margin-left: 200px;
    clear: both;
}

.mailDeliveryControlsWrapper {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 901px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
}

.mailDeliveryForm .wysiwygContainer {
    /*width: 928px;*/
}

.mailDeliveryForm p {
    margin: 5px 0px 5px 10px;
}

.adressesBlock {
    margin-top: 30px;
}

.adressesBlock .cellTitle {
    padding: 0 0 3px 3px;
}

.testButtonWrapper {
    padding-left: 15px;
    float: left;
    display: inline;
}

.sendButtonWrapper {
    float: left;
    display: inline;
    padding-left: 15px;
}

.cancelButtonWrapper {
    float: left;
    display: inline;
    padding-left: 15px;
}

.infoPanelWrapper {
    float: left;
    display: inline;
    padding-left: 20px;
}

.infoPanelRecipientsCount {
    font-weight: bold;
}

.mailProcessPanelWrapper {
    float: left;
    display: inline;
    padding-left: 20px;
}

.mailProcessStatus {
    font-weight: bold;
    width: 150px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------Admin style------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.newsAddBlockColumn {
    padding-top: 40px;
}

.newsAddBlockColumn .textInputLighter.blogPostTitle input, .newsAddBlockColumn .textInputLighter.blogPostTagsInput input {
    width: 646px;
}

.newsAddBlockColumn .fieldDate {
    float: right;
    margin-right: 15px;
}

.newsAddBlockColumn .fieldDate label {
    margin-bottom: 5px;
    display: block;
}

.newsAddBlockColumn .field {
    margin-bottom: 20px;
}

.newsAddBlock {
    padding: 40px;
}

.newsAddBlock .field {
    margin-bottom: 10px;
}

.newsAddBlock .field .brandTagsSelector {
    padding-top: 10px;
}

#currentUserManagmentPanel {
    float: right;
    width: 250px;
}

/*-------------------------------------------------Admin panel--------------------------------------------------------*/

.adminPanel {
    background: #FFFFC1;
    text-align: left;
    padding: 5px;
    overflow: hidden;
}

.adminPanel h5 {
    margin: 0 0 10px;
}

.adminPanel a {
    float: left;
    margin-right: 20px;
    cursor: pointer;
}

.adminPanel {
    position: fixed;
    top: -1000px;
    width: 100%;
    height: 160px;
    z-index: 500;
    padding: 0;
    background: none;
    opacity: 0.6;
    filter: progid:dximagetransform.microsoft.alpha(opacity = 60);
}

.adminPanel .adminPanelContent {
    padding: 0.5em;
    overflow: hidden;
    background-color: #ffffc1;
}

.notActiveAdminPanel {
    width: auto;
    right: 0;
    top: 0 !important;
}

.notActiveAdminPanel .adminPanelContent {
    display: none;
}

.adminPanel .js_managmentPanelItemTitle {
    border-bottom: 1px dotted #0099cc;
}

.adminPanel .managmentPanelItem {
    position: absolute;
    top: 68px;
    background-color: #ffffc1;
    padding: 5px;
    z-index: 100;
    left: 0;
}

.adminPanel .manageCustomThemes {
    float: right;
}

.adminPanel .toggleButton {
    float: right;
    border-bottom: 1px dotted #000000;
    margin: 0.7em;
    cursor: pointer;
}

.userRolePanel { float: left; }
.adminPanelUser { float: left; }
.adminPanelUser a { margin-right: 5px; }
.adminRolesButton { float: left; margin-right: 30px; }

.adminRolesList { float: left; }
.adminRolesList a { display: block; float: none; }

#ui-datepicker-div {
    background: #FFF url(/static/img-new/calendar/calendar-header.png) 0 34px repeat-x;
    padding: 4px 10px 10px;
    border: none;
    -moz-box-shadow: 1px 2px 5px #666666;
    -webkit-box-shadow: 1px 2px 5px #666666;
    box-shadow: 1px 2px 5px #666666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#ui-datepicker-div select {
    /*margin: 5px 5px 5px 0;*/
    /*float: left;*/
}

#ui-datepicker-div table {
    margin: 8px 0 0 15px;
}

.ui-datepicker-calendar td {
    padding: 5px;
    text-align: right;
}

.ui-datepicker-calendar th {
    padding: 4px 0 14px;
    vertical-align: middle;
}

.ui-icon {
    margin-right: 5px;
    cursor: pointer;
    width: 20px;
    height: 10px;
    display: block;
    color: #FFF;
}

.ui-icon-circle-triangle-w { background: url(/static/img-new/icons-sprite.v6.png) 0 -105px; }

.ui-icon-circle-triangle-e { background: url(/static/img-new/icons-sprite.v6.png) -20px -105px; }


.ui-datepicker-prev { float: left; }
.ui-datepicker-next { float: right; }
/*.ui-datepicker-title { float: left; margin-top: -8px; }*/

.ui-state-default { color: #A5A5A5; text-decoration: none; }

/*--------- Unknown Artist - Track 1  -----------*/

.ckeditorControlPanel {
    margin-top: 1em;
    overflow: hidden;
}

.ckeditorControlPanel .editorCommand {
    cursor: pointer;
    padding: 1em;
    margin-right: 2em;
    background: #aaaaaa;
    float: left;
}

.ckeditorControlPanel .editorCommand.active {
    font-weight: bold;
}

tr.profileTopSection {
    background-color: #dcdcdc;
    font-weight: bold;
}

.js_waitModeration {
    float: left;
}

.js_waitModeration span {
    padding-left: 5px;
}

.interactWithUser .js_waitModeration {
    margin: 4px 0 0 -129px;
    float: left;
}

.interactWithUser .js_waitModeration a {
    color: #FFF;
    margin-left: 10px;
}

.js_topPanelBasketLink { *display: none !important; }

/*--------- Unknown Artist - Track 2  -----------*/

.additionMenu {
    margin: 20px 0 0 40px;
}

.additionMenu li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px;
}

.additionMenu a {
}

.staticWrapper {
    padding: 40px;
    overflow: hidden;
    line-height: 22px;
    font-family: 'Calibri', Arial;
    font-size: 16px;
    color: #384250;
}

.staticBlock {
    clear: both;
    padding-bottom: 15px;
    overflow: hidden;
}

.illustr {
    overflow: hidden;
    float: left;
    margin-right: 30px;
}

.staticContent {
    float: left;
    width: 620px;
    margin-bottom: 40px;
    oveflow: hidden;
}

.staticContent h2 {
    font-size: 20px;
    font-weight: normal;
}

.staticContent p {
    padding: 10px 0;
}

.staticContent ul {
    padding: 10px 0;
    list-style: disc outside;
}

.staticContent ul li {
    padding-bottom: 10px;
    list-style: disc inside;
}

.noneStyle {
    list-style-type: none !important;
}

.noneStyle li {
    list-style-type: none !important;
}

.js_waitModeration {
    float: left;
}

.staticPagesControlWrapper {
    margin-left: 10px;
}

.staticPagesControlWrapper .staticPagesEditLinkWrapper {
    float: left;
}

.staticPagesControlWrapper .staticPagesRemoveLinkWrapper {
    float: left;
    display: inline;
    margin-left: 20px;
}

/*-------------------------------------------------PyamentReports Control--------------------------------------------------------*/

.paymentReportsWrapper {
    overflow: hidden;
    padding-bottom: 30px;
}

.paymentReportTitleWrapper {
    padding: 4px 0;

}

.reportDataPikerWrapper {
    padding-left: 20px;
    float: left;
    display: inline;
}

.reportDataPikerWrapper input {
    margin: 0 5px;
}

.reportCharsetSelectWrapper {
    float: left;
    display: inline;
    padding-left: 20px;
}

.reportCharsetSelectWrapper select {
    margin: 3px 5px;
    height: 22px;
}

.reportSubmit {
    float: left;
    display: inline;
    padding: 2px 0 2px 20px;
}

.paymentPurposesTable th,
.paymentPurposesTable td {
    margin: 0;
    padding: 1em;
}

.paymentsTable th,
.paymentsTable td {
    margin: 0;
    padding: 1em;
}

#addPaymentPurposeForm .cellInput,
#editPaymentPurposeForm .cellInput {
    width: 400px;
    overflow: hidden;
}

#addPaymentPurposeForm input,
#editPaymentPurposeForm input {
    width: 386px;
}

.payButton {
    cursor: pointer;
}

.mgimoPayment {
    padding: 2em 0 0 2em;
}

.mgimoPayment .warning {
    font-weight: bold;
    margin-bottom: 2em;
}

.mgimoPaymentForm {
    overflow: hidden;
}

.mgimoPaymentForm .cellTitle {
    float: left;
    width: 190px;
    line-height: 27px;
    clear: both;
}

.mgimoPaymentForm .cellInput {
    width: 300px;
    float: left;
    margin-bottom: 10px;
}

.mgimoPaymentForm .textInputWrapper input {
    width: 288px;
}

.mgimoPaymentForm .textInputWrapper textarea {
    width: 288px;
}

.mgimoPaymentForm .dropDownSelect {
    overflow: hidden;
    width: 300px;
}

.mgimoPaymentForm .fieldPostfix {
    float: left;
    margin-top: 6px;
    margin-left: 1em;
}

.mgimoPaymentForm .afterPurposeInformation {
    margin: 0 0 1em 192px;
    width: 248px;
    color: #767676;
    font-size: 12px;
}

.mgimoPaymentForm .checkBoxWrapper {
    margin: 1em 0;
}

.mgimoPaymentForm .checkBox .checkBoxIcon {
    margin-top: 1px;
}

.mgimoPaymentForm .downloadReceiptButton {
    margin-top: 1em;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.mgimoPaymentForm .submitButton {
    cursor: pointer;
    float: left;
    overflow: hidden;
}

.mgimoPaymentForm .containerlessErrorMessage {
    margin-left: 200px;
    clear: both;
}

.mgimoPaymentDetails {
    padding-top: 30px;
}

.mgimoPaymentDetails h2 {
    margin: 20px 0 30px 0;
}

.mgimoPaymentDetails h3 {
    margin: 20px 0 30px 0;
}

.mgimoPaymentDetails .element {
    overflow: hidden;
}

.mgimoPaymentDetails .title {
    float: left;
    margin: 0 10px 10px 10px;
    font-weight: bold;
}

#paymentYear,
#paymentMemberFeePeriod {
    width: 123px;
}

#paymentYear .blueButtonField .textInputWrapper,
#paymentMemberFeePeriod .blueButtonField .textInputWrapper {
    width: 100px;
}

/*-------------------------------------------------Contests TV--------------------------------------------------------*/
.contestsTv {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.tvWrapper {
    background: #000;
    width: 559px;
    padding: 23px;
}

.tvWrapper .video {
    width: 560px;
    height: 315px;
}

.tvWrapper .video object {
    width: 560px;
    height: 315px;
}

.tvWrapper .videosThumbnailsList {
    margin-top: 30px;
    overflow: hidden;
}

.tvWrapper .videosThumbnailsList h2 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.tvWrapper .videosThumbnailsList .videosThumbnailsListBody {
    margin-top: 10px;
    width: 558px;
    overflow: hidden;
}

.tvWrapper .videosThumbnailsList .videosThumbnailsWrapper {
    width: 558px;
    overflow: hidden;
    position: relative;
    margin-left: 4px;
}

.tvWrapper .videosThumbnailsList .videosThumbnailsWrapper .videoThumbnail {
    width: 187px;
    position: static;
    cursor: pointer;
    float: left;
    display: inline;
    color: #fff;
}

.contestsTv .videoThumbnail .videoThumbnailPict {
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
    display: block;
    border: 1px solid #fff;
}

.videoThumbnailPictWrapper { display: table-cell; vertical-align: middle; width: 90px; height: 90px; }

.contestsTv .videosThumbnailsWrapper .videoThumbnail.last {
    margin-right: 0 !important;
}

.contestsTv .videosThumbnailsWrapper .videoThumbnail.loading {
    background: url(/static/img-new/temp/ajax-loader.gif) no-repeat 50% 50%;
}

.contestsTv .videosThumbnailsWrapper .videoThumbnail.last {
    margin-right: 0;
}

.contestsTv .advComments {
    color: #fff;
    width: auto;
}

.contestsTv .advComments .advCommentsIcon {
    background: url("/static/theme/bump/img/bump-sprite.png") no-repeat scroll -71px -71px;
}

.contestsTv .videosThumbnailsWrapper .videoThumbnailDescription {
    margin: 7px 0;
}

.tvWrapper .videosThumbnailsList .videosThumbnailsWrapper .videoThumbnail {
    cursor: default;
}

.tvWrapper .videosThumbnailsList .videosThumbnailsWrapper .videoThumbnailPict {
    cursor: pointer;
}

/*---- live player -----*/

#videoPlayerLive {
    width: 560px;
    height: 315px;
}

#videoPlayerLive video {
    width: 560px;
    height: 315px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------Mirror creation------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.createMirrorLeftColumn {
    padding: 40px;
    float: left;
    width: 200px;
}

.createMirrorRightColumn {
    padding: 40px 40px 40px 0;
    width: 670px;
    float: left;
}

.newMirrorLogoContainer {
    background: #F4F4F4;
    width: 200px;
    height: 80px;
    margin-bottom: 5px;
}

.mirrorsPrice {
    float: left;
    margin: 30px 0;
    padding: 20px;
    font-size: 18px;
    color: #000;
    background: #FFF5B2;
}

.newMirrorDescription {
    float: left;
    margin-top: 10px;
}

.newMirrorPaymentAccept {
    clear: both;
    margin-bottom: 10px;
}

.mirrorsPaymentMethodBlock {
    clear: both;
    margin-top: 30px;
    padding-bottom: 30px;
}

.mirrorsPaymentMethodBlock input {
    float: left;
}

.mirrorsPaymentMethodBlock span {
    margin-bottom: 20px;
    display: block;
}

.paymentMethod {
    margin: -13px 25px 0 5px;
    float: left;
    width: 105px;
    height: 45px;
}

.BANK_CARD {
    background: url(/static/img-new/payment/payment-sprite.png) 0 0 no-repeat;
}

.WEB_MONEY {
    background: url(/static/img-new/payment/payment-sprite.png) -124px 0 no-repeat;
}

.YANDEX_MONEY {
    background: url(/static/img-new/payment/payment-sprite.png) -230px 0 no-repeat;
}

.removeUserThemeControlWrapper {
    margin: 2px 0px 10px 15px;
}

.createCustomThemeControlWrapper .createCustomThemeAddButtonWrapper {
    float: left;
    display: inline;
}

.createCustomThemeControlWrapper .createCustomThemeCancelButtonWrapper {
    float: left;
    display: inline;
    margin-left: 20px;
}

/*-------------------------------------------------Interview--------------------------------------------------------*/

#addIntervieweeWindow {
}

#addIntervieweeWindow intervieweeNameLength {
    margin-top: 6px;
}

.addInterviewWindowItem {
    margin-bottom: 10px;
    float: left;
    clear: both;
}

.addInterviewWindowItem .symbolNumber {
    margin: 6px 0 0 6px;
    float: right;
}

.addInterviewWindowItem .intervieweeDescriptionLength {
    margin: 5px 0 0 0;
    float: none;
}

.addInterviewWindowItem .blueButton {
    float: left;
}

.addInterviewWindowItem .cellTitle {
    float: left;
    margin-top: 5px;
}

.addInterviewWindowItem .intervieweeName {
    float: left;
}

#editIntervieweeWindow #intervieweeName {
    margin: 6px 0 0 10px;
}

.addInterviewWindowItem .cellInput {
    float: left;
}

.addInterviewWindowItem .symbolNumber {
    float: left;
}

#editIntervieweeWindow,
#addIntervieweeWindow {
    -moz-box-shadow: 0 18px 34px -10px #000000;
    -webkit-box-shadow: 0 18px 34px -10px #000000;
}

#editIntervieweeWindow textarea,
#addIntervieweeWindow textarea {
    width: 641px;
    overflow: auto;
}

#editIntervieweeWindow .warning,
#addIntervieweeWindow .warning {
    color: red !important;
}

#editIntervieweeWindow .charsCounter,
#addIntervieweeWindow .charsCounter {
    float: right;
    margin: 7px 2px 0 0;
    font-size: 11px;
    color: #000;
}

#editIntervieweeWindow .intervieweeDescriptionItem,
#addIntervieweeWindow .intervieweeDescriptionItem {
    clear: both;
}

#editIntervieweeWindow .intervieweePhotoPreview,
#addIntervieweeWindow .intervieweePhotoPreview {
    height: 90px;
    width: 90px;
    margin: 10px 0;
    background-color: #CCC;
    background-repeat: no-repeat;
    position: relative;
}

#addIntervieweeWindow .uploadPhotoButton {
    float: left;
}

.interviewee img {
    display: block;
}

.interviewee .pubPicWrapper, .articles .pubPicWrapper {
    width: 90px !important;
    height: 90px !important;
    border: 0 none;
}

.interviewee .pubPicture,
.articles .pubPicture,
.articleImageWrapper .pubPicture {
    width: 90px !important;
    height: 90px !important;
    position: relative;
    border: 0 none;
    text-align: center;
}
.interviewee .pubPicture img, .articles .pubPicture img {

}

*:first-child+html .pubPicture {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
.interviewee .pubPicture:before,
.interviewee .pubPicture .before,
.articles .pubPicture:before,
.articles .pubPicture .before,
.articleImageWrapper .pubPicture:before,
.articleImageWrapper .pubPicture .before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    height: 88px;
    width: 88px;
    left: 0;
    top: 0;
    outline: 0 none;
    border: 1px solid #ccc;
}


.pubPicWrapper {
    width: 90px;
}

.pubPicImageWrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #F4F4F4;
    width: 90px;
    height: 90px;
}

.interviewControls .videoStatBlock .blueButtonContent {
    text-align: center;
    width: 195px;
}

.interviewControlBlock .blueButton {
    margin: 10px 10px 0 0;
    float: left;
}

.interviewerPhoto {
    float: left;
    margin: 15px 10px 10px 0;
}

.interviewerDescription {
    font-weight: bold;
}

.addInterviewButton {
    float: left;
    margin: 4px 0 0 10px;
}

.interview {
    padding: 8px;
}

.interview a {
    color: #333;
    display: inline-block;
    text-decoration: underline;
    word-wrap: break-word;
    padding-bottom: 4px;
}

.interview .interviewDate {
    color: #999;
    margin: 5px 0;
}

.currentInterview {
    background: #FFF;
}

.interviewEditTitle {
    float: left;
    margin: 20px 0 0 0;
}

.interviewEditTitle input {
    width: 567px;
    height: 30px;
    font-size: 28px;
    font-family: 'Calibri';
}

.interviewEditTitleLenght {
    margin: 35px 0 0 10px !important;
}

.interviewsPaginalContent {
    font-weight: normal;
}

/*-------------------------------------------------black lists--------------------------------------------------------*/

.mailDeliveryLeftColumn {
    float: left;
    padding: 9px 0 90px 10px;
    width: 700px;
    margin-right: 10px;
}

.mailDeliveryRightColumn {
    float: left;
    width: 258px;
    margin-top: 17px;
}

.blackListsControlWrapper {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 200px;
}

.blackListsControlWrapper .blackListTitle {
    cursor: pointer;
}

.blackListsControlWrapper .blackListElement {
    overflow: hidden;
}

.blackListsControlWrapper .blackListElementTitle {
    float: left;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}

.blackListsControlWrapper .blackListEmailAddressesTitle {
    font-weight: bold;
    padding: 5px 3px 0px 5px;
}

.blackListsControlWrapper .emailAddressesWrapper {
    padding: 0px 5px 5px 10px;
}

.blackListsControlWrapper .emailAddressElement {
    padding: 2px 0px 2px 0px;
}

.blackListsControlWrapper .blackListElementValue {
    padding: 5px 0px 5px 0px;
}

.blackListsControlWrapper .blackListItem {
    padding: 7px 0px 7px 0px;
}

table.blackListTable td {
    margin: 0;
    padding: 5px;
    text-align: left;
}

table.blackListTable th {
    padding: 5px;
    text-align: left;
}

table.blackListTable {
    margin: 10px 0px 10px 0px;
}

.editBlackListWrapper .inputText {
    width: 600px;
}

.editBlackListWrapper .inputText input {
    width: 600px;
}

.editBlackListWrapper .inputText textarea {
    width: 600px;
    resize: none;
}

.addBlackListArea input,
.addBlackListArea textarea {
    width: 673px;
}

.addBlackListWrapper {
    margin: 10px;
}

.addBlackListWrapper .inputText {
    width: 600px;
}

.addBlackListWrapper .inputText input {
    width: 600px;
}

.addBlackListWrapper .inputText textarea {
    width: 600px;
    resize: none;
}

.blackListsControlWrapper .addBlackList {
    margin: 15px 0px 0px 0px;
}

.editMailDeliveryLink {
    margin: 10px 0px 0px 0px
}

.blackListHandler {
    margin: 10px 0px 0px 10px
}

.attachmentItem {
    margin: 10px;
}

.attachmentTitle {
    padding-left: 15px;
    float: left;
    display: inline;
    font-weight: bold;
}

.attachmentSize {
    padding-left: 30px;
    float: left;
    display: inline;
}

.attachmentDelete {
    padding-left: 30px;
    float: right;
    display: inline;
    cursor: pointer;
    text-decoration: underline;
}

.attachmentStatus {
    text-align: center;
    font-weight: bold;
}

.attachmentsControlWrapper {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 630px;
}

.js_addAttachmentButton {
    cursor: pointer;
    font-weight: bold;
}

.blackListTable td {
    vertical-align: middle;
}




/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------Modal windows--------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.socialNetworkConnectionForm {
    background: #EEE;
    padding: 20px 10px 20px 38px;
}

.socialNetworkConnectionFormTitle,
.socialNetworkConnectionLoggedInTitle {
    font-size: 19px;
    margin-bottom: 1em;
    color: #333;
}

.socialNetworkConnectionLoggedInTitle {
    color: #65B044;
}

.socialNetworkConnectionLoggedInNotes {
    line-height: 1.3;
    color: #999;
}

.socialNetworkConnectionFormButtons {
    overflow: hidden;
    height: 33px;
}

.socialNetworkConnectionFormButtons .socialNetworkButton {
    float: left;
    overflow: hidden;
    margin-right: 6px;
    cursor: pointer;
    width: 156px;
    height: 33px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.socialNetworkConnectionFormButtons .socialNetworkButton.google {
    background: url('/static/img-new/social-network-login-button/google.jpg') no-repeat;
}

.socialNetworkConnectionFormButtons .socialNetworkButton.vkontakte {
    background: url('/static/img-new/social-network-login-button/vkontakte.jpg') no-repeat;
}

.socialNetworkConnectionFormButtons .socialNetworkButton.facebook {
    background: url('/static/img-new/social-network-login-button/facebook.jpg') no-repeat;
}

.socialNetworkConnectionFormButtons .socialNetworkButton.twitter {
    background: url('/static/img-new/social-network-login-button/twitter.jpg') no-repeat;
}

.brandSelector {
    background: #4060A3 url("/static/img-new/person/person-background.png") repeat-x;;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #FFF;
}

#errorReport, .header .title,
#loginPage .header .title {
    color: #FFF;
}

#errorReport .header .closeButton,
#loginPage .header .closeButton {
    background: url(/static/img-new/icons-sprite.v6.png) -27px -144px no-repeat;
}

.closeLoginWindowLink {
    height: auto !important;
    width: auto !important;
    background: none !important;
    margin: 2px 5px 0 0 !important;
    color: #FFF;
    text-decoration: underline;
    float: right;
    font-size: 11px;
    cursor: pointer;
}

#loginPage .formTitle {
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

#loginForm .formPasswordCell .cellInfo a {
    color: #999999;
    font-size: 1.1em;
}

#loginPage .inputErrorMessage {
    margin-bottom: 0.5em;
    margin-left: 2px;
}

#passwordRecoveryForm .formMainNotes {
    margin-bottom: 1em;
    color: #999;
}

#passwordRecoveryForm .formCell.actionButton {
    margin-bottom: 1.5em;
}

#passwordRecoveryForm .formAdditionalNotes {
    clear: both;
    padding-top: 1.5em;
    border-top: 1px solid #dddddd;
    font-size: 11px;
    color: #999999;
}


#loginForm .loginForm_rememberMeFake {
    display: none;
}

#loginForm.formAlone .loginForm_rememberMeFake {
    display: block;
}

#loginForm.formAlone {
    border: none;
    padding: 0;
}

.actionButton a {
    text-decoration: none;
}

.backArrowBlock {
    background: #EEE;
    padding: 7px 40px 7px 18px;
    overflow: hidden;
}

.backArrowBlockMessage {
    float: left;
    text-decoration: underline;
    cursor: pointer;
    color: #333;
}

.backArrowIcon {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/static/img-new/icons-sprite.v6.png) -2px -101px no-repeat;
}


.registrationOnMirrorDetailsForm .regAddContactContainer {
    margin-left: 185px;
}

.regAddContactInfo {
    padding-left: 185px;
    clear: both;
    font-size: 11px;
    color: #999;
}

.regAddContactInfo2 {
    padding-top: 10px;
    font-size: 11px;
    color: #999;
    clear: both;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------dev classes--------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.devBlock {
    clear: both;
    overflow: hidden;
    position: relative;
}

.devMarginBlock {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 20px 0;
}

.devMargin {
    margin: 10px;
}

.devBorder {
    padding: 10px;
    border: 1px solid #333;
}

.devFloatLeft {
    float: left;
}

.devFloatRight {
    float: right;
}

.devInlineBlock {
    display: inline-block;
}

.dialogsBusySpinner {
    background: url('/static/img-new/temp/ajax-loader-large.gif') 50% 50% no-repeat;
    height: 12px;
    margin-left: -50px;
}

.busySpinner {
    background: url('/static/img-new/temp/ajax-loader-large.gif') 50% 50% no-repeat;
    height: 12px;
    margin-left: -50px;
}

input#imageFileUploaderPlaceholder {
    width: 100% !important;
    height: 20px !important;
    cursor: pointer;
}

.localization-data-editor input {
    border: 1px solid #CCCCCC;
}





.jcarousel-skin-bump .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fcfcfb;
    border: 1px none #666666;
}

.jcarousel-skin-bump .jcarousel-container-horizontal {
    width: 760px;
    height: 35px;
    padding: 0px 0px;
}

.jcarousel-skin-bump .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-bump .jcarousel-clip-horizontal {
    width:  720px;
    height: 25px;
    padding: 5px 10px;
}

.jcarousel-skin-bump .jcarousel-item {
    width: 25px;
    height: 25px;
}

.jcarousel-skin-bump .jcarousel-item-horizontal {
	margin-left: 5px;
    margin-right: 5px;
}

.jcarousel-skin-bump .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-bump .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 13px;
    height: 35px;
    cursor: pointer;
    background: url(/static/img-new/bump-sprite.png) no-repeat 0 -142px;
}

.jcarousel-skin-bump .jcarousel-next-horizontal:hover,
.jcarousel-skin-bump .jcarousel-next-horizontal:focus {
}

.jcarousel-skin-bump .jcarousel-next-horizontal:active {
}

.jcarousel-skin-bump .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bump .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bump .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-bump .jcarousel-next-disabled-horizontal:active {
    cursor: default; background: none;
}

.jcarousel-skin-bump .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 13px;
    height: 35px;
    cursor: pointer;
    background: url(/static/img-new/bump-sprite.png) no-repeat 0 -101px;
}

.jcarousel-skin-bump .jcarousel-prev-horizontal:hover,
.jcarousel-skin-bump .jcarousel-prev-horizontal:focus {
}

.jcarousel-skin-bump .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-bump .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bump .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bump .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-bump .jcarousel-prev-disabled-horizontal:active {
    cursor: default; background: none;
}

.jcarousel-skin-portfolio .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fcfcfb;
    border: 1px none #666666;
    margin-left: -40px;
}

.jcarousel-skin-portfolio .jcarousel-container-horizontal {
    width: 668px;
    height: 100px;
    padding: 0 0;
}

.jcarousel-skin-portfolio .jcarousel-clip {
    /*overflow: hidden;*/
}

.jcarousel-skin-portfolio .jcarousel-clip-horizontal {
    width: 570px;
    height: 90px;
    padding: 5px 0;
    overflow: hidden;
    margin-left: 30px;
}

.jcarousel-skin-portfolio .jcarousel-item {
    width: 90px;
    height: 90px;
}

.jcarousel-skin-portfolio .jcarousel-item-horizontal {
    margin-left: 3px;
    margin-right: 3px;
}

.jcarousel-skin-portfolio .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-portfolio .jcarousel-next-horizontal {
    position: absolute;
    top: 32px;
    right: 45px;
    width: 13px;
    height: 35px;
    cursor: pointer;
    background: url(/static/img-new/bump-sprite.png) no-repeat 0 -142px;
}

.jcarousel-skin-portfolio .jcarousel-next-horizontal:hover,
.jcarousel-skin-portfolio .jcarousel-next-horizontal:focus {
}

.jcarousel-skin-portfolio .jcarousel-next-horizontal:active {
}

.jcarousel-skin-portfolio .jcarousel-next-disabled-horizontal,
.jcarousel-skin-portfolio .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-portfolio .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-portfolio .jcarousel-next-disabled-horizontal:active {
    cursor: default; background: none;
}

.jcarousel-skin-portfolio .jcarousel-prev-horizontal {
    position: absolute;
    top: 32px;
    left: 10px;
    width: 13px;
    height: 35px;
    cursor: pointer;
    background: url(/static/img-new/bump-sprite.png) no-repeat 0 -101px;
}

.jcarousel-skin-portfolio .jcarousel-prev-horizontal:hover,
.jcarousel-skin-portfolio .jcarousel-prev-horizontal:focus {
}

.jcarousel-skin-portfolio .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-portfolio .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-portfolio .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-portfolio .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-portfolio .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}

/* Datepicker
----------------------------------*/

#ui-datepicker-div { display: none; height: 207px; z-index: 100;  }
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #e2eff0; border: solid black 1px;}
/*.ui-datepicker { width: 17em; padding: .2em .2em 0;}*/
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; overflow: hidden; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 46%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 210px; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; position: absolute; left: 0; top: 25px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-calendar th span { padding-left: 7px; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }



  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .boxy-top-left,
	.boxy-wrapper .boxy-top-right,
	.boxy-wrapper .boxy-bottom-right,
	.boxy-wrapper .boxy-bottom-left { width: 10px; height: 10px; padding: 0 }
	
	:root .boxy-wrapper .boxy-top-left { background: url('/static/img-new/boxy-modal-window/boxy-nw.png'); }
	:root .boxy-wrapper .boxy-top-right { background: url('/static/img-new/boxy-modal-window/boxy-ne.png'); }
	:root .boxy-wrapper .boxy-bottom-right { background: url('/static/img-new/boxy-modal-window/boxy-se.png'); }
	:root .boxy-wrapper .boxy-bottom-left { background: url('/static/img-new/boxy-modal-window/boxy-sw.png'); }
	
	/* IE6-8 hacks for the border. IE7+8 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .boxy-top-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-nw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-nw.png')";
	}
	.boxy-wrapper .boxy-top-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../../img-new/boxy-modal-window/boxy-ne.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-ne.png')";
	}
	.boxy-wrapper .boxy-bottom-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-se.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-se.png')";
	}
	.boxy-wrapper .boxy-bottom-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-sw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img-new/boxy-modal-window/boxy-sw.png')";
	}
	
	.boxy-wrapper .boxy-top,
	.boxy-wrapper .boxy-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .boxy-left,
	.boxy-wrapper .boxy-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { overflow: hidden; background-color: white; padding: 0 }
	.boxy-content { padding: 15px; overflow: scroll; height: 380px;  min-width: 260px;}
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }



/* http://dev.actionconnection.ru/browse/BUMP-5013 -- begin */

.contestsTv .videosThumbnailsWrapper .videoThumbnail.loading {
    height: 100px;
    width: 187px;
}

/* http://dev.actionconnection.ru/browse/BUMP-5013 -- end */


/* http://dev.actionconnection.ru/browse/BUMP-4938 -- begin */

.subMenu.infoSubMenu {
    width: 125px; left: 0; padding-left: 10px;
}

.resumeControlWrapper {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	padding: 1em;
	background-color: #f4f4f4;
	overflow: hidden;
	width: 570px;
}

.resumeControlWrapper .resumeTitleWrapper .textInputWrapper input {
    width: 560px;
    height: 30px;
    font-size: 24px;
}

.resumeControlWrapper .resumeTitleWrapper .textInputWrapper {
    width: 560px;
    height: 30px;
}

.resumeControlWrapper .resumeDescriptionWrapper textarea {
    width: 567px;
    resize: none;
}
.resumeControlWrapper .resumeDescriptionWrapper {
    width: 567px;
    resize: none;
}



/* http://dev.actionconnection.ru/browse/BUMP-4938 -- end */




/* http://dev.actionconnection.ru/browse/BUMP-4937 -- begin */

.vacancyControlWrapper {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	padding: 1em;
	background-color: #f4f4f4;
	overflow: hidden;
	width: 570px;
}

.vacancyControlWrapper .vacancyPositionWrapper .textInputWrapper input {
    width: 560px;
    height: 30px;
    font-size: 24px;
}

.vacancyControlWrapper .vacancyPositionWrapper .textInputWrapper {
    width: 560px;
    height: 30px;
}

.vacancyControlWrapper .vacancyDescriptionWrapper textarea {
    width: 567px;
    resize: none;
}

.vacancyControlWrapper .vacancyDescriptionWrapper {
    width: 567px;
    resize: none;
}

.vacancyCompanyNameWrapper .textInputWrapper input{
    width: 200px;
    resize: none;
}

.vacancyCompanyNameWrapper .textInputWrapper {
    width: 200px;
    resize: none;
}

.vacancyCompanySiteUrlWrapper .textInputWrapper input{
    width: 200px;
    resize: none;
}

.vacancyCompanySiteUrlWrapper .textInputWrapper {
    width: 200px;
    resize: none;
}

.vacanyLogoContainer {
    position: relative;
}

.vacancyPlaceSelectorWrapper {
    margin: 10px 0px 10px 0px;
}

.vacancyControlButtonsWrapper .saveButtonWrapper {
    float: left;
    display: inline;
    margin: 0px 0px 20px 0px;
}

.vacancyControlButtonsWrapper .cancelButtonWrapper {
    float: left;
    display: inline;
    margin: 0px 0px 20px 0px;
}

.popupList .listItem div.placeTitle {
    padding: 3px 0 0;
    color: #666666;
    font-size: 0.8em;
}


/* http://dev.actionconnection.ru/browse/BUMP-4937 -- end */


/* http://dev.actionconnection.ru/browse/BUMP-4945 -- begin */

.disabled .cellTitle {
    color: #D6D6D6;
}

/* http://dev.actionconnection.ru/browse/BUMP-4945 -- end */



.tvWidgetBody {
    width: 565px;
}

.tvWrapper video {
    width: 560px;
    height: 315px;
}

.tvWidget {
    padding-bottom: 20px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 40px;
}

.tvWidgetBodyPlayer {
    width: 560px;
    height: 315px;
    overflow: hidden;
    background: #161616;
}

.tvWidgetBodyChannels {
    overflow: hidden;
    width: 564px;
    margin-left: -4px;
    margin-top: 10px;
    position: relative;
}
.tvWidgetBodyChannelsItem {
    width: 90px;
    height: 90px;
    background: #000000 no-repeat 50% 50%;
    overflow: hidden;
    float: left;
    display: inline;
    margin-left: 4px;
    cursor: pointer;
}
.tvWidgetChannelTitle {
    font-weight: bold;
    max-width: 358px;
    position: relative;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
    font-size: 14px;
}
.tvWidgetChannelAuthor,
.tvWidgetChannelAuthorSpacer,
.tvWidgetChannelDate,
.tvWidgetChannelCommentsCounter {
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 11px !important;
}
*:first-child+html .tvWidgetChannelAuthor {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span><span class="after"></span>'));
}
*:first-child+html .tvWidgetChannelCommentsCounter {
    zoom: expression(runtimeStyle.zoom = 1, insertAdjacentHTML('afterBegin','<span class="before"></span>'));
}
.tvWidgetChannelTitle:before,
.tvWidgetChannelTitle .before,
.tvWidgetChannelAuthor:before,
.tvWidgetChannelAuthor .before,
.tvWidgetChannelAuthor:after,
.tvWidgetChannelAuthor .after,
.tvWidgetChannelCommentsCounter:before,
.tvWidgetChannelCommentsCounter .before {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0;
    background: url('/static/img-new/widgets/tv.png') 0 0 no-repeat;
}
.tvWidgetChannelTitle:before,
.tvWidgetChannelTitle .before {
    left: 338px;
    background-position: -100px 0;
}
.tvWidgetChannelAuthor {
    padding-left: 20px;
    max-width: 150px;
    white-space: nowrap;
    margin-left: -5px;
}
.tvWidgetChannelAuthor:after,
.tvWidgetChannelAuthor .after {
    left: 150px;
    background-position: -100px 0;
}

.tvWidgetChannelDate {
    margin-left: 5px;
}
.tvWidgetChannelCommentsCounter {
    margin-left: 10px;
    padding-left: 20px;
}
.tvWidgetChannelCommentsCounter:before,
.tvWidgetChannelCommentsCounter .before {
    background-position: -20px 0;
}
.tvWidgetChannelCommentsCounterNull:before,
.tvWidgetChannelCommentsCounterNull .before {
    background-position: -60px 0;
}



.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help small{font-size:90%;color:#aaa}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/white.png);background-size:37px 300px;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/white_rtl.png)}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/black.png);}
.is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/black@x2.png)}
    .is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/black_rtl@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/white@x2.png)}
    .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/static/img-new/flowplayer/white_rtl@x2.png)}
}.flowplayer .fp-flash-disabled{background:#333;width:390px;margin:0 auto;position:absolute;bottom:0;color:#fff}
.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/static/img-new/flowplayer/play_white.png) center no-repeat;background-size:12%;}
.is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/static/img-new/flowplayer/play_white_rtl.png) center no-repeat;background-size:12%}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/static/img-new/flowplayer/play_white@x2.png) center no-repeat;background-size:12%}
    .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/static/img-new/flowplayer/play_white_rtl@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/img-new/flowplayer/play_black.png);}
.is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/img-new/flowplayer/play_black_rtl.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/img-new/flowplayer/play_black@x2.png);}
    .is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/img-new/flowplayer/play_black_rtl@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.fixed-controls.flowplayer .fp-logo{bottom:15px}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;}
.is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:10px;background-position:18px -197px}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;}
.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px}
.flowplayer .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
.is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0}
.play-button.flowplayer .fp-play{display:block}
.is-paused.flowplayer .fp-play{background-position:9px 7px;}
.is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;}
.is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
.no-volume.flowplayer .fp-timeline{margin-right:75px}
.no-mute.flowplayer .fp-timeline{margin-right:155px}
.no-mute.no-volume.flowplayer .fp-timeline{margin-right:55px}
.play-button.flowplayer .fp-timeline{margin-left:72px}
.is-rtl.flowplayer .fp-timeline{margin:0 55px 0 165px;}
.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:75px}
.no-mute.is-rtl.flowplayer .fp-timeline{margin-left:155px}
.no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:55px}
.play-button.is-rtl.flowplayer .fp-timeline{margin-right:72px}
.is-long.flowplayer .fp-timeline{margin:0 195px 0 85px;}
.no-volume.is-long.flowplayer .fp-timeline{margin-right:105px}
.no-mute.is-long.flowplayer .fp-timeline{margin-right:85px}
.play-button.is-long.flowplayer .fp-timeline{margin-left:102px}
.is-rtl.is-long.flowplayer .fp-timeline{margin:85px 0 195px 0;}
.no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:105px}
.no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:85px}
.play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:102px}
.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 120px 0 10px}
.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:30px}
.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:10px}
.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px}
.is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 10px 0 120px}
.is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:30px}
.is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:10px}
.is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
.flowplayer.is-touch .fp-timeline{overflow:visible}
.flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear}
.flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear}
.flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px}
.flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)}
.flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px}
.flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff}
.flowplayer .fp-volume{position:absolute;top:11px;right:10px;}
.is-rtl.flowplayer .fp-volume{right:auto;left:10px}
.flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-3.5px;cursor:pointer;background-position:-2px -99px;}
.is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
.is-rtl.flowplayer .fp-volumeslider{float:right}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
.no-time.flowplayer .fp-time{display:none}
.is-long.flowplayer .fp-time em{width:65px}
.flowplayer .fp-elapsed{left:10px;}
.play-button.flowplayer .fp-elapsed{left:27px}
.is-rtl.flowplayer .fp-elapsed{left:auto;right:10px;}
.play-button.is-rtl.flowplayer .fp-elapsed{right:27px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#eee;}
.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:30px}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:110px}
.no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:10px}
.is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:120px;}
.no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:30px}
.no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:110px}
.no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:10px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px;}
.is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:10px}
.flowplayer.is-long.aside-time .fp-time{width:130px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-loading video.fp-engine{position:absolute;top:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;}
.is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{margin:0 !important}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer.is-flash-disabled{background-color:#333;}
.flowplayer.is-flash-disabled object.fp-engine{z-index:100}
.flowplayer.is-flash-disabled .fp-flash-disabled{display:block;z-index:101}
.flowplayer .fp-embed{position:absolute;top:10px;left:10px;display:none;width:25px;height:20px;background-position:3px -237px;}
.is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:10px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;}
.is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:100px;}
.is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:100px}
.flowplayer.aside-time .fp-embed-code{left:130px;}
.is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:130px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-long.aside-time .fp-embed{left:130px;}
.is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px}
.flowplayer.no-time .fp-embed{left:10px !important;}
.is-rtl.flowplayer.no-time .fp-embed{left:auto;right:10px !important}
.flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none}
.flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;}
.flowplayer .fp-context-menu li{text-align:center;padding:10px;color:#444;margin:0 -10px 0 -10px;}
.flowplayer .fp-context-menu li a{color:#00a7c8;font-size:110%}
.flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee}
.flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image:url("/static/img-new/flowplayer/flowplayer.png");background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;}
@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-context-menu li.copyright{background-image:url("/static/img-new/flowplayer/flowplayer@2x.png")}
}@-moz-keyframes pulse{0%{opacity:0}
     100%{opacity:1}
 }@-webkit-keyframes pulse{0%{opacity:0}
      100%{opacity:1}
  }@-o-keyframes pulse{0%{opacity:0}
       100%{opacity:1}
   }@-ms-keyframes pulse{0%{opacity:0}
        100%{opacity:1}
    }@keyframes pulse{0%{opacity:0}
         100%{opacity:1}
     }
.flowplayer .fp-progress{background-color:#4da5d8}
.flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#4da5d8}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-volumeslider{background-color:#555}
.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
.flowplayer .fp-progress {
    /*background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));
    background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))*/
}
.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.flowplayer.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
.flowplayer.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111}
.flowplayer.color-alt2 .fp-progress{background-color:#900}
.flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}
.flowplayer {background-color: #222; background-size: cover;}
.flowplayer .fp-controls { background-color: rgba(2, 2, 2, 0.6)}
.flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
.flowplayer .fp-progress { background-color: rgba(219, 0, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}