/*
 * 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: "¢£";}
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.desc {margin-left: 2em;}
table.desc td {
  min-width: 10em; padding: 0.5ex 1ex; background: #efe;
}
th {background: #899;}

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: #ffe; 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;
}
h4 {background: #dfd; font-size: 110%; padding: 0.4ex 1ex;}

dl {margin-left: 2em;}
dt:before {content: "¡ý";}
dt {background: #aeb; clear: both; margin-top: 1ex;}
img {vertical-align: middle;}
td {vertical-align: top;}
.tdr td {text-align: right;}