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

/*********** GENERAL STUFF ***********/

body {
    color:#55603F;
}

/*form{
    margin-top:23px;
}
*/
#chiba-logo{
    position:relative;
    text-align:right;
}
#copyright{
    margin-top:3px;
    position:relative;
    text-align:right;
    font-size:0.8em;
}
#loading{
    position:absolute;
    top:2px;
    right:5px;
    z-index:1000;
    padding:3px;
}

.inactive{
    display:none;
}
.messagePane{
    display:block;
    position:fixed;
    z-index:1000;
    left:20px;
    top:20px;
    padding:10px;
    border:solid;
    border-width:1px;
    background:lightyellow;
}
#legend{padding:3px;}

a.link{color:#444444;}
a.visited{color:#444444;}
a.active{color:#444444;}

*{font-family:sans-serif;
  font-size:10pt;
}

/* #################### GROUP STYLES #################### */
/* xf:groups will be rendered as fieldsets and therefore
are styleable via this matcher or more specifically by their
appearance class 'minimal-group|compact-group|full-group'. */
* > fieldset {
    border: thin solid #BCD884;
    background: #F0F4EA;
    margin-bottom:5px;
}
/* IE */
fieldset{
    margin-bottom:5px;
}

/*********** used to render group labels ***********/
fieldset > legend {
    padding: 3px;
    border: thin solid #BCD884;
    background: #F0F4EA;
    color: #55603F;
    margin-top:5px;
    margin-bottom:5px;
}

/* IE */
fieldset legend{
    padding: 3px;
    border: thin solid #BCD884;
    color: #55603F;
    margin-top:5px;
    margin-bottom:5px;
}

/*********** use to render group labels ***********/
.legend{
    border:thin groove;
    color:#888888;
    text-align:center;
    }

/*********** nested group ***********/
fieldset > fieldset {
    margin:5px;
    background: #EAF1DC;
    padding-top:0px;
}

/* IE */
fieldset fieldset{
    margin:5px;
}

/*********** nested nested group ***********/
fieldset > fieldset > fieldset {
    margin:5px;
    display:block;
    background: #F0F4EA;
}

/*********** group appearances ***********/
.group div{
    display:block;
    margin-top:3px;
    clear:both;
}
.group label{
    /*width:10em;*/ /*MH*/
    float:left;
}
.group .value{
    display:inline;
}


.minimal-group{
    padding-top:5px;
}
.minimal-group div{
    display:inline;
    margin-right:3px;
}

.compact-group div{
    display:block;
    float:left;
    margin-top:3px;

    /*float:left;*/
    /* Safari doesn't like the float. Firefox renders this correctly.*/
}
.compact-group div label{
    display:block;
}
.compact-group div .value{
    display:inline;
    margin-right:3px;
}
.compact-group .disabled{
    display:none;
}

.full-group div{
    display:block;
    margin:5px;
    margin-top:3px;
    margin-bottom:3px; /* DC eingefügt! */
    margin-right:5px; /* DC eingefügt! */
    clear:both;
}
.full-group label{
    /*width:7px; /* DC width:10em; */ /*MH*/
	float:left;
}
.full-group .value{
    display:inline;
}

.minimal-group label{
    display:inline;
}

/* #################### GENERAL XFORMS MIP AND COMMON-CHILD STYLES #################### */


.alert {
    position:absolute;
    border:thin solid #A42322;
    background-color:#DAE9BB;
    color:#A42322;
    padding:2px;
    height:14px;
    margin-left:2px;
    font-weight:bold;}

.invalid > .alert{
    position:absolute;
    border:thin solid #A42322;
    background-color:#DAE9BB;
    color:#A42322;
    padding:2px;
    height:14px;
    margin-left:2px;
    font-weight:bold;}
.valid .alert {
    display: none;
}

.invalid .alert {
    display: inline;
}

.invalid .value {
    color:white;
    font-style:italic;
    background:#A42322;
}


/*
.valid.alert{display:none;}
.invalid.alert{
    position:absolute;
    border:thin solid #A42322;
    background-color:#DAE9BB;
    color:#A42322;
    padding:2px;
    height:14px;
    margin-left:2px;
    font-weight:bold;
}
*/

.disabled iframe {
    display:none;
}
.disabled label{
    display:none;
}
.disabled .value{
    display:none;
}
.disabled {
    display:none;
}
.disabled .alert{
    display:none;
}
.disabled .progressbar{
    display:none;
}

.disabled .help-icon {
   display:none;
}
.disabled span {
    display:none;
}
/*********** styles character used for signaling 'required' (normally '*') ***********/
.required-symbol{
    color:#A42322;
    font-size:larger;
}
.repeat .label .required-symbol{
    color:red;
    display:inline;
}

.optional .required-symbol{
    display:none;
}

/*.enabled {
}*/


.label{
    color:#55603F;
}

.help-text{
    position:absolute;
    display:none;
    width:300px;
    border:thin solid gray;
    background:azure;
    padding:10px;
}
.help-symbol{
    margin-left:3px;
}
/* #################### Repeat styles #################### */

.repeat-prototype {
    display: none;
}

.repeat-item {
}

.repeat-index {
    
}
/*
.repeat-index {
    background: #DAE9BB;
}
*/

/*background: #DAE9BB;*/
.repeat-index-pre {

}

.repeat-selector {
    /*float: left;*/
}

.selector-prototype {
    display: none;
}


.minimal-repeat{
    display:block;
}
.minimal-repeat .repeat-item{
    float:left;
    padding:5px;
    clear:none;
    border:thin solid #BCD884
}
.minimal-repeat .repeat-index{
    float:left;
    padding:5px;
    clear:none;
    border:thin solid #BCD884;
}

.compact-repeat td .disabled {
	width:100%;
    display:none;
}
/* #################### SWITCH STYLES #################### */

.switch .selected-case {
    display: inherit;
}

.switch .deselected-case {
    display: none;
}

.full-switch {
    border-spacing: 0px;
}

.full-switch-body {
    background: #F0F4EA;
    border: 1px solid black;
    border-top: none;
}

.full-switch .active-tab {
    background: #F0F4EA;
    border: 1px solid #55603F;
    border-right: none;
    border-bottom: #F0F4EA;
    padding: 3px 5px 3px 5px;
    width: 10%;
}

.full-switch .active-tab input {
    background: #F0F4EA;
    border: none;
}

.full-switch .inactive-tab {
    background: #DAE9BB;
    border: 1px solid #55603F;
    border-right: none;
    padding: 3px 5px 3px 5px;
    width: 10%;
}

.full-switch .inactive-tab input {
    background: #DAE9BB;
    border: none;
}

.full-switch .filler-tab {
    border: 1px solid #55603F;
    border-top: none;
    border-right: none;
    width: 90%;
    overflow: hidden;
}

/* #################### CONTROL STYLES #################### */


/* ### example rules for styling the actual controls (widgets) ### */
/*
.trigger > .value {
    margin: 2px;
    padding: 2px 2px 1px 2px;
    color: #000000;
    border: thin solid;
    font-size: 10pt;
    font-family: sans-serif;
}
*/

trigger {
    margin: 2px;
    padding: 2px 2px 1px 2px;
    color: #000000;
    border: thin solid;
    font-size: 10pt;
    font-family: sans-serif;
}

.textarea > .value {
    width:380px;
    height:100px;
    }

.refresh-button {
    float:right;
    background:#DAE9BB;
    border:thin solid gray;
    padding:2px;
    margin-left:10px;
}


/*********** Range specific styles ***********/
.rangelabel td{
    background:transparent;
    text-align:center;
    font-size:8pt;
}

.rangesteps{
    height:25px;
    width:6px;
}
.rangesteps td {
    background: #DAE9BB;
}

.rangesteps td img{
    border:none;
    display:block;
}

.rangesteps td a:hover img {
    background: #DAE9BB;
    width:6px;
    height:25px;
}
.rangevalue * {
    background:#564;
}
.rangesteps .rangevalue a:hover *{
    background:#564;
}
/* IE */
.rangesteps .rangevalue *{
    background:#564;
}
/*********** Upload specific styles ***********/
.progressbar{
    display:none;
}
.progressbar .border{
    margin-top:1px;
    background: url(../images/progress-remainder.gif) repeat-x;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    width: 100%;
    height: 18px;
}
.progressbar .background {
  background: url(../images/progress-bar.gif) repeat-x;
  height: 18px;
  width: 0%;
}

.procilontd {
	text-indent:5px;
	width:150px;
}

.procilontdnb {
	text-indent:5px;
	width:120px;
}

.procilontdbig {
	text-indent:5px;
	width:250px;
}

.procilonselect {
	width:620px;
}

.knopf {
	padding:3px;
	font-weight: bold;
	text-decoration:none;
	margin:0px;
	border:0px;
	cursor:pointer;
    color:#55603F;
    background-color:#CCCCCC;
	border:1px solid;
	border-color:#DAE9BB;
}

/*body .knopf {
}

fieldset .knopf {
}

fieldset fieldset .knopf {
}

fieldset fieldset fieldset .knopf {
}
*/

.Auswahl {
	width:100%;
}

.invalid .Auswahl {
	color:white;
	font-style:italic;
	background-color:#A42322;
}

.Eingabe {
	width:100%;    
}

.invalid .Eingabe {
	color:white;
	font-style:italic;
	background-color:#A42322;
}

.hinweis {
    white-space:nowrap;
	color:#A42322;
	font-weight: bold;
}