/* BSCW style sheet for form pages - form.css */
div.main { /* see default.css */
	background-color:	#b4c3d4;
}  
a:link, a:visited, a:focus{
	color:			#6464FF;
}

a:hover, a:active{
	color:			#6464FF;
}


/* non breaking area */
nobr { margin-left:0px; margin-top:0px; margin-bottom:0px }

/* standard text elements */
/*
In general it is not a good idea to redefine default styles on unclassified 
tags. It prevents inheritance and provokes conflicts when cascading other
stylesheets!
*/
.form p,
.form div,
.form h1,
.form h2,
.form h3,
.form h4,
.form ul,
.form ol,
.form address,
.form blockquote { 
    margin-left:20px; 
    font-family:helvetica, arial, sans-serif; 
    font-size:12px;
    }

.formfield { color:black }

.form td,
.form th,
.form li { 
    font-family:helvetica, arial, sans-serif; 
    font-size:12px;
    }

/* hints, remarks, explanations etc. */ 
.hint p,
.hint ol,
.hint div { 
    margin-left:0px; 
}
.hint { 
 /* width:650px;   !!! contradicts to formgroup.width=500 */
    color:darkblue 
}
p.error { 
    width:650px; 
    color:red  
}

/* citations  */
div.citation { font-size:11px }

/* form elements and buttons */
form            { margin-top:0px; margin-bottom:0px } 
input,textarea  { font-family:monospace;  font-size:12px; color:black }
select, .formfield select          { font-family:helvetica, arial, sans-serif; font-size:12px; color:black }
input.buttons   { font-family:helvetica, arial, sans-serif }
div.buttons     { margin: 10px 40px }

/* labels and choices */
span.label  { color:blue; font-family:helvetica, arial, sans-serif; font-size:13px; }
span.choice { color:navy; font-family:helvetica, arial, sans-serif; font-size:12px; }

/* form fields in tables */ 

table.formgroup { margin-left:20px; margin-top:10px; margin-bottom:5px; 
		  width:700px; padding:2px; }
td.label { 
    margin-left:20px; 
    font-family:helvetica, arial, sans-serif;
    font-size:13px;
    color:blue;
    }
td.left         { margin-left:20px }
td.right        { margin-left:0px }

/* form fields and groups */ 
div.formsep   { margin-top:2px; margin-bottom:2px; }
div.formgroup { 
    margin-top:5px; margin-bottom:5px;
    border-style:groove; border-width:thin; border-color:gray;
    padding:5px; width:500px;
    }
div.formfield  { 
    margin-top:4px; margin-bottom:8px;
    font-family:monospace;
    font-size:12px;
    }
div.rate_entry { margin-top:4px; margin-bottom:0px; 
		 font-size:13px; }

/* form: title & group title */
div.formtitle  { 
    margin-top:1ex; margin-bottom:1ex; 
    font-size:14px; font-weight:600; 
    color:navy; 
    }
div.grouptitle { 
    margin-top:1.5ex; margin-bottom:0.5ex; 
    font-size:13px; font-weight:600; 
    color:navy;
    }

/* location */
div.location  { margin-left:20px; margin-top:0.5ex; margin-bottom:0.5ex;  }
td.location   { 
    color:gray; 
    font-family:helvetica, arial, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    vertical-align:middle;
    }

/* separator */ 
hr.formsep   { 
    text-align:left;
    margin-left:0px; 
    margin-top:2px; 
    margin-bottom:2px;
    /* width:770px;  don't change the width, as long as it can be longer than the banner, RRu */
    margin-right:10px; 
    }

/* KDa: once required by old Task package, obsolete now?
td.fieldsep { height:4px; padding:2px;  }
td.groupsep { height:12px; padding:6px;  }
*/

div.formsep   { margin-top:4px; margin-bottom:8px; margin-left:20px; }

.MBform{
    margin:0px;
    border-style:inset;
    border-color:silver;
    border-width:thin;
    padding:8px; 
    height:184px;
    overflow:hidden;
}

.hints{ 
    color:red
}

.pad5{
    padding:5px; 
}

.sValueB { 
	color: 			navy; 
	background-color:	#b4c3d4;
	font-family: 		helvetica, arial, sans-serif;
	font-weight:		bold;
/* medim */
}

.sValue { 
	color: 			navy; 
	background-color:	#b4c3d4;
	font-family: 		helvetica, arial, sans-serif;
	font-weight:		normal;
/* medim */
}

table.sTab {
    table-layout: auto;
    border-spacing: 1px;
    border-collapse: separate;
    /*width: 100%;*/
    }
table.sTab2 {
    table-layout: auto;
    border-spacing: 2px;
    border-collapse: separate;
    /*width: 100%;*/
    }
/*
NS4 (Windows98) doesn't recognize style definitions in select, option, 
textarea, ...
We can apply them in a wrapping tag (span, div) and inheritance will work with
NS4 (on Windows, in part on X11), but not with other browsers after inheritance
is blocked.
I suggest to use select.xxx wrapped by span.xxx and similar with other tags.
*/ 
.mbSelect { 
    }
.dateSelect {
    }
.xInput {
    font-family:monospace;
    }
.xInpNo {
    font-family:monospace;
    text-align:right;
}
.xTextArea {
    font-family:monospace;
}

/* KDa: grouping elements for cl_input have a different concept and require
the definitions below */
hr.inpsep   { 
    margin:2px 1px 2px 1px; /* top right bottom left */
    text-align:left;
}

table.inpgroup { 
    width:100%;
    margin:0px 0px 5px 0px; /* top right bottom left*/
    padding:0px;
}
td.inpgroup { 
    border-style:solid; border-width:1px; border-color:gray;
    padding:5px; 
    padding-right:3px; 
}

table.plain, div.plain { 
    margin:0px;
    padding:0px;
}
table.plain100, div.plain100 { 
    width:100%;
    margin:0px;
    padding:0px; 
}
table.plain1, div.plain1 { 
    width:1px;
    margin:0px;
    padding:0px; 
}

/* doubled form fields and groups */ 
/*
div.formgroup { 
    width:65%;
    margin:5px 0px 5px 0px;
    padding:5px; 
    border-style:groove; border-width:thin; border-color:gray;
}
div.formfield { 
    margin:4px 0px 4px 0px;
    font-family:monospace;
    color:black;
}
div.rate_entry { 
    margin:4px 0px 0px 0px;
    font-size:13px;
}
*/

/* form fields and groups */
div.maingroup {
    margin:0px; /* top right bottom left*/
    padding:0px; 
}
div.inpfield { 
    margin:4px 0px 8px 0px; /* top right bottom left*/
    padding:0px; 
}
div.inpgrouptitle { 
    margin:8px 0px 0px 0px; /* top right bottom left*/
    font-size:13px; font-weight:600; color:navy;
}
div.inpgroup { 
    width:100%;
    margin:0px 0px 8px 0px; /* top right bottom left*/
    padding:5px 3px 5px 5px; 
    border-style:solid; border-width:1px; border-color:gray;
}
div.inpchain { 
    width:100%;
    margin:0px 0px -1px 0px; /* top right bottom left*/
    padding:5px 3px 5px 5px; 
    border-style:solid; border-width:1px; border-color:gray;
}
div.subgroup { 
    width:100%;
    margin:0px 0px 5px 0px; /* top right bottom left*/
    padding:5px 3px 5px 5px; 
    border-style:solid; border-width:1px; border-color:gray;
}
/* tab input */
div.tabField { 
    margin:0px; 
    padding:8px 3px 8px 6px; /* top right bottom left*/
    border-width:2px;
    border-top-width:0px;
    border-left-width:1px;
    border-style:solid; 
    border-color:#748394;
    border-left-color:#d4e3f4;
}
.tabInactive { background-color:#A4B3BC; }
.tabActive { background-color:#b4c3d4; }
.tabTop { background-color:#F1F7FD; }
.tabBottom { background-color:#A4B3BC; }
div.tabActive, div.tabInactive { 
    margin:0px; 
    border-style:solid; 
    text-align:center;
    font-weight:bold; 
}
div.tabInactive { 
    padding:0; 
    border-top-width:2px;
    border-right-width:1px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-color:#b4c3d4;
}
div.tabActive { 
    padding:4px 10px; 
    border-top-width:1px;
    border-right-width:2px;
    border-bottom-width:0px;
    border-left-width:1px;
    border-color:#748394;
    border-top-color:#d4e3f4;
    border-left-color:#d4e3f4;
    color:navy;
}
input.tabBtn {
    margin:0px; 
    padding:2px 5px; 
    border:0px; 
    background-color:#A4B3BC;
    color:#000020;
    font-weight:bold; 
}