@import "font.css?v91";
@import "font-awesome.css?v91";
@import "window.css?v91";
@import "btn.css?v91";
@import "overlib.css?v91";
@import "elements.css?v91";

/* icon overwrite close -> cancel
.icon-close:before {
	content: "\e65f";
} */

/* NEW */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,
homebottom, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;*/
	vertical-align: baseline; }

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

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	color: #666666;
	font: normal 13px/20px Verdana, Tahoma, Sans-serif;
	line-height: 160%;
	background: white; }

/* set the default font style for some wysiwyg elements */
.context-menu :not(.icon), .toolbar :not(.icon) {
	font: normal 13px/20px Verdana, Tahoma, Sans-serif;
}

body.window-main {}
body.window-dialog {}

body.mode-edit {
	}
	
	body.mode-edit .readonly-mode {
		display: none;
	}

table {
	border-collapse:  separate;
	border-spacing: 0; }

a {	
	color: #EA640D; }
	
	a:focus {
		border: 1px dotted #EA640D;
	}

/* Placeholder styles */
.has-default::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}
.has-default::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
	opacity: 1;
}
.has-default:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default::-ms-input-placeholder { /* Microsoft Edge */
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.placeholder-italic::-webkit-input-placeholder {
	font-style: italic;
}
.placeholder-italic:-moz-placeholder {
	font-style: italic;
}
.placeholder-italic::-moz-placeholder {
	font-style: italic;
}
.placeholder-italic:-ms-input-placeholderr {
	font-style: italic;
}
.placeholder-italic::-ms-input-placeholder {
	font-style: italic;
}


.has-default.placeholder {
	color: #888;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.has-default .placeholder {
	color: silver;
	text-decoration: underline;
	text-decoration-style: dotted;
}
label.placeholder {
	text-decoration: underline;
	text-decoration-style: dotted;
}
select.placeholder option:not(.placeholder) {
	color: rgb(0,0,0);
}

iframe { display: block; }

label {
	display: inline-block;
	margin-top: -1px;
	vertical-align: middle;
	padding: 3px 12px 3px 0px; }
	
	.key label { padding-right: inherit; }
	label.leftside { padding: 3px 4px 2px 0px; }
	
	label img { vertical-align: top; }
	label img[id^="help"] { position: relative; top: -6px; }

h1, h2, h3 {
	cursor: default;
}
h1, h1 a {
	color: #333333;
	font: normal 36px CalibriRegular, Arial, Sans-serif;
	margin: 0 0 15px 0;
	text-decoration: none; }

h2, h2 a {
	color: #333333;
	font: normal 24px CalibriRegular, Arial, Sans-serif;
	margin: 0 0 15px 0;
	text-decoration: none; }
	
h3, h3 a {
	color: #333333;
	font: normal 14px CalibriBold, Arial, Sans-serif;
	margin: 6px 0;
	text-decoration: none; }

	h2, h3 a:hover {
		color: #333333 !important;
		/*cursor: text;*/
		text-decoration: none;
	}

.item-container {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.item-container.item-link-readonly i {
	display: none;
}
.item-container.item-link-readonly.is-readonly i {
	display: inline-block;
}

.left-icon {
	position: absolute;
	color: #aaa;
	left: 9px;
	font-size: 12px;
}
.right-icon {
	position: absolute;
	color: #aaa;
	right: 8px;
	top: 6px;
	font-size: 12px;
}


.loader-small {
	margin-left: 5px;
	display: inline-block;
	font: normal 13px CalibriBold, Arial, Sans-serif;
	color: #666666; }
	
	.loader-small img { vertical-align: middle; }
	.loader-small span { vertical-align: middle; padding-left: 4px; }

.loading-small {
	background-image: url(images/loader_small.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
	min-height: 20px;
	display: inline-block;
}

.bar-top {
	position: fixed;
	border-top: 8px solid #949599;
	width: 100%;
	z-index: 200;
}

.bar-pannels {
	padding: 10px 10px 0 10px;
}

/* tabs */
td.tabs, td.tabs td { padding: 0px; }
td.tabs table { width: 100%; }

.radius {
	border: 1px solid #CCCCCC;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radius .fdth {
	/* border-radius */
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.shadow:hover {
	cursor:  pointer;
	/* box-shadow  */
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	/* pie */
	behavior: url(/label/formdesk-new/PIE.htc); }
	
	.shadow:hover .settings {
		background: url('images/active-link.png') no-repeat center right;
	}
	
div#content {
	padding: 0px 0px 0px 0px; position: relative; }
	
.bar-first { height: 12px; }
	
.content-page, .content-panel { position: relative; overflow: inherit; /*padding-right: 12px;*/ }
#pages.padding-top .content-page { padding-top: 12px }

/*#pages { overflow: auto !important; }*/
#pages.float { width: 10px; height: 10px; }
#content > #pages > .content-page > iframe { margin-top: 12px }

.fieldset, .content-editor, .fdexplain, .message-explain, .fdinfo, .message-info, div.margin, .box {
	margin: 12px 12px 20px 12px;
	padding: 15px; }
	
	.fieldset .content-editor {
		margin: 0px 0px 5px 0px;
	}

body.embedded .fieldset { margin: 6px 4px 20px 4px; }
/*#content.embed > .fieldset, #content.embed > .fdexplain, #content.embed > .fdinfo { margin-right: 0px; }*/

.fdheader, .header, .footer {
	padding: 8px;
	cursor: default;
	color: white;
	background-color: #939599;
}
.fdheader, .header {
	font-weight: bold;
}

.content-editor, .content-preview, .summary-items {
	border: 1px solid #949599;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
	
	.content-editor {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		background-color: white;
	}
	.content-editor.fullscreen {
		margin: 12px;
		background-color: White;
	}
	
	#editor-preview, .editor-preview {
		-webkit-border-top-radius: 8px;
		-moz-border-top-radius: 8px;
		border-top-radius: 8px;
		background-color: white; }

		#editor-preview #preview-frame, #editor-preview #preview-loading, .editor-preview .preview-frame, .editor-preview .preview-loading {
			background-color: white;
		}
		#editor-preview #preview-loading, .editor-preview .preview-loading {
			text-align: center;
			vertical-align: middle
		}
		#editor-preview #preview-loading > div, .editor-preview .preview-loading > div {
			display: inline-block;
			margin-top: 100px;
			color: #666;
		}
	
	.content-editor .header, .content-preview .header, .summary-items .header {
		font-weight: normal;
		background-color: #949599;
		color: White;
		/*height: 24px;*/
		min-height: 12px;
		padding: 0px;
		padding-top: 4px;
		-webkit-border-radius: 9px 9px 0 0;
		-moz-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0; }
	
	.content-preview .header {
		/*height: 20px;*/
		padding: 8px;
	}
	
	.content-editor .footer, .content-preview .footer, .summary-items .footer {
		background-color: #949599;
		color: White;
		height: 35px;
		padding-top: 5px;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
		border-radius: 0 0 8px 8px; }
		
		.content-editor .footer .button-icon, .content-preview .footer .button-icon, .summary-items .footer .button-icon {
			line-height: 180%;
			padding: 1px 8px;
		}
		.content-editor .footer .button-icon, .content-editor .footer .button-icon:hover,
			.content-preview .footer .button-icon, .content-preview .footer .button-icon:hover,
			.content-editor .footer .button-icon span, .content-editor .footer .button-icon:hover span,
			.content-preview .footer .button-icon span, .content-preview .footer .button-icon:hover span,
			.summary-items .footer .button-icon span, .summary-items .footer .button-icon:hover span {
			
			color: White;
		}
		
		.content-editor .footer .button-active, .content-preview .footer .button-active, .summary-items .footer .button-active
			.content-editor .footer .button-active:hover, .content-preview .footer .button-active:hover, .summary-items .footer .button-active:hover {
			
			background: white;
			color: #666;
			border: 1px solid white;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px; }
			
			.content-editor .footer .button-active span, .content-preview .footer .button-active span, .summary-items .footer .button-active span,
				.content-editor .footer .button-active:hover span, .content-preview .footer .button-active:hover span, .summary-items .footer .button-active:hover span {
					
				color: #666;
			}
		
		.content-editor .footer .preview-navigation {
			display: inline-block;
			height: 100%;
			margin-left: 10px; }
			
			.content-editor .footer .preview-navigation a {
				padding: 1px;
			}
	
	.content-editor .footer.empty, .content-preview .footer.empty {
		height: 5px;
	}
	
	.content-editor .editor-frame {
		height: 100%;
		/*padding-bottom: 15px;*/ }
	
		.content-editor .editor-frame iframe, .content-preview iframe {
			background-color: White;
		}
	
	.content-editor .content {
		background-color: White;
		padding: 12px; }
		
		.content-editor .content > .fieldset {
			margin: 0px;
		}

.cke_chrome { border: none !important }
#cke_bottom_detail, .cke_bottom { display: none !important }

td.margin, .padding {
	padding: 12px 12px 20px 12px;
}
.padding-sides { padding: 0px 12px; }

td > .fdexplain, td > .fdinfo, td > .message-explain, td > .message-info {
	margin-bottom: 0px;
}
div.fieldset.float {
	margin-top: 0px;
}
/* kind of fieldset blocks */
.fieldset {
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }
	
	.fieldset.resize-width {
		/*display: inline-block;
		overflow: visible;
		margin: 3px 12px 10px 12px;*/
	}

	.fieldset .fdexplain, .fieldset .message-explain, .fieldset .message-info, .fieldset .fieldset {
		margin: 12px 0px 12px 0px;
	}
	
	.fieldset h2 {
		color: #333333;
		font: normal 20px CalibriRegular, Arial, Sans-serif; }
	
	.fieldset h3 {
		margin: 16px 0 8px 0;
		padding-top: 4px;
		color: #333333;
		font: normal 18px CalibriRegular, Arial, Sans-serif; }

	.fieldset h4 {
		margin: 16px 0 8px 0;
		padding-top: 4px;
		color: #333333;
		font: normal 16px CalibriRegular, Arial, Sans-serif;
	}
		
	.fieldset .separate {
		border-top: 1px solid #cccccc;
	}
	
	.fieldset td.value {
		padding: 2px; }
		
		.fieldset td.value.multi {
			padding-top: 3px;
		}
		
		.fieldset td.value > label {
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		.fieldset td.value div.option:nth-child(1) {
			margin-top: 2px;
		}
		
	.fieldset div.text {
		display: inline-block;
		padding: 0px 12px 0px 0px;
		vertical-align: middle;
		margin-top: -1px;
	}

	.fieldset td.key {
		text-align: left;
		padding: 6px 6px 6px 0px; }
	
	.fieldset.toolbar div.float {
		height: 34px;
	}
	.fieldset.toolbar label {
		padding-top: 5px !important;
	}
	
div.keyvalue {
	padding: 6px 10px 6px 0px; }
		
	div.keyvalue label {
		padding-right: 2px; }
		
	div.keyvalue.inline {
		display: inline-block;
		padding: 4px 10px 4px 0px; }

		div.keyvalue.inline.after {
			margin-left: 8px;
		}

	
ul.keyvalue, ul.nostyle, ul.optiongroup {
	list-style: none;
	padding-left: 0px }

	ul.keyvalue li, ul.optiongroup li {
		/*margin-left: 0px;*/
	}

ul.optiongroup {
	margin-top: 0px;
}

#content > .fieldset:first-child, #content > .fdexplain:first-child, #content > .fdinfo:first-child, #content > .message-explain:first-child, #content > .message-info:first-child,
.content-page > .fieldset:first-child, .content-page > .fdexplain:first-child, .content-page > .fdinfo:first-child, .content-page > .message-explain:first-child, .content-page .message-info:first-child {
	margin-top: 0px;
}
.last { margin-bottom: 8px !important; }
.first { margin-top: 0px !important; }

.info-tooltip {
	display: inline-block;
	margin-top: -2px;
	vertical-align: sub;
	position: relative;
	top: -4px;
	width: 20px;
	height: 20px;
	background: url(images/info1.gif) no-repeat; }
	
	.info-tooltip > div {
		display: none;
	}

label + .info-tooltip {
	margin-left: -10px;
	margin-right: 16px;
}

/*.content-page > .fieldset, .content-page > div.resize-width > .fieldset, 
	.content-page > .fdexplain, .content-page > div.resize-width > .fdexplain { margin-right: 0px; }
*/
div.inline { display: inline-block; }
div.center, div.left, div.right {
	margin: -4px 8px 4px 4px;
	padding: 8px;
}
div.center { text-align: center; }
div.left { padding-left: 10px; }
div.right { text-align: right; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.top { vertical-align: top; }
.right { text-align: right; }
.value.top { padding-top: 6px; }

div.resize-height, div.resize-width, table.resize-height, table.resize-width { position: relative; overflow: hidden; }
.resize-overflow { overflow: auto !important; }

/*div.resize-height > div, div.resize-width > div { overflow: hidden; }*/

.info { width: 24px; vertical-align: top; padding-top: 8px } /* general info class for the info tooltip */

/* item builder */
#tdHeader .item-image { background-color: rgb(230,227,223); } /* image in the header */

table.date td { padding: 0px; }

.required:after { content: "*"; }

/* user input elements */
input[type='text'], input[type='password'], input[type='image'], input[type='number'], select, textarea {
	color: #666666;
	font: normal 12px Arial, Verdana, Tahoma, Sans-serif;
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type='text'], input[type='number'], input[type='password'], select {
	height: 24px;
	vertical-align: middle;
	margin-right: 2px;
}
input[type='text'], input[type='number'], input[type='password'] {
	padding: 0 6px 0 6px;
}

input[type=number]::-webkit-inner-spin-button {
	margin-left: 4px;
}

input[type='radio'], input[type='checkbox'] {
	margin: 1px 4px 1px 0px;
	top: 2px;
	position: relative;
}
input[type='radio'] {
	/*margin-right: 4px;*/
	top: 2px;
}
select {
	padding: 3px 2px 2px 2px; }
	
	select option {
		padding: 3px;
	}

input[type='text'].element-readonly, input[type='password'].element-readonly, textarea.element-readonly,
input[type='text'].is-readonly, input[type='password'].is-readonly, textarea.is-readonly, select.is-readonly {
	border: 2px dotted silver;
}
input[type='text'].is-readonly, input[type='password'].is-readonly, textarea.is-readonly {
	padding: 0 6px;
}
.element-disabled {

}

.type-email.is-readonly {

}

div[role="button"] {
	display: inline-block;
	cursor: pointer; }
	
	div[role="button"] > img {
		vertical-align: middle;
		margin-right: 4px;
	}

.list-images {
	 }
	
	.list-images > div {
		/*width: 90px;
		height: 90px;*/
		float: left; }
	
		.list-images > div img { margin-top: 5px; }

/* layout themes */
.list-themes {
	}
	
	.list-themes > div {
		width: 170px;
		height: 170px;
		padding: 4px;
		float: left; }
		
		.list-themes > div > div {
			background-repeat: no-repeat;
			cursor: pointer;
			height: 160px;
			width: 160px;
		}


/* layout */
div.layout-indent {
	display: inline-block;
	width: 16px;
}
/* table classes */
.table-stats {
	width: 100%; }
	
	.table-stats > tbody > tr > td, .table-stats > tr > td { 
		white-space: nowrap;
		padding: 6px;
		border-bottom: 1px solid #ccc; }
	
	.table-stats .col-count {
		width: 40px;
	}
	
	.table-stats .table-header table { width: 100%; }
	.table-stats .table-header .stats-limit {
		width: 100%;
		text-align: left;
		padding-left: 8px;
	}

.table-stats-form {
	width: 100%; }
	
	.table-stats-form > tbody > tr > td {
		padding: 12px;
	}
	.table-stats-form .stats-header {
		padding: 0px;
	}
	.table-stats-form .table-info .key {
		width: 200px;
	}

.table-stats-bar img {
	display: block;
}

.stats-togglers {
	height: 50px; }
	
	.stats-togglers img {
		cursor: pointer;
		display: block;
		float: left;
		margin: 5px 5px 0 0;
	}
	.stats-togglers .toggler-qno {
		margin-top: 0px;
		margin-left: 10px;
		padding: 4px;
	}

.fdexplain, .fdinfo, .fdalert, .message-explain, .message-alert, .message-info, .box, .progress-container {
	background-color: White;
	border: 1px solid #CCCCCC;
	padding: 15px 15px 15px 15px;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height: 140%;
	vertical-align: top;
	overflow: auto;
	clear: both;
}
div.fieldset .fieldset, div.fieldset .fdexplain, div.fieldset .message-explain, div.fieldset .fdinfo, div.fieldset .message-info, div.fieldset .box, div.fieldset .progress-container {
	margin: 0px 0px 8px 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.fdexplain > div, .fdinfo > div, .message-info > div, .fdalert > div, .message-explain > div, .message-alert > div { padding: 0 4px 0 0; }

.fdalert, .message-alert {
	background-color: transparent;
	padding-left: 44px;
	margin-bottom: 20px;
	background-image: url(images/msg_alert.png);
	background-repeat: no-repeat;
	background-position: 6px 7px;
}
.message-alert-highlight {
	background-color: #fff;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
	box-shadow: 0px 0px 15px #888;
}
.message-alert.multiline {
	background-position: 6px 18px !important;
}

.progress-footer {
	padding: 8px 4px 0px 4px;
	border-top: #cccccc 1px solid;
	font-size: 8pt;
}

.no-margin-left { margin-left: 0px; }
.no-margin-right { margin-right: 0px; }

#todo-info {
	background-color: White;
	padding: 6px;
}

#help-thumbs div {
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	width: 50px;
}

/* mergecode picker */
.mergecodes {
	}
	
	.mergecodes-header {
		height: 30px; }
		
		.mergecodes-header div {
			display: inline-block;
		}
		.mergecodes-header label {
			padding-right: 4px;
		}
		
	.mergecodes-left {
		float: left;
		width: 230px; }
		
		.mergecodes-left select {
			width: 216px;
		}
		
	.mergecodes-right {
		float: left; }
		
	.mergecodes-info {
		background-color: white;
		border-style: none;
		padding: 4px;
		overflow: auto !important }

/* mergecode picker select; else Chrome will not display the listbox full height */
#lstCodes, #lstIdentifiers { display: block; }

.fd {
	background-image: none;
	background-color: none;
}
input.fdbtn {
	font-weight: normal;
	font-size: 10pt;
	font-family: arial, sans-serif
}
td.fdseperate {
	font-size: 1px;
	width: 2px;
	height: 2px;
	padding: 0px;
	font-family: arial;
	background-color: white;
}
td.fdsubsection {
	padding-right: 4px;
	padding-left: 4px;
	font-family: arial
}
td.fdexample {
	border: black 1px solid;
	padding: 2px;
	position: relative
}
.fdtype {
	border-top:2px outset white;
	border-left:2px outset white;
	border-right:2px outset silver;
	border-bottom:2px outset silver;
	width: 100%;
	font-family: arial;
	background-color: #e6e6e6
}
.fdqa {
	font-size: 10pt;
	color: #222222;
	font-family: arial;
	background-color: white;
}

.fdqab {
	border: white 1px solid;
	font-size: 10pt;
	color: #222222;
	font-family: arial;
	background-color: white;
}

.fdsubheader {
	font-weight: 600;
	font-size: 10pt;
	font-family: arial;
}

.table-info {
	}
	
	.table-info td { white-space:  nowrap; }
	.table-info > tbody > tr > td {
		padding: 2px 6px;
		line-height: 200%;
		border-bottom: 1px solid #ccc;
	}
	.table-info > tbody > tr > td:first-child {
		font-weight: bold;
	}
	.table-info > tbody > tr:last-child > td {
		border-bottom: none;
	}
	.table-info label {
		padding-right: 4px;
	}
	.table-info .button-separator { height: 18px !important; }

.table-notification {
	z-index: 99;
	width: 100%;
	background-color: White; }
	
	.table-notification .fdalert, .table-notification .fdinfo, .table-notification .message-alert, .table-notification .message-info {
		margin: 8px 12px 4px 12px;
	}

@media only screen and (max-width: 1024px) {
	
	.compact .table-notification { display: none; }

}

div.collapsible {
	overflow: hidden; }
	
	div.collapsible span.collapsible {
		float: right;
		font-size: 14px;
		cursor: pointer;
	}
	

.fdFilterActive {
	border: #dbdce5 1px solid;
	cursor: pointer;
	font-size: 10pt;
	font-family: arial;
	color: white;
	background-color: #dbdce5 
}
.fdRowOver {
	border: #777898 1px solid;
	cursor: pointer;
	font-family: arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
	background-color: #c6c8e8;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#c6c8e8, EndColorStr=#dbdce5);
}

.item-explain {
	border-top: white 1px solid;
	font-size: 10pt;
	font-family: arial;
	color: white;
	padding: 4px 4px 0px 26px;
	height: 30px;
	background-image: url(images/png/msg_info_small.png);
	background-position: 4px 11px;
	background-repeat: no-repeat;
	vertical-align: top;
	overflow: auto; }
	
	.item-explain table td {
		 height: 30px;
	}
	
	.item-explain > div {
		height: 100%;
	}
	.item-explain td, .item-explain a {
		color: white;
		font-weight: normal;
	}

.component-preview h3 {
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

optgroup {
	font-style: italic;
	font-weight: bold; }

	optgroup option {
		font-style: normal;
		font-weight: normal;
	}

#divHeader, #header-floating, #divFooter, #footer-floating {
	background-color: white;
	position: absolute;
	z-index: 999;
}
#divFooter, #footer-floating {
	position: absolute;
}
#divHeader, #header-floating {
	padding: 4px 0px 0 4px;
}
/*
#list-forms #header-floating {
	border-top: 8px solid #949599;
}
*/
#divFooter, #footer-floating {
	padding: 0 0px 6px 4px;
}

.float {
	float: left;
	position: relative; }
	
.float-right { 
	float: right;
	position: relative; }
	
/*.fdth, .fdts {
	background-color: #949599;
}*/

/* Lists / Summaries */
#tblList th, .table-list th, .table-summary th, .fdth, tr.table-header > td {
	padding-bottom: 6px;
	padding-top: 6px;
	background-color: #949599;
}
#tblList .fdth, #tblList .table-header, .table-list .table-header, .table-summary .table-header {
	height: 100%; }
	
	#tblList .fdth td, #tblList .table-header td, .table-list .table-header td, #tblList th, .table-list th, .table-summary th { white-space: nowrap; }
	
.fdth table.height, .fdth table.height td, .table-header table.height, .table-header table.height td, th table.height, th table.height td { line-height: 1; }

div.fdth, div.table-header {
	padding: 4px;
	vertical-align: middle;
}
.fdthover, #tblList th:hover, .table-list th:hover, .table-summary th:hover {
	background-color: #afb1b6;
	cursor: pointer;
}
.fdth, .fdth td, .fdth span, .table-header, .table-header td, .table-header span,
	.fdts, .fdts td, .fdts span, .fdts a, .table-status, .table-status td, .table-status span, .table-status a,
	#tblList th, .table-list th, .table-summary th, #tblList tfoot td, .table-list tfoot td, .table-summary tfoot td, #tblList tfoot a, .table-list tfoot a, .table-summary tfoot a,
	.fdthover td, .fdthover span {

	color: white;
}
.fdth, .fdth td, .fdth span, .table-header, .table-header td, .table-header span {
	text-align: left;
}
.fdth td, .table-header td { padding: 0px; }

td.fdts, .fdts > td, .table-status > td, #tblList tfoot td, .table-list tfoot td, .table-summary tfoot td  {
	padding: 10px;
	background-color: #949599;
	/*border-bottom: #78797d 2px solid;*/
}
.table-stats-form td.fdts {
	padding: 6px;
}

.fdts img, .table-status img, tfoot img {
	vertical-align: middle;
}
div.fdts, div.table-status {
	padding: 4px;
}

#tblList .fdtr > td, #tblList .table-row > td, .table-list .table-row > td, .table-summary .table-row > td {
	padding: 10px;
	border-bottom: 1px solid #eae8e8;
}
.table-results .table-row > td {
	vertical-align: top;
}

.fdsht, .col-marker { /* row marker, first cell of a table */
	color: Black !important;
	padding: 0px;
	font-weight: normal;
	background-color: #d8d8d8 !important;
	border-bottom: solid 1px silver;
	text-align: center;
}
td.fdsht {
	padding-right: 6px;
}

.fdodd > td, .odd > td {
	background-color: rgb(249,249,249);
}
.fdeven > td, .even > td {
	background-color: white;
}

@media screen and (min-width: 1024px), screen and (min-width: 1280px) and (min-height: 1024px), screen and (min-width: 1024px) and (min-height: 1155px) {
	tr.fdtr:hover > td, tr.table-row:hover > td {
		background-color: #eae8e8;
	}
}

tr.fdtr .list-top, tr.table-row .list-top { vertical-align: top; white-space: nowrap; }
tr.table-row .list-text {
	min-width: 250px;
	max-width: 400px;
	white-space: normal !important;
	word-wrap: break-word;
}
tr.table-row .list-text-max {
	min-width: 400px;
	max-width: 600px;
	white-space: normal !important }

.fdtdsys, .col-system, .col-system-end {
	background-color: #e1e1e1;
	white-space: nowrap;
}
.fdtdsysend, .col-system-end {
	border-right: 1px dotted;
}

.fdselected, .table-row.selected > td {
	background-color: rgb(230,227,223) !important;
}
.fdselected, .table-row.selected > td {
	border-bottom: 1px solid #ea640d !important;
	border-top: 1px solid #ea640d !important;
	padding: 6px;
}
.fdtdcell, .fdtdcellfirst, .fdtdcellmiddle, .fdtdcelllast {
	background-color: #cac7c3 !important;
	
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQUM3QzMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFNkUzREYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NjcpIiAvPgo8L3N2Zz4=);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cac7c3), to(#e6e3df)) !important;
	background-image: -webkit-linear-gradient(top, bottom, #cac7c3, rgb(230,227,223)) !important;
	background-image: -ms-linear-gradient(top, bottom, #cac7c3, rgb(230,227,223)) !important;
	background-image: -moz-linear-gradient(top, #cac7c3, rgb(230,227,223)) !important;
	background-image: linear-gradient(top, #cac7c3, rgb(230,227,223)) !important;
	cursor: pointer;
	padding: 3px;
}
.fdtdcell {
}
.fdtdcellfirst {
	padding-right: 4px;
}
.fdtdcellmiddle {
	padding-left: 4px;
}
.fdtdcelllast {
	padding-left: 4px;
}
.fdinfodiv {
	font-size: 8pt;
	font-family: arial;
	padding: 2px;
	background-color: white;
	border: 1px solid #cac7c3;
}
.fderror {
	border: 2px outset;
	background-position: right center;
	font-weight: bold;
	font-size: 24pt;
	background-image: url(/label/formdesk/images/top.gif);
	color: white;
	background-repeat: no-repeat;
	font-family: arial;
	background-color: #afafca
}

/* summary classes */
.col-menu {
	width: 20px; padding: 3px 0px 3px 4px !important; }

@media screen and (min-width: 1024px) {
	.table-summary .col-menu .button-icon { visibility: hidden; }
	.table-row:hover .col-menu .button-icon { visibility: visible !important; }
}


.col-type { width: 22px; padding: 6px 0px 3px 4px !important; text-align: center; }
.col-name, .col-title, .col-created, .col-modified, .col-submitted-last, .col-owner,
	.col-count, .col-perc { white-space: nowrap; }
.col-closed, .col-active {
	width: 22px; 
	text-align: center !important; }
	
	.col-closed img, .col-active img {
		display: block;
	}
	
.col-count { text-align: right !important; }
.col-top-first, thead .col-first {
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}
.col-top-last, thead .col-last {
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
.col-bottom-first, tfoot .col-first {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.col-bottom-last, tfoot .col-last {
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.col-top-first-inner {
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}
.col-top-last-inner {
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 80px;
	border-top-right-radius: 8px;
}
.col-bottom-first-inner {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.col-bottom-last-inner {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* rule list */
.table-rules {
	}
	
	.table-rules .col-menu { padding-left: 0px !important; }
	.table-rules div:not(.button-icon) {
		font-size: 11px;
		padding: 3px 4px 2px 4px;
		border-bottom: 1px dotted silver;
	}
	.table-rules td.rule-value {

	}
	.table-rules select {
		width: 100%;
	}
	.table-rules .rule-table-value {
		width: 100%;
		min-width: 224px; }

		.table-rules .rule-table-value td:last-child {
			width: 28px;
		}



.fdcolor {
	cursor: pointer;
	width: 18px;
	height: 18px;
}
.fdframe {
	background-color: white;

}
.top {
	padding-top: 6px;
	vertical-align: top;
}
.fdgridH {
	background-color: #666666;
	padding: 0px;
	height: 1px;
	font-size: 1px;
}
.fdgridV {
	background-color: #666666;
	padding: 0px;
	width: 1px;
	font-size: 1px;
}
.fdBar {

}
.fdContent {
	overflow: scroll;
}
.fdAlpha {
	width: 100%;
	height: 100%;
	position: relative;
	filter: alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
	background-color: white;
}
.fdCode 
{
	font: 10pt "courier new";
	padding: 4px;
	background-color: White;
}

.highlight { background-color: Yellow; }

.window-settings {
	}
	.window-settings ul a {
		padding: 4px 0px 4px 0px;
		font-size: 12px;
	}
	.window-settings a.settings {
		padding-right: 26px;
	}
	
	.window-settings .fieldset {
		float: left;
		width: 480px;
		height: 184px;
		margin-bottom: 12px !important;
		overflow: hidden }
		
		.window-settings .fieldset:first-child { margin-top: 12px !important; }
		
		.window-settings .fieldset h3 {
			float: left;
			margin: 0px !important;
			padding-top: 4px;
			height: 24px; }
			
			.window-settings .fieldset h3 label { padding: 0px; }
			
		.window-settings .fieldset .button-icon { padding: 0px 4px 0px 2px; }
		.window-settings .fieldset .float { float: left; margin: 2px 0 0 6px; }
	
		.window-settings .fieldset .settings-info { line-height: 150%; text-align: justify; padding-right: 8px; padding-left: 8px; }
		.window-settings .fieldset ul {	
			list-style: none;
			margin-top: 10px;
			padding: 0px;
			margin-left: 8px }
			
			.window-settings .fieldset ul li { float: left; margin-right: 12px; }
			
		.window-settings .fieldset .date { margin-top: -4px; }

	.window-settings #page3 .fieldset, .window-settings #page7 .fieldset, .window-settings #page8 .fieldset {
		height: auto;
	}
	
	.window-settings #domain { text-align:right; border-right: none; width:264px; background-color: transparent; text-overflow: ellipsis; direction: rtl; overflow: hidden }
	.window-settings .protocol { text-align:right; border-right: none; width: 50px; background-color: transparent }
	
	.window-settings .block-box { vertical-align: top; padding-top: 6px; }

.window-error {
	background-color: #888888; }
	
	.window-error td, .window-error p {
		color: #777777; font: normal 13px/20px Verdana, Tahoma, Sans-serif;
	}
	
	.window-error .table-content {
		width: 620px;
		background-color: #FFFFFF;
		border: 1px solid #262626;
		margin-top: 20px;
		margin-right: 20px;
		margin-bottom: 0px;
		margin-left: 20px; }
		
		.window-error .table-content .content-header {
			height: 10px;
			background-color: #ea640c;
		}
		
		.window-error .table-content .content-body {
			padding-right: 30px;
			padding-left: 30px;
			padding-bottom: 30px;
		}
	
	.window-error .table-footer {
		width: 620px; }
		
		.window-error .table-footer td {
			color: #FFFFFF;
			font: normal 11px/16px Verdana, Tahoma, Sans-serif;
			text-align: center;
		}

.window-system {
	}
	
	.window-system .system-message {
		background-color: white;
		border: 1px solid silver;
		padding: 8px;
	}

.filemanager-theme-default {
	}
	
	.filemanager-theme-default .file-item {
		}
		
		.filemanager-theme-default .file-item div {
			display: inline-block;
		}
		
		.filemanager-theme-default .file-name {
			width: 300px;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
		}
		.filemanager-theme-default .file-name.file-hasvalue {
		}
		
		.filemanager-theme-default .file-description {
			min-width: 400px;
			margin-left: 10px;
		}
		
		.filemanager-theme-default .file-item .file-goto {
			position: relative;
			left: -20px;
			top: 2px;
			width: 0px;
		}

.window-theme-calendar {
	}
	
	.window-theme-calendar .cal_title {
		/* border-radius */
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
	.window-theme-calendar .cal_time {
		/* border-radius */
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}

.window-signing {
	}
	
	.window-signing #page1 td.key {
		width: 250px;
	}
	.window-signing #page1 td.value input[type=text], window-signing td.value select {
		width: 300px;
	}

.screen-onlinepayment {
	}

	.screen-onlinepayment .provider-specific .list-identifiers {
		width: 120px;
	}
	
@media print {
	div { overflow: visible !important; }
}

/* Item builder */
.iconsettings {
	display: inline-block;
	white-space: nowrap;
}

.iconpreview {
	display: inline-block;
	padding: 4px 6px;
	border: 1px solid silver;
	background-color: white;
	height: 28px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}
.iconpreview i, .icon i {
	/*vertical-align: middle;*/
	font-style: normal;
}

.item-wait {
	z-index: 95;
	position: absolute !important;
	padding: 0px !important;
	margin: 0px !important;
	top: 0px;
	left: 0px;
	border: none !important;
	background: white !important;
	filter: gray() alpha(opacity=80);
	opacity: .8;
	-moz-opacity: .8; }
	
	.item-wait img {
		display: block;
		margin: auto;
	}

.email-from-validation {
	font-style: italic; }

	.email-from-validation #block-from-systemdefault {
		margin-bottom: 8px;
		margin-top: 4px;
	}

	.email-from-validation #verification_code {
		}

		.email-from-validation #verification_code.valid {
			color: green;
		}
		.email-from-validation #verification_code.invalid {
			color: red;
		}

.window-formresults #cboViews, .window-view #views {
	width: 170px;
}

.explain-arrow-container {
	}

	.explain-arrow-container .message-explain {
		position: relative;
		top: -1px;
		z-index: 1;
		/*margin-top: 24px !important;*/
	}
	.explain-arrow-container .explain-arrow {
		position: relative;
		z-index: 2;
		background: top left url(images/explain-arrow.png) no-repeat;
		width: 24px;
		height: 12px;
	}