/*/////////////////////////////////////////////////////////////////////////
// WIDGET TIMETABLE
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable
{
	font-family: Arial, "MS Trebuchet", sans-serif;
	position: relative;
	min-width: 600px;
}

.Application.Timetable .Editarea
{
	/*background: #333;*/
	border: 1px solid #333;
	border-top: 0px;
	clear: both;
	
	/* Experimental */
	overflow-y: auto;
	max-height: 335px;
	position: relative;
}

.Application.Timetable .ModalContent
{
	background: #333 url(/se_data/global/gfx/gui/applications/timetable/bg_scroller.png) right bottom;
}

.Application.Timetable .ScrollerContent
{
	/*background: #333 url(/se_data/global/gfx/gui/applications/timetable/bg_scroller.png) right bottom;*/
	position: relative;
	
	/* Scrollen mit den Toolbarbuttons... */
	overflow: hidden;
	height: 100%;
	
	/* IE6/7 fix damit die aktuelle Breite immer korrekt ermittelt wird
	width: expression(this.parentNode.parentNode.offsetWidth - this.previousSibling.offsetWidth - 2 + 'px');
	 */
}

.Application.Timetable .ScrollerMonths
{
	/*background: #333 url(/se_data/global/gfx/gui/applications/timetable/bg_scroller.png) right top;*/
	overflow: hidden;
}

.Application.Timetable .Timelines
{
	background: url(/se_data/global/gfx/gui/applications/timetable/bg_grid.png);
	/* overflow: auto;*/
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	/*border: expression(console.info(this.previousSibling;return 'auto';);*/
	overflow: hidden;
}

.Application.Timetable .Timelines .StripeOdd,
.Application.Timetable .Timelines .StripeEven
{
}

.Application.Timetable .Timelines .StripeEven
{
	background: url(/se_data/global/gfx/gui/applications/timetable/bg_grid_even.png);
}


.Application.Timetable .Timelines .Cursor
{
	cursor: pointer;
	background: rgba(0,0,0,125);
	position: absolute;
	left: -64px;
	top: -64px;
	width: 48px;
	height: 24px;
	z-index: 1000;
	padding: 0;
	margin: 0;	
}

.Application.Timetable .Timelines .Cursor.newBookable
{
	background: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_newbookable.png) no-repeat bottom center;
}

* html .Application.Timetable .Timelines .Cursor.newBookable
{
	background: url(/se_data/global/gfx/gui/applications/timetable/IE6/24_cursor_newbookable.gif) no-repeat bottom center;
}

.Application.Timetable .Timelines .Cursor.newBooked
{
	background: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_newbooked.png) no-repeat bottom center;
}

* html .Application.Timetable .Timelines .Cursor.newBooked
{
	background: url(/se_data/global/gfx/gui/applications/timetable/IE6/24_cursor_newbooked.gif) no-repeat bottom center;
}

.Application.Timetable .Timelines .Cursor.erase
{
	background: url(/se_data/global/gfx/gui/applications/timetable/toolbar/24_erase.png) no-repeat bottom center;
}

* html .Application.Timetable .Timelines .Cursor.erase
{
	background: url(/se_data/global/gfx/gui/applications/timetable/IE6/24_cursor_erase.gif) no-repeat bottom center;
}

.Application.Timetable .Timelines div.Cursor.newBookable.disabled,
.Application.Timetable .Timelines div.Cursor.newBooked.disabled,
.Application.Timetable .Timelines div.Cursor.erase.disabled
{
	background: url(/se_data/global/gfx/gui/applications/timetable/24_cursor_no.png) no-repeat bottom center;
}

.Application.Timetable .TimelineCalendar div.Body
{
	position: absolute;
	top: 80px;
	right: 4px;
	z-index: 11000;
}

/*/////////////////////////////////////////////////////////////////////////
// TIMETABLE TOOLBAR
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .ToolbarRoundedLeft
{
	background: url(/se_data/global/gfx/gui/components/toolbar/simple/32_bg_rounded.png) left top no-repeat;
}

.Application.Timetable .ToolbarRoundedRight
{
	background: url(/se_data/global/gfx/gui/components/toolbar/simple/32_bg_rounded.png) right top no-repeat;
}

.Application.Timetable .Toolbar
{
	margin: 0 12px !important;
	margin: 0;
	padding: 0 !important;
	background: url(/se_data/global/gfx/gui/components/toolbar/simple/32_bg.png);
	
	padding: 0 0 0 4px;
	
	height: 32px;
	position: relative;
}

.Application.Timetable .Toolbar .Buttons
{
	padding: 4px;
}

.Application.Timetable .Toolbar .Button.active a,
.Application.Timetable .Toolbar .Button a:hover
{
	background-position: 0px -24px;
}

.Application.Timetable .Toolbar .Button.Next
{
	margin-right: 16px;
}

.Application.Timetable .Toolbar .Button.NewBooked
{
	margin-left: 16px;
}

.Application.Timetable .Toolbar .Button.NewBookable
{
}

.Application.Timetable .Toolbar .Button.EditBooked
{
	margin-right: 4px;
}

.Application.Timetable .Toolbar .Button.Split
{
	margin-right: 4px;
}

.Application.Timetable .Toolbar .Button.Remove
{
	margin-left: 16px;
	margin-right: 16px;
}

.Application.Timetable .Toolbar .Button.Save
{
	position: absolute;
	right: 8px;
}

.Application.Timetable .Toolbar .Button.SelectSort
{
	/*padding-top: 2px;*/
	position: absolute;
	right: 48px;
	color: #CCC;
	font-size: 12px;
}

.Application.Timetable .Toolbar .Button.SelectSort select
{
	margin-left: 8px;
}

.Application.Timetable .Component.Modal
{
	background: #000 url(/se_data/global/gfx/gui/sprites/loading_32-12_black.gif) no-repeat center;
	z-index: 10000;
}

/*/////////////////////////////////////////////////////////////////////////
// MONTHS & MONTH TABLE
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Months
{
	border-spacing: 0;
	padding: 0;
	margin: 0;
	color: #DDD;
	background-color: #333;
	border-bottom: 1px solid #666;
	/*z-index: 1000;
	top: 0;
	position: absolute;*/
}

.Application.Timetable .Months td
{
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0;
}

.Application.Timetable .Months .Month
{
	border-spacing: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
}

.Application.Timetable .Months .Month td
{ 
	padding: 0;
	border-right: 1px solid #666;
}

.Application.Timetable .Month .Label
{
	text-align: center;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.Application.Timetable .Month .LabelLeft
{
	float: left;
	margin-left: 16px;
}

.Application.Timetable .Month .LabelRight
{
	float: right;
	margin-right: 16px;
}


.Application.Timetable .Month .Date
{
	width: 23px;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	overflow: hidden;
	text-align: center;
	cursor: help;
}

.Application.Timetable .Month .Date.Today
{
	background: #777;
}

.Application.Timetable .Month .Saturday
{
	background: #444;
}

.Application.Timetable .Month .Sunday
{
	background: #773333;
}


/*/////////////////////////////////////////////////////////////////////////
// ROOM TABLE
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Rooms
{
	/*display: none;*/
	float: left;
	
	/* IE6-fix, `3px gap` */
	margin-right: 0 !important;
	margin-right: -3px;
	
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	background-color: #333;
	color: #DDD;
	border-right: 1px solid #666;
	
	cursor: help;
	
	/* IE-fix, `Verschwindibus-Tabellen-Bug` */
	position: relative;
}

.Application.Timetable .Rooms td
{
	border-bottom: 1px solid #666;
	height: 23px;
	line-height: 23px;
	padding: 0 8px 0 8px;
	font-size: 10px;
}

.Application.Timetable .Rooms th
{
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	height: 23px;
	line-height: 23px;
	padding: 0 8px 0 8px;
	font-size: 12px;
	font-style: italic;
	text-align: left;
}


/*/////////////////////////////////////////////////////////////////////////
// TIMELINE
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Timeline
{
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*text-align: center;*/
	line-height: 24px;
	padding: 0 24px 0 24px;
	/*margin: 0 12px 0 12px;*/
	font-size: 12px;
	color: #FFF;
	opacity: 0.75;
	/* IE6/7 transparent */
	filter: alpha(opacity=75);
}

.Application.Timetable .Timeline .Label
{
	text-align: center;
	height: 24px;
	width: 100%;
	overflow: hidden;
	cursor: move;
	position: relative;
}

.Application.Timetable .Timeline .Label .LabelLeft,
.Application.Timetable .Timeline .Label .LabelRight
{
	display: block;
	position: absolute;
	line-height: 24px;
}

.Application.Timetable .Timeline .Label .LabelLeft
{
	top: 0;
	left: 0;
}

.Application.Timetable .Timeline .Label .LabelRight
{
	top: 0;
	right: 0;
}

.Application.Timetable .Timeline.locked .Label,
.Application.Timetable .Timeline.locked .LeftSizer,
.Application.Timetable .Timeline.locked .RightSizer
{
	background-position: left 24px;
	cursor: default;
}

.Application.Timetable .Timeline.fixed .Label,
.Application.Timetable .Timeline.fixed .LeftSizer,
.Application.Timetable .Timeline.fixed .RightSizer
{
	background-position: left 24px;
	cursor: ns-resize;
}



.Application.Timetable .Timeline.locked .Label .LabelLeft
{
	padding-left: 24px;
	background: url(/se_data/global/gfx/gui/applications/timetable/timeline/icons/locked.png) no-repeat left center;
}

.Application.Timetable .Timeline.locked .Label .LabelRight
{
	background: none;
}

.Application.Timetable .Timeline.fixed .Label .LabelLeft
{
	padding-left: 24px;
	background: url(/se_data/global/gfx/gui/applications/timetable/timeline/icons/fixed.png) no-repeat left center;
}

.Application.Timetable .Timeline.fixed .Label .LabelRight
{
	background: none;
}

.Application.Timetable .Timeline.booked,
.Application.Timetable .Timeline.bookable
{
	border: 0;
}

.Application.Timetable .Timeline.booked.selected,
.Application.Timetable .Timeline.bookable.selected
{
	opacity: 1.0;
	/* IE6/7 transparent */
	filter: alpha(opacity=100);
	z-index: 500;
}

.Application.Timetable .Timeline .LeftSizer
{
	position: absolute;
	height: 24px;
	width: 12px;
	left: 12px;
	top: 0px;
	cursor: w-resize;
}

.Application.Timetable .Timeline .RightSizer
{
	height: 24px;
	width: 12px;
	position: absolute;
	right: 12px;
	top: 0px;
	cursor: e-resize;
}

/*/////////////////////////////////////////////////////////////////////////
// TIMELINE, BOOKABLE (GREEN)
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Timeline.bookable .Label
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_middle.png);
}

.Application.Timetable .Timeline.bookable .RightSizer
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_right.png);
}

.Application.Timetable .Timeline.bookable .LeftSizer
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_left.png);
}

.Application.Timetable .Timeline.bookable .LabelRight,
.Application.Timetable .Timeline.bookable .LabelLeft
{
	z-index: 5;
	color: #9F9;
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/green_middle.png);
}

.Application.Timetable .Timeline.bookable .LabelLeft
{
	z-index: 10;
}

.Application.Timetable .Timeline.booked .LabelRight,
.Application.Timetable .Timeline.booked .LabelLeft
{
	white-space: nowrap;
	z-index: 5;
	color: #F99;
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
}

.Application.Timetable .Timeline.booked .LabelLeft
{
	z-index: 10;
}

* html .Application.Timetable .Timeline.bookable .LabelRight,
* html .Application.Timetable .Timeline.bookable .LabelLeft,
* html .Application.Timetable .Timeline.booked .LabelRight,
* html .Application.Timetable .Timeline.booked .LabelLeft
{
	line-height: 0;
	background: none;
}

/*/////////////////////////////////////////////////////////////////////////
// TIMELINE, BOOKED (RED)
/////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Timeline.booked
{
}

.Application.Timetable .Timeline.booked .Label
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_middle.png);
}

.Application.Timetable .Timeline.booked .LeftSizer
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_left.png);
}

.Application.Timetable .Timeline.booked .RightSizer
{
	background-image: url(/se_data/global/gfx/gui/applications/timetable/timeline/red_right.png);
}

/*/// IE FIXING /////////////////////////////////////////////////////////////*/

.Application.Timetable .Timeline .RightSizer,
.Application.Timetable .Timeline .LeftSizer
{
	behavior: url(/se_data/global/js/behaviors/pngfix.htc);
}


/*/////////////////////////////////////////////////////////////////////////////
// Create-Dialog
/////////////////////////////////////////////////////////////////////////////*/

.Application.Timetable .Dialog.Create
{
	width: 320px;
	color: #FFF;
	background: #333;
	border: 1px outset #000;
	position: absolute;
	top: 32px;
	/*margin-left: -160px;*/
	margin: auto;
	font-size: 12px;
	z-index: 110000;
}

.Application.Timetable .Dialog.Create .Calendar .Body
{
	display: none;
	right: 0;
	z-index: 120000;
}
.Application.Timetable .Dialog.Create .Content
{
	padding: 8px;
}

.Application.Timetable .Dialog.Create .Title
{
	font-weight: bolder;
	background: #000;
	padding: 4px;
	cursor: move;
}

.Application.Timetable .Dialog.Create .MaskInput,
.Application.Timetable .Dialog.Create .TextInput
{
	position: relative;
}

.Application.Timetable .Dialog.Create .MaskInput span,
.Application.Timetable .Dialog.Create .TextInput span
{
}

.Application.Timetable .Dialog.Create .MaskInput input,
.Application.Timetable .Dialog.Create .TextInput input,
.Application.Timetable .Dialog.Create select
{
	width: 142px;
	position: absolute;
	right: 0;
	margin-right: 0px;
}

.Application.Timetable .Dialog.Create .Address
{
	padding: 7px;
	border: 1px solid #000;
	margin-bottom: 12px;
}

.Application.Timetable .Dialog.Create .Address a
{
	color: white;
	margin: 0 4px;
	padding-left: 12px;
	background: url(/se_data/global/gfx/gui/applications/timetable/arrow_right.png) no-repeat left center;
	font-weight: normal;
	text-decoration: none;
}

.Application.Timetable .Dialog.Create .Address a.toggled
{
	background: url(/se_data/global/gfx/gui/applications/timetable/arrow_down.png) no-repeat left center;
}

.Application.Timetable .Dialog.Create .Address .TextInput span
{
	display: block;
}

.Application.Timetable .Dialog.Create .Address .TextInput input
{
	position: static;
	width: 100px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Company input
{
	width: 277px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Street,
.Application.Timetable .Dialog.Create .Address .TextInput.StreetNo
{
	float: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.StreetNo input
{
	width: 50px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Street input
{
	width: 214px;
	margin-right: 8px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.ZipNo
{
	clear: left;
	float: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.ZipNo input
{
	margin-right: 8px;
	width: 50px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.City
{
	float: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.City input
{
	width: 214px;
}


.Application.Timetable .Dialog.Create .Address .TextInput.Phone
{
	clear: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Phone,
.Application.Timetable .Dialog.Create .Address .TextInput.Fax
{
	float: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Phone input
{
	margin-right: 8px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Phone input,
.Application.Timetable .Dialog.Create .Address .TextInput.Fax input
{
	width: 132px;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Email
{
	clear: left;
}

.Application.Timetable .Dialog.Create .Address .TextInput.Email input
{
	width: 277px;
}

.Application.Timetable .Dialog.Create .ErrorMessage
{
	position: absolute;
	left: 300px;
}

.Application.Timetable .Dialog.Create .Label
{
	margin-bottom: 8px;
	line-height: 24px;
	position: relative;
}

.Application.Timetable .Dialog.Create .Buttons
{
	padding-top: 10px;
	text-align: right;
}

.Application.Timetable .Dialog.Create .Buttons button
{
	text-align: center;
	width: 100px;
}

/*/////////////////////////////////////////////////////////////////////////
// PRINT-STYLES
/////////////////////////////////////////////////////////////////////////*/


@media print {
	
	.Application.Timetable .Timeline.booked
	{
		color: red;
		border: 1px solid red;
		background-color: red;
	}
	
	.Application.Timetable .Timeline.bookable
	{
		color: green;
		border: 1px solid green;
		background-color: green;
	}
	
	.Application.Timetable .Toolbar
	{
		display: none;
	}
	
	.Application.Timetable
	{
		border: 1px solid #000;
	}
}