

<!--
/* ******************************************************************
 * Miscellaneous styles shared across pages.
 *
 *    Updated Tue 19 May 2009 at 12:25 by David L. Paktor
 *
 *  $Revision: 1.3 $    $Date: 2009-06-02 12:52:15-07 $
 *
 * ****************************************************************** */
-->

<!--
/*  Format the name of IBM to resemble their logo  */
-->
.ibm {
	color: rgb(51, 51, 255);
	font-family: courier new,courier,monospace;
	font-weight: bold;
}


<!--
/*  Small format for instructions and whatnot  */
-->
.unhip{
	font-family: courier new,courier,monospace;
	color: rgb(101, 36, 154);
	font-weight: bold;
	font-style: italic;
	position: relative; top: -1px;
}

<!--
/*    The "floating" Top-link on the side of the frame   */
-->
.toplnk{ font-size: 14pt;
	  color: rgb(101, 48, 241);
	  font-style: italic;
	  font-weight: bold;
}


<!--
/*  Background colors for various pages */
/*  HighLights for some as needed */
/*  Plain-text for links, where desired.  */
-->
<!-- /*  overflow:    scroll;   */  -->
.commonBody {
	font-family: helvetica,arial,sans-serif;
	font-size:   14pt; text-align: left;
}
.homeBg { background: rgb(238, 255, 255); }
.homeHilite { background: rgb(212, 255, 255); }
.sampBg { background: rgb(255, 242, 236); }
.faqBg  { background: rgb(249, 245, 250); }
.funBg  { background: rgb(243, 228, 220); }
.tpltBg { background: rgb(255, 238, 234); }


.qstn:hover   { background: rgb(237, 217, 254); }
.plainLink    { text-decoration: none }
<!--
/*  It turns out not to be feasible to have a class that initializes
 *      the display setting; classes DO NOT translate to styles, and
 *      attempts to change the style-setting of a display that was
 *      init'ted via a class definition will fail.
 *  So no "togglee" or "hidee" classes.
 */
-->

<!--
/*  Minimum size for a video  */
-->
.minvidsiz { height: 286px; width: 320px; }

<!--
/* ******************************************************************
 * This global CSS-style, called  qstnBorder  is based on
 *     the border-width variable called  myBorderWid  defined
 *     in  StepQuestions.js  Unfortunately, we don't have a
 *     convenient way to link the two, as that would requirea
 *     the ability to mix javascript with Cascading Styles...
 *
 *     The "4px" portion of the definition, hard-coded here, is
 *         taken from the definition of  myBorderWid
 *
 * ****************************************************************** */
-->

.qstnBorder { border-width: 4px; width: 88%; }