﻿/* XForms system  */

form.xforms-form fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}
form.xforms-form legend
{
    margin: 0 0 1em 0;
    padding: 0;
}

.xforms-group label
{
    margin: 0;
}

.xforms-cc label
{
    float: none;
    display: block;
    padding-right: .5%;
    margin: 0;
    text-align: right;
    overflow: hidden;
}

.xforms-group.xforms-ap-minimal .xforms-cc
{
    display: inline-block;
}

.xforms-group.xforms-ap-minimal .xforms-cc label
{
    float: none;
    display: inline-block;
    width: auto;
    overflow: visible;
}

form.xforms-form label.xforms-select-full
{
    display: block;
    float: none;
    width: auto;
    text-align: left;
}

.required-indicator {
	display: none;
}
.xforms-required span.required-indicator {
	display: inline;
}

form.xforms-form select.xforms-select1 {
    text-align: left;
}

div.xforms-cc .xforms-control:disabled, .xforms-control:disabled, select.xforms-cap-dual-list:disabled {
    background: #eee;
}

/* full */
input[type=text].xforms-ap-full, input[type=password].xforms-ap-full, input[type=file].xforms-ap-full, textarea.xforms-ap-full
{
    width: 99%;
}

.xforms-ap-full .xforms-field-alert
{ }

/* minimal */
input[type=text].xforms-ap-minimal, input[type=password].xforms-ap-minimal, input[type=file].xforms-ap-minimal, textarea.xforms-ap-minimal, select.xforms-ap-minimal, label.xforms-ap-minimal
{
    min-width: 150px;
}

.xforms-group.xforms-ap-minimal > legend
{
    display: block;
}


.xforms-group.xforms-ap-minimal label
{
    float: none;
    text-align: left;
    display: block;
    padding-right: 0;
    width: auto;
}

input[type=text].xforms-ap-minimal.medium, input[type=password].xforms-ap-minimal.medium, input[type=file].xforms-ap-minimal.medium, textarea.xforms-ap-minimal.medium, select.xforms-ap-minimal.medium, label.xforms-ap-minimal.medium
{
    min-width: 300px;
}

/* compact */
.xforms-group.xforms-ap-compact label
{
    float: none;
    text-align: left;
    padding-right: 0.5em;
    width: auto;
}


/* blokken */
.xforms-cc
{
    clear: both;
    display: block;
}

.xforms-repeat.xforms-ap-compact .xforms-cc, .xforms-group.xforms-ap-minimal .xforms-cc
{
    display: inline-block;
    width: auto;
    clear: none;
    padding-right: 1em;
}


.xforms-group
{
    padding: 0;
}

fieldset.xforms-group.xforms-ap-minimal
{
    margin: 0 0 0 0;
}

.xforms-select, .xforms-select1
{
    display: block;
    margin-bottom: 0.5em;
}

.xforms-field-alert
{
    z-index: 500;
    white-space: normal;
    padding: .2em;
    font-weight: bold;
}

.xforms-field-alert
{
    visibility: hidden;
}

.xforms-group.xforms-ap-minimal .xforms-field-alert
{
    display: none;
    visibility: visible;
}


.xforms-invalid .xforms-field-alert
{
    display: block !important;
    visibility: visible;
}

.xforms-form-invalid 
{
    font-weight: bold;
    color: red;
}

input.xforms-builtin-type-integer, input.xforms-builtin-type-nonpositiveinteger, input.xforms-builtin-type-negativeinteger, input.xforms-builtin-type-long, 
input.xforms-builtin-type-int, input.xforms-builtin-type-short, input.xforms-builtin-type-nonnegativeinteger, input.xforms-builtin-type-unsignedlong,
input.xforms-builtin-type-unsignedint, input.xforms-builtin-type-unsignedshort, input.xforms-builtin-type-positiveinteger, input.xforms-builtin-type-decimal, 
input.xforms-builtin-type-byte, input.xforms-builtin-type-unsignedbyte
{
    text-align: left;
}

img.xforms-ap-compact
{
    max-width: 300px;
}
img.xforms-ap-minimal
{
    max-width: 150px;
}

textarea.xforms-ap-full
{
    height: 10em;
}

textarea.xforms-ap-compact
{
    height: 5em;
}

textarea.xforms-ap-minimal
{
    height: 2em;
}

.noscript .xforms-message
{
    display: none;
}

.xforms-message.ephemeral, .script .xforms-message.ephemeral
{
    display: inline-block;
    width: auto;
}

.script .xforms-message
{
    display: none;
}

.script .xforms-msg-container 
{
	display: none;
}


.xforms-field-help
{
    display: none;
}

.xforms-message .ui-button-text
{
    padding: 0;
}
.ui-dialog.xforms-message
{
    border: 1px solid #bbb;
}

.xforms-trigger.xforms-ap-minimal, .xforms-submit.xforms-ap-minimal
{
    font-size: smaller;
}
.xforms-output
{
    display: inline-block;
}
.xforms-output.xforms-ap-minimal
{
    font-size: smaller;
}
.xforms-output.xforms-ap-compact
{
    padding: 0;
}
.xforms-output.xforms-ap-full
{
    padding: .5em;
}

.xforms-output.xforms-ap-minimal
{
    font-size: smaller;
}

.xforms-cc.image .xforms-output.image.xforms-ap.compact
{
    display: inline;
    float: left;
}

.xforms-empty-group-label {display: none}

div.xforms-select.xforms-ap-full.float, div.xforms-select1.xforms-ap-full.float
{
    overflow: auto;
    height: auto;
    border: 1px solid #ccc;
    width: auto;
}

div.xforms-select.xforms-ap-full.float label, div.xforms-select1.xforms-ap-full.float label
{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.xforms-select.xforms-ap-full.small, div.xforms-select1.xforms-ap-full.small
{
    width: 250px;
}
div.xforms-select.xforms-ap-full.small label, div.xforms-select1.xforms-ap-full.small label
{
    width: 4em;
}

div.xforms-select.xforms-ap-full.medium, div.xforms-select1.xforms-ap-full.medium
{
    width: 430px;
}
div.xforms-select.xforms-ap-full.medium label, div.xforms-select1.xforms-ap-full.medium label
{
    width: 7em;
}

div.xforms-select.xforms-ap-full.large, div.xforms-select1.xforms-ap-full.large
{
    width: 600px;
}
div.xforms-select.xforms-ap-full.large label, div.xforms-select1.xforms-ap-full.large label
{
    width: 11em;
}

.xforms-hide
{
    display: none;
}

/* Misc */
/*.ui-widget {display: none}*/


/* TODO: verplaatsen naar een XForms enrichment css*/
div.ui-slider
{
    display: inline-block;
    width: 100%;
}

/* busy */

/* Overlays */
.xforms-ui-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; background: #000; margin: 0; padding: 0}
