/* 
        Wilson WindowWare PageTemplate
        (CSS level 3) 
        Product Highlighted Navigation
        Deana Falk 2014.03.11
        */

		  /* COPY THIS CSS TO COMMERCE AND HEMLOCK */


       
       /* SIZING NOTES
          1em = 12pt = 16px = 100%
          To avoid the resizing problem with older versions of Internet Explorer, many developers use em instead of pixels. The em size unit is recommended by the W3C.
          1em is equal to the current font size. The default text size in browsers is 16px/12pt. So, the default size of 1em is 16px/12pt.
          The size can be calculated from pixels to em using this formula: pixels/16=em
          50px/16=3.1em 
          30px/16=1.875em 
          20px/16=1.25em
          11px/16=0.68em
        */
        
        /* COLOR NOTES
        
        White = FFFFFF           ; Body background
        Black = 000000           ; H1
        PaleYellow = FAF2CE      ; HTML main background
        DarkRed = 800000         ; Selected tab H2 title
        BlackBlue = 0F2A41       ; Anchors, H2
        Blue = 286090            ; H3
        MediumBlue = 7EB3E0      ; Unselected Tabs
        LightBlue = 9CD6F3       ; Selected tab and borders.
        
        
        bckup_BlackBlue = 0F2A41
        bckup_Mustard = FBCD75
        bckup_DarkBlue = 286090
        bckup_LightBlue = 5F9BCF
        bckup_ExtraLightBlue = 84BBEB
        bckup_DarkRed = 800000

        OrigDarkRed = 800000
        OrigDarkBlue = 004080
        OrigLightBlue = 8080FF
        OrigExtraLightBlue = ABB7FF
        
        */
                
        /* TAB IDS
        #ProdTab
        #TechTab
        #OrdTab
        #ProdInfoTab
        #MoreTab
        <div id="ProdTab" class="hilighttab">  USED TO HIGHTLIGHT A TAB 
        */
        
        /* border-radius:top left, top right, bottom right, bottom left */
        /* margin: 0em 1.25em 0em 1.25em;  top, right, bottom, left */
 
 
       @import "_normalize.css";
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* General Style, Positioning and Size                                                       */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        html 		   {  
        
                          background-color: #FFE49F;/* #FAF2CE; *#FBCD75;#0F2A41;*/
                          font-family: sans-serif;
                          font-size: 1em;   
                          /*Gradient Background http://www.css3factory.com/linear-gradients/ 
                          background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.16, #286090),color-stop(1, #9CD6F3));
                          background-image: -o-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -moz-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -webkit-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -ms-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: linear-gradient(to top, #286090 16%, #9CD6F3 100%); 
                          */
                        }   
        
        
		body 			{ 
                          color: #000000; 
                          margin: 0em; 
                          font-family: Verdana, Arial, Helvetica, sans-serif; 
                          font-size: 1.0em; 
                          alignment-adjust: auto;  
                        } 
        a				{ color: #0F2A41; }  
        h1              { font-size: 3.1em; color: #FFFFFF; text-align: center; } 
        h2              { font-size: 1.875em; color: #0F2A41; } 
        h3              { font-size: 1.56em; color: #286090; text-align: left; }
        /*h3 a            { color:#0F2A41; }*/ 
        h4, legend              { font-weight: bolder; }
		
        /*a:hover,a:active{ background-color:none;}*/ /*#9CD6F3;*/
		p				{ padding-left: 1.25em; }
              
        hr              { 
                          border: 0em;  
                          background-color: #286090; 
                          height: 0.2em; 
                          margin: 2em 2em 2em 2em; 
                        }  
        pre             {  
                          margin-left: 2.5em;
                          white-space: pre;
                          white-space: pre-line;      /*  css-3 */
                          white-space: -moz-pre-line;  /* Mozilla, since 1999 */
                          white-space: -pre-line;      /* Opera 4-6 */
                          white-space: -o-pre-line;    /* Opera 7 */
                          word-wrap: break-word;       /* Internet Explorer 5.5+ */
                        }
         sup            { font-size: 0.68em; } 
         
         img.autoresize { max-width: 100%; height: auto; width: auto } /* autoresize image trick */        
         img.centered   { display: block; margin-left: auto; margin-right: auto } /* center an image trick */ 
         /*img.centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}*/
                  
         .floatright    { margin-top: 1%; margin-right: 2%; margin-bottom: 1%; margin-left: 2%; float: right; } /* mostly used for images */
         .floatleft     { margin-top: 1%; margin-right: 2%; margin-bottom: 1%; margin-left: 2%; float: left; }  /* mostly used for images */
         
   
         
         .left          { text-align: left; }
         .center        { text-align: center; }
         .right         { text-align: right; }
         /*.small         { font-size: 0.68em;  }*/
         .small         { margin-left: 1em; font-size: 0.68em;  }
         .medium        { font-size: 0.8em; }

         .indent        { margin-left: 1.875em; margin-right: auto; }   
 
         .preformatted  { font-family: monospace; white-space: pre; }

          /*.rounded-corners{ width:15.625em; 
          height:15.625em; 
          padding:0.625em; 
          border-radius: 0.625em 0.625em 0.625em 0.625em; 
          -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
          -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
          -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em;
          -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em; }
          */
          
          
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* CONTAINER - General Style, Positioning and Size                                           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

        #container		{ 
                          width: 100%;
                          min-width: 65em; 
                          /*left:1%;
                          right:1%;*/
                          height: 100%;                           
                          margin-left: 0em; 
                          padding: 0em 0em 0em 0em;
                        }
                        
             

         
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* HEADER - Organizational Style, Positioning and Size                                       */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

		#header			{ 

                          background: inherit; 
                          text-align: center;
                          /*min-width: 56.25em;*/ 
                          /*border-style:solid;*/
                          /*Gradient Background http://www.css3factory.com/linear-gradients/ 
                          background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.16, #286090),color-stop(1, #9CD6F3));
                          background-image: -o-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -moz-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -webkit-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: -ms-linear-gradient(top, #286090 16%, #9CD6F3 100%);
                          background-image: linear-gradient(to top, #286090 16%, #9CD6F3 100%);
                          */ 
                          
                        } 
                        
        #headerimage  	{ padding: 0em; 
                          height: 7.1875em; /* 115px / 7.1875em banner image size */ 
                          margin:0em;  
                          float:left; }
        #headertabs  	{ 
                          padding-top: 5.02375em;/* 80.38px / 5.02375em offset based on banner image height in headerimage */
                          float:right; }
                        
		/*#header h1  	{ color: #FFFFFF; padding: 0em 1.125em 0em; }*/
		/*#header p		{ color: #7EB3E0; font-size: 1.25em; font-weight: bold; text-align:center; } */
             
        
        /*  HEADER TABS - These are the tabs on the top right of the page.   */       
        #header ul      {     
                            min-width: 25em; 
                            margin: 0em;
                            padding-right: 0.3125em;
                            list-style-type: none;                                      
                         }
        #header ul li    {  
                             
                             display: inline-block;  
                             *display: inline;
                             *zoom: 1;
                             background-color: #286090;
                             font-size: 0.8em;  
                             padding-top: 0.625em;
                             padding-right: 0.625em;
                             padding-left: 0.625em;
                             padding-bottom: 0.75em;
                             margin: 0.125em;
                             margin-bottom: 0em;
                             
                             border-radius: 0.625em 0.625em 0em 0em;
                             -ms-border-radius: 0.625em 0.625em 0em 0em;
                             -moz-border-radius: 0.625em 0.625em 0em 0em;
                             -webkit-border-radius: 0.625em 0.625em 0em 0em;
                             -khtml-border-radius: 0.625em 0.625em 0em 0em;
                          }
        #header ul li a   {  
                             text-decoration: none;  
                             color: #FFFFFF;
                             padding-top: 0.625em; 
                             padding-right: 0.625em;
                             padding-left: 0.625em;
                             padding-bottom: 0.25em;                          
                           }
        #header ul li:hover,#header ul li a:hover
                           { 
                             background-color: #9CD6F3;
                             border-radius: 0.625em 0.625em 0em 0em;
                             -ms-border-radius: 0.625em 0.625em 0em 0em;
                             -moz-border-radius: 0.625em 0.625em 0em 0em;
                             -webkit-border-radius: 0.625em 0.625em 0em 0em;
                             -khtml-border-radius: 0.625em 0.625em 0em 0em; 
                             }
       
                       
 
      
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* WRAPPER - Organizational Style, Positioning and Size                                      */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/                     
 
        #wrapper		{ 
                          /*border-style:solid;*/  
                          clear:both;
                          width: 100%;
                          height:100%;
                          /*min-width: 56.25em;*/
                          min-height: 62.5em;
                          /*margin:0 0 0em;*/ 
                          /*padding:0 0 0em;*/ 
                          padding-bottom:1.25em; 
                          border-bottom: 0.18753m solid #9CD6F3;

                        }/* margin:0 20 0 1.25em; padding: 0 0 0 1.25em; border-style:solid; }*/   
                        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* NAVIGATION  Organizational Style, Positioning and Size                                    */
/* (navigation elements used in raw web pages)                                               */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/                              

        #navigation      {
                           float: left;
                           width: 13.125em; /* You must also change #content margin-left to match this value*/
                           min-width: 12.5em; 
                           margin-left: 0em;
                           margin-right: 0em;  
                           text-justify: auto; 
                           /*margin-bottom:1%;*/
                           /*padding-left:1%*/  
                           } 
                           
		#navigation ul	 { list-style-type: none; }
        #navigation li	 { padding-bottom:0.3125em; font-size: 0.8em; } /*padding:0.3125em 1.125em 0em;*/
        #navigation h2	 { color: #0F2A41; font-size: 1em; padding-top:0em; padding-bottom:0em; padding-left:1.125em; text-align:left; margin-bottom:0.5625em;}
        #navigation a    { text-decoration:none;  } /*Removes underline from links in left navigation tabs*/
        #navigation a:hover { background-color:#9CD6F3; text-decoration:underline; }
        #navigation li a:hover:after{ content: " \00BB"; } /* adds an arrow to left naviagtion links*/
        


       /* #navigation a:link, #navigation a:visited,#navigation a:hover
        {
        
        background-color: #9CD6F3;
        color: #005596; 
        font-weight:bold;
        background: transparent url(images/down_arrow2.png) no-repeat center bottom;
            margin: 0;
        }
        */
 
        
        #navigation .hilighttab     
                         { 
                          background: #9CD6F3; 
                          text-justify: auto;

                          border-top: 0.1875em solid #9CD6F3;
                          border-right: 0.1875em solid #9CD6F3;
                          border-bottom: 0.0625em solid #5F9BCF;
                          border-left: 0.1875em solid #9CD6F3;
                         }
        
        #navigation .hilighttab h2 { color:#800000;  }  /*#286090;*/
        #navigation .hilighttab h2:after{ content: " \00BB"; }
        #navigation .hilighttab a:hover{ background-color:#7EB3E0; }  
                                                 
        .nav_header a    { color: #0F2A41; text-align:left; }
        .nav_header p	 { margin:1% ; padding: 0em 0.5625em 0.5625em; } 
        .nav_header img	 { margin:1% ; padding: 0em 0.5625em 0.5625em; } 
        

             
        #HomeTab,#ProdTab,#TechTab,#OrdTab,#ProdInfoTab
                        { 
                          /*border-style:solid;*/
                          margin: 0 0 0em;
                          padding-top:1%;
                          background: #7EB3E0;
                          text-justify: auto;
                                               
                          border-top: 0.1875em solid #9CD6F3;
                          border-right: 0.1875em solid #9CD6F3;
                          border-bottom: 0.0625em solid #286090;
                          border-left: 0.1875em solid #7EB3E0; 
                                                                           
                          
                          /* I liked this look
                          border-top: 0.1875em solid #9CD6F3;
                          border-bottom: 0.0625em solid #286090;
                          border-right: 0.1875em solid #286090;
                          */

                          
                          
                          /*border-radius: 0.625em 0em 0em 0.625em;*/
                          /*http://css-tricks.com/almanac/properties/b/border-radius/*/  
                          -webkit-border-top-left-radius: 0.625em;
                          -webkit-border-top-right-radius: 0em;
                          -webkit-border-bottom-right-radius: 0em;
                          -webkit-border-bottom-left-radius: 0.625em;
                          
                          -moz-border-radius-topleft: 0.625em;
                          -moz-border-radius-topright: 0em;
                          -moz-border-radius-bottomright: 0em;
                          -moz-border-radius-bottomleft: 0.625em;
                          
                          border-top-left-radius: 0.625em;
                          border-top-right-radius: 0em;
                          border-bottom-right-radius: 0em;
                          border-bottom-left-radius: 0.625em;                       
                         }
        #MoreTab
                        { 
                          /*border-style:solid;*/
                          padding-top:1%;
                          background: #7EB3E0; 
                          text-justify: auto;
                          
                          border-top: 0.1875em solid #9CD6F3;
                          border-right: 0.1875em solid #9CD6F3;
                          border-bottom: 0.0625em solid #286090;
                          border-left: 0.1875em solid #7EB3E0;
                          
                          /*border-radius: 0.625em 0em 0em 0.625em;*/
                          /*http://css-tricks.com/almanac/properties/b/border-radius/*/  
                          -webkit-border-top-left-radius: 0.625em;
                          -webkit-border-top-right-radius: 0em;
                          -webkit-border-bottom-right-radius: 0.625em;
                          -webkit-border-bottom-left-radius: 0.625em;
                          
                          -moz-border-radius-topleft: 0.625em;
                          -moz-border-radius-topright: 0em;
                          -moz-border-radius-bottomright: 0.625em;
                          -moz-border-radius-bottomleft: 0.625em;
                          
                          border-top-left-radius: 0.625em;
                          border-top-right-radius: 0em;
                          border-bottom-right-radius: 0.625em;
                          border-bottom-left-radius: 0.625em;                       
                         } 
                                                          
 
        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* CONTENT - Organizational Style, Positioning and Size                                      */
/* (raw web page content goes here)                                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/      

        #content		 { 
                          height: 100%;
                           /*max-width: 82%;*/
                           min-width: 34.375em;
                           /*min-height: 60em;*/
                           margin-left: 13.125em; /*this must match the navigation width*/
                           margin-right: 0em; 
                           margin-bottom: 1%;                         
                           padding-top: 1.0625em;
                           padding-right: 1.0625em;
                           padding-bottom: 1.0625em;
                           padding-left: 1.0625em;  
                           background: #FFFFFF; 
                           border: 0.1875em solid #286090;
                           /*border-left:hidden;*/
                           border-radius: 0em 0.625em 0.625em 0.625em;
                           -ms-border-radius: 0em 0.625em 0.625em 0.625em; 
                           -moz-border-radius: 0em 0.625em 0.625em 0.625em; 
                           -webkit-border-radius: 0em 0.625em 0.625em 0.625em; 
                           -khtml-border-radius: 0em 0.625em 0.625em 0.625em;                                                   
                         }  
        #content p       { padding-left: 1.25em; padding-right: 1.25em;  text-justify: auto; }
        .contentindent	 { padding-left: 2.5em; padding-right: 1.25em;}
        /*#content a:hover{ background-color:#FFFFFF; }*/   

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* WB_NEWS - Organizational Style, Positioning and Size                                      */
/* ( Contains WinBatch News Items )                                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
                                                   
		#wb_news		 { 
                           float: right; 
                           width: 10%;
                           height: 10%;
                           min-width: 20em; 
                           background: #9CD6F3;  
                           border-radius: 0.625em 0.625em 0.625em 0.625em;
                           -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em;  
                           padding: 0.625em; 
                           margin-left: 1.25em; 
                         } 
		#wb_news small	 { font-size: 0.68em;  } 
        #wb_news p       { text-justify: auto; }
        #wb_news h3      { text-align: center; }
        
        #wb_news img     { padding:0em 0em 0em 0em; margin-top:-1em; margin-bottom:0em;}
        
        #wb_news button  { 
                           background: #9CD6F3;
                           margin-right: auto; 
                           margin-left: auto; 
                           padding: 0.5em;
                           width: 100%;
                           color:#FFFFFF;
                           font-size: 1.875em;
                           border-style:hidden;
                           border-radius: 0.625em 0.625em 0.625em 0.625em;
                           -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em;  
                          }
       #wb_news button:hover { background-color:#7EB3E0; }
       /*#wb_news button:after { content: "\00BB"; }*/
  


 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* FOOTER - Organizational Style, Positioning and Size                                       */
/* ( Contains WinBatch News Items )                                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/        
 
		#footer			{ color:#286090; background: inherit;  clear: both; width: 100%; } 
		#footer a		{ text-decoration:none; }
        #footer a:hover	{ text-decoration:underline; }
		/*#footer	p		{ color: #7EB3E0; }/*{ color: #7EB3E0; margin: 0; padding: 0 1.125em 0.625em; }*/
		#footer ul		{ list-style: none; margin: 0 1.125em 0.375em; padding: 0.625em 0em 0.375em; }
		#footer li		{ display: inline; padding-right: 0.3125em; } 


        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* IN PAGE Elements ( Elements, Style, Positioning and Size used in raw web pages)           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/       
        
    /* -----------------------------------------------------------------------------------*/
    /* LISTS - Styles, Positioning and Size                                               */
    /* -----------------------------------------------------------------------------------*/ 
        
        /*  inpagelinks                                                                       */
        /*  (used in hints.htm and filenotfound.htm)                                          */
        /*  bulleted list using arrows ( arrow image is 20x20 pixels )                        */ 
        #inpagelinks ul    {
                              margin: 1.25em; padding: 0em;
                              list-style-type: none;
                           }
        #inpagelinks ul li {
                              margin: 0em; padding: 0em;
                              background: url('Images/rightpointer.png') no-repeat 0 0;
                              padding-left:1.875em; /*calculate in size of bullet image*/
                              padding-bottom:0.3125em;  
                              min-height:1.25em;   /*calculate in size of bullet image*/
                           }
               
 
        /*  navilinks                                                                       */
        /*  (used in download.htm,  products.htm and resellers.htm)                         */
        /*  inline list                                                                     */ 
        #navilinks         { 
                              list-style-type: none; 
                              text-align: center; 
                              width:100%;
                              min-width: 31.25em;
                           }                
        #navilinks ul li   { 
                               
                              display:inline-block;/*inline-block; Nicely wraps the data*/ 
                              *display: inline;
                              *zoom: 1;
                              padding:0.3125em;  /*spaces around each element*/
                              margin-top:0.3125em;
                              white-space: nowrap; 
                           }
        #navilinks ul li a { 
                             text-decoration: none; 
                             color: #fff; 
                             background-color: #286090; 
                             padding:0.3125em;
                             border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           }
        #navilinks ul li a:hover { color: #fff; background-color: #7EB3E0; } 
        
   
        
       
   /* -----------------------------------------------------------------------------------*/
   /* TABLES - Styles, Positioning and Size                                               */
   /* -----------------------------------------------------------------------------------*/
        
        /*  wwwtable                                                                          */
        /*  (used in hints.htm, minrequirements.htm and quickstart.htm)                                  */
        .wwwtable
                    {
                    width:85%;
                    border-collapse:collapse;
                    margin-left:auto;
                    margin-right:auto;                       
                    }
        .wwwtable td
                    {
                    font-size:1em;
                    border:0.0625em solid #286090;
                    padding:0.1875em 0.4375em 0.1875em 0.4375em;
                    }
        .wwwtable th 
                    {
                    font-size:1.1em;
                    text-align:center;
                    padding-top:0.3125em;
                    padding-bottom:0.25em;
                    padding-left:0.25em;
                    border:0.0625em solid #ffffff;
                    background-color:#286090;
                    color:#ffffff;
                    }
        .wwwtable tr.alt td 
                    {
                    color:#000000;
                    background-color:#9CD6F3;
                    }

        /*  downloadtable                                                                          */
        /*  ( used in download.htm )                                                               */           
                          
        .downloadtable      { width:100%; padding-left:0.625em;  }
        .downloadtable .zipinfo { font-family:Courier; color:#0F2A41 }
        
        .downloadtable td   
                            {   
                              font-size:1em; 
                              border:0;
                              border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                            }
        .downloadtable td.title       
                            {  width:15%; min-width:15%; color:#0F2A41; background-color:#ffffff; text-align:center; font-weight:bold;}
        .downloadtable td.description 
                            { background-color:#7EB3E0; padding: 0.3125em 0.625em 0.3125em 0.625em;}
        .downloadtable td.protocol    
                            { width: 3.125em; text-align:right; color:#000000; background-color:#9CD6F3; padding: 0.3125em 0.625em 0.3125em 0.625em;                                       
                            -webkit-border-top-right-radius: 0em;
                            -webkit-border-bottom-right-radius: 0em;
                            -moz-border-radius-topright: 0em;
                            -moz-border-radius-bottomright: 0em;
                            border-top-right-radius: 0em;
                            border-bottom-right-radius: 0em;
                            }
        .downloadtable td.url         
                            { font-family: Courier; color:#000000; background-color:#9CD6F3; padding: 0.3125em 0.625em 0.3125em 0.625em;
                            -webkit-border-top-left-radius: 0em;
                            -webkit-border-bottom-left-radius: 0em;
                            -moz-border-radius-topleft: 0em;
                            -moz-border-radius-bottomleft: 0em;
                            border-top-left-radius: 0em;
                            border-bottom-left-radius: 0em;
                            }
                            
        .downloadtable td.blank       
                            {  background-color:#ffffff; padding-top:0.625em;padding-bottom:0.625em;}
                            
        /*  resellertable                                                                          */
        /*  ( used in functions.htm, resellers.htm and userlinks.htm )                                                               */ 
        
        .resellertable {
                        	margin:0em;
                            padding:0em;
                        	width:100%;
                        	}
       .resellertable table{
                            border-collapse: collapse;
                            border-spacing: 0;
                        	width:100%;
                        	height:100%;
                        	margin:0em;padding:0em;
                            }
       .resellertable tr:nth-child(odd){ background-color:#9CD6F3; }
       .resellertable tr:nth-child(even) { background-color:#7EB3E0; }
       .resellertable td{
       
                           vertical-align:text-top; /*necessary for functions.html */
                        	/*border:0.0625em solid #000000;*/
                        	text-align:left;
                        	padding:0.625em;
                        	color:#000000;
                            border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                           -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em;
                        }
        .resellertable td.country { text-align:right; font-weight:bold; width:9.375em;  }
        
                                     

                          
        /*  commerceformtable                                                                      */
        /*  (used in commerce webpages: baddress)                                                  */
        .commerceformtable   {
                            /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
                            width:70%;
                            min-width:18.75em;
                            margin-left:1.25em;
                            margin-right:1.25em; 
                            text-align:left;
                            border-collapse:collapse;    
                        }
        .commerceformtable th
                        {
                          text-align:center;
                          vertical-align:text-top;  
                        }
        .commerceformtable td
                        {  border:0.0625em solid #286090; padding:0.3125em 0.625em 0.3125em 0.625em;  }
                  
        .commerceformtable td.qty       
                            { text-align:center; font-weight:bold; width:15%; min-width:4.6875em; }
        .commerceformtable td.description 
                            { text-align:left; font-weight:bold; width:75%; min-width:9.375em; }
        .commerceformtable td.price    
                            { text-align:right; font-family: monospace; white-space: pre; width:15%; min-width:4.6875em; }
        .commerceformtable td.priceleft    
                            { text-align:left; font-family: monospace; white-space: pre; width:15%; min-width:4.6875em; }


        /*  commerceaddrtable                                                                      */
        /*  (used in commerce webpages: baddress)                                                  */
        .commerceaddrtable   {
                                  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                                  width:40em;
                                  min-width:30em;
                                  margin-left:1.25em;
                                  margin-right:1.25em; 
                                  
                                  vertical-align: text-top;                      
                              }
        .commerceaddrtable th {   width:160px; text-align: left;  }
        .commerceaddrtable th.required { color:#800000; }

        .commerceaddrtable input, textarea {
                                  width : 100%;
                                  margin: 0;
                                  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
                                  -moz-box-sizing: border-box; /* For all Gecko based browsers */
                                   box-sizing: border-box;
         }



        /*  commerceaddrtableold                                                                      */
        /*  (used in commerce webpages: baddress)                                                  */
        .commerceaddrtable    {
                                  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                                  width:70%;
                                  min-width:18.75em;
                                  margin-left:1.25em;
                                  margin-right:1.25em; 
                                  text-align:left;                      
                              }
        .commerceaddrtable th
                              {
                                  text-align:left;
                                  vertical-align:text-top;  
                              }
        .commerceaddrtable th.required
                              { 
                                  color:#800000;
                                  text-align:left;
                                  vertical-align:text-top;  
                              }                              
        .commerceaddrtable td {  }


        


        /*  commerceCCtable                                                                      */
        /*  (used in commerce webpages: ccreditcard)                                                  */
        .commerceCCtable    {
                                  /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
                                  width:18.75em;
                                  min-width:18.75em;
                                  margin-left:auto;
                                  margin-right:auto; 
                                  text-align:left;                      
                              }
        .commerceCCtable th
                              {
                                  text-align:left;
                                  vertical-align:text-top;  
                              }
        .commerceCCtable td {  }
                  
 
	     /*  commercedownloadtable                                                                      */
        /*  (used in commerce webpages: compilers\afrontpage.htm )                                      */
        .commercedownloadtable    {
                                  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                                  /*width:70%;
                                  min-width:18.75em;
                                  margin-left:1.25em;
                                  margin-right:1.25em; 
                                  text-align:left;
                      				 */
                              }
        .commercedownloadtable th
                              {
                                  text-align:left;
                                  vertical-align:text-top;  
                              }
        .commercedownloadtable th.required
                              { 
                                  color:#800000;
                                  text-align:left;
                                  vertical-align:text-top;  
                              }                              
        .commercedownloadtable td {  }
     
    /*  wwwForm                                                              */
    /*  (used in commerce webpages: afrontpage)                               */ 
		.wwwForm fieldset
                             {
                                      
                                      width: 50%;
                                      min-width:50em;
                                      margin-left: auto;
                                      margin-right: auto;
                                      padding: 0.625em;
                                      color:#7EB3E0;
                             }

      .wwwForm legend
                             {
                                      font-weight:bold;         
                                      color:#286090;
                             }

      .wwwForm input { display: block; }
  
        /*  printablecontent                                                                              */
        /*  (used in commerce webpages: purchaserequest)                                                  */  
        #printablecontent { 
                             height:50%;
                             min-width:34.375em;
                             margin:0.625em 0.625em 0.625em 0.625em;
                             padding:1.25em 1.25em 1.25em 1.25em;
                             background: #FFFFFF; 
                             border: 0.1875em solid #9CD6F3;
                             border-radius: 0.625em 0.625em 0.625em 0.625em;
                             -ms-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -moz-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -webkit-border-radius: 0.625em 0.625em 0.625em 0.625em; 
                             -khtml-border-radius: 0.625em 0.625em 0.625em 0.625em;                                                   
                            }  
                            
                            
       /* Hide email*/
      e_addr::after {content: attr(data-domain);}
      e_addr::before {content: attr(data-user) "\0040";}