@CHARSET "UTF-8";

body {
    font-family: Tahoma;
    font-size: 100%;
    background-color: #EEEEEE;
    line-height: 1.5;
}
html, body {
    height: 100%;
}
div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -72px;
    padding: 0 0 72px;
}
#container {
    min-height: 100%;
    position: relative;
}
.main {
    width: 960px;
    padding: 0;
    margin: 0 auto;
    max-width: 90%;
}

.menu {
    width: 640px;
}

.menu li {
    height: 100%;
    float: left;
    text-align:center;
    position: relative;
    font-size: 14px;
}

.menu li.current > a {
    color: #33b5e5;
}

.menu ul {
    display: none;
    z-index: 99;
    background: #e2e2e2;
    padding: 5px 10px 5px 10px !important;
    position: absolute;
    margin-left: -10px;
    min-width: 80px;
}

.menu ul li {
    line-height: inherit;
    float: none;
    height: auto;
    background: none!important;
    text-align: left;
    line-height: 22px;
}

.menu ul li a {
    color: #818181;
    font-size: 12px;
    white-space: nowrap;
}

div.selector {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 10px;
    bottom: 0px;
}

.menu li .separator {
    position: absolute;
    right: 0px;
    width: 1px;
    height: 29px;
    background-color: #cccccc;
    top: -6px;
}

.menu li a {
    color: #000101;
    text-decoration: none;
}

.menu li a b {
    color: #33b5e5;
}

.menu li a:hover, .menu li a b:hover {
    color: #a1abaf;
}

.breadcrumbs {
    height: 26px;
    font-size: 10px;
    color: #777777;
    vertical-align: middle;
}

.breadcrumbs em {
    font-style: normal;
    font-size: 10px;
}

.breadcrumbs a {
    font-size: 10px;
    color: #33b5e5;
}

.rec {
    margin-bottom: 14px;
    z-index: 1;
}

.folder_new_btn, .folder_btn {
    font-size: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    background: #fff;
    height: 100%;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    padding: 8px 20px;
    margin: 0px 9px;
    cursor: pointer;
    line-height: 48px;
    white-space: pre;
}
.folder_new_btn {
    cursor: default;
    padding: 8px 0px 8px 10px;
    display: none;
}
.folder_new_btn input {
    width: 140px;
    color: grey;
    border: none;
}
.folder_new_btn span {
    cursor: pointer;
}
.folder_btns.p {
    padding-top: 15px;
    margin-bottom: 20px;
}
.folder_btns.p .folder_btn {
    font-size: 12px;
    margin: -2px;
}


.folder_btn:hover, .folder_btn.selected {
    background-color: #E2E2E2;
}

.download_btn {
    color: white;
    background-color: #33b5e5;
    padding: 6px 40px;
    margin: auto;
    width: 300px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.download_btn_green {
    color: black;
    background-color: rgb(153,204,1);
    padding: 6px 40px;
    margin: auto;
    width: 300px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.folder_btns {
    margin-bottom: 14px;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.folder_btns a {
    color: #000101;
}

.recordBlock, .rec, .commentsBlock {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    background: #fff;
    height: 100%;
    position: relative;
    text-decoration: none;
    vertical-align: top;
}

.commentsBlock {
    background-color: #f8f8f8;
    top: -15px;
    padding-bottom: 10px;
}

#vk_groups, .recordBlock {
    margin-bottom: 14px;
}

.recordType {
    background: rgb(52,127,195);
    color: white;
    float: left;
    padding: 4px;
    margin-left: 2%;
}

.recordBottom {
    background-color: #f9f9f9;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
    height: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.recordBottom .public {
    float: left;
    position: relative;
    top: 3px;
    left: 8px;
}

.recordBottom, .recordBottom a, .recordBottom .who, .recordBottom .public {
    font-size: 10px;
    color: #777777;
}

.recordBottom .tags {
    float: right;
    position: relative;
    top: 3px;
    right: 8px;
    border-left: 2px solid transparent;
}
.recordBottom .tags .separator {
    margin-right: 10px;
    float: left;
    width: 1px;
    height: 10px;
    background-color: #cccccc;
    position: relative;
    top: 3px;
}

.clr {
    clear: both;
}

.rBmarg {
    margin-left: 10px;
    margin-right: 10px;
}
.social_group a {
    margin-right: 2px;
    margin-left: 2px;
}
.rBmarg.social_group {
    padding: 10px 0px;
    margin: 0px;
    text-align: center;
}
.author {
    height: 30px;
    border-bottom: 1px solid #cccccc;
    font-size: 14px;
}
.author span, .author h2 {
    position: relative;
    top: 5px;
    font-size: 14px;
}
.author img {
    position: relative;
    top: 4px;
}
.author h2 {
    font-weight: normal;
}
.author img {
    height: 22px;
}
.author .name {
    color: #404040;
    font-weight: normal;
    /*font-family: RobotoRegular;*/
}
.author .type {
    float: right;
    color: #999999;
}

.public .who {
    color: #33b5e5;
}

h1, h3 {
    color: #33b5e5;
    font-size: 18px;
    font-weight: normal;
    padding: 4px 0px;
}

.rTitle {
}

h2.rTitle {
    color: #33b5e5;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #39b7e6;
    font-size: 14px;
}
.rec .rContent {
    min-height: 140px;
}
.pHidden {
    overflow: hidden;
    position: relative;
}
.mainPage h3 .pHidden {
    height: 27px;
    white-space: nowrap;
    width: 620px;
}
span.paragraph-end {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
    bottom: 0;
    max-height: 100%;
    position: absolute;
    right: 0;
}
.rec span.paragraph-end {
    height: 25px;
    width: 100px;
}
.bestContent span.paragraph-end {
    height: 13px;
    width: 60px;
}
.rContent a {
    text-decoration: underline;
}
.rContent, .rContent a {
    color: #404040;
    font-size: 14px;
}
.rContent {
    line-height: 20px;
}
.rContent img {
    max-width: 620px;
    height: auto !important;
}
.mainPage .rContent img {
    float: left;
    padding-right: 10px;
}
.rInfo {
    padding: 5px 0px;
    font-size: 14px;
}
.rInfo span a {
    color: #404040;
}

.rInfo span a:hover {
    color: #444;
}

.readMore {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.read {
    background-color: #404040;
    padding: 4px 6px;
}

.bestTitle {
    background-color: #404040;
}

.bestTitle, .bestTitle span, .bestTitle a {
    color: white;
}
.bestContent .titlePost, .bestContent .title {
    color: #33b5e5;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    position:relative;
    padding-bottom: 3px;
}
.bestContent .title {
    width: 205px;
}
.bestContent .titlePost {
    width: 155px;
}

.bestContent {
    min-height: 65px;
}
.bestTitle a, .bestContent a {
    text-decoration: none;
}

.bestContent a {
    line-height: 12px;
}

.bestTitle span {
    background-color: #339B00;
    padding: 0px 4px;
}

.bestContent, .rContent {
    text-align: justify;
}

.bestContent {
    padding: 5px 0px 10px 0px;
}

.bestContent:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

.bestContent, .bestContent a {
    color: #777777;
    font-size: 10px;
}

.bestContent img {
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}
.signBlock {
    float: right;
    position: relative;
    width: 210px;
    font-size: 14px;
}
.google-signin {
    background: url(/images/app/gplus.png);
    width: 99px;
    height: 25px;
    float: left;
    cursor:pointer;
}
.google-signin:hover {
    background: url(/images/app/gplus_hover.png);
}
.signBlock .elements {
    position: absolute;
    top: 26px;
    width: 210px;
    background: white;
    display: none;
    z-index: 2;
    color: #33b5e5;
}
.signBlock .elements.out {
    max-width: 96px;
    right:0px;
}

.signBlock .elements.out a {
    color: #33b5e5;
}

.signBlock div, .signBlock .regBtn, .signBlock .signinBtn, .signBlock td {
    font-size: 12px;
}
.signIn {
    color: white;
    background-color: #33b5e5;
    padding: 2px 28px;
}
.signOut {
    padding: 2px 18px;
}
.signIn, .signOut {
    float: right;
    cursor: pointer;
}

.signOut {
    height: 21px;
}

.signIn:hover, .signIn.hover, .signOut.hover {
    color: #33b5e5;
    background-color: white;
}
.loginForm {
    margin: 0px 5px;
}
.loginForm .input {
    border: 0px;
    border-bottom: 1px solid #33b5e5;
    width: 130px;
    margin: 0px;
    color: #ff0000;
    padding-left: 1px;
}
.regForm .input {
    border: 0px;
    border-bottom: 1px solid #33b5e5;
    width: 100%;
    margin: 0px;
    color: #ff0000;
    padding-left: 1px;
}
.regForm .input.date {
    border-bottom: 1px solid #33b5e5;
    border-top: 1px solid #33b5e5;
    width: 15px;
}
.regBtn {
    background-color: #ff0000;
    float: left;
}
.signinBtn {
    background-color: #33b5e5;
    float: right;
}

.ui-dialog {
    z-index: 2;
}

.regBtn, .signinBtn {
    color: white;
    padding: 3px 10px;
    cursor: pointer;
}
.borders, .signIn:hover, .signOut:hover, .google-signin:hover {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.tdUgol {
    position:relative;
    width: 1px;
}
.tdUgol img {
    position: relative;
    top: 14px;
}
.footer {
    height: 72px;
    /*position: relative;
    bottom: 0px;
    padding-top: 10px;*/
}
.footer > div {
    border-top: 1px solid #33b5e5;
}
.pager {
    clear: both;
}
.pager > div {
    border-top: 1px solid #cccccc;
}
.footer .main span {
    position: relative;
    top: 28px;
    font-size: 11px;
    color: #777777;
}
.comments_link {
    padding-left: 15px;
}
.comments_link img {
    padding-top: 5px;
}

.commentForm {
    padding: 5px 0px;
}

.reply_link {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dashed;
    margin-right: 10px;
    color: #33b5e5;
    margin-bottom: 5px;
}

.pad {
    padding-bottom: 10px;
}
.comments_ctl {
    position: absolute;
    right: 0px;
    top: 0px;
}
.comments_ctl span {
    color: #33b5e5;
    font-size: 12px;
}
.comments_ctl img {
    position: relative;
    top: -7px;
}
.comment_item {
    color: #404040;
    font-size: 10px;
    width: 100%;
    margin: 8px 0px 10px 0px;
}
.comment_item .ava {
    padding-right: 5px;
    width: 57px;
}
.comment_item .ava img {
    padding-right: 2px;
    width: 50px;
}
.comment_item td {
    color: #404040;
    font-size: 12px;
}
.comment_item .who {
    color: #33b5e5;
    font-size: 12px;
}
.comment_item .time {
    color: #999999;
    font-size: 11px;
}
.reg {
    padding: 20px;
    font-size: 15px;
}
.cabinet {
    padding: 10px 20px 20px 20px;
    font-size: 14px;
}
.fieldName img {
    padding-top: 6px;
    cursor: pointer;
}
.loginForm .fieldName {
    padding-top: 4px;
    color: #33b5e5;
}
.regForm {
    width: 100%;
    color: #404040;
    margin-bottom: 20px;
}
.regForm .fieldName {
    color: #33b5e5;
}
.restrict {
    font-size: 10px;
    color: #777777;
}

.pagination {
    font-size: 10px;
    margin-top: 5px;
    height: 21px;
    text-align: center;
    color: #777777;
}
.pagination li a {color: #777777;}
.pagination li {
    display: inline;
}
.pagination li.current {
    color: #33b5e5;
}

.avatar_upload {
    position: absolute;
    padding: 10px;
    background-color: white;
    z-index:3;
    bottom: 23px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    display: none;
}
.post_image_upload {
    position: absolute;
    padding: 10px;
    background-color: white;
    z-index:3;
    bottom: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    display: none;
}
.cabinet_submit {
    background-color: #33b5e5;
    color: white;
    height: 25px;
    position: relative;
    z-index: 2;
}
.white_submit {
    color: #33b5e5;
    background-color: white;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#img_preview a {
    font-size: 12px;
    color: #777777;
}

.cabinet_submit span {
    cursor: pointer;
}

.job {
    background-color: #39b7e6;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom-width: 2px;
    margin: 0px 0 14px 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 11px;
    text-align: justify;
}
.job h3 {
    font-weight: bold;
    color: #fff;
    background-color: transparent;
    display: inline-block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.beta {
    position: relative;
    top: 0px;
    font-size: 10px;
    left: -2px;
}

.hidden_block, .disp {
    display:none;
}
.first_div {
    vertical-align: middle;
    width: 640px;
    float: left;
}
.second_div {
    vertical-align: middle;
    width: 280px;
    float: right;
}
.menu_div {
    padding: 25px 0px;
    height: 72px;
    vertical-align: middle;
    border-bottom: 1px solid #33b5e5;
}
.gplus_div {
    margin-bottom: 14px;
}

@media only screen and (max-width: 1060px) {
    .main {
        width: 640px;
        max-width: 100%;
    }
    .second_div {
        clear: both;
        float: left;
        width: 100%;
    }
    .signBlock {
        float: left;
        margin-top: 15px;
    }
    .signBlock > table {
        float: left !important;
    }
    .signBlock .elements.out {
        left: 0px;
    }
    .menu_div {
        height: 102px;
    }
    .gplus_div {
        float: left;
        margin-right: 80px;
    }
    #vk_groups {
        width: 100% !important;
    }
}

.ui-menu .ui-menu-item {
    font-size: 11px;
}

.plus {
    margin: 5px 5px 5px 0px;width: 30px;height: 30px;line-height: 28px;background-color: #33b5e5;text-align: center;color: white;float: left;
}

.subcomment_text > img, .cke_hand {
    height: 20px !important;
    width: 20px !important;
}

#adsence.scrolling {
    position: fixed;
    top: 100px;
    height: 270px;
    width: 283px;
}

#social_group.scrolling {
    position: fixed;
    top: 10px;
    height: 80px;
    width: 283px;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 0 auto;top: 10px;display: none;}
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; left:48%; }

.green_btn {
    color: white;
    background-color: rgb(105,180,15);
    padding: 6px 28px;
    text-align: center;
    border: 1px solid transparent;
    width: 100%;
    cursor: pointer;
}