/* @RULES - Imports: (to hide from NN4): */
@import url("imports.css");
@media screen { /*This lot mainly stops the validator from compalaining with media="projection"*/
  abbr[title], acronym[title], [class~=help] {
    border-bottom:1px dotted;
    cursor:help;
  }
  .rowgroup, [scope~="rowgroup"] {
    border-right:none;
  }
  td, th {
    border-right:1px solid #cccccc;
  }
}
/* IDs: */
#footer {
  margin-top:1em;
  text-align:right;
}
html>body #toTop {
  position:fixed;
  bottom:0px;
  left:0px;
  width:33px;
  height:60px;
}
#toTop a {
  background:transparent;
  color:#999999;
  text-decoration:none;
}
#toTop a:hover {
  background:transparent;
  color:black;
}
#toTop a img {
  width:33px;
  height:60px;
}
#toTop a img:hover {
  background:transparent url("top50.png") top left no-repeat;
}

/* CLASSES: */
.accesskey {
  text-decoration:underline;
}
/*a .accesskey {
  border-bottom:1px solid inherit;
}*/
.answers {
  text-align:right;
}
.centre {
  width:75%;
  margin:1em auto;
}
.compatibility {
  /*border-bottom:dotted 1px black;*/
  margin:2em;
  text-align:right;
}
.icentre { /*inline-centre*/
  text-align:center;
}
.middle {
  vertical-align:middle;
}
.rowgroup, [scope~="rowgroup"] {
  padding-top:2em;
}

/* ELEMENTS: */
.seperator {
  display: none;
}
a:link, a:visited {
  background:transparent;
  color:#9933cc;
  text-decoration:underline;
}
a:hover {
  background:transparent;
  color:#0000ff;
  text-decoration:none;
}
address {
  font-family:"Verdana", "Tahoma", sans-serif;
}
body {
  font-family:"Trebuchet MS", "Trebuchet", "Verdana", "Tahoma", sans-serif;
  margin-left:32px;
}
code, pre {
  background:#eeeeee;
  color:black;
}
dt {
  margin-top:1em;
}
h1 {
  text-align:center;
  text-decoration:underline;
}
h2 {
  font-size:130%;
  padding:0.1em;
}
h2 code {
  background:transparent;
}
h3 {
  font-size:115%;
}
h4 {
  font-size:100%;
}
hr {
  border-bottom:1px solid black;
  height:0px;
  width:85%;
}
img {
  border:none;
}
img[src="/tutorials/blue_ball.png"], img[src="/tutorials/green_ball.png"] {
  height:32px;
  width:32px;
}
img[src="/tutorials/not_allowed.png"] {
  height:28px;
  width:28px;
  vertical-align:text-bottom;
}
kbd { /* This creates the keyboard key effect -
        MODIFIED FROM OPERA'S STYLE SHEET; THANKS OPERA! */
  color:black;
  background-color:#efefef;
  font-family:"Courier New",monospace;
  text-align:center;
  border-width:0.2em 0.4em 0.6em 0.3em;
  border-style: double solid solid;
  border-color: #cfcfcf #aaa #909090 #bababa;
  /*border-top:0.2em double #cfcfcf;
  border-right:0.4em solid #aaaaaa;
  border-bottom:0.6em solid #909090;
  border-left:0.3em solid #bababa;*/
  line-height:2.5em;
  vertical-align:middle;
  white-space:nowrap;
}
ol.i {
  list-style-type:lower-roman;
}
q {
  font-family: "Courier New", "Courier", monospace;
  font-style:italic;
}
strong.note {
  background:transparent url("/tutorials/wave.png") bottom left repeat-x;
}
td, th {
  border-bottom:1px solid #cccccc;
  text-align:left;
  vertical-align:top;
}
tfoot td, tfoot th {
  text-align:center;
  padding:1em;
}