/************************************************************************
** Reporting Styles 
*************************************************************************/
	/* 
	 *	STRUCTURAL STYLES - *REQUIRED*
	 *	Just set table-layout:fixed and add scrollbar to data-wrapper
	 */
	 .ui-dialog { z-index: 1000 !important ;} 
	 
	div.tbl-fix-header{
		height:88%; 
	}
	
	div.table-wrapper {
		/* could pad table wrappers if desired */
		padding:		0;
		overflow:		hidden;
	}
		
	.tbl-fix-header-header table,
	.tbl-fix-header-data table {
		table-layout:	fixed;
	}

	div.tbl-fix-header-data { /* <div class="data table-wrapper"> */
		overflow-y:		scroll; /* FORCE a scrollbar */ 
		height:100%;
	}
	
	#main-center-middle > div {
 	   min-width: 1400px !important;
	}
	
	.ui-layout-center{
		overflow:hidden;
	}
	
	.tbl-fix-header-data .inner-wrapper {
		/* must contain table so doesn't extend *under* table-wrapper scrollbar */
		position:	relative;
		overflow:	hidden;
		background: none repeat scroll 0 0 #FFFFFF;
	}
		
	th.orderby{
		cursor:pointer;
		text-decoration:underline;
	}

	/*
	 *	CELL PADDING & ALIGNMENT
	 *	To ensure perfect header/data column alignment in all browsers
	 *	use the same left/right padding (and border-width) in the header & data.
	 *	Each column can be customized as long as the header/data columns match
	 */
	/* vertical padding */
	.tbl-fix-header-header th,
	.fht-thead th{
		padding-top:	7px;
		padding-bottom:	6px;
		border-left: 1px solid #FFFFFF;
	}
	.tbl-fix-header-data td,
	.fht-tbody td {
		padding-top:	4px;
		padding-bottom:	4px;
	}
	
	.tbl-fix-header-data td,
	.tbl-fix-header-header td{
		text-align:left;
	}
	
	
	
	.tbl-fix-header-data tr ,
	.fht-tbody tr{
		height:38px;
	}
	/* left-aligned cells (default) */
	.table-wrapper td {
		text-align:		left; /* for reference */
		padding-left:	8px;
		padding-right:	4px;
		padding-top:7px;
		padding-bottom:6px;
	}
	
	.table-wrapper th{
		text-align:		left; /* for reference */
		padding-left:	8px;
		padding-right:	4px;
		border: 1px solid #EEEEEE;
	}

	/*
	 *	COSMETIC FORMATTING
	 *	Customize the header/footer/data appearance however you like,
	 *	just remember to match border-widths for matching columns
	 */	 
	 div.tbl-fix-header-header th,
	 div.fht-thead th{
		background: url("/gme/css/jqueryui/images/ui-bg_gloss-wave_55_017f01_500x100.png") repeat-x scroll 50% 50% #017F01;
		border-bottom:	1px solid #999;
	}
	
	.tbl-fix-header-header table th,
	.tbl-fix-header-data table td,
	.fht-thead th ,
	.fht-tbody table td
	 {
		border-left:	1px solid #FFF;
		border-bottom:	1px solid #FFF;
	}
	
	.tbl-fix-header-header table th,
	.fht-thead table th{
		color:			#FFF;
	}
	
	.tbl-fix-header-header table tbody tr.summary-row td{
		border:	1px solid #FFF;
		font-weight:bold;
	}
	.tbl-fix-header-header table tbody tr.summary-row td.num-content{
		text-align: right!important;
		padding-right:20px;
	}
	
	div.tbl-fix-header-data,
	div.fht-tbody {
		background:		#EEE;
	}
	
	.tbl-fix-header-data table tr,
	.fht-tbody table tr {
		background:		#FFF;
	}
	
	.tbl-fix-header-data table tr.alt,
	.fht-tbody table tr.alt {
		background:#deefdf;		/*#E0F1E0;*/
	}
	
	.tbl-fix-header-data table tr.cancelled {
		background:#FEF1EC;
		text-decoration:line-through;
	}
	
	.tbl-fix-header-data table tr.initial-offset-row {
		background:#ccc;		
	}
	
	.tbl-fix-header-data table td,
	.fht-tbody table td {
		border-right:	1px solid #fff;
		border-bottom:	1px solid #fff;
		vertical-align:	top;
	}
	
	.tbl-fix-header-data table td.vert-middle{
		vertical-align: middle;
	}
	.tbl-fix-header-data table td.num-content{
		text-align: right!important;
		padding-right:20px;
	}
		
	/*
	 *	COLUMN SIZING - *REQUIRED*
	 *	Any absolute CSS measure can be used (px, em, ex), but NOT percentages!
	 *	Percentage sizes MUST be hard-coded on COL elements and add up to 100%
	 *
	 *	You could hard-code the widths directly on the COL elements,
	 *	but in this sample I choose to do it in the stylesheet to make it easier
	 *	to tweak column widths without having to repeat settings on all 3 tables
	 */
	 .tf50 { width: 50px; } 
	 .tf75 { width: 75px; }
	 .tf100 { width: 100px; }
	 .tf125 { width: 125px; }
	 .tf150 { width: 150px; }
	 .tf175 { width: 175px; }
	 .tf200 { width: 200px; }
	 .tf250 { width: 250px; }
	 .tf300 { width: 300px; }
	 .tf400 { width: 400px; }
	 .tf500 { width: 500px; }
     
	
	button.butExpandWorkTaskList{
		border:none;
		background: none repeat scroll 0 0 transparent;
	}
	button.butExpandPersonList{
		border:none;
		background: none repeat scroll 0 0 transparent;
	}	
	/*.tbl-fix-header-data .no-data,*/
	.no-data{
		color:#9b9b9b;
	}
	/*
	* Inner table Styles
	*/
	table.inner-table .alt-inner{
		background-color:#fff;
	}
	table.inner-table th,
	button.inner-table-container,
	.tbl-fix-header-data td.inner-table-container{
		background-color:#dadada;
	}
	table.inner-table tr{
		background-color:#efefef;
	}
	table.inner-table,
	table.inner-table tr,
	table.inner-table td{
		border: 1px solid #fff !important;
	}
	table.inner-table td{
		text-align:center !important;
	}
	

/*********************************************************
** Common Helper 
**********************************************************/
.widget-override-width{
	width:10px;
}

.ui-selectmenu-menu a:visited{
	font-size:normal!important;
}

/**
 hide the closeing 'x' in jquery-dialogs
 usage: $( ".selector" ).dialog({ dialogClass: 'no-close' });
*/
.no-close .ui-dialog-titlebar-close{
    display: none;
}


/*********************************************************
** UI Layout
**********************************************************/
.ui-layout-pane{
	padding:10px;
}


.ui-tooltip.qtip{
	padding:0px!important;
}

/*************************************************************************
* form-errors 
**************************************************************************/
input.error,
textarea.error,
select.error{
	/* background-color: #FFCCCC!important; */
    border: 2px solid #CD0A0A!important;
    color: #CD0A0A!important;
}


/*********************************************************************
* messages
*********************************************************************/
.eventMessage, .errorMessage {
    min-height: 40px;
}


		
.footnote{
	font-size: 9px;
	padding-left: 10px;
}


.info-msg-box{
	text-align:left;
	width:960px;
	min-height:20px;
	margin:10px 5px;
	padding:2px;
}


.warning{
	color:#FF3300;	
}

.ui-state-warning{
	background-color: #FFE6BB; 
	border:1px solid #FF3300;
	padding:3px;
}

.helper-dialog{
	float: left;
	margin: 0 5px;
	padding: 2px;
	background-color: url("/gme/css/jqueryui/images/ui-bg_flat_55_f7f7f7_40x100.png") repeat-x scroll 50% 50% #F7F7F7;
	border: 1px solid #017F01;
}

/***************************************************************************
* Screen - Styles
***************************************************************************/
.common-description-text{
	background: url("/gme/css/jqueryui/images/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% top #FFE45C;
    border: 1px solid #C5DBEC;
    border-radius: 4px 4px 4px 4px;
    color: #363636;
    width: 900px;
    min-height: 30px;
    padding: 5px;
    margin: 5px;
}

/************************************************************************
** jQuery Tabs 
*************************************************************************/
ul.tabs {
	margin: 0;
	margin-top:10px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #AA9F63;
	border-bottom: 1px solid #333;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #333;
}
ul.tabs li a {
	text-decoration: none;
	color: #AA9F63;	
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #AA9F63; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #222;
	color:#F9E97F;
	}
	

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #222;
	border: 1px solid #F9E97F;
	border-bottom:none;
	/* border-bottom: 1px solid #F9E97F; */ /*--Makes the active tab look like it's connected with its content--*/
}


.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #999999;
}
.tab_content {
	padding-top: 5px;
	font-size: 1.2em;
}

.ui-tabs .ui-tabs-panel{
	overflow:auto;
	height:auto;	
}

/**************************************************************************
* Scroller
***************************************************************************/
	#scroller {
	
		/* required settings */
		position:relative;
		overflow:hidden;

		width: 510px;
		height:45px;
	}
	
	#scroller .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* this makes it possible to add next button beside scrollable */
	#scroller {
		float:left;	
	}
	

	/* prev, next, prevPage and nextPage buttons */
	a.browse {
		
		display:block;
		width:18px;
		height:18px;
		float:left;
		margin:0px 10px 5px;
		cursor:pointer;
		font-size:1px;
		padding-top: 0 !important;
	}

	/* right */
	a.right { clear:right; margin-right: 5px;}

	/* left */
	a.left	{ clear:right; margin-left: 5px; } 


	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;		
	} 	

	div.listContent{
		float:left;
	}
	
	.listContentItem{
		margin:0px 10px;
		padding:5px;
		height:30px;
		width:140px;
		float:left;
		background-color:#CCC;
		opacity: 0.7;       /* modern browser */  
	    -moz-opacity: 0.7;  /* older Mozilla browser */  
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */  
	    filter:alpha(opacity=70); 
	}
	
	div#divCreateButton{
		background-color:#ccc;
		text-align:center;
		cursor:default!important;
	}
	
	
	
	.listContentItem:hover{
		cursor:pointer;
		opacity: 1;       /* modern browser */  
	    -moz-opacity: 1;  /* older Mozilla browser */  
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */  
	    filter:alpha(opacity=100); 
	}
	
	.listContentItem.active{
		border:1px solid #FFF;
		cursor:pointer;
		opacity: 1;       /* modern browser */  
	    -moz-opacity: 1;  /* older Mozilla browser */  
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE8 in Standard Compliant Mode */  
	    filter:alpha(opacity=100); 
	}
	
	
	.scrollable{
		/* required settings */
		position:relative;
		overflow:hidden;			
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		position:absolute;
		/* this time we have very large space for the height */
		height:20000em;		
	}

	






div.information{
	background:url(/gmecommon/images/status/info.png);
	background-color:blue;
	background-repeat:no-repeat;
	background-position:right center;
	opacity: 0.5;       /* modern browser */  
    -moz-opacity: 0.5;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=50);
    max-width:400px;
    color:white;
    font-size:14px;
    padding:20px;
}

td.checkbox_as_list label{
	display:block;
}

td.checkbox_as_list input{
	display:none;
}


.screenlet-body > .screenlet > .screenlet-title-bar{
	background:none;
}

.screenlet-body > .screenlet > .screenlet-title-bar a{
		
	font-weight:bold;
	font-size:14px;
    line-height: 19px;
    padding: 6px 10px;
    white-space: nowrap;
}

/****************************************************************************************
	Timesheet Status-Icons
*****************************************************************************************/
	
	.ts-state-TIMESHEET_IN_PROCESS{
		background-image:none; /* IKA url(/gmeportalview/images/time_tracking_icons/time_entry_pencil_2.png);     /images/icons/famfamfam/table_edit.png);*/
		background-repeat:no-repeat;
		background-position:76px 8px;
		text-align:left!important;
		padding:12px 8px!important;	
	}
	
	.fc-approved .fc-event-inner,
	.party-project-approved .fc-event-inner,
	.ts-state-TIMESHEET_APPROVED{
		background-image:url(/images/icons/famfamfam/tick.png);
		background-repeat:no-repeat;
		background-position:right bottom!important;
	}

/**
	Rich Text Content
*/
div.rich-text-content ol{
	list-style:decimal outside none !important;
}

div.rich-text-content ul{
	list-style:square outside none !important;
}

div.rich-text-content ul,
div.rich-text-content ol{
	margin-left: 15px !important;
	padding-left:0px !important; 
}

div.rich-text-content ul li ul,
div.rich-text-content ol li ol{
	margin-left:10px !important;
	padding-left:5px !important; 
}

div.rich-text-content ul li ul li ul,
div.rich-text-content ol li ol li ol{
	margin-left:10px !important;
	padding-left:5px !important; 
}



/**********************
	Position Switches
***********************/
button.position-last{
	display:none;
}

button.position-first{
	display:none;
}





/*******************************************************************************
	jQRangeSlider
********************************************************************************/
/**
 * default development theme for jQRangeSlider
 * Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
 */

.ui-rangeSlider{
	height:22px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar{
	height:16px;
	margin:3px 6px;
	background:#DDD;
}

.ui-rangeSlider .ui-rangeSlider-handle{
	width:6px;
	height:22px;
	background:#AAA;
	background:rgba(100,100,100, 0.3);
	cursor:col-resize;
}

.ui-rangeSlider .ui-rangeSlider-bar{
	margin: 1px 0;
	background:#CCC;
	background:rgba(100,100,150, 0.2);
	height:20px;
	cursor:move;
	cursor:grab;
	cursor: -moz-grab;
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{
	cursor:	-moz-grabbing;
	cursor:grabbing;
}

.ui-rangeSlider-arrow{
	height:16px;
	margin:2px 0;
	width:16px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{
	background-image: url('/gmecommon/images/slider/resultset_previous.png');
	background-position:center left;
}

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{
	background-image: url('/gmecommon/images/slider/resultset_next.png');
	background-position:center right;
}

.ui-rangeSlider-container{
	height:22px;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container{
	margin:0 11px;
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container{
	margin:0;
}

.ui-rangeSlider-leftLabel{
	background-image:url('/gmecommon/images/slider/label_left.png');
	background-position:bottom right;
}
.ui-rangeSlider-rightLabel{
	background-image:url('/gmecommon/images/slider/label_right.png');
	background-position:bottom left;
}
.ui-rangeSlider-label{
	padding:2px 5px 6px;
	margin:0 2px 2px;
	//background-image:url('/gmecommon/images/slider/label.png');
	//background-position:bottom center;
	background-repeat:no-repeat;
       white-space: nowrap;
}


/**************************
* JQuery Slider
***************************/
	a.ui-slider-handle{
		font-size: 15px;
		padding:1px 8px 1px 5px;
	}
	
/***************************
* specials for input-fields
************************/	

input.currency{
	width:20px!important;
	text-align:center;
}
	
div.input-styled-div{
   background-color: #EEEEEE;
    border: 0.1em solid #999999;
    display: inline-block;
    font-size: 1em;
    margin: 4px 6px;
    padding: 0.4em 2px;
    width: 80px;
}

div.calculation{
	background: none repeat scroll 0 0 #EEEEEE;
    font-size: 16px;
    line-height: 25px;
    padding: 10px;
    margin-right:10px;
 	border:1px solid #999;   
}

/*****************************************
	JQuery Automcomplete Content Field
******************************************/

.ui-autocomplete {
	max-height: 600px;
	max-width: 600px;
	width:400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 10px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 600px;
}

.ui-autocomplete .ui-menu-item{
	margin: 0px;
	padding: 2px;
}

.ui-autocomplete .ui-menu-item a{
	font-weight:normal;
	cursor:pointer;
	margin: 5px !important;
	border:1px solid #dddddd;
}

/********************
* extending ui-icons
*********************/
.ui-icon-pdf{ 
	background-image: url('/images/icons/famfamfam/page_white_acrobat.png')!important;
}

.ui-icon-doc{ 
	background-image: url('/images/icons/famfamfam/page_word.png')!important;
}
.ui-icon-xls{ 
	background-image: url('/images/icons/famfamfam/page_white_excel.png')!important;
}
.ui-icon-page-add{ 
	background-image: url('/images/icons/famfamfam/page_add.png')!important;
}
.ui-icon-page-dlt{ 
	background-image: url('/images/icons/famfamfam/page_delete.png')!important;
}

.icon-MSG_LEAV_REQ,
.icon-MSG_USERDATA_VER_PEND,
.icon-pending{
	background-image: url('/images/icons/famfamfam/hourglass.png')!important;
}

.icon-MSG_MER_SUBMISSION,
.icon-MSG_TIMESHEET_COMMITTED,
.icon-submitted{
	background-image: url('/images/icons/famfamfam/page_white_go.png')!important;
}

.icon-euro{
	background-image: url('/images/icons/famfamfam/money_euro.png')!important;
}

.icon-lightning{
	background-image: url('/images/icons/famfamfam/lightning.png')!important;
}

.icon-birthday{
	background-image: url('/images/icons/famfamfam/cake.png')!important;
}

.icon-Information{
	background-image: url('/images/icons/famfamfam/information.png')!important;
}

.icon-Achtung{
	background-image: url('/images/icons/famfamfam/exclamation.png')!important;
}

.icon-reminder{
	background-image: url('/images/icons/famfamfam/bell.png')!important;
}


/***************
*	Timesheet
****************/
	table.timesheet th,
	table.timesheet td{
		border:1px solid;
		margin:0;
		padding-left:10px;
	}

	
	table.timesheet  th{
		text-align:center;		
	}
	
	table.timesheet th.day{
		width:100px;		
	}
	
	table.timesheet td.day{
		text-align:right;
		padding-right:10px;
		width:120px;
	}
	
	table.timesheet th.hours{
		width:80px;
		padding:5px;
	}
	
	table.timesheet td.hours input,
	table.timesheet td.sum input{
		text-align:right;
		padding-right:10px;
		width:60px;
	}
	
	table.timesheet tr.sum-row{
		height:40px;
		
	}
	
	table.timesheet tr.sum-row td{
		font-weight:bold;
		padding-top:5px;
	}
	
	table.timesheet tr.sum-row input{
		font-weight:bold;
	}
	
	table.timesheet th.comments{
		width:240px;
		padding:5px;
	}
	
	table.timesheet tr.holiday , dl.legend div.holiday_ts{
		background-color:#f3d8d8;
	}
	
	table.timesheet tr.party-unavailable , dl.legend div.party-unavailable{
		background-color:#FFEDCA;
	}
	
	span.accordion-header-right{
    	position: absolute;
    	right: 5px;
    	top: 5px; 
    	width: 70px;
    	background-position:right bottom;   
	}
	
/***************************************
*	Table in Summary and List-Style
****************************************/

	.table-container{		
		margin: 10px 0 5px;
		background-color:#F6F6F6; /*IKA 23/8 */
		border: 1px solid #dddddd;	/*IKA 23/8 #c5dbec;*/
    	padding: 5px;
	}

	table.summary,
	table.list 
		{
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		border-collapse: collapse;
		text-align: left;
		margin:10px;
	}
	
	table.summary th,
	table.list th 
	{
		font-size: 12px;
		font-weight: normal;
		color:#666666; /*IKA 23/8 #039;*/
		padding: 3px 5px;
	}
	
	table.summary th
	{
		border-right: 2px solid #999999;/*IKA 23/8 #6678b1;*/
		border-bottom: 1px solid #ccc;
	}
	
	table.list th
	{
		border-bottom: 2px solid #999999; /*IKA 23/8 #6678b1;*/
		border-right: 1px solid #ccc;
	}
	
	table.summary td,
	table.list td
	{		
		color: #666666; /*IKA 23/8 #669;*/
		padding: 6px 8px;
		text-align:right;
	}
	
	table.list td:last-child,
	table.list th:last-child{
		border-right:none;
	}
	
	table.left-aligned td{
		text-align:left;
	}
	
	table.summary td
	{
		border-bottom: 1px solid #ccc;		
	}
	
	
	table.list td
	{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	table.list td.last,
	table.list th.last
	{
		border-right: none;
	}
	
	/*table.summary tbody tr:hover td,
	table.list tbody tr:hover td
	{
		color: #009;
	}*/
	
		
	table.summary td.sum
	,table.list td.sum	{
		border-bottom:medium double #000!important;
	}
	
	table.summary tr.sum
	,table.list tr.sum{
		border-top:medium double #000!important;
	}
	
	table.summary td.right-column,
	table.list td.right-column{
		
		border-right:1px double #ccc!important;
	}
	
	table.summary span.small,
	table.list span.small{
		font-size:9px;
		font-weight:normal;
	}
	
	tr.sub-list{
		border:none;
	}

	table.summary td.warning,
	table.list td.warning{
		color:red;
	}

/**********************************
* Selectable List
**********************************/	
ol.selectable-list li.ui-selecting { background: #FFFCEA; }
ol.selectable-list li.ui-selected { background: #FFFCEA; border:solid 1px #FBCB09; color: #c77405; }
ol.selectable-list { list-style-type: none; margin: 5px 0px 0px; padding: 0; overflow-y:auto; height:200px }
ol.selectable-list.vertical{  height:420px; } 
ol.selectable-list li { border:1px solid #999999; cursor:pointer; margin: 3px; padding: 3px 6px; float: left; width: 148px; height: 150px; font-size: 11px; font-weight:normal }
ol.selectable-list dl{ margin:3px 0px 0px 0px; }
ol.selectable-list h3{ font-size: 12px; }

/*************************
* Definition lists
**************************/
dt, dd {
		float:left;
		text-overflow: ellipsis;
	}
	
	dt {
	    font-weight: bold;
	    margin: 0 15px 0 0;
	}
	
	dd {
	    margin: 0;
	    padding: 0 10px 0 0!important;
	    vertical-align: top;
	}
	
	
	dl {
		margin: 10px 20px 5px;
		overflow: hidden;		
	}
	

	
	.data-list dt{
		width:250px;
		margin: 5px 15px 0 0;	
	}
	
	.data-list dd {	
		width: 600px;
		min-height:20px;
		margin: 5px 5px 0 0;
	}
	
	.data-list dd.summary{
		text-align:right;
		margin-right:500px;
		width:100px;
	}
	
	.data-list dt .small{
		font-size:9px;
		font-weight:normal;
	}
	

	.data-small-item-list dt{
		/*width:120px!important;*/
		width:48%!important;
	}
		
	.data-small-item-list dd {
		/*width: 130px!important;*/
		width:auto;
		min-width:45%;
	}
/**********************************
* list of item-boxes
**********************************/	
	.listitem-box h1,
	.listitem-subitem-box h1{		
		border-bottom:1px solid #000;
		margin:5px;
		padding:5px;		
	}
	
	.listitem-box h1{
		font-size:12px;
	}
	
	.listitem-box{
		/*width: 987px;
		padding:10px;
		margin: 10px;*/
		background-color: #EEE;
    	margin: 20px 10px;
    	padding: 10px;
    	width: 1050px;
	}
	
	.listitem-subitem-box{
		width:840px;
		padding:10px;
		margin:10px 50px;
	}
	
	
/*******************
 Replacement List
*********************/
ul.replacement-placeholder-list{
	border:1px solid #999;
	width:340px;
	margin:4px;
	padding:4px;
	line-height:18px;
}

li.rpl-item{
	margin: 4px 0px;
}

li span.rpl-name{
	background-color: #EEE;
}

/*********************
* Defintion as Legend
**********************/
dl.legend{
	width: 900px;
}

dl.legend dt{
	width:25px;
	margin: 10px 5px 5px 0;
}

dl.legend dd{
	padding: 5px 20px 0 0 !important;
	margin: 5px 0 0 0;
}
    
dl.legend div.legend-color,
/*IKA 18/9 */ ul.legend li div.legend-color
{
	padding:2px 12px 6px 12px;
	display:inline;
}

li.legend-item{
	display:inline
	}



input.text { 
	margin-bottom:12px; 
	width:95%; 
	padding: .4em; 
}
textarea{ 
	margin-bottom:12px; 
	width:95%; 
	padding: .4em; 
	}
	
/****************************************
* sortable item lists
****************************************/
	
	.sortable-item-list.ui-sortable li {
		margin-top: 10px;
		cursor:move;
		background-color:#FFF;
		border: 1px solid #000;
		padding:5px;
	}
	
	.sortable-item-list.ui-sortable h4 {
		float:left;
		width:50%;
	}
	
	.sortable-item-list.ui-sortable .buttons{
		float:right;
	} 
	
	.sortable-item-list dd
	,.sortable-item-list dt{
		margin: 5px 0;
	}
	
	.sortable-item-list dt{
		width:30%!important;
	}


/****************
* styles for timesheet table buttons
*****************/
.butAddTimesheetComment{
	margin-bottom:2px;
}