/*
- Body -------------------------------------------------------- */

body
   {
   color            : rgb(12%, 12%, 12%);
   background-color : #FAFAFA;

   font-family      :  Verdana, Helvetica, Arial, sans-serif;

   font-size        :  66%;

   }

a
   {
   color            : #996600;

   font-family      : verdana, arial, sans-serif;

   text-decoration  : none;

   }


/*
- Headings ---------------------------------------------------- */

div.Header { margin-bottom : 1.4em; }

h1,
h2,
h3
   {
   color            : #116F8A;

   font-family      : arial, sans-serif;
   font-weight      : bold;

   margin           : 0 0 0 0;

   }


h2           { font-size : 1.5em; }
h3           { font-size : 1.3em; }
div.SubTitle { font-size : 1.2em; }

h1
   {
   font-size  : 2.1em;
   margin-top : 0.2em;
   }

/*
- LeftDiv/RightDiv -------------------------------------------- */

div.BrowseSection
   {
   margin-bottom    :   0.4em;
   border-bottom    : solid rgb(60%, 60%, 60%) 0.1em;
   }

a.LeftLink
   {
   background-color : #F0F0F0;
   width            : 100%;
   margin-bottom    :   0.3em;
   display          : block;
   }

div.LinkGroup
   {
   width            : 100%;
   padding-bottom   :   6%; /* Using padding rather than margin because of Explorer bug */
   }

div.LeftDiv
   {
   position         : absolute;
   top              : 0.6em;
   height           : 0%;

   width            : 15em;   /*   dodeca.co.uk setting */

   /*
   width            : 15em;    aspectjs.com setting */

   }

#RightDiv
   {
   position         : absolute;
   top              : 0.6em;

   padding-bottom   : 1em;

   left             : 17em;    /* dodeca.co.uk setting */

   /*
   left             : 16.7em;  aspectjs.com setting */

   }

/*
- Main-Page --------------------------------------------------- */

div.Section
   {
   clear            : both;
   margin-bottom    : 0.3em;
   }

div.ParaGroup
   {
   float            :  left;
   width            :   32em;
   margin-right     :  0.4em;
   margin-bottom    :  0.2em;
   }

p  { margin : 0 0 0.9em 0; }


/*
- Alternative Text -------------------------------------------- */

  *.SmallText
   {
   font-size      : 80%;
   font-family    : verdana, sans-serif;
   margin-bottom  : 0.6em;
   }


/*
- Code -------------------------------------------------------- */

  *.CodeString
  {
  font-family      : consolas, 'lucida console', monospace;
  line-height      : 1em;
  }

pre.CodeBlock
   {
   font-family     : consolas, 'lucida console', monospace;
   font-size       :  0.9em;
   line-height     :  1.1em;
   }

pre.CodeBox
   {
   color           :  rgb(23%, 23%, 23%);
   background-color: #FFFFFF;

   font-family     :  consolas, 'lucida console', monospace;

   font-size       :  0.9em;
   line-height     :  1.2em;

   border-style    : solid;

   border-color    : #D8D8D8;
   border-width    :  1px;

   margin-top      :  0%;
   margin-bottom   :  2%;

   float           : left;
   width           : 100%;

   }


/*
- Lists ------------------------------------------------------- */

ol,
ul
   {
   margin-left    :   0.6em;
   padding-left   :   1.5em;
   }

li { margin-bottom : 1em; }

/*
- Bars and Boxes ---------------------------------------------- */

img.TopBar { width : 100%; }
  *.SideBar
   {
   float          : left;
   margin-bottom  : 2%;
   }


/*
- Tabs -------------------------------------------------------- */

ul.TabSet
   {
   padding-left     : 1.2em;
   border-bottom    : solid 1px #989898;

/*   width : 100%;  */    /* Yes? */

   margin-top       : 2em;    /* Broken up because of a bug in Firefox */
   margin-right     : 0.0em;
   margin-bottom    : 0.9em;
   margin-left      : 0em;

   padding-right    : 0;

   }

ul.TabSet li
   {
   list-style       : none;
   display          : inline;
   }

ul.TabSet li *
   {
   font-size        : 1.2em;
   padding          : 0.1em 0.5em 0em 0.2em;
   border           : solid 1px #989898;
   margin           : 0em 0.5em 0em 0em;
   }

ul.TabSet li a
   {
   font-family      : Arial, sans-serif;
   background-color : #F0F0F0;
   border-bottom    : none;
   }

ul.TabSet li span
   {
   font-family      : Arial, sans-serif;
   background-color : #FAFAFA;
   color            : #116F8A;
   border-bottom    : solid 0.17em #FAFAFA;
   }


/*
- Thumbnails -------------------------------------------------- */

#Thumbnail
   {
   margin-right : 0.7em;
   float        : left;
   }

table
   {
   background-color : #F0F0F0;
/*
   background-color : #FFFFFF;
    */

   font-family      : verdana, Arial, sans-serif;
   font-size        : 0.9em;

   border-collapse  : collapse;

/*

   border-right     : 0.5em #F0F0F0 solid;
   border-left      : 0.5em #F0F0F0 solid;
*/


/*   margin-right     : 1em; */
   margin-bottom    : 1em;

   float            : left;

   }

tr
{
   border-left      : 0.5em #F0F0F0 solid;
   border-right     : 0.5em #F0F0F0 solid;
}

td
   {
   vertical-align : top;

   padding-top    : 0.3em;
   padding-right  : 0.7em;
   padding-bottom : 0.3em;

   /*
   background-color : #F0F0F0;
   */
   border-bottom  : solid #AAAAAA 1px;


   }

td.ColLabel,
td.RowLabel
   {
   color            : #116F8A;

   font-size        : 1.3em;
   font-family      : Arial, sans-serif;

   }

td.RowLabel
   {
   text-align       : center;
   vertical-align   : middle;

   padding-right    : 0.5em;

   border-bottom    : 1px solid #F0F0F0;

   }

tr.LastRow td { border-bottom : 1px solid #F0F0F0; }

tr.PunchOut
   {
   background-color : #FAFAFA;
   height           :  1.4em;

   border-right     : 0.5em #FAFAFA solid;
   border-left      : 0.5em #FAFAFA solid;

   }

tr.PunchOut td
   {
   border-top         : 1px solid #F0F0F0;
   border-bottom      : 1px solid #F0F0F0;

/* For punchout IE problem

   border-left-style : hidden;
   border-left : 1px solid #FF0000;

*/
   }


/*
- Forms ------------------------------------------------------- */

 textarea,
 input
    {
    font-size   : 1em;
    font-family : calibri, verdana, sans-serif;
    }

#Help
   {
   color        : rgb(190, 65, 68);
   height       : 1em;
   }