/*     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.r10{
        border-width: 3px !important; 
        }
        b.r8, b.r5{
        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: 16px;
        top: 5px;
        left: 5px;
         }
     
        #main-corner-rt, #top-corner-rt, #left-corner-rt{
        z-index: 20;
        position: absolute;
        float: right;
        width: 17px;
        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: 17px;}
        
        #left-corner-lt-contents{
        z-index: 21;
        position: absolute;
        float: left;
        left: 5px;
        width: 16px;
        }
        
        .r0,.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10, .r11, .r12, .r13, .r14, .r15, .r16 {
        display: block;
        height: 1px;
        overflow: hidden;
        font-size:1px;
        }
        .r16 { width: 16px;}
        .r15 { width: 15px;}
        .r14 { width: 14px;}
        .r13 { width: 13px;}
        .r12 { width: 12px;}
        .r11 { width: 11px;}
        .r10 { width: 10px;}
        .r9 { width:  9px;}
        .r8 { width:  8px;}
        .r7 { width:  7px;}
        .r6 { width:  6px;}
        .r5 { width:  5px;}
        .r4 { width:  4px;}
        .r3 { width:  3px;}
        .r2 { width:  2px;}
        .r1 { width:  1px;}
        .r0 { width:  0px;}
        
        /*    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;
        }
        
        /*highlight search words*/
        .searchword{
        background: yellow;
        }