/* REMOTEFILENAME=/style/styles.css
 *
 *	Copyright © 2011-2026 by Fred Koschara.  All rights reserved.
 *
 *	$Id: /style/styles.css,v $
 */
/**
*	Main stylesheet for the site
*
*	Author:			Fred Koschara
*	Last Modified:	May 6, 2026 @ 2:02 pm
*
*	Revision History:
*	   Date		  by		Description
*	2026/05/06	wfredk	use darker altColor link colors
*	2026/01/21	wfredk	Emergency: force Safari to use readable link colors
*	2026/01/21	wfredk	add support for "mobile rotate notice" banner for phones
*		|		  |				|
*	2026/01/20	wfredk	add support for "mobile rotate notice" banner for phones
*	2026/01/20	wfredk	remove rulesets now defined in AddHeader.css
*	2025/08/20	wfredk	remove non-standard "zoom" property (IE6 bugfix)
*	2025/08/20	wfredk	change file to UTF-8 encoding
*	2018/11/07	wfredk	add strike ruleset
*	2017/11/17	wfredk	home page slideshow rulesets moved to rootIndex.css
*	2017/11/17	wfredk	add div.padded to table.padded
*	2017/11/11	wfredk	add and modify rulesets for home page CSP3 compliance
*	2017/11/11	wfredk	fix z-index of lightbox, spinner, dialog box
*	2017/11/09	wfredk	add discless, td.<size> rulesets
*	2017/11/08	wfredk	update resume background image
*	2017/10/17	wfredk	add more rulesets nominally for resume CSP3 complaince
*	2017/09/26	wfredk	add <p> right margin hack b/c of menu overflow
*	2017/09/25	wfredk	order attributes alphabetically within rulesets
*	2017/09/25	wfredk	add rulesets for CSP3, current practice
*	2014/11/12	wfredk	Javascript display of "Someone Special"
*	2014/08/28	wfredk	add embed, size110, size150 rulesets
*	2014/08/24	wfredk	add glueDown, trpspace rulesets
*	2014/08/24	wfredk	add overlay, lightbox rulesets
*	2014/08/05	wfredk	add dblspace, italic rulesets
*	2014/07/15	wfredk	rename #nav rulesets - WordPress conflict
*	2014/07/10	wfredk	jQuery slide show for portraits
*	2013/08/09	wfredk	add bold, size120, size90
*	2011/08/16	wfredk	add listTable
*	2011/08/12	wfredk	add dispText
*	2011/07/02	wfredk	alternating odd number menu levels
*	2011/05/31	wfredk	add several styles, separate styles for body, td
*	2010/04/16	wfredk	class names are CASE SENSITIVE in Firefox
*	2010/04/15	wfredk	add several styles
*		|		  |				|
*	2010/04/13	wfredk	add several styles, file documentation
*/
*
{	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body
{	background:url('/graphics/l5-back.jpg');
	color:#eeeebb;
	font-size:10pt;
	font-weight:normal;
}
p
{	background:none;
	font-size:10pt;
	font-weight:normal;
	margin-right:3px;
}
td
{	background:none;
	color:#eeeebb;
	font-size:10pt;
	font-weight:normal;
}
td, th
{	padding:2px 5px;
}

/* +++++ support for "mobile rotate notice" banner +++++++++++++++++++ */
.mobileRotateNotice
{	display:none;
}
@media screen and (max-width: 600px) and (orientation: portrait)
{	.mobileRotateNotice
	{	background:#111;
		color:#ffffe8;
		display:block;
		font-size:16px;
		left:0;
		line-height:1.3;
		padding:10px 18px;
		position:sticky;
		text-align:center;
		top:0;
		width:100%;
		z-index:2147483647;
	}
}
/* ----- support for "mobile rotate notice" banner ------------------- */

.menuHack
{	padding-right:14px;
}

form
{	display:inline;	/* required to make InternetExploiter work right */
}
img, fieldset
{	border:0;
	margin:0;
	padding:0;
}

input.numeric
{	text-align:right;
}
input.readonly
{	color:#6d6d6d;
	background-color:#dfdfdf;
}
input.rightButton
{	background-color:#074723;
	color:Gold;
	font-weight:600;
/*	height:30px; */
}
input.wrongButton
{	background-color:#200000;
	color:Gray;
	font-weight:bold;
	/*height:30px;*/
}

.focusButton
{	background-color:DarkBlue;
	color:Yellow;
	font-weight:700;
}

.tocColor
{	color:#ffff66;
}
.tocLevel1
{	font-size:120%;
	font-weight:bold;
	margin-top:14px;
}
.tocLevel3
{	font-size:110%;
	font-weight:bold;
	margin-top:10px;
}
.tocLevel5
{	font-weight:bold;
	margin-top:6px;
}
/*.tocLevel7
{	normal text
	margin-top:2px;
}*/
.tocLevel9
{	font-size:90%;
}
.tocDetail
{	font-size:90%;
	font-style:italic;
	margin-left:20px;
}
td.toc, p.toc
{	color:#ffff66;
}
.tdetail
{	font-size:10px;
}
.tocBackground
{	background:none repeat scroll 0 50% #550055;
/*	background:none repeat scroll 0 50% white; */
/*	height:100%;
	padding:5px; */
	text-align:right;
	vertical-align:top;
}
.tocImage
{	margin:2em 0;
	text-align:center;
}
.toctitle, td.toctitle
{	background:#550055;
	color:#6699ff;
	font-size:18pt;
	font-style:italic;
	font-weight:bold;
/*	margin:20px 20px 50px; */
	padding:20px;
/*	text-align:center; */
}
.tocBtn, .tocBtnNot
{	display:inline-block;
	font-size:80%;
	text-align:left;
	vertical-align:text-top;
	width:30px;
}
.tocMenu, td.tocMenu
{	background:#550055;
/*	display:none;
	font-size:120%;
	line-height:11pt; */
	list-style:none;
/*	margin-top:0;
	padding-left:30px; */
	text-align:left;
	vertical-align:top;
}
.tocMenuOpen
{	background:#001100;
	color:#555555;
	font-size:120%;
	line-height:11pt;
	list-style:none;
	margin-top:0;
	padding-left:30px;
}
.tocLink, td tocLink, a.tocLink	/* watch out for toclink */
{	color:#99ff99;
	text-decoration:none;
}
.tocLink:link, .tocLink:visited
{	color:#99ff99;
	text-decoration:none;
}
.tocLink:link:hover
{	color:#9999ff;
	text-decoration:underline;
}
.tocLink:visited:hover
{	color:red;
	text-decoration:underline;
}
.notLink, td notLink
{	color:#ffff66;
}
.stubLink:link, .stubLink:visited
{	color:#339933;
	text-decoration:none;
}

:link:hover.toclink
{	color:#9999ff;
	text-decoration:underline;
}
.main
{	color:#ffffcc;
	font-size:14pt;
}
.mainBlurb
{	color:#ffffcc;
	font-size:14pt;
	margin:50px;
}
.maincomment
{	color:#ffffcc;
	font-size:10pt;
}
.features, .features div, .features div td, .features td, .features td p
{	color:#ffd9ad;
	font-size:10px;
}

/* +++ rulesets for CSP3 compliance +++ */
.fullWidth
{	width:100%;
}
input.captcha5
{	font-size:14pt;
	text-align:center;
	width:96px;
}
.noscript_pre_hr
{	margin-top:25px;
}
.marginTop5em
{	margin-top:5em;
}
table.bareCenteredNoPad
{	border:0;
	margin:auto;
}
table.center
{	margin:auto;
}
table.centeredForm
{	border:0;
	margin:auto;
	padding:5px;
}
table.padded, div.padded
{	padding:10px;
}
div.padded p
{	margin-top:5px;
	padding-left:7px;
	padding-right:7px;
}
p.indented, table.indented
{	margin-left:2em;
}
p.tight
{	margin-bottom:0.5em;
}
/* --- rulesets for CSP3 compliance --- */

.subformTitle
{	color:#ff9933;
	margin:0 0 9px 2em;
}

.listWindow
{	background:white;
	border:1px solid black;
	min-height:8em;
	overflow:auto;
	padding:5px;
}

.lilac
{	background-color:#cc99ff;
	color:#000000;
}
.lilac:link, td.lilac :link
{	background:none;
	color:#3333ff;
}
.lilac:visited, td.lilac :visited
{	background:none;
	color:#3333ff;
}

.altPurple
{	background-color:#b266ff;
	color:#2e002c;
}

.purple
{	background-color:#400040;
	color:#ffff00;
}
.purple:link, td.purple :link
{	background:none;
	color:#00ffff;
}
.purple:visited, td.purple :visited
{	background:none;
	color:#ff80ff;
}

.myResume, p.myResume, td.myResume
{	background:#ffffff url('/graphics/bgmask00.jpg');
	color:#000000;
}
td.myResume p
{	color:#000000;
}
.resumeText, p.resumeText, td.resumeText
{	background:none;
	color:#000000;
}
.myResume:link, p.myResume:link, td.myResume:link
{	background:none;
	color:#3333ff;
}
.myResume:visited, p.myResume:visited, td.myResume:visited
{	background:none;
	color:#660033;
}
.dispText
{	background-color:DimGray;
	border:1px White solid;
	color:White;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

.specialTitle
{	color:#99ff99;	/* LblColor */
	margin-left:20px;
	margin-top:0;
	text-align:left;
}

table.order, tbody.order, tr.order
{	border:2px solid lightgray;
	border-collapse:collapse;
}
td.order
{	border:2px solid lightgray;
	border-collapse:collapse;
	padding:3px 10px;
	vertical-align:middle;
}
th.order
{	background-color:dimgray;
	border:2px solid lightgray;
	border-collapse:collapse;
	color:#99ff99;
	font-weight:700;
	padding:3px 10px;
}

.overlay, #overlay,
.spinnerOverlay, #spinOverlay
{	background:black url(/graphics/spinner.gif) no-repeat scroll center center;
	display:none;
	height:100%;
	left:0;
/*	opacity:0.33;	*/
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

.lbxBackgnd
{	display:none;
	height:900px;	/* set to window height by Javascript on open lightbox */
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:1200px;	/* set to window width by Javascript on open lightbox */
}
.lbxClose
{	background:white;
	border:2px solid red;
	right:-29px;
	padding:6px;
	position:absolute;
	text-align:center;
	top:-24px;
	width:40px;
	z-index:500;
}
.lbxClose span
{	color:black;
	font-size:20px;
	font-weight:900;
	text-decoration:none;
}
.lightbox
{	background:#333333;
	border:1px solid white;
	display:none;
	margin:auto;
	padding:30px 25px 10px;
	position:relative;
	text-align:center;
	top:40px;
	width:1084px;	/* set to image width + 60px */
	z-index:250;
}
#lightbox
{	padding:2em 3em;
	position:absolute;
}
#lightbox, #lightbox table, #lightbox tbody, #lightbox td
{	background:#333333;
}

.dialogBox
{	background:#555555;
	border:3px solid White;
	display:none;
	padding:3em;
	z-index:750;
}
.dialogTitle
{	margin-top:0;
}
table.dialogContent
{	margin:0 auto 2.5em;
}

div.contentMenu
{	margin:60px;
}

.embed
{	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
.collapseborder
{	border-collapse:collapse;
}
.nobordr
{	border:0px none;
}
.thinbordr
{	border:1px solid White;
}

.discless
{	list-style:none;
}

.listTable
{	border:1px solid white;
	padding:7px;
}
table.listTable
{	border-collapse:collapse;
	margin:auto;
}

.relSiteLink
{	color:#ffd9ad;	/* TxtColor */
	font-size:150%;
	font-weight:bold;
}
.relBanner
{	padding-left:5em;
}

table.mockBanner
{	border:1px solid white;
	height:62px;
	margin-left:5em;
	width:468px;
}
td.mockBanner
{	background:black;
	border:0;
	font-size:200%;
	height:62px;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}

.newsRibbon
{	margin-bottom:10px;
	margin-top:10px;
	width:100%;
}

.newsdaterule
{	width:90%;
}
.newsdatestring
{	color:#ff9933;
}
h4.newsdatestring
{	margin-left:5%;
}
.newsleadrule
{	width:75%;
}
.newssubtitle
{	font-weight:bold;
}
.newsbyline
{	font-style:italic;
}
.newslocation
{	font-size:90%;
	margin-left:2em;
}

.whitepaper
{	background:white;
	color:black;
}

.darklistcell
{	background:Black;
	border:1px solid White;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.listcell
{	border:1px solid White;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.padcell
{	padding:15px;
	text-align:center;
	vertical-align:middle;
}
.pricecell
{	border:1px solid white;
	padding:10px;
}

td.altColor, td.altColor td
{	color:#000000;
}
td.color3
{	background-color:#330033;
	color:#e6e666;
}

.altColor
{	background:#cc99ff url('/graphics/bgmas_00.gif');
	color:#000000;
}
.altColor a:link, td.altColor a:link
{	background:none;
	color:#117;
}
.altColor a:visited, td.altColor a:visited
{	background:none;
	color:#402;
}

.listTable
{	border:1px solid white;
	padding:7px;
}
table.listTable
{	border-collapse:collapse;
	margin:auto;
}

.SrchRslt
{	border:1px solid #ffd9ad;
	border-collapse:collapse;
	padding:5px;
}

.roGrayed
{	background-color:#dfdfdf;
	color:#6d6d6d;
}

hr.halfspacer
{	margin:15px 0;
}
hr.spacer
{	margin:30px 0;
}
hr.spaceBottom
{	margin-bottom:30px;
}
hr.spaceTop
{	margin-top:30px;
}

.blkBk
{	background:black;
}

#content .smaller, .smaller, td.smaller
{	font-size:smaller;	/* == <small> */
}
#content .size90, .size90, td.size90
{	font-size:0.9em;	/* == 90% */
}
#content .size110, .size110, td.size110
{	font-size:1.1em;	/* == 110% */
}
#content .size120, .size120, td.size120
{	font-size:1.2em;	/* == 120% */
}
#content .size150, .size150, td.size150
{	font-size:1.5em;	/* == 150% */
}
#content .bigger, .bigger, td.bigger
{	font-size:larger;	/* == <big> */
}

h1.short
{	margin-bottom:.25em;
	margin-top:.25em;
}
h1
{	font-size:24pt;
	font-weight:bold;
}
h2
{	font-size:18pt;
	font-weight:bold;
}
h3
{	font-size:14pt;
	font-variant:small-caps;
	font-weight:normal;
}

.zDescr
{	color:PowderBlue;
	font-size:120%;
}

.ErrorBkgd
{	background:#cc0000;
}
.BigErrorText
{	background:#cc0000;
	color:#ffff66;
	font-size:120%;
}
.ErrorText
{	background:#cc0000;
	color:#ffff66;
}
.ErrorTitle
{	background:#cc0000;
	color:#99ffff;
}
.BigNoticeText
{	background:#cc0000;
	color:#ffff66;
	font-size:120%;
}
.NoticeText
{	background:#cc0000;
	color:#ffff66;
}
.NoticeTitle
{	background:#cc0000;
	color:#99ffff;
}

.BkgCoCode	/* background color */
{	color:#101010;
}
.BtnColor	/* button color */
{	color:#99ff99;
}
.CapColor	/* caption color */
{	color:#33cc99;
}
.LblColor	/* label color */
{	color:#99ff99;
}
.LnkColor	/* link color */
{	color:#9999ff;
}
.LnkColorAlt	/* alternate link color */
{	color:#3333cc;
}
.NRqColor	/* not-required element marker color (background) */
{	color:#101010;
}
.OptColor	/* option color */
{	color:#ffff66;
}
.redColor
{	color:red;
}
.RqdColor	/* required element marker color */
{	color:#ff6666;
}
a.SctColor, .SctColor	/* section heading color */
{	color:#ff9933;
}
.SrchHdg
{	background-color:#666666;
}
.TxtColor	/* text color */
{	color:#ffffe8;
}
.VLnColor	/* visited link color */
{	color:#ff66ff;
}
.VLnColorAlt	/* alternate visited link color */
{	color:#cc33cc;
}

#toc
{	position:absolute;
	width:275px;
/*	z-index:-1; */
}

#floatMenu
{/*	left:75%;
	margin-left:25px;*/
	position:absolute;
	top:0px;
}

#my_nav *
{	min-width:0;/* peek-a-boo bug fix for IE7 */
	position:relative;/* peek-a-boo bug fix for IE6 */
}
#my_nav img
{	padding:3px;
}
#my_nav li
{	cursor:pointer;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
/*	padding:0 0 0 10px;*/
/*	width:280px; */
}
#my_nav a
{	padding:5px 0;
	text-decoration:none;
}
#my_nav ul
{	display:none;
	margin:0;
	padding:0;
/*	visibility:hidden; */
}
#my_nav ul li
{	padding-left:0
}
#my_nav ul li a
{	padding:0;
}

/* Emergency: force Safari to use readable link colors on dark background */
a,
a:link
{	color:#99f;
	-webkit-text-fill-color:#99f;
	text-decoration:none;
}

a:visited
{	color:#f6f;
	-webkit-text-fill-color:#f6f;
	text-decoration:none;
}

a:hover,
a:active,
a:focus
{	color:red;
	-webkit-text-fill-color:red;
	text-decoration:underline;
}
/* EOF: styles.css */