/* UNIVERSAL STYLES */
html { font-family: 'Montserrat', sans-serif; margin: 0px; padding: 0px; }
body { font-family: 'Montserrat', sans-serif; width: 100%; height: 100%; margin: 0px; padding: 0px; min-width: 320px; background-color: #FFFFFF; }
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a { text-decoration: none; }
.width-5 { width: 5%; }
.width-10 { width: 10%; }
.width-15 { width: 15%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-33 { width: 33%; }
.width-35 { width: 35%; }
.width-40 { width: 40%; }
.width-45 { width: 45%; }
.width-50 { width: 50%; }
.width-55 { width: 55%; }
.width-60 { width: 60%; }
.width-65 { width: 65%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-85 { width: 85%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-100 { width: 100%; }
.highlight { background-color: #FFFF00; }
.highlightbox { background-color: #F0F5F8; padding: 20px; }
.border { border: 1px solid #999999; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.nowrap { white-space: nowrap; }
.pointer { cursor: pointer; }
.float-left { float: left; }
.float-right { float: right; }
.flex-ltr { display: flex; flex-direction: row; align-items: center; }
.flex-rtl { display: flex; flex-direction: row-reverse; align-items: center; }
.display-block { display: block !important; }
.display-none { display: none !important; }
.website { display: none !important; }
.nopadding { margin: 0px; padding: 0px; border-spacing: 0px; }
.nopaddingwide { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; }
.image-horizontal { width: 300px; height: 115px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-vertical { width: 150px; height: 210px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-floater { width: 150px; height: 210px; margin: 15px 20px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-left { margin: 5px 20px 15px 0px; padding: 0px; float: left; }
.image-left-full { width: 50%; margin: 5px 20px 15px 0px; padding: 0px; float: left; }
.image-center { width: 100%; display: block; margin-left: auto; margin-right: auto; }
.image-right { margin: 5px 0px 15px 20px; padding: 0px; float: right; }
.image-right-full { width: 50%; margin: 5px 0px 15px 20px; padding: 0px; float: right; }
.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.addthis { float: right; margin-right: 5px; white-space: nowrap; }
.show-xs { display: none; }
.show-s { display: none; }
.show-m { display: none; }
.show-l { display: none; }
.productlogo { margin: 0px; padding: 4px 8px 30px 0px; float: left; }
.downloadlogo { margin: 0px; padding: 0px 20px 20px 0px; float: left; }
.thumbnail { margin: 0px 15px 15px 0px; border: 1px solid #999999; float: left; }
.bio { margin: 0px; padding: 0px 20px 0px 0px; }
.chart { margin: 0px; padding: 5px; float: right; }
.checkmark { width: 200px; height: 200px; margin: 10px 0px 10px 10px; padding: 0px; float: right; }
.featureicon { margin: 0px 15px 40px 0px; padding: 0px; float: left; }
.screenshot { width: 100%; display: block; margin-left: auto; margin-right: auto; }
.button-margin { margin: 8px 2px 10px 2px; }
.button-blue { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #0C3C60; padding: 10px 30px 10px 30px; border: 1px solid #0C3C60; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-blue:hover { background-color: #115B93; transition: all 0.30s ease-in-out; }
.button-red { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #F20A29; padding: 10px 30px 10px 30px; border: 1px solid #F20A29; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-red:hover { background-color: #FC324D; transition: all 0.30s ease-in-out; }
.button-orange { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #F2950A; padding: 10px 30px 10px 30px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-orange:hover { background-color: #FCAB32; transition: all 0.30s ease-in-out; }
.button-orange-sidebar { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #F2950A; padding: 8px 20px 8px 20px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-orange-sidebar:hover { background-color: #FCAB32; transition: all 0.30s ease-in-out; }
.button-orange-download { font-size: 12px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #F2950A; padding: 8px 12px 8px 12px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-orange-download:hover { background-color: #FCAB32; transition: all 0.30s ease-in-out; }
.button-green { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #F2950A; padding: 10px 30px 10px 30px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-green:hover { background-color: #FCAB32; transition: all 0.30s ease-in-out; }
.button-darkgreen { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #007F18; padding: 10px 30px 10px 30px; border: 1px solid #007F18; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-darkgreen:hover { background-color: #00991C; transition: all 0.30s ease-in-out; }
.button-deepblue { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #044482; padding: 10px 30px 10px 30px; border: 1px solid #FFFFFF; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; }
.button-deepblue:hover { color: #044482; background-color: #FFFFFF; border: 1px solid #044482; transition: all 0.30s ease-in-out; }
.button-transparent { font-size: 14px; color: #000000; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #FFFFFF; padding: 10px 30px 10px 30px; border: 1px solid #FFFFFF; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; width: 160px; }
.button-transparent:hover { color: #FFFFFF; background-color: transparent; transition: all 0.30s ease-in-out; }
.padding { padding: 10px 5px 10px 15px; }
a img { border: 0; }
sup { vertical-align: text-top; }
.inline-s { display: none; }
.orange { color: #FC9A07 !important; }
.orange a { color: #FC9A07 !important; text-decoration: none !important; }
.orange a:hover { color: #FC9A07 !important; text-decoration: none !important; }
.white { color: #FFFFFF !important; }
.white a { color: #FFFFFF !important; text-decoration: none !important; }
.white a:hover { color: #FFFFFF !important; text-decoration: none !important; }
.block { display: block; }
.none { display: none; }
.underline { border-bottom: 1px solid #FC9A07; }
.clear { clear: both; padding: 20px 0px 20px 0px; }
@media (max-width: 991px) {
.image-left-full { width: 100%; margin-left: auto; margin-right: auto; float: none; }
.image-right-full { width: 100%; margin-left: auto; margin-right: auto; float: none; }
.padding { padding: 10px 15px 10px 15px; }
.hide-l { display: none; }
.break-l { width: 100% !important; display:block !important; padding-bottom: 30px !important; }
.show-l { display: block; }
.flex-l { width: 100%; flex-direction: column !important; }
}
@media (max-width: 767px) {
.chart { padding: 5px 5px 10px 5px; display: block; margin-left: auto; margin-right: auto; float: none; }
.hide-m { display: none; }
.break-m { width: 100% !important; display:block !important; padding-bottom: 30px !important; }
.center-m { text-align: center; }
.show-m { display: block; }
.flex-m { width: 100%; flex-direction: column !important; }
}
@media (max-width: 639px) {
.highlightbox { width: 100%; display: block; padding: 0px; margin-bottom: 20px; }
.highlightboxpadding { padding: 20px; }
.image-horizontal { width: 225px; height: 86px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.padding { padding: 10px 10px 10px 10px; }
.chart { width: 95%; padding: 5px 5px 10px 5px; display: block; margin-left: auto; margin-right: auto; float: none; }
.checkmark { width: 100px; height: 100px; margin: 10px 0px 10px 10px; padding: 0px; float: right; }
.featureicon { margin: 0px 15px 55px 0px; padding: 0px; float: left; }
.hide-s { display: none; }
.break-s { width: 100% !important; display:block !important; padding-bottom: 30px !important; }
.show-s { display: block; }
.flex-s { width: 100%; flex-direction: column !important; }
.inline-s { display: inline; }
.button-blue { font-size: 12px; padding: 8px 12px 8px 12px; }
.button-red { font-size: 12px; padding: 8px 12px 8px 12px; }
.button-orange { font-size: 12px; padding: 8px 12px 8px 12px; }
.button-green { font-size: 12px; padding: 8px 12px 8px 12px; }
.button-darkgreen { font-size: 12px; padding: 8px 12px 8px 12px; }
.button-transparent { font-size: 12px; padding: 8px 12px 8px 12px; margin-left: auto; margin-right: auto; }
.transparent-s { width: 100% !important; display: inline-block !important; padding-top: 30px !important; }
}
@media (max-width: 479px) {
.image-horizontal { width: 150px; height: 58px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-vertical { width: 113px; height: 158px; margin: 5px 0px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.image-floater { width: 113px; height: 158px; margin: 15px 20px 15px 20px; padding: 0px; float: right; border: 1px solid #999999; }
.featureicon { display: none; }
.hide-xs { display: none; }
.break-xs { width: 100% !important; display:block !important; padding-bottom: 30px !important; }
.show-xs { display: inline-block; }
.flex-xs { width: 100%; flex-direction: column !important; }
}
/* FORMS */
input, textarea, select, submit, button { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333333; }
input[type="text"] { width: 95%; margin: 1px; padding: 8px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
input[type="text"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
input[type="text"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
input[type="email"] { width: 95%; margin: 1px; padding: 8px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
input[type="email"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
input[type="email"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
input[type="password"] { width: 95%; margin: 1px; padding: 8px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
input[type="password"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
input[type="password"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
textarea { width: 95%; margin: 1px; padding: 8px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
textarea:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
textarea:disabled { background-color: #EEEEEE; cursor: not-allowed; }
select { width: 95%; margin: 1px; padding: 8px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
select:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
select:disabled { background-color: #EEEEEE; cursor: not-allowed; }
input[type="submit"],input[type="button"] { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; background-color: #F2950A; margin: 1px; padding: 10px 30px 10px 30px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; min-width: 140px; }
input[type="submit"]:hover,input[type="button"]:hover { background-color: #FCAB32; transition: all 0.30s ease-in-out; }
input[type="submit"]:disabled,input[type="button"]:disabled { background-color: #999999; border: 1px solid #999999; cursor: not-allowed; }
@media (max-width: 639px) {
input, textarea, select, submit, button { font-size: 14px; }
input[type="submit"],input[type="button"] { font-size: 12px; padding: 8px 12px 8px 12px; }
}
/* HEADER */
.header-wrap { width: 100%; height: 80px; min-width: 320px; background-color: #FFFFFF; border-bottom: 2px solid #FFB240; position: fixed; top: 0px; left: 0px; overflow: visible; z-index: 1000; }
.header { max-width: 960px; height: auto; margin: auto; background-color: #FFFFFF; overflow: visible; }
.header .logocontainer { width: 135px; height: 80px; display: block; position: relative; top: 0px; left: 0px; float: left; }
.header .logo { width: 135px; height: 80px; }
.header .navigation { display: block; position: relative; top: 20px; left: 30px; float: left; }
.header .search { display: block; position: relative; top: 20px; left: 60px; float: left; }
.header .altnav { display: none; position: relative; top: 10px; right: 10px; float: right; cursor: pointer; }
.header .menuitem { font-size: 16px; color: #333333; display: inline-block; padding: 10px 15px 11px 15px; cursor: pointer; }
.header .menuitem a { color: #333333; text-decoration: none; }
.header .menuitem a:hover { text-decoration: none; }
.header .navigation .active { color: #333333; background-color: #FCFCFC; border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .active a { color: #333333; }
.header .navigation .software-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .services-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .download-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .support-sub { width: 400px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .news-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .customers-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .contact-sub { width: 200px; display: none; position: absolute; top: 40px; background-color: #FCFCFC; border-radius: 0px 8px 8px 8px; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); }
.header .navigation .sub-left { width: 190px; display: inline-block; position: relative; padding: 10px 0px 10px 10px; top: 0px; left: 0px; vertical-align: top; float: left; }
.header .navigation .sub-right { width: 190px; display: inline-block; position: relative; padding: 10px 10px 10px 0px; top: 0px; left: 0px; vertical-align: top; float: right; }
.header .navigation .sub-center { width: 180px; display: inline-block; position: relative; padding: 10px 10px 10px 10px; top: 0px; left: 0px; vertical-align: top; }
.header .navigation .sub-bottom { width: 380px; display: inline-block; position: relative; padding: 0px 10px 10px 10px; top: 0px; left: 0px; vertical-align: top; }
.header .navigation .sub-spacer { width: 10px; height: 10px; }
.header .navigation .nav { margin: 0px; padding: 0px; list-style: none; }
.header .navigation .top { font-size: 14px; color: #378ACC; margin: 0px; padding: 0px 0px 10px 0px; list-style: none; }
.header .navigation .top a { color: #378ACC; text-decoration: none; }
.header .navigation .top a:hover { color: #378ACC; text-decoration: underline; }
.header .navigation .bot { font-size: 14px; color: #378ACC; margin: 0px; padding: 10px 0px 0px 0px; list-style: none; }
.header .navigation .bot a { color: #378ACC; text-decoration: none; }
.header .navigation .bot a:hover { color: #378ACC; text-decoration: underline; }
.header .navigation .sub { font-size: 14px; color: #333333; margin: 0px; padding: 0px; list-style: none; }
.header .navigation .sub a { color: #333333; text-decoration: none; }
.header .navigation .sub a:hover { color: #333333; text-decoration: underline; }
.header .mobilenav { width: 100%; display: none; position: relative; top: 2px; background-color: #FCFCFC; box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.5); float: right; z-index: 7008; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.header .mobilenav .nav { margin: 0px; padding: 0px; list-style: none; }
.header .mobilenav .nav ul { margin: 0px; padding: 0px; }
.header .mobilenav .nav li { list-style: none; }
.header .mobilenav .top { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 6px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .top:hover { background-color: #EAEAEA; }
.header .mobilenav .toptop { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 26px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .toptop:hover { background-color: #EAEAEA; }
.header .mobilenav .toptoptop { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 46px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .toptoptop:hover { background-color: #EAEAEA; }
.header .mobilenav .sub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 26px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .sub:hover { background-color: #EAEAEA; }
.header .mobilenav .subsub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 46px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .subsub:hover { background-color: #EAEAEA; }
.header .mobilenav .subsubsub { font-size: 14px; color: #333333; margin: 0px; padding: 7px 5px 7px 66px; border-bottom: 1px solid #DDDDDD; cursor: pointer; }
.header .mobilenav .subsubsub:hover { background-color: #EAEAEA; }
.header .mobilenav .menu { display: none; }
.header .mobilenav .closed { background-image: url("/images/icon_mobilearrowright_black.png"); background-position: right; background-repeat: no-repeat; }
.header .mobilenav .open { background-image: url("/images/icon_mobilearrowdown_black.png"); background-position: right; background-repeat: no-repeat; }
.header .mobilenav .search { width: 100%; margin: 0px; padding: 7px 5px 7px 5px; border-spacing: 0px; display: table; position: relative; top: 0px; left: 0px; }
.header .mobilenav .leftcol { width: 99%; display: table-cell; }
.header .mobilenav .rightcol { width: 1%; display: table-cell; }
.header .mobilenav .searchinput { width: 100%; }
.header input[type="button"] { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; background-color: #F2950A; margin: 1px; padding: 6px 10px 6px 10px; border: 1px solid #F2950A; border-radius: 20px; white-space: nowrap; text-transform: uppercase; cursor: pointer; min-width: 140px; box-shadow: none; }
@media (max-width: 991px) {
.header-wrap { height: 60px; }
.header { max-width: 750px; }
.header .logocontainer { width: 101px; height: 60px; }
.header .logo { width: 101px; height: 60px; }
.header .navigation { top: 10px; left: 10px; }
.header .menuitem { padding: 10px 6px 11px 6px; }
.header .search { top: 10px; left: 20px; }
}
@media (max-width: 767px) {
.header-wrap { height: 40px; }
.header { max-width: 630px; height: 40px; }
.header .logocontainer { width: 68px; height: 40px; }
.header .logo { width: 68px; height: 40px; }
.header .navigation { top: 2px; left: 10px; }
.header .menuitem { padding: 10px 8px 11px 8px; }
.header #customers { display: none; }
.header .search { top: 2px; left: 15px; }
}
@media (max-width: 639px) {
.header .navigation { display: none; }
.header .search { display: none; }
.header .altnav { display: block; }
}
/* SPLASH */
.splash-wrap { width: 100%; height: auto; min-width: 320px; background-color: #FFFFFF; overflow: hidden; }
.splash { width: 100%; height: auto; background-color: #FFFFFF; overflow: hidden; padding-top: 82px; }
.splash .carousel { width: 100%; }
.splash #images { margin: 0px; padding: 0px; list-style: none; }
.splash .text-overlay-left { position: absolute; top: 50%; left: 33%; transform: translate(-50%, -50%); width: 600px; text-align: left; }
.splash .text-overlay-left .title { font-family: Montserrat, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: bold; }
.splash .text-overlay-left .description { font-family: Montserrat, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: normal; }
.splash .text-overlay-left .description a { color: #FFFFFF; text-decoration: none; }
.splash .text-overlay-left .description a:hover { text-decoration: underline; }
.splash .text-overlay-left sup { font-size: 75%; }
.splash .text-overlay-left ul { margin-left: 15px; padding: 0px 0px 0px 0px; list-style: none; }
.splash .text-overlay-left li { margin: 0px; padding: 8px 0px 8px 40px; background-image: url('/images/checkmark.png'); background-repeat: no-repeat; background-position: left center; }
.splash .text-overlay-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
.splash .text-overlay-center .title { font-family: Montserrat, sans-serif; font-size: 42px; color: #FFFFFF; font-weight: bold; }
.splash .text-overlay-center .description { font-family: Montserrat, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: bold; }
.splash .text-overlay-center .description a { color: #FFFFFF; text-decoration: none; }
.splash .text-overlay-center .description a:hover { text-decoration: underline; }
.splash .button { padding: 10px 10px 0px 10px; }
.splash .button-spacer { height: 15px; }
.splash .button-deepblue { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: center; text-decoration: none; background-color: #044482; padding: 10px 30px 10px 30px; border: 1px solid #FFFFFF; border-radius: 20px; white-space: nowrap; max-width: 240px; text-transform: uppercase; cursor: pointer; }
.splash .button-deepblue:hover { color: #044482; background-color: #FFFFFF; border: 1px solid #044482; transition: all 0.30s ease-in-out; }
.splash .banner { width: 100%; height: 80px; background-color: #E8EFFF; position: relative; top: -4px; }
.splash .banner .wrap { width: 100%; max-width: 960px; height: 80px; margin: auto; background-color: #E8EFFF; }
.splash .banner .wrap p { font-size: 16px; color: #333333; font-weight: normal; margin: 10px; line-height: 22px; text-align: center; }
.splash .banner .wrap p a { color: #333333; text-decoration: none; }
.splash .banner .wrap p a:hover { text-decoration: underline; }
.splash .latestnews { width: 100%; height: auto; background-color: #11375F; }
.splash .latestnews .table { margin-left: auto; margin-right: auto; background-color: #11375F; }
.splash .latestnews .table .left { padding: 0px 5px 0px 0px; }
.splash .latestnews .table .right { padding: 0px 0px 0px 5px; }
.splash .latestnews .table p { font-size: 16px; color: #FFFFFF; font-weight: bold; text-align: center; }
.splash .latestnews .table p a { color: #FFB240; text-decoration: none; }
.splash .latestnews .table p a:hover { text-decoration: underline; }
.splash .email-insights { margin-top: 10px; }
.splash .email-insights-icon { padding-left: 15px; padding-right: 15px; padding-top: 4px; }
.splash .email-insights-prompt { font-family: Montserrat, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; }
.splash .email-insights-prompt a { color: #FFFFFF; text-decoration: none; }
.splash .email-insights-prompt a:hover { text-decoration: underline; }
@media (max-width: 991px) {
.splash { padding-top: 62px; }
.splash .text-overlay-left { left: 32%; width: 440px; }
.splash .text-overlay-left .title { font-size: 19px; }
.splash .text-overlay-left .description { font-size: 16px; }
.splash .text-overlay-left ul { margin-left: 10px; }
.splash .text-overlay-left li { padding: 5px 0px 5px 30px; }
.splash .text-overlay-center .title { font-size: 32px; }
.splash .text-overlay-center .description { font-size: 20px; }
.splash .button { padding: 5px 10px 0px 10px; }
.splash .button-spacer { height: 10px; }
.splash .button-deepblue { font-size: 12px; padding: 8px 12px 8px 12px; max-width: 200px; }
.splash .banner { height: auto; }
.splash .banner .wrap { max-width: 750px; height: auto; }
.splash .banner .wrap p { font-size: 14px; margin: 5px; }
.splash .latestnews .table p { font-size: 14px; }
.splash .email-insights { margin-top: 0px; }
.splash .email-insights-icon { padding-left: 8px; padding-right: 5px; padding-top: 5px; }
.splash .email-insights-prompt { font-size: 16px; }
}
@media (max-width: 767px) {
.splash { padding-top: 42px; }
.splash .text-overlay-left { left: 33%; width: 400px; }
.splash .text-overlay-left .title { font-size: 17px; }
.splash .text-overlay-left .description { font-size: 15px; }
.splash .text-overlay-left li { padding: 0px 0px 2px 30px; }
.splash .text-overlay-center .title { font-size: 24px; }
.splash .text-overlay-center .description { font-size: 18px; }
.splash .button { padding: 0px 10px 0px 10px; }
.splash .button-spacer { height: 10px; }
.splash .banner .wrap { max-width: 630px; }
.splash .email-insights-icon { padding-left: 8px; padding-right: 5px; padding-top: 6px; }
.splash .email-insights-prompt { font-size: 15px; }
}
@media (max-width: 639px) {
.splash .carousel { content: url('/images/carousel_platform_mobile.jpg'); width: 100% !important; height: 520px; object-fit: cover; object-position: 100% 100%; }
.splash .button { width: 100%; display: inline-block; padding: 5px 10px 5px 10px; }
.splash .button-spacer { height: 15px; }
.splash .text-overlay-left { width: 400px; top: 160px; left: 50%; }
.splash .text-overlay-left .title { font-size: 17px; padding-left: 10px; }
.splash .text-overlay-left .description { font-size: 14px; }
.splash .text-overlay-left ul { padding-left: 10px; }
.splash .banner { height: auto; }
.splash .banner .wrap { width: 100%; height: auto; }
.splash .banner .wrap td { width: 100%; display: block; }
.splash .email-insights-icon { padding-left: 20px; padding-right: 5px; padding-top: 7px; }
.splash .email-insights-prompt { font-size: 14px; }
}
@media (max-width: 359px) {
.splash .latestnews .table p a { display: block; }
.splash .latestnews .ampersand { display: none; }
}
@media (max-width: 399px) {
.splash .text-overlay-left { width: 100%; left: 50%; max-width: 360px; }
.splash .text-overlay-left ul { padding-left: 5px; }
.splash .email-insights-icon { padding-left: 15px; padding-right: 5px; padding-top: 7px; }
}
@media (max-width: 359px) {
.splash .text-overlay-left { width: 100%; left: 50%; top: 160px; max-width: 320px; }
.splash .email-insights { display: none; }
}
/* MAIN CONTENT */
.content-wrap { width: 100%; height: auto; min-width: 320px; background-color: #FFFFFF; overflow: visible; }
.content { max-width: 960px; height: auto; margin: auto; background-color: #FFFFFF; overflow: visible; }
.nosplash { padding-top: 82px }
.content .column-100 { width: 100%; float: left; }
.content .column-100 .padding { padding: 0px 0px 0px 0px; } /* 960px */
.content .column-75 { width: 75%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-75 .padding { padding: 0px 10px 0px 10px; }
.content .column-50 { width: 50%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-50 .padding { padding: 0px 10px 0px 10px; } /* 460px */
.content .column-33 { width: 33%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-33 .padding { padding: 0px 10px 0px 10px; } /* 300px */
.content .column-33n { width: 33%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-33n .padding { padding: 0px 10px 0px 10px; } /* 300px */
.content .column-25 { width: 25%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-25 .padding { padding: 0px 10px 0px 10px; } /* 220px */
.content .column-25n { width: 25%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-25n .padding { padding: 0px 10px 0px 10px; } /* 220px */
.content .column-20n { width: 20%; float: left; display: flex; justify-content: center; align-items: center; }
.content .column-20n .padding { padding: 0px 10px 0px 10px; }
.content .bubble { width: 100%; font-size: 16px; color: #333333; background-color: #FFFFFF; padding: 20px 0px 20px 0px; margin: 10px; text-align: center; user-select: none; cursor: pointer; border: 1px solid #DDDDDD; border-radius: 8px 8px 8px 8px; transition: all 300ms ease-out; }
.content .bubble:hover { background-color: #F0F5FC; }
.content .bubble.selected { background-color: #F0F5FC; }
.content h1, .subhead h1 { font-size: 22px; color: #333333; font-weight: bold; margin: 0px 2px 20px 2px; padding: 0px; }
.content h3, .subhead h3 { font-size: 20px; color: #333333; font-weight: bold; margin: 0px 2px 20px 2px; padding: 0px; }
.content h4, .subhead h4 { font-size: 22px; color: #263E60; font-weight: bold; text-align: center; }
.content h6, .subhead h6 { font-size: 16px; color: #333333; font-weight: bold; margin: 0px; padding: 0px; text-align: left; }
.content h6 a { color: #378ACC; text-decoration: none; }
.content p { font-size: 16px; color: #333333; font-weight: normal; margin: 0px 2px 10px 2px; padding: 0px; line-height: 22px; }
.content p a { color: #378ACC; text-decoration: none; }
.content p a:hover { text-decoration: underline; }
.content p.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
.content p.item a { color: #378ACC; }
.content p.more { font-size: 16px; color: #333333; font-weight: bold; margin: 0px 2px 0px 2px; padding: 0px; line-height: 22px; }
.content p.more a { color: #378ACC; text-decoration: none; }
.content p.more a:hover { text-decoration: underline; }
.content p.boilerplate { font-size: 14px; color: #333333; font-style: italic; margin: 2px 0px 2px 0px; }
.content p.boilerplate a { color: #378ACC; }
.content p.breadcrumbs { font-size: 14px; color: #333333; margin: 0px; padding: 3px 0px 0px 0px; text-transform: uppercase; }
.content p.breadcrumbs a { color: #378ACC; }
.content p.bigquote { font-size: 20px; color: #378ACC; font-style: italic; text-align: center; line-height: 28px }
.content p.quotesource { font-size: 18px; color: #333333; font-style: normal; text-align: center; line-height: 28px }
.content hr { width: 100%; height: 1px; color: #D9D9D9; border-style: dotted; border-color: #D9D9D9; border-width: 1px 0px 0px 0px; }
.content p { font-size: 16px; }
.content p.customerlist { margin: 0px; }
.content p.caption { font-size: 14px; text-align: center; }
.content ul { margin-left: 20px; padding: 10px 0px 10px 0px; list-style: none; }
.content li { font-size: 16px; color: #333333; font-weight: normal; margin: 0px; padding: 0px 0px 15px 40px; background-image: url('/images/bullet.png'); background-repeat: no-repeat; line-height: 22px; }
.content li a { color: #378ACC; text-decoration: none; }
.content li a:hover { text-decoration: underline; }
.content li.item { font-size: 16px; color: #333333; font-weight: normal; margin: 0px; padding: 0px 0px 0px 40px; background-image: url('/images/bullet.png'); background-repeat: no-repeat; line-height: 22px; }
.content .factoid { width: 50%; margin-left: auto; margin-right: auto; padding: 40px 0px 40px 0px; }
.content .bignumber { font-size: 22px; color: #FC9A07; font-weight: bold; }
.content .bigfact { font-size: 20px; color: #333333; font-weight: normal; margin-bottom: 20px; }
.content .category { font-size: 28px; color: #243B9A; font-weight: bold; float: left; position: relative; padding-left: 20px; left: 10px; top: -20px; border-left: 6px solid #243B9A; text-transform: uppercase; }
.content table.features { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
.content tr.featurerow:nth-child(even) { background-color: #FFFFFF; }
.content tr.featurerow:nth-child(odd) { background-color: #FBFCFE; }
.content td.featurenobg, th.featurenobg { margin: 0px; padding: 8px; line-height: 28px; }
.content td.featurebg, th.featurebg { font-size: 16px; width: 135px; color: #FFFFFF; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; background-color: #0C3C60; text-align: center; line-height: 28px; white-space: nowrap; }
.content td.featurebgo, th.featurebgo { font-size: 16px; width: 135px; color: #FFFFFF; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; background-color: #FC9A07; text-align: center; line-height: 28px; white-space: nowrap; }
.content td.featuredesc { font-size: 16px; color: #333333; margin: 0px; padding: 8px 8px 8px 12px; border: 1px solid #DDDDDD; text-align: left; vertical-align: middle; }
.content td.featurestatus { margin: 0px; padding: 8px; border: 1px solid #DDDDDD; text-align: center; vertical-align: middle; }
.content th { font-size: 16px; font-weight: normal; position: sticky; top: 82px; }
.content .background-orange { background-color: #FFE1B0; }
.content .background-blue { background-color: #F0F5FC; }
.content .highlight-software { width: 100%; height: 405px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/go/images/highlight_software.jpg'); background-repeat: no-repeat; }
.content .highlight-cloud { width: 100%; height: 405px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/go/images/highlight_cloud.jpg'); background-repeat: no-repeat; }
.content .highlight-marketing { width: 100%; height: 405px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/go/images/highlight_ngo.jpg'); background-repeat: no-repeat; }
.content table.fulltableframe { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
.content td.blueboxtop { background-color: #0C3C60; margin: 0px; padding: 8px; }
.content td.boxcontent { background-color: #FBFCFE; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; }
.content td.contactbox { background-color: #FBFCFE; margin: 0px; padding: 8px; }
.content div.indent { margin: 0px 25px 25px 25px; }
.content .padding-20 { padding: 20px; }
@media (max-width: 991px) {
.content { max-width: 750px; }
.nosplash { padding-top: 62px }
.content .column-33 { width: 100%; height: auto !important; padding: 20px 0px 20px 0px; clear: both; }
.content .column-25 { width: 50%; }
.content .factoid { width: 65%; }
.content th { top: 62px; }
.content .bubble { padding: 10px 0px 10px 0px; }
}
@media (max-width: 767px) {
.content { max-width: 630px; }
.nosplash { padding-top: 42px }
.content .factoid { width: 75%; }
.content th { top: 42px; }
}
@media (max-width: 639px) {
.content .break-s { width: 100%; display: block; }
.content h1, .subhead h1 { font-size: 20px; padding-left: 5px; padding-right: 5px; }
.content h3, .subhead h3 { font-size: 18px; padding-left: 5px; padding-right: 5px; }
.content h4, .subhead h4 { font-size: 20px; padding-left: 5px; padding-right: 5px; }
.content h6, .subhead h6 { font-size: 14px; padding-left: 5px; padding-right: 5px; }
.content p.bigquote { font-size: 18px; padding-left: 5px; padding-right: 5px; }
.content p.quotesource { font-size: 16px; padding-left: 5px; padding-right: 5px; }
.content .category { font-size: 24px; }
.content td.featurebg { font-size: 14px; }
.content td.featurebgo { font-size: 14px; }
.content td.featuredesc { font-size: 14px; }
.content p { font-size: 14px; padding-left: 5px; padding-right: 5px; }
.content p.caption { font-size: 12px; }
.content li { font-size: 14px; }
.content .bignumber { font-size: 18px; display: block; text-align: center; }
.content .bigfact { font-size: 18px; display: block; text-align: center; }
.content .button-orange { font-size: 14px; }
.content th { font-size: 14px; top: 41px; }
.content .highlight-cloud { background-image: url('/go/images/highlight_mobile.jpg'); background-repeat: repeat-y; }
.content .highlight-software { background-image: url('/go/images/highlight_mobile.jpg'); background-repeat: repeat-y; }
.content .highlight-marketing { background-image: url('/go/images/highlight_mobile.jpg'); background-repeat: repeat-y; }
.content .bubble { font-size: 14px; }
}
@media (max-width: 479px) {
.content .column-50 { width: 100%; height: auto !important; padding: 20px 0px 20px 0px; clear: both; }
.content .column-25 { width: 100%; clear: both; }
}
/* LATEST NEWS */
.content .tabs { width: 100%; height: 40px; display: block; position: relative; margin: 0px; padding: 20px 0px 0px 0px; overflow: hidden; }
.content .tabs-one { font-size: 16px; color: #333333; font-weight: normal; text-align: center; width: 25%; height: 40px; display: block; position: relative; margin: 2px 2px 0px 2px; padding: 9px 0px 0px 0px; overflow: hidden; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 8px 8px 0px 0px; box-shadow: 0px 0px 1px #666666; float: left; cursor: pointer; }
.content .tabs-one.selected { background-color: #F0F5FC; }
.content .tabs-strip { width: 100%; height: 1px; display: block; position: relative; margin: 0px 0px 20px 0px; background-color: #DDDDDD; box-shadow: 0px 0px 1px #D9D9D9; }
.content #news-snippets { margin: 0px; padding: 0px; list-style: none; }
.content #news-snippets li { padding: 0px; background-image: none; }
.content .news { width: 100%; height: 300px; display: block; position: relative; margin: 0px; padding: 0px; }
.content .news .news-prev { width: 30px; height: 59px; display: block; position: absolute; top: 60px; left: -39px; background-image: url("/images/smallprev.png"); background-repeat: no-repeat; cursor: pointer; }
.content .news .news-next { width: 30px; height: 59px; display: block; position: absolute; top: 60px; right: -39px; background-image: url("/images/smallnext.png"); background-repeat: no-repeat; cursor: pointer; }
.content .thumbtable { width: 310px; height: 180px; margin: 0px; padding: 0px; border-spacing: 0px; margin-left: auto; margin-right: auto; }
.content .thumbimage { width: 82px; height: 70px; margin: 8px; padding: 0px; background-color: #FFFFFF; }
.content .thumbheadline { font-size: 16px; color: #378ACC; margin-top: 5px; line-height: 22px; }
.content .thumbheadline a { color: #378ACC; }
.content .thumbposted { font-size: 16px; color: #999999; margin-top: 13px; line-height: 22px; }
@media (max-width: 1120px) {
.content .news .news-prev { width: 20px; height: 20px; position: relative; top: 5px; left: 2px; float: left; background-image: url("/images/xsmallprev.png"); cursor: pointer; }
.content .news .news-next { width: 20px; height: 20px; position: relative; top: 5px; right: 2px; float: right; background-image: url("/images/xsmallnext.png"); cursor: pointer; }
}
@media (max-width: 639px) {
.content .tabs-one { font-size: 14px; width: auto; padding: 8px 10px 0px 10px; }
.content .thumbheadline { font-size: 14px; }
.content .thumbposted { font-size: 14px; }
}
/* FULL CONTENT */
.fullcontent h1 { font-size: 24px; color: #333333; font-weight: bold; margin: 0px 2px 20px 2px; padding: 0px; }
.fullcontent h1 a { color: #333333; text-decoration: none; }
.fullcontent h1 a:hover { text-decoration: none; }
.fullcontent h2 { font-size: 20px; color: #333333; font-weight: bold; margin: 0px 2px 20px 2px; padding: 0px; }
.fullcontent h2 a { color: #333333; text-decoration: none; }
.fullcontent h2 a:hover { text-decoration: none; }
.fullcontent h3 { font-size: 18px; color: #333333; font-weight: bold; margin: 0px 2px 20px 2px; padding: 0px; }
.fullcontent h3 a { color: #333333; text-decoration: none; }
.fullcontent h3 a:hover { text-decoration: none; }
.fullcontent h4 { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 5px 2px 5px 2px; padding: 0px; }
.fullcontent h4 a { color: #FFFFFF; text-decoration: none; }
.fullcontent h4 a:hover { text-decoration: none; }
.fullcontent p { font-size: 16px; color: #333333; font-weight: normal; margin: 0px 2px 10px 2px; padding: 0px; line-height: 22px; }
.fullcontent p a { color: #378ACC; text-decoration: none; }
.fullcontent p a:hover { text-decoration: underline; }
.fullcontent p.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
.fullcontent p.item a { color: #378ACC; }
.fullcontent p.more { font-size: 16px; color: #333333; font-weight: bold; margin: 0px 2px 0px 2px; padding: 0px; line-height: 22px; }
.fullcontent p.more a { color: #378ACC; text-decoration: none; }
.fullcontent p.more a:hover { text-decoration: underline; }
.fullcontent p.boilerplate { font-size: 14px; color: #333333; font-style: italic; margin: 2px 0px 2px 0px; }
.fullcontent p.boilerplate a { color: #378ACC; }
.fullcontent p.breadcrumbs { font-size: 14px; color: #333333; margin: 0px; padding: 3px 0px 0px 0px; text-transform: uppercase; }
.fullcontent p.breadcrumbs a { color: #378ACC; }
.fullcontent p.bigquote { font-size: 18px; color: #378ACC; font-style: italic; text-align: center; }
.fullcontent p.quotesource { font-size: 16px; color: #333333; font-style: normal; text-align: center; }
.fullcontent hr { width: 100%; height: 1px; color: #D9D9D9; border-style: dotted; border-color: #D9D9D9; border-width: 1px 0px 0px 0px; }
.fullcontent div.indent { margin: 0px 25px 25px 25px; }
.fullcontent .padding-20 { padding: 20px; }
.fullcontent .fullbackground { width: 100%; margin-left: auto; margin-right: auto; background-color: #ECF2FB; }
.fullcontent .notfullcontent { max-width: 960px; height: auto; margin: auto; overflow: visible; }
.fullcontent .grid { width: 300px; height: 400px; display: inline-block; margin: 40px 8px 40px 8px; }
.fullcontent .gridcontent { width: 220px; position: relative; top: 205px; left: 65px; }
.fullcontent table.fulltableframe { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
.fullcontent td.blueboxtop { background-color: #0C3C60; margin: 0px; padding: 8px; }
.fullcontent td.boxcontent { background-color: #FBFCFE; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; }
@media (max-width: 991px) {
.fullcontent .notfullcontent { max-width: 750px; }
.fullcontent .grid { margin: 40px 36px 40px 36px; }
}
@media (max-width: 767px) {
.fullcontent .notfullcontent { max-width: 630px; }
.fullcontent .grid { margin: 40px 5px 40px 5px; }
}
@media (max-width: 639px) {
.fullcontent .grid { display: block; margin-left: auto; margin-right: auto; }
}
/* QUOTES */
.quote-wrap { width: 100%; height: auto; min-width: 320px; background-color: #F0F5FC; overflow: visible; padding: 50px 0px 50px 0px; }
.quote-wrap ul { margin-left: 20px; padding: 10px 0px 10px 0px; list-style: none; }
.quote-wrap li { font-size: 16px; color: #333333; font-weight: normal; margin: 0px; padding: 0px 0px 15px 40px; background-image: url('/images/bullet.png'); background-repeat: no-repeat; line-height: 22px; }
div.quote { width: 100%; max-width: 960px; height: auto; background-color: #F0F5FC; overflow: visible; margin-left: auto; margin-right: auto; }
.quote .bigquotel { font-family: 'Times New Roman', serif; font-size: 160px; font-weight: bold; color: #263E60; float: left; position: relative; top: -50px }
.quote .bigquoter { font-family: 'Times New Roman', serif; font-size: 160px; font-weight: bold; color: #263E60; float: right; position: relative; top: 100px; }
.quote .bigquote { font-family: 'Open Sans', sans-serif; font-size: 25px; color: #263E60; font-weight: bold; text-align: center; padding-left: 80px; padding-right: 80px; }
.quote .bigquotesource { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #263E60; font-weight: bold; text-align: center; }
@media (max-width: 991px) {
.quote .bigquoter { top: 140px; }
}
@media (max-width: 767px) {
.quote .bigquoter { top: 160px; }
}
@media (max-width: 639px) {
.quote .bigquotel { display: none; }
.quote .bigquoter { display: none; }
.quote .bigquote { font-size: 20px; padding-left: 5px; padding-right: 5px; }
.quote .bigquotesource { font-size: 18px; padding-left: 5px; padding-right: 5px; }
.quote p { font-size: 14px; padding-left: 5px; padding-right: 5px; }
.quote li { font-size: 14px; }
}
/* INTERIOR CONTAINER */
.container { position: relative; margin-left: auto; margin-right: auto; }
@media (min-width: 640px) {
.container { width: 630px; }
}
@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 960px; }
}
/* INTERIOR STRUCTURE */
#incontent { width: 100%; background-color: #FFFFFF; display: block; position: relative; padding-top: 82px; }
#insidebar { width: 200px; display: block; position: relative; top: 0px; right: 0px; float: right; background-image: url("/images/sidebar.png"); background-repeat: repeat-y; border-right: 1px solid #DDDDDD; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#insidebar div.sidenavon { width: 200px; height: 38px; background-image: url("/images/arrow_blue.png"); background-repeat: no-repeat; font-size: 14px; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px; line-height: 38px; }
#insidebar div.sidenavon a { color: #FFFFFF; }
#insidebar div.sidenavoff { width: 178px; height: 38px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; font-size: 14px; color: #333333; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; line-height: 38px; }
#insidebar div.sidenavoff a { color: #333333; }
#insidebar div.sidenavspacer { width: 178px; height: 38px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; font-size: 14px; color: #333333; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 7px; line-height: 38px; }
#insidebar div.button { padding: 40px 0px 0px 24px; }
#insidebar div.solutionfinder { padding: 30px 0px 0px 52px; }
#insidebar div.insights { margin: 30px 0px 30px 21px; }
#mobileinsidebar { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); display: none; }
@media (max-width: 991px) {
#incontent { padding-top: 62px; }
#insidebar { width: 200px; display: none; position: absolute; top: 87px; right: 15px; float: none; background-image: none; background-color: #FCFCFC; border: 1px solid #DDDDDD; }
#insidebar .sidebartop { display: none; }
#insidebar div.sidenavon { width: 180px; height: auto; background-image: none; background-color: #0C3C60; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 40px; }
#insidebar div.sidenavon a { color: #FFFFFF; text-decoration: none; }
#insidebar div.sidenavoff { width: 180px; height: auto; background-image: none; background-color: #FCFCFC; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 40px; }
#insidebar div.sidenavoff:hover { background-color: #EAEAEA; }
#insidebar div.sidenavoff a { color: #333333; text-decoration: none; }
#insidebar div.sidenavspacer { width: 175px; height: auto; background-image: none; background-color: #FCFCFC; margin: 0px; padding: 0px 10px 0px 10px; border-top: none; border-bottom: 1px solid #DDDDDD; line-height: 40px; }
#insidebar div.button { display: none; }
#insidebar div.solutionfinder { display: none; }
#insidebar div.insights { margin: 30px 0px 30px 15px; }
#mobileinsidebar { display: block; position: absolute; top: 53px; right: 15px; background-color: #FCFCFC; border: 1px solid #DDDDDD; font-size: 14px; color: #333333; background-image: url("/images/icon_altsubnav.png"); background-position: left; background-repeat: no-repeat; cursor: pointer; margin: 0px; padding: 7px 12px 8px 38px; }
}
@media (max-width: 767px) {
#incontent { padding-top: 42px; }
#insidebar { top: 47px; }
#mobileinsidebar { top: 13px; }
}
@media (max-width: 639px) {
#insidebar { top: 28px; }
#mobileinsidebar { display: none; }
}
/* MAIN CONTENT */
#inmainarea { width: 757px; background-color: #FFFFFF; border-left: 1px solid #FFFFFF; display: block; position: relative; top: 0px; left: 0px; float: left; max-height: 100000px; overflow: hidden; }
#inmainarea hr { width: 100%; height: 1px; color: #D9D9D9; border-style: dotted; border-color: #D9D9D9; border-width: 1px 0px 0px 0px; }
#inmainarea h1 { font-size: 20px; color: #333333; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px; }
#inmainarea h1.product { font-size: 20px; color: #333333; font-weight: bold; margin: 0px 0px 8px 0px; padding: 0px; }
#inmainarea h2 { font-size: 16px; color: #999999; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; }
#inmainarea h3 { font-size: 18px; color: #333333; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 1px dotted #333333; }
#inmainarea h3.noline { font-size: 18px; color: #333333; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: 0px; }
#inmainarea h4 { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; }
#inmainarea h4 a { color: #FFFFFF; }
#inmainarea h5 { font-size: 16px; color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; }
#inmainarea h5 a { color: #FFFFFF; }
#inmainarea h6 { font-size: 18px; color: #333333; font-weight: bold; margin: 0px 0px 20px 0px; padding: 0px; }
#inmainarea p { font-size: 16px; color: #333333; margin: 0px 0px 16px 0px; padding: 0px; line-height: 22px; }
#inmainarea p a { color: #378ACC; }
#inmainarea p.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.item a { color: #378ACC; }
#inmainarea p.smallitem { font-size: 16px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.smallitem a { color: #378ACC; }
#inmainarea p.toc { font-size: 16px; color: #333333; margin: 0px 0px 16px 0px; padding: 0px; }
#inmainarea p.toc a { color: #378ACC; }
#inmainarea p.error { font-size: 16px; color: #D9534F; margin: 0px 0px 16px 0px; padding: 0px; }
#inmainarea p.error a { color: #D9534F; }
#inmainarea span.error { color: #D9534F; }
#inmainarea .error { color: #D9534F; }
#inmainarea span.example { color: #CCCCCC; font-style: italic; }
#inmainarea p.status { font-size: 16px; color: #378ACC; margin: 0px; padding: 0px; }
#inmainarea p.status a { color: #378ACC; }
#inmainarea p.note { font-size: 14px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.note a { color: #378ACC; }
#inmainarea p.caption { font-size: 14px; color: #666666; font-style: italwic; margin: 2px; padding: 0px; }
#inmainarea p.caption a { color: #378ACC; }
#inmainarea p.customerlist { font-size: 12px; color: #333333; margin: 0px; padding: 0px; }
#inmainarea p.bigquote { font-size: 16px; color: #378ACC; font-style: italic; text-align: center; }
#inmainarea p.quote { font-size: 16px; color: #378ACC; font-style: italic; text-align: center; }
#inmainarea p.quotesource { font-size: 16px; color: #333333; font-style: italic; text-align: center; }
#inmainarea p.menuopt { font-size: 16px; color: #333333; margin: 0px; padding: 0px; text-align: center; }
#inmainarea p.menuopt a { color: #378ACC; }
#inmainarea p.breadcrumbs { font-size: 14px; color: #333333; margin: 0px; padding: 3px 0px 0px 0px; text-transform: uppercase; }
#inmainarea p.breadcrumbs a { color: #378ACC; }
#inmainarea p.boilerplate { font-size: 14px; color: #333333; font-style: italic; margin: 2px 0px 2px 0px; }
#inmainarea p.boilerplate a { color: #378ACC; }
#inmainarea ul { margin-left: 15px; padding: 5px 0px 0px 0px; list-style: none; }
#inmainarea li { font-size: 16px; color: #333333; margin: 0px; padding: 0px 0px 15px 40px; background-image: url('/images/bullet.png'); background-repeat: no-repeat; line-height: 22px; }
#inmainarea li a { color: #378ACC; }
#inmainarea li.item { font-size: 16px; color: #333333; margin: 0px; padding: 0px 0px 2px 40px; background-image: url('/images/bullet.png'); background-repeat: no-repeat; line-height: 22px; }
#inmainarea li.item a { color: #378ACC; }
#inmainarea li.error { font-size: 16px; color: #D9534F; margin: 0px; padding: 0px 0px 2px 40px; line-height: 22px; }
#inmainarea li.error a { color: #D9534F; }
#inmainarea .error { font-size: 16px; color: #D9534F; }
#inmainarea li.status { font-size: 16px; color: #378ACC; margin: 0px; padding: 0px 0px 2px 40px; line-height: 22px; }
#inmainarea li.status a { color: #378ACC; }
#inmainarea div.indent { margin: 0px 25px 25px 25px; }
#inmainarea div.toc { margin: 0px 0px 25px 0px; }
#inmainarea div.bigquote { width: 300px; padding: 10px 10px 10px 10px; float: right; }
#inmainarea .spinner { padding: 20px 0px 20px 0px; }
#inmainarea .latestnews-item { width: 368px; height: 110px; margin: 0px; padding: 0px; float: left; }
#inmainarea .latestnews-thumbnail { width: 368px; height: 88px; margin: 0px; padding: 0px; float: left; }
#inmainarea .latestnews-thumbframe { width: 98px; height: 86px; background-color: #FFFFFF; margin: 0px 12px 0px 0px; border: 1px solid #DDDDDD; border-radius: 8px; position: relative; top: 0px; left: 0px; float: left; }
#inmainarea .latestnews-thumbimage { width: 82px; height: 70px; background-color: #FFFFFF; margin: 8px; }
#inmainarea .latestnews-thumbcontent { width: 244px; height: 86px; display: table-cell; vertical-align: middle; }
#inmainarea .latestnews-thumbheadline { font-size: 14px; color: #378ACC; width: 245px; height: auto; position: relative; top: 0px; left: 0px; margin: 0px 0px 10px 0px; line-height: 20px; float: left; }
#inmainarea .latestnews-thumbheadline a { color: #378ACC; }
#inmainarea .latestnews-thumbdescription { font-size: 14px; color: #333333; width: 245px; height: auto; position: relative; top: 0px; left: 0px; line-height: 20px; float: left; }
#inmainarea .latestnews-thumbdescription a { color: #378ACC; }
#inmainarea .latestnews-thumbposted { font-size: 14px; color: #999999; width: 245px; height: auto; position: relative; top: 0px; left: 0px; line-height: 20px; float: left; }
#inmainarea table.highlight-listserv { width: 100%; height: 369px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/listserv_results.jpg'); }
#inmainarea table.highlight-maestro { width: 100%; height: 311px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/maestro_splash.jpg'); }
#inmainarea table.highlight-listplex { width: 100%; height: 307px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/listplex_splash.jpg'); }
#inmainarea table.highlight-listplex-maestro { width: 100%; height: 308px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/listplex_maestro_splash.jpg'); }
#inmainarea table.highlight-ease { width: 100%; height: 369px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/ease_results.jpg'); }
#inmainarea table.highlight-upgrade { width: 100%; height: 369px; margin: 0px; padding: 20px; border-spacing: 0px; background-image: url('/images/maestro_11_upgrade.jpg'); }
#inmainarea table.download-listserv { width: 100%; height: 200px; margin: 0px; padding: 10px; border-spacing: 0px; background-image: url('/images/download_listserv.jpg'); border: 1px solid #999999; }
#inmainarea table.download-maestro { width: 100%; height: 200px; margin: 0px; padding: 10px; border-spacing: 0px; background-image: url('/images/download_maestro.jpg'); border: 1px solid #999999; }
#inmainarea p.highlight-header { font-size: 24px; color: #FFFFFF; font-weight: bold; line-height: 30px; }
#inmainarea p.highlight-subheader { font-size: 16px; color: #FFFFFF; font-weight: bold; line-height: 18px; }
#inmainarea table.menuopt { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.optinopt { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea td.menuactive { background-color: #FBFCFE; height: 30px; }
#inmainarea td.menuinactive { background-color: #FFFFFF; height: 30px; }
#inmainarea td.menuactive-left { background-color: #FBFCFE; height: 30px; background-image: url('../images/arrow_partial_left.png'); background-repeat: no-repeat; background-position: right; }
#inmainarea td.menuinactive-left { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_left.png'); background-repeat: no-repeat; background-position: right; }
#inmainarea td.menuactive-right { background-color: #FBFCFE; height: 30px; background-image: url('../images/arrow_partial_right.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuinactive-right { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_right.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuactive-middle { background-color: #FBFCFE; height: 30px; background-image: url('../images/arrow_partial_middle.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea td.menuinactive-middle { background-color: #FFFFFF; height: 30px; background-image: url('../images/arrow_partial_middle.png'); background-repeat: no-repeat; background-position: left; }
#inmainarea .pill { width: 112px; color: #378ACC; text-align: center; padding: 6px 0px 8px 0px; margin: 0px 5px 20px 5px; background-color: #FBFCFE; float: left; border-radius: 10px; box-shadow: 0px 0px 2px #666666; }
#inmainarea .pill.selected { color: #FFFFFF; background-color: #378ACC; }
#inmainarea table.tableframe { margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.fulltable { width: 100%; margin: 0px; padding: 1px; border-spacing: 0px; }
#inmainarea table.fulltableframe { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.optintableframe { width: 95%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.customertable { width: 100%; margin: 0px; padding: 0px; border-spacing: 4px 0px 4px 0px; }
#inmainarea table.optintable { width: 100%; margin: 0px; padding: 0px; border-spacing: 4px; }
#inmainarea table.manualtable { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; }
#inmainarea table.manualtable td { padding: 2px 10px 2px 10px; }
#inmainarea table.techtiptable { width: 100%; margin: 0px; padding: 0px; border-spacing: 8px; }
#inmainarea table.messages { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; border-collapse: collapse; }
#inmainarea table.messagetable { width: 475px; margin: 0px; padding: 0px; border-spacing: 0px; border: 1px solid #DDDDDD; box-shadow: 8px 8px 8px rgba(50, 50, 50, 0.5); }
#inmainarea table.contacttable { margin: 0px; padding: 0px; border-spacing: 0px; }
#inmainarea table.features { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
#inmainarea tr.featurerow:nth-child(even) { background-color: #FFFFFF; }
#inmainarea tr.featurerow:nth-child(odd) { background-color: #FBFCFE; }
#inmainarea td.featuredesc { font-size: 16px; color: #378ACC; margin: 0px; padding: 8px 8px 8px 12px; border: 1px solid #DDDDDD; background-image: url("../images/bullet_1.png"); background-repeat: no-repeat; text-align: left; vertical-align: top; line-height: 22px; cursor: pointer; }
#inmainarea td.featurestatus { font-size: 16px; color: #333333; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; text-align: center; vertical-align: top; line-height: 22px; white-space: nowrap; }
#inmainarea td.featurebg { font-size: 16px; width: 10%; color: #FFFFFF; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; background-color: #0C3C60; text-align: center; line-height: 22px; white-space: nowrap; }
#inmainarea td.featurenobg { font-size: 16px; width: 80%; color: #378ACC; margin: 0px; padding: 8px 8px 8px 14px; border-left: 1px solid #FFFFFF; background-color: #FFFFFF; text-align: left; line-height: 22px; cursor: pointer; }
#inmainarea td.featuredesc .desc { font-size: 16px; line-height: 22px; color: #333333; }
#inmainarea td.messagetabletop { background-color: #0C3C60; margin: 0px; padding: 8px; }
#inmainarea td.messagetop { background-color: #0C3C60; margin: 0px; padding: 8px; }
#inmainarea td.downloadtop { background-color: #0C3C60; margin: 0px; padding: 8px; }
#inmainarea td.blueboxtop { background-color: #0C3C60; margin: 0px; padding: 8px; }
#inmainarea td.messagetablebody { background-color: #FBFCFE; margin: 0px; padding: 8px; }
#inmainarea td.messagebody { background-color: #FBFCFE; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; }
#inmainarea td.messagebody-nosender { background-color: #FBFCFE; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; }
#inmainarea td.download { background-color: #FBFCFE; margin: 0px; padding: 8px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#inmainarea td.frequent { background-color: #FBFCFE; margin: 0px; padding: 8px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#inmainarea td.contactbox { background-color: #FBFCFE; margin: 0px; padding: 8px; }
#inmainarea td.boxcontent { background-color: #FBFCFE; margin: 0px; padding: 8px; border: 1px solid #DDDDDD; }
#inmainarea td.boxback { background-image: url("/images/boxback.jpg"); background-position: bottom; background-repeat: repeat-x; background-color: #FFFFFF; border: 1px solid #DDDDDD; }
#inmainarea .show { width: 13px; height: 13px; background-image: url("../images/icon_show.png"); background-repeat: no-repeat; cursor: pointer; float: right; margin: 4px; }
#inmainarea .hide { width: 13px; height: 13px; background-image: url("../images/icon_hide.png"); background-repeat: no-repeat; cursor: pointer; float: right; margin: 4px; }
#inmainarea .showall { float: left; }
#inmainarea span.boilerplate-spacer { display: inline-block; width: 15px; }
#inmainarea span.boilerplate-spacer:before { content: "|"; }
#inmainarea .anchor { display: block; position: relative; top: -100px; visibility: hidden; }
@media (max-width: 991px) {
#inmainarea { width: 750px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#inmainarea h1 { margin: 0px 100px 20px 0px; }
#inmainarea h1.product { margin: 0px 100px 16px 0px; }
#inmainarea .latestnews-item { width: 360px; height: 110px; }
#inmainarea .latestnews-thumbnail { width: 360px; height: 88px; }
#inmainarea .latestnews-thumbcontent { width: 236px; height: 86px; }
#inmainarea .latestnews-thumbheadline { width: 236px; }
#inmainarea .latestnews-thumbdescription { width: 236px; }
#inmainarea .latestnews-thumbposted { width: 236px; }
#inmainarea .anchor { top: -80px; }
}
@media (max-width: 767px) {
#inmainarea { width: 630px; }
#inmainarea h1 { margin: 0px 100px 20px 0px; }
#inmainarea h1.product { margin: 0px 100px 20px 0px; }
#inmainarea .latestnews-item { width: 300px; height: 110px; }
#inmainarea .latestnews-thumbnail { width: 300px; height: 88px; }
#inmainarea .latestnews-thumbcontent { width: 185px; height: 86px; }
#inmainarea .latestnews-thumbheadline { font-size: 13px; width: 185px; }
#inmainarea .latestnews-thumbdescription { font-size: 13px; width: 185px; }
#inmainarea .latestnews-thumbposted { font-size: 13px; width: 185px; }
#inmainarea .pill { width: 90px; }
#inmainarea #breadcrumbs { display: none; }
#inmainarea .anchor { top: -60px; }
}
@media (max-width: 639px) {
#inmainarea { width: 100%; border: none; }
#inmainarea h1 { font-size: 18px; margin: 0px 0px 18px 0px; }
#inmainarea h1.product { font-size: 18px; margin: 0px 0px 20px 0px; }
#inmainarea h2 { display: none; }
#inmainarea h3 { font-size: 16px; margin: 0px 0px 16px 0px; }
#inmainarea h4 { font-size: 14px; }
#inmainarea h5 { font-size: 14px; }
#inmainarea p { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.item { font-size: 14px; }
#inmainarea p.smallitem { font-size: 13px; }
#inmainarea p.toc { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.error { font-size: 14px; margin: 0px 0px 14px 0px; }
#inmainarea p.status { font-size: 14px; }
#inmainarea p.note { font-size: 12px; }
#inmainarea p.caption { font-size: 12px; }
#inmainarea p.customerlist { font-size: 11px; }
#inmainarea p.bigquote { font-size: 15px; }
#inmainarea p.quote { font-size: 14px; }
#inmainarea p.quotesource { font-size: 14px; }
#inmainarea p.breadcrumbs { font-size: 12px; }
#inmainarea p.boilerplate { font-size: 12px; margin: 2px 0px 8px 0px; }
#inmainarea li { font-size: 14px; }
#inmainarea li.item { font-size: 14px; }
#inmainarea li.error { font-size: 14px; }
#inmainarea .error { font-size: 14px; }
#inmainarea li.status { font-size: 14px; }
#inmainarea table.menuopt { display: none; }
#inmainarea .pilldivider { clear: left; }
#inmainarea table.messagetable { width: 275px; }
#inmainarea td.downloadtop:nth-child(3n) { display: none; }
#inmainarea td.downloadmanualtop:nth-child(2n) { display: none; }
#inmainarea td.download:nth-child(3n) { display: none; }
#inmainarea td.downloadmanual:nth-child(2n) { display: none; }
#inmainarea td.messagetop:nth-child(2n) { display: none; }
#inmainarea td.messagebody:nth-child(3n) { display: none; }
#inmainarea td.messagebody-nosender:nth-child(2n) { display: none; }
#inmainarea td.featuredesc { font-size: 14px; }
#inmainarea td.featurestatus { font-size: 14px; }
#inmainarea td.featurebg { font-size: 14px; }
#inmainarea td.featurenobg { font-size: 14px; }
#inmainarea td.featuredesc .desc { font-size: 14px; }
#inmainarea table.highlight-maestro { background-image: url('/images/maestro_splash_mobile.jpg'); width: 100%; height: 300px; }
#inmainarea table.highlight-listplex { background-image: url('/images/listplex_splash_mobile.jpg'); width: 100%; height: 300px; }
#inmainarea table.highlight-listplex-maestro { background-image: url('/images/listplex_maestro_splash_mobile.jpg'); width: 100%; height: 300px; }
#inmainarea p.highlight-header { font-size: 18px; }
#inmainarea p.highlight-subheader { font-size: 14px; }
}
@media (max-width: 479px) {
#inmainarea div.bigquote { float: none; margin-left: auto; margin-right: auto; }
#inmainarea span.boilerplate-spacer { display: block; }
#inmainarea span.boilerplate-spacer:before { content: "" }
}
/* FOOTER */
.footer-wrap { width: 100%; height: auto; min-width: 320px; background-color: #044482; border-top: 2px solid #FFB240; overflow: hidden; }
.footer { max-width: 960px; height: auto; margin: auto; background-color: #044482; overflow: hidden; }
.footer .cell-s { width: 17%; margin: 15px 0px 15px 0px; float: left; }
.footer .cell-l { width: 32%; margin: 15px 0px 15px 0px; float: left; }
.footer .footer-header { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: bold; text-align: left; margin: 0px 5px 20px 5px; }
.footer .footer-header a { color: #FFFFFF; text-decoration: none; }
.footer .footer-header a:hover { text-decoration: underline; }
.footer .footer-text { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: normal; text-align: left; margin: 0px 5px 0px 5px; }
.footer .footer-links { font-size: 14px; color: #FFFFFF; font-style: normal; font-weight: normal; text-align: left; margin: 0px 5px 0px 5px; }
.footer .footer-links a { color: #FFFFFF; text-decoration: none; }
.footer .footer-links a:hover { text-decoration: underline; }
.footer .footer-subscribe { margin: 1px 5px 15px 5px; }
.footer .footer-social { margin: 20px 5px 0px 5px; }
.footer input[type="text"] { width: 95%; font-size: 14px; margin: 1px; padding: 4px 5px 5px 5px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; }
.footer input[type="text"]:focus { box-shadow: 0px 0px 2px 0px #FFB240; border: 1px solid #F2950A; }
.footer input[type="text"]:disabled { background-color: #EEEEEE; cursor: not-allowed; }
.footer input[type="submit"],input[type="button"] { background-color: #F2950A; color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 1px; padding: 8px 20px 8px 20px; min-width: 120px; border: none; border-radius: 2px; transition: all 300ms ease-out; outline: none; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08), 0 1px 5px 0 rgba(0,0,0,0.06), 0 3px 1px -2px rgba(0,0,0,0.2); cursor: pointer; text-transform: uppercase; white-space: nowrap; }
.footer input[type="submit"]:hover,input[type="button"]:hover { background-color: #FCAB32; }
.footer input[type="submit"]:focus,input[type="button"]:focus { box-shadow: inset 0 0 0 1px #F2950A, 0 2px 2px 0 rgba(0,0,0,0.08), 0 1px 5px 0 rgba(0,0,0,0.06), 0 3px 1px -2px rgba(0,0,0,0.2); }
.footer input[type="submit"]:active,input[type="button"]:active { background-color: #FCAB32; }
@media (max-width: 991px) {
.footer { max-width: 750px; }
.footer .cell-s { width: 25% !important; }
.footer .cell-l { width: 100% !important; }
}
@media (max-width: 767px) {
.footer { max-width: 630px; }
.footer .cell-s { width: 50% !important; }
.footer .cell-l { width: 100% !important; }
}
/* STATS */
#lsvtoday table.lsvtoday { width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; }
#lsvtoday table.lsvtodayup { width: 100%; }
#lsvtoday table.lsvtoday2 { width: 100%; border: 1px solid #DDDDDD; border-collapse: collapse; }
#lsvtoday table.lsvtodayup2 { width: 100%; }
#lsvtoday td.lsvtodayhead { background-color: #0C3C60; margin: 0px; padding: 6px; vertical-align: top; border: 1px solid #DDDDDD; }
#lsvtoday td.lsvtodaybody { background-color: #FBFCFE; margin: 0px; padding: 6px; vertical-align: top; border: 1px solid #DDDDDD; }
#lsvtoday p.lsvtodayhead { font-size: 15px; color: #FFFFFF; margin: 0px; }
#lsvtoday p.lsvtoday { font-size: 15px; color: #333333; margin: 0px; }
#lsvtoday p.lsvtoday a { color: #378ACC; }
#lsvtoday li.lsvtoday { font-size: 15px; color: #333333; margin: 0px; }
#lsvtoday li.lsvtoday a { color: #378ACC; }
@media (max-width: 639px) {
#lsvtoday p.lsvtodayhead { font-size: 13px; }
#lsvtoday p.lsvtoday { font-size: 13px; }
#lsvtoday li.lsvtoday { font-size: 13px; }
}
/* LIGHTBOX */
.lightboxOverlay { top: 0px; left: 0px; z-index: 9999; position: absolute; background-color: #333333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.5; display: none; }
.lightbox { width: 100%; left: 0px; z-index: 10000; position: absolute; text-align: center; }
.lightbox .lb-image { display: block; height: auto; border: 1px solid #999999; }
.lb-outerContainer { width: 100%; height: 100%; position: relative; margin: auto; background-color: #FFFFFF; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.lb-container { padding: 12px; }
.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { width: 50px; height: 50px; display: block; margin: auto; background: url("images/spinner.gif") no-repeat; }
.lb-nav { top: 0px; left: 0px; position: absolute; height: 100%; width: 100%; z-index: 10; }
.lb-nav a { outline: none; }
.lb-prev { width: 50%; height: 99%; cursor: pointer; display: block; left: 0px; float: left; background: url("images/prev.png") left 49% no-repeat; margin-left: -48px; }
.lb-next { width: 50%; height: 99%; cursor: pointer; display: block; right: 0px; float: right; background: url("images/next.png") right 49% no-repeat; margin-right: -48px; }
.lb-dataContainer { width: 100%; height: 40px; position: relative; top: -1px; margin: auto; }
.lb-data { height: 40px; background-color: #ffffff; padding: 0px 12px 0px 12px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.lb-data .lb-details { font-size: 14px; line-height: 16px; color: #333333; text-align: left; width: 85%; float: left; }
.lb-data .lb-number { font-size: 14px; line-height: 16px; color: #333333; text-align: left; display: block; clear: left; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url("images/close.png") top right no-repeat; text-align: right; outline: none; cursor: pointer; }
/* LIVE CHAT */
#livechat div.Q { margin: 25px 0px 25px 0px; }
#livechat div.A { margin: 25px 0px 25px 0px; }
#livechat span.Q { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 40px; color: #378ACC; margin: 0px 10px 10px 10px; float: left; }
#livechat span.A { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 40px; color: #84C742; margin: 0px 10px 10px 10px; float: left; }
#livechat p.name { font-weight: bold; }
#livechat p.text { color: #333333; }
#livechat p.date { color: #999999; font-style: italic; }
/* DEMO */
#demo { position: absolute; z-index: 99999999; display: none; }
#tip { position: fixed; z-index: 99999999; }
/* CLEARFIX */
.clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: " "; }
.clearfix:after, .container:after { clear: both; }
/* TOGGLER */
.toggler { position: fixed; bottom: -6px; right: 0px; }