@media screen {

*
{
  margin: 0;
  padding: 0;
}

h2,h3,h4,h5,h6
{
  margin: 12px 0;
}

h2 { font-size: 150% }
h3 { font-size: 120% }
h4 { font-size: 100% }

p,ul,ol,dl,address
{
  margin: 1em 0;
}

ul ul,
ul ol,
ol ol,
ol ul
{
  margin: 0;
}

ul,ol
{
  list-style-position: outside;
}

li
{
  margin: 0 0 0 2.4em;
}

dt
{
  font-weight: bold;
}

dd
{
  margin: 1em;
}

table
{
  border-collapse: collapse;
}

table + table
{
  margin: 1em 0 0 0;
}

table th,td
{
  padding: 6px;
  text-align: left;
}

img
{
  vertical-align: bottom;
  border: none;
}

del
{
  text-decoration: line-through;
}

sup
{
  font-size: 60%;
  vertical-align: top;
}

sub
{
  font-size: 60%;
  vertical-align: bottom;
}

code
{
  padding: 0 6px;
}

pre
{
  margin: 1em 0;
  padding: 1em;
}

blockquote
{
  margin: 1em 3em;
  padding: 0 1em;
}

blockquote p
{
  margin: 0;
  padding: 0.5em 0;
}

form th,
form td
{
  border: none;
}

legend
{
  padding: 0 2px;
  font-weight: bold;
}

fieldset
{
  margin: 12px 0;
  padding: 4px 8px;
}

fieldset p,
fieldset table
{
  margin: 0;
  padding: 4px 0;
}

input.button
{
  font: 100% Verdana, "Geneva CE", sans-serif;
}

textarea,
input.input
{
  width: auto;
  padding: 2px;
  font: 100% "Courier New", Courier, monospace;
}

textarea
{
  overflow: auto;
  min-width: 100%;
  max-width: 100%;
}

hr
{
  margin: 1em 0;
  border: none;
}

/* ------------------------------------------------------------------------- */

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.top     { vertical-align: top }
.bottom  { vertical-align: bottom }
.middle  { vertical-align: middle }
.clear   { clear: both }
.f-left  { float: left }
.f-right { float: right }
.xxl     { width: 100% }
.hidden  { display: none !important }

} /* screen */

/* ------------------------------------------------------------------------- */

@media print {

h1,h2,h3,h4,h5,h6
{
  page-break-after: avoid;
  page-break-inside: avoid;
}

a:after
{
  content: " [" attr(href) "] ";
}

p,ul,ol,dl,address
{
  margin: 1em 0;
  padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul
{
  margin: 0;
}

ul,ol
{
  list-style-position: outside;
}

li
{
  margin: 0 0 0 2.4em;
  padding: 0;
}

dt
{
  font-weight: bold;
}

dd
{
  margin: 1em;
}

table
{
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table + table
{
  margin: 1em 0 0 0;
}

table th,td
{
  padding: 6px;
  border: 1px #000000 solid;
  text-align: left;
}

img
{
  vertical-align: bottom;
  border: none;
}

del
{
  text-decoration: line-through;
}

sup
{
  font-size: 75%;
  vertical-align: top;
}

sub
{
  font-size: 75%;
  vertical-align: bottom;
}

code
{
  padding: 0 6px;
}

pre
{
  margin: 1em 0;
  padding: 1em;
  border: 1px #000000 dashed;
}

blockquote
{
  margin: 1em 3em;
  padding: 0 1em;
  border-left: 3px #000000 solid;
}

table .left    { text-align: left }
table .center  { text-align: center }
table .right   { text-align: right }

} /* print */