/* ***************************************************************************** */
/* ************** CSS STYLESHEET FOR STYLING XFORMS INSIDE OF HTML ************* */
/* this stylesheet uses table layout which may not be supported on all browsers. */
/* ***************************************************************************** */

.invalid > .alert{
    position: absolute;
    border: thin solid;
    background-color: white;
    color: red;
    padding: 2px;
    height: 13px;
    margin-left: 2px;
}

.valid .alert{
    display:none;
}
.invalid .value{background:red;}
.invalid input{background:red;}

.enabled {
}

.disabled .label*{
    display:none;
}
.disabled .value{
    display:none;
}
.disabled {
    display:none;
}


.selector-item {
}
.selector-prototype {
    display:none;
}


/* ************************** XFORMS STYLES ************************************ */
/* ************************** XFORMS STYLES ************************************ */
/* ************************** XFORMS STYLES ************************************ */

/* #################### Repeat styles #################### */

/* ### XForms pseudo elements for repeat ### */
.repeat-header {
}
.repeat-item {
}
.repeat-index {
    background-color:orange;
}
.repeat-prototype {
    display:none;
}

/* ### Chiba custom ### */
.minimal-repeat{
}
.minimal-repeat.repeat-item{
    display:block;
}

.compact-repeat{
}
.compact-repeat > repeat-item{
    display:table-row;
}

.full-repeat{
    display:block;
}

/* ### FULL REPEAT STYLES ### */
.full-repeat > .repeat-selector{
    vertical-align:top;
}

.repeat-selected {
    white-space:nowrap;
    background-color:#dddddd;
}

.repeat-deselected {
    white-space:nowrap;
    background-color:#dddddd;
}

.minimal-repeat-selected{
    display:block;
    white-space:nowrap;
    background-color:#eeeeee;
}
.minimal-repeat-deselected{
    display:block;
    white-space:nowrap;
    background-color:#eeeeee;
}

.minimal-repeat-selector {
    background-color:#eeeeee;
    height:100%;
}

/* ### selector style if in table ### */
.selector-cell{
    background-color:#cccccc;
    vertical-align:top;
    align:center;
}

/* ### applies only to compact style - the empty cell in the upper left corner of the table ### -->
.repeat-selector-header{
}

/* #################### COMMON CHILDREN #################### */
.label {
}
.help {
    display:inline;
}

.alert{
    position:absolute;
    border:thin solid;
    background-color:white;
    color:red;
    padding:2px;
    margin-left:2px;
}


/* special */
#branche .value{width:150px;}
#rechtsform .value{width:150px;}
#forderungsgrund .value{width:150px;}
#nutzer .value{width:50px;}
#zugang{margin-left:190px;float:left;}
#pfeil{margin-left:170px;}