/*----------Comment line - new CSS codes to be used

Selectors pages 11 - 15 of  CSS Mastery book
Selectors based on HTML tag  
p  
a 
h1
p, div, h1, h2, h3  
li a selector based on tag descendants
Selectors based on ID or Class
# is a selector based on ID
. is a selector based on class

Selectors based on tag element status
a:link   all unvisited links
a:visited  all visited links
a:hover   links under the mouse
input:focus   input element having focus

>  immediate child selector   #navmenu > li 
+  adjacent sibling selector   h1 + p
*  universal selector   #navmenu li *
[] existence of an attribute selector   a[title]
[title="pick"]   existence of an attribute selector with a specific value
[title~="not picked"]
---------------------*/
#body_id {background: #8e8efe; margin-top: 2pt; margin-left: 2pt; padding: 0; border: 0; FONT-FAMILY: Verdana, Arial, Helvetica, 'Andale Mono', sans-serif; font-size: 85%; }
#menu_col {width: 100pt; float: left; background-color: #F8F8D8; TEXT-ALIGN: left; font-weight: normal; LINE-HEIGHT: 185%; min-height: 800pt; }
#main_col {position: absolute; left: 103pt; background-color: #EFEFEF; TEXT-ALIGN: left; font-weight: normal; line-height: 100%; min-height: 800pt; }
.menu_hd {padding-left: 2pt;}

#s1_div, #s2_div, #s3_div, #s4_div, #s5_div, #s6_div, #s7_div, #s8_div, #s9_div, #s10_div, #s12, #s13 { padding-left: 7pt; padding-right: 14pt;}
#s7_text {width: 650pt; float: left; TEXT-ALIGN: left; font-weight: normal;  height: 250pt; margin-bottom: 20pt;}
#s19, #s12, #s13 {font-size: 70%; max-width: 99%; display: none}

#utility_header {background-color: #febbde; padding-left: 2pt;}
#utility_footer {background-color: #febbde; padding-left: 2pt;}
#aid_mem {padding-left: 2pt; LINE-HEIGHT: 100%;}
.menu_right  {position: absolute; left: 82pt; }
.width20 {width: 20pt;}
.width30 {width: 30pt;}
.width35 {width: 35pt;}
.width40 {width: 40pt;}
.width50 {width: 50pt;}
.width60 {width: 60pt;}
.width65 {width: 65pt;}
.width70 {width: 70pt;}
.width90 {width: 90pt;}
.width120 {width: 120pt;}
.width150 {width: 150pt;}
.width160 {width: 160pt;}
.width250 {width: 250pt;}

#s1_selected_rec, #s2_selected_rec, #s3_selected_rec, #s4_selected_rec, #s5_selected_rec, #s6_selected_rec, #s8_selected_rec, #s9_selected_rec, #s10_selected_rec {padding: 20pt; line-height: 110%; }
#s1_saved, #s2_saved, #s3_saved, #s4_saved, #s5_saved, #s6_saved, #s7_saved, #s8_saved, #s9_saved, #s10_saved {padding: 20pt; line-height: 110%; }

#s13_canvas {border:1px solid #000000;  background-color: #EEFBFE; }

.d_time  {font-size: 100%; line-height: 210%;}
.all_n1  {font-size: 90%; }
.all_n  {font-size: 100%; }
.all_ns {font-size: 15%; }
.all_menu {font-size: 100%; background-color: #FEDBDE; padding-left: 4pt;}

.add_buttons {background-color: #ffa5fe; font-size: 120%; padding-left: 20pt; padding-right: 20pt;}
.save_buttons {background-color: #00ff00; font-size: 120%; padding-left: 20pt; padding-right: 20pt;}
.del_buttons {background-color: #ffa500; font-size: 120%; padding-left: 20pt; padding-right: 20pt;}
.cancel_buttons {background-color: #bc8f8f; font-size: 120%; padding-left: 20pt; padding-right: 20pt;}
.val_buttons {background-color: #00ffff; font-size: 120%; padding-left: 20pt; padding-right: 20pt;}
.exit_buts {background-color: #ffa500; font-size: 120%; padding-left: 20pt; padding-right: 20pt; }

.cell_padding {padding-left: 10pt; padding-right: 10pt;}
table {border:1px solid black; border-collapse: collapse; text-align: center;  max-height: 600pt;}
th {border:1px solid black; border-collapse: collapse; text-align: center; }
td {border:1px solid black; border-collapse: collapse; margin-left: auto; margin-right: auto; line-height: 115%; }

.fs130      {font-size: 130%; text-align: center;}
.center     {text-align: center;}
.bold       {font-weight: bold;}
.lhextra    {line-height: 150%;}
.hilight	{background-color: #C0C0D0; color: #101000; padding-left: 4pt;}
hr 	{border: none;  border-top: 2pt solid #8b008b; color: #8b008b; overflow: visible; text-align: center; height: 2pt;}

.cov		{background-color: #FFFFFF;}    /*------- white -------*/
.cbw		{background-color: #EEFBFE;}   /*------- very light blue -------*/
.cbw1		{background-color: #BEEBEE;}   /*------- very light blue -------*/
.cbt		{background-color: #FEFBFE;}  /*------- near white -------*/
.cex		{background-color: #FEEBEE;}   /*------- very light pink -------*/
.bc01		{background-color: #D00080;}   /*------- dark red -------*/
.bc02		{background-color: #ffa500;}   /*------- orange -------*/
.bc03		{background-color: #6a5acd;}   /*------- dark violet -------*/
.bc04		{background-color: #afaf00;}  /*------- dirty green -------*/
.bc05		{background-color: #228b22;}   /*------- dark green -------*/
.bc06		{background-color: #ff00ff;}   /*------- bright pink -------*/
.bc07		{background-color: #daa520;}   /*------- orangey brown -------*/
.bc08		{background-color: #bc8f8f;}   /*-------  brown -------*/
.bc09		{background-color: #0000ff;}    /*------- dark blue -------*/
.bc10		{background-color: #ff0000;}   /*------- bright red -------*/
.bc11		{background-color: #00ff00;}   /*------- bright green -------*/  
.bc12		{background-color: #9400d3;}   /*------- mauve -------*/  
.bc13		{background-color: #999999;}   /*------- mid grey -------*/  

.c01		{color: #D00080;}    /*------- dark red -------*/
.c02		{color: #ffa500;}   /*------- orange -------*/
.c03		{color: #6a5acd;}   /*------- dark violet -------*/
.c04		{color: #afaf00;}   /*------- dirty green -------*/
.c05		{color: #228b22;}   /*------- dark green -------*/
.c06		{color: #ff00ff;}  /*------- bright pink -------*/
.c07		{color: #daa520;}  /*------- orangey brown -------*/
.c08		{color: #bc8f8f;}  /*-------  brown -------*/
.c09		{color: #0000ff;}    /*------- dark blue -------*/
.c10		{color: #ff0000;}  /*------- bright red -------*/
.c11		{color: #00ff00;}   /*------- bright green -------*/  
.c12		{color: #9400d3;}   /*------- mauve -------*/  
.c13		{color: #999999;}   /*------- mid grey -------*/  

.c101		{color: #00ffff;}   /*-------Aqua  or Cyan-------   from https://www.w3schools.com/tags/ref_colornames.asp */ 
.c102		{color: #a9a9a9;}   /*-------DarkGray -------*/  
.c103		{color: #0000ff;}   /*-------Blue -------*/  
.c104		{color: #8a2be2;}   /*-------BlueViolet -------*/  
.c105		{color: #a52a2a;}   /*-------Brown -------*/  
.c106		{color: #ff8c00;}   /*-------DarkOrange -------*/  
.c107		{color: #da70d6;}   /*-------Orchid -------*/  
.c108		{color: #dda0dd;}   /*-------Plum -------*/  
.c109		{color: #ffc0cb;}   /*-------Pink -------*/  
.c110		{color: #ff0000;}   /*-------Red -------*/  
.c111		{color: #ffff00;}   /*-------Yellow -------*/  
.c112		{color: #9932cc;}   /*-------DarkOrchid -------*/  
.c113		{color: #8b0000;}   /*-------DarkRed -------*/  
.c114		{color: #deb887;}   /*-------BurlyWood -------*/  
.c115		{color: #bdb76b;}   /*-------DarkKhaki -------*/  
.c116		{color: #8b008b;}   /*-------DarkMagenta -------*/  
.c117		{color: #5f9ea0;}   /*-------CadetBlue -------*/  
.c118		{color: #7fff00;}   /*-------Chartreuse -------*/  
.c119		{color: #d2691e;}   /*-------Chocolate -------*/  
.c120		{color: #ff7f50;}   /*-------Coral -------*/  
.c121		{color: #6495ed;}   /*-------CornflowerBlue -------*/  
.c122		{color: #dc143c;}   /*-------Crimson -------*/  
.c123		{color: #008b8b;}   /*-------DarkCyan -------*/  
.c124		{color: #00008b;}   /*-------DarkBlue -------*/  
.c125		{color: #f5f5dc;}   /*-------Beige -------*/  
.c126		{color: #b8860b;}   /*-------DarkGoldenRod -------*/  
.c127		{color: #7fffd4;}   /*-------Aquamarine -------*/  
.c128		{color: #a9a9a9;}   /*-------DarkGray -------*/  
.c129		{color: #006400;}   /*-------DarkGreen -------*/  
.c130		{color: #bdb76b;}   /*-------DarkKhaki -------*/  
.c131		{color: #66cdaa;}   /*-------MediumAquaMarine -------*/  
.c132		{color: #ffebcd;}   /*-------BlanchedAlmond -------*/  
.c133		{color: #556b2f;}   /*-------DarkOliveGreen -------*/  
.c134		{color: #ffe4c4;}   /*-------Bisque -------*/  
.c135		{color: #ff8c00;}   /*-------DarkOrange -------*/  
.c136		{color: #9932cc;}   /*-------DarkOrchid -------*/  
.c137		{color: #8b0000;}   /*-------DarkRed -------*/  
.c138		{color: #e9967a;}   /*-------DarkSalmon -------*/  
.c139		{color: #8fbc8f;}   /*-------DarkSeaGreen -------*/  
.c140		{color: #483d8b;}   /*-------DarkSlateBlue -------*/  
.c141		{color: #fff8dc;}   /*-------Cornsilk -------*/  
.c142		{color: #2f4f4f;}   /*-------DarkSlateGray -------*/  
.c143		{color: #00ced1;}   /*-------DarkTurquoise -------*/  
.c144		{color: #9400d3;}   /*-------DarkViolet -------*/  
.c145		{color: #ff1493;}   /*-------DarkPink -------*/  
.c146		{color: #faebd7;}   /*-------AntigueWhite -------*/  
.c147		{color: #00bfff;}   /*-------DarkSkyBlue -------*/  
.c148		{color: #696969;}   /*-------DimGray -------*/  
.c149		{color: #1e90ff;}   /*-------DodgerBlue -------*/  
.c150		{color: #b22222;}   /*-------FireBrick -------*/  
.c151		{color: #228b22;}   /*-------ForestGreen -------*/  
.c152		{color: #ff00ff;}   /*-------Fuchsia -------*/  
.c153		{color: #ffd700;}   /*-------Gold -------*/  
.c154		{color: #daa520;}   /*-------GoldenRod -------*/  
.c155		{color: #008000;}   /*-------Green -------*/  
.c156		{color: #adff2f;}   /*-------GreenYellow -------*/  
.c157		{color: #ff69b4;}   /*-------HotPink -------*/  
.c158		{color: #cd5c5c;}   /*-------IndianRed -------*/  
.c159		{color: #4b0082;}   /*-------Indigo -------*/  
.c160		{color: #fffff0;}   /*-------Ivory -------*/  
.c161		{color: #f0e68c;}   /*-------Khaki -------*/  
.c162		{color: #e6e6fa;}   /*-------Lavender -------*/  
.c163		{color: #fff0f5;}   /*-------LavenderBlush -------*/  
.c164		{color: #7cfc00;}   /*-------LawnGreen -------*/  
.c165		{color: #ffa500;}   /*-------Orange -------*/  
.c166		{color: #ff4500;}   /*-------OrangeRed -------*/  
.c168		{color: #fffacd;}   /*-------LemonChiffon -------*/  
.c169		{color: #add8e6;}   /*-------LightBlue -------*/  
.c170		{color: #f08080;}   /*-------LightCoral -------*/  
.c171		{color: #e0ffff;}   /*-------LightCyan -------*/  
.c172		{color: #fafad2;}   /*-------LightGoldenRodYellow -------*/  
.c173		{color: #d3d3d3;}   /*-------LightGray -------*/  
.c174		{color: #90ee90;}   /*-------LightGreen -------*/  
.c175		{color: #ffb6c1;}   /*-------LightPink -------*/  
.c176		{color: #ffa07a;}   /*-------LightSalmon -------*/  
.c177		{color: #20b2aa;}   /*-------LightSeaGreen -------*/  
.c178		{color: #87cefa;}   /*-------LightSkyBlue -------*/  
.c179		{color: #778899;}   /*-------LightSlateGray -------*/  
.c180		{color: #b0c4de;}   /*-------LightSteelBlue -------*/  
.c181		{color: #ffffe0;}   /*-------LightYellow -------*/  
.c182		{color: #00ff00;}   /*-------Lime -------*/  
.c183		{color: #32cd32;}   /*-------LimeGreen -------*/  
.c184		{color: #faf0e6;}   /*-------Linen -------*/  
.c185		{color: #ff00ff;}   /*-------Magenta -------*/  
.c186		{color: #800000;}   /*-------Maroon -------*/  
.c187		{color: #0000cd;}   /*-------MediumBlue -------*/  
.c188		{color: #ba55d3;}   /*-------MediumOrchid -------*/   
.c189		{color: #9370db;}   /*-------MediumPurple -------*/  
.c190		{color: #3cb371;}   /*-------MediumSeaGreen -------*/  
.c191		{color: #7b68ee;}   /*-------MediumSlateBlue -------*/ 
.c192		{color: #00fa9a;}   /*-------MediumSpringGreen -------*/ 
.c193		{color: #48d1cc;}   /*-------MediumTurquoise -------*/ 
.c194		{color: #c71585;}   /*-------MediumVioletRed -------*/ 
.c195		{color: #191970;}   /*-------MidnightBlue -------*/ 
.c196		{color: #f5fffa;}   /*-------MintCream -------*/ 
.c197		{color: #ffe4e1;}   /*-------MistyRose -------*/ 
.c198		{color: #ffe4b5;}   /*-------Moccasin -------*/ 
.c199		{color: #ffdead;}   /*-------NavajoWhite -------*/ 
.c200		{color: #000080;}   /*-------Navy -------*/ 
.c201		{color: #fdf5e6;}   /*-------OldLace -------*/ 
.c202		{color: #808000;}   /*-------Olive -------*/ 
.c203		{color: #6b8e23;}   /*-------OliveDrab -------*/ 
.c204		{color: #eee8aa;}   /*-------PaleGoldenRod -------*/ 
.c205		{color: #98fb98;}   /*-------PaleGreen -------*/ 
.c206		{color: #afeeee;}   /*-------PaleTurquoise -------*/ 
.c207		{color: #db7093;}   /*-------PaleVioletRed -------*/ 
.c208		{color: #ffefd5;}   /*-------PapayaWhip -------*/ 
.c209		{color: #ffdab9;}   /*-------PeachPuff -------*/ 
.c210		{color: #cd853f;}   /*-------PowderBlue -------*/ 
.c211		{color: #800800;}   /*-------Purple -------*/
.c212		{color: #663399;}   /*-------RebeccaPurple -------*/
.c213		{color: #bc8f8f;}   /*-------RosyBrown -------*/
.c214		{color: #4169e1;}   /*-------RoyalBlue -------*/
.c215		{color: #8b4513;}   /*-------SaddleBrown -------*/
.c216		{color: #fa8072;}   /*-------Salmon -------*/
.c217		{color: #f4a460;}   /*-------SandyBrown -------*/
.c218		{color: #2e8b57;}   /*-------SeaGreen -------*/
.c219		{color: #fff5ee;}   /*-------SeaShell -------*/
.c220		{color: #c0c0c0;}   /*-------Silver -------*/
.c221		{color: #87ceeb;}   /*-------SkyBlue -------*/
.c222		{color: #6a5acd;}   /*-------SlateBlue -------*/
.c223		{color: #708090;}   /*-------SlateGray -------*/
.c224		{color: #fffafa;}   /*-------Snow -------*/
.c225		{color: #00ff7f;}   /*-------SpringGreen -------*/
.c226		{color: #4682b4;}   /*-------SteelBlue -------*/
.c227		{color: #d2b48c;}   /*-------Tan -------*/
.c228		{color: #008080;}   /*-------Teal -------*/
.c229		{color: #d8bfd8;}   /*-------Thisstle -------*/
.c230		{color: #40e0d0;}   /*-------Turquoise -------*/
.c231		{color: #ff6347;}   /*-------Tomato -------*/
.c232		{color: #ee82ee;}   /*-------Violet -------*/
.c233		{color: #f5deb3;}   /*-------Wheat -------*/
.c234		{color: #ffffff;}   /*-------White -------*/
.c235		{color: #f5f5f5;}   /*-------WhiteSmoke -------*/
.c236		{color: #9acd32;}   /*-------YellowGreen -------*/
.c237		{color: #000000;}   /*-------Black -------*/
.c238		{color: #f0fff0;}   /*-------HoneyDew -------*/
.c239		{color: #f8f8ff;}   /*-------GhostWhite -------*/
.c240		{color: #fffaf0;}   /*-------FloralWhite -------*/
.c241		{color: #f0ffff;}   /*-------Azure -------*/
.c242		{color: #f0f8ff;}   /*-------AliceBlue -------*/

.lh140pc	{LINE-HEIGHT: 140%;}
.lh50pc	{LINE-HEIGHT: 50%;}
.nul {text-decoration: none; color: #000000;}

.space_it {margin: 6pt; padding: 3pt;}
.tdulf		{text-decoration: none;	 }
.vab        {VERTICAL-ALIGN: bottom;}