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

/* ######################################### HTML styles ############################################ */
/* body{background-color:#aabbdd;}

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

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

.text12{
    font-size:12pt;
    } */

form#chiba-form input:hover{
    background-color:#77A3FF;
    }
form#chiba-form input:focus{
    background-color:#3377CC;
    color:white;
    }

form#chiba-form textarea:hover{
    background-color:#77A3FF;
    }
form#chiba-form textarea:focus{
    background-color:#3377CC;
    color:white;
    }

form#chiba-form .input input{
    width:420px;
    }
form#chiba-form .trigger input{
    margin:4px;
    }
form#chiba-form .select1 select{
    width:210px;
    }
form#chiba-form .select span span{
    margin-right:16px;
    }
form#chiba-form .select1 span span{
    margin-right:16px;
    }
form#chiba-form .textarea textarea{
    width:420px;
    height:105px;
    }

form#chiba-form .allsky input{
    margin-left:32px;
    }
form#chiba-form .shortname input{
    width:210px;
    }
form#chiba-form .description textarea{
    width:420px;
    height:210px;
    }

form#chiba-form input.submit{
    margin:25px;
    width:150px;
    font-size:10pt;
    }

/* Chiba-logo on forms pages - linked to forms page */
/* img#chiba-logo:hover{
    background-color:#aabbff;
} */

.legend{
    display:block;
    width:150px;
    border:thin groove;
    padding:2px;
    color:#888888;
    text-align:center;
    }


/* ************************** REPEAT STYLES ************************************ */
.full-repeat{
    width:100%;
}
.full-repeat-label{
}
.compact-repeat{
    width:100%;
}
.compact-repeat-label{
}
.minimal-repeat{
    width:100%;
}
.minimal-repeat-label{
}

/* ### 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;
    text-align:center;
    width:28px;
}

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

/* ************************** GROUP STYLES ************************************* */

/* ### FULL GROUP STYLES ### */

/* ### class for styling complete table ### */
.full-group{
    border:none;
    padding:5px;
    width:100%;
    }
.full-group-label{
    font-size:10pt;
    border-bottom:thin solid;
    padding-top:5px;
}


/* ### COMPACT GROUP STYLES ### */
.compact-group{
    width:100%;
    }
.compact-group-label{
    font-size:10pt;
    border-bottom:thin solid;
    padding-top:5px;
}


/* ### MINIMAL GROUP STYLES ### */
.minimal-group{
    display:block;
    padding:5px;
    width:100%;
    }
.minimal-group-label{
    display:block;
    font-size:10pt;
    border-bottom:thin solid;
    padding-top:5px;
}


/* ************************** SWITCH STYLES ************************************ */
/* TODO!!! */

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

/* ### control style which embeds a complete control in the xforms sense  ### */
/* ### including label and other visual hints ### */
.xfcontrol{
    white-space:nowrap;
    }

/* ### embeds the widget ### */
.box{
    white-space:nowrap;
}

/* ### label style for all controls ### */


/* ### widget styles can be used to style the actual html-form-controls ### */
/* .trigger-widget{
    margin-top:2px;
    background-color: #aabbdd;
    color: #000000;
    border-width:1pt;
    border-style:ridge;
    border-color:#444444;
    font-size: 8pt;
    font-family: sans-serif;
}
.trigger-widget:active{
    color:orange;
    }
.trigger-widget:hover{
    background-color:#aabbff;
    }

.submit-widget{
    margin-top:2px;
    background-color: #aabbdd;
    color: #000000;
    border-width:1pt;
    border-style:ridge;
    border-color:#444444;
    font-size: 8pt;
    font-family: sans-serif;
}
.submit-widget:active{
    color:orange;
    }
.submit-widget:hover{
    background-color:#aabbff;
    }

.input-widget{
    margin:1px;
    border:none;
    background-color:white;
}

.select1-widget{
    margin:1px;
    border:none;
    background-color:white;
}
.select-widget{
    margin:1px;
    border:none;
    background-color:white;
}
.textarea-widget{
    width:380px;
    height:100px;
    }

.checkbox-widget{}
.radiobutton-widget{
} */

/* ********************************* COMMON CHILDS ***************************** */
.help {display:inline;}

.required-symbol{
    color:red;
    margin-left:4px;
    vertical-align:top;
    }

.label {width:150px;}

.invalid > .alert{
    position:relative;
    white-space:nowrap;
    border:thin solid;
    background-color:white;
    color:red;
    padding:2px;
    height:14px;
    margin-left:4px;
}

.valid > .alert{display:none;}