/* -- Layout ----------------------------------------------------------- */
/*
font-family: "Courier New", Courier, monospace;
font-family: "Lucida Console", Monaco, monospace;
font-family: Impact, Charcoal, sans-serif;
font-family: "Arial Black", Gadget, sans-serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-family: "Times New Roman", Times, serif;
font-family: Georgia, Serif;
font-family: Verdana, Geneva, sans-serif;
font-family: "Arial Narrow", sans-serif;
font-family: Arial, Helvetica, sans-serif; 
font-family: Georgia, Palatino, serif;
font-family: Arial, Helvetica, sans-serif; 
font-family: Cabin, Verdana, sans-serif;
*/

* { box-sizing: border-box; }

body { font-family: Cabin, Verdana, sans-serif;
  padding:0; margin:0; background:#f8f8f8; color:#555;
  font-size:110%; line-height:120%; }

img { width: 100%; height: auto; display: block;  }


#all { padding: 2% 8%; }

/* Header */

/*#header2 { position:relative; width:100%; 
          background-image:url(../pics/Chipset1.jpg);
          background-repeat:no-repeat; height:13em; clear:both; }
*/
/* background-size:100%; */

/* Footer */

#footer { position: relative; width:100%; background:#ccc; 
          background-image:url(../pics/metal.jpg);
          color:#333; font-weight: normal; 
          padding: 2% 8% 2% 8% ; overflow:hidden; 
          border: 0px solid #0f0; }

.fcol1 { float: left; width: 50%; text-align: left; 
         font-size:90%; border: 0px solid #cc7; }

.fcol2 { float: right; text-align: right; width: 46%; 
         border: 0px solid #c7c;
         font-size:90%;  }

.smlbox { float: left; margin: 0% 0% 0% 0% ; border: 0px solid #77c;  }

/* Body */

.col-container { overflow:hidden; border: 0px solid #cc7; }

.col1 { float: left; width: 22%; border: 0px solid #c7c; margin-top: 0%; 
 }

.col2 { float: right; width: 72%; border: 0px solid #7cc; margin-top: 1%;  }

.longbox {
    display: inline-block; margin: 1% 0% ; padding:2% 2%; padding-left: 2%; width: 100%;
    border: 1px solid #eee; background-color: #fff; 
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.corner {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
     border-collapse:separate; /* to prevent border-collapse:collapse being inherited */
  }

.rbox {
    display: inline-block; margin: 6% 2% ; padding: 12% 4% 0% 4% ; width: 96%;
    border: 1px solid #ccc; font-size:90%; text-align: center; 
    line-height: 1.4em;  background-color: #fcf4eb;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
     }

.middle { display: block; float:right; text-align: center; width: 100%; border: 0px solid #7cc;  }

.rbox a { border-bottom: 0px dotted #aaa; }
.rbox a:hover { font-size: 103.0%; border-bottom: 0px dotted #aaa; }

.epi { float: right ; text-align: right; padding: 0% 1% 3% 1% ;
       font-size: 90%; line-height: 1.2em; clear: both;
     }

.imgbox { float: right; margin: 0% 0% 0% 3% ; border: 0px solid #7cc;  }

.IPaddress { float: left ; padding-right: 2% ;  color:#e40; 
             font-weight: normal ; font-size:100% ; 
}

.button { border: 1px solid #fdc; 
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
          font-size:90%; background-color: #fcf4eb;
          padding: 4% 6% 4% 6% ; display: inline-block; width: 4em;
        } 

/*-------------------------------------------------------------------------*/

 /* Front page */

.frontpage { width: auto; margin: 0% ;  background:#f8f8f8; }

.frontpage img { padding-left:0px ; padding-right:0px ;
  padding-bottom:0px ; padding-top:0px ; }

/*-------------------------------------------------------------------------*/

div.blurb-container { overflow:hidden; }

div.blurb:first-of-type { margin-left:0% !important; }
div.blurb:last-of-type { margin-right:0% !important; }

div.blurb4:first-of-type { margin-left:0% !important; }
div.blurb4:last-of-type { margin-right:0% !important; }

div.blurb {
  width:32.0%; margin:2% 1%;
  background-color: #f4f4f4; border:1px solid #aaa;
  float:left; font-size:83%;
  border-collapse:separate; /* to prevent border-collapse:collapse being inherited */
  overflow:hidden;          /* to ensure h3 doesn't overlap the rounded corners */
}

div.blurb4 {
  width:23.0%; margin:2% 1%;
  background-color: #f4f4f4; border:1px solid #aaa;
  float:left; font-size:83%;
  border-collapse:separate; /* to prevent border-collapse:collapse being inherited */
  overflow:hidden;          /* to ensure h3 doesn't overlap the rounded corners */
  }

div.blurb h3, div.blurb4 h3 {
  margin-top:0; color:#fff;
  font-weight:bold; font-size:110%;
  background-color:#888; padding:2% 3%;
  }

div.blurb p, div.blurb4 p { padding:3% 5%; line-height:170%; }
div.blurb ul, div.blurb4 ul { padding-left:20px; }
div.blurb li, div.blurb4 li { line-height:130%; }

div.module-container { overflow:hidden; }
div.module:first-of-type { margin-left:0% !important; }
div.module:last-of-type { margin-right:0% !important; }
div.module {
  width:30.0%; margin:1% 2% ;
  float:left; font-size:85%;
  border-collapse:separate; /* to prevent border-collapse:collapse being inherited */
  overflow:hidden; /* to ensure the h3 doesn't overlap the rounded corners */
  }

div.module h3 { margin-top:0; color:#333; font-weight:bold; font-size:112%;
                background-color:#fff; }
div.module ul {  margin:0.2em 0.0em 0em 0.0em; }
div.module li { margin-left:0em; line-height:1.3em; padding-bottom: 0em;  } 

.query { text-align:right; font-size: 78% ; }
.formquery { line-height: 1em ; }
 
.left { float: left ; text-align: left; padding-left: 0px ;
         padding-right: 10px ; padding-bottom: 0px; padding-top: 10px; }

.right { float: right ; text-align: right; padding-left: 10px ;
    padding-right: 10px ; padding-bottom: 0px ; padding-top: 0px; }

#col4_table { font-size: 96% ; text-align:left; padding-left: 6px ;
  padding-right: 6px; }

.leftbox { float: left ; text-align: left; border: 1px dotted #aaa ; 
          background: #ffefdf ; margin-top: 0px; margin-right: 0px; padding-left: 7px ;
          padding-right: 7px ; padding-bottom: 10px; padding-top: 12px; font-size: 80% }

.qbox { color: #001 ; background: #fff ; text-align: left ; padding: 16px ; 
        padding-left: 24px; border: 0px solid #ddd ; font-size: 82% ;}

.box { color: #b15 ; background: #eee ; text-align: left ; padding: 16px ; 
  padding-left: 16px; border: 0px solid #ddd ; font-size: 98% ;}

.compact { font-size: 90% ;}
   
.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e7e7e7+100 */
  background: #f7f7f7; /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f7f7 0%,#e7e7e7 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7f7f7 0%,#e7e7e7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

/* ------- Responsive Grid  ---------------------------- */

* { box-sizing: border-box; } 

.row::after { content: ""; clear: both; display: table; }

[class*="col-"] { float: left; padding: 0 2% 0 2%; border: 0px solid #f00 ; }

/* For mobile phones: */
[class*="col-"] { width: 100%; }

    /* For tablets: */
@media only screen and (min-width: 600px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

    /* For desktop: */
@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

/* ----------------------------------------------*/