/* The Calculator Reference by <A HREF="mailto:rfurr@vcalc.net?subject=CURTA:">Rick Furr (rfurr@vcalc.net)</A> */
/* <link rel="stylesheet" href="styles.css">                                                                   */
/* VALIDATOR! -> https://validator.w3.org/nu/#file                                                             */
/*                                                                                                             */
/* Visual Studio Code                                                                                          */
/* https://code.visualstudio.com/docs/languages/html                                                           */
/* [DISABLE (un-check)] --> Workbench > Editor: Enable Preview                                                 */
/*                                                                                                             */
/*  ** THIS ONE WAS DRIVING ME NUTS! **                                                                        */
/*  Settings - Extensions - HTML                                                                               */
/*  HTML: Auto Closing Tags                                                                                    */
/*  <un-check> Enable/disable Autoclosing of HTML tags.                                                        */
/*                                                                                                             */
/* Visual Studio Code -- [DISABLE (un-check)] Auto Closing tags: "html.autoClosingTags": false                 */
/*                                                     (Preferences: Extensions - HTML)                        */
/*                                                                                                             */
/*   // Place your key bindings in this file to override the defaults                                          */
/*   // https://github.com/microsoft/vscode/issues/71467                                                       */
/*   // Fix the Find box focus bug                                                                             */
/*   [                                                                                                         */
/*   //    "key": "enter",                                                                                     */
/*   //    "command": "workbench.action.focusLastEditorGroup",                                                 */
/*   //    "when": "editorFocus && findInputFocussed"                                                          */
/*   //},                                                                                                      */
/*     {                                                                                                       */
/*       "key": "f3",                                                                                          */
/*       "command": "workbench.action.focusLastEditorGroup",                                                   */
/*       "when": "editorFocus && findInputFocussed"                                                            */
/*     }                                                                                                       */
/*   ]                                                                                                         */
/*                                                                                                             */
/*   Center a table from Rotart7570                                                                            */
/*   style="margin-left:auto;margin-right:auto;"                                                               */
/* ------------------------------------------------------------------------------------------------------------*/

/* ALL ELEMENTS */
body{
  margin: 25px;
  background-color:#C0C0C0;
  background: url("images2/graphpaper.gif");
}
    
* {
  font-family: sans-serif;  
}

pre {
 font-family: 'Courier New', Courier, monospace;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0px;
}

iframe { 
  border: none; 
}


/* This is how you change (center in ths case) a single column in a table */


.tc1 tr td:nth-child(1) { /* center column 1 */
text-align: center;
}

.tc3 tr td:nth-child(3) { /* center column 3 */
text-align: center;
}

.tc4 tr td:nth-child(4) { /* center column 4 */
text-align: center;
}

.tc6 tr td:nth-child(6) { /* center column 6 */
text-align: center;
}



/*-----------------------------------------------------*/
/*                                                     */
/* align="center" =   <td style="text-align: center">  */
/* width=100%     = <table style="width: 100%;">       */
/* align="left"   = text-align: left;                  */
/* valign="top"   = vertical-align: middle             */
/*                                                     */
/*   <table class="table-center table-line table-pad"> */
/* <TABLE class="table-center">                        */
.table-center {
  margin-left: auto;
  margin-right: auto;
}

.table-line tr, .table-line td{
    border: 2px solid black;
    border-collapse: collapse;
    vertical-align: middle;        
}

/* cellspacing=10 cellpadding=10 */
.table-pad td { 
  padding: 20px;
}

/* cellspacing=10 cellpadding=10 */
.table-pad5 td { 
  padding: 5px;
}

.table-100 {
  width: 100%;
}

/* in-line -> <td style="text-align: center"> */
/* <div class="text-center"> */
/* BE CAREFUL, THIS WILL CENTER TEXT WITHIN A TABLE IF DIV WRAPED */
.text-center {
  text-align: center;
}

/* in-line = <span style="color:#ff0000"> */
/* <span class="text-red">                */
.text-red {color:red}

/* <div class="div-indent"> */
/* DON't NEED - SEE BODY ABOVE */
.div-indent {
  margin: 50px;
  margin-top:0px;
  margin-bottom:0px;
}

/* <table id="table-line">           */
/* #table-line tr,#table-line td{    */
/*    border: 2px solid black;       */
/*    border-collapse: collapse;     */
/*    vertical-align: middle;        */
/*    }                              */
    
/* <table id="table-background"> */
/*  #table-background tr, #table-background td, #table-background tbody{ */
/*    background-color: #eeefe7; */
/*    } */
    
.table-clr{
  background-color: #eeefe7;
}

/* <div class="centered"> */
.centered {
  text-align:center;
  /*width:100%;*/
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;

  margin: 0 auto;
  clear: both;
  /* min-width: 1080 px; */
}


/* <div class="div-center"> */
.div-center {
  text-align:center;
  /*width:100%;*/
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;

  margin: 0 auto;
  clear: both;
  /* min-width: 1080 px; */
}
  
/* <hr width=60%>        */
/* <hr class="hr-width"> */  
.hr-width {
  width:60%;
  margin:0 auto;
}

/* <hr width=60%>        */
/* <hr class="hr-60"> */  
.hr-60 {
  width:60%;
  border: 1px solid black;
}

/* <hr width=30%>        */
/* <hr class="hr-30"> */  
.hr-30 {
  width:30%;
  border: 1px solid black;
}

.hr-black{
  /*color:black;*/
  background-color:black;
  height: 1px;
}

/* <table id="Table-Text-Center">    */
/* Not Used, just kept as an example */
/* Avoid ID styles...                */
#Table-People td {
  text-align: center; 
  vertical-align: middle;
  border: 2px solid black;
  border-collapse: collapse;
  /*border-spacing: 10px;*/
  padding: 15px;
}

.Table-People2 td {
  text-align: center; 
  vertical-align: middle;
  border: 2px solid black;
  border-collapse: collapse;
  /*border-spacing: 10px;*/
  padding: 15px;
}

.tleft {
  text-align: left;
}

.table-width td {
  width: 25%;
}

.img-poster{
  border: 1px solid black;
  }

/* Other editing notes                                                   */
/* Normal == <span style="font-size: large;">                            */
/* <Font size=2> == <span style="font-size: small;"> == <small>          */
/* <Font size=3> == <span style="font-size: medium;">                    */
/* <Font color=  == <span style="color:red;"                             */
/* <img border=1 == style="border: 1px solid black;"                     */
/* width=300 == style="width: 300px;"                                    */
/* <hr width=80%> == <hr style="width: 80%;">                            */
/* Dark <hr> == <hr style="border: 1px solid black;">                    */
/*                                                                       */
/* <span id="sponsors">&nbsp;</span> instead of <a id="sponsors"></a>    */
/*                                                                       */
/* <li>'s don't need closing tags                                        */
/*                                                                       */
/* Make the dots/# of an <ol>/<ul> center, left justified                */
/*   <div style="align-content: center;">                                */
/*     <ol style="text-align: left; display: inline-block;">             */
/*       <li><b>blah</b>                                                 */
/*             -or-                                                      */
/*   <td style="text-align: center;">                                    */
/*     <ul style="display: table; margin: 0px auto; text-align: left;">  */
/*        <li><b>blah</b>                                                */
/*                                                                       */

/* <div class="dacdb-center"> */
.dacdb-center{display: block;
  margin-left: auto;
  margin-right: auto;}