/*********************************************************
*
*   Flow Center global skin definition - DO NOT MODIFY!
*
*********************************************************/


html, body { height:100%;width:100%; }
body { height:100%; }


/** SWITCH BUTTONS (MEDIALIST + STATUS **/
a.switchbtn_spotlists, a.switchbtn_chat {
	position: relative;
	margin-top: 10px;
	display: block;
	width: 14px;
	height: 110px;
}
a.switchbtn_spotlists:hover, a.switchbtn_chat:hover {
}
a.switchbtn_status {
	position: relative;
	display: block;
	margin-left: 80px;
	width: 110px;
	height: 14px;
}
a.switchbtn_status:hover {
}


/** LEFT TOOLBAR (USER + USERGROUP + TIME + BACK TO... BUTTONS) **/
#maintoolbar {
	position: absolute;
	left: 4px;
	top: 5px;
	width: 308px;
	height: 44px;
	overflow: hidden;
	font-size: 11px;
	}
	#maintoolbar_userinfos {
		position: absolute;
		top: 4px;
		left: 4px;
		line-height: 16px;
		cursor: default;
		}
		#maintoolbar_userinfos img {
			position: relative;
			margin-bottom: -3px;
			margin-right: 6px;
		}
		a.userinfos {
			text-decoration: none;
			font-size: 11px;
		}
		a.userinfos:hover {
			text-decoration: underline;
			font-size: 11px;
		}
	#maintoolbar_datetime {
		position: absolute;
		top: 4px;
		left: 120px;
		width: 80px;
		line-height: 16px;
		text-align: center;
		padding-top: 2px;
		filter: alpha(opacity=50);
		-moz-opacity: .5;
		opacity: .5;
		cursor: default;
	}
	#maintoolbar_functions {
		position: absolute;
		top: 0px;
		left: 228px;
		height: 44px;
		width: 80px;
		}
		a.maintoolbar_functions_btsp {
			position: absolute;
			display: block;
			left: 0px;
			top: 0px;
			width: 44px;
			height: 44px;
			text-decoration: none;
		}
		a.maintoolbar_functions_btsp:hover {
			background-position: 0px -44px;
		}
		a.maintoolbar_functions_btse {
			position: absolute;
			display: block;
			left: 31px;
			top: 0px;
			width: 49px;
			height: 44px;
			text-decoration: none;
		}
		a.maintoolbar_functions_btse:hover {
			background-position: 0px -44px;
		}


/** POPUPS **/
#popup_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: visible;
	}
	.popup {
		position: absolute;
		left: 50%;
		width: 400px;
		height: auto;
		margin-left: -200px;
		border-left: 1px solid #990000;
		border-bottom: 1px solid #990000;
		border-right: 1px solid #990000;
		text-align: center;
		}
		.popup_message {
			font-size: 8pt;
			padding: 10px;
			text-align: center;
		}
		.popup_close {
			position: relative;
			text-align: center;
			/*display: block;
			width: 396px;*/
			padding: 2px;
			top: -2px;
			font-size: 11px;
			text-decoration: none;
			font-weight: bold;
			/*background: <xsl:value-of select="$button_inactive_bg"/>;*/
		}
		.popup_close:hover {
		}


/** RIGHT TOOLBAR (LOGOS + WORKFLOWS MENUS) **/
#toolbarright {
	position: absolute;
	top: 5px;
	right: 4px;
	height: 44px;
	width: 260px;
	}
	#workflows-container {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 132px;
		height: 44px;
		
	}
	#workflows {
		display: block;
		text-decoration: none;
	}
	#workflows #workflows-menu {
		display: none;
	}
	#workflows:hover #workflows-switch {
		background-position: 0px -44px;
	}
	#workflows:hover #workflows-menu {
		display: block;
	}
	#workflows-switch {
		position: relative;
		width: 132px;
		height: 44px;
		background: url(global/workflows.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	#workflows-menu {
		position: absolute;
		top: 44px;
		right: 10px;
		width: 122px;
		filter: alpha(opacity=90);
		-moz-opacity: .9;
		opacity: .9;
		display: none;
		font-size: 11px;
		text-decoration: none;
		cursor: default;
		background: #C5D621;
		}
		.workflows-menutitle {
			color: #333;
			font-weight: bold;
			padding: 2px;
			padding-left:6px;
			margin-top: 6px;
		}
		.workflows-menuitm {
			display: block;
			color: #444;
			text-decoration: none;
			padding: 2px;
			padding-left:6px;
			cursor: pointer;
			font-weight: normal;
		}
		.workflows-menusep {
			position: relative;
			margin: 10px;
			margin-top: 2px;
			margin-bottom: 2px;
			height: 1px;
			overflow: hidden;
			background: #fff;
		}
		.workflows-menusep2 {
			position: relative;
			margin-top: 10px;
			margin-bottom: 2px;
			height: 2px;
			overflow: hidden;
			background: #fff;
		}
		
		
		
.calendar_picker {
	/*height: 200px;*/
	width: 170px;
	border: 1px solid #000;
	background: #333;
	}
	.calendar_picker a {
		font-weight: normal;
		text-decoration: none;
	}
	.calendar_picker a:hover {
		text-decoration: none;
	}
	.calendar_picker * {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #eee;
	}
	.calendar_picker_title {
		position: relative;
		text-align: center;
		border-bottom: 1px solid #777;
		padding: 2px;
		cursor: default;
	}
	a.calendar_picker_close {
		position: absolute;
		display: block;
		right: 2px;
		top: 2px;
		text-decoration: none;
		background: #555;
		padding: 0px;
		height: 12px;
		width: 12px;
		overflow: hidden;
		line-height: 10px;
		text-align: center;
	}
	.calendar_picker_monthyear {
		position: relative;
		text-align: center;
		background: #555;
		padding: 2px 2px 4px 2px;
	}
	a.calendar_picker_close:hover {
		background: #990000;
		line-height: 10px;
	}
	a.calendar_picker_month, a.calendar_picker_year {
		text-decoration: none;
		color: #eee;
		border-bottom: 1px dotted #eee;
	}
	a.calendar_picker_month:hover, a.calendar_picker_year:hover {
		background-color: #eee;
		color: #333;
	}
	
	
	.calendar_picker table {
		margin-top: 4px;
	}
	.calendar_picker_day {
		text-align: center;
		color: #666;
		cursor: default;
	}
	a.calendar_picker_day_link {
		display: block;
		height: 100%;
		width: 20px;
		text-align: center;
		text-decoration: none;
		color: #eee;
		padding: 1px 2px 1px 2px;
	}
	a.calendar_picker_day_link:hover {
		background: #eee;
		color: #333;
	}
	
	.calendar_picker_month_select, .calendar_picker_year_select {
		position: absolute;
		background: #333;
		border: 1px solid #555;
		max-height: 240px;
		overflow: auto;
	}
	.calendar_picker_year_select {
		width: 60px;
	}
	a.calendar_picker_month_link, a.calendar_picker_year_link {
		text-decoration: none;
		display: block;
		padding: 1px 4px 1px 4px;
	}
	a.calendar_picker_month_link:hover, a.calendar_picker_year_link:hover {
		color: #333;
		background: #eee;
	}
	


#chatcontents {
	position: relative;
	height: 300px;
	width: 250px;
	overflow: auto;
	background: #ebebeb;
}
#chat_settings {
	position: relative;
	height: 88px;
	width: 238px;
	#width: 250px;
	overflow: auto;
	background: #ccc;
	padding: 6px;
	margin-top: -100px;
	#margin-top: -88px;
	}
	#chat_settings fieldset {
		padding: 4px;
	}
	#chat_settings label {
		padding-right: 6px;
	}
	#chat_apply, #chat_cancel {
		float: right;
		margin-left: 10px;
		padding: 2px;
		#padding: 0px;
		border: 0px;
		margin-top: 6px;
	}
#chat_toolbar {
	position: relative;
	width: 238px;
	#width: 250px;
	background: #000;
	padding: 6px;
	border-top: 3px solid #333;
	}
	#chat_text {
		border: 0px;
		padding: 3px;
		width: 200px;
		#height: 22px;
		background: #fff;
		color: #333;
	}
	#chat_send {
		border: 0px;
		padding: 2px;
		height: 22px;
		margin-bottom: -1px;
		#margin-bottom: 0px;
		background: none;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
a.chat_link {
	display: block;
	float: right;
	color: #afafaf;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 2px;
	padding: 0 2px 0 2px;
}
a.chat_link:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
}
.chat_entry {
	position: relative;
	border-bottom: 1px solid #afafaf;
	margin: 4px;
	margin-bottom: 10px;
	}
	.chat_entry_headline {
		position: relative;
		background: #afafaf;
		height: 18px;
		}
		.chat_entry_date {
			position: relative;
			float: right;
			cursor: default;
			padding-right: 2px;
			font-size: 10px;
			padding-top: 1px;
			color: #ebebeb;
		}
		.chat_entry_user {
			position: relative;
			float: left;
			cursor: default;
			font-weight: bold;
			padding-left: 2px;
			color: #ebebeb;
		}
	.chat_entry_text {
		position: relative;
		clear: both;
		color: #333;
		padding: 2px 0 2px 0;
	}