@charset 'UTF-8';
div.kbmain {
    display:block;
    margin:20px 30px 20px 30px;
    /*background-color:darkkhaki;*/
}
.kbpagetitle {
    display: block;
    font-weight: bold;
    font-family: 'HelveticaNeueW02-45Ligh';
    /*padding: 5px 10px 10px 10px;*/
    color: #595959;
    font-size: 220%;
    line-height: 130%;
    margin: 0px 0px 20px 0px;
    color: #0d6397;
    color: #595959;
}
ul.zone {
    display:inline-block;
    margin:0px 0px 0px 0px;
    list-style:none;
    width:100%;
    border-radius:5px;
}
ul.kbblock ul {
  list-style:none;
}
ul.kbblock >li {
    display:block;
    float:left;
    list-style:none;
    margin:0px 8px 8px 0px;
    width:270px;
 }
ul.kbblock {
    display: block;
    overflow: auto;
    list-style: none;
    text-align: left;
} 
.kbblock li.articlelink {
    font-size:100%;
    margin-top:30px;
    margin-bottom:30px;
    color:#595959;
}
    .kbblock li.articlelink a {
        color: #77c04d;
        color: #0d6397;
        color: #595959;
    }
.kbblock li.articlelink a:before {
    display:inline-block;
    margin-right:4px;
    content: url('images/sqkbfile.png');
}
.kbblock li.section {
    font-size:110%;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    background-color:#f5f5f5;
    margin:5px 5px 10px 5px;
    color:#595959;
    border-radius:5px;
}
.kbblock li.section a {
    text-decoration:none;
    font-weight:bold;
    color:#595959;
  
}
.kbblock li.section a:after {
    content:'→';
    margin-left:8px;
}
.kbblock  li.previewforward {
    font-size:100%;
    margin-left:10px;
    background:initial;
    border:initial;
}
.kbblock li.articlelink.previewforward a {
    text-decoration:none;
}
.kbblock li.section.previewforward {
    margin-left:10px;
    padding-top:1px;
    padding-bottom:1px;
}
.kbblock li.section.previewforward a {
    color:#77c04d;
}
.kbblock li.section.previewforward a:before {
    content:url('images/sqkbmoremark.png');
    margin-right:4px;
}
#kbnav {
    display:block;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:10px;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    background-color:#fff;
    margin:0px 0px 30px 0px;
    color:#595959;
    text-align:left;
    vertical-align:middle;
}
#kbnav:before {
    display:inline-block;
    content:url('images/redandgreeni.png');
    vertical-align:middle;
    margin-top:4px;
    margin-right:8px;
}
.kbnav {
    display:inline-block;
    font-size: 110%;
    width:90%;
    padding: 0;
    text-align: left;
}
.kbnav li {
    display: inline;
    list-style: none;
    padding-left:4px;
}
.kbnav li a {
    background: none;
    color: #77c04d;
    text-decoration: none;
}
.kbnav li:first-child {
    padding-left:0px;
}
.kbnav li:first-child a {
    padding-left:0px;
}
.kbnav li:after {
    content:"\00BB";
    margin-left:4px;
}
.kbnav li:last-child:after {
    content:none;
}
    .kbnav li:last-child {
        color: #0d6397;
        color: #595959;
    }
.kbnav li a:hover {
    color: #A4CA8E;
    text-decoration: none;
}
#kbcontent {
    text-align:left;
    margin:0px;
    font-size:120%;
}
#articlesurround {
    margin-left:5px;
    margin-right:5px;
}
#articleheadline {
    color: #595959;
    font-size: 130%;
    font-weight: 600;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    color: #0d6397;
    color: #595959;
}
#articleblock {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    color: #0d6397;
    color: #595959;
}
    #articleblock div, p {
        font-family: 'HelveticaNeueW02-45Ligh';
        padding: 0 0 0.5em 0;
        color: #666;
        font-size: 120%;
        color: #0d6397;
        color: #595959;
    }
    #articleblock div, em, #articleblock div, i {
        font-family: 'HelveticaNeueW02-45Ligh';
        color: #666;
        color: #0d6397;
        color: #595959;
    }
    #articleblock div, b {
        font-family: 'HelveticaNeueW02-45Ligh';
        color: #666;
        font-weight: 600;
        color: #0d6397;
        color: #595959;
    }
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Media Queries ------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Top Status Bar --*/
body:after { 
	content: "Less than 320";
	display: none;
	width: 100%;
	height: 2em;
	background: rgba(0,0,0,.2); 
	color: #e2e2e2;
	line-height: 2em;
	padding: 0 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	text-align:center;
}
/* iPhone, etc portrait -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {
	body:after { content: "Between 320 and 375 (i)"; }
	
}
/* iPhone, etc portrait -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 375px) {
	body:after { content: "Between 375 and 480 (i6 portrait)"; }
	
    ul.kbblock >li, .kbcontact {
        width:330px;
     }
	
}
/* iPhone, etc landscape -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
	body:after { content: "Between 480 and 568 (i4 landscape)"; }
	 ul.kbblock >li , .kbcontact {
        width:440px;
     }
}
/* iPhone 5 , etc landscape -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 568px) {
	body:after { content: "Between 568 and 667 (i5 landscape)"; }
     ul.kbblock >li , .kbcontact {
        width:540px;
     }
}
/* iPhone 6 , etc landscape -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 667px) {
	body:after { content: "Between 667 and 768 (i6 landscape)"; }
  
    ul.kbblock >li , .kbcontact {
        width:640px;
     }
}
/* iPad, tablets etc portrait -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	
	
	body:after { content: "Between 768 and 1024 (ipad portrait)"; }
	
	 ul.kbblock >li, .kbcontact {
        width:350px;
     }
     #articlesurround {
        margin-left:30px;
        margin-right:30px;
     }
}
/* Laptops, Desktops, etc -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {
	body:after { content: "Between 1024 and 1200 (ipad landscape and pc)";}
    ul.kbblock >li, .kbcontact {
        width:320px;
    }
}
/* Laptops, Desktops, widescreen-------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
	body:after { content: "Greater than 1200";}
    ul.kbblock >li, .kbcontact {
        width:370px;
     }
    
    div.kbmain {
        margin:20px 23px 20px 23px;
    }
}
/* Laptops, Desktops, etc ultrawide -------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1400px) {
	body:after { content: "Greater than 1400";}
	
}