/*
 * General Doc
 *   background-color:#F0F0FF;
*/


.SmallBody
{
    font-family:Verdana, Arial, sans-serif;
    font-size:8pt;
}


.BasicPage {
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    padding:0;

    background-color:#F0F0FF;
}





/*
 * (for special occasions)
 *
 * holloween (webs in bg)
 *
.BasicPage {
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    padding:0;

    background-color:#F0F0FF;
    background-image:url(http://www.creativyst.com/Res/Image/web-back.gif);
    background-repeat:repeat;
    background-attachment: fixed;
}

 *
 * Normally:
 *

.BasicPage {
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    padding:0;

    background-color:#F0F0FF;
}

 *
 *
*/


.McCenter {
    margin-left:auto;
    margin-right:auto;
}

.CodeSnip {
    font-size:8pt;
}



/*
 * State tables
*/
.StateTable {
    font-size:9pt;
    font-family:Times,Times New Roman;
}

.StateTable TD {
    font-size:9pt;
    font-family:Times,Times New Roman;
}

.STCell {
    background-color:#FFFFFF;
}



/*
 * Top menu
*/
.NavMenuTop {
    text-align: center;
}
.NavMenuTop DIV {
    background-color:#CCCCDD;
    line-height:100%;
    margin:2px;
    text-align: center;
}

.NavMenuTop A:link {
    color:#000000;
    line-height:120%;
    text-decoration:none;
    font-family:Arial,Sans-serif;
    font-size: 8pt;
    font-weight:normal;
}
.NavMenuTop A:visited {
    color:#000000;
    line-height:120%;
    text-decoration:none;
    font-family:Arial,Sans-serif;
    font-size: 8pt;
    font-weight:normal;
}
.NavMenuTop A:hover {
    color:#0000FF;
    line-height:120%;
    text-decoration:underline;
    font-family:Arial,Sans-serif;
    font-size: 8pt;
    font-weight:normal;
}

.Nav {
    color:#33FF33;
    line-height:120%;
    text-decoration:none;
    font-family:Arial,Sans-serif;
    font-size: 8pt;
    font-weight:normal;
}


/*
 * L2 Menu
 *  This needs to be placed in a div
 *  context in future.
 *
*/
.L2Menu
{
    text-align:right;
    width:98%;
    font-size: 7pt;
    font-weight:normal;
}

A.m2:link {
    color:#888899;
    text-decoration:none;
    font-family:Arial,Sans-serif;
}
A.m2:visited {
    color:#888899;
    text-decoration:none;
    font-family:Arial,sans-serif;
}
A.m2:hover {
    color:#333333;
    text-decoration:underline;
    font-family:Arial,Sans-serif;
}





/*
 * Document (articles) formats
*/
.TitleCategory
{
    font-family:Verdana, Arial, sans-serif;
    font-size:12pt;
    font-weight:normal;
    line-height:1;
    margin-top:.2em;
    margin-bottom:.2em;
}
.TitleHead
{
    font-family:Verdana, Arial, sans-serif;
    font-size:17pt;
    font-weight:normal;
    line-height:1;
    margin-top:.2em;
    margin-bottom:.2em;
}
.TitleSubhead
{
    font-family:Verdana, Arial, sans-serif;
    font-size:10pt;
    font-weight:normal;
    line-height:1;
    margin-top:.2em;
    margin-bottom:.2em;
}


.SecHeader
{
    font-family:Verdana, Arial, sans-serif;
    font-size:15pt;
}
.SecBody
{
    font-family:Verdana, Arial, sans-serif;
    font-size:10pt;
}
.SecBody TD
{ 
    font-family:Verdana, Arial, sans-serif;
    font-size:8pt;
}

/* old
 *
.SecBody TD
{ 
    font-family:Verdana, Arial, sans-serif;
    font-size:8pt;
    background-color:#ddddee;
}
 */

.QuoteText {
    font-family:Verdana, Arial, sans-serif;
    font-size:8pt;
}

.PageTOC
{
    font-family:Verdana, Arial, sans-serif;
    font-size:10pt;
}

.CodeInset
{
    font-size:9pt;
    background-color:#CCCCDD;
    border-style:solid;
    border-width:1px;
    border-color:#9999CC;
    width:80%;
    text-align:left;
}

/* for jump to top of page
 * links
*/
.JumpTop
{
    text-align:right;
    width:98%;
}




/* Sometimes we put links
 * directly to our glossary
 * within the text of documents
*/
A.Glos:link 
{
    color:#3399BB;
    text-decoration:underline;
    font-weight:normal;
    font-style:italic;
}
A.Glos:visited 
{
    color:#3399BB;
    text-decoration:underline;
    font-style:italic;
    font-weight:normal;
}
A.Glos:hover
{
    color:#3333FF;
    text-decoration:none;
    font-weight:normal;
    font-style:italic;
}





/*
 * Footnotes displayed in pop
 * windows have special needs
*/
.FNBody
{
    font-family:Verdana, Arial, sans-serif;
    font-size:10pt;

    padding:5px;
}

/*
 * PageBreak for hardcopy
 * printing.
 *
 * Use:
 *  <p class="PageBreak">CMNT ! - start pg 3  - CMNT</p>
 * Or:
 *  <div class="PageBreak"> text of page </div>
*/
.PageBreak
{
    page-break-before: always;
}





/* ===============================
 * Stuff for logo, tag line,
 * general marketing stuff, etc.
 *
*/
.LogoTextSm
{
    color:#000033;
    text-decoration:none;
    font-family:"Arial","Sans-serife";
    font-size: 7pt;
}

 FONT.logo
 {
    color:#000033;
    text-decoration:none;
    font-family:"Arial","Sans-serife";
    font-size: 7pt;
 }





/* ===============================
 * Help Pop-up Windows get this
 * HP=Help-Pop
 *
 * from below: text-decoration:bold;
*/
DIV.HPSubHead 
{
  font-family:"arial", "sans-serif";
  font-size:12pt;
  font-weight:bold;
}
DIV.HPtxt 
{  
  font-family:"arial", "sans-serif";
  font-size:9pt;
}



.SmallCaption
{
  color:#6666DD;
  text-decoration:none;
  font-family:Arial,sans-serif;
  font-size: 8pt;
}



/* ===============================
 * Left side for SideMen.js stuff
 *
*/
A.Ped:link
{
  color:#6666DD;
  text-decoration:underline;
  font-family:Arial,sans-serif;
  font-size: 8pt;
}
A.Ped:visited
{
  color:#6666DD;
  text-decoration:underline;
  font-family:Arial,Sans-serif;
  font-size: 8pt;
}
A.Ped:hover
{
  color:#00AAAA;
  text-decoration:underline;
  font-family:Arial,Sans-serif;
  font-size: 8pt;
}

TD.Ped
{
  color:#333399;
  text-decoration:none;
  font-family:Arial,Sans-serif;
  font-size: 8pt;
}
TD.PedHead
{
  color:#333399;
  text-decoration:none;
  font-family:Arial,Sans-serif;
  font-size: 9pt;
}



/* ===============================
 * Page jumps styles originally
 * used in Prod/18 page (JSMFeed).
 *
*/
.PageJump {
   font-family:"Verdana", "Arial", "sans-serif";
   font-size:8pt;
}

.PageJump A:link {
   color:#000033;
   text-decoration:underline;
}
.PageJump A:visited {
   color:#000033;
   text-decoration:underline;
}
.PageJump A:hover {
  color:#0000BB;
  text-decoration:none;
}













/*
 * Junk from older pages
 * pick through and get what's needed
 * then discard left-overs
*/

/*
 * Could be useful ?
*/
 TD.SmSpc {font-size:7pt;}
 TD.TinySpc {font-size:4pt;}
 TD.SecDiv {font-size:1pt; line-height:100%; height:1pt;}

 INPUT.sm {font-size:8pt;}
 SELECT.sm {font-size:8pt;}
 TEXTAREA.sm {font-size:8pt;
              line-height:100%;}

 FONT.BigBig {font-size:150pt;}




/*
 * This should go
*/
 A:link{color:#0000CC; text-decoration:none;}
 A:visited{color:#0000CC; text-decoration:none;}
 A:hover {color:#3333FF; text-decoration:underline}
 A:active {color:#0000CC;}


 A.HTBox:link {color:#3333BB;
             text-decoration:underline;
             font-family:Arial,Sans-serif;
             font-size: 7pt;
            }
 A.HTBox:visited { color:#3399BB;
                 text-decoration:underline;
                 font-family:Arial,Sans-serif;
                 font-size: 7pt;
               }
 A.HTBox:hover {color:#3399BB;
                 text-decoration:none;
                 font-family:Arial,Sans-serif;
                 font-size: 7pt;
               }