/*
 * Container Titles
 */

.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; /* req'd for old ie */
	empty-cells: show;         /* req'd for old ie */
nowidth: 100%;
}

/* 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; 
	text-indent: -22px;
	padding-left: 22px;
}

/* top level form group name column ("depth0 column0") */
.hu_form1_group_c0_d0 {
	white-space: nowrap;
	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;
nowidth: 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 #001e5b;
	background-color: #ffffff;
	color: #000000;
}

.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 #001e5b;
        background-color: #ffffff;
	color: #000000; 
	vertical-align: baseline;
	padding-left: 2px;
	padding-right: 2px;
}

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

.hu_form1_dtfmt {
	color: #a4a4a4;
}

.hu_form1_ibtn {
	padding: 3px 10px; 
	background-color: white;
	border: 1px solid #333333;
	color: black; 
	font-weight: bold; 
	font-size: 90%;
}

.hu_form1_ibtn:HOVER {
	background-color: #f4f4f4;
	color: black;
}

.hu_form1_ibtn[disabled="disabled"] {
        background-color: white;
        color: #aaaaaa;
        border: 1px solid #aaaaaa;
}

.hu_form1_ibtn[disabled="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;
	background-color: White;
	color: #606060;
}

.hu_form1_rotxt {
	color: #606060;
}

.hu_form1_rotxt table {
	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;
        }
}

/*
 * Tabs
 */

.hu_form1_tabs {
}

.hu_form1_tabs_inner {
	border: 1px solid graytext;
/*	padding: 0.5ex 0 1px 0.6em; */
	padding: 0.5ex 0.6em 1ex 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: 0px 1.0em 1px 0;
}

.hu_form1_table_tdc {
	white-space: nowrap;
	padding: 0px 1.0em 1px 0;
	text-align: center;
}

.hu_form1_table_td_row0 {
	padding: 1.0ex 1.0em 0.6ex 2px;
}

.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: 1.5ex;
	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;
}

/*
 * date picker
 */

.hu_form1_cal_div {
    width: 280px;
    border: 1px solid DimGray;
    background-color: white; 
    margin: 0;
    padding: 0;
    position: absolute; 
    z-index: 990;
    visibility: hidden;
}
 
.hu_form1_cal_table {
    width: 274px;
    margin: 1ex 3px; /* IE will ignore padding */
}

.hu_form1_cal_table TD {
    padding: 3px;
    text-align: center;
}

.hu_form1_cal_table TD A {
    color: black;
    padding-bottom: 2px;
}

.hu_form1_cal_table TD A:HOVER {
	background-color: #dddddd;
	color: black;
	text-decoration: none;
}

TD.hu_form1_cal_td:hover {
	background-color: #dddddd;
	color: black;
	text-decoration: none;
}

.hu_form1_cal0 {
    color: #a4a4a4;
}

.hu_form1_cal1 {
    background-color: #dddddd;
}

/*
 * code editor
 */

.hu_form1_icode {
    border: 1px solid black;
    margin-top: 5px;
    padding: 2px;
    font-family: monospace;
    font-size: 11pt;
    tab-size: 4;
}

/*
 * range slider
 */

.hu_form1_irg {
    position: relative;
    top: 3px;
    width: 150px;
}

/* 
 * navbar
 */

.hu_form1_nav_bar {
    width: 90%;
}

/*
 * alternate layout
 */
 
.hu_form1_alt_label, .hu_form1_alt_head {
    margin-top: 1.9ex;
    padding-bottom: 0.5ex;
}

.hu_form1_alt_widget {
    padding-bottom: 0.5ex;    
}

.hu_form1_iralt {
        display: none;
}

.hu_form1_iralt + label {
        display: inline-block;
        padding: 3px 1.35rem;
        cursor: pointer;
        border: 1px solid black;
        border-radius: 2px;
        background-color: white;
        margin: 0.5ex 0;
        position: relative;
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none;
}

.hu_form1_iralt:checked + label {
        transition: background-color 80ms linear; 
        background-color: #e4f8de;
        border: 1px solid #53666c;
}

.hu_form1_iralt:checked + label:after {
    content: "✔";
    display: block;
    position: absolute;
    top: -0.95rem;
    left: 0.1rem;
    height: 1rem;
    font-family: Arial Unicode MS;
    font-size: 220%;
    color: #42be42;
}

.hu_form1_ichkalt {
    margin: 0;
    display: none;
}

.hu_form1_ichkalt + label {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    width: 2.8rem;
    height: 1.2rem;
    top: 0.35rem;
    border-radius: 1.5rem;
    background-color: white;
    border: 1px solid black;
}

.hu_form1_ichkalt + label:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.45rem;
    top: 0.1rem;
    left: 0.15em;
    background: #f40000;
    transition: all 200ms ease;
}

.hu_form1_ichkalt + label:after {
    content: "✘";
    display: block;
    position: absolute;
    top: -0.05rem;
    left: 0.3rem;
    color: white;
    font-family: Arial Unicode MS;
    font-size: 0.8rem;
}

.hu_form1_ichkalt:checked + label:before {
    background: #42be42;
    transform: translateX(1.58rem);
}

.hu_form1_ichkalt:checked + label:after {
    content: "✔";
    left: 1.85rem;
    font-size: 0.75rem;
}

.hu_form1_isalt, .hu_form1_idrdalt {
    padding: 2px 4px;
    border: 1px solid black;
    border-radius: 2px;
}