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, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	outline: 0;
	font-size: 100%;
	}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
html, body { 
	line-height: 1;
	}
img {
	border:0;
	}
button, input {
	overflow:visible;
	}
table {
	border-spacing: 0;
	border-collapse:collapse;
	}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
caption, th, td {
text-align:left;
}
th {
font-weight:normal;
}
h1 {
	font-size:2.166em;
	margin-bottom:15px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-weight: normal;
	}
h2 {
	font-size:1.9em;
	margin-bottom:.2em;
	margin-top:1.3em;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	}
h3 {
    font-size:1.6em;
	margin-bottom:1em;
	margin-top:0;
    line-height:1.4em;
    color:#666;
	}
h4 {
	font-size:1.3em;
    margin-bottom: .5em;
    color:#0097ab
	}
h5 {
	font-size:1.2em;
	margin-top:1.6em;
	margin-bottom:.4em;
	}
h6 {
	font-size:1em;
	margin-top:1.7em;
	margin-bottom:.5em;
	}

.l-pic {
	float:left;
	margin:0 1em .5em 0;
	clear:left;
	}
.r-pic {
	float:right;
	clear:right;
	margin:0 0 .5em 1em;
	}
ol li {
	list-style-type:decimal;
	}
ol, ul {
	margin-bottom:1.5em;
	}
ol li, 
ul li {
	margin-bottom:.3em;
    
	}
ol li li, 
ul li li {
	margin-bottom:.2em;
	}
ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom:1em;
	}
ul {
    margin:0;
    padding:0;
    font-size:.92em;
    }
ul li {
    list-style-type:none;
    padding:0;
    margin:0;
    }
p {
    margin-bottom:1em;
    }
caption {
	clear:both;
	text-align:left;
	font-weight:bold;
	}
/*------------------------- /RESET.CSS ----------------------------------*/
@font-face {
	font-family: Rub;
	src: url(font/rouble.eot);
}
@font-face {
	font-family: Rub;
	src: url(font/rouble.otf);
}
html, body { height:100%;}
body {
	background-color: #fff;
	color: #000;
	font-size: 12px;
	font-family: Arial;
}
a {
	color: #000;
}
a:hover{
	color: #cc3333;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.fake-link{
	color: #1e80cc;
	text-decoration: none;
	border-bottom: 1px dotted #1e80cc;
	cursor: pointer;
}
	.fake-link:hover{
		color: #cc3333;
		border-bottom: 1px dotted #cc3333;
	}
.wrapper {
    height: auto !important;
    margin: 0 auto -30px;
    max-width: 1600px;
    min-height: 100%;
    min-width: 1000px;
    position: relative;
}
.rub{
	font-family: Rub;
}
/*------------------------- LOGIN PAGE ----------------------------------*/
.login-logo{
	position: absolute;
	left: 4%;
	top: 77px;
	width: 200px;
	height: 54px;
}
.login-container{
	margin: 0 10% 0 22%;
}
.login-title{
	font-size: 2em;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	line-height: 1.3em;
	margin-bottom: 50px;
	padding-top: 85px;
}
.login-form{
	margin-bottom:45px;
}
	.login-form label{
		padding-left: 5px;
	}
	.login-input-text{
		border: 3px solid #e7eada;
		padding: 5px;
		color: #000;
		font-size: 1.667em;
		margin: 4px 0 10px;
		display: inline-block;
		width: 325px;
	}
	.login-input-text:focus{
		border-color:#b0d6ea;
		box-shadow: 0 0 5px #b0d6ea;
	}
	label.login-error-text{
		color: #f27c7c;
	}
	span.login-error-text{
		color: #f27c7c;
		padding-left: 13px;
	}
	.login-error{
		border: 3px solid #ff8383;
	}
	.login-ok{
		border: 3px solid #a3d391;
	}
	.login-remember{
		margin-bottom: 30px;
		padding-left: 5px;
	}
	.login-remember input{
		margin: 0;
		vertical-align: bottom;
		cursor: pointer;
	}
	.login-remember label{
		cursor: pointer;
	}
	.log-in{
/*		border: none;
		background: url(images/login-button.png) -99px -44px no-repeat;
		height: 44px;*/
		width: 91px;
		cursor: pointer;
	}
/*	.log-in:hover{
		background: url(images/login-button.png) 0 -44px no-repeat;
		height: 44px;
	}
	.log-in:active{
		background: url(images/login-button.png) -99px 0 no-repeat;
		height: 40px;
		margin-bottom: 4px;
	}
	.log-in.disable-button, .disable-button:hover{
		background: url(images/login-button.png) 0 0 no-repeat;
		height: 40px;
		margin-bottom: 4px;
		cursor: default;
	}*/
.help-links{
	margin-bottom: 110px;
	font-size: 1.083em;
}
	.help-links dt{
		margin-bottom:9px;
	}
	.help-links dd{
		padding: 0 10px 20px;
		line-height: 1.2em;
	}
/*------------------------- /LOGIN PAGE ----------------------------------*/
.down{
	height: 20px;
}
.footer{
	color: #b4b4b4;
	font-size: 0.917em;
	position: relative;
	height: 11px;
}
	.footer-wrapper{
		margin: 0 auto;
		min-width: 1000px;
		max-width: 1600px;
		position: relative;
	}
	.about-project{
		position: absolute;
		bottom: 0;
		left: 20px;
		padding-right: 10px;
	}
		.column-left .about-project{
			position: relative;
			bottom: 0;
			left: 0;
		}
	.bid-logo{
		position: absolute;
		right: -55px;
		bottom: 0;
		width: 55px;
		height: 45px;
		background: url(images/bid.png) 0 0 no-repeat;
	}
	.footer a{
		color: #b4b4b4;
	}
	.footer a:hover{
		color: #cc3333;
	}
	.footer a:hover .bid-logo{
		background: url(images/bid-hover.png) 0 0 no-repeat;
	}
/*------------------------- CLIENT-INDEX PAGE ----------------------------------*/
.shadow-wrapper{
	background: url(images/top-shadow.png) 0 0 repeat-x;
}
.column-left{
	float: left;
	width: 12.5%;
	margin-left: 1.7%;
	min-height: 1px;
}
.column-center{
	float: left;
	width: 62.2%;
	/*width: 54%;*/
	/*margin-left: 8.2%;*/
}
.column-right{
	float: right;
	width: 18.3%;
	margin-right: 1.7%;
}
.header{
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 32px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
}
	.client-name{
		margin-bottom: 5px;
		font-size: 1.083em;
	}
	.logout{
		color: #1f81cc;
		font-family: Arial,sans-serif;
	}
	.logout:hover{
		color: #cc3333;
	}
	.navigation{
		font-family: "Trebuchet MS",Helvetica,sans-serif;
		font-size: 1.333em;
		margin-left: -10px;
	}
		.navig-list{
			margin-bottom: -1px;
		}
		.navig-list li{
			display: inline-block;
			padding: 9px 1px 18px;
			letter-spacing: 0.01em;
			position: relative;
		}
		.navig-list a{
			display: inline-block;
			padding: 7px 10px;
			text-shadow: 0 0 0 #aaa;
		}
		.navig-list a:hover{
			text-shadow: 0 0 0 #dc979a;
		}
		.navig-current{
			background: url(images/navig-current.png) center bottom no-repeat;
		}
		.navig-current span{
			display: inline-block;
			padding: 7px 10px;
			border-radius: 3px;
			color: #fff;
		}
		.navig-current.navig-tasks span{
			background: url(images/navig-current-tasks.png) left center repeat-x;
		}
		.navig-current.navig-reports span{
			background: url(images/navig-current-report.png) left center repeat-x;
		}
		.navig-current.navig-manage span{
			background: url(images/navig-current-manage.png) left center repeat-x;
		}
		.navig-add-button{
			position: absolute;
			top: -9px;
			right: -9px;
			width: 18px;
			height: 22px;
			background: url(images/plus-add-button.png) 0 0 no-repeat;
			cursor: pointer;
		}
			.navig-add-button:hover{
				height: 22px;
				background: url(images/plus-add-button.png) -23px 0 no-repeat;
			}
			.navig-add-button:active{
				height: 22px;
				background: url(images/plus-add-button.png) -46px 0 no-repeat;
			}
		/*.navig-balance{
			float: right;
			margin-right: -30px;
			margin-bottom: -1px;
		}*/
		.navig-balance{
			position: absolute;
			left: -70px;
			top: 9px;
		}
			.navig-balance a:hover{
				color: #666;
			}
	.balance{
		font-size: 1.333em;
		line-height: 1.3em;
		padding: 7px 0 2px;
		position: relative;
	}
		.balance-amount{
			color: #4ba22d;
			font-size: 1.25em;
		}
		.balance-reserved{
			font-size: 0.9em;
			color: #a0a0a0;
		}
		.balance-reserved a{
			color: #a0a0a0;
		}
			.balance-reserved a:hover{
				color: #666;
			}
.task-sorting{
	margin-bottom: 30px;
}
	.fake-link-light{
		color: #ababab;
		text-decoration: none;
		border-bottom: 1px dotted #ababab;
		font-size: 0.917em;
		cursor: pointer;
	}
	.fake-link-light:hover{
		color: #666;
		border-bottom: 1px dotted #666;
	}
	.fake-link-dark {
	    border-bottom: 1px dotted #222222;
	    color: #222222;
	    cursor: pointer;
	    text-decoration: none;
	}
	.task-sorting-list{	
		margin-top: -4px;
		font-size: 1em;
	}
	.task-sorting-list li {
	    border-radius: 3px;
	    color: #757575;
	    display: inline-block;
	    font-size: 0.917em;
	    padding: 3px 6px 4px;
	}
	.task-sorting-list li:hover{
		color: #fff;
	}
		.task-sorting-list .task-new:hover{
			background-color: #7cba32;
		}
		.task-sorting-list .task-current:hover{
			background-color: #ccc;
		}
		.task-sorting-list .task-verification:hover{
			background-color: #f0a3cf;
		}
		.task-sorting-list .task-ready:hover{
			background-color: #ff9c00;
		}
	.task-sorting-list li:hover .fake-link-dark{
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	.task-sort-current,
	li.task-sort-current:hover{
		background-color: #ddd;
		color: #757575;
	}
	.task-sort-current .fake-link-dark,
	li.task-sort-current:hover .fake-link-dark{
		border: none;
		cursor: default;
		color: #222;
	}
.search{
	margin-top: -5px;
	margin-left: -9px;
	position: relative;
}
	.search-container{
		background: url(images/search-bg.png) 0 0 no-repeat;
		height: 25px;
		width: 94%;
		position: relative;
	}
	.search-right{
		background: url(images/search-bg.png) right 0 no-repeat;
		height: 25px;
		width: 6%;
		position: absolute;
		top: 0;
		right: -6%;
	}
	.search-input{
		border: none;
		background: none;
		width: 88%;
		margin-left: 12%;
		padding: 3px 0;
		color: #b6b6b6;
		height: 21px;
		font: italic 0.917em Arial;
	}
		.search-input:focus{
			color: #010101;
			font-size: 1.083em;
			font-style: normal;
			padding: 2px 0;
		}
	.search-hint-container{
		position: absolute;
		bottom: -170px;
		left: 0;
		width: 100%;
		height: 170px;
		z-index: 20;
		display: none;
	}
		.search-hint{
			margin: 0 10px;
			background-color: #fff;
			box-shadow: 0 0 4px #aaa;
		}
		.search-hint-list li{
			padding: 5px 20px;
			color: #010101;
			font-size: 1.083em;
		}
		.search-hint-list li:hover{
			background-color: #e5e5e5;
		}
.add-task-button,
.add-task-button-disable{
	height: 31px;
	width: 94%;
	padding-top: 9px;
	padding-left: 7%;
	margin-top:-7px;
	margin-left: -11px;
	color: #fff;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1.5em;
	text-align: center;
	background: url(images/add-task-bg.png) left 0 no-repeat;
	cursor: pointer;
	position: relative;
}
	.add-task-button:hover{
		background: url(images/add-task-bg.png) left -45px no-repeat;
	}
	.add-task-button:active{
		background: url(images/add-task-bg.png) left -92px no-repeat;
		padding-top: 10px;
		height: 30px;
	}
	.add-task-button-disable{
		background: url(images/add-task-bg.png) left -139px no-repeat;
	}
	.atb-right,
	.atbd-right{
		position: absolute;
		top: 0;
		right: -3%;
		height: 40px;
		width: 3%;
		background: url(images/add-task-bg.png) right 0 no-repeat;
	}
	.add-task-button:hover .atb-right{
		background: url(images/add-task-bg.png) right -45px no-repeat;
	}
	.add-task-button:active .atb-right{
		background: url(images/add-task-bg.png) right -92px no-repeat;
	}
	.add-task-button-disable .atbd-right{
		background: url(images/add-task-bg.png) right -139px no-repeat;
	}
.task-list{
	margin-bottom: 150px;
}
	.task-table{
		margin-left: 1.7%;
		margin-bottom: 45px;
		width: 74.7%;
		float: left;
	}
	.task-table td {
	    padding-bottom: 10px;
	    padding-top: 6px;
	    vertical-align: middle;
	}
	.project-title{
		height: 10px;
	}
		.project-title-line{
			background-color: #d5d5d5;
			height: 1px;
			width: 100%;
		}
		.project-title-text{
			display: inline-block;
			background-color: #fff;
			padding: 0 10px;
			position: relative;
			top: -0.7em;
			margin-left: 5.777%;
		}
	.task-status {
	    font-size: 0.917em;
	    padding-bottom: 7px !important;
	    text-align: right;
	    width: 16.5%;
	}
		tr:hover .task-ready:after{
			color: #ff9c00;
			content: 'готово, закрывайте';
		}
		tr:hover .task-verification:after{
			color: #e148a0;
			content: 'нужно подтверждение';
		}
		tr:hover .task-new:after{
			color: #7cba32;
			content: 'новая';
		}
	.task-status-icon {
	    padding-bottom: 6px !important;
	    text-align: center;
	    width: 3.5%;
	}
		.tsi{
			width: 10px;
			height: 10px;
			display: inline-block;
			border-radius: 5px;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.task-ready-icon{
			background-color: #ff9c00;
		}
		.task-verification-icon{
			background-color: #e148a0;
		}
		.task-new-icon{
			background-color: #7cba32;
		}
		.task-current-icon{
			background-color: #cccccc;
		}
		.task-archive-icon{
			background-color: #cccccc;
		}
		.task-queue-icon{
			background-color: #cccccc;
		}
		tr:hover .task-ready-icon,
		tr:hover .task-verification-icon,
		tr:hover .task-new-icon,
		tr:hover .task-current-icon{
			opacity: 1;
			filter: alpha(opacity = 100);
		}
	.task-date{
		width: 7.777%;
		color: #999999;
		font-size: 0.917em;
		text-align: center;
	}
	.task-title{
		width: 50.223%;
		font-size: 1.167em;
		padding-top: 8px !important;
		line-height: 21px;
	}
		.task-title a{
			text-decoration: none;
			/*border-bottom: 1px solid #7f7f7f;*/
			text-shadow: 0 0 0 #222222;
			margin-right: 10px;
		}
		.task-title a:hover{
			border-bottom: 1px solid #db9093;
			text-shadow: 0 0 0 #dc979a;
		}
		.task-tag {
		    border-radius: 2px 2px 2px 2px;
		    color: #FFFFFF;
		    display: inline-block;
		    font-size: 0.788em;
		    line-height: 11px;
		    margin-left: 1px;
		    padding: 3px 5px;
		    position: relative;
		    opacity: 0.5;
			filter: alpha(opacity = 50);
		}
			.tt-bg1{
				background-color: #ed9100;
			}
			.tt-bg2{
				background-color: #8dc1d6;
			}
			.tt-bg1:hover,
			.tt-bg2:hover{
				opacity: 1;
				filter: alpha(opacity = 100);
			}
		.task-comments{
			color: #ec9121;
			font-size: 0.788em;
			padding: 0 5px 0 0;
			position: relative;
		}
		.task-comments:after {
		    content: url("images/comment-icon.png");
		    height: 11px;
		    line-height: 10px;
		    position: absolute;
		    right: -12px;
		    top: 1px;
		    width: 14px;
		}
	.task-money{
		position: relative;
		width: 12%;
		color: #767676;
		font-size: 1.083em;
		text-align: right;
		padding-right: 17px;
		white-space: nowrap;
	}
		.task-urgent{
			background: url(images/task-urgent-icon.png) right top no-repeat;
		}
		.task-important{
			background: url(images/task-important-icon.png) right top no-repeat;
		}
	.task-delete{
		width: 2.222%;
		text-align: center;
	}
		tr:hover .task-delete-icon{
			display: inline-block;
			width: 9px;
			height: 9px;
			background: url(images/icons.png) -28px 0 no-repeat;
		}
	tr:hover .task-date,
	tr:hover .task-title,
	tr:hover .task-money{
		background-color: #eaeef4;
	}
	.task-close .task-date,
	.task-close .task-money{
		color: #ccc;
	}
	.task-close .task-title a{
		color: #ccc;
		border-bottom: 1px solid #e5e5e5;
		text-shadow: 0 0 0 #e7e7e7;
	}
		.task-close .task-title a:hover{
			color: #999;
			border-bottom: 1px solid #ccc;
			text-shadow: 0 0 0 #d6d6d6;
		}
		.task-close:hover .task-date,
		.task-close:hover .task-title,
		.task-close:hover .task-money{
			background-color: #fff;
		}
/*------------------------- /CLIENT-INDEX PAGE ----------------------------------*/

/*------------------------- ADD TASK PAGE ----------------------------------*/
.add-task-project{
	margin-left: 22.4%;
	width: 54%;
}
.project-choice{
	min-height: 25px;
	padding-bottom: 10px;
}
	.pc-item{
		display: inline-block;
		padding: 1px 5px 2px;
		margin-right: 3px;
		margin-bottom: 3px;
		border-radius: 3px;
		line-height: 1.3em;
	}
	.project-choice-selected{
		background-color: #dddddd;
	}
	.fake-link-black{
		color: #000;
		border-bottom: 1px dotted #000;
		text-decoration: none;
		cursor: pointer;
	}
	.project-choice .fake-link-light{
		font-size: 1em;
	}
	.fake-link-black:hover,
	.project-choice .fake-link-light:hover{
		color: #cc3333;
		border-bottom: 1px dotted #cc3333;
	}
	.add-new-project{
		position: relative;
	}
	.new-project-title{
		position: absolute;
		top: -13px;
		left: -10px;
		height: auto;
		width: auto;
		display: none;
		box-shadow: 0 0 3px #999;
		border-radius: 3px;
		white-space: nowrap;
		padding: 9px 11px 6px;
		background-color: #fff;
	}
		.new-project-title input{
			color: #999;
			font: italic 0.975em Arial;
			padding: 4px 8px;
			width: 200px;
			border: 1px solid #b5b5b5;
			margin-right: 5px;
		}
		.new-project-title input:focus{
			color: #000;
			font-style: normal;
		}
		.ok-button{
			background: url(images/ok-button.png) 0 0 no-repeat;
			width: 34px;
			height: 31px;
			border: 0;
			cursor: pointer;
			margin: -2px 0 0;
			vertical-align: top;
		}
		.ok-button:hover{
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		.ok-button:active{
			margin-top: -1px;
			margin-bottom: 3px;
			height: 27px;
		}
.add-task-form{
	margin-bottom: 70px;
}
	.atf-label{
		padding-left: 5px;
	}
	.add-task-title{
		display: block;
		border: 3px solid #e7eada;
		padding: 5px;
		color: #000;
		font: 1.5em Arial;
		width: 100%;
		margin: 3px 0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.add-task-content{
		display: block;
		border: 3px solid #e7eada;
		padding: 5px;
		color: #000;
		font: 1.167em Arial;
		height: 280px;
		margin: 3px 0 15px;
		min-height: 200px;
		min-width: 500px;
		max-width: 1200px;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	}
.task-type{
	margin-bottom: 40px;
	padding-left: 10px;
}
	.task-type-item{
		margin-bottom: 11px;
		position: relative;
		padding-left: 25px;
	}
	.task-type-item input{
		margin: 3px 0 0 -25px;
		vertical-align: top;
		float: left;
		text-align: left;
	}
	.tti-description{
		display: inline-block;
		float: left;
	}
	.task-type-item label{
		font-size: 1.5em;
		font-family: "Trebuchet MS",Helvetica,sans-serif;
	}
	.task-type-item label:hover{
		color: #cc3333;
		cursor: pointer;
	}
	.tti-note{
		margin-top: 3px;
		color: #868686;
		line-height: 1.4em;
	}
	.tti-note-time{
		font-size: 0.917em;
		color: #ccc;
	}
	.task-estimate{
		margin-top: 35px;
	}
	.tti-mark{
		position: absolute;
		top: -10px;
		left: -70px;
		width: 55px;
		height: 40px;
		
	}
		.tti-mark-1{
			background: url(images/task-type-mark.png) right 0 no-repeat;
		}
		.tti-mark-15{
			background: url(images/task-type-mark.png) right -41px no-repeat;
		}
		.tti-mark-2{
			background: url(images/task-type-mark.png) right -82px no-repeat;
		}
		.tti-mark-x{
			font: 1.2em Calibri;
			line-height: 38px;
			cursor: pointer;
			display: inline-block;
		}
.add-task-button-ok {
	margin-top: 30px;
	width: 250px;
}
.button,
.button-disable{
	border: 0;
	height: 45px;
	padding: 0 0 5px 3%;
	width: 97%;
	color: #000101;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1.666em;
	text-align: center;
	background: url(images/button-bg.png) left 0 no-repeat;
	cursor: pointer;
	position: relative;
	text-align: center;
}
	.button:hover{
		background: url(images/button-bg.png) left -53px no-repeat;
	}
	.button:active{
		background: url(images/button-bg.png) left -103px no-repeat;
		padding-top: 1px;

	}
	.button.active{
		background: url(images/button-bg.png) left -103px no-repeat;
		padding-top: 1px;
		color: #DDDDDD !important;
	}
	.button.active:hover{
		background: url(images/button-bg.png) left -103px no-repeat;
		padding-top: 1px;

	}
	.button-disable{
		background: url(images/button-bg.png) left -153px no-repeat;
		cursor: default;
		line-height: 40px;
		color: #717272;
	}
	.button-right,
	.bd-right{
		position: absolute;
		top: 0;
		right: -3%;
		height: 48px;
		width: 3%;
		background: url(images/button-bg.png) right 0 no-repeat;
	}
	.button:hover .button-right{
		background: url(images/button-bg.png) right -53px no-repeat;
	}
	.button.active:hover .button-right{
		background: url(images/button-bg.png) right -103px no-repeat;
	}
	.button:active .button-right{
		background: url(images/button-bg.png) right -103px no-repeat;
	}
	.button.active .button-right{
		background: url(images/button-bg.png) right -103px no-repeat;
	}
	.button-disable .button-right{
		background: url(images/button-bg.png) right -153px no-repeat;
	}

	.button .loader {
		background: url("/bitrix/templates/main/images/comment_loader__.gif") no-repeat scroll center center transparent;
		height: 40px;
		opacity: 0.8;
		position: absolute;
		top: 0;
		width: 100%;
	}
.big-button,
.big-button-disable{
	border: 0;
	height: 68px;
	padding: 0 0 5px 3%;
	width: 97%;
	color: #000101;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 2.166em;
	text-align: center;
	background: url(images/big-button-bg.png) left 0 no-repeat;
	cursor: pointer;
	position: relative;
	text-align: center;
}
	.big-button:hover{
		background: url(images/big-button-bg.png) left -72px no-repeat;
	}
	.big-button:active{
		background: url(images/big-button-bg.png) left -147px no-repeat;
		padding-top: 1px;

	}
	.big-button-disable{
		background: url(images/big-button-bg.png) left -216px no-repeat;
		cursor: default;
		line-height: 40px;
		color: #717272;
	}
	.big-button-right,
	.big-button-disable .big-button-right{
		position: absolute;
		top: 0;
		right: -3%;
		height: 68px;
		width: 3%;
		background: url(images/big-button-bg.png) right 0 no-repeat;
	}
	.big-button:hover .big-button-right{
		background: url(images/big-button-bg.png) right -72px no-repeat;
	}
	.big-button:active .big-button-right{
		background: url(images/big-button-bg.png) right -147px no-repeat;
	}
	.big-button-disable .big-button-right{
		background: url(images/big-button-bg.png) right -216px no-repeat;
	}
.add-files{
	margin-bottom: 50px;
	padding-left: 10px;

}
	.add-file-link{
		float: left;
		color: #1e80cc;
		border-bottom: 1px dotted #1f81cc;
		cursor: pointer;
		font-size: 1.167em;
		margin-right: 30px;
	}
		.add-file-link:hover{
			color: #e148a0;
			border-bottom: 1px dotted #e148a0;
		}
	.add-files-note{
		color: #ccc;
		font-size: 0.917em;
		line-height: 1.2em;
		float: left;
		width: 72%;
	}
.add-task-note{
	font-size: 0.917em;
	color: #999;
	padding-left: 20px;
	margin-right: -20px;
	position: relative;
	margin-top: 86px;
	line-height: 1.4em;
}
	.atn-icon{
		position: absolute;
		top: 1px;
		left: 0;
		width: 12px;
		height: 12px;
		background: url(images/icons.png) 0 -12px no-repeat;
	}
.add-task-button-disable{
	margin-top: 12px;
	margin-bottom: 24px;
	cursor: default;
}
	.atbd-right{
		height: 41px;
	}
.add-task-tags{
	margin-top: 15px;
	position: relative;
	padding: 12px 20px;
	margin-left: -20px;
}
	.att-inner{
		padding: 12px 20px;
		border-radius: 3px;
		box-shadow: 0 0 3px #999;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		background-color: #fff;
	}
	.att-link{
		display: inline-block;
		color: #1f81cc;
		font-size: 1.083em;
		padding-right: 12px;
		background: url(images/add-tag.gif) right 0.6em no-repeat;
		margin-bottom: 15px;
		cursor: pointer;
		line-height: 1.3em;
	}
		.att-link span{
			border-bottom: 1px dotted #1f81cc;
		}
		.att-link:hover,
		.att-link.active{
			color: #000;
			background: url(images/add-tag-hover.gif) right 0.6em no-repeat;
		}
		.att-link:hover span,
		.att-link.active span{
			border-bottom: 1px dotted #000;
		}
		.active:hover{
			color: #333;
			background: url(images/add-tag-active-hover.gif) right 0.6em no-repeat;
		}
		.active:hover span{
			border-bottom: 1px dotted #333;
		}
	.add-new-tag-link{
		padding: 6px 15px 8px;
		font-weight: bold;
		font-size: 1.4em;
		cursor: pointer;
		margin: 0 -10px 25px;
	}
		.add-new-tag-link:before {
		    content: "+";
		    position: relative;
		    top: 1px;
		    margin-right: 3px;
		}
		.add-new-tag-link span{
			font-size: 0.774em;
			border-bottom: 1px dotted #000;
			padding-right: 2px;
		}
		.add-new-tag-link:hover{
			background-color: #ddd;
		}
	.new-tag-name{
		width: 60%;
		float: left;
		margin-bottom: 5px;
	}
	.new-tag-color{
		width: 33%;
		float: right;
		margin-bottom: 5px;
	}
		.new-tag-color:before{
			content: '#';
			margin-left: -12px;

		}
		.new-tag-name input,
		.new-tag-color input{
			width: 80%;
			padding: 3px 5px;
			border: 1px solid #b5b5b5;
			color: #333;
			font: 1.167em Arial;
		}
		.new-tag-color input{
			width: 75%;
		}
		.new-tag-name label,
		.new-tag-color label{
			color: #999;
			font: 0.833em Tahoma;
			line-height: 1em;
		}
	.existing-tags{
		margin-bottom: 30px;
		margin-top: 15px;
	}
		.existing-tags li{
			display: inline-block;
			padding: 2px 6px 1px;
			border-radius: 2px;
			color: #fff;
			line-height: 1.3em;
			margin: 0 1px 1px 0;
			cursor: pointer;
		}
		.existing-tags li:hover{
			background-color: #464646 !important;
		}
	.selected-tags{
		margin-bottom: 14px;
		font: 0.917em Tahoma;
	}
		.selected-tags-item{
			white-space: nowrap;
			display: inline-block;
			margin: 0 1px 1px 0;
			cursor: pointer;
			color: #fff;
		}
		.st-name{
			padding: 0 3px 2px 6px;
			border-radius: 2px 0 0 2px;
			display: inline-block;
		}
		.st-delete{
			padding: 0 6px 2px 4px;
			border-radius: 0 2px 2px 0;
			display: inline-block;
		}
			.st-name:hover,
			.st-delete:hover{
				background-color: #464646 !important;
			}
	.tag-manage-link{
		color: #1f81cc;
		text-decoration: none;
		border-bottom: 2px solid #8fc0e5;
		float: right;
	}
		.tag-manage-link:hover{
			color: #e148a0;
			border-bottom: 2px solid #f0a3cf;
		}
/*------------------------- /ADD TASK PAGE ----------------------------------*/

/*------------------------------ TASK PAGE ----------------------------------*/
.task-page{
	margin-bottom: 30px;
}
.task-author-data{
	margin-top: 18px;
	font-size: 0.917em;
	color:#999;
	line-height: 1.2em;
}
	.task-author-data b{
		padding: 5px 0;
		display: inline-block;
	}
	.task-author-data span{
		color: #bcbcbc;
	}
/*------------right column----------------*/
.not-confirmed-task{
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
}
	.nct-data{
		margin-bottom: 15px;
		font-size: 1.666em;
		color: #333;
	}
	.nct-payment{
		color: #e148a0;
		border-bottom: 1px dotted #e148a0;
		font-size: 1.3em;
		font-family: "Trebuchet MS",Helvetica,sans-serif;
		margin-right: 7px;
		display: inline-block;
		line-height: 0.95em;
		cursor: pointer;
	}
		.task-in-work .nct-payment{
			color: #767676;
			border-bottom: 1px dotted #767676;
		}
		.nct-payment:hover{
			color: #000;
			border-bottom: 1px dotted #000;
		}
	.nct-time{
		color: #bcbcbc;
		font-size: 0.55em;
		 margin-left: 7px;
	    position: relative;
	    top: -10px;
	}
	.task-in-work .nct-inner{
		display: none;
	}
	.confirmation-button{
		width: 165px;
		margin-left: -20px;
		margin-bottom: 10px;
	}
	.nct-delete{
		color: #1f81cc;
		text-decoration: none;
		border-bottom: 2px solid #8fc0e5;
		font-size: 1.25em;
	}
		.nct-delete:hover{
			color: #e148a0;
			border-bottom: 2px solid #f0a3cf;
		}
	.nct-payment-detail{
		position: absolute;
		height: 60px;
		width: auto;
		top: -88px;
		left: -35%;
		background-color: #fff;
		padding: 10px 7px;
		border-radius: 3px;
		box-shadow: 0 0 3px #999;
		font-size: 1.083em;
		text-align: center;
		display: none;
	}
	.nct-payment-detail-arrow{
		position: absolute;
		bottom: -10px;
		left: 50%;
		height: 10px;
		width: 11px;
		margin-left: -5px;
		background: url(images/icons.png) -44px 0 no-repeat;
	}
		.nct-pd-numbers{
			font-size: 1.385em;
			margin-top: 4px;
		}
		.nct-payment-detail span{
			position: relative;
			bottom: -12px;
			display: inline-block;
			font-size: 1.111em;
			margin: 0 6px;
			line-height: 0.6em;
		}
		.nct-payment-detail span:last-child{
			margin-left: 2px;
		}
		.nct-payment-detail i{
			color: #b5b5b5;
			font-size: 0.55em;
		}
.need-evaluation{
	margin-bottom: 20px;
}
	.need-evaluation-title{
		font-size: 0.917em;
		color: #e148a0;
		line-height: 1.4em;
		margin-bottom: 3px;
	}
	.nef-item{
		margin-bottom: 1px;
	}
	.nef-item input{
		width: 96px;
		border: 3px solid #e7eada;
		padding: 5px 8px 4px;
		width: 74px;
		margin-right: 10px;
		font: 1.666em Arial;
		color: #000;
	}
	.crm-item input{
		width: 96px;
		border: 3px solid #e7eada;
		padding: 5px 8px 4px;
		width: 74px;
		margin-right: 10px;
		color: #000;
	}
	.nef-item label{
		font-size: 1.333em;
		color: #666;
	}
	.nef-button{
		width: 100px;
		margin-top: 7px;
	}
	.nef-apart{
		background-color: #F8D1E7;
		margin-left: -15px;
		width: 111px;
		height: 2px;
		margin-top: -1px;
		cursor: pointer;
		position: relative;
	}
	.nef-together{
		background-color: #F8D1E7;
		margin-left: -15px;
		width: 111px;
		height: 12px;
		margin-top: -1px;
		cursor: pointer;
		position: relative;
	}
		.need-evaluation .up, .need-evaluation .down{
			position: absolute;
			/*width: 9px;
			height: 5px;*/
			left: 3px;
		}
		.nef-apart .up{
			background: url(images/icons.png) -10px -32px no-repeat;
			top: -7px;
			width: 9px;
			height: 16px;
		}
		.nef-together .down{
			background: url(images/icons.png) 0px -27px no-repeat;
			top: -7px;
			width: 9px;
			height: 26px;
		}
		/*.nef-apart .up{
			background: url(images/icons.png) -14px -12px no-repeat;
			top: -7px;
		}
		.nef-apart .down{
			background: url(images/icons.png) -14px -18px no-repeat;
			bottom: -7px;
		}
		.nef-together .up{
			background: url(images/icons.png) -14px -12px no-repeat;
			bottom: -7px;
		}
		.nef-together .down{
			background: url(images/icons.png) -14px -18px no-repeat;
			top: -7px;
		}*/
/*-----------/right column----------------*/
.task-page-title{
	font-size: 2.167em;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	position: relative;
	line-height: 1em;
	letter-spacing: 0.01em;
}
	.tpt-importance{
		position: absolute;
		width: 0;
		height: 0;
		top: -2px;
		left: -10px;
		border-top: 10px solid #fff; 
    	border-right: 10px solid transparent;
	}
	.tpt-importance.urgent{
		border-top-color: #ff603b;
	}
	.tpt-importance.important{
		border-top-color: #ffdc3b;
	}
	.tpt-status{
		font-size: 0.423em;
		white-space: nowrap;
		position: relative;;
		top: -2px;
		left: -3px;
	}
.task-title-project{
	color: #999;
	font-size: 0.917em;
	margin-bottom: 32px;
	margin-top: 3px;
}
.task-content{
	margin-bottom: 30px;
	font-size: 1.167em;
}
	.task-content p{
		margin-bottom: 22px;
		line-height: 1.5em;
	}
.task-separation{
	margin-left: -7.5%;
	margin-bottom: 30px;
	border-top: 1px solid #d5d5d5;
}
.task-applications{
	font-size: 0.833em;
	line-height: 1.3em;
}
	.task-app-item{
		display: inline-block;
		margin-right: 25px;
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	.task-app-preview{
		background: url(images/task-app-shadow.png) left bottom no-repeat;
		padding:0 0 0 7px;
		display: inline-block;
		margin-left: -7px;
		margin-bottom: 4px;
		position: relative;
	}
	.task-app-preview img{
		margin-bottom: -3px;
	}
	.tap-check{
		position: absolute;
		top: 0;
		left: 7px;
		padding: 0 4px 0 0;
		background: #fff;
		width: auto;
		height: auto;
	}
		.tap-check input{
			margin:0;
		}
		.client-comment .tap-check{
			background: #e2f1f6;
		}
	.tap-delete{
		position: absolute;
		top: -5px;
		right: -5px;
		width: 11px;
		height: 11px;
		background: url(images/icons.png) right top no-repeat;
		cursor: pointer;
	}
		.tap-delete:hover{
			background: url(images/icons.png) -67px top no-repeat;
		}
		.client-comment .tap-delete{
			background: url(images/icons.png) -78px top no-repeat;
		}
		.client-comment .tap-delete:hover{
			background: url(images/icons.png) -56px top no-repeat;
		}
	.task-app-item a{
		color: #1f81cc;
	}
		.task-app-item a:hover{
			color: #e148a0;
		}
	.task-app-item span{
		color: #999;
	}
	.download-app{
		background:  url(images/download-pict.png) 0 0 no-repeat;
		width: 60px;
		height: 60px;
	}
		.download-app-bar{
			height: 60px;
			background:  url(images/download-app.png) 0 0 repeat-x;
			display: inline-block;
		}
/*---------------------- TASK PAGE - COMMENTS -------------------*/
.task-page-comments{
	margin-left: 14.2%;
	width: 62.2%;
	margin-bottom: 100px;
	position: relative;
}
.comments-title{
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1.5em;
	margin-bottom: 25px;
}
.comment{
	margin-left: -75px;
	padding-left: 75px;
	border: 1px solid #fff;
}
.new-comment{
	border: 1px dotted #7f7f7f;
}
	.comment-body{
		position: relative;
		margin-bottom: 5px;
		margin-left: -75px;
		padding-left: 75px;
		padding-top: 10px;
	}
	.client-comment{
		background: #e2f1f6;
	}
		.comment-content{

		}
		.comment-data{
			margin-bottom: 7px;
			font-size: 0.917em;
		}
			.comment-data span{
				color: #666;
			}
		.comment-username{
			position: relative;
			margin-right: 5px;
		}
		.comment-avatar{
			position: absolute;
			top: -1px;
			left: -65px;
			width: 48px;
			height: 48px;
			padding: 2px;
			box-shadow: 0 1px 2px #999999;
			background-color: #fff;
		}
			.comment-username:hover .comment-avatar{
				box-shadow: 0 1px 2px #666;
			}
		.comment-text{
			line-height: 1.5em;
		}
		.comment-application{
			margin: 5px 0 0;
		}
		.comment-application .task-app-item{
			margin-top: 5px;
			margin-bottom: 5px;
		}
		.comment-manage{
			padding-bottom: 10px;
		}
		.comment-answer,
		.comment-delete{
			color: #1f81cc;
			border-bottom: 1px dotted #1f81cc;
			font-size: 0.917em;
			cursor: pointer;
		}
		.comment-answer{
			margin-right: 8px;
		}
			.comment-answer:hover,
			.comment-delete:hover{
				color: #e148a0;
				border-bottom: 1px dotted #e148a0;
			}
		.comment-answer-block{
			/*display: none;*/
			margin-bottom: 3px;
			margin-left: 2px;
		}
		.comment-answer-block textarea{
			border: 3px solid #e7eada;
			width: 640px;
			height: 130px;
			min-width: 300px;
			min-height: 80px;
			max-width: 1000px;
			max-height: 1000px;
			padding: 5px;
			margin-bottom: 8px;
			font: 1.167em Arial;
		}
		.cab-send{
			float: left;
			width: 180px;
			margin-right: 30px;
		}
		.comment-answer-block .add-file-link{
			padding-top: 14px;
		}
	.comment-child{
		margin-left: 20px;
	}
	.comment-wide .comment-text{
		min-height: 35px;
		margin-bottom: 15px;
	}
	.comment-wide-application{
		margin: 0 -29% 20px -20.2%;
		text-align: center;
	}
		.cw-app{
			box-shadow: 0 10px 20px #aaa;
			border: 2px solid #fff;
			width: auto;
			display: inline-block;
		}
		.cw-app img{
			display: block;
		}
	.add-new-comment{
		margin-top: 30px;
		margin-bottom: 30px;
	}
		.anc-textarea{
			position: relative;
			display: inline-block;
			width: auto;
		}
		.inside textarea{
			border: 3px solid #e7eada;
		}
		.client textarea{
			border: 3px solid #e2f1f6;
		}
		.inside .comment-type-inside{  /*active*/
			position: absolute;
			right: -100px;
			top: 0;
			background: url(images/type-comment.png) 0 0 no-repeat;
			width: 100px;
			height: 46px;
		}
		.inside .comment-type-client{
			position: absolute;
			right: -90px;
			top: 48px;
			background: url(images/type-comment.png) -205px -49px; no-repeat;
			width: 90px;
			height: 45px;
			cursor: pointer;
		}
		.inside .comment-type-client:hover{
			position: absolute;
			right: -95px;
			top: 48px;
			background: url(images/type-comment.png) -105px -49px; no-repeat;
			width: 95px;
			height: 45px;
			cursor: pointer;
		}
		.client .comment-type-inside{
			position: absolute;
			right: -90px;
			top: 0;
			background: url(images/type-comment.png) -205px 0 no-repeat;
			width: 90px;
			height: 46px;
			cursor: pointer;
		}
		.client .comment-type-inside:hover{
			position: absolute;
			right: -95px;
			top: 0;
			background: url(images/type-comment.png) -105px 0 no-repeat;
			width: 95px;
			height: 46px;
			cursor: pointer;
		}
		.client .comment-type-client{  /*active*/
			position: absolute;
			right: -100px;
			top: 48px;
			background: url(images/type-comment.png) 0 -49px; no-repeat;
			width: 100px;
			height: 45px;
		}
	.new-comm-application{
		margin: 3px 0;
	}
	.close-task{
		margin-bottom: 30px;
	}
		.close-task .nef-item{
			margin-bottom: 6px;
		}
		.close-task .ct-minute{
			width: 54px;
		}
		.close-task .ct-hour{
			width: 34px;
		}
		.close-task label{
			margin-right: 15px;
		}
		.mcf-button{
			width: 435px;
		}
		.mcs-button{
			width: 400px;
		}
	.client-close-first{
		width: 430px;
	}
	.client-close-second{
		width: 314px;
	}
		.ccs-text{
			font-size: 1.083em;
			margin-bottom: 7px;
			padding-left: 25px;
		}

/*--------------------------------- CONTROL PAGE ----------------------------*/
.card-edit-page,
.card-user-page,
.card-company-page{
	margin-bottom: 50px;
	padding-top: 15px;
}
.card-edit-page a,
.card-user-page a,
.card-company-page a,
.report-page a{
	color: #1f81cc;
}
	.card-edit-page a:hover,
	.card-user-page a:hover,
	.card-company-page a:hover,
	.report-page a:hover{
		color: #cc3333;
	}
.control-card-item{
	margin-bottom: 25px;
	position: relative;
}
	.card-company{
		color: #999;
		font-size: 1.333em;
		font-family: "Trebuchet MS",Helvetica,sans-serif;
		margin-bottom: 5px;
	}
	.card-name{
		font-size: 1.833em;
		font-family: "Trebuchet MS",Helvetica,sans-serif;
	}
	.card-avatar{
		position: absolute;
		top: -5px;
		left: -75px;
		width: 48px;
		height: 48px;
		padding: 2px;
		box-shadow: 0 1px 2px #999999;
		background-color: #fff;
	}
		.card-avatar-edit{
			background: none;
			width: 48px;
			height: 48px;
			position: absolute;
			top: 2px;
			left: 2px;
			cursor: pointer;
		}
		.card-avatar-edit:hover {
			background: url(images/avatar-edit-hover.png) 0 0 no-repeat;
		}
	.card-data-edit{
		display: none;
		position: absolute;
		bottom: -16px;
		left: 0;
	}
	.card-data-edit .cde-name{
		width: 390px;
	}
	.card-data-edit .cde-mail{
		width: 295px;
	}
	.card-data-edit .cde-skype{
		padding-left: 30px;
		width: 273px;
		background: url(images/skype-logo.png) 7px center no-repeat #fff;
	}
	.cde-button{
		width: 55px;
		display: inline-block;
	}
	.card-note,
	label.card-note {
		position: absolute;
		width: 182px;
		height: auto;
		top: 4px;
		left: -200px;
		text-align: right;
		color: #999;
		font: 0.917em Tahoma;
	}
	.card-mail{
		font-size: 1.5em;
	}
	.card-skype{
		font-size: 1.5em;
		padding-left: 25px;
		background: url(images/skype-logo.png) 0 2px no-repeat;
	}
	.card-projects{
		padding-top: 3px;
	}
	.card-user-page .card-projects{
		padding-top: 6px;
	}
	.cci-project{
		margin-bottom: 5px;
	}
		.cci-project input{
			margin: 0 7px 0 3px;
			position: relative;
			bottom: -2px;
		}
		.cci-add-project{
			font-size:1.083em;
			margin-left: 23px;
			color: #b6b6b6;
			border-bottom: 1px dotted #b6b6b6;
			cursor: pointer;
		}
			.cci-add-project:hover{
				color: #666;
				border-bottom: 1px dotted #666;
			}
	.card-password{
		margin-top: 40px;
	}
	.card-password .fake-link{
		font-size: 1.166em;
	}
	.card-password-edit{}
		.cpe-item,
		.anu-item{
			margin-bottom: 4px;
			position: relative;
		}
			.cpe-item input{
				width: 295px;
			}
			.cpe-item label.card-note,
			.anu-item label.card-note{
				top: 15px;
			}
		.cpe-button{
			width: 185px;
			margin-top: 10px;
		}
	.anu-item input{
		width: 89%;
	}
	.anu-button{
		width: 115px;
		margin-top: 8px;
	}
	.card-add-new-user .fake-link{
		font-size: 1.083em;
	}
	.add-new-user-text{
		color: #333;
		line-height: 1.3em;
	}
	.card-company-page .control-card-item{
		line-height: 1.55em;
		font-size: 1.083em;
	}
	.card-company-page .card-note{
		top: 3px;
		font-size: 0.846em;
	}
/*-------------------------------- /CONTROL PAGE ----------------------------*/
/*---------------------------------- REPORT PAGE ----------------------------*/
.report-inner{
	margin-top: 25px;
	font-size: 1.166em;
	line-height: 1.4em;
	margin-bottom: 30px;
}
	.report-inner p,
	.report-note p{
		margin-bottom: 20px;
	}
	.report-note{
		font-size: 0.785em;
		color: #999;
		line-height: 1.3em;
		margin-top: 153px;
	}
	.report-title{
		font: 1.428em "Trebuchet MS";
		margin-bottom: 14px;
		white-space: nowrap;
	}
	.report-inner-item{
		width: 48%;
	}
	.report-general-download{
		padding-left: 60px;
		position: relative;
		margin-bottom: 58px;
		padding-top: 5px;
		float: left;
	}
		.report-icon{
			position: absolute;
			top: 3px;
			left: -3px;
			width: 51px;
			height: 58px;
			background: url(images/pdf.png) 0 0 no-repeat;
		}
	.report-period{
		font-size: 0.857em;
		color: #999;
		line-height: 1em;
   		margin-top: 5px;
	}
	.report-individual-title{
		font: 1.857em "Trebuchet MS";
		margin-bottom: 30px;
	}
	.report-individual .report-general-download{
		margin-bottom: 0;
	}
	.ri-period{
		color: #a0a0a0;
		margin-bottom: 25px;
	}
		.ri-period .fake-link-black{
			font-size: 1.286em;
			margin-right: 8px;
		}
		.ri-period .all-projects{
			margin-left: 32px;
		}
	.ri-button{
		width: 250px;
		font-size: 0.857em;
		margin-bottom: 20px;
	}
	.ri-result{
		float: left;
		font-size: 1.428em;
		padding-top: 15px;
		margin-left: 50px;
		white-space: nowrap;
		margin-right: -30%;
	}
.report-individual-container{
	margin: 0 auto 130px;
	width: 70%;
	min-width: 800px;
}
	.report-individual-table{
		width: 100%;
	}
		.report-individual-table thead td{
			border-bottom: 1px solid #767676;
			font-weight: bold;
			white-space: nowrap;
		}
		.report-individual-table td{
			padding: 11px 10px 11px;
		}
		.report-individual-table td:first-child{
			text-align: center;
		}
		.report-individual-table td:last-child{
			text-align: right;
			padding-right: 25px;
			width: 15%;
		}
		.report-individual-table .name{
			width: 40%;
		}
		.report-individual-table .time{
			color: #999;
			font-size: 0.916em;
			padding-left: 3px;
		}
		.report-individual-table tbody tr:hover{
			background: #eaeef4;
		}
/*--------------------------------- /REPORT PAGE ----------------------------*/
/*-------------------------------- MANAGER INDEX ----------------------------*/
.manager-balance{
	color: #999;
	left: -200px;
	text-align: right;
	width: 180px;
}
	.manager-balance a{
		text-decoration: none;
		border-bottom: 1px dotted #000;
		color: #000;
	}
	.manager-balance a:hover{
		border-bottom: 1px dotted #666;
	}
	.manager-balance span{
		position: relative;
	}
	.mb-clients {
		background-color: #FFFFFF;
		box-shadow: 0 0 5px #AAAAAA;
		left: 61px;
		padding: 10px 0;
		position: absolute;
		text-align: left;
		top: 33px;
		width: 200px;
		z-index: 30;
	}
	.mb-clients .arrow {
		background:url(images/mb_clients_arrow.png) no-repeat;
		position:absolute;
		top:-9px;
		left:92px;
		width:17px;
		height:9px;
	}
	.mb-clients-list li{
		font-family: "Trebuchet MS",Helvetica,sans-serif;
		font-size: 0.884em;
		padding: 7px 22px 8px;
		color: #000;
		line-height: 1em;
		cursor: pointer;
		position:relative;
	}
		.mb-clients-list li:hover{
			background-color: #eeeeee;
		}
	.mb-clients-selected{
		background: #dddddd;
		cursor: default !important;
		font-weight: bold;
	}
	.mb-clients-list li.less {
		color:red;
	}
	.mb-clients-list li.null {
		color:#ccc;
	}
	.mb-clients-list li .grey {
		color:#ccc;
		font-size:11px;
	}
	.mb-clients-list li.less:after {
		color: red;
		content: "—";
		font-size: 9px;
		left: 11px;
		position: absolute;
		top: 8px;
	}
.manager-tasks-own{
	margin-top: -14px;
}
.manager-tasks{
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	font-size: 1.5em;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 28px;
}
	.manager-tasks a{
		color: #1f81cc;
	}
	.manager-tasks a:hover{
		color: #cc3333;
	}
	.manager-tasks-current a,
	.manager-tasks-current a:hover{
		color: #000;
		cursor: default;
		font-weight: bold;
		text-decoration: none;
	}
.manager-task-sort{
	white-space: nowrap;
	margin-top: -5px;
}
	.mts-item{
		display: inline-block;
		width: 21px;
		height: 23px;
		cursor: pointer;
	}
	.mts-time{
		background: url(images/manager-task-sort.png) 0 0 no-repeat;
	}
	.mts-priority{
		background: url(images/manager-task-sort.png) -22px 0 no-repeat;
		width: 20px;
	}
	.mts-importance{
		background: url(images/manager-task-sort.png) -43px 0 no-repeat;
	}
	.mts-time:hover{
		background: url(images/manager-task-sort.png) 0 -24px no-repeat;
	}
	.mts-priority:hover{
		background: url(images/manager-task-sort.png) -22px -24px no-repeat;
		width: 20px;
	}
	.mts-importance:hover{
		background: url(images/manager-task-sort.png) -43px -24px no-repeat;
	}
	.mts-time.selected{
		background: url(images/manager-task-sort.png) 0 -50px no-repeat;
	}
	.mts-priority.selected{
		background: url(images/manager-task-sort.png) -22px -50px no-repeat;
		width: 20px;
	}
	.mts-importance.selected{
		background: url(images/manager-task-sort.png) -43px -50px no-repeat;
	}
.manager-task-table{}
	.reaction-time{
		width: 20%;
		padding-right: 30px;
		padding-bottom: 3px !important;
	    padding-top: 14px !important;
	}
	.task-importance-icon{
		width: 4.2222%;
		padding-left: 20px;
		padding-bottom: 3px !important;
	}
	.manager-task-table .task-status-icon{
		text-align: left;
		padding-left: 7px;
	}
	.manager-task-table .task-title{
		width: 52.222%;
	}
	.work-time{
		width: 20%;
		padding-right: 10px;
		padding-left: 20px;
		padding-bottom: 3px !important;
	    padding-top: 14px !important;
	}
	.manager-task-table tr:hover .task-importance-icon,
	.manager-task-table tr:hover .task-status-icon,
	.manager-task-table tr:hover .work-time{
		background-color: #eaeef4;
	}
	.manager-task-table .task-close:hover .task-importance-icon,
	.manager-task-table .task-close:hover .task-status-icon,
	.manager-task-table .task-close:hover .work-time{
		background-color: #fff;
	}
	.manager-task-table tr:hover .task-ready-icon,
	.manager-task-table tr:hover .task-verification-icon,
	.manager-task-table tr:hover .task-new-icon,
	.manager-task-table tr:hover .task-current-icon{
		opacity: 0.5;
		filter: alpha(opacity = 50);
	}
	.task-urgent-icon{
		background-color: #ff603b;
		opacity: 1 !important;
		filter: alpha(opacity = 100) !important;
	}
	.task-important-icon{
		background-color: #ffdc3b;
		opacity: 1 !important;
		filter: alpha(opacity = 100) !important;
	}

.time-line-container{
	font: 0.75em Tahoma;
	color: #757575;
	text-align: right;
}
	.time-line{
		height: 5px;
		background: url(images/timeline-bg.png) right center repeat-x;
		float: right;
	}
	.time-line-task{
		width: 100%;
		height: 5px;
		background: #82c435; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYzQzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzkyYzgzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5ZGMzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZlZGMzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmOTMzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYyM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, #82c435 0%, #92c837 20%, #d9dc39 50%, #fedc3c 75%, #ff933b 90%, #ff623b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#82c435), color-stop(20%,#92c837), color-stop(50%,#d9dc39), color-stop(75%,#fedc3c), color-stop(90%,#ff933b), color-stop(100%,#ff623b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #82c435 0%,#92c837 20%,#d9dc39 50%,#fedc3c 75%,#ff933b 90%,#ff623b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #82c435 0%,#92c837 20%,#d9dc39 50%,#fedc3c 75%,#ff933b 90%,#ff623b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #82c435 0%,#92c837 20%,#d9dc39 50%,#fedc3c 75%,#ff933b 90%,#ff623b 100%); /* IE10+ */
		background: linear-gradient(to right, #82c435 0%,#92c837 20%,#d9dc39 50%,#fedc3c 75%,#ff933b 90%,#ff623b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c435', endColorstr='#ff623b',GradientType=1 ); /* IE6-8 */
	}
	.time-line-overdue{
		color: #ff603b;
	}
		.time-line-overdue .time-line-task{
			background: none;
			background-color: #ff603b;
		}
	.time-waiting{
		background: none;
		background-color: #b5b5b5;
		height: 5px;
		float: right;
	}
	.time-line-pause{
		color: #ff9c00;
	}
		.time-line-pause .time-line-task{
			background: url(images/timeline-pause-bg.png) left center repeat-x;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"
	
		}
.clients-projects{
	margin-bottom: 20px;
	margin-top: 28px;
}
	.manager-client,
	.performers{
		padding: 3px 20px 7px;
		font-size: 1em;
	}
		.manager-client:hover{
			background-color: #eaeef4;
		}
	.manager-client li,
	.performers li{
		padding: 7px 0 5px;
	}
	.manager-client a{
		color: #1f81cc;
		border-bottom: 2px solid #8fc0e5;
		text-decoration: none;
	}
		.manager-client:hover a,
		.performers a{
			color: #000;
			border-bottom: 2px solid #75777a;
			text-decoration: none;
		}
		.manager-client a:hover,
		.manager-client:hover a:hover,
		.performers a:hover{
			color: #e148a0;
			border-bottom: 2px solid #f0a3cf;
		}
	.manager-client .selected a,
	.manager-client .selected a:hover{
		color: #000;
		border: none;
		font-weight: bold;
		cursor: default;
	}
.manager-tasks-tags{
	margin-left: 0;
}

/*------------------------------- /MANAGER INDEX ----------------------------*/
/*--------------------------------- MANAGER ADD -----------------------------*/
.manager-project-choice{
	margin-bottom: 10px;
	margin-top: -19px;
}
	.mpc-client{
		width: 48%;
		float: left;
	}
	.mpc-project{
		width: 48%;
		float: right;
	}
	.manager-project-choice label{
		padding-left: 5px;
	}
	.manager-project-choice select{
		width: 100%;
		display: block;
		margin-top: 3px;
		font: 1.166em Arial;
		padding: 2px;
		border: 1px solid #b5b5b5;
	}
	.mpc-empty{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
.manager-add-performer{
	font-size: 1.083em;
}
	.managers-list, .performers-list{
		margin-bottom: 35px;
	}
	.map-item{
		margin-bottom: 5px;
	}
		.map-item input{
			margin: 0 10px 0 0;
			position: relative;
			top: 2px;
		}
	.map-checked label{
		color: #666;
	}
/*-------------------------------- /MANAGER ADD -----------------------------*/
/*--------------------------------- POPUP ALARM -----------------------------*/
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 9000;
}
.alarm-popup{
	position: absolute;
	top: 300px;
	left: 200px;
	width: 290px;
	height: 130px;
	padding: 21px 25px 29px;
	background-color: #fff;
	font-size: 1.166em;
	text-align: center;
	line-height: 1.45em;
	box-shadow: 0 0 15px #666;
	z-index: 9010;
}
	.alarm-popup p{
		margin-bottom: 23px;
	}
	.alarm-popup span{
		font-size: 1.143em;
		display:inline-block;
		padding-top: 4px;
	}
.popup-yes{
	width: 66px;
	display: inline-block;
	margin-right: 6px;
}
.popup-no{
	width: 76px;
	display: inline-block;
	margin-left: 6px;
}
.refreshcomments {
	width:24px;
	height:24px;
	background:url(images/refreshcomments.png);
	opacity:0.4;
	position:fixed;
	bottom:40px;
	right:40px;
	cursor:pointer;
}
.refreshcomments:hover {
	opacity:1;
}

/*--------------------------------- RUBKA -----------------------------------*/
.navig-current.navig-cockpit span{
	background: url(images/navig-current-rubka.png) left center repeat-x;
}
.rubka-page{
	margin-top: -12px;
}
.rubka-new{
	border: 1px dotted #b2b2b2;
	min-height: 15px;
	cursor: pointer;
	margin-bottom: 11px;
	padding: 3px 5px 5px;
}
.rubka-list{
	margin: 0 0 33px -50px;
}
	.rubka-list li{
		list-style-type: none;
		padding-left: 50px;
		margin-bottom: 8px;
		position: relative;
		font-size: 14px;
	}
	.rubka-list .time{
		font: 13px Calibri;
		color: #999;
		width: 40px;
		position: absolute;
		top: 1px;
		left: 0;
		text-align: right;
	}
		.rubka-list .time .date{
			color: #ccc;
		}
	.rubka-list .link{
		color: #000;
		line-height: 1.3em;
	}	
		.rubka-list .link:hover{
			color: #ef4f39;
		}
	.rubka-list .people{
		font-size: 12px;
		color: #999;
	}
	.rubka-list-date{
		padding-top: 27px;
	}
.rubka-left-menu{
	padding-top: 39px;
}
	.rlm-list{
		margin-bottom: 35px;
	}
		.rlm-list li{
			margin-bottom: 11px;
			font-size: 13px;
		}
.rubka-new-dark{
	border: 1px dotted #444;
}
.rubka-new-inner{
	/*display: none;*/
	position: relative;
}
	.rubka-new-inner textarea{
		width: 100%;
		height: 125px;
		border: none;
		font: 14px Arial;
		color: #000;
		margin-bottom: 20px;
	}
	.rubka-new-inner .close{
		position: absolute;
		width: 9px;
		height: 9px;
		right: -23px;
		top: -3px;
		cursor: pointer;
		background: url(images/close.gif) 0 0 no-repeat;
	}
	.rubka-new-inner .left-links{
		position: absolute;
		left: 0;
		bottom: 2px;
	}
		.rubka-new-inner .left-links .fake-link{
			margin-right: 5px;
		}
	.rubka-new-inner .right-links{
		position: absolute;
		right: 0;
		bottom: 2px;
	}
	.rubka-new-inner .date{
		position: absolute;
		top: 0;
		left: -55px;
		width: 40px;
		text-align: right;
	}
	.rubka-new-inner .date-link{
		font: 14px Calibri;
		color: #000;
		border-bottom: 1px dotted #000;
	}
		.rubka-new-inner .date-link:hover{
			color: #cc3333;
			border-bottom: 1px dotted #cc3333;
		}
	.rubka-new-inner .time{
		font: 13px Calibri;
		color: #999;
	}
/*-------------------------------- /RUBKA -----------------------------------*/

.cockpit_client_list td {
	padding:10px 3px;
}
.cockpit_client_list th {
	font-weight:bold;
	background:#ccc;
	padding:10px 3px;
}
.help-links a {
  color: #1E80CC;
}
.login-input-text.red {
  border-color: #FF0000;
}
.navig-current.navig-crm span {
  background: rgba(0, 0, 0, 0) url("images/navig-current-rubka.png") repeat-x scroll left center;
}

.task-page-comments.client {
  margin-left: 0;
  margin-top: 35px;
  width: 100%;
}
.client .comment-answer-block textarea {
    width: 100%;
}
#bx-panel {display: none !important;}

/* from ktc */

.task-sorting .calendar {
	/*font-size: .92em;*/
}

.task-sorting .calendar ul {
	margin-top:15px;
	width: 100%;
}

.task-sorting .calendar ul li {
	display: inline-block;
	text-align: center;
	padding: 5px;
	vertical-align: baseline;
}

.task-sorting .calendar ul li.today {
	/*border: 1px dotted gray;*/
	color:black;
	font-weight: bold;
}

.task-sorting .calendar ul li span.holiday {
	color:red;
}

.task-sorting .calendar ul li sup {
	font-size: 0.7em;
	display: inline-block;
}