/* CBD div sizes and styles*/

/* Outer Div for a caption box oon the right */
.grid:after {
content: "";
display: table;
clear: both;
}
/* Column that uses 2/3 the available space */
.col-2-3 {
width: 66.66%;
float:left;
overflow: hidden;
position: relative;
}
.col-2-3-np {
width: 66.66%;
float:left;
overflow: hidden;
position: relative;
}
.col-3-5 {
width: 60%;
float:left;
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
.col-3-5-r {
width: 60%;
float:right;
overflow: hidden;
position: relative;
}
/* Column that uses 2/3 available space and does not hide overflow */
.col-2-3-long {
width: 66.66%;
float:left;
margin-bottom: 10px;
position: relative;
}
/* Solumn that uses 90% available space */
.col-9-10 {
width: 94%;
float:left;
overflow: hidden;
margin-bottom: 2px;
}
/* Column that uses 3/4 available space */
.col-3-4 {
width: 75%;
float:left;
overflow: hidden;
margin-bottom: 10px;
}
.col-3-4-np {
width: 75%;
float:left;
overflow: hidden;
}
/* Column that uses 1/3 available space. USED FOR LEFT Navigation links */
.col-1-3 {
width: 33.3%;
float: left;
}
.col-1-3-np {
width: 33.3%;
float: left;
overflow: hidden;
}
.col-1-3-np {
width: 33.33%;
float: left;
overflow: hidden;
}
.col-1-3-l {
width: 33.33%;
float: left;
overflow: hidden;
padding-top: 10px;
}
.col-1-4-l {
width: 25%;
float: left;
overflow: hidden;
padding-top: 10px;
}
.col-1-4-lp {
width: 25%;
float: left;
overflow: hidden;
padding-top: .6em;
padding-bottom: .4em;
}
.col-1-4-lpp {
width: 25%;
float: left;
overflow: hidden;
padding-top: .6em;
padding-bottom: .54em;
}
.col-1-4-f {
width: 25%;
float: left;
overflow: hidden;
}
.col-1-8-l {
width: 15%;
float: left;
overflow: hidden;
padding-top: 10px;
}
.col-1-2-l {
width: 50%;
float: left;
overflow: hidden;
padding-top: 10px;
}
/* Column that uses 1/5 available space */
.col-1-5 {
width: 20%;
float: left;
overflow: hidden;
}
.col-1-6 {
width: 16.66%;
float: left;
overflow: hidden;
}
.col-1-6-a {
width: 16%;
float: left;
overflow: hidden;
}
.col-1-4 {
width: 23.3%;
float: left;
overflow: hidden;
}
.col-1-4v {
width: 23.3%;
float: left;
overflow: visible;
}
/* Column that uses 3/5 available space */
.col-3-5 {
width: 60%;
float: left;
overflow: hidden;
}
/* Column that uses 4/5 available space */
.col-4-5 {
width: 80%;
float: left;
overflow: hidden;
}
/* Column that uses 1/8 available space */
.col-1-8 {
width: 12.5%;
float: left;
overflow: hidden;
}
.col-1-8-v {
width: 12.5%;
float: left;
overflow: visible;
}
/* Column that uses 1/10 available space */
.col-1-10-l {
width: 10.0%;
float: left;
overflow: hidden;
padding-top: .5em;
padding-bottom: .5em;
}
.col-1-10 {
width: 10.0%;
float: left;
}
.col-1-15 {
width: 7.5%;
height:16px;
float: left;
}
.col-1-10-lp {
width: 10.0%;
float: left;
overflow: hidden;
padding-top: .6em;
padding-bottom: .5em;
display: block;
}
/* Column that uses 1/10 available space. USED FOR Glossary navigation. */
.col-1-10-G {
width: 10.0%;
float: left;
padding-bottom: 10px;
}
/* Column that uses 1/20 available space */
.col-1-20 {
width: 5.0%;
float: left;
overflow: hidden;
}
.col-1-25 {
width: 4.0%;
float: left;
overflow: hidden;
}
/* Column that uses 1/2 available space */
.col-1-2 {
width: 49.9%;
float: left;
overflow: hidden;
}
.col-1-2-r {
width: 49.9%;
float: right;
overflow: hidden;
}
/* Column that uses 100% available space, used mostly as a wrapper */
.col-1 {
width: 100%;
float: left;
overflow: hidden;
}
/* Column that uses 100% available space with a margin. Used in Glossary */
.col-1-G {
width: 100%;
float: left;
overflow: hidden;
margin-bottom:30px;
}
/* Column that uses 1/4 available space and flexes, used for side by side columns */
.col-1-4-G {
width: 24%;
float:left;
overflow: hidden;
position: relative;
flex: 1;  
}
/* Column that uses 100% available space and floats left. used for nested boxed Divs */
.col-1-2-I {
width: 100%;
float:left;
overflow: hidden;
position: relative;

}
/* Column that uses almost 100% available space also used for nexted side by side divs */
.col-2-2-I {
width: 95%;
float:left;
overflow: hidden;
position: relative;
flex: 1;
}
/* Used for the header of the terms in the glossary. */
.col-3-4-G {
width: 74%;
float:left;
overflow: hidden;
position: relative;
}
.col-3-4-G-T{
width: 74.5%;
float:left;
overflow: hidden;
position: relative;
}
/* Applied to a DIV to make the text centered. */
.first {
text-align: center;
}
.last {
text-align: right;
}
.hideme{
display: none;
}
/* Used for Images*/
.l-img {
float: left;
width:100%;
}
/* Makes a comment box forced into the upper right corner, aligned with header */
.box-float{
position:absolute;
top:40px;
right:0px;
width:33%;
}
/* Adds spacing after a span. USED EXTENSIVLY on all documents */
.sp-sc{
display:block;
margin-bottom:15px;
}
/* Wrapper for defintion table layout in Glossary */
.row {
  display: flex; /* equal height of the children */
}

.loginz{
width:75%;
}

.formpad{
padding-top: .5em;
padding-bottom: .32em;
}
.formpad-p{
padding-top: .52em;
padding-bottom: .34em;
}
.formpad-pc{
padding-top: 1.62em;
padding-bottom: .3em;
}
.formpad-ppc{
padding-top: 1.51em;
padding-bottom: .33em;
}
.pads{
padding-left: 1.5em;
}
.paddy{
padding-left: 3.5em;
}
.padsm{
padding-left: .5em;
}
.padsm1{
padding-left: 1em;
}
.pis-1{
padding-left: 1%;
}
.pis-5{
padding-left: 5%;
}
.pis-15{
padding-left: 15%;
}

.apco-fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}
.apco-fa-stack-s {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
}