html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#main {
	position: relative;
	z-index: 1;
	min-height: 100%;
	height: 100%;
}

#dim {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0,0,0);
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.clearfix:after, .columns:after, .input:after, .section:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix, * html .columns, * html .input, * html .section {
	zoom: 1;
} /* IE6 */

*:first-child+ html .clearfix, *:first-child+ html .columns, *:first-child+ html .input, *:first-child+ html .section {
	zoom: 1;
} /* IE7 */

*:focus {
	outline: none;
}

.hide {
	display: none;
}

.no-padding {
	padding: 0 !important;
}

.black {
	color: rgb(0,0,0);
}

body, table, ul, li, input, select, textarea, .ui-widget {
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(40,40,40);
}

body {
	background: rgb(236,236,236);
	background: rgb(230,230,230);
	background: url('../img/body-bg.jpg');
	font-size: 75%;
	line-height: 1.4em;
	-webkit-text-size-adjust: none;
}

input {
	font-size: 1em;
}

input[type="submit"], input[type="button"], select {
	font-size: 1em;
}

select[multiple] {
	border: none;
}

h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
}

h2 {
	font-size: 1.7em;
	margin: 0 0 9px;
	line-height: 1em;
}

h3 {
	font-size: 1.2em;
	margin: 0.2em 0 0.8em;
	line-height: 1em;
}

h4, h5, h6 {}

p {
	margin: 0 0 1.3em 0;
}

a {
	color: rgb(38,121,181);
	color: rgb(94,174,232);
	color: rgb(62,147,209);
	color: rgb(64,156,208);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/*
dl {
	margin: 0;
	padding: 0;
	max-width: 440px;
}

dt {
	color: #777;
	clear: left;
	float: left;
	font-weight: bold;
	width: 35%;
	margin: 1px 5% 12px 0;
	padding: 0 0 2px;
	border-bottom: 1px solid #dcdcdc;
}

dd {
	float: left;
	width: 60%;
	margin: 1px 0 12px;
	padding: 0;
}
*/

.ui-widget {
	font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: inherit;
}

.badge {
	display: inline-block;
	background: rgb(38,121,181);
	padding: 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	
	behavior: url('/-/css/PIE.php');
}

.badge.warning {
	background: #b00;
	color: #fff;
}

.gray {
	color: #555;
}

.light-gray {
	color: #888;
}

.green {
	color: rgb(20,190,70);
}

.red, .warning, .red a {
	color: #b00 !important;
}

.blue {
	color: rgb(64,156,208);
}

.align-center {
	text-align: center;
}

.align-right, input.number {
	text-align: right;
}

.w20px {
	width: 20px !important;
}

.w30px {
	width: 30px !important;
}

.w40px {
	width: 40px !important;
}

.w50px {
	width: 50px !important;
}

.w60px {
	width: 60px !important;
}

.w70px {
	width: 70px !important;
}

.w80px {
	width: 80px !important;
}

.w200px {
	width: 200px !important;
}

table.list, .box, .calendar.grid .calendar-days, .calendar.list .calendar-day {
	border: 1px solid rgb(190,190,190);
	
	-webkit-box-shadow: #bbb 0px 0px 6px;
	-moz-box-shadow: #bbb 0px 0px 6px;
	-ms-box-shadow: #bbb 0px 0px 6px;
	-o-box-shadow: #bbb 0px 0px 6px;
	box-shadow: #bbb 0px 0px 6px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url('/-/css/PIE.php');
}

table.list th, .box .box-title, .dialog-box h1, 
.calendar.list tr.route-header td, .calendar.list tr.sub-heading td,
.calendar.list .calendar-day-header-inside,
#sub-navigation .first-level, #sub-navigation .second-level,
.calendar.grid .calendar-day-label {
	border-bottom: 1px solid rgb(180,180,180);
	
	background: rgb(220,220,220);
	background: -webkit-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(200,200,200)));
	background: -moz-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -ms-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -o-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	-pie-background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	
	behavior: url('/-/css/PIE.php');
}


.dialog-box h1 {
	font-size: 2.2em;
	line-height: normal;
	text-shadow: 0 1px 0 rgb(255,255,255);
	margin: -30px -30px 20px;
	padding: 12px 18px 11px;
	
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	
	behavior: url('/-/css/PIE.php');
}

.box {
	padding: 20px;
	background: rgb(255,255,255);
	text-align: left;
}

.box-title {
	margin: -20px -20px 20px;
	padding: 9px 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 1px 0 rgb(255,255,255);
	line-height: normal;
	
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	
	behavior: url('/-/css/PIE.php');
}

.box.no-padding .box-title {
	margin: 0;
}

div.columns {
	position: relative;
}

div.columns div.column {
	float: left;
}

div.columns.columns-2 div.column {
	width: 49%;
	margin-left: 2%;
}

div.columns div.column:first-child {
	margin-left: 0 !important;
}

div.columns.columns-1 div.column {
	float: none;
}

#ui-datepicker-div {
	z-index: 3000 !important;
}

#iframe-upload {
	display: none;
}

#top {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 91px;
	margin-bottom: 40px;
	background: url('../img/top-bg.jpg') repeat-x left top;
}

#top.filters-active {
	top: 0 !important;
}

#top-top {
	position: relative;
	z-index: 10;
	height: 90px;
	border-bottom: 1px solid rgba(0,0,0,0.4);
}

#top-middle {
	min-height: 90px;
	position: relative;
	padding: 24px 30px 10px 30px;
}

#toolbar {
	position: absolute;
	top: 91px;
	left: 0;
	z-index: 4;
	width: 100%;
}

#toolbar a {
	text-decoration: none;
}

#toolbar.floating {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	
	-webkit-box-shadow: 0 0 4px rgb(0,0,0);
	-moz-box-shadow: 0 0 4px rgb(0,0,0);
	-ms-box-shadow: 0 0 4px rgb(0,0,0);
	-o-box-shadow: 0 0 4px rgb(0,0,0);
	box-shadow: 0 0 4px rgb(0,0,0);
}

#toolbar-inside {
	position: relative;
	padding: 4px 25px 0;
	height: 34px;
	border-top: 1px solid rgb(90,90,90);
	border-bottom: 1px solid rgb(0,0,0);
	background: url('../img/toolbar-bg.jpg') repeat-x;
}

#toolbar-middle {
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 6px;
}

#toolbar.floating #toolbar-middle {
	left: 20px;
	margin-left: 0;
}

#toolbar.floating #toolbar-middle #tools {
	text-align: left;
}

#toolbar-buttons {
	position: absolute;
	z-index: 4;
	margin: 0;
	padding: 0;
	top: 2px;
	right: 25px;
}

#toolbar h1 {
	display: inline;
	display: inline-block;
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	font-size: 2.2em;
	line-height: normal;
	vertical-align: middle;
}

#toolbar.floating h1 {
	display: none;
}

#tools {
	text-align: center;
	margin-top: 2px;
}

#tools a {
	font-family: 'Pictos';
	position: relative;
	vertical-align: middle;
	display: inline;
	display: inline-block;
	font-size: 1.7em;
	margin: 0 10px;
	padding: 4px;
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
}

#tools a#toggle-filter-panel .badge {
	position: absolute;
	top: -3px;
	left: 24px;
	padding: 1px 0 0;
	min-width: 16px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: center;
	background: rgb(64,156,208);
}

.badge.warning {
	background: #b00;
	color: #fff;
}

#podio {
	margin: 30px 0 0;
}

#left-navigation #podio {
	padding-left: 14px;
}

#podio a {
	font-weight: bold;
	color: rgb(100,100,100);
	text-decoration: none;
}

#podio a:before {
	position: relative;
	top: 1px;
	font-family: Pictos;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-transform: none;
	text-decoration: none;
	margin-right: 0.1em;
	-webkit-font-smoothing: antialiased;
	content: '?';
}

/* BEGIN - Top navigation */
#top-navigation {
	position: absolute;
	top: 16px;
	left: 40px;
	right: 40px;
	text-align: center;
	z-index: 3;
}

#top-navigation ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
}

#top-navigation ul li {
	display: inline-block;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#top-navigation ul li a {
	position: relative;
	display: block;
	padding: 42px 10px 0;
	margin: 0 10px;
	color: rgb(177,219,243);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	text-decoration: none;
}

#top-navigation li a .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'Pictos';
	font-weight: normal;
	font-size: 2.8em;
	line-height: normal;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 4px;
}

#top-navigation li.customers a .icon {
	top: -13px;
	font-size: 4.2em;
}

#top-navigation li.invoices a .icon {
	top: 1px;
	font-size: 2.5em;
}

#top-navigation li.payments a .icon {
	top: -1px;
}

#top-navigation li:hover a,
#top-navigation li.active a {
	color: rgb(255,255,255);
}
/* END - Top navigation */

/* BEGIN - Sub navigation */
#sub-navigation {
	position: relative;
	z-index: 3;
}

#sub-navigation .first-level {
	padding: 11px 25px 10px;
	border-top: 1px solid rgb(255,255,255);
	/*
	background: rgb(40,40,40);
	border-bottom: 1px solid rgb(0,0,0);
	*/
}

#sub-navigation .second-level {
	padding: 11px 25px 10px;
	border-top: 1px solid rgb(255,255,255);
	/*
	background: rgb(120,120,120);
	border-bottom: 1px solid rgb(100,100,100);
	*/
}

#sub-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#sub-navigation ul li {
	float: left;
	margin-right: 40px;
}

#sub-navigation ul li a {
	float: left;
}

#sub-navigation ul li a,
#sub-navigation ul li a span {
	font-weight: bold;
	color: rgb(255,255,255);
	color: rgb(195,195,195);
	color: rgb(40,40,40);
	text-shadow: 0 1px 0 rgb(255,255,255);
	text-decoration: none;
}

#sub-navigation ul li a span {
	position: relative;
	padding-right: 4px;
	vertical-align: top;
	font-size: 1.7em;
	font-weight: normal;
}

#sub-navigation ul li.planning a span {
	top: 1px;
}

#sub-navigation ul li.tasks a span {
	top: 0;
}

#sub-navigation ul li.active a,
#sub-navigation ul li.active a span,
#sub-navigation ul li a:hover,
#sub-navigation ul li a:hover span {
	color: rgb(255,255,255);
	color: rgb(40,40,40);
	color: rgb(64,156,208);
	/*background: rgb(70,70,70);*/
}

#sub-navigation .second-level ul li.active a,
#sub-navigation .second-level ul li a:hover,
#sub-navigation .second-level ul li a:hover span {
}
/* END - Sub navigation */

#user-navigation {
	position: absolute;
	top: 37px;
	right: 65px;
	z-index: 4;
}

#account-navigation {
	position: absolute;
	top: 38px;
	right: 24px;
	z-index: 3;
}

#user-navigation a.context-menu-opener,
#account-navigation a.context-menu-opener {
	font-weight: bold;
	font-size: 1.2em;
	color: rgb(177,219,243);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

#account-navigation a.context-menu-opener {
	font-size: 1.8em;
}

#user-navigation a.context-menu-opener:hover,
#account-navigation a.context-menu-opener:hover {
	color: rgb(255,255,255);
}

#statistics {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 0;
}

#statistics .box {
	padding: 0;
	margin: 0 auto 25px;
	max-width: 800px;
}

#statistics .box-title {
	margin: 0;
}

#statistics table {
	width: 100%;
	line-height: normal;
	table-layout: fixed;
}

#statistics table td {
	padding: 10px;
	font-size: 2.2em;
	border-top: 1px solid rgb(220,220,220);
	border-left: 1px solid rgb(220,220,220);
}

#statistics table tr:first-child td {
	border-top: none;
}

#statistics table tr td:first-child {
	border-left: none;
}

#statistics table td .label {
	font-size: 12px;
	text-transform: uppercase;
	color: rgb(140,140,140);
}

label.hlp-txt span {
  display: none;
}

#content {
	position: relative;
	z-index: 1;
	border-top: 1px solid rgb(255,255,255);
	padding: 25px;
}

#content-with-navigation {
	position: relative;
	z-index: 1;
	padding-left: 170px;
}

#content-with-navigation #content {
	border: none;
}

#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
}

#loading .bg {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 25px;
	padding: 65px 0 0 0;
	margin: -45px 0 0 -45px;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	color: rgb(255,255,255);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
	background: rgba(0,0,0,0.8);
	-pie-background: rgba(0,0,0,0.8);
	
	behavior: url('/-/css/PIE.php');
}

#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 31px;
	height: 31px;
	margin: -26px 0 0 -16px;
	z-index: 2;
}

ol.steps {
	margin: 0 0 20px;
	padding: 0;
}

ol.steps li {
  color: #555;
  float: left;
  margin: 0 25px 0 15px;
}

ol.steps li.active {
  font-weight: bold;
}

/* Icons - start */
.pictos {
	font-family: 'Pictos';
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	text-decoration: none !important;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.icon:before, 
.icon-only:before {
  font-family: Pictos;
  font-size: 1.3em;
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  margin-right: 0.2em;
  text-transform: none;
  text-decoration: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.icon-only:before {
  margin-right: 0;
}
h1.icon:before {
  font-size: 1.1em;
  top: -0.08em;
}
a.icon {
  color: #444;
}
a.icon:before,
table.list a.icon:before,
table.list a.icon-only:before {
  color: rgb(40,142,245);
}
.icon.btn.disabled:before {
  color: #888;
}

table.list a.icon:hover,
table.list a.icon-only:hover {
  text-decoration: none;
}
tr.click-row:hover a.icon:before,
tr.click-row:hover a.icon-only:before {
  color: #fff;
}
#top-nav a:before,
#user-nav a:before {
  color: inherit;
}
.icon-arrow-left:before { content: '['; }
.icon-arrow-right:before { content: ']'; }
.icon-arrows-crossing:before {
  content: ';';
  font-size: 1.35em;
}
.icon-calendar:before {
  content: '\\';
  top: -0.07em;
}
.icon-check:before { content: '3'; }
.icon-check-circle:before { content: '2'; }
.icon-clock:before { content: 't'; }
.icon-cloud-arrow:before { content: 'c'; }
.icon-cog-wheel:before {
  content: 'y';
  font-size: 1.1em;
  top: -0.05em;
}
.icon-cross:before { content: '*'; }
.icon-cross-circle:before { content: 'D'; }
.icon-cube:before { content: 'b'; }
.icon-download:before { content: '~'; }
.icon-envelope:before { content: 'M'; }
.icon-info:before { content: 'i'; }
.icon-list:before {
  content: 'l';
  top: 0.07em;
}
.icon-lock:before { content: '('; }
.icon-lock-open:before { content: ')'; }
.icon-minus:before { content: '_'; }
.icon-minus-circle:before { content: '-'; }
.icon-move:before { content: 'R'; }
.icon-note:before { content: 'n'; }
.icon-paper:before { content: 'F'; }
.icon-pen:before { content: 'p'; }
.icon-person:before { content: 'U'; }
.icon-persons:before { content: 'g'; }
.icon-pie-chart:before { content: 'Z'; }
.icon-piggy-bank:before { content: '%'; }
.icon-play:before { content: '9'; }
.icon-plus:before { content: '&'; }
.icon-plus-circle:before { content: '+'; }
.icon-printer:before { content: '/'; }
.icon-quit:before { content: 'Q'; }
.icon-search:before { content: 's'; }
.icon-speech-bubble:before { content: 'w'; }
.icon-speech-bubbles:before { content: 'q'; }
.icon-trash:before { content: '#'; }
.icon-warning:before { content: '!'; }
.icon-write:before { content: 'W'; }
/* Icons - end */

/* Context menu - start */
.has-context-menu {
	position: relative;
}

.context-menu-opener {
	text-decoration: none !important;
}

.context-menu {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	min-width: 140px;
	padding: 3px 0;
	background: rgb(34,34,34);
	text-align: left;
	overflow: auto;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 0 3px 0 rgb(0,0,0);
	-moz-box-shadow: 0 0 3px 0 rgb(0,0,0);
	-ms-box-shadow: 0 0 3px 0 rgb(0,0,0);
	-o-box-shadow: 0 0 3px 0 rgb(0,0,0);
	box-shadow: 0 0 3px 0 rgb(0,0,0);
	
	behavior: url('/-/css/PIE.php');
}

.context-menu p.help {
	font-size: 1em;
	line-height: 1.3em;
	color: rgb(130,130,130);
	margin: 6px;
}

.has-context-menu.open .context-menu-arrow,
.has-context-menu.open .context-menu {
	display: block;
}

.context-menu a {
	display: block !important;
	padding: 6px 15px !important;
	font-weight: bold !important;
	color: rgb(255,255,255) !important;
	text-shadow: 0 -1px 0 rgb(0,0,0) !important;
	text-decoration: none !important;
	
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.context-menu a:hover {
	text-decoration: none !important;
	
	background: rgb(74,184,243);
	background: -webkit-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74,184,243)), color-stop(100%,rgb(53,133,179)));
	background: -moz-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -ms-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -o-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	-pie-background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);

	behavior: url('/-/css/PIE.php');
}

.context-menu-items ul.multi-select-options a {
	padding-left: 6px !important;
}

.context-menu select {
	width: 100%;
	border: 4px solid rgb(34,34,34);
}
/* Context menu - end */

/* BEGIN Buttons */
.button {
	position: relative;
	display: inline;
	display: inline-block;
	padding: 8px 10px 0;
	height: 24px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	text-decoration: none !important;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.2);
	color: rgb(40,40,40);
	text-shadow: 0 1px 0 rgb(255,255,255);
	
	-webkit-box-shadow: inset 0 1px 0 rgb(255,255,255);
	-moz-box-shadow: inset 0 1px 0 rgb(255,255,255);
	-ms-box-shadow: inset 0 1px 0 rgb(255,255,255);
	-o-box-shadow: inset 0 1px 0 rgb(255,255,255);
	box-shadow: inset 0 1px 0 rgb(255,255,255);
	
	background: rgb(220,220,220);
	background: -webkit-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,240)), color-stop(100%,rgb(200,200,200)));
	background: -moz-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -ms-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: -o-linear-gradient(top, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	-pie-background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(200,200,200) 100%);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	
	behavior: url('/-/css/PIE.php');
}

.button.primary, .button.submit, .button.invoice-add-lines-submit {
	border: 1px solid rgba(0,0,0,0.4);
	color: rgb(255,255,255) !important;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	
	background: rgb(74,184,243);
	background: -webkit-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74,184,243)), color-stop(100%,rgb(53,133,179)));
	background: -moz-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -ms-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -o-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	-pie-background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
}

.button.has-pictos {
	padding-left: 32px;
}

.button.has-pictos .pictos {
	position: absolute;
	font-size: 1.3em;
	font-size: 19px;
	top: 7px;
	left: 9px;
}

.button.submit, .button.invoice-add-lines-submit {
	min-width: 60px;
}

#toolbar-buttons .button {
	border: 1px solid rgb(0,0,0);
}

#toolbar-buttons #checkbox-actions .button {
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	border-bottom: 1px solid rgb(60,60,60);
	
	-webkit-box-shadow: inset 0 0 2px rgb(0,0,0);
	-moz-box-shadow: inset 0 0 2px rgb(0,0,0);
	-ms-box-shadow: inset 0 0 2px rgb(0,0,0);
	-o-box-shadow: inset 0 0 2px rgb(0,0,0);
	box-shadow: inset 0 0 2px rgb(0,0,0);
	
	background: none;
}

#toolbar-buttons #checkbox-actions .button .arrow {
	font-size: 0.8em;
	margin-left: 3px;
}

.button.button-rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	behavior: url('/-/css/PIE.php');
}

.button.button-small {
	font-size: 12px;
	padding: 5px 8px 0;
	height: 19px;
}

.button.button-small.has-pictos {
	padding-left: 26px;
}

.button.button-small.has-pictos .pictos {
	font-size: 18px;
	top: 3px;
	left: 6px;
}

.button.button-block, .button.block {
	display: block;
}

.button.disabled, .button.disabled:hover {
	color: rgb(170,170,170);
	cursor: default;
}

.button.disabled .pictos {
	color: rgb(170,170,170) !important;
}
/* END Buttons */

#toolbar-buttons #checkbox-actions {
	display: inline;
	display: inline-block;
}

#toolbar-buttons #checkbox-actions .context-menu {
	min-width: 140px;
}

#toolbar-buttons #checkbox-actions .context-menu a.disabled {
	color: rgb(180,180,180) !important;
}

#toolbar-buttons #checkbox-actions .context-menu a.disabled:hover {
	background: none !important;
	cursor: default;
}

.section, .data-section {
	margin-bottom: 20px;
	position: relative;
}

.data-section-actions {
	position: absolute;
	top: 1px;
	right: 0;
}

.data-section.box .data-section-actions {
	top: 21px;
	right: 20px;
}

.data {
	position: relative;
	margin-bottom: 3px;
}

.data-actions {
	position: absolute;
	top: 2px;
	right: 0;
}

.data.box .data-actions {
	top: 22px;
	right: 20px;
}

.data-actions a {
	color: #444;
	text-shadow: none;
	margin-left: 3px;
}

.data-actions a:hover {
	color: rgb(38,121,181);
}

.column .block-container:first-child {
	margin-top: 0;
}

/* Form elements - start */
fieldset {
	display: block;
	border: none;
	margin: 0 0 30px;
	padding: 0 0;
	position: relative;
}

.fieldset-actions {
	position: absolute;
	top: 0;
	right: 0;
}

legend {
	display: block;
	clear: both;
	font-size: 1.6em;
	font-weight: bold;
	color: #222;
	padding: 0 0 10px;
	margin: 0;
}

.input {
	position: relative;
	border-bottom: none;
	background: rgb(255,255,255);
	min-height: 32px;
	padding-left: 146px;
}

.input.no-label {
	padding-left: 0;
}

.input.select, .input.radio, .input.checkbox, .input.file {
	padding-top: 7px;
	min-height: 25px;
}

.input.checkbox {
	padding-top: 9px;
}

.input label, .input .label {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	font-weight: bold;
	width: 130px;
	margin: 0;
	padding: 7px 8px 0;
	background: rgb(244,244,244);
	border-top: 1px solid rgb(255,255,255);
	border-right: 1px solid rgb(220,220,220);
}

.input.two-line {
	min-height: 40px;
}

.input.narrow {
	padding-left: 105px;
}

.input.narrow label, .input.narrow .label {
	width: 85px;
}

.input.disabled label, .input.disabled .label {
	color: #bbb;
}

.input .text {
	margin: 8px 2% 0;
}

.input-fields {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 0 rgb(255,255,255);
	-moz-box-shadow: 0 1px 0 rgb(255,255,255);
	-ms-box-shadow: 0 1px 0 rgb(255,255,255);
	-o-box-shadow: 0 1px 0 rgb(255,255,255);
	box-shadow: 0 1px 0 rgb(255,255,255);
	
	behavior: url('/-/css/PIE.php');
}

.input-fields .input {
	border: 1px solid rgb(220,220,220);
	border-bottom: none;
	overflow: auto;
}

.input-fields .input:first-child {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	behavior: url('/-/css/PIE.php');
}

.input-fields .input:first-child:last-child {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	behavior: url('/-/css/PIE.php');
}

.input-fields .input:first-child label,
.input-fields .input:first-child .label {
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-ms-border-radius: 4px 0 0 0;
	-o-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
	behavior: url('/-/css/PIE.php');
}

.input-fields .input:last-child {
	border-bottom: 1px solid rgb(220,220,220);
	
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	
	behavior: url('/-/css/PIE.php');
}

.input-fields .input:last-child label,
.input-fields .input:last-child .label {
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-ms-border-radius: 0 0 0 4px;
	-o-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	behavior: url('/-/css/PIE.php');
}

.input-fields .input:first-child:last-child label,
.input-fields .input:first-child:last-child .label {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	behavior: url('/-/css/PIE.php');
}

.input.checkbox.label-before label {
	clear: left;
	padding-top: 3px;
	border-bottom: 1px dotted #ababab;
	margin-left: 0;
	margin-right: 5%;
	width: 35%;
}

.input .input {
	margin-left: 40%;
	clear: both;
}

.input.radio input[type="radio"] {
	clear: left;
	margin-top: 3px;
}

.input.select select {
	width: 94%;
	margin: 0 3%;
}

.input.time select, .input.select.time select {
	width: auto;
	margin: 0;
}

.input.file input {
	margin: 0 3%;
}

.input span {
	margin-top: 10px;
}

input[type='submit'].hide {
	display: inline;
	position: absolute;
	left: -999em;
}

.input.textarea {
	height: 116px;
}

.input.textarea textarea {
	border: none;
	margin: 0;
	padding: 8px 2%;
	font-size: 1em;
	width: 96%;
	height: 100px;
	background: none;
}

.input.text input, .input.password input, input.text {
	border: none;
	margin: 0;
	padding: 0 0 0 3%;
	font-size: 1em;
	width: 97%;
	height: 32px;
	-webkit-appearance: none;
}

table#tasks-complete input.text {
	height: 24px;
}

table#tasks-complete input.text.form-error {
	border: 2px solid rgb(38,121,181);
}

.input.amount .amount-1, .input.amount .amount-2 {
	border: none;
	margin: 0;
	padding: 0 1%;
	font-size: 1em;
	height: 32px;
}

.input.amount .amount-1 {
	width: 65%;
	text-align: right;
	border-right: 1px solid rgb(220,220,220);
}

.input.amount .amount-2 {
	width: 30%;
}

.input .input.checkbox input {
	width: auto !important;
	clear: none;
	margin: 0;
}

.input .input.checkbox label {
	margin-left: 6px;
	width: auto !important;
	clear: none;
}

input.form-error {
	border-color: rgb(38,121,181) !important;
}

.input.checkbox input {
	margin: 0 0 0 8px;
}

input.w45pc {
	width: 45%;
}

.input textarea {
	border: 1px solid #ccc;
	font-size: 1em;
}

div.submit {
	padding: 10px 0 3px;
	text-align: center;
}

.error-message {
	clear: both;
	padding: 4px 2%;
	color: rgb(38,121,181);
	font-weight: bold;
	border-top: 1px solid rgb(220,220,220);
}

input.quantity {
	width: 65px !important;
	text-align: right;
}

input.small {
	width: 65px !important;
}

.input.select .checkbox {
	position: relative;
	padding-left: 35%;
}

#task-price-options input, #task-price-options label, #task-price-options span {
	float: none;
}

#task-price-options label {
	margin: 0 8px 0 6px;
}

#task-price-options #ProductNewDefaultPrice {
	margin-left: 8px;
}

#task-price-options input[type="text"] {
	border: 1px solid #ccc;
	padding: 2px 0;
	height: 16px;
	font-size: 1em;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url('/-/css/PIE.php');
}

#TaskCompleteForm #_SendEmail {
	width: 130px;
}
/* Form elements - end */

.data-list {
	position: relative;
	margin: 0 0 30px;
}

.data-list h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #222;
	margin: 0 0 9px;
}

.data-list .data-list-rows {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 0 rgb(255,255,255);
	-moz-box-shadow: 0 1px 0 rgb(255,255,255);
	-ms-box-shadow: 0 1px 0 rgb(255,255,255);
	-o-box-shadow: 0 1px 0 rgb(255,255,255);
	box-shadow: 0 1px 0 rgb(255,255,255);
	
	behavior: url('/-/css/PIE.php');
}

.data-list-row {
	position: relative;
	padding: 8px 26px 8px 152px;
	min-height: 16px;
	background: rgb(255,255,255);
	border: 1px solid rgb(220,220,220);
	border-bottom: none;
}

.data-list-row.two-line {
	min-height: 32px;
}

.data-list-row.no-label {
	padding-left: 8px;
}

.data-list-row:first-child {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	behavior: url('/-/css/PIE.php');
}

.data-list-row:last-child {
	border-bottom: 1px solid rgb(220,220,220);
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	behavior: url('/-/css/PIE.php');
}

.data-list-row:first-child:last-child {
	border-bottom: 1px solid rgb(220,220,220);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	behavior: url('/-/css/PIE.php');
}

.data-list-row .label {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 130px;
	padding: 7px 8px 0;
	margin: 0;
	border-top: 1px solid rgb(255,255,255);
	border-right: 1px solid rgb(220,220,220);
	background: rgb(244,244,244);
	font-weight: bold;
	/*color: #777;*/
}

.data-list-row:first-child .label {
	-webkit-border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-ms-border-radius: 4px 0 0 0;
	-o-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
	behavior: url('/-/css/PIE.php');
}

.data-list-row:last-child .label {
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-ms-border-radius: 0 0 0 4px;
	-o-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	behavior: url('/-/css/PIE.php');
}

.data-list-row:first-child:last-child .label {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	behavior: url('/-/css/PIE.php');
}
.data-list-actions {
	position: absolute;
	top: 1px;
	right: 6px;
}

.data-list-actions .context-menu-opener {
	display: block;
	width: 16px;
	height: 16px;
}

.data-list-actions .context-menu-opener:before {
	font-family: 'Pictos';
	font-size: 1.6em;
	content: 'y';
	color: rgb(160,160,160);
}

.data-list-row-actions {
	position: absolute;
	top: 9px;
	right: 6px;
}

.data-list-row-actions .context-menu-opener {
	display: block;
	width: 15px;
	height: 15px;
}

.data-list-row-actions .context-menu-opener:before {
	font-family: 'Pictos';
	font-size: 1.3em;
	content: 'y';
	color: rgb(190,190,190);
}

.data-list.address .data-list-row {
	padding-left: 38px;
}

.data-list.address .data-list-row .map-link {
	position: absolute;
	top: 8px;
	left: 12px;
	font-size: 32px;
	line-height: normal;
	color: rgb(190,190,190);
}

/* Message - start */
.message {
	position: relative;
	padding: 16px 16px 16px 48px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	background: rgb(255,255,255);
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgb(255,255,255);
	border: 1px solid rgb(220,220,220);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 0 rgb(255,255,255), inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: 0 1px 0 rgb(255,255,255), inset 0 1px 0 rgba(255,255,255,0.3);
	-ms-box-shadow: 0 1px 0 rgb(255,255,255), inset 0 1px 0 rgba(255,255,255,0.3);
	-o-box-shadow: 0 1px 0 rgb(255,255,255), inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: 0 1px 0 rgb(255,255,255), inset 0 1px 0 rgba(255,255,255,0.3);
	
	behavior: url('/-/css/PIE.php');
}

.message .message-icon {
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: rgb(64,156,208);
	text-transform: none;
	text-decoration: none;
	position: absolute;
	top: 50%;
	left: 14px;
	margin: -12px 9px 0 0;
}
/* Message - end */

/* Columns - start */
.column-container, .cols-1-2--1-2 {
	background: #e6e6e6;
	border: 1px solid #bbb;
	padding: 30px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: #777 0px 0px 4px;
	-moz-box-shadow: #777 0px 0px 4px;
	-ms-box-shadow: #777 0px 0px 4px;
	-o-box-shadow: #777 0px 0px 4px;
	box-shadow: #777 0px 0px 4px;
	
	behavior: url('/-/css/PIE.php');
}

.section.columns {
	margin: 0;
}

.section.columns > .column.left, .column-container > .left-column, .cols-1-2--1-2 > .left-col {
	width: 48%;
	margin-right: 2%;
	float: left;
}

.section.columns > .column.right,
.column-container > .right-column,
.cols-1-2--1-2 > .right-col {
  width: 48%;
  margin-left: 2%;
  float: left;
}

.cols-1-3--2-3 > .left-col {
  width: 34%;
  float: left;
}

.cols-1-3--2-3 > .right-col {
  width: 66%;
  float: left;
}

.cols-1-4--3-4 > .left-col {
  width: 25%;
  float: left;
}

.cols-1-4--3-4 > .right-col {
  width: 75%;
  float: left;
}

.cols-3-4--1-4 > .left-col {
  width: 75%;
  float: left;
}

.cols-3-4--1-4 > .right-col {
  width: 25%;
  float: left;
}
/* Columns - end */

.clients.form, .clients.index, .users.form, .users.index {
	margin: 100px 30px 30px;
}

/* Filters - start */
#filter-panel {
	position: relative;
	overflow: hidden;
	height: 0;
	background: url('../img/body-bg.jpg');
	background: rgb(30,30,30);
	color: rgb(130,130,130);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	font-weight: bold;
}

#filter-panel.open {
	overflow: visible;
}

#filter-panel a {
	color: rgb(130,130,130);
}

#filter-panel-header {
	border-top: 1px solid rgb(255,255,255);
	padding: 14px;
	font-weight: bold;
	font-size: 22px;
}

#filter-panel-inside {
	position: relative;
	border-top: 1px solid rgb(40,40,40);
	border-bottom: 1px solid rgb(0,0,0);
	text-align: center;
}

#filter-panel h3 {
	font-size: 1.3em;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	margin: 0 9px 10px;
}

#filter-columns {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid rgb(0,0,0);
	text-align: center;
	vertical-align: middle;
}

.filter-column {
	display: inline;
	display: inline-block;
	margin: 0 10px;
	min-width: 120px;
	text-align: left;
	vertical-align: middle;
}

.filter-mode {
	display: inline;
	display: inline-block;
	width: 60px;
	font-size: 1.3em;
	text-align: center;
	cursor: pointer;
}

.filter-mode:hover, #filter-panel.filter-mode-hover .filter-mode {
	color: rgb(255,255,255);
}

.filter-option {
	position: relative;
	margin: 4px 0 0;
	color: rgb(255,255,255);
	cursor: pointer;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	
	behavior: url('/-/css/PIE.php');
}

.filter-option, .filter-option.multiselect .context-menu-opener {
	padding: 4px 10px;
}

.filter-option.multiselect {
	padding: 0;
}

.filter-option:hover,
.filter-option.selected {
	background: rgb(64,156,208);
}

.ios .filter-option:hover {
	background: none !important;
}

.filter-period-input {
	position: relative;
	margin: 4px 9px 0;
}

.filter-period-input label {
	position: absolute;
	top: 6px;
	left: 4px;
	font-size: 1.2em;
	text-shadow: none;
}

.filter-period-input input {
	box-sizing: border-box;
	width: 120px;
	border: none;
	margin: 0;
	padding: 6px 0 4px 4px;
	font-size: 1.2em;
	
	-webkit-box-shadow: inset 0 1px 2px rgb(0,0,0);
	-moz-box-shadow: inset 0 1px 2px rgb(0,0,0);
	-ms-box-shadow: inset 0 1px 2px rgb(0,0,0);
	-o-box-shadow: inset 0 1px 2px rgb(0,0,0);
	box-shadow: inset 0 1px 2px rgb(0,0,0);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url('/-/css/PIE.php');
}

.filter-setting {
	color: rgb(255,255,255);
	margin: 4px 9px 0;
}

.filter-setting input[type="checkbox"] {
	margin-left: 0;
}

#filter-bottom {
	border-top: 1px solid rgb(40,40,40);
	text-align: left;
	padding: 6px;
	text-align: center;
}

#filter-clear:hover {
	color: rgb(255,255,255);
}

.filters-count {
  margin-bottom: 20px;
}

.filters-count .column {
  float: left;
}

.filters-count .column .label {
  font-size: 1.2em;
  font-weight: bold;
  color: #aaa;
  margin-right: 6px;
}

.filters-count .column .number {
  font-size: 2em;
  font-weight: bold;
}

.filters-count.invoices_index .column,
.filters-count.payments_index .column {
  width: 33%;
}

.filters-count.invoices_index .column-2,
.filters-count.payments_index .column-2 {
	width: 34%;
	text-align: center;
}

.filters-count.invoices_index .column-3,
.filters-count.payments_index .column-3 {
  text-align: right;
}
/* Filters - end */

/* Boxes - start */
.info-box {
	position: absolute;
	z-index: 100;
	width: 200px;
	padding: 15px;
	color: #fff;
	text-shadow: #000 0 -1px 0;
	
	background: rgb(23,23,23);
	background: -webkit-linear-gradient(top, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(51,51,51)), color-stop(100%,rgb(23,23,23)));
	background: -moz-linear-gradient(top, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	background: -ms-linear-gradient(top, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	background: -o-linear-gradient(top, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	background: linear-gradient(to bottom, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	-pie-background: linear-gradient(to bottom, rgb(51,51,51) 0%, rgb(23,23,23) 100%);
	
	-webkit-box-shadow: #777 0px 0px 4px;
	-moz-box-shadow: #777 0px 0px 4px;
	-ms-box-shadow: #777 0px 0px 4px;
	-o-box-shadow: #777 0px 0px 4px;
	box-shadow: #777 0px 0px 4px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url('/-/css/PIE.php');
}

.info-box a.close {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 16px;
	height: 16px;
	background: url('../img/icon_close_light.png') center center no-repeat;
}

.info-box a.close:hover {
	background-color: #555;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	behavior: url('/-/css/PIE.php');
}
/* Boxes - end */

/* Dialogs - start */
div.dialog-box {
	display: none;
	padding: 30px 30px 20px;
	background: rgb(234,234,234);
	position: absolute;
	top: 0;
	left: 50%;
	min-height: 80px;
	margin-top: 50px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
	-ms-box-shadow: 0 0 4px #000;
	-o-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
	
	behavior: url('/-/css/PIE.php');
}

.ios div.dialog-box {
	margin-top: 10px;
}

div.dialog-box.small {
  width: 260px;
  margin-left: -160px;
}

div.dialog-box.medium {
  width: 500px;
  margin-left: -280px;
}

div.dialog-box.large {
  width: 900px;
  margin-left: -480px;
}

div.dialog-box.move-task {
	width: 420px;
	margin-left: -240px;
}

div.dialog-box .dialog-buttons {
	text-align: center;
}

div.dialog-box.settings {
  width: 500px;
  margin-left: -280px;
}

div.dialog-box.search {
	width: 700px;
	margin-left: -380px;
}

div.dialog-box.move-tasks {
	width: 320px;
	margin-left: -190px;
}

.dialog-actions {
	text-align: right;
	margin-bottom: 15px;
}

a.close-dialog {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #999;
	font-size: 2em;
	text-shadow: 0 1px 0 rgb(255,255,255);
	text-decoration: none;
}

a.close-dialog:before {
  font-family: Pictos;
  content: 'D';
  line-height: normal;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

a.close-dialog:hover {
	color: rgb(40,40,40);
	text-decoration: none;
}

div.dialog-box .task-completion.column-left {
  float: left;
  width: 570px;
}

div.dialog-box .task-completion.column-right {
  float: right;
  width: 210px;
}

div.dialog-box .submit-container {
  clear: both;
  text-align: center;
}

div.dialog-box ul.navigation {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

div.dialog-box ul.navigation li {
	float: left;
	padding: 5px 12px;
	margin-right: 14px;
}

div.dialog-box ul.navigation li.active {
	background: #888;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	behavior: url('/-/css/PIE.php');
}

div.dialog-box ul.navigation li a {
  color: #333;
  font-weight: bold;
}

div.dialog-box ul.navigation li a:hover {
  color: rgb(38,121,181);
}

div.dialog-box ul.navigation li.active a {
  color: #fff;
  text-shadow: #000 0 1px 0;
}
/* Dialogs - end */

/* Task complete form - start */
#TaskCompleteForm .column-1,
#TaskCompleteForm .column-2,
#TaskCompleteForm .column-3 {
  float: left;
  width: 30%;
  margin-right: 5%;
}

#TaskCompleteForm .column-3 {
  margin-right: 0;
}
/* Task complete form - end */

/* InvoiceLine add form - start */
#InvoiceLineAddForm table {
  width: 100%;
}

#InvoiceLineAddForm #InvoiceLineProductId,
#InvoiceLineAddForm #InvoiceLineProductName {
  width: 250px;
}

#InvoiceLineAddForm table td {
  vertical-align: top;
  padding: 4px 0 0;
}

#InvoiceLineAddForm .error-message {
  margin-left: 0;
  float: none;
}
/* InvoiceLine add form - end */

#search-input {
	line-height: normal;
	text-shadow: none;
	display: block;
	width: 240px;
	margin: 0 auto 18px;
	padding: 6px 12px;
	border: none;
	background: rgb(255,255,255);
	
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-ms-border-radius: 14px;
	-o-border-radius: 14px;
	border-radius: 14px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3);
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3);
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3);
	
	behavior: url('/-/css/PIE.php');
}

#search-results a.result {
	position: relative;
	display: block;
	padding: 8px 10px;
	margin: 0;
	color: rgb(40,40,40);
	border-top: 1px solid rgb(226,226,226);
}

#search-results a.result:first-child {
	border-top: none;
}

#search-results a.result:last-child {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	
	behavior: url('/-/css/PIE.php');
}

#search-results a.result.even {
	background: rgb(245,245,245);
}

#search-results a.result p {
	margin: 0;
	font-weight: bold;
}

#search-results a.result p.meta {
	font-weight: normal;
	color: rgb(180,180,180);
}

#search-results a.result:hover {
	background: rgb(240,248,255);
}

#search-results .no-results p {
	text-align: center;
	margin: 20px;
}

.ui-autocomplete.ui-menu {
	padding: 6px 0;
	border: none;
	background: rgb(240,240,240);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 0 4px #000;
	-moz-box-shadow: 0 0 4px #000;
	-ms-box-shadow: 0 0 4px #000;
	-o-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
	padding: 6px 8px;
}

.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
	margin: 0;
	border: none;
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	
	background: rgb(74,184,243);
	background: -webkit-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74,184,243)), color-stop(100%,rgb(53,133,179)));
	background: -moz-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -ms-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -o-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	-pie-background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	
	behavior: url('/-/css/PIE.php');
}

.ui-autocomplete.ui-menu .ui-menu-category {
	margin: 0;
	padding: 3px 8px;
	zoom: 1;
	display: block;
	clear: left;
	text-shadow: 0 -1px 0 rgb(0,0,0);
	color: rgb(255,255,255);
	font-weight: bold;
	
	background: rgb(30,30,30);
	background: -webkit-linear-gradient(top, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(80,80,80)), color-stop(100%,rgb(30,30,30)));
	background: -moz-linear-gradient(top, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	background: -ms-linear-gradient(top, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	background: -o-linear-gradient(top, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	background: linear-gradient(to bottom, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	-pie-background: linear-gradient(to bottom, rgb(80,80,80) 0%, rgb(30,30,30) 100%);
	
	behavior: url('/-/css/PIE.php');
}

.autocomplete {
	background: rgb(255,255,255);
	padding: 6px 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 0 4px rgb(140,140,140);
	-moz-box-shadow: 0 0 4px rgb(140,140,140);
	-ms-box-shadow: 0 0 4px rgb(140,140,140);
	-o-box-shadow: 0 0 4px rgb(140,140,140);
	box-shadow: 0 0 4px rgb(140,140,140);
	
	behavior: url('/-/css/PIE.php');
}

.autocomplete div {
	padding: 8px 10px;
}

.autocomplete div.selected {
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	
}

#ui-datepicker-div {
	-webkit-box-shadow: 0 0 4px rgb(140,140,140);
	-moz-box-shadow: 0 0 4px rgb(140,140,140);
	-ms-box-shadow: 0 0 4px rgb(140,140,140);
	-o-box-shadow: 0 0 4px rgb(140,140,140);
	box-shadow: 0 0 4px rgb(140,140,140);
}

.ui-datepicker-calendar .ui-state-highlight {
	background: rgb(200,227,254);
	border-color: rgb(142,199,255);
}

.ui-datepicker-calendar .ui-state-active {
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
	border-color: rgb(74,184,243);
	
}

.ui-datepicker-calendar .ui-state-active,
.ui-slider-handle.ui-state-default {
	background: rgb(74,184,243);
	background: -webkit-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74,184,243)), color-stop(100%,rgb(53,133,179)));
	background: -moz-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -ms-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: -o-linear-gradient(top, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	-pie-background: linear-gradient(to bottom, rgb(74,184,243) 0%, rgb(53,133,179) 100%);
	
	behavior: url('/-/css/PIE.php');
}

.count-bubble {
	display: inline;
	display: inline-block;
	padding: 0.45em 0.7em 0.4em;
	background: rgb(235,235,235);
	color: rgb(80,80,80);
	text-shadow: 0 1px 0 rgb(250,250,250);
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	
	behavior: url('/-/css/PIE.php');
}

.count-bubble.red {
	background: rgb(190,0,0);
	color: rgb(255,255,255);
	text-shadow: 0 -1px 0 rgb(0,0,0);
}

.row-actions {
	width: 15px;
	height: 15px;
}

.row-actions .context-menu-opener {
	display: block;
	width: 15px;
	height: 15px;
}

.row-actions .context-menu-opener:before {
	font-family: 'Pictos';
	font-size: 1.4em;
	font-weight: normal;
	content: 'y';
	color: rgb(160,160,160) !important;
}

/* css for timepicker */
/*
.ui-timepicker-div {
	font-size: 0.9em;
	margin: 6px 6px 0;
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
	padding: 0;
	margin: 0;
	border: none;
	float: none;
	color: #333;
}

.ui-timepicker-div dl dd {
	margin: -25px 0 10px 65px;
	float: none;
	color: #333;
}

.ui-timepicker-div td {
	font-size: 90%;
}
*/

/* css for timepicker */
.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; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

#move-task-datepicker .ui-datepicker {
	margin: 0 auto;
}