/* 
        ILC LLC PageTemplate
        (CSS level 3) 
        Product Highlighted Navigation
        */

		  /* 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:  #f5f5f5; /*#FFE49F; #FAF2CE; *#FBCD75;#0F2A41;*/ 
                          font-family: 'Open Sans', 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; }

         /*.navmenu       {display: none; }  */
         
			/*.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;   
                      } 

/*********************************************************************************************/
/* Hamburger Menu */                        
/*********************************************************************************************/


/*.hamburger {
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 0.8em;
    margin-right: 0.3em;
    border-top: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #fff;
}*/



#hamburgermenu {
    position: relative;
    display: inline-block;
	 float: left;
	 top:2.51183em;
 	 left: 5%; /*.5em; */
    /*height: 1.5em;*/
    cursor: pointer;
    background-color: #f5f5f5;
    color: black;
    padding: .5em;
    /*padding-top: 2.5118em;*/    
    font-size: 1em;
    border: none;
}
#hamburger1,#hamburger2,#hamburger3 {
    width: 1.5625em;
    height: 0.25em;
    background-color: black;
    margin: .25em 0;
}
#hamburgertext {
    width: 2.1875em;
    /*height: 0.25em;*/
    background-color: #f5f5f5;
    margin: .375em 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* NAVIGATION  Organizational Style, Positioning and Size                                    */
/* (navigation elements used by hamburger)                                                   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/                              
		  /* Dropdown Content (Hidden by Default) */
        .navmenu      {
		                     display: none;
                           position: absolute;
                           clear: 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;
                           z-index: 1;
                           /*margin-bottom:1%;*/
                           /*padding-left:1%*/  
                         } 
                           
		  
		  .navmenu  ul	 { list-style-type: none; }
        .navmenu  li	 { padding-bottom:0.3125em; font-size: 0.8em; text-align: left;} /*padding:0.3125em 1.125em 0em;*/
        .navmenu  h2	 { color: #0F2A41; font-size: 1em; padding-top:0em; padding-bottom:0em; padding-left:1.125em; text-align:left; margin-bottom:0.5625em;}
        .navmenu  a   { text-decoration:none;  } /*Removes underline from links in left navigation tabs*/
        .navmenu  a:hover { background-color:#9CD6F3; text-decoration:underline; }
        .navmenu  a:active { background-color:#9CD6F3; }
        .navmenu  li a:hover:after{ content: " \00BB"; } /* adds an arrow to left naviagtion links*/
            
        .navmenu  .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;
                              }
        
        .navmenu  .hilighttab h2 { color:#800000;  }  /*#286090;*/
        .navmenu  .hilighttab h2:after{ content: " \00BB"; }
        .navmenu  .hilighttab a:hover{ background-color:#ddd; }  
        
		  .menu-header { text-align: left; 
		                 background: #000;
							  cursor: pointer;}
 		  .menu-header a { width: 100%; }
		  .menu-header a:hover { text-decoration: none;  background-color: rgba(0, 0, 0, 0.54);  }	   /**/
		  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
        /*.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }*/       
        .menu-header p   {  display: table-cell; 
    								 vertical-align: middle;
									 text-align: center;
									 color: rgba(255, 255, 255, 1);
 								  }
                                              
        .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: #f5f5f5;
                          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; 
                        }
        #MoreTab
                        { 
                          /*border-style:solid;*/
                          padding-top:1%;
                          background: #f5f5f5; 
                          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;
                          
                        }  
                                                          
 		  /* For some unimaginable reason this needs to after the class you wish to show in order for it to work. */	
		  .show          {display:block;}  /* Shows hamburger contents when added to element.*/

/*********************************************************************************************/
/* Banner graphic */                        
/*********************************************************************************************/
                        
        #headerimage  	{ padding: 0em; 
                          height: 7.1875em; /* 115px / 7.1875em banner image size */ 
                          margin:0em;  
                          float:none; 
								  display: inline; }  

/*********************************************************************************************/
/*  HEADER TABS - These are the tabs on the top right of the page.   */       
/*********************************************************************************************/
        
        #headertabs  	{ background-color: #f5f5f5;
                          overflow: hidden; 
                          /*padding-top: 2.51183em; 
                          padding-botom: 2.5118em; 
                          float: right; }*/
                          float: none;
                          display: block; 
                        }
        #headertabs ul      {     
                            min-width: 20em; 
                            margin: 0em;
                            padding-right: 0.3125em;
                            list-style-type: none;                                      
                         }
        #headertabs ul li    {  
                             
                             display: inline-block;  
                             background-color: #f5f5f5;
                             font-size: 1.0em;  
                             padding-top: 0.625em;
                             padding-right: 0.625em;
                             padding-left: 0.625em;
                             padding-bottom: 0.75em;
                             margin: 0.125em;
                             margin-bottom: 0em;
                          }
        #headertabs ul li a   {  
                             text-decoration: none;  
                             color: #4d4d4d;
                             padding-top: 0.625em; 
                             padding-right: 0.625em;
                             padding-left: 0.625em;
                             padding-bottom: 0.25em;                          
                           }
        #headertabs ul li:hover,#header ul li a:hover
                           { 
                             background-color: #ddd;
                           }
       
        #headertabs ul li a.active {
                                  background-color: #C70039;
                                  color: white;
                                }  
        #headertabs ul li.active {
                                  background-color: #C70039;
                                  color: white;
                             }   
      
      

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* WRAPPER - Organizational Style, Positioning and Size                                      */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/                     
 
        #wrapper		{ 
                          /*border-style:solid;*/  
                          clear:both;
								  margin: auto;
                          width: 90%;
                          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; }*/   


        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 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-left: 0em;
                           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;*/
                         }  
        #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: #f5f5f5;  
                           padding: 0.625em; 
                           margin-left: 1.25em; 
                           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;  
									/*border: 0.1875em solid #ddd;*/  /*0.1875*/
                           border-style:hidden;	   /*solid*/
                         } 
		  .wb_red          { color: #4d4d4d;}   /*#b30000;*/
		  #wb_news small	 { font-size: 0.75em;  } 
        #wb_news p       { text-justify: auto; color: #286090;}
        #wb_news h3      { text-align: center; }
        
        #wb_news img     { padding:0em 0em 0em 0em; margin-top:-1em; margin-bottom:0em;}
        
        #wb_news button  { 
                           background: #f5f5f5;
                           margin-right: auto; 
                           margin-left: auto; 
                           padding: 0.5em;
                           width: 100%;
                           color: #4d4d4d;
                           font-size: 1.875em;
                           border-style:hidden;
                          }
       #wb_news button:hover { background-color:#ddd; }
       /*#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";}

      	/* Square Styles */ 
   .squareCC {
      width:18.75em;
      min-width:18.75em;
      margin-left:auto;
      margin-right:auto; 
      text-align:left;  
      /*border: 0.0625em solid #CCCCCC;*/
    }
    .squareCC legend {
       font-weight:bold;         
       color:#286090;
    }
	.sq-input {
      border: 1px solid #CCCCCC;
      margin-bottom: 10px;
      padding: 1px;
		/*margin-left:auto;*/
      /*margin-right:auto;*/ 
      /*text-align:left;*/                      
 
    }
    .sq-input--focus {
      outline-width: 3px;
      outline-color: #70ACE9;
      outline-offset: -1px;
      outline-style: auto;
    }
    .sq-input--error {
      outline-width: 3px;
      outline-color: #FF9393;
      outline-offset: 0px;
      outline-style: auto;
    }

    #card-nonce-submit {
      text-align: center;
    }

      /*Receipt Stuff*/
      .container {
                  display: block !important;
                  max-width: 600px !important;
                  margin: 0 auto !important;
                  /* makes it centered */
                  clear: both !important;
      }

	   .content {
		  max-width: 600px;
		  margin: 0 auto;
		  display: block;
		  padding: 20px;
		}
		
		.last {
		  margin-bottom: 0;
		}
		
		.first {
		  margin-top: 0;
		}
		
		.aligncenter {
		  text-align: center;
		}
		.aligncenter h1 {
			color: #0F2A41;
         font-size: 3.1em;
       }
		
		.alignright {
		  text-align: right;
		}
		
		.alignleft {
		  text-align: left;
		}

      h3.alignleft {
        color: #0F2A41;
        font-size: 1.56em;
       }
		
       .clear {
		  clear: both;
		}
		
		.invoice {
		  margin: 40px auto;
		  text-align: left;
		  width: 80%;
		}
		.invoice td {
		  padding: 5px 0;
		}
		.invoice .invoice-items {
		  width: 100%;
		}
		.invoice .invoice-items td {
		  border-top: #eee 1px solid;
		}
		.invoice .invoice-items .total td {
		  border-top: 2px solid #333;
		  border-bottom: 2px solid #333;
		  font-weight: 700;
		}
	
		 .main {
		  background-color: #fff;
		  border: 1px solid #e9e9e9;
		  border-radius: 3px;
		}
		
		.content-wrap {
		  padding: 20px;
		}
		
		.content-block {
		  padding: 0 0 20px;
		}
		
       .header {
		  width: 100%;
		  margin-bottom: 20px;
		}
		
		.footer {
		  width: 100%;
		  clear: both;
		  color: #999;
		  padding: 20px;
		}
		.footer p, .footer a, .footer td {
		  color: #999;
		  font-size: 12px;
		}