/* remotefilename=/style/styles.css
 *
 *	Copyright © 2016-2017 by FKE Internet.  All rights reserved.
 *
 *	$Id: /style/styles.css,v $
 */
/**
*	Main stylesheet for FKEInternet.net
*
*	Author:			Fred Koschara
*	Creation Date:	November sixth, 2016
*	Last Modified:	October 10, 2025 @ 2:21 pm
*
*	Revision History:
*	   Date		  by		Description
*	2025/10/10	wfredk	set font-family on ruleset '*' and nowhere else
*	2025/10/10	wfredk	remove rulesets now defined in AddHeader.css
*	2025/10/10	wfredk	change file to UTF-8 encoding
*	2017/08/23	wfredk	add .lbx*,.lightbox rulesets
*	2017/08/21	wfredk	floatLeft, floatRight, clearing, glueDown in AddHeader
*	2017/08/20	wfredk	add float_left, float_right, clearing rulesets
*	2017/07/16	wfredk	add cycle-active-pager, L5Gold rulesets
*	2017/07/16	wfredk	add bannerFollow ruleset
*	2016/11/06	wfredk	original development
*/
*
{	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body
{	background:#000000 url('/graphics/l5-back.jpg');
	color:#e8e8cc;
	font-size:11pt;
	font-weight:normal;
/*	text-align:justify; */
}

.bannerImage					/* SET THIS TO MATCH SiteVars.php */
{	max-width:468px;			/* BANNER_WIDTH, $siteLogoWidth */
}

td, p
{	background:none;
	color:#e8e8cc;
	font-size:11pt;
	font-weight:normal;
}
td, th
{	padding:2px 5px;
}

form
{	display:inline;	/* required to make InternetExploiter work right */
}
img, fieldset
{	margin:0;
	padding:0;
	border:0;
}

input.numeric
{	text-align:right;
}
input.readonly
{	color:#6d6d6d;
	background-color:#dfdfdf;
}
input.rightButton
{	font-weight:600;
/*	height:30px; */
	background-color:#074723;
	color:Gold;
}
input.wrongButton
{	font-weight:bold;
	/*height:30px;*/
	background-color:#200000;
	color:Gray;
}

.focusButton
{	background-color:DarkBlue;
	color:Yellow;
	font-weight:700;
}

.tocLevel1
{	color:#6699ff;
	font-size:120%;
	font-weight:bold;
	margin-top:14px;
}
.tocLevel3
{	color:#6699ff;
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
}
.tocLevel5
{	color:#6699ff;
	font-weight:bold;
	margin-top:6px;
}
/*.tocLevel7
{	normal text
	margin-top:2px;
}*/
.tocLevel9
{	font-size:90%;
}
.tocDetail
{	font-style: italic;
	margin-left:20px;
	font-size:90%;
}
.tocBackground
{	background:none repeat scroll 0 50% #001100;
	color:#555555;
	height:100%;
	padding:5px;
	vertical-align:top;
}
.tocImage
{	margin:2em 0;
	text-align:center;
}
.tocTitle, td.tocTitle
{	background:#001100;
	color:#6699ff;
	font-size:20pt;
	font-weight:bold;
	font-style: italic;
	margin:20px 20px 50px;
	text-align:center;
}
.tocBtn, .tocBtnNot
{	display:inline-block;
	font-size:80%;
	text-align:left;
	vertical-align:text-top;
	width:30px;
}
.tocMenu, td.tocMenu
{	background:#001100;
	color:#555555;
	display:none;
	font-size:120%;
	line-height:11pt;
	list-style:none;
	margin-top:0;
	padding-left:30px;
}
.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 */
{	text-decoration: none;
	color: #99ff99;
}
.tocLink:link, .tocLink:visited
{	text-decoration: none;
	color: #99ff99;
}
.tocLink:link:hover
{	text-decoration: underline;
	color: #9999ff;
}
.tocLink:visited:hover
{	text-decoration: underline;
	color: red;
}
.notLink, td notLink
{	color:#555555;
}
.stubLink:link, .stubLink:visited
{	text-decoration:none;
	color:#339933;
}

:link
{	text-decoration:none;
	color:#9999ff;
}
:visited
{	text-decoration:none;
	color:#ff66ff;
}
a:focus,a:active
{	outline:0;
}
a:active
{	text-decoration:none;
	color:white;
}
:link:hover
{	text-decoration:underline;
	color:red;
}
:visited:hover
{	text-decoration: underline;
	color: red;
}
:link:hover.toclink
{	text-decoration:underline;
	color:#9999ff;
}
td.toc, p.toc
{	color:#ffff66;
}
.tdetail
{	font-size:10px;
}
.main
{	font-size:14pt;
	color:#ffffcc
}
.maincomment
{	font-size:10pt;
	color:#ffffcc
}
.features, .features div, .features div td, .features td, .features td p
	font-size:10px;
	color:#e8e8cc;
}

.subformTitle
{	color:#ff9933;
	margin:0 0 9px 2em;
}

.listWindow
{	background:white;
	border:1px solid black;
	min-height:8em;
	overflow:auto;
	padding:5px;
}

.dispText
{	background-color:DimGray;
	color:White;
	padding:5px;
	border:1px White solid;
	text-align:left;
	vertical-align:top;
}

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
{	border:2px solid lightgray;
	border-collapse:collapse;
	background-color:dimgray;
	color:#99ff99;
	font-weight:700;
	padding:3px 10px;
}

#spinOverlay, .spinnerOverlay
{	background: black url(/graphics/spinner.gif) no-repeat scroll center center;
	height:100%;
	left:0;
	/* opacity:0.33; */
	position:absolute;
	top:0;
	width:100%;
	z-index:115;
}
.lbxBackgnd
{	height:900px;	/* set to window height */
	left:0;
	overflow:auto;
	position:absolute;
	top:0;
	width:1200px;	/* set to window width */
}
.lbxClose
{	background:white;
	border:2px solid red;
	right:-29px;
	padding:6px;
	position:absolute;
	text-align:center;
	top:-24px;
	width:40px;
	z-index:175;
}
.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:150;
}
#overlay
{	background: black url(/graphics/spinner.gif) no-repeat scroll center center;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:125;
}
#lightbox
{	position:absolute;
	padding:2em 3em;
}
#lightbox, #lightbox table, #lightbox tbody, #lightbox td
{	background:#333333;
}

.dialogBox
{	background:#555555;
	display:none;
	border:3px solid White;
	padding:3em;
}

.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;
}

.listTable
{	border:1px solid white;
	padding:7px;
}
table.listTable
{	margin:auto;
	border-collapse:collapse;
}

.relSiteLink
{	font-size:150%;
	color:#e8e8cc;	/* TxtColor */
	font-weight:bold;
}
.relBanner
{	padding-left:5em;
}

table.mockBanner
{	margin-left:5em;
	width:468px;
	height:62px;
	border:1px solid white;
}
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
{	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid White;
	background:Black;
}
.listcell
{	padding:5px;
	text-align:left;
	vertical-align:top;
	border:1px solid White;
}
.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;
}

.tabIndexPane
{	border:1px solid #aaaaaa;
}

.SrchRslt
{	border:1px solid #e8e8cc;
	border-collapse:collapse;
	padding:5px;
}

.roGrayed
{	background-color:#dfdfdf;
	color:#6d6d6d;
}

.cycle-pager-active
{	color:red;
}

.bannerFollow
{	margin-bottom:45px;
}

.blkBk
{	background:black;
}

.smaller
{	font-size:smaller;	/* = <small> */
}
.size90
{	font-size:0.9em;	/* = 90% */
}
.size110
{	font-size:1.1em;	/* = 110% */
}
.size120
{	font-size:1.2em;	/* = 120% */
}
.size150
{	font-size:1.5em;	/* = 150% */
}
.bigger
{	font-size:larger;	/* = <big> */
}


h1.short
{	margin-top:.25em;
	margin-bottom:.25em;
}
h1
{	font-size:24pt;
	font-weight:bold;
}
h2
{	font-size:18pt;
	font-weight:bold;
}
h3
{	font-size:14pt;
	font-weight:normal;
	font-variant:small-caps;
}

.zDescr
{	font-size:120%;
	color:PowderBlue;
}

.ErrorBkgd
{	background:#cc0000;
}
.BigErrorText
{	font-size:120%;
	background:#cc0000;
	color:#ffff66;
}
.ErrorText
{	background:#cc0000;
	color:#ffff66;
}
.ErrorTitle
{	background:#cc0000;
	color:#99ffff;
}
.BigNoticeText
{	font-size:120%;
	background:#cc0000;
	color:#ffff66;
}
.NoticeText
{	background:#cc0000;
	color:#ffff66;
}
.NoticeTitle
{	background:#cc0000;
	color:#99ffff;
}

.L5Gold
{	color:#ffcc33;
}

.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;
}
.RqdColor	/* required element marker color */
{	color:#ff6666;
}
a.SctColor, .SctColor	/* section heading color */
{	color:#ff9933;
}
.SrchHdg
{	background-color:#666666;
}
.TxtColor	/* text color */
{	color:#e8e8cc;
}
.VLnColor	/* visited link color */
{	color:#ff66ff;
}
.VLnColorAlt	/* alternate visited link color */
{	color:#cc33cc;
}
/* EOF: styles.css */
