body, td, th, input, textarea {
	font-family: Verdana, Arial, san-serif;
	font-size: 12px;
}
a {
	color: #336699;
}
form {
	display: inline;
}
h3 {
	font-size: 125%;
	margin-bottom: 0em;
}
.dbtable {
   clear: both;
	/*border: .1em solid #A0D2FF;*/
	border: .1em solid #4b7699;
	border-collapse: collapse;
	margin: 1em 0;
}

.dbtable td {
	/*border: .1em solid #A0D2FF;*/
	border: .1em solid #ccd9ff;
	padding: .6em .6em .6em .4em;
}

.dbtable th {
	/*border: .1em solid #75BCFF;*/
	border: .1em solid #E6ECFF;
	border-bottom: 1px solid #000;
	/*background: #A0D2FF ;*/
	background: #ccd9ff ;
	text-align: left;
	font-weight: bold;
	/*letter-spacing: .2em;
	text-transform: uppercase;*/
	padding: .3em .3em .3em .2em;
}
.dbactcol{
   /*width: 11em;*/
}

.dbtable tr.oddRow td {
	/*background: #CCE6FF;*/
	background-color: #E6ECFF;
	/*/color: #4F6B72;*/
}

.dbtable tr.evenRow td {
	background: #FFFFFF;
	/*color: #4F6B72;*/
}
#errors {
	padding: .2em 1em;
	color: red;
	border: .6em double red;
	background: #FFEFF2;
}
#errors .h3 {
	margin-top: .5em;
}

#errors ul {
}

#errors li {
	text-indent: 2em;
	font-weight: bold;
	color: red;
}

#pagination a:link, #pagination a:visited, #pagination a:hover, #pagination a:active, #pagination span {
	border: .1em solid #6294B9;
	margin: .2em;
	padding: .3em .6em;
	text-decoration: none;
}
#pagination a:hover, #pagination a:active {
	background: #F2F7FF;
}
#pagination .current {
	font-weight: bold;
	background: #F2F7FF;
}
.showpagination{
   float:right;
}
.button {
	border: .3em double #4b7699;
	/*border: 1px dotted  #4b7699;*/
	background: #FFFFFF;
	color: #4F6B72;
	font-weight: bold;
	margin-top: .5em;
	margin-right: 1em;
	cursor: pointer;
}
label {
	display: block;
	font-weight: bold;
	/*margin-top: 1em;*/
	color: #4F6B72;
}
.helptext {
	color: #666666;
	font-size: 1em;
}
.formContainer .helptext {
   padding-top: 1.7em;
	height: 2em;
}
.viewContainer .helptext {
   display: none;
}
.formContainer {
	/*border: .3em double #4b7699;
	border: 1px dotted  #4b7699;*/
	border: 7px solid  #fff;
	padding: .5em;
	background: #E6ECFF;
}

.formContainer li{
list-style-type: none
}

.viewContainer {
	/*border: .3em double #4b7699;
	border: 1px dotted  #4b7699;*/
	border: 7px solid  #fff;
	padding: .5em;
	/*background: #E6ECFF;*/
}

.viewContainer li{
list-style-type: none
}

.searchContainer {
	/*border: .3em double #4b7699;
	border: 1px dotted  #4b7699;*/
	border: 7px solid  #fff;
	margin: 1px;
	padding: .5em;
	padding-top: 0em;
	padding-bottom: 1.5em;
	*padding-bottom: .5em;
	background: #E6ECFF;
}

.searchContainer li{
list-style-type: none
}
.searchContainer .zview ul li .secondcol{
   width:20em;
}
.searchContainer .zview ul li label{
   width:6em;
}
.searchContainer .zview  ul{
   padding: 0em;
   margin: 0em;
   float: left;
}
.searchContainer .zview  ul ul{
   padding: 0em;
   margin: 0em;
   width: 25em;
}
#upload_comment_formContainer,
#upload_category_formContainer,
#upload_viewContainer{
   background-color: #fff;
}
#expertsearch,
#expertedit,
#uploadedit,
#expertsearch,
#uploadsearch{
	border: 1px dotted  #86ace3;
	padding: 1px;
}
#upload_searchContainer{
   height: 240px;
}
#expert_searchContainer{
   height: 270px;
}
.tableContainer{
   clear: both;
   margin-top: 0em;
   padding-top: .5em;
   padding-left: 9px;
}
.tableContainer h3{
   display: inline;
   float:left;
}
.addButton{
   display: inline;
   float:right;
}
/* set up the form layouts */

.zview  {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 100%;
}

.zview fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: .1em;
  border-style: solid;
  padding: 1em;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.zview  fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


/* form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
/* 	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
/* }  */

.zview  input, .zview  textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
/*	margin:.5em 0 0 1em; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.zview  input #reset {
	margin-left:0em; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

/* -------------------- */

.zview  small {
	display: block;
	margin: 0 0 .5em 16em; /* instructions/comments left margin set to align w/ right column inputs */
	padding: .1em .3em;
	font-size: 88%;
}

.zview  .required{font-weight:bold;} /* uses class instead of div, more efficient */

.zview  br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


.zview .secondcol{
   display:block;
   	float: left;
   	width: 40em;
   /*margin-left: 17em;*/
   margin-left: .2em;
   margin-top: .2em;
   margin-bottom: .2em;
   padding-top:.0em;
   padding-left:.3em;
   /*background-color: #F0F;*/
}

.zview .secondcol input{
position : absolute;
}
.zview .secondcol #openfile{
   margin-left: 28em;
   *margin-left: 32em;
}


.zview .showcol{
   display:none;
   	float: left;
   /*margin-left: 17em;*/
   width: 4em;
   margin-top: .2em;
   margin-bottom: .2em;
   padding-top:.0em;
   margin-left:.3em;
   text-align: center;
   /*background-color: #FF0;*/
}

.zview  label {
/*position: absolute;
background-color: #FFF;
float: none;*/
	display: block;  /* block float the labels to left column, set a width */
	float: left;
   height: 1.7em;
	width: 14em;
	padding: 0;
   padding-right: 1.2em;
   margin-bottom: .2em;
   padding-top:.1em;
	text-align: right;
   /*background-color: #0F0;*/
}
#expertholder,
#expertholder ul,
#expertholder li,
#locationholder,
#locationholder ul,
#locationholder li{
   padding:0;
   margin:0;
   }
#expertholder .sublabel,
#locationholder .sublabel
 {
   padding:0;
   margin:0;
	display: block;  /* block float the labels to left column, set a width */
	float: left;
   height: 1.7em;
	width: 4.5em;
   padding-right: .3em;
   margin-bottom: .1em;
   padding-top:.3em;
	text-align: right;
	font-weight: normal;
   /*background-color: #0F0;*/
}

#expertholder .secondcol,
#locationholder .secondcol{
   display:block;
   	float: left;
   	width: 30em;
   /*margin-left: 17em;*/
   margin-left: .2em;
   margin-top: .1em;
   margin-bottom: .2em;
   padding-top:.0em;
   padding-left:.3em;
   /*background-color: #F0F;*/
}

#expertholder .secondcol input,
#locationholder .secondcol input{
position : absolute;
}

#expertIDsearch {
   height: 4em;
   line-height:2em;
}
.expertIDsearch {
	display: block;
	float:left;
	width:3em;
   height: 1.7em;
	color: #4F6B72;
}
.searchContainer .zview  label {
   margin-top: .3em;
}
.formContainer .zview  label {
   margin-top: .3em;
}
.viewContainer .zview  label {
   margin-top: .1em;
}
#submitbutton{
   width: 6.9em;
   margin-top: .1em;
   margin-left: 3.1em;
   margin-right: -1em;
   *margin-left: .2em;
   *margin-right: 1.8em;
}
#searchbutton{
   width: 6.9em;
   margin-top: .1em;
   margin-left: 3.1em;
   margin-right: -1em;
   *margin-left: -.7em;
   *margin-right: 2.7em;
}
#clearbutton{
}


.zview li {
   clear:both;
}
.zview ul {
   margin: 0px;
   padding-top: 1em;
   padding-bottom: 1em;
   /*background-color: #00F;*/
}
.return {
   padding-left: 1em;
   font-size: 1.7em;
   height: 1.3em;
}
.return a{
   text-decoration: none;
}
.return img{
   /*padding_top: 1.3em;
   margin_top: 1.3em;
   background-color: blue;*/
}

form#cl-login-form div.form-row label {
    display: inline-block;
    width: 10rem;
    margin-right: .5rem !important;
    float: left;
}

/* Scoped layout fixes for login form to align rows, labels, and inputs consistently */
.cl-login form#cl-login-form .form-row {
    display: flex;
    align-items: center;
    gap: 0; /* keep using label margin for spacing */
    margin: 0.25rem 0;
}
.cl-login form#cl-login-form .form-row label {
    /* fixed width sufficient for "Username or Email" without cropping */
    width: 20ch;
    text-align: right;
    margin-right: .5rem !important;
    white-space: nowrap;
    float: none !important; /* override earlier float to prevent misalignment */
}
.cl-login form#cl-login-form .form-row input[type="text"],
.cl-login form#cl-login-form .form-row input[type="password"],
.cl-login form#cl-login-form .form-row input[type="email"] {
    flex: 1 1 auto;
    max-width: 10rem;
    box-sizing: border-box;
}
/* Align the action row's button with the input fields */
.cl-login form#cl-login-form .form-row.actions {
    padding-left: calc(20ch + .5rem);
}