/* Style sheet for KompoZer and Nvu User Guide - Kz version 0.7.10  - Updated 11-September-2013 - see also next line*/

/* Styleseheet revised at suggestion of G Talbot 10 July 2013 to improve typography. No changes to html files */
/* The body font-size has been increased. WCAG 2 Does not specify a minimum for any level and many sites use 100% though some WCAG 2 pages use 90% which has been adopted here. */
/* WCAG 2 requires a line spacing of at least 1.5 to meet Level AAA. Lower levels do not impose this. We now use 1.4 for main body and 1.2 in menu area. */
/* Styles have ben modified in a few local areas to avoid complete re-design a page. */
/* Generated by CaScadeS */
/* Layout edited by hand */
/* For colour scheme see colour style sheet for site */

/* Global Tag styles */
body 
{   margin: 8px;   
    background: white url(images/paper.png) repeat fixed 0%;   
    color: black;   
    font-family:  Tahoma, Arial, Helvetica, sans-serif;   
    /* font-size Removed to use browser default - Was small */
    line-height: 1.4;}                           /* Was 1.2 */

p, table, blockquote, dl, dd, dt { margin: 0.3em 0 0.3em 3em; padding: 0; }
ol, ul                       { margin: 0.3em 0 0.3em 6em; padding: 0; }
h1, h2, h3, h4, h5           { font-weight: bold; }
h1              { margin-top: 1em; margin-bottom: 0.5em; text-align: center; clear: both; } /* Size removed to use browser default - Was x-large*/
h2              { margin: 1em 0em; padding-top: 2em; clear: both; }              /* Size removed to use browser default - Was large*/
h2              { border-style: solid none none; border-width: 8px; background-repeat: repeat-x; }
h3              { margin: 0.5em 0 0.3em; }                                       /* Size removed to use browser default - Was medium*/
h4, h5          { margin: 0.5em 0 0.3em; }                                       /* Size removed to use browser default - Was small*/
dl              { margin-left: 3em; }
dd              { margin-top: 0; margin-left: 1em; }
dt              { margin-bottom: 0; margin-left: 0; font-weight: bold; }
ol, ul          { padding: 0; list-style-position: outside; }
ol              { list-style-type: decimal; }
ul              { list-style-type: disc; }
li ul           { margin: 0em 0em 0em 2em; list-style-type: none; }
img             { border-style: none; }
td, th          { padding-left: 4px; padding-right: 4px; vertical-align: top; }
th              { font-weight: bold; }
big             { font-size: larger; }
blockquote      { margin-left: 4em; margin-right: 2em; }
code            { font-family: "Courier New", Courier, Monospace;  font-size: small; }
strong          { font-weight: bold; }
small, sub, sup { font-size: smaller; }
caption         { text-align: center; font-weight: bold; }

/* Anchor styles */
a:link          { text-decoration: underline; font-weight: bold;  }
a:visited       { font-weight: bold; }
a:hover         { text-decoration: none;  }
a:focus         { outline: 0; }

/* Classes */
.bordered       { border: 2px solid; padding: 4px; }
.cent           { text-align: center; }
.clearance      { clear: both; height: 1px; font-size: 1px; }
.extlink        { display: none; }
.key            { white-space: nowrap; padding-right: 2px; padding-left: 2px; }
.left           { float: left; clear: left; margin-right: 4px; }
.madewithnvu    { display: block; margin: 10px auto; width: 80px; height: 15px;}
.note, .warn    { margin-left: 4em; margin-right: 1em;   padding-left: 0.35em; padding-right: 0;  }
.noteflush      { margin-left: 0; margin-right: 1em; padding-right: 0; }
.paraone        { font-size: larger; letter-spacing: 0.1em; }
.printonly      {display : none; }
.right          { float: right; clear: right; margin-left: 4px; }
.warn           { border-style: solid none; border-width: 1px;  }
.warnflush      { border-style: solid none;  border-width: 1px; margin-left: 0; padding-right: 0; }

/* Pane styles */

/* Main pane */
#panemain          { position: absolute; top: 0px; left: 190px; max-width: 788px; padding: 8px; }

/* Menu pane */
.menutitle              { font-size: larger; margin-bottom: 0.5em !important; text-align: center; }
#panemenu               { position: fixed; top: 0px; left: 10px; width:180px;  height: 100%; overflow: auto; z-index: 1; }
#panemenu               { font-size: 0.9em; line-height: 1.2;}     /* Default size gives problems on some pages if viewport is small */
#panemenu p             { margin: 0 0 0 2px; font-weight: bold;  }
#panemenu a:link, #panemenu a:visited, #panemenu a:hover  {  margin: 0px; text-decoration: none;}
#panemenu ul            { border: 1px solid; margin-left: 1em; padding-left: 0.25em; margin-right: 0.25em; list-style-type: none; }
#panemenu ul a:link, #panemenu ul a:visited { text-decoration: none;  font-weight: normal; }
#panemenu ul a:hover, #panemenu ul a:focus  {  }
#panemenu hr            { margin: 1em 4px; height: 2px; border: 0px; }
#panemenu .expandframe  { border-style: solid;  border-width: 2px; margin: 2px 0px; padding: 10px; }
#panemenu .expandframe p { margin: 10px 8px; font-size: small; }
.hidemenuexpand         { display: none; }
.showmenuexpand         { display: block; padding: 0px 2px; font-weight: bold; position: absolute; top: 100px; left: 188px; z-index: 2; width: 300px; margin-bottom: 0em;}
.showmenuexpand ul      { border: 2px solid; margin: 1em 1em 1em 1em;   }
.showmenuexpand li      { list-style-type: disc; }
#panemenu .expandframe ul { list-style-type: circle; border: none; }

#panemenu .menubutton   { margin: 0.25em auto; padding: 0px; width: 120px; }
#panemenu .menubutton a { display: block;  font-weight: bold; text-align: center;  }
#panemenu .menubutton a { border: solid 2px;  padding: 1px; }
#panemenu .menubutton a:link  {  text-decoration: none; }
#panemenu .menubutton a:hover {  padding: 0px 2px 2px 0px ; margin: 0px; }
#panemenu .expandframe  { border-style: solid; border-width: 2px; margin: 2px 0px; padding: 10px; }

.menubutton             {  padding: 0px; width: 120px; }
#panemenu .menubutton   { margin: 0.25em auto; padding: 0px; width: 120px; }
.menubutton a           { display: block; font-weight: bold; text-align: center;  }
.menubutton a           { border: solid 2px; padding: 1px; }
.menubutton a:link, .menubutton a:visited, .menubutton a:hover  { text-decoration: none; }
.menubutton a:hover     { padding: 0px 2px 2px 0px ; margin: 0px; }

/* Special areas */

/* Heading shadow */
.shadowholder           { position: relative; left: 3em; margin-right: 3em; padding-top: 1px; }
.shadowholder h1        { margin: 0px; text-align: left; font-size: 2.2em; }
.shadowholder h1.shadow { margin: 2px -2px 2px 2px; }
.shadowholder h1.shadow { margin: 1px -1px 1px 1px; }
.shadowholder h1.main   { position: absolute; top: 0px; left: 0px; }

/* Translations */
#translations           { float: right; margin-right: 19px; }
#translations p         { font-size: x-small; margin-top: 0px; }
#translations img       { margin-right: 4px; margin-bottom: -2px; height: 10px; width: 15px; }

/* Global menus */
/* Trial menubuttons */


div.globalmenu          { margin: 0em 19px 1.5em 3em; height: 2em; clear: both; }
div.globalmenu > div    { position: relative; }
.globalmenu img         { float: right; height: 1px; }
.buttonholder           { border: solid white; border-width: 1px 0px 0px 0px; position: relative; }
.buttonholder div       { position: absolute; width: 18%; }
.button1               { right: 80%; }
.button2               { right: 60%; }
.button3               { right: 40%; }
.button4               { right: 20%; }
.button5               { right: 0px; }

/* Page links (bottom of page)  */
#pagelinks             { margin: 2em 0em 1em 3em; clear: both; }
#pagelinks div         { width: 160px; }
#pagelinks p           { font-size: large; margin-left: 0px; font-weight: bold; }
#pagelinks img         { padding-top: 4px; padding-left: 2px; padding-right: 2px; margin-bottom: 0px; height: 19px; width: 19px; }
#pageprevious          { float: left; }
#pagenext              { float: right; }
#pageprevious p        { margin-top: 19px; }
#pagenext p            { margin-top: 19px; text-align: right; }
#pageprevious img, #pagenext img { margin-bottom: -4px; }
#pagetop               { margin-left: auto; margin-right: auto; }
#pagetop img           { display: block; margin-left: auto; margin-right: auto; }
#pagetop p             { text-align: center; margin-bottom: 0px; }
#pagelinks a:link, #pagelinks a:visited, #pagelinks a:hover { text-decoration: none; background-color: transparent; }
#pagelinks a:focus     {  }
#pagelinks a:hover     {  }

/* Footer */
#footer                { margin-left: 3em; margin-top: 1em; clear: both; }
#footer p              { margin: 0px; font-size: smaller; text-align: center; }
#footer img            { width: 88px; height: 31px; margin-top: -0.5em; }

/* Complex */
table.bordered         { border: 2px solid ;  border-collapse: collapse; margin-left: auto; margin-right: auto; }
table.borderedright    { border: 2px solid;  border-collapse: collapse; float: right; }
table .key             { font-size: 80%; }

/* Tip areas */
div.tip                { border-style: solid; border-width: 10px 0px; width: 250px; float: right; clear: right;  border-collapse: collapse; margin: 4px 0px 4px 4px; }
div.tip p              { padding: 4px; margin-left: 0; }
div.tip li             { padding: 4px; margin-left: 0; }
div.tip ol, div.tip ul { padding: 4px; margin-left: 1em; }
div.tipfullwidth       { border: 2px solid; padding: 4px; margin-left: 3em; }
div.tipfullwidth p     { padding-top: 1px;   margin-left: 0em; }
div.tipfullwidth table { margin-left: 0px; }
div.tipfullwidth td    { padding-bottom: 6px; }
div.tip table          { border-collapse: collapse; }
div.tip p              { padding: 4px; margin-left: 0pt; }

/* Additonal styles to  tidy up after 'accessibility improvements' caused problems */
div#stylenomenclature table { font-size: 0.9em; }
*.conceal { display: none; }