* 
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: normal;
}

body
{
	height: 100%; 
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	letter-spacing: -0.06em;
	user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

input, textarea, button, select
{
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

::selection 
{
	color: inherit;
	background: #ddd;
}

h1, h2
{
	font-size: 18px;
	font-weight: normal;
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;	
}

h2
{
	font-size: 16px;
	color: #444444;
}

button::-moz-focus-inner
{ 
    border: 0;
    padding: 0;
}

button, input[type="submit"]
{
	border-radius: 5px;
	border: 1px solid rgb(220,220,220);	
	background: linear-gradient( rgb(255,255,255) 0%, rgb(240,240,240) 100% );
	background: -webkit-linear-gradient( top, rgb(255,255,255) 0%, rgb(240,240,240) 100% );
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	white-space: nowrap !important;
	vertical-align: top;
}

button.icon-only
{
	padding-right: 5px;
	padding-left: 5px;
}

button span
{
	display: inline-block !important;
	height: 16px !important;
}

button span.ui-icon
{
	width: 16px;
	height: 16px;
	position: relative;
	left: -4px;
	vertical-align: top;
}

button.icon-only span.ui-icon
{
	left: 0;
}

button:hover span.ui-icon
{
	background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png);
}


button:hover, input[type="submit"]:hover
{
	border: 1px solid #444444;	
	background-image: linear-gradient( #666666 0%, #333333 100% );
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	color: White;
}

button:active, input[type="submit"]:active
{
	background-image: linear-gradient( #333333 0%, #666666 100% );
	background-image: -webkit-linear-gradient( top, #333333 0%, #666666 100% );
}

a
{
	color: #2d83d5;
	outline: none;	
}

label
{
	display: inline-block;
	width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

label.checkbox
{
	width: 200px;
}

input[type="text"], input[type="password"], textarea
{
	font-size: 13px;
	letter-spacing: -0.06em;
	border: 1px solid rgb(220,220,220);
	background-image: linear-gradient( #f0f0f0 0%, #ffffff 100% );
	background-image: -webkit-linear-gradient( top, #f0f0f0 0%, #ffffff 100% );
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	padding: 5px;
	width: 250px;
}

textarea
{
	vertical-align: top;
	height: 35px;
	max-width: 250px;
	min-width: 250px;
}

textarea.large
{
	height: 100px;
}

input[type="checkbox"]
{
	margin-right: 10px;
	vertical-align: top;
	height: 18px;
}

select
{
	height: 28px;
	min-width: 150px;
}

input[type="text"].number
{
	width: 50px;
}

input[type="file"]
{
	margin-bottom: 10px;
}

input[type="hidden"]
{
	display: none;
}


button.more
{
	margin-top: 5px;
	width: 220px;
	float: left;
	margin-left: 5px;
}


/*** Header ***/

div#backendWorkIndicator
{
	background: url(images/ajax-loader.gif) no-repeat center;
	/*border: 1px solid #e0e0e0;*/
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 16px;
	margin-left: -8px;
	/*margin-top: -32px;*/
	z-index: 10000000;
	display: none;
}

header
{
	background: linear-gradient( #666666 0%, #333333 100% );
	background: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
	height: 90px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	white-space: nowrap;
}

header ul#menu
{
	margin-left: 35px;
}

header ul#menu li
{
	display: inline-block;
	margin-top: 50px;
}


header ul#menu li a
{
	font-size: 18px;
	color: #aaaaaa;
	text-shadow: 0 -1px 0 #000000;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
}

header ul#menu li a.active
{
	color: White;
}

header #logout
{
	display: none;
	position: absolute;
	top: 54px;
	right: 20px;
}

header #logout a
{
	font-size: 14px;
	color: #aaaaaa;
	text-shadow: 0 -1px 0 #000000;
	text-decoration: none;
}


section
{
	display: block;
}

section.top
{
	padding-left: 50px;
	white-space: nowrap;
}

section.top span.separator
{
	display: inline-block;
	width: 20px;
}

section.top span.wide-separator
{
	display: inline-block;
	width: 60px;
}

section.top h1
{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

section.top .toolbar
{
	display: inline-block;
	margin-top: 18px;
	vertical-align: top;
	margin-bottom: 16px;
}

section.top .toolbar .toolbarinfo
{
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	margin-right: 5px;
	padding-top: 2px;
}

section.top .search
{
	display: inline-block;
	margin-top: 18px;
	margin-right: 20px;
	padding-left: 22px;
	background: url(images/icon-search.png) no-repeat 0px 8px;
	vertical-align: top;
	margin-bottom: 16px;
}

section.content
{
	padding: 50px;
	padding-top: 0px;
	padding-top: 0px;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

section.tab
{
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	display: none;
	padding-bottom: 30px;
}

section.panel
{
	background: white;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}


span.selectable, div.selectable
{
	user-select: auto !important;
    -o-user-select: auto !important;
    -moz-user-select: auto !important;
    -khtml-user-select: auto !important;
    -webkit-user-select: auto !important;
    cursor: text !important;
}

span.selectable::selection, div.selectable::selection
{
	color: white;
	background: #666666;
}



/*** Item list ***/

div.item-list h1 span, div.item-list h2 span
{
	font-size: 11px;
	display: block;
}


/*** Grid ***/

ul.grid
{
	list-style: none;
	vertical-align: top;
}

ul.grid li
{
	position: relative;
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	padding: 10px;
	margin: 5px;		
	border: 1px solid rgb(220,220,220);	
	background-image: linear-gradient( #ffffff 0%, #f0f0f0 100% );
	background-image: -webkit-linear-gradient( top, #ffffff 0%, #f0f0f0 100% );
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

ul.grid li:hover
{
	border: 1px solid #444444;	
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	color: White;
	background-image: linear-gradient( #666666 0%, #333333 100% ) !important;
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% ) !important;
}

ul.grid img.icon
{
	border: 1px solid rgb(220,220,220);
	padding: 3px;
	background: white;
	width: 32px;
	height: 32px;
	float: left;
	position: relative;
	top: -4px;
	left: -4px;
	margin-bottom: -4px;
}

ul.grid h1
{
	display: inline-block;
	margin: 0px;
	margin-top: 7px;
}

ul.grid div
{
	display: block;
	margin: 0;
	margin-bottom: 5px;
}

ul.grid div.icon
{
	display: inline;
}

ul.grid h1
{
	margin-bottom: 10px;
	color: #444444;
}

ul.grid li:hover h1
{
	color: #e0e0e0;
}

ul.grid div.delete
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png);
	background-position: -80px -128px;
	display: none;
	cursor: pointer;
}

ul.grid li:hover div.delete
{
	display: block;
}

ul.grid li .list-only
{
	display: none;
}

ul.grid li.header
{
	display: none;
}




/*** List ***/

ul.list
{
	list-style: none;
	display: table;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 5px;
	
	border: 1px solid rgb(220,220,220);	
	/*background-image: -webkit-linear-gradient( #ffffff, #f0f0f0 );
	background-image: -moz-linear-gradient( #ffffff, #f0f0f0 );*/
	/*-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);*/
}

ul.list li
{
	display: table-row;
	padding: 3px;
	margin: 0;
	/*border-bottom: 1px solid #cccccc;*/
}

ul.list li:hover
{
	background-color: #444444 !important;
	color: white;
}

ul.list img.icon
{
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid rgb(220,220,220);
	padding: 3px;
	background: white;
	float: left;
	margin-bottom: -4px;
	table-layout: fixed;
}

ul.list h1, 
ul.list div
{
	font-size: 13px;
	display: table-cell;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	white-space: nowrap;
	vertical-align: top;
}

ul.list div.delete
{
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	margin-top: -21px;
	margin-left: -29px;
	position: absolute;
	border: 5px solid #444444;
	background: #444444 url(custom-theme/images/ui-icons_ffffff_256x240.png);
	background-position: -80px -128px;
	display: none;
	cursor: pointer;
}

ul.list li:hover div.delete
{
	display: block;
}

ul.list li .grid-only
{
	display: none;
}

ul.list div.icon
{
	display: table-cell;
	width: 24px;
	max-width: 24px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}

ul.list li.header div
{
	font-weight: bold;
	background-image: linear-gradient( #666666 0%, #333333 100% );
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
	color: White;
}

ul.list div button
{
	margin-top: -5px;
	margin-bottom: -6px;
}

/*ul.list div.buttons
{
	padding-top: 2px;
	padding-bottom: 0;
}*/



/*** Specific colorings ***/

ul.grid li.active, ul.grid li.late, ul.grid li.paid
{
	background-image: linear-gradient( #f0f0f0 0%, #dcdcdc 100% );
	background-image: -webkit-linear-gradient( top, #f0f0f0 0%, #dcdcdc 100% );
}

ul.list li.active, ul.list li.late, ul.list li.paid
{
	background: rgba(0,0,0,0.1);
}

/*
ul.list li.paid
{
	background: rgb(230,255,230);
}

ul.list li.late
{
	background: rgb(255,230,230);
}

ul.grid li.late
{
	background: -webkit-linear-gradient( #ffe6dc, #dcc8c8 );
	background: -moz-linear-gradient( #ffe6dc, #dcc8c8 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe6dc', EndColorStr='#dcc8c8')";	
}
*/


ul.grid li.client
{
	height: 140px;
	background-image: linear-gradient( #f0f0f0 0%, #dcdcdc 100% );
	background-image: -webkit-linear-gradient( top, #f0f0f0 0%, #dcdcdc 100% );
}


ul.grid li.contact
{
	height: 160px;
}

ul.grid li.compact
{
	height: 70px;
}

/*** Contact dialog ***/
#contactDialog h1
{
	padding: 3px;
	font-weight: normal;
}

#contactDialog .leftContainer
{
	display: inline-block;
	float: left;
	width: 380px;
	margin-right: 10px;
}

#contactDialog .rightContainer
{
	display: inline-block;
	width: 380px;
}

span.preliminary
{
	display: inline !important;
}

.clienttype-list
{
	margin-top: 10px;
	height: 300px;
	overflow: auto;
	border: solid 1px #d0d0d0;
}

.clienttype-list .clienttype
{
	padding: 4px;
	padding-bottom: 0;
}

/*** Popup ***/

div.occluder
{
	position: fixed;
	margin: 0;
	padding: 0;
	left: 0;
	right: 20px;
	bottom: 0;
	top: 90px;
	background: rgba(255,255,255,0.7);
}

div.popup
{
	width: 400px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	margin: 50px auto;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	display: block;
	background: white;
	padding: 20px;
}

div.popup.wide
{
	width: 800px;
}

div.popup h1, div.popup h2
{
	margin-top: 0;
}

div.popup div
{
	margin-bottom: 3px;
}

div.popup div.buttons
{
	clear: both;
	text-align: right;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
	margin-top: 20px;
}

div.popup div.buttons button
{
	min-width: 80px;
}

div.popup input[type="text"], div.popup input[type="password"]
{
	width: 250px;
}

div.popup input[type="text"].date
{
	width: 100px;
}

div.popup input[type="text"].number
{
	width: 50px;
}

div.popup select.time
{
	width: 45px;
	min-width: 45px;
}

div.popup div.column
{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	margin-left: 20px;
	width: 390px;
}

div.popup div.column:first-child
{
	margin-left: 0;
}

div.popup span.info
{
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

div.popup a span.info
{
	cursor: pointer;
}

div.popup .resource-list label:first-child
{
	display: block;
	margin-bottom: 10px;
}

div.popup .resource-list-item 
{
	display: inline-block;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
}



/*** Invoice ***/

.formbox
{
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}

.formbox input[type="text"], .formbox input[type="password"], .formbox textarea
{
	width: 170px;
	max-width: 170px;
	min-width: 170px;
}

.formbox div
{
	margin-bottom: 3px;
}

ul.invoice-list li
{
	display: block;
	position: relative;
}

ul.invoice-list li.field div
{
	display: inline-block;
}

ul.invoice-list
{
	box-shadow: none;
	width: 970px;
}

/*
ul.invoice-list li div
{
	display: inline;
}
*/


ul.invoice-list input
{
	/*-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;*/
}

ul.invoice-list .number
{
	width: 100px;
	text-align: right;
}

ul.invoice-list .amount
{	
	width: 100px;
}

ul.invoice-list input
{
	background: transparent;
	border: none;
	border-bottom: 1px solid rgb(220,220,220);
	margin-left: 1px;
	margin-right: 1px;
	box-shadow: none;
}

ul.invoice-list li:hover input, ul.invoice-list li:hover textarea
{
	color: white;
}

ul.invoice-list li.group:hover input, ul.invoice-list li.group:hover textarea
{
	color: black;
}


ul.invoice-list li.field input.sum
{	
	border: none;
}

ul.invoice-list li.group
{
	background-image: linear-gradient( #ffffff 0%, #f0f0f0 100% );
	background-image: -webkit-linear-gradient( top, #ffffff 0%, #f0f0f0 100% );
	border-top: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	margin-top: 40px;
}

ul.invoice-list li.field input::-webkit-input-placeholder
{
	font-size: 10px;
	color: #e0e0e0;
}


ul.invoice-list li.group input
{
	background: transparent;
	box-shadow: none;
	border: 1px solid transparent;
	font-weight: bold;
}

ul.invoice-list li.field input.name
{
	width: 105px;
}

ul.invoice-list li.field input.code
{
	width: 30px;
}

ul.invoice-list li.group .name
{
	margin-right: 488px;	
}

ul.invoice-list li.group input.name
{
	width: 150px;
}

ul.invoice-list li div.note
{
	display: block;
}

ul.invoice-list li.header
{
	background-image: linear-gradient( #666666 0%, #333333 100% );
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
	display: block;
}

ul.invoice-list li.header, ul.invoice-list li.footer
{
	display: block;
}

ul.invoice-list li.header div, ul.invoice-list li.footer div
{
	display: inline-block;
	background: transparent;
}

ul.invoice-list li.header div.name, ul.invoice-list li.footer div.name
{
	width: 150px;
}

ul.invoice-list li.header div, ul.invoice-list li.footer div
{
	padding: 5px;
	padding-left: 11px;
	padding-right: 11px;
	vertical-align: middle;
}

ul.invoice-list li.footer div.input
{
	width: auto;
	padding: 5px;
}

ul.invoice-list li.header div.icon, ul.invoice-list li.footer div.icon
{
	padding: 0;
}

ul.invoice-list textarea.note
{
	display: block;
	margin-left: 24px;
	width: 271px;
	max-width: 271px;
	min-width: 271px;
	height: 14px;
	margin-bottom: 2px;
	background: transparent;
	border: 1px solid rgb(220,220,220);
	box-shadow: none;
	font-size: 11px;
	overflow: hidden;
}


.pick-button
{
	background-image: url(custom-theme/images/ui-icons_ffffff_256x240.png) !important;
	position: absolute;
	left: 175px;
	top: 12px;
}

/*ul.invoice-list li div
{
	border: 1px solid red;
}*/

button.locked
{
	background-image: linear-gradient( #ff8080 0%, #a01414 100% );
	background-image: -webkit-linear-gradient( top, #ff8080 0%, #a01414 100% );
	border-color: rgb(128,128,128);
}

.product-list
{
	margin-top: 10px;
	height: 300px;
	overflow: auto;
	border: solid 1px #d0d0d0;
}

.product-list .product input[type="text"], .product-list .product textarea
{
	border: 0px;
	border-bottom: 1px solid white;
	background: transparent;
	font-size: 10px;
	box-shadow: none;
}

.product-list .product
{
	border: 0px;
	border-bottom: solid 1px #d0d0d0;
	padding: 4px;
}

.product-list .product.selected
{
	background-image: linear-gradient( #666666 0%, #333333 100% );
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
}

.product-list .product.selected input[type="text"], .product-list .product.selected textarea
{
	color: white;
}

.product-list input::-webkit-input-placeholder, .product-list textarea::-webkit-input-placeholder
{
	font-size: 9px;
}

.product-list .product textarea
{
	left: 0px !important;
	display: block;
	width: 315px;
	max-width: 100%;
	height: 16px;
	
}

.product-list .product #product-code
{
	font-size: 14px;
	width: 50px;
}

.product-list .product #product-name
{
	font-size: 14px;
	width: 186px;
	margin-left: 4px;
}

.product-list .product #product-rate
{
	margin-left: 4px;
	text-align: right;
	width: 50px;
	font-size: 14px;
}

/************ SCHEDULE ***************/


.schedule-container
{
	position: relative;
	height: 500px;
}

.schedule
{
	min-height: 250px;
}


/* Toolbar */
#date-info, #week-info, #month-info
{
	text-align: center;
	overflow: hidden;
}

#date-info
{
	width: 80px;
	text-align: center;
}

#month-info
{
	width: 100px;
	text-align: center;
}

#week-info
{
	width: 80px;
	text-align: center;
}

/* Navigation bar */

.timeline-navigation
{
	position: absolute;
	display: block;
	left: 270px;
	right: 80px;
	top: 0px;
	border: 1px solid rgb(220,220,220);	
	border-bottom: none;
	background-image: linear-gradient( #ffffff 0%, #f0f0f0 100% );
	background-image: -webkit-linear-gradient( top, #ffffff 0%, #f0f0f0 100% );
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 90px;
	margin-top: 20px;
	overflow: hidden;
}

.prev-view
{
	position: absolute;
	left: 230px;
	top: 51px;
}

.next-view
{
	position: absolute;
	right: 35px;
	top: 51px;
}

.timeline-navigation .navigationitem
{
	position: absolute;
	display: block;
	height: 29px;
	border: 1px solid rgb(220,220,220);
	border-top: none;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
}

.timeline-navigation .navigationitem span
{
	white-space: nowrap;
	display: block;
	margin: 7px;
}

.timeline-navigation .month
{
	top: 0;
}

.timeline-navigation .week
{
	top: 30px;
}

.timeline-navigation .day
{
	top: 60px;
}

.timeline-navigation .weekend span
{
	color: #dc0000;
}

.timeline-navigation .today
{
	background: rgba(0,0,0,0.05);
}



/* Timeline */
.timeline
{
	position: absolute;
	display: block;
	left: 0;
	right: 80px;
	top: 110px;
	bottom: 81px;
	height: auto;
	border-top: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.timeline .timeline-resources
{
	position: absolute;
	width: 270px;
	top: 0;
	left: 0;
}

.timeline .timeline-bookings
{
	position: absolute;
	top: 0;
	left: 270px;
	right: 0;
	min-height: 100%;
	border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
}

/* Info bar */
.timeline-infobar
{
	position: absolute;
	display: block;
	left: 270px;
	right: 80px;
	bottom: 20px;
	border: 1px solid rgb(220,220,220);	
	border-top: none;
	background-image: linear-gradient( #ffffff 0%, #f0f0f0 100% );
	background-image: -webkit-linear-gradient( top, #ffffff 0%, #f0f0f0 100% );
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 60px;
	margin-top: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.timeline-infobar .booking-info
{
	position: absolute;
	top: 5px;
	left: 10px;
	right: 10px;
}

.timeline-infobar .booking-info .column
{
	display: inline-block;
	width: 400px;
	height: 50px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 20px;
}

.timeline-infobar .booking-info .column div, .timeline-infobar .booking-info .column span
{
	white-space: nowrap;
	line-height: 14px;
	vertical-align: top;
}



.timeline .resource
{
	position: relative;
	height: 60px;
	width: 100%;
	border-bottom: 1px solid rgb(220,220,220);
	overflow: hidden;
}

.timeline .timeline-resources .resource span
{
	display: block;
	padding: 20px;
	padding-bottom: 0;
	padding-top: 22px;
}

.timeline .timeline-resources .resource-toolbar
{
	border: none;
	text-align: right;
}

.timeline .timeline-resources .resource-toolbar span
{
	padding: 5px;
	padding-right: 0;	
}

.timeline .timeline-resources .resource-toolbar button span
{
	padding: 0;
}

.timeline .timeline-resources .resource.folder
{
}

.timeline .timeline-resources .resource.child span
{
	padding-left: 50px;
}

.timeline .booking
{
	position: absolute;
	display: block;
	overflow: hidden;
	height: 56px;
	border-radius: 3px;
	top: 2px;
}

.timeline .booking .booking-content
{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 0;
	border-radius: 3px;
	background: rgba(0,0,0,0.4);
	background: linear-gradient( rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100% );
	background: -webkit-linear-gradient( top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100% );
	overflow: hidden;
	color: white;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.timeline .booking .booking-content span
{
	display: block;
	white-space: nowrap;	
}

.timeline .booking .booking-content span.time
{
	font-size: 11px;
	color: rgb(200,200,200);
	margin-top: 4px;
}

.timeline .booking.task-only .booking-content span.title
{
	font-style: italic;
}

.timeline .booking.new .booking-content span.time
{
	color: rgb(100,100,100);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.timeline .booking .indicator
{
	display: none;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.timeline .booking.active-connector .indicator
{
	display: block;
}

.timeline .booking.active .indicator
{
	display: block;
}

.timeline .booking.active.preliminary .indicator
{
	border-color: black;
}

.timeline .booking.active .booking-content
{
	background: transparent;
	background-image: linear-gradient( rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.4) 100% );
	background-image: -webkit-linear-gradient( top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.4) 100% );
}

.timeline .booking.preliminary
{
	background: transparent !important;
}

.timeline .booking.preliminary .booking-content
{
	background-image: linear-gradient( #c8c8c8 0%, #ffffff 100% );
	background-image: -webkit-linear-gradient( top, #c8c8c8 0%, #ffffff 100% );
	color: #666666;
	text-shadow: 0 1px 0 #ffffff;
}

.timeline .booking.preliminary .booking-content span.time
{
	color: #aaaaaa;
}

textarea.large-textarea
{
	width: 780px;
	min-width: 780px;
	max-width: 780px;
	height: 300px;
}

/* Diagram */

.diagram
{
	position: relative;
	margin: 20px auto 20px auto;
	height: 250px;
}

.diagram-container
{
	position: absolute;
	height: 200px;
	left: 0;
	right: 50px;
	top: 0;
	border-top: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
}

.diagram-mid
{
	position: absolute;
	top: 100px;
	left: 0;
	right: 50px;
	border-top: 1px solid rgb(220,220,220);
	height: 1px;
}

.diagram-labels
{
	position: absolute;
	height: 48px;
	top: 202px;
	left: 0;
	right: 0;
	font-size: 10px;
}

.legend
{
	background: rgba(255,255,255,0.7);
	border: 1px solid rgb(220,220,220);
	border-radius: 3px;
	position: absolute;
	left: 5px;
	top: 5px;
	min-width: 70px;
	padding: 5px;
	font-size: 10px;
}

.legend-indicator
{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	margin-right: 5px;
}

.diagram-bar
{
	display: block;
	position: absolute;
	border-radius: 3px;
	/*border: 1px solid rgb(220,220,220);*/
	bottom: 0;	
}

.diagram-bar-contents
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	background: linear-gradient( rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100% );
	background: -webkit-linear-gradient( top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100% );
}

.diagram-label
{
	position: absolute;
	display: block;
	top: 0;
	height: 30px;
	text-align: center;
	border-right: 1px solid rgb(220,220,220);
}

.diagram-label:first-child
{
	border: 0;
}

.diagram-options
{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 10px;
}

.diagram-values
{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 200px;
	font-size: 10px;
}

.diagram-value-max
{
	position: absolute;
	top: 0;
	left: 0;
}

.diagram-value-mid
{
	position: absolute;
	top: 95px;
	left: 0;
}

.diagram-value-min
{
	position: absolute;
	bottom: 0;
	left: 0;
}

/*** Popup List ***/

.list
{
	position: relative;
	left: 0;
	right: 0;	
	border: 1px solid rgb(220,220,220);
	/*height: 200px;*/
	overflow: auto;
}

.list div, .popup .list div
{
	margin: 0;
}

.list .list-item
{
	white-space: nowrap;
}

.list .list-column
{
	vertical-align: top;
	display: inline-block;
	width: 120px;
	border-right: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	padding: 3px;
	overflow: hidden;
	height: 17px;
}

.list.list-editable .list-column
{
	position: relative;
	padding: 0;
	height: 24px;
}

.list.list-editable input, .popup .list.list-editable select
{
	border: 0 !important;
	padding: 3px;
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.list .list-header .list-column
{
	color: White;
	background-image: linear-gradient( #666666 0%, #333333 100% );
	background-image: -webkit-linear-gradient( top, #666666 0%, #333333 100% );
	padding-left: 3px;
	padding-top: 5px;
	font-size: 10px;
	height: 17px;
}

.list .list-header.list-header-print .list-column
{
	color: Black;
	background: transparent;
	border-bottom-color: Black;
	font-weight: bold;
	font-size: 13px;
}


.list.list-editable button
{
	padding: 2px;
	margin: 1px;	
}