/* $Id: index-apr2011.css,v 1.35 2013/05/20 14:07:20 raagavan.sivaraja Exp $ */
body{margin:0px; padding:0px; *text-align:center;}
.body, td, p, span, div, ul, li, h2, h3 {font-family:arial, verdana;font-size:12px;font-weight:normal;padding:0px;margin:0px;cursor:default;}
.body, a{color:#485DC5;}
.body, a:hover{	color:#000;}
.header-container{ width:100%; height:65px; margin:0px; padding:0px;}
.logo-container{margin:0 auto;width:980px;margin-top:-12px; *margin-top:0px;}
.menu-outer-container{background:#dbdbdb url(../images/index/navmenu_bg.gif);background-repeat:repeat-x;border-top:1px solid #f0f0f0;margin:12px 0 0 0;padding:7px 5px 7px 0;_padding:0; height:15px;}
.menu-container, masthead-container{margin:0px auto;width:980px;}
.clearboth{ clear:both;}
.body-container{width:100%;background:url(../images/index/masthead-bg2.jpg) repeat-x;margin-top:45px;* margin-top:0px;}
.masthead-container{margin:0px auto; width:980px;}
.masthead-container h2{color: #174372;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,sans-serif;font-size:45px;letter-spacing:-1px;margin:5px 0px -2px 0px;padding:10px 0 2px;text-align:center; text-shadow: 1px 1px 0 #FFFFFF, 1px 5px 3px #CCCCCC;}
.masthead-vdo-container{float:left; margin:30px -15px 0 -9px;_margin:25px 20px 0 0px;}.masthead-container h3{ color: #333; font-size: 22px; font-weight: normal;text-align: center; padding-top:3px;}
.signup,.tagline,.survey-result,.easy {background:url(../images/index/masthead-sprite-apr2011.png);background-repeat:no-repeat; -moz-radius-border:3px; }
.masthead-vdo{border: 4px solid #CDCFDA; -moz-border-radius:6px; -webkit-border-radius:6px; width: 421px; height: 262px; margin: 0px 45px 10px 0px; *text-align:left; background:#B3B6C6; padding:1px;} .customer-video {float:right;}.customer-video p {font-size:11px; color:#797C80; width:346px; text-align:left; margin-top:5px; line-height:16px; } .customer-video p a {font-size:11px; margin-left:6px; }
.masthead-vdo a{text-decoration:none;width:308px; padding:0 446px 264px 0; *padding:0 406px 244px 0;}
.video-like{ margin-top:15px; *text-align:left} .video-like a{margin-right:5px}
.masthead-points{float:left; margin:40px 0px 0px 24px; *margin:26px 0px 0px -10px; text-align:left;}
.masthead-points h2{color: #666;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,sans-serif;font-size:18px;letter-spacing:-0.5px;text-align:left; width:449px; margin:0px; padding:3px 0px 20px 0px; text-shadow:none}
.masthead-points ul{margin:15px 0px 0px 18px;}
.masthead-points li{color: #333; font-size: 17px; font-weight: normal; padding: 4px 0;}
.signup{float:left;background-position:-1px 0px; height:100px; width:354px;} .signup p{ color: #5B6785; font-size: 11px; line-height: 18px; margin: 73px 0px 0px 10px; text-align: left;}
.signup a{padding:0px 172px 70px 174px;text-decoration:none;}
.easy{background-position: 4px -108px; height: 50px; left: 242px; position: relative; top: 65px; *top: -45px; width: 144px;}
.pricing{float:left; margin:40px 0px 0px 10px;color:#5b6785; font-size:12px;} .pricing a{font-size:14px;color:#5b6785; margin-left:5px}
.tagline{width:286px; background-position:-1px -394px; height:37px;}
.header-links{float:right; padding-top:15px; text-align:right;}
.header-promo {float:left; vertical-align:top; padding-top:10px; height:43px;} .header-promo a{ cursor:pointer; text-decoration:underline; font-weight:bold; display:block;}.signin{float:left; margin:10px 0px 0px 20px;}
.signin a{ text-decoration:none; font-size:12px; font-weight:bold; background:#174372; padding:5px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #DCE2E4; color:#fff; *height:20px;}.signin a:hover{color:#fff;}
.dabble{ background:url(../images/index/dabbledb-countdown.gif) no-repeat; padding:6px 6px 13px 87px; color:#666; cursor:pointer;}
.dabble-link{ text-decoration:none;display:block}.dabble p{font-size:11px; color:#666;} .dabble span{font-size:11px; font-weight:bold; color:#666; padding-right:5px; cursor:pointer;} .dabble strong{display:block} 
.org, .payments, .gapps, .zcrm, .gforms, .whyown, .videos, .guide{background:url(../images/subpages/sprite2.png)}
.org{ background-position: 0px -393px; height: 71px; margin-left: 33px; *margin-left: 10px; width: 106px;}
.payments{background-position: -107px -317px; height: 71px; margin-left: 31px; *margin-left: 11px; width: 120px;}
.gapps{ background-position: 1px -312px; height: 71px; width: 103px; margin-left:42px; *margin-left: 5px;}
.zcrm{background-position: 4px -466px; height: 32px; margin: 27px 0 0 30px; width: 124px; *margin-left: 10px;}
.gforms{background-position: -126px -393px; height: 71px; margin-left: 35px; *margin-left: 10px; width: 103px;}
.whyown{background-position: -276px -2px; height: 102px;} 
.videos{background-position: -276px -219px; height: 102px;}
.guide{background-position: -275px -103px; height: 102px;}
.whats-new-band{margin:0px auto; width:980px; margin-top:55px; *margin-top:30px; padding:0px; text-align:left}
.whats-new-band div{ float:left; width:180px; *width:190px; text-align:left; border-right: 1px dotted #BEBEBE; padding:0px 8px; *padding:0px 5px; text-align:center}
.whats-new-band div a{text-decoration:none; display:block; height:124px;}
.whats-new-band h2{ color: #797C80; font-size: 16px; font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,sans-serif,Arial;  margin-bottom:7px;}
.whats-new-band div h3{font-size: 13px; text-decoration:underline; font-weight:bold;  cursor:pointer; line-height:20px; margin-bottom:4px; text-align:}
.whats-new-band div p{margin-top:3px; cursor:pointer}
.customers{margin:0px auto; width:980px; margin-top:50px; *margin-top:30px; padding:0px; text-align:center} .customers img{float:left; clear:both; margin:10px 0px 0px 14px;}.customers h3{font-weight:normal;font-size:27px;color: #797C80;margin:10px 0px 25px 0px; line-height:31px;_margin:30px 0 2px 0;padding:0 0 5px 0;}
.survey-result{ background-position: 0px -432px; float: right; margin:30px 20px 0px 0px; width: 286px; -moz-border-radius:5px; -webkit-border-radius:5px; border:2px dashed #DCE2E4; padding:10px 10px 3px 10px;}
.survey-result a{height:106px; display:block; text-decoration:none}
.survey-result p{margin-left:107px; color: #666666; line-height: 1.5; text-align:left; cursor:pointer}
.survey-result span{color:#485DC5;  text-decoration:underline; cursor:pointer}
.footer-elements{margin:0px auto; margin-top:40px; width:947px; *text-align:left; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../images/subpages/footer-elements-bg.png); padding:30px; *padding:30px 30px 0px 30px; overflow: hidden;}
.footer-elements a{float:left; width:275px; *width:265px; text-decoration:none; display:block; height:100px;# height:100px;}
.success-story-container {margin:0px auto; margin-top:40px; width:980px; *text-align:left}
.liveaction{float:left;width:632px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1f1f1; padding:10px}
.liveaction-box {float: left; margin-left:20px; *margin-left:17px;width: 190px;}.liveaction-box div{background-color: #FFFFFF; border-radius: 4px 4px 4px 4px; box-shadow: 0 3px 3px #B7B2A9; padding:10px 20px 15px 20px; *padding:5px 20px 5px 20px; width: 133px; *height:230px;} .liveaction-box a{display: block; padding: 20px 0px 20px 5px; text-decoration: none; cursor:pointer}.liveaction h2{color: #333; font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,sans-serif,Arial;font-size: 22px; padding:20px 0px} .liveaction h3{cursor:pointer; color: #333; font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,sans-serif,Arial;font-size: 17px; font-weight:bold; text-align:center; white-space:wrap;  *width:120px;} .liveaction p{color: #797C80; font-size: 11px; line-height: 16px; margin-top: 15px; text-align:center; width:174px;s} .survey-result2 { border-top:1px dotted #969494; margin-top: 30px; padding: 20px 0;} .survey-result2 a{color: #797C80; font-size: 11px; margin-top: 25px; float:right; text-decoration:none;}
/*.success-story{float:left;width:632px;}
.success-story h3{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-size:22px;color: #797C80; border-bottom:1px solid #DBDBDB}
.ss-video{margin-top:70px; float:left}
.ss-video p{font-size:11px; color:#797C80; width:346px; text-align:left; margin-top:5px; line-height:16px;} .ss-video p a{font-size:11px; margin-left:6px;}.ss-others{float:left; margin:35px 0px 0px 40px;}
.ss-others p{width: 149px; color: #797C80; font-size: 11px; line-height: 16px; margin: 5px 0 20px 3px}*/
.right-column{float:right; margin:27px 20px 0px 60px; width:230px; padding-bottom:40px;}
.right-column h3{ font-size:14px; font-weight:bold; color:#797C80;}
.right-column ul{margin:12px 0px 0px 0px;}
.right-column li{list-style:none; margin-bottom:30px;}
.right-column li a{font-size:14px;line-height:16px;}
.read-this{margin-top:30px;}
.social-main {margin-top:30px; border-top:2px solid #DBDBDB; padding-top:20px;}
.social-main h3{font-size:12px;}
.gapps a{font-size:11px; color:#666; display:block; text-decoration:none;}
.fb-like{padding-top:10px;}
.footer-axn{ margin:0px auto; width:980px; margin-top:30px; margin-bottom:120px; padding:30px 0px;text-align:center;border-top:6px groove #303030;}
.footer-axn a{margin-top:10px;}
.footer-container{background:url(../images/index/footer_bg.gif) #f5f5f5 repeat-x; border:1px solid #F5F5F5}
.footer-header{margin:0px auto; width:980px; background:url(../images/index/footer_header.gif) no-repeat;height:28px;}
.footer{margin:0px auto; margin-top:10px; *margin-top:0px; width:980px; padding:0;height:150px; *height:230px; text-align:left}
.footer div{float:left;}
.fpad{padding:0 20px;}
.footer h2{font-size:11px;color:#827f7f;padding:2px 0 5px 0;_padding:10px 0 5px 0; margin-bottom:5px}
.footer div a{display:block;font-size:11px;text-decoration:none;line-height:21px;}
.footer div a:hover{text-decoration:underline;}
.footer-info{margin:0px auto; width:980px;padding:10px 22px;}
.footer-info h1{color:#acacac;font-size:17px;padding:0 22px;}
.footer-info p{color:#acacac; padding:0 22px; line-height:19px;}.footer-clear{clear:both;}
#seo-container{display:none; margin:0 10px 0 20px; width:98%;}
.seo-content h1{color:#808080; font-size:22px; font-weight:normal; line-height:19px; padding:12px 0 4px; }
.seo-content p{ color:#808080; font-size:11px; line-height:19px; margin:0; padding:0 0 10px;}
.seo-content p a, .seo-content li a{display:inline; color:#808080; text-decoration:underline}
#seo-readmore{ float:right;} .collapse{ float:right;}
#seo-collapse{ border-bottom:2px solid #D5D5D5;}
#seo-collapse h2{color:#808080; font-size:20px; font-weight:normal; padding:12px 0 4px;}
#seo-collapse ul{ margin-left:40px;} #seo-collapse li{color:#808080; font-size:11px; font-weight:normal; line-height:19px; padding-top:5px; padding-bottom:5px;}
.seo-related{ -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #DCE2E4; background:#fff; margin:15px; padding:0px 10px 15px 10px; text-align:left}
.seo-related  h3{color:#808080; font-size:11px; font-weight:bold; padding:12px 0 4px;}
.seo-related ul{margin:0px 0px 0px 2px}
.seo-related li{padding:2px 0px 2px 15px; border-bottom:1px dotted #999; list-style:none; background:url(../images/subpages/bullet_red.gif) top left no-repeat; white-space:nowrap}
.seo-related li a{font-weight:bold; text-decoration:none}
.footer-secndary{font-size:11px;margin:10px auto;width:957px; padding:10px 0 10px 49px;}
.footer-secndary span{display:table-cell; color:#999999; font-size:11px; padding-left:60px;  *padding-left:10px;}
.footer-secndary a{border-right:1px solid #D5D5D5; color:#999999; display:table-cell; font-size:11px; margin:0; padding:0 10px; text-decoration:none;}
.footer-secndary a:hover{color:#666;text-decoration:underline;}
.zc-copydivtable{width:160px;border-top:1px solid #cfcfcf;padding:0;margin:0;}
.zc-copydivtr{margin:0;padding:0;color:#000;background-color:#fff;}
.zc-pane-header-a{color:#284391;font-size:12px;text-decoration:none;}
.zc-pane-header-a:hover{color:#000;font-size:12px;text-decoration:none;}
.zc-copymenu{font-size:11px;padding:5px 10px 5px 5px;border-left:1px solid #94a7d7;border-right:1px solid #94a7d7;border-bottom:1px dotted #b5b5b5;white-space:nowrap;cursor:pointer;text-align:left;}
.logo{float:left; margin:5px 0px 0px 0px; text-align:left}
.logo p{color:#969696;font-size:11px;padding-left:10px;}
.social{ background:url(../images/index/follow.gif) top right no-repeat; height: 25px; margin-top: 13px; text-align:right; }
.social a{width:20px; margin: 4px 1px 0 2px; padding: 0 11px 10px; text-decoration:none}
.baihui{background:transparent url(../images/index/baihui-zoho-logo_transparent.gif) no-repeat;display:table-cell;_float:left;width:165px;height:20px;}
.baihui a{text-decoration:none;padding:0 10px 4px 144px;}
.menu-left{float:left;}
.nav-menu{margin:0; text-align:left}
.nav-menu li{display:inline;list-style:none;border-right:1px solid #cfcfcf;padding:7px 15px 8px 15px;_padding:6px 15px 6px 15px;*height:10px;}
.nav-menu li a{text-decoration:none;font-weight:bold;}
.marketplace-menu-inactive{background:url(../images/index/marketplace.png);background-repeat:no-repeat;}
.marketplace-menu-inactive a{color:#303427;padding-left:20px;}
.devzone-nav-menu-active{background-color:#AFC2F2;}
.devzone-nav-menu-active a{color:#000;padding-right:10px;}
.devzone-nav-menu-inactive a{color:#303427;padding-right:10px;}
.nav-menu-inactive a{color:#303427;background:url(../images/index/menu_inactive_arrow.gif);background-repeat:no-repeat;background-position:top right;padding-right:15px;}
.nav-menu-inactive-hover a{color:#37476c;background:url(../images/index/menu_inactive_arrow.gif);background-repeat:no-repeat;background-position:top right;padding-right:15px;text-decoration:none;}
.nav-menu-inactive-hover{background:#c4cdd7;background:#d3d3d3;}
.devzone-nav-menu-inactive a{color:#303427;padding-right:10px;}
.devzone-nav-menu-inactive-hover{background:#c4cdd7;background:#d3d3d3;}
.devzone-nav-menu-inactive-hover a{color:#37476c;background-repeat:no-repeat;background-position:top right;padding-right:10px;}
.marketplace-menu-inactive{background:url(../images/index/marketplace.png);background-repeat:no-repeat;}
.marketplace-menu-inactive a{color:#303427;padding-left:20px;}
.marketplace-menu-inactive-hover{background:url(../images/index/marketplace.png);background-repeat:no-repeat;background-color:#d3d3d3;}
.marketplace-menu-inactive-hover a{color:#37476c;background-repeat:no-repeat;background-position:top right;padding-left:20px;}
.zc-copydivtable{width:160px;border-top:1px solid #cfcfcf;padding:0;margin:0;}
.zc-copydivtr{margin:0;padding:0;color:#000;background-color:#fff;}
.zc-copydivtrhover{color:#000;background-color:#e5e5e5;}
.zc-pane-header-a{color:#284391;font-size:12px;text-decoration:none;}
.zc-pane-header-a:hover{color:#000;font-size:12px;text-decoration:none;}
.zc-copymenu{font-size:11px;padding:5px 10px 5px 5px;border-left:1px solid #94a7d7;border-right:1px solid #94a7d7;border-bottom:1px dotted #b5b5b5;white-space:nowrap;cursor:pointer;text-align:left;}
.share-widget-ftr{ background:url(../images/subpages/social-footer.png) no-repeat; width:200px; height:42px; margin-top:12px;} .share-widget-ftr a{margin:0px 3px 0px 3px; *margin:0px 12px 0px 3px; width:30px;height:31px; padding:0px 3px; float:left;} .share-widget-ftr a:hover{text-decoration:none;}.share-widget-ftr p{clear:both; font-size:11px; color:#827F7F; padding-top:12px;}
#thewindow{display:none;background:#000000 none repeat scroll 0 0;left:0;opacity:0.6;position:absolute;top:0;width:100%;height:2350px;*height:2350px;z-index:20;filter:Alpha(opacity = 70)}#videoTemplate{z-index:100;display:none;position:absolute;padding:2px;left:15%;top:5%;-moz-border-radius:4px;	-webkit-border-radius:4px;background:#353535;*width:634px; *height:440px; *text-align:left}
.video-header{background-color: #1B1B1D;margin:4px 4px 0px 4px; padding: 5px 2px 9px 20px; height:22px;  *width:853px}
#divcontainingvideo{padding: 0 4px 4px;}
#cancelVideo{margin: -1px 0px 0 0;}
.video-callaxn{float:right; background: url(../images/subpages/get-started.png) no-repeat scroll 0 0 transparent;height: 21px;margin: 4px 41px 0 110px;text-decoration:none; margin-left:10px;}
.video-callaxn a{padding:0px 134px 5px 0px; text-decoration:none}
.video-close{float: right; margin:-3px -185px 0px 0px; position:relative; left:0px; *left:175px; }
.videopop-like{float:left; margin-top:2px;} .why-bld-pitch{-moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #DCE2E4; background:url(../images/subpages/custom-app-grid2.gif) repeat;} .why-bld-pitch h2{font-family:'Copse', arial; font-size:28px; color:#333; cursor:pointer; line-height:28px; margin-bottom:65px; letter-spacing:-0.5px} .why-bld-pitch p{ cursor:pointer; text-decoration:underline; width:150px;) right no-repeat; padding:14px 0px 9px 0px; font-size:14px; font-weight:bold;} .why-bld-pitch a{display:block; padding:20px 10px; text-decoration:none; } 


.zls {

    position: relative;
}
.zls .timing {
    color: #666666;
    font-size: 9px;
    left: 98px;
    position: absolute;
    top: 27px;
    width: 150px;
}
.timebox {
    float: left;
    width: 37px;
}
.timebox span {
    font-size: 20px;
}
.timebox em {
    margin-left: -10px;
}