<!-- below: styles for the css tab view script : categories navigation in right col-->


#index_tab_display { width:100%; margin-top:0; padding:0; border:0; background-color:transparent;}


/* Essential Styles */

ul.categ_tabs       { float:left; width:100%; height: auto; padding:0; margin:20px 0 0 0;
                border:0px solid red; margin-bottom:0px; background-color: transparent; }

ul.categ_tabs li    {float:left; list-style-type:none;  }

ul.categ_tabs li {width: 50%; margin:0; padding:0; border:0; }

ul.categ_tabs *.categ_tab-label { border:0px solid #d2d4ea; margin:0; cursor:pointer;
                      padding-bottom:4px; padding-top:5px;
                      background:white url("/images/tab-unsel.jpg") repeat-x left bottom;
                      font-weight:normal; font-size:0.85em; font-family:arial, sans-serif; text-align:center;}

ul.categ_tabs li.selected *.categ_tab-label { position:relative; border-bottom:none;
           top:1px; padding-bottom:4px;
           padding-top:5px; border-top:0px solid #d2d4ea; margin-top:-2px;
           background:white url("/images/tab-sel.jpg") repeat-x left top; font-weight:bold; }

/* Styles added to the TAB MENU design pattern to create TABS */

ul.categ_tabs { position:relative; margin-left: 0px; margin-right: 0px; padding: 0;}

ul.categ_tabs *.categ_tab-content { position:absolute; width:100%; height:auto;
                        left:-99999px; text-align: left; border:0px solid blue;
                        }

ul.categ_tabs li.selected *.categ_tab-content { left:0; background-color: #f2f2f2; text-align: left;  
                                                border:0px solid red;}

ul.categ_tabs li *.categ_oi2 { position:relative; width:100%; margin:0px; padding:0px; background-color: transparent; border:0px solid blue;}

ul.categ_tabs *.categ_tab-label a { display:block; text-decoration:none; color:black; }

ul.categ_tabs *.hover,
ul.categ_tabs *.categ_tab-label:hover { text-decoration:underline; }

#tab-display {width: 100%;}

#loc_tab {}

/*end tabs */


<!-- ############ other styles #############-->

HTML, BODY {margin:0; padding:0; height:100%; width:100%; border:none; font-size:100%; background-color:#0000f9;}


h2.col-title {margin:0; padding:0; font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:gray; text-align:center;}

h4.left-col-title {font-weight:bold; font-size:12px; font-family:arial, sans-serif; color:black;}

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

ul li.dispLeftLinks {margin-left:10px; }

ul.contrib {margin-left:0;margin-top:0;}

ul.contrib li {margin:0 0 5px 20px; list-style-type:none;}

a.dispLeftLinks:link {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:black;}
a.dispLeftLinks:visited {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:black;}
a.dispLeftLinks:hover {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:green; text-decoration:underline;}
a.dispLeftLinks:active {font-weight:bold; font-size:10px; font-family:arial, sans-serif; color:firebrick; text-decoration:underline;}

.help-build {font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:darkgreen;}
a.help-build:link {font-size:14px; font-family:arial, sans-serif; }
a.help-build:visited {font-size:14px; font-family:arial, sans-serif; }
a.help-build:hover {font-size:14px; font-family:arial, sans-serif; text-decoration:underline;}
a.help-build:active {font-size:14px; font-family:arial, sans-serif; text-decoration:underline;}

a.black:link {font-weight:normal; color:black;}
a.black:visited {font-weight:normal; color:black;}
a.black:hover {font-weight:normal; color:firebrick;}
a.black:active {font-weight:normal; color:red;}
a.darkgreen:link {font-weight:bold; color:darkgreen;}
a.darkgreen:visited {font-weight:bold; color:darkgreen;}
a.darkgreen:hover {font-weight:bold; color:firebrick;}
a.darkgreen:active {font-weight:bold; color:red;}

.post-info {margin-left:20px; font-weight:normal; font-size:14px; font-family:arial, sans-serif; color:black;}

.index_disp_footer {font-weight:bold; font-size:12px; font-family:arial, sans-serif; color:black;}

.clearall {clear:both;}


<!-- new navigator 
####################################################
####################################################-->

.show-subloc-rollup-trigger {cursor:pointer;}

span.show-subloc-rollup-trigger {margin-left:.5em; padding-left: 1em; padding-bottom: 0;  background:url("/images/show-med.gif") no-repeat left center;}

span.show-subloc-rollup-trigger:hover {background:url("/images/show-med-hover.gif") no-repeat left center;}

.hide-subloc-box {position:absolute; top:-99999px; left:-99999px; width:1px; height:1px;}

.subloc-rolledup {cursor:pointer;}

span.subloc-rolledup  {margin-left:.5em; padding-left: 1em; padding-bottom: 0; background:url("/images/hide-med.gif") no-repeat left center; }

span.subloc-rolledup:hover  { background:url("/images/hide-med-hover.gif") no-repeat left center; }

span.end-of-line{padding-left: 1em; font-weight:bold; color:firebrick; background:url("/images/transp-show-hide.gif") no-repeat left top;}


<!-- general home page styles 
####################################################
####################################################-->

#index_main_box{position:relative;  height:100%; min-height:100%; width:100%; margin:0;  padding:0; border:0px dashed red;}

#mainHomeContBox {width:100%; height:100%; margin:0; padding:0; border-bottom:1px dashed #f2f2f2; background-color:#f2f2f2;}
#sdf {position:relative; width:100%; height:100%; margin:0 0 10px 0; padding:0; border-bottom:1px dashed #f2f2f2;}

#mainContBoxTopPad {width:100%; height:150px; margin:0; padding:0; border:0px solid black; 
                    background:url(/images/main_box_top_background.gif); background-position:left; background-repeat: repeat-x;}

#centredContBox {width:70%; height:100%; margin-right:auto; margin-left:10%; margin-top:-130px; padding:0; border:0px solid black;}

#presTextBox {position:relative;  width:100%; height:auto; margin-bottom:1.5em; padding:0; border:0; background-color:transparent; }

.ioPTB {width:100%; height:100%; margin:0; padding:0; border:0; background-color:transparent;}

#dispTitlesBox {position:relative; width:100%; height:auto; margin:0; padding:0; border:0px solid blue; background-color:#2f4f4f;}

#dispContBox {position:relative; width:100%; height:auto; margin:0; padding:0; border:0px solid red;}

#mainHdlLinksBox {float:left; width:20%; margin:0 0 0 0; padding:0; border:0;}

#fauxMainHdl {position:absolute; height:100%; width:20%; margin:0; padding:0; border:0;  
              background-color:#2f4f4f; z-index: 1;}

#latestOnlineBox {float:left; width:28%; margin:0; padding-left:0%; padding-right:0; border:0px solid red; background-color:white;}

#mostPopBox {float:left; width:30%; margin:0; padding-left:0%; padding-right:0%; border:0px solid blue; background-color:white;}

#navigatorBox {float:left; width:22%; margin:0; padding:0; border:0px solid green; }

#fauxNavBox {position:absolute; height:100%; width:22%; right:0; top:0; margin:0; padding:0; border-right:1px solid #e2e2e2;  
              border-bottom:1px solid #e2e2e2 ; background:url(/images/background-faux-col-horiz-str2.gif);}


.ioDCB {width:100%; height:100%; margin:0; padding:0; border:0; background-color:transparent;}

.ioLatest {width:95%; height:100%; margin:0 0 0 5%; padding:0; border:0; background-color:transparent;}

.ioPopu {width:92%; height:100%; margin:0 4% 0 4%; padding:0; border:0; background-color:transparent;}

.ioNav {width:98%; height:100%; margin:0 1% 0 1%; padding:0; border:0px solid green; background-color:transparent;}

#indLoginBox {position:absolute; width:15%; max-width:15%; height:auto; top:20px; right:20px; margin:0; padding:5px;
              border:1px solid lightgray; background-color:transparent;}


#indFootBox {width:100%; margin:0; padding:0; border:0; line-height: 1.5em; text-align: center; background-color:gold;}
           
#indexFooter {position:relative; width:100%; background-color:#333300; text-align:center; line-height:1.5em; z-index:0;}

#indHeadBox{position:relative; width:100%; margin:0; padding:0; border:0px solid red; z-index:25;}

#indHdlBox { position:relative; float:left; top:-1em; width:49%; margin:0 0 0 .5%; padding:0; border:1px dashed red;}

  .titleBox { text-align:center;   margin:0 0 5px 0;
              width:auto;  margin-left:0;  margin-right:0;  border:0px solid gold; 
              background-color:#f0f2ff;}
              
  .titleBoxHeader {margin:0 0 10px 0; padding:5px; border:0;}            
  
  .indTitlesFont { font-weight: normal; font-size:.85em; font-family: arial black, arial, sans-serif;}
  
  .indTitlesFontWhite { font-weight: normal; font-size:.85em; font-family: arial black, arial, sans-serif; color:white;}
  .indTitlesFontWhiteLk { font-weight: normal; font-size:.85em; font-family: arial black, arial, sans-serif; color:white;}
  .indTitlesFontWhiteLk:link,visited,active {text-decoration:none;}
  .indTitlesFontWhiteLk:hover{text-decoration: underline;}
  
  
  #detailPresBox {width:100%; margin:0; padding:0; background-image: url(/images/tiny_grid.png);}
  .detailPresBoxInt {float:left; width:50%; margin:0; padding:0; border:0;}
  .detailPresBoxOut {margin-top:15px; padding:5px; border:1px solid lightgray; background-color: white;}
  
  ul.dpbiList {margin:0; padding:0; border:0;}
  ul.dpbiList LI {margin:20px; list-style-type: disc; font-size:9px;}
  
  .dpbiListTitle {font-weight: bold; font-size: 16px; font-family: arial, sans-serif;}
  .dpbiListLine {font-weight: normal; font-size: 14px; font-family: arial, sans-serif;}
  
  
<!--####### FOR ADDITIONAL MSG DROP BOX ############ -->  

.show-addit-msg-rollup-trigger {cursor:pointer;}

span.show-addit-msg-rollup-trigger {margin-left:.5em; padding-left: 1em; padding-bottom: 0;  background:url("/images/show-med.gif") no-repeat left center;}

span.show-addit-msg-rollup-trigger:hover {background:url("/images/show-med-hover.gif") no-repeat left center;}

.hide-addit-msg-box {position:absolute; top:-99999px; left:-99999px; width:1px; height:1px;}

.addit-msg-rolledup {cursor:pointer;}

span.addit-msg-rolledup  {margin-left:.5em; padding-left: 1em; padding-bottom: 0; background:url("/images/hide-med.gif") no-repeat left center; }

span.addit-msg-rolledup:hover  { background:url("/images/hide-med-hover.gif") no-repeat left center; }


.show-why-account-rollup-trigger {margin:0; padding:0; border:0px solid black; cursor:pointer;
                                  font-weight:normal; font-size:0.75em; font-family:arial, sans-serif; color:blue; text-decoration: underline;}

.hide-why-account-box {position:absolute; top:-99999px; left:-99999px; height:1px; }
.show-why-account-box {width:100%, height:100%; margin:0; padding:2px; border:0;}
.hide-why-account-rolledup {background-color:transparent;} 
 
ul.why-account-login-box {margin:0; padding:0;}

ul.why-account-login-box li {margin:0 0 0 1em; padding:0; font-weight:normal; 
                             font-size:.75em;  font-family:arial, sans-serif; color:black;}  
                             
.info-why-account-login-box {font-weight:normal; font-family:arial, sans-serif; color:green;}
.info-why-account-login-box:link, visited, active {text-decoration:underline;}
.info-why-account-login-box:hover {color:crimson; text-decoration:underline;}
  
  #latestBox { float:right; width:70%; height:100%; margin:0; padding:0; border:0px solid lightgray; background-color:white;}

    #latestDocsBox { float:left; width:46%; height:auto; margin:0 3% 0 0; padding:5px 1% 0 1%; border-left:2px solid #f0f2ff; background-color:white;}
  
    #popularBox {float:right; width:46%; height:auto; margin:0; padding:5px 1% 0 1%; border-right:2px solid #f0f2ff; background-color:white; }

    #popularBoxHeader {float:left; width:30%; margin:0; padding-left:0%; padding-right:0%; line-height:2em; background-color: #2f4f4f; 
                         border:0px solid gold; text-align:center;}
      
      ul.latestDocsDisp {margin:0; padding:0; border:0; list-style-type: none; background-color: transparent;}
    
      ul.latestDocsDisp li {margin:0; padding:0; list-style-type: none;}
    
      .latestLineBox {width:100%; margin:20px 0 0 0; padding:0; border:0px solid darkgray; background-color: white;}

      .topLatestLineBox {width:100%; height:1.5em; margin:0; padding:0; border:0px solid darkgray; background-color:#f2f2f2;}
      
      .botLatestLineBox {width:95%; margin-left:5%; padding-top:3px; border:0px solid darkgray; background-color: white;}
      
      .dispImg {float:left; width:70px; height:70px; margin-right:1%; padding:0; border:0px solid gray; text-align: right; overflow: hidden; background-color: transparent;}
      .dispTxt {margin:0; padding:0; float:left; text-align: left; background-color: white;}

      .dispViewImg { padding:0px; border:0px solid gray;  text-align: left; background-color: white;}
      
      #latestBoxHeader {float:left; width:28%; margin:0; padding-left:0%; line-height:2em; background-color: #2f4f4f; 
                         border:0px solid gold; text-align:center;}
      	
      .dispViewTxt {height:auto; margin-right:0; padding:0; border:0px solid gray; text-align: left;  overflow: hidden;}
  
      .cap_text_line_height {margin:0; padding:0; border:0; line-height: .85em;}

  #listHeadlinesBox {position:relative; height:100%; width:96%; margin:0 2% 0 2%; padding:0px; border:0px solid white;  
                     background-color:#2f4f4f; z-index: 2;}

     .linkBox {width:100%; margin:1em 0 0 0; padding:0 0 0 0.5em; line-height:3em; background-color:#f0f2ff;}     
     
     .sublinkBox {position:relative; float:right; width:90%; height:1.5em; margin:0.5em 0 0 0; padding:0; line-height:1.5em; background-color:#2f4f4f;}
     .sublinkBox:hover {background-color:#446161;}     
     
     .hdlLinkBox {position:relative; width:100%; margin:20px 0 0 0; padding:0 0 0 0; line-height:3em; background-color:#2f4f4f;}
     .hdlLinkBox:hover {background-color:#446161;}

     .introSublinkBox {float:right; width:90%; height:1em; margin:.5em 0 0 0; padding:0 0 0 0; line-height:1em; background-color:#2f4f4f;}
     
     .hdlColorPoint {position:absolute; width:3px; height:6px; top:0; margin-top:auto; bottom:0; margin-bottom:auto; padding:0; border:0;}
     
     #linkBoxHeader{float:left; width:20%; margin:0; padding:0; line-height:2em; background-color: #213737; 
                     border-top:0px solid #213737; border-bottom:0px solid #213737; text-align: center;  z-index: 3;}

#indPresBox { position:relative; width:100%; height:auto; margin:0;  padding:0; border:1px dashed red; z-index: 5;}

  #messBox { float:left; width:70%; height:3em; max-height:3em; margin-top:1.5em; margin-left: 8%; padding:0; border:0px dashed lightgray; 
             background-color:white; overflow: hidden;
             font-weight:bold; font-size:1.2em; font-family: "Lucida Console", Monaco, monospace; line-height: 1.5em;}
             
.messTxt {font-weight:bold; font-size:1em; font-family: "Lucida Console", monospace; line-height: 1.3em; color:black;}
.messTxtLk {font-weight:bold; font-size:1em; font-family: "Lucida Console", Monaco, monospace; line-height: 1.3em; color:black;}
.messTxtLk:link,visited,active {text-decoration: underline;}
.messTxtLk:hover{color:firebrick;}

.popmessTxt {font-weight:bold; font-size:1em; font-family: "Lucida Console", monospace; line-height: 1.3em; color:#004600;}
.popmessTxtLk {font-weight:normal; font-size:.9em; font-family: arial, sans serif; line-height: 1.2em; color:black;}
.popmessTxtLk:link,visited,active {text-decoration: underline;}
.popmessTxtLk:hover{color:firebrick;}

.popmessTxtLkbox {margin:7px 0 0 0; padding:0; border:0; text-align:right;}

  #loginBox {  font-size:16px; float:right; width:15%; height:6em; max-height:6em;  margin-right:1%; margin-top:1em; 
               padding:1%; border:1px solid lightgray; background-color:#f0f2ff; text-align: right; overflow:hidden;
               z-index: inherit;}

#indNavBox{position:relative; float:left; top:-1em; width:27.5%; height:auto; margin:0 0 0 2.5%; 
           padding:0; border:1px solid blue; z-index: 15;}       
           
#indNavBoxHeader {float:left; width:22%; margin:0; padding:0; line-height:2em; border:0px solid #6d8484; background-color: #6d8484; 
               text-align: center;}
           
.indNavBoxInt{width:100%; margin:0; padding:0; border:0px solid gray;}
  
#indLogoBox {position:relative; float:right; top:2em; width:17%; height:auto; margin:0 1% 0 0; padding:1px; 
             border:1px solid blue; text-align:justify; z-index:11; }  
             
#indLogoBox img {margin-top:2em; float:right;}
             
p.indLogoBoxText {margin:0 0 1em 0; padding:0; border:0px solid gray; background-color:transparent; line-height: 1.3em;
                  font-weight:normal; font-size:.9em; font-family:"Lucida Console", Monaco, monospace; color:black;}        

a.indLogoBoxText:link,visited,active {font-weight:bold; font-size:.8em;  font-family:Helvetica, arial, sans-serif;text-decoration: underline; color:black;}
a.indLogoBoxText:hover {font-weight:bold; font-size:.8em;  font-family:Helvetica, arial, sans-serif; text-decoration: underline; color:green;}
  
#indRightCol {position:absolute; height:auto; top:0; bottom:0;  width:13%; right:0; 
              background: url(/images/gradient_hdln_left_col.gif)  top right repeat-y;}   

#indMessBox {float:left; width:35%; margin:2em 0 0 0; padding:0; border:0px solid #d2d4ea;}

#messTop {float:right; width:50%; margin:0; padding:0; text-align:center; border:1px solid blue;}

#messBot {float:right; width:50%; margin:0; padding:0; text-align:center; border:1px solid red;}

ul.blockNavBox {margin:0; padding:0; list-style-type:none; }

ul.blockNavBox li {width:95%; margin-left:5px; padding:0; list-style-type:none; border:0px solid blue;}

p.indtoploc {margin:1px 0 1px 0; padding:0; border:0;}

.neutral {width:100%; margin:0; padding:0; border:0px solid blue; }

.relativeBox {position:relative; margin:0; padding:0; border:0px solid red;}

.fontlocnamebox{font-weight:bold; font-size:0.8em; font-family:arial, sans-serif; color:#f2f2f2;}
.fontlocnamebox:link, visited, active {font-weight:bold; font-size:0.8em; text-decoration:underline;}
a.fontlocnamebox:hover {font-weight:bold; font-size:0.8em; text-decoration:underline; color:green;}

div.locnamebox{ position:relative; width:100%; margin:0; padding:0;  border-bottom:1px solid lightgray; white-space: nowrap;}


div.ioLocnamebox{position:absolute;  top:0; left:0; width:100%; margin:0; padding:0;}
div.ioLocnamebox:hover{width:auto; padding-right: 2px; white-space:nowrap; background-color: lightgray;}


.topnamebox{margin:0; padding:0; border:0;}

span.locnamebox-rollup-trigger {}
span.locnamebox-rollup-trigger:hover {color:firebrick;}

.hide-locnamebox {position:absolute; top:-99999px; left:-99999px; width:1px; height:1px;}
.show-locnamebox {top:1.3em; left:0; margin:0; padding:5px; border:0; background-color: #FFFFCC;}

.namelev1 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:black;}
.namelev1:link, visited, active {text-decoration:none;}
.namelev1:hover {text-decoration:underline;}

.namelev2 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:darkblue;}
.namelev2:link, visited, active {text-decoration:none;}
.namelev2:hover {text-decoration:underline;}

.namelev3 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:darkgreen;}
.namelev3:link, visited, active {text-decoration:none;}
.namelev3:hover {text-decoration:underline;}

.namelev4 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:brown;}
.namelev4:link, visited, active {text-decoration:none;}
.namelev4:hover {text-decoration:underline;}

.namelev5 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:darkslategray;}
.namelev5:link, visited, active {text-decoration:none;}
.namelev5:hover {text-decoration:underline;}

.namelev6 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:black;}
.namelev6:link, visited, active {text-decoration:none;}
.namelev6:hover {text-decoration:underline;}

.namelev7 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:navy;}
.namelev7:link, visited, active {text-decoration:none;}
.namelev7:hover {text-decoration:underline;}

.namelev8 {font-weight:normal; font-size:0.9em; font-family:arial, sans-serif; color:darkred;}
.namelev8:link, visited, active {text-decoration:none;}
.namelev8:hover {text-decoration:underline;}

<!-- NOTICE: this style exists also in font_style.css for all other uses  -->
.mainsectionlink {font-weight: bold;  font-size: 0.8em; font-family: arial ,sans-serif; color: black;} 

.indtoploc {font-weight:bold; font-size:0.75em; font-family:arial, sans-serif; color:black;}

.indlostpw {font-weight:normal; font-size:11px; font-family:arial, sans-serif; color:black;}
.indlostpw:link {color:black;  text-decoration:underline;}
.indlostpw:visited {color:black;  text-decoration:underline;}
.indlostpw:hover {color:green;  text-decoration:underline;}
.indlostpw:active {color:firebrick;  text-decoration:underline;}

.doctitlebox{font-weight:normal; font-size:0.75em; font-family:arial, sans-serif; color:black;}
.doctitlebox:link, visited, active {font-weight:normal; font-size:0.75em; text-decoration:none;}
a.doctitlebox:hover {font-weight:normal; font-size:0.75em; text-decoration:underline; color:firebrick;}

.indmainsectionnolink{font-weight:bold; font-size:0.8em; font-family:arial, sans-serif; color:white;}
.indmainsectionlink{font-weight:bold; font-size:0.8em; font-family:arial, sans-serif; color:white;}
.indmainsectionlink:link, visited, active {text-decoration:none;}
.indmainsectionlink:hover {color:white; text-decoration:underline;}

.indfooterlink{font-weight:bold; font-size:0.8em; font-family:arial, sans-serif; color:white;}
.indfooterlink:link, visited, active {text-decoration:none;}
.indfooterlink:hover {color:yellow; text-decoration:underline;}


<!--########################## for header #############################-->
.indexlinksbot {font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white;}

.indexlinksbot:link { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white; text-decoration: underline; }

.indexlinksbot:visited { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white; text-decoration: underline; }

.indexlinksbot:hover { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: red; text-decoration: underline;}

.indexlinksbot:active { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: red; text-decoration: underline; }


.indexlinkstop {font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white;}

.indexlinkstop:link { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white; text-decoration: underline; }

.indexlinkstop:visited { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: white; text-decoration: underline; }

.indexlinkstop:hover { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: red; text-decoration: underline;}

.indexlinkstop:active { font-family: arial ,sans-serif; font-size: 0.8em; font-weight: bold; color: red; text-decoration: underline; }