/* container */
.hu_form1_group_head, .hu_form1_tabs_head, .hu_form1_table_head {
	text-align: left;
	vertical-align: baseline;
	padding: 1.2ex 0 1.2ex 0;
}
.hu_form1_head_top { font-weight: bold; }

/* toplevel containers get this additional class */
.hu_form1_margin_top { margin-top: 2ex; }


/* groups */
.hu_form1_group {
	border: 0px solid olive;
	border-spacing: 0px 0px; /* hor vert */
	border-collapse: collapse; /* old ie! */
	empty-cells: show;         /* old ie! */
	/*width: 100%;*/
}
.hu_form1_float_group { display: flex; flex-wrap: wrap; }
.hu_form1_group_items{
	align-items: normal;
	white-space: nowrap;
	vertical-align: baseline;
	display: flex;
}
.hu_form1_float_group_c0_d0 { /* input labels */
	padding: 1.2ex 1em 1.2ex 0; 
}
.hu_form1_float_group_c1_d0 { /* input fields */
	padding: 0 1em 0 0; 
}

/* note: height of layout table row is determined by max height
   of any cell in this row. Col1 contains input widget
   of unknown (and varying) height therefore do NOT provide
   padding in c1 and determine height by padding in c0, which
   contains label text only. */

/* to increase "density" of form change top and bottom padding
   in XX_group_XX and XX_text_XX styles from 1.2ex */

/* A DIV of class form1_box is wrapped around checkboxes and radios 
   to give the containing TDs a minimum height. less than the usual 
   1.2 1.2 but it will look better especially in table/itemlist layout */
.hu_form1_ybox {
	white-space: nowrap;
	margin: 1.1ex 0 0.6ex 0;
	vertical-align: baseline;
	display: inline-block;
	display: -moz-inline-stack;  /* very old FF */
	width: 1px;
	overflow: visible; 
}

.hu_form1_box_radio {
	margin: 5px 0 1ex 0;
}

/* top level form group name column ("depth0 column0") */
.hu_form1_group_c0_d0 {
	/*white-space: nowrap; FIXME: issue w/ multiline text. does this has sideeffects? */
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0; 
}

/* top level form group input control column ("depth0 column1") */
.hu_form1_group_c1_d0 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 0; 
}

/* top level form group tools column ("depth0 column2") */
.hu_form1_group_c2_d0 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 1.2ex 0 0 1em;
	text-align: right;
}

/* nested form group name column ("depth1 column0") */
.hu_form1_group_c0_d1 {
	white-space: nowrap; 
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0;
}

/* nested form group input control column ("depth1 column1") */
.hu_form1_group_c1_d1 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 0;
	/*width: 95%;*/
}

/* nested form group tools column ("depth1 column2") */
.hu_form1_group_c2_d1 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 5px 0 0 0.8em;
	text-align: right;
}

/* for embedded containers w/o left label ("invisibly embedded") */
.hu_form1_group_cX {
	padding: 0;
	margin: 0;
	width: 0%;
}

/* filler column */
.hu_form1_group_fillx {
	width: 100%;
}

/* to override baseline alignment (for multi-select) */
.hu_form1_topalign {
	vertical-align: top;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

/* text */
/* cX = text spanning both columns */
/* _text_cX_dY styles are emitted for rows containing text instead of _group_cX_dY styles */

.hu_form1_text_cX_d0 {
	width: 40em;
	vertical-align: baseline;
	padding: 1.2ex 0 1.2ex 0;
}

.hu_form1_text_c0_d0 {
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0;
}

.hu_form1_text_c1_d0 {
	width: 35em;
	vertical-align: baseline;
	padding: 0 0 0 0;
}

.hu_form1_text_c2_d0 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 1.2ex 0 0 1em;
	text-align: right;
}


.hu_form1_text_cX_d1 {
	width: 35em;
	vertical-align: baseline;
	padding: 1.2ex 0 1.2ex 0;
}

.hu_form1_text_c0_d1 {
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0;
}

.hu_form1_text_c1_d1 {
	width: 30em;
	vertical-align: baseline;
	padding: 1.2ex 0 1.2ex 0;
}

.hu_form1_text_c2_d1 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 5px 0 0 0.8em;
	text-align: right;
}

/* filler style added to main column text style */
.hu_form1_text_fillx {
	width: 100%;

}

/* inputs */
.hu_form1_idrd  { /* will use system widget for dropdown */
	border: 1px solid var(--syscolor0);
	border-radius: 2px;
	background-color: #ffffff;
	padding: 2px 0px;
	font-family: 'Open Sans', Verdana, Arial;
	color: #000000;
	font-size: 100%;
}

.hu_form1_idrd_ie {
	position: relative;
	top: 2px;
}

.hu_form1_irad  {
	position: relative;
	bottom: -2px;
}

.hu_form1_irad_ie  {
	bottom: -1px;
}

.hu_form1_istr {
        border: solid 1px var(--syscolor0);
	border-radius: 2px;
	padding: 2px 3px;
        background-color: #ffffff;
	color: var(--syscolor0); 
	font-size: 100%;
	vertical-align: bottom;
}

.hu_form1_istr_ie {
	position: relative;
	top: 1px;
}

.hu_form1_dtfmt {
	color: #b4b4b4;
}

.hu_form1_ibtn {
	border: 1px solid #333333;
	border-radius: 2px;
	padding: 3px 10px; 
	background-color: white;
	color: black; 
	font-weight: bold; 
}
.hu_form1_ibtn:HOVER { background-color: #f4f4f4; color: black; }
.hu_form1_ibtn[disabled="disabled"], .hu_form1_ibtn[locked="locked"], .hu_form1_ibtn[disabled=""] {
	border: 1px solid #aaaaaa; 
	background-color: white; 
	color: #aaaaaa; 
}
.hu_form1_ibtn[disabled="disabled"]:hover, .hu_form1_ibtn[locked="locked"]:hover, .hu_form1_ibtn[disabled=""]:hover {
	background-color: white; 
}

.hu_form1_txticon { vertical-align: middle; }
.hu_form1_link { }

/* readonly elements, must be declared AFTER hu_form1_istr!!  */
.hu_form1_ro {
	border: 1px solid LightGray;
	border-radius: 2px;
	padding: 2px 3px;
	background-color: White;
	color: #606060;
}
.hu_form1_rotxt { color: #606060; } 
.hu_form1_rotxt table { color: #606060; }

/* data control style to modify read only fields */
.hu_form1_ro_mdfy {
	border: 1px solid LightGray;
	background-color: #ffffe0;
	color: #606060;
}
.hu_form1_rotxt_mdfy {
	background-color: #ffffe0;
	color: #606060;
}

@media print { 
	.hu_form1_ro { border: initial; background-color: initial; color: #000000; }
	.hu_form1_rotxt { color: #000000; }
	.hu_form1_rotxt table { color: #000000; }
	.hu_form1_ro_mdfy, .hu_form1_rotxt_mdfy { }
}

/* tabs */ 
.hu_form1_tabs { } 
.hu_form1_tabs_inner { border: 1px solid graytext; padding: 0.5ex 0 1px 0.6em; }

.hu_form1_tabs_tab {
	float: left;
	list-style: none;
	padding: 2px 0.6em 3px 0.6em;
	margin: 0 0.4em 0 0;
	background-color: #f3f3f3;
	border: 1px solid graytext;
	position: relative;
	top: 1px;
	cursor: default;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	/*-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.hu_form1_tabs_sel { background-color: white; border-bottom: 1px solid white; }

/* table */
.hu_form1_table {
	vertical-align: baseline;
	border-spacing: 0px;
}

.hu_form1_table_td { white-space: nowrap; padding: 2px 1.0em 2px 0; }
.hu_form1_table_td_row0 { padding: 1.0ex 1.0em 0.6ex 2px; border-bottom: 1px solid var(--syscolor0); }
.hu_form1_table_td_col0 { vertical-align: top; padding: 1.2ex 1.0em 0.9ex 0; }
.hu_form1_table_td_null { margin: 0; padding: 0; }
.hu_form1_trcol { background-color: #eeeeee; } 

/* itemlist */
.hu_form1_table_td_arr { vertical-align: top; padding: 1.2ex 0.4em 0.8ex 0.4em; }

/* form */
.hu_form1_sdiv { /* DIV around submit button */
	margin-top: 2.5ex;
	margin-bottom: 1.5ex;
}

@media print { .hu_form1_sdiv { display: none; } }

.hu_form1_tdiv { /* div around tools */
	white-space: nowrap;
	margin-top: 0;
	margin-bottom: 0;
}

/* decorative border */
.hu_form1_border { border: 1px dashed #888888; } 
.hu_form1_border_head { font-size: 85%; } 
.hu_form1_border_main { } 
.hu_form1_border_tools { }

/* moveable window */
.hu_form1_window {
        border: 1px solid #6b88ad;
        background-color: white;
        margin: 0;
	padding: 0;
	position: absolute;
	z-index: 0;
	visibility: hidden;
}
.hu_form1_window_head {
        background-color: #6b88ad;
	color: white;
	padding: 2px 0.6ex 3px 0.6ex;
	font-weight: bold;
	cursor: default;
}
.hu_form1_window_main { padding: 0 0.6ex; } 
.hu_form1_window_tools { padding: 0 0.6ex; }
.hu_form1_unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	/* to be introduced in IE 10: http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */
	-ms-user-select: none;
	user-select: none;
}

/* chosen */
.chosen-container-single .chosen-single {
	border-radius: 2px;	
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin-bottom: 5px;
}

.chosen-container-single .chosen-single div b {
	background: url(lib/chosen-sprite.png) no-repeat 0px 1px !important;
}

.chosen-container .chosen-drop {
	border-bottom-left-radius: 2px !important;
	border-bottom-right-radius: 2px !important;	
}