﻿
        /*     background     */
        #container-main-out
        {
        
        background-color: #FFFFFF;
        }
            
        body, .wfchoice select, .wfinputtext, .wfinputsearchtext, b{
        background-color: #FFFFFF;
        }

       #container-left ,#container-top  { 
       background-color: #FFFFFF;
        }
        
       
        /*    borders    */
        #container-main-out, #container-left, #container-top { 
        border: 1px solid #7D7D7D;
        }
        
        #main-corner-rt b, #top-corner-rt b, #left-corner-rt b,#main-corner-rb b, #top-corner-rb b, #left-corner-rb b{
        border-left: 1px solid #7D7D7D;
        }
        
        #main-corner-lt b, #top-corner-lt b, #left-corner-lt b,#main-corner-lb b, #top-corner-lb b, #left-corner-lb b{
        border-right: 1px solid #7D7D7D;
        }
        
        b.r3{
        border-width: 2px !important; 
        }
        
        .r-bottom{
        border-bottom: 1px solid #7D7D7D;	
        }
        
        
        /*    base elements of the frames    */
        html { overflow: hidden; }

        body {
        margin:0;
        padding: 0;
        height:100%;
        width: 100%;
        overflow: hidden;
        }
        
        .inner-box {
        position: absolute;
        margin: 0;
        padding: 0;
        overflow:hidden;
        z-index: 1;
        }
        
        * html #container-main-out {
        height:expression(document.body.clientHeight-12); 
        width:expression(document.body.clientWidth-12);
        }
        
        
                * html #container-main-in {
                height:expression(document.body.clientHeight-22-5); 
                width:expression(document.body.clientWidth-12-10);
                }
            

      * html #container-top {
      height:expression(document.body.clientHeight-9);
      width:expression(document.body.clientWidth-12);
      }

      * html #container-left {
      height:expression(document.body.clientHeight-12);
      width:expression(document.body.clientWidth-8);

      }
      * html #container-left-tree {
      height:expression(document.body.clientHeight-41);
      width:expression(document.body.clientWidth-8);
      }
      * html #container-left-search {
      height:expression(document.body.clientHeight-71);
      width:expression(document.body.clientWidth-10);
      }

      #container-main-out{bottom:5px;top:5px;left:5px;right:5px;overflow:hidden;}
      #container-main-in{bottom:0;top:10px;left:0;right:0;overflow:auto;}
      #container-top{bottom:0;top:5px;left:5px;right:5px;text-align: center;}
      #container-left{bottom:5px;top:5px;left:5px;right:0;overflow:hidden;}
      #container-left-tree{right:0;bottom:0;top:28px;left:0;overflow:auto;}
      #container-left-search{right:0;bottom:0;top:58px;left:0;overflow:auto;}

      #header-left {
      height: 27px;
      position:absolute;
      padding:0;
      margin:0;
      overflow:hidden;
      top: 0;
      right: 0;
      left: 0;
      }

      * html #header-left {width:expression(document.body.clientWidth-7);}


      /*    rounding corners    */
      #main-corner-lt, #top-corner-lt, #left-corner-lt{
      z-index: 20;
      position: absolute;
      float: left;
      width: 5px;
      top: 5px;
      left: 5px;
      }

      #main-corner-rt, #top-corner-rt, #left-corner-rt{
      z-index: 20;
      position: absolute;
      float: right;
      width: 6px;
      top: 5px;
      }
      #main-corner-rt, #top-corner-rt{right: 4px;}
      #left-corner-rt{right:0;}

      #main-corner-rt b, #top-corner-rt b, #left-corner-rt b, #top-corner-rb b{
      float: right;
      clear: both;
      }

      #top-corner-lb,#top-corner-rb{
      margin:0;
      position:absolute;
      overflow:hidden;
      z-index: 10;
      }

      #top-corner-lb  {bottom: 0;left:5px;float: left;}
      #top-corner-rb  {bottom: 0;right: 4px;float: right;text-align: right;width: 6px;}

      #left-corner-lt-contents{
      z-index: 21;
      position: absolute;
      float: left;
      left: 5px;
      width: 5px;
      }

      .r1, .r2, .r3, .r4, .r5 {
      display: block;
      height: 1px;
      overflow: hidden;
      font-size:1px;
      }
      .r5 { width:  5px;}
      .r4 { width:  4px;}
      .r3 { width:  3px;}
      .r2 { width:  2px;}
      .r1 { width:  1px;}

      /*    elements of the Title page    */
      .powered-by{
      font-family: Tahoma;
      font-size: 12px;
      margin-top: 12px;
      margin-bottom: 12px;
      text-align: center;
      }
      .powered-by .t{
      display: table;
      _height: 0; /*IE5-6*/
      zoom: 1; /*IE7*/
      margin-left: auto;
      margin-right: auto;
      }
      .powered-by .c{
      display: table-cell;
      _height: 0; /*IE5-6*/
      zoom: 1; /*IE7*/
      vertical-align: middle;
      }

      .main-logo{
      text-align: center;
      margin-top: 12px;
      margin-bottom: 12px;
      }

      .mainpage-logo{
      
        }
        
        /*highlight search words*/
        .searchword{
        background: yellow;
        }
    
