html {background: #f3f3f3;}
body {color: #333; font-family: lucida grande,verdana; font-size: 12px; text-align: left; min-width: 1180px;}

a {color: #214784;}
	a:hover {color: red;}
		
h1 {font-size: 17px;}
small {color: #666;}

.header {background: url('../images/bg-top.png') repeat-x 0 -10px; padding: 5px 40px 0 40px; color: #ddd; overflow: hidden; min-height: 85px;}
	.project {height: 16px;}
		.project .header h2 {font-size: 12px;}
	.header h1 {font-size: 24px; padding: 20px 0 5px 0;}
		.header h1 a {text-decoration: none;}

ul.tabs {margin-top: 15px;}
	ul.tabs li.active a {background: #f3f3f3;}

ul.links {float: right; font-size: 11px;}
	ul.links li{float: left; padding-left: 5px;}

.login {background: #FFF; border: 1px solid #AAA; border-radius: 10px; box-shadow: 0 0 5px #999; margin: 120px auto 0 auto; padding: 25px 28px; width: 410px;}
	.login .zend_form fieldset {background: none; border: none; margin: 0; padding: 0;}
		.login .zend_form fieldset legend {margin: 0; padding: 0;}

.register {width: 700px; margin-top: 20px;}
.panel {padding: 10px 0;} 
.right {text-align: right;}
.bottom-line {border-bottom: dotted 1px #aaa; margin-bottom: 10px;}
.top-line {border-top: dotted 1px #aaa;	margin-top: 10px;}

.wrap {padding: 10px 15px;}
	.wrap .content {margin: 0 auto; background: #fff; border: solid 1px #ddd; border-radius: 2px;}
		.wrap .content .head {padding: 6px 15px; background: #ECF5FC;}
			.wrap .content .head .float-right {margin-top: 2px; color: #999;}
		.wrap .content .body {padding: 15px;}
	.wrap .small {width: 800px;}

.label {background: #f7f7f7; border: solid 2px #eaeaea; border-radius: 5px 5px 0 0; border-bottom: none; margin: 10px; margin-bottom: -2px; display: inline-block;
	padding: 5px 20px; font-size: 13px;	font-weight: bold; text-decoration: none; z-index: 1000; position: relative;}

.responsible {border: solid 1px #eaeaea; border-radius: 0 0 5px 5px; border-top: none; margin: 10px; margin-top: -1px; margin-bottom: 0; font-weight: normal;}
.url {float: right; margin-top: 5px; font-size: 11px;}

.filters {float:right; padding-bottom: 10px; font-size: 11px;}
	.filters a.button {display:inline-block; text-decoration:none; background:#085b88; padding: 2px 3px; margin: -2px 0 0 0; border: solid 1px #6a84c0; cursor: pointer; border-radius: 3px; color: #fff; font-size: 10px;}

.balance {margin-bottom: 15px; float: left; background: #ffd270; padding: 3px 10px; border-radius: 3px; font-size: 11px;}
		
.body .noItems {padding: 6px; border-bottom: solid 1px #eaeaea; clear: both; text-align: center;}
.body .topLine {border-top: solid 2px #eaeaea;}
		
.body table {width: 100%; table-layout: fixed;}
	.body table tr {border-bottom: solid 1px #eaeaea;}
		.body table tr.current {background-color: #FaFaFa;}

	.body table td {padding: 5px;}

	.body table thead tr {border-top: solid 2px #eaeaea; font-weight: normal;	font-size: 10px; color: #666; text-align: center; background: #f6f6f6;}
		.body table thead td {padding: 4px;}
					
	.body table tbody tr:hover {background: #F6F6F6;}
	.body table tbody tr.total:hover {background: #FFF;}
		
	.body table .addTask {width: 40px;}
	.body table .info {word-wrap: break-word;}
	.body table .verified {text-decoration: line-through;}
		
	.body table .type div, .body table .type a, 
	.body table .status div, .body table .status a, .body table .status span,
	.body table .priority div, .body table .priority a,  
	.body table .time div, .body table .time a,
	.body table .timeBalance div,
	.body table .finance div, .body table .finance a,
	.body table .financeBalance div,
	.body table .datetime div {padding: 2px 4px; font-size: 10px; color: #fff; text-align: center; border-radius: 2px; text-decoration: none; display: block;}
	
	.body table .type {width: 70px;}
		.body table .type .custom {background-color: #676cd9;}
		.body table .type .comment {background-color: #6492AC;}
		.body table .type .todo {background-color: #C87800;}
		.body table .type .purchase, .body table .type .payment {background-color: #6b9f8c;}

	.body table .free {width: 50px;}
		.body table .free div {padding: 2px 4px; font-size: 10px; color: #fff; text-align: center; border-radius: 2px;}
		.body table .free .yes {background-color: green;}
		.body table .free .no {background-color: red;}

		
	.body table .status {width: 105px;}
		.body table .status .new {background-color: green;}
		.body table .status .old {background-color: red;}
		.body table .status .complete {background-color: orange;}
		.body table .status .verified {background-color: purple; text-decoration: none;}
		.body table .status .on-completion {background-color: teal;}
		
	.body table .datetime {width: 140px;}
		.body table .datetime div {font-size: 10px; text-align: center; color: black;}
		.body table .datetime .today {background-color: #fff000; font-weight: bold;}
		
	.body table .time {width: 65px;}
		.body table .time div {background: red;}
		.body table .free div {background: purple;}
		.body table .time a {background: red; display: block; text-decoration: none;}

    .body table .finance {width: 75px;}
        .body table .finance div {background: red;}
        .body table .finance a {background: red; display: block; text-decoration: none;}

    .body table .payment div {background: green;}

	.body table .financeBalance {width: 65px;}
		.body table .financeBalance div {background: #0c78b1;}

    .body table .timeBalance {width: 70px;}
        .body table .timeBalance div {background: #0c78b1;}


	.body table .user {width: 90px; font-size: 11px; text-align: center;}

	.body table .operations {width: 120px; text-align: center;}
		.body table .operations a {font-size: 11px;}
				
	.body table .priority {width: 78px;}
		.body table .priority .important {background-color: red;}
		.body table .priority .normal {background-color: green;}

	.body table .total {border-bottom: none; font-weight: bold; font-size: 11px;}
		.body table .total .text {text-align: right;}
		.body table .total .time div, .body table .total .finance div {background: #ff734d;}
		
.box {border-bottom: solid 1px #eaeaea; border-top: solid 2px #eaeaea; padding: 5px; background: #f6f6f6;}
	.box .content {background: #fff; border: solid 1px #eaeaea; padding: 10px;}
	.box .links {padding: 0 3px 5px 0; font-size: 11px; color: #888;}
		
		.box .users {overflow: hidden;}
			.box .users .user {overflow: hidden; width: 250px; background-color: #fdfdfd; border: dotted 1px #eaeaea; padding: 5px; float: left; margin: 0 10px 10px 0;}
			.box .users .user:hover {background-color: #fafafa}
				.box .users .user .left {float: left;}
					.box .users .user .avatar {height: 85px; overflow: hidden;}
						.box .users .user .avatar img {border: solid 1px #eaeaea;}
				.box .users .user .data {margin-left: 78px;}
					.box .users .user .data a {font-size: 11px;}
		
		
.comments .comment {overflow: hidden; background: #f7f7f7; border: solid 1px #eaeaea; padding: 10px; margin: 0 0 10px 0;}
    .comments .comment .left {float: left;}
        .comments .comment .avatar {height: 85px; overflow: hidden;}
            .comments .comment .avatar img {border: solid 1px #eaeaea;}
    .comments .comment .data {margin-left: 80px;}
        .comments .comment .data .name {font-weight: bold;}
        .comments .comment .data .datetime {font-size: 11px; color: #666; float: right; font-weight: bold;}
        .comments .comment .data .text {border: solid 2px #eaeaea; background: #fff; padding: 5px; margin-top: 5px;}
            .task .data .text span {word-wrap: break-word;}
            .comments .comment .data .text .file {border-top: dashed 1px #eaeaea; padding-top: 5px; margin-top: 5px; font-size: 11px;}
                .comment .data .links {border-top: solid 1px #ccc; padding: 5px 0; margin-top: 5px; text-align: right; font-size: 11px;}
    
.comments .info {border: solid 1px #ffe5ae; background: #fff7d5; padding: 5px; margin: 0 0 10px 0; font-size: 12px;}
    .comments .info strong {font-weight: bold; color: #555;}

.task {overflow: hidden; background: #f7f7f7; border: solid 1px #eaeaea; padding: 10px;}
	.task .left {float: left;}
		.task .avatar {height: 85px; overflow: hidden;}
			.task .avatar img {border: solid 1px #eaeaea;}
	.task .data {margin-left: 80px;}
		.task .data .name {font-weight: bold;}
		.task .data .datetime {font-size: 11px; color: #666; float: right; font-weight: bold;}
		.task .data .text {border: solid 2px #eaeaea; background: #fff; padding: 5px; margin-top: 5px;}
			.task .data .text span {word-wrap: break-word;}
			.task .data .text .file {border-top: dashed 1px #eaeaea; padding-top: 5px; margin-top: 5px; font-size: 11px;}
		.task .data .links {border-top: solid 1px #ccc; padding: 5px 0; margin-top: 5px; text-align: right; font-size: 11px;}

.help {border: solid 1px #f5d083; background: #fff7d5; margin: 10px 0 0 0; font-size: 11px; border-radius: 3px;}
	.help h2 {font-size: 13px; font-weight: bold; padding: 9px; cursor: pointer; display: block; background: url(../images/help.png) no-repeat 98% 50%;}
	.help .help-text {margin: 0 9px 9px 9px; padding-top: 9px; display: none; border-top: dotted 1px #f5d083;}
    
.content .text p {margin-bottom: 10px;}
.content .text strong {font-weight: bold;}
.content .text ul {margin: 10px 0 20px 10px;}
.content .text ul li {list-style-position: inside; list-style-type: circle; margin-bottom: 5px;}
.content .text ol li {list-style-position: inside; list-style-type: decimal; margin-bottom: 5px;}
.content .text em {color: #555; font-size: 11px; font-weight: bold; border-bottom: dashed 1px #555;}
    
#timer {overflow: hidden; background: #f7f7f7; border: solid 1px #eaeaea; padding: 5px; margin-top: 10px}
		
.file {overflow: hidden;}
	.file a.preview {border: solid 1px #eee; padding: 1px; display: block; float: left;}
	
.pointer {cursor: pointer;}
.breadcrumb {line-height: 22px; padding-bottom: 7px;}
.timeSum, .financeSum {display: inline-block;padding: 5px 15px 5px 15px;background-color: #eee;margin-left: -15px;border-radius: 0 10px 10px 0;}

#window .breadcrumb {display: none;} 
#window .head {margin-bottom: 8px;}
	
.infoBox {margin: 20px auto 0 auto; width: 450px; border: solid 1px #f5d083; background: #fff7d5; padding: 10px; text-align:center; font-size: 12px; font-weight: bold; border-radius: 3px;}
.loginPage .header {border-bottom: solid 3px #bbb; height: 100px;}
	
.ui-datepicker {font-size: 10px !important; font-family: tahoma !important;}
.ui-timepicker-div .ui-widget-header {margin-bottom: 8px;}
.ui-timepicker-div dl {text-align: left;}
.ui-timepicker-div dl dt {height: 25px; margin-bottom: -25px; padding-left:2px;}
.ui-timepicker-div dl dd {margin: 0 8px 10px 45px;}
.ui-tpicker-grid-label {background: none; border: none; margin:0; padding:0;}

.loadAnimation {background-image: url(../images/loader.gif);display: block;width: 94px;}
.ui-dialog {z-index: 10000;}
.overlay,.overlay .ui-dialog-content,.overlay .ui-dialog-titlebar {padding: 0;background: #fff;}
.ui-dialog-titlebar {height: 0px;}
.ui-dialog-title {display: none;}
.ui-dialog-titlebar-close {margin: 6px 3px 0 0 !important;z-index: 1000; background: #3776a5;}
.ui-dialog-titlebar-close:hover {padding: 0 !important;}
.overlay {border: 8px solid #ddd;background: #d5ddeb;color: #000;}
.overlay .ui-dialog-titlebar {border: none;}
.ui-dialog-content {padding: 10px !important;}
.ui-dialog-content .box {margin-bottom: 0 !important;border: none !important;padding: 0 !important;}