sup {
	vertical-align: baseline;
	font-size: 75%;
	position: relative;
	top: -0.4em;
	}
textarea.monospace {
	font-family:monospace;
}

#fb_invalidFormHeader {
	font-size: 1.2em;
	color: #443333;
	font-weight: normal;
	background: #ffd68b;
	font-style: italic;
	border: 1px orange solid;
}
div.datePicker {
	z-index: 100000;
}

/*///////////////
*	Groups of fb_fieldsets
///////////////*/
div.fb_layout {
}
div.fb_layout div.fb_fieldset {
	display: block;
	float: none;
	width: auto;
}
div.fb_group div.fb_fieldset {
	display: table-cell;
	float: none;
	width: 50%;
	border-bottom: none;
}
div.fb_group div.fb_vgroup div.fb_fieldset {
	border-bottom: 1px white solid;
}
div.fb_group div.fb_vgroup div.fb_fieldset:last-child {
	border-bottom: none;
	}
div.fb_group {
	display: table;
	width: 100%;
	border-bottom: 1px white solid;
}
div.fb_group:last-child {
	border-bottom: none;
}
div.fb_group div.fb_vgroup {
	display: table-cell;
	float: none;
	width: 50%;
	background: #efefef;
}
div.fb_group div.fb_vgroup:first-child,
div.fb_group div.fb_fieldset:first-child {
	border-right: 1px white solid;
}
div.fb_group div.fb_vgroup:last-child,
div.fb_group div.fb_fieldset:last-child {
	border-right: none;
} 
div.fb_group div.fb_vgroup div.fb_fieldset {
	border-right: none;
	display: block;
	clear: both;
	width: auto;
}

@media all and (max-width: 924px) {
	div.fb_group {
		border-top: 4px red solid;
		display: block;
		clear: both;
		width: auto;
		border-bottom: none;
	}
	div.fb_group div.fb_fieldset {
		width: auto;
		display: block;
		border-bottom: 1px white solid;
		border-right: none;
	}
}
@media all and (max-width: 924px) {
	div.fb_group {
		border-top: 4px red solid;
		display: block;
		clear: both;
		width: auto;
		border-bottom: none;
	}
	div.fb_group div.fb_fieldset {
		width: auto;
		display: block;
		border-bottom: 1px white solid;
		border-right: none;
	}
}




/*///////////////
*	The fieldset groups
///////////////*/
div.fb_fieldset {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	/*padding: 0px 0px 2px 0px;*/
	padding: 0;
	margin: 0px;
	background: #efefef;
	border-bottom: 1px white solid;
	zoom: 1; /*IE hack to force hasLayout*/
	min-width: 440px;
}
Xdiv.fb_fieldset.flow {
	width: 49.9%;
	float: left;
	clear: none;
}
div.fb_fieldset.start {
	clear: left;
}

div.fb_fieldset>h2 {
	font-weight: normal;
	background: #dadada;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4) 20%, rgba(255, 255, 255, 0) );
	/*text-shadow:1px 1px 0 rgba(255,255,255,0.4);*/  
	text-shadow: 0px 1px 0px #ffffff;
	color: #222;
	position: relative;
	margin: 0;
	padding: 4px 12px 4px 12px;
	font-size: 14px;
	display: block;
	overflow: hidden;
}
/*Not a common occurance... but handy non the less*/
div.fb_fieldset>h2 img.thumb {
	float: left;
	margin-right: 10px;
	border: 1px white solid; 
}


/*Edit button for view mode group panels*/
div.fb_fieldset>h2 .fb_buttonset {
	position: absolute;
	right: 3px;
	top: 3px;
	color: #fff;
	margin: 0;
	display: inline-block;
}
div.fb_fieldset>h2 a.fb_button:hover {
	color: #000;
}
div.fb_fieldset>h2 span.description {
	display: block;
	font-weight: normal;
	text-transform: none;
	color: #777;
	font-size: 0.9em;
	text-shadow: none;
	}

/*///////////////
*	Hrule elements
///////////////*/
div.fb_element.hrule {
	background: #ddd url(../images/bg_hrsolid.png) repeat-x left top;
	color: #444;
	padding: 2px 0;
	}
div.fb_element.hrule p {
	margin: 1px 12px 1px 12px;
	}

/*///////////////
*	The elements : both form and display
///////////////*/
.fb_element div.label {
	margin: 5px 0 0 0;
	}
div.fb_element div.block {
	margin: 1px 0 2px 0;
	}
div.display div.label {
	margin-top: 3px;
	}
div.display div.block {
	margin-top: 3px;
	}
div.fb_element.display div.block span.unit_text {
	display: inline;
}
.viewmode div.textarea div.block {
	overflow:auto;
	max-height: 8em;
	}

p.descriptivetext,
.fb_elementset .fb_element:first-child .block,
div.fb_element div.block  {
	/*to allow for label*/
	margin-left: 13em;
}
.fb_element.nolabel .descriptivetext,
.fb_element.nolabel .block  {
	margin-left: 9px;
}
p.descriptivetext span {
	display: block;
}

div.fb_elementset,
div.fb_element {
	position: relative;
	clear: both;
	/*1px sacrifical padding : replaced by border on error*/
	padding: 0 1px;
	border-bottom: 1px #e7e7e7 solid;
	border-top: 1px #fff solid;
	/* background: url(../images/bg_formElement.png) repeat-x left -1px; */
	zoom: 1;
	overflow: hidden;
	}

div.fb_elementset {
	padding: 0;
}	
/*Tweaks for elements displayed inside an elementset*/
.fb_elementset .fb_element {
	display: table-cell;
	vertical-align: top;
	background: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	}
#MB_window .fb_elementset div.fb_element div.label,
body.popupwindow .fb_elementset div.fb_element div.label,
.fb_elementset .fb_element .label {
	width: auto;
	display: inline-block;
	float: none;
	}
#MB_window .fb_elementset div.fb_element div.label:empty,
body.popupwindow .fb_elementset div.fb_element div.label:empty,
.fb_elementset .fb_element .label:empty {
	display: none;
}
#MB_window .fb_elementset div.fb_element div.block,
body.popupwindow .fb_elementset div.fb_element div.block,
.fb_elementset .fb_element .block {
	display: inline-block;
	margin-left: 0;
	margin-right: 12px;
	}
#MB_window .fb_elementset div.fb_element .descriptivetext,
body.popupwindow .fb_elementset div.fb_element .descriptivetext,
.fb_elementset .fb_element .descriptivetext {
	margin-left: 0;
	margin-right: 12px;
	/*text-align: right;*/
	}
#MB_window .fb_elementset div.fb_element input,
body.popupwindow .fb_elementset div.fb_element input,
.fb_elementset .fb_element input,
div.fb_element input {
	height: 17px;
	}
#MB_window .fb_elementset .fb_element:first-child .label {
	position: relative;
	display: inline;
	float: left;
	color: #345;
	margin-right: 0.5em;
	text-align: right;
	vertical-align: top;
	width: 12em;
	}

/*Don't think this is necessary*/
X#MB_window .fb_elementset .fb_element:first-child .block {
	display: block;
	margin-left: 127px;
}

div.externalAJAX {
	padding: 0;
}
	
div.fb_fieldset div.fb_element:first-child {
	/*offset the first element background to avoid the dark line at the top*/
	background-position: left -1px;
} 	
div.fb_element.invalid {
	padding: 0;
	border: 1px orange solid;
}

.fb_elementset .fb_element:first-child .label,
div.fb_element .label {
	position: relative;
	display: inline;
	float: left;
	color: #345;
	margin-right: 0.5em;
	text-align: right;
	vertical-align: top;
	width: 12em;
	}

/*Narrow version*/
.narrow .fb_elementset .fb_element:first-child .label,
.narrow div.fb_element div.label {
	width: 10em;
}
.narrow .fb_elementset .fb_element:first-child .block,
.narrow div.fb_element div.block,
.narrow div.fb_element p.descriptivetext {
	margin-left: 11em;
}

.fb_elementset .fb_element:first-child .block,
div.fb_element div.block {
	display: block;
	float: none;
	position: relative;
	/*overflow: hidden;*/
	}
.fb_elementset .fb_element .block {
	margin-bottom: 0px;
	}

div.fb_element div.block p {
	margin-left: 0;
}
div.fb_element.outputtext div.block p {
	margin: 3px 0;
}
.descriptivetext {
	clear: both;
	font-size: 12px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	vertical-align: top;
	margin-top: 0;
	padding-left: 3px;
}
div.fb_element div.label img.fb_preview {
	width: 90px;
	height: 80px;
	display: block;
	margin: 0 8px 4px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #fff #fff #999 ;
	border-radius: 4px;
	padding: 6px;
	overflow: hidden;
	-moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 2px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	float: right;
	}

div.fb_element div.label button.cancel {
	position: absolute;
	display: inline-block;
	right: 86px;
	top: 70px;
}
div.fb_element p.error {
	background: #ffd68b;
	color: #433;
	padding: 2px 12px;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 2px 0;
}
.fb_elementset div.fb_element p.error {
	padding: 2px 4px;
}
.fb_elementset div.fb_element.invalid .label {
	padding-left: 2px;
}


/*///////////////
*	Contents of the .block
///////////////*/
div.fb_element div.block span {
	display:block;
}
div.fb_element div.block span.hint,
div.fb_element div.block span.unit_text,
div.fb_element div.block span.input,
div.fb_element div.block span.placeholder {
	display: inline-block;
	/*float: left;*/
	/*margin-right: 4px;*/
	margin-bottom: 2px;
}
div.fb_element div.block span.input.readonly {
	display: inline-block;
	padding: 1px 3px;
	border: 1px dotted #B5B8C8;
	min-height: 1em;
	min-width: 2em;
}
div.fb_element div.block span.checkboxgroup {
	display: inline;
	float: none;
	/*margin-right: 4px;*/
	margin-bottom: 2px;
}
div.fb_element div.block span.placeholder {
	margin-top: 1px;
}
div.fb_element div.block span.hint,
div.fb_element div.block span.unit_text,
div.fb_element div.block span.length_counter {
	margin-left: 2px;
	padding-top: 2px;
	color: #678;
	font-size: 12px;
	line-height: 1.2;
}
div.fb_element div.block span.length_counter span {
	display: inline;
}
div.fb_element.required input {
	border: 1px #ff9955 solid;
}

/*Display of booleans and checkbox results in view mode*/
.viewmode div.fb_element div.block .boolean_true,
.viewmode div.fb_element div.block .boolean_false {
	display: inline-block;
	border: 1px silver solid;
  border: 1px solid white;
  border-radius: 3px;
  padding: 0 4px 0 0;
	overflow: hidden;	
}
/* Boolean types*/
.viewmode .boolean_true:before {
	content:"✓";
	background-color: #35d472;
	color: white;
	padding: 1px 3px;
	margin-right: 0.2em;
}
.viewmode .boolean_false:before {
	content:"✗";
	background-color: #666;
	color: white;
	padding: 1px 3px;
	margin-right: 0.2em;
}
/*Check box selected options*/
.viewmode div.fb_element .selected_options span:nth-child(-1+1):after {
	display: inline-block;
	content: ", ";
}
/* display of dates */
.viewmode div.fb_element.date .block span {
	white-space: nowrap;
}

/*
	this is CSS4 : Not implemented in any browser yet;
.boolean select:has(>option[value="1"]:checked){
	background-color: #35d472;
}
.boolean select:has(option[value="0"]:checked){
	background-color: #d43572;
}
*/

/*Language flags*/
div.fb_element div.block .langblock {
	padding-bottom: 2px;
}
div.fb_element div.block .langblock .langflag {
	display: inline-block;
	border: 1px #bababa solid;
	background-color: #FBFBFB;
	border-radius: 3px;
	color: #444;
	text-transform: uppercase;
	padding: 0px 3px 0 0;
	vertical-align: top;
	font-size: 10px;
	line-height: 11px;
	min-width: 26px;
	cursor: help;
	direction: ltr;
} 
div.fb_element div.block .langblock .langflag:before {
	content:" ";
	display: inline-block;
	width: 12px;
	height: 11px;
	background-position: -2px top;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin: 0 2px 0 0;	
}

/*Both .langflag and langpanel elements here*/
div#langpanel div.buttons a:lang(en) span,
.fb_multilingual .fb_ml-tabs li[data-langid="en"]:after,
div.fb_element div.block :lang(en) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_en div							
																											{	background-image: url(../icons/langs/en.gif); 	}
div#langpanel div.buttons a:lang(es) span,
.fb_multilingual .fb_ml-tabs li[data-langid="es"]:after,
div.fb_element div.block :lang(es) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_es div
																											{	background-image: url(../icons/langs/es.gif); 	}
div#langpanel div.buttons a:lang(ru) span,
.fb_multilingual .fb_ml-tabs li[data-langid="ru"]:after,
div.fb_element div.block :lang(ru) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_ru div
																											{ background-image: url(../icons/langs/ru.gif); 	}
div#langpanel div.buttons a:lang(fr) span,
.fb_multilingual .fb_ml-tabs li[data-langid="fr"]:after,
div.fb_element div.block :lang(fr) .langflag:before, 		
.fb_linkedfiles .x-grid3-cell.lang_fr div
																											{ background-image: url(../icons/langs/fr.gif); 		}
div#langpanel div.buttons a:lang(de) span,
.fb_multilingual .fb_ml-tabs li[data-langid="de"]:after,
div.fb_element div.block :lang(de) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_de div
																									 		{ background-image: url(../icons/langs/de.gif); 		}
div#langpanel div.buttons a:lang(ca) span,
.fb_multilingual .fb_ml-tabs li[data-langid="ca"]:after,
div.fb_element div.block :lang(ca) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_ca div
																									 		{	background-image: url(../icons/langs/ca.gif); 	}
div#langpanel div.buttons a:lang(nl) span,
.fb_multilingual .fb_ml-tabs li[data-langid="nl"]:after,
div.fb_element div.block :lang(nl) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_nl div
																									 		{ background-image: url(../icons/langs/nl.gif); 		}
div#langpanel div.buttons a:lang(sv) span,
.fb_multilingual .fb_ml-tabs li[data-langid="sv"]:after,
div.fb_element div.block :lang(sv) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_sv div
																									 		{ background-image: url(../icons/langs/sv.gif); 		}
div#langpanel div.buttons a:lang(pt) span,
.fb_multilingual .fb_ml-tabs li[data-langid="pt"]:after,
div.fb_element div.block :lang(pt) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_pt div
																									 		{ background-image: url(../icons/langs/pt.gif); 		}
div#langpanel div.buttons a:lang(zh) span,
.fb_multilingual .fb_ml-tabs li[data-langid="zh"]:after,
div.fb_element div.block :lang(zh) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_zh div
																									 		{ background-image: url(../icons/langs/zh.gif); 		}
div#langpanel div.buttons a:lang(ar) span,
.fb_multilingual .fb_ml-tabs li[data-langid="ar"]:after,
div.fb_element div.block :lang(ar) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_ar div
																									 		{ background-image: url(../icons/langs/ar.gif); 		}
div#langpanel div.buttons a:lang(it) span,
.fb_multilingual .fb_ml-tabs li[data-langid="it"]:after,
div.fb_element div.block :lang(it) .langflag:before,
.fb_linkedfiles .x-grid3-cell.lang_it div
																									 		{ background-image: url(../icons/langs/it.gif); 		}																									 		

/*
	Simple display of multilingual single line text : View only : No edit buttons
*/
.fb_multilingual li[dir=rtl] {
	/* Cope with chromes odd behaviour for <li> with RTL. */
	text-align: -webkit-auto;
}

.viewmode div.fb_multilingual ul.langblock,
.viewmode div.fb_multilingual ul.langblock li {
	margin: 0;
	padding: 0;
}
.viewmode div.fb_multilingual ul.langblock li {
	padding-right: 36px;
	position: relative;
	margin-bottom: 3px;
	margin-right: 4px;
	border-bottom: 1px #dcdcdc solid;
}
.viewmode div.fb_multilingual ul.langblock .langflag {
	position: absolute;
	top: 0;
	right: 0;
}
.viewmode div.text.fb_multilingual ul.langblock li em.empty {
	color: #aaa;
}
.viewmode div.text.fb_multilingual .hint {
	margin-left: 0;
}

/*Tabbed display of multilingual multiline-text : View only : each with own edit button*/
.viewmode div.html.fb_multilingual div.block span.hint,
.viewmode div.textarea.fb_multilingual div.block span.hint {
	margin: 0 5px;
	padding: 0 3px;
}
.viewmode div.textarea.fb_multilingual div.block,
.viewmode div.html.fb_multilingual div.block {
	display: block;
	width: auto;
	float: none;
	margin: 0 !important;
	/*text-align: left;*/ /*Can't do this and expect dir=RTL to work*/
	padding: 4px 0;
	overflow: hidden !important;
	max-height: none !important;
}
.viewmode div.fb_multilingual ul.fb_ml-panels,
.viewmode div.fb_multilingual ul.fb_ml-tabs {
	margin: 0 4px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: block;
	position: relative;
	float: none;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs {
	margin-bottom: -1px;
	z-index: 1;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li {
	margin: 1px 0 0 4px ;
	padding: 0px 3px;
	float: right;
	display: inline;
	text-align: left;
	width: auto;	
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li.label {
	float: none;
	margin: 0;
}

.viewmode div.fb_multilingual ul.fb_ml-tabs li.fb_ml-tab {
	border: 1px #dadada solid;
	border-bottom: none;
	cursor: pointer;	
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #dadada;
	font-size: 11px;
	line-height: 16px;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li.fb_ml-tab:after {
	content:" ";
	display: inline-block;
	width: 12px;
	height: 11px;
	background-position: -2px top;
	background-repeat: no-repeat;
	vertical-align: bottom;
	border-radius: 3px;
	margin: 0 0 3px 2px;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li.tab-empty:after {
	width: 3px;
	background-image: none;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li span {
	display: block;
	padding: 0 20px 2px 0;
	background-position: right 4px;
	background-repeat: no-repeat;
}

.viewmode div.fb_multilingual ul.fb_ml-panels {
	overflow: auto;
	max-height: 11em;
	max-height: 9em;
	border: 1px #dfdfdf solid;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;	
	background-color: #FAFAFA;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li.fb_ml-panel {
	display: none;
	float: none;
	/*
	border-left: 1px #dfdfdf solid;
	border-right: 1px #dfdfdf solid;
	*/
	min-height: 22px;
	margin: 0;
	padding: 2px 6px;
	background: #fafafa;
	font-size: 85%;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li.panel-selected {
	display: block;
	overflow: hidden;
}
.viewmode div.fb_multilingual ul.fb_ml-tabs li.tab-selected {
	border-color: #dfdfdf;
	background-color: #fafafa;
	margin-bottom: 0;
	padding-bottom: 1px;
	color: #333;
}
.viewmode div.fb_multilingual ul.fb_ml-panels em.empty,
.viewmode div.fb_multilingual ul.fb_ml-tabs li.tab-empty {
	color: #aaa;
	font-style: italic;
}
.viewmode div.fb_multilingual ul.fb_ml-panels br {
	line-height: 6px;
}
.viewmode div.fb_multilingual ul.fb_ml-panels a.fb_icon {
	position: absolute;
	right: 3px;
	top: 3px;
	margin: 0;
	display: none;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li:hover a.fb_icon {
	display: block;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li strong {
	font-weight: bold;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li p,
.viewmode div.fb_multilingual ul.fb_ml-panels li h1,
.viewmode div.fb_multilingual ul.fb_ml-panels li h2,
.viewmode div.fb_multilingual ul.fb_ml-panels li h3,
.viewmode div.fb_multilingual ul.fb_ml-panels li h4,
.viewmode div.fb_multilingual ul.fb_ml-panels li h5,
.viewmode div.fb_multilingual ul.fb_ml-panels li h6,
.viewmode div.fb_multilingual ul.fb_ml-panels li ul,
.viewmode div.fb_multilingual ul.fb_ml-panels li table {
	/*Tighten up the margins for the content inside these panels*/
	margin: 0 0 3px 0;
	padding: 0;
	color: #333;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li ul {
	list-style: disc;
}
.viewmode div.fb_multilingual ul.fb_ml-panels li h1 { font-size: 18px; }
.viewmode div.fb_multilingual ul.fb_ml-panels li h2 { font-size: 16px; }
.viewmode div.fb_multilingual ul.fb_ml-panels li h3 { font-size: 15px; }
.viewmode div.fb_multilingual ul.fb_ml-panels li h4 { font-size: 14px; }
.viewmode div.fb_multilingual ul.fb_ml-panels li h5 { font-size: 13px; }
.viewmode div.fb_multilingual ul.fb_ml-panels li h6 { font-size: 12px; }


/*Preview of html textareas : Might be in a panel if multilingual*/
.viewmode div.fb_element.html table {
	border: 1px #aaa solid;
	border-collapse: collapse;
}
.viewmode div.fb_element.html th,
.viewmode div.fb_element.html td {
	border: 1px #aaa solid;	
	padding: 2px 4px;
}
.viewmode div.fb_element.html tr:nth-child(odd) td {
	background: #eee;
}
.viewmode div.fb_element.html th {
	font-weight: bold;
	background: #bbb;	
}

.viewmode div.fb_element div.block span {
	display: inline-block;
	vertical-align: top;
	/*padding: 0 0 ;*/
}


/*///////////////
*	Checkbox groups
///////////////*/
div.fb_element span.checkboxgroup label {
	cursor: pointer;
	text-align: left;
	/*display: inline-block;*/
	float: left;
	display: inline;
	position: relative;
	margin: 0 0.5em 2px 0 ;
	padding: 2px 4px 3px 2px;
	white-space: nowrap;
	width: auto;
	min-width: 3em;
	border-radius: 3px;
	border: 1px #ddd solid;
	/*text-indent: -15px;*/
	zoom: 1;
	line-height: 1.1em;
}
div.fb_element span.checkboxgroup label.fancybox_checked {
	border: 1px #aaa solid;
}

div.fb_element div.block span.checkboxgroup.vertical {
	display: block;
	clear: both;
	float: none;
	overflow: hidden;
}

div.fb_element span.checkboxgroup.vertical label {
	clear: both;
}
div.fb_element span.checkboxgroup label:hover {
	background: #feffe5;
	}
div.fb_element span.checkboxgroup label input {
	margin: 0 4px 0 0;
	padding: 0;
	border: none;
	/*top: -1px;*/
	width: 13px;
	height: auto;
	*overflow: hidden;
}
div.fb_element span.checkboxgroup label span {
	display: inline;
}
div.fb_element span.checkboxgroup input.radio {
	top: 0px;
}
div.fb_element span.checkboxgroup span.buttons {
	position: relative;
	float: none;
	display:block;
	clear: both;
	margin-top: 3px;
	padding-top: 4px;
}
div.fb_element span.checkboxgroup span.buttons a {
	font-size: 9px;
	padding: 1px 2px;
	margin-right: 3px;
}

/*Use multi-columns for horizontal layout for those browsers that can*/

div.fb_element div.block span.checkboxgroup.columns,
#MB_content div.fb_element span.checkboxgroup.columns {
	display: block;
	float: none;
	-webkit-column-count: auto;
  -webkit-column-gap: 10px;
  -webkit-column-rule: 1px solid #ddd;
  -webkit-column-width: 12em;

  -moz-column-count: auto;
  -moz-column-gap: 10px;
  -moz-column-rule: 1px solid #ddd;
  -moz-column-width: 12em;

  column-count: auto;
  column-gap: 10px;
  column-rule: 1px solid #ddd;
  column-width: 12em;
  margin-right: 9px;
  margin-top: 3px;
}

div.fb_element span.checkboxgroup.columns label {
	float: none;
	clear: both;
	display: block;
	padding-bottom: 3px;
	margin-bottom: 1px;
	margin-right: 0;
	page-break-inside: avoid;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	overflow: hidden;
	text-overflow:ellipsis;
}

/* Boolean tickbox : A single tickbox with no text label inside a checkboxgroup */
div.fb_element.boolean .boolean_checkbox label {
	min-width: 1em;
	float: none;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 0;
	margin-right: 0;
}
div.fb_element.boolean .boolean_checkbox input {
	margin: 0 4px;
}

div.fb_element.checkboxes .selected_options span:nth-last-child(n+2):after {
	content: ",";
}

/* All/None/Toggle buttons for checkbox groups */
div.fb_element .block .checkbox_tools {
	white-space: nowrap;
	display: inline-block;
}
div.fb_element .checkbox_tools button {
	margin-right: 0.5em;
	font-size: 11px;
	cursor: pointer;
}

/*////////////////
	Content thief table
	Only occurs in grizzle multiblock
////////////////*/
div.contentthief table td,
div.contentthief table th {
	padding: 2px 4px;
}
div.contentthief table th {
	text-align: left;
} 
div.contentthief table td {
	border-top: 1px white solid;
	vertical-align: text-bottom;
}


/*///////////////
*	For MCE
///////////////*/
div.fb_element table.mceEditor,
div.fb_element table.mceLayout {
	margin: 4px 10px 5px 10px;
	margin: 0;
	width: 100%;
}
div.fb_element table.mceEditor td,
div.fb_element table.mceLayout td,
div.fb_element table.mceLayout table {
	padding: 0;
	border: none;
	margin: 0;
}
span.mceEditorContainer td {
	padding:0; /*for tinyMce*/
	border:none;
	}



/*////////////////
	Live validation javascript
////////////////*/

.LV_validation_message{
    font-weight: bold;
    margin: 0 5px 0 5px;
    display: inline-block !important;
    font-size: 12px;
}
.LV_valid {
    color:#00CC00;
}
.LV_invalid {
    color:#CC0000;
}
.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/*////////////////
	Modal box or Popup window : Only sequential forms, no floating
////////////////*/

body.popupwindow {
	border: 10px white solid;
	border-top: 0;
	background: #ffffff;
}
body.popupwindow .innerpanel {
	border: none;
	border-radius: 0;	
}
body.popupwindow div.banner,
body.popupwindow div#frame,
body.popupwindow div.normal {
	border: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
}
body.popupwindow div.normal {
	border: 1px #bbb solid;
}
body.popupwindow h1 {
	padding: 0.5em 0;
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
}
body.popupwindow div.html .input textarea.fullwidth {
	width: 100%;
}

#MB_content {
	padding: 0px 1px !important;
}

#MB_window div.fb_fieldset {
	width: auto;
	float: none;
	display: block;
	clear: both;
}
#MB_window .innerpanel {
	border: none;
	border-radius: 0px;		
	background-color: transparent;
	margin-bottom: 1em;
}
#MB_window div.fb_fieldset h2 {
}
#MB_window .innerpanel .fb_fieldset > .fb_element {
	background-position: left -1px;
}
/*Narrower*/
body.popupwindow .fb_elementset div.fb_element:first-child div.label,
#MB_window .fb_elementset div.fb_element:first-child div.label,
body.popupwindow div.fb_element div.label,
#MB_window div.fb_element div.label {
	width: 120px;	
}

body.popupwindow .fb_elementset div.fb_element:first-child p.descriptivetext,
#MB_window .fb_elementset div.fb_element:first-child p.descriptivetext,
body.popupwindow div.fb_element p.descriptivetext,
#MB_window div.fb_element p.descriptivetext,
body.popupwindow div.fb_element div.block,
#MB_window div.fb_element div.block,
body.popupwindow div.fb_element.nolabel.image div.block,
#MB_window div.fb_element.nolabel.image div.block {
	margin-left: 126px;	
}
body.popupwindow .fb_elementset div.fb_element.nolabel:first-child p.descriptivetext,
#MB_window .fb_elementset div.fb_element.nolabel:first-child p.descriptivetext,
body.popupwindow div.fb_element.nolabel p.descriptivetext,
#MB_window div.fb_element.nolabel p.descriptivetext,
body.popupwindow div.fb_element.nolabel div.block,
#MB_window div.fb_element.nolabel div.block {
	margin-left: 12px;	
}

body.popupwindow div.fb_element div.block p.descriptivetext,
#MB_window div.fb_element div.block p.descriptivetext {
	margin-left: 0;	
}
body.popupwindow div.hrule p.descriptivetext,
#MB_window div.hrule p.descriptivetext {
	margin:1px 12px;
}
#MB_window textarea {
	min-width: 10em;
}
#MB_window div.html textarea {
	/*width: 574px;*/
	border-width: 0 0 1px 0;
	padding: 0;
	width: 100%;
}
#MB_window div.html p.hrsolid {
	/*Fullwidth HTML editors*/
	margin-bottom: 0;
	color: #334455;
	display: none;
}
#MB_content div.fb_element div.block span.hint, 
#MB_content div.fb_element div.block span.unit_text, 
#MB_content div.fb_element div.block span.input, 
#MB_content div.fb_element div.block span.placeholder, 
#MB_content div.fb_element div.block span.checkboxgroup {
	margin-bottom: 2px;
	margin-top: 2px;
}

#MB_content .fb_footnote {
	margin: 0.5em 12px;
	/*border: 1px #888 dotted;
	background-color: #fafafa;*/
}
#MB_content .fb_buttongroup {
	padding: 0;
	margin: 0.5em 0 1em;
}


/*
////////////////
	Generic portal
////////////////
*/
.portal {
	border:1px white solid;
	padding:1px;
	margin:0;
	background:black;
	width:32em;
	min-height:10em;
	margin-left:auto;
	margin-right:auto;
	top:30%;
	position:absolute;
	z-index:100;
	overflow:hidden;
	zoom:1;
}
.portalContent {
	width: 100%;
	overflow: auto;
	background: #EEEEEE;
	padding: 3px 0;
	min-height: 14em;
	max-height: 32em;
	zoom: 1;
}
.portalTitle {
	background: silver;
	color: white;
	border-bottom: 1px gray solid;
	position: relative;
	zoom: 1;
}
.portalTitle h4 {
	margin:0;
	padding:3px 10px;
	border-top:1px white solid;
	border-bottom:1px dimgray solid;
	}
.portalTitle .widgets {
	float:right;
}
.portalTitle .widgets button {
	margin:2px 2px 0 0;
	padding:0 1px;
	font-size:9px;
}
.portal .datetime input {
	width:auto;
}
.portal input,
.portal textarea {
	width:22em;
}

/*Used to indicate elements that have been stolen by portals*/
div.fb_element p.stolen {
	color: #999;
	font-style: italic;
	font-weight: bold;
}

/*
////////
	Cat selector stuff
	Built using AJAX
	See formbuilder.js - catSelector();
////////
*/

div.catsel-panel {
	border:1px #2D5099 solid;
	background:white;
}
div.catsel-toolbar {
	color:white;
	background:silver;
	border-bottom:1px dimgray solid;
}
div.catsel-toolbar a {
	font-size:0.9em;
	line-height:2em;
	margin:2px;
	padding:1px 2px;
	border-top: 1px white solid;
	border-bottom: 1px dimgray solid;
	border-left: 1px white solid;
	border-right: 1px dimgray solid;
	}
div.catsel-toolbar a:hover{
	border: 1px white solid;
	color:white;
}
div.catsel-display {
	padding:2px;
	min-height:2em;
}

#catsel-portal {
	border:1px white solid;
	padding:1px;
	margin:0;
	background:black;
	width:28em;
	min-height:10em;
	margin-left:auto;
	margin-right:auto;
	top:30%;
	position:absolute;
	z-index:100000;
	overflow:hidden;
	zoom:1;
}
#catsel-portalContent {
	width:100%;
	overflow:auto;
	background:white;
	min-height:12em;
	max-height:28em;
	zoom:1;
}

#catsel-portalTitle {
	background:silver;
	color:white;
	border-bottom:1px gray solid;
	position:relative;
	zoom:1;
}
#catsel-portalTitle h4 {
	margin:0;
	padding:3px 10px;
	border-top:1px white solid;
	border-bottom:1px dimgray solid;
	}
#catsel-portalTitle .widgets {
	float:right;
}
#catsel-portalTitle .widgets button {
	margin:3px 2px 0 0;
	padding:1 4px;
}

iframe#ie6selectMasker {
	border:4px red solid;
	display:none;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px;/*must have for any big value*/
}


/*
////////
	Cat selector textarea replacement using AJAX
////////
*/

.catsel-display ul {
	margin:0 0 0 1.5em;
	padding:0;
}

.catsel-display li {
}

/*
////////
	Image chooser : Works in a Modalbox
////////
*/

ul.fb_imagechooser,
.fb_imagechooser ul {
	position: relative;
	overflow: hidden;
	padding: 0;
}
ul.fb_imagechooser {
	margin: 0 10px;
	max-height: 500px;
	overflow: auto;
}
.fb_imagechooser ul {
	margin: 0;
}
.fb_imagechooser li {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	display: inline-block;
}
.fb_imagechooser li img {
	display: block;
	width: 90px;
	height: 80px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
	border-radius: 4px;
	margin: 0 6px 6px 0;
	padding: 4px;
	overflow: hidden;
	background: #eee;
	-moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 2px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	cursor: pointer;
}
.fb_imagechooser li img:hover {
	border-color: #000;
	background: #ddd;
}
.fb_imagechooser li img.selected {
	background: #dfc;
	border-color: #7f7;
}

/*
////////
	Linked images
////////
*/
.fb_linkedimages .tools {
	margin: 4px;
}
.fb_linkedimages .tools .fb_button {
	margin-right: 10px;
}

.fb_linkedimages ul.editable li img {
	cursor: move;
}
.fb_linkedimages li a.delete {
	float: left;
	display: inline;
}
.fb_linkedimages li a.delete span {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	width: 16px;
	text-indent: -3000em;
}
.fb_linkedimages a.edit {
	float: right;
	display: inline;
}
.fb_linkedimages .tools .spacer {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.fb_linkedimages ul {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.fb_linkedimages li {
	float: left;
	display: inline;
	width: 92px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
	border-radius: 4px;
	margin: 4px;
	padding: 2px 6px 6px 6px;
	text-align: center;
	overflow: hidden;
	-moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 2px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.fb_linkedimages li:hover {
	border-color: #888;
	background: rgba(255, 255, 255, 0.6);
}
.fb_linkedimages li img {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #eee #eee #999;
	margin: 4px auto;
	width: 90px;
	height: 80px;
}
.fb_linkedimages li p {
	display: block;
	margin: 4px 0;
}
.fb_linkedimages li .coverpanel {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #cf0169;
	background: rgba(207, 1, 105, 0.6);
	top: 0;
	left: 0;
	text-align: center;
}
.fb_linkedimages li .coverpanel strong {
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 1.3em;
	text-shadow: #000 0px 0px 4px;
}
.fb_linkedimages li .coverpanel a {
	margin: 6px 0;
}




/*Language panel : For multilang elements*/

/*language panel */
div#langpanel{
	position: relative;
	background-image: url("../images/bg_normal.png");
	border-bottom: 2px #fff solid;
	min-height: 22px;
	padding-top: 1px;
	overflow: hidden;
}
div#langpanel h2 {
	position: relative;
	text-transform: capitalize;
	font-size: 13px;
	display: block;
	padding: 4px 10px;
}
div#langpanel div.buttons{
	position: absolute;
	top: 3px;
	right: 10px;
}
div#langpanel div.buttons a {
	margin-left: 4px;
	padding: 0 3px;
}
div#langpanel div.buttons a span {
	background-position: left center;
	color: #aaa;
	padding-left: 18px;	
}
div#langpanel div.buttons a.selected span {
	color: #000;
}
/*Flag icons are defined already with /langflag */

Xdiv#langpanel a {
	margin-left: 4px;
	text-decoration: none;
	background-color:silver;
	background-repeat:no-repeat;
	background-position:1px center;
	height:13px;
	padding:2px;
	color:gray;
	float:left;
	border-top: 1px white solid;
	border-bottom: 1px dimgray solid;
	border-left: 1px white solid;
	border-right: 1px dimgray solid;
}
Xdiv#langpanel a span {
   margin: 0;
   margin-left:20px ;
}

Xdiv#langpanel a.sel{
	color:black;
	background-color:#efefef;
	border-bottom: 1px white solid;
	border-top: 1px dimgray solid;
	border-right: 1px white solid;
	border-left: 1px dimgray solid;
}
Xdiv#langpanel a:hover{
	border: 1px #2D5099 solid;
}


/*
 * Collapsible form groups
*/

div.fb_fieldset.collapsible h2.handle {
	padding-left: 20px;
	background-image: url(../icons/twotone/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
div.fb_fieldset.collapsible.open h2.handle {
	background-image: url(../icons/twotone/arrow-up.gif);
}

/*
	Menus
*/
.fb_menus ul.fb_menugroup {
	display: table;
}
.fb_menus ul.fb_menugroup	li {
	display: table-row;
}
.fb_menus ul.fb_menugroup	li>span {
	display: table-cell;
	vertical-align: top;
	padding: 1px 4px;
}

.fb_menus ul.fb_menugroup .header span{
	color: #666;
	border-bottom: 1px #999 solid;
}
.fb_menus ul.fb_menugroup a {
	text-decoration: underline;
}

.fb_menus ul.fb_menugroup span.index {
	min-width: 2em;
}
.fb_menus ul.fb_menugroup span.reference {
	min-width: 8em;
	font-family: monospace;
}
.fb_menus ul.fb_menugroup span.title {
	min-width: 12em;
}
.fb_menus .fb_menugroup li.row:hover {
	background-color: gold;
	background-color: rgba(238,224,65,0.8) !important;
}
.fb_menus ul.fb_menugroup a.delete {
	margin-left: 2em;
}
.fb_menus ul.fb_menugroup li.row {
	margin-bottom: 2px;
}


/*Styles for the event log grid*/

/*Property / Customers*/
.eventlogDataGrid div.state,
.eventlogDataGrid div.price	 				{ color: #4b8cd0; }
.eventlogDataGrid div.datachange		{ color: #8f5726; }
.eventlogDataGrid div.insert				{ color: #299c79; }
.eventlogDataGrid div.switch				{ color: #d04bce; }
.eventlogDataGrid div.duplicate 		{ color: #518760; }
.eventlogDataGrid div.customermatch,
.eventlogDataGrid div.propertyalert	{ color: #e671d4; }

/*System*/
.eventlogDataGrid div.login					{ color: #55943a; }
.eventlogDataGrid div.init					{ color: #f20f07; }
.eventlogDataGrid div.initialize		{ color: #b71e21; }
.eventlogDataGrid div.loginfail			{ color: #3e3a94; }


/*Styles to make grizzle internal link selection easier*/
.fb_element select {
	max-width: 35em;
}
.fb_element select option.hidden {
	text-decoration: line-through;
	color: #ccc;
	font-style: inherit;
}
.fb_element select option.language {
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: silver;
}
.fb_element select option.startpoint {
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: silver;
}


/* For file lists */
.fb_linkedfiles .fb_linkedfiles__published td {
	background: #adebb1;
}
.fb_linkedfiles .x-grid3-cell.lang div {
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -3000em;
}
.fb_linkedfiles .x-grid3-cell.action_buttons div {
	padding: 2px 3px;
}

.innerpanel .message__item {
	display: block;
	border: 1px #fff solid;
	border-radius: 6px; 
	padding: 2px 6px 2px 4px;
	margin: 5px;
	position: relative;
}
.innerpanel .message__item-info {
	border-color: #57E41B;
	background-color: #d9f6cc;
}

/*depth indenting for tree selects*/

.fb_element select option.d_1 {
	padding-left: 15px;
}
.fb_element select option.d_2 {
	padding-left: 30px;
}
.fb_element select option.d_3 {
	padding-left: 45px;
}
.fb_element select option.d_4 {
	padding-left: 60px;
}
.fb_element select option.d_5 {
	padding-left: 75px;
}
.fb_element select option.d_6 {
	padding-left: 90px;
}
.fb_element select option.d_7 {
	padding-left: 105px;
}

/* Text entry length progress bar */
div.fb_element div.block span.text_length--container {
	display: block;
	min-width: 100px;
	height: 7px;
	position: relative;
	overflow: hidden;
	background: #fff;
	background: repeating-linear-gradient(
  	to right,
	  #c7f1c9,
	  #c7f1c9 10%,
	  #9ee7a3 10%,
	  #9ee7a3 20%
	);
	border-left: 1px solid #B5B8C8;
	border-right: 1px solid #B5B8C8;
	border-bottom: 1px solid #B5B8C8;
	box-sizing: border-box;
}
div.fb_element div.block span.text_length--container span {
	position: absolute;
	top:0;
	left:0;
	box-sizing: border-box;
	display: block;
	height: 7px;
}
div.fb_element div.block span.text_length--min {
	background: #ddd;
	background: repeating-linear-gradient(
	  -45deg,
	  #ddd,
	  #ddd 10px,
	  #ccc 10px,
	  #ccc 20px
	);
}
div.fb_element div.block span.text_length--ideal {
	background: #65d96d;
	/*background-color: #fff;*/
	/*opacity: 0.75;*/

}
div.fb_element div.block span.text_length--progress {
	width: 4px;
	margin-left: -2px;
	background-color: #000;
}
div.fb_element div.block span.text_length--progress[data-state="short"]{
	background-color: red;
}
div.fb_element div.block span.text_length--progress[data-state="long"]{
	background-color: #d25834;
}
div.fb_element div.block span.text_length--progress[data-state="excessive"]{
	background-color: red;
}


/*Simulated Google display*/
div.fb_element div.block span.text_googlesim--title {
	border: 1px #aaa solid;
	border-radius: 4px;
	display: block;
	padding: 0 0 4px;
	width: 595px;
	margin: 4px 0;
	background-color: #dddddd;
}
div.fb_element div.block span.text_googlesim--title:before {
	content: "Simulated Google title. Not perfect but gives a reasonable idea.";
	font-size: 11px;
	display: block;
	padding: 2px 4px;
}
div.fb_element div.block span.text_googlesim--clipper {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	font-weight: normal;
	margin: 0 4px;
	padding:0;
	font-family: arial, sans-serif;
	line-height: 1.2;
	width: 587px;
	background: #fff;
	/*border-right: 1px red dotted;*/
	height: auto;
	text-align: left;
}
div.fb_element div.block span.text_googlesim--clipper > span {
	color: #1a0dab;
	text-decoration: none;
	display: inline;
	font-weight: normal;
}