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

body
   {
   color            : #4A4A4A;
   background-color : #FAFAFA;

   font-family      :  Verdana, Helvetica, Arial, sans-serif;
   font-size        :  11px;
   line-height      :  1.5;
   padding          :  0;
   margin           :  0;

   }

a
   {
   color            : #996600;
   font-family      : verdana, arial, sans-serif;
   text-decoration  : none;

/*
text-shadow: 0.5px 0.5px 0 #EEEEEE
*/

/*
background-color: #aaa;
text-shadow  : 0.5px 0.5px 0 #FFFFFF
*/
   }

#Logo
   {
   display       : block;
   margin-bottom : 8px;
   }

#Tag_NewVersion
   {
   position : fixed;
   left     : 81px;
   top      : 64px;
   /*
   font-family : 'times new roman';
   font-size : 20px;
   color: #000000;
   */
   }

/*
- Structural -------------------------------------------------- */

div.Header *   { background-color : #FAFAFA; }
div.Header
   {
   background       : url('Resources/Valance_Horiz.png') bottom repeat-x;
   width            :  100%;
   height           :   91px;
   padding          :   0 0 4px 12px;
   left             :  175px;
   position         : fixed;
   z-index          :  100;
   }

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

div.Section
   {
   clear            : both;
   margin-bottom    : 3px;
   }

div.ParaGroup
   {
   float            :  left;
   width            :  380px;
   margin-right     :   15px;
   margin-bottom    :    2px;
   }

#Footer
   {
   background       : #F0F0F0;
   border-top       : 1px solid #EAEAEA;
   }

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

div.NavSection
   {
   background       : url('Resources/Line.png') no-repeat left 13px;
   background-size  : 100% 1px;
   }

div.NavSection > h2
   {
   background-color : #FAFAFA;
   line-height      : 1.5;
   padding          : 0 3px 0 2px;
   margin           : 0 0px 0 5px;
   display          : inline;
   }

div.NavGroup
   {
   width            : 100%;
   padding-bottom   :  8px;
   }

#LeftDivHolder
   {
   background       : url('Resources/Valance_Vert.png') repeat-y right top;
   width            : 187px;
   height           : 100%;
   position         : fixed;
   z-index          : 10;
   }

div.LeftDiv
   {
   background-color : #FAFAFA;
   width            : 165px;
   height           : 100%;
   padding          : 10px 0 0 8px;
   }

div.LeftDiv a
   {
   background-color : #F0F0F0;
   line-height      : 1.5;
   padding-left     : 6px;
   border           : 1px solid #ECECEC;
   border-radius    : 3px;
   margin-bottom    : 5px;
   display          : block;
   }

#BottomNavSection { border-bottom-style: none; }

#RightDiv
   {
   width            : 1000px;
   padding          : 0 30px 40px 0;
   margin           : 89px 10px 0 187px;
   position         : absolute;
   }

/*
#LeftDiv #CurrentLink
   {
   background-color : silver;
   border-color     : #B4B4B4;
   }
*/

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

ul.TabSet
   {
   background-color : #FAFAFA;
   width            : 988px;               /* NB: Width of RightDiv minus Header padding-left (12px) */
   padding          : 0 0 0 10px;
   border-bottom    : solid 1px #116F8A;
   margin           : 0 0 8px 0;
   display          : block;
   }

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

ul.TabSet li *
   {
   font-size        : 11px;
   line-height      : 1;
   padding          : 1px 3px 0 3px;
   border           : solid 1px #116F8A;
   margin           : 0 10px 0 0;
   border-radius    : 3px 3px 0 0;
   }

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

ul.TabSet li span
   {
   font-family      : Verdana, Arial, sans-serif;
   background-color : #FAFAFA;
   color            : #116F8A;
   border-bottom    : solid 1px #FAFAFA;
   cursor           : default;
   }

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

h1,
h2,
h3
   {
   color            : #116F8A;
   font-family      : 'Trebuchet MS', Helvetica, sans-serif;

   margin           : 0 0 0 0;

   }

h2           { font-size : 14px; }
h3           { font-size : 14px; }
div.SubTitle
   {
   font-size :  13px;
   white-space : nowrap;
   position  : fixed;
   left      : 188px;
   top       :  55px
   }

h1
   {
   font-size      : 22px;
   padding        : 20px 0 20px 2px;
   }

p  { margin       : 0 0 9px 0; }

  *.SmallText
   {
   font-family    : verdana, sans-serif;
   margin-bottom  : 6px;
   }

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

  *.CodeStr
   {
   color            : #090909;
   font-family      : consolas, 'lucida console', monospace;
   line-height      : 10px;
   }

pre.CodeBlock
   {
   color            : #090909;
   font-family      : consolas, 'lucida console', monospace;
   font-size        : 10px;
   line-height      : 12px;
   }

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

   font-family      : consolas, 'lucida console', monospace;
   font-size        : 10px;
   line-height      : 12px;

   width            : 600px;

   border           : 1px solid #D8D8D8;

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

   float            : left;

   }

a span.CodeStr
   {
   color            : #996600;
   text-decoration  : none;
   line-height      : 10px;
   }

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

*.VerboseList li
   {
   line-height      : 1.4;
   margin           : 0 0 10px 6px;
   }

ol,
ul
   {
   margin-left      :    6px;
   padding-left     :    6px;
   }

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

#Thumbnail
   {
   margin-right     : 7px;
   float            : left;
   }

/*
- Tables ------------------------------------------------------ */

table
   {
   font-family                               : verdana, Arial, sans-serif;
   font-size                                 : 10px;

   border-collapse                           : collapse;
   width                                     :  602px;            /* For some reason, we have to add 2 pixels to make tables the same on-screen width as CodeBoxes */
   margin-bottom                             :   10px;

   float                                     : left;

   }

tr:first-child td         {                          border-top    : 1px solid #EAEAEA; }                                                                                       /* Table top-edge                              */
tr:last-child td          { background-image : none; border-bottom : 1px solid #EAEAEA; }                                                                                       /* Table bottom-edge                           */
tr.SectionEnd td          { background-image : none;                                    }                                                                                       /* End of Section bottom-edge                  */

tr.PunchOut               { height           : 13px; }
tr.PunchOut td
   {
   background                                : #FAFAFA;

   border-top                                : 1px solid #EAEAEA;                                                                                                               /* Punch-out edges                             */
   border-right                              : 1px solid #FAFAFA;
   border-bottom                             : 1px solid #EAEAEA;
   border-left                               : 1px solid #FAFAFA;

   }

td:first-child            { background       : #F0F0F0 url('Resources/Line_LeftTaper.png')  no-repeat left bottom; background-size : 100% 1px; border-left  : 1px solid #EAEAEA; } /* First cell in a given row                   */
td:last-child             { background       : #F0F0F0 url('Resources/Line_RightTaper.png') no-repeat left bottom; background-size : 100% 1px; border-right : 1px solid #EAEAEA; } /* Last cell in a given row                    */
td
   {
   background                                : #F0F0F0 url('Resources/Line_NoTaper.png')    no-repeat left bottom;                                                                 /* All table cells aside from special cases    */
   background-size                           : 100% 1px;
   background-color                          : #F0F0F0;
   vertical-align                            : top;
   padding                                   : 4px 3px 4px 4px;
   }

tr.ColLabels td,
td.RowLabel,
td.FinalSectionFirstRowLabel                                                                                                                                                    /* All labels                                  */
   {
   color                                     : #116F8A;
   font-size                                 : 11px;
   font-family                               : Arial, sans-serif;
   }

td.RowLabel + td.ColLabel { background-image : url('Resources/Line_LeftTaper.png'); }                                                                                              /* Col-labels that are adjacent to a row label */
td.RowLabel,
td.FinalSectionFirstRowLabel
   {
   background-image                          : none;
   text-align                                : center;
   vertical-align                            : middle;
   padding                                   : 0 3px 0 3px;
   }

td:first-child.FinalSectionFirstRowLabel                                                                                                                                        /* Row labels at the bottom right of a table   */
   {
   border-bottom                             : 1px solid #EAEAEA;
   border-left                               : 1px solid #EAEAEA;
   }

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

 textarea,
 input
    {
    font-size   : 10px;
    font-family : calibri, verdana, sans-serif;
    }

#Help
   {
   color        : rgb(190, 65, 68);
   height       : 10px;
   }


/*
*.TOC td:first-child,
 #TOC td:first-child { width : 400px; }
 */
*.TOC td.RowLabel,
 #TOC td.RowLabel
        {
        text-align : left;
        width      : 55px;
        }

#TOC td.RowLabel  { text-align: center; }

/*
- API Tables -------------------------------------------------- */

table.API td { white-space : nowrap; }
table.API
   {
   font-size      : 8px;
   margin-top     : 4px;
   }

table.API td.ClassName
   {
   text-align     : right;
   padding-right  : 0;
   padding-left   : 0;
   }

table.API td.Bracket
   {
   padding-right  : 2px;
   padding-left   : 0;
   }

/*
td { border : solid 1px black; }
table tr.PunchOut td { border : solid 1px black; }
*/