/* Live in Style -- JBoss Hello, World! Web App */
body     { color: #333333; background-color: gold; font-size: 90%;
           font-family: trebuchet ms, sans-serif; margin: 60px; }
table    { font-size: 100%; }
td       { vertical-align: top; }
textarea { font-family: sans-serif; }
br.all   { clear: both; }

/* Links */
a         { color: slategray; font-weight: bold; text-decoration: none; }
a:hover   { color: navy; }
a:active  { color: darkgray; }
a:visited { color: darkgray; }
img       { border-style: none; }

/* Document */
h1           { color: darkblue; font-size: 180%;
               font-family: comic sans ms, american typewriter, sans-serif;
               margin: 5px 0px; }
h2           { color: gray; font-size: 100%; margin: 0px; }
h3           { font-size: 130%; margin: 15px 0px 3px 0px; }
h4           { margin: 5px 0px; }
em           { font-weight: bold; }
.indent      { margin-left: 30px; }
.footer      { text-align: right; color: dimgray; font-size: 80%;
               font-family: sans-serif; margin-left: auto; margin-right: auto; }
.footer_link { color: dimgray; font-weight: normal; }

/* Structure */
table.main  { border-collapse: collapse; padding: 0px;
              margin-left: auto; margin-right: auto; }
td.content  { width: 520px; background-color: white; padding: 25px; }
img.gap_fix { display: block; }
div.command { color: dimgray; font-family: monospace; margin: 10px 30px; }

div.box        { float: left; display: table; margin: 10px 30px; }  /* float fixes IE bug */
div.box_legend { text-align: center; color: white; background-color: firebrick;
                 border: 1px firebrick solid; font-weight: bold; }
div.box_body   { background-color: lightsalmon; border: 1px firebrick solid;
                 font-weight: bold; font-size: 95%; font-family: monospace;
                 padding: 7px 15px; }
div.box_footer { text-align: center; font-size: 80%; }

div.links   { float: left; text-align: center; background-color: whitesmoke;
              font-size: 80%; border: solid firebrick 1px;
              padding: 5px 10px; margin: 10px 20px 20px 0px; }
div.quotes  { text-align: right; font-size: 85%; }

/* PERFECT Style */
div.perfect       { display: inline-block; background-color: gainsboro; color: dimgray;
                    font-size: 80%; border: 1px solid darkcyan; }
div.perfect h1    { text-align: center; background-color: darkcyan; color: gold;
                    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: gray; }
div.perfect p a   { color: gray; text-decoration: none; }
div.perfect div   { text-align: center; }
input.click       { cursor: pointer; }