/* Layout::start */

html {
    background: none repeat scroll 0 0 #F2F2F2;
}

body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0 ;
    z-index: 1;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    height: auto;
}

/* Layout::end */
/* Common::start */
th{
    letter-spacing:inherit;
}
.d-inline {
    display: inline;
}

.o-hidden {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}
.p-0 {
    padding: 0!important;
}
.top-p-20{
    padding-top: 20px!important; 
}
.left-m-5 {
    margin-left: 5px !important;
}

.font20 {
    font-size: 20px !important;
}

.v-middle {
    vertical-align: middle !important;
}

.bold {
    font-weight: bold !important;
}

.divider {
    color: #A2A2A2 !important;
}

.minus-righ-16 {
    margin-right: -16px;
}

.top-20 {
    margin-top: 20px;
}

.top-120 {
    margin-top: 120px;
}

.top-40 {
    margin-top: 40px;
}

.top-60 {
    margin-top: 60px;
}

.top-70 {
    margin-top: 70px;
}

.top-100 {
    margin-top: 100px;
}

.top-5 {
    margin-top: 5px;
}

.top-10 {
    margin-top: 10px;
}

.left-10 {
    padding-left: 10px;
}
.left-40 {
    padding-left: 40px!important;
}

.left-60 {
    padding-left: 60px;
}

.left-80 {
    padding-left: 80px;
}

.left-100 {
    padding-left: 100px;
}

.right-60 {
    padding-right: 60px;
}

.right-40 {
    padding-right: 40px;
}

.bottom-5 {
    margin-bottom: 5px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.bottom-20 {
    margin-bottom: 20px!important;
}

.bottom-40 {
    margin-bottom: 40px!important;
}
.bottom-30 {
margin-bottom: 30px!important;
}
.bottom-100 {
    margin-bottom: 100px;
}

.right-50 {
    margin-right: 50px;
}

.relative {
    position: relative;
}

.bottom-p-40 {
    padding-bottom: 40px;
}

/* Common::end */
/* Header::start */

.productheader {
    margin: 0 auto;
    width: 980px;
    padding-top: 5px;
}

.productheader h2 {
    width: 309px;
    margin: 0 0 25px 0;
}

.productheader h1, #productheader h2 {
    display: inline;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-bottom: 6px !important;
    margin-left: 8px;
    margin-right: 0;
    margin-top: 1px;
    padding: 0;
}
.productheader ul {
    display: inline-block;
    margin: 68px 0 0;
}
.productheader ul li {
    display: inline;
}
.productheader h1 a, .productheader h2 a {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #888888;
    display: block;
    font-weight: normal;
    height:82px;
    line-height: 73px;
    outline: medium none;
    text-decoration: none;
}

.productheader ul li a, .productheader ul li a.not_selected {
    color: #fff;
    font-size: 16px;
    margin: 1em 8px 0 10px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.productheader ul li a.selected, .productheader ul li a:hover {
    color: #D4F1FA;
}
.productheader ul li a:last-child {
    margin-right: 0
}
.productheader ul li span {
    border-left: 1px solid #fff;
    font-size: 14px;
    margin: 1em 8px 0 10px;
}

ul.top-nav {
    margin: 0;
    padding: 0;
}

ul.top-nav li {
    margin: 0;
    padding: 0;
}

ul.top-nav li .nav-label {
    color: #454545 !important;
    font-size: 13px;
    font-weight: normal;
    text-transform: capitalize;
}

ul.top-nav li:first-child a:hover {
    color: #232323 !important;
}

ul.top-nav li a {
    margin: 1em 8px 0 14px;
    padding: 0;
    font-size: 12px;
}

ul.top-nav li.bt-line {
    line-height: 1.9;
}

.mkt-sub-header a.sign_in_link {
    color: #fff;
    font-weight: bold;
}

.mkt-sub-header a.signup_link {
    background: #98cd61;
    margin: 0 0 0 15px;
    padding: 6px 17px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 15px;
}

ul.top-nav li a img.phone {
    position: relative;
    top: 2px;
    right: 4px;
}

/* Header::end */
/* Footer::start */
.footer_wrapper {
    text-align: center;
    padding: 30px 30px 20px 20px;
    overflow: hidden;
    font-size: 13px;
    background-color: #333c49;
}

.footer_wrapper ul li {
    display: block;
    font-size: 13px;
    padding: 2px 0;
    color: #888888;
}

/* Footer::end */

/* Content::start */
.content_wrapper {
    padding: 0;
    text-align: center;
    color: #181818;
    font-weight: normal;
    line-height: 1.2em;
}

.content_wrapper h1 {
    font-size: 36pt;
    margin: 20px auto !important;
    line-height: 1.25em;
    width: 855px;
    color: #1497d5;
    font-weight: normal;
}

.content_wrapper h2 {
    margin: 20px auto 0;
    line-height: 1.25em;
    color: #1497d5;
    font-size: 36pt;
    font-weight: normal;
}

.content_wrapper h3 {
    font-size: 27pt;
    line-height: 1.25em;
    color: #1497d5;
    font-weight: normal;
    margin: 0 0 15px 0;
}

.content_wrapper h3.compliance_title {
    color: #464646;
    font-size: 18pt;
    margin: 0 !important;
    text-align: left;
    width: auto;
}

.content_wrapper h4 {
    font-size: 27pt;
    margin: 20px auto !important;
    line-height: 1.25em;
    color: #1497d5;
    font-weight: normal;
}
.title-small-blue {
    color: #1497d5;
    font-size: 18pt;
    font-weight: normal;
    text-align: left;
    line-height: 1.3;
}
.content_wrapper p {
    font-size: 13.1pt;
    margin: 20px auto;
    line-height: 1.3em;
    text-align: left;
    color: #666;
}

.content_wrapper .divider-up {
    /*background: url(/marketing/images/mangoapps/section_divider.png) no-repeat scroll 0 0 transparent;*/
    border-top: 1px solid #E2E2E2;
    padding: 40px 0px 5px 0px;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.content_wrapper img.without-pad-img {
    position: relative;
    top: 7px;
    left: 0;
}

.content_wrapper .column-first {
    width: 400px;
}

.content_wrapper .title {
    color: #1497d5;
    font-size: 27pt;
    font-weight: normal;
    text-align: left;
    line-height: 1.3;
}

.content_wrapper .title-small {
    color: #1497d5;
    font-size: 18pt;
    font-weight: normal;
    text-align: left;
    line-height: 1.3;
}

.content_wrapper .text {
    color: #888888;
    font-size: 10pt;
    font-weight: normal;
    line-height: 1.5;
    margin: 20px auto !important;
    text-align: left;
}

.content_wrapper .text-black {
    color: #666;
    font-size: 13.1pt;
    font-weight: normal;
    line-height: 1.5;
    margin: 20px auto !important;
    text-align: left;
}
.content_wrapper .text-black.indent-block {
    margin-left: 20px!important;
    margin-right: 20px!important;
}
.content_wrapper .in-image {
    bottom: -23px;
    position: absolute;
    right: -40px;
    z-index: 2;
}

.content_wrapper ul {
    padding-left: 25px;
    list-style: none;
    text-align: left;
}

.applecare ul li {
    margin-bottom: 10px;
    display: list-item;
}

.left-img {
    left: 42px;
    position: relative;
    top: 13px;
}

.right-img {
    left: 0;
    position: relative;
    top: 4px;
}

.rich-emp-right-img {
    position: relative;
}

.grop-chat-right-img {
    left: -40px;
    position: relative;
    /*top: 12px;*/
}

.ex-collaboration-right-img {
    position: relative;
    top: -10px;
}

.api-left-img {
    position: relative;
    top: -10px;
}

.left-ios-img {
    left: -40px;
    position: relative;
    top: -20px;
}

.android-right-img {
    right: -40px;
    position: relative;
    top: 0;
}

.windows-left-img {
    left: -40px;
    position: relative;
    top: 17px;
}

.ms-dd-new.right-arrow:after {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #0092BC;
    border-top: 4px solid transparent;
    content: "";
    display: inline-block;
    position: relative;
    right: -5px;
    top: 0px;
}

.projects-right-image {
    left: 0;
    top: -8px;
    position: relative;
}

.idea-right-img {
    position: relative;
    top: -8px;
}

.solutions_case_studies_cases {
    left: -40px;
    position: relative;
    top: 0;
}

.groups-left-img {
    left: -40px;
    position: relative;
    top: 0;
}

.esn_img {
    position: relative;
    top: 4px;
    left: -10px;
}

.footer_section {
    width: auto;
    float: left;
    text-align: left;
    padding: 0 26px;
}

.footer_section h5 {
    font-size: 14px;
    padding-bottom: 10px;
    color: #fff;
}

ul.content-list {
    margin: 20px 60px;
}

ul.content-list li {
    font-size: 13.1pt;
    color: #444444;
    padding: 0 0 6px 0;
    line-height: 1.5;
    list-style: none;
}

ul.content-list span {
    color: #999;
    font-size: 15pt!important;
    line-height: 26px;
    font-weight: normal;
}
.join_teamMango{
    width:600px;
    padding-bottom: 10px;
}
.mangoapps-capability h3{
    border: 1px solid #E5E5E5;
    font-size: 22px;
    margin: 40px 0 10px !important;
    padding: 16px 0 16px 16px;
    text-align: left;
    width: auto;
}
.mangoapps-capability .mangoapps-capability-content{
    width: 600px;
    text-align: left;
    padding: 0 0 0 20px;
    color: #444444;
    line-height: 1.7;
}
.mangoapps-capability .mangoapps-capability-content h5{
    font-size: 16px;
}
.capability-wrap{
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    padding-bottom: 20px;
}
.border-btn {
     border: solid 1px #09aed8;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    color: #09aed8;
    transition: all ease-in 0.1s;
}
.border-btn:hover {
    background: #09aed8;
    color: #fff;
}
/* Content::end */

/* Partner::start */
ul.partner_list li{
    list-style: inside;
    padding-bottom: 6px;
}
.partner_list_title{
    margin: 0 0 14px !important;
    text-align: left;
    width: auto !important;
}
h4.partner_sub_title{
    font-size: 16pt;
    font-weight: normal;
    margin: 20px 0 !important;
    text-align: left;
    width: auto !important;
}
.customer_relationship .first{
   width: 150px;
}
.customer_relationship .second{
    line-height: 1.7;
    text-align: left;
    width: 800px;
}
.b-of-partnership{
    width: 490px;
}
.b-of-partnership .first{
    width: 60px;
}
.b-of-partnership .second{
    line-height: 1.5;
    text-align: left;
    width: 420px;
}
.sign_up_partner_cont{
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #E2E2E2;
    height: 110px;
    margin: auto;
    width: 840px;
}
.sign_up_partner_cont .first{
    border-right: 1px solid #E2E2E2;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    padding-right: 40px;
}
.sign_up_partner_cont .second{
    display: inline-block;
    float: left;
    font-size: 16px;
    margin-top: 43px;
}

/* Partner::end */

.datacenter_cont{
    width: 832px; 
    margin: auto; 
    overflow: hidden;
    font-size: 16px;
    color: #666666; 
}
.datacenter_cont .one{
    width: 258px; 
    line-height: 1.3;
}
.datacenter_cont .two{
    width: 410px; 
    line-height: 1.3;
}
.datacenter_cont .three{
    width: 159px; 
    padding-left: 5px; 
}

/* Customer Success Stories:start */

/* http://www.menucool.com */
#sliderFrame {position:relative;width:980px;margin: 0 auto 60px;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;z-index:7;}      
#slider {
    width:980px;
    height:306px;/* Make it the same size as your images */
    background:#fff;
    position:relative;
    margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#slider img {
    position:absolute;
    border:none;
    display:none;
}
/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
    z-index:2;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    border:0;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}
/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:0;
    left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size: 0;
}
div.mc-caption-bg {
    background-color:black;
}
div.mc-caption {
    font: bold 14px/20px Arial;
    color:#EEE;
    z-index:4;
    padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
    text-align:center;
}
div.mc-caption a {
    color:#FB0;
}
div.mc-caption a:hover {
    color:#DA0;
}
/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
    top:330px; 
    /*left:280px;  Its position is relative to the #slider */
    width:150px;
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
    margin: auto;
    text-align: center;
}
/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; 
    height:11px;
    float:left;
    overflow:hidden;
    vertical-align:middle;
    cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}
div.navBulletsWrapper div.active {background-position:0 -11px;}
/* --------- Others ------- */
#slider{
    transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
.column-container{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: none;    
    padding: 15px 15px 0;
    text-align: left;
}
.column-container .first{
    color: #666;
    font-size: 17px;
    line-height: 23px;
}
.column-container .second{
    border-bottom: 1px solid #DAD8D8;
    border-top: 1px solid #DAD8D8;
    margin-left: -15px;
    margin-top: 15px;
    padding: 8px 0 8px 15px;
    width: 297px;
    overflow: hidden;
    background: #F4F4F4;
}
.column-container .second span{
    display: block;
    font-size: 12px;
}
/* Customer Success Stories:end */

.mkt-sub-header {
    float: right;
    margin: 0;
    position: relative;
    top: 30px;
    right: -22px;
    font-size: 13px;
}
.mkt-sub-header .data-select-ul {
    margin: 0;
    background: #fff;
    border: solid 1px #e5e5e5;
    box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 5;
    top: 22px;
    right: 0px;
    min-width: 122px;
    right: -20px;
}
.mkt-sub-header .data-select-ul a{
    text-transform: none;
    color: #999;
    font-weight: normal;
    margin: 0;
    font-size: 13px;
    display: block;
    padding: 8px 12px 8px 32px;
}
.mkt-sub-header .data-select-ul li a:before{
    background: url(/marketing/images/mangoapps/flags.png) no-repeat 0px 0px;
    display: inline-block;
    content: "";
    width: 16px;
    height: 14px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.mkt-sub-header .data-select-ul li a.us:before{
    background-position: -2px -5px;
}
.mkt-sub-header .data-select-ul li a.euro:before{
    background-position: -2px -38px;
}

.mkt-sub-header .data-select-ul li a.germ:before{
    background-position: -2px -166px;
}
.mkt-sub-header .data-select-ul li a.asia:before{
    background-position: -2px -69px;
}
.mkt-sub-header .data-select-ul li a.aust:before{
    background-position: -2px -102px;
}
.mkt-sub-header .data-select-ul li a.latamr:before{
    background-position: -2px -134px;
}
.data-select-ul li {
    list-style: none;
    display: block;
}
.productheader .data-select-ul li a:hover{
    color: #1497d5;
    background: #F5F5F5;
}
.productheader .data-select-ul li {
    display: block;
    position: relative;
}
.data-centre-type {
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-right: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.arrow-gry {
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 6px;
}
.grey-text {
    color: #777 !important;
}
.dark-grey-text {
    color: #666;
}
.divr {
    color: #fff;
    margin: 0 10px 0 10px;;
}
.mkt-blue-box {
    background-color: #333c49;
    color: #f4f4f4;
    text-align: center;
    padding: 15px;
    font-size: 22px;
    line-height: 1.3em;
}
.mkt-grey-box {
    padding:20px 20px 20px 20px;
    background-color: #f4f4f4;
}
.cont-blue-heading {
    font-size: 36px;
    color: #1497d5;
    line-height: 36px;
    margin:  10px 0 10px 0;
}
.mkt-grey-box p.content-itm {
    color: #666666;
    font-size: 16px;
    line-height: 24px !important;
}
.footer_wrapper ul li a {
    color: #fff;
}
.mkt-sub-footer {
    background:#f4f4f4;
    padding: 20px 0px;
    text-align: center;
}
.mkt-sub-footer a {
    color: #1497d5;
}
.mkt-sub-footer .cop-cont {
    text-align: center;
    font-size: 12px;
    margin: 25px 0 5px 0;
    color: #666;
}
.mkt-sub-footer .divr{
    color: #999;
}
.cust-mn-cont {
    overflow: hidden;
    margin: 40px auto 20px auto;
    width: 972px;
}
.cust-mn-cont .mn-cont {
    width: 320px;
    float: left;
    margin-right: 30px;
}
.cust-mn-cont .mn-cont.first-mn {
    margin-top: 25px;
}
.cust-mn-cont .mn-cont.second-mn {
    margin-top: 83px;
    width: 270px;
}
.cust-mn-cont .mn-cont.third-mn {
    margin-right: 0px;
}
.cust-mn-cont .mn-cont.first-mn .mn-text-logo{
    margin-left: 20px;
}
.cust-mn-cont .mn-cont.second-mn .mn-text-logo{
    margin-right: 119px;
}
.cust-mn-cont .mn-cont.third-mn .mn-text-logo{
    margin-right: 152px;
}
.mn-text-box {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px 30px 20px;
    font-style: italic;
    color: #666;
    font-size: 17px;
    line-height: 23px;
    position: relative;
    margin-bottom: 45px;
}
.mn-text-box:after {
    content: "";
    position: absolute;
    right: 50px;
    border-width: 50px 45px 0 2px;
    bottom: -35px;
    border-style: solid;
    border-color: #fff transparent;
}
.mn-text-box.scd-box:after {
    left: 40px;
    right: inherit;
    border-width: 50px 1px 0px 45px;
    bottom: -35px;
}
.mn-text-logo {
    color: #666;
}
.mn-text-box.grey-box {
    background-color: #f4f4f4;
}
.mn-text-box.grey-box:after {
    border-color: #f4f4f4 transparent;
}
.content_wrapper a {
    color: #1497d5;
}
.content_wrapper h2.heading-blue{
    color: #1497d5;
    font-size: 36pt;
    line-height: 40px;
    font-weight: normal;
}
.content_wrapper h3.heading-blue{
    color: #1497d5;
    font-size: 24pt;
    line-height: 32px;
    font-weight: normal;
    width: auto;
    margin: 0!important;
}
.content_wrapper p.normal-text,
.content_wrapper .normal-text,
.normal-text{
    font-size: 13.1pt;
    color: #666;
    line-height: 22px;
}
.bottom-60{
    margin-bottom: 60px;
}
.tool-cont {
    float: right;
    width: 450px;
    text-align: left;
}
.mkt-grey-box.indent-cont{
    padding: 45px 80px 45px 80px;
}
.mkt-white-box.indent-cont{
    padding: 45px 80px 45px 80px;
}
.top-15 {
    margin-top: 15px!important;
}
.top-30 {
    margin-top:30px!important;
}
.top-p-40 {
padding-top: 40px!important;
}
.top-p-15 {
   padding-top: 15px!important;
}
.right-20 {
    margin-right: 20px;
}
.left-20 {
    margin-left: 20px;
}
.font17pt {
    font-size: 17pt!important;
    line-height: 26px;
    font-weight: normal;
}
.font15pt {
    font-size: 16pt!important;
    line-height: 26px;
    font-weight: normal;
}
.tool-cont ul{
    padding-left: 25px;
    font-size: 14pt;
    color: #666;
    list-style: disc;
}
.tool-cont ul li{
    margin: 0 0 10px 0;
    font-size: 13.1pt;
    color: #666;
    line-height: 22px;
}
.ms-hostcont {
    width:280px;
    float: left;
    margin-right: 73px;
}
.ms-hostcont:last-child{
    margin-right: 0px;
}
.normal-text-16pt {
    font-size: 16pt;
    color: #666;
}
.bottom {
    vertical-align: bottom;
}
.font-14pt{
    font-size: 14pt;
}
.font-11pt {
    font-size: 11pt;
}
.two-colms-cont {
    width: 380px;
    margin-right: 136px;
}
.two-colms-cont:last-child{
    margin-right: 0px;
}
.bottom-p-0 {
    padding-bottom: 0px!important;
}
h2.heading-blue{
    color: #1497d5;
    font-size: 34pt;
    line-height: 40px;
    font-weight: normal;
    text-transform: none;
 }
 .font13pt{
     font-size: 13pt!important;
     line-height: 22px;
     font-weight: normal;
 }
 .bottom-25{
     margin-bottom: 25px!important;
}
 .top-0{
     margin-top: 0!important;
}
.signup_link.get-ma-btn {
    background: #98cd61;
    margin: 0 0 0 15px;
    padding: 17px 45px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14pt;
}
.font27pt{
    font-size: 27pt!important;
}
.bottom-0 {
    margin-bottom:0px;
}
.text-top {
vertical-align: top!important;
}
.bottom-p-0 {
    padding-bottom: 0px!important;
}
.right-5 {
    margin-right: 5px!important;
}
.data-select-ul:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    position: absolute;
    top: -7px;
    right: 16px;
}
.data-select-ul:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    right: 17px;
}
.data-select-box {
    display: inline-block;
    position: relative;
}
.videos_getting_started,
.help_content{
    text-align: left;
}
.videos_getting_started{
    background: #fff;
    box-shadow: 2px 2px 5px #CCC;
    padding: 15px;
    margin-bottom: 15px;
}

.content_wrapper .videos_getting_started h4{
    background-position: 0 -814px;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 15px 10px!important;
}

.videos_getting_started ul div:last-child{
    border-right: 0;
}
.mangosprite_13{
    background: url("/ce/pulse/images/v2/mangosprite_13.png") no-repeat;
}
.content_divider{
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    width: 100%;
}
.dummy_tag{
  display: block;
  height: 90px; 
  margin-top: -90px;
  visibility: hidden;
}
.help_row{
    background-color: #fff;
    box-shadow: 2px 2px 5px #CCC;
    height: 440px;
    margin-bottom: 20px;
    padding: 20px;
    width: 398px;
}
.help_row h4{
    font-size: 22px;
    font-weight: normal;
    margin: 0 !important;
    padding: 10px 0;
}
.takeUserToTop {
    -moz-box-shadow: 0 0 0 2px rgba(134,125,125,0.4);
    -webkit-box-shadow: 0 0 0 2px rgba(134,125,125,0.4);
    background: #06c\9;
    background: rgba(0,102,204,.6);
    border-radius: 15px;
    bottom: 40px;
    box-shadow: 0 0 0 2px rgba(134,125,125,0.4);
    color: #fff;
    display: none;
    height: 30px;
    line-height: 30px;
    position: fixed;
    right: 18px;
    text-align: center;
    width: 30px;
    z-index: 10;
}
.top0{
    margin-top: 0!important;
}
.help_row .help-thumb-container a{
    cursor: pointer;
}
.help_row .playbutton{
    display: block;
    left: 150px;
    position: absolute;
    top: 74px;
    z-index: 1;
}
.help_left_content{
    float: left;
}
.help_left_content p{
    border-top: 1px solid #CECECE;
    margin: 0 -20px 0;
    padding: 10px 20px;
}
.help_tb{
    border-radius: 10px;
    box-shadow: 0 0px 10px #CCC;
    padding: 10px;
}
.help_tb .thumb-name{
    line-height: 32px;
    border: 1px solid #e7e7e7;
    background: #f7f7f7;
    text-align: center;
}
.ms-overlay-close {
    height: 30px;
    line-height: 30px;
    position: relative;
    right: 4.5%;
    top: 0;
    z-index: 1;
}
.ms-overlay-close>span {
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    background: #fff;
    box-shadow: 0 0 10px #666;
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-family: arial!important;
    font-size: 30px;
    line-height: 7px;
    padding: 14px 12px;
    position: absolute;
    right: .5%;
    text-align: center;
    top: 0;
}
.help-close {
    position: absolute;
    right: 0;
    top: -41px;
}
.videos_getting_started table{
    width: 100%;
}
.videos_getting_started td{
    border-left: 1px solid #ccc;
    padding: 3px 15px;
    text-align: left;
}
.videos_getting_started td:first-child{
    border:none;
}

.page_title {
    font-family:  Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    font-size: 38px;
    color: #0198cf;
    padding: 20px 20px 0px;
    text-align: center;
    line-height: 44px;
}
.page_subtitle {
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #666;
    line-height: 26px;
    padding: 10px 40px 0px;
    text-align: center;
}

.section_title {
    font-family:  Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    font-size: 38px;
    color: #0198cf;
    padding: 20px 40px 0px;
    text-align: center;
    line-height: 46px;
}

.section_subtitle {
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #666;
    line-height: 26px;
    padding: 10px 40px 0px;
    text-align: center;
}

.section_title_small {
    font-family:  Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #666;
    text-align: center;
    line-height: 26px;
}
.section_module_description {
    font-size: 14px;
    margin: 10px auto;
    line-height: 1.3em;
    text-align: center;
    color: #666;
}

.modular_approach_table td {
    width:33%;
    vertical-align: top;
}

/* Marketing page 15-may-2014 starts */
.ms-intanet-page-stl h2{
    padding:41px 0 0 0;
    margin: 0px;
}
.ms-intanet-page-stl .font15pt{
    padding:22px 0px 35px 0;
    display: block;
}
.ms-intanet-page-stl .divider-up {
    padding: 55px 0 0 0px;
    width: auto!important;
    border-bottom:1px solid #dddddd;
}
.padding-49{padding-left: 49px!important; padding-right:49px!important;}
.divider-up .icon_list_sec{
    padding:9px 0 0 0;
}
.ms-intanet-page-stl .divider-up h3{
    padding:6px 0px;
    text-align: center;
}
.ms-intanet-page-stl .divider-up img{
    padding:0px;
}
.ms-intanet-page-stl .divider-up p {
    margin: 25px 0 0 0px !important
}
.divider-up .link-url{
    color: #1497d5;
    text-decoration: none;
    text-align: center;
}
.ms-intanet-page-stl .divider-up h4.key_feature{
    color:#666666;
    font-size: 30px;
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 70px 27px 70px;
    margin: 0px auto!important;
    width: 300px;
    text-align: center;
}
.ms-intanet-page-stl .divider-up .center{
    text-align: center;
}
.ms-intanet-page-stl .divider-up ul.key_feture_points{
    margin:39px 0 0px;
    padding:0px 0 12px 0;
    list-style-type: none;
}
.ms-intanet-page-stl .divider-up ul.key_feture_points li a{
    background: url("/ms5/images/intranet-page/key_feature_ico.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    float: left;
    font-size: 21px;
    line-height: 28px;
    list-style-type: none;
    margin: 0;
    padding: 12px 0 0px 97px;
    width: 322px;
    min-height: 84px;
}
.ms-intanet-page-stl .divider-up ul.key_feture_points li a{
    color: #666666;
    text-decoration: none;
}
/* for center UI bullet 
.ms-intanet-page-stl .divider-up ul.key_feture_points li{
    background: url("/ms5/images/intranet-page/key_feature_ico.jpg") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #666666;
    float: left;
    font-size: 21px;
    line-height: 28px;
    list-style-type: none;
    margin: 0;
    padding: 29px 0 29px 97px;
    width: 322px;
}
 for center UI bullet */
.ms-intanet-page-stl .divider-up ul.key_feture_points li:nth-child(odd){
    float:left;
    margin-bottom: 40px;
}
.ms-intanet-page-stl .divider-up ul.key_feture_points li:nth-child(even){
    float:right;
    margin-bottom: 40px;
}
.ms-intanet-page-stl .key_features_inside{
    padding:38px 0px 40px 0;
    background-color: #f7f7f7;
    margin: 38px 0 24px;
    position: relative;
}
.key_features_inside h3{
    background: url("/ms5/images/intranet-page/right_border_fade.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #666666;
    float: left;
    font-size: 26px;
    font-weight: normal;
    line-height: 100px;
    padding-right: 25px;
    text-align: right !important;
    width: 233px;
    position : absolute;
    left:10%;
    top:50%;
    margin-left:-100px;
    margin-top:-50px;
}
.divider-up.no-border{
    border:none!important;
}
ul.inside_pages_lists{
    float: right;
    padding: 10px 0 10px 32px;
    width: 69%;
}
ul.inside_pages_lists li{
    background: url("/ms5/images/intranet-page/bullet_rounded_tick.gif") no-repeat scroll left 4px;
    font-size: 18px;
    padding: 0 0 0 36px;
    line-height: 29px;
}
.divider-up .img_caption{
    padding-top:50px;
    position: relative;
    display: table;
}
.divider-up .img_caption img{
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 8px #DEDEDE;
}
.divider-up span.caption_img_rgt{
    display: table-cell;
    padding-left: 57px;
    text-align: left;
    vertical-align: middle;
    width: 281px;
}
.divider-up span.caption_img_lft{
    display: table-cell;
    padding-left: 20px;
    padding-right: 38px;
    text-align: left;
    vertical-align: middle;
    width: 297px;
}
.divider-up .caption_heading{
    font-size: 18px;
    color:#666666;
    display: block;
    line-height: 22px;
}

.divider-up .caption_heading ul{
    padding: 0;
    margin: 0px;    
}
.divider-up .caption_heading ul li{
    background: url("/ms5/images/profile_page/arrow-grey-left.png") no-repeat scroll left 14px;
    margin: 0;
    padding: 8px 0 8px 23px;
}

.divider-up .caption_text{
    color: #666666;
    font-size: 15px;
    line-height: 1.3em;
    display: block;
    margin-top: 10px;
}
.padding-15{padding-top: 15px!important;}
.padding-40{padding-bottom: 40px!important;}
.padding-20{padding-bottom: 20px!important;}
.padding-top-20{padding-top: 20px!important;}
.left{float:left!important;}
.right{float:right!important;}
.img_caption img.no_border_no_space{
    border: none;
    box-shadow: none;
}
.img_caption img.img_no_border_space{
    border: none;
    bottom: 4px;
    box-shadow: none;
    left: 61px;
    position: absolute;
}
.content_wrapper .divider-up p{text-align: center;}
.ms-intanet-page-stl .top_ico{font-size: 11px; background: none repeat scroll 0 0 rgba(0, 102, 204, 0.8);bottom:21px;}
.divider-up .multi-column-list{width:auto; padding: 60px 0px 20px 0px;}
.column1{
    float:left;
    width:31%;
    padding:0px;
    text-align: left;
}
.column2{
    float:left;
    padding-left:30px;
    width:31%;
    text-align: left;
}
.column3{
    float:left;
    padding-left:30px;
    width:31%;
    text-align: left;
}
.divider-up .column_heading{
    font-size: 16px;
    color:#666666;
    padding-bottom: 3px;
    display: block;
    line-height: 24px;
}
.divider-up .column_text{
    color:#999999;
    line-height: 22px;
    display: block;
}
.display-block{display: block!important;}
.column_text_float{
    background: url("/ms5/images/intranet-page/line-hori.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-spacing: inherit;
    left: 39%;
    padding: 0 0 0 24px;
    position: absolute;
    text-align: left !important;
    top: 31%;
    width: 244px;
}
.column_text_float_btm{
    background: url("/ms5/images/intranet-page/line-hori.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
    border-spacing: inherit;
    left: 36%;
    padding: 0 24px 0 0px;
    position: absolute;
    text-align: left !important;
    bottom: 20%;
    width: 244px;
}
.column-text-lft{
    border-left: 1px solid #DCDCDC;
    display: block;
    padding: 20px 0 20px 20px;
}
.column-text-rgt{
    border-right: 1px solid #DCDCDC;
    display: block;
    padding: 20px 10px 20px 0px;
}
.green-line-zigzag{
    left: 39%;
    position: absolute;
    top: 47%;
}
.column_mobile_img{
    border-bottom: 1px solid #dadada;
    padding: 0 15px!important;
}
.line-vid{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 30px;
    padding-top: 20px;
}
.spacing-left-11{
    margin-left:11px;
}
.no-padding-space{
    padding-bottom: 0px!important;
}
.padding-btm-38{
    padding-bottom: 38px;
}
/* Marketing page 15-may-2014 Ends */
/* slider style */
.slider {
    -ms-touch-action: none; 
    overflow: auto; 
    position: relative;
    touch-action: none; 
}

.slider {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 450px;
    margin: 0px auto;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.slider .img_caption{width:880px!important;}
.as-prev-arrow, .as-next-arrow {
    background: url(/ms5/images/arrows.png) no-repeat;
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 40px;
    opacity: 0.30;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 40px;
    z-index: 1;
}

.as-prev-arrow {
    left: 0;
}

.as-next-arrow {
    background-position: -40px 0;
    right: 0;
}

.slider:hover .as-prev-arrow, .slider:hover .as-next-arrow {
    filter: alpha(opacity=1);
    opacity: 1;
}

.as-nav {
    text-align: center;
    z-index: 1;
}

.as-nav a {
    background: #e0dfdd;
    border-radius: 20px;
    height: 13px;
    display: inline-block;
    margin: 0 4px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 13px;
}

a.as-active, .as-nav a:hover {
    background:#009bd9;
}

/*Other styles not related to AnySlider  */

.slider-wrapper {
    height: 275px;
    position: relative;
}
.profile_page .key_feture_points li a{
    background-image: url(/ms5/images/profile_page/profile_icons_sprite.png)!important;
    background-repeat: no-repeat;
    background-position: 0 0;
    width:84px;
    display: block;
}
.profile_page .key_feture_points.listone li:nth-child(1) a{
    background-position: 0 -20px!important;
}
.profile_page .key_feture_points.listone li:nth-child(2) a{
    background-position: 0 -241px!important;
}
.profile_page .key_feture_points.listone li:nth-child(3) a{
    background-position: 0 -131px!important;
}
.profile_page .key_feture_points.listone li:nth-child(4) a{
    background-position: 0 -351px!important;
}

.profile_page .key_feture_points.listtwo li:nth-child(1) a{
    background-position: 0 -461px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(2) a{
    background-position: 0 -681px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(3) a{
    background-position: 0 -571px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(4) a{
    background-position: 0 -791px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(5) a{
    background-position:0 -895px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(6) a{
    background-position:0 -1109px!important;
}
.profile_page .key_feture_points.listtwo li:nth-child(7) a{
    background-position:  0 -1004px!important;
}
.profile_page .key_feture_points.listthree li:nth-child(1) a{
    background-position:0 -1109px!important;
}
.profile_page .key_feture_points.listthree li:nth-child(2) a{
    background-position: 0 -1320px!important;
}
.profile_page .key_feture_points.listthree li:nth-child(3) a{
    background-position: 0 -1216px!important;
}
.profile_page .key_feture_points.listthree li:nth-child(4) a{
    background-position: 0 -1425px!important;
}
.profile_page .key_feture_points.listthree li:nth-child(5) a{
    background-position: 0 -1525px!important;
}
.profile_page .key_feture_points.listfour li:nth-child(1) a{
    background-position:0 -1630px!important;
}
.profile_page .key_feture_points.listfour li:nth-child(2) a{
    background-position:0 -1847px!important;
}
.profile_page .key_feture_points.listfour li:nth-child(3) a{
    background-position: 0 -1737px!important;
}

.intranet-page-dt .key_feture_points li a{
    background-image: url(/ms5/images/intranet-page/intranet_icons_sprite.png)!important;
    background-repeat: no-repeat;
    background-position: 0 0;
    width:84px;
    display: block;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(1) a{
    background-position: 0 0px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(2) a{
    background-position: 0 -110px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(3) a{
    background-position:0 -221px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(4) a{
    background-position: 0 -330px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(5) a{
    background-position: 0 -438px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(6) a{
    background-position: 0 -548px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(7) a{
    background-position: 0 -660px!important;
}
.intranet-page-dt .key_feture_points.intrafirst li:nth-child(8) a{
    background-position: 0 -770px!important;
}

.intranet-page-dt .key_feture_points.intratwo li:nth-child(1) a{
    background-position: 0 -883px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(2) a{
    background-position: 0 -1119px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(3) a{
    background-position: 0 -1001px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(4) a{
    background-position: 0 -1238px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(5) a{
    background-position: 0 -1355px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(6) a{
    background-position: 0 -1472px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(7) a{
    background-position: 0 -1590px!important;
}
.intranet-page-dt .key_feture_points.intratwo li:nth-child(8) a{
    background-position: 0 -1702px!important;
}

.intranet-page-dt .key_feture_points.intrathree li:nth-child(1) a{
    background-position: 0 -1815px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(2) a{
    background-position: 0 -1928px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(3) a{
    background-position: 0 -2039px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(4) a{
    background-position: 0 -2153px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(5) a{
    background-position: 0 -2266px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(6) a{
    background-position: 0 -2381px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(7) a{
    background-position: 0 -2492px!important;
}
.intranet-page-dt .key_feture_points.intrathree li:nth-child(8) a{
    background-position: 0 -2607px!important;
}

.intranet-page-dt .key_feture_points.intrafour li:nth-child(1) a{
    background-position: 0 -2717px!important;
}
.intranet-page-dt .key_feture_points.intrafour li:nth-child(2) a{
    background-position: 0 -2827px!important;
}
.intranet-page-dt .key_feture_points.intrafour li:nth-child(3) a{
    background-position: 0 -2937px!important;
}

.intranet-page-dt .key_feture_points.intrafive li:nth-child(1) a{
    background-position: 0 -3048px!important;
}
.intranet-page-dt .key_feture_points.intrafive li:nth-child(2) a{
    background-position: 0 -3269px!important;
}
.intranet-page-dt .key_feture_points.intrafive li:nth-child(3) a{
    background-position: 0 -3160px!important;
}
.intranet-page-dt .key_feture_points.intrafive li:nth-child(4) a{
    background-position: 0 -3383px!important;
}
.intranet-page-dt .key_feture_points.intrafive li:nth-child(5) a{
    background-position: 0 -3495px!important;
}
.intranet-page-dt .key_feture_points.intrafive li:nth-child(6) a{
    background-position: 0 -3607px!important;
}

.document-page-dt .key_feture_points li a{
    background-image: url(/ms5/images/document_page/document_sprite_icons.png)!important;
    background-repeat: no-repeat;
    background-position: 0 0;
    width:84px;
    display: block;
}

.document-page-dt .key_feture_points.docfirst li:nth-child(1) a{
    background-position: 0 0px!important;
}
.document-page-dt .key_feture_points.docfirst li:nth-child(2) a{
    background-position: 0 -104px !important;
}
.document-page-dt .key_feture_points.docfirst li:nth-child(3) a{
    background-position: 0 -208px !important;
}
.document-page-dt .key_feture_points.docfirst li:nth-child(4) a{
    background-position:0 -313px !important;
}
.document-page-dt .key_feture_points.docfirst li:nth-child(5) a{
    background-position: 0 -418px !important;
}
.document-page-dt .key_feture_points.docfirst li:nth-child(6) a{
    background-position: 0 -521px !important;
}

.document-page-dt .key_feture_points.docsec li:nth-child(1) a{
    background-position:0 -632px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(2) a{
    background-position: 0 -741px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(3) a{
    background-position: 0 -850px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(4) a{
    background-position:0 -954px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(5) a{
    background-position: 0 -1059px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(6) a{
    background-position: 0 -1164px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(7) a{
    background-position:0 -1272px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(8) a{
    background-position: 0 -1378px !important;
}
.document-page-dt .key_feture_points.docsec li:nth-child(9) a{
    background-position: 0 -1484px !important;
}

.document-page-dt .key_feture_points.docthird li:nth-child(1) a{
    background-position:0 -1590px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(2) a{
    background-position: 0 -1699px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(3) a{
    background-position: 0 -1806px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(4) a{
    background-position:0 -1911px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(5) a{
    background-position: 0 -2019px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(6) a{
    background-position: 0 -2125px !important;
}
.document-page-dt .key_feture_points.docthird li:nth-child(7) a{
    background-position:0 -2231px !important;
}

.document-page-dt .key_feture_points.docfourth li:nth-child(1) a{
    background-position:0 -2336px !important;
}
.document-page-dt .key_feture_points.docfourth li:nth-child(2) a{
    background-position: 0 -2439px !important;
}
.document-page-dt .key_feture_points.docfourth li:nth-child(3) a{
    background-position: 0 -2543px !important;
}
.document-page-dt .key_feture_points.docfourth li:nth-child(4) a{
    background-position: 0 -2649px !important;
}

.document-page-dt .key_feture_points.docfifth li:nth-child(1) a{
    background-position:0 -2753px !important;
}
.document-page-dt .key_feture_points.docfifth li:nth-child(2) a{
    background-position: 0 -2858px !important;
}
.document-page-dt .key_feture_points.docfifth li:nth-child(3) a{
    background-position: 0 -2964px !important;
}

.document-page-dt .key_feture_points.docsixth li:nth-child(1) a{
    background-position:0 -3067px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(2) a{
    background-position: 0 -3172px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(3) a{
    background-position: 0 -3275px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(4) a{
    background-position:0 -3379px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(5) a{
    background-position: 0 -3484px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(6) a{
    background-position: 0 -3588px !important;
}
.document-page-dt .key_feture_points.docsixth li:nth-child(7) a{
    background-position:0 -3692px !important;
}

.document-page-dt .key_feture_points.docseventh li:nth-child(1) a{
    background-position:0 -3067px !important;
}
.document-page-dt .key_feture_points.docseventh li:nth-child(2) a{
    background-position: 0 -3172px !important;
}
.document-page-dt .key_feture_points.docseventh li:nth-child(3) a{
    background-position: 0 -3275px !important;
}
.document-page-dt .key_feture_points.docseventh li:nth-child(4) a{
    background-position:0 -3379px !important;
}
.document-page-dt .key_feture_points.docseventh li:nth-child(5) a{
    background-position: 0 -3484px !important;
}

.document-page-dt .key_feture_points.doceight li:nth-child(1) a{
    background-position:0 -4211px !important;
}
.document-page-dt .key_feture_points.doceight li:nth-child(2) a{
    background-position:0 -4518px !important;
}
.document-page-dt .key_feture_points.doceight li:nth-child(3) a{
    background-position: 0 -4311px !important;
}
.document-page-dt .key_feture_points.doceight li:nth-child(4) a{
    background-position:0 -4623px !important;
}
.document-page-dt .key_feture_points.doceight li:nth-child(5) a{
    background-position: 0 -4412px !important;
}
.ms-intanet-page-stl .divider-up ul.key_feture_points li a.no-click {
  cursor: default;  
}

/*New layout changes */

.wrapper-main {
    margin: 0 auto;
    width: 980px;
}
.top-gradient {
    background-color: #333c49;
    color: #fff;
}
.banner-content-view {
    width: 980px;
    margin: 0 auto;
    height: 750px;
    position: relative;
}
.banner-text {
    font-size: 11.3pt;
    line-height: 21px;
    margin: 10px 0 20px 0;
}
.banner-text-holder {
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    text-align: center;
    width: 560px;
    position: absolute;
    bottom: 250px;
    right: 0;
}
.left_box{
    float: left;
    width: 28%;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 4px;
}
.left_box.last{
    margin-right: 0px;
}
.left_box .first{
    width: 94px;
}
.left_box .second{
    width: 177px;
}
.left_box .second .bold{
    width:100%;
    display: block;
}
.sign_up_s_bottom{
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #E2E2E2;
    padding: 15px 0px;
    border-top: 3px solid #1497d5;
}
.sign_up_s_bottom .sign_up_partner_cont{
    background: transparent;
    border:0px;
}
.mango_partner_button{
    background-color: #99cc66;
    display: inline-block;
    font-size: 17px;  
    padding: 12px 15px;
    -webkit-transition: 400ms;
    transition: 400ms;
    color: #fff!important;
}
/*New layout changes end*/
/*home header style*/
.ma-home-header {
background: url(/marketing/images/mangoapps/banner-image.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ma-home-header .top-gradient{
    background: transparent;
    color: #868686;
}
.ma-home-header .data-centre-type,
.ma-home-header .divr, 
.ma-home-header .mkt-sub-header a.sign_in_link{
    color: #868686;
}
.ma-home-header .productheader ul li span{
    border-left: 1px solid #999;
}
.ma-home-header .arrow-gry {
    border-top: 4px solid #999;
}
.ma-home-header .productheader ul li a, 
.ma-home-header .productheader ul li a.not_selected {
    color: #0198cf;
    font-weight: bold;
}
.ma-home-header  .productheader ul li a.selected, 
.ma-home-header  .productheader ul li a:hover {
    color: #33ccff;
}
/* end home header style*/
.content_wrapper.thank_you_page h2{
    font-size: 22px;
    color:#4a4a4a;
    font-weight: bold;
}
.content_wrapper.thank_you_page p{
    color:#4a4a4a;
    text-align: center;
}
.content_wrapper.thank_you_page p.small_text_p{
    color:#4a4a4a;
    font-size: 12px;
}
.content_wrapper.thank_you_page .what_next{
    width:670px;
    margin: 20px auto;
}
.content_wrapper.thank_you_page .what_next .box_1_1{
    width:114px;
    float: left;
    display: inline;
    margin:0 10px;
}
.content_wrapper.thank_you_page .what_next .box_1_1 .img_box_1{
    background-color: #eaeef2;
    background-image:url(/ms5/images/thanks_you_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 112px;
    border:1px solid #e5e5e5;
    border-radius: 20px;
    height: 113px;
    text-indent: -9999px;
}
.content_wrapper.thank_you_page .what_next span{
    float: left;
    display: inline;
    width: 24px;
    height: 80px;
    background: url(/ms5/images/arrow_left.png) no-repeat center bottom;
    padding-left: 20px;
}
.content_wrapper.thank_you_page .what_next .box_1_1 .img_1{
    background-repeat: no-repeat;
    background-position: 6px 21px;
}
.content_wrapper.thank_you_page .what_next .box_1_1 .img_2{
    background-repeat: no-repeat;
    background-position: -121px 21px;
}
.content_wrapper.thank_you_page .what_next .box_1_1 .img_3{
    background-repeat: no-repeat;
    background-position: -259px 21px;
}
.content_wrapper.thank_you_page .what_next .box_1_1 .img_4{
    background-repeat: no-repeat;
    background-position: -399px 21px;
}


/*New Sign Up Styles*/
#colorbox.ui-custom-signup {
    top: 15px!important;  
}

#colorbox.ui-custom-signup , 
.ui-custom-signup #cboxWrapper, 
.ui-custom-signup #cboxContent {
    background: transparent;
}

#colorbox.ui-custom-signup,
.ui-custom-signup .dialog_body
{
    padding: 0px!important;
}
.ui-custom-signup #cboxLoadedContent {
    overflow: visible!important;
}
.ui-custom-signup #cboxMiddleLeft {
    width: 0;
}
.ui-custom-signup #cboxTopLeft,
.ui-custom-signup #cboxTopCenter,
.ui-custom-signup #cboxTopRight,
.ui-custom-signup #cboxMiddleRight{
    display:none;
}
.ui-custom-signup #cboxClose {
    top: 7px;
    right: 3px;
    color: #c2c4c3;
    font-size: 16px;
    background: url(/website/images/cross.png) no-repeat 10px 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 100%;
    width: 30px;
    height: 30px;
}
#colorbox.ui-custom-signup , .ui-custom-signup  #cboxOverlay, .ui-custom-signup  #cboxWrapper {
    overflow: visible;
}
.ui-custom-signup #cboxClose:before {
    content: "x ";
}
.ui-custom-signup #cboxClose:hover {
    text-decoration: underline;
}
.signup-flexbox {
    display: -webkit-flex;
    display: flex;
}
.signup-lhs {
    -webkit-flex: 1;
    flex: 1;
    width: 500px;
    min-width: 500px;
    padding: 30px 40px;
    background: #f0f0f0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.signup-rhs {
   -webkit-flex: 1;
    flex: 1;
    padding:30px 70px 30px 46px;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    width: 590px
}
form .signup-rhs .row {
    overflow: hidden;
     margin: 0 0 16px 0;
}
.signup-new.signup-rhs .signup-input,
.signin-rhs input.gappfield[type=text]{
    width: 435px !important;
    padding: 6px 0px 6px 0;
    background: transparent;
    border: 0;
    border-bottom: solid 1px #b6b6b6;
    color: #4a4a4a;
    font-size: 14px;
}

.cstm-select .ui-state-default, 
.cstm-select .ui-widget-header .ui-state-default{
    border: none;
    border-bottom: dotted 1px #999;
    color: #4a4a4a !important;
    width: 435px !important;
    margin-top: 0;
}
.cstm-select .ui-selectmenu-dropdown .ui-selectmenu-status {
    padding: 2px 10px 6px 0px;
}
.snup-help{
    padding: 5px 0px 5px 0px;
    font-size: 13px;
    color: #717171;
    line-height: 22px;
}
.signup-rhs .sn-btn{
    font-size: 14px;
    border-radius: 5px;
    width: 282px;
    height: 45px!important;
    text-transform: uppercase;
    padding: 0;
    background-image: url(/marketing/images/sprite50.png);
    background-repeat: no-repeat;
    background-position: 206px -14px;
}
.signup-rhs .data-cent-select {
    margin-left: 0px;
    margin-bottom: 35px
}
.signup-rhs .data-cent-select.snd-select {
    margin-bottom: 26px;
}
.snup-indct {
    float: right;
    color: #717171;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
}
.ui-selectmenu-menu-dropdown {
    width: 284px!important;
}
.ui-custom-signup .dialog_body {
    border-radius: 10px;
    margin-top: 20px
}
.signup-rhs .ui-state-default .ui-icon {
    background-image: url(/marketing/images/sprite50.png);
    background-position: -17px -3px!important;
    right: 0;
}
form .row.map-container {
    margin: 0 -35px;
    overflow: hidden;
    padding: 15px 0 0px 0;
}
.signup-rhs .map-container img{
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
}
.signup-new.signup-rhs .signup-input {
    margin-bottom: 10px;
}
.cstm-select .ui-state-default,
.signup-new.signup-rhs .signup-input,
.signin-rhs input.gappfield[type=text]{
    transition: border ease-in 0.3s;
}
.signup-new.signup-rhs .signup-input:focus,
.cstm-select .ui-state-default:focus,
.signin-rhs input.gappfield[type=text]:focus{
    border-color: #09aed8;
}
.signup-rhs .sn-btn {
    transition: background-color ease-in 0.3s; 
}
.signup-rhs .sn-btn:hover {
    background-color: #87bc50;   
}
.cstm-select-label {
    font-size: 11px;
    color: #4a4a4a;
    position: relative
}
.cstm-elnt {
    text-transform: uppercase;
    margin-top: 14px;
    font-weight: bold;
    padding-right: 5px;
    font-size: 11px;
    color: #999;
    float: left;
    width: 150px;
}
.cstm-elnt i{
    color: red;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    margin: -3px 0 0 3px;
}
.cstm-select-label .cstm-elnt {
    margin-top: 5px;
}
.dialog-heading{
    font-size: 28px;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}  

.mainfo-box {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}
.mainfo-boxs {
    width: 200px;
    -webkit-flex: 1;
    flex: 1;
    margin: 30px 15px 0px 15px;
    text-align: center;
    min-width: 200px;
}
.info-grey {
    color: #808080;
}
.font11 {
    font-size: 11px;
}
.icon-mainfo{
    width: 66px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 5px;
    background: url(/marketing/images/sprite_signup_icons.png);
}


.icon-any-device{
    background-position: -17px -340px;
}
.icon-file-share{
    background-position: -17px -423px;
}
.icon-business-apps{
    background-position: -17px -507px;
}
.icon-admin-security-analytics {
    background-position: -17px -846px;
}
.icon-company-pages-news {
    background-position: -17px -2px;
}
.icon-company-calender-forms {
    background-position: -17px -86px;
}
.icon-mobile-intranet {
    background-position: -17px -170px;
}
.fter-cont{
    border-top: solid 1px #d5d5d5;
    margin-top: 60px;
    padding-top: 40px;
    font-size: 16px;
    margin-bottom: 8px;
}
.fter-logo {
    text-align: center;
    margin-top: 25px;
}
.fter-logo img {
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
}
.cstm-select .ui-selectmenu {
    height: 26px;
}

.signup-new.signup-rhs .signup-input::-webkit-input-placeholder {
   color: #b6b6b6;
}
.signup-new.signup-rhs .signup-input:-ms-input-placeholder {
   color: #b6b6b6!important;
}
.account-content {
    width: 708px;
    min-height: 150px;
}
.top-logo-contr{
    text-align: center;
    margin: 30px 0 25px 0;
}
.top-logo-contr img{
    max-width: 220px;
    vertical-align: top;
}
.title-sgn {
    font-weight: normal;
    font-size: 29px;
    text-align: center;
}
.light-grey{
    color: #aba9a9;
}
.userinfo-sgn {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.user-email{
    color: #4a4a4a;
}
.ms-banner-btn {
    border-radius:5px;
}
.help-silder-holder {
    background: #1aa1ee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 50px 0 0 0;
    box-sizing: border-box;
    position: relative;
    padding: 50px 0 20px 0;
}
.hlp-ttl {
   text-align: center;
    font-size: 16px;
    color: #fff;
    margin: -50px auto 25px auto;
    width: 230px;
    background-color: #32B0F8;
    height: 28px;
    padding: 12px 0 0 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 0px 2px 3px rgb(19, 151, 226));
    -moz-box-shadow: 0px 2px 3px rgb(19, 151, 226);
    box-shadow: 0px 2px 3px rgb(19, 151, 226);
}
.help-silder{
    margin: 0 auto;
}
.help-silder .img_caption {
    text-align: center;
        width: 980px!important;
}
.help-silder .as-slide-inner {
        width: 4900px!important
}
.help-silder-holder .as-nav a{
    background: #81d1ff;
    width: 8px;
    height: 8px
}
.help-silder-holder a.as-active, 
.help-silder-holder .as-nav a:hover {
    background: #fff;
}
.social_intranet_content {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
}
.social_intranet .social_intranet_content{
    visibility: visible;
    width: auto;
    height: auto;
    opacity: 1;
}
.social_intranet .collaboration_content{
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
}
.collaboration_content,
.social_intranet_content{
    transition: opacity ease-in 0.3s 0.1s;
    -webkit-transition: opacity ease-in 0.3s 0.1s;
}
.dg-title{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #09aed8;
    color: #fff;
    padding: 30px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}
.sign-field-error, .sign-field-error-email, .sign-field-error-fname, .sign-field-error-lname {
    color: red;
    font-size: 12px;
    margin: -22px 0 0 154px;
    display: none;
    position: absolute;
}
.signup-button.button-clicked {
    cursor: not-allowed;
    pointer-events: none;
    background-image: none;
}
.signup-button.button-clicked:hover {
    background: #98cd61;
}
.signup-new.signup-rhs .signup-input.error_field, 
.cstm-select .ui-state-default.error_field{
  border-color: #d00000;
}
.sign-footer-bttm {
    position: absolute;
    bottom: 30px;
    width: 500px;
}
.free-style {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    margin: 0 5px
}
.dg-desc {
    font-size: 14px;
    text-transform: none;
    margin-top: 15px;
    font-weight: normal;
}
.signup-rhs #fields_for_other_datacenter .sn-btn{
    display: block;
    margin: 15px auto 0 auto
}
#fields_for_other_datacenter:hover {
    text-decoration: none;
}
/*End New Sign Up Styles*/


/* Help container*/
.ma-help-container {
    position: absolute;
    right: -31px;
    top: 4px;
    display: inline-block;
}
.ma-help-container span{
    font-size: 12px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: solid 1px #CFCFCF;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding: 0px 0px 0 0px;
    color: #999;
    font-family: verdana!important;
    line-height: 17px;
}
.ma-help-content {
    position: absolute;
    width: 220px;
    right: 50px;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #f0f0f0;
    z-index: 6;
    margin-top: 5px;
    color: #717171;
    display: none;
    font-size: 12px;
    margin-right: -70px;
}
.ma-help-content:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f0f0f0;
    position: absolute;
    top: -7px;
    right: 22px;
}
.ma-help-content:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f0f0f0;
    position: absolute;
    top: -6px;
    right: 23px;
}
.ma-help-container:hover .ma-help-content {
    display: block;
}
.ui-custom-signup p.error-field {
    text-align: center;
    background: #FACCCC;
    color: #D00000;
    font-size: 14px;
    padding: 3px 0;
    margin-bottom: 14px;
    font-weight: normal;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
    padding: .4em 7px;
}
.ui-selectmenu-menu li,
.ui-widget-content .ui-state-hover {
    border-bottom: 0;
    padding-left: 20px;
}
.ui-selectmenu-menu li.ui-selectmenu-item-selected {
    background: url("/marketing/images/sprite50.png") no-repeat #ececec -11px -45px;
}
/* End help container*/
.grey {
    color: #757575;
}
.c_default {
    color: #333;
}
.header-container {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.help-silder-holder .multi-slider-prev, 
.help-silder-holder .multi-slider-next {
 display: none;   
}
.sldr-action {
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #8c8c8c;
    background: #8c8c8c;
    border-radius: 5px;
    margin: 6px 7px;
    position: relative;
    cursor: pointer;
}
.sign_up_success_slider .sldr-control {
    text-align: center;
}
.btn.btn-blue-border {
    background: transparent;
    color: #2ab9dd;
    border-color: #09aed8;
}
.btn.btn-blue-border:hover {
    color: #fff;
    background-color: #09aed8;
    border-color: transparent;
    text-decoration: none;
}
.signin-rhs {
    padding: 30px 50px 44px 50px;
}
.gapptitle {
    color: #4a4a4a;
    font-size: 20px;
    text-align: left;
    font-weight: normal;
    padding: 0px 0 25px;
}
.customer-login-error {
    color: red;
    font-size: 12px;
    clear: both;
    padding: 10px 0 0 72px;
    display: none;
}
.home_page_dialog ul.email-login{
    margin: 0!important;
    padding: 0;
    overflow: visible;
}
.email-login .label-contr {
    padding: 6px 0px 0 0;
    font-size: 12px;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    width: 74px
}
.signin-rhs input.gappfield[type=text] {
    outline: 0;
    width: 266px!important;
    box-shadow: none;
}
.signin-rhs ul>li{
    padding: 0px
}
.signin-rhs ul>li button{
    font-weight: normal;
    margin: -6px 0 0 0px;
    height: 34px;
    font-size: 17px;
}
.forms_divider {
    top: 0;
    font-size: 14px;
    margin: 32px 0 40px 0;
    position: relative;
    text-align: center;
    width: 100%;
    color: #c0c0c0;
    font-weight: normal;
}
#gappsDiv {
    width: auto!important;
    margin: 0 auto;
    padding-top: 0;
}
.gappfield-main {
    width: auto;
    margin: 35px 0 0 0;
}
.label-dmn {
    padding: 6px 0px 0 0;
    font-size: 12px;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 74px;
}
.ggl-app {
    border-bottom: solid 1px #09aed8;
    color: #09aed8;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    margin-left: 76px;
}
.dmn-content{
    display: none;
}
.err-txt{
    font-size:12px;
    color:#FF0000;
    margin:10px 0 0 72px;
    display: none;
}
.signin-rhs .home_page_dialog {
    margin: 20px 0px 0px 0px;
}
.or-dvdr {
    color: #ccc;
    text-align: left;
    margin: 31px 0 26px 0;
    padding: 0 0 0 182px;
}
.app-arrow{
    background: url(/marketing/images/sprite50.png) no-repeat -14px -1px;
    width: 20px;
    height: 20px;
    position: absolute;
}
.arw-up {
    background-position:  -14px -82px;
}
.no-case{
    text-transform: none;
}
.ui-custom-signup .signup-main-new {
    width: 708px;
}

/* styling from new website*/
.section {
    padding: 90px 0;
}
.wrapper {
    width: 980px;
    margin: 0 auto;
    line-height: 1.5;
    font-size: 0.95em;
}
.ovm-wrapper{
    background: #6f6f6f;
    color: #fff;
}
.ovm-wrapper .h1 {
    color: #000;
    font-weight: bold;
    font-size: 53px;
    line-height: 1.2;
    letter-spacing: -2px;
    margin: 5px 0 2px 0!important;
    color: #fff;
    width: auto;
}
.ovm-wrapper h3 {
    font-size: 24px;
    color: #fff;
    margin: 0;
}
.ovm-wrapper .ln-heading {
    border-bottom: solid 1px #fff;
    display: inline-block;
    padding: 0 35px 10px 35px;
    margin: 0 0 10px 0;
}
.ovm-wrapper h2 {
    color: #fff;
    font-size: 30px;
    margin: 0;
}
.c_white {
    color: #fff;
}
.top-25 {
    margin-top:25px; 
}
.elnt {
    width: auto;
    font-size: 13pt;
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
}
/* end styling from new website*/