/*
main.css
 Copyright (C) 2006-2007 TshwaneDJe HLT (www.tshwanedje.com)
 
 Default CSS styles for the manuscripts(Everything turned on) - These styles are then overridden by any of the off stylesheets when they are applied.
*/

/*NB!!!! Any new media sets added to this file could cause the print preview to break - unless the print preview functionality in index.js is also updated to reflect these changes*/

/*NB!!!! Any changes in font sizes need to be reflected in both media all as well as media print - in addition to this they must also be reflected in mainie.css(where appropriate)*/
/*0*/

/*
 * note standard colours (were PHP constants in TshwaneDJe's version - cdv)
 *
 * mainbackgroundcolour: #ffffff   - Colour used as background for menu/main page (behind manuscript pages) [was FBF3E6 - cdv]
 * standardborder: solid 1px black - Border used throughout the site(Where any border is used)
 *
 * plainfontcolour: #333333                               - Colour that normal text in the manuscripts should appear) [was black - cdv] 
 * editorialcolour: #708a03                               - Colour used for editorial markings [was blue - cdv]
 * standardfont: "Lucida Sans Unicode","Arial Unicode MS" - NB!!! Changing this font might have unexpected consequences on the rest of the layout - various things might break
 * dropcapfont: "Courier New", "Courier monospace"        - Fixed width font used for dropcaps NB!!! Changing this font(Especially if to a non fixed width one) might have unexpected consequences on the rest of the layout and will probably break dropcaps - change with caution
 * ornatefont: "Segoe Print", "Comic Sans MS", Cursive                   - Font used for <supplied> text
 * suppliedfont: Courier                                  - Font used for <supplied> text
 * manuscriptbackgroundcolour: White                      - Colour to be used for unclear text\gap etc..
 * unclearcolour: Gray                                    - Colour to be used for unclear text\gap etc..
 
 * tooltipbackgroundcolour: White   - Background colour used for tooltips
 * tooltipcolour: Blue              - Font colour used for tooltips
 * tooltipfont: "Arial Unicode MS"  - Font used for tooltips
 * tooltipfontsize: 10px            - Size of font used for tooltips
 * tooltipwidth: 8em                - Fixed tooltip width
 *
 * fontsizenormal: 15px       - Size for normal text...
 * fontsizelarge: 20px        - Size for Medial etc...
 * fontsizelargeplusone: 21px - One larger then size above, to give lines a "buffer space" around larger characters
 * hyphensize: 12px           - Size for Hyphen
 * hyphenlineheight: 22px     - Hack to make the hyphen get slightly raise above where it would normally appear - the higher the value the higher it will be raised
 *
 * searchhilightcolour: Yellow - Colour used as "background" to hilight words when they are searched for
 *
 * (many of these style may now be redundant - cdv)
 */

@media all
{
  body {
    background-color: #ffffff; /* mainbackgroundcolour */
  }
  table {
    border: solid 1px black; /* standardborder */
    width: 100%;
    background-color: White; /* manuscriptbackgroundcolour */
  }
  tr {
    width: 100%;
  }
  .manuscript {
    color: #333333; /*plainfontcolour */
    font-family: "Lucida Sans Unicode","Arial Unicode MS"; /* standardfont */
  }
  h1 {
    display: block;
    text-align: center;
    color: #708a03; /* editorialcolour */
    background-color: #ffffff; /* mainbackgroundcolour */
    width: 100%
  }
  .left {
    margin-left: 0.5em;
    text-align: left;
  }
  .hidden {
    visibility: hidden;
    display: none;
  }
  .right {
    margin-left: 0.5em;
    text-align: right;
  }
  .line * {
    font-size: 15px; /* fontsizenormal */
  }
  .line {
    display: block;
    font-size: 21px; /* fontsizelargeplusone */
  }
  .linenum {
    color: #708a03; /* editorialcolour */
    font-size: 0.5em;
  }
  .medial {
    font-size: 20px; /* fontsizelarge */
  }
  .medial  * {
    font-size: 20px; /* fontsizelarge */
  }
  .initial {
    font-weight: bold;
    font-size: 20px; /* fontsizelarge */
  }
  .initial * {
    font-weight: bold;
    font-size: 20px; /* fontsizelarge */
  }
  .semi-cap {
    font-size: 0.75em;
  }
  .dotted {
    font-family: "Lucida Sans Unicode","Arial Unicode MS"; /* standardfont */
  }
  .ligature {
  }
  .pmark {
    color: #333333; /*plainfontcolour */
  }
  .filler {
    color: #333333; /*plainfontcolour */
    position: relative; /* moved from filler:hover - cdv */
  }
  .filler: hover {
  }
  .imark {
    color: #333333; /*plainfontcolour */
  }
  .hyphen {
    font-size: 12px; /* hyphensize */
    color: #333333; /*plainfontcolour */
    vertical-align: bottom;/*Hack to make hyphen appear slightly higher then it would otherwise*/
    line-height: 22px; /* hyphenlineheight *//*Hack to make hyphen appear slightly higher then it would otherwise*/
  }
  .incorrect {
    color: #708a03; /* editorialcolour */
  }
  .unclear {
    color: Gray; /* unclearcolour */
    position: relative; /* moved from unclear:hover - cdv */
  }
  .unclear: hover {
  }

  .sub {
    vertical-align: sub;
  }

  .sup {
    vertical-align: super;
  }

  /*Drop cap code -- NB!! This is broken in opera - Is there a way to apply an Opera specific workaround to this???*/
  .linespan2 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 62px;
    line-height: 60px;
    margin-right: 2px;
    margin-bottom: -10px;
  }
  .linespan3 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 104px;
    line-height: 88px;
    margin-right: 2px;
    margin-bottom: -20px;
  }
  .linespan4 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 144px;
    line-height: 114px;
    margin-right: 2px;
    margin-bottom: -20px;
  }
  .linespan5 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 184px;
    line-height: 144px;
    margin-right: 2px;
    margin-bottom: -20px;
  }
  /*NB!!!! linespan6 and linespan7 added by PWT, 10.12.2007; font 264 & line 194 are OK for linespan7 except for J111 which has 2 cols*/

  .linespan6 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 224px;
    line-height: 168px;
    margin-right: 2px;
    margin-bottom: -20px;
  }
    .linespan7 {
    font-family: "Courier New", "Courier monospace"; /* dropcapfont */
    float: left;
    font-size: 264px;
    line-height: 194px;
    margin-right: 2px;
    margin-bottom: -20px;
    margin-left: -12px;  /* added CDV 21-12-2007 */
  }
  /*Css to get linenumbers in a nice position while keeping them aligned(Float: left caused problems here so is no longer used)*/
  .linenums {
    margin-left: 4px;
    text-align: right;
    position: absolute;
    left: 0;
  }
  .content {
    margin-left: 1.5em;
    /*below makes div shrink to its contents - allowing for right align to fit rough margin for column instead of going to middle of page*/
    float: left;
    clear: right
  }
  .col {
    float: left;
    position: relative;
    white-space: nowrap;
    overflow: visible;
    width: 100%;
    border-right: dotted 0px black;
    border-left: dotted 0px black;
    margin-right: -1px;
  }
  /*We need to specify all of these instead of just calculating in xsl and placing inline - because we need to be able to override this for print stylesheet if we want per column pagination*/
  .col2 {
    width: 50%;
  }
  .col3 {
    width: 33%;
  }
  .col4 {
    width: 25%;
  }
  .col5 {
    width: 20%;
  }
  .col6 {
    width: 16.66%
  }
  .colr {
    border-right-width: 1px;
  }
  .coll {
    border-left-width: 1px;
  }

  .pagenote {
    color: #708a03; /* editorialcolour */
    border: solid 1px black;
    width: 100%;
    background-color: White; /* manuscriptbackgroundcolour */
    text-align: center;
    padding-top: 21px; /* fontsizelargeplusone */
    padding-bottom: 21px; /* fontsizelargeplusone */
  }
  .milestone {
    font-size: 15px; /* fontsizenormal */
    float: left;
    color: #708a03; /* editorialcolour */
    position: relative; /* moved from add:hover - cdv */
  }
  .milestone: hover {
  }
  .notescreen {
    color: #708a03; /* editorialcolour */
  }
  .notemouse {
    display: none
  }
  .notemouse: hover {
    position: relative;
  }

  .ornate {
    font-family: "Segoe Print", "Comic Sans MS", Cursive; /* ornatefont */
    position: relative; /* moved from ornate:hover - cdv */
  }
  .ornate: hover {
  }

  h2 {
    color: #708a03; /* editorialcolour */
    background-color: Gray;
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .sicscreen {
    color: #708a03; /* editorialcolour */
  }
  .sicmouse {
      display: none;
  }
  .sicmouse: hover {
    position: relative;
  }

  .sdamage {
  }
  .seditorial {
    color: #708a03; /* editorialcolour */
  }
  .add {
    font-size: 12px;
    position: relative; /* moved from add:hover - cdv */
  }
  .add: hover {
  }
  .add * {
    font-size: 12px;
  }

/*
  This causes excessive cpu usage... Do individually instead(is this rule even needed check first..)
  span: hover {
    z-index: 100;
  }
*/
  span:hover > .tt {
      z-index: 100;
      display: block;
  }
  .tt {  /* tooltip */
      position: absolute;
      text-decoration: none;
      text-align: left;
      font-family:  "Arial Unicode MS"; /* tooltipfont */
      padding: 3px 3px 3px 3px;
      font-size: 10px; /* tooltipfontsize */
      display: none;
      top: 1em;
      left: 1em;
      width: 8em; /* tooltipwidth */
      white-space: normal;
      color: #803300; /* tooltipcolour; dark olive, changed from 'blue' - cdv */
      background-color: White; /* tooltipbackgroundcolour */
      border: solid 1px #999999; /* standardborder; changed from 'black' - cdv */
  }
  .tt > * {
      text-decoration: none;
      text-align: left;
      font-family:  "Arial Unicode MS"; /* tooltipfont */
      font-size: 10px; /* tooltipfontsize */
  }
  .supplied {
    color: #708a03; /* editorialcolour */
    font-family: Courier; /* suppliedfont */
    position: relative; /* moved from supplied:hover - cdv */
  }
  .supplied: hover {
  }

  .end {
    font-size: 0.75em;
    color: #708a03; /* editorialcolour */
    vertical-align: super;
  }
  .marker {
    font-size: 0.8em;
    color: #708a03; /* editorialcolour */
  }
  .marker: hover {
    position: relative;
  }

  h3 {
    color: #708a03; /* editorialcolour */
    border-bottom: dotted 1px black;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .green {
    color: Green
  }
  .blue {
    color: Blue
  }
  .red {
    color: Red
  }

  .damage {
    border-left: solid 1px black; /* standardborder */
    border-right: solid 1px black; /* standardborder */
    border-top: solid 1px black; /* standardborder */
    border-bottom: solid 1px black; /* standardborder */
    background-color: White; /* manuscriptbackgroundcolour */
    color: Gray; /* unclearcolour */
    border-left: solid 1px black; /* standardborder */
    border-right: solid 1px black; /* standardborder */
    border-top: solid 1px black; /* standardborder */
    border-bottom: solid 1px black; /* standardborder */
    position: relative; /* moved from damage:hover - cdv */
  }
  .damage: hover {
  }

  .delete {
    position: relative; /* moved from delete:hover - cdv */
  }
  .delete: hover {
  }

  .overstrike {
    text-decoration: line-through;
  }
  .subpunction {
    border-bottom: dotted 1px;
  }
  .overpunction {
    text-decoration: line-through;
  }
  .superpunction
   {
    text-decoration: line-through;
  }
  .subsuperpunction {
    text-decoration: line-through;
  }
  .erasure {
    text-decoration: line-through;
  }
  .cross {
    text-decoration: line-through;
  }
  .underline {
    text-decoration: underline;
  }


  .nospace {
    color: #708a03; /* editorialcolour */
  }
  .divesc {
    color: #708a03; /* editorialcolour */
  }
  .divspace {
    display: none;
  }

  .expan {
    font-style: italic;
    color: #708a03; /* editorialcolour */
  }

  .gap {
            background-color: Gray; /* unclearcolour */
            color: Gray; /* unclearcolour */
            border-left: solid 1px black; /* standardborder */
            border-right: solid 1px black; /* standardborder */
            border-top: solid 1px black; /* standardborder */
            border-bottom: solid 1px black; /* standardborder */
    position: relative;  /* moved from gap:hover - cdv */
  } 
  .gap: hover {
  }
  .hilight {
    background-color: Yellow; /* searchhilightcolour */
  }
  .hilight * {
    background-color:  Yellow; /* searchhilightcolour */
  }
  /*need these otherwise we end up with the highlight colour as the  background of  the tooltips (for words that are highlighted)*/
  .hilight .tt {
    background-color:  White; /* tooltipbackgroundcolour */
  }
  .hilight .tt * {
    background-color: White; /* tooltipbackgroundcolour */
  }
}