body {
	behavior : url(/lib/behaviors/body_action.htc);
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.leftmenu {
	margin: 0px 0px 0px 150px;
	height: 100%;
}

body.menubar-top {
	background-color:#6699cc;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 0px 5px;
	border-style:outset;
	border-width:1px;
}
body.menubar-top a{
	color: #ffffff;
	text-decoration: none;
}

/* LEFTMENU COLLECTION */
 #leftmenu {
	position: absolute; left: 0px; top: 0px;
	font-size: 11px;
	color: inherit;
	width: 150px;
	height: 100%;
	border-right: 1px solid #999999;
	overflow : hidden;
}
	#leftmenu div.header {
		position:absolute; top:0px;
		height: 90px; width:100%;
		margin: 5px 5px 0px 0px;
		border-bottom: 3px double #999999;
	}

	#leftmenu div.header div.title {
		text-align: right;
		font-size: 12px;
		padding: 0px 5px 0px 0px;
	}

	#leftmenu div.header div.subtitle {
		position:absolute; left:0px; bottom:0px;
		width:100%;
		padding: 0px 5px 0px 0px;
		color: #999999;	text-align: right;
	}

	#leftmenu div.body {
		position: absolute; left:0px; top: 120px;
		width: 100%; height:100%;
		padding: 10px 5px 5px 5px;
	}

	#leftmenu div.body p.help, #leftmenu div.help {
		margin:50% 5px 5px 5px;
		color: #ff9900;
		font-size: xx-small;
	}
	#leftmenu div.help h1 {
		color: #3366cc;
		font-size: 11px;
		margin: 0px 0px 4px 0px;
	}
	#leftmenu div.footer {
		position: absolute; left:0px; bottom: 0px;
		width: 100%; height: 80px;
		border-top: 1px solid #999999;
		padding: 5px 5px 5px 5px;
	}

	#leftmenu div.menu h1, #leftmenu div.footer h1{
		color: #3366cc;
		font-size: 11px;
		border-bottom: 1px solid #3366cc;
		margin: 0px 0px 4px 0px;
	}

	#leftmenu div.menu a {
		behavior : url(/lib/behaviors/menuItem_href.htc);
		display: block;
		border: none;
		border-bottom: 1px solid #cccccc;
		width: 100%;
		text-align: left;
		margin: 0px 0px 0px 5px;
		padding: 3px 0px 3px 5px;
		background-color: #ffffff;
		color: #000000;
		text-decoration: none;
	}
	#leftmenu div.menu a:hover {
		background-color: #f0f1ff;
	}

	#leftmenu div.menu a.grey {
		color:#cccccc;
	}
	#leftmenu div.menu div.disabled {
		border: none;
		border-bottom: 1px solid #cccccc;
		width: 100%;
		text-align: left;
		margin: 0px 0px 0px 5px;
		padding: 3px 0px 3px 5px;
		background-color: #ffffff;
		color: #CCCCCC;
		text-decoration: none;
	}

body.leftmenu #body {
	margin: 5px 2px 0px 3px;
}


/* TABLE COLLECTION */
table.collection,
table.collection-edit,
table.collection-delete { 
	behavior : url(/lib/behaviors/table_collection.htc);
	font-size: 10px;
	width: 99%;
	margin: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
 }
	table.collection caption,
	table.collection-edit caption,
	table.collection-delete caption 	{
		border-top : 1px solid #000099;
		padding: 2px 0px 3px 5px;
		margin: 0px 0px 0px 0px;
	}
		table.collection caption.top,
		table.collection-edit caption.top,
		table.collection-delete caption.top	{
			border-bottom: 1px solid #000099;
			background-color: #6699cc;
			text-align: left;
			color: #ffffff;
			font-size: 120%;
			font-weight: bold;
		}
		table.collection caption.top {background-color: #6699cc}
		table.collection-edit caption.top {background-color: #FF9966}
		table.collection-delete caption.top {background-color: #ff6666}

		table.collection caption.top a,
		table.collection-edit caption.top a,
		table.collection-delete caption.top a	{
			color: #ffffff;
		}
		table.collection caption.top a:hover,
		table.collection-edit caption.top a:hover,
		table.collection-delete caption.top a:hover	{
			color: #ff9900;
		}		
		table.collection caption.bottom,
		table.collection-edit caption.bottom,
		table.collection-delete caption.bottom	{
			text-align: right;
			color: #808080;
			font-size: 9px;
		}
	table.collection thead,
	table.collection-edit thead,
	table.collection-delete thead	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	table.collection thead a,
	table.collection-edit thead a,
	table.collection-delete thead a	{
		color: #ff9900;
	}
	table.collection thead td,
	table.collection-edit thead td,
	table.collection-delete thead	td {
		padding: 1px 2px 1px 2px;
		border-bottom : 1px solid #000099;
		color: #ff9900;
		/*background-color: #eeeeee;*/
	}
	table.collection tbody td,
	table.collection-edit tbody td,
	table.collection-delete tbody	td {
		padding: 1px 2px 1px 2px;
		/* later nog eens proberen werkend te krijgen, zie http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/textoverflow.asp
		text-overflow:ellipsis;
		overflow:hidden; 
		*/
	}
	table.collection tbody td {
		cursor: pointer;
		font-size: 11px;
	}
		table.collection tbody td.rowover-odd,
		table.collection-edit tbody td.rowover-odd,
		table.collection-delete tbody	td.rowover-odd {
			background-color: #f0f1ff;
		}
		table.collection tbody td.rowover-even,
		table.collection-edit tbody td.rowover-even,
		table.collection-delete tbody	td.rowover-even {
			background-color: #f0f1ff;
		}
		table.collection tbody td.rowover-hover {
			background-color: #ff0000;
		}
		table.collection tbody tr td.rowover-active,
		table.collection-edit tbody td.rowover-active,
		table.collection-delete tbody	td.rowover-active {
			background-color: #f0f1ff;
		}
		table.collection tfoot tr td,
		table.collection-edit tfoot tr td,
		table.collection-delete tfoot tr td {
			border-top : 1px solid #000066;
			font-size: 10px;
			color: #666666;
			text-align: right;
		}
	table.collection tbody tr.section td, table.collection tbody tr.section th,
	table.collection-edit tbody tr.section td, 	table.collection-edit tbody tr.section th,
	table.collection-delete tbody tr.section td, table.collection-delete tbody tr.section th {
			background-color:#f0f1ff;
			padding: 0px 5px 2px 5px;
			color:#000000; vertical-align:top;
	}	
	table.collection tbody tr.section th,
	table.collection-edit tbody tr.section th,
	table.collection-delete tbody tr.section th {
			text-align:right;
	}	

	table.collection div.filtered-collection-message {
		text-align:center;
		background-color: #FF0000;
		color:#FFF;
		font-weight:bold;
	}


/* TABLE ITEM */
table.item,
table.item-edit,
table.item-delete {
	width: 99%; font-size: 100%;
	margin: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	border: none;
 }
	table.item caption,
	table.item-edit caption,
	table.item-delete caption {
		border-top : 1px solid #000099;
		padding: 2px 0px 3px 5px;
		margin: 0px 0px 0px 0px;
	}
		table.item caption.top,
		table.item-edit caption.top,
		table.item-delete caption.top {
			border-bottom: 1px solid #000099;
			text-align: left;
			color: #ffffff;
			font-size: 120%;
			font-weight: bold;
		}
		table.item caption.top {background-color: #6699cc}
		table.item-edit caption.top {background-color: #FF9966}
		table.item-delete caption.top {background-color: #ff6666}
		
		table.item caption.bottom,
		table.item-edit caption.bottom,
		table.item-delete caption.bottom {
			text-align: right;
			color: #808080;
			font-size: 9px;
		}
	table.item thead,
	table.item-edit thead,
	table.item-delete thead {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
		table.item thead td,
		table.item-edit thead td,
		table.item-delete thead td {
			padding: 1px 2px 1px 2px;
			border-bottom : 1px solid #000099;
			color: #ff9900;
		}

	table.item tbody th,
	table.item-edit tbody th,
	table.item-delete tbody th {
		text-align: left;	vertical-align: top;
		padding: 1px 2px 1px 5px;
		color:#484848;
		height: 18px;
		font-size:11px;
		font-weight: normal;
	}
		table.item tbody td,
		table.item-edit tbody td,
		table.item-delete tbody td {
			vertical-align: top;
			padding: 1px 2px 1px 2px;
			color:#3366cc;
		}
		table.item tbody td {	/* normal view addition */
			border-bottom: 1px dashed #dddddd;
		}

		table.item tbody tr.section th, table.item tbody tr.section td,
		table.item-edit tbody tr.section th, table.item-edit tbody tr.section td,
		table.item-delete tbody tr.section th, table.item-delete tbody tr.section td {
			background-color:#f0f1ff;
			padding: 0px 5px 2px 5px;
			color:#000000; vertical-align:top;
		}	
		table.item tbody tr.section th,
		table.item-edit tbody tr.section th,
		table.item-delete tbody tr.section th {
			text-align:right;
		}	

		table.item tfoot tr td,
		table.item-edit tfoot tr td,
		table.item-delete tfoot tr td {		
			border-top : 1px solid #000066;
			font-size: 10px;
			color: #666666;
			text-align: right;

/*			padding: 1px 5px 2px 5px;
			background-color: #6699cc;		
		
			font-size: 10px;
			color: #ffffff;
			text-align: right;
*/
		}
		

/* input elements */
table.item input.checkBox, 
table.item input.radioButton,
table.item-edit input.checkBox,
table.item-edit input.radioButton {
	width: 20px; border-style: none;
}
table.item input,
table.item textarea,
table.item-edit input,
table.collection-edit input,
table.item-edit textarea,
table.item-edit select {
	width: 100%;
	border: 1px solid #cacaca;
	/*border-bottom: 1px dotted #ff9900;*/
	color: #4059AA;
}

table.item textarea.small,
table.item-edit textarea.small {
	height: 70px;
}
table.item textarea.medium,
table.item-edit textarea.medium {
	height: 140px;
}
table.item textarea.large,
table.item-edit textarea.large {
	height: 600px;
}

input.datetime-hour, 
input.datetime-minute,
table.item-edit input.datetime-second {width:30px;}

span.icon-large { 
	text-align:center;
	width:100px;
	height:60px;
	vertical-align:top;
}
span.icon-large a {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
span.icon-large a:hover {
	color:#ff6600;
	text-decoration:underline;
}