/* $Id: basic.css,v 1.11 2005-04-20 15:16:28+10 paoon Exp paoon $ */

/*
  colors:
  #ffffff;   white
  #ddeeee;   close to white
  #ccddee;   back ground
  #aabbee;   back ground2
  #bbccff;   back ground3
  #2255aa;   charcter
  #444466;   charcter2
  #3344bb;   link
  #2222aa;   visited
  #111166;   close to black
  #000000;   black
  */ 
/* ----------

  color

---------  */

/* A:link    { color: #4488aa; }
A:visited { color: #115588;} 
A:active  { color: #bb00bb;} */

/* A:link    { color: palevioletred; }
   A:visited { color: lightseagreen;} */
/* A:visited { color: #003366;} 
A:active  { color: fuchsia;} */

A:link, A:visited, A:active    { color: #2d50b1; }
A:hover   { color: #ffbb00;}

body, p, ol, ul, td, th { 
/*  color: #555555; */
/*  color: #2a2a44; */
/*  color: #202020; */
  color: #020202; 
  } 
body, th, .transparent {
/*  background: #eeeeee;  */
  background: white;
  }
body.title { 
  background: #e0ffe0; 
/*  background-image: url("grass-00-mono.jpg"); */
/*  background-image: url("grass-00.jpg"); */
/*  background-image: url("grass-01.jpg"); */
  background-image: url("grass-01-mono.jpg"); 
  background-repeat: no-repeat; 
  } 
body.contents { 
/*  background: #fffff3;  */
  } 
h1, h2, h3, h4 {
  color: black;
  }
/*
h1 {
  background-color: #666666;
  }
h2 {
  background-color: #888888;
  }
h3 {
  background-color: #999999;
  }
h4 {
  background-color: #a2a2a2;
  }
*/
td {
/*  background-color: #cccccc; */
  background-color: #f0f0f0;
  }
th {
  background-color: #e8e8e8;
  }
span.capital {
  color:#30ff30;
  }

.pickup {
  color: #333333;
  background-color: #eedd66;
  }      

/*  ---------

  font largeness

---------  */  

body, th, td {
  font-size: small;
  }
p.title {
  font-size: x-large;
  }
h1 {
  font-size: medium;   
  }
h2, h3, h4, p.rightmark {
  font-size: small;   
  }
.note, .note-light, .leftmark, .GotoContents, .explanation {
  font-size: x-small; 
  }

/*  ---------

  font others

---------  */  

h1, h2, h3, h4, code, dt {
  font-family: sans-serif;
  font-weight: bold; 
/*  font-weight: 600; */
/*  font-weight: bold; */
  }
p.title{
  font-family: Impact, monospace;
  font-weight: bold; 
  }
th {
  font-family: sans-serif;
  font-weight: normal;
  }
/*  ---------

  text-align

---------  */  

p.title, th, td, td.name, td.date {
  text-align: center; 
  }
h1, h2, h3, h4 {
  text-align: left;
  }
.explanation, .document {
  text-align: left;
  }
.note, .note-light, .rightmark {
  text-align: right;
  }
.center {
  text-align: center;
  }

/*  ---------

  vertical-align

---------  */  

td.name, td.explanation, td.date, td.document {
  vertical-align: text-top;
  }
.center {
  vertical-align: middle;
  }

/*  ---------

  margin

---------  */  

p.text {
  margin-left: 3em;
  margin-right: 3em;
  }
.indent {
  margin-left: 5em;
  }

/*  ---------

  width

---------  */  
h1 { 
  width: 50%; 
  }
h2 { 
  width: 30%; 
  }
h3 { 
  width: 20%; 
  }
h4 { 
  width: 10%; 
  }

.eighty {
  width: 80%; 
  }

h1 {
    padding: 0.5em;
    border-color: black;
    border-width: 1px; 
    border-style: none none dotted none;
    }
h2, h3, h4 {
    padding: 0.5em;
    border-color: black;
    border-width: 1px; 
/*    border-style: none none dashed none;*/
    border-style: none none solid none;
    }
TD.document {
    padding:0.5em;
    }
/*  ---------

  line height : The width between lines 

---------  */  
body {
  line-height : 125%;
  }
/*  ---------

  image float 

---------  */  
.left {
  float:left;
  }
.right {
  float:right;
  }
/*  ---------

  complex tag

---------  */  
/* .warning:before {
  content: url("warning.png") ;
  }
.warning:after {
  content: url("warning.png") ;
  } */
.warning {
  color:#ee4444;
  padding: 0.2em;
  border-color: #f53333; 
  border-width: 1px;
/*  border-style: none none solid none; */
  border-style: none;
  }

.strong {
  font-weight: normal;
  text-align: center;
  width: 2.5em;
  padding: 0.2em;
  background-color: #bbccff;
  }

.example:before {
  content: url("example.png") ;
  }
.example {
  font-weight: normal;
  text-align: center;
/*  width: 2.5em; */
  padding: 0.2em;
/*  background-color: #dfeef0; */
  border-color: #3fff0e;
  border-width: 1px;
  border-style: none none solid none;
  }
.example_nw {
  padding: 0.2em;
/*  background-color: #dfeef0; */
  background-color: #afff7e;
  }

.practice:before {
  content: url("practice.png") ;
  }
.practice {
  font-weight: normal;
  text-align: center;
/*  width: 2.5em; */
  padding: 0.2em;
/*  background-color: #dfeef0; */
  border-color: #3f0eff;
  border-width: 1px;
  border-style: none none solid none;
  }

.comment:before {
  content: url("comment.png")		 ;
  }
.comment {
  font-weight: normal;
  text-align: center;
  padding: 0.2em;
  border-color: #ff9500;
  border-width: thin;
/*  border-style: none none dashed none; */
  border-style: none none solid none;
  }
.comment_nw {
  padding: 0.2em;
  background-color: #f0cccd;
  }
li {
  list-style-position : outside;
  }
h2:before {
  counter-increment: section;
  content: counter(section) ": "; 
  }