@charset "utf-8";
html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
/* Add a black background color to the top navigation */
.topnav1 {
background-color: #fff;
border-bottom: solid rgb(45, 45, 50) 1px;
overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav1 a {
float: left;
color: rgb(45, 45, 50);
text-align: center;
padding: 14px 16px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.topnav1 a:hover {
background-color: rgb(45, 45, 50);
color: white;
}
/* Add a color to the active/current link */
.topnav1 a.active {
background-color: rgb(45, 45, 50);
color: white;
}
/* Containers and Responsive */
.MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.BackgroundSchool {
background-image: url('../images/Background1.png');
background-repeat: repeat;
background-position: top center;
background-blend-mode: soft-light;
max-width: 100%;
max-height: 100%;
}
.BackgroundLight {
background-color: rgb(242, 242, 242);
background-repeat: no-repeat;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
}
.BackgroundMedium {
background-color: rgb(186,105,78);
background-repeat: no-repeat;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
}
.BackgroundDark {
background-color: rgb(45, 45, 50);
background-repeat: no-repeat;
overflow: hidden;
max-width: 960px;
margin: 0 auto;
}
.BackgroundSidesLight {
background-color: rgb(242, 242, 242);
background-repeat: no-repeat;
overflow: hidden;
max-width: 100%;
margin: 0 auto;
}
.BackgroundSidesMedium {
background-color: rgb(186,105,78);
background-repeat: no-repeat;
overflow: hidden;
max-width: 100%;
margin: 0 auto;
}
.BackgroundSidesDark {
background-color: rgb(45, 45, 50);
background-repeat: no-repeat;
overflow: hidden;
max-width: 100%;
margin: 0 auto;
}
.BackgroundBoxOpacity {
background-color: rgb(186,105,78, .8);
}
.BackgroundBoxLight {
background-color: rgba(470,220,200,.3);
}
.BackgroundBoxMedium {
background-color: rgb(186,105,78);
}
.BackgroundBoxDark {
background-color: rgb(45, 45, 50);
}
.Header {
overflow: hidden;
padding: 1% 1% 1% 1%;
max-width: 960px;
max-height: 100%;
}
.InsideContainer {
overflow: hidden;
padding: 3% 3% 3% 3%;
max-width: 960px;
max-height: 100%;
}
.InsideContainer1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.InsideContainer2of2 {
float: right;
width: 45%;
padding: 1% 1% 1% 1%;
}
@media (min-width : 1px) and (max-width: 750px) {
.InsideContainer1of2 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.InsideContainer2of2 {
float: left;
width: 97%;
padding: 1% 1% 1% 1%;
}
}
.Flex_Image {
max-width: 150px;
position: center;
}
/* Legal Container for Scroll Function */
.Flex_Box1of1Legal {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
max-height: 200px;
overflow: scroll;
}
.Flex_Showcase {
position: relative;
width: 100%;
height: 100%;
margin: 1% auto;
padding: 0% 0% 0% 0%;
box-sizing: border-box;
border-radius: 10px;
max-width: 100%;
max-height: 100%;
box-shadow: 0px -2px 2px 2px rgb(45, 45, 50, .15);
animation: easein 1s;
}
@media (min-width : 1px) and (max-width: 500px) and (orientation: portrait) {
.Flex_Showcase {
width: 95%;
padding: 5% 5% 5% 5%;
}
}
@keyframes easein {
0% {
opacity: 75%;
}
100% {
opacity: 100%;
}
}
.IconOverlay {
position: relative;
max-width: 50%;
max-height: 50%;
bottom: 500px;
left: 100px;
margin: 1% 1% 1% 1%;
align-content: center;
z-index: 9999;
transition: 0.3s ease-in-out;
}
.overlay {
position: relative;
max-width: 100%;
max-height: 100%;
border-radius: 10px;
margin: 0% 0% 0% 0%;
box-shadow: 0px 0px 0px 0px rgb(242, 220, 200, 0.1);
z-index: 0;
transition: transform 0.3s ease-out;
}
@media (min-width : 1199px) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 961px) and (max-width: 1199px) and (orientation: landscape) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 961px) and (max-width: 1199px) and (orientation: portrait) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 769px) and (max-width: 960px) and (orientation: landscape) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 769px) and (max-width: 960px) and (orientation: portrait) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 501px) and (max-width: 768px) and (orientation: landscape) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 501px) and (max-width: 768px) and (orientation: portrait) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 321px) and (max-width: 500px) and (orientation: landscape) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 321px) and (max-width: 500px) and (orientation: portrait) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 1px) and (max-width: 320px) and (orientation: landscape) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
}
@media (min-width : 1px) and (max-width: 320px) and (orientation: portrait) {
.Flex_Box1of1 {
clear: both;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
}
.Flex_Button {
font-weight: bold;
text-decoration: none;
line-height: 1.8em;
padding: .3em .6em .3em .6em;
white-space: nowrap;
}
.Flex_Rounded {
border-top-left-radius: .4em;
border-top-right-radius: .4em;
border-bottom-left-radius: .4em;
border-bottom-right-radius: .4em;
}
@keyframes animateGifIn {
0% {
opacity: 0;
}
50% {
opacity: 100%
}
100% {
opacity: 0;
}
}
.animateGifIn {
animation: 3s ease-out 0s 1 animateGifIn;
animation-iteration-count: infinite;
}
.animateGifIn:active {
animation-iteration-count: 1;
}
/* Menu */
/* cards and showcase elements */
.cardcolors {
--bg-color: rgb(186,105,78);
--bg-color-light: rgb(190, 190, 190);
--text-color-hover: rgb(45, 45, 50);
--box-shadow-color: rgba(5, 4, 34, 0.48);
}
.CardTransparent {
background-color: rgb(186, 105, 78);
color: black;
mix-blend-mode: lighten;
}
.carddark {
max-width: 100%;
max-height: 100%;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
display: flex;
border: none;
flex-direction: column;
text-align: left;
margin: 0 auto;
padding: 1%, 1%, 1%, 1%;
position: relative;
box-shadow: 0 -2px 2px 0 rgba(186, 105, 78, 0.294);
transition: all 0.3s ease-out;
text-decoration: none;
}
.carddark:hover {
box-shadow: 0 -2px 2px 0 rgba(186,105,78, 0.3);
background-color: rgb(186,105,78);
border: none;
}
.carddark:hover .ButtonText {
color: rgb(45, 45, 50);
}
.cardmedium {
width: 100%;
height: 100%;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
display: flex;
border: none;
flex-direction: column;
text-align: left;
margin: 0 auto;
padding: 5%, 5%, 5%, 5%;
position: relative;
box-shadow: 0 2px 2px 0 rgba(186,105,76, 0.294);
transition: all 0.3s ease-out;
text-decoration: none;
}
.cardmedium:hover {
box-shadow: 0 -2px 2px 0 rgba(186,105,76, 0.3);
background-color: rgb(45, 45, 50);
border: none;
}
.cardmedium:hover .ButtonTextDark {
color: rgb(186, 105, 76);
}
/* Text Classes */
.title {
font-family: 'space mono', monospace;
color: rgb(45, 45, 50);
font-size: 1.9em;
margin: auto;
text-align: left;
line-break: loose;
}
.CardText {
font-family: 'space mono', monospace;
color: rgb(45, 45, 50);
font-size: 1.2em;
margin: 0 auto;
text-align: center;
}
.CardTextInverse {
font-family: 'space mono', monospace;
color: rgb(186, 105, 78);
font-size: 1.2em;
margin: 0 auto;
text-align: center;
}
.ButtonText {
font-family: 'space mono', monospace;
color: rgb(205, 152, 135);
font-size: 1.2em;
margin: 0 auto;
transition: ease-in-out .3s;
text-decoration: none;
padding: 2% 2% 2% 2%;
}
.ButtonTextDark {
font-family: 'space mono', monospace;
color: rgb(45, 45, 50);
font-size: 1.2em;
margin: 0 auto;
transition: ease-in-out .3s;
text-decoration: none;
padding: 2% 2% 2% 2%;
}
.ButtonTextOutlineOnly {
font-family: 'space mono', monospace;
color: rgba(186, 105, 78);
font-size: 1.2em;
margin: 0 auto;
transition: ease-in-out .3s;
text-decoration: none;
padding: 2% 2% 2% 2%;
}
@media (min-width: 1px) and (max-width: 550px) {
.title {
font-size: 1.4em;
}
.CardText {
font-size: 1em;
}
.CardTextInverse {
font-size: 1em;
}
.ButtonText {
font-size: 1em;
}
@media (min-width: 551px) {
.title {
font-size: 1.9em;
}
.CardText {
font-size: 1.4em;
}
.CardTextInverse {
font-size: 1.4em;
}
.ButtonText {
font-size: 1.4em;
}
}
.Flex_Link {
font-family: 'space mono', monospace;
color: rgb(45, 45, 50);
}
.Flex_Link:hover {
cursor: pointer;
text-decoration: none;
}
}
/*Accordian DropDown Tab System*/
.accordian > input.cl[type="checkbox"] {
position: absolute;
left: -100vw;
}
.accordion .content {
overflow-y: hidden;
height: 0;
transition: height 0.3s ease;
}
.accordion > input.cl[type="checkbox"]:checked ~ .content {
height: auto;
overflow: visible;
}
.wrapper {
max-width: 100%;
padding: 1%, 1%, 1%, 1%;
margin: 10vh auto;
}
input.cl {
display: none;
}
label.cl {
display: flex;
max-width: 98%;
height: 50px;
cursor: pointer;
border-radius: 5px;
border: 2px solid rgb(45, 45, 50);
user-select: none;
}
label.cl div:first-child {
width: 100%;
line-height: 45px;
margin-left: 10px;
font-size: 1.2em;
}
.cross {
margin-right: 15px;
margin-top: 3px;
}
.cross:before, .cross:after {
content: '';
border-top: 2px solid rgb(45, 45, 50);
width: 15px;
display: block;
margin-top: 18px;
transition: 0.3s;
}
.cross:after {
transform: rotate(90deg);
margin-top: -2px;
}
.content {
font-family: 'space mono', monospace;
box-sizing: border-box;
font-size: 1rem;
margin: 10px 10px;
max-height: 0;
overflow: hidden;
transition: max-height, .5s;
}
input.cl:checked ~ .content {
max-height: 100%;
transition: max-height, 1s;
}
input.cl:checked ~ label.cl .cross:before {
transform: rotate(180deg);
}
input.cl:checked ~ label.cl .cross:after {
transform: rotate(0deg);
}
.questions {
margin-top: 20px;
max-height: 0;
overflow: hidden;
transition: max-height, .5s;
}
.questions label.cl {
border: none;
box-shadow: none;
margin: 0;
}
input.cl:checked ~ .questions {
max-height: 400px;
border-bottom: 1px solid #3E474F;
transition: 1s;
}
/*██████████████████████████████████████████████████████*/
/* NOTES */
/*██████████████████████████████████████████████████████*/
/*
Old Color Palette
#ed1c24 Red
#2874b8 Blue
New Color Palette, the number is how they will be referred to in class names
#6d2a56 1 (Purple/Magenta)
#5d3b5f 2 (Purple)
#305074 3 (Blue)
#346f7c 4 (Teal)
#2f8d9a 5 (Turquoise)
#e7b71d 6 (Mustard)
*/
@font-face {
font-family: Peace Sans;
src: url('../assets/fonts/peace_sans.otf')
}
.Font_Bold1 {
font-family: 'Peace Sans';
}
@font-face {
font-family: Rubik One;
src: url('../assets/fonts/rubikone-regular.ttf')
}
.Font_Bold2 {
font-family: 'Rubik One';
}
@font-face {
font-family: 'Quicksand';
src: url('../assets/fonts/quicksand_book.otf')
}
@font-face {
font-family: 'Quicksand';
src: url('../assets/fonts/quicksand_bold.otf');
font-weight: bold;
}
@font-face {
font-family: 'Quicksand';
src: url('../assets/fonts/quicksand_book_oblique.otf');
font-style: italic;
}
@font-face {
font-family: 'Quicksand';
src: url('../assets/fonts/quicksand_bold_oblique.otf');
font-weight: bold;
font-style: italic;
}
.Font_Light1 {
font-family: 'Quicksand';
}
/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████*/
/********************************************************************************************************************/
/* CLASSES COMMON TO ALL SCREEN SIZES */
/********************************************************************************************************************/
/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████*/
body {
margin: 0px;
font-family: 'Open Sans', sans-serif;
}
a img {
border: none;
}
.TopMasterBody {
background-color: #f1f1f1;
}
/* Styles here apply to all pages that use masterpage Top.master */
.MainBodyBack {
background-color: #ffffff;
}
/* Apply this style to most elements inside the 960px boundary */
.ClearFix {
clear: both;
}
.Quote {
border-left: 3px solid #c9c9c9;
margin: .5em 3em .5em 1em;
padding-left: 1em;
}
.NoWrap {
white-space: nowrap;
}
.MessageCenter {
position: fixed;
top: 50%;
left: 50%;
}
.LineSpacingNormal {
line-height: 1.25em;
}
.LineSpacingRelaxed {
line-height: 1.5em;
}
.LineSpacingDouble {
line-height: 2em;
}
.LineSpacingTriple {
line-height: 3em;
}
.PaddingNormal {
padding: .1em;
}
.PaddingRelaxed {
padding: .25em;
}
.PaddingDouble {
padding: .5em;
}
.PaddingTriple {
padding: 1em;
}
.VPaddingNormal {
padding-top: .1em;
padding-bottom: .1em;
}
.VPaddingRelaxed {
padding-top: .25em;
padding-bottom: .25em;
}
.VPaddingDouble {
padding-top: .5em;
padding-bottom: .5em;
}
.VPaddingTriple {
padding-top: 1em;
padding-bottom: 1em;
}
.MarginNormal {
margin: .1em;
}
.MarginRelaxed {
margin: .25em;
}
.MarginDouble {
margin: .5em;
}
.MarginTriple {
margin: 1em;
}
.VMarginNormal {
margin-top: .1em;
margin-bottom: .1em;
}
.VMarginRelaxed {
margin-top: .25em;
margin-bottom: .25em;
}
.VMarginDouble {
margin-top: .5em;
margin-bottom: .5em;
}
.VMargin1 {
margin-top: .5em;
margin-bottom: 1em;
}
.VMargin2 {
margin-top: .5em;
margin-bottom: 2em;
}
.TopMargin1 {
margin-top: 1em;
}
.TopMargin2 {
margin-top: 2em;
}
.TopMargin3 {
margin-top: 3em;
}
.AlignCenter {
text-align: center;
}
.AlignLeft {
text-align: left;
}
.AlignRight {
text-align: right;
}
.VAlignMiddle {
vertical-align: middle;
}
.VAlignTop {
vertical-align: top
}
.VAlignBottom {
vertical-align: bottom;
}
.VAlignItemsCenter {
display: flex;
align-items: center;
}
/*May not work with IE 10*/
.DisplayBlock {
display: block;
}
.DisplayInlineBlock {
display: inline-block;
}
.Inline {
display: inline;
}
.Flex_BodyBuffer {
width: 98%;
padding: 0 1% 0 1%;
}
.NumberValue {
text-align: right;
white-space: nowrap;
}
.DollarValue {
text-align: right;
font-family: 'Courier New';
white-space: nowrap;
}
.Strike {
text-decoration: line-through;
}
.Underline {
text-decoration: underline;
}
.Bold {
font-weight: bold;
}
.Italics {
font-style: italic;
}
.Important {
font-size: 1em;
color: #ff0000;
}
.ProgressImage {
position: fixed;
top: 30%;
left: 50%;
}
.FullWidth {
width: 100%;
}
.W15 {
width: 15%;
margin: 0 auto;
}
.W25 {
width: 25%;
margin: 0 auto;
}
.W50 {
width: 50%;
margin: 0 auto;
}
.W75 {
width: 75%;
margin: 0 auto;
}
.W85 {
width: 85%;
margin: 0 auto;
}
.MaxWidth {
max-width: 100%;
}
.Highlighter {
padding: .2em .5em .2em .5em;
}
/* Background and Text colors to be added to other styles */
.BackgroundAlwaysWhite {
background-color: #fff;
}
.BackgroundAlwaysGradient {
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
}
.TextAlwaysWhite {
color: #fff;
}
/*----------------------------------------------*/
/* COLORS for light/default palette */
/*----------------------------------------------*/
/*@media (prefers-color-scheme: light)
{
body { background-color: #fff; }
*/
h1 {
font-size: 1.9em;
color: #511652;
text-decoration: none;
font-weight: normal;
}
h2 {
font-size: 1.7em;
color: #083a67;
text-decoration: none;
font-weight: normal;
}
h3 {
font-size: 1.5em;
color: #6b0d59;
text-decoration: none;
font-weight: normal;
}
h4 {
font-size: 1.4em;
color: #511652;
text-decoration: none;
font-weight: normal;
}
h5 {
font-size: 1.3em;
color: #083a67;
text-decoration: none;
font-weight: normal;
}
h6 {
font-size: 1.2em;
color: #6b0d59;
text-decoration: none;
font-weight: normal;
}
h7 {
font-size: 1.1em;
color: #511652;
text-decoration: none;
font-weight: normal;
}
.Flex_h1 {
font-size: 1.9em;
color: #511652;
text-decoration: none;
}
.Flex_h2 {
font-size: 1.7em;
color: #083a67;
text-decoration: none;
}
.Flex_h3 {
font-size: 1.5em;
color: #6b0d59;
text-decoration: none;
}
.Flex_h4 {
font-size: 1.4em;
color: #511652;
text-decoration: none;
}
.Flex_h5 {
font-size: 1.3em;
color: #083a67;
text-decoration: none;
}
.Flex_h6 {
font-size: 1.2em;
color: #6b0d59;
text-decoration: none;
}
.Flex_h7 {
font-size: 1.1em;
color: #511652;
text-decoration: none;
}
.h1_Size {
font-size: 1.9em;
}
.h2_Size {
font-size: 1.7em;
}
.h3_Size {
font-size: 1.5em;
}
.h4_Size {
font-size: 1.4em;
}
.h5_Size {
font-size: 1.3em;
}
.h6_Size {
font-size: 1.2em;
}
.h7_Size {
font-size: 1.1em;
}
.TextGlow1 {
text-shadow: 0px 0px 15px #fff;
}
.Flex_TextNormal {
color: #333333;
font-size: 1em;
text-decoration: none;
}
.Flex_Normal {
font-size: 1em;
text-decoration: none;
}
.Flex_Small {
font-size: .9em;
text-decoration: none;
}
.Flex_Smaller {
font-size: .8em;
text-decoration: none;
}
.Flex_Big {
font-size: 1.2em;
text-decoration: none;
}
.Flex_Bigger {
font-size: 1.4em;
text-decoration: none;
}
.Flex_Jumbo {
font-size: 2em;
text-decoration: none;
}
.Flex_Jumbo2 {
font-size: 2.5em;
text-decoration: none;
}
.Flex_Jumbo3 {
font-size: 3em;
text-decoration: none;
}
.Flex_Link {
font-size: 1em;
text-decoration: underline;
}
.Flex_LinkSmall {
font-size: .9em;
text-decoration: underline;
}
.Flex_LinkSmaller {
font-size: .8em;
text-decoration: underline;
}
.Flex_LinkTiny {
font-size: .7em;
text-decoration: underline;
}
.Flex_LinkBig {
font-size: 1.2em;
text-decoration: underline;
}
.Flex_LinkBigger {
font-size: 1.4em;
text-decoration: underline;
}
.Flex_LinkJumbo {
font-size: 2em;
text-decoration: underline;
}
.Flex_LinkNoLine {
text-decoration: none;
}
.Flex_LinkHoverLine {
text-decoration: none;
}
.Flex_LinkHoverLine:hover {
text-decoration: underline;
}
.Flex_LinkNormal {
color: #3e9aa2;
font-size: 1em;
text-decoration: underline;
}
A.Flex_LinkNormal:hover {
color: #6d2a56;
}
/* for white background link */
.Link_Normal {
color: #3e9aa2;
font-size: 1em;
text-decoration: underline;
}
A.Link_Normal:hover {
color: #6d2a56;
}
/* Legacy style name */
.Flex_LinkInverse {
color: #9ecdd0;
font-size: 1em;
text-decoration: underline;
}
A.Flex_LinkInverse:hover {
color: #ffd449;
}
/* for dark background link */
.Flex_BoxLink {
text-decoration: none;
}
.TextNormal {
color: #333333;
}
/* for white background */
.TextInverse {
color: #f6f6f6;
}
/* for dark background */
.Text0 {
color: #530843;
}
/* Purple/Magenta */
.Text1 {
color: #5f0b4d;
}
/* Purple/Magentas */
.Text1_0 {
color: #5f0b4d;
}
.Text1_1 {
color: #99638e;
}
.Text1_2 {
color: #b28aaa;
}
.Text1_3 {
color: #cbb0c5;
}
.Text1_4 {
color: #e5d8e2;
}
.Text2 {
color: #5d3b5f;
}
/* Purples */
.Text2_0 {
color: #462055;
}
.Text2_1 {
color: #6b4d77;
}
.Text2_2 {
color: #907999;
}
.Text2_3 {
color: #b5a6bb;
}
.Text2_4 {
color: #dad2dd;
}
.Text3 {
color: #305074;
}
/* Blues */
.Text3_0 {
color: #073967;
}
.Text3_1 {
color: #386085;
}
.Text3_2 {
color: #6a88a4;
}
.Text3_3 {
color: #9cb0c2;
}
.Text3_4 {
color: #cdd8e1;
}
.Text4 {
color: #346f7c;
}
/* Teals */
.Text4_0 {
color: #115e6b;
}
.Text4_1 {
color: #6798a1;
}
.Text4_2 {
color: #8db2b9;
}
.Text4_3 {
color: #b3cbcf;
}
.Text4_4 {
color: #d9e5e8;
}
.Text5 {
color: #2f8d9a;
}
/* Turquoises */
.Text5_0 {
color: #0e818b;
}
.Text5_1 {
color: #3e9aa2;
}
.Text5_2 {
color: #6fb4ba;
}
.Text5_3 {
color: #9ecdd0;
}
.Text5_4 {
color: #cfe6e8;
}
.Text6 {
color: #e7b71d;
}
/* Mustards */
.Text6_0 {
color: #e2ac37;
}
.Text6_1 {
color: #e8bd5f;
}
.Text6_2 {
color: #efcd87;
}
.Text6_3 {
color: #f3deaf;
}
.Text6_4 {
color: #f9eed7;
}
.Text6_5 {
color: #c29400;
}
.Text7 {
color: #b4b4b4;
}
/* Light Gray */
.Text8 {
color: #3e9aa2;
}
/* Matches default link */
.Text9 {
color: #8d8d8d;
}
/* Middle gray */
.Text10 {
color: #565656;
}
/* Dark gray */
.TextLight {
color: #f1f1f1;
}
.TextLighter {
color: #727272;
}
.TextWhite {
color: #fff;
}
.Alert {
color: #e80000;
}
/* Red */
.Good {
color: #00b51f;
}
/* Green */
.Text0Hover {
color: #590f4f;
}
/* Purple/Magenta */
.Text0Hover:hover {
color: #8f117e;
}
.Text1Hover {
color: #6d2a56;
}
.Text1Hover:hover {
color: #2f8d9a;
}
.Text1_0Hover {
color: #5f0b4d;
}
/* Purple/Magentas */
.Text1_0Hover:hover {
color: #7c0f65;
}
.Text1_1Hover {
color: #99638e;
}
.Text1_1Hover:hover {
color: #86577c;
}
.Text1_2Hover {
color: #b28aaa;
}
.Text1_2Hover:hover {
color: #a783a0;
}
.Text1_3Hover {
color: #cbb0c5;
}
.Text1_3Hover:hover {
color: #d8bdd2;
}
.Text1_4Hover {
color: #e5d8e2;
}
.Text1_4Hover:hover {
color: #e2cedd;
}
.Text2Hover {
color: #5d3b5f;
}
/* Purples */
.Text2Hover:hover {
color: #2f8d9a;
}
.Text2_0Hover {
color: #462055;
}
.Text2_0Hover:hover {
color: #5e2b72;
}
.Text2_1Hover {
color: #6b4d77;
}
.Text2_1Hover:hover {
color: #7c5c88;
}
.Text2_2Hover {
color: #907999;
}
.Text2_2Hover:hover {
color: #9e89a7;
}
.Text2_3Hover {
color: #b5a6bb;
}
.Text2_3Hover:hover {
color: #c4b5ca;
}
.Text2_4Hover {
color: #dad2dd;
}
.Text2_4Hover:hover {
color: #d9c9df;
}
.Text3Hover {
color: #305074;
}
/* Blues */
.Text3Hover:hover {
color: #2f8d9a;
}
.Text3_0Hover {
color: #073967;
}
.Text3_0Hover:hover {
color: #094781;
}
.Text3_1Hover {
color: #386085;
}
.Text3_1Hover:hover {
color: #42709b;
}
.Text3_2Hover {
color: #6a88a4;
}
.Text3_2Hover:hover {
color: #799aba;
}
.Text3_3Hover {
color: #9cb0c2;
}
.Text3_3Hover:hover {
color: #aabfd1;
}
.Text3_4Hover {
color: #cdd8e1;
}
.Text3_4Hover:hover {
color: #c1d1df;
}
.Text4Hover {
color: #346f7c;
}
/* Teals */
.Text4Hover:hover {
color: #2f8d9a;
}
.Text4_0Hover {
color: #115e6b;
}
.Text4_0Hover:hover {
color: #166b79;
}
.Text4_1Hover {
color: #6798a1;
}
.Text4_1Hover:hover {
color: #71a6af;
}
.Text4_2Hover {
color: #8db2b9;
}
.Text4_2Hover:hover {
color: #96bac1;
}
.Text4_3Hover {
color: #b3cbcf;
}
.Text4_3Hover:hover {
color: #bbd2d6;
}
.Text4_4Hover {
color: #d9e5e8;
}
.Text4_4Hover:hover {
color: #d2e3e8;
}
.Text5Hover {
color: #2f8d9a;
}
/* Turquoises */
.Text5Hover:hover {
color: #6d2a56;
}
.Text5_0Hover {
color: #0e818b;
}
.Text5_0Hover:hover {
color: #138e99;
}
.Text5_1Hover {
color: #3e9aa2;
}
.Text5_1Hover:hover {
color: #47a8b0;
}
.Text5_2Hover {
color: #6fb4ba;
}
.Text5_2Hover:hover {
color: #77c1c7;
}
.Text5_3Hover {
color: #9ecdd0;
}
.Text5_3Hover:hover {
color: #b2d9db;
}
.Text5_4Hover {
color: #cfe6e8;
}
.Text5_4Hover:hover {
color: #c6e2e4;
}
.Text6Hover {
color: #e7b71d;
}
/* Mustards */
.Text6Hover:hover {
color: #2f8d9a;
}
.Text6_0Hover {
color: #e2ac37;
}
.Text6_0Hover:hover {
color: #dba635;
}
.Text6_1Hover {
color: #e8bd5f;
}
.Text6_1Hover:hover {
color: #e1b75d;
}
.Text6_2Hover {
color: #efcd87;
}
.Text6_2Hover:hover {
color: #e8c886;
}
.Text6_3Hover {
color: #f3deaf;
}
.Text6_3Hover:hover {
color: #ead7ac;
}
.Text6_4Hover {
color: #f9eed7;
}
.Text6_4Hover:hover {
color: #f5e7cb;
}
.Text6_5Hover {
color: #c29400;
}
.Text6_5Hover:hover {
color: #e7b71d;
}
.Text7Hover {
color: #b4b4b4;
}
/* Light gray */
.Text7Hover:hover {
color: #9a9a9a;
}
.Text8Hover {
color: #3e9aa2;
}
/* Matches default link */
.Text8Hover:hover {
color: #21b1bd;
}
.Text9Hover {
color: #8d8d8d;
}
/* Middle gray */
.Text9Hover:hover {
color: #6d2a56;
}
.Text10Hover {
color: #565656;
}
/* Dark gray */
.Text10Hover:hover {
color: #000;
}
.TextLightHover {
color: #f1f1f1;
}
/* Very light gray */
.TextLightHover:hover {
color: #fff8e3;
}
.TextLighterHover {
color: #727272;
}
/* Medium/dark gray */
.TextLighterHover:hover {
color: #8d8d8d;
}
.TextWhiteHover {
color: #fff;
}
.TextWhiteHover:hover {
color: #e5e5e5;
}
.TextInverseHover {
color: #f6f6f6;
}
/* for dark background */
.TextInverseHover:hover {
color: #e3e3e3;
}
/* for dark background */
.TextMainMenu {
color: #590f4f;
}
/* Matches default link */
.TextMainMenu:hover {
color: #31032b;
}
.Background0 {
background-color: #530843;
}
/* Purple/Magenta */
.Background1 {
background-color: #5f0b4d;
}
/* Purple/Magenta */
.Background1_0 {
background-color: #5f0b4d;
}
/* Purple/Magentas */
.Background1_1 {
background-color: #99638e;
}
.Background1_2 {
background-color: #b28aaa;
}
.Background1_3 {
background-color: #cbb0c5;
}
.Background1_4 {
background-color: #e5d8e2;
}
.Background1_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_1.png');
background-repeat: repeat;
}
.Background2 {
background-color: #5d3b5f;
}
/* Purples */
.Background2_0 {
background-color: #462055;
}
.Background2_1 {
background-color: #6b4d77;
}
.Background2_2 {
background-color: #907999;
}
.Background2_3 {
background-color: #b5a6bb;
}
.Background2_4 {
background-color: #dad2dd;
}
.Background2_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_2.png');
background-repeat: repeat;
}
.Background3 {
background-color: #305074;
}
/* Blues */
.Background3_0 {
background-color: #073967;
}
.Background3_1 {
background-color: #386085;
}
.Background3_2 {
background-color: #6a88a4;
}
.Background3_3 {
background-color: #9cb0c2;
}
.Background3_4 {
background-color: #cdd8e1;
}
.Background3_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_3.png');
background-repeat: repeat;
}
.Background4 {
background-color: #346f7c;
}
/* Teals */
.Background4_0 {
background-color: #115e6b;
}
.Background4_1 {
background-color: #6798a1;
}
.Background4_2 {
background-color: #8db2b9;
}
.Background4_3 {
background-color: #b3cbcf;
}
.Background4_4 {
background-color: #d9e5e8;
}
.Background4_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_4.png');
background-repeat: repeat;
}
.Background5 {
background-color: #2f8d9a;
}
/* Turquoises */
.Background5_0 {
background-color: #0e818b;
}
.Background5_1 {
background-color: #3e9aa2;
}
/* Matches default link */
.Background5_2 {
background-color: #6fb4ba;
}
.Background5_3 {
background-color: #9ecdd0;
}
.Background5_4 {
background-color: #cfe6e8;
}
.Background5_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_5.png');
background-repeat: repeat;
}
.Background6 {
background-color: #e7b71d;
}
/* Mustards */
.Background6_0 {
background-color: #e2ac37;
}
.Background6_1 {
background-color: #e8bd5f;
}
.Background6_2 {
background-color: #efcd87;
}
.Background6_3 {
background-color: #f3deaf;
}
.Background6_4 {
background-color: #f9eed7;
}
.Background6_DarkGradientRepeat {
background-color: #313131;
background-image: url('../Assets/images/Layout/BGSubtleGradDark_6.png');
background-repeat: repeat;
}
.Background7 {
background-color: #b4b4b4;
}
.Background8 {
background-color: #3e9aa2;
}
/* Matches default link */
.Background0Hover {
background-color: #530843;
}
/* Purple/Magenta */
.Background0Hover:hover {
background-color: #87116e;
}
.Background1Hover {
background-color: #5f0b4d;
}
/* Purple/Magentas */
.Background1Hover:hover {
background-color: #86106c;
}
.Background1_0Hover {
background-color: #5f0b4d;
}
.Background1_0Hover:hover {
background-color: #7c0f65;
}
.Background1_1Hover {
background-color: #99638e;
}
.Background1_1Hover:hover {
background-color: #86577c;
}
.Background1_2Hover {
background-color: #b28aaa;
}
.Background1_2Hover:hover {
background-color: #a783a0;
}
.Background1_3Hover {
background-color: #cbb0c5;
}
.Background1_3Hover:hover {
background-color: #d8bdd2;
}
.Background1_4Hover {
background-color: #e5d8e2;
}
.Background1_4Hover:hover {
background-color: #e2cedd;
}
.Background2Hover {
background-color: #5d3b5f;
}
/* Purples */
.Background2Hover:hover {
background-color: #794f7b;
}
.Background2_0Hover {
background-color: #462055;
}
.Background2_0Hover:hover {
background-color: #5e2b72;
}
.Background2_1Hover {
background-color: #6b4d77;
}
.Background2_1Hover:hover {
background-color: #7c5c88;
}
.Background2_2Hover {
background-color: #907999;
}
.Background2_2Hover:hover {
background-color: #9e89a7;
}
.Background2_3Hover {
background-color: #b5a6bb;
}
.Background2_3Hover:hover {
background-color: #c4b5ca;
}
.Background2_4Hover {
background-color: #dad2dd;
}
.Background2_4Hover:hover {
background-color: #d9c9df;
}
.Background3Hover {
background-color: #305074;
}
/* Blues */
.Background3Hover:hover {
background-color: #2f8d9a;
}
.Background3_0Hover {
background-color: #073967;
}
.Background3_0Hover:hover {
background-color: #094781;
}
.Background3_1Hover {
background-color: #386085;
}
.Background3_1Hover:hover {
background-color: #42709b;
}
.Background3_2Hover {
background-color: #6a88a4;
}
.Background3_2Hover:hover {
background-color: #799aba;
}
.Background3_3Hover {
background-color: #9cb0c2;
}
.Background3_3Hover:hover {
background-color: #aabfd1;
}
.Background3_4Hover {
background-color: #cdd8e1;
}
.Background3_4Hover:hover {
background-color: #c1d1df;
}
.Background4Hover {
background-color: #346f7c;
}
/* Teals */
.Background4Hover:hover {
background-color: #2f8d9a;
}
.Background4_0Hover {
background-color: #115e6b;
}
.Background4_0Hover:hover {
background-color: #166b79;
}
.Background4_1Hover {
background-color: #6798a1;
}
.Background4_1Hover:hover {
background-color: #71a6af;
}
.Background4_2Hover {
background-color: #8db2b9;
}
.Background4_2Hover:hover {
background-color: #96bac1;
}
.Background4_3Hover {
background-color: #b3cbcf;
}
.Background4_3Hover:hover {
background-color: #bbd2d6;
}
.Background4_4Hover {
background-color: #d9e5e8;
}
.Background4_4Hover:hover {
background-color: #d2e3e8;
}
.Background5Hover {
background-color: #2f8d9a;
}
/* Turquoises */
.Background5Hover:hover {
background-color: #2bb2c5;
}
.Background5_0Hover {
background-color: #0e818b;
}
.Background5_0Hover:hover {
background-color: #138e99;
}
.Background5_1Hover {
background-color: #3e9aa2;
}
/* Matches default link */
.Background5_1Hover:hover {
background-color: #47a8b0;
}
.Background5_2Hover {
background-color: #6fb4ba;
}
.Background5_2Hover:hover {
background-color: #77c1c7;
}
.Background5_3Hover {
background-color: #9ecdd0;
}
.Background5_3Hover:hover {
background-color: #b2d9db;
}
.Background5_4Hover {
background-color: #cfe6e8;
}
.Background5_4Hover:hover {
background-color: #c6e2e4;
}
.Background6Hover {
background-color: #e7b71d;
}
/* Mustards */
.Background6Hover:hover {
background-color: #efcd87;
}
.Background6_0Hover {
background-color: #e2ac37;
}
.Background6_0Hover:hover {
background-color: #dba635;
}
.Background6_1Hover {
background-color: #e8bd5f;
}
.Background6_1Hover:hover {
background-color: #e1b75d;
}
.Background6_2Hover {
background-color: #efcd87;
}
.Background6_2Hover:hover {
background-color: #e8c886;
}
.Background6_3Hover {
background-color: #f3deaf;
}
.Background6_3Hover:hover {
background-color: #ead7ac;
}
.Background6_4Hover {
background-color: #f9eed7;
}
.Background6_4Hover:hover {
background-color: #f5e7cb;
}
.Background7Hover {
background-color: #b4b4b4;
}
.Background7Hover:hover {
background-color: #3e9aa2;
}
.Background8Hover {
background-color: #3e9aa2;
}
/* Matches default link */
.Background8Hover:hover {
background-color: #32bbc7;
}
.BackgroundWhite10_XHover {
background: rgba(255, 255, 255, .9);
}
/* Transparent Grays */
.BackgroundWhite10_XHover:hover {
background: rgba(255, 255, 255, .65);
}
.BackgroundWhite20_XHover {
background: rgba(255, 255, 255, .8);
}
.BackgroundWhite20_XHover:hover {
background: rgba(255, 255, 255, .55);
}
.BackgroundWhite30_XHover {
background: rgba(255, 255, 255, .7);
}
.BackgroundWhite30_XHover:hover {
background: rgba(255, 255, 255, .45);
}
.BackgroundWhite40_XHover {
background: rgba(255, 255, 255, .6);
}
.BackgroundWhite40_XHover:hover {
background: rgba(255, 255, 255, .35);
}
.BackgroundWhite50_XHover {
background: rgba(255, 255, 255, .5);
}
.BackgroundWhite50_XHover:hover {
background: rgba(255, 255, 255, .25);
}
.BackgroundWhite60_XHover {
background: rgba(255, 255, 255, .4);
}
.BackgroundWhite60_XHover:hover {
background: rgba(255, 255, 255, .7);
}
.BackgroundWhite70_XHover {
background: rgba(255, 255, 255, .3);
}
.BackgroundWhite70_XHover:hover {
background: rgba(255, 255, 255, .8);
}
.BackgroundWhite80_XHover {
background: rgba(255, 255, 255, .2);
}
.BackgroundWhite80_XHover:hover {
background: rgba(255, 255, 255, .9);
}
.BackgroundWhite90_XHover {
background: rgba(255, 255, 255, .1);
}
.BackgroundWhite90_XHover:hover {
background: rgba(255, 255, 255, .95);
}
.BackgroundBlack10_XHover {
background: rgba(0, 0, 0, .9);
}
.BackgroundBlack10_XHover:hover {
background: rgba(0, 0, 0, .85);
}
.BackgroundBlack20_XHover {
background: rgba(0, 0, 0, .8);
}
.BackgroundBlack20_XHover:hover {
background: rgba(0, 0, 0, .75);
}
.BackgroundBlack30_XHover {
background: rgba(0, 0, 0, .7);
}
.BackgroundBlack30_XHover:hover {
background: rgba(0, 0, 0, .65);
}
.BackgroundBlack40_XHover {
background: rgba(0, 0, 0, .6);
}
.BackgroundBlack40_XHover:hover {
background: rgba(0, 0, 0, .55);
}
.BackgroundBlack50_XHover {
background: rgba(0, 0, 0, .5);
}
.BackgroundBlack50_XHover:hover {
background: rgba(0, 0, 0, .45);
}
.BackgroundBlack60_XHover {
background: rgba(0, 0, 0, .4);
}
.BackgroundBlack60_XHover:hover {
background: rgba(0, 0, 0, .35);
}
.BackgroundBlack70_XHover {
background: rgba(0, 0, 0, .3);
}
.BackgroundBlack70_XHover:hover {
background: rgba(0, 0, 0, .25);
}
.BackgroundBlack80_XHover {
background: rgba(0, 0, 0, .2);
}
.BackgroundBlack80_XHover:hover {
background: rgba(0, 0, 0, .15);
}
.BackgroundBlack90_XHover {
background: rgba(0, 0, 0, .1);
}
.BackgroundBlack90_XHover:hover {
background: rgba(0, 0, 0, .05);
}
.BackgroundGradient {
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
}
.BackgroundGradientHover {
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
}
.BackgroundGradientHover:hover {
background-image: none;
background-color: #2f8d9a;
}
.BackgroundGradientPale {
background-image: linear-gradient(to right, #f3f0f3, #e8eff1);
background-color: #bec1d0;
}
.BackgroundBlack {
background-color: #000;
}
.BackgroundGradientSwoosh {
background-image: url('../assets/images/gradientswoosh.png');
background-repeat: no-repeat;
}
.BGCenter {
background-position: center center;
}
.BGCenterTop {
background-position: center top;
}
.BGCenterBottom {
background-position: center bottom;
}
.BGRightCenter {
background-position: right center;
}
.BGRightTop {
background-position: right top;
}
.BGRightBottom {
background-position: right bottom;
}
.BGLeftCenter {
background-position: left center;
}
.BGLeftTop {
background-position: left top;
}
.BGLeftBottom {
background-position: left bottom;
}
.BGRepeat {
background-repeat: repeat;
}
.BGNoRepeat {
background-repeat: no-repeat;
}
.BGRepeatX {
background-repeat: repeat-x;
}
.BGRepeatY {
background-repeat: repeat-y;
}
.BGMark1 {
background-image: url('../assets/images/layout/bgmark1.png');
}
.BGMark2 {
background-image: url('../assets/images/layout/bgmark2.png');
}
.BGMark3 {
background-image: url('../assets/images/layout/bgmark3.png');
}
.BGMark4 {
background-image: url('../assets/images/layout/bgmark4.png');
}
.BGMark5 {
background-image: url('../assets/images/layout/bgmark5.png');
}
.BGMark6 {
background-image: url('../assets/images/layout/bgmark6.png');
}
.BGMark7 {
background-image: url('../assets/images/layout/bgmark7.png');
}
.BGMark8 {
background-image: url('../assets/images/layout/bgmark8.png');
}
.BGWorldMap {
background-image: url('../assets/images/layout/bgworldmap.gif');
}
.BackgroundWhite {
background-color: #fff;
}
.BackgroundLight {
background-color: #f1f1f1;
}
.BackgroundDarkGray {
background-color: #494949;
}
.BackgroundMediumGray {
background-color: #828282;
}
.BackgroundLightGray {
background-color: #efefef;
}
.BackgroundSubtleHover {
}
.BackgroundSubtleHover:hover {
background-color: #fafafa;
}
.BackgroundShadow {
box-shadow: 0px 0px 10px #888888;
}
/* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
.BackgroundShadowSubtle {
box-shadow: 0px 2px 8px #e6e6e6;
}
.BackgroundShadowHover {
box-shadow: 0px 0px 10px #888888;
}
.BackgroundShadowHover:hover {
box-shadow: 0px 0px 10px #e7b71d;
}
.BackgroundShadowOnHover {
}
.BackgroundShadowOnHover:hover {
box-shadow: 0px 0px 10px #888888;
}
.BackgroundShadowOnHoverSubtle {
}
.BackgroundShadowOnHoverSubtle:hover {
box-shadow: 0px 0px 3px #bababa;
}
.BackgroundShadowOnHoverSubtleTeal:hover {
box-shadow: 0px 0px 5px #bbc6c7;
}
.BackgroundShadowOnHoverSubtlePurple:hover {
box-shadow: 0px 0px 5px #7b6991;
}
.BackgroundShadowBottom {
box-shadow: 0px 3px 3px #959595;
}
/* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
.BackgroundWhite10_X {
background: rgba(255, 255, 255, .9);
}
/* Transparent Grays */
.BackgroundWhite20_X {
background: rgba(255, 255, 255, .8);
}
.BackgroundWhite30_X {
background: rgba(255, 255, 255, .7);
}
.BackgroundWhite40_X {
background: rgba(255, 255, 255, .6);
}
.BackgroundWhite50_X {
background: rgba(255, 255, 255, .5);
}
.BackgroundWhite60_X {
background: rgba(255, 255, 255, .4);
}
.BackgroundWhite70_X {
background: rgba(255, 255, 255, .3);
}
.BackgroundWhite80_X {
background: rgba(255, 255, 255, .2);
}
.BackgroundWhite90_X {
background: rgba(255, 255, 255, .1);
}
.BackgroundBlack10_X {
background: rgba(0, 0, 0, .9);
}
.BackgroundBlack20_X {
background: rgba(0, 0, 0, .8);
}
.BackgroundBlack30_X {
background: rgba(0, 0, 0, .7);
}
.BackgroundBlack40_X {
background: rgba(0, 0, 0, .6);
}
.BackgroundBlack50_X {
background: rgba(0, 0, 0, .5);
}
.BackgroundBlack60_X {
background: rgba(0, 0, 0, .4);
}
.BackgroundBlack70_X {
background: rgba(0, 0, 0, .3);
}
.BackgroundBlack80_X {
background: rgba(0, 0, 0, .2);
}
.BackgroundBlack90_X {
background: rgba(0, 0, 0, .1);
}
.BackgroundAlert {
background-color: #ff2929;
}
/* Red */
.BackgroundGood {
background-color: #00b51f;
}
/* Green */
.Underline5Hover {
border-bottom: .1em solid #2f8d9a;
}
.Underline5Hover:hover {
border-bottom: .1em solid #6d2a56;
}
.Underline6Hover {
border-bottom: 5px solid #e7b71d;
}
.Underline6Hover:hover {
border-bottom: 5px solid #2f8d9a;
}
.UnderlineWhiteHover {
border-bottom: .1em solid #fff;
}
.UnderlineWhiteHover:hover {
border-bottom: .1em solid #fff8e3;
}
/*}*/
/*██████████████████████████████████████████████*/
/*██████ COLORS for dark palette ███████████████*/
/*██████████████████████████████████████████████*/
/*@media (prefers-color-scheme: dark)
{
body { background-color: #1b1b1b; }
.MainBodyBack {background-color: #1b1b1b;}
.Background0 { background-color: #c76fff; }
.Background1 {background-color: #c7aef5;}
.Background2 {background-color: #c0ade5;}
.Background3 {background-color: #72a8e5;}
.Background4 {background-color: #50bad1;}
.Background5 {background-color: #5ac7d4;}
.Background6 {background-color: #e7b71d;}
.Background7 {background-color: #464646;}
.Background8 {background-color: #6ad2db;}*/ /* Matches default link */
/*.Background0Hover {background-color: #c76fff;}
.Background0Hover:hover {background-color: #d799ff;}
.Background1Hover {background-color: #c7aef5;}
.Background1Hover:hover {background-color: #ddcefa;}
.Background2Hover {background-color: #c0ade5;}
.Background2Hover:hover {background-color: #cebfeb;}
.Background3Hover {background-color: #72a8e5;}
.Background3Hover:hover {background-color: #87b8ef;}
.Background4Hover {background-color: #50bad1;}
.Background4Hover:hover {background-color: #6ed4ea;}
.Background5Hover {background-color: #5ac7d4;}
.Background5Hover:hover {background-color: #6bd3df;}
.Background6Hover {background-color: #e7b71d;}
.Background6Hover:hover {background-color: #f2c73c;}
.Background7Hover { background-color: #464646; }
.Background7Hover:hover {background-color: #5c5c5c;}
.Background8Hover {background-color: #6ad2db;}*/ /* Matches default link */
/*.Background8Hover:hover {background-color: #b7eaef;}
.BackgroundGradient { background-image: linear-gradient(to right, #b992ed, #c596e0, #a199db, #72a7d6, #87d1ce); background-color: #87d1ce; }
.BackgroundGradientHover { background-image: linear-gradient(to right, #b992ed, #c596e0, #a199db, #72a7d6, #87d1ce); background-color: #87d1ce; }
.BackgroundGradientHover:hover {background-image: none; background-color: #54b6c4;}
.BackgroundBlack { background-color: #000; }
.BackgroundWhite {background-color: #fff;}
.BackgroundLight {background-color: #f1f1f1;}
.BackgroundDarkGray {background-color: #cacaca;}
.BackgroundLightGray {background-color: #373737;}
.BackgroundSubtleHover {}
.BackgroundSubtleHover:hover {background-color: #383838;}
.BackgroundShadowOnHoverSubtleTeal:hover { box-shadow: 0px 0px 5px #bbc6c7; }
.BackgroundShadowOnHoverSubtlePurple:hover { box-shadow: 0px 0px 5px #7b6991; }
.BackgroundShadow {box-shadow: 0px 0px 10px #888888;}*/ /* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
/*.BackgroundWhite10_X { background: rgba(255, 255, 255, .1); }
.BackgroundWhite20_X { background: rgba(255, 255, 255, .2); }
.BackgroundWhite30_X { background: rgba(255, 255, 255, .3); }
.BackgroundWhite40_X { background: rgba(255, 255, 255, .4); }
.BackgroundWhite50_X { background: rgba(255, 255, 255, .5); }
.BackgroundWhite60_X { background: rgba(255, 255, 255, .6); }
.BackgroundWhite70_X { background: rgba(255, 255, 255, .7); }
.BackgroundWhite80_X { background: rgba(255, 255, 255, .8); }
.BackgroundWhite90_X { background: rgba(255, 255, 255, .9); }
.BackgroundBlack10_X { background: rgba(0, 0, 0, .1); }
.BackgroundBlack20_X { background: rgba(0, 0, 0, .2); }
.BackgroundBlack30_X { background: rgba(0, 0, 0, .3); }
.BackgroundBlack40_X { background: rgba(0, 0, 0, .4); }
.BackgroundBlack50_X { background: rgba(0, 0, 0, .5); }
.BackgroundBlack60_X { background: rgba(0, 0, 0, .6); }
.BackgroundBlack70_X { background: rgba(0, 0, 0, .7); }
.BackgroundBlack80_X { background: rgba(0, 0, 0, .8); }
.BackgroundBlack90_X { background: rgba(0, 0, 0, .9); }
.Flex_h1 {font-size: 1.7em; color: #d7c1e6; text-decoration: none; font-family: Arial;}
.Flex_h2 {font-size: 1.6em; color: #3f8fd8; text-decoration: none; font-family: Arial;}
.Flex_h3 {font-size: 1.5em; color: #dc99ff; text-decoration: none; font-family: Arial;}
.Flex_h4 {font-size: 1.4em; color: #d7c1e6; text-decoration: none; font-family: Arial;}
.Flex_h5 {font-size: 1.3em; color: #3f8fd8; text-decoration: none; font-family: Arial;}
.Flex_h6 {font-size: 1.2em; color: #dc99ff; text-decoration: none; font-family: Arial;}
.Flex_h7 {font-size: 1.1em; color: #d7c1e6; text-decoration: none; font-family: Arial;}
.Flex_TextNormal {color: #ececec; font-size: 1em; text-decoration: none; }
.Flex_Normal {font-size: 1em; text-decoration: none; }
.Flex_Small {font-size: .9em; text-decoration: none; }
.Flex_Smaller {font-size: .8em; text-decoration: none; }
.Flex_Big {font-size: 1.2em; text-decoration: none; }
.Flex_Bigger {font-size: 1.4em; text-decoration: none; }
.Flex_Jumbo {font-size: 2em; text-decoration: none; }
.Flex_Link {font-size: 1em; text-decoration: underline; }
.Flex_LinkNoLine {text-decoration: none; }
.Flex_LinkHoverLine {text-decoration: none; }
.Flex_LinkHoverLine:hover {text-decoration: underline;}
.Flex_LinkNormal {color: #6ad2db; font-size: 1em; text-decoration: underline; }
A.Flex_LinkNormal:hover {color: #b7eaef;}*/ /* for dark background link */
/*.Flex_LinkInverse {color: #3e9aa2; font-size: 1em; text-decoration: underline; }
A.Flex_LinkInverse:hover {color: #6d2a56;}*/ /* for white background link */
/*.Flex_BoxLink {text-decoration: none;}
.Flex_LinkSmall {font-size: .9em; text-decoration: underline; }
.Flex_LinkSmaller {font-size: .8em; text-decoration: underline; }
.Flex_LinkBig {font-size: 1.2em; text-decoration: underline; }
.Flex_LinkBigger {font-size: 1.4em; text-decoration: underline; }
.Flex_LinkJumbo {font-size: 2em; text-decoration: underline; }
.TextNormal {color: #ececec;}*/ /* for dark background */
/*.TextInverse {color: #444444;}*/ /* for light background */
/*.Text0 { color: #c76fff; }
.Text1 { color: #d2abeb; }*/ /* Purple/Magenta */
/*.Text2 { color: #c7aef5; }*/ /* Purple */
/*.Text3 {color: #72a8e5;}*/ /* Blue */
/*.Text4 {color: #50bad1;}*/ /* Teal */
/*.Text5 {color: #5ac7d4;}*/ /* Turquoise */
/*.Text6 {color: #e7b71d;}*/ /* Mustard */
/*.Text7 {color: #464646;}*/ /* Light Gray */
/*.Text8 {color: #6ad2db;}*/ /* Matches default link */
/*.TextLight {color: #6b6b6b;}
.TextLighter {color: #c4c4c4;}
.TextWhite {color: #fff;}
.Alert {color: #ff5050;}*/ /* Red */
/*.BackgroundAlert {background-color: #ff2929;}*/ /* Red */
/*.Good {color: #3aec59;}*/ /* Green */
/*.BackgroundGood {background-color: #0ebe2d;}*/ /* Green */
/*.Text0Hover { color: #c76fff; }
.Text0Hover:hover {color: #d799ff;}
.Text1Hover {color: #d2abeb;}
.Text1Hover:hover {color: #c293e0;}
.Text2Hover {color: #c7aef5;}
.Text2Hover:hover {color: #b598e9;}
.Text3Hover {color: #72a8e5;}
.Text3Hover:hover {color: #508fd5;}
.Text4Hover {color: #50bad1;}
.Text4Hover:hover {color: #90d5e4;}
.Text5Hover {color: #1fc8df;}
.Text5Hover:hover {color: #6ad2db;}
.Text6Hover {color: #e7b71d;}
.Text6Hover:hover {color: #ffc200;}
.Text7Hover {color: #767676;}
.Text7Hover:hover {color: #888888;}
.Text8Hover {color: #6ad2db;}
.Text8Hover:hover {color: #c7f0f4;}
.TextLightHover {color: #6b6b6b;}
.TextLightHover:hover {color: #8c8c8c;}
.TextLighterHover {color: #c4c4c4;}
.TextLighterHover:hover {color: #b1b1b1;}
.TextWhiteHover { color: #fff; }
.TextWhiteHover:hover {color: #e8e8e8;}
}*/
/* BORDERS */
.B_Dashed {
border-style: dashed;
}
.B_Dotted {
border-style: dotted;
}
.B_Solid {
border-style: solid;
}
.B_1 {
border-width: 1px;
}
.B_2 {
border-width: 2px;
}
.B_3 {
border-width: 3px;
}
.B_4 {
border-width: 4px;
}
.B_5 {
border-width: 5px;
}
.B_6 {
border-width: 6px;
}
.B_7 {
border-width: 7px;
}
.B_8 {
border-width: 8px;
}
.B_9 {
border-width: 9px;
}
.B_10 {
border-width: 10px;
}
.B_0T {
border-top-width: 0;
}
.B_1T {
border-top-width: 1px;
}
.B_2T {
border-top-width: 2px;
}
.B_3T {
border-top-width: 3px;
}
.B_4T {
border-top-width: 4px;
}
.B_5T {
border-top-width: 5px;
}
.B_6T {
border-top-width: 6px;
}
.B_7T {
border-top-width: 7px;
}
.B_8T {
border-top-width: 8px;
}
.B_9T {
border-top-width: 9px;
}
.B_10T {
border-top-width: 10px;
}
.B_0B {
border-bottom-width: 0;
}
.B_1B {
border-bottom-width: 1px;
}
.B_2B {
border-bottom-width: 2px;
}
.B_3B {
border-bottom-width: 3px;
}
.B_4B {
border-bottom-width: 4px;
}
.B_5B {
border-bottom-width: 5px;
}
.B_6B {
border-bottom-width: 6px;
}
.B_7B {
border-bottom-width: 7px;
}
.B_8B {
border-bottom-width: 8px;
}
.B_9B {
border-bottom-width: 9px;
}
.B_10B {
border-bottom-width: 10px;
}
.B_0L {
border-left-width: 0;
}
.B_1L {
border-left-width: 1px;
}
.B_2L {
border-left-width: 2px;
}
.B_3L {
border-left-width: 3px;
}
.B_4L {
border-left-width: 4px;
}
.B_5L {
border-left-width: 5px;
}
.B_6L {
border-left-width: 6px;
}
.B_7L {
border-left-width: 7px;
}
.B_8L {
border-left-width: 8px;
}
.B_9L {
border-left-width: 9px;
}
.B_10L {
border-left-width: 10px;
}
.B_0R {
border-right-width: 0;
}
.B_1R {
border-right-width: 1px;
}
.B_2R {
border-right-width: 2px;
}
.B_3R {
border-right-width: 3px;
}
.B_4R {
border-right-width: 4px;
}
.B_5R {
border-right-width: 5px;
}
.B_6R {
border-right-width: 6px;
}
.B_7R {
border-right-width: 7px;
}
.B_8R {
border-right-width: 8px;
}
.B_9R {
border-right-width: 9px;
}
.B_10R {
border-right-width: 10px;
}
.B_Color0 {
border-color: #590f4f;
}
.B_Color1 {
border-color: #6d2a56;
}
.B_Color2 {
border-color: #5d3b5f;
}
.B_Color3 {
border-color: #305074;
}
.B_Color4 {
border-color: #346f7c;
}
.B_Color5 {
border-color: #2f8d9a;
}
.B_Color6 {
border-color: #e7b71d;
}
.B_Color7 {
border-color: #b4b4b4;
}
.B_Color8 {
border-color: #3e9aa2;
}
/* Matches default link */
.B_ColorAlert {
border-color: #ff2929;
}
.B_Color0Hover {
border-color: #590f4f;
}
.B_Color0Hover:hover {
border-color: #8f117e;
}
.B_Color1Hover {
border-color: #6d2a56;
}
.B_Color1Hover:hover {
border-color: #2f8d9a;
}
.B_Color2Hover {
border-color: #5d3b5f;
}
.B_Color2Hover:hover {
border-color: #2f8d9a;
}
.B_Color3Hover {
border-color: #305074;
}
.B_Color3Hover:hover {
border-color: #2f8d9a;
}
.B_Color4Hover {
border-color: #346f7c;
}
.B_Color4Hover:hover {
border-color: #2f8d9a;
}
.B_Color5Hover {
border-color: #2f8d9a;
}
.B_Color5Hover:hover {
border-color: #2bb2c5;
}
.B_Color6Hover {
border-color: #e7b71d;
}
.B_Color6Hover:hover {
border-color: #efcd87;
}
.B_Color7Hover {
border-color: #b4b4b4;
}
.B_Color7Hover:hover {
border-color: #3e9aa2;
}
.B_Color8Hover {
border-color: #3e9aa2;
}
/* Matches default link */
.B_Color8Hover:hover {
border-color: #32bbc7;
}
.B_ColorBlack {
border-color: #000;
}
.B_ColorWhite {
border-color: #fff;
}
.B_ColorLight {
border-color: #f1f1f1;
}
.B_ColorDarkGray {
border-color: #494949;
}
.B_ColorLightGray {
border-color: #f1eeee;
}
.B_ColorTransparent {
border: solid transparent;
}
/*** BULLET AND INDENT STYLES ***/
.ol1 {
list-style-type: decimal;
}
.ol2 {
list-style-type: lower-alpha;
}
.ol3 {
list-style-type: lower-roman;
}
.ul1 {
list-style-type: disc;
}
.ul2 {
list-style-type: circle;
}
.ul3 {
list-style-type: square;
}
indent0 {
margin-left: .5em;
padding-left: 0;
}
indent1 {
margin-left: 1em;
}
indent2 {
margin-left: 2em;
}
indent3 {
margin-left: 3em;
}
.indent0 {
margin-left: .5em;
padding-left: 0;
}
.indent1 {
margin-left: 2em;
}
.indent2 {
margin-left: 4em;
}
.indent3 {
margin-left: 6em;
}
.padright0 {
margin-right: .2em;
padding-right: 0;
}
.padright1 {
margin-right: 2em;
}
.padright2 {
margin-right: 4em;
}
.padright3 {
margin-right: 6em;
}
.Flex_BoxList1of1 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.FloatRight {
float: right;
}
.FloatLeft {
float: left;
}
.BackArrowText {
padding-top: .4em;
}
.BackArrow {
display: inline-block;
height: 33px;
background-image: url('../assets/images/icons/backarrow.png');
background-position: left top;
background-repeat: no-repeat;
padding: 0px 0px 0px 75px;
}
.BackArrow:hover {
background-image: url('../assets/images/icons/backarrowhover.png');
}
.SortDown {
font-size: 1em;
background-image: url('../assets/images/icons/SortDown.png');
background-position: right center;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 12px 0px 1px;
background-color: #e4e4e4;
display: block;
}
A.SortDown:hover {
background-image: url('../assets/images/icons/SortDown.png');
background-position: right center;
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #dbdbdb;
padding: 0px 12px 0px 1px;
}
.SortUp {
font-size: 1em;
background-image: url('../assets/images/icons/SortUp.png');
background-position: right center;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 12px 0px 1px;
background-color: #e4e4e4;
display: block;
}
A.SortUp:hover {
background-image: url('../assets/images/icons/SortUp.png');
background-position: right center;
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #dbdbdb;
padding: 0px 12px 0px 1px;
}
.GradientSwoosh {
background-image: url('../assets/images/gradientswoosh.png');
background-position: left top;
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
}
.NewWindow {
background-image: url('../Assets/images/icons/newwindowlink.png');
background-position: right top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 18px 0px 0px;
}
.NewWindow:hover {
background-image: url('../Assets/images/icons/newwindowlinkhover.png');
background-position: right top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 18px 0px 0px;
}
.NewWindowInverse {
background-image: url('../Assets/images/icons/newwindowlinkinverse.png');
background-position: right top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 18px 0px 0px;
}
.NewWindowInverse:hover {
background-image: url('../Assets/images/icons/newwindowlinkinversehover.png');
background-position: right top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 18px 0px 0px;
}
/*███████ SHAPES ███████*/
/*** Circle ***/
.Circle {
border-radius: 50%;
padding: 1em;
display: inline-block;
text-align: center;
vertical-align: middle;
}
/*** ARROW BOXES ***/
/*Right*/
.Arrow_Box_Right {
position: relative;
background: #2f8d9a;
border: .2em solid #2f8d9a;
}
.Arrow_Box_Right:after, .Arrow_Box_Right:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.Arrow_Box_Right:after {
border-color: rgba(109, 42, 86, 0);
border-left-color: #2f8d9a;
border-width: .8em;
margin-top: -.8em;
}
.Arrow_Box_Right:before {
border-color: rgba(93, 59, 95, 0);
border-left-color: #2f8d9a;
border-width: .8em;
margin-top: -.8em;
}
.Arrow_Box_Right:hover {
background: #346f7c;
border: .2em solid #346f7c;
}
/*Bottom*/
.Arrow_Box_Bottom {
position: relative;
background: #2f8d9a;
border: .2em solid #2f8d9a;
}
.Arrow_Box_Bottom:after, .Arrow_Box_Bottom:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.Arrow_Box_Bottom:after {
border-color: rgba(109, 42, 86, 0);
border-top-color: #2f8d9a;
border-width: .8em;
margin-left: -.8em;
}
.Arrow_Box_Bottom:before {
border-color: rgba(93, 59, 95, 0);
border-top-color: #2f8d9a;
border-width: .8em;
margin-left: -.8em;
}
.Arrow_Box_Bottom:hover {
background: #346f7c;
border: .2em solid #346f7c;
}
/*Left*/
.Arrow_Box_Left {
position: relative;
background: #2f8d9a;
border: .2em solid #2f8d9a;
}
.Arrow_Box_Left:after, .Arrow_Box_Left:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.Arrow_Box_Left:after {
border-color: rgba(109, 42, 86, 0);
border-right-color: #2f8d9a;
border-width: .8em;
margin-top: -.8em;
}
.Arrow_Box_Left:before {
border-color: rgba(93, 59, 95, 0);
border-right-color: #2f8d9a;
border-width: .8em;
margin-top: -.8em;
}
.Arrow_Box_Left:hover {
background: #346f7c;
border: .2em solid #346f7c;
}
/*Top*/
.Arrow_Box_Top {
position: relative;
background: #2f8d9a;
border: .2em solid #2f8d9a;
}
.Arrow_Box_Top:after, .Arrow_Box_Top:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.Arrow_Box_Top:after {
border-color: rgba(109, 42, 86, 0);
border-bottom-color: #2f8d9a;
border-width: .8em;
margin-left: -.8em;
}
.Arrow_Box_Top:before {
border-color: rgba(93, 59, 95, 0);
border-bottom-color: #2f8d9a;
border-width: .8em;
margin-left: -.8em;
}
.Arrow_Box_Top:hover {
background: #346f7c;
border: .2em solid #346f7c;
}
/*None (Use to have a box that otherwise looks like arrow boxes) */
.Arrow_Box_None {
background: #2f8d9a;
border: .2em solid #2f8d9a;
}
.Arrow_Box_None:hover {
background: #346f7c;
border: .2em solid #346f7c;
}
/*** LEGAL PAGES ***/
.LegalHeader {
width: 100%;
padding: 4px;
background-color: white;
}
.LegalAcceptBox {
width: 100%;
margin-top: 25px;
padding: 4px 4px 8px 4px;
background-color: #5d3b5f;
}
.LegalSignedBox {
width: 100%;
margin-top: 25px;
padding: 4px 4px 8px 4px;
}
.LegalAcceptForm {
}
.LegalAcceptHeading {
white-space: nowrap;
}
.LegalAcceptValue {
width: 88%;
}
.LegalDocBox {
padding: 4px;
margin: 20px 0px 20px 0px;
}
.LegalNormal {
font-size: 1em;
color: #242424;
font-weight: normal;
line-height: 1.25em;
}
.LegalBoldUnderline {
font-size: 1em;
color: #242424;
font-weight: bold;
text-decoration: underline;
line-height: 1.25em;
}
.LegalUnderline {
font-size: 1em;
color: #242424;
font-weight: normal;
text-decoration: underline;
line-height: 1.25em;
}
.LegalInstructions {
font-size: 1em;
color: #FFF;
font-weight: normal;
line-height: 1.25em;
}
.LegalInstructionsHeading {
font-size: 1em;
color: #e7b71d;
font-weight: bold;
line-height: 1.25em;
}
.LegalVersion {
font-size: .7em;
color: #242424;
font-weight: normal;
line-height: 1.25em;
}
.LegalTextBox {
width: 100%;
margin: 2px;
font-size: 1em;
color: #242424;
font-weight: normal;
line-height: 1.25em;
}
.LegalAcceptButton {
width: 100%;
font-size: 1em;
color: #FFF;
font-weight: normal;
background-color: #2f8d9a;
text-decoration: none;
padding: 5px 10px 5px 10px;
}
.LegalCellUnderline {
border-bottom: 1px solid #000;
vertical-align: top;
padding: 1px 2em 0 2em;
}
A.LegalAcceptButton:hover {
background-color: #1babbf;
}
A.LegalAcceptButton:focus {
background-color: #1babbf;
}
.LegalCancelButton {
width: 100%;
font-size: 1em;
color: #FFF;
font-weight: normal;
background-color: #5d3b5f;
text-decoration: none;
padding: 5px 10px 5px 10px;
}
A.LegalCancelButton:hover {
background-color: #7e4182;
}
A.LegalCancelButton:focus {
background-color: #7e4182;
}
.Link_Legal {
font-size: 1em;
color: #2f8d9a;
text-decoration: underline;
}
A.Link_Legal:hover {
color: #6d2a56;
}
A.Link_Legal:focus {
color: #6d2a56;
}
/*** COOKIES ***/
.Flex_CookiesBanner {
position: fixed;
bottom: 0px;
clear: both;
width: 99%;
padding: .35em .5% .35em .5%;
background-color: #a7a7c4;
z-index: 100;
}
/*** LANDING PAGES ***/
.Flex_TopBannerText {
margin: 0px 5px 0px 5px;
}
.Flex_TopBannerTitle {
font-size: 20pt;
color: #fff;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerTitleFun {
font-size: 32pt;
color: #0eb1a7;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerTitleTeal {
font-size: 32pt;
color: #0a6f72;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerDescription {
font-size: 12pt;
color: #eeeeee;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerDescriptionTeal {
font-size: 12pt;
color: #0a6f72;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerDescriptionYellow {
font-size: 12pt;
color: #E2AD38;
font-weight: normal;
text-decoration: none;
}
.Flex_TopBannerLink {
text-decoration: none;
}
.Flex_TopBannerOverlayImageBGStretched {
max-width: 100%;
}
.Flex_InsideBanner {
width: 100%;
left: 1%;
}
.Flex_InsideBannerImage {
max-width: 100%;
float: left;
margin: 0px 15px 15px 0px;
}
.Flex_Banner {
width: 100%;
}
.Flex_BannerImage {
max-width: 100%;
}
.Flex_BannerCTA {
float: left;
width: 60%;
}
.Flex_BannerCTAwithImage {
float: right;
width: 40%;
}
.Flex_BannerCTATitle {
text-align: left;
margin-top: 15px;
}
.Flex_BannerCTADescription {
text-align: left;
}
.Flex_BannerCTAButton {
text-align: left;
}
.Flex_NewsFeature {
padding: 0 5px 5px 5px;
}
.Flex_NewsArticleTitleArea {
}
.Flex_PageTitleContainer {
width: 100%;
margin: 15px 0 0 5px;
}
.Flex_PageTitle {
font-size: 20pt;
color: #333333;
font-weight: normal;
text-decoration: none;
}
.Flex_BreadcrumbsTitle {
font-size: 9pt;
color: #333333;
font-weight: normal;
text-decoration: none;
}
.Flex_TextLeftImageLeftContainer {
width: 100%;
float: left;
}
.Flex_TextLeftImageLeft {
float: left;
padding: 0 1em 1em 0;
}
.Flex_ImageCaptionLink {
font-size: 1em;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
A.Flex_ImageCaptionLink:hover {
color: #000;
}
A.Flex_ImageCaptionLink:focus {
color: #000;
}
.Flex_InlineLink {
font-size: 1em;
color: #5d3b5f;
font-weight: normal;
text-decoration: underline;
}
A.Flex_InlineLink:hover {
color: #2f8d9a;
}
A.Flex_InlineLink:focus {
color: #2f8d9a;
}
.Flex_Video {
overflow: hidden;
position: relative;
}
.Flex_Video iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.Flex_VideoAspectRatio16x9 {
padding-top: 56.25%;
}
.Flex_VideoAspectRatio4x3 {
padding-top: 75%;
}
.Flex {
display: flex;
}
.FlexColumn {
flex-flow: column;
}
.FlexColumnReverse {
flex-flow: column-reverse;
}
.FlexRow {
flex-flow: row;
}
.FlexRowReverse {
flex-flow: row-reverse;
}
.RecordRow {
}
.RecordRow:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.RecordRowAlt {
}
.RecordRowAlt:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
tr:nth-child(even).RecordRowAlt {
background-color: #f6f5f6;
}
/*Adds alternating background color to table rows with class RecordRow */
.RecordCell {
vertical-align: top;
padding: 1px 5px 1px 0px;
}
.RecordCellNoWrap {
white-space: nowrap;
vertical-align: top;
padding: 1px 5px 1px 0px;
}
.Flex_Table {
width: 100%;
}
.Flex_TableRow {
vertical-align: top;
}
.Flex_TableRow:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.Flex_TableSwoosh {
background-image: url('../assets/images/gradientswoosh.png');
background-repeat: no-repeat;
}
.Flex_TableRowAlternating {
vertical-align: top;
}
.Flex_TableRowAlternating:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
tr:nth-child(even).Flex_TableRowAlternating {
background-color: #f6f5f6;
}
/*Adds alternating background color to table rows with class Flex_TableRowAlternating */
.Flex_TableCell {
padding: .5% 1% .5% 0;
}
.Flex_TableHeading {
font-size: 1em;
font-weight: bold;
}
.Flex_TableValue {
font-size: 1em;
font-weight: normal;
}
.Flex_TableCellCenter {
text-align: center;
padding: .5% 1% .5% 0;
}
.Flex_TableCellHeader {
border-bottom: 3px solid #5d3b5f;
padding: .5% 1% .5% 0;
}
.Flex_TableCellCenterHeader {
text-align: center;
border-bottom: 3px solid #5d3b5f;
padding: .5% 1% .5% 0;
}
.Flex_TableCellBottom {
border-bottom: 3px solid #5d3b5f;
padding: .5% 1% .5% 0;
}
.Flex_TableCellTop {
border-top: 3px solid #5d3b5f;
padding: .5% 1% .5% 0;
}
.Flex_TableCellHeading {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
}
.Flex_TableCellValue {
font-size: 1em;
line-height: 1.5em;
font-weight: normal;
padding: 1px 4px 1px 4px;
}
.Flex_TableUnderBorderSubtle {
border-bottom: 1px solid #cde1e4;
}
.Flex_TableUnderBorderBold {
border-bottom: 4px solid #2f8d9a;
}
.Flex_TableCellFooter {
border-top: 2px solid #5d3b5f;
padding: .5% 1% .5% 0;
}
.Flex_Box1of1 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxIconOrHeader {
vertical-align: bottom;
text-align: center;
padding: 0 0 1% 0;
}
.Flex_BoxIconSize {
max-height: 100%;
max-width: 100%;
}
.Flex_BoxIconSizeSmall {
max-width: 35%;
}
.Flex_BoxIconSizeMini {
max-width: 20%;
}
.Flex_IconSize100 {
width: 100px;
}
.Flex_BoxHeader {
font-size: 1.5em;
}
.Flex_BoxBody {
vertical-align: top;
}
.Flex_BoxSectionDivideLine {
clear: both;
width: 70%;
height: 2px;
margin: 3px 15% 3px 15%;
}
.Flex_BoxMinorDivideLine {
clear: both;
width: 100%;
height: 3px;
margin: 1% 0 1% 0;
}
.Flex_BoxMajorDivideLine {
clear: both;
width: 100%;
height: 6px;
margin: 1% 0 1% 0;
}
.Flex_BoxBriefDivideLine {
width: 50%;
margin: 0 25% 0 25%;
clear: both;
height: 4px;
}
.Flex_DivideLine {
width: 100%;
margin: 0;
clear: both;
height: 5px;
}
.Flex_BoxMinorHeader {
width: 98%;
clear: both;
text-align: center;
padding: 1%;
}
.Flex_BoxMinorHeaderLeft {
width: 98%;
clear: both;
padding: 1%;
}
.Flex_BoxMajorSubheading {
padding: 2px 10px 2px 2px;
font-size: 2em;
font-weight: normal;
}
.Flex_BoxMinorSubheading {
padding: 2px 10px 2px 2px;
font-size: 1em;
font-weight: bold;
}
.Flex_BoxSpanningHeader {
width: 100%;
clear: both;
text-align: center;
vertical-align: bottom;
}
.Flex_BoxSpanningHeaderRight {
width: 100%;
clear: both;
text-align: right;
vertical-align: bottom;
}
.Flex_BoxSpanningHeaderLeft {
width: 100%;
clear: both;
text-align: left;
vertical-align: bottom;
}
.Flex_BoxHeaderDescription {
width: 100%;
padding: 1em;
clear: both;
text-align: left;
vertical-align: bottom;
}
.Flex_BoxContainer {
float: left;
width: 100%;
}
.Flex_BoxScrolly {
width: 100%;
overflow: auto;
max-height: 10em;
}
.Flex_VerticalPadding {
padding: 2% 0 2% 0;
}
.Flex_VerticalSeparation {
margin: 2% 0 2% 0;
}
.Flex_TopSeparation {
margin: 2% 0 0 0;
}
.Flex_BottomSeparation {
margin: 0 0 2% 0;
}
.Flex_PaddedCell {
padding: .5em;
border: 1px solid transparent;
}
.Flex_PartnersBox {
float: left;
width: 98%;
margin: 1%;
border: 2px solid #ededed;
}
.Flex_PartnersBox:hover {
border: 2px solid #e7b71d;
}
.Flex_PartnersBoxLogo {
float: left;
width: 100%;
height: 80px;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
.Flex_PartnersBoxLogoImage {
margin-top: 10px;
}
.Flex_PartnersBoxDetails {
float: left;
width: 100%;
text-decoration: none;
}
.Flex_PartnersBoxDescription {
float: left;
height: 3.5em;
width: 75%;
margin: 1%;
}
.Flex_PartnersBoxBadge {
float: left;
width: 21%;
text-align: right;
padding: 1%;
}
.Flex_PartnersFooterLegacy {
float: left;
width: 98%;
height: 1.2em;
text-align: center;
padding: 1%;
background-color: #e7b71d;
}
.Flex_PartnersFooterElite {
float: left;
width: 98%;
height: 1.2em;
text-align: center;
padding: 1%;
background-color: #e7b71d;
}
.Flex_PartnersFooterPremier {
float: left;
width: 98%;
height: 1.2em;
text-align: center;
padding: 1%;
background-color: #2f8d9a;
}
.Flex_PartnersFooterAlliance {
float: left;
width: 98%;
height: 1.2em;
text-align: center;
padding: 1%;
background-color: #5d3b5f;
}
.Flex_PartnerFilterHeading {
vertical-align: top;
text-align: center;
}
.Flex_PartnerFilters {
vertical-align: top;
text-align: center;
}
.Flex_PartnerFilterOff {
font-size: 1.2em;
color: #fff;
background-color: #0eb1a7;
white-space: nowrap;
padding: 2px 5px 2px 5px;
margin-right: .25em;
border: 1px solid #10938b;
font-weight: normal;
text-decoration: none;
}
A.Flex_PartnerFilterOff:hover {
color: #fff;
background-color: #117a74;
}
.Flex_PartnerFilterOn {
font-size: 1.2em;
color: #fff;
background-color: #305074;
white-space: nowrap;
padding: 2px 5px 2px 5px;
margin-right: .25em;
border: 1px solid #1c3b5c;
font-weight: normal;
text-decoration: none;
}
A.Flex_PartnerFilterOn:hover {
background-color: #436790;
}
.Flex_PartnerProfileHeader {
width: 100%;
vertical-align: middle;
text-align: left;
padding: 3%;
margin: 2% 0 0 0;
font-size: 1.6em;
color: #fff;
font-weight: normal;
}
/*Flagged for deletion*/
.Flex_PartnerProfileStats {
width: 100%;
}
/*Flagged for deletion*/
.Flex_NewsItemContainer {
width: 100%;
margin: 0 0 1.5em 0;
}
.Flex_NewsItemDate {
vertical-align: top;
}
.Flex_NewsItemBody {
vertical-align: top;
margin: .3em 0 .3em 1.5em;
}
.Flex_BoxTopBorder {
padding-top: 5px;
border-top: 3px solid #2f8d9a;
}
.Flex_BoxBottomBorder {
padding-bottom: 5px;
border-bottom: 3px solid #2f8d9a;
}
.Flex_SectionBox {
padding: .5em;
border: 1px solid #e2e2e2;
box-shadow: 0px 3px 5px #aaaaaa;
}
/* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
.Flex_Buffer {
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_VariableBoxItem {
float: left;
width: 98%;
margin: 1%;
}
.Flex_CaseStudyBannerFeatured {
width: 75%;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 5%;
padding: 1em;
box-shadow: 0px 0px 8px 3px #fff;
}
.Flex_CaseStudyBannerFeaturedLogo {
width: 30%;
text-align: center;
}
.Flex_CaseStudyBannerFeaturedSummary {
width: 66%;
padding: 1%;
}
.Flex_CaseStudyDescription {
margin: 10px 0 0 0;
padding: 10px 0 10px 0;
border-top: 1px solid #fff;
}
.Flex_CaseStudyIndustry {
width: 96%;
float: left;
margin: 0 0 15px 0;
padding: 1px 5px 2px 5px;
}
/*** FORM ELEMENTS ***/
.Flex_Button {
font-weight: bold;
text-decoration: none;
line-height: 1.8em;
padding: .3em .6em .3em .6em;
white-space: nowrap;
}
.Flex_Rounded {
border-top-left-radius: .4em;
border-top-right-radius: .4em;
border-bottom-left-radius: .4em;
border-bottom-right-radius: .4em;
}
.Flex_RoundedSubtle {
border-top-left-radius: .2em;
border-top-right-radius: .2em;
border-bottom-left-radius: .2em;
border-bottom-right-radius: .2em;
}
.Flex_RoundedLeft {
border-top-left-radius: .4em;
border-bottom-left-radius: .4em;
}
.Flex_RoundedRight {
border-top-right-radius: .4em;
border-bottom-right-radius: .4em;
}
.Flex_Rounder {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.Flex_Oval {
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.Flex_OvalLeft {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
.Flex_OvalRight {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
}
.Flex_TextBox {
width: 100%;
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_Circle {
border-radius: 50%;
height: 1em;
width: 1em;
display: inline-block;
text-align: center;
padding: .06em .1em .13em .12em;
}
.Flex_CircleGo {
font-size: 2em;
text-decoration: none;
font-family: 'Courier', sans-serif;
}
.Flex_CancelButton {
font-size: 1em;
color: #494949;
background-color: #efefef;
font-weight: normal;
text-decoration: none;
border: 1px solid #7e7e7e;
line-height: 1.6em;
padding: .22em .6em .22em .6em;
}
.Flex_CancelButton:hover {
color: #494949;
background-color: #dddddd;
}
.Flex_Invalid {
color: #ff0000;
font-size: 1em;
text-decoration: none;
}
.Flex_CheckBox {
color: #494949;
font-weight: normal;
}
.Flex_CheckBox:hover {
color: #3e9aa2;
}
.Flex_InsideBorder1 {
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 1px 0 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(0, 0, 0, .1);
}
/* right, bottom, left, top */
.Flex_InsideBorderOnHover {
}
.Flex_InsideBorderOnHover:hover {
box-shadow: inset -4px 0 0 rgba(0, 0, 0, .045), inset 0 -4px 0 rgba(0, 0, 0, .045), inset 4px 0 0 rgba(0, 0, 0, .045), inset 0 4px 0 rgba(0, 0, 0, .045);
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
/*** BLOG ***/
.BlogLP_SponsorsTitleContainer {
border-bottom: 2px solid #083a67;
padding-bottom: 10px;
margin: 10px 0px 20px 0px;
}
.BlogLP_SponsorsTitle {
font-size: 14pt;
color: #333333;
font-weight: bold;
text-decoration: none;
}
.BlogLP_SponsorsLink {
text-decoration: none;
margin: 15px 0px 0px 0px;
}
.BlogLP_SponsorsLink:hover {
background-color: #f5f5f5;
}
.BlogLP_Body {
margin: 0px 5px 0px 5px;
}
.BlogLP_BodyContainer {
margin: 0px 0px 10px 0px;
}
.BlogLP_Link {
float: left;
text-decoration: none;
width: 100%;
}
.BlogLP_TitleContainer {
margin: 0px 5px 15px 5px;
}
.BlogLP_Title {
font-size: 14pt;
color: #4a4a4a;
font-weight: bold;
text-decoration: none;
}
.BlogLP_Description {
font-size: 11pt;
color: #4a4a4a;
font-weight: normal;
text-decoration: none;
}
.BlogLP_ReadMoreContainer {
float: right;
margin: 5px 40px 5px 0px;
}
.BlogLP_ReadMore {
font-size: 10pt;
color: #fff;
font-weight: normal;
padding: 2px 15px 2px 20px;
background-color: #083a67;
text-decoration: none;
}
.BlogLP_ReadMore:hover {
background-color: #511652;
}
.BlogLP_MorePostsContainer {
clear: both;
margin-top: 25px;
padding-top: 5px;
border-top: 3px solid #dbdbdb;
}
.Blog_Date {
float: right;
color: #511562;
font-size: 1em;
line-height: 2.5em;
font-weight: bold;
}
.Blog_BigLetter {
float: left;
vertical-align: top;
padding: 0px 3px 3px 0px;
color: #333333;
font-size: 5.2em;
font-weight: bold;
}
.Blog_Author {
margin-left: 1em;
color: #494949;
font-size: 1.1em;
font-weight: normal;
}
.Blog_AuthorCompany {
margin: 0 0 1em 1em;
color: #2874b8;
font-size: 1em;
font-weight: normal;
}
.Blog_AuthorText {
color: #511652;
font-size: 1em;
font-weight: normal;
}
.Blog_Body {
clear: both;
}
.Blog_BodyText {
color: #333333;
font-size: 1em;
line-height: 1.5em;
font-weight: normal;
}
.Blog_BodySubheading {
color: #333333;
font-size: 2em;
margin: 0 0 0 0;
font-weight: normal;
}
.Blog_BodyText blockquote {
border-left: 3px solid #dce3ea;
margin: 0 3em 0 1em;
padding-left: 1em;
color: #494949;
font-size: 1em;
line-height: 1.5em;
font-style: italic;
font-weight: normal;
}
.Blog_BodyText ul {
color: #494949;
font-size: 1em;
margin-top: -1.5em;
margin-bottom: -1.5em;
}
.Blog_BodyText ol {
color: #494949;
font-size: 1em;
margin-top: -1.5em;
margin-bottom: -1.5em;
}
.Blog_BodyText ul li {
color: #494949;
font-size: 1em;
margin-top: -1.5em;
}
.Blog_BodyText ol li {
color: #494949;
font-size: 1em;
margin-top: -1.5em;
}
.Blog_BodyImageRight {
float: right;
margin: 1em 0 1em 1em;
}
.Blog_BodyImageLeft {
float: left;
margin: 1em 1em 1em 0;
}
.Blog_Bio {
clear: both;
margin-top: 15px;
padding-top: 15px;
border-top: 2px solid #083a67;
}
.Blog_BioImage {
float: left;
margin: 15px 2em 1em 0;
}
.Blog_BioBody {
margin: 0 0 2.5em 0;
}
.Blog_BioAuthorContainer {
margin: 10px 5px 5px 5px;
}
.Blog_BioAuthor {
color: #494949;
font-size: 1.1em;
line-height: 2em;
font-weight: normal;
}
.Blog_BioTitle {
color: #2874b8;
font-size: 1.1em;
font-weight: normal;
}
.Blog_BioSocial {
margin: 10px 5px 5px 5px;
}
.Blog_BioSocialIcons {
margin: 3px 5px 3px 0;
}
/*** ADMIN PAGES AND FORMS ***/
.StyleIndicatorPanel {
position: fixed;
top: 50%;
right: 40%;
z-index: 0;
background-color: #fffb3d;
padding: 0px 2px 0px 2px;
border: 1px solid #ede929;
}
.Flex_Dimensions {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
font-family: 'Open Sans', sans-serif
}
.Flex_AdminHeaderUpdate {
float: left;
}
.Flex_AdminHeaderErrors {
clear: both;
margin-top: 10px;
}
.Flex_RecordListContainer {
margin: 0 0 30px 5px;
}
.Flex_RecordListTable {
}
.Flex_RecordListSort {
font-size: 1em;
color: #3e9aa2;
font-weight: normal;
text-decoration: underline;
}
A.Flex_RecordListSort:hover {
color: #227178;
}
A.Flex_RecordListSort:focus {
color: #227178;
}
.Flex_RecordListSortCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 0 0;
}
.Flex_RecordListCellString {
vertical-align: top;
padding: 1px 4px 0 0;
}
.Flex_RecordListCellNumber {
vertical-align: top;
text-align: right;
padding: 1px 4px 0 0;
}
.Flex_RecordListValue {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_RecordRowHeading {
background-color: #6d2a56;
}
.Flex_RecordRowHighlighted {
background-color: #fffc75;
}
.Flex_RecordRowHighlighted:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.Flex_RecordListEdit {
font-size: 1em;
color: #3e9aa2;
font-weight: normal;
text-decoration: underline;
}
A.Flex_RecordListEdit:hover {
color: #227178;
}
A.Flex_RecordListEdit:focus {
color: #227178;
}
.Flex_RecordList {
font-size: 1em;
color: #3e9aa2;
font-weight: normal;
text-decoration: underline;
}
A.Flex_RecordList:hover {
color: #227178;
}
A.Flex_RecordList:focus {
color: #227178;
}
.Flex_EditRecord {
font-size: 8pt;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
A.Flex_EditRecord:hover {
color: #083a67;
}
A.Flex_EditRecord:focus {
color: #083a67;
}
.Flex_DeleteRecord {
font-size: 8pt;
color: #083a67;
font-weight: normal;
text-decoration: underline;
}
A.Flex_DeleteRecord:hover {
color: #000;
}
A.Flex_DeleteRecord:focus {
color: #000;
}
.RecordHeading {
font-size: 8pt;
color: #494949;
font-weight: bold;
}
.RecordValue {
font-size: 8pt;
color: #494949;
font-weight: normal;
}
.RecordDeleted {
font-size: 8pt;
color: #083a67;
font-weight: normal;
}
.RecordError {
font-size: 8pt;
color: #083a67;
font-weight: normal;
}
.FormEditButton {
float: left;
margin: 5px;
}
.FormHeading {
font-size: 1em;
color: #494949;
font-weight: bold;
}
.FormRequired {
font-size: 1.25em;
color: #ff0000;
font-weight: bold;
}
.FormValueRequired {
border: 1px solid #ff0000;
background-color: #fff5f5;
}
.FormHeadingAlt {
font-size: 1em;
color: #f7f7f7;
font-weight: bold;
}
.FormValue {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.FormValueHighlight {
font-size: 1em;
color: #2f8d9a;
font-weight: bold;
}
.FormValueSigned {
background-color: #fbff3b;
}
.FormInstructionsHeading {
font-size: .7em;
color: #494949;
font-weight: bold;
}
.FormInstructions {
font-size: .7em;
color: #494949;
font-weight: normal;
}
.FormInstructionEmphasis {
font-size: .7em;
color: #6d2a56;
font-weight: bold;
}
.FormCell {
vertical-align: top;
padding: 1px 4px 0 0;
}
.FormInsideForm {
background-color: #ebd5ed;
}
.FormRadio input[type="radio"] {
margin: .25em .25em .25em 0;
}
.MultiFormBox {
float: left;
margin: 20px;
}
.ContactFormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 1% 1px 0;
width: 25%;
}
.ContactFormValueCell {
vertical-align: top;
padding: 1px 1% 1px 0;
width: 65%
}
.FormSubmit {
font-size: 1em;
color: #fff;
font-weight: normal;
background-color: #083a67;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
.FormSubmit:hover {
background-color: #511652;
}
.FormPreview {
font-size: 1em;
color: #fff;
font-weight: normal;
background-color: #34a400;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
.FormPreview:hover {
background-color: #267900;
}
.FormFilterButton {
font-size: 1em;
color: #fff;
font-weight: normal;
background-color: #34a400;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
.FormFilterButton:hover {
background-color: #267900;
}
.FormCancel {
font-size: .9em;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
.FormCancel:hover {
color: #083a67;
}
.FormLink {
font-size: 1em;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
.FormLink:hover {
color: #083a67;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribeHeading {
font-size: 1.2em;
color: #494949;
font-weight: normal;
}
.Flex_NewsletterSubscribeTitle {
font-size: 1.2em;
color: #511652;
font-weight: bold;
}
.Flex_NewsletterSubscribeTitleError {
font-size: 1.2em;
color: #6d6d6d;
font-weight: bold;
}
.Flex_NewsletterSubscribeButton {
font-size: 1.2em;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #511652;
padding: .3vh .5vh .3vh .5vh
}
.Flex_NewsletterSubscribeTitlePanel {
width: 100%;
text-align: center;
margin: 1vh 1vh 0vh 1vh;
}
.Flex_NewsletterSubscribeSuccess {
clear: both;
width: 100%;
text-align: center;
margin: 1vh 1vh 1vh 1vh
}
.Flex_NewsletterSubscribeErrors {
font-size: 1.2em;
color: #083a67;
font-weight: bold;
}
.Flex_NewsletterSubscribeErrorsPanel {
clear: both;
width: 100%;
text-align: center;
margin: .1vh 1vh .1vh 1vh;
}
.Flex_NewsletterSubscribeButton:hover {
background-color: #360c38;
}
.Flex_NewsletterSubscribeButton:focus {
background-color: #360c38;
}
.Flex_NewsletterSubscribePanelSpam {
display: inline-block;
}
.Flex_NewsletterSubscribeTextboxSpam {
width: 3px;
font-size: .5em;
color: #fff;
border: 1px solid #fff;
}
/*** HEADER ***/
.Flex_HeaderHamburger {
float: right;
margin: .4em;
}
.Flex_HeaderHiddenWrapper {
float: right;
margin: 0;
padding: 0;
}
.Flex_HeaderVerticalNav {
display: none;
}
.Flex_HeaderPhone {
margin: .2em .7em 0em 0em;
float: left;
}
.Flex_HeaderPhoneText {
font-size: 1.0em;
color: #5d3b5f;
font-weight: normal;
text-decoration: none;
}
.Flex_HeaderVerticalPhone {
margin: 0em .1em 1em 0em;
float: left;
}
.Flex_HeaderVerticalPhoneText {
font-size: 1.2em;
color: #FFF;
font-weight: normal;
text-decoration: none;
}
.Flex_HeaderVerticalPhoneLink {
font-size: 1.2em;
color: #FFF;
font-weight: normal;
text-decoration: underline;
}
.Flex_HeaderVerticalPhoneLink:hover {
color: #dddddd;
}
/*** FOOTER ***/
.Flex_FooterWrapper {
}
.Flex_FooterBack {
background-color: #313131;
background-image: url('../Assets/images/Layout/FooterBG.png');
background-repeat: repeat;
}
.Flex_Footer {
background-color: #313131;
}
.Flex_FooterSurveyWrapper {
width: 100%;
padding: .2em 0 0 0;
background-color: #dbdbdb;
}
.Flex_FooterSurveyQuestionText {
color: #484848;
font-size: 1em;
font-weight: normal;
}
.Flex_FooterSurveyThankYouText {
color: #083a67;
font-size: 1em;
font-weight: normal;
}
.Flex_FooterSurveyAnswer {
display: inline;
margin-left: 1em;
white-space: nowrap;
line-height: 1.5em;
}
.Flex_FooterSurveyAnswerKey {
color: #346f7c;
font-size: .75em;
font-weight: normal;
}
.Flex_FooterSurveyAnswers {
color: #ededed;
font-size: 1em;
font-weight: bold;
padding: .15em .35em .15em .35em;
text-decoration: none;
font-weight: normal;
border-radius: .2em;
background-color: #2874b8;
}
.Flex_FooterSurveyAnswer1 {
background-color: #346f7c;
}
.Flex_FooterSurveyAnswer1:hover {
background-color: #083a67;
}
.Flex_FooterSurveyAnswer2 {
background-color: #346f7c;
}
.Flex_FooterSurveyAnswer2:hover {
background-color: #cb8213;
}
.Flex_FooterSurveyAnswer3 {
background-color: #346f7c;
}
.Flex_FooterSurveyAnswer3:hover {
background-color: #8f8f8f;
}
.Flex_FooterSurveyAnswer4 {
background-color: #346f7c;
}
.Flex_FooterSurveyAnswer4:hover {
background-color: #69bf00;
}
.Flex_FooterSurveyAnswer5 {
background-color: #346f7c;
}
.Flex_FooterSurveyAnswer5:hover {
background-color: #049600;
}
.Flex_FooterColumnLink {
color: #6fb4ba;
font-size: .8em;
line-height: 1.6em;
text-decoration: underline;
}
A.Flex_FooterColumnLink:visited {
color: #6fb4ba;
text-decoration: underline;
}
A.Flex_FooterColumnLink:hover {
color: #21b1bd;
text-decoration: underline;
}
A.Flex_FooterColumnLink:focus {
color: #21b1bd;
text-decoration: underline;
}
.Flex_FooterFinal {
clear: both;
margin-top: 5px;
}
.Flex_FooterFinalText {
color: #333333;
font-size: .8em;
font-weight: normal;
}
.Flex_FooterFinalLink {
color: #b8d5ee;
font-size: .75em;
text-decoration: underline;
font-weight: normal;
}
.Flex_FooterInverse {
color: #ffffff;
font-size: .75em;
font-weight: normal;
}
A.Flex_FooterFinalLink:link {
color: #b8d5ee;
text-decoration: underline;
}
A.Flex_FooterFinalLink:visited {
color: #b8d5ee;
text-decoration: underline;
}
A.Flex_FooterFinalLink:hover {
color: #fff;
text-decoration: underline;
}
A.Flex_FooterFinalLink:focus {
color: #fff;
text-decoration: underline;
}
/*** INSTALLATION GUIDES ***/
.Flex_InstallationGuideContents {
font-size: 1.2em;
padding-left: .3em;
line-height: 1.5em;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
A.Flex_InstallationGuideContents:hover {
color: #083a67;
}
/*** MEMBERS LANDING PAGES ***/
.Flex_LatestNewsTitle {
font-size: .9em;
color: #2874b8;
font-weight: normal;
text-decoration: underline;
}
A.Flex_LatestNewsTitle:link {
color: #511657;
}
A.Flex_LatestNewsTitle:visited {
color: #083a67;
}
A.Flex_LatestNewsTitle:hover {
color: #000;
}
A.Flex_LatestNewsTitle:focus {
color: #000;
}
/*** Main header on all pages ***/
.Flex_HeaderLoginBox {
float: right;
margin: 0em 0em .1em .5em;
padding: .2em;
border-top-left-radius: .2em;
border-top-right-radius: .2em;
}
.Flex_HeaderMainWrapper {
background-color: #ffffff;
}
.Flex_HeaderSearchButtonBox {
background-color: #e1e1e1;
float: right;
margin: 0em .4em 0em 0em;
padding: 0em 0em 0em 0em;
text-align: right;
height: 1.5em;
}
/*** HOME ***/
.Flex_MainBannerImage {
width: 100%;
}
.Flex_VerticalSearch {
display: none;
}
.Flex_SearchHamburgerSubmit {
background-color: #f0f0f0;
color: #666666;
padding: 10px;
border: solid 1px #666666;
cursor: pointer;
}
.Flex_HomeHighlightBox {
box-shadow: 0px 0px 10px #888888;
padding: 1em;
}
/* box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
.Flex_HomeHighlightBoxGo {
text-align: right;
height: 2.5em;
}
.Flex_HomeHighlightPartnersBody {
height: 5em;
}
.Flex_HomeHighlightPartners {
height: 10em;
}
.Flex_GrowSubtle {
transition: all .2s ease-in-out;
}
.Flex_GrowSubtle:hover {
transform: scale(1.02);
}
/*** Main banner on the home page ***/
.Flex_BannerBackground {
width: 100%;
margin-bottom: 1.5em;
}
.Flex_BannerSlideBackground {
background-color: #fff;
padding: 0 0 10px 0;
}
.Flex_HomeMainBannerImage {
width: 100%;
}
/*** Flash news items on home and other pages ***/
.Flex_FlashNewsWrapper {
width: 100%;
margin: 0;
padding: 0;
}
.Flex_FlashNewsItem {
margin: 0 0 0 0;
padding: .5em;
background-color: #e8e8e8;
}
.Flex_FlashNewsItem:hover {
background-color: #e1e1e1;
}
.Flex_FlashNewsItemSev1 {
color: #083a67;
border-top: .7vh solid #083a67;
border-bottom: .2vh solid #083a67;
border-left: .1vh solid #a5a5a5;
border-right: .1vh solid #a5a5a5;
}
.Flex_FlashNewsItemSev1 a {
color: #2874b8;
text-decoration: underline;
}
.Flex_FlashNewsItemSev1 a:hover {
color: #073c6c;
}
.Flex_FlashNewsItemSev2 {
color: #2874b8;
border-top: .7vh solid #2874b8;
border-bottom: .2vh solid #2874b8;
border-left: .1vh solid #a5a5a5;
border-right: .1vh solid #a5a5a5;
}
.Flex_FlashNewsItemSev2 a {
color: #083a67;
text-decoration: underline;
}
.Flex_FlashNewsItemSev2 a:hover {
color: #000;
}
.Flex_FlashNewsItemSev3 {
color: #404040;
border-top: .7vh solid #6d6d6d;
border-bottom: .2vh solid #6d6d6d;
border-left: .1vh solid #a5a5a5;
border-right: .1vh solid #a5a5a5;
}
.Flex_FlashNewsItemSev3 a {
color: #083a67;
text-decoration: underline;
}
.Flex_FlashNewsItemSev3 a:hover {
color: #000;
}
.Flex_FlashNewsText {
font-size: 1em;
color: #565656;
font-weight: normal;
text-decoration: none;
}
.Flex_FlashNewsHeaderTextSev1 {
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: normal;
text-decoration: none;
background-image: url('../assets/images/icons/flashsev1.png');
background-position: left top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
}
.Flex_FlashNewsHeaderTextSev2 {
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: normal;
text-decoration: none;
background-image: url('../assets/images/icons/flashsev2.png');
background-position: left top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
}
.Flex_FlashNewsHeaderTextSev3 {
margin: 0 0 0 0;
font-size: 1.2em;
font-weight: normal;
text-decoration: none;
background-image: url('../assets/images/icons/flashsev3.png');
background-position: left top;
background-attachment: scroll;
background-repeat: no-repeat;
padding: 0px 0px 0px 25px;
}
/*** Secondary news items on the home page ***/
.Flex_HomeLittleNewsWrapper {
clear: both;
width: 98%;
padding: 1%;
overflow: hidden;
}
.Flex_HomeLittleNewsNoHover {
border: 3px solid transparent;
}
.Flex_HomeLittleNewsHover {
border: 3px solid transparent;
}
.Flex_HomeLittleNewsHover:hover {
border: 3px solid #484848;
}
.Flex_HomeLittleNewsHeaderMemberText {
font-size: 1em;
color: #fff;
font-weight: normal;
text-decoration: none;
}
/*** Carrier carousel on the home page ***/
.Flex_HomeCarriersList {
vertical-align: middle;
text-align: center;
margin-bottom: 2%;
}
.Flex_HomeCarriersList img {
vertical-align: middle;
}
.Flex_HomeCarriersFinally {
max-width: 225px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
/*** Netflix-Like Video Thumbnail Slider ***/
.videoThumbnail {
padding-top: 3%;
color: var(--colorWhite);
}
.videoTitle {
font-size: 20px;
line-height: 14px;
font-weight: 500;
margin: 0 4% 12px;
}
.videoTiles.swiper-container {
padding: 0 4%;
}
.videoTile {
width: 100%;
overflow: hidden;
}
.videoTile__image {
width: 100%;
border-radius: 4px;
}
.videoTiles .swiper-button-prev,
.videoTiles .swiper-button-next {
background-color: #ffffff;
}
.videoTiles .swiper-button-prev {
left: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.videoTiles .swiper-button-next {
right: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.videoTiles .swiper-button-prev::after,
.videoTiles .swiper-button-next::after {
background-color: rgb(70, 32, 85);
font-size: 4vw;
font-weight: bold;
}
@media screen and (min-width: 640px) {
.videoTiles .swiper-button-prev::after,
.videoTiles .swiper-button-next::after {
display: none;
font-size: 2.4vw;
}
.videoTiles .swiper-button-prev:hover::after,
.videoTiles .swiper-button-next:hover::after {
transform: scale(1.25);
}
.videoTiles:hover .swiper-button-prev::after,
.videoTiles:hover .swiper-button-next::after {
display: block;
}
}
/*** Docs pages ***/
.DocsStretchInside {
max-width: 1040px;
margin: 0 auto;
overflow: hidden;
}
/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████*/
/********************************************************************************************************************/
/*** SCREEN-SPECIFIC CLASSES ************************************************************************************/
/********************************************************************************************************************/
/*██████████████████████████████████████████████████████████████████████████████████████████████████████████████████*/
/* Standard Desktop, for screens above 1200 pixels wide */
/*██████████████████████████████████████████████████████*/
@media (min-width : 1199px) {
.FlexSize {
font-size: 1rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 1.5em;
}
.BigScreenOnly {
}
.SmallScreenOnly {
display: none;
}
.CenterOnSmall {
}
.RounderUntilSmall {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.LeftCenterOnSmall {
text-align: left;
}
.RightCenterOnSmall {
text-align: right;
}
.RightClearOnSmall {
float: right;
}
.LeftClearOnSmall {
float: left;
}
.Flex_75ToFull {
width: 75%;
margin: 0 auto;
}
.Flex_FullTo75 {
width: 100%;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagram1.png');
background-repeat: no-repeat;
background-position-y: bottom;
height: 560px;
margin-bottom: 60px;
}
.Flex_GradientHeroBackground {
background-image: url('../assets/images/backgroundswoosh.png');
background-repeat: no-repeat;
background-position-y: bottom;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 2em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 98%;
height: 60px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2 {
width: 100%;
height: 130px;
margin: 0;
padding-top: 50px;
font-size: 1em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Left {
float: left;
width: 27%;
height: 130px;
text-align: left;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow2Right {
float: right;
width: 27%;
height: 130px;
text-align: right;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow3 {
clear: both;
width: 98%;
height: 30px;
text-align: right;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Mobile {
display: none;
}
.Flex_HomeCenterpieceRow3Mobile {
display: none;
}
.Flex_HomeCenterpieceRow4Mobile {
display: none;
}
/*** ADMIN PAGES AND FORMS AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
width: 15%;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_AdminHeaderOptions table tr {
border: 1px solid #dbdbdb;
}
.Flex_AdminHeaderOptions table th {
padding: .625em;
text-align: left;
}
.Flex_AdminHeaderOptions table td {
padding: .2em;
text-align: left;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
width: 54%;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
width: 29%;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin-top: -10px;
}
.Flex_BannerTitles {
width: 100%;
padding: 20px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 2.2em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1.6em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapse table tr {
border: 1px solid #ddd;
padding: .35em;
}
.Flex_TableCollapse table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapse table td {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
border-collapse: collapse;
padding: .15em;
}
.Flex_TableCollapseBorderless table th {
padding: .25em;
text-align: left;
}
.Flex_TableCollapseBorderless table td {
padding: .25em;
text-align: left;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
}
.Flex_TopBannerOverlayBGStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Flex_TopBannerOverlayStretched {
display: none;
}
.Flex_TopBannerOverlayImageStretched {
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_BreadcrumbsContainer {
max-width: 960px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.Flex_TopBannerBackground {
width: 100%;
}
.Flex_TopBannerContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerImage {
display: none;
}
.Flex_TopBannerImageBG {
width: 100%;
position: relative;
background-repeat: repeat;
background-position: top center;
}
.Flex_TopBannerTitleBar {
display: none;
}
.Flex_TopBannerTitleBarBG {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_TopBannerTitleBarBGTeal {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
opacity: .75;
}
.Flex_LandingBody {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 1.5% 0 0 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 25%;
}
.Flex_Width2of4 {
width: 25%;
}
.Flex_Width3of4 {
width: 25%;
}
.Flex_Width4of4 {
width: 25%;
}
.Flex_Width1of5 {
width: 20%;
}
.Flex_Width2of5 {
width: 20%;
}
.Flex_Width3of5 {
width: 20%;
}
.Flex_Width4of5 {
width: 20%;
}
.Flex_Width5of5 {
width: 20%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 1em;
}
.Flex_VariableHeight2 {
height: 2em;
}
.Flex_VariableHeight3 {
height: 3em;
}
.Flex_VariableHeight4 {
height: 4em;
}
.Flex_VariableHeight5 {
height: 5em;
}
.Flex_VariableHeight6 {
height: 6em;
}
.Flex_VariableHeight7 {
height: 7em;
}
.Flex_VariableHeight8 {
height: 8em;
}
.Flex_VariableHeight9 {
height: 9em;
}
.Flex_VariableHeight10 {
height: 10em;
}
.Flex_VariableHeight12 {
height: 12em;
}
.Flex_VariableHeight14 {
height: 14em;
}
.Flex_VariableHeight16 {
height: 16em;
}
.Flex_VariableHeight20 {
height: 20em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 18em;
}
/*** Training Schedule ***/
.Flex_TrainingText {
margin: 0px 35px 0px 5px;
}
.Flex_TrainingTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_TrainingCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_TrainingContainer {
padding: 5% 5% 45% 5%;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border: 3px solid #dbdbdb;
text-align: center;
float: right;
width: 234px;
margin: 40px 0px 30px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 670px;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
/*** Main header on all pages ***/
/*.Flex_HeaderMainWrapper {width: 100%; margin: 0; padding: .3em; position: fixed; z-index: 999; top: 0px;}*/
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: relative;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
clear: both;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
/*.Flex_HeaderSecondaryWrapper {width: 100%; clear: both; margin: 0; padding: 0; background-color: #727272; position: fixed; z-index: 998; top: 49px;}*/
.Flex_HeaderSecondaryWrapper {
width: 100%;
margin: 0;
padding: 0;
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
position: relative;
z-index: 998;
}
.Flex_HeaderSecondary {
max-width: 954px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navHori > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
padding-left: .3em;
}
/*Nav menu first level items*/
navHori li ul a {
font-size: .95em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*Nav menu second level items*/
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 960px;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel2 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel3 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel4 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 2em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: 0em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn2 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn3 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn4 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 20em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
font-family: 'Open Sans', sans-serif
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Tablet Large Landscape, for screens 961 to 1199 pixels wide in landscape mode */
/*███████████████████████████████████████████████████████████████████████████████*/
@media (min-width : 961px) and (max-width: 1199px) and (orientation: landscape) {
.FlexSize {
font-size: 1rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 1.75em;
}
.BigScreenOnly {
}
.SmallScreenOnly {
display: none;
}
.CenterOnSmall {
}
.RounderUntilSmall {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.LeftCenterOnSmall {
text-align: left;
}
.RightCenterOnSmall {
text-align: right;
}
.RightClearOnSmall {
float: right;
}
.LeftClearOnSmall {
float: left;
}
.Flex_75ToFull {
width: 75%;
margin: 0 auto;
}
.Flex_FullTo75 {
width: 100%;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/Middle1.png');
background-repeat: no-repeat;
background-position-y: bottom;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 2em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 98%;
height: 60px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2 {
width: 100%;
height: 130px;
margin: 0;
padding-top: 50px;
font-size: 1em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Left {
float: left;
width: 27%;
height: 130px;
text-align: left;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow2Right {
float: right;
width: 27%;
height: 130px;
text-align: right;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow3 {
clear: both;
width: 98%;
height: 30px;
text-align: right;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Mobile {
display: none;
}
.Flex_HomeCenterpieceRow3Mobile {
display: none;
}
.Flex_HomeCenterpieceRow4Mobile {
display: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
width: 20%;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_AdminHeaderOptions table tr {
border: 1px solid #dbdbdb;
}
.Flex_AdminHeaderOptions table th {
padding: .625em;
text-align: left;
}
.Flex_AdminHeaderOptions table td {
padding: .2em;
text-align: left;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
width: 50%;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
width: 30%;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin-top: -10px;
}
.Flex_BannerTitles {
width: 100%;
padding: 20px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 2.0em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapse table tr {
border: 1px solid #ddd;
padding: .35em;
}
.Flex_TableCollapse table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapse table td {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
border-collapse: collapse;
padding: .35em;
}
.Flex_TableCollapseBorderless table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table td {
padding: .625em;
text-align: left;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
}
.Flex_TopBannerOverlayBGStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Flex_TopBannerOverlayStretched {
display: none;
}
.Flex_TopBannerOverlayImageStretched {
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 98%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 1% 5px 1%;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_BreadcrumbsContainer {
max-width: 960px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.Flex_TopBannerBackground {
width: 100%;
}
.Flex_TopBannerContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerImage {
display: none;
}
.Flex_TopBannerImageBG {
width: 100%;
position: relative;
background-repeat: repeat;
background-position: top center;
}
.Flex_TopBannerTitleBar {
display: none;
}
.Flex_TopBannerTitleBarBG {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_TopBannerTitleBarBGTeal {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
opacity: .75;
}
.Flex_LandingBody {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 2% 0 0 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 25%;
}
.Flex_Width2of4 {
width: 25%;
}
.Flex_Width3of4 {
width: 25%;
}
.Flex_Width4of4 {
width: 25%;
}
.Flex_Width1of5 {
width: 20%;
}
.Flex_Width2of5 {
width: 20%;
}
.Flex_Width3of5 {
width: 20%;
}
.Flex_Width4of5 {
width: 20%;
}
.Flex_Width5of5 {
width: 20%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 1em;
}
.Flex_VariableHeight2 {
height: 2em;
}
.Flex_VariableHeight3 {
height: 3em;
}
.Flex_VariableHeight4 {
height: 4em;
}
.Flex_VariableHeight5 {
height: 5em;
}
.Flex_VariableHeight6 {
height: 6em;
}
.Flex_VariableHeight7 {
height: 7em;
}
.Flex_VariableHeight8 {
height: 8em;
}
.Flex_VariableHeight9 {
height: 9em;
}
.Flex_VariableHeight10 {
height: 10em;
}
.Flex_VariableHeight12 {
height: 12em;
}
.Flex_VariableHeight14 {
height: 14em;
}
.Flex_VariableHeight16 {
height: 16em;
}
.Flex_VariableHeight20 {
height: 20em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 18em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border: 3px solid #dbdbdb;
text-align: center;
float: right;
width: 234px;
margin: 40px 0px 30px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 670px;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
/*** Main header on all pages ***/
/*.Flex_HeaderMainWrapper {width: 100%; margin: 0; padding: .3em; position: fixed; z-index: 999; top: 0px;}*/
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: relative;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
clear: both;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
/*.Flex_HeaderSecondaryWrapper {width: 100%; clear: both; margin: 0; padding: 0; background-color: #727272; position: fixed; z-index: 998; top: 49px;}*/
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
position: relative;
z-index: 998;
}
.Flex_HeaderSecondary {
max-width: 954px;
width: 99%;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navHori > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
padding-left: .3em;
}
/*Nav menu first level items*/
navHori li ul a {
font-size: .95em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*Nav menu second level items*/
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 940px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel2 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel3 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel4 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn2 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn3 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn4 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 20em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Tablet Large Portrait, for screens 961 to 1199 pixels wide in portrait mode */
/*█████████████████████████████████████████████████████████████████████████████*/
@media (min-width : 961px) and (max-width: 1199px) and (orientation: portrait) {
.FlexSize {
font-size: 1rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 1.75em;
}
.BigScreenOnly {
}
.SmallScreenOnly {
display: none;
}
.CenterOnSmall {
}
.RounderUntilSmall {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.LeftCenterOnSmall {
text-align: left;
}
.RightCenterOnSmall {
text-align: right;
}
.RightClearOnSmall {
float: right;
}
.LeftClearOnSmall {
float: left;
}
.Flex_75ToFull {
width: 75%;
margin: 0 auto;
}
.Flex_FullTo75 {
width: 100%;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagram1.png');
background-repeat: no-repeat;
background-position-y: bottom;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 2em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 98%;
height: 60px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2 {
width: 100%;
height: 130px;
margin: 0;
padding-top: 50px;
font-size: 1em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Left {
float: left;
width: 27%;
height: 130px;
text-align: left;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow2Right {
float: right;
width: 27%;
height: 130px;
text-align: right;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow3 {
clear: both;
width: 98%;
height: 30px;
text-align: right;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1.2em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Mobile {
display: none;
}
.Flex_HomeCenterpieceRow3Mobile {
display: none;
}
.Flex_HomeCenterpieceRow4Mobile {
display: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
width: 20%;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_AdminHeaderOptions table tr {
border: 1px solid #dbdbdb;
}
.Flex_AdminHeaderOptions table th {
padding: .625em;
text-align: left;
}
.Flex_AdminHeaderOptions table td {
padding: .2em;
text-align: left;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
width: 50%;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
width: 30%;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin-top: -10px;
}
.Flex_BannerTitles {
width: 100%;
padding: 20px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 2.0em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapse table tr {
border: 1px solid #ddd;
padding: .35em;
}
.Flex_TableCollapse table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapse table td {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
border-collapse: collapse;
padding: .35em;
}
.Flex_TableCollapseBorderless table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table td {
padding: .625em;
text-align: left;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
}
.Flex_TopBannerOverlayBGStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Flex_TopBannerOverlayStretched {
display: none;
}
.Flex_TopBannerOverlayImageStretched {
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 98%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 1% 5px 1%;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_BreadcrumbsContainer {
max-width: 960px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.Flex_TopBannerBackground {
width: 100%;
}
.Flex_TopBannerContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerImage {
display: none;
}
.Flex_TopBannerImageBG {
width: 100%;
position: relative;
background-repeat: repeat;
background-position: top center;
}
.Flex_TopBannerTitleBar {
display: none;
}
.Flex_TopBannerTitleBarBG {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_TopBannerTitleBarBGTeal {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
opacity: .75;
}
.Flex_LandingBody {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 1.6% 0 0 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 25%;
}
.Flex_Width2of4 {
width: 25%;
}
.Flex_Width3of4 {
width: 25%;
}
.Flex_Width4of4 {
width: 25%;
}
.Flex_Width1of5 {
width: 20%;
}
.Flex_Width2of5 {
width: 20%;
}
.Flex_Width3of5 {
width: 20%;
}
.Flex_Width4of5 {
width: 20%;
}
.Flex_Width5of5 {
width: 20%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 1em;
}
.Flex_VariableHeight2 {
height: 2em;
}
.Flex_VariableHeight3 {
height: 3em;
}
.Flex_VariableHeight4 {
height: 4em;
}
.Flex_VariableHeight5 {
height: 5em;
}
.Flex_VariableHeight6 {
height: 6em;
}
.Flex_VariableHeight7 {
height: 7em;
}
.Flex_VariableHeight8 {
height: 8em;
}
.Flex_VariableHeight9 {
height: 9em;
}
.Flex_VariableHeight10 {
height: 10em;
}
.Flex_VariableHeight12 {
height: 12em;
}
.Flex_VariableHeight14 {
height: 14em;
}
.Flex_VariableHeight16 {
height: 16em;
}
.Flex_VariableHeight20 {
height: 20em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 18em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border: 3px solid #dbdbdb;
text-align: center;
float: right;
width: 234px;
margin: 40px 0px 30px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 670px;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
/*** Main header on all pages ***/
/*.Flex_HeaderMainWrapper {width: 100%; margin: 0; padding: .3em; position: fixed; z-index: 999; top: 0px;}*/
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: relative;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
padding: 0 .3em 0 .3em;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
clear: both;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
/*.Flex_HeaderSecondaryWrapper {width: 100%; clear: both; margin: 0; padding: 0; background-color: #727272; position: fixed; z-index: 998; top: 49px;}*/
.Flex_HeaderSecondaryWrapper {
width: 100%;
margin: 0;
padding: 0;
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
position: relative;
z-index: 998;
}
.Flex_HeaderSecondary {
width: 99%;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navHori > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
padding-left: .3em;
}
/*Nav menu first level items*/
navHori li ul a {
font-size: .95em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*Nav menu second level items*/
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 940px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel2 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel3 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel4 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn2 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn3 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn4 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 20em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Tablet Landscape, for screens 769 to 960 pixels wide in landscape mode */
/*████████████████████████████████████████████████████████████████████████*/
@media (min-width : 769px) and (max-width: 960px) and (orientation: landscape) {
.FlexSize {
font-size: .95rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2em;
}
.BigScreenOnly {
}
.SmallScreenOnly {
display: none;
}
.CenterOnSmall {
}
.RounderUntilSmall {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.LeftCenterOnSmall {
text-align: left;
}
.RightCenterOnSmall {
text-align: right;
}
.RightClearOnSmall {
float: right;
}
.LeftClearOnSmall {
float: left;
}
.Flex_75ToFull {
width: 75%;
margin: 0 auto;
}
.Flex_FullTo75 {
width: 100%;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramSmaller1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: center;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramSmallerHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 98%;
height: 60px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .85em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2 {
width: 100%;
height: 130px;
margin: 0;
padding-top: 30px;
font-size: .9em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Left {
float: left;
width: 27%;
height: 130px;
text-align: left;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow2Right {
float: right;
width: 27%;
height: 130px;
text-align: right;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow3 {
clear: both;
width: 98%;
height: 30px;
text-align: right;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .85em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Mobile {
display: none;
}
.Flex_HomeCenterpieceRow3Mobile {
display: none;
}
.Flex_HomeCenterpieceRow4Mobile {
display: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
width: 25%;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_AdminHeaderOptions table tr {
border: 1px solid #dbdbdb;
}
.Flex_AdminHeaderOptions table th {
padding: .625em;
text-align: left;
}
.Flex_AdminHeaderOptions table td {
padding: .2em;
text-align: left;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
width: 45%;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
width: 30%;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapse table tr {
border: 1px solid #ddd;
padding: .35em;
}
.Flex_TableCollapse table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapse table td {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
border-collapse: collapse;
padding: .35em;
}
.Flex_TableCollapseBorderless table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table td {
padding: .625em;
text-align: left;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
float: left;
margin: 0px 15px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 98%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 1% 5px 1%;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerBackgroundTeal {
background-color: #0a6f72;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 5px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 5px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_TopBannerTitleBarBGTeal {
display: none;
}
.Flex_LandingBody {
width: 100%;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 1.6% 0 0 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 25%;
}
.Flex_Width2of4 {
width: 25%;
}
.Flex_Width3of4 {
width: 25%;
}
.Flex_Width4of4 {
width: 25%;
}
.Flex_Width1of5 {
width: 20%;
}
.Flex_Width2of5 {
width: 20%;
}
.Flex_Width3of5 {
width: 20%;
}
.Flex_Width4of5 {
width: 20%;
}
.Flex_Width5of5 {
width: 20%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 2em;
}
.Flex_VariableHeight2 {
height: 3em;
}
.Flex_VariableHeight3 {
height: 4em;
}
.Flex_VariableHeight4 {
height: 5em;
}
.Flex_VariableHeight5 {
height: 6em;
}
.Flex_VariableHeight6 {
height: 7em;
}
.Flex_VariableHeight7 {
height: 8em;
}
.Flex_VariableHeight8 {
height: 10em;
}
.Flex_VariableHeight9 {
height: 11.5em;
}
.Flex_VariableHeight10 {
height: 13em;
}
.Flex_VariableHeight12 {
height: 15em;
}
.Flex_VariableHeight14 {
height: 17.5em;
}
.Flex_VariableHeight16 {
height: 21.5em;
}
.Flex_VariableHeight20 {
height: 28em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 31%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 22em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border: 3px solid #dbdbdb;
text-align: center;
float: right;
width: 234px;
margin: 40px 0px 30px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
margin-top: 50px;
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 490px;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
/*.Flex_HeaderMainWrapper {width: 100%; margin: 0; padding: .3em; position: fixed; z-index: 999; top: 0px;}*/
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: relative;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
padding: 0 .3em 0 .3em;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
clear: both;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #083a67;
}
/*.Flex_HeaderSecondaryWrapper {width: 100%; clear: both; margin: 0; padding: 0; background-color: #727272; position: fixed; z-index: 998; top: 49px;}*/
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
position: relative;
z-index: 998;
}
.Flex_HeaderSecondary {
max-width: 98.5%;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navHori > ul > li > a {
height: 100%;
font-size: .9em;
line-height: 1.9em;
padding-left: .3em;
}
navHori li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*Nav menu second level items*/
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 750px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel2 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel3 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel4 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn2 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn3 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn4 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 20em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Tablet Portrait, for screens between 769 and 960 pixels wide in portrait mode */
/*████████████████████████████████████████████████████████████████████████████████*/
@media (min-width : 769px) and (max-width: 960px) and (orientation: portrait) {
.FlexSize {
font-size: .95rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2em;
}
.BigScreenOnly {
}
.SmallScreenOnly {
display: none;
}
.CenterOnSmall {
}
.RounderUntilSmall {
border-top-left-radius: .8em;
border-top-right-radius: .8em;
border-bottom-left-radius: .8em;
border-bottom-right-radius: .8em;
}
.LeftCenterOnSmall {
text-align: left;
}
.RightCenterOnSmall {
text-align: right;
}
.RightClearOnSmall {
float: right;
}
.LeftClearOnSmall {
float: left;
}
.Flex_75ToFull {
width: 75%;
margin: 0 auto;
}
.Flex_FullTo75 {
width: 100%;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramSmaller1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: center;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramSmallerHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 98%;
height: 60px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .83em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2 {
width: 100%;
height: 130px;
margin: 0;
padding-top: 30px;
font-size: .87em;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Left {
float: left;
width: 27%;
height: 130px;
text-align: left;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow2Right {
float: right;
width: 27%;
height: 130px;
text-align: right;
margin: 0;
padding: 10px 1% 10px 1%;
}
.Flex_HomeCenterpieceRow3 {
clear: both;
width: 98%;
height: 30px;
text-align: right;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .83em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow2Mobile {
display: none;
}
.Flex_HomeCenterpieceRow3Mobile {
display: none;
}
.Flex_HomeCenterpieceRow4Mobile {
display: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
width: 25%;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_AdminHeaderOptions table tr {
border: 1px solid #dbdbdb;
}
.Flex_AdminHeaderOptions table th {
padding: .625em;
text-align: left;
}
.Flex_AdminHeaderOptions table td {
padding: .2em;
text-align: left;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
width: 45%;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
width: 30%;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapse table tr {
border: 1px solid #ddd;
padding: .35em;
}
.Flex_TableCollapse table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapse table td {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table {
border: 0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
border-collapse: collapse;
padding: .35em;
}
.Flex_TableCollapseBorderless table th {
padding: .625em;
text-align: left;
}
.Flex_TableCollapseBorderless table td {
padding: .625em;
text-align: left;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
}
.Flex_TopBannerOverlayBGStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.Flex_TopBannerOverlayStretched {
display: none;
}
.Flex_TopBannerOverlayImageStretched {
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 98%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 1% 5px 1%;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
display: none;
}
.Flex_TopBannerImageBG {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: top center;
}
.Flex_TopBannerTitleBar {
display: none;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_TopBannerTitleBarBGTeal {
display: none;
}
.Flex_LandingBody {
width: 100%;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 2% 0 1% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 25%;
}
.Flex_Width2of4 {
width: 25%;
}
.Flex_Width3of4 {
width: 25%;
}
.Flex_Width4of4 {
width: 25%;
}
.Flex_Width1of5 {
width: 20%;
}
.Flex_Width2of5 {
width: 20%;
}
.Flex_Width3of5 {
width: 20%;
}
.Flex_Width4of5 {
width: 20%;
}
.Flex_Width5of5 {
width: 20%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 1em;
}
.Flex_VariableHeight2 {
height: 1.7em;
}
.Flex_VariableHeight3 {
height: 2.5em;
}
.Flex_VariableHeight4 {
height: 3.2em;
}
.Flex_VariableHeight5 {
height: 4em;
}
.Flex_VariableHeight6 {
height: 5em;
}
.Flex_VariableHeight7 {
height: 5em;
}
.Flex_VariableHeight8 {
height: 6em;
}
.Flex_VariableHeight9 {
height: 7em;
}
.Flex_VariableHeight10 {
height: 8em;
}
.Flex_VariableHeight12 {
height: 10em;
}
.Flex_VariableHeight14 {
height: 11em;
}
.Flex_VariableHeight16 {
height: 13em;
}
.Flex_VariableHeight20 {
height: 16em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 15em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border: 3px solid #dbdbdb;
text-align: center;
float: right;
width: 30vw;
margin: 40px 0px 30px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 64vw;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
/*.Flex_HeaderMainWrapper {width: 100%; margin: 0; padding: .3em; position: fixed; z-index: 999; top: 0px;}*/
.Flex_HeaderMainWrapper {
width: 100%;
margin: 0;
padding: .3em 0 .3em 0;
position: relative;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
padding: 0 .3em 0 .3em;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
clear: both;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
/*.Flex_HeaderSecondaryWrapper {width: 100%; clear: both; margin: 0; padding: 0; background-color: #727272; position: fixed; z-index: 998; top: 49px;}*/
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
background-image: linear-gradient(to right, #590f4f, #461f55, #38335b, #063967, #0a6f72);
background-color: #590f4f;
position: relative;
z-index: 998;
}
.Flex_HeaderSecondary {
max-width: 98.5%;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navHori > ul > li > a {
height: 100%;
font-size: .9em;
line-height: 1.9em;
padding-left: .3em;
}
navHori li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*Nav menu second level items*/
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 750px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel2 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel3 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribePanel4 {
display: inline-block;
margin: 1em;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn2 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn3 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterColumn4 {
float: left;
margin: 1em 2% 1em 2%;
width: 21%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 20em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Mobile Large Landscape, for screens 501 to 768 pixels wide in landscape mode. Screens this size and smaller use the hamburger menu. */
/*██████████████████████████████████████████████████████████████████████████████ ##################################################### */
@media (min-width : 501px) and (max-width: 768px) and (orientation: landscape) {
.FlexSize {
font-size: .9rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2.5em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 60%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 60%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 60%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-bottom: 4px solid rgb(70, 32, 85);
}
.Flex_HomeCenterpieceRow4Mobile {
width: 60%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 70px 0 20px 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .9em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
border: 0;
width: 100%;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
float: left;
margin: 0px 15px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_TopBannerTitleBarBGTeal {
display: none;
}
.Flex_LandingBody {
width: 100%;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 2% 0 2% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 95px 0 0 0;
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 33%;
}
.Flex_Width2of3 {
width: 33%;
}
.Flex_Width3of3 {
width: 33%;
}
.Flex_Width1of4 {
width: 50%;
}
.Flex_Width2of4 {
width: 50%;
}
.Flex_Width3of4 {
width: 50%;
}
.Flex_Width4of4 {
width: 50%;
}
.Flex_Width1of5 {
width: 50%;
}
.Flex_Width2of5 {
width: 50%;
}
.Flex_Width3of5 {
width: 50%;
}
.Flex_Width4of5 {
width: 50%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of2ThirdsIconLeft {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 62%;
padding: 0 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
float: left;
width: 32%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 72%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: left;
}
.Flex_Box2of1FourthIconCenter {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
float: left;
width: 23%;
padding: 0 1% 0 1%;
text-align: right;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 23%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 2em;
}
.Flex_VariableHeight2 {
height: 3em;
}
.Flex_VariableHeight3 {
height: 4em;
}
.Flex_VariableHeight4 {
height: 5em;
}
.Flex_VariableHeight5 {
height: 6.25em;
}
.Flex_VariableHeight6 {
height: 6.5em;
}
.Flex_VariableHeight7 {
height: 9em;
}
.Flex_VariableHeight8 {
height: 9.5em;
}
.Flex_VariableHeight9 {
height: 12em;
}
.Flex_VariableHeight10 {
height: 13em;
}
.Flex_VariableHeight12 {
height: 15em;
}
.Flex_VariableHeight14 {
height: 17.5em;
}
.Flex_VariableHeight16 {
height: 21.5em;
}
.Flex_VariableHeight20 {
height: 28em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 22em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 485px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Mobile Large Portrait, for screens 501 to 768 pixels wide in portrait mode */
/*████████████████████████████████████████████████████████████████████████████*/
@media (min-width : 501px) and (max-width: 768px) and (orientation: portrait) {
.FlexSize {
font-size: .9rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2.5em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 560px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 165px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 60%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 60%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 60%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
border-bottom: 4px solid rgb(70, 32, 85);
}
.Flex_HomeCenterpieceRow4Mobile {
width: 60%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: 1em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
position: fixed;
z-index: 999;
top: 0px;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 90px;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 120px 0 25px 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
margin-top: 20px;
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 70px 0 20px 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .9em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
float: left;
margin: 0px 15px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
margin-top: 0px;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_LandingBody {
width: 100%;
margin-top: 40px;
}
.Flex_LandingImageLeft {
float: left;
margin: 10px 10px 10px 0px;
}
.Flex_LandingImageRight {
float: right;
margin: 10px 0px 10px 10px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 0 0 2% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 60px 0 0 0;
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 50%;
}
.Flex_Width2of3 {
width: 50%;
}
.Flex_Width3of3 {
width: 100%;
}
.Flex_Width1of4 {
width: 50%;
}
.Flex_Width2of4 {
width: 50%;
}
.Flex_Width3of4 {
width: 50%;
}
.Flex_Width4of4 {
width: 50%;
}
.Flex_Width1of5 {
width: 50%;
}
.Flex_Width2of5 {
width: 50%;
}
.Flex_Width3of5 {
width: 50%;
}
.Flex_Width4of5 {
width: 50%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of2ThirdsIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
text-align: center;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 1% 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 1% 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_BoxList2of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 48%;
padding: 1% 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
clear: left;
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 48%;
padding: 0 1% 1% 1%;
}
.Flex_VariableBox {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 10% 10% 15% 10%;
}
.Flex_VariableHeight1 {
height: 2em;
}
.Flex_VariableHeight2 {
height: 3em;
}
.Flex_VariableHeight3 {
height: 4em;
}
.Flex_VariableHeight4 {
height: 5em;
}
.Flex_VariableHeight5 {
height: 6.25em;
}
.Flex_VariableHeight6 {
height: 7.5em;
}
.Flex_VariableHeight7 {
height: 9em;
}
.Flex_VariableHeight8 {
height: 9.5em;
}
.Flex_VariableHeight9 {
height: 12em;
}
.Flex_VariableHeight10 {
height: 13em;
}
.Flex_VariableHeight12 {
height: 16.5em;
}
.Flex_VariableHeight14 {
height: 18em;
}
.Flex_VariableHeight16 {
height: 22em;
}
.Flex_VariableHeight20 {
height: 28em;
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 15% 10%;
height: 22em;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 170px;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribe {
max-width: 485px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 3em .3em 3em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterSurvey {
max-width: 960px;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Mobile Landscape, for screens 321 to 500 pixels wide in landscape mode */
/*████████████████████████████████████████████████████████████████████████*/
@media (min-width : 321px) and (max-width: 500px) and (orientation: landscape) {
.FlexSize {
font-size: .85rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2.75em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 500px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 140px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 55%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 55%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 55%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow4Mobile {
width: 55%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 0;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 0 0 0 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 60px 0 20px 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .9em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
width: 100%;
margin: 0px 0px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
margin-top: 0px;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_LandingBody {
width: 100%;
margin-top: 40px;
}
.Flex_LandingImageLeft {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_LandingImageRight {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 0 0 3% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 95px 0 0 0;
}
.Flex_Width1of2 {
width: 50%;
}
.Flex_Width2of2 {
width: 50%;
}
.Flex_Width1of3 {
width: 50%;
}
.Flex_Width2of3 {
width: 50%;
}
.Flex_Width3of3 {
width: 100%;
}
.Flex_Width1of4 {
width: 50%;
}
.Flex_Width2of4 {
width: 50%;
}
.Flex_Width3of4 {
width: 50%;
}
.Flex_Width4of4 {
width: 50%;
}
.Flex_Width1of5 {
width: 50%;
}
.Flex_Width2of5 {
width: 50%;
}
.Flex_Width3of5 {
width: 50%;
}
.Flex_Width4of5 {
width: 50%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
float: left;
width: 64%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 32%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
float: left;
width: 31%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
float: left;
width: 23%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
float: left;
width: 48%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of2ThirdsIconLeft {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
text-align: center;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_BoxList1of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 32%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
float: left;
width: 31%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
clear: left;
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
float: left;
width: 48%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 5% 5% 5% 5%;
}
.Flex_VariableHeight1 {
}
.Flex_VariableHeight2 {
}
.Flex_VariableHeight3 {
}
.Flex_VariableHeight4 {
}
.Flex_VariableHeight5 {
}
.Flex_VariableHeight6 {
}
.Flex_VariableHeight7 {
}
.Flex_VariableHeight8 {
}
.Flex_VariableHeight9 {
}
.Flex_VariableHeight10 {
}
.Flex_VariableHeight12 {
}
.Flex_VariableHeight14 {
}
.Flex_VariableHeight16 {
}
.Flex_VariableHeight20 {
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 48%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 10% 10%;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
float: left;
margin: 0px 10px 5px 0px;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 75%;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribeHeading {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_NewsletterSubscribeTitle {
font-size: 1em;
color: #511652;
font-weight: bold;
}
.Flex_NewsletterSubscribeTitleError {
font-size: 1em;
color: #6d6d6d;
font-weight: bold;
}
.Flex_NewsletterSubscribeButton {
font-size: 1em;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #511652;
padding: .4vh .7vh .4vh .7vh
}
.Flex_NewsletterSubscribe {
max-width: 321px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 6em .3em 6em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterSurvey {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Mobile Portrait, for screens 321 to 500 pixels wide in portrait mode */
/*██████████████████████████████████████████████████████████████████████*/
@media (min-width : 321px) and (max-width: 500px) and (orientation: portrait) {
.FlexSize {
font-size: .8rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 2.75em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 500px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 140px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 55%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 55%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 55%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid rgb(70, 32, 85);
}
.Flex_HomeCenterpieceRow4Mobile {
width: 55%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 0;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 0 0 0 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 63px 0 20px 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .9em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: 1em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
width: 100%;
margin: 0px 0px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
margin-top: 0px;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerBackgroundTeal {
background-color: #0a6f72;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_LandingBody {
width: 100%;
margin-top: 40px;
}
.Flex_LandingImageLeft {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_LandingImageRight {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 0 0 4% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 65px 0 0 0;
}
.Flex_Width1of2 {
width: 100%;
}
.Flex_Width2of2 {
width: 100%;
}
.Flex_Width1of3 {
width: 100%;
}
.Flex_Width2of3 {
width: 100%;
}
.Flex_Width3of3 {
width: 100%;
}
.Flex_Width1of4 {
width: 100%;
}
.Flex_Width2of4 {
width: 100%;
}
.Flex_Width3of4 {
width: 100%;
}
.Flex_Width4of4 {
width: 100%;
}
.Flex_Width1of5 {
width: 100%;
}
.Flex_Width2of5 {
width: 100%;
}
.Flex_Width3of5 {
width: 100%;
}
.Flex_Width4of5 {
width: 100%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of2ThirdsIconLeft {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
text-align: center;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_BoxList1of2 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 5% 5% 5% 5%;
}
.Flex_VariableHeight1 {
}
.Flex_VariableHeight2 {
}
.Flex_VariableHeight3 {
}
.Flex_VariableHeight4 {
}
.Flex_VariableHeight5 {
}
.Flex_VariableHeight6 {
}
.Flex_VariableHeight7 {
}
.Flex_VariableHeight8 {
}
.Flex_VariableHeight9 {
}
.Flex_VariableHeight10 {
}
.Flex_VariableHeight12 {
}
.Flex_VariableHeight14 {
}
.Flex_VariableHeight16 {
}
.Flex_VariableHeight20 {
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 10% 10%;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
text-align: center;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 105px;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribeHeading {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_NewsletterSubscribeTitle {
font-size: 1em;
color: #511652;
font-weight: bold;
}
.Flex_NewsletterSubscribeTitleError {
font-size: 1em;
color: #6d6d6d;
font-weight: bold;
}
.Flex_NewsletterSubscribeButton {
font-size: 1em;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #511652;
padding: .4vh .7vh .4vh .7vh
}
.Flex_NewsletterSubscribe {
max-width: 321px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 3em .3em 3em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 1% 1em 1%;
width: 48%;
}
.Flex_FooterSurvey {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Small Mobile Landscape, for screens 1 to 320 pixels wide in landscape mode */
/*████████████████████████████████████████████████████████████████████████████*/
@media (min-width : 1px) and (max-width: 320px) and (orientation: landscape) {
.FlexSize {
font-size: .75rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 3em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 500px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 140px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 75%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 75%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 75%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid rgb(70, 32, 85);
}
.Flex_HomeCenterpieceRow4Mobile {
width: 75%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 0;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 0 0 0 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 0 0 1em 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: .9em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
margin: 0px 0px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
margin-top: 0px;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_TopBannerTitleBarBGTeal {
display: none;
}
.Flex_LandingBody {
width: 100%;
margin-top: 40px;
}
.Flex_LandingImageLeft {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_LandingImageRight {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 0 0 6% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 70px 0 0 0;
}
.Flex_Width1of2 {
width: 100%;
}
.Flex_Width2of2 {
width: 100%;
}
.Flex_Width1of3 {
width: 100%;
}
.Flex_Width2of3 {
width: 100%;
}
.Flex_Width3of3 {
width: 100%;
}
.Flex_Width1of4 {
width: 100%;
}
.Flex_Width2of4 {
width: 100%;
}
.Flex_Width3of4 {
width: 100%;
}
.Flex_Width4of4 {
width: 100%;
}
.Flex_Width1of5 {
width: 100%;
}
.Flex_Width2of5 {
width: 100%;
}
.Flex_Width3of5 {
width: 100%;
}
.Flex_Width4of5 {
width: 100%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of2ThirdsIconLeft {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
text-align: center;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_BoxList1of2 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 5% 5% 5% 5%;
}
.Flex_VariableHeight1 {
}
.Flex_VariableHeight2 {
}
.Flex_VariableHeight3 {
}
.Flex_VariableHeight4 {
}
.Flex_VariableHeight5 {
}
.Flex_VariableHeight6 {
}
.Flex_VariableHeight7 {
}
.Flex_VariableHeight8 {
}
.Flex_VariableHeight9 {
}
.Flex_VariableHeight10 {
}
.Flex_VariableHeight12 {
}
.Flex_VariableHeight14 {
}
.Flex_VariableHeight16 {
}
.Flex_VariableHeight20 {
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 10% 10%;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
text-align: center;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 75%;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribeHeading {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_NewsletterSubscribeTitle {
font-size: 1em;
color: #511652;
font-weight: bold;
}
.Flex_NewsletterSubscribeTitleError {
font-size: 1em;
color: #6d6d6d;
font-weight: bold;
}
.Flex_NewsletterSubscribeButton {
font-size: 1em;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #083a67;
padding: .4vh .7vh .4vh .7vh
}
.Flex_NewsletterSubscribe {
max-width: 300px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 2em .3em 2em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterSurvey {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
.Flex_MobileSmallPortrait {
display: none;
}
}
/* Mobile Small Portrait, for screens 1 to 320 pixels wide in portrait mode */
/*██████████████████████████████████████████████████████████████████████████*/
@media (min-width : 1px) and (max-width: 320px) and (orientation: portrait) {
.FlexSize {
font-size: .75rem;
}
/* Sets the relative size of classes using em as the unit of measure */
.Flex_LineSpacing {
line-height: 3em;
}
.BigScreenOnly {
display: none;
}
.SmallScreenOnly {
}
.CenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RounderUntilSmall {
}
.LeftCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightCenterOnSmall {
text-align: center;
margin: 0 auto;
}
.RightClearOnSmall {
clear: both;
float: right;
}
.LeftClearOnSmall {
clear: both;
float: left;
}
.Flex_75ToFull {
width: 100%;
}
.Flex_FullTo75 {
width: 75%;
margin: 0 auto;
}
/*** HOMEPAGE ***/
.Flex_HomeCenterpieceBackground {
background-image: url('../assets/images/HomePage/MiddleDiagramMobile1.png');
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: right;
height: 500px;
margin-bottom: 60px;
}
.Flex_HomeCenterpieceBackground:hover {
background-image: url('../assets/images/HomePage/MiddleDiagramMobileHover1.png');
}
.Flex_HomeCenterpieceHeader {
width: 100%;
height: 140px;
text-align: center;
margin: 0;
padding: 10px 0 10px 0;
}
.Flex_HomeCenterpieceHeaderText {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}
.Flex_HomeCenterpieceRow1 {
width: 75%;
height: 40px;
text-align: left;
margin: 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid #fff;
}
.Flex_HomeCenterpieceRow2 {
display: none;
}
.Flex_HomeCenterpieceRow2Left {
}
.Flex_HomeCenterpieceRow2Right {
}
.Flex_HomeCenterpieceRow3 {
display: none;
}
.Flex_HomeCenterpieceRow2Mobile {
width: 75%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
border-top: 4px solid rgb(70, 32, 85)
}
.Flex_HomeCenterpieceRow3Mobile {
width: 75%;
height: 40px;
text-align: left;
margin: 40px 0 0 0;
padding: 0px 1% 10px 1%;
font-size: .9em;
text-decoration: none;
border-bottom: 4px solid rgb(70, 32, 85);
}
.Flex_HomeCenterpieceRow4Mobile {
width: 75%;
height: 60px;
text-align: left;
margin: 0 0 0 0;
padding: 10px 1% 10px 1%;
font-size: .8em;
text-decoration: none;
}
/*** ADMIN PAGES AND FORMS ***/
.Flex_AdminHeader {
width: 100%;
background-color: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0;
}
.FormHeadingCell {
white-space: nowrap;
vertical-align: top;
padding: 1px 4px 1px 0;
}
.Flex_AdminHeaderOptions {
margin-top: 0;
}
.Flex_AdminHeaderOptions table {
border: 0;
width: 100%;
}
.Flex_AdminHeaderOptions table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_AdminHeaderOptions table th {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_AdminHeaderOptions table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.FormValueCell {
vertical-align: top;
padding: 1px 4px 1px 0;
}
.FormInstructionsCell {
vertical-align: top;
padding: 1px 4px 0 4px;
}
.Flex_AdminForm {
margin: 0 0 0 0;
border-bottom: 5px solid #808080;
}
.Flex_AdminRecordList {
}
/*** Main banner on the home page ***/
.Flex_HomeMainBannerPanel {
margin: 0 0 1em 0;
}
.Flex_BannerTitles {
width: 100%;
padding: 10px 10px 10px 10px;
background-image: url('../assets/images/layout/TransparentBackgroundBlack40Percent.png');
background-repeat: repeat;
}
.Flex_BannerTitle {
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerThumb {
width: 100%;
height: 100%;
padding: .2em;
box-shadow: 0px 1px 10px #888888;
}
.Flex_BannerThumbTitle {
font-size: .8em;
font-weight: bold;
text-decoration: none;
}
.Flex_BannerSubtitle {
padding-top: .2em;
font-size: .9em;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;
}
/*** ROTATE TABLE -- Table columns stack as rows and margins increase on smaller screens that are inside a div or panel w/class Flex_TableCollapse or Flex_TableCollapseBorderless, see ~/contact for example) ***/
.Flex_TableCollapse table {
border: 0;
width: 100%;
}
.Flex_TableCollapse table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapse table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapse table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
.Flex_TableCollapseBorderless table {
border: 0;
width: 100%;
}
.Flex_TableCollapseBorderless table tr {
display: block;
margin: 1em 0 2em 0;
}
.Flex_TableCollapseBorderless table td {
display: block;
text-align: left;
vertical-align: top;
padding: 3px;
}
.Flex_TableCollapseBorderless table td::before {
content: attr(data-label);
float: left;
text-transform: uppercase;
}
/*** LANDING PAGES ***/
.Flex_TopBannerContainerStretched {
width: 100%;
}
.Flex_TopBannerContainerStretchedPrint {
width: 100%;
margin-top: 0px;
}
.Flex_TopBannerOverlayBGStretched {
display: none;
}
.Flex_TopBannerOverlayStretched {
width: 100%;
left: 1%;
}
.Flex_TopBannerOverlayImageStretched {
margin: 0px 0px 15px 0px;
}
.Flex_TopBannerTextStretched {
max-width: 960px;
margin: 0 auto;
overflow: hidden;
}
.Flex_TopBannerTitleBarBGStretched {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 5px 0px 5px 0px;
background-color: #000;
opacity: .75;
}
.Flex_LandingBodyStretched {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.Flex_LandingBodyStretchedPrint {
width: 100%;
margin-top: 0px;
overflow: hidden;
}
.Flex_StretchInside {
max-width: 100%;
overflow: hidden;
}
.Flex_StretchFirstBodyElement {
margin-top: 40px;
}
.Flex_MainContainerStretched {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.Flex_MainContainerStretchedPrint {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 0px;
}
.Flex_MainContainer {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
/*Top margin is the site header height*/
.Flex_BreadcrumbsContainer {
margin: 5px 1% 5px 1%;
overflow: hidden;
}
.Flex_TopBannerBackground {
background-color: #000;
}
.Flex_TopBannerBackgroundTeal {
background-color: #0a6f72;
}
.Flex_TopBannerContainer {
width: 100%;
}
.Flex_TopBannerImage {
width: 100%;
}
.Flex_TopBannerImageBG {
display: none;
}
.Flex_TopBannerTitleBar {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #393939;
}
.Flex_TopBannerTitleBarTeal {
width: 100%;
bottom: 4px;
left: 0;
position: relative;
padding: 5px 0px 5px 0px;
background-color: #0a6f72;
}
.Flex_TopBannerTitleBarBG {
display: none;
}
.Flex_TopBannerTitleBarBGTeal {
display: none;
}
.Flex_LandingBody {
width: 100%;
margin-top: 40px;
}
.Flex_LandingImageLeft {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_LandingImageRight {
width: 100%;
margin: 10px 0px 10px 0px;
}
.Flex_ContextMenuNavigation {
float: left;
width: 100%;
margin: 0 0 6% 0;
text-align: center;
}
.Flex_ContextMenuMarginFix {
margin: 70px 0 0 0;
}
.Flex_Width1of2 {
width: 100%;
}
.Flex_Width2of2 {
width: 100%;
}
.Flex_Width1of3 {
width: 100%;
}
.Flex_Width2of3 {
width: 100%;
}
.Flex_Width3of3 {
width: 100%;
}
.Flex_Width1of4 {
width: 100%;
}
.Flex_Width2of4 {
width: 100%;
}
.Flex_Width3of4 {
width: 100%;
}
.Flex_Width4of4 {
width: 100%;
}
.Flex_Width1of5 {
width: 100%;
}
.Flex_Width2of5 {
width: 100%;
}
.Flex_Width3of5 {
width: 100%;
}
.Flex_Width4of5 {
width: 100%;
}
.Flex_Width5of5 {
width: 100%;
}
.Flex_Box1of2 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of2Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of4 {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box4of4 {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Small {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Small {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of3Big {
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box2of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box3of3Big {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of2ThirdsIconLeft {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
}
.Flex_Box1of2ThirdsIconRight {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box2of2ThirdsIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 1% 1%;
text-align: center;
}
.Flex_Box1of1FourthIconLeft {
float: left;
width: 98%;
padding: 1% 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconLeft {
clear: left;
float: left;
width: 98%;
padding: 1% 1% 0 1%;
}
.Flex_Box1of1FourthIconRight {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box2of1FourthIconRight {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box1of1FourthIconCenter {
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_Box2of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_Box3of1FourthIconCenter {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
text-align: center;
}
.Flex_BoxList1of2 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of2 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of3 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of3 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList1of4 {
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList2of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList3of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_BoxList4of4 {
clear: left;
float: left;
width: 98%;
padding: 0 1% 0 1%;
}
.Flex_VariableBox {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
.Flex_VariablePadding {
padding: 5% 5% 5% 5%;
}
.Flex_VariableHeight1 {
}
.Flex_VariableHeight2 {
}
.Flex_VariableHeight3 {
}
.Flex_VariableHeight4 {
}
.Flex_VariableHeight5 {
}
.Flex_VariableHeight6 {
}
.Flex_VariableHeight7 {
}
.Flex_VariableHeight8 {
}
.Flex_VariableHeight9 {
}
.Flex_VariableHeight10 {
}
.Flex_VariableHeight12 {
}
.Flex_VariableHeight14 {
}
.Flex_VariableHeight16 {
}
.Flex_VariableHeight20 {
}
/*** PARTNERS ***/
.Flex_PartnersBoxContainer {
float: left;
width: 98%;
padding: 1%;
text-decoration: none;
margin-bottom: 3%;
}
/*** CASE STUDIES ***/
.Flex_CaseStudyText {
margin: 0px 25px 0px 5px;
}
.Flex_CaseStudyTitleText {
font-size: 14pt;
color: #511652;
font-weight: normal;
text-decoration: none;
}
.Flex_CaseStudyCoName {
font-size: 30pt;
color: #6e205d;
font-weight: normal;
text-decoration: none;
line-height: 31pt;
}
.Flex_CaseStudyContainer {
padding: 10% 10% 10% 10%;
}
/*** BLOG ***/
.BlogLP_SponsorsContainer {
border-bottom: 3px solid #dbdbdb;
text-align: center;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 8px 8px 8px 8px;
}
.BlogLP_PostsBackground {
width: 100%;
}
.BlogLP_PostsContainer {
overflow: hidden;
}
.BlogLP_Post {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_Post:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_PostNoSponsors {
float: left;
width: 100%;
margin: 1.5em 0 2em 0;
}
.BlogLP_PostNoSponsors:hover {
background-image: url('../assets/images/layout/TransparentBackgroundBlack5Percent.png');
background-repeat: repeat;
}
.BlogLP_Image {
text-align: center;
}
.Blog_PostContainer {
margin: 0px 5px 0px 5px;
overflow: hidden;
}
/*** Main header on all pages ***/
.Flex_HeaderMainWrapper {
width: 98%;
margin: 0;
padding: 5px 1% 3px 1%;
position: absolute;
z-index: 999;
top: 0px;
}
.Flex_HeaderMain {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderLoginMenu {
position: fixed;
transform: translateX(-88%);
width: 20vw;
z-index: 1000;
}
.Flex_HeaderLoginMenuLink {
font-size: 1em;
float: left;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginMenuRegister {
font-size: 1em;
float: left;
clear: both;
width: 100%;
margin: 0;
padding: .3em 0em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalContactUsLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalContactUsLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuLink {
font-size: 1em;
margin: 0;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuLink:hover {
background-color: #195c98;
}
.Flex_HeaderLoginVerticalMenuRegister {
font-size: 1em;
width: 100%;
margin-right: .5em;
padding: .3em .3em .3em .3em;
border-bottom: 1px solid #494949;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #2874b8;
}
A.Flex_HeaderLoginVerticalMenuRegister:hover {
background-color: #195c98;
}
.Flex_HeaderSecondaryWrapper {
width: 100%;
clear: both;
margin: 0;
padding: 0;
position: absolute;
z-index: 998;
top: 0px;
}
.Flex_HeaderSecondary {
max-width: 960px;
margin: 0 auto;
}
.Flex_HeaderSearchForm {
float: right;
padding: 0;
}
.Flex_HeaderSearchFormText {
width: 75%;
}
navVert > ul > li > a {
height: 100%;
font-size: 1.0em;
line-height: 1.7em;
text-align: left;
}
navVert li ul a {
font-size: .9em;
border-top: 1px solid #707070;
padding: 0.4em;
}
/*** Primary content wrapper, between the header and footer ***/
.Flex_Main {
}
.Flex_MainWrapper {
padding-top: 60px;
}
/*** NEWSLETTER SUBSCRIBE ***/
.Flex_NewsletterSubscribeHeading {
font-size: 1em;
color: #494949;
font-weight: normal;
}
.Flex_NewsletterSubscribeTitle {
font-size: 1em;
color: #511652;
font-weight: bold;
}
.Flex_NewsletterSubscribeTitleError {
font-size: 1em;
color: #6d6d6d;
font-weight: bold;
}
.Flex_NewsletterSubscribeButton {
font-size: 1em;
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #083a67;
padding: .4vh .7vh .4vh .7vh
}
.Flex_NewsletterSubscribe {
max-width: 300px;
border: 2px solid #b9b9b9;
margin: 0 auto;
margin-top: 1.5vh;
padding: 0vh 0vh 0vh 0vh;
}
.Flex_NewsletterSubscribeForm {
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
}
.Flex_NewsletterSubscribePanel1 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel2 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel3 {
margin: 1vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribePanel4 {
margin: 3vh 1vh 1vh 1vh;
}
.Flex_NewsletterSubscribeTextbox {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #ededed;
background-color: #ededed;
font-weight: normal;
}
.Flex_NewsletterSubscribeTextboxInvalid {
width: 170px;
font-size: 1.2em;
color: #494949;
border: 1px solid #511652;
background-color: #ededed;
font-weight: normal;
}
/*** FOOTER ***/
.Flex_FooterSocialHeading {
color: #ededed;
font-size: .9em;
padding: .3em 2em .3em 2em;
font-weight: normal;
}
.Flex_FooterColumnHeading {
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
}
.Flex_FooterLinkList {
margin-left: .2em;
}
.Flex_FooterColumn1 {
clear: both;
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn2 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn3 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterColumn4 {
float: left;
padding: 1em 0em 1em 0em;
width: 100%;
text-align: center;
}
.Flex_FooterSurvey {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #dbdbdb;
}
.Flex_FooterSurveyFollowUp {
width: 10em;
color: #484848;
font-size: 1em;
font-weight: normal;
}
/*** Screen Testing ***/
.Flex_Desktop {
display: none;
}
.Flex_TabletLargeLandscape {
display: none;
}
.Flex_TabletLargePortrait {
display: none;
}
.Flex_TabletLandscape {
display: none;
}
.Flex_TabletPortrait {
display: none;
}
.Flex_MobileLargeLandscape {
display: none;
}
.Flex_MobileLargePortrait {
display: none;
}
.Flex_MobileLandscape {
display: none;
}
.Flex_MobilePortrait {
display: none;
}
.Flex_MobileSmallLandscape {
display: none;
}
.Flex_MobileSmallPortrait {
color: #8f8f8f;
font-size: .8em;
font-weight: normal;
text-decoration: none;
}
}
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/***************************************************************************/
/* Header 2022 */
/***************************************************************************/
.Flex_HeaderLoginBox {
float: right;
text-align: right;
margin: 18px 0px 0px 30px;
padding: 0;
}
.Flex_HeaderLoginNameBox {
display: inline;
text-align: right;
margin: 8px 0 0 10px;
padding: 0;
vertical-align: middle;
}
.Flex_HeaderLogoutBox {
display: inline;
text-align: right;
margin: 0 5px 0 0;
padding: 0;
vertical-align: middle;
}
.Flex_HeaderLoginManBox {
float: right;
margin: 6px 0px 0px 6px;
padding: 0;
vertical-align: middle;
}
/* Main dropdown menus */
navMain {
margin: 0 auto;
width: 100%;
height: auto;
display: block;
background: #fff;
z-index: 110;
}
navMain ul {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
display: inline-block;
z-index: 110;
}
navMain ul li {
position: relative;
margin: 0 20px 0 0;
float: left;
display: inline-block;
z-index: 110;
}
navMain li > a:after {
content: ' ' url('../assets/images/icons/mainmenudropdownarrow.png');
}
/* Change this in order to change the Dropdown symbol */
navMain li > a:only-child:after {
content: '';
}
navMain ul li a {
padding: 10px;
display: block;
color: white;
text-decoration: none;
}
navMain ul li a:hover {
background: #fff;
opacity: .9;
}
navMain ul li ul {
display: none;
position: absolute;
left: 0;
background: #fff;
opacity: .9;
float: left;
}
navMain ul li ul li {
width: 100%;
border-bottom: 1px solid #6d2a56;
}
navMain ul li ul li:hover {
width: 100%;
border-bottom: 1px solid #6d2a56;
background-color: #3e9aa2
}
navMain ul li:hover ul {
display: block;
}
.MobileMenuItem {
font-weight: bold;
line-height: 2.5em;
padding: .3em .4em .3em .4em;
white-space: nowrap;
}
.MobileMenuItem:hover {
background-color: #d2e3e8;
}