/* ============================================== */
/* PHP Science Labs Standard CSS            v1.11 */
/* ============================================== */



/* ---------------------------- */
/* Default page BODY properties */


   BODY
{
   margin:          4px 4px 4px 4px; /* Adjust for optional logo */
   color:           black;
   font-family:     Verdana, Helvetica, Tahoma, Arial;
   font-size:       12px;
   font-weight:     normal;
   word-spacing:    normal;
   letter-spacing:  normal;
   line-height:     150%;
   padding:         2px;
}






   BODY.black
{
   margin:          4px 4px 4px 4px; /* Adjust for optional logo */
   color:           white;
   font-family:     Verdana, Helvetica, Tahoma, Arial;
   font-size:       14px;
   font-weight:     normal;
   word-spacing:    normal;
   letter-spacing:  normal;
   line-height:     150%;
   padding:         2px;
}


 


/* ----------------------------- */
/* Default hyperlink properties. */


   A:LINK
{
   color:             blue;
   background-color:  white;
   padding:           2px;
   line-height:       150%;
   font-family:       Verdana, Arial, Tahoma, Helvetica;
   font-size:         11px;
   font-weight:       bold;
   text-decoration:   none;
}





/* ------------------------------------- */
/* Default visited hyperlink properties. */

   A:VISITED
{
   color:             blue;
   background-color:  white;
   padding:           2px;
   line-height:       150%;
   font-family:       Verdana, Arial, Tahoma, Helvetica;
   font-size:         11px;
   font-weight:       bold;
   text-decoration:   none;
}





/* ----------------------------------- */
/* Default hyperlink hover properties. */

   A:HOVER
{
   color:             red;
   background-color:  white;
   padding:           2px;
   line-height:       150%;
   font-family:       Verdana, Arial, Tahoma, Helvetica;
   font-size:         11px;
   font-weight:       bold;
   text-decoration:   none;
}





/* ------------------------------------ */
/* Default active hyperlink properties. */

   A:ACTIVE
{
   color:             white;
   background-color:  red;
   border:            1px solid black;
   padding:           2px;
   line-height:       150%;
   font-family:       Verdana, Arial, Tahoma, Helvetica;
   font-size:         11px;
   font-weight:       bold;
}







  TEXTAREA
{
  border-color:   black;
  border-style:   solid;
  border-width:   1px;
  padding:        2px;
  font-family:    Courier, monospace;
  font-size:      14px;
  font-weight:    bold;
}




/* ----------------------------- */
/* Default paragraph properties. */

   P
{
   font-family:     Verdana, Arial, Tahoma, Helvetica;
   font-size:       12px;
   font-weight:     normal;
   word-spacing:    normal;
   letter-spacing:  normal;
   line-height:     140%;
   border-width:    1px 1px 1px 1px;
   padding:         2px;
}




/* ---------------------- */
/* Default H1 properties. */

   H1
{
   word-spacing:  normal;
   line-height:   120%;
   padding:       2px 2px 2px 2px;
   font-family:   Arial, Verdana, Tahoma, Helvetica;
   font-weight:   bold;
   font-size:     32px;
   border:        none;
   border-color:  black;
   border-width:  2px 2px 2px 2px;
}





/* ---------------------- */
/* Default H2 properties. */

   H2
{
   word-spacing:  normal;
   line-height:   120%;
   padding:       2px 2px 2px 2px;
   font-family:   Arial, Verdana, Tahoma, Helvetica;
   font-weight:   bold;
   font-size:     24px;
   border:        none;
   border-color:  black;
   border-width:  1px 1px 1px 1px;
}





/* ---------------------- */
/* Default H3 properties. */

   H3
{
   word-spacing:  normal;
   line-height:   110%;
   padding:       2px 2px 2px 2px;
   font-family:   Arial, Verdana, Tahoma, Helvetica;
   font-weight:   bold;
   font-size:     16px;
   border:        thin solid;
   border-color:  black;
   border-width:  1px 1px 1px 1px;
}





/* -------------------------- */
/* Default PRE tag properties */

   PRE
{
   text-align:    left;
   border:        none;
   padding:       2px 2px 2px 2px;
   line-height:   110%;
   word-spacing:  normal;
   font-family:   monospace, Courier;
   font-weight:   bold;
}








   DIV
{
   padding:  4px 4px 4px 4px;
}



.ThinBorder {border: thin solid black;}








/*  --------------------------- */
/*  BACKGROUND COLOR PROPERTIES */

/* .ColorName      {background-color: rgb(rrr,ggg,bbb)} */

   .BgWhite        {background-color: rgb(255,255,255)} 
   .BgVVLtGray     {background-color: rgb(246,246,246)} 
   .BgVLtGray      {background-color: rgb(232,232,232)} 
   .BgLtGray       {background-color: rgb(196,196,196)} 
   .BgGray         {background-color: rgb(136,136,136)} 
   .BgMdGray       {background-color: rgb(096,096,096)} 
   .BgDkGray       {background-color: rgb(056,056,056)} 
   .BgVDkGray      {background-color: rgb(032,032,032)} 
   .BgVVDkGray     {background-color: rgb(022,022,022)} 
   .BgBlack        {background-color: rgb(000,000,000)} 

   .BgVVLtRed      {background-color: rgb(255,236,236)} 
   .BgVLtRed       {background-color: rgb(255,220,220)} 
   .BgLtRed        {background-color: rgb(255,168,168)} 
   .BgRed          {background-color: rgb(255,000,000)} 
   .BgMdRed        {background-color: rgb(192,000,000)} 
   .BgDkRed        {background-color: rgb(128,000,000)} 
   .BgVDkRed       {background-color: rgb(096,000,000)} 
   .BgVVDkRed      {background-color: rgb(048,000,000)} 

   .BgVVLtOrange   {background-color: rgb(255,244,184)} 
   .BgVLtOrange    {background-color: rgb(255,220,100)} 
   .BgLtOrange     {background-color: rgb(255,192,000)} 
   .BgOrange       {background-color: rgb(255,144,000)} 
   .BgMdOrange     {background-color: rgb(255,096,000)} 
   .BgDkOrange     {background-color: rgb(228,048,000)} 
   .BgVDkOrange    {background-color: rgb(128,032,000)} 
   .BgVVDkOrange   {background-color: rgb(064,016,000)} 

   .BgVVLtYellow   {background-color: rgb(255,255,240)} 
   .BgVLtYellow    {background-color: rgb(255,255,192)} 
   .BgLtYellow     {background-color: rgb(255,255,140)} 
   .BgYellow       {background-color: rgb(255,255,000)} 
   .BgMdYellow     {background-color: rgb(192,192,000)} 
   .BgDkYellow     {background-color: rgb(120,120,000)} 
   .BgVDkYellow    {background-color: rgb(064,064,000)} 
   .BgVVDkYellow   {background-color: rgb(024,024,000)} 

   .BgVVLtGreen    {background-color: rgb(232,255,232)} 
   .BgVLtGreen     {background-color: rgb(200,255,188)} 
   .BgLtGreen      {background-color: rgb(154,255,154)} 
   .BgGreen        {background-color: rgb(000,255,000)} 
   .BgMdGreen      {background-color: rgb(000,148,000)} 
   .BgDkGreen      {background-color: rgb(000,088,000)} 
   .BgVDkGreen     {background-color: rgb(000,048,000)} 
   .BgVVDkGreen    {background-color: rgb(000,024,000)} 

   .BgVVLtCyan     {background-color: rgb(240,255,255)} 
   .BgVLtCyan      {background-color: rgb(216,255,255)} 
   .BgLtCyan       {background-color: rgb(172,255,255)} 
   .BgCyan         {background-color: rgb(000,255,255)} 
   .BgMdCyan       {background-color: rgb(000,224,224)} 
   .BgDkCyan       {background-color: rgb(000,144,144)} 
   .BgVDkCyan      {background-color: rgb(000,096,096)} 
   .BgVVDkCyan     {background-color: rgb(000,048,048)} 

   .BgVVLtBlue     {background-color: rgb(224,224,255)} 
   .BgVLtBlue      {background-color: rgb(200,200,255)} 
   .BgLtBlue       {background-color: rgb(144,144,255)} 
   .BgBlue         {background-color: rgb(000,000,255)} 
   .BgMdBlue       {background-color: rgb(000,000,180)} 
   .BgDkBlue       {background-color: rgb(000,000,128)} 
   .BgVDkBlue      {background-color: rgb(000,000,096)} 
   .BgVVDkBlue     {background-color: rgb(000,000,048)} 

   .BgVVLtViolet   {background-color: rgb(255,218,255)} 
   .BgVLtViolet    {background-color: rgb(255,200,255)} 
   .BgLtViolet     {background-color: rgb(255,152,255)} 
   .BgViolet       {background-color: rgb(255,000,255)} 
   .BgMdViolet     {background-color: rgb(192,000,192)} 
   .BgDkViolet     {background-color: rgb(104,000,104)} 
   .BgVDkViolet    {background-color: rgb(064,000,064)} 
   .BgVVDkViolet   {background-color: rgb(032,000,032)} 




/*  -------------------------------- */
/*  TEXT/FOREGROUND COLOR PROPERTIES */

/* .ColorName      {color: rgb(rrr,ggg,bbb)} */

   .TxWhite        {color: rgb(255,255,255)} 
   .TxVVLtGray     {color: rgb(246,246,246)} 
   .TxVLtGray      {color: rgb(232,232,232)} 
   .TxLtGray       {color: rgb(196,196,196)} 
   .TxGray         {color: rgb(136,136,136)} 
   .TxMdGray       {color: rgb(096,096,096)} 
   .TxDkGray       {color: rgb(056,056,056)} 
   .TxVDkGray      {color: rgb(032,032,032)} 
   .TxVVDkGray     {color: rgb(022,022,022)} 
   .TxBlack        {color: rgb(000,000,000)} 

   .TxVVLtRed      {color: rgb(255,236,236)} 
   .TxVLtRed       {color: rgb(255,220,220)} 
   .TxLtRed        {color: rgb(255,168,168)} 
   .TxRed          {color: rgb(255,000,000)} 
   .TxMdRed        {color: rgb(192,000,000)} 
   .TxDkRed        {color: rgb(128,000,000)} 
   .TxVDkRed       {color: rgb(096,000,000)} 
   .TxVVDkRed      {color: rgb(048,000,000)} 

   .TxVVLtOrange   {color: rgb(255,244,184)} 
   .TxVLtOrange    {color: rgb(255,220,100)} 
   .TxLtOrange     {color: rgb(255,192,000)} 
   .TxOrange       {color: rgb(255,144,000)} 
   .TxMdOrange     {color: rgb(255,096,000)} 
   .TxDkOrange     {color: rgb(228,048,000)} 
   .TxVDkOrange    {color: rgb(128,032,000)} 
   .TxVVDkOrange   {color: rgb(064,016,000)} 

   .TxVVLtYellow   {color: rgb(255,255,240)} 
   .TxVLtYellow    {color: rgb(255,255,192)} 
   .TxLtYellow     {color: rgb(255,255,140)} 
   .TxYellow       {color: rgb(255,255,000)} 
   .TxMdYellow     {color: rgb(192,192,000)} 
   .TxDkYellow     {color: rgb(120,120,000)} 
   .TxVDkYellow    {color: rgb(064,064,000)} 
   .TxVVDkYellow   {color: rgb(024,024,000)} 

   .TxVVLtGreen    {color: rgb(216,255,224)} 
   .TxVLtGreen     {color: rgb(200,255,188)} 
   .TxLtGreen      {color: rgb(154,255,154)} 
   .TxGreen        {color: rgb(000,255,000)} 
   .TxMdGreen      {color: rgb(000,148,000)} 
   .TxDkGreen      {color: rgb(000,088,000)} 
   .TxVDkGreen     {color: rgb(000,048,000)} 
   .TxVVDkGreen    {color: rgb(000,024,000)} 

   .TxVVLtCyan     {color: rgb(240,255,255)} 
   .TxVLtCyan      {color: rgb(216,255,255)} 
   .TxLtCyan       {color: rgb(172,255,255)} 
   .TxCyan         {color: rgb(000,255,255)} 
   .TxMdCyan       {color: rgb(000,224,224)} 
   .TxDkCyan       {color: rgb(000,144,144)} 
   .TxVDkCyan      {color: rgb(000,096,096)} 
   .TxVVDkCyan     {color: rgb(000,048,048)} 

   .TxVVLtBlue     {color: rgb(224,224,255)} 
   .TxVLtBlue      {color: rgb(200,200,255)} 
   .TxLtBlue       {color: rgb(144,144,255)} 
   .TxBlue         {color: rgb(000,000,255)} 
   .TxMdBlue       {color: rgb(000,000,180)} 
   .TxDkBlue       {color: rgb(000,000,128)} 
   .TxVDkBlue      {color: rgb(000,000,096)} 
   .TxVVDkBlue     {color: rgb(000,000,048)} 

   .TxVVLtViolet   {color: rgb(255,218,255)} 
   .TxVLtViolet    {color: rgb(255,200,255)} 
   .TxLtViolet     {color: rgb(255,152,255)} 
   .TxViolet       {color: rgb(255,000,255)} 
   .TxMdViolet     {color: rgb(192,000,192)} 
   .TxDkViolet     {color: rgb(104,000,104)} 
   .TxVDkViolet    {color: rgb(064,000,064)} 
   .TxVVDkViolet   {color: rgb(032,000,032)} 




/* ------------------------------*/
/* Text size classes (in pixels) */

   .Tx8   {font-size:  8px}
   .Tx9   {font-size:  9px}
   .Tx10  {font-size: 10px}
   .Tx11  {font-size: 11px}
   .Tx12  {font-size: 12px}
   .Tx13  {font-size: 13px}
   .Tx14  {font-size: 14px}
   .Tx15  {font-size: 15px}
   .Tx16  {font-size: 16px}
   .Tx17  {font-size: 17px}
   .Tx18  {font-size: 18px}
   .Tx19  {font-size: 19px}
   .Tx20  {font-size: 20px}
   .Tx21  {font-size: 21px}
   .Tx22  {font-size: 22px}
   .Tx23  {font-size: 23px}
   .Tx24  {font-size: 24px}
   .Tx25  {font-size: 25px}
   .Tx26  {font-size: 26px}
   .Tx27  {font-size: 27px}
   .Tx28  {font-size: 28px}
   .Tx29  {font-size: 29px}
   .Tx30  {font-size: 30px}
   .Tx31  {font-size: 31px}
   .Tx32  {font-size: 32px}
   .Tx33  {font-size: 33px}
   .Tx34  {font-size: 34px}
   .Tx35  {font-size: 35px}
   .Tx36  {font-size: 36px}
   .Tx37  {font-size: 37px}
   .Tx38  {font-size: 38px}
   .Tx39  {font-size: 39px}
   .Tx40  {font-size: 40px}
   .Tx41  {font-size: 41px}
   .Tx42  {font-size: 42px}
   .Tx43  {font-size: 43px}
   .Tx44  {font-size: 44px}
   .Tx45  {font-size: 45px}
   .Tx46  {font-size: 46px}
   .Tx47  {font-size: 47px}
   .Tx48  {font-size: 48px}
   .Tx49  {font-size: 49px}
   .Tx50  {font-size: 50px}






/* Fixed-width text style for I/O boxes */


   .TxInpL
{
   background-color: rgb(255,255,218);
   font-family:      monospace;
   font-size:        14px;
   font-weight:      bold;
   text-align:       left;
}




   .TxInpR
{
   background-color: rgb(255,255,218);
   font-family:      monospace;
   font-size:        14px;
   font-weight:      bold;
   text-align:       right;
}



/* Fixed-width centered text for text input boxes */

   .TxInpCtr
{
   background-color: rgb(255,255,218);
   font-family:      monospace;
   font-size:        14px;
   font-weight:      bold;
   text-align:       center;
}





   .AlgBg
{
   background-color: rgb(232,255,255);
   border:           thin solid;
   border-color:     black;
   padding:          2px 2px 2px 4px;
   line-height:      120%;
}




   CODE
{
   font-family:      monospace;
   font-weight:      bold;
}




   .WorkBlock
{
   background-color: rgb(255,255,232);
   border:           thin solid;
   border-color:     black;
   border-width:     1px 1px 1px 1px;
   padding:          4px 4px 4px 4px;
   line-height:      120%;
}




   .CodeBlock
{
   background-color: white;
   border:           thin solid;
   border-color:     black;
   border-width:     2px 2px 2px 2px;
   padding:          4px 4px 4px 4px;
   line-height:      120%;
}




   .PHPBlock
{
   background-color: white;
   border:           solid;
   border-color:     red;
   border-width:     2px 2px 2px 2px;
   padding:          4px 4px 4px 4px;
   line-height:      120%;

}



   .AlgorBox
{
   background-color: rgb(216,255,255);
   border:           thin solid;
   border-color:     black;
   border-width:     1px 1px 1px 1px;
   padding:          4px 4px 4px 4px;
   line-height:      120%;

}



/* ------------------------ */ 
/* CUSTOM HIGHLIGHT COLORS. */
/* MAY NOT WORK FOR EVERY   */
/* BROWSER.  IF NOT, THEN   */
/* NO EFFECT AT ALL.        */

   ::selection 
{
   background: yellow;  color: black;  /* IE9/Safari */
}      


   ::-moz-selection 
{
   background: yellow;  color: black;  /* FireFox/Mozilla */
}