/* wfg css */ body { color:#222; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; } .clear {clear:both; height: 0px; line-height: 0px; font-size: 0px;} .height-5{ padding: 0px; margin: 0px; line-height: 0px; height: 5px; clear:both; } .height-10{ padding: 0px; margin: 0px; line-height: 0px; height: 10px; clear:both; } .height-20{ padding: 0px; margin: 0px; line-height: 20px; height: 20px; clear:both; } .height-25{ padding: 0px; margin: 0px; line-height: 25px; height: 25px; clear:both; } .height-35{ padding: 0px; margin: 0px; line-height: 35px; height: 35px; clear:both; } .height-40{ padding: 0px; margin: 0px; line-height: 40px; height: 40px; clear:both; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ color: #3992ca;} .f-38 { font-size: 38px !important; } .f-36 { font-size: 36px !important; } .f-30 { font-size: 30px !important; } .f-28 { font-size: 28px !important; } .f-24 { font-size: 24px !important; } .f-22 { font-size: 22px !important; } .f-18 { font-size: 18px !important; } .f-16 { font-size: 16px !important; } .f-14 { font-size: 14px !important; } .f-13 { font-size: 13px !important; } .f-12 { font-size: 12px !important; } .f-11 { font-size: 11px !important; } .f-face-georgia { font-family:Georgia, "Times New Roman", Times, serif; } .left { float: left; } .right { float: right; } .align_left { text-align: left; } .align_right { text-align: right; } .green { color: #73a009; } .gray-99 { color: #999; } .gray-88 { color: #888; } .gray-66 { color: #666; } .gray-22 { color: #222; } .blue { color: #3992ca; } .blue2 { color: #668eb2; } .maroon { color: #900; } .red { color: #e20101; } #header-warper { height: 46px; background:url(../images/nav-border.png) bottom repeat-x; position: relative; } #header-warper3 { height: 40px; background: #000; } #header { margin: 0 auto; width: 990px; } #header h1 { margin-bottom:0; position: static; } #header a.logo{ background:url(../images/logo.png) left center no-repeat; display: block; height: 40px; text-decoration: none; width: 226px; text-indent:-9000px; } #nav-menu { width:750px; float: right; } #nav-menu ul { list-style: none; padding: 0; margin: 0; float: right; } #nav-menu li { float: right; margin: 0; } #nav-menu li.last { background: none; float: right; margin: 0; } #nav-menu li a { color: #fff; float:left; font:bold 12px Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: bold; text-decoration: none; line-height: 25px; margin: 7px 15px 0 15px; display: block; text-shadow:0.08em 0.08em 0.1em #555; } #nav-menu li a:hover { color:#fff; text-decoration: underline; } #nav-menu li a.pricing-signup { color: #81cd00; } #nav-menu li a.login { background: #656566; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px; line-height: 15px; } #header-warper2 { height: 40px; background:url(../images/top-nav-bg.gif) top repeat-x; width: 100%; } #header2 { margin: 0 auto; width: 990px; } #header2 h1 { margin-bottom:0; position: static; } #header2 a.logo{ background:url(../images/logo02.gif) left 7px no-repeat; display: block; height: 36px; text-decoration: none; width: 226px; text-indent:-9000px; } #nav-menu2 { width:750px; float: right; } #nav-menu2 ul { list-style: none; padding: 0; margin: 0; float: right; } #nav-menu2 li { /*background: url(../images/top-nav-sep.gif) no-repeat right center;*/ float: right; margin: 0; } #nav-menu2 li a { color: #fff; float:left; font:bold 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 30px; height: 36px; margin: 0 15px; display: block; text-shadow:0.08em 0.08em 0.1em #555; } #nav-menu2 li a:hover { background:url(../images/top-nav-selected.gif) no-repeat center bottom; text-decoration: none; } #nav-menu2 li a.active { background:url(../images/top-nav-selected.gif) no-repeat center bottom; color: #fff; float:left; font:bold 12px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 30px; height: 36px; margin: 0 15px; display: block; text-shadow:0.08em 0.08em 0.1em #555; } #nav-menu2 li a.pricing-signup { color: #81cd00; } #nav-menu2 li.last { float: right; margin: 4px 0 0 ; background: #656566; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0px; line-height: 15px; } #nav-menu2 li.last a { font: bold 12px/22px Arial,Helvetica,sans-serif; height: 22px; } #nav-menu2 li.last a:hover { background-image: none; } #flash-container { position: absolute; height: 445px; width: 100%; } .b-right { border-right: 1px solid #e3e4e8; padding: 0 5px 0 0; } .b-right2 { border-right:1px solid #E3E4E8; float: left; font-size: 13px; min-height:105px; padding:5px 10px 0 10px; width:227px; } .b-right2 h5 { color:#235688; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; margin-bottom:0.5em; } .b-right2 h5 a { color: #235688; } .b-right2:hover { background: #EBF5F7; cursor: pointer; } .b-right3 { border-right:0px; float: left; font-size: 13px; min-height:105px; padding:5px 10px 0 10px; width:225px; } .b-right3 h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; margin-bottom:0.5em; } .b-right3 h5 a { color: #235688; } .b-right3:hover { background: #EBF5F7; cursor: pointer; } .b-right2 p, .b-right3 p { margin:0 0 0.2em; } .warper-home { background-color: #ebf5f7; padding: 15px 0; } /* Border Radius Classes --------------------------------------------------------------- */ .border-radius-5, .schedule_demo {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .border-radius-3 {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* Font Color --------------------------------------------------------------- */ a.new-updatate{ background:url(../images/new-updates.jpg) top center no-repeat; display: block; color: #73a009; cursor: pointer; float: left; font-size: 12px; font-weight: bold; height: 30px; width: 110px; text-align: center; vertical-align: baseline; text-decoration: none; margin: 0 0 0 22px; padding: 60px 0 0 0; } a.new-updatate:hover{ background:url(../images/new-updates.jpg) center -100px no-repeat; color: #3992ca; } a.video-tour { background:url(../images/video-tour.jpg) top center no-repeat; display: block; color: #73a009; cursor: pointer; float: left; font-size: 12px; font-weight: bold; height: 30px; width: 90px; text-align: center; vertical-align: baseline; text-decoration: none; margin: 0 0 0 22px; padding: 60px 0 0 0; } a.video-tour:hover{ background:url(../images/video-tour.jpg) center -100px no-repeat; color: #3992ca; } a.schedule-demo { background:url(../images/schedule-demo.jpg) top center no-repeat; display: block; color: #73a009; cursor: pointer; float: left; font-size: 12px; font-weight: bold; height: 30px; width: 125px; text-align: center; vertical-align: baseline; text-decoration: none; margin: 0 0 0 22px; padding: 60px 0 0 0; } a.schedule-demo:hover{ background:url(../images/schedule-demo.jpg) center -100px no-repeat; color: #3992ca; } #subheader { height: 179px; text-align: center; background: transparent; } #subheader img { border: none; background: transparent; } #subheader-inner { padding-top: 30px; padding-bottom: 30px; text-align: left; } /* Overrides the CSS Buttons Framework */ button.cssbutton.btn span,a.cssbutton.btn span,a.link.btn span,div.cssbutton.btn input { color:#fff; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ BUTTON DEFINITION CLASS */ button.cssbutton {border:0; float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none; } button.cssbutton span {font:bold 14px/23px calibri, Arial, Helvetica, sans-serif; color:#fff; display:block; float: left; white-space:nowrap; height:32px; border: none; outline: none; line-height: 29px; margin-left:10px; padding:0px 10px 0px 0px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */ button.cssbutton.btn.a {background:url("../images/topNav_btnbg_left.gif") no-repeat 0px center; } /* Using Horizontal BG Positioning */ button.cssbutton.btn.a span {background:url("../images/topNav_btnbg_right.gif") no-repeat right 0%; } /* Using Vertical BG Positioning */ button.cssbutton.btn.a:hover {background:url("../images/topNav_btnbg_left.gif") no-repeat 0px center; } /* Negative X Positioning Method */ button.cssbutton.btn.a:hover span {background:url("../images/topNav_btnbg_right.gif") no-repeat right 100%; } /* ------------------------- LINK DEFINITION CLASS ------------------------------- */ a.cssbutton {border:0; float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none; } a.cssbutton span {font:bold 14px/23px calibri, Arial, Helvetica, sans-serif; color:#fff; display:block; float: left; white-space:nowrap; height:45px; line-height: 40px; margin-left:16px; padding:0px 15px 0px 0px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */ a.cssbutton.btn.a {background:url("../images/topNav_btnbg_left.gif") no-repeat bottom left; } /* Using Horizontal BG Positioning */ a.cssbutton.btn.a span {background:url("../images/topNav_btnbg_right.gif") no-repeat right 100%; } /* Using Vertical BG Positioning */ a.cssbutton.btn.a:hover {background:url("../images/topNav_btnbg_left.gif") no-repeat 0px 0px; text-decoration: none; color: #fff; } /* Negative X Positioning Method */ a.cssbutton.btn.a:hover span {background:url("../images/topNav_btnbg_right.gif") no-repeat right 0; color: #fff; } /* ----------------- BODY LINK DEFINITION CLASS ---------------- */ a.link {border:0; float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none; } a.link span {font:bold 14px/23px calibri, Arial, Helvetica, sans-serif; color:#fff; display:block; float: left; white-space:nowrap; height:38px; border: none; outline: none; line-height: 38px; margin-left:15px; padding:0px 15px 0px 0px; text-shadow:0.08em 0.08em 0.1em #555;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */ a.link.linkbtn.linka {background:url("../images/btn-greenblue_left.gif") no-repeat top left;} /* Using Horizontal BG Positioning */ a.link.linkbtn.linka span {background:url("../images/btn-greenblue_right.gif") no-repeat top right; } /* Using Vertical BG Positioning */ a.link.linkbtn.linka:hover {background:url("../images/btn-greenblue_left.gif") no-repeat bottom left; text-decoration: none;} /* Negative X Positioning Method */ a.link.linkbtn.linka:hover span {background:url("../images/btn-greenblue_right.gif") no-repeat bottom right; text-decoration: none; } /* ----------------- BODY LINK Blue DEFINITION CLASS ---------------- */ a.linkblue {border:0; float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none; } a.linkblue span {font:bold 14px/23px calibri, Arial, Helvetica, sans-serif; color:#fff; display:block; float: left; white-space:nowrap; height:35px; border: none; outline: none; line-height: 35px; margin-left:10px; padding:0px 10px 0px 0px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */ a.linkblue.linkbtnblue.linkablue {background:url("../images/formBtn-blue_left.gif") no-repeat 0px center;} /* Using Horizontal BG Positioning */ a.linkblue.linkbtnblue.linkablue span {background:url("../images/formBtn-blue_right.gif") no-repeat right 0%; } /* Using Vertical BG Positioning */ a.linkblue.linkbtnblue.linkablue:hover {background:url("../images/formBtn-blue_left.gif") no-repeat 0px center; text-decoration: none;} /* Negative X Positioning Method */ a.linkblue.linkbtnblue.linkablue:hover span {background:url("../images/formBtn-blue_right.gif") no-repeat right 100%; text-decoration: none; } /* ----------------- INPUT DEFINITION CLASS ---------------- */ div.cssbutton {border:0; float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none; } div.cssbutton input {font:bold 14px Tahoma, Arial, Helvetica, sans-serif; color:#fff; cursor: pointer; display:block; float: left; white-space:nowrap; height:46px; border: none; outline: none; line-height: 46px; margin-left:15px; padding:0px 15px 0px 0px; text-shadow:0.08em 0.08em 0.1em #555; } /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */ div.cssbutton.btn.a {background:url("../images/formBtn_left.gif") no-repeat top left;} /* Using Horizontal BG Positioning */ div.cssbutton.btn.a input {background:url("../images/formBtn_right.gif") no-repeat top right; } /* Using Vertical BG Positioning */ div.cssbutton.btn.a:hover {background:url("../images/formBtn_left.gif") no-repeat bottom left;} /* Negative X Positioning Method */ div.cssbutton.btn.a:hover input {background:url("../images/formBtn_right.gif") no-repeat bottom right; } a.login{ color: #fff; float:left; font:bold 14px/23px Calibri, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 40px; margin-right: 15px; } a.login:hover{ color: #fff; float:left; font:bold 14px/23px Calibri, Arial, Helvetica, sans-serif; text-decoration: underline; line-height: 40px; margin-right: 15px; } .topNav_vsepr { border-right:1px solid #999; float:left; height:14px; margin:14px 16px 0 0; width:1px; } .center{text-align:center;} .height-30{height: 40px;} .tabContent{ background:url(../images/features_box_bg.gif) no-repeat left top; color: #222; font-size: 13px; font-family: Arial, Helvetica, sans-serif; height: 224px; padding: 44px 20px 10px 20px; width: 470px; } .tabContent ul { color: #222; font-family: Arial, Helvetica, sans-serif;} .tabContent ul li { color: #222; font: 13px Arial, Helvetica, sans-serif; list-style-image:url(../images/bullet_orange.gif); margin-bottom: 12px; padding-left: 10px;} .tabContent img.right { float:right; margin:1.7em 1.5em 0 1em; } .tabLinks{padding-top: 8px; width: 240px;} .tabLinks a.tab{ background: url(../images/fture_tab.gif) no-repeat; color: #222; display: block; font-size: 14px; font-family: calibri, Arial, Helvetica, sans-serif; font-weight: bold; height: 54px; line-height: 45px; padding-left: 12px; text-decoration: none; } .tabLinks a.tab:hover{ background: url(../images/fture_tab_over.gif) no-repeat; color: #000; text-decoration: none; } .tabLinks a.tab-active{ background: url(../images/fture_tab_active.gif) no-repeat; color: #16161c; display: block; font-size: 14px; font-family: calibri, Arial, Helvetica, sans-serif; font-weight: bold; height: 54px; line-height: 45px; padding-left: 12px; text-decoration: none; } .tabLinks a.tab-active:hover{ background: url(../images/fture_tab_active.gif) no-repeat; color: #000; text-decoration: none; } .padding-20{ padding: 20px; } .padding-15{ padding: 13px 10px; } .googleBox{ font-size:14px; color: #73a009; } #footer{ background: #fff; color: #666; font-size: 11px; height: auto; padding: 30px 0 10px; margin: 0 auto; width: 990px; } #footer .footer-border{ padding: 10px 10px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left; } #footer a{ color: #666; text-decoration: none; } #footer a:hover{ color: #666; text-decoration: underline; } #signUp-Box{ background: #fff; margin-top: 8px; padding: 13px 10px; height: 163px; } #signUp-Box h4{ margin-bottom: 0px; } #signUp-Box h3{ margin-bottom:0.5em; font-size:1.3em; } #signUp-Box input.text { width: 193px; background: #edf4fb; color: #666; margin-bottom: 5px; padding: 6px; } #signUp-Box a{ color: #517800; font-size: .8em; font: bold 12px/23px calibri, Arial, Helvetica, sans-serif; text-decoration: underline; } #signUp-Box a:hover{ color: #517800; text-decoration: none;} #contact-us{ height: auto; font-size: 12px; } #contact-us h3{margin-bottom:1em; font-size: 18px; } #tryitout { background:none repeat scroll 0 0 #FFFFFF; height:140px; margin-top:10px; } #tryitout a{ background: url(../images/try-it-out.jpg) no-repeat top left; display: block; height: 140px; width: 230px; text-decoration: none;} #tryitout a:hover{ background: url(../images/try-it-out.jpg) no-repeat bottom left; display: block; height: 140px; width: 230px; text-decoration: none;} .tryitout-icon { background:url(../images/schedule-demo.jpg) top center no-repeat; display: block; height: 50px; width: 50px; } #tryitout2 { } #tryitout2 img{ margin-bottom: 10px; } #tryitout2 h3 { margin-bottom:0.2em; } #tryitout2 h4 { margin-bottom:0; } #call-us{ margin-top: 20px; padding: 1px 1px; height: 80px; background: #fff; } #call-us .col-1{ width: 65px; float: left; height: 30px; border-bottom: 1px solid #fff; line-height: 30px; padding-left: 5px; background: #e5edc7; font-size: 14px; font-family: calibri, Arial, Helvetica, sans-serif; } #call-us .col-2{ width: 150px; float: left; height: 30px; border-bottom: 1px solid #fff; line-height: 30px; padding-left: 5px; font-size: 18px; font-family: calibri, Arial, Helvetica, sans-serif; } #call-us .col-3{width: 221px; float: left; height: 18px; line-height: 20px; border-top: 1px solid #c2c3c8; padding-left: 5px; font-size: 14px; font-family: calibri, Arial, Helvetica, sans-serif;} #call-us .col-4{ width: 60px; float: left; height: 14px; line-height: 14px; padding-left: 5px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #call-us .col-5{ width: 155px; float: left; height: 14px; line-height: 14px; padding-left: 3px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #registration{ background: #eee; border-right: 1px solid #ddd; float: left; margin-right: 15px; width: 615px; } #registration h3{ background:#84aa19; height: 53px; line-height: 53px; font-size:18px; color:#fff; margin-bottom: .8em; padding: 0 0 0 30px; } #registration h3 span{ font-size:14px; font-weight: normal; color:#fff; font-style: italic; } #registration .seprator{ background: url(../images/seprator.gif) repeat-x top; height: 15px; } #registration input.text, input.title, textarea, select { color: #888; background: #fff url(../images/input-text_bg.gif) repeat-x top; border:1px solid #bbb; width: 305px; } #registration textarea { width:280px;height:150px;padding:5px; } #registration input.text:focus, input.title:focus, textarea:focus, select:focus { color: #222; border:1px solid #5c87ae; -moz-box-shadow: 0 0 .5em #0084ff; -webkit-box-shadow: 0 0 .5em #0084ff; box-shadow: 0 0 .5em #0084ff; } #registration .label{ color: #444; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:13px; line-height:14px; padding: 7px 0 0 39px; text-shadow:0.06em 0.06em 0 #fff; } #registration .label-input{ float:left; padding-left:36px; width:330px; } #registration .label-contact{ float:left; line-height:23px; padding:0.6em 0 0.6em 0px; width: 180px; } #registration .label-Exp { color:#5c87ae; float:left; font-family: Tahoma, Arial,Helvetica,sans-serif; font-size:12px; line-height:14px; padding-top:13px; width:195px; text-shadow:0.06em 0.06em 0 #fff; } #registration .label-Exp span .LV_validation_message, .LV_valid { color: #73A009; text-shadow:0.06em 0.06em 0 #fff; } #registration .label-Exp span .LV_validation_message, .LV_invalid { color: #C00; text-shadow:0.06em 0.06em 0 #fff; } #registration input.text2 {margin-top:0.2em;border:1px solid #bbb; background: #fff url(../images/input-text_bg.gif) repeat-x top; padding: 5px 0px;font-size: 2.5em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; width: 80px; text-align: center;} #registration input.text2:focus { color: #222; border:1px solid #5c87ae; -moz-box-shadow: 0 0 .2em #0084ff; -webkit-box-shadow: 0 0 .2em #0084ff; box-shadow: 0 0 .2em #0084ff; } #registration .mPackage { background: #e5edc8; padding:5px; width: 650px; margin:5px 0 4px 40px; } #registration .mPackage .checkbox { float:left; line-height:14px; padding-top:0px; width: 25px; } #registration .mPackage .label { float:left; line-height:16px; padding:0px; width: 300px; } #registration .mPackage .label span { line-height:16px; padding-left:0px; font-size: 11px; } #registration .mPackage .bill { float: right; text-align:right; line-height:14px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; width: 320px; } #registration .mPackage .bill-ammount{ font-size:1.7em; font-weight: bold; padding-left: 5px; } #registration .mPackage .bill-mont{ font-size:1.3em; font-weight: bold; } #registration .mPackage2 { background: #fff; padding:5px; width: 650px; margin:20px 0 4px 40px; } #registration .mPackage2 .checkbox { float:left; line-height:14px; padding-top:0px; width: 25px; } #registration .mPackage2 .label { float:left; line-height:16px; padding:0px; width: 300px; } #registration .mPackage2 .label span { line-height:16px; padding-left:0px; font-size: 11px; } #registration .mPackage2 .bill { float: right; text-align:right; line-height:14px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; width: 320px; } #registration .mPackage2 .bill-ammount{ font-size:1.7em; font-weight: bold; padding-left: 5px; } #registration .mPackage2 .bill-mont{ font-size:1.3em; font-weight: bold; } #registration .hline{ border-top: 1px solid #bbb; margin-left: 40px; } #registration select{ padding: 1px; } #registration a{ color: #222; text-decoration: underline; } #registration a:hover{ color: #222; text-decoration: none; } #faq-Container{ float:left; font-size:12px; line-height:18px; margin-top:30px; width:735px; } #faq-Container h2 { color: #555; font-size: 24px; font-weight: bold; } #faq-Container h5 { font-size:1.1em; font-weight:normal; margin-bottom:0.1em; } .error-page {background:#FBE3E4;color:#8a1f11; line-height:14px; margin:1em 0; font-size: 11px; font-family:Arial, Helvetica, sans-serif; padding:.8em;border:1px solid #FBC2C4;} #regCon-Outer{background: #d9e1b9; border: 1px solid #c2c9a7; padding: 5px;} #regCon-Inner{background: #e5edc7; border: 1px solid #f7f9ed; padding: 29px; text-align:center; color: #444;} #regCon-Inner .msg{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #444;} #regCon-Inner a{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #0077bf; text-decoration: none;} #regCon-Inner a:hover{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #0077bf; text-decoration: underline;} #registration ul { color: #222; font-family: Arial, Helvetica, sans-serif;} #registration ul li { color: #222; font: 12px/23px Arial, Helvetica, sans-serif; line-height: 1em; list-style-image:url(../images/bullet_yellow.gif); margin-bottom: 20px; margin-left: 25px; padding-left: 0px;} #pack-Container{ background: #fff url(../images/pricing-box-bg.jpg) no-repeat bottom; padding: 25px 25px 15px 25px; border: 1px solid #ddd; } .pack-text { background:url(../images/pbox-1.jpg) no-repeat top; color:#666666; float:left; font-size:11px; font-weight:normal; height:113px; margin-left: 5px; padding:27px 0 0 20px; text-shadow:0.06em 0.06em 0 #fff; width:139px; } .pack-1 { background: url(../images/pbox-2.jpg) no-repeat top left; cursor: pointer; float: left; height: 143px; width: 155px; padding: 10px 0 0 0; text-align: center; } .pack-1:hover { background: url(../images/pbox-2.jpg) no-repeat bottom left; } .pack-2 { background: url(../images/pbox-3.jpg) no-repeat top left; cursor: pointer; float: left; height: 143px; width: 153px; padding: 10px 0 0 0; text-align: center; } .pack-2:hover { background: url(../images/pbox-3.jpg) no-repeat bottom left; } .pack-5 { background: url(../images/pbox-4.jpg) no-repeat top left; cursor: pointer; float: left; height: 143px; width: 155px; padding: 10px 0 0 0; text-align: center; } .pack-5:hover { background: url(../images/pbox-4.jpg) no-repeat bottom left; } h3.text { font-size: 18px; font-weight: bold; color: #666; line-height: 50px; text-shadow:0.06em 0.06em 0 #fff; margin: 0px; padding:0px; } h2.text { font-size: 24px; font-weight: bold; color: #666; line-height: 50px; text-shadow:0.06em 0.06em 0 #fff; margin: 0px; padding: 0px; } a.sing-up-link { font-size: 12px; font-weight: bold; color: #fff; line-height: 42px; text-shadow:0.08em 0.08em 0.2em #222; margin: 0px; padding: 0px; } .blueBox{ background: #dfedf6; border: 1px solid #97cbed; padding: 8px; margin-bottom: 20px; } .blueBox h3{ font-size:1.485em; margin-bottom:0.1em;} .blueBox p{ margin-bottom: 0px; } /* popup Css */ #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:998; } .popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:410px; width:510px; z-index:9999; padding:13px; } .popupContact-Inner { background: url(../images/hdng_reg_bg.jpg) repeat-x top #eee; border: 3px solid #888; font-size:13px; padding:0 20px; } .popupContact h2 { height: 53px; line-height: 53px; font-size:18px; color:#5c87ae; margin-bottom: .8em; text-align: left; } .popupContactClose { right:0px; top:0px; position:absolute; display:block; cursor: pointer; background:url(../images/close_popup.png) no-repeat; width: 46px; height: 48px; } .popupContact-Inner input.text, input.title, textarea, select { color: #888; background: #fff url(../images/input-text_bg.gif) repeat-x top; border:1px solid #bbb; } .popupContact-Inner input.text:focus, input.title:focus, textarea:focus, select:focus { color: #222; border:1px solid #5c87ae; -moz-box-shadow: 0 0 .5em #0084ff; -webkit-box-shadow: 0 0 .5em #0084ff; box-shadow: 0 0 .5em #0084ff; } .popupContact-Inner textarea { height: 45px; padding: 5px; width: 452px; } .popupContact-Inner .span-9 { line-height:16px; padding:0.2em 0 0; text-align: left; } .popupContact-Inner .label-Exp { color:#5c87ae; float:left; font-family: Tahoma, Arial,Helvetica,sans-serif; font-size:12px; line-height:14px; padding-top:13px; width:190px; text-shadow:0.06em 0.06em 0 #fff; text-align: left; } .popupContact-Inner .label-Exp span .LV_validation_message, .LV_valid { color: #73A009; text-shadow:0.06em 0.06em 0 #fff; } .popupContact-Inner .label-Exp span .LV_validation_message, .LV_invalid { color: #C00; text-shadow:0.06em 0.06em 0 #fff; } .whywfg_sep { border-bottom: 1px solid #dadada; height: 15px; margin-bottom: 15px;} #why-wfg { font-size:14px; line-height:24px; background: #fff; } #why-wfg h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif, Arial; font-weight: bold; letter-spacing: -1px; color: #333; } #features { font-size:14px; line-height:24px; background: #fff url(../images/featureBox_bg.jpg) left top repeat-y; } #features .fetr_tabContent { color:#222222; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:40px 0 10px 40px; width:720px; float:right; } #features .fetr_tabContent ul { color: #222; font-family: Arial, Helvetica, sans-serif;} #features .fetr_tabContent ul li { color: #222; font: 13px Arial, Helvetica, sans-serif; list-style-image:url(../images/bullet_orange.gif); margin-bottom: 12px; padding-left: 10px;} #features .fetr_tabContent h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Calibri, Arial; font-weight: bold; letter-spacing: -1px; margin-bottom:1.5em;} #features .fetr_tabContent h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Calibri, Arial; font-weight: bold; margin-bottom:1.5em; line-height:1.3;} #features .fetr_tabContent .left1 { float:left; width: 290px; } #features .fetr_tabContent .left1b { float:left; width: 230px; } #features .fetr_tabContent .right1 { float:right; width: 336px; } #features .fetr_tabContent .right1 img { float:right; } #features .fetr_tabContent .left2 { float:left; width: 336px; } #features .fetr_tabContent .right2 { float:right; width: 290px; margin-right: 40px } #features .fetr_tabContent .left3{ float:left; width:500px; margin-left:-48px; width:680px;} #features .fetr_tabContent .left3 img{ float:left;} #features .fetr_tabContent .right3 { float:right; width: 270px; } #features .fetr_tabLinks{ padding-top: 20px; width: 220px;} #features .fetr_tabLinks a.fetr_tab{ color:#222; display:block; font-size:13px; height:30px; line-height:30px; padding-left:20px; text-decoration:none; } #features .fetr_tabLinks a.fetr_tab:hover{ text-decoration: underline; } #features .fetr_tabLinks a.fetr_tab-active{ background:none repeat scroll 0 0 #fff; border-bottom:1px solid #E3E3E3; border-right:1px solid #fff; border-top:1px solid #E3E3E3; color:#222; display:block; font-size:13px; font-weight:bold; height:30px;line-height:30px; padding-left:20px; text-decoration:none; } #features .fetr_tabLinks a.fetr_tab-active:hover{color: #222; text-decoration: none; } #videotour-page { background:url("../images/featureBox_bg.jpg") repeat-y scroll -25px top #fff; font-size:13px; line-height:24px; } #videotour-page .fetr_tabLinks { padding-top:20px; width:195px; } #videotour-page .fetr_tabLinks a.fetr_tab { color:#222; display:block; font-size:12px; height:30px; line-height:30px; padding-left:10px; text-decoration:none; } #videotour-page .fetr_tabLinks a.fetr_tab:hover { text-decoration: underline; } #videotour-page .fetr_tabLinks a.fetr_tab-active { background:none repeat scroll 0 0 #fff; border-bottom:1px solid #E3E3E3; border-right:1px solid #fff; border-top:1px solid #E3E3E3; color:#222; display:block; font-size:12px; font-weight:bold; height:30px; line-height:30px; padding-left:10px; text-decoration:none; } #videotour-page .fetr_tabLinks a.fetr_tab-active:hover{color: #222; text-decoration: none; } #videotour-page .fetr_tabContent { color:#222222; float:right; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:20px 0 10px 20px; width:770px; } /* ----------------- VIDEO PAGE ---------------- */ .videopage-header { height: 25px; padding: 22px 0 25px 15px; } .videopage-header h2 { font-size: 0px; margin-bottom: 0px; text-indent: -9999px; height: 25px; } .videopage-body{ background:url(../images/videodemo/header.jpg) left top repeat-x; } .video900px { width:942px; margin:auto; } .vidoefloor { background:url(../images/videodemo/floor.gif) center bottom no-repeat;} .videocontainer{ border:1px solid #666; padding:10px; background:#000; -moz-border-radius:7px; -webkit-border-radius:7px;} .videopage-signup { float: right; padding-left:53px; padding-top:10px; width:298px;} .videopage-signup a.signup-top { background:url("../images/btn-tour-signup.png") no-repeat 0 0 transparent; display:block; height:45px; text-indent: -9999px; width:277px; } .videopage-signup a.signup-top:hover { background: url("../images/btn-tour-signup.png") no-repeat 0px -45px transparent; text-decoration: none; } a.signup { background:url("../images/btn_tour-signup-1.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; height:62px; line-height:62px; padding-left:17px; text-decoration:none; text-shadow:0.08em 0.08em 0.1em #333333; width:266px; } a.signup:hover { background: url(../images/btn_tour-signup-2.png) no-repeat; text-decoration: none; } /* ----------------- HOMEPAGE ------------------ */ #slider { width: 100%; overflow: hidden; height: 301px; border-bottom:1px solid #F6E1B4; } /* Campaign items */ .campaign { height: 300px; width: 100%!important; } .campaign_content { width: 1020px; height: 300px; margin: 0 auto; display: block; text-indent: -9999px; } /* Campaign Features */ #feature_5_2 {background: url(../images/home-banners/01-bg.gif) repeat-x center top; width: 100%; height: 300px; border-bottom:1px solid #00102B;} #feature_5_2 .campaign_content {background: url(../images/analytic-img.gif) 590px 50px transparent no-repeat;} #f03 {background: url(../images/home-banners/03.jpg) repeat-x center top; width: 100%; height: 300px; border-bottom:1px solid #000;} #f03 .campaign_content {background: transparent no-repeat top left;} #f04 {background: url(../images/home-banners/04.jpg) repeat-x center top; width: 100%; height: 300px; border-bottom:1px solid #000;} #f04 .campaign_content {background: transparent no-repeat top left;} #f05 {background: url(../images/home-banners/05-bg.jpg) repeat-x center top; width: 100%; height: 300px; border-bottom:1px solid #000;} #f05 .campaign_content {background: transparent no-repeat top left;} p.tagline a { text-decoration: none; color: #666; } p.tagline em { color: #666; font-style: normal; } #slider_controls { width: 958px; position: relative; margin: 0 auto; height: 1px; } #slider_controls ul { /*background: transparent url(../images/btn_slider_nav.png) no-repeat bottom center;*/ display:block; height:32px; position: relative; right:0; text-indent:-9999px; top:-32px; width:164px; z-index:9998; list-style:none; margin:0px auto; } #slider_controls li { float: left; width: 82px; height: 32px; } #slider_controls li a { display: block; height: 32px; } #slider_next{ background:url(../images/btn_slide_right-a.png) no-repeat; display: block; height: 32px; width: 82px; } #slider_next:hover{ background:url(../images/btn_slide_right-b.png) no-repeat; display: block; height: 32px; width: 82px; } #slider_prev{ background:url(../images/btn_slide_left-a.png) no-repeat; display: block; height: 32px; width: 82px; } #slider_prev:hover{ background:url(../images/btn_slide_left-b.png) no-repeat; display: block; height: 32px; width: 82px; } #call_to_action { font-family: "Trebuchet MS",serif; position: relative; overflow: hidden; margin: 0 auto 40px auto; } #call_to_action .signup, #call_to_action .demo { float: left; width: 175px; height: 55px; text-align: center; line-height: 55px; font-size: 18px; margin-right: 10px; text-decoration: none; color: #FFF; text-transform: uppercase; } #call_to_action a.signup { text-shadow: 1px 1px 1px #a37226; } #call_to_action a.demo { text-shadow: 1px 1px 1px #2e77ad; } /* New Homepage Styling */ .homepage-bg { background:url(../images/bg-home.jpg) center top repeat-x;} .taketour { margin-top:18px; width:230px;} .taketour a{ display: block; height: 70px; width: 230px; background:url(../images/vdt01.png) no-repeat top left; text-decoration: none;} .taketour a:hover{ display: block; height: 70px; width: 230px; background:url(../images/vdt01.png) no-repeat bottom left; text-decoration: none;} .taketour img {border:none;} /* image preloader */ .imgloader {display:none;} .client-Box { background: #fff; height: 230px; margin: 0 0 0 20px; padding: 6px 5px; width: 246px; } .client-Box h3 { background-color: #45a4d4; color: #fff; padding: 6px 10px 7px 10px; margin: 1px 5px 5px 0px;} .client-Box p.text { padding: 10px 10px 0 10px; font-size: 13px; } .client-Box a{ color:#fff; display:block; margin:128px 0 0 0; text-align:center; width:190px;} .client-Box a:hover{ color: #fff;} /* Update Landing Pages */ .collaborative-goal-managment-banner { background:url(../images/collab-goal-mamagement.jpg) center top no-repeat; border:1px solid #E3E3E3; border-bottom:none; height:280px; width:988px; border-radius:7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; text-indent:-9000px;} .collaborative-goal-managment-banner ul {list-style:none;} /* ----------------- SPACER CLASSES ---------------- */ .spacer10 { height:10px; margin:0px; padding:0px; width:auto; clear:both;} .spacer20 { height:20px; margin:0px; padding:0px; width:auto; clear:both;} .spacer30 { height:30px; margin:0px; padding:0px; width:auto; clear:both;} .wraper-feature{ background-color:#e4eff5; border: 1px solid #E3E3E3; margin : -10px auto 0 auto; padding:25px 0; width: 988px; } #sidebar{ margin-left:20px; width:210px; } .sidebar-sep { background: url(../images/side-bar-sep.gif) repeat-x 0 -13px; clear: both; height: 56px; } .sidebar-sep2 { background: url(../images/side-bar-sep.gif) repeat-x 0 0; clear: both; height: 69px; } .success-pages { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C2C3C8; padding:20px; width:700px; } .seprator { background:url("../images/seprator.gif") repeat-x scroll center top transparent; height:15px; } #videotour-page2 { } #videotour-page2 .fetr_tabLinks { background: #EFF5FF; border-bottom: 1px solid #E3E3E3; height: 29px; padding-left: 24px; } #videotour-page2 .fetr_tabLinks a.fetr_tab { color:#222; display:block; float: left; font-size:12px; height:30px; line-height:30px; padding: 0 20px; text-decoration:none; } #videotour-page2 .fetr_tabLinks a.fetr_tab:hover { text-decoration: underline; } #videotour-page2 .fetr_tabLinks a.fetr_tab-active { background:none repeat scroll 0 0 #fff; border-left:1px solid #E3E3E3; border-right:1px solid #fff; border-right:1px solid #E3E3E3; color:#222; display:block; float: left; font-size:12px; font-weight:bold; height:30px; line-height:30px; padding: 0 20px; text-decoration:none; } #videotour-page2 .fetr_tabLinks a.fetr_tab-active:hover{color: #222; text-decoration: none; } #videotour-page2 .fetr_tabContent { padding: 25px 24px; } .webinar-box { border-right: 1px solid #e3e4e8; color: #666; display: block; float: left; font-size: 12px; font-weight: normal; height: 125px; width: 115px; text-align: center; vertical-align: baseline; text-decoration: none; padding: 0 20px; } .webinar-box a { color: #73a009; display: block; font-size: 12px; font-weight: bold; padding: 12px 0 0; text-decoration: none; } .webinar-box a:hover{ color: #3992ca; } .webinar-box { border-right: 1px solid #e3e4e8; color: #666; display: block; float: left; font-size: 12px; font-weight: normal; height: 125px; width: 115px; text-align: center; vertical-align: baseline; text-decoration: none; padding: 0 20px; } .webinar-box a { color: #73a009; display: block; font-size: 12px; font-weight: bold; padding: 12px 0 0; text-decoration: none; } .webinar-box a:hover{ color: #3992ca; } .shedule-box{ background: #eee; margin: 10px 0; padding: 10px; width: 100% } .month { display: block; text-align: center; background: #86b022; font-size: 12px; color: #fff; width: 40px; line-height: 16px; border: 1px solid #666; border-bottom: 0; } .day { display: block; text-align: center; background: #fff; font-size: 18px; font-weight: bold; color: #222; width: 40px; line-height: 30px; border: 1px solid #666; border-top: 0; } .clear {clear:both; height: 0px; line-height: 0px; font-size: 0px;} .height-5 { padding: 0px; margin: 0px; line-height: 0px; height: 5px; clear:both; } .height-10 { padding: 0px; margin: 0px; line-height: 0px; height: 10px; clear:both; } .height-15 { padding: 0px; margin: 0px; line-height: 15px; height: 15px; clear:both; } .height-20 { padding: 0px; margin: 0px; line-height: 20px; height: 20px; clear:both; } .height-30 { padding: 0px; margin: 0px; line-height: 30px; height: 30px; clear:both; } .height-40 { padding: 0px; margin: 0px; line-height: 40px; height: 40px; clear:both; } #pricing-2 { border: 1px solid #ccc; background: #eee; text-align: center; padding: 30px 30px; -moz-box-shadow: 0 2px 0.2em #DDDDDD; -webkit-box-shadow: 0 2px 0.2em #DDDDDD; box-shadow: 0 2px 0.2em #DDDDDD; border-radius: 5px; -moz-border-radius: 5px;-webkit- border-radius: 5px; } #calculate-emp span{ display:block; float:left; font-size:30px; font-weight:bold; height:55px; padding:7px 10px 0 106px; } #calculate-emp input.text { border:1px solid #bbb; background: #fff url(../images/input-text_bg.gif) repeat-x top; float: left; padding: 5px 0px;font-size: 2.5em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; width: 120px; text-align: center; margin:0 10px 0 0;} #calculate-emp input.text:focus { color: #222; border:1px solid #5c87ae; -moz-box-shadow: 0 0 .2em #0084ff; -webkit-box-shadow: 0 0 .2em #0084ff; box-shadow: 0 0 .2em #0084ff; } input.input-button { background:url(../images/input-btn-bg.jpg) top repeat-x; border: 1px solid #77a100; height: 55px; float: left; line-height: 50px; color: #fff; font-size: 24px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin-top:0; padding: 0 10px;text-align: center; -moz-box-shadow: 0 1px 0.1em #fff; -webkit-box-shadow: 0 1px 0.1em #fff; box-shadow: 0 1px 0.1em #fff; border-radius: 5px; -moz-border-radius: 5px;-webkit- border-radius: 5px; text-shadow:2px 2px 2px #999999; outline: none; } input.input-button:hover { background:url(../images/input-btn-bg.jpg) bottom repeat-x; border: 1px solid #2875bf; cursor: pointer; } input.input-button2 { background:url(../images/input-btn-bg.jpg) top repeat-x; border: 1px solid #77a100; height: 45px; float: left; line-height: 45px; color: #fff; font-size: 18px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; margin-top:0; padding: 0 15px;text-align: center; -moz-box-shadow: 0 1px 0.1em #fff; -webkit-box-shadow: 0 1px 0.1em #fff; box-shadow: 0 1px 0.1em #fff; border-radius: 5px; -moz-border-radius: 5px;-webkit- border-radius: 5px; text-shadow:2px 2px 2px #999999; outline: none; } input.input-button2:hover { background:url(../images/input-btn-bg.jpg) bottom repeat-x; border: 1px solid #2875bf; cursor: pointer; } .show-cost { border: 1px solid #ccc; background: #fff; -moz-box-shadow: 0 2px 0.2em #ddd; -webkit-box-shadow: 0 2px 0.2em #ddd; box-shadow: 0 2px 0.2em #ddd; border-radius: 5px; -moz-border-radius: 5px;-webkit- border-radius: 5px; margin: 0 auto; width: 680px;} #show-cost2 { border: 1px solid #ccc; background: #fff; -moz-box-shadow: 0 2px 0.2em #ddd; -webkit-box-shadow: 0 2px 0.2em #ddd; box-shadow: 0 2px 0.2em #ddd; border-radius: 5px; -moz-border-radius: 5px;-webkit- border-radius: 5px; margin: 0 auto; width: 680px; padding: 20px; text-align: center;} .border-k2 { background: #fff; padding-right:0px; margin-right:0px; border:1px solid #ccc; border-top: 0px; } .border-k2 h3 { font-size: 18px; font-weight: bold; color: #; line-height: 24px; } .border-k2 p { line-height: 24px; } .the-ginnts-message { font-family: Arial, Helvetica, sans-serif; color: #212121; margin: 0 0 0.2em; } a.learn-about-k2 { display: block; width: 159px; height: 169px; margin: 0 auto; text-decoration: none; } a.learn-about-k2:hover { background:url(../images/learn-about-k2.png) no-repeat; } a.learn-about-matterhorn { display: block; width: 159px; height: 169px; margin: 0 auto; text-decoration: none; } a.learn-about-matterhorn:hover { background:url(../images/learn-about-matterhorn.png) no-repeat; } .choose-cloude { margin: auto; width: 312px; text-align: center; padding: 0 0 20px 0; } .warper-home-k2 { background-color: #e4eff5; padding: 25px 0; } .float-right { float: right; } #about-us { font-size:14px; background: #fff; } #about-us p { line-height: 24px;} #features-banner { height: 310px; } #features-banner h2 { margin-bottom: 0px; text-indent: -9999px; height: 57px; } #features-banner a.learnmore { background: #4998cb url(../images/feature-btn.gif) top repeat-x; border:1px solid #4999cb; color: #fff; text-align: center; font-size: 14px; display: block; height: 30px; width: 120px; line-height: 28px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #features-banner a.learnmore:hover { background: #fff; border: 1px solid #ccc; color: #000; text-decoration: none; } #features-banner a.sign-up { background: #83be49 url(../images/feature-btn.gif) bottom repeat-x; border: 1px solid #5a9b1b; color: #fff; text-align: center; font-size: 14px; display: block; height: 30px; width: 170px; line-height: 28px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #features-banner a.sign-up:hover { background: #fff; border: 1px solid #ccc; color: #000; text-decoration: none; } #features-home { font-size:12px; line-height:18px; background: transparent; border: 1px solid #e3e3e3; border-top: 0px; } #features-home h3 { margin-bottom: 0.4em;} #features-home p { text-align: justify; } #features-home ul { list-style: square; } #features-home ul li { margin-bottom: 15px; padding-left: 10px; } #features-home a.learn-more { background: #fff; border:1px solid #ccc; color: #666; text-align: center; font-size: 11px; display: block; height: 20px; width: 84px; line-height: 19px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #features-home a.learn-more:hover { background: #eee; border: 1px solid #bbb; color: #000; text-decoration: none; } .border_right { border-right: 1px solid #ccc; } /* New Home 1 March */ #banner-container { background: url(../images/pro-culture-banner.jpg) center top repeat-x; height: 500px; width: 100%; } #banner-container02 { background: url(../images/employee-value-banner.jpg) center top repeat-x; height: 500px; width: 100%; } .banner { background: center 20px no-repeat; height: 275px; margin: 0 auto; padding: 225px 0 0 0; width: 980px; } /* BG url(../images/bannerbg2.jpg) */ .updateBox { background: #fff url(../images/component_bg.gif) bottom repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 3px 5px #aaa; -webkit-box-shadow: 2px 3px 5px #aaa; box-shadow: 2px 3px 5px #aaa; float: left; margin: 0 0 0 16px; padding: 1px; height: 160px; overflow: hidden; width: 142px; } a.perfReview { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background:url(../images/img-performanceReview.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; text-decoration: none; } .perfReview-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .perfReview-Box a { color: #287bb0; } a.comNewsfeed { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background:url(../images/img-companyNewsfeed.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; text-decoration: none; } .comNewsfeed-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .comNewsfeed-Box a { color: #b3594a; } a.realtimeFeedback { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background: url(../images/img-realtimeFeedback.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; text-decoration: none; } .realtimeFeedback-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .realtimeFeedback-Box a { color: #cba337; } a.humanAnalytics { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background: url(../images/img-humanAnalytics.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; } a.humanAnalytics:hover { text-decoration: none; } .humanAnalytics-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .humanAnalytics-Box a { color: #8ba45e; } a.awards { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background: url(../images/img-awards.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; } a.awards:hover { text-decoration: none; } .awards-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .awards-Box a { color: #ae5175; } a.collabGM { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #666; display: block; background: url(../images/img-goalManagement.gif) top no-repeat; height: 45px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 120px 0 0 0; text-align: center; } a.collabGM:hover { text-decoration: none; } .collabGM-Box { color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 80px; line-height: 16px; padding: 16px 10px 0; text-align: center; } .collabGM-Box a { color: #5990b1; } .online-support { top: 155px; float: right; position: fixed; right: 0; } #backgroundPopup-featurs { display:block; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; opecity: .2; z-index:-1; } .getstarted { background: url(../images/blue-bar.jpg) repeat-x top center; height: 86px; } input.email { background: #fff; border: 1px solid #375d78; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 2px 4px #999 inset; -webkit-box-shadow: 1px 2px 4px #999 inset; box-shadow: 1px 2px 4px #999 inset; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #5a8eb7; padding: 10px; width: 240px; } input.signupbtn { background: #738a46 url(../images/btn_signup.gif) repeat-x top; border: 1px solid #4a6400; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; padding: 8px 15px; float: left; width: auto; /* IE table-cell margin fix */ overflow: visible; } input.signupbtn:hover { background: #449fe2 url(../images/btn_signup.gif) repeat-x bottom; border: 1px solid #2f75a1; } a.wtour { background:url(../images/watchtour.png) top no-repeat; color: #5C87AE; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 29px; margin-top: -38px; padding-top: 91px; position: relative; text-align: center; text-decoration: underline; width: 167px; } a.wtour:hover { background:url(../images/watchtour.png) bottom no-repeat; text-decoration: none; } /* old width with webinar ..... a.schedule_demo { background: #ebf5f7 url(../images/schedule.gif) center -115px no-repeat; color: #5C87AE; cursor: pointer; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 40px; line-height: 14px; margin: 0 0 0 15px; padding: 47px 0 0; text-align: center; text-decoration: none; vertical-align: baseline; width: 95px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } */ a.schedule_demo { background: url("../images/schedule.gif") no-repeat scroll center -115px #EBF5F7; color: #5C87AE; cursor: pointer; display: block; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; height: 40px; line-height: 14px; margin: 0 0 0 17px; padding: 47px 0 0; text-align: center; text-decoration: none; vertical-align: baseline; width: 161px; } a.schedule_demo:hover{ background: #3992ca url(../images/schedule.gif) center 10px no-repeat; color: #fff; } a.free_webibnars { background: #ebf5f7 url(../images/fwebinars.gif) center -109px no-repeat; color: #5C87AE; cursor: pointer; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 40px; line-height: 14px; margin: 0 0 0 15px; padding: 47px 0 0; text-align: center; text-decoration: none; vertical-align: baseline; width: 95px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a.free_webibnars:hover{ background: #3992ca url(../images/fwebinars.gif) center 10px no-repeat; color: #fff; } a.green_btn { background: #738a46 url(../images/green_btn.gif) repeat-x top; border: 1px solid #77a100; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; height: 42px; line-height: 42px; text-align: center; text-decoration: none; padding: 0px 15px; text-shadow: 1px 1px 2px #444; margin: 0 20px; } a.green_btn:hover { background: #3e7400 url(../images/green_btn.gif) repeat-x bottom; border: 1px solid #77a100; } a.blue_btn { background: #4b81b9 url(../images/blue_btn.gif) repeat-x top; border: 1px solid #5b86ad; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; height: 42px; line-height: 42px; text-align: center; text-decoration: none; padding: 0px 15px; text-shadow: 1px 1px 2px #444; margin: 0 20px; } a.blue_btn:hover { background: #416597 url(../images/blue_btn.gif) repeat-x bottom; border: 1px solid #5b86ad; } .pricing-table { background-color: #fff; margin-bottom: 1em; } .pricing-table td { border-bottom: 1px solid #ccc; padding: 0px; font-size: 14px; color: #666; } .pricing-table td.top-lc { background: #e7edf1 url(../images/ptable_topgrayborder.gif) bottom left no-repeat; } .pricing-table td.top-lc2 { background: #e7edf1 url(../images/ptable_topgrayborder.gif) bottom right no-repeat; } .pricing-table td.top-heading { background: url(../images/ptable-thdng_bg.gif) top left no-repeat; } .pricing-table td.row-left { border-left: 1px solid #ccc; padding-left: 20px; } .pricing-table td.row2-style2 { background: #eeeeee; border-right: 1px solid #ccc; height: 50px; } .pricing-table td.row1-style1 { background: #fbfbfb; border-right: 1px solid #ccc; height: 50px; } .pricing-table td.bottom { background: #e7edf1 url(../images/ptable-bottombg.gif) top right no-repeat; border: 0px;; height: 10px; } .pricing-table td.bottom-lc { background: #E7EDF1; border-bottom: 0 none; border-right: 1px solid #ccc; } .text-center { text-align: center; } .text-right { text-align: right; } .border_bottom { border-bottom: 1px solid #bbb; } .border_bottom-ddd { border-bottom: 1px solid #ddd; } #pricing-Container { background: #fff; border: 1px solid #ddd; } .mpack { padding: 25px; } .pricing-box { background: #e7edf1; padding: 25px 30px; } #product-home { font-size:13px; line-height:18px; background: transparent; border: 1px solid #e3e3e3; padding: 10px; } #product-home h3 { font-size: 1.3em; margin-bottom: 0.4em;} #product-home p { text-align: justify; } #product-home ul { list-style: square; } #product-home ul li { margin-bottom: 15px; padding-left: 10px; } #product-home a { color: #222; } .product-header { height: 40px; padding: 13px 0 20px 15px; } .product-header h2 { font-size: 0; height: 38px; margin-bottom: 0; text-indent: -9999px; } .blue-box { background: #e4ecf5; border: 1px solid #c0cfdf; padding: 30px 25px 10px 25px; } .signupProduct_Box { background-color: #1b779c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; padding: 10px 15px; margin: 10px 0 0; width: 550px; } input.productEmail-1 { background: #fff; border: 1px solid #86badb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 2px #bbb inset; -webkit-box-shadow: 1px 1px 2px #bbb inset; box-shadow: 1px 1px 2px #bbb inset; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #5a8eb7; float: left; margin: 0 0 0 10px; padding: 5px 10px; width: 220px; } input.productSignup-1 { background: #738a46 url(../images/btn_signup.gif) repeat-x top; border: 1px solid #4a6400; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 10px; float: left; margin: 0 0 0 12px; width: auto; /* IE table-cell margin fix */ overflow: visible; } input.productSignup-1:hover { background: #449fe2 url(../images/btn_signup.gif) repeat-x bottom; border: 1px solid #2f75a1; } .wraper-feature { background-color:#f1f8fd; border: 1px solid #e3e3e3; margin : -10px auto 0 auto; padding:25px 0; width: 988px; } input.productEmail-2 { background: #fff; border: 1px solid #82a8c2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 3px #bbb inset; -webkit-box-shadow: 1px 1px 3px #bbb inset; box-shadow: 1px 1px 3px #bbb inset; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #5a8eb7; padding: 10px; width: 240px; }