/*
 * NAPITALIA Style Sheet
 *
 * All colour choices should be derived from this stylesheet
 * and not from <FONT> tags or color attributes within individual pages
 *
 * Colours should be drawn from the following pallette:
 *
 *    Black       : #000000  -- General text colour
 *    White       : #FFFFFF  -- General background colour
 *    Dark Green  : #339933  -- Background to side menu, dropcaps & graphic buttons
 *    Red         : #CC0000  -- Used for titles & important text
 *    Gold        : #FFDD99  -- Used for text on the menu bar (not browser-safe!)
 *    Pale Yellow : #FFFFCC  -- Used as a mouseover colour for Gold text (see above)
 *    Pale Green  : #CCFFCC  -- Used as a background in tables & highlight colour
 *    Light Grey  : #CCCCCC  -- Used as a border colour for tables, text and images
 *    Blue        : #0033FF  -- Used for links
 *    Orange      : #FF6600  -- Used as a hover colour for links
 */

/* Basic global declarations */

body {
  color: #000;
  background: #FFF url(/images/sidebar.gif) top left repeat-y;
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-weight: 100
}

* { margin-top:0;padding-top:0 }

table, tr, th, td {
   font-family: arial, helvetica, sans-serif;
   font-weight: 100
}

/* Side bar and its contents */

#sidebar {
  position:absolute;
  top:0;
  left:0;
  width: 150px;
  padding:0;
  margin:0;
  overflow: hidden;
  color: #FFDD99;
  background: #339933;
}

ul.menu {
  margin:0;
  padding:0;
}

ul.menu li,
ul.langlinks li {
  list-style: none;
  margin:0 0 0 3px;
  padding:0;
  font-family: "Times New Roman", Times, serif;
  font-size: larger;
  font-weight: bold;
}

ul.menu a,
ul.langlinks a,
form#sidesearch a {
   text-decoration: none;
   color: #FFDD99;
   background: #339933;
}

ul.menu a:hover,
ul.langlinks a:hover,
form#sidesearch a:hover {
   color: #FFFFCC;
   text-decoration: none;
   background: #339933;
}

ul.menu li.split {
   background: url(/images/bar.gif) top left repeat-x;
   padding-top: 6px;
}

form#sidesearch {
   margin: 0 0 0 3px;
}

form#sidesearch input.text {
   width: 108px;
   margin-right: 3px;
}

form#sidesearch input.submit {
   width: 30px;
   background-color: #9C9;
   border-color: #696;
   border-top-color: #CFC;
   border-left-color: #CFC;
}

form#sidesearch p {
   text-align: right;
   font-size: 60%;
}

ul.langlinks {
  margin: 1em 0;
  padding:0;
}

ul.langlinks a {
   padding: 5px 0 5px 30px;
}

ul.langlinks li {
   margin: 0 0 10px 3px;;
}

ul.langlinks a.eng {
   background: url(/images/engshad.gif) left center no-repeat;
}

ul.langlinks a.eng:hover {
   background: url(/images/eng.gif) left center no-repeat;
}

ul.langlinks a.ita {
   background: url(/images/itashad.gif) left center no-repeat;
}

ul.langlinks a.ita:hover {
   background: url(/images/ita.gif) left center no-repeat;
}

#copyright,#translator {
   margin-top: 100px;
   text-align: center;
   font-size: small;
}
#translator {
   margin-top: 0;
}

/* Properties for main body of the text */

#main {
  margin-left: 166px;
  padding: 0 10px 10px 5px;
}

#main p {
  text-align: justify;
}

/* Heading properties */

h1,h2,h3 {
   font-family: "Times New Roman", Times, serif;
   color: #CC0000;
   font-weight: bold;
   margin:15px 0 5px;
   text-align: left;
}

h1 {
   font-size: 200%;
}

h2 {
   font-size: 150%;
}

h3 {
   font-size: 120%;
}

h4 {
   font-size: 100%;
   font-weight: bold;
   margin: 15px 0 5px; 
   text-align: left;
}

/* Properties for the random quote at the foot of each page */

#main #footer {
   border-top: 1px solid #999;
   border-bottom: 1px solid #999;
   margin: 2em 0 0;
   padding: 3px 0;
   text-align:center;
   clear: both;
}

.quotee {color: #CC0000;}

/* Image properties */

.picright { 
  clear: right; 
  float: right; 
  margin: 0 0 0.5em 0.5em; 
} 

.picleft { 
  clear: left; 
  float: left; 
  margin: 0 0.5em 0.5em 0; 
} 

.piccentre { 
  text-align: centre; 
  margin: 0 auto 1em; 
} 

.picright img, 
.picleft img, 
.piccentre img { 
  border: 1px solid #696; 
} 

.piccentre img { 
  display: block; 
  margin: 0 auto; 
} 

img.noborder { 
  border: 0; 
} 

#main .picright  p.credit, 
#main .picleft   p.credit, 
#main .piccentre p.credit { 
  text-align: right; 
  font-size: xx-small; 
  color: #696; 
  line-height: 1; 
  margin: 0; 
  padding: 0; 
} 

#main .picright  p.caption, 
#main .picleft   p.caption, 
#main .piccentre p.caption { 
  text-align: center; 
  font-weight: bold; 
  margin: 2px 0 0; 
  padding: 0; 
} 

/* Old image properties - to be removed! */

img {
   border-color: #999999;
}

img.nbleft {
   border: 0px;
   float: left;
   margin: 5px 10px 5px 0;
}

img.bleft {
   border-width:1px;
   border-style:solid;
   border-color:#999999;
   float: left;
   margin: 5px 10px 5px 0;
}

img.nbright {
   border:0px;
   float: right;
   margin: 5px 0px 5px 10px
}

img.bright {
   border-width:1px;
   border-style:solid;
   border-color:#999999;
   float: right;
   margin: 5px 0px 5px 10px
}

/* Link properties */

a {
   color: #0033FF;
}

a:hover {
   color: #FF6600
}

/* Other generic element properties */

dl {
   margin-left: +1cm
}

dt {
   font-weight: bold;
}


/* Dropped capital properties */

.dropfirst:first-letter, .dropcap {
   float:left; 
   color:#393; 
   font-size:195%;
   font-weight: bold;
   margin: 0px 2px 0px 0px;
   border: 1px solid #393;
   padding: 0 2px;
}

/* Footnote markers */

.note {
   font-size:50%;
   vertical-align: super;
}

/* Book details table */

table.book th {
   text-align: left;
   font-weight: bold
}

table.book td {
   text-align: justify;
   font-weight: normal
}

/* Search Form Styles */

form.search {
   background-color: #CCFFCC;
   border: 1px solid #339933;
   text-align: center;
   padding: 0;
   width: 90%;
   margin: 0 auto;
}

form.search h2 {
   padding: 1px 3px;
   font-family: arial, helvetica, sans-serif;
   margin: 0 0 5px;
   color: #FFFFFF;
   background-color: #339933;
   font-weight: bold;
   font-size: 100%;
   text-align: left;
}

form.search label {
   display: block;
}

form.search fieldset {
   width: 40%;
   text-align: left;
   padding: 2px 0px 1em 20px;
   border: 0;
}

form.search label {
   margin: 1em 0;
}

form.search fieldset label {
   margin: 0;
}

fieldset#wordscase {
   float: left;
}

fieldset#anyall {
   float: right;
}

#sizelabel {
   clear: both;
}

form.search input.submit {
   margin: 5px 0;
}

/* Library Search Form */

form#booksearch { 
   width: 25em; 
   margin: 0 auto 1em; 
   background: #CFC; 
   color: #000; 
   border: 1px solid #393; 
   padding: 0; 
} 

#booksearch h2 { 
   padding: 1px 3px; 
   font-family: arial, helvetica, sans-serif; 
   margin: 0; 
   color: #FFF; 
   background-color: #393; 
   font-weight: bold; 
   font-size: 100%; 
   text-align: left; 
} 

#booksearch fieldset { 
   border: 0; 
   border-top: 1px solid #393; 
   margin: 0; 
   padding: 8px; 
} 

#booksearch label.main { 
   width: 5em; 
   float: left; 
   color: #060; 
   font-weight: bold; 
} 

#auth, #title { 
   width: 22em; 
} 

#booksearch fieldset.vradio { 
   clear: left; 
   border: 0; 
   margin: 5px 0 0 5em; 
   padding: 0; 
} 

#booksearch fieldset.vradio label { 
   clear: left; 
   float: left; 
   white-space: nowrap; 
} 

#booksearch .check { 
   width: 21em; 
   float: left; 
   clear: left; 
   vertical-align: bottom; 
   margin-bottom: 5px; 
} 

#booksearch .check span { 
   width: 12em; 
   float: left; 
} 

#booksearch #sizelab { 
   width: 20em; 
   float: left; 
   clear: left; 
   margin-bottom: 10px; 
} 

#booksearch #last fieldset.hradio input { 
   float: none; 
} 

#booksearch fieldset.hradio { 
  float: left; 
  border: 0; 
  margin: 0; 
  padding: 0; 
} 

#booksearch #submit input.submit { 
   clear: left; 
   float: none; 
   width: 8em; 
   display:block; 
   margin: 5px auto; 
} 

/* Book Details (and other label/value pairs) */

dl.bookdets { 
  padding: 0; 
  margin: 0 0 1em; 
  position: relative; 
  clear: both; 
} 
dl.bookdets dt { 
  clear: left; 
  float: left; 
  padding: 0;
  margin: 0px 0px 2px; 
  width: 6em; 
  font-weight: bold;
  color: #393; 
  text-align: left; 
  line-height: 1.2;
} 
dl.bookdets dd { 
  clear: right; 
  padding: 0 0 0 0.25em; 
  margin: 0px 5px 2px 6em; 
  text-align: justify; 
  line-height: 1.2;
} 

#about dl.bookdets dt {
   width: 11em;
   margin-bottom: 1em;
}

#about dl.bookdets dd {
   margin-left: 11em;
   margin-bottom: 1em;
}

dl.bookdets ul, dl.bookdets ul li { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
} 

ul.buyline { 
   clear: left; 
   list-style: none; 
   text-align: center; 
   margin: 0; 
   padding: 0; 
} 

ul.buyline li { 
   display: inline; 
   margin: 0 1em; 
} 

ul.buyline img { 
   border: 0; 
   padding: 0 0 1em; 
} 

/* Page list in search results */

ul.pages {
   margin: 0.5em 0;
   padding-left: 0;
   text-align: center;
   font-weight:bold;
}

ul.pages li {
   list-style: none;
   margin-left: 0;
   padding-left: 12px;
   background: #fff url(images/square.gif) left center no-repeat;
   display: inline;
   white-space: nowrap;
}

ul.pages li.prev {
   padding-left: 0;
   background: none;
}

/* Background colour for highlighting text and odd numbered table rows */

.odd, .highlight {
   background: #CCFFCC;
}

/* (Contact) Form layout */

.form fieldset {
   display: block;
   margin: 0 0 1em 0;
   border: 0 solid #FFFFFF;
   border-top: 1px solid #000000;
   padding: 0 1em 1em 1em;
}

.form fieldset.radio {
   margin: 0 0 0 -1em;
   border: 0 solid #FFFFFF;
}

.form fieldset.radio input {
   position: static;
   clear: both;
   float: left;
}

.form fieldset.radio label {
   position: relative;
   top: -1.25em;
   display: inline;
   width: auto;
   margin: 0 0 0 8em;
   font-weight: bold;
   font-weight: normal;
}

.form fieldset.radio legend {
   float: left;
   font-weight: bold;
}

.form input,
.form select,
.form textarea {
   position: relative;
   top: -1.4em;
   left: 8em;
   display: block;
}
.form input.submit {
   clear: both;
   top: 0;
}

.form label {
   clear: both;
   float: left;
   display: block;
   width: 8em;
   margin-top: -1em;
   font-weight: bold;
}

.form label.first {
   margin-top: 1em;
}

/* List of sources */

ul.sources {
   margin-left: 1em;
   padding: 0;
   list-style: none;
}

ul.sources li {
   background: #fff url(images/diamond.gif) left 0.3em no-repeat;
   margin: 0;
   padding: 0 0 2px 50px; 
   text-indent: -30px;
   list-style: none;
}

ul.sources a {
   font-style: italic;
}

ul.sources img {
   border: 0;
}

/* Book buylist */
table.buylist {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   border-collapse: collapse;
}

table.buylist td {
   margin: 0;
   padding: 0 1px;
}

table.buylist img {
   border:0;
}

/* Deployment table */

table.deploy { 
  border: 1px solid #393; 
  border-collapse: collapse; 
  width: 100%; 
} 

table.deploy th { 
  background: #393; 
  color: #ffc; 
  font-weight: bold;
  border: 1px solid #fff; 
  padding: 2px 5px; 
} 

table.deploy td { 
  background: #fff; 
  border: 1px solid #393; 
  text-align: center; 
  padding: 2px; 
} 

table.deploy td.empty { 
  background: #cfc; 
} 

table.deploy a { 
  color: #ffc; 
} 

table.deploy a:hover { 
  color: #f93; 
} 

/* Line of links at top and bottom of a battle description */

ul.contents {
   margin-left: 0;
   padding-left: 0;
   text-align: center;
   font-weight:bold;
}

ul.contents li {
   list-style: none;
   margin-left: 0;
   padding-left: 17px;
   background: #fff url(images/diamond.gif) left center no-repeat;
   display: inline;
   white-space: nowrap;
}

ul.contents li.first {
   padding-left: 0;
   background: none;
}

/* Introductory text at the head of first-hand accounts */

.headnote {
   font-style:italic;
}

.centre,
.center {
   text-align:center;
}

.nobr {
   white-space: nowrap;
}

/* Used on the feedback form */

.error {
   color:#CC0000;
}

.message {
   border: 1px solid #999999;
   padding-left: 5px;
   padding-right: 5px;
   font-family: "Courier New",courier,monospace;
   font-size: smaller;
}

/* Styles used in orders of battle */

th.strength {
 /*  width: 4em; */
   font-weight: bold;
   text-align: right;
   vertical-align: bottom;
   padding-bottom:5px;
   padding-left: 0.5em;
}

td.strength {
   text-align: right;
   vertical-align: bottom;
}

th.totals {
   text-align: left;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 10px;
   padding-left: 0.5em;
   vertical-align: bottom;
}

td.totals {
   border-top: 1px solid black;
   font-weight: bold;
   text-align: right;
   padding-top: 5px;
   padding-bottom: 10px;
   padding-left: 0.5em;
   vertical-align: bottom;
}

div.orbat p {
   margin-top: 0;
   margin-bottom: 0;
}

.notes {
   font-weight: normal;
   font-style: italic;
}

p.notes {
   margin-top: 0;
   padding-bottom: 5px;
   font-weight: normal;
   font-style: italic;
}

.xmllink {
   font-size: smaller;
}

/* Styles used in Order of Battle summary tables */

.ortab table {
   border-collapse: collapse;
}

.ortab th {
   font-weight: bold;
   text-align: left;
   padding: 2px 1em 2px 2px;
   border: 1px solid #666666;
}

.ortab td {
   text-align: right;
   padding: 2px;
   border: 1px solid #666666;
}

.ortab thead tr {
   background: #339933;
   color: white;
}

.ortab tr.row1 {
   background: #f0f0f0;
}

.ortab tr.totals {
   background: #CCFFCC;
}

.ortab thead th {
   text-align: right;
   width: 4em;
   padding: 2px;
}


.ortab .totals td {
   font-weight: bold;
}

/* Tables used in the Infantry/Cavalry/Artillery organisation pages */

table.org {
   margin: 0 auto 1em;
   border: 1px solid #393;
   border-collapse: collapse;
}

table.org td {
  padding: 2px;
  margin: 0;
  text-align: left;
  width: 12em;
  whte-space: nowrap;
  vertical-align: top;
  border-left: 1px solid #393;
  border-right: 1px solid #393;
}

table.org td.count {
  text-align: right;
  width: 3em;
}

table.org tr.totals td {
  background: #cfc;
  font-weight: bold;
  border: 1px solid #393;
}

table.org tr.odd {
   background: #ded;
}

table.org caption {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #393;
  background: #393;
  color: #ff9;
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

/* Tabbed map pages */

.mapset {
  background: #FFFFFF;
  padding: 5px;
  margin-left: 5px;
  float: right;
  position: relative;
}

* html .mapset {
   width: 320px;
}

.mapset img {
  border: 1px solid #999999;
  margin: 0;
  padding: 5px;
  background: white;
}

div#maptabs {
  position: relative;
  top: -1px;
  margin: 0;
  padding: 0;
  float: left;
  z-index: 100;
}

* html div#maptabs {
  top: -4px;
}

#maptabs a {
  display: block;
  float: left;
  margin: 0;
  padding: 2px 10px 5px;
  margin-left: 2px;
  background: white;
  border: 1px solid #999999;
  font-size:smaller;
  outline:none;
  -moz-outline:none
}

#maptabs a.currtab {
  border-top: 1px solid white;
}

/* List of names on the "Friends" page */
ul.names li {
   list-style: none;
   text-align: center;
   font-size: larger;
}

/* Navigation buttons in "exhibition" */

ul.exnav { 
  list-style: none; 
  margin: 0 auto 1em;; 
  padding: 0; 
  position: relative; 
  width: 31em; 
  height: 2em; 
} 

ul.exnav li { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
} 

ul.exnav li.top { 
  position: absolute; 
  top: 0; 
  left: 10.4em; 
} 

ul.exnav li.next { 
  position: absolute; 
  top: 0; 
  right: 0; 
} 

ul.exnav a { 
  display: block; 
  width: 10em; 
  background: #393; 
  color: #ffc; 
  text-decoration: none; 
  font-weight: bold; 
  text-align: center; 
  padding: 2px 0; 
  border: 1px solid #060; 
  border-top-color: #6C6; 
  border-left-color: #6C6; 
} 

ul.exnav a:hover { 
  color: #FFF; 
} 

@media print {
   body {
      background: none;
      font-size: smaller;
   }

   #main {
      margin: 0;
      padding: 0;
   }

   #sidebar {
      display: none;
   }
}

/* Boxed pick lists, displayed in a variety of ways */
/* first, the common attributes... */

ul.boxes { 
   margin: 0 auto 1em; 
   padding: 0; 
   list-style: none; 
}

.boxes li { 
   margin: 0 5px 5px 0; 
   padding: 0; 
   list-style: none; 
} 

.boxes a { 
   border: 1px solid #ccc; 
   -moz-border-radius: 5px; 
   background: #fff no-repeat; 
   display: block; 
   margin: 0; 
} 

.boxes a:hover, 
.boxes a:focus, 
.boxes a:active { 
   background-color: #cfc; 
   border-color: #9c9; 
} 

/* ... then the per-page variations ... */

#org .boxes { 
   overflow: auto;
}

#org .boxes li {
   display:table;
   float: left; 
}

#org .boxes a {
   display: table-cell;
   padding: 10px 5px 10px 100px; 
   height: 190px;
   width: 4em;
   font-size: x-large;
   background-position: 20px 50%; 
   vertical-align: middle;
   text-align: center;
}


#aus .boxes { 
   width: 80%;
}

#aus .boxes li {
   display: table;
   width: 100%;
}

#aus .boxes a {
   padding: 5px 5px 5px 80px; 
   height: 70px;
   font-size: larger;
   background-position: 10px 50%;
   display: table-cell;
   vertical-align: middle; 
}

* html #aus .boxes a {
   padding-top: 1.5em;
   height: 2.5em;
}

#book .boxes { 
   wdth: 80%;
}

#book .boxes li {
   display: table;
   width: 100%;
}

#book .boxes a {
   padding: 5px 5px 5px 80px; 
   height: 70px;
   font-size: larger;
   background-position: 10px 50%;
   background-image: url(images/bookicon.gif);
   display: table-cell;
   vertical-align: middle; 
}

* html #book .boxes a {
   padding-top: 1.5em;
   height: 2.5em;
}

#unis .boxes { 
   overflow: auto;
}

#unis .boxes li { 
   float: left; 
}

#unis .boxes a { 
   background-position: 5px 50%; 
   padding: 5px 5px 5px 45px; 
   min-height: 110px; 
   width: 10em; 
   font-size: smaller; 
} 

* html #unis .boxes a { 
   height: 104px; 
} 

#unis .boxes a span { 
   margin-top: 1em; 
   display: block; 
} 

#unis .boxes a span span { 
   margin: 0; 
   display: inline; 
}


#unit .boxes { 
   overflow: auto;
}

#unit .boxes li { 
   float: left; 
}

#unit .boxes a {
   display: block;
   padding: 210px 5px 5px 5px; 
   background-position: 50% 5px;
   text-align: center;
   min-width: 80px;
   width: 6em;
   height: 2.25em;
}

/* ... and finally the background images */

.boxes #inf    { background-image: url(images/inf.gif); } 
.boxes #cav    { background-image: url(images/drag.gif); } 
.boxes #art    { background-image: url(images/artoff.gif); } 

.boxes #line1  { background-image: url(images/sline1.gif); } 
.boxes #line2  { background-image: url(images/sline2.gif); } 
.boxes #line3  { background-image: url(images/sline3.gif); } 
.boxes #line4  { background-image: url(images/sline4.gif); } 
.boxes #line5  { background-image: url(images/sline5.gif); } 
.boxes #line6  { background-image: url(images/sline6.gif); } 
.boxes #line7  { background-image: url(images/sline7.gif); } 
.boxes #milgd  { background-image: url(images/smil.gif); } 
.boxes #vengd  { background-image: url(images/sven.gif); } 
.boxes #light1 { background-image: url(images/slt1.gif); } 
.boxes #light2 { background-image: url(images/slt2.gif); } 
.boxes #light3 { background-image: url(images/slt3.gif); } 
.boxes #light4 { background-image: url(images/slt4.gif); } 
.boxes #dal    { background-image: url(images/sdal.gif); } 
.boxes #ist    { background-image: url(images/sist.gif); } 
.boxes #bers   { background-image: url(images/sbers.gif); } 
.boxes #chas1  { background-image: url(images/schas1.gif); } 
.boxes #chas2  { background-image: url(images/schas2.gif); } 
.boxes #chas3  { background-image: url(images/schas3.gif); } 
.boxes #chas4  { background-image: url(images/schas4.gif); } 

.boxes #early  { background-image: url(images/earlthum.jpg); }
.boxes #helm   { background-image: url(images/helmthum.jpg); }
.boxes #off    { background-image: url(images/offthum.jpg); }
.boxes #hussar { background-image: url(images/hussthum.jpg); }
.boxes #leib   { background-image: url(images/leibthum.jpg); }
.boxes #ord    { background-image: url(images/ordthum.jpg); }

#unit .boxes #line1gr{ background-image: url(images/ln1gr.gif); min-width: 180px; width: 10em;}
#unit .boxes #line1sa{ background-image: url(images/ln1sa.gif); min-width: 180px; width: 10em;}
#unit .boxes #line1vo{ background-image: url(images/ln1vo.gif); min-width: 180px; width: 10em;}

.boxes #otlt1ch{ background-image: url(images/ottol1cht.jpg);}
.boxes #otlt1ca{ background-image: url(images/ottol1cat.jpg);}
.boxes #otlt1vo{ background-image: url(images/ottol1vot.jpg);}
.boxes #otlt1sa{ background-image: url(images/ottol1sat.jpg);}
.boxes #otlt1dm{ background-image: url(images/ottol1dmt.jpg);}
.boxes #welt1ca{ background-image: url(images/weill1cat.jpg);}
.boxes #welt1of{ background-image: url(images/weill1oft.jpg);}

#unit .boxes #ottol2ca{ background-image: url(images/otl2ca.gif); min-width: 180px; width: 10em;}

/* Google ads */

#googad {
   clear: both;
   text-align: center;
   margin: 2em 0 0;
}

/* ??? */

td.ltitle {
   background: #CCFFCC;
   font-weight: bold;
   text-align:center
}

td.ldesc {
   background: #CCFFCC;
}

td.ltitle2 {
   font-weight: bold;
   text-align:center
}