/* REMOTEFILENAME=/style/rootIndex.css
 *
 *	Copyright © 2017-2025 by Fred Koschara.  All rights reserved.
 *
 *	$Id: /style/rootIndex.css,v $
 */
/**
*	Supplemental stylesheet for the /index.php page
*
*	Author:			Fred Koschara
*	Creation Date:	November seventeenth, 2017
*	Last Modified:	April 14, 2026 @ 2:03 am
*
*	Revision History:
*	   Date		  by		Description
*	2026/04/14	wfredk	set -webkit-text-fill-color in `#slideNav a`
*	2025/08/20	wfredk	convert file to UTF-8 encoding
*	2025/08/20	wfredk	make slideshow buttons narrower and closer together
*	2017/11/20	wfredk	add show/hide hotspot boundaries
*	2017/11/20	wfredk	remove (wrong) fixed height for slide show
*	2017/11/20	wfredk	renamed brainForHire to forHire
*	2017/11/19	wfredk	renamed containBrainForHire to containBfH
*	2017/11/17	wfredk	original development, headCss styles extracted from PHP
*/
#btnPR
{	background-color:DarkBlue;
	color:#99ff99;
	font-weight:600;
	margin-left:64px;
	margin-top:1.5em;
	width:15em;
}

#slideNav a
{	background:#ffcc00;
	border:1px solid #cccccc;
	color:black;
	margin:0 3px 0 2px;
	padding:3px;/* 5px; */
	text-decoration:none;
	-webkit-text-fill-color:black;
}
#slideNav a.activeSlide
{	background:#6699ff;
}
#slideNav a:focus
{	outline:none;
}
#slideTitle
{	margin:4px 0 2px 5px;
	vertical-align:middle;
}
.homePics
{	float:left;
/*	height:504px;	no. No! NO!!! */
	margin:8px;
	padding:0;
	width:360px;
}
.homeThumb
{	margin:0 0 8px;
	text-align:center;
	vertical-align:middle;
}

#alignBrainForHire
{	display:inline-block;
	height:300px;
	margin:0;
	padding:0;
	position:relative;
	width:525px;
}
#bfhShoHot
{	height:4px;
	left:0;
	position:absolute;
	top:297px;
	width:4px;
}
#brainBfh
{	height:65px;
	left:21px;
	top:12px;
	width:170px;
}
#forHireBfh
{	height:84px;
	left:12px;
	top:4px;
	width:495px;
}
#clickHereBfh
{	height:80px;
	left:192px;
	top:98px;
	width:132px;
}
#containBfH
{	background:url('/graphics/BrainForHire.png');
	display:table;
	height:300px;
	margin:0 auto;
	width:525px;
}
#hireBfh
{	height:65px;
	left:354px;
	top:12px;
	width:144px;
}
#hwSwDesignBfh
{	height:35px;
	left:34px;
	top:154px;
	width:134px;
}
ul.hwSwDesignBfh
{	padding-left:10px;
}
#moneyBfh
{	height:75px;
	left:346px;
	top:207px;
	width:141px;
}
#researchBfh
{	height:32px;
	left:31px;
	top:121px;
	width:137px;
}
#spaceBfh
{	height:35px;
	left:350px;
	top:154px;
	width:145px;
}
#swSystemBfh
{	height:31px;
	left:350px;
	top:89px;
	width:154px;
}
#thinkBfh
{	height:63px;
	left:130px;
	top:203px;
	width:118px;
}
#webDevBfh
{	height:31px;
	left:21px;
	top:89px;
	width:147px;
}
#willThinkBfh
{	height:100px;
	left:27px;
	top:190px;
	width:466px;
}
#writingBfh
{	height:32px;
	left:350px;
	top:121px;
	width:132px;
}
.bnBfh
{	position:absolute;
}
.bnVisible
{	border:1px solid red;
}
/* Relevant jquery-ui rulesets
----------------------------------*/
.ui-tooltip
{	box-shadow:7px 4px 3px Aquamarine;
	-moz-box-shadow:7px 4px 3px Aquamarine;
	-webkit-box-shadow:7px 4px 3px Aquamarine;
	max-width:960px;
	padding:8px;
	position:absolute;
	z-index:9999;
}
body .ui-tooltip
{	border-width:2px;
}
.ui-widget
{	font-size:0.9em;
}
.ui-widget-content
{	background:#f9f9f9;
	border:2px solid orange;
	color:#222222;
}
/* EOF: rootIndex.css */