/* General styles used in CRASH Online */

/* Set font on lots of elements (NN4 compatibility) */
BODY, H1, H2, H3, UL, OL, TD, TH, P {font-family : Helvetica, Arial, Sans-Serif;}

* { line-height: 1.3; }

/* TODO Should this be relative? */
.small   {font-size: 10pt;}

.publisher { font-variant: small-caps; }

/* Standard paragraph has an indent on the first line */
P {text-indent : 1em}
P.first {text-indent : 0em}

P.caption {font-size: 10pt; font-weight: bold; text-indent: 0em}
P.caption EM {font-weight: normal; font-style: italic; }

.reply     {font-style: italic}
.reply EM  {font-style: normal}
.reply B   {font-style: normal}

/* Mostly we use "p class=reviewerX". For multi-paragraph
   use "li class=reviewerX/p [class=first]". */
P.reviewer, LI.reviewer { font-weight : bold; text-indent : 0em}
P.reviewer EM, LI.reviewer EM {font-weight : normal; font-style : normal}

P.reviewer1    {text-indent: 0em; font-weight : bold}
/* Text indent is redundant here? */
P.reviewer1 EM {text-indent: 0em; font-weight : normal; font-style : italic}
LI.reviewer1    {font-weight : bold}
LI.reviewer1 EM {font-weight : normal; font-style : italic}
P.reviewer2    {text-indent: 0em; font-style: italic}
P.reviewer2 EM {text-indent: 0em; font-style: normal}
LI.reviewer2    {font-style: italic}
LI.reviewer2 EM {font-style: normal}
P.reviewer3    {text-indent: 0em}

/* Navigation bar (top of page) and link bar (bottom of reviews etc) */
TABLE#navbar  {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    width: 60%;
}
TABLE#xrefs {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 4px;
    width: 100%;
}
DIV#xrefs {
    padding: 5px;
    margin-top: 1em;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    clear: both;
}
@media print {
  DIV#xrefs   { display:none}
  TABLE#xrefs   {display: none}
  TABLE#navbar  {display: none}
}

TABLE.quote {
    border-top-width    : thin;
    border-top-style    : solid;
    border-bottom-width : thin;
    border-bottom-style : solid;
}

.screenshot { width: 266px; margin: 8px; }
.screenshot img { padding: 5px 0px; }
.left { clear: left; float: left; }
.right { clear: right; float: right; }