/* Bare Bones Browser Launch for Java */
/* Colors  -->  background: lightyellow (#FFFFE0), borders: darkorange (#FF8C00), font: brown */

/* Foundation */
body    { color: saddlebrown; background-color: lightyellow; font-size: 90%;
          font-family: papyrus, comic sans ms, sans-serif; margin-top: 0px; }
table   { font-size: 100%; }
td      { vertical-align: top; }
br.both { clear: both; }
br.all { clear: both; } /* OLD */

/* Links */
a         { color: dimgray; font-weight: bold; text-decoration: none; border-bottom: dotted 1px; }
a:hover   { color: brown; }
a:active  { color: silver; }
a:visited { color: silver; }
img       { border-style: none; }

/* Document */
h1          { color: brown; font-size: 250%; font-family: impact, american typewriter, sans-serif; margin: 25px 0px 40px 0px; }
h2          { font-size: 120%; font-weight: normal; font-style: italic; border-bottom: solid brown 7px; padding: 5px 0px; }
h3          { float: right; font-size: 120%; font-weight: bold; border: dotted 3px; padding: 1px 20px; margin: 5px; }
.user_entry { color: brown; font-weight: bold; font-size: 85%; }
.indent     { margin-left: 25px; margin-right: 25px; }
.footer     { width: 780px; color: darkorange; font-size: 80%; margin-top: 0px; text-align: right; }
a.footer    { color: darkorange; font-size: 100%; font-weight: normal; text-decoration: none; border-style: none; }
img.footer  { width: auto; }

/* High-Level Layout */
div.main    { width: 650px; background-image: url("graphics/header-spices.jpg");
              background-repeat: no-repeat; background-position: top right;
              border-top: 150px solid darkorange; border-bottom: 10px solid darkorange;
              border-left: 2px solid darkorange; border-right: 2px solid darkorange;
              padding: 0px 30px; margin-left: 70px; }
div.command { color: brown; font-weight: bold; font-family: monospace; margin: 10px 30px; }
div.code    { display: table; white-space: pre; color: lightyellow; background-color: goldenrod;
              font-size: 90%; font-weight: bold; font-family: monospace;
              padding: 0px 15px 15px 15px; margin: 10px auto 0px auto; }
div.code p  { text-align: center; color: darkorange; background-color: saddlebrown; 
              font-weight: bold; font-size: 120%; font-family: sans-serif;
              padding: 2px; margin: 0px -15px; }

/* Perfect */
div.perfect       { display: table; background-color: khaki; color: darkgoldenrod;
                    font-size: 80%; border: 3px solid darkkhaki; margin: 0px auto; }
div.perfect h1    { text-align: center; background-color: darkkhaki; color: lightyellow;
                    font-size: 110%; padding: 4px; margin: 0px; }
div.perfect table { padding: 10px; }
div.perfect th    { text-align: right; }
div.perfect p     { float: right; font-size: 70%; margin: 10px 0px 0px 0px; color: darkslategray; }
div.perfect p a   { color: darkslategray; text-decoration: none; }
div.perfect div   { text-align: center; }
input.click       { cursor: pointer; }

/* Cascade */
div.perfect p a   { border: none; }