/* NOTE: no reset needed with bootstrap 4, which uses normalize.css included already */

/* custom retains from original Eric Meyers reset: */
body {
    line-height: 1.1em; /* added by Jim 9-09 */
}
html { /* jim added */        height: 100%;        overflow: scroll;}
table {
	border-collapse: collapse; /* jim changed; original was "separate" */
}
form, a {
        display: inline; /* jim added; */
}

/* BF -- SPECIFIC */
body {
    background: #cde;
    font-family: arial; 
    color: #111; 
    }


/* TABLES */
table.histsdrafts {
    width: 700px;
	background-color: #fff;
    }	
table.histsdrafts td {
    width: 50%;
    padding: 5px;
    }	

strong { font-weight: bold; }
em { font-style: italic; }
span { margin: 1px 0 1px 0; }  /* adds 1px buffer above and below a span */

/* div { margin: 0; padding: 5px; } */

div.basic { margin: 5px 2px 5px 2px; padding: 5px 2px 5px 2px; }

/* below removed, superceeded by bootstrap 4 */
/* (previously used for "table" rows (use fixed spans as cells...see span.cell100,etc.) */
/*
div.row { margin: 0; padding: 0 } 
*/

/* utility DIVS for vertical spacing */
div.v6   { display: block; width: 1px; height: 6px; clear: both; } 
div.v16 { display: block; width: 1px; height: 16px; clear: both; } 
div.v18 { display: block; width: 1px; height: 18px; clear: both; } 
div.v20 { display: block; width: 1px; height: 20px; clear: both; } 
div.v22 { display: block; width: 1px; height: 22px; clear: both; } 

div.hideshow { /* starts out as HIDDEN */
    display: none;
	background: #fff;
    } /* display toggled with jquery */
	
div.showhide { /* starts out as SHOWN */
    display: block;
	background: #fff;
	} /* display toggled with jquery */
	
div.outline, span.outline {
	/*border: 1px solid gray;*/
}	
	

/* MASTHEAD */
div#masthead {
	background-color: #fff;
	padding: 0 0 1px 0;
	vertical-align: middle;
    }
	
span#loginstatus {
    display: inline-block;
    font-size: 0.8em;
	font-style: italic;
	margin-top: 5px;
	}
	
div#seal {
    /*display: block;
    position: absolute;
	left: 950px;
	top: 0px;
	*/
    }

/* NEW BF: */

div.basic {
	width: 100%;
	max-width: 1100px;
	padding: 3%;
	margin: 10px auto;
    }

img#bflogo {
	margin: -3px 0 3px 0;
}

img#bflogosm {
	height: 40px;
	margin: -3px 0 3px 0;
}

span#logotext {
	display: inline-block;
	font-size: 2em;
	line-height: 1.8em;
	padding: 3px 5px 0 5px;
	font-weight: bold;
	color: #077564;
}

span#logotextsm {
	display: inline-block;
	font-size: 1.3em;
	line-height: 1.4em;
	padding: 5px;
	font-weight: bold;
	color: #077564;
}

div.full_basic {
	width: 100%;
	margin: 5px 0 -10px 0;
	padding: 5px;
	background-color: #fff;
}

div#container {
    margin: 0;
	padding: 0;
}

div#content { 
    margin: 0;
    padding: 0;
}



/* class for inputs (like submit buttons) as well as <a tags (below)  */
input.button  { background: #077564; /*#80ad66;*/ /*#7da06a;*/ /*#B5FC92;*/ /*#C9BF50;/*#74A584;*/ 
    color: #fff; /*#222; */
	padding: 0 2px 0 2px;
    border-bottom: 2px solid #656565; border-right: 2px solid #656565; border-left: 2px solid #ccc; border-top: 2px solid #ccc; }



/* FIXED MASTHEAD - ng 10/23 */
div#masthead {
	width: 100%;
	/*position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	border-bottom: 1px solid black;
	*/
	padding: 0;
	margin: 0;
}




/* THESE WILL BE DEPRECATED BY BOOTSTRAP 4 */	
/*
div#popdivouter {
    position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
    display: none;	
    }	
	
div#popdivinner {
    position: absolute;
	top: 0;
	left: 0;
	display: none;
	border: 1px solid #000;
	background-color: #eee;
	color: #222;
	padding: 5px;
	overflow: auto;
    }
*/	
/* end deprecated id's */
	
div.retmess {
    margin: 0; 
	padding: 0;
	}
	
div.colheads {
    background-color: #555;
	color: #eee;
	}
	
div.infobox {
    background-color: #076;
    color: #eee;
	font-style: italic;
    padding: 1%;
	margin: 2px 0;
    }	
	

span.bfmenu {
    display: inline-block;
    width: 100%;
    background-color: #eee;
	text-align: center;
	}

	
span.pgno {
    display: inline-block;
    height: 20px;
    width: 24px;
	line-height: 23px;
    background: url('images/pg_bg20.png') no-repeat;
	padding: 0 0 0 1px;
	}
	
/* SPAN "CELL" CLASSES - OLD.  These will be deprecated by bootstrap 4 cell divs  */

span.cell30 {
    display: inline-block;
	width: 30px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}
span.cell50 {
    display: inline-block;
	width: 50px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}
span.cell75 {
    display: inline-block;
	width: 75px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}
span.cell100 {
    display: inline-block;
	width: 100px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}
span.cell125 {
    display: inline-block;
	width: 125px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}	
span.cell150 {
    display: inline-block;
	width: 150px;
    vertical-align: top;
	word-wrap: break-word;  /*IE*/	
	}
span.cell200 {
    display: inline-block;
	width: 200px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/
	}
span.cell250 {
    display: inline-block;
	width: 250px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/
	}
span.cell300 {
    display: inline-block;
	width: 300px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/
	}	
span.cell400 {
    display: inline-block;
	width: 400px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/
	}
span.cell550 {
    display: inline-block;
	width: 550px;
	vertical-align: top;
	word-wrap: break-word;  /*IE*/
	}
span.spacer { /* for INDENTING 50px */
    display: inline-block;
	width: 35px;
	border-left: 1px dotted #222;
	}
	


	
	
/* IMAGES */	
	
img#loader {
    position: absolute;
    top: 200px;
    left: 300px;
	display: none;
	z-index: 10;
	}

img.icon {
	margin: -1px 0 1px 0;
	}



/* LINKS */	

a { 
    color: #61DB27; /*#0bb; #ff8011;*/ 
	text-decoration: none;
	}
a.ajax {
    color: #61DB27; /*#61DB27; #1dd;*/
	}
a.rp { /* slightly darker for right panel use; combine with ajax class */
    color: #57c122; /*#299919;*/ /*#61DB27; #0aa;*/
	}	
a.ch { /* bright for use as reverse color link in colheads (click to sort by) */
    color: #61DB27; /*#6ff;*/
    }
a.menu {
    color: #61DB27;
    display: inline-block;
	width: 45%;
	text-align: center;
    }
a.siteurl {
    color: #61DB27; /*#ee0;*/
	background-color: #222;
	text-align: center;
    }
a.current {
    color: #222;
    background-color: #fff; /*#fff29f;*/
    }
	
a.white {
    color: #eee;
    }  	
	
/* LINK HOVERS */
a:hover {
    color: #999;
	text-decoration: none;
	}
a.menu:hover, a.siteurl:hover { 
    background: #B5FC92; /*#eff8ff; */
	}
a.toggleajax:hover img, a.popajax:hover img, a.ajax:hover img, a:hover img, a.popeditor:hover img {
    filter:alpha(opacity=50); 
	opacity:.50;
	}
	
	
/* LINK BUTTONS */
a.button { 
    display: inline-block;
	background: #077564;
    color: #fff;
	margin: 2px 0 2px 0;
	padding: 0 2px 0 2px;
    border-bottom: 2px solid #656565; border-right: 2px solid #656565; border-left: 2px solid #ccc; border-top: 2px solid #ccc; }
	
a.button:hover { /*color: #11a; */
    border-top: 2px solid #656565; border-left: 2px solid #656565; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; }

   
label.fixed200 {
    display: inline-block;
	width: 200px;
	text-align: right;
	padding: 10px;
    }

.txtinp50 {
    width: 50px;
    }
.txtinp75 {
    width: 75px;
    }	
.txtinp100 {
    width: 100px;
    }
.txtinp300 {
    width: 300px;
    }	
.txtinp450 {
    width: 450px;
    }	

.textarea300 {
    width: 300px;
    height: 100px;
	vertical-align: top;
    }
.textarea450 {
    width: 450px;
    height: 150px;
	vertical-align: top;
    }
.textarea500 {
    width: 500px;
	height: 150px;
	vertical-align: top;
    }
.textarea550 {
    width: 550px;
    height: 175px;
	vertical-align: top;
    }
.textareafull {
    width: 99%;
    height: 350px;
    }	
	
.partial {
    overflow: hidden;
	height: 1.1em;
    }	
.full {
    overflow: auto;
	height: auto;
    }	
	
/* **************** EVENT AREA **************** */	
div.sch_bar_div {
	height: 14px;
	font-size: 12px;
	background-color: #ccc;
	margin: 0;
	padding: 0 1px 0 1px;
    }
div.sch_bar_div span {
    height: 14px;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    }
div.sch_bar_div a {
    color: #fff;
    }
div.sch_bar_div a:hover {
    color: #000;
    }	
	
.vertdots:after {/* creates 3 vertical dots inside element with this class */
   content: '\2807';
   font-size: 1.2em;
   }
   
tr.colheads {
    background-color: #007777;
	color: #fff;
}   

/* ************ GALLERY STYLES **************** */
ul#gallery {
    list-style-type: none;
	margin: 0;
	padding: 0;
    }
ul#gallery li {	
    margin: 3px 3px 3px 0; float: left; width: 96px; height: 96px; overflow: hidden; text-align: center;
	}
	
div#picsgrid {
	display: block;
	width: 98%;
    margin: 1%;
    padding: 0;
    min-height: 200px;
	overflow: auto;
	background-color: #000;
    }	
	
.paper {background-color: #f7f7f7;  color: #222;}
.grey {background-color: #aaa; color: #222;}
.sky {background-color: #e0e7ef; color: #222;}
.water {background-color: #c3d9df; color: #222;}
.wedgewood {background-color: #77969f;  color: #eee;}
.federal {background-color: #50808f;  color: #eee;}
.pink {background-color: #ffdff2; color: #222;}
.mint {background-color: #d4ffbf; color: #111;}
.lime {background-color: #b4ff8f; color: #111;}
.clay{background-color: #becfb5; color: #eee;}
.mold{background-color:#9aaf8e; color: #eee;}
.lilac {background-color:#FCCCF5; color: #111;}
.violet{background-color:#FCD9F7; color: #111;}

.hilite {background-color: #ff0;}
.hilite_i {background-color: #ff0; font-style: italic;}

.whitetext { color: #fff; }
.blacktext { color: #000; }

.filter { font-weight: bold; color: #f0f; }

label { display: inline-block; width: 200px; text-align: right; }
label.radio, label.radio_checked {display: inline-block; width: auto; text-align: left; padding: 2px; border: none; }
label.radio_checked { background-color: #afa; border: 1px solid gray; }
/*
h1 { font-size: 22px; line-height: 22px; color: #f7f7f7; display: inline; }
h2 { font-size: 20px; line-height: 20px; color: #222; display: inline; }
h3 { font-size: 16px; line-height: 16px; color: #288; display: inline; font-weight: bold;}
h4 { font-size: 16px; line-height: 16px; color: #000; display: inline; font-weight: bold;}
*/
h1 { font-size: 1.5em; line-height: 1.6em; color: #f7f7f7; display: inline; }
h2 { font-size: 1.4em; line-height: 1.5em; color: #222; display: inline; }
h3 { font-size: 1.3em; line-height: 1.4em; color: #288; display: inline; font-weight: bold;}
h4 { font-size: 1.2em; line-height: 1.3em; color: #000; display: inline; font-weight: bold;}


/*
.developer { color: #cfaa00; }
.domain { color: #00cfb7; }
.menu { color: #eee; }
.sitedir { color: #777; }
*/

/* FOUR LEVELS ACCORDING TO LOGIN LEVELS 1-4 */
.developer { color: #f00; }
.domain { color: #f0f; }
.director { color: #00f; }
.editor { color: #000; }

/* filebox display */
ul.fileboxtabs {
    width: 100%;
	text-align: center;
	}
ul.fileboxtabs li {
    display: inline;
    padding: 5px 10px 5px 10px;
    }	
ul.fileboxtabs li a {
    padding: 10px;
	}