/*SemperFiWebServices Vertical Navigation Box External CSS*/
#vertical-navigation-box-cbd {
line-height: 2.8125rem;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
margin-bottom: 1.25rem;
}
#vertical-navigation-box-title-cbd {
padding-top: 0rem;
padding-left: 0rem;
color: #000000;
font-size: 18px;
}
.vnb-top-cbd {
margin: 0;
margin-bottom: 1.25rem;
padding: 0;
width: 100%;
list-style-type: none;
list-style-position: outside;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
.vnb-sub-cbd {
position: absolute;
left: 170px;
width: 100%;
z-index: 999;
padding: 0;
list-style-type: none;
list-style-position: outside;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
background-color: #2BA6CB;
border-style: solid;
border-width: 2px;
border-color: #2BA6CB;
}
.vnb-sub-title-cbd {
text-align: center;
background-color: #FFFFFF;
color: #000000;
}
a.vertical-navigation-box-link-cbd {
display: block;
margin: 0;
color: #000000;
background-color: #FFFFFF;
font-size: 16px;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
padding-left: 0.875rem;
padding-right: 0.875rem;
}
a.vertical-navigation-box-link-cbd:hover {
display: block;
margin: 0;
color: #2ba6cb;
background-color: #f9f9f9;
font-size: 16px;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.has-sub-arrow-cbd {
float: right;
display: block;
position: relative;
margin-top: 0.4375rem;
}
ul.vertical-navigation-box-cbm {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333333;
}
ul.vertical-navigation-box-cbm li label {
background: #444444;
border-bottom: none;
border-top: 1px solid #5E5E5E;
color: #999999;
display: block;
font-size: 0.75rem;
font-weight: bold;
margin: 0;
padding-top: 0.3rem;
padding-left: 0.9375rem;
text-transform: uppercase;
}
ul.vertical-navigation-box-cbm li a {
border-bottom: 1px solid #262626;
background: #333333;
color: #C2C2C2;
font-size: 0.75rem;
display: block;
padding-top: 0.66667rem;
padding-bottom: 0.66667rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
transition: background 300ms ease;
}
ul.vertical-navigation-box-cbm li a:hover {
border-bottom: 1px solid #262626;
background: #242424;
color: #C2C2C2;
font-size: 0.75rem;
padding-top: 0.66667rem;
padding-bottom: 0.66667rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
}
ul.vertical-navigation-box-cbm li a:active {
border-bottom: 1px solid #262626;
background: #242424;
color: #C2C2C2;
font-size: 0.75rem;
padding-top: 0.66667rem;
padding-bottom: 0.66667rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
}
.vertical-navigation-box-cbm .left-submenu .back > a {
border-bottom: 1px solid #262626;
background: #333333;
color: #C2C2C2;
display: block;
font-size: 0.75rem;
padding-top: 0.66667rem;
padding-bottom: 0.66667rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
transition: background 300ms ease;
}
.vertical-navigation-box-cbm .left-submenu .back > a:hover {
border-bottom: 1px solid #262626;
background: #242424;
color: #C2C2C2;
font-size: 0.75rem;
padding-top: 0.66667rem;
padding-bottom: 0.66667rem;
padding-left: 0.66667rem;
padding-right: 0.66667rem;
}
.vertical-navigation-box-cbm .left-submenu .back > a:before {
content: '';
}
.has-sub-arrow-cbm {
float: right;
display: block;
position: relative;
padding-top: 0.4375rem;
padding-right: 0.4375rem;
color: #C2C2C2;
}
.has-sub-arrow-cbm:hover {
color: #C2C2C2;
}
.has-back-arrow-cbm {
padding-top: 0.4375rem;
padding-right: 0.4375rem;
color: #C2C2C2;
}
.has-back-arrow-cbm:hover {
color: #C2C2C2;
}