/*
 * Social Information Processing
 */

@import url("../default.css");

body {background: #afb;}
h1 {text-align: center; color: #00f;}
h2 {border-top: #080 solid 1px; padding-top: 1ex;}
h3:before {content: "¢£";}
span.rc:before {color: white; content: "> ";}
span.rc {color: yellow;}
div.screen kbd {color: yellow;}
span.scan1:before {content: "1: "; color: white;}
span.scan2:before {content: "2: "; color: white;}
span.scan3:before {content: "3: "; color: white;}

table.c3 td {min-width: 3ex; text-align: right; padding: 0 1ex;}
/* table.c3 th {text-align: right; padding: 0 0.8ex;} */

div.ans {
    border: 1px solid #888; background: #bfc;
}
div.ans p {margin: 0.5ex;}
div.ans ol  {list-style-type: lower-roman; margin-left: 1em;}
div.hide {display: none;}


span.math {font-style: italic; padding-right: 0.2ex;}
div.math, div.mathimg {
  font-style: italic; background: #cde; margin-left: 2em;
  padding-left: 1ex; clear: both;
  counter-increment: formula;
}
div.math:before {
    font-style: normal; content: "- - - - ¼°[" counter(formula) "]";
    float: right;
}
img.teximg {vertical-align: middle;}

h2 {
    counter-reset: question;
}
h3.q:before {
    content: "جن" counter(question) ". ";
}
h3.q {
    color: #008;
    counter-increment: question;
}
