/** Common Styles **/ .flleft{float:left} .flright{float:right} .cleaner { clear: both; font-size: 1px; } /* float clearing for IE6 */ * html .clearfix{ height: 1%; overflow: visible; } /* float clearing for IE7 */ *+html .clearfix{ min-height: 1%; } /* float clearing for everyone else */ .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } /** Common Styles Ends **/ /** New Css for testimonials **/ .ui-pricingpanel { border: 1px solid #BBBCB4; border-top: none; top: auto; -webkit-box-shadow: 0px 0px 6px 0px #CBCBCB; -moz-box-shadow: 0px 0px 6px 0px #cbcbcb; box-shadow: 0px 0px 6px 0px #CBCBCB; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 10px; } .headerband { height: 28px; background: #E7E7E7; margin: 0 0 0px 0; padding: 5px 0 0 4px; border-top: 1px solid #BBBCB4; border-left: 1px solid #BBBCB4; border-bottom: 0px; position: relative; } .headerbandtitle { color: #8C8C8C; text-shadow: 0px 1px white; padding: 3px 0 0 5px; font-weight: bold; } .pricingContainer { padding: 0px 0; background: white; width: 100%; font-family: Lucida Grande,Segoe UI,Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 auto; overflow: hidden; } .testimonial-side { float: left; padding: 15px; padding-top: 5px; width: 275px; line-height: 20px; color: #787777; } .testibox { border: 2px dotted #eaeaea; padding: 10px 10px 0px 10px; margin-bottom:20px; } .testibox p { text-align:right; padding-top:10px;} .testibox span { font-size:14px; line-height:20px;} .testibox span img { float:left; margin-right:15px;} /** New Css for Testimonials End **/ /** New Css for Docs On the GO **/ #onthego h2{color:#333;font-size: 36px;line-height: 120%;margin-bottom: 10px;font-weight: bold;} #onthego p{color:#666;font-size: 12px;} #onthego .on-iphone {padding-right: 58%;width: 42%;background: url(../images/docs-iphone-banner.png) no-repeat bottom right;margin: 2% 0 0;} #onthego .on-iphone h3{color:#333;background: url(../images/docs-iphone-icon.png) no-repeat;font-weight: bold;height: 52px;line-height: 120%;margin-bottom: 10px;padding-left: 90px;padding-top: 28px;font-size:24px;} #onthego .on-iphone h3 span{display:block;color:#666;font-size: 18px;line-height: 120%;font-weight: bold;} #onthego .on-iphone p{color:#666;font-size: 14px;font-weight: bold;} #onthego .on-iphone ul{list-style:square;margin: 10px 0 0;} #onthego .on-iphone ul li{display: block;float: none;list-style: square outside none;text-align: left;margin: 5px 0 0;line-height:150%;} #onthego .on-iphone ul li .feature-tic{background: url("../images/pricing-sprite.png") no-repeat scroll -710px 0 transparent;display: inline-block;height: 18px;width: 25px;} #onthego .on-iphone a{padding-top: 15px;text-align: left;display: inline-block;} #onthego .on-android {background: url(../images/docs-android-banner.png) no-repeat bottom left;border-top: 1px dashed #CCCCCC;margin: 5% 0;padding-left: 55%;padding-top: 45px;width: 45%;} #onthego .on-android h3{color:#333;background: url(../images/docs-android-icon.png) no-repeat;font-size: 24px;font-weight: bold;height: 52px;line-height: 120%;margin-bottom: 10px;padding-left: 90px;padding-top: 28px;} #onthego .on-android h3 span{display:block;color:#666;font-size: 18px;line-height: 120%;font-weight: bold;} #onthego .on-android p{color:#666;font-size: 14px;font-weight: bold;} #onthego .on-android ul{list-style:square;margin: 10px 0 0;} #onthego .on-android ul li{display: block;float: none;list-style: square outside none;text-align: left;margin: 5px 0 0 0;line-height:150%;} #onthego .on-android ul li .feature-tic{background: url("../images/pricing-sprite.png") no-repeat scroll -710px 0 transparent;display: inline-block;height: 18px;width: 25px;} #onthego .on-android a{padding-top: 15px;text-align: right;display: inline-block;} #gapp-head p{padding:10px 0 0;} #gapp-head strong{font-size:14px;} #gapp-head .on-android {background: url(../images/docs-gapp-banner.jpg) no-repeat left center;height: auto;margin:0 1% 30%;padding-left: 44%;padding-top: 5px;width: 55%;} #gapp-head h3{color:#333;background: url(../images/docs-gapp-icon.png) no-repeat;font-size: 24px;font-weight: bold;height: 62px;line-height: 120%;margin-bottom: 10px;padding-left: 112px;padding-top: 28px;clear: both;} #gapp-head h3 span{display:block;color:#666;font-size: 18px;line-height: 120%;font-weight: bold;} #gapp-head .on-android p{color:#666;font-size: 12px;} #gapp-head .on-android ul{list-style:square;margin: 10px 0 0;} #gapp-head .on-android ul li{display: block;float: none;list-style: square outside none;text-align: left;margin: 5px 0 0 0;line-height:150%;padding:0;} #gapp-head .on-android ul li .feature-tic{background: url("../images/pricing-sprite.png") no-repeat scroll -710px 0 transparent;display: inline-block;height: 18px;width: 25px;} #gapp-head .on-android a{padding-top: 15px;text-align: right;display: inline-block;} /** Ends New Css for Docs On the GO **/ /** New Css for Video Tour Page **/ #bodyfreezdiv { position: fixed; top: 0px; left: 0px; background-color: #939393; z-index: 100; height: 100%; } #videopage {} #videopage .flleft{float: left;} #videopage .flright{float: right;} #videopage .video-banner{margin-bottom: 30px;background: #F4F5F6;-moz-box-shadow: 0 0 1px #cacaca;-webkit-box-shadow: 0 0 1px #CACACA;box-shadow: 0 0 1px #CACACA;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} #videopage .video-banner a{display: block; width: 360px; height: 218px; cursor: pointer; margin: 25px 20px 0 0; background-image: url("../img/video-thump.png"); background-position: 0 0px;text-indent: -9999px;} #videopage .video-banner a:hover{background-position: 0 -236px;} #videopage .video-banner .video-cont{ height: 250px;padding:15px 0 15px 25px;width: 535px;} #videopage .video-banner h3{color: #262626;font-size: 20px;font-weight: bold;margin-bottom: 10px;padding-bottom: 5px;text-align: left;text-shadow: 0 1px 0 white;text-transform: uppercase;line-height: 150%;} #videopage .video-banner h4{font-size: 16px;margin-bottom: 10px;color: #262626;text-align: left;text-shadow: 0 1px 0 white;text-transform: uppercase;padding-bottom: 10px;border: none;} #videopage .video-banner p{text-align: left;line-height: 20px;text-shadow: 0 1px white;font-size: 14px;padding-bottom: 5px;} #videopage h4{font-size: 24px;font-weight: normal;padding: 0 0 8px;color: #666;border-bottom: 1px dashed #DDD;line-height: 100%;margin:20px 0 25px;} #videopage .video{padding: 0 1px;} #videopage .video .video-top{padding-bottom: 25px;font-size: 14px;} #videopage .video .video-top .video-blog{width: 320px;margin: 15px 0 18px;} #videopage .video .video-top li.middle{margin: 15px 8px 18px;} #videopage .video .video-top .video-blog a{display: inline;border-radius: 3px;overflow: hidden;border: 1px solid #D0D0D0;width: 55px;height: 45px;cursor: pointer; -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);margin: 5px 0px 5px 5px;} #videopage .video .video-top .video-blog:hover a{ -webkit-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.45); -moz-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.45); box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.45); } #videopage .video .video-top .video-blog a span.play-video{background: url("../img/play-video.png") no-repeat center center;position: absolute;width: 55px;height: 45px;background-position: -25px -85px;margin: 0 !important;display: inline !important;} #videopage .video .video-top .video-blog:hover a span.play-video{background: url("../img/play-video.png") no-repeat center center;position: absolute;width: 55px;height: 45px;background-position: -25px -20px;margin: 0;display: inline;} #videopage .video .video-top .video-blog:hover{cursor: pointer;} #videopage .video .video-top .video-blog .video-cont {width: 243px;padding: 0px 0 5px 0px;} #videopage .video .video-top .video-blog .video-cont h5{font-size: 18px;font-weight: 600;padding:0 0;color: #666;line-height: 150%;margin: 0px 0 0px 0;display: inline-block;} #videopage .video .video-top .video-blog:hover .video-cont h5{text-decoration: underline;cursor: pointer;} #videopage .video .video-top .video-blog .video-cont p{font-size: 13px;color:#888;padding: 0;line-height: 20px;padding: 0 10px 0 0;} #videopage .video .video-top ul{overflow: hidden;margin: 0;padding: 0;display: block;} #videopage .video .video-top ul li{float: left;list-style: none;} .clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;} .clearfix {display: inline-block;} .clearfix {display: block;} #videopage .video .video-splitter{ /* background: url("../images/splitter.png") no-repeat center bottom;*/ } #popupvideodiv{position: fixed; top: 175px !important; left: 0px; width: 68%; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #D1D1D1; padding: 10px 15px; z-index: 101; -webkit-box-shadow: 3px 3px 10px #6F6D6D !important; -moz-box-shadow: 1px 2px 3px #6f6d6d !important;} #videoTitletd{color: #666; font-size: 22px !important; line-height: 23px !important; font-weight: normal; text-align: left; padding: 10px 0px 5px;} #vidsourceTd{text-align: center;width: 100%;clear: both;padding:15px 0 0 0;min-height: 400px;} #videopage .video .video-upside{position: relative;margin-top: -15px;} .showmoreless{ margin:-20px 0 0 0; position:relative; float: right;} .clsvideo{position: relative; margin: 10px 10px 0 0;padding: 5px;border-radius: 3px;} .clsvideo:hover{background: #ccc;} img.tsprite{background: url("../img/tour-sprite.png") no-repeat;width: 55px;height: 45px;} img.ts1{background-position: 0 0;} img.ts2{background-position: -81px 0;} img.ts3{background-position: -161px 0;} img.ts4{background-position: -242px 0;} img.ts5{background-position: -322px 0;} img.ts6{background-position: -403px 0;} img.ts7{background-position: 0 -65px;} img.ts8{background-position: -81px -65px;} img.ts9{background-position: -161px -65px;} img.ts10{background-position: -242px -65px;} img.ts11{background-position: -322px -65px;} img.ts12{background-position: -403px -65px;} img.ts13{background-position: 0 -131px;} img.ts14{background-position: -81px -131px;} img.ts15{background-position: -161px -131px;} img.ts16{background-position: -242px -262px;} img.ts17{background-position: -322px -262px;} img.ts18{background-position: -403px -262px;} img.ts19{background-position: -242px -131px} img.ts20{background-position: -322px -131px;} img.ts21{background-position: -403px -131px;} img.ts22{background-position: 0 -196px;} img.ts23{background-position: -81px -196px;} img.ts24{background-position: -161px -196px;} img.ts25{background-position: -242px -196px;} img.ts26{background-position: -322px -196px;} img.ts27{background-position: -403px -196px;} img.ts28{background-position: 0 -262px;} img.ts29{background-position: -81px -262px;} img.ts30{background-position: -161px -262px;} #videopage .bouncing_menu{width:100%;display: block;} #videopage .bouncing_menu a{width:20%;float:left} #videopage .bouncing_menu a{background: none;height: 110px; margin: 0; padding: 0 16px 0 0; width: 100px;text-align: center; color: #999; text-decoration: none; -webkit-transition:color .8s ease-in; -moz-transition:color .8s ease-in; -o-transition:color .8s ease-in; transition:color .8s ease-in;display: block;} #videopage .bouncing_menu a:hover{color:#000;} #videopage .bouncing_menu a img{background-image: url("../img/video-features.png"); display: block; height: 88px; margin: 0; padding: 0; text-indent: 0; width: 100px;background-repeat: no-repeat;} #videopage .bouncing_menu a img{-webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out;} #videopage .bouncing_menu a:hover img{margin-top:-15px;margin-bottom:15px;} #videopage .bouncing_menu a img.vd1{background-position: -181px 7px;} #videopage .bouncing_menu a img.vd2{background-position: -280px 7px;;} #videopage .bouncing_menu a img.vd3{background-position: 17px 7px;} #videopage .bouncing_menu a img.vd4{background-position: -82px 7px;} #videopage .bouncing_menu a img.vd5{background-position: -325px 5px;} .greytxt{color: #999999; text-align: center; text-decoration: none;} /** Ends New Css for Video Tour Page **/ /** New Css for features page sprite**/ #features .features-box{padding: 55px 0 35px; background: url("../img/features-divider.jpg") no-repeat top center; } #features .features-bg{position:relative; background:#f2f3f3; background:-webkit-linear-gradient(top, rgba(254,254,254,0.95), rgba(248,248,248,0.95)); background: -moz-linear-gradient(top, rgba(254,254,254,0.95), rgba(248,248,248,0.95)); background: -ms-linear-gradient(top, rgba(254,254,254,0.95), rgba(248,248,248,0.95)); background: -o-linear-gradient(top, rgba(254,254,254,0.95), rgba(248,248,248,0.95)); background: linear-gradient(top, rgba(254,254,254,0.95), rgba(248,248,248,0.95)); background-size:100% 100%;} #features .features-box a.fet-img { display: block; overflow: hidden; cursor: pointer; margin: 0px 0px 0 0; } #features .features-box .fet-cont {height: auto; padding: 30px 0 0 0; width: 418px;} #features .features-box .fet-cont h3 {color: #666; font-size: 24px; font-weight: normal; margin-bottom: 20px; padding-bottom: 5px; text-align: left;} #features .features-box .fet-cont p {text-align: justify; line-height: 20px; font-size: 14px; padding-bottom: 5px; color: #888; padding-right: 15px;} #features .bouncing_menu { width: 100%; } #features .more-features {padding:20px 0 0; background: url("../img/features-divider.jpg") no-repeat top center;} #features .more-features h3{color: #666;} #features .features-nav .bouncing_menu {width: 100%;padding:10px 0 20px;} #features .more-features .bouncing_menu {width: 100%;overflow: hidden;} #features .bouncing_menu a{float:left} #features .bouncing_menu a{background: none;height: auto;margin: 0;width: 85px;text-align: center;color: #999; text-decoration: none;} #features .bouncing_menu a{-webkit-transition:color .8s ease-in; -moz-transition:color .8s ease-in; -o-transition:color .8s ease-in; transition:color .8s ease-in;} #features .bouncing_menu a:hover{color:#000;} #features .features-nav .bouncing_menu a{padding: 10px 5px 10px; width: 107px; font-size: 14px; text-align: center; margin: 0px 13px 10px; position: relative; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;} #features .features-nav .bouncing_menu a:before, #features .features-nav .bouncing_menu a:after { content: ''; z-index: -1; position: absolute; left: 8px; bottom: 10px; width: 70%; max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */ max-height: 100px; height: 55%; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg); } #features .features-nav .bouncing_menu a:after {left: auto;right: 10px; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg); } #features .more-features .bouncing_menu a{width: 100px;padding: 15px 4px 20px;height:auto;font-size: 12px;color: #999;} #features .more-features .bouncing_menu a:hover{color:#000;} #features .bouncing_menu a img{background: url("../img/office-features-sprite.png") no-repeat; display: block; height: 85px; margin: 0 auto; padding: 0; text-indent: 0; width: 80px;} #features .features-box .bouncing_menu a{padding: 10px 0 0 0;display: block;width: auto;height: auto;text-align: left;} #features .features-box .bouncing_menu a span{font-weight: bold;color:#777;font-size: 14px;display: block;float: left;width:370px;padding:5px 0 0;line-height: 150%;} #features .features-box .bouncing_menu a:hover span{text-decoration: underline;} #features .features-box .bouncing_menu a span small{font-weight: normal;color:#999;font-size: 13px;display: block;} #features .features-box .bouncing_menu a:hover span small{text-decoration: none;} #features .features-box .bouncing_menu a ins.vf1{background-position: -1px 4px;} #features .features-box .bouncing_menu a ins.vf2{background-position: -56px 4px;} #features .features-box .bouncing_menu a ins.vf3{background-position: -107px 4px;} #features .features-box .bouncing_menu a ins.vf4{background-position: -155px 3px;} #features .features-box .bouncing_menu a ins.vf5{background-position: -208px 3px;} #features .features-box .bouncing_menu a ins.vf6{background-position: -264px 3px;} #features .features-box .bouncing_menu a ins.vf7{background-position: -317px 3px;} #features .features-box .bouncing_menu a ins.vf8{background-position: -369px 3px;} #features .features-box .bouncing_menu a ins.vf9{background-position: -420px 3px;} #features .features-box .bouncing_menu a ins.vf10{background-position: -2px -45px;} #features .features-box .bouncing_menu a ins.vf11{background-position: -52px -45px;} #features .features-box .bouncing_menu a ins.vf12{background-position: -109px -45px;} #features .features-box .bouncing_menu a ins.vf13{background-position: -168px -47px;} #features .features-box .bouncing_menu a ins.vf14{background-position: -222px -47px;} #features .features-box .bouncing_menu a ins.vf15{background-position: -274px -46px;} #features .features-box .bouncing_menu a ins.vf16{background-position: -330px -49px;} #features .features-box .bouncing_menu a ins.vf17{background-position: -377px -48px;} #features .features-box .bouncing_menu a ins.vf18{background-position: -463px 4px;} #features .features-box .bouncing_menu a ins.vf19{background-position: -511px 4px;} #features .features-box .bouncing_menu a ins.vf20{background-position: -555px 4px;} #features .features-box .bouncing_menu a ins{display: block; float: left; background: url("../img/features-gray-icons.png") no-repeat; width: 48px; height: 45px;} #features .bouncing_menu a img{-webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out;} #features .bouncing_menu a:hover img{background-position: 2px 10px;margin-top:-15px;margin-bottom:15px;} #features .bouncing_menu a img.vd1{background-position: 2px 10px;} #features .bouncing_menu a img.vd2{background-position: -92px 10px;} #features .bouncing_menu a img.vd3{background-position:-186px 10px;} #features .bouncing_menu a img.vd4{background-position:-282px 10px;} #features .bouncing_menu a img.vd5{background-position: -377px 10px;} #features .bouncing_menu a img.vd6{background-position: -475px 10px;} #features .bouncing_menu a img.vd10{background-position: -567px 10px;} #features .bouncing_menu a img.vd7{background-position:0px -84px;} #features .bouncing_menu a img.vd8{background-position:-93px -84px;} #features .bouncing_menu a img.vd9{background-position: -188px -84px;} #features .bouncing_menu a img.vd11{background-position: -283px -84px;} #features .bouncing_menu a img.vd12{background-position: -378px -84px;} #features .bouncing_menu a img.vd13{background-position:-475px -84px;} #features .bouncing_menu a img.vd14{background-position:-565px -84px;} #features .bouncing_menu a img.vd15{background-position: 0px -184px;} #features .bouncing_menu a img.vd16{background-position: -661px 13px;} /** Ends New Css for features page sprite**/ /** Css for faq Page **/ #faq{border-bottom:dashed 1px #ddd;padding-top: 30px;} #faq h4{padding: 10px 0 10px 25px; border-top: dashed 1px #ddd; cursor: pointer; line-height: 130%; background: url("/docs/img/zoho-office-faq-close.png") no-repeat 7px 17px;} #faq h4:hover{text-decoration: underline;} #faq div.dropBox{padding: 20px;} #faq p, #faq li{color:#333;} #faq .faq-open{background:url("/docs/img/zoho-office-faq-open.png") no-repeat 7px 17px;font-weight: bold;color:#333;} /** Ends Css for faq Page **/ /* Form page styles */ .finte { font-size: 12px; width: 470px; } .formtxtbox{ background: none repeat scroll 0 0 white; border-color: #D2D2D2 #EEEEEE #EEEEEE; border-radius: 1px 1px 1px 1px; border-style: solid; border-width: 1px; margin: 0 0 15px 15px; padding: 5px 8px; } .loform .button1 { margin-left: 20px; } .button1 { background: none repeat scroll 0 0 #588020; border: 1px solid #556600; color: #FFFFFF; cursor: pointer; font-size: 14px; font-weight: normal; margin: 0 0 0 0; padding: 7px 20px; } .loform { float: left; margin-right: 22px; padding: 30px 15px; width: 520px;background:#f6f6f6;} /* end lp logout page styles */ .login-agn { border-top: 1px solid #EEEEEE; clear: both; padding: 60px 30px 30px 30px; text-align: center; } .logutm { width:100%; float:left; margin-bottom:30px} .login-agn span a { background-color: #820c00; border: 0 none; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-size: 17px; font-weight: bold; outline: medium none; padding: 7px 14px; text-decoration: none; } /* End of Form page styles */ /** Css for pricing page Customizations **/ .pt .true h2 {border-radius: 0 0 0 0;padding: 27px 0 5px;} .IP #fetpage h2 {line-height: 25px;color: #666;font-weight: normal;font-size: 24px;} .IP #fetpage p{ font-size: 15px; line-height: 24px; color: #666; } .IP #fetpage p a{ font-size: 13px; line-height: 24px; color: #333; } /** Css for pricing page Customizations **/ #popupimagediv{ position:absolute; top:0px; left:0px; width:68%; /*height:430px;*/ background-color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #7eabd4; padding:2px; z-index:101;-webkit-box-shadow:3px 3px 10px #6f6d6d !important;-moz-box-shadow:1px 2px 3px #6f6d6d !important;} /** docs logout page style start **/ .iconpan {border-right: 1px solid #DDDDDD; float: left; margin-bottom: 80px; margin-right: 50px; padding: 0 18px 0 0;} .iconpan { margin-top: 15px; } .iconbox { float: left; height: 150px; padding: 10px; text-align: center; width: 150px; } .feedback1 { background-position: right top; } .feedback1, .idea, .testimonial, .survey { background-image: url("/docs/img/l-s.png"); height: 96px; width: 96px; } .feedback1 {background-position:right top;} .idea{background-position:right -188px;} .survey{background-position:right 0px;} .testimonial{background-position:right -93px;} .t1,.lin1,.fac1{background:url("/docs/img/s-n.gif"); float: left; background-repeat:no-repeat; height: 59px; margin-right: 25px;} .t1{ width: 115px;} .fac1{background-position: -128px 0; width: 104px;} .lin1{background-position: -254px 0; width: 96px;} /** docs logout page style end **/ /** Css for Contacts page **/ #contacts{float: left;width: 250px;} #contacts h3{border-bottom: 1px dashed #ccc; margin-bottom: 20px;padding-bottom: 5px;} #contacts p.mail{background:url("/docs/img/contact-mail.png") no-repeat;padding:0px 0 20px 45px;} #contacts p.phone{background:url("/docs/img/contact-phone.png") no-repeat; min-height: 45px;padding: 5px 0 20px 45px;} /** Ends Css for Contacts page **/ /** css for presentations p[age **/ .qt, .aw {border-color: #EAEAEA; border-style: solid; border-width: 1px 1px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin-bottom: 34px; margin-right: 25px;} .qt h4, .aw h4 { background: #eee; font-size: 13px; padding: 5px 10px; } .aw a, .qt a {background-position:-327px 0; display: block; height: 183px; margin: 12px; text-indent: -999em; width: 325px; background-image: url("/docs/presentation/images/zoho-show-sprite.png"); background-repeat: no-repeat;} .qt a { background-position: 0 0; } .pre-fet-con li {float: left; display: block; padding-bottom: 10px; height: 150px; width: 330px; margin-right: 30px;} .pre-fet-con li span{color: #333; font-weight: bold; height: 27px; left: 0; padding: 4px 0 0 9px; position: absolute; width: 20px; background: #eee; margin: -5px 0 0 0; border-radius: 3px;} .pre-fet-con li span b { margin: 4px 5px; display: block; } .pre-fet-con li span.num-bg{color: #333; font-weight: bold; height: 26px; left: 355px; padding: 4px 0 0 9px; position: absolute; width: 20px; background: #eee; margin: -5px 0 0 6px; border-radius: 3px;} /** Ends css for presentations p[age **/ /** css for Whats New page **/ #watsnew{width: 875px !important;margin: 0 auto;overflow: hidden;float: none;} #watsnew h1{border-top:1px solid whiteSmoke;padding:40px 0px;width:800px;margin:0 auto;text-align: center;font-size: 30px;clear:both;} #integration{width: 755px !important;margin: 0 auto;overflow: hidden;float: none;} #integration h1{padding:40px 0px;width:800px;margin:0 auto;text-align: center;font-size: 30px;clear:both;} #integration .nb1{border-bottom:2px solid whiteSmoke;padding-bottom: 30px;margin-bottom: 20px} /** Ends css for Whats New page **/ /** Starts css for Getting Started Guide Page **/ .new-mid{background: url("../img/help-divider.png") no-repeat top center;} .new-block { /**border-bottom: 1px solid #F5F5F5; **/ margin-bottom: 25px; padding-top: 22px; padding-bottom: 30px; overflow:auto; } .new-block-bdr { border-bottom: 1px dashed #E2E2E2; } .new-block h1 { color: #666666; font-size: 30px !important; padding-bottom: 30px; text-align: center; border: none !important; font-weight: 300 !important; } .new-block ul li{list-style: decimal;} .new-block-lft {width:52%;margin: 10px 0;} .new-block-rgt {width:46%;padding-top: 20px;margin: 10px 5px;} .new-block-rgt a{display: block;width:299px;height:224px;border-radius: 3px;cursor: pointer;-webkit-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.3);box-shadow: 0px 1px 7px rgba(50, 50, 50, 0.3);} .new-block-rgt a:hover{-webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.45);-moz-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.45);box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.45);} .new-block-rgt a img{width: 299px;height: 224px;} .new-block-rgt a span{background: url("../img/docs-guide-thump.png") no-repeat center center;position: absolute;width: 299px;height: 224px;background-position: -240px 70px;} .new-block-rgt:hover a span{background-position:103px 70px;} .new-block-lft h2, .new-block-rgt h2 {font-size: 20px;font-weight: bold;line-height: 1.3;color: #666;padding-bottom: 20px;margin: 0 !important;border: none !important;font-size: 24px !important;letter-spacing: -.5px !important;font-weight: 300 !important;} .new-block-lft p, .new-block-rgt p { font-size:16px; font-weight:normal; line-height:1.5; text-align:left;} .nextstep{background: #F4F4F4; clear: right; float: right; margin: 15px 0 0px; padding: 10px 15px; width: 725px; border-radius: 4px;} .nextstep h6{ font-size: 13px; font-weight:normal; } .nextstep h6{ font-size:15px; } .nextstep a{ color: #005CA1; text-decoration:none; margin:0 5px; } .nextstep a:hover{ border-bottom:1px solid; text-decoration: none !important; } /** Ends css for Getting Started Guide Page **/ /** Starts css for docs 3.0 page**/ .new-mid1{width:980px;margin: 0 auto;} .new-block1 { margin-bottom: 25px; padding-top: 25px; padding-bottom: 70px; overflow:auto; background: url("../img/splitter-features3.png") no-repeat bottom center; } .dropbox_integration .new-block1, .docs_desktop .new-block1, .zoho_writer .new-block1 { background: none;} .new-block1 h1 { color: #666666; font-size: 30px !important; padding-bottom: 30px; text-align: center; border: none !important; font-weight: 300 !important; } .new-block-lft1 {width: 42%;margin: 50px 0 0 35px;} .new-block-lft12 {margin:50px 35px 0 0;} .new-block-rgt1 {width:53%;padding-top: 20px;margin: 10px 5px;} .new-block-rgt1 a{display: block;border-radius: 3px;cursor: pointer;} .new-block-rgt1 a img{width: 458px;height: 322px;} .new-block-rgt1 img{width: 458px;height: 322px;} .new-block-rgt1 a span{background: url("../img/docs-guide-thump.png") no-repeat center center;position: absolute;width: 299px;height: 224px;background-position: -240px 70px;} .new-block-rgt1:hover a span{background-position:103px 70px;} .new-block-lft1 h2, .new-block-rgt1 h2 {font-size: 28px;font-weight: bold;line-height: 36px !important;color: #222;padding-bottom: 20px;margin: 0 !important;border: none !important;letter-spacing: -.5px !important;font-weight: 300 !important;} .new-block-lft1 p, .new-block-rgt1 p { font-size:16px; font-weight:normal; line-height:1.5; text-align:left;color:#777 !important} /** Ends css for docs 3.0 page**/ /** New Css for Screen Tour Page!! **/ .getstarttxt1 { font-size:12px; color:#000000; line-height:20px; } #ui-container1{display: block; overflow: hidden;} .docs-topband1 a span { color: #5B5B5B; } .docs-topband1 span { color: #B5B5B5; float: left; line-height: 22px; padding: 0 3px; font-size: 12px; } .docs-topband1 a { color: #5B5B5B; line-height: 22px; float:left; padding: 0 5px; } .docs-topband1 { float: right; } .headerband1 {} #ui-container1 .headerbandtitle1 {color: #333; padding: 15px 0px; font-size: 22px; margin-bottom: 15px; line-height: 30px; font-weight: normal;border-top: 4px solid #EFEFEF;} #paginationleft2 { float: right; position: relative; margin: -62px 54px 0 0px; } #paginationleft2 img { opacity: .8;} #paginationright2 { float: right; position: relative; margin: -62px 0px 0 0px; } #paginationright2 img { opacity: .8;} #paginationleft2 img:hover{opacity: 1;} #paginationright2 img:hover{opacity: 1;} #paginationright2 img.disabled, #paginationleft2 img.disabled{opacity: .3;cursor: none;} #paginationright2 img.disabled:hover, #paginationleft2 img.disabled:hover{opacity: .3;} #imgsourceTd2 { } #imgsourceTd2 { text-align: center; } #explorerScreenshotdiv3 { overflow: hidden; min-height: 450px; } #ui-container1 .imgs{width: 635px; float: left;} #ui-container1 .imgs img{max-width: 626px;} #ui-container1 .right-cnt{width: 335px; float: right; padding: 8px 0 0 10px;text-align: justify;} #ui-container1 .right-cnt h4{font-weight: normal; color: #555; font-size: 19px;} #ui-container1 .right-cnt ul li{list-style-type: decimal;} #thumbs ul {clear: both; display: block; padding: 0; margin:0; overflow: hidden;} #thumbs ul li{list-style: none; display: block; float: left; background: #f9f9f9; border-radius: 2px; padding: 0px; margin: 15px 10px 15px 0; cursor: pointer; } #thumbs ul li.highlight{} #thumbs ul li.highlight span{ color: #333; background: #eee; } #thumbs ul li:hover span{ color: #333; background: #efefef; } #thumbs ul li:hover img{border: 4px solid #bbb;} #thumbs ul li:last-child{margin:15px 0 15px 0px;} #thumbs ul li span{display: block;text-align: center;padding:4px 0 2px 0;color:#333;font-size: 15px;border-bottom: none;} #thumbs ul li img{width: 147px; border: 4px solid #DDD;height: 90px;} #thumbs ul li.highlight img{border: 4px solid #AAA;} /** Css Ends for Screen Tour Page!! **/ /** Css for Resources Page Starts **/ #resources {overflow: hidden;} #resources .resources-box{height: auto;width: 460px;overflow: hidden;display: block;margin-bottom: 30px;} #resources .resources-box a{padding: 5px 5px;margin:35px 0 0;display: block;width: auto;height: 108px;text-align: left;text-decoration: none;} #resources .resources-box a span{font-weight: normal;color:#333;font-size: 20px;display: block;float: left;width:330px;padding:5px 0 0;line-height: 150%;text-decoration: none;} #resources .resources-box a:hover{background: #f0f0f0;border-radius: 5px;} #resources .resources-box a:hover span{text-decoration: underline;} #resources .resources-box a small{font-weight: normal;color:#999;font-size: 14px;display: block;line-height: 18px;} #resources .resources-box a:hover small{text-decoration: none;} #resources .resources-box a ins.vf1{background-position: -14px -2px;} #resources .resources-box a ins.vf2{background-position: -13px -115px;} #resources .resources-box a ins.vf3{background-position: -12px -248px;} #resources .resources-box a ins.vf4{background-position: -10px -489px;} #resources .resources-box a ins.vf5{background-position: -170px 0px;} #resources .resources-box a ins.vf6{background-position: -172px -116px;} #resources .resources-box a ins.vf7{background-position: -172px -246px;} #resources .resources-box a ins.vf9{background-position: -172px -378px;} #resources .resources-box a ins.vf10{background-position: -13px -376px;} #resources .resources-box a ins.vf11{background-position: -172px -490px;} #resources .resources-box a ins{display: block; float: left; background: url("../img/resource-icons.png") no-repeat; width: 95px; height: 95px;margin-right: 10px;} #resources p.social{padding: 5px 5px;margin: 14px 250px;width: 450px;height: 100px;text-align: left;text-decoration: none;overflow: hidden;clear: both;display: block;} #resources p.social span{font-weight: normal;color:#333;font-size: 20px;display: block;float: left;width:330px;padding:5px 0 0;line-height: 150%;text-decoration: none;} #resources p.social:hover{background: #f0f0f0;border-radius: 5px;} #resources p.social:hover span{text-decoration: none;} #resources p.social small{font-weight: normal;color:#999;font-size: 14px;display: block;line-height: 20px;padding-bottom: 5px;} #resources p.social:hover small{text-decoration: none;} #resources p.social small a{background: none;padding:0;margin:0;height:10px;display: inline;line-height: 30px;text-decoration: underline;font-size: 16px;color: #777;} #resources p.social small a:hover{background: none;padding:0;margin:0;color: #000;} #resources p.social ins.vf8{background-position: -172px -602px;} #resources p.social ins{display: block; float: left; background: url("../img/resource-icons.png") no-repeat; width: 95px; height: 95px;margin-right: 10px;} /** Css for Resources Page Ends **/ /** Css for Drive Page starts**/ #box12 { position: relative; width: 90%; -moz-border-radius: 4px; border-radius: 4px; padding: 25px 20px 40px; color: rgba(0,0,0, .8); text-shadow: 0 1px 0 #fff; line-height: 1.5; margin: 60px auto; background:#fbfbfb url("../img/zdrive-watermark.png") no-repeat bottom center; } #box12:before, #box12:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 11px 7px rgba(0,0,0, 0.3); -moz-box-shadow: 0 11px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 11px 7px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } #box12:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } #box12 h1{font-size: 30px; line-height: 40px; text-align: center; margin-bottom: 25px; font-weight: bold; color: #777;} #macicon,#windowsicon,#ubuntuicon{background: url("../img/osicons.png") no-repeat; height: 35px; display: block; float: left; padding:0 10px 0 35px; line-height: 35px;opacity: .5;text-decoration: none;cursor: pointer;} #macicon{background-position: -3px -6px;} #windowsicon{background-position:-4px -37px;} #ubuntuicon{background-position:-4px -69px;} .osselect a:hover{opacity: 1 !important;} .osselected{opacity: 1 !important;} .osselect{float: right;width:490px;height:40px;font-size: 14px;} .osselect strong{float: left;font-weight: normal;line-height: 35px;} .pr {top: 42px !important;right:-4px !important;} table#downdocs{margin: 0 !important;padding: 0;width:100%;} table#downdocs{background: #ccc;border-spacing: 1px;} table#downdocs th,table#downdocs td{background: #fff;} table#downdocs th{background: #f5f5f5;height:48px;font-size: 18px;font-weight: normal;} table#downdocs td{height: 68px;padding: 0 20px 0 20px;line-height: 150%;} table#downdocs td.spl{height:136px;} table#downdocs td.sp2{height:136px;padding: 0;} table#downdocs1{margin: 0 !important;padding: 0;width:100%;border: none;border-spacing: 0;} table#downdocs1 td{height:68px;border: 1px solid #eee;border-collapse: collapse;} table#downdocs .first{font-size: 16px;} #ub1:hover,#ub2:hover,#wn:hover,#mc:hover{background: #f2f9f9 url('../img/download-icon.png') no-repeat 236px center;cursor: pointer;} table#downdocs td.seled{background: #eee url('../img/download-icon.png') no-repeat 236px center;cursor: pointer;} table#downdocs td.seled:hover{background: #f2f9f9 url('../img/download-icon.png') no-repeat 236px center;} table#downdocs a{display: block;} /** Css for Drive Page Ends**/ /** Css for Mobile Apps Page Starts**/ #mobileapps .appscatogery{width:50%;text-align: center;height:625px;} #mobileapps .appscatogery .inapp {} #mobileapps .appscatogery .inapp .apptop span{text-align: left;float: left;} #mobileapps .appscatogery .inapp .apptop h3{text-align: left;font-size: 24px;line-height: 30px;padding: 5px 0;margin: 0;} #mobileapps .appscatogery .inapp .apptop .applinks {text-align: left;float: right;margin: -40px 0 0 0;position: relative;} #mobileapps .appscatogery .inapp .apptop .applinks a{margin:0 0 0 5px;} #mobileapps .appscatogery .inapp p{text-align: left;clear: both;padding-top: 20px;} #mobileapps .appscatogery .inapp a{color:#333;} #onthego1 h2{color:#333;font-size: 36px;line-height: 120%;margin-bottom: 10px;font-weight: bold;} #onthego1 p{color:#777;font-size: 14px;} #onthego1 .on-iphone1 {padding-right: 58%;width: 42%;background: url(../img/iphone-zoho-docs-app.png) no-repeat bottom right;margin: 40px 0 0;background-size: 58% !important;} #onthego1 .on-iphone1 h3{color:#333;background: url(../img/zoho-docs-iphone-app.png) no-repeat;height: 52px;line-height: 120%;margin-bottom: 30px;padding-left: 90px;padding-top: 28px;font-size:24px;} #onthego1 .on-iphone1 h3 span{display:block;color:#666;font-size: 18px;line-height: 120%;} #onthego1 .on-iphone1 ul{margin: 10px 0 20px;} #onthego1 .on-iphone1 ul li{list-style:none;margin: 0;padding: 0 0 15px 24px;line-height: 130%;position: relative;} #onthego1 .on-iphone1 ul li:before, #onthego1 .on-iphone1 ul li:before {content: '\2219';font-size: 60px;position: absolute;top: 1px;left: 0px;font-family: "Times New Roman";font-style: normal;color: #ccc;} #onthego1 .on-iphone1 a{padding-top: 10px;text-align: left;display: inline-block;} #onthego1 .showmoteimg {background: url(../img/showmote-img.png) no-repeat bottom right;} #onthego1 .docscannerimg {background: url(../img/docscanner-img.png) no-repeat bottom right;} #onthego1 .writerimg {background: url(../img/zoho-writer-mac.jpg) no-repeat right 200px;} #onthego1 .on-iphone1 h3.docscanh3{background: url(../img/docscan-iphone.png) no-repeat;} #onthego1 .on-iphone1 h3.writerh3{background: url(../img/zoho-writer-mac-logo.jpg) no-repeat;} #onthego1 .on-iphone1 h3.showmoteh3{background: url(../img/showmote-iphone.png) no-repeat;} #onthego1 .firstdraftimg {background: url(../img/firstdraft-img.png) no-repeat bottom right;} #onthego1 .firstdraftimg2 {background: url(../img/android-zoho-docs-app1.png) no-repeat bottom right;} #onthego1 .on-iphone1 h3.firstdrafth3{background: url(../img/first-draft-icon.png) no-repeat;} #onthego1 .docommentimg {background: url(../img/docomment-img.png) no-repeat bottom right;height:500px;} #onthego1 .on-iphone1 h3.docommenth3{background: url(../img/docomment-icon.png) no-repeat;} #onthego1 .on-android1 {background: url(../img/android-zoho-docs-app.png) no-repeat bottom left;/* border-top: 1px dashed #CCCCCC; */margin: 40px 0 75px;padding-left: 55%;width: 45%;height:450px;background-size: 58% !important;} #onthego1 .on-android1 h3{color:#333;background: url(../img/zoho-docs-android-app.png) no-repeat;font-size: 24px;height: 52px;line-height: 120%;margin-bottom: 30px;padding-left: 90px;padding-top: 28px;} #onthego1 .on-android1 h3 span{display:block;color:#666;font-size: 18px;line-height: 120%;} #onthego1 .on-android1 ul{list-style:square;margin: 10px 0 20px;} #onthego1 .on-android1 ul li{list-style:none;margin: 0;padding: 0 0 15px 24px;line-height: 130%;position: relative;} #onthego1 .on-android1 ul li:before, #onthego1 .on-android1 ul li:before {content: '\2219';font-size: 60px;position: absolute;top: 1px;left: 0px;font-family: "Times New Roman";font-style: normal;color: #ccc;} #onthego1 .on-android1 a{padding-top: 10px;text-align: right;display: inline-block;} #onthego1 .appdivider{background: url(../img/app-divider.png) no-repeat center center;height:5px;width:100%;} #onthego1 .on-android1 h3.showmoteanh3{background: url(../img/showmote-android-ap.png) no-repeat;} #onthego1 .showmoteand{background: url(../img/showmote-android-app.png) no-repeat;} #onthego1 .more-features {padding:20px 0 0;background: url("../img/features-divider.jpg") no-repeat top center;} #onthego1 .more-features h3{color: #666;} #onthego1 .features-nav .bouncing_menu {width: 100%;padding:10px 0 20px;} #onthego1 .more-features .bouncing_menu {width: 100%;overflow: hidden;text-align: center;} #onthego1 .more-features .bouncing_menu a{width: 100%;width: 100px;padding: 15px 15px 0px;height:auto;font-size: 13px;color: #999;display: inline-block;text-decoration: none;} #onthego1 .more-features .bouncing_menu a:hover{color:#000;} #onthego1 .more-features .bouncing_menu a img{background: url("../img/zoho-docs-mob-apps.png") no-repeat;display: block;height: 99px;margin: 0 auto;padding: 0 0 8px;text-indent: 0;width: 99px;} #onthego1 .more-features .bouncing_menu a img.ma1{background-position: -126px 0;} #onthego1 .more-features .bouncing_menu a img.ma2{background-position: -261px 0;} #onthego1 .more-features .bouncing_menu a img.ma3{background-position: -396px 0;} #onthego1 .more-features .bouncing_menu a img.ma4{background-position: 0 -1px;} #onthego1 .more-features .bouncing_menu a img.ma5{background-position: -525px 0;width: 102px;} #onthego1 .more-features .bouncing_menu a img.ma6{background-position: -665px 0;} /** Css for Mobile Apps Page Ends**/ /** Css for Docs Api Page Starts**/ #docsapi table { border: 1px solid #bbb; border-spacing: 0; border-collapse: collapse; margin: 0 0 1.5em; } #docsapi table th, #docsapi table td { padding: 6px 10px; } #docsapi table td { border: 1px solid #bbb; vertical-align: top; } #docsapi h1{clear: both; border-bottom: 3px solid #eee; padding: 25px 0 10px; margin-bottom: 15px;} #docsapi table th {color: #333; border: 1px solid #bbb; background-color: #eee; font-weight: normal; } #docsapi h5{font-size: 18px;clear: both;} #docsapi .apiresponce{background: #F4F4F4; border: 1px dotted #bbb; margin: 0 0 20px 0; padding: 20px; font-size: 13px; line-height: 24px;} /** Css for Docs Api Page Ends**/ /** Css for Docs Desktop Sync Page Starts**/ #syncdocs .video-banner { margin-bottom: 20px; background: #f2f1f1; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f2f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f2f1f1)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f2f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f2f1f1 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f2f1f1 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #ffffff 0%,#f2f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -moz-box-shadow: 0 0 1px #cacaca; -webkit-box-shadow: 0 0 1px #CACACA; box-shadow: 0 0 1px #CACACA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #syncdocs .video-banner h3 { color: #262626; font-size: 20px; font-weight: bold; margin: 15px 0 0 5px; padding-bottom: 5px; text-align: left; text-shadow: 0 1px 0 white; text-transform: uppercase; line-height: 150%; } #syncdocs .video-banner .video-cont { height: 250px; padding: 15px 0 15px 25px; width: 355px; } #syncdocs .video-banner p { text-align: left; line-height: 20px; text-shadow: 0 1px white; font-size: 14px; padding: 25px 20px; } #syncdocs .video-banner a { display: block;text-indent: -9999px; width: 350px; height: 280px; cursor: pointer; margin: 8px 25px 8px 0px; background-image: url("../images/gallery/zoho-docs-desktop-app.png"); background-position: 0 0px; } #syncdocs .para{margin: 50px 0;} #syncdocs p img{margin-top: -40px;} #syncdocs .nb1 {border-bottom: 1px dashed #ccc;padding-bottom: 25px;margin-bottom: 45px;} #syncdocs .mod9 {background: none;margin-bottom: 10px;padding-bottom: 10px;border: none;} #syncdocs h2 {font-size: 28px;} #syncdocs .sbtn{background: #D82133; box-shadow: 0 1px 4px #A9A7A7; -moz-box-shadow: 0 1px 4px #A9A7A7; -webkit-box-shadow: 0 1px 4px #A9A7A7; color: #fff; font-weight: 600; font-size: 14px; width: 150px; margin: 10px 70px 0; border: none;height:35px;cursor: pointer;} /** Css for Docs Desktop Sync Page Ends**/ /** Css for Download Docs Desktop Sync Page Starts**/ #page-content { margin-bottom: 50px; /**padding-bottom: 2em; min-height: 425px;**/ } #downloading-header h1 { font-weight: bold; margin: 0; font-size: 320%; line-height: 100%; } #downloading-header p { font-size: 130%; margin: 5px 0; } #downloading-container { background: none repeat scroll 0 0 #F2FCFF; border: 1px dashed #C5EBF9; margin: 40px 45px 50px; } #downloading-header { background: url("/docs/images/choose-what-you-sync1.png") no-repeat center left; padding: 15px 0 15px 225px; width: 550px; margin: 0 auto; } #downloading-header h1 { font-weight: 400; color: #3B799F; font-size: 24px; margin: 0; padding-bottom: 5px; padding-top: 20px; letter-spacing: -1px; text-indent: -3px; } #downloading-header p { font-size: 105%;} #steps-container { width: 866px; margin: 0 auto 25px auto; background: url("/docs/images/arrows.png") no-repeat -50px 75px; } #steps-container table#steps { width: 100%; border-collapse: collapse; margin-left: 13px; margin-bottom: 0; } #steps-container table#steps tr td { width: 250px; vertical-align: top; } #steps-container table#steps tr td h2{font-size: 14px;padding-top: 3px; padding-bottom: 5px; margin-bottom: 4px;font-weight: 600;} #steps-container table#steps tr td p{font-size: 13px; line-height: 20px; padding-right: 50px;} #steps-container table#steps tr td.middle { padding: 0 20px; } #steps-container table#steps tr td .screenshot { margin: 0 0 10px 0; } #steps-container table#steps tr td .screenshot img { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); border: 1px solid #ddd; } #steps-container table#steps tr td .screenshot.ie img { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #more-help { text-align: center; color: #888; } #locale-container { position: relative; float: right; margin-top: 20px; margin-right: 16px; min-width: 50px; max-width: 200px; } #locale-container img { vertical-align: middle; } #locale-container img.s_world_grey { margin: 0 2px -3px 0; } #locale-container .link-span a { margin-right: 3px; font-size: 13px; font-weight: 600; color: #767676; vertical-align: middle; } #locale-selector-modal .db-modal { width: 550px; } #locale-selector-modal table { margin-left: 36px; } #locale-selector-modal table td { vertical-align: top; } #locale-selector-modal ul { font-size: 15px; list-style: none; margin: 0; padding: 0 50px 0 0; line-height: 1.8em; } #locale-selector-modal ul li { line-height: 1.8em; } .modal-locale-link .spacer { margin-left: -5px; } .modal-locale-link .arrow { margin-bottom: 3px; } /** Css for Download Docs Desktop Sync Page Ends**/ .goto-link{ background: none repeat scroll 0 0 #D82133 !important; border-color: #D82133 !important; color: #FFFFFF !important; font-size: 15px !important; text-transform: none !important; width: 160px !important; } /** Neww Css for the New Pages **/ #downloading-container1 { background: none repeat scroll 0 0 #F2FCFF; border: 1px dashed #C5EBF9; margin: 40px 45px 20px; } .upgradebtn{ padding: 5px 10px; line-height: 28px; text-decoration: none !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #f5f5f5); line-height: 28px; text-align: center; border: 1px solid #ddd; margin: 0 5px; } #downloading-header1 { background: url("/docs/images/choose-what-you-sync1.png") no-repeat center left; padding: 15px 0 15px 100px; width: 760px; margin: 0 auto; background-size: 85px; } #downloading-header1 h1 { font-weight: 400; color: #3B799F; font-size: 24px; margin: 0; padding: 10px; letter-spacing: -1px; } .updaterbtn{ text-align: center; display: inline-block; text-decoration: none !important; width: auto; padding: 2px 15px; margin-bottom: 25px; text-transform: capitalize; background: #ed2135; box-shadow: 0 1px 4px #A9A7A7; -moz-box-shadow: 0 1px 4px #A9A7A7; -webkit-box-shadow: 0 1px 4px #A9A7A7; color: #fff; font-weight: 600; font-size: 14px; line-height: 35px; margin-top: 3px; float: none; } .updaterbtn:hover{ background: #E40C21; } .helpimgcss ol li img{ display: inline-block; text-align: center; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14); border: 1px solid #ddd; margin: 20px 20px 20px 0; } /** Neww Css for the New Pages Ends **/ /** WEbinars page CSS **/ #webinars .sub-feature {max-width: 980px;overflow: auto;padding: 15px 0;width: 100%;margin: 0 auto;overflow: hidden;background: #f9f9f9;} #webinars .sub-header {font-weight: 400;color: #333;font-size: 26px;line-height: 36px;clear: both;padding: 0 20px 5px 20px;border-bottom: solid 2px #51ad6e;width: 300px;margin: 0 auto !important;} #webinars .btm-text p {font-size: 15px;margin: 14px 0;color: #666;font-weight: 400;padding: 0;} #webinars .bdr {width: 150px;margin: 0 auto;border-top: solid 1px #ededed;height: 2px;} #webinars .three-sec .mydiv,.two-sec .mydiv{border-left: 1px dotted #DDDDDD;float: left;padding: 27px 3% 0;width: 27%;} #webinars .two-sec h1 {text-align: left;font-size: 40px;font-weight: 700;letter-spacing: -0.5px;padding-bottom: 0;line-height: 46px;margin-bottom: 25px;} #webinars .two-sec .mydiv h1 span {font-weight: 300;font-size: 40px;letter-spacing: -0.5px;display: inline-block;} #webinars .two-sec h2 {text-align: left;font-weight: 200;font-size: 28px;padding-bottom: 30px;color: #000;margin: 0;padding: 0 0 15px;} /*#webinars .two-sec h4 {color: #777;font-size: 18px;font-weight: 500;text-align: left;margin: 0;padding: 0 10px;}*/ #webinars .two-sec .ppicpart{} #webinars .two-sec .ppicpart h3 {color: #000;font-size: 16px;font-weight: 500;text-align: left;margin: 0;padding: 0px 10px 10px;} #webinars .two-sec .ppicpart .stricked{border-top: 1px solid #eaeaea;text-align: center;margin: 15px 0 0 0;padding: 0;} #webinars .two-sec .ppicpart .stricked span{background: #F9F9F9;display: block;text-align: center;position: relative;margin: -12px auto 0 !important;width: 90px;font-size: 13px;color: #999;} #webinars .two-sec .ppicpart .contentspt{float: left;margin: 15px 0;} #webinars .two-sec .ppicpart .contentspt #pic{float:left;width: 65px;height: 65px;background: url(../img/jananivivek1.jpg) no-repeat top center;background-size: 100%;border-radius: 50%; background-position:0px -2px; } #webinars .two-sec .ppicpart .contentspt #pic1{float:left;width: 65px;height: 65px;background: url(../img/chinmayee1.png) no-repeat top center;background-size: 100%;border-radius: 50%;margin-left: 15px;} #webinars .two-sec .ppicpart .contentspt #piccont{float:right;} #webinars .two-sec .ppicpart .contentspt #piccont h5 {color: #000;font-size: 13px;font-weight: 500;text-align: left;margin: 0;padding: 0 10px;line-height: 24px;margin: 12px 5px;} #webinars .two-sec ul{text-align: left; display: inline-block; overflow: hidden; margin: 0 0 10px;} #webinars .two-sec ul li{list-style: none;padding: 0;float: left;margin-bottom: 10px;} #webinars .two-sec .mydiv{width:41%;padding-top: 25px;} #webinars .sub-feature div:first-child{border:none;} #webinars .we-tab a { color: #000; font-weight:400; text-align:center; float:left; text-transform:uppercase; padding:5px 12px; border:solid 2px #d6d8d8; margin-right: 15px; font-size: 13px; line-height: 18px;text-decoration: none;cursor: pointer;} #webinars .we-tab a.clicked{border: 2px solid #0AB8AD;} #webinars .learn-more {padding: 0px;float: left;clear: both;display: inline-block;} #webinars .learn-more a {color: #fff;display: inline-block;font-size: 14px;font-weight: 600;margin-top: 10px;padding: 10px 25px;text-transform: uppercase;background: #48bbb4;margin-bottom: 20px;text-decoration: none;} #webifaq{/* border-bottom:dashed 1px #ddd; */padding-top: 30px;} #webifaq .faqcont{border: dashed 1px #ddd;margin-bottom: 15px;background: #F5F5F5;} #webifaq h4{padding: 10px 0 10px 25px;cursor: pointer;line-height: 130%;font-weight: 500;color: #999;} #webifaq h4:before{content: '+';position: relative;top: 0px;left: -13px;font-weight: normal;font-size: 110%;line-height: 1;color: #999;display: inline-block;width: 10px;} #webifaq h4.toggled:before{content: '\2013';} #webifaq div.dropBox{padding: 10px 15px;} #webifaq p, #webifaq li, #webifaq a{color:#777;} #webifaq .faq-open{background:url("/docs/img/zoho-office-faq-open.png") no-repeat 7px 17px;font-weight: bold;color:#333;} .boxeda{text-align: center;display: block;width: 225px;padding: 13px 20px;background: #F5F5F5;color: #07BAAF;border-radius: 3px;font-size: 14px;margin: 0px auto 40px;text-decoration: none !important;} /** Ends Css for faq Page **/ #accordion {width:739px; margin: 10px auto; border: 1px solid #E5E5E5; border-top:none;border-radius: 5px;border-top: 1px solid #E5E5E5;} #accordion h3{padding: 0 15px;position: relative;background: transparent;font-size: 16px;text-align: center;color: #666;} .accordion {width:739px; font:12px Verdana,Arial; color:#333;border-radius: 5px;} .accordion dt {width: 689px; padding: 8px 10px 8px 40px; cursor:pointer; background-color: #F5F5F5; background-image:url(../images/plus-minus.png); background-position: 8px 8px; background-repeat:no-repeat; color: #696969; border-top: 1px solid #E5E5E5;font-size: 14px;line-height: 20px;} .accordion dt:hover {background-color: #F5F5F5;} .accordion .open {background-color: #F5F5F5; background-image:url(../images/plus-minus.png);background-position: 9px -23px;} .accordion dd {overflow:hidden; background:#fff} .accordion dt:first-child{} .accordion dt:last-child{border-radius: 5px 5px 0 0;} .accordion ul {display:block; width: 699px; border-top:none; padding: 15px 20px;margin: 0;line-height: 25px;} .accordion ul li{display: block;} #accordion ul li a{text-decoration: none;color: #999;} #accordion ul li a:hover{text-decoration: underline;} span.zdocs-sync-ico{ background-image: url(../images/zoho-docs-sync-ico.png); height: 24px; width: 24px; display: inline-block; background-size: cover; vertical-align: middle; background-position: -3px -1px; }