/* Many styles do not inherit to a table and its contents from its parent object. 
   Among these are: font-size; font-weight; line-height; text-align; font-style; 
   font-variant.
*/



body {
      margin: 0px;
      padding: 0px;
      font:  normal    normal       normal       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #2B2B2B;
     }

pre {
      font-size: small; 
     }


#leftDIV1  { /* IE6 */
      wposition: relative;
      wposition: absolute;
      position: fixed;
      top: 250px;
      wtop: expression(document.body.scrollTop)+100;
      wtop: expression(document.body.scrollTop + 100 + 'px'); /* fung ej med !DOCTYPE */
      wtop: expression(document.getElementById('leftDIV').offsetParent.scrollTop + 'px'); /* OK med !DOCTYPE, document.recalc(true) behövs EJ*/
     }

#leftDIV  {
      position: fixed;
      top: 50px;
      width: 155px;
     }


i { 
      font:  italic    normal       normal       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #2B2B2B;
  }

b { 
      font:  normal    normal       bold       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #2B2B2B;
  }

em { 
      font:  italic    normal       bold       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #2B2B2B;
  }


#TTBAtable ul { 
      margin-left:20px;
      margin-right:0px;
      padding-right:0px;
      xcolor: red;
  }

#TTBAtable td { 
      xborder-left: none;
      xborder-right: none;
      xcolor: red;
  }

.specTable { 
      font:  italic    normal       bold       x-large                /normal               Verdana, sans-serif, "Times New Roman"; 
      color: #000000;
      border-top: 2px solid black ;
      border-bottom: 2px solid black ;
      border-left: 1px solid black ;
      border-right: 1px solid black ;
      border-collapse : collapse;
  }

.specTable caption { 
      xborder: 1px solid black ;
      xbackground-color: #b4b4ca;
      padding: 5px;
      text-align: left;
      font: normal    normal       bold       small                /normal               Verdana, sans-serif, "Times New Roman"; 
  }


.specTable thead { 
      xfont:  italic    normal       bold       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      color: #FFFFFF;
      background-color: #b4b4ca;
  }

.specTable th { 
      font:  normal    normal       bold       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      color: #FFFFFF;
      background-color: #b4b4ca;
      border-left: 1px solid #F0F0F0 ;
      border-right: 1px solid #F0F0F0 ;
      border-bottom: 1px solid black ;
      padding: 5px;
      text-align: left;
  }


.specTable td { 
      font:  normal    normal       normal       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #FFFFFF;
      xbackground-color: #b4b4ca;
      border-left: 1px solid #F0F0F0 ;
      border-right: 1px solid #F0F0F0 ;
      border-bottom: 1px solid #F0F0F0;
      padding-left: 5px;
      padding-right: 5px;
      text-align: left;
  }




/* http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp */

.XtopTable {
       /* FILTER: progid:DXImageTransform.Microsoft.Alpha( style=3,opacity=25,finishOpacity=100); */
       /* FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=100,finishX=0,startY=100,finishY=0); */
       /* filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1'); */
       filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#d0d8f6', gradientType='1');
       BACKGROUND-COLOR: skyblue;
}

.topTable {
       table-layout: fixed;
       background: transparent;
}

.topTD {
       background-color: #f0f0ff;
       /* FILTER: progid:DXImageTransform.Microsoft.Alpha( style=3,opacity=25,finishOpacity=100); */
       /* FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=100,finishX=0,startY=100,finishY=0); */
       /* filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1'); */
       filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#d0d8f6', gradientType='1');
       Xborder: 2px solid black;
       Xmargin: 10px;
       padding: 5px;
}

.leftTD {
       background-color: #f0f0ff;
       /* FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=100,finishX=0,startY=100,finishY=0); */
       filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FaFcFF', endColorStr='#d0d8f6', gradientType='0');
}

.logoText {
               font:  italic        normal          normal           10pt        /normal             Verdana, "Times New Roman"; 
               color: black;
               xbackground-color: yellow;
               margin-left: 2px;
             }


#logoTD {
               padding-bottom: 3px;
             }


#topHbar {
               background-color: white;
               filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d0d8f6', endColorStr='#FFFFFF', gradientType='1');
             }

#leftVbar1 {
               background-color: white;
               filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d0d8f6', endColorStr='#FFFFFF', gradientType='0');
   empty-cells: show;
             }

#leftVbar2 {
               xbackground-color: skyblue;
               background-color: #f0f0ff;
               filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F8FaFF', endColorStr='#d0d8f6', gradientType='0');
   empty-cells: show;
             }





/*
BODY { 
  color: black !important; 
  background: white !important;
}

* { 
  color: inherit !important; 
  background: transparent;
}
*/


/* This is a composite property that specifies up to six font values. The font-
   style, font-variant, and font-weight values may appear in any order before font-
   size. However, the font-size, line-height, and font-family properties must 
   appear in the order listed.

    font- [<-style>||<-variant> || -weight> ] ?<-size>              [ /<line-height> ]     ?<font-family>
   default=  normal    normal       normal       medium               /normal               "Times New Roman";

             normal    normal       normal       xx-small             /normal               serif
             italic    small-caps   bold         x-small              /12.5cm mm in pt pc   sans-serif 
             oblique                bolder       small                /0.6em ex px          cursive
                                    lighter      medium               /120%                 fantasy
                                    100 to 900   large                                      monospace
                                                 x-large
                                                 xx-large                                   Times
                                                                                            Helvetica
                                                 larger                                     Zapf-Chancery
                                                 smaller                                    Western
                                                                                            "Courier New"
                                                 12.5cm mm in pt pc                         "Times New Roman"
                                                 
                                                 0.6em ex px
                                                 
                                                 80%
                                                 
                                                 
                                                     
                                                                
                                                                
                                                                
*/
example1 {
      font:  italic    small-caps   normal       120%                 /120%                 fantasy, "Times New Roman"; 
         }

/* 

DN .text
font:normal 11px verdana, arial, helvetica, sans-serif;color:#2B2B2B !important;line-height:15px; 
*/

xP {
      font:  normal    normal       normal       small                /normal               Verdana, sans-serif, "Times New Roman"; 
      xcolor: #2B2B2B;

   }               

H1, H2, H3, H4, H5, H6  { xmargin-top: 0.5em; margin-bottom: 0.5em; } /* em = font-height */


H1 {  font:  normal    normal       bold         xx-large              /normal              sans-serif, Verdana; }               
H2 {  font:  normal    normal       normal       xx-large              /normal              sans-serif, Verdana; }               
H3 {  font:  normal    normal       bold         x-large               /normal              sans-serif, Verdana; }               
H4 {  font:  normal    normal       normal       x-large               /normal              sans-serif, Verdana; }               
H5 {  font:  normal    normal       bold         large                 /normal              sans-serif, Verdana; }               
H6 {  font:  normal    normal       bold         medium                 /normal              sans-serif, Verdana; }               

xH2 {
      color: red;
      text-align: left;
      border: none;
   }               



.langFlag {
               border: none
             }

#selArrow {
               position: relative;
               top: 0px;
               right: -1px;
               margin-top: 4px;
               float: right;
             }



.layoutTable {
               table-layout: fixed;
             }

.layoutTable .leftTD {
               padding: 10px 10px 1px 10px;  /*  top right bottom left */
             }

.layoutTable .hBar1{background:#808080 url(../images/BSlogo008L.gif) no-repeat center left}
.layoutTable .hBar2{background:gray url(../images/BSlogo008R.gif) no-repeat center right}

.layoutTable .vBar1{background:gray url(../images/BSlogo008T.gif) no-repeat top center;
   empty-cells: show;
  }
.layoutTable .vBar2{background:gray url(../images/BSlogo008B.gif) no-repeat bottom center;
   empty-cells: show;
  }


.layoutTable .mainTD {
               padding: 10px 10px 10px 10px;
             }

#mainDIV {
               xoverflow: auto;
               xheight: 600px;
               xwidth: 600px;
             }

.swLang {
           xcolor: red;
           background-color: white;
           font-size: 10pt;
          }

.selFlag {
           border: 4px inset #e0e0e0;
           padding: 0px 0px 0px 0px;  /*  top right bottom left */
           margin: 1px 1px 1px 1px;  /*  top right bottom left */
          }

.gotoFlag {
           border: 4px outset #e0e0e0;
           padding: 0px 0px 0px 0px;  /*  top right bottom left */
           margin: 1px 5px 1px 1px;  /*  top right bottom left */
           position:relative;
           top:10px;
          }

.unSelFlag {
           border: 4px outset #e0e0e0;
           padding: 0px 0px 0px 0px;  /*  top right bottom left */
           margin: 1px 1px 1px 1px;  /*  top right bottom left */
          }

.unAvaFlag {
           border: 1px solid gray;
           padding: 0px 0px 0px 0px;  /*  top right bottom left */
           margin: 4px 4px 4px 4px;  /*  top right bottom left */
          }

.leftMenu {
           xfont-size: 10pt;
           xline-height: 14pt;
           font:  normal        normal          normal           small        /normal             sans-serif, Arial, "Times New Roman"; 
           xpadding-left: 10px;
/*           
           border: solid 3px;
           margin: 0px;
           padding: 5px;
*/           
          }

.mh1 {
           font:  normal        normal          bold           small        /normal             sans-serif, Arial, "Times New Roman"; 
           xborder: solid 3px;
           padding-top: 10px;
          }

.mh2 {
           border: solid 8px;
          }


/* .xleftMenu A:link    { xfont-weight:bold; xcolor:yellow }  /* *blue   - when the link has NOT been visited recently */
/* .xleftMenu A:visited { xfont-weight:bold; xcolor:red }     /* *purple - when the link HAS been visited recently */
/* .xleftMenu A:hover   { xfont-weight:bold; xcolor:blue; border:2px solid gray; }    /* *none   - when the user hovers the mouse pointer over the link */
/* .xleftMenu A:active  { xfont-weight:bold; xcolor:green }   /* *none   - when the link is engaged or active, but is not yet complete */

.leftMenu A {
             width:100%;
             color:black;
             background-color: inherit;
             text-decoration: none;
            }

/*
             xbackground-color: #DDD;  / * gray * /
             xtext-decoration: line-through;
             xtext-decoration: line-through;
             xbackground-color: #DDD;  / * gray * /
             xborder:2px solid yellow;             
             xfont-weight:bold; xcolor:blue;
             xbackground-color: yellow;
             xfont-weight:bold; xcolor:blue;
*/

.leftMenu A.selLink   {
             width:100%;
             color: inherit; 
             xbackground-color: yellow;
             background-color: white;
             cursor: default;
             text-decoration: none;
            }

.leftMenu SPAN.selLink   {
             width:100%;
             xbackground-color: yellow;
             background-color: white;
             cursor: default;
             text-decoration: none;
             color: blue;
            }

.leftMenu SPAN.newMenu {
           color: red;
           background-color: inherit;
           font:  normal normal bold small sans-serif, Verdana ; 
           xmargin-left:10px;             
          }

.leftMenu A:hover   {
             color: inherit; 
             background-color: #DDD ;  /* gray */
           }

.leftMenu A.selLink:hover {
             color: inherit; 
             background-color: #DDD ;  /* gray */
           }

/* used in gallery */
.picThumb {
           float: left;
           margin: 10px;
           width: 150px;
           height: 120px;
/*           
           border: solid 1px blue;
*/           
         }

.custTab {
               border-collapse: collapse;
            }

.custTab TR TD {
              border-top: solid 1px gray;
              border-bottom: solid 1px gray;
              padding: 10px;
            }

/*

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=3,opacity=25,finishOpacity=100); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue"><IMG id=oImg style="MARGIN: 8px" src="fruit.gif" align=left>
<DIV id=imgObjText><BR>The image, dark red text, and sky blue background make up the content of the filtered SPAN.</DIV></SPAN>

FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); 

*/