/* Bruce Acer R13 Chromebook css style sheet library */

/*  Begin Bruce Acer R13 Chromebook "main section" CSS styling */
/*     Change Page background color if neede here   */
/*  body {background-color: White; color: #336699; font-family: arial; line-height:175%;}  */
body {background-color: Pink; font-family: arial;}

/*  change "char in left boxes", left lead in for Anchor Links, background DarkGreen, font color White, now a "•"  */
.leftboxes {background-color: DarkGreen; color: White;}

/*  create Top Bar as "div box", color "Blue", with width using "em" that hopefully fits all devices  */
/*  .topbar {font-size: 1.0em; width: 15em; background-color: Blue; color: White; -ms-text-size-adjust:110%;} */
.topbar {font-size: 1.1em; background-color: Blue; color: White;}


/*  create Bottom Bar as "div box" with anchor links, Similar to uc76bd Firebrick last row on Home Page  */
/*  .bottombar {font-size: 1.0em; width: 15em; background-color: Blue;  -ms-text-size-adjust:110%;}  */
.bottombar {font-size: 1.1em; background-color: Blue;} 

/* and now the link anchors in the bottom bar  */
.bottombar a:link {text-decoration: none; color: White;}
.bottombar a:visited {text-decoration: none; color: White;}
.bottombar a:hover {color: Gold}
.bottombar a:active {text-decoration: none; color: White;}

/*  links on uc76bd that are not "class" or "id" related, used in main link section between bars  */
a:link {text-decoration: none; color: MidnightBlue}
a:visited {text-decoration: none; color: MidnightBlue}
a:hover {color: Gold}
a:active {text-decoration: none; color: MidnightBlue}


/*  define the text size in the main section of the web page */
.mymainlinks {font-size: 1.25em; line-height:145%;}

/*  define properties of buttons at bottom of every page, Ajax, DOM, XHR links   */
#bottombuttons button {-webkit-appearance: none; color: White; background-color: Teal; 
  padding: 0 0 2px; text-align: center; font-size: 0.8em; width: 45px; height: 24px;} 

/* use inline form CSS to keep any form elements tight REMOVE for now  */
/* is this line causing additional line breaks in XHR output      form {display: inline;} */

/* define styling for the Ajax by "id" div container, fed by the Bottom Page Buttons */
/* this does nothing, fuxing nothing     #ajaxDiv div {display: inline; font-size: 0.6em; color: Red; line-height:100%;}  */