
h1 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	}
	h1.elementsselector {
		margin: 22px 0 5px 0;
	}
h2,
.BoxRowBuilder table caption {
	margin: 14px 0 6px 0;
	padding: 2px 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
p {
	margin: 0 0 6px 0;
	}
	p.infogrey {
		padding: 10px;
		/* background: #e6e6e6; */
		background: #eff3f6;
	}
	p span.label {
		color: #9a9a9a;
	}
	p a {
		color: #4490EC;
	}
	p a:hover {
		text-decoration: underline;
	}
	
	div.atttext {
		padding: 3px 10px 3px 10px;
		background: #eff3f6;
		margin: 0 0 6px 0;
	}

div.clear {
	clear: both;
	height: 0;
	line-height:0px;
	padding:0px;
	margin:0px;
	width: 1px;
}


/* ------------ */
/* GUI elements */
/* ------------ */


/* Form layout */
	/* Textbox */
	div.BoxTextfield {
		margin: 0 0 6px 0;
		width: auto;
		}
	
	/* Textarea */
	div.BoxTextarea {
		margin: 0 0 6px 0;
		width: auto;
	}
		/* Size depends on the type/size of textarea. Add padding and border from the textarea if any */
		/*
		div.BoxTextarea.BoxTextareaSmall { width: 172px; }
		div.BoxTextarea.BoxTextareaMedium { width: 208px; }
		div.BoxTextarea.BoxTextareaLarge { width: 358px; }
		*/
	/* VisualEditor */
	div.BoxVisualEditor {
		margin: 0 0 6px 0;
		clear:both;	
		}
		/* Size depends on the type/size of VisualEditor. Add padding and border from the textarea if any */
		div.BoxTextarea.BoxVisualEditorSmall { width: 172px; }
		div.BoxTextarea.BoxVisualEditorMedium { width: 208px; }
		div.BoxTextarea.BoxVisualEditorLarge { width: 358px; }
	
	div.EditorLoadOnDemand {
		width: 100%;
		cursor: pointer;
	}
	
	/* Options / List of checkboxes or radiobuttons */
	div.BoxOptions {
		margin: 0 0 6px 0;
		}
		div.BoxOptions img {
			margin: 0 2px 0 0;
			vertical-align: middle;
			border: 0;
		}

	/* Checkbox Group */
	div.BoxCheckboxGroup {
		margin: 0 0 6px 0;
		}
		div.BoxCheckboxGroup ul, div.BoxCheckboxGroup li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		div.BoxCheckboxGroup ul a.CollapseGroup {
			background-image:url("graphics/arrowCheckboxDown.gif");
			background-repeat:no-repeat;
			background-position: 0 center;
			cursor:hand;
		}
		div.BoxCheckboxGroup ul a.ExpandGroup {
			background-image:url("graphics/arrowCheckboxRight.gif");
			background-repeat:no-repeat;
			background-position: 0 center;
			cursor:hand;
		}
		div.BoxCheckboxGroup ul ul {
			display:none;	
			margin: 2px 0 2px 34px;
			}
			div.BoxCheckboxGroup ul ul.CheckboxGroupSubShow {
				display: block;
			}
			div.BoxCheckboxGroup ul ul.CheckboxGroupSubLeft {
				float: left;
				/* margin: 2px 0 2px 17px; */ /* CORE-3506 */
				margin: 2px 0 2px 0px;
				text-overflow:ellipsis;
				overflow:hidden;
				width: 45%;
			}
			div.BoxCheckboxGroup ul ul.CheckboxGroupSubRight {
				float: left;
				/* margin: 2px 0 2px 10px; */ /* CORE-3506 */
				margin: 2px 0 2px 0px;
				text-overflow:ellipsis;
				overflow:hidden;
				width: 45%;
			}
			div.BoxCheckboxGroup ul ul li {
				display:inline;
			}
			div.BoxCheckboxGroup ul ul li a {
				white-space:nowrap;
				background-position:left 3px;
				display:block;
				margin-left: 32px; /* CORE-3506 */
			}
	/* List / Select */
	div.BoxList {
		margin: 0 0 6px 0;
		}
		div.BoxList select {
			/* CORE-484 */
			margin-top:1px;
		}
	/* Date / Time */
	div.BoxDate, div.BoxTime {
		padding: 0 0 6px 0;
		}
		div.BoxDate label, div.BoxTime label { display: block; }
		div.BoxDate input, div.BoxDate select, div.BoxDate a, div.BoxTime input, div.BoxTime select, div.BoxTime a {
			float: left;
			margin: 0 5px 0 0;
		}
		div.BoxDate input {
			width: 90px;
			border:1px solid #CCC;
		}		
		div.BoxDate a {
			margin: 0 10px 0 0;
			width: 16px;
			height: 18px;
			background: url('graphics/icn_calendar.gif') no-repeat 0 2px;
		}
		div.BoxDate.BoxDateDisabled a {
			cursor:default;
			background: url('graphics/icn_calendar_disabled.gif') no-repeat 0 1px;
		}
		div.BoxTime .BoxList { margin: 0; }
	/* Date / Time collection */
	div.BoxDateTime {
		width:250px;
		padding: 0 0 6px 0;
		}
		div.BoxDateTime .BoxDate, div.BoxDateTime .BoxTime {
			float: left;
			margin: 0 -3px 0 0;
		}
		div.BoxDateTime .BoxDate .clear, div.BoxDateTime .BoxTime .clear {
			float: left;
		}	
	
	/* Buttons */
	div.BoxButton {
		margin: 1px 0 6px 0px;
	}
	
	/* Space */
	div.BoxSpace {
			line-height:0px;
		}
		div.BoxSpace.BoxSpaceSmall { height: 6px; }
		div.BoxSpace.BoxSpaceMedium { height: 12px; }
		div.BoxSpace.BoxSpaceLarge { height: 24px; }
	
	/* Separator */
	div.BoxSeparator {
		border-top: 1px solid #6986A6;
		margin: 0 0 6px 0;
	}

	/* Upload */
	div.BoxUpload {
		margin: 0 0 6px 0;
		width: 200px;
		}
		div.BoxUpload input {
			/* CORE-480 */
			background-color:#EEE;
			border:1px solid #C1C1C1;
		}
	/* Upload indicator */
	div.BoxWait {
		margin: 0 0 6px 0;
	}

	/* Folder preview */
	div.BoxFolderPreview {
		width: 420px;
		margin: 0;
		padding: 15px 0 15px 0;
/*		border-top: 1px solid #ccc;*/
		}
		div.BoxFolderPreview div.BoxFolderItem {
			float: left;
			margin: 0 12px 0 0;
			background: #fff;
		}
		div.BoxFolderPreview div.BoxFolderItem p {
			margin: 0;
			padding: 2px 5px 3px 5px;
			background: #e6e6e6;
			font-weight: bold;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
			width:122px;
		}
		div.BoxFolderPreview div.BoxFolderImage {
			position: relative;
			width: 130px;
			height: 130px;
			border: 1px solid #000;
			background-repeat:no-repeat;
			background-position:center center;
		}
		
		/*CORE-823*/
		div.BoxFolderPreview div.InformationBox	
		{
			width:130px;
		}
		
		div.InformationBox div.Extension
		{
			float:left;
			font-weight:bold;
		}
		div.BoxFolderPreview div.BoxFolderSelect {
			float:right;
			font-weight:bold;
		}
		div.BoxFolderPreview div.BoxFolderImage.BoxFolderImageLink {
			cursor: pointer;
		}
		div.BoxFolderPreview div.BoxFolderImage img {
			position: absolute;			
			bottom: 0;
		}
		div.BoxFolderPreview div.BoxFolderItem.BoxFolderItemLast {
			margin: 0;
		}
		div.InformationBox span.OkButton
		{
			padding-left:18px;
			background: url('graphics/btnStatusBarOK.gif') left center no-repeat;
			}
	
	/* File preview */
	div.BoxFilePreview {
		margin: 10px 0 6px 0;
		background: #fff;
		}
		div.BoxFilePreview .BoxFilePreviewImage {
			margin: 0 0 6px 0;
			border: 1px solid #9e9e9e;
			text-align: center;
		}
		div.BoxFilePreview .BoxFilePreviewImage.BoxFilePreviewImageLink {
			cursor:pointer;
		}

	/* TreeSeletor */
	div.BoxTreeSelector {
		margin: 0 0 6px 0;
		}
			
	/* Sub elements */
	div.MsgInputRequired {
		float:left;
		width:15px;
		margin: 0px 0px 0px 6px;
		font-size: 10px;
		color: #737373;
		background: url('graphics/inp_req.gif') no-repeat 0px 5px;
	}
	div.MsgHelpText {
		/* float: right; */
		font-size: 10px;
		line-height: 12px;
		color: #737373;
		text-align: right;
	}
	div.MsgHelpTextTreeSelector {
		font-size: 10px;
		line-height: 12px;
		color: #737373;
		text-align: right;
		padding-right: 2px;
	}
	
	label{
		padding-left:1px;
		float:left;
	}
	
	div.SubLabelBox	
	{
		width: auto;		
		/* CORE-4971, reomved float:left;*/
		/* CORE-5035, added 'float: left' again */
		float:left;
		
		}

/* RowBuilder */
div.BoxRowBuilder {
	
}

.BoxRowBuilder .BoxButton {
	margin: 4px 0 3px 4px;
	
}

.BoxRowBuilder .Image {
	width: 16px;
	cursor: pointer;
}

div.BoxRowBuilder table caption {
	/* Takes most styles from h2 (see above) */
	text-align: left;
	padding-bottom: 4px;
}

.BoxRowBuilder table th,
.BoxRowBuilder table td {
	height: 22px;
}

.BoxRowBuilder .ListHeader th {
	font-weight: bold;
	text-align: left;
	border-top: solid 1px #C3C3C3; /* CORE-3450 */
	border-bottom: solid 1px #7D7D7D; 
	padding: 0 4px;
}

.BoxRowBuilder tbody td {
	padding: 0 4px;
}

.BoxRowBuilder tbody td p {
	padding: 0;
}

.BoxRowBuilder thead th.deleteicon {
	border-right: 1px solid #c3c3c3;
}

.BoxRowBuilder th.first {
	border-left: 1px solid #c3c3c3;
}

.BoxRowBuilder th.first,
.BoxRowBuilder td.first {
	padding-left: 10px;
}

.BoxRowBuilder th.EmptyCol,
.BoxRowBuilder td.RBKey {
	width: 0;
	padding: 0;
	font-size: 0;
}

.BoxRowBuilder tr.ListHeader th span {
	/* Needed to make InputRequiredIndicator work */
	float: left;
}

.BoxRowBuilder tr.ListHeader th div.MsgInputRequired {
	float: right;
	width: 16px;
}

.BoxRowBuilder td div.MsgInputRequired,
.BoxRowBuilder td div.BoxTextField > br {
	display: none;
}

.BoxRowBuilder td div.BoxList {
	padding-top: 2px;
	padding-bottom: 2px;
}

.BoxRowBuilder td div.BoxDate {
	padding-top: 3px;
	padding-bottom: 1px;
}

td.deleteicon {
	text-align: center;
}

td.deleteicon a {
	padding-top: 2px;
}

/* Forms elements */
	/* Generel */
	form, fieldset, input, textarea, select {
		margin: 0;
		font-family: tahoma;
		font-size: 11px;
	}
	/* Indicators */
	.IndicatorMissing { background: #fff200; }
	.IndicatorWrong { background: #333; color: #fff; }
	/* Formfields */
	input.FormField {
		display: block;
		padding: 2px 2px 2px 2px;
		border: 1px solid #4D6185;
		background: #FFF url('graphics/formfield_gradient_gen.gif') repeat-x top left;
		}
		input.FormFieldMain {
			font-size: 1.1em;
			padding: 3px 2px 3px 2px;
			font-weight: bold;
			color: #000;
			background: #F5FAFE url('graphics/formfield-gradient-main.jpg') repeat-x left bottom;
		}
		input.FormField.FormFieldSelector {
			margin: 0 2px 0 0;
			display: inline;
			vertical-align: middle;
			background-image: none;
		}
		input.FormField.FormFieldGray {
			border: 1px solid #D6D6D6;
			background-color:#EEE;
			color: #737373;
			background-image: none;
		}
		input.FormFieldDisabled {
			border: 1px solid #CCC;
			color:Black;
			background-color:#EEE;
			background-image: none;
		}

	/* Textareas */
	textarea.FormArea {
		display: block;
		padding: 2px;
		border: 1px solid #333;
		}
		/* textarea height */
		textarea.FormArea.FormAreaHeightSmall { height: 150px; }
		textarea.FormArea.FormAreaHeightMedium { height: 250px; }
		textarea.FormArea.FormAreaHeightLarge { height: 400px;}
		/* textarea width */
		textarea.FormArea.FormAreaWidthSmall { width: 164px; }
		textarea.FormArea.FormAreaWidthMedium { width: 200px; }
		textarea.FormArea.FormAreaWidthLarge { width: 350px; }
		textarea.FormAreaDisabled {
			border: 1px solid #CCC;
			background-color:#EEE;			
		}
		
	/* VisualEditors */	
	iframe.FormVisualEditor {
		/*display: block;
		padding: 2px;
		border: 1px solid #333;*/
		}
		/* VisualEditor height */
		iframe.FormVisualEditor.FormVisualEditorHeightSmall { height: 150px; }
		iframe.FormVisualEditor.FormVisualEditorHeightMedium { height: 300px; }
		iframe.FormVisualEditor.FormVisualEditorHeightLarge { height: 450px;}
		/* VisualEditor width */		
		iframe.FormVisualEditor.FormVisualEditorWidthSmall { width: 382px; }
		iframe.FormVisualEditor.FormVisualEditorWidthMedium { width: 494px; }
		iframe.FormVisualEditor.FormVisualEditorWidthLarge { width: 538px; }
	
	iframe.FormVisualEditorDoc {
		/*display: block;
		padding: 2px;
		border: 1px solid #333;*/
		}
		iframe.FormVisualEditorDoc.FormVisualEditorHeightSmall { height: 150px; }
		iframe.FormVisualEditorDoc.FormVisualEditorHeightMedium { height: 300px; }
		iframe.FormVisualEditorDoc.FormVisualEditorHeightLarge { height: 450px;}
		/* VisualEditor width */		
		iframe.FormVisualEditorDoc.FormVisualEditorWidthSmall { width: 382px; }
		iframe.FormVisualEditorDoc.FormVisualEditorWidthMedium { width: 494px; }
		iframe.FormVisualEditorDoc.FormVisualEditorWidthLarge { width: 538px; }
		
	/* Checkboxes */
	input.FormCheckbox {
		margin: -1px 1px 0 -3px;
		vertical-align: middle;
	}
	/* Radio buttons */
	input.FormRadio {
		margin: -1px 1px 0 -3px;
		vertical-align: middle;
	}
	
	.selectorbutton
	{
		margin-left: 5px;
	}
	
	.roundbutton 
	{
		float: left;
		line-height: 19px;
		cursor: hand;
	}
	
	.roundbutton UL 
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.roundbutton LI
	{
		float:left;
		margin: 0;
		padding: 0;
		background: url("graphics/roundbutton_right.gif") no-repeat right top;
	}

	.roundbutton A
	{
		display: block;
		background: url("graphics/roundbutton_left.gif") no-repeat left top;
		padding-left: 10px;
		padding-right: 10px;
		
		text-decoration: none;
		color: #000;
	}

	.butsel LI
	{
		background: url("graphics/roundbuttonsel_right.gif") no-repeat right top;
	}

	.butsel A
	{
		background: url("graphics/roundbuttonsel_left.gif") no-repeat left top;
	}

	.butdis
	{
		cursor: default;
	}

	.butdis LI {
		background: url("graphics/roundbuttondis_right.gif") no-repeat right top;
	}

	.butdis A {
		background: url("graphics/roundbuttondis_left.gif") no-repeat left top;
		color: #9B9B9B;
		cursor: default;
	}
	
	/* List menu */
	select.FormSelect {
		background: #FFF url('graphics/formfield_gradient_gen.gif') repeat-x top left;
		}
		select.FormSelect.FormSelectSmall { width: 50px; }
		select.FormSelect.FormSelectMedium { width: 100px; }
		select.FormSelect.FormSelectLarge { width: 164px; }
	a.FormButton {
		margin: 0 5px 0 0;
		padding: 2px 10px 2px 10px;
		font-weight: normal;
		line-height: 20px;
		color: #333;
		background: #FFD127 url('graphics/btnbg_norm.gif') repeat-x; 
		border: 1px solid #333;
		max-width: 64px;
		}
		a.FormButton:hover {
			background: #FFD127 url('graphics/btnbg_over.gif') repeat-x;
		}
		a.FormButton.FormButtonDisabled {
			border: 1px solid #C1C1C1;
			background: #EEE;
			cursor:default;
		}
		a.FormButton.FormButtonDisabled:hover {
			/* override a.FormButton:hover */
			background: #EEE;
		}
	a.FormIconButton {
		cursor:pointer;
	}
	a.FormIconButton .Image {
		width:1px;
	}
	a.FormIconButton .Image_large {
		width:1px;
	}
	a.FormIconButton.FormIconButtonDisabled {
		cursor:default;
	}
	a.FormIcon {
		margin: 0 4px 0 0;
		}
		a.FormIcon img {
			margin: 0 0 1px 0;
			vertical-align: middle;
		}
	
	/* wait layer */
	div.WaitIndicator 
	{
		margin:auto;
		width:210px;
		height:20px;
		background:url('graphics/ind_upl.gif') no-repeat;
	}
	
/* Content block info */	
.info {
	margin: 20px 0 0 0;
 	}
	.info p {
		margin: 20px 0 3px 0;
		font-weight: bold;
	}
.info .ExpandableGroup p
{
	font-weight:normal;
	margin:0px;
}


a.ToggleLink
{
	background: url('graphics/arrowCheckboxRight.gif') no-repeat 0px 3px;
	padding-left:12px;
}
a.ToggleLinkExpanded 
{
	background: url('graphics/arrowCheckboxDown.gif') no-repeat 0px 3px;
	padding-left:12px;
}
.ExpandableGroup 
{
	display:none;
	padding-left:15px;
}

/* Rules for 'CustomLayout' view on EditPage and Edit Page Template */
table.CustomLayout {
	border: none;
}

table.CustomLayout div.ContentAreaList,
table.CustomLayout div.ContentAreaListDummy {
	width: auto;
	padding: 0;
	margin-bottom: 12px;
	border: 0;
}

table.CustomLayout td.DummyContainer {
	background: #eaeaea;
	margin: 0;
}

table.CustomLayout .ContentAreaListDummy {

}

.ContentAreaListDummy h5 {
	color: #c3c3c3;
	margin: 0;
	padding: 0 6px;
	font-size: 1em;
}






