/* CSS Document */
a img {
    border: none;
    border: 0;
}

/*h1 {*/
/*color: #01375d;*/
/*font-size: 26px;*/
/*}*/

/*h2 {*/
/*color: #01375d;*/
/*font-size: 18px;*/
/*}*/

/*h2.blue {*/
/*color: #003e69*/
/*}*/

/*h3 {*/
/*font-size: 18px*/
/*}*/

/*h3.blue {*/
/*color: #003e69;*/
/**/
/*}*/

div.hr-grey {
    width: 99%;
    height: 1px;
    border-top: 1px solid grey;
    border-bottom: none;
    border-right: none;
    border-left: none;
    clear: both;
}

.solutions-container {
    /*width: 897px;*/
    margin: 0 auto 0 auto;
}

.solutions-crumb {
    color: #a5a5a5;
}

.solutions-crumb-link {
    color: #a5a5a5;
    font-size: 11px;
}

.solutions-crumb-link:hover {
    color: white;
    font-size: 11px;
}

.solutions-header-container {
    /* missing background image removed: grey_header_bg.png */
    margin: 0;
    padding: 0;
    height: 128px;
}

.solutions-header-txt {
    font-size: 35px;
    font-weight: 600;
    color: #003e69;
    margin: 0 0 0 30px;
}

.solutions-subtitle-txt {
    font-size: 18px;
    font-weight: 600;
    color: #003e69;
    margin: 0 0 0 30px;
}

.cont-link-orange:link, .cont-link-orange:active, .cont-link-orange:visited {
    color: #f68b25;
}

.cont-link-orange:hover {
    color: #666666;
}

.cont-link-blue:link, .cont-link-blue:active, .cont-link-blue:visited {
    color: #003e69;
}

.cont-link-blue:hover {
    color: #f68b25;
}

/* .rightvavi_link {
	color: #004421 !important;
}
 */

div a.solutions-nav:first {
    padding: 0 10px 0 0;
}

ul#mes-software-list {
    margin-left: 3rem;
}

.solutions-nav:link, .solutions-nav:active, .solutions-nav:visited {
    color: #445b6e;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding: 5px 10px 7px 10px;

}

.solutions-nav:hover, .solutions-nav .active {
    color: #f68b1f;
    background-color: #002144;
    text-decoration: none;
}

.solutions-nav.active {
    color: #f68b1f;
}

.solutions-list-link:link, .solutions-list-link:active, .solutions-list-link:visited {
    font-weight: bold;
    color: #6a6a6a;
}

.solutions-list-link:hover {
    color: #002144;
}

.story-header-txt {
    /*float:left;*/
    text-align: left;
    line-height: 17px;
    font-size: 13px;
    height: 42px;
    width: 290px;
    padding: 4px 0 0 10px;
    background-color: #002144;
    color: white;
    display: block;
}

.story-image {
    float: left;
    clear: left;
    height: 163px;
    width: 277px;
}

.story-body {
    float: left;
    clear: left;
    font-size: 12px;
/ / margin : 5 px 25 px 0 8 px;
    display: inline-block;
    color: #002143;
    font-weight: bold;
    height: 49px;
    width: 290px;
/ / overflow : hidden;
    text-overflow: ellipsis;
    line-height: 16px;
    padding: 5px 10px 5px 10px;
}

.story-quote, .story-job-title {
    font-size: 10px;
    float: left;
    height: 12px;
    width: 75px;
    display: block
}

.story-quote {
    margin-top: 4px;
}

.story-job-title {
    font-style: italic;
    clear: left
}

.story-btn-loc {
    float: right;
    margin: -5px 20px 0 0;
}

.story-big-quote-cont {
    padding: 15px;
    margin: 5px 0 0px 300px;
    color: #002144;
}

.story-big-quote {
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

.story-big-quote-author {
    font-weight: bold;
}

.story-big-quote-job-title {
    font-style: italic;
}

/*
* 'Full Story' buttons styles
*/
.solutions-full-story-btn:link, .solutions-full-story-btn:visited {
    /*removed missing background image full_story_btn.png*/
    color: #003e69;
    font-size: 12px;
    text-align: center;
    border: 1px solid #445d72;
    display: inline-block;
    height: 17px;
    width: 72px
}

.solutions-full-story-btn:hover {
    /*removed missing background image full_story_btn.png*/
    border: 1px solid black;
}

.solutions-full-story-btn:active {
    border: 1px solid orange;
}

.solutions-big-btn:hover, .solutions-big-btn:active {
    /*removed missing background image orange_123px_btn_active.png*/
}

.industry-label {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #003e69;
}

.scroller-container {
    width: 255px;
    height: 380px;
    display: inline-block;
    background-color: #39464b;
    float: left;
    clear: right;
    overflow: hidden
}

#scroller {
    color: white;
    font-size: 12px;
}

#scroller li {
    height: 25px;
}

.scroller-overlay-top {
    position: relative;
    bottom: 437px;
}

.scroller-overlay-bottom {
    position: relative;
    bottom: 200px;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
    position: relative;
    color: white
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
    overflow: hidden;
    margin: 0 0 0 25px;
    padding: 0;
    list-style: none;
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
}

/* Container DIV */
.simply-scroll {
    width: 576px;
    height: 411px;
    margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
    width: 576px;
    height: 350px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    width: 290px;
    height: 350px;
}

form .stylish {
    font-size: 12px;
    font-weight: bold;
    color: #003d69;
    padding: 8px 12px;
    background: -moz-linear-gradient(
            top,
            #fcb017 0%,
            #f7921e);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#fcb017),
            to(#f7921e));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #003366;
    -moz-box-shadow: 0px 1px 0px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0.7),
    0px 1px 0px rgba(255, 255, 255, 0.3);
}

/**/

form .stylish:hover {
    background: -moz-linear-gradient(
            top,
            #fcb017 0%,
            #f7921e);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#fcb017),
            to(#f7921e));
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 19px rgba(237, 217, 118, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 19px rgba(237, 217, 118, 1);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 19px rgba(237, 217, 118, 1);
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0.7),
    0px 1px 0px rgba(255, 255, 255, 0.3);
}

form .stylish:active {
    background: -moz-linear-gradient(
            top,
            #f7921e 0%,
            #fcb017);
    background: -webkit-gradient(
            linear, left top, left bottom,
            from(#f7921e),
            to(#fcb017));
    border: 2px solid #003366;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5),
    inset 0px 0px 1px rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0.7),
    0px 1px 0px rgba(255, 255, 255, 0.3);
}

.cupid-green {
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    padding: 10px 12px;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;

}

.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer;
}

.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.button-container {
    float: right;
}

.orange-button-rounded {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fec849), color-stop(1, #f68c23));
    background: -moz-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -webkit-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -o-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -ms-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: linear-gradient(to bottom, #fec849 5%, #f68c23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec849', endColorstr='#f68c23', GradientType=0);

    background-color: #fec849;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    border: 1px solid #c97e1c;
    display: inline-block;
    color: #003d69;
    font-size: 17px;
    font-weight: normal;
    padding: 6px 11px;
    text-decoration: none;

}

.orange-button-rounded:hover {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f68c23), color-stop(1, #fec849));
    background: -moz-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -webkit-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -o-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -ms-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: linear-gradient(to bottom, #f68c23 5%, #fec849 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68c23', endColorstr='#fec849', GradientType=0);

    background-color: #f68c23;
}

.orange-button-rounded:active {
    position: relative;
    top: 1px;
}

.orange-button {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fec849), color-stop(1, #f68c23));
    background: -moz-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -webkit-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -o-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: -ms-linear-gradient(top, #fec849 5%, #f68c23 100%);
    background: linear-gradient(to bottom, #fec849 5%, #f68c23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec849', endColorstr='#f68c23', GradientType=0);

    background-color: #fec849;

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    border: 1px solid #c97e1c;
    display: inline-block;
    color: #003d69;
    font-size: 17px;
    font-weight: normal;
    padding: 6px 11px;
    text-decoration: none;

}

.orange-button:hover {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f68c23), color-stop(1, #fec849));
    background: -moz-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -webkit-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -o-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: -ms-linear-gradient(top, #f68c23 5%, #fec849 100%);
    background: linear-gradient(to bottom, #f68c23 5%, #fec849 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68c23', endColorstr='#fec849', GradientType=0);

    background-color: #f68c23;
}

.orange-button:active {
    position: relative;
    top: 1px;
}

.label-blue-gray {
    padding: 8px 15px 8px 15px;
    background-color: #e7e7e8;
    color: #094269;
}

figure {
    width: 471px !important;
    font-size: 13px;
    font-weight: normal;
    margin-top: 15px !important;
    margin-left: 50px !important;
    margin-bottom: 20px !important;
}

figure img {
    margin-bottom: 7px
}

figure.fig-reporting {
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
}

figure.fig-reporting figcaption {
    font-style: italic;
}

h4.reporting-header {
    font-weight: bold;
}

#top-integrator-row {
    border-bottom: 2px solid #eee;
    margin: 3rem 0 0;
    padding-bottom: 10rem;
}

#top-integrator-row h3 {
    color: #003e69;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 10px 0 0;
}

#top-integrator-row p {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px !important;
    margin: 20px 0 30px;
}

#program-benefits-top {
    padding: 9rem 0 4rem;
}

#program-benefits-top h3,
#what-integrators-say h3,
#join-now h3 {
    color: #003e69;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 27px !important;
    line-height: 30px !important;
    padding-bottom: 1.5rem;
    text-align: center;
}

#program-benefits-top p.h3-copy {
    color: #003e69;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 24px !important;
    padding: 0 8rem;
    text-align: center;
}

#program-benefits {
    background-image: url('/static/images/backgrounds/Benefits_Background.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#program-benefits h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2rem;
}

#benefits-signup, #benefits-membership {
    padding: 2.5rem 2rem;
}

#program-benefits ul {
    margin-left: 2rem;
}

#program-benefits ul li {
    margin: 1rem 0;
    font-weight: 600;
}

#benefits-signup {
    color: #FFFFFF;
}

#benefits-membership {

}

#what-integrators-say {
    padding: 9rem 0 4rem;
}

#what-integrators-say h5 {
    color: #003e69;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 20px !important;
}

#what-integrators-say p {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18px !important;
}

.integrator-quotes {
    background: url("/static/images/icons/quote.png") no-repeat scroll center top / 60px auto rgba(0, 0, 0, 0);
    margin-top: 6rem;
    padding-top: 9rem;
}

#what-integrators-say .integrator-quotes p {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 0 10px;
    text-align: center;
}

#what-integrators-say .integrator-quotes p.integrator-quotes2 {
    color: #4a86a3;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 24px !important;
    padding: 1.2rem 0;
    text-align: center;
}

#what-integrators-say .integrator-quotes p.integrator-quotes2 span {
    font-style: italic;
    font-weight: 400;
}

#join-now {
    background: none repeat scroll 0 0 #eeeeee;
    margin: 5rem 0 14.8rem;
    padding: 3rem 9rem 7rem;
}

#join-now h3 {
    padding: 2rem 0 3rem;
}

#join-now p {
    font-weight: 600;
    padding: 0 9rem 2.5rem;
    text-align: center;
}

.integrator-sign-up-now {
    background-color: #ef8e1e;
    border-radius: 6px;
    color: #ffffff;
    font-size: 18px;
    padding: 8px 24px;
}

.integrator-sign-up-now:hover {
    background-color: #fea849;
    color: #ffffff;
}

/*
------------------------------------------------------------------
Buttons
------------------------------------------------------------------
*/
a.primary-button,
a.primary-button:link,
a.primary-button:active,
a.primary-button:visited,
button.primary-button,
a.secondary-button:link,
a.secondary-button:active,
a.secondary-button:visited,
form .submit {
    color: white !important;
    font-weight: normal;
    padding: 4px 21px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px;
    transition: all 100ms;
    -webkit-transition: all 100ms
}

a.primary-button:link,
a.primary-button:active,
a.primary-button:visited,
button.primary-button {
    background: #f7901e; /* Old browsers */
    background: -moz-linear-gradient(top, #f7901e 0%, #f79b1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7901e), color-stop(100%, #f79b1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7901e 0%, #f79b1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7901e 0%, #f79b1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7901e 0%, #f79b1e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7901e 0%, #f79b1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7901e', endColorstr='#f79b1e', GradientType=0);
    border: 2px solid #E5811f;
}

a.secondary-button:link,
a.secondary-button:active,
a.secondary-button:visited {
    background: transparent;
    border: 2px solid #4a90ad;
}

a.primary-button:hover,
button.primary-button:hover {
    background-color: #f29b1c !important;
    border-color: #e49625 !important;
    text-decoration: none !important;
}

button.primary-button {
    padding: .5em 1em
}

a.secondary-button:hover {
    background-color: #4a90ad;
    color: white !important;
    text-decoration: none !important;
}

a.secondary-button.light:link,
a.secondary-button.light:active,
a.secondary-button.light:visited {
    color: #4a90ad;
}

a.secondary-button.light:hover {
    color: white;
}