/*
 * Author:	Petteri Hakala
 *			Sentatel Oy
 *			petteri.hakala@oyk.fi
 */

#thead 
{
	width: auto;
	float: left;
}

/**float clearing**/

.clearing 
{
	clear:both;
	display:block;
	line-height:1px;
}

#timeline_scrolling 
{
	position: relative;
	top: 0px;
	left: 0px;
	overflow-y:hidden;
	overflow-x:scroll;
}
 
div#timeline_div, div#project_timeline
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 10px;
	width: 90%;
	white-space: nowrap;
	text-align: left;
}

/* ----- PROJECT TIMELINE --------- */
th.timelineheader
{
	background-color: lightgreen;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

td.timelineweek
{
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-width: 2px;
	border-right-width: 1px;
}

td.timelinestep
{
	border-top-style: solid;
	border-width: 1px;
	padding: 5px;
}

td.timelineday
{
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	color: grey;
}

td.firstwday
{
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	color: grey;
}

td.weekend
{
	background-color: lightgrey;
	position: relative; 
	z-index: 3;
}

td.timelinetoday
{
	background-color: pink;
}

td.projectendday
{
	background-color: red;
}

td.highlight
{
	border: solid;
	color: red;
}

.timeline_empty
{
	border-left: none;
	border-top: none;
	border-bottom: solid 1px;
}

td.project_spacing
{
	border-right: solid 1px;
}

td.timeline_wrk_step
{	
	vertical-align: middle;
	border-bottom: solid 1px;
	border-left: solid 1px;
	background: #E9FCE9;
	white-space: nowrap;
}

td.timeline_wrk_step div
{
	padding: 5px;
}

div.position_handle
{
	background: #E9FCE9;
}

td.day span
{
	padding: 4px;
}

div.block_wrapper
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2; 
	overflow: hidden;
	clear: right;
}

div.stepblock
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	height: 10px;
	cursor: pointer;
	white-space: nowrap;
}

div.deliveryblock
{
	background-color: grey;
}

/* ------------- GENERAL TIMELINE --------------*/

table.timeline
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 108%;
}

th.general_timelineheader
{
	background-color: lightgreen;
	border-style: solid;
	border-width: 1px;
	border-color: lightgreen;
	text-align: center;
}

td.general_timelineweek
{
	text-align: center;
	border-left-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	color: grey;
}

td.general_timelineweek:last-child
{
	border-right-style: solid;
	border-width: 1px;
}

td.general_timelineday
{
	border-bottom-style: solid;
	border-width: 1px;
	color: #E6E6E6;
}

td.daycell:last-child
{
	border-right-style: solid;
	border-width: 1px;
}

td.general_firstwday
{
	border-left-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	color: #E6E6E6;
}

th.general_projectheader
{
	background-color: #E9FCE9;
	border-color: #E9FCE9;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 1px;
	text-align: center;
}

tr.general_timeline_row td
{
	height: 20px;
}

td.general_timeline_wrk_step
{
	vertical-align: middle;
	border-top: solid 1px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	padding: 5px;
	background: #E9FCE9;
}

div.general_stepblock
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	cursor: pointer;
	white-space: nowrap;
	background: limegreen;
	
	filter:alpha(opacity=90);   /* Internet Explorer       */
	-moz-opacity:0.9;           /* Mozilla 1.6 and below   */
	opacity: 0.9;               /* newer Mozilla and CSS-3 */	
}

td.general_timelinetoday
{
	background-color: darkcyan;
}

td.general_highlight
{
	background: #EDEDCF;
}

/* ------------------- STATUS BLOCKS -------------- */
div.incomplete
{
	background-color: red;
	font-weight: bold;
}

div.ordered
{
	background-color: yellow;
	font-weight: bold;
}

div.finished
{
	background-color: lightgreen;
	font-weight: bold;
}

div.tmp_block
{
	background-color: lightblue;
	font-weight: bold;
}