/* BSCW style sheet for form pages - form.css */
body {  
	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 */
p,div,h1,h2,h3,h4,ul,ol,address,blockquote { 
    margin-left:20px; 
    font-family:helvetica, arial, sans-serif; 
    font-size:12px;
    }

div.formfield { color:black }

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

/* hints, remarks, explanations etc. */ 
ol.hint { width:650px; color:darkblue }
ol.hint { width:650px; color:darkblue }
p.hint  { width:650px; 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          { 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:700; 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:500;
    }
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; 
    }

/*
It's not a good idea to apply style definitions to tags without class attribute
(as done above) because this prevents inheritance!

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 { 
    font-family:helvetica, arial, sans-serif;
    font-size:12px;
    }
.dateSelect {
    font-family:helvetica, arial, sans-serif; 
    font-size:12px; 
    }
.xInput {
    font-family:monospace;
    font-size:12px; 
    }
.xTextArea {
    font-family:monospace;
    font-size:12px; 
    }

/* 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; //2px;
    padding:8px; 
    height:184px;
    overflow:hidden;
}
/*
    padding:2mm; 
    height:40mm;
    width:100%;
    width:300px;
*/
.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 */
}

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

table.plain, div.plain { 
    margin: 0;
    padding: 0;
}

div.maingroup {
    margin-top:0px;
    margin-bottom:0px; 
    margin-left:0px;
    margin-right:0px;
    padding-top:0px; 
    padding-bottom:0px; 
    padding-left:20px; 
    padding-right:10px; 
}
div.inpfield { 
    margin-top:4px; 
    margin-bottom:8px;
    margin-left:0px;
    margin-right:0px;
    padding:0px; 
}
div.inpgrouptitle { 
    margin-top:8px;
    margin-bottom:0px; 
    margin-left:0px;
    margin-right:0px;
    font-size:13px; font-weight:600; color:navy;
}
div.inpgroup { 
    margin-top:0px; 
    margin-bottom:8px;
    margin-left:0px;
    margin-right:0px;
    border-style:solid; border-width:1px; border-color:#214263;
    padding:5px; 
    padding-right:3px; 
}
div.inpchain { 
    margin-top:0px; 
    margin-bottom:-1px;
    margin-left:0px;
    margin-right:0px;
    border-style:solid; border-width:1px; border-color:#214263;
    padding:5px; 
    padding-right:3px; 
}
div.subgroup { 
    margin-top:0px; 
    margin-bottom:5px;
    margin-left:0px;
    margin-right:0px;
    border-style:solid; border-width:1px; border-color:#214263;
    padding:5px; 
    padding-right:3px; 
}
td.inpgroup { 
    border-style:solid; border-width:1px; border-color:#214263;
    padding:5px; 
    padding-right:3px; 
}
table.inpgroup { 
    margin-top:0px;
    margin-bottom:5px; 
    margin-left:0px;
    margin-right:0px;
}

.tabInactive	{ background-color:#A4B3BC; }
.tabActive	{ background-color:#b4c3d4; }
.tabTop		{ background-color:#F1F7FD; }
.tabBottom	{ background-color:#A4B3BC; }
div.tabActive, div.tabInactive { 
    margin: 0px;
    text-align: center;
    border-style: solid; 
    border-bottom-width: 0;
    font-family:sans-serif; 
    font-size:12px;
    font-weight:bold; 
}
div.tabInactive { 
    padding:2px 5px; 
    border-color: #b4c3d4;
    border-width: 1px;
    border-left-width: 0;
}
div.tabActive	{ 
    padding:3px 10px; 
    border-color: #748394;
    border-right-width: 2px;
    border-top-color: #d4e3f4;
    border-top-width: 1px;
    border-left-color: #d4e3f4;
    border-left-width: 1px;
    color:navy;
}
div.tabField	{ 
    margin:0px; 
    padding:5px; 
    padding-right:3px; 
    border-color: #748394;
    border-width: 2px;
    border-left-color: #d4e3f4;
    border-left-width: 1px;
    border-style: solid; 
    border-top-width: 0;
}
input.tabBtn {
    background-color:#A4B3BC;
    margin:0px; 
    padding: 0px;
    border-width: 0px; 
    border-style: none; 
    color:gray;
    font-family:sans-serif; 
    font-size:12px;
    font-weight:bold; 
}