/* p7 QC */
.p7QC {zoom: 1;}
.p7QC:before, .p7QC:after {content: "."; display: block; height: 0;	overflow: hidden;}
.p7QC:after {clear: both;}
.p7QC-Col {float: left;}
/*The Base Widths for each column in the available structures.*/
.p7QC .percent15 {width: 15%;}
.p7QC .percent166 {width: 16.666%;}
.p7QC .percent20 {width: 20%;}
.p7QC .percent25 {width: 25%;}
.p7QC .percent30 {width: 30%;}
.p7QC .percent333 {width: 33.333%;}
.p7QC .percent40 {width: 40%;}
.p7QC .percent45 {width: 45%;}
.p7QC .percent50 {width: 50%;}
.p7QC .percent60 {width: 60%;}
.p7QC .percent75 {width: 75%;}
.p7QC-content {padding: 10px;}
.p7QC-content.pad20px {padding: 20px;}
/*Width recalculations for columns when they are boxed. 
Since boxed columns have a space between them assigned via right margin, 
we need to reduce the width of each column accordingly */
.p7QC .percent166.boxed {width: 15%;}
.p7QC .percent20.boxed {width: 18.4%;}
.p7QC .percent25.boxed {width: 23.5%;}
.p7QC .percent333.boxed {width: 32%;}
.p7QC .percent40.boxed {width: 38%;}
.p7QC .percent50.boxed {width: 49%;}
.p7QC .percent75.boxed {width: 74%;}
.p7QC-Col.boxed.spacer {margin-left: 2%;} /* use w/boxed content */
.p7QC-content.border-left {border-left: 1px solid #222;} /* column divider */
.p7QC .p7QC-content.boxed {border: 1px solid #222;}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.p7QC-Col {float: none;width: auto !important;}
.p7QC-content {padding: .5em 1.5em;border: none !important;height: auto !important;max-height: 888678px;}
.p7QC-content.pad20px {padding-top: 5px;}
}