/* $Id: cbkhtml.css,v 1.20 2001/12/09 10:38:40 fackel Exp $ */

/* $Id: cbkhtml.css,v 1.20 2001/12/09 10:38:40 fackel Exp $
 *
 * SYSTEM_NAME: CHESSBK
 *
 * COMPONENT_NAME: CBKHTML.CSS
 *
 * FUNCTIONS: CSS2 Stylesheet for HTML produced by cbk2html 
 *
 * CREATED: 04.01.2000
 *
 * CHANGE_HISTORY:
 *
 * $Log: cbkhtml.css,v $
 * Revision 1.20  2001/12/09 10:38:40  fackel
 * Copyright statement at the bottom of every page
 *
 * Revision 1.19  2001/11/17 07:53:27  fackel
 * Added homepage link
 *
 * Revision 1.18  2001/09/05 18:41:30  fackel
 * Add borders around abstract
 *
 * Revision 1.17  2001/09/05 18:04:07  fackel
 * No background color for Abstract
 *
 * Revision 1.16  2001/09/05 18:00:20  fackel
 * Support new elements ABSTRACT and KEYWORDS
 *
 * Revision 1.15  2001/08/31 06:05:58  fackel
 * Prevent movetabs to extend under scrollbar (IE only)
 *
 * Revision 1.14  2001/08/28 06:13:40  fackel
 * Removed some tabs
 *
 * Revision 1.13  2001/08/27 21:08:44  fackel
 * More formatting
 *
 * Revision 1.12  2001/04/15 19:23:46  fackel
 * Layout change for exercises
 *
 * Revision 1.11  2001/04/15 18:37:14  fackel
 * Handle GAME
 * Handle types of RULE
 *
 * Revision 1.10  2001/01/15 22:42:19  fackel
 * Included selector for xref classes
 *
 * Revision 1.9  2001/01/13 15:58:53  fackel
 * Adjustment for size of pieces in respect to surrounding text
 *
 * Revision 1.8  2001/01/04 00:42:55  fackel
 * Fixes for definition lists
 *
 * Revision 1.7  2000/12/10 17:13:43  fackel
 * Split some classes to building blocks
 * Added new styles for weak/strong pieces, marked/normal squares
 *
 * Revision 1.6  2000/12/09 21:02:36  fackel
 * Center figure caption
 *
 * Revision 1.5  2000/11/27 21:25:30  fackel
 * Replaced pt with px in margins
 * Adjusted formatting of GE
 *
 * Revision 1.4  2000/11/25 15:04:00  fackel
 * Support for motto
 * Changed some padding values
 *
 * Revision 1.3  2000/09/15 17:51:48  fackel
 * Fixed some styles related to tabular moveseq.
 * Added some comments
 *
 * Revision 1.2  2000/09/15 07:47:25  fackel
 * Implementation of table-style moveseq
 *
 * Revision 1.1  2000/08/03 20:05:25  fackel
 * Initial revision
 *
 */

/*
 * General
 */
 
.symbol
{
  font-family: "Symbol"
}


body {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}


a:link {
  color: #A000080;
  text-decoration: none;
}

a:visited {
  color: #B22222;
  text-decoration: none;
}


/*
 * Navigation bars
 */

DIV.front, DIV.preface, DIV.chapter, DIV.glossary {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Nested chapters shall not get an additional indent */
DIV.chapter DIV.chapter {
  margin-left: 0px;
  margin-right: 0px;
}

.header IMG, .footer IMG {
  border: 0;
}

.header P, .footer P {
  margin-top: 0px;
  margin-bottom: 0px;
}

.header TD, .footer TD {
  padding-left: 10;
  padding-right: 10;
  padding-top: 2;
  padding-bottom: 2;
  vertical-align : top;
} 

.header {
  width: 100%;
  background-color: #f0f0f0;
}

.footer {
  margin-top: 30px;
  width: 100%;
  background-color: #f0f0f0;
}

.header-left, .footer-left {
  width: 25%;
  text-align: left;
}

.header-center, .footer-center {
  width: 50%;
  text-align: center;
}

.header-right, .footer-right {
  width: 25%;
  text-align: right;
}

.nav-up, .nav-down {
  padding-left: 0px;
  padding-right: 5px;
}

.nav-next, .nav-prev {
  padding-left: 5px;
  padding-right: 0px;
}

.nav-home {
  font-family: "Arial, Helvetiva, sans-serif";
  font-size: xx-small;
  padding-left: 5px;
  padding-right: 5px;
}


.nav-location {
  font-family: "Arial, Helvetiva, sans-serif";
  font-size: xx-small;
  margin-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}


/* 
 * Cross-references
 */

.aref, .divref, .figref, .ruleref, .exeref, .glossref
{
  /* for future use */
}


/*
 * Hierarchy
 */
 
.front, .div-title {
  font-family: "Arial, Helvetiva, sans-serif";
  margin-bottom: 0px;
}


/*
 * Front
 */

.front H1 {
  margin-bottom: 0px;
}

.front H2 {
  margin-left: 50px;
  margin-top: 0px;
}

.author {
  margin-top: 5px;
}

.address {
  margin-top: 5px;
  font-size: smaller;
}

.abstract {
  font-family: "Times New Roman, Times, serif";
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: 20px;
  padding-bottom: 10px;
  /*
  margin-left: -10px; * Negative of padding of surrounding box *
  margin-right: -10px; * Negative of padding of surrounding box *
  padding-left: 10px;
  padding-right: 10px;
  background-color: #EFFACF;
  */
}

.copyright {
  margin-top: 20px;
}

.copyright P {
  margin-top: 5px;
}

.copyright-footer {
  margin-top: 3px;
  margin-left: 10px;
  font-size: xx-small;
}

.copyright, .disclaimer {
  font-family: "Times New Roman, Times, serif";
  font-size: smaller;
}

.disclaimer {
  font-style: italic;
}


/*
 * Motto
 */
 
.motto {
  margin-left: 10%;
  margin-right: 50%;
  font-weight: bold;
}

.motto-source {
  margin-left: 10%;
  margin-right: 50%;
  font-weight: bold;
  text-align: right;
}


/*
 * Paragraph (P) with special spacing
 */

P  {
  margin-top: 12px;
  margin-bottom: 0px;
}
 
.space-c {
  margin-top: 6px;
  margin-bottom: 0px
}

.space-cc {
  margin-top: 0px;
  margin-bottom: 0px
}


/*
 * Lists with special spacing (UL, OL, DL) and indent (DL)
 *
 * Note: classes .first and .not-first are used on DL and DT in order
 *       to be able to set spacing in browsers that do not support
 *       selectors based on sibling relations.
 */

UL, OL, DL {
  margin-top: 12px;
  margin-bottom: 0px
}

UL.space-c, UL.space-cc, 
OL.space-c, OL.space-cc, 
DL.space-c, DL.space-cc {
  margin-top: 6px;
  margin-bottom: 0px
}

LI {
  margin-top: 12px;
  margin-bottom: 0px
}

DT.first {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 12px; /* Minimum space between term and defintion on the same line */
}

DT.not-first {
  float: left;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-right: 12px; /* Minimum space between term and defintion on the same line */
}

DD.first {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  text-indent: -4px; /* FIXME: compensate false indent in IE5 */
}

DD.not-first {
  display: block;
  margin-top: 12px;
  margin-bottom: 0px;
  text-indent: -4px; /* FIXME: compensate false indent in IE5 */
}

DD P  {
  text-indent: 0px; /* FIXME: prevent text-indent set in DD */
}

.space-c P, .space-c LI, .space-c DT.not-first, .space-c DD.not-first {
  margin-top: 6px;
  margin-bottom: 0px
}

.space-cc P, .space-cc LI, .space-cc DT.not-first, .space-cc DD.not-first {
  margin-top: 0px;
  margin-bottom: 0px
}


/* Indent of definition list definitions */

.def-short {
  margin-left: 40px
}

.def-medium {
  margin-left: 80px
}

.def-long {
  margin-left: 160px
}


/*
 * Glossary
 *
 * Note: Spacing attributes are ignored inhere
 */
 
.gloss-term {
  font-weight: bold;
}

.gloss-def {
  margin-left: 120px;
}

.glossary DL {
  margin-top: 20px;
  margin-bottom: 0px
}

.glossary DL P {
  margin-top: 12px;
  margin-bottom: 0px
}


/*
 * Rules
 */
 
.rule {
  width: 100%;
  margin-top: 12px;
  margin-left: 0px;
}

.rule-num {
  font-weight: bold;
  font-family: "Arial, sans-serif";
  text-align: right;
  vertical-align: top;
  width: 50px;
  padding-right: 5px;
  border-right: 2px solid black;
}

.pattern-num {
  font-weight: bold;
  font-family: "Arial, sans-serif";
  text-align: right;
  vertical-align: top;
  width: 50px;
  padding-right: 5px;
  border-right: 2px dashed black;
}

.rule-title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 6px;
}

.rule-text {
  vertical-align: top;
  font-style: italic;
  padding-left: 5px;
  padding-right: 50px;
}


/*
 * Exercises
 */
 
.exercise {
  width: 100%;
  margin-top: 12px;
  background-color: #EFFACF;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.exercise-margin {
  width: 50px;
  background-color: white;
  padding-left: 0;
  padding-right: 0;
}

.exercise-head {
  color: white;
  background-color: #FF9428;
  font-weight: bold;
  font-family: "Arial, sans-serif";
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.solution-head {
  margin-top: 22px;
  font-weight: bold;
  font-family: "Arial, sans-serif";
}

.solution-popup { 
  visibility: hidden;
  position: absolute; 
  left: 15%; 
  width: 90%; 
  background-color: #E0F59E; 
  padding: 10px; 
  border: 1px solid black;
}


/*
 * Games
 */
 
.game {
  margin-top: 40px;
  margin-bottom: 40px;
}

.game-head {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.game-num {
  font-weight: bold;
  font-family: "Arial, sans-serif";
  text-align: right;
  vertical-align: top;
  width: 50px;
  padding-right: 5px;
  border-right: 2px dotted black;
}

.game-title {
  vertical-align: top;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  padding-left: 5px;
  padding-right: 50px;
}

.div-title + .game {
  margin-top: 100px;
}

/* 
 * Figures 
 */

.figure-title {
  font-family: "Arial, sans-serif";
  font-weight: bold;
  margin-bottom: -6px;
  text-align: center;
}

.figure-data {
  text-align: center;
}

.figure-data-frame {
  text-align: center;
  border: 1px black solid;
  padding: 2px;
}

.figure-caption {
  margin-top: 6px;
  text-align: center;
}

.figure-label {
  font-style: italic;
  text-align: center;
}


/* 
 * Chess stuff
 */
 
/* Pieces */
.piece {
  font-family: "Cheq";
  font-style: normal;
  font-size: 90%; /* Adjust pieces to size of surrounding text */
}

.piece-weak {
  color: #DC143C;
}

.piece-strong {
  color: #3CB371;
}

/* Move estimation symbols */
.estimate {
  font-family: "FigurineSymbol T1";
  font-style: normal
}

/* Board */
.board {
  margin-top: 12px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px
}

.square {
  font-size: 18pt;
  width: 31px;
  height: 31px;
  vertical-align: middle;
  text-align: center
}

.square-white {
  background-color: #ffffff;
}

.square-white-marked {
  background-color: #F9E8E8;
}

.square-black {
  background-color: #555555;
}

.square-black-marked {
  background-color: #F5D3D3;
}

.board-hlabel {
  font-family: "Arial, sans-serif";
  vertical-align: middle;
  text-align: center
}

.board-vlabel {
  font-family: "Arial, sans-serif";
  vertical-align: middle;
  text-align: center
}

.board-turn {
  vertical-align: middle;
  text-align: center
}

.board-status {
  font-style: italic;
  margin-top: 4px;
  text-align: center
}

/* Variations */
.move-main {
  font-weight: bold
}

.move-var {
  font-style: normal;
  font-weight: normal
}

.move-sub {
  font-style: italic
}

/* Moveseq table */

.movetab {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  table-layout: fixed;
  width: 95%; /* IE extends the table at 100% under the scrollbar */
}

.movetab-num {
  text-align: right;
  vertical-align: top;
  width: 50px;
  padding-right: 5px
}

.movetab-move {
  text-align: left;
  vertical-align: top;
  width: 80px;
  padding-left: 10px;
}

.movetab-comment {
  text-align: left;
  vertical-align: top;
  padding-left: 15px
}

.movetab-var {
  text-align: left;
  vertical-align: top;
}

.movetab-winner {
  text-align: left;
  vertical-align: top;
  padding-right: 5px
}

.movetab-para {
  margin-left: 70px;
  margin-top: 4px;
  margin-bottom: 4px;
}

<style type="text/css">
<!--
  body {

font-family:Arial,Helvetica,Verdana
  }
//-->
</style>

<style type="text/css">
<!--
  body {

scrollbar-3d-light-color: #FFB296;

scrollbar-highlight-color: #FFE564;

scrollbar-face-color: #FFB266;

scrollbar-arrow-color: #FFE599;

scrollbar-shadow-color: #808080;

scrollbar-darkshadow-color: #A06440;
  }
//-->
</style>