/*============================Belong Project Css File========================= =======================================================*/ /*Common tag css*/ html,body{ margin:0px; padding:0px; width:100%; background:#ffffff url(./themes/site_themes/belongsurvey/images/body_bg.gif) repeat-x; } h1,h2,h3,h4,h5,h6,p,ul,form{ margin:0px; padding:0px; font-weight:normal; } * {outline:0 none;} ul{ list-style:none;} img{ border:none;} img, input,select, textarea{ vertical-align:middle;} .light_green{color:#a3da2a;} .orange{ color:#ffa300;} .blue{color:#35bbf3;} .pink{color:#f05883;} .gray{color:#b5b5b5;} .fs { font-size: 0px;} input.text { border:1px solid #e4ddcb; font:12px Arial, Helvetica, sans-serif; background:url(./themes/site_themes/belongsurvey/images/input-bg.gif) repeat-x left top; } input.submit { background:url(./themes/site_themes/belongsurvey/images/submit-bg.gif) repeat-x left top; font:12px Arial, Helvetica, sans-serif; padding:0 10px 3px 10px; color:#fff; border:none; height:19px; cursor:pointer; } .error { color:#FF0000; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:5px; } h1 { background:url(./themes/site_themes/belongsurvey/images/heading-bg.gif) no-repeat left top; width:875px; height:67px; font:35px "Myriad Pro", "Trebuchet MS"; padding:20px 0 0 28px; color:#FFFFFF; } h1 span { font:12px Arial, Helvetica, sans-serif; color:#9ebb7e; display:block; padding-right:82px; } h1 span.header-txt { color:#d5ebf5;} p { font: 12px/16px Arial, Helvetica, sans-serif; color: #6c6c6c;} /*General css*/ .wrapper{ width:922px; margin:0px auto; padding:0 0px 0 10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#434343; position: relative;} .fl{ float:left;} .fr{ float:right;} /*-------------developer2--------*/ .clr{ clear:both; height: 0px; line-height: 0px; font-size:0px;} /*-------------developer2--------*/ .mar_none{ margin:0px;} .pad_none{ padding:0px;} .bg_none{ background:none;} .mar-l-36-r-48{ margin-left:36px; margin-right:48px;} .mar-lr-35{ margin-right:35px; margin-left:35px;} .mar-r-10 {margin-right:10px;} /*Top menu css*/ .top_links{ background:url(./themes/site_themes/belongsurvey/images/top_bg.gif) no-repeat top left; height:33px; width:283px; float:right; font-family: Arial, Helvetica, sans-serif; font-size:14px; position:relative;} .top_links a{ padding:11px 11px 12px 6px; float:left;color:#fff; text-decoration:none; font-size: 12px;} .top_links a.arrow{ background:url(./themes/site_themes/belongsurvey/images/down_arrow.gif) no-repeat 100% 15px; margin-left: 0px; font-size: 12px;} .top_link_menu{ float: right; width:230px; display:none; z-index:10000; position: absolute; right:0px; top:32px;} .top_link_menu ul li{ background-color:#2d5609; height:22px; line-height:22px; padding:0 8px; color:#fff; float: left; width: 214px;} .top_link_menu ul li.alt{ background-color:#35600f; font-size: 12px;} .top_link_menu ul li.alt a { } .top_link_menu ul li.alt span.c2{ height: 25px;} .top_link_menu ul li span.link, .top_link_menu ul li span.link a{ font-family:Arial, Helvetica, sans-serif; color:#abbb9d; text-decoration:none; font-size:11px; padding:0px;} .top_link_menu ul li a{ height:22px; line-height:22px; padding:0; color:#fff; font-size: 13px;} .top_link_menu ul li a span.c1 { color: #a3da2a; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c2 { color: #ffa300; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c3 { color: #35bbf3; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c4 { color: #f05883; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c5 { color: #b5b5b5; font-weight:bold; font-size: 12px;} .top_link_menu ul li:hover{ background-color:#5e8a37; height:22px; line-height:22px; padding:0 8px; color:#fff; float: left; width: 214px;} /*Login Panel*/ /*Login Panel*/ .login { background:url(./themes/site_themes/belongsurvey/images/login_btn.gif) no-repeat top left; height:42px; width:156px; float:right; padding-top:10px; text-align:center; } .login a { color: #fff; text-decoration: none; padding-right: 8px; } .login-text{ color:#FEF9EE; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; border:none; } .login-details { position:absolute; right:9px; top:49px; width:450px; z-index:100; background:#F8F0D9; border:2px solid #D9D9D9; padding-top: 5px;} img.rightcorner { position:absolute; right:60px; top:-13px;} .topbg { background:url(./themes/site_themes/belongsurvey/images/login-bg-top.png) no-repeat left top; font-size:2px; height:9px; overflow:hidden; } .bottombg { padding:0px 25px 5px 15px; } .login-details label { margin:0 2px; } .login-details input.submit { margin-right:10px; } .login-details input.send { margin-left:10px; background:url(./themes/site_themes/belongsurvey/images/submit-bg.gif) repeat-x left top; font:12px Arial, Helvetica, sans-serif; padding:0px 10px 4px 10px; color:#fff; border:none; height:18px; cursor:pointer; } .login-details a { color:#7f7f7f; } #aggreement{ display:inline; margin-top:0px;} #frm_recover{padding:5px 0 5px;} .read-more-button { width: 237px; height: 25px; background: url(./themes/site_themes/belongsurvey/images/read-more-button.gif) no-repeat left top; margin: 0 auto;} .read-more-button a { display: block; font: 11px/25px Arial, Helvetica, sans-serif; color: #d9e4cd; text-decoration: none; text-align: center; font-weight:bold; } /*Header css*/ .header{ padding:0px 0 0 3px;} .header.bottom-bdr{ border-bottom: 1px solid #efefef;} /*Navugation css*/ .nav{ width: 918px; height:41px; margin: 0px 0 8px 0; float: left; padding-top: 21px;} .nav.bot-nav-pad{ margin: 0px;} .nav ul{ float:left; height:41px; background:url(./themes/site_themes/belongsurvey/images/nav_bg.gif) no-repeat left top; margin-right:10px} .nav ul li{ float:left; height:41px; background:url(./themes/site_themes/belongsurvey/images/nav_seprator.gif) no-repeat right top;} .nav ul li a{ line-height:41px; height:41px; padding:0 13px; color:#757575; text-decoration:none; font-family:arial; font-size:14px; display:block; float:left } .nav ul li a:hover{ line-height:41px; height:41px; padding:0 13px; color:#757575; text-decoration:none; font-family: arial; font-size:14px; display:block; float:left; background:url(./themes/site_themes/belongsurvey/images/nav_hover_bg.gif) repeat-x; } .nav ul li a.active{ line-height:41px; height:41px; padding:0 13px; color:#757575; text-decoration:none; font-family: arial; font-size:14px; display:block; float:left; background:url(./themes/site_themes/belongsurvey/images/nav_hover_bg.gif) repeat-x; } .nav ul li.last a{color:#757575;background:url(./themes/site_themes/belongsurvey/images/sign_btn.gif) no-repeat right bottom; height:41px; width:85px; display:block; padding:0px; text-align:center;} .nav ul li.last a:hover{color:#757575;background:url(./themes/site_themes/belongsurvey/images/sign_btn.gif) right top no-repeat; height:41px; width:85px; display:block; padding:0px; text-align:center;} .nav ul li.last a.active{color:#757575;background:url(./themes/site_themes/belongsurvey/images/sign_btn.gif) no-repeat; height:41px; width:123px; display:block; padding:0px; text-align:center;} .nav ul li.l-last a{color:#757575; height:41px; width:85px; display:block; padding:0px; text-align:center;background:url(./themes/site_themes/belongsurvey/images/nav_bg.gif) no-repeat right bottom;} .nav ul li.l-last a:hover{color:#757575;background:url(./themes/site_themes/belongsurvey/images/sign_btn.gif) right top no-repeat; height:41px; width:85px; display:block; padding:0px; text-align:center;} .nav ul li.first a{color:#757575; height:41px; display:block; padding:0 27px 0 25px; text-align:center; background:url(./themes/site_themes/belongsurvey/images/first_nav_link.gif) no-repeat;} .nav ul li.first a:hover{color:#757575;background:url(./themes/site_themes/belongsurvey/images/first_nav_link.gif) no-repeat; height:41px; display:block; padding:0 27px 0 25px;text-align:center;} .nav ul li.first a.active{color:#757575;background:url(./themes/site_themes/belongsurvey/images/first_nav_link.gif) no-repeat; height:41px; display:block; padding:0 28px 0 29px;text-align:center;} .nav ul li.f-first a{color:#757575; height:41px; display:block; padding:0 27px 0 25px; text-align:center;} .nav ul li.f-first a:hover{color:#757575; height:41px; display:block; padding:0 27px 0 25px;text-align:center;background:url(./themes/site_themes/belongsurvey/images/first_nav_link.gif) no-repeat;} .nav ul li.f-first a.active{color:#757575; height:41px; display:block; padding:0 28px 0 29px;text-align:center;} /*Content Container css*/ .banner{ position:relative; background: url(./themes/site_themes/belongsurvey/images/banner.jpg) no-repeat left top; width: 922px; height: 344px;} .banner p{ font:normal 12px/14px Arial, Helvetica, sans-serif !important; color:#cdebfa !important; position:absolute; right:79px; text-align:justify; top:135px; width:441px;} .banner .take-tour-button {position: relative; width: 173px; height: 46px; top: 205px; right: 78px; float:right;} .content_container{ display:inline-block; width:918px; position: relative;} .content_container p.featrue-padd { padding: 0 299px 0 0;} .sub_content{ width:240px; padding-top:46px; float:left; padding-bottom:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; line-height:16px;} .create{ background: url(./themes/site_themes/belongsurvey/images/create-img.gif) no-repeat 73px top; margin-right: 87px;} .send{ background: url(./themes/site_themes/belongsurvey/images/send-img.gif) no-repeat 42px 29px; margin-right: 87px;} .analyze{ background: url(./themes/site_themes/belongsurvey/images/analyze-img.gif) no-repeat 63px 24px;} .sub_content p{ line-height: 16px !important; color: #8a8a8a !important; margin-bottom: 10px; padding-top: 124px; text-align: left;} .sub_content p.txt-center{ text-align: center;} .sub_content input { margin-left: 20px;} .feature-yellow-bg { width: 867px; padding: 10px 10px 10px 26px; background: #faf6ed;} .compare-campaigns{ float:left; padding-right: 15px;} .logo { padding-right: 19px; padding-top: 16px; float: left;} .belong-design-cont { width: 912px; background: #eee url(./themes/site_themes/belongsurvey/images/belong-mail-cont-sep.gif) no-repeat 292px 15px; margin-bottom: 52px;} .belong-design-cont p { font: 12px/15px Arial, Helvetica, sans-serif !important; color: #7b7b7b; width: 552px; color: #7b7b7b !important; float: left;} .belong-top-con { background: url(./themes/site_themes/belongsurvey/images/belong-cont-right-con.gif) no-repeat right top; height: 5px; font-size: 1px;} .belong-bottom-con { background: url(./themes/site_themes/belongsurvey/images/belong-cont-bottom-right-con.gif) no-repeat right top; height: 5px; font-size: 0px;} .belong-left-con { width: 5px; height: 5px; display: block; border: 0px;} .belong-padd { padding: 47px 30px 0px 21px; float: left;} .black-belong-logo { padding: 10px 61px 0 0; margin-top: 5px; float: left;} .belong-design-cont input {margin-bottom: 14px;} /*Footer css*/ .footer{ background: url(./themes/site_themes/belongsurvey/images/footer_bg.gif) repeat-x; padding-bottom: 38px; width: 100%} .footer_container{ width:935px; padding-top:37px; margin:0 auto;} .footer_content{ padding:0 23px 25px 23px; border-bottom:1px solid #8ea079; display:inline-block;} .footer_subcontainer{ width:267px; float:left; font-family:Microsoft Sans Serif, arial; font-size:12px;} .footer_subcontainer ul li{ width:267px; float:left; border-bottom:1px solid #878787; height:27px; line-height:27px; color:#7e7e7e; padding-left:3px;} .footer_subcontainer ul li a{color:#000000; text-decoration:none; width:100px; float:left } .copyright{ padding-top:19px;} .copyright img{ padding-left:5px;} .copyright ,.copyright a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#11331a; line-height:18px; text-decoration:none; text-align:center;} @media screen and (-webkit-min-device-pixel-ratio:0){ .top_links a{ padding:10px 10px 5px 10px; float:left;color:#fff; text-decoration:none;} } /*sign-up css*/ .sign-up-container{width: 903px; background: #fdfceb; margin-bottom: 84px;} .sign-up-left{padding: 13px 17px 0 7px; background: #fdfceb; width: 625px; float: left;} .sign-up-form {} .sign-up-form h2 {font: 16px Arial, Helvetica, sans-serif; color: #363636; padding-left: 19px;} .sign-up-form p {font-size: 12px; color: #878787; padding: 15px 0 0 19px;} .sign-up-form form {} .sign-up-form form label {width: 52px; float: left; color: #878787; font-size: 12px; text-align: right; padding-right: 11px; line-height: 20px;} .sign-up-form form label.agreement {width: auto; line-height: 13px;} .sign-up-form form label.add-comment {width: 100px; line-height: 13px; text-align: left; display: block;} .sign-up-form form input {width: 13px; height: 13px; float: left; margin: 0 8px 0 20px;} .sign-up-form form input.create-account {width: 202px; height: 33px; float: right; background: url(./themes/site_themes/belongsurvey/images/create-your-account-img.gif) no-repeat left top; border: none; margin-top: 22px; cursor: pointer; text-indent: -1000em;} div.signup-input-left {width: 233px; height: 20px; float: left; background: url(./themes/site_themes/belongsurvey/images/sign-up-input-bg.gif) no-repeat left top; margin: 0 16px 12px 0;} div.signup-input-left1 { width: 233px; height: 20px; float: left; margin: 0 16px 12px 0; } div.signup-input-right {width: 233px; height: 20px; background: url(./themes/site_themes/belongsurvey/images/sign-up-input-bg.gif) no-repeat right bottom; margin-left: 2px;} div.signup-input-right input {width: 228px; height: 20px; float: left; color: #878787; font-size: 12px; background: transparent; border: none; margin-left: 0px;} .sign-up-right{background: #f8f5d8; width: 235px; float: left; padding: 0 0 0 18px;} .signup-right-module { margin-top: 39px; float: left;} .signup-right-module p { color:#524f45 !important; margin-top: 5px;} .signup-right-module img { float: left; margin: 0 10px 10px 0;} .signup-right-module h3 { font-size: 16px; color: #3a3a3a; float: left; width: 165px;} .signup-right-module h3.top-padd {padding-top: 10px;} .signup-right-module h3 span { font-size: 12px; color: #525252; float: left;} h1.contactbg { background: url(./themes/site_themes/belongsurvey/images/contact-banner.png) no-repeat left top; width:673px; height:163px; font:35px "Myriad Pro", "Trebuchet MS"; padding:17px 0 0 242px; color:#fff; } h1.contactbg img { padding-left: 11px;} h1.contactbg span { font:12px Arial, Helvetica, sans-serif; color:#fff; display:block; padding-left: 15px; } h2, .contactpageheading { font:normal 24px/24px Arial, Helvetica, sans-serif; color:#264f04; padding-bottom:5px; margin-top:20px; text-indent:2px;} h2.get-started {padding-bottom: 15px; width: 40%;} .contact-form-container{width: 915px; margin-top:18px; margin-bottom:158px;} .contact-form-container.bottom-margin{width: 915px; margin-top:18px; margin-bottom:50px;} .contactpageheading span {text-transform:uppercase;} .contactusleft {width:545px; float:left;} .contactusright {width:353px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#9b9b9b; position: relative; top: -98px;} .contactusleft form p {width:355px; float:left; padding-bottom:17px;} .contactusleft form p.email {width:454px; float:left; padding-bottom:17px;} .contactusleft form p label {width:66px; text-align:right; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#434343; float:left; margin-right:10px;} .contactusleft form p label.best-time {width:128px; text-align:right; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#434343; float:left; margin-right:10px;} .contactusleft form p label.msg {width:151px; text-align:right; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#434343; float:left; margin-right:10px;} .contactusleft form p select {width:266px; margin:0; padding:0; float:left;} .contactusleft form p textarea {width:343px; height:209px; margin:5px 0 0 0; padding:0; border:none; background:url(./themes/site_themes/belongsurvey/images/texarea-bg.gif) no-repeat left top; padding: 10px 10px 0 10px; float: left; font: 12px Arial, Helvetica, sans-serif; } .contactusleft form p span.inpt {background: url(./themes/site_themes/belongsurvey/images/contact-input-bg.gif) no-repeat 0 0; width:266px; height:20px; float:left;} .contactusleft form p span.inpt input {margin:0; padding:2px 0 0 3px; border:0; width:263px; height:16px; float:left; background:none; font-size: 12px;} .contactusleft form p span.inpt2 {background: url(./themes/site_themes/belongsurvey/images/contact-heading-bg-2.gif) no-repeat 0 0; width:204px !important; height:20px; float:left; margin-right: 10px;} .contactusleft form p span.inpt2 input {margin:0; padding:0; border:0; width:204px !important; height:16px; float:right; background:none; padding:0px;;} input.sendmessage {width: 140px; height: 25px; float: right; background: url(./themes/site_themes/belongsurvey/images/send-button.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0;} .contactusleft form p.sendmsg { width:442px; } .hr24 {font:normal 14px/14px Arial, Helvetica, sans-serif; color:#3a3a3a; margin-top:12px;} .hr24 span {font:normal 36px/36px Arial, Helvetica, sans-serif; color:#3a3a3a;} .contactrightbanner {background:url(./themes/site_themes/belongsurvey/images/contact-right-banner.gif) no-repeat 0 0; width:350px; height:200px; margin-top:10px; position:relative;} input.signupnow {width:227px; height:40px; background: url(./themes/site_themes/belongsurvey/images/sign-up-now.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0; position:absolute; left:67px; bottom:0;} /*Faq page*/ h2.faqheading {width:100%; font:normal 24px/24px Arial, Helvetica, sans-serif; color:#3a3a3a;padding-bottom:5px; margin-top:43px; text-indent:2px;} h2.contact-heading { font: normal 18px Arial, Helvetica, sans-serif; color: #1e8bca; margin: 0px;} .faqbg { float:left;} .faqbg h3 {width:100%; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#3a3a3a;padding-bottom:5px; margin-top:36px; text-indent:2px;} .faqbg p.gray-text {width:100%; font:normal 12px/12px Arial, Helvetica, sans-serif; color:#636363; padding-bottom:5px; text-indent:2px; line-height:20px;} .faqbg a { font:normal 12px/12px Arial, Helvetica, sans-serif; color:#636363; text-decoration:underline;} .sign-up-center { width:50%; margin:40px 0 0 276px;} input.signupnow-center {width:227px; height:40px; background: url(./themes/site_themes/belongsurvey/images/btn-sign-up.png) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0;} .yellow-brdr { clear:both; border-bottom:1px solid #FAECDE; font:normal 12px/12px Arial, Helvetica, sans-serif; width:100%; text-align:right; padding-bottom:5px; } .yellow-brdr a { margin-right:1px; background: url(./themes/site_themes/belongsurvey/images/arrow-top.png) no-repeat right center; color:#9b9b9b; padding-right:15px; text-decoration:none; } input.signupnow {width:227px; height:40px; background: url(./themes/site_themes/belongsurvey/images/sign-up-now.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0; position:absolute; left:67px; bottom:0;} /*Features Page*/ h1.featuresbg { background: url(./themes/site_themes/belongsurvey/images/feature-header-bg.jpg) no-repeat left top; width:675px; height:139px; font:35px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 230px; color:#353a1a; } h1.what-you-get-bg { background: url(./themes/site_themes/belongsurvey/images/what-you-get.jpg) no-repeat left top; width:691px; height:146px; font:35px "Myriad Pro", "Trebuchet MS"; padding:14px 0 0 235px; color:#fff;} h1.survey-reporting { background: url(./themes/site_themes/belongsurvey/images/survey-reporting-banner.jpg) no-repeat left top; width:691px; height:146px; font:35px "Myriad Pro", "Trebuchet MS"; padding:32px 0 0 248px; color:#fff;} h1.contact-bg { background: url(./themes/site_themes/belongsurvey/images/contact-banner.jpg) no-repeat left top; width:691px; height:196px; font:35px "Myriad Pro", "Trebuchet MS"; padding:14px 0 0 274px; color:#fff;} h1.take-a-look { background: url(./themes/site_themes/belongsurvey/images/take-a-look-banner.jpg) no-repeat left top; width:691px; height:146px; font:35px "Myriad Pro", "Trebuchet MS"; padding:32px 0 0 234px; color:#fff; margin-top: 10px;} h1.survey-developement { background: url(./themes/site_themes/belongsurvey/images/survey-developement-banner.jpg) no-repeat left top; width:691px; height:140px; font:35px "Myriad Pro", "Trebuchet MS"; padding:15px 0 0 248px; color:#fff;} h1.get-stated { background: url(./themes/site_themes/belongsurvey/images/get-started-banner.jpg) no-repeat left top; width:691px; height:146px; font:35px "Myriad Pro", "Trebuchet MS"; padding:16px 0 0 248px; color:#fff;} h1.spam_policy { background: url(./themes/site_themes/belongsurvey/images/demo-banner-img.jpg) no-repeat left top; width:691px; height:146px; font:35px "Myriad Pro", "Trebuchet MS"; padding:16px 0 0 248px; color:#fff;} .left-container { width:281px; float:left; } .right-container { width:606px; float:right; padding: 0 0 0 23px;} .right-container h3 { font: 18px Arial, Helvetica, sans-serif; color: #494949 !important; border: none; padding: 0 0 5px 0;} .right-container h3.survey-develop { font-size: 24px;} .right-container p { font: 12px/15px Arial, Helvetica, sans-serif; color: #6c6c6c;} .survice-right-container { float:left; padding: 0 0 0 23px; width:601px;} .survice-right-container h3 { font: 18px Arial, Helvetica, sans-serif; color: #494949 !important; border: none; padding: 0 0 5px 0;} .survice-right-container h3 img { float:right; top:158px; position:absolute; left:713px;} .survice-right-container p img { float:right; bottom:20px; position:absolute; left:713px;} .survice-right-container h3.survey-develop { font-size: 24px;} .survice-right-container p { font: 12px/15px Arial, Helvetica, sans-serif; color: #6c6c6c;} .survice-right-container soft-infor { padding-top: 11px;} .soft-infor { padding-top: 11px; width: 561px;} .soft-infor.what-we { width: 100%;} .soft-infor.soft-padd { padding-top: 10px;} table.general-soft tr th { background: #def4fa; font: bold 11px Arial, Helvetica, sans-serif; color: #474747; text-transform: uppercase; padding: 8px 0; text-align: left; padding-left: 12px; border-bottom: 1px solid #fff;} table.general-soft tr td { background: #eaf8fc; font: 11px Arial, Helvetica, sans-serif; color: #686a6b; padding: 11px 0 11px 12px;} table.general-soft tr.white-bg td { background: #fff;} h3 { font: 18px "Myriad Pro", "Trebuchet MS"; color:#4f4f4f; } h4 { font:bold 16px Arial, Helvetica, sans-serif; color:#3a3a3a; margin:0 0 5px 0; } .survey-reporting-icon {padding: 0 0 0 0; margin-bottom: 28px;} .survey-reporting-icon h4 { font: 20px Arial, Helvetica, sans-serif; color: #525252; padding-bottom: 6px;} .survey-reporting-icon p { text-align: justify; padding-left: 98px;} .survey-reporting-icon p.left-10px { padding-left: 110px;} ul.campaign { float:left; width:100%;} ul.campaign li { width:285px; float:left; height:93px; margin-right:25px; } ul.campaign li.last, ul.secure-server li.last { margin-right:0 !important; } ul.campaign li img, ul.secure-server li img { float:left; } ul.take-a-tour { width:186px; margin-left:-6px; } ul.take-a-tour li { float:left; } ul.take-a-tour li, ul.take-a-tour li a { font:bold 14px Arial, Helvetica, sans-serif; color:#636363; } ul.take-a-tour li a { width:178px; height:54px; line-height:54px; padding:0 5px 0 8px; text-decoration:none; float:left; margin-bottom:5px; } ul.take-a-tour li a span { width:47px; float:left; margin-top:8px; padding-left:3px; } ul.take-a-tour li a:hover, ul.take-a-tour li.active a { background:url(./themes/site_themes/belongsurvey/images/features-right-li-hover-bg.gif) no-repeat left top; } .step5 { width:100%; float:left; padding:15px 0 0 30px; } .step5 img { margin-top:-35px; position:relative; z-index:10; } ul.features-structures li { float:left; width:310px; margin:0 50px 30px 0; } ul.secure-server li { float:left; width:430px; margin-right:45px; } .brownbg { background-color:#fbf8ef; float:left; padding:0 20px; } .brownbg.no-bg { background: none; } .brownbg ul.campaign li { width:270px; } .brownbg h2 { margin-bottom:10px; } ul.pricing-features li { width:100%; float:left; } ul.pricing-features li h4 { font:normal 18px Arial, Helvetica, sans-serif; } .campaign-price { background:url(./themes/site_themes/belongsurvey/images/pricing-rate-bg.jpg) no-repeat left top; width:902px; height:131px; margin-bottom:35px; } .campaign-price ul { padding-top:18px; } .campaign-price li { background:url(./themes/site_themes/belongsurvey/images/star-icon.gif) no-repeat 22px 5px; font:bold 16px/24px Arial, Helvetica, sans-serif; color:#414141; padding-left:42px; } img.price { margin: 25px 18px 0 0; } /*-------------developer2--------*/ .absolute-bg {background: #fdf9f0; margin: 1px 0px 0px 0px; padding: 5px 15px 10px 15px; width: 250px; width: 872px;} .feature-create-bg {background: #fdf9f0; margin: 1px 0px 0px 0px; padding: 0 0 40px 35px; width: 869px; height: 168px;} .feature-create-img { float: right; margin-top: -19px; margin-left: 10px;} .astrick { float: left; margin-left: 15px; color: #f00; padding: 0px 0 0 0;} .astrick2 { float: left; margin-left: 0px; color: #f00; padding: 25px 0 0 0;} #what-we-do ul {list-style: none;} #what-we-do li { float: left; margin: 0 63px 0 0; display:inline; width: 183px;} #what-we-do li.mar-none { margin-right: 0px;} .email-marketing { background: #f9a01b url(./themes/site_themes/belongsurvey/images/orange-bg.gif) repeat-x left bottom !important; margin: 0 0px 0 0 !important; width: 141px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; padding: 0 20px 0 20px;} .email-marketing img{ margin: 15px 0 7px 0;} .email-marketing p { font: 12px/14px Arial, Helvetica, sans-serif !important; color: #fff !important; padding-bottom: 30px;} .email-round-top { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/who-we-are-box-top-con.gif) no-repeat left top; display: block;} .email-round-bottom { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/who-we-are-box-bottom-con.gif) no-repeat left top; display: block;} .powerful-surveys { background: #03a2d4 url(./themes/site_themes/belongsurvey/images/blue-bg.gif) repeat-x left bottom !important; margin: 0 61px 0 0 !important; width: 141px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; padding: 0 20px 0 20px;} .powerful-surveys img{ margin: 15px 0 7px 0;} .powerful-surveys p { font: 12px/14px Arial, Helvetica, sans-serif !important; color: #fff !important; padding-bottom: 30px;} .power-email-round-top { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/powerful-top-con.gif) no-repeat left top; display: block;} .power-email-round-bottom { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/powerful-bottom-con.gif) no-repeat left bottom; display: block;} .crm-need { background: #be100d url(./themes/site_themes/belongsurvey/images/red-bg.gif) repeat-x left bottom !important; margin: 0 61px 0 0 !important; width: 141px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; padding: 0 20px 0 20px;} .crm-need img{ margin: 15px 0 7px 0;} .crm-need p { font: 12px/14px Arial, Helvetica, sans-serif !important; color: #fff !important; padding-bottom: 30px;} .crm-email-round-top { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/crm-box-top-con.gif) no-repeat left top; display: block;} .crm-email-round-bottom { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/crm-box-bottom-con.gif) no-repeat left bottom; display: block;} .high-impact { background: #534e47 url(./themes/site_themes/belongsurvey/images/black-bg.gif) repeat-x left bottom !important; margin: 0 !important; width: 141px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; padding: 0 20px 0 20px;} .high-impact img{ margin: 15px 0 7px 0;} .high-impact p { font: 12px/14px Arial, Helvetica, sans-serif !important; color: #b8b6b3 !important; padding-bottom: 30px;} .high-impact-email-round-top { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/high-impact-box-top-con.gif) no-repeat left top; display: block;} .high-impact-email-round-bottom { width: 183px; height: 6px !important; background: url(./themes/site_themes/belongsurvey/images/high-impact-bottom-con.gif) no-repeat left bottom; display: block;} .visit-icon {float: right; margin-top: 10px;} .what-box-mar { margin-bottom: 6px;} .our-product {} .our-product ul { list-style: none;} .our-product ul li { float: left; border-right: 1px solid #e9e9e9; padding: 0 28px 0 25px; width: 179px;} .our-product ul li.left-padd {padding: 0 34px 0 0;} .our-product ul li.bdr-none { border: none;} .login-cont {width:280px; float:left; padding: 20px 0;} .login-cont.bg-color { background: #f9fbf6; padding: 20px 40px 0 29px;} .login-cont {width:280px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#9b9b9b; padding-right: 33px;} .login-cont form p {width:320px; float:left; padding-bottom:17px;} .login-cont form p.email {width:535px; float:left; padding-bottom:17px;} .login-cont form p label {width:58px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#434343; float:left; margin-right:10px;} .login-cont form p label.forgot-txt {width:177px; margin-right: 20px;} .login-cont form p label.recover {width:100%;} .login-cont form p label.e-mail-label {width:40px;} .login-cont form p label.forgot-txt a {width:177px; float: left; display: block; color: #434343;} .login-cont form p span.inpt {background: url(./themes/site_themes/belongsurvey/images/login-input-bg.gif) no-repeat 0 0; width:212px; height:20px; float:left;} .login-cont form p span.inpt input {margin:0; padding:0; border:0; width:212px; height:16px; float:left; background:none; padding:1px 0px;} .login-cont form p input { float: left;} .login-cont form p input.login-button {margin:0; padding:0; border:0; width:76px; height:20px; float:left; background: url(./themes/site_themes/belongsurvey/images/login-button.gif); cursor: pointer; float: left; text-indent: -1000em; letter-spacing: 1000px;} .login-cont form p input.recover-button {margin:0 25px 0 0!important; padding:0; border:0; width:76px; height:20px; float:left; background: url(./themes/site_themes/belongsurvey/images/recover-icon.gif); cursor: pointer; float: right; text-indent: -1000em; letter-spacing: 1000px; margin-right: 40px;} .login-cont form p span.inpt2 {background: url(./themes/site_themes/belongsurvey/images/e-mail-input-bg.gif) no-repeat 0 0; width:245px; height:20px; float:left;} .login-cont form p span.inpt2 input {margin:0; padding:0; border:0; width:245px; height:16px; float:left; background:none; padding:2px 3px;} /*-------------developer2--------*/ /* validation */ #frm_account .validation-advice { float: left; margin: -17px 0 5px 248px padding: 0 0 5px 0px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px; !important; } #frm_account .validation-failed{ border:1px solid #FF0000 !important; height:16px; padding:1px 0 0 1px; } #frm_contact .validation-advice { float: left; margin: 1px 0 5px 2px; padding: 0 0 5px 0px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px; !important; } .validation-advice { font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; } #frm_contact #advice-required-comments{ float: left; margin: 1px 0 0px 79px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px !important; } #frm_account #advice-required-aggreement{ float: left; margin: -13px 0px 5px 21px; color: #d14000; font: 12px/17px Arial, Helvetica, sans-serif; width: 100%; } #frm_account .aggreement{ float: left; border:1px solid red; width:10px !important; margin:-3px 6px 0 0; } #frm_account #advice-required-name{ float: left; margin:0px; color: #d14000; font: 12px/17px Arial, Helvetica, sans-serif; } .validation-failed{ border:1px solid #ff0000 !important; } /*-------------developer2--------*/ .feature-tour-cont { width: 281px; float: left; background: #e8f4f9;} .feature-tour-cont h2 { background: url(./themes/site_themes/belongsurvey/images/feature-tour-top-con.gif) no-repeat left top; height: 52px; border-bottom: 1px solid #d3ecf6; color: #565656; font: 24px/57px Arial, Helvetica, sans-serif; margin: 0px; padding: 0 0 0 27px; } .feature-tour-cont ul { list-style: none; padding: 17px 0 0 0; float: left;} .feature-tour-cont ul li { float: left; width: 281px;} .feature-tour-cont ul li { font: 22px Arial, Helvetica, sans-serif; color: #494949; height: 50px; margin-bottom: 8px;} .feature-tour-cont ul li a { font: bold 16px Arial, Helvetica, sans-serif; color: #494949; text-decoration: none; display: block; padding: 7px 0 0 27px; height: 48px;} .feature-tour-cont ul li a span { font: 12px Arial, Helvetica, sans-serif; color: #676a6b; text-decoration: none;} .feature-tour-cont ul li a:hover { background: #d5effa;} .feature-tour-cont ul li.feature-select a { background: #d5effa;} .feature-bottom-con { background: url(./themes/site_themes/belongsurvey/images/feature-tour-bottom-con.gif) no-repeat left top; height: 11px;} .contact-add { float: left; padding: 21px 0 0 0;} .contact-add h3 { color: #3a3a3a; font: 16px Arial, Helvetica, sans-serif; padding-bottom: 11px;} .contact-add p { color: #a19d91; font: 12px/18px Arial, Helvetica, sans-serif;} /*----------FP Survey Container--------*/ .how-fpsurvey-container { width: 311px; } .how-fpsurvey-container h4 { padding-bottom: 6px; border-bottom: 1px solid #D1D1D1; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #24A3D7; width:87%; } .how-fpsurvey-container ul { list-style: none; padding: 8px 0 0 0; float: left; } .how-fpsurvey-container li { float: left; margin-bottom: 12px; width: 245px; height: 28px; } .how-fpsurvey-container li a { font-family: "Trebuchet MS"; font-size: 14px; line-height: 30px; color: #929292; text-decoration: none; display: block; font-weight:bold; } .how-fpsurvey-container li img { margin-right: 11px; border: 0px; float: left; } /*----------FP Survey Container--------*/ .sign-in-setup-account { width: 694px; float: left; } .sign-in-setup-account p { color: #878787; margin-bottom: 14px; } .sign-in-setup-account p a { color: #229bd2; text-decoration: underline; } .sign-in-setup-account p a:hover { text-decoration: none; } .sign-in-setup-account h5 { font: 18px Arial, Helvetica, sans-serif; color: #1e8bca; padding-bottom: 3px; } .sign-in-setup-account h5.sign-up-heading { font: 24px Arial, Helvetica, sans-serif; color: #525252; border-bottom: 1px solid #d9d9d9; margin-bottom: 23px; padding-bottom: 10px; } .sign-in-setup-account h5.sign-up-heading2 { margin-bottom: 5px; } .sign-in-setup-account form { } .sign-in-setup-account form label { width: 72px; padding: 0 9px 0 0; font-size: 12px; color: #525252; float: left; line-height: 16px; text-align: right; text-indent:0px; } .sign-in-setup-account form label.send-me-label { width:500px; font-size: 12px; color: #878787; float: left; text-align: left; line-height: 12px !important; } .sign-in-setup-account form input { width: 245px; height: 19px; padding: 0 9px 0 0; font-size: 12px; color: #525252; float: left; } .sign-in-setup-account form select { width: 245px; height: 19px; padding: 0; font-size: 12px; color: #525252; float: left; } div.sign-textarea-left { width: 466px; height: 156px; float: left; background: url(./themes/site_themes/belongsurvey/images/textarea-bg.gif) no-repeat left top; } div.sign-textarea-right { width: 464px; height: 154px; float: left; background: url(./themes/site_themes/belongsurvey/images/textarea-bg.gif) no-repeat right bottom; margin-left: 2px !important; } div.sign-textarea-right textarea { width: 456px; height: 152px; float: left; background: transparent !important; border: none; margin: 5px; } div.sign-input-left { width: 245px; height: 19px; background: url(./themes/site_themes/belongsurvey/images/take-look-input-bg.gif) no-repeat left top; float: left; margin-bottom: 25px; } div.sign-input-right { width: 243px; height: 19px; background: url(./themes/site_themes/belongsurvey/images/take-look-input-bg.gif) no-repeat right bottom; float: left; margin-left: 2px; } div.sign-input-right input { width: 240px; height: 19px; float: left; border: 0px; background: transparent; } .sign-in-setup-account textarea.get-textarea { width: 532px; height: 90px; background: url(./themes/site_themes/belongsurvey/images/sign-up-textarea-img.gif) no-repeat left top; border: none; padding: 5px;} .pls-complete { float: left; background: url(./themes/site_themes/belongsurvey/images/please-complete-error.png) left 3px no-repeat; margin: 0 0 0 8px; padding: 0 0 0 19px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; } div.start-free-demo input { width: 134px; height: 28px; background: url(./themes/site_themes/belongsurvey/images/start-free-demo-button.gif) no-repeat left top; border: none; float: right; margin: 14px 285px 0 0; cursor: pointer; } .right-arrow { width: 15px; height: 18px; margin-left: 8px; float: left; background: url(./themes/site_themes/belongsurvey/images/pricing-right-arrow.png) no-repeat left top; } .right-arrow2{ width: 15px; height: 18px; margin-left: 10px; float: left; background: url(./themes/site_themes/belongsurvey/images/pricing-right-arrow.png) no-repeat left top; } .starting-up { width: 673px; float: left;} .starting-up ul li { padding:0px; margin-bottom:55px; } .starting-up ul li.stop-worrying { margin-bottom: 30px;} .starting-up ul li.one { background:url(./themes/site_themes/belongsurvey/images/1.jpg) no-repeat left top; padding-left: 170px;} .starting-up ul li.two { background:url(./themes/site_themes/belongsurvey/images/2.jpg) no-repeat left top; padding-left: 170px;} .starting-up ul li.three { background:url(./themes/site_themes/belongsurvey/images/3.jpg) no-repeat left top;padding-left: 170px; } .starting-up ul li.four { background:url(./themes/site_themes/belongsurvey/images/4.jpg) no-repeat left top; padding-left: 170px;} .starting-up ul li.five { background:url(./themes/site_themes/belongsurvey/images/5.jpg) no-repeat left top; } .starting-up ul li.six { background:url(./themes/site_themes/belongsurvey/images/6.jpg) no-repeat left top; } .starting-up h4 { font: 24px Arial, Helvetica, sans-serif; color: #525252;} .starting-up p { color: #595959; text-align: justify;} .features-container { width:222px; height:auto; float:right; background: #e1f1f8; margin:0; padding:25px 0 0 0; position: relative; top: -65px;} ul.star {float: left; padding-left: 20px;} ul.star li { background:url(./themes/site_themes/belongsurvey/images/icon-star.gif) no-repeat left 8px; padding-left:15px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#4e4e4e;} .help { color:#6d6767; text-align:left; padding:0 15px; font-size:12px; line-height: 20px; width: 185px;} #comments textarea{width:200px;} div.sign-up-button input { width: 134px; height: 28px; background: url(./themes/site_themes/belongsurvey/images/sign-up-button.gif) no-repeat left top; border: none; float: right; margin: 14px 25px 0 0; cursor: pointer; } div.send-me input { width: 13px; height: 13px; float: left; padding: 0px; } /*---------------------####End Login Container###---------------*/ .sign-input-left .validation-advice { float: left; margin: 0px; padding: 0; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; } .subscribe-input-bg-right .validation-advice { float: left; color: #d14000; } .sign-textarea-right .validation-advice{ float: left; background: url(./themes/site_themes/belongsurvey/images/please-complete-error.png) left 3px no-repeat; margin: 0px; padding: 0 0 0 19px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:150px; !important; } .login_pointer{ background: url(./themes/site_themes/belongsurvey/images/login-container-top-con.png) no-repeat left top; width: 44px; height: 19px; cursor:pointer; } .get-started-main-container { width: 918px; background: url(./themes/site_themes/belongsurvey/images/get-started-right-con.gif) repeat-y right top; } .topgo a { margin-right:70px; background: url(./themes/site_themes/belongsurvey/images/arrow-top.png) no-repeat right center; color:#2792C8; padding-right:15px; text-decoration:none; float:right; } .direct-access { width: 562px; margin-top: 15px;} .direct-access h4 { height: 31px; background: url(./themes/site_themes/belongsurvey/images/direct-access-heading-bg.gif) left top repeat-x; margin: 0px;} .direct-access h4 span { width: 533px; float: left; font: 15px/31px Arial, Helvetica, sans-serif; color: #fff; padding-left: 4px;} .direct-links-cont { border-left: 1px solid #e8e8e8; width: 560px;} .direct-links-cont table.access-table td { border: 1px solid #e8e8e8; background: #eceff0; font-size: 11px; color: #494949; border-left: none; border-bottom: none; padding: 5px 9px 5px 6px;} .direct-links-cont table.access-table td a{ font-size: 11px; color: #494949; padding: 0px; text-decoration:none;} .direct-links-cont table.access-table td img { margin-right: 5px;} #flashcontent{margin:0 5px 0 50px !important;} /*---------------Start portfolio Container----*/ .portfolio-cont { width: 910px; height: 775px; background: url(./themes/site_themes/belongsurvey/images/portfolio-cont-h-bg.gif) repeat-y left top; margin-bottom: 95px; position: relative;} .portfolio-cont-inner { width: 903px; height: 778px; margin: 0 0 0 1px; background: url(./themes/site_themes/belongsurvey/images/portfolio-cont-v-bg.gif) repeat-x left top;} .portfolio-left-top-con { position: absolute; width: 10px; height: 12px; left: 0px; top: 0px; background: url(./themes/site_themes/belongsurvey/images/portfolio-top-left-con.gif) no-repeat left top;} .portfolio-right-top-con { position: absolute; width: 10px; height: 12px; right: 1px; top: 0px; background: url(./themes/site_themes/belongsurvey/images/portfolio-top-right-con.gif) no-repeat left top;} .portfolio-left-bottom-con { position: absolute; width: 10px; height: 12px; left: 1px; bottom: -2px; background: url(./themes/site_themes/belongsurvey/images/portfolio-bottom-left-con.gif) no-repeat left top;} * html .portfolio-left-bottom-con { position: absolute; width: 10px; height: 12px; left: 1px; bottom: -1px; background: url(./themes/site_themes/belongsurvey/images/portfolio-bottom-left-con.gif) no-repeat left top;} .portfolio-right-bottom-con { position: absolute; width: 10px; height: 12px; right: 0px; bottom: -2px; background: url(./themes/site_themes/belongsurvey/images/portfolio-bottom-right-con.gif) no-repeat left top;} * html .portfolio-right-bottom-con { position: absolute; width: 10px; height: 12px; right: 0px; bottom: -1px; background: url(./themes/site_themes/belongsurvey/images/portfolio-bottom-right-con.gif) no-repeat left top;} .portfolio-cont-inner ul { padding: 53px 0 0 60px; list-style: none; float: left; height: 616px;} .portfolio-cont-inner ul li { float: left; margin: 0 35px 0 0; display: inline; padding-bottom: 40px;} ul.portfolio-listing { list-style: none; width: 900px; margin: auto; text-align: center; padding: 0px; margin-top: 45px;} ul.portfolio-listing li { float: none; margin: 0px;} ul.portfolio-listing li a { font: 12px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;} ul.portfolio-listing li.select a { background-color: #5c5c5c; color: #fff; padding: 0 4px;} .portfolio-left-arrow { position: absolute; left: 12px; bottom: 20px;} .portfolio-right-arrow { position: absolute; right: 12px; bottom: 20px;} .back-to-gallery { position: absolute; left: 363px; bottom: -32px;} .back-gallery-cont { position: absolute; top: 5px; width: 100%; text-align: center;} .imgborderbg ul li{ background:transparent url(./themes/site_themes/belongsurvey/images/gallery-thm-bg.jpg) no-repeat scroll left top; height:107px; padding:2px 4px 45px 2px; width:157px; } .portfolio-cont-inner .pagination a { font:12px; color:#dbc2a5; text-transform: uppercase; text-decoration: none; padding: 0 5px; color:#000;} .portfolio-cont-inner .pagination strong{color:#fff; background-color:#5c5c5c; padding:0 5px;} .portfolio-cont-inner .pagination a:hover{text-decoration:underline;} .portfolio-cont-inner .pagination {text-align: center; padding-top:61px;clear:both;} .portfolio-cont-inner .pagination strong a{display: inline; font:12px Arial, Helvetica, sans-serif; color:#dbc2a5; line-height:25px;} .portfolio-cont-inner .pagination a{ font:12px; color:#dbc2a5; text-transform: uppercase; text-decoration: none; padding: 0 5px; color:#000;}.gallery-middle-container-inn-middle .pagination ul a.active{color:#fff; background-color:#5c5c5c;} .portfolio-cont-inner .pagination a:hover{text-decoration:underline;} .portfolio-cont-inner .pagination .pre{width:23px; float:left; height:21px; margin:-11px 0 0 6px; display:inline; background:url(./themes/site_themes/belongsurvey/images/portfolio-left-arrow.gif) no-repeat left bottom; outline:0px;} .portfolio-cont-inner .pagination .right-arrow{width:23px; float:right; height:21px; margin:-11px 0 0 0; background:url(./themes/site_themes/belongsurvey/images/portfolio-right-arrow.gif) no-repeat left bottom; outline:0px;} /*---------------End portfolio Container----*/ .portfolio-cont2 { width: 910px; height: 622px; background: url(./themes/site_themes/belongsurvey/images/portfolio-cont-h-bg.gif) repeat-y left top; margin-bottom: 95px; position: relative;} .portfolio-cont-inner2 { width: 903px; height: 626px; margin: 0 0 0 1px; background: url(./themes/site_themes/belongsurvey/images/portfolio-cont-v-bg2.gif) repeat-x left top;}