/*
 * Navigation bars
 */

DIV.front, DIV.preface, DIV.chapter, DIV.glossary {
	margin:10 5 10 0;
}

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

.author {
  margin-top: 5px;
}

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

.abstract {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: 15px;
  padding-bottom: 10px;
}

.copyright {
  margin-top: 20px;
}

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

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

.copyright, .disclaimer {
  font-size: smaller;
}

.disclaimer {
  font-style: italic;
}


/*
 * Motto
 */
 
.motto {
  font-weight: bold;
}

.motto-source {
  font-style:italic;
  padding-right:100px;
  font-weight: bold;
  text-align: right;
  margin-bottom:10px;
}


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

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

.space-cc {
}


/*
 * 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;
}

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

LI {
  margin-top: 12px;
}

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

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

DD.first {
  display: block;
}

DD.not-first {
  display: block;
  margin-top: 12px;
}

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

.space-cc P, .space-cc LI, .space-cc DT.not-first, .space-cc DD.not-first {
}


/* Indent of definition list definitions */

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

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

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


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

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

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

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


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

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

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

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

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

/*
 * Exercises
 */
 
.exercise {
  background-color: #F8F1EB;
  width: 100%;
  margin-top: 12px;
}

.exercise-margin {
  width: 40px;
  background-color: white;
}

.exercise-text {
  padding:15 3 3 3;
}

.exercise-head {
  color: white;
  background-color: #8B4513;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.solution-head {
  margin-top: 22px;
  font-weight: bold;
}

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

.game-head {
  width: 100%;
}

.game-num {
  font-weight: bold;
  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 {
  font-size:18px;
  font-weight:bold;
}

/* 
 * Figures 
 */

.figure-title {
  font-weight: bold;
  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;
}

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

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

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

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

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

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

.board-vlabel {
  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-comment {
}

.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;
}

.version {
	font-size: 9pt;
}

.edition {
	font-size: 9pt;
}