/* 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; }
