/* ############################################ */
/* Entity Management Control v2 style sheet		*/
/* Creative Internet Development (c) 2008		*/
/* info@creativeid.nl							*/
.emc2-control { font-size: small; margin-top: 20px; background-color: #eaecf3; } /* All enclosing style id */
.emc2-popup { padding: 1px; background-color: #ae2e5e; }
.emc2-popup .emc2-control { margin: 0px; }

	/* General */
	.emc2-control .emc-clear { clear: both; }
	.emc2-control a { color: #0066cc; }
	.emc2-control a.emc-link { margin: 0 6px 0 0; font-size: small; text-decoration: none; }
	.emc2-control a.emc-link:hover { text-decoration: underline; } 
	.emc2-control .emc-separator { border-top: solid 1px #c2c9db; }
	
	/* Toggle buttons */
	.emc2-control a.emc-expand { color: #000000; font-weight: bold; text-decoration: none; padding: 0 18px 0 0; background: url('../images/bullet-toggle-plus.png') no-repeat right center; } 
	.emc2-control a.emc-expand:hover { color: #888888; } 
	.emc2-control a.emc-collapse { color: #000000; font-weight: bold; text-decoration: none; padding: 0 18px 0 0; background: url('../images/bullet-toggle-minus.png') no-repeat right center; } 
	.emc2-control a.emc-collapse:hover { color: #888888; } 

	/* Header */
	.emc2-control .emc-header { padding: 4px 6px; background: url('../images/rounded_10_header_bg.gif') center top no-repeat; }
	.emc2-control .emc-header .emc-title { font-weight: bold; font-size: 12pt; float: left; color: #ae2e5e; margin-right: 6px; } /* Title */
	.emc2-control .emc-header .emc-buttons { line-height: 12pt; margin-top: 2px; } /* Header buttons panel */
	.emc2-control .emc-header .emc-buttons a.emc-link { color: #0066cc;  } /* Header buttons */
	.emc2-control .emc-header .emc-text { color: #ae2e5e; } /* Overview, view and edit description */

	/* Footer */
	.emc2-control .emc-footer { padding: 4px 4px; background: url('../images/rounded_10_footer_bg.gif') center bottom no-repeat; }

	/* Content */
	.emc2-control .emc-content {  }
	.emc2-control .emc-content .emc-component {  }
	
	
		/* Text Component */
		.emc2-control .emc-content .emc-component .emc-text-component { padding: 5px; overflow: hidden; text-overflow: ellipsis; }

		/* Filter Component */
		.emc2-control .emc-content .emc-component .emc-filter-component { padding: 4px 6px; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-item { display: inline-block; float: left; margin: 0 6px 0 0; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-item label { display: inline-block; width: 160px; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-item label.emc-radio { width: auto; float: none; display: inline; margin-right: 6px; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-item input { display: inline-block; width: 120px; font-size: small; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-button { display: inline-block; font-size: x-small; }
		.emc2-control .emc-content .emc-component .emc-filter-component .emc-item .emc-radiobutton { float: none; display: inline; width: 20px; }

		/* Group box component */
		.emc2-control .emc-content .emc-component .emc-group-box-component { }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group { border: dotted 1px #808e95; margin: 8px; }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group .emc-title { padding: 4px 6px; background-color: #f1f3f4; }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group .emc-title span { font-weight: bold; }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group .emc-description { padding: 0 6px 8px; background-color: #f1f3f4; }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group .emc-group-content { }
		.emc2-control .emc-content .emc-component .emc-group-box-component .emc-group .emc-group-content .emc-padded { padding: 6px; }
			
		/* Data */
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group { }
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group.emc-bordered { border: dotted 1px #808e95; margin: 8px; }
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-title { padding: 4px 6px; background-color: #ffffff; }
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-title span { font-weight: bold; }
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-description { padding: 0 6px 8px; background-color: #ffffff; }
		.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content { }
		
			/* Group content */
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item { margin: 4px 6px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-label { display: inline; float: left; width: 285px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value { margin-left: 285px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-error { margin-top: 3px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-error span {  }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-warning { margin-top: 3px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-warning span {  }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-hidden { display: none; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-required .emc-label { font-weight: bold; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-pk label { background: url(<%= WebResource("Creative.Waad.Resources.Images.emc.key.png") %>) no-repeat; padding-left: 20px; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-context-locked .emc-label { background-image: url(<%= WebResource("Creative.Waad.Resources.Images.emc.link.png") %>); background-position: 180px 0; background-repeat: no-repeat; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-calculated-field .emc-value { padding-right: 18px; background-image: url(<%= WebResource("Creative.Waad.Resources.Images.emc.calculator.png") %>); background-position: right; background-repeat: no-repeat; }
			.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-radiobutton input { width: 20px; }
				
				/* Textbox content styles */
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value input[type=text] { width: 450px; color: Black; border: solid 1px #808e95; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-textbox-value { padding-right: 6px; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-readonly .emc-value input[type=text] { padding-right: 18px; width: 430px; background-color: #f1f3f4; background-image: url(<%= WebResource("Creative.Waad.Resources.Images.FamFamFam.lock.png") %>); background-position: right; background-repeat: no-repeat; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-readonly .emc-value .emc-textbox-value { padding-right: 20px; }
				
				/* Dropdown content styles */
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value select { width: 450px; color: Black; border: solid 1px #808e95; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-item .emc-value .emc-dropdown-value { padding-right: 6px; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-readonly .emc-value select { padding-right: 18px; background-color: #f1f3f4; background-image: url(<%= WebResource("Creative.Waad.Resources.Images.FamFamFam.lock.png") %>); background-position: right; background-repeat: no-repeat; }
				.emc2-control .emc-content .emc-component .emc-data-component .emc-group .emc-group-content .emc-readonly .emc-value .emc-dropdown-value { padding-right: 20px; }

		/* List Component */
		.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable { width: 100%; }
		.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable td { text-align: left; }
		.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable td.emc-radio-cell { width: 24px; cursor: default; }
		
			/* Pager */
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page { padding: 4px 6px; }
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-information { display: inline; float: left; }
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation { display: inline; float: right; }
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation div { display: inline; float: left; }
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation a, 
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation div.emc-page-navigation-current { display: inline; float: left; padding: 0 2px; margin: 0 2px; border: solid 1px #808e95; color: #000000; text-decoration: none; }
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation div.emc-page-navigation-current, 
			.emc2-control .emc-content .emc-component .emc-list-component .emc-page .emc-navigation a:hover { background-color: #808e95; color: #ffffff; }
			
			/* Table header */
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead tr { background-color: #f1f3f4; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td { border-top: solid 1px #808e95; border-bottom: solid 1px #808e95; font-weight: bold; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a { color: #223f7d; text-decoration: none; padding: 0 12px 0 0; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a.emc-content-ascending { background-image: url('../images/ascending.png'); background-repeat: no-repeat; background-position: right; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a.emc-content-descending { background-image: url('../images/descending.png'); background-repeat: no-repeat; background-position: right; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a:hover, 
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a.emc-content-descending:hover { background-image: url('../images/ascending.png'); background-repeat: no-repeat; background-position: right; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-datatable thead td a.emc-content-ascending:hover { background-image: url('../images/descending.png'); background-repeat: no-repeat; background-position: right; }
		
			/* Table body */
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-selectable tbody input[type=radio] { padding:0; margin:0; width:100%; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-selectable tbody tr { cursor: pointer; }
			/*.emc2-control .emc-content .emc-component .emc-list-component table.emc-selectable tbody tr:hover { background-color: #eaecf3; }
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-selectable tbody tr.emc-selected { background-color: #eaecf3; } */
			.emc2-control .emc-content .emc-component .emc-list-component table.emc-selectable tbody td { vertical-align: top;  }

		/* Scroll Component */
		.emc2-control .emc-content .emc-component .emc-scroll-component-header { padding: 0 5px; background-color: #f1f3f4; border-bottom: solid 1px #62737d; font-weight: bold; }
		.emc2-control .emc-content .emc-component .emc-scroll-component { padding: 5px; }