message_textbody { padding-top: 51px; }
html, body {height:100%;}
UL{list-style: none outside; padding: 0px}
.colorYellow{color: #fd0}
.required:after{content: "*"; color: #f00}
.padding-top{ padding-top: 40px}
.main{padding: 0px; min-height: 100%; padding-top: 40px; padding-bottom: 20px}
.carousel-caption{background: #fff; text-shadow: none; color: #333; width:350px; left:12%}
#myCarousel{ margin-top: -37px}
.shadow-content {box-shadow:0 0 30px rgba(0, 0, 0, 0.15); }
.shadow-nav{box-shadow:0 3px 4px rgba(0, 0, 0, 0.5);z-index: 60;}
.shadow-left{box-shadow:-5px 5px 10px rgba(0, 0, 0, 0.15); }
.shadow-right{box-shadow:7px 7px 10px rgba(0, 0, 0, 0.15);padding: 20px 20px 20px 0px}
.contentBox{ padding-left: 10%; padding-right: 10%}
.col-md-4{margin-bottom: 20px;}
.service img { max-height: 100%;}
.service{font-size: 16px; height: 150px; display: block; background: #F1F1F1; border-radius: 6px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);color: #4099FB;padding:10px 0px 50px 0px;text-align: center;}
.service:hover{ text-decoration: none; background: #fff; color: #4b4b4b; box-shadow: 0 2px 10px rgba(0, 142, 255, 0.2)}
.service .handle{ position: absolute; bottom: 10px; text-align: center; width: 100%; padding-right: 25px}

.list-last{list-style: none outside; padding: 0px}
.list-last LI{border-bottom: 1px solid #DFE7ED; cursor: pointer; height: 135px; padding: 20px 9px 22px 85px; position: relative;}
.list-last LI:HOVER{ background: #f6f9fa}
.newitem-avatar-user{height: 58px;left: 14px;position: absolute;top: 20px;width: 58px;}
.newitem-price{min-width: 80px; position: absolute; right: 19px; top: 15px; background: linear-gradient(to bottom, #FFF9C9 0px, #FEEA9C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000; height: 34px; padding: 0px 9px; text-align: center; font-size: 16px; line-height: 34px}
.newitem-link-descr{display: block; font-size: 18px; height: 30px; line-height: 34px; margin-right: 125px; overflow: hidden;   text-overflow: ellipsis; white-space: nowrap; color: #4099FB; text-decoration: none;}
.newitem-link-descr:HOVER{color: #ff280c; text-decoration: none}
.newitem-description{ font-size: 15px; line-height: 18px; margin: 10px 0 6px; max-height: 5.4rem; overflow: hidden;}

.navbar-inverse .topnavbar-link{color: #98E090;  border-bottom: 1px dotted}
.navbar-inverse .topnavbar-link:HOVER{ text-decoration: none}

.header-tasks{ background: #F8F7EE; padding: 15px 35px;}
.header-tasks .selectedCategory{ margin-bottom: 20px; font-size: 27px; color: #8F8D84; font-weight: bold}
.task-list{list-style: none outside; padding: 0px}
.task-list LI{padding: 15px 35px 30px; border-top:1px solid #E3EBF1}
.task-list LI:HOVER{ background: #f8fbfd}

.task-list .chain_image{float: left; margin: 0px 10px 10px 0px}
.task-list .countTasksInChain{ color:#aaa}
.task-list .expandChain, .collapseChain{font-size: 26px; float: right; color: #BEDBFF}
.task-list .expandChain:HOVER, .collapseChain:HOVER {cursor: pointer}
.task-list-link-descr-task{font-size: 22px; line-height: 25px; color: #4099FB}
.task-list-link-descr-task:HOVER{color:#ff280c; text-decoration: none}
.task-list-link-descr-task IMG{max-width: 60px}
.task-list-item-price{display: inline-block; font-size: 16px; line-height: 34px; padding: 0px 9px; white-space: nowrap; background: linear-gradient(to bottom, #FFF9C9 0px, #FEEA9C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000;}
.task-list-user-info{}
.task-list-user-img-link{ border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); float: left; height: 40px; width: 40px}
.task-list-user-img-link IMG{ height: 40px; width: 40px;border-radius: 4px;}
.task-list-user{font-size: 14px; line-height: 21px; margin-left: 50px}
.task-list-item-todo{text-align: right}
.task-list .block-status{ height: 30px; margin-top: 10px}
.task-list .text-status-0{ color: #79C814;}
.task-list .icon-status-0{height: 17px; width: 11px; background: url('/img/status_small.png') 0px 0px no-repeat; display: inline-block;}
.task-list .text-status-1{ color: #d0d014;}
.task-list .icon-status-1{height: 17px; width: 11px; background: url('/img/status_small.png') -12px 0px no-repeat; display: inline-block;}
.task-list .text-status-2{ color: #ff1414;}
.task-list .icon-status-2{height: 17px; width: 11px; background: url('/img/status_small.png') -24px 0px no-repeat; display: inline-block;}

.category-list{ padding: 35px 20px 0px 20px}
.task-selected-categoryItem{margin-bottom: 20px; font-weight: bold; color: #333}
.task-categoryItem{ margin-bottom: 20px}
.task-categoryItem A:HOVER{ text-decoration: none; color: #ff280c}

.task-descr-name{ line-height: 34px; font-size: 27px; font-weight: bold; padding-right: 50px; margin-bottom: 30px}
.task-descr-price{ position: absolute; top: 0px; right: 30px}
.task-descr-descr{ font-size: 16px}
.task-descr-list-additional-info{margin: 15px 0px}
.task-descr-list-additional-info LI{border-right: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; margin-right: 7px; padding-right: 10px; color: #7B7B7B; font-size: 12px}
.task-descr-list-additional-info LI:last-child{border-right:none}
.task-descr-user-img-link{  float: left; height: 90px; width: 90px}
.task-descr-user-img-link IMG{ height: 90px; width: 90px;}
.task-descr-user{font-size: 14px; line-height: 21px; margin-left: 105px}
.task-descr-user A{font-size: 21px; color: #4099FB; margin-bottom: 5px}
.task-descr-user A:HOVER{ text-decoration: none; color:#ff280c}

.task-new{background: #F8F7EE; border-radius: 10px; padding: 40px 50px}
.task-new .title{ font-size: 30px; font-weight: bold;}


.form-width{max-width: 330px; margin: 0px auto}
.form-group .errors{ }
.form-group .errors LI{font-size: 1.2rem; width: 90%; margin: 0px auto 5px auto; color: #ff280c}

.user-avatar{border: 1px solid #EEEFF1; overflow: hidden; float: left; margin: 0 25px 20px 0; text-align: center; width: 178px;}
.user-avatar IMG{ display: block; width: 100%}
.user-settings{ clear: both; padding-right: 10px}
.user-content-settings{ border: 1px solid #DDDDDD; border-top: none;border-radius: 4px; padding: 20px; }

.users-ready-block{ margin-bottom: 20px}
.userReadyItem .user{margin-bottom: 10px}
.userReadyItem .user A{}
.userReadyItem .user A:HOVER{color: #ff280c}
.userReadyItem .user IMG{border-radius: 4px;width: 40px; height: 40px;margin-right: 12px;float: left;overflow: hidden;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.userReadyItem .userInfo{ height: 40px;display: table-cell;vertical-align: middle;}
.userReadyItem .message:BEFORE{border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F5F5F5; border-width: 0 6px 18px;left: -10px;top: -13px;transform: rotate(-45deg);z-index: 2;}
.userReadyItem .message:AFTER, .userReadyItem .message:BEFORE{border-style: solid; content: ""; height: 0; position: absolute; width: 0;}
.userReadyItem .message:AFTER {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F5F5F5;
    border-width: 0 6px 18px;
    display: none;
    left: -5px;
    top: -8px;
    transform: rotate(-45deg);
    z-index: 3;}
.userReadyItem .message{background-color: #F5F5F5;
    border: 2px solid #F5F5F5;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin: 0 0 8px 30px;
    padding: 13px 18px;
    position: relative;}
.userReadyItem .date{padding-right: 18px; text-align: right; font-size: 12px; color: rgba(78, 78, 78, 0.5); display: none}

.chat-block {margin-bottom: 20px}
.chat-block IMG{ float: left; width: 25px; height: 25px}
.chat-block .message_block{margin: 0px 0px 10px 35px}
.chat-block .message_meta{color: #B9B9B9; font-size: 13px;}
.chat-block .message_meta A{ color: #AECBEA; max-width: 220px; overflow: hidden;position:relative}
.chat-block .message_meta A:HOVER{color: #ff280c}
.chat-block .message_date{margin-left: 15px;}
.chat-block .message_body{}
.sending_message .message_text{ margin: 0px 0px 15px 0px }



.topnavbar-count-messages{background: linear-gradient(to bottom, #FD5D63 0px, #BB1B11 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 8px; box-shadow: 0 1px 1px #8A1002; color: #FFF; cursor: pointer; display: inline-block; font-size: 10px;
    height: 16px; position: relative; top:5px; left: 0px; line-height: 15px; margin: -16px 0px 0px 0px; min-width: 16px; padding: 0 3px;    text-align: center;
    width: auto; z-index: 10;}
.topnavbar-userinfo IMG{ width: 28px; height: 28px; border-radius: 3px; margin-top: -5px}
.navbar-inverse .navbar-nav .topnavbar-money-link A{color: #FFF4B8}
.navbar-inverse .navbar-nav .topnavbar-money-link A:HOVER{color:#fff}
.form-login-link-reg{ text-align: right}


.deleteTaskFileButton{cursor: pointer}


#footer{height: 80px; margin-top: -80px; border: 0px solid}
.footerSpace{height: 80px}