/* radius.css   */ 
/*  file:///F:/1Porta~1/Portab~1/aEssPIMProPort67/1css/radius.css  [NEW 11.15.2025 9:51 AM]  [THIS IS UNDER EPIM] */
/*  OR  ../1css/radius.css  FOLDERS UNDER ESSENTIALPIM i.e. /Document/  */

/*  DELETE LINE:: HTTPS: & FILE: [SEARCH [ONLY RADIUS.css 10.08.2025 5:36 PM] into NoteTB7.2  COPY&PASTE w/LATEST, SAVE ALL  */
/*  USE MY CLIP MACRO NAMED: ''** RADIUS.CSS SEARCH DISK CLIP'' with THESE keywords: "ONLY RADIUS.CSS 06.14.2025 2:22 PM"    */
/*       ---------- LINK TO PAGEPATH & DATE SCRIPTs  e.g.  file:///F:/9MyDwnld/xnep-bkm2.html                 */
/*       -------    THESE TOP TBIRDs CSS IS INSIDE PROFILE FOLDER, USED FOR START PAGE ONLY  !!  2023.03.24 3:38 PM    */
/*     XX         <link rel="stylesheet" href="file:///F:/1Porta~1/Portab~1/TBirdP-v102/Other/radius.css" type="text/css">   */
/*     XX   <link type="image/x-icon" href="file:///F:/1Porta~1/Portab~1/TBirdP-v102/Other/Help/images/favicon.ico" rel="icon">              */
/*     XX   <link type="image/x-icon" href="file:///F:/1Porta~1/Portab~1/TBirdP-v102/Other/Help/images/favicon.ico" rel="shortcut icon">  */ 
/*     XX   <link rel="stylesheet" href="file:///F:/1Porta~1/Portab~1/TBirdPort-v68UP/Other/radius.css" type="text/css">    */
/*      -----------------    ---------------------------    */
/*          [THIS CSS COVERS ALL /PORTABLES/ & EPIM  \/  \/ ]  -------    */
 /*  <link rel="stylesheet" href="file:///F:/1Porta~1/Portab~1/1css/radius.css" type="text/css">    */
/*  <link type="image/x-icon" href="file:///F:/1Porta~1/Portab~1/1css/me.ico" rel="icon">                */
/*  <link type="image/x-icon" href="file:///F:/1Porta~1/Portab~1/1css/me.ico" rel="shortcut icon">    */
/*     XX  <link rel="stylesheet" href="file:///F:/1Porta~1/Portab~1/1css/datestmp.js" type="text/css"> */
/*     XX  <link rel="stylesheet" href="file:///F:/1Porta~1/Portab~1/1css/datestmpYR.js" type="text/css"> */
/*      IMPORTANT ---    --------------    */
/*      IMPORTANT ---  <meta name="viewport" content="width=device-width, initial-scale=1" />    IMPORTANT -----  */
/*      IMPORTANT ---    --------------    */ 
/*       <link rel="stylesheet" file:///F:/5hisways.org/css/datestmpYR.js" type="text/css">            */
/*    <link rel="stylesheet" href="file:///F:/5hisways.org/css/radius.css" type="text/css">       */
/*        <link rel="stylesheet" href="https://hisways.org/css/radius.css" type="text/css">       */
/*      IMPORTANT ---  <meta name="viewport" content="width=device-width, initial-scale=1" />    IMPORTANT -----  */
/*  <link type="image/x-icon" href="https://hisways.org/images/favicon.ico" rel="icon">               LITE t */
/*  <link type="image/x-icon" href="https://hisways.org/images/favicon.ico" rel="shortcut icon">   LITE t  */
/*  <link type="image/x-icon" href="https://hisways.org/steward/images/favicon.ico" rel="icon">   DARK T */
/*  <link type="image/x-icon" href="https://hisways.org/steward/images/favicon.ico" rel="shortcut icon">  DARK T */
/*       -----------------    ---------------------------    */
/*        <link rel="stylesheet" href="file:///F:/5neprimer.com/css/radius.css" type="text/css">       */
/*  <link type="image/x-icon" href="file:///F:/5neprimer.com/images/favicon.ico" rel="icon">          */
/*        <link rel="stylesheet" href="https://neprimer.com/css/radius.css" type="text/css">           */
/*       <meta name="viewport" content="width=device-width, initial-scale=1">     OR SCRIPT         IMPORTANT -----  */
/*  <link type="image/x-icon" href="https://neprimer.com/images/favicon.ico" rel="icon">              */
/*  <link type="image/x-icon" href="https://neprimer.com/images/favicon.ico" rel="shortcut icon">  */
/*       -----------------    2023.03.24 NOT NECESSARY TO ADD "file:///F:/" IN local URL's ??  */
/*       -----------------    ---------------------------    */
/*   XX  <link rel="stylesheet" href="file:///F:/7OBIT-PStart/TBirdP-v102/Other/radius.css" type="text/css">  OBIT **   */
/*          <link rel="stylesheet" href="file:///F:/9MyDwnld/1css/radius.css" type="text/css">   
/*                                  <link rel="stylesheet" href="../1css/radius.css" type="text/css">          */
/*          <link rel="stylesheet" href="file:///F:/9MyDwnld/1css/datestmp.js" type="text/css">        */
/*    <link type="image/x-icon" href="file:///F:/9MyDwnld/1css/me.ico" rel="icon">                 */
/*    <link type="image/x-icon" href="file:///F:/9MyDwnld/1css/me.ico" rel="shortcut icon">     */
/*        -----------------    ---------------------------    */
/*    <link rel="stylesheet" href="file:///F:/2temp2/radius.css" type="text/css">                    */
/*   <link type="image/x-icon" href="file:///F:/2temp2/me.ico" rel="icon">                 */
/*   <link type="image/x-icon" href="file:///F:/2temp2/me.ico" rel="shortcut icon">     */
/*        -----------------    ---------------------------    */
/*       -----------------  " rel="noopener" < SAFER 4 ME.> target="_self" OR target="_blank"  ???-------------------------    */
/*   <div class="">   all bod fonts = 1.1em EXCEPT: -sm = 1.0  ;  ***     <ol style="margin-top: -5px;"   ******       */
/*   style="margin-top: 0px;" <ul style="margin-top: 0px;">      <ol class="NoTopMar"> = N.G. not definged   */
/*  <ol style="text-align: left; margin-top: 0px;">                                   */
/*   <ul style="margin-top: -5px;">  <NEGATIVE #'s WORK UNDER h1,h2,3's    */
/*     <hr style="margin-left: auto; margin-right: auto;">    ol start="8"           */
/*    style="page-break-before:always";   style="page-break-after:always";      */
/*  < div style="text-align: center; page-break-after: always" class="bubble" >  */
/*   1. PAGE IMAGE>  style="border: 2px solid ; width: 750px; height: 938px;"    NOTE PIXEL SIZES.  */
/*   2. INSIDE DIV>  div style="text-align: center; page-break-after: always;" class="bubble"  
/*  Conversion Table. Inches to px conversion chart values for 96 dpi. Inches Pixels; 1 in: 96 px: 2 in: 192 px: 3 in: 288 px:   */
/*     4 in: 384 px: 5 in: 480 px: 6 in: 576 px: 7 in: 672 px: 8 in: 768 px: 9 in .  */
/*            */
/*       < script type="text/javascript"> document.getElementById("demo").innerHTML = "Hello JavaScript!";</script>  */

/* 'ID='#  |  'STYLE="# " '  |  'CLASS=". "             */
#example1 { border: 2px solid green; margin: auto; padding: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto;
}

.tdHead1 {border: medium solid black; padding: 5px; width: 2%; color: black; text-align: center; background-color: white; vertical-align: middle;
}
.tdHead2 {border: medium solid black; padding: 5px; width: 95%; color: black; text-align: left; background-color: white; vertical-align: middle;
 }
.tdBOD1 {border: thin dotted black; padding: 3px; width: 1%; color: black; text-align: center; font-weight: bold; text-decoration: underline; background-color: white;
}
.tdBOD2 {border: thin dotted black; padding: 2px; width: 95%; color: black; text-align: left; background-color: white; vertical-align: middle;
}

/* Style all links inside DIV with CLASS "custom-links"   I DON'T THINK "a|A" WORKED.  */
.custom-links a {
    color: black; 
    text-decoration: underline; 
    font-weight: bold;
}


/* more 'CLASS=". " '  |  <div class="example1"> | <div class="divPS">   | <div class="PagePath"> */
.example1 { border: 2px solid green; padding: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 88%; margin-right: auto; margin-left: auto;
}

.divPS { border: medium double rgb(0, 102, 0); padding: 5px; margin-right: auto; margin-left: auto; width: 90%; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.1em;
}

.divPS1 { border: thin dotted #006600; padding: 3px;
}

.PS2 { border: thin dotted #006600; padding: 3px; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1em;
}
  
.PagePath { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 0.85em; line-height: 1.7em; color: black; border: 1px solid green; background-color: #FFFFCC; margin: 4px auto; padding: 6px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 85%; margin-right: auto; margin-left: auto; text-align: center;
}

.PagePathBW { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 0.85em; line-height: 1.7em; color: black; border: 1.8px solid black; background-color: #FFFFFF; margin: 4px auto; padding: 6px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 85%; margin-right: auto; margin-left: auto; text-align: center;
}

.PagePath1 { font-family: "Times New Roman",Times,serif; font-size: 0.85em; line-height: 1.2em; color: black; border: 1px solid green; background-color: #FFFFCC; margin: 4px auto; padding: 4px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; width: 87%; margin-right: auto; margin-left: auto; text-align: center;
}

.PagePath70 { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 0.85em; line-height: 1.2em; color: black; border: 1px solid green; background-color: #FFFFCC; margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 70%; margin-right: auto; margin-left: auto; text-align: center;
}

.PagePath70times { font-family: "Times New Roman",Times,FreeSerif,serif; font-size: 0.85em; line-height: 1.2em; color: black; border: 1px solid green; background-color: #FFFFCC; margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 70%; margin-right: auto; margin-left: auto; text-align: center;
}

.Header { border: 1px solid green; background-color: rgb(255, 255, 255); margin: 4px auto; padding: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 95%; margin-right: auto; margin-left: auto; text-align: center;
}

/*  <body style="background-color: rgb(255, 255, 255); font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.2em; color: rgb(0, 0, 0); direction: ltr;" alink="#000099" link="#0000ff" vlink="#ff0000">      */
/* body class="bod-Helvetica" style="border-color: black; color: black; direction: ltr;" alink="Black" link="Black" vlink="Black"   /*

/*  <body class="bod-Arial"> NEXT \/ ,  <body class="bod-Times">  or? <body style="direction: ltr;"  class="bod-Arial">   */

.bod-Arial { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial,Helvetica,Verdana,sans-serif; line-height: 1.2em; font-size: 1.1em; 
}

.bod-Arial-med { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial,Helvetica,Verdana,sans-serif; line-height: 1.5em; font-size: 1.1em; 
}
.bod-Arial-sm { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial,Helvetica,Verdana,sans-serif; line-height: 1.1em; font-size: 1.0em; 
}

.bod-Arial-sm-Notes { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial,Helvetica,Verdana,sans-serif; line-height: 1.8em; font-size: 1.0em; 
}

.bod-Helvetica { direction: ltr; color: black; background-color: rgb(255, 255, 255); font-family: Helvetica,Verdana,sans-serif; line-height: 1.2em; font-size: 1.1em; 
}

.linkBW { font-size: 1.2em; font-family: "Times New Roman",Times,serif;line-height: 1.2em;color: black;
}

/*  <div class="Hideable-Div" >HIDES ALL TEXT IN SOURCE CODE SO IT IS NOT VIDIBLE.</div>  */
/*  <div style="display:none"> INLINE COMMAND. radius.css NOT NEEDED.</div>    */
/*  see also hide, show code  with multiple instances at HIS. SCOTUS slideshow & Xmas tract.  */

.bod-Times { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: "Times New Roman",Times,FreeSerif,serif; line-height: 1.2em; font-size: 1.1em; 
}

.bubble-Arial-sm { direction: ltr; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); font-family: Arial,Helvetica,Verdana,sans-serif; line-height: 1.2em; font-size: .85em; border: 1px solid green; background-color: rgb(255, 255, 255); margin: 4px auto; padding: 7px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubble-Hel-BW { direction: ltr; color: black; background-color: rgb(255, 255, 255); font-family: Helvetica,Verdana,sans-serif; line-height: 1.2em; font-size: 1.1em; font-size: 1.05em; border: 1px solid black; background-color: rgb(255, 255, 255); margin: 4px auto; padding: 6px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;

}

/*  EMAIL BUBBLE 1.1em:  <div style="border: 1px solid green; margin: 4px auto; padding: 7px; background-color: rgb(255, 255, 255); width: 98%; text-align: left; font-size: 1.1em; color: black;">  */
/*  EMAIL BUBBLE CENTERED: <div style="border: thin double red; text-align: center; width: 70%; margin-right: auto; margin-left: auto;">  */
 

/* class="bubble" =White BKGD (255,255,255) | class="bubbleYel" (255,255,204) | Blu=(204,255,255)  */
.bubble { border: 1px solid green; background-color: rgb(255, 255, 255); margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubbleJUST { border: 1px solid green; background-color: rgb(255, 255, 255); margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: justify;
}

.bubbleBlu { border: 1px solid green; background-color: rgb(204, 255, 255); margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubbleYel { border: 1px solid green; background-color: rgb(255, 255, 204); margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubblePink { border: 1px solid green; background-color: rgb(255, 204, 204); margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubbleDBL { border: medium double rgb(0, 102, 0); padding: 5px; margin: 4px auto; width: 90%; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubbleDBL100 { border: medium double rgb(0, 102, 0); padding: 5px; margin: 4px auto; width: 100%; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubbleClear { border: 1px solid black; margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 98%; margin-right: auto; margin-left: auto; text-align: left;
}

.bubble70Clear { border: 1px solid black; margin: 4px auto; padding: 7px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 70%; margin-right: auto; margin-left: auto; text-align: center;
}
.bubbleBW { font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.05em; line-height: 1.2em; color: black; border: 1.8px solid black; background-color: #FFFFFF; margin: 4px auto; padding: 6px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: 95%; margin-right: auto; margin-left: auto; text-align: left;
}


/* <ol / ul class="NoTopMar"> ; .NoTopMar {margin-top: 0pt;  BUT THIS ISN'T IN THIS RADIUS.CSS  */
/*    STACK-DIVS-vertically-on-MOBILE-but-HORIZONTALLY-WEB.html">How to stack divs vertically on mobile but HORIZONTALLY ...< /a> "FILE of stackoverflow" (URL TOO LONG)   */
/*  by having #.... I can use CLASS and STYLE in the same element !  */

#container {
   width:100%;
}
#one {
   width:47%;
   float:left;
}
#two {
   width:47%;
   float:right;
}

/*  To STACK DIVs ; ADD THIS TO WEBPAGE W/above CSS   .  I THINK THE container HOLDS BOTH one & two DIVS.  */
/*   <div id="container">                       ADDED TO  FullPfageTemplate8.5x11Test.html   */
/*   <div id="one" class="bubble";>Div 1 content here</div>      */
/*   <div id="two" class="bubble";>Div 1[2?] content here</div>      */
/*   </div>                                               */