/* remotefilename=/style/styles.css
 *
 *	Copyright © 2008-2025 by Photo By Fred.  All rights reserved.
 *
 *	$Id: /style/styles.css,v $
 */
/**
*	Main stylesheet for the site
*
*	Author:			Fred Koschara
*	Last Modified:	August 29, 2025 @ 4:32 am
*
*	Revision History:
*	   Date		  by		Description
*	2025/08/29	wfredk	reorder some rulesets to simplify comparison
*	2025/08/29	wfredk	remove styles now defined in AddHeader.css
*	2025/08/29	wfredk	fix syntax errors
*	2025/08/29	wfredk	alphabetize properties within rulesets
*	2025/08/29	wfredk	convert file to UTF-8 encoding
*	2025/08/29	wfredk	do *not* set table,tbody,td,p background-color (!!)
*	2025/05/28	wfredk	define .twothirds class
*	2025/05/27	wfredk	add a bunch of classes from current practice
*	2025/05/27	wfredk	replace ': ' with ':'
*	2025/05/27	wfredk	update some table classes
*	2017/06/15	wfredk	add "order" rulesets
*	2016/09/20	wfredk	add #spinOverlay, .spinnerOverlay rulesets
*	2014/08/21	wfredk	add BigErrorText, BigNoticeText, ErrorBkgd rulesets
*	2014/08/21	wfredk	add form, NRqColor rulesets, default font size is 12pt
*	2011/07/20	wfredk	add half, left,... top,... ; EOF marker line
*	2010/07/27	wfredk	features styles list must include "td p"
*	2010/07/11	wfredk	basic styles file moved to style directory
*	2010/07/11	wfredk	add a bunch of styles
*	2010/07/10	wfredk	add documentation block
*	2010/07/10	wfredk	add main, maincomment classes
*/
*
{	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body
{	background-color:#101010;
	color:#ffffe8;
	font-size:12pt;
	font-weight:normal;
}
td, p
{	background:none;
	color:#ffffe8;
	font-size:12pt;
	font-weight:normal;
}

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

a:link
{	color:#9999ff;
	text-decoration:none;
}
a:visited
{	color:#ff66ff;
	text-decoration:none;
}
a:active
{	color:white;
	text-decoration:none;
}
:link:hover
{	color:red;
/*	font-weight:bold; */
	text-decoration:underline;
}
.toclink, td.toclink, a.toclink
{	color:#99ff99;
	text-decoration:none;
}
:link:hover.toclink
{	color:#9999ff;
	text-decoration:underline;
}
td.toc, p.toc
{	color:#ffff66;
}
.tdetail
{	font-size:10px;
}

input.numeric
{	text-align:right;
}
input.readonly
{	background-color:#dfdfdf;
	color:#6d6d6d;
}

.main
{	color:#ffffcc;
	font-size:14pt;
}
.maincomment
{	color:#ffffcc;
	font-size:10pt;
}
.features, .features div, .features div td, .features td, .features td p
{	color:#ffffe8;
	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;
}
p.indented, table.indented, div.indented
{	margin-left:2em;
}
p.tight
{	margin-bottom:0.5em;
}
/* --- rulesets for CSP3 compliance --- */

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:top;
}
th.order
{	background-color:dimgray;
	border:2px solid lightgray;
	border-collapse:collapse;
	color:#99ff99;
	font-weight:700;
	padding:3px 10px;
}

.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;
}

.embed
{	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
.collapseborder
{	border-collapse:collapse;
}
.nobordr, table.nobordr, tr.nobordr, td.nobordr
{	border:0px none;
}
.nobordrL, table.nobordrL, tr.nobordrL, td.nobordrL
{	border-left:0;
}
.nobordrLR, table.nobordrLR, tr.nobordrLR, td.nobordrLR
{	border-left:0;
	border-right:0;
}
.nobordrR, table.nobordrR, tr.nobordrR, td.nobordrR
{	border-right:0;
}
.thinbordr, table.thinbordr, tr.thinbordr, td.thinbordr
{	border:1px solid White;
}

.padcell
{	padding:15px;
	text-align:center;
	vertical-align:middle;
}

.blkBk
{	background:black;
}

hr.delimiter
{	margin:3em 0;
}

#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> */
}

.twothirds
{	width:66%;
}

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

.BkgCoCode, .NRqColor	/* background, not-required element marker color */
{	color:#101010;
}
.BtnColor	/* button color */
{	color:#99ff99;
}
.CapColor	/* caption color */
{	color:#33cc99;
}
.CopyrightColor
{	color:#999999;
}
.LblColor	/* label color */
{	color:#99ff99;
}
.LnkColor	/* link color */
{	color:#9999ff;
}
.LnkColorAlt	/* alternate link color */
{	color:#3333cc;
}
.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:#ffffe8;
}
.VLnColor	/* visited link color */
{	color:#ff66ff;
}
.VLnColorAlt	/* alternate visited link color */
{	color:#cc33cc;
}
/* EOF: styles.css */