/* 
    Document   : base
    Created on : Jan 14, 2010, 5:47:14 PM
    Author     : MangoSpring Technologies
    Description: base style file should contain only those styles which can be used for all places.
                 Copyright (c) 2009, MangoSpring Technologies, All rights reserved
                 careers@mangospring.com

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a, li { outline: none; }
a, a:link{
    color:#0088cc;
}
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
/**
 * Float Fix for modern browsers i.e Mozilla, Opera & Safari
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

img { border: 0; }
.relative{
    position:relative;
}
.light-grey{color:#9e9e9e}
/* Shadow Container stylesheet */
#shadowContainer {
    background:#FFFFFF url(/mkt/images/content_bg.gif) repeat-y scroll 0;
    padding:10px 22px;
    width:940px;
    position:relative;
    margin:10px 0;
}
#shadowContainer .maincap {
    font-size:1px;
    left:0;
    position:absolute;
    width:984px;
    z-index:5;
    height:7px;
}
.maincap.top {
    top:0;
    background:url(/mkt/images/content_cap_top.png) no-repeat;
}
.maincap.bottom {
    background:url(/mkt/images/content_cap_bottom.png) no-repeat;
    bottom:0;
}
#content {
    padding:1px 10px 18px 10px;
    color:#333333;
    position:relative;
    width:920px;
}
.bottom-spacing10{
    margin-bottom:10px;
}
.bottom-spacing20{
    margin-bottom:20px;
}
.top-spacing10{
    margin-top:10px;
}
.top-spacing20{
    margin-top:20px;
}
.full-width{
    width:100%;
}
/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid3col, .grid4col{
    width:100%;
    margin:10px 0;
}
.grid2col .column { 
    width: 49%;
}
.grid2cola .column.first { 
    width: 620px;
    float:left;
    margin:10px 10px 10px 0;
}
.grid2cola .column.last { 
    width: 255px;
    margin:10px 0 10px 10px;
}
.grid3col .column {
    width: 32%; margin-left: 2%;
}
.grid4col .column {
    width: 23%;
    margin-left: 3%;
}
.column.last { 
    float: right !important;
}
/* Custom grid for webim  product page  (Akshay) */
.grid2col .box50{
    width:45%;
    padding-right:5%;
    float:left;
    margin:10px 0;
}
.grid2col .box50 .column{
    margin:10px 0;
    width:auto;
}
.grid2col .box50.last{
    width:45%;
    padding:0 0 0 5%;
    float:right;
}
.grid2col .box50 img.main{
    float:left;
    margin-right:20px;
}
.grid2col .box50 h4.title{
    font-size:12px;
    color:#1c1c1c;
}
.grid2col .box50 p{
    font-size:12px;
    color:#555;
    margin-left:91px;
}

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
/* TYPE */
body { font: 12px/18px "Lucida sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; margin:10px 0; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; color: #08c; }
a:hover { text-decoration: underline; }
a, div, p{ -moz-outline: none; }
strong, b { font-weight: bold; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
p { margin:0; padding:10px 0; }
h1 { font-weight: bold; font-size: 17px; line-height: 36px; margin-bottom: 18px; color:#333; }
h2 { font-weight: bold; font-size: 15px; line-height: 18px; margin-bottom: 5px; color:#333; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; color:#333; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; color:#333; }
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,ul ul.square { margin-top: 4px; margin-bottom: 5px; }
img:hover, img{
    text-decoration:none;
}
.normal{
    font-size:100%;
    color:#333;
    margin:0;
    padding:0;
    font-weight:normal;
}
.wnormal{
    font-weight:normal;
}
ul.normal-list{
    margin:10px 20px 10px 30px;
    padding:0;
    font-size:11px;
    color:#333;
}
ul.normal-list li{
    list-style-type:disc;
    line-height:18px;
    padding:0;
    margin:0 0 5px 0;
}
.grey-text{
    color:#777777;
}
.main-wrapper{
    width:984px;
    margin:0 auto;
}
.fleft{
    float:left;
}
.fright{
    float:right;
}
.bot-border{
    border-bottom:1px solid #d6d6d6;
}
.more{
    background:transparent url(/mkt/images/morearrow.gif) no-repeat scroll 100% 50%;
    padding-right:10px;
    margin-right:15px;
    white-space:nowrap;
    float:right;
}
p.learnMore{
    background:transparent url(/mkt/images/learnmorearrow.gif) no-repeat scroll 0 50%;
    margin:0;
    padding:0 0 0 10px;
    white-space:nowrap;
    float:left;
}
.mandatory{
    color:#f00;
}
.column.first h2 { border-bottom:1px solid #ccc; padding-bottom:5px; }
/* Global Navigation*/
.NavContainer {
    display:block;
    margin:10px 0;
}
.NavContainer #TopNavigation {
    background:url(/mkt/images/topnav_right.png) no-repeat right;
    height:38px;
    width:979px;
    padding-right:5px;
    margin:0;
}
.NavContainer #TopNavigation #topNavLeftBorder {
    background:url(/mkt/images/topnav_left.png) no-repeat;
    float:left;
    height:38px;
    padding-left:5px;
    width:15px;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter {
    background:url(/mkt/images/topnav_middle.png) repeat-x;
    width:974px;
    height:38px;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul {
    height:38px;
    padding:0;
    margin:0;
    list-style-type:none;
    font-family:calibri;
    font-size:13px;
    float:left;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li {
    padding:2px 0 0 0;
    float:left;
    margin:0 5px 0 0;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a {
    float:left;
    color:#fff;
    height:33px;
    margin:0;
    padding:0 0 0 20px;
    line-height:31px;
    text-decoration:none;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a span {
    padding:0 20px 0 0;
    height:33px;
    color:#fff;
    float:left;
    cursor:pointer;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a:hover, .NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a.selected {
    background:url(/mkt/images/nav_left.png) no-repeat left top;
}
.NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a:hover span, .NavContainer #TopNavigation #topNavLeftBorder #topNavCenter ul li a.selected span {
    background:url(/mkt/images/nav_right.png) no-repeat right top;
    height:33px;
    cursor:pointer;
}
.topnav_item_divider {
    background-image:url(/mkt/images/topnav_div.png);
    background-repeat:no-repeat;
    float:left;
    height:38px;
    padding-right:6px;
    width:2px;
}
#subMenu{
    margin:0 0 10px 0;
    overflow:hidden;
    padding:0;
    position:relative;
    width:980px;
}
#subMenu ul{
    display:inline;
    float:left;
    margin:0;
}
#subMenu.product ul{
    display:inline;
    float:left;
    margin:0 0 0 68px;
}
#subMenu.mobile ul {
    margin:0 0 0 160px;
}
#subMenu.privacy-policy ul{
    display:inline;
    float:right;
    margin:0;
}
#subMenu.management_team ul{
    display:inline;
    float:left;
    margin:0;
}
#subMenu ul li{
    display:inline;
}
#subMenu ul li a {
    color:#323232;
    float:left !important;
    margin-left:20px;
    margin-right:8px;
    margin-top:0;
    padding:0;
    text-decoration:none;
}
#subMenu ul li a:hover, #productheader ul li a#sandBoxLink:hover {
    color:#0088CC;
}
#subMenu ul li a.selected {
    color:#959595;
}
/* Global footer*/
.pulseFooter {
    width:984px;
    color:#8b8b8b;
    float:left;
    margin:10px 0;
}
.copyright {
    float:left;
    margin:5px 0 0 0;
}
.copyright span {
    font-size:11px;
    color:#888;
    float:left;
    padding:0;
}
.copyright ul {
    margin:0 0 0 25px;
    padding:0;
    float:left;
}
.copyright ul li {
    color:#d0d0d0;
    float:left;
    margin: 0 10px;
}

.bottomLinks {
    padding:0 0 25px 0;
    border-bottom:#dddddd 1px solid;
    font-size:11px;
}
.bottomLinks p {
    float:left;
    margin:0;
    padding:0;
    color:#888888;
    font-family:calibri;
    font-size:13px;
}
.bottomLinks ul {
    float:right;
    margin:0;
    padding:0;
}
.bottomLinks ul li {
    color:#d0d0d0;
    float:left;
    margin: 0 5px;
}
.bottomLinks ul li a, .copyright ul a {
    font-size:11px;
    text-decoration:none;
}
/* page content css */
.main-wrapper .main-container{
    width:100%;
}
#pagebanner, .pagebanner{
    width: 984px; clear: both; color: #76797c;
    margin:0 0 20px 0;
}
#pagebanner{
    margin:0;
    padding:0;
}
/* TICKER */
.wrapper {
    width: 984px;
    padding: 10px 0;
}
#ticker {
    min-height: 34px;
    background: #f6f6f6 url(/mkt/images/ticker_btm_grey.png) no-repeat 0 100%; /*position: relative;*/
}
#ticker p.top {
    background: url(/mkt/images/ticker_top_grey.png) no-repeat 0 0;
    width:960px;
    padding: 7px 12px 10px 12px;
}
#ticker p {
    line-height: 18px;
    padding: 0px 12px 7px 12px;
    float: left;
    margin:0 0 3px 0;
    width:960px;
}

/* big white grid)*/
.bigWhiteGrid{
    background:#FFFFFF url(/mkt/images/white_box_bg.gif) repeat-y scroll 0 50%;
    margin:10px 0 17px 0;
    padding:0 2px;
    position:relative;
    width:980px;
    float:left;
}
.bigWhiteGrid h3 {
    background:transparent url(/mkt/images/white_box_header.gif) repeat-x scroll 0;
    font-size:14px;
    height:29px;
    padding:7px 0 0 15px;
    margin:0;
    font-weight:bold;
}
.bigWhiteGrid-top{
    font-size:1px;
    left:0;
    position:absolute;
    width:984px;
    background:transparent url(/mkt/images/white_box_bgtop.png) no-repeat scroll 0;
    top:0;
    height:7px;
}
.bigWhiteGrid-btm{
    position:absolute;
    width:984px;
    background:transparent url(/mkt/images/white_box_bgbottom.png) no-repeat scroll 0;
    height:7px;
    font-size:1px;
    left:0;
}

#bigWhiteGrid {
    width:960px;
    overflow:auto;
    padding:15px 10px;
}
#bigWhiteGrid .bigWhiteGrid-title{
    font-size:14px;
}
#bigWhiteGrid .column{
    float:left;
    width:28%;
    padding:0px 25px 10px 25px;
}
#bigWhiteGrid .column ul, #bigWhiteGrid .middleColumn ul{
    margin-top:0;
    font-size:12px;
}
#bigWhiteGrid .middleColumn{
    float:left;
    width:28%;
    padding:0px 25px 10px 25px;
    border-right:1px solid #ebebeb;
    border-left:1px solid #ebebeb;
}
#bigWhiteGrid .column p, #bigWhiteGrid .middleColumn p{
    text-align:center;
    font-size:12px;
    color:#333;
}
#bigWhiteGrid .column p.logos, #bigWhiteGrid .middleColumn p.logos{
    height:42px;
    text-align:center;
    padding:10px 0;
}
#bigWhiteGrid .column.last{
    float:right;
    width:28%;
    padding:0 5px 10px 25px;
    border:none;
}
/* Banners */
#privacy_policy{
    background:url(/mkt/images/banners/privacy_policy.gif) no-repeat left top;
}
#pagebanner .content, .pagebanner .content{
    padding-bottom:10px;
    font-family:'Century Gothic';
    color:#3a3a3a;
    float:left;
}
.small-banner{    
    width:100%;
    height:262px;
    float:left;
}
#pagebanner .content h2.banner-big-text, .pagebanner .content h2.banner-big-text{
    font-family:'Century Gothic';
    font-size:30px;
    line-height:1.5em;
    font-weight:bold;
    color:#222;
    margin:0;
}
#pagebanner .content p.banner-small-text, .pagebanner .content p.banner-small-text{
    padding:10px 0;
    font-size:16px;
    color:#292929;
    line-height:1.5em;
    font-family:'Century Gothic';
}

/* Lightbox (grey rhs box)*/

.lightbox{
    background:url(/mkt/images/lightbox_bg.png) repeat-y;
    width:255px;
    margin:0 0 20px 0;
}
.lightbox h2{
    background:url(/mkt/images/lightbox_top.png) no-repeat;
    width:240px;
    height:35px;
    line-height:32px;
    font-size:13px;
    color:#fff;
    padding-left:15px;
    font-weight:normal;
}
.lightbox .lightbox_bottom{
    background:url(/mkt/images/lightbox_bottom.png) no-repeat;
    height:6px;
    margin:0 -15px;
}

.lightbox .inside{
    padding:10px 15px 0 15px;
    color:#555;
}
.lightbox .inside p.bot-border{
    border-bottom:1px solid #d6d6d6;
    margin:0 10px;
}
.lightbox .inside p.bot-border.last{
    border-bottom:none;
    margin:0 10px 10px 10px;
}
.lightbox .inside h3{
    font-size:11px;
    font-weight:bold;
    color:#555555;
    margin:20px 0 0 10px;
}
.lightbox .inside .divider{
    margin:0;
    padding:0;
    background:#cecece;
    width:100%;
    color:#cecece;
}
.lightbox .inside ul.normal-list{
    margin:10px 20px;
    padding:0;
    font-size:11px;
}
.lightbox .inside ul.normal-list li{
    list-style-type:disc;
    color:#555555;
    line-height:18px;
    padding:0;
    margin:0 0 5px 0;
}
.lightbox .inside ul{
    margin:0 0 5px 0;
}
.lightbox .inside ul li{
    padding:10px 0 10px 40px;
}
.lightbox .inside ul.insideMs{
    margin:0 0 5px 0;
}
.lightbox .inside ul.insideMs li{
    padding:0 0 5px 5px;
    margin:5px 10px 0 0px;
    border-bottom:1px solid #c6c6c6;
}
.lightbox .inside ul.insideMs li.last{
    border-bottom:none;
}

.lightbox .inside ul.depl_opt{
    margin:0 0 5px 0;
}
.lightbox .inside ul.depl_opt li{
    padding:0;
    margin:5px 10px 0 20px;
    list-style:disc;
}
.lightbox .inside ul.depl_opt li.last{
    border-bottom:none;
}


.lightboxa{
    background:url(/mkt/images/lightbox_bg.png) repeat-y;
    width:255px;
    margin:0 0 20px 0;    
}
.lightboxa h2{
    background:url(/mkt/images/lightboxa_top.png) no-repeat;
    width:240px;
    height:15px;
    line-height:32px;
    font-size:13px;
    padding-left:15px;
    font-weight:normal;
    margin:0;
}
.lightboxa .lightbox_bottom{
    background:url(/mkt/images/lightbox_bottom.png) no-repeat;
    height:6px;
    margin:10px -15px 0 -15px;
}
.lightboxa .inside{
    padding:0 15px;
}
.lightboxa .inside ul{
    margin:0 0 5px 0;
    font-size:12px;
}
.lightboxa .inside ul.insideMs li.heading{
    color:#555555;
    font-size:13px;
    font-weight:bold;
    list-style:none;
    margin-left:5px;
    margin-bottom:10px;
    padding:0;
}
.lightboxa .inside ul.insideMs li{
    padding:5px 0 5px 0;
    list-style:disc;
    margin-left:20px;
}

/* get started now lightbox-icons*/

.lightbox .inside ul{
    margin:0 0 5px 0;
}
.lightbox .inside ul li{
    padding:10px 0 10px 40px;
}
.lightbox .inside ul li#signUpLi{
    background:url(/ce/pulse/images/mkt/sign_up1.png) no-repeat 10px 10px;
}
.lightbox .inside ul li#takeTour{
    background:url(/ce/pulse/images/mkt/tour.png) no-repeat 10px 10px;
}
.lightbox .inside ul li#contact{
    background:url(/ce/pulse/images/mkt/contact.png) no-repeat 10px 10px;
}
.lightbox .inside ul li#number{
    background:url(/ce/pulse/images/mkt/mobile.png) no-repeat 10px 10px;
}

/* white background lightbox*/

.whitelightbox{
    background:url(/mkt/images/white_lightbox_bg.png) repeat-y;
    width:255px;
    margin:0 0 20px 0;
}
.whitelightbox h2{
    background:url(/mkt/images/lightbox_top.png) no-repeat;
    width:240px;
    height:35px;
    line-height:32px;
    font-size:13px;
    color:#fff;
    padding-left:15px;
    font-weight:normal;
    margin:0;
}
.whitelightbox .inside{
    padding:15px 15px 0 15px;
}
.whitelightbox .whitelightbox_bottom{
    background:url(/mkt/images/white_lightbox_bottom.png) no-repeat;
    height:6px;
    margin:0 -15px;
}


/* Lightbox - contactus*/
#msContactUs{
    margin-top:0;
    margin-left:10px;
    margin-bottom:15px;
}
#msContactUs p{
    padding:10px 0;
    font-size:12px;
    font-family:'lucida sans';
    margin:0;
}
/*Small whitebox*/
.small-whiteBox{
    background:url(/mkt/images/small_whitebox_top.png) no-repeat scroll top left;
    margin:0 0 20px 0;
    padding-top:6px;
}
.small-whiteBox-container{
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    width:223px;
    padding:8px 15px 15px 15px;
}
.small-whiteBox-container .bot-border-title{
    font-size:12px;
    color:#333;
    text-align:center;
    border-bottom:1px solid #c4c4c4;
    padding-bottom:10px;
    margin-left:-15px;
    margin-right:-15px;
}
.small-whiteBox .small-whiteBox-container p.bot-border{
    border-bottom:1px solid #d6d6d6;
    margin:20px 10px;
    padding-bottom:20px;
}
.small-whiteBox .small-whiteBox-container p.bot-border.last{
    border-bottom:none;
    margin:20px 10px;
    padding-bottom:10px;
}
.small-whiteBox-container p{
    margin:0 0 10px 0;
    padding:0;
}
.small-whiteBox-container p.learnMore{
    background:transparent url(/mkt/images/learnmorearrow.gif) no-repeat scroll 0 50%;
    float:left;
    margin:0;
    padding:0 0 0 10px;
    margin-bottom:10px;
    white-space:nowrap;
}
.small-whiteBox-container img.sound{
    float:left;
    margin:0 10px 10px 0;
}
.small-whiteBox-btm{
    background:url(/mkt/images/small_whitebox_btm.png) no-repeat scroll bottom left;
    padding-bottom:6px;
    margin:8px 0 -15px -16px;
    *padding-bottom:0px;
    *margin:0px 0 -15px -16px;
    width:255px;
}

/* big white box*/
.big_whiteBox{
    background:url(/mkt/images/big_whitebox_top.png) no-repeat scroll top left;
    margin:0 0 20px 0;
    padding-top:6px;
    width:605px;
}
.big_whiteBox-container{
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    width:223px;
    padding:8px 15px 15px 15px;
    width:573px;
}
.big_whiteBox p{
    margin:0 0 10px 0;
    padding:0;
}
.big_whiteBox-btm{
    background:url(/mkt/images/big_whitebox_btm.png) no-repeat scroll bottom left;
    padding-bottom:6px;
    margin:8px 0 -15px -16px;
    *padding-bottom:0px;
    *margin:0px 0 -15px -16px;
    width:605px;
}


/* Grids for Customer & managemnt page*/
.customer-box{
    padding: 10px 0;
    margin:10px 0;
    border-bottom:1px solid #ededed;
    width:100%;
    float:left;
}
.customer-box.last{
    padding: 10px 0;
    margin:10px 0;
    border-bottom:none;
    width:100%;
    float:left;
}
.customer-box .customer-info, .management-team .management-info{
    margin:0;
    padding:0;
}
.customer-box .customer-info .customer-logo{
    float:left;
    margin-right:10px;
    width:155px
}
.customer-box .customer-info h3.title, .management-team .management-info .h3.title{
    margin:0;
    padding:0;
    line-height:14px;
    color:#111111;
    font-size:14px;
}
.customer-box .customer-info p{
    margin:10px 0 0 165px;
    padding:0;
}
/*Small titles*/
h4.small-title{
    font-size:13px;
    color:#333;
}
/* help footer*/
.help_footer{
    height:59px;
    border-top:1px solid #dbdbdb;
    width:980px;
    background:url(/mkt/images/container_footerbg.png) repeat-x bottom;
    margin:0 -20px -10px -20px;
}
.help_footer p{
    margin:10px 10px 0 10px;
    color:#555;
}
.green-smallest-text{
    color:#6dad1f;
    font-size:11px;
}
/* News & event styles ::Start*/
ul#newsEvents .news_list_style {
    border-bottom:1px solid #d9d9d9;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:5px;
    font-size:12px;
}
ul#newsEvents .news_list_style.last {
    border-bottom:none;
}
ul#newsEvents .news_list_style a {
    line-height:1.5;
}
.moreNews{
    margin:0;
    padding:0 0 10px 0;
}
/* News & event styles ::End*/