/* Page Styles */
.mainWrapper {
	width: 100%;
	background-position:center top;
	background-repeat:repeat-x;
}

/* Custom container */
/*djb .container { margin: 0 auto; max-width: 995px; } */
.whtBg {background:#fff; }
/*djb .container.whtBg { margin: 0 auto; max-width: 957px;  padding:0 19px !important; }*/
.header-wrap{ width:100%; background:#282828 url(../images/topbg.jpg) repeat-x;height:60px; }
.page_header { padding: 8px 0 15px 0; color:#bfbfbf; }
.row-fluid{
	width:100%;
	*zoom:1;
	clear:both;
}
.logoPane{float:left; width:220px;}
/*.topctrlBtn{float:left;}*/
ul.topNav{float:left; display:block; margin:0; padding:4px 0px 0 10px;}
ul.topNav li{float:left; padding:0 20px 0 0px; list-style:none; line-height:22px; }
ul.topNav li a{font-size:16px; color:#ffffff;}
ul.topNav li a:hover, ul.topNav li a.selected {font-size:16px; color:#FF7407; text-decoration:none;}
.mobTopNav{float:left; width:97%; display:none; padding:5px 0 5px 0px; text-align:center;}
.mobTopNav select {
    border: 1px solid #666666;
	background:#282828 !important; color:#ffffff;
    width: 70%;
}
.loginBtnPane{float:left; position:relative;}
.sloganBar{width:100%; background:#0D870D;height:80px;}
.sloganWrap{font-size:36px; font-weight:bold; padding: 10px 5px 10px 0; color:#ffffff; }
.functionWrap{padding: 30px 0 30px 0; color:#666666; background:#ebebeb;}
.bodyContWrap{ background:#ffffff;}
.footerWrap{ padding: 30px 0 30px 0; color:#ffffff; background:#2b2b2b; font-family: 'Montserrat Bold',Helvetica,Arial,Lucida,sans-serif;}
.btmWrapTitle{float:left; color:#62a531; padding:0 0 10px 0; font-size: 23px; line-height: 1em;}
.impLinksCont{float:left; width:25%; }
ul.impLinkList{float: left; margin:0; padding:0;}
ul.impLinkList li{float:left; list-style:none; border-bottom:1px solid #464646; width:185px; font-size:12px; color:#e1e1e1; line-height:30px;}
ul.impLinkList li.lastnb{border-bottom:none;}
.testimonialCont{float:left; width:240px; padding-right:40px;}
.testimDesc{float:left; color:#e1e1e1; font-size:12px;}
.testimAuthor{float:left; padding:15px 0 0 0;}
.testimAuthor a{color:#0D870D; font-size:12px;}
.getSocoalCont{float:left; width:240px;}
.socialMsg{float:left; width:172px; font-size:12px; color:#e1e1e1; line-height:18px;}
.socailIconList{float:left; width:200px; padding:20px 0 0 0;}
.socailIconList a{float:left;}
.fContactCont{float:left; width:195px;}
.fcontactDetails{float:left; padding:0 ; color:#e1e1e1; font-size:12px;clear: both;}
.fBotWrap{ padding: 5px 0 5px 0; color:#ffffff; background:#1d1d1d; text-align:center; font-size:12px; color:#9b9b9b;}
.loginBtnCont{float:left; background:#000000 url(../images/lockIcon.png) 10px 8px no-repeat; border-radius:14px; width:auto; padding:6px 10px 7px 30px;  }
.loginBtnCont a{color:#ffffff; font-weight:bold;}
.topNavRightCont{float:right; padding:8px 0 0 0;}
.topNavBtnCont{float:left; padding:0 10px 0 0;}
.funcContainer{float:left; width:480px; padding:0 110px 0 0;}
ul.funcContList{float:left; width:520px;}
ul.funcContList li{float:left; width:250px; padding-bottom:15px;}
ul.funcContList li .funcTh{float:left; width:73px; padding-right:12px;}
ul.funcContList li .funcDesc{float:left; width:155px;}
ul.funcContList li .funcDesc{float:left; width:150px; padding:6px 0 0 0;}
ul.funcContList li .funcDesc .functitle{float:left; font-size:18px; color:#333333; font-weight:bold; padding:0 0 10px 0; width:95%;}
ul.funcContList li .funcDesc .funcText{float:left; font-size:14px; color:#666666; }
.funcRightPanel{float:left; color:#666666; width:360px; font-size:14px; line-height:20px; padding:5px 0 0 0; line-height:21px;}
.introImgCont{float:left; width:465px;  padding:30px 40px 0px 0;}
.surveyFrmCont{float:left;  width:47%; padding:45px 0 0 0; }
.surveyFrmCont .introTxt{float:left; color:#333333; font-size:32px; line-height:40px; font-weight:600; }
.surveyFrmCont .introTxt span{color:#0D870D;}
.surveyFrmCont .frmContent{float:left; padding:30px 0 0 0;}
.surveyFrmCont .frmContent .fldTitle{color:#333333; font-size:18px; padding:0 0 8px 0;}
.surveyFrmCont .frmContent .sarveyFld{float:left;}
.surveyFrmCont .frmContent .sarveyFld input[type="text"]{border:1px solid #808080; width:385px; padding:8px 10px 8px 10px; border-radius:7px;}
.searchCont{float:right; width:162px; padding:25px 0 0 0;}
.searchCont input[type="text"]{border-radius:15px; padding:5px 10px 4px 10px; font-size:12px; color:#bfbfbf; background:#ffffff url(../images/searchIcon.png) right top no-repeat; width:140px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #5b9730; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}

.footer{float:left;font-family: "open sans", Arial, sans-serif;}
/* 08 May 2013 */
.stepsWrapper {padding:25px 0;}
.stepsWrap {min-width:20%; padding-right:10; margin-bottom:10px; float:left;}
.stepsWrap .outerCrcle {width:31px; padding:6px; border:1px solid #c6c6c6; border-radius:25px; float:left;}
.stepsWrap .innerCrcle {width:31px; height:26px; padding-top:4px; margin:auto; background:#dfdfdf; font-size:18px; border-radius:18px; text-align:center; color:#fff;}
.stepsWrap .innerCrcle.selected {background:#0D870D;}
.stepsWrap .title {padding:12px 10px 0 10px; color:6c6c6c; font-size:18px; font-weight:bold; float:left;}
#stepsForm {padding-bottom:10px;}
#stepsForm ul li {position:relative;}
#stepsForm ul li div.listTitle {font-size:18px; color:#333; height:26px; width:55%; float:left; border:1px solid #fff;/* background:url(../images/radio_bgimg.png) 3px 0px no-repeat;*/ padding:5px 0 5px 6px; line-height:25px;}
#stepsForm ul li div.listTitle.selected {/*background:url(../images/radio_bgimg.png) 3px -34px no-repeat;*/ border:1px solid #ccc; border-radius:20px 0 0 20px; border-right:0;}
#stepsForm ul li div.listOptions {position: absolute; z-index:5; background:#fff; top:0; right:0; border:1px solid #ccc; color:#333; border-radius:25px; width:40%; padding:10px; }
#stepsForm ul li div.listOptions.one {top:0px; padding:22px 45px 12px; }
#stepsForm ul li div.listOptions.two {top:-48px; padding:22px 45px 12px; }
#stepsForm ul li div.listOptions.three {top:-100px; padding:22px 45px 12px;}
#stepsForm ul li div.listOptions.four {top:-144px; padding:22px 45px 12px; }
#stepsForm ul li div.listOptions .listSuboptions {padding:6px 0; margin:5px 0; font-size:18px; line-height:26px;}
/*#stepsForm ul li div.listOptions .listSuboptions.selected, #stepsForm ul li div.listOptions .listSuboptions:hover {background:url(../images/radio_bgimg.png) -3px -33px no-repeat;}*/
.selectHow_txtWrap {padding-top:20; padding-bottom:20px; font-size:32px; line-height:36px; font-weight:bold; color:#333;}
#stepsForm ul li div.listOptions .whtbrdr1 {position: absolute; left:-1px; width:1px; background:#fff; height:36px;}
#stepsForm ul li div.listOptions.one .whtbrdr1 {top:0px; width:20px;}
#stepsForm ul li div.listOptions.two .whtbrdr1 {top:48px;}
#stepsForm ul li div.listOptions.three .whtbrdr1 {top:100px;}
#stepsForm ul li div.listOptions.four .whtbrdr1 {top:144px; width:7px;}
.steps_btnWrapper {padding:15px 0 22px 0;text-align:center;}
.steps_btnWrapperhomepage {padding:116px 0 22px 0;text-align:center;}
.steps_btnWrapper a {margin-right:10px;}
.steps_btnWrapperhomepage a {margin-right:10px;}
.listSuboptions input[type="text"] {width:90%; margin:0; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
.listSuboptions.stp3 {color:#666; margin:2px 0 !important; text-align:right;}
.listSuboptions.stp3 input.gryBtn {background:url(../images/gry_btn_bg.jpg) repeat-x; padding:9px 20px; border:1px solid #bcbcbc; border-radius:8px; font-size:14px; color:#575757;}
.stp4_opt {padding-bottom:15px; font-size:18px; color:#333; line-height:18px; line-height:27px;}
.stp4_opt span.radio {margin-right:10px;}
.stp4_opt div input[type="text"] {font-size:12px; margin:4px 0 0;}
.stp4ColR {width:380px; padding-top:40px; float:left;}
.stp4_orWrap {width:60px; border:1px solid #e8e8e8; margin:auto; border-radius:32px; background:#f8f8f8; font-size:25px; color:#999; text-align:center; padding:20px 0;}
.stp4ColM {width:205px; padding-top:70px; padding-bottom:28px; float:left;}
.stp4ColL {width:370px; float:left; height:213px;}
.stp4_opt textarea {font-size:14px; height:100%; padding:5px; width:96%; resize:none; overflow:auto;}
.stp5_colL {width:100%; float:left;}

.stp5_colL .fldLable {width:31%; padding-top:4px; float:left; text-align:right; font-size:16px; color:#444; padding-right:15px;}

#presentationtype_tab .stp5_colL .fldLable {width:31%; padding-top:4px; float:left; text-align:left; font-size:12px; color:#444; padding-right:15px;}
#presentationtype_popup .stp5_colL .fldLable {width:31%; padding-top:4px; float:left; text-align:left; font-size:12px; color:#444; padding-right:15px;}
#divsurveyquestion .stp5_colL .fldLable {width:31%; padding-top:4px; float:left; text-align:left; font-size:14px; color:#444; padding-right:15px;}

.stp5_colL .fldWrap {width:63%; float:left;height:50px;}



/*#presentationtype_tab .fldLable {width:36%; padding-top:4px; float:left; text-align:left; font-size:16px; color:#444; padding-right:15px;}
#presentationtype_popup .fldLable {width:36%; padding-top:4px; float:left; text-align:left; font-size:16px; color:#444; padding-right:15px;}*/

#presentationtype_tab .fldWrap {width:63%; float:left;height:100px;line-height: 25px;}
#presentationtype_popup .fldWrap {width:63%; float:left;height:100px; line-height: 25px;}


.stp5_colL .fldWrap12 {width:66%; float:left;}
/*.stp5_colL .fldWrapAR {width:80%; float:left;height:70px;}*/
.stp5_colL .fldWrap input[type="text"] {width:94%; color:#222222; font-size:12px; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
.stp5_colL .fldWrap input[type="password"] {width:91%; color:#222222; font-size:12px; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
.stp5_colL_half {width:40%; float:left;}
/* 09 May 2013 */
.stp5_frmWrap {padding:0 3px 0;}
.accVrfyWrap {padding:0px 0 10px; font-size:18px; color:#333;}
.redTxt {color:#f86b35;}
.custom-checkbox, .custom-radio { position: relative; }
/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label,
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 1.3em;
	padding-right: 1em;
	line-height: 1;
	padding: .35em 0 .2em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}
.listSuboptions > .custom-checkbox label, .listSuboptions > .custom-radio label {
	padding: .35em 0 .7em 30px;
}
/* states */
.custom-radio label { background: url(../images/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px; width:95%;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}
.custom-checkbox label.checked,
.custom-radio label.checked {
	background-position: -10px -214px;
}
.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}
.custom-checkbox label.focus,
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}
.emotion_icon1, .emotion_icon2, .emotion_icon3, .emotion_icon4, .emotion_icon5 {background:url(../images/icon_emotion.png) no-repeat; width:30px; display:inline-block; height:30px; margin-right:10px; }
.emotion_icon1 {background-position:0 bottom;}
.emotion_icon2 {background-position:-44px bottom;}
.emotion_icon3 {background-position:-90px bottom;}
.emotion_icon4 {background-position:-133px bottom;}
.emotion_icon5 {background-position:-174px bottom;}
.emotion_icon1.selected {background-position:0 top;}
.emotion_icon2.selected {background-position:-44px top;}
.emotion_icon3.selected {background-position:-90px top;}
.emotion_icon4.selected {background-position:-133px top;}
.emotion_icon5.selected {background-position:-174px top;}
.emotionIConWrap, .stp4_urlFld {padding-left:30px;}
.popover-content {
    padding: 1px 0 5px;
}
.signupPOpanel {
    right:20px;
    top: 58px;
    width: 300px;
}
.signUpPOCont {
    color: #555555;
    float: left;
    padding: 10px;
}
.frmIdLbl {
    float: left;
    font-weight: bold;
    padding: 0 5px 3px 0;
}
.popover.bottom .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    margin-left: 90px !important;
    top: -11px;
}
.popover.bottom.signupPOpanel {position: absolute;right:0px !important;top:32px !important;}
.signupPOpanel .frmIdFld input[type="text"] {width:95%;}
.signupPOpanel .frmIdFld input[type="password"] {width:95%; margin-bottom:5px;}
 #ometrics_popup_form input[type=text],
.edit_popup_form input[type=text]{
	box-sizing: content-box;
}
#ometrics_popup_form input#email.emailbox,
.edit_popup_form input#email.emailbox {
    margin-bottom: 10px;
    margin-left: 5px;
}
.ckformtitle{
	height: 90px;
	width: 100%;
	padding: 10px;
}
/* Media Query */
     /* Large desktop */
    @media (min-width: 1200px) {
		/*djb .container { width: 955px; padding:0 20px;}*/
	}
     /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.mainWrapper { width: 100%; }
		.container {width:100%; }
		.container.whtBg { margin: 0 auto; width: 100%; padding:0; }
		.logoPane {float:left; width: 100%; padding:0 0 10px 0; text-align:center;  }
		.loginBtnCont{margin-left:45%; }
		.loginBtnPane{float:left; width:100%; margin-top:10px;  border-top: 1px solid #464646; padding:10px 0 0 0;}
		.topNavRightCont { float:left; width:100%; }
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; width: 97%; }
		.searchCont {width: 88%; float:left; padding:0 10px 0 0px; padding-left:10%;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		.introImgCont { padding: 20px 20px 0 0; width:45%;}
		.surveyFrmCont {width:52%; padding-top:30px;}
		.surveyFrmCont .frmContent {padding: 10px 0 0;}
		.surveyFrmCont .introTxt{font-size: 28px; line-height: 35px;}
 		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:85%;}
		.funcRightPanel { text-align:center; width: 96%; padding:10px 15px;}
		.funcContainer{float:left; padding: 0 10px; width: 97%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:50%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.footer {float: left; width:95%; padding:0 20px 0 20px;}
		.impLinksCont { padding-right: 0px; width:100%;}
		.btmWrapTitle{float:left; width:100%;}
		ul.impLinkList {width: 99%; border-bottom: 1px solid #464646; border-top: 1px solid #464646;margin-bottom:10px;}
		ul.impLinkList li { border-bottom:none; line-height:18px; padding:5px 10px 5px 0px; width:18%; }
		.topctrlBtn{padding-left:14%;}
		/* 08 May 2013 */
		.stepsWrapper, .selectHow_txtWrap, #stepsForm {padding:20px;}
		.steps_btnWrapper {padding:20px;}
		.listSuboptions input[type="text"] {width:85%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		.stp4ColR {padding-top:20px;}
		.selectHow_txtWrap {line-height:35px; padding-top:0;}
		.stp4_padLR10 {padding:0 20px;}
 		/* 08 May 2013 */
		.accVrfyWrap {padding:0 20px 0;}
.popover.bottom.signupPOpanel {position: absolute;right:-85px !important;top:32px !important;}
			.popover.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 15%; margin-left: -11px; top: -11px;}
	}

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.mainWrapper { width: 100%; }
		.container{width:100%; }
		.funcContainer{float:left; padding: 0 10px; width: 95%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:50%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.funcRightPanel { padding: 0 18px; width: 92%;}
		.introImgCont{float:left; width:100%; padding:20px 0px 0px 0; text-align:center;}
		.surveyFrmCont{float:left;  width:100%; padding:0px 0 10px 0; text-align:center; }
		.surveyFrmCont .introTxt{float:left; width:100%;}
		.surveyFrmCont .frmContent { float: left; padding: 20px 10px 0; width: 95%; }
		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:85%;}
		.impLinksCont {float: left; width:100%; padding:0 0 0 0;}
		.footer{padding:0 10px 0 10px;}
		.btmWrapTitle{float:left; width:99%;}
		ul.impLinkList {width: 100%; padding:0 0 10px 0; border-bottom:1px solid #464646;}
		ul.impLinkList li {width: 30%; margin:0 5px 0 0; border-bottom:none;}
		.testimonialCont {  width: 99%; border-bottom:1px solid #464646; padding:10px 0 10px 0;}
		.getSocoalCont { float: left; width: 99%; padding:10px 0 0 0;}
		.socialMsg { width: 99%; padding:5px 0 10px 0;}
		.socailIconList { padding: 0; width: 99%; border-bottom:1px solid #464646; padding:0 0 15px 0;}
		.fContactCont {float: left;width: 99%;  padding:10px 0 0 0;}
		.fcontactDetails { padding: 0; width:99%;}
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; }
		.searchCont {width: 88%; float:left; padding:0 10px 0 0px; padding-left:10%;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		
		.logoPane {float:left; 
			width: 125px;
			padding: 0 10px 10px 0; 
		}
		.topctrlBtn{text-align:center; padding:0 0 10px 0; width:99%;}
		ul.topNav {	display: block; float: left; margin: 0; padding: 4px 0 0 10px; float:left; display:none;}
		.mobTopNav{display:block; width:100%; }
		.loginBtnCont{margin-left:45%; }
		.loginBtnPane{float:left;border-top: 1px solid #464646; }
		.topNavRightCont { float: left; }

		/* 08 May 2013 */
		.stepsWrapper, .selectHow_txtWrap, #stepsForm {padding:10px;}
		.steps_btnWrapper {padding:20px 10px;}
		#stepsForm ul li div.listOptions {position:relative; float:left; width:75%;}
		#stepsForm ul li div.listOptions.one {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions.two {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions.three {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions.four {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions .whtbrdr1 {display:none;}
		#stepsForm ul li div.listTitle.selected {border:0px; margin-bottom:6px; width:80.3%; padding-left:0;}
		#stepsForm ul li div.listTitle {width:80.3%; padding-left:0;}
		#stepsForm ul li div.clear.padBtm10 {padding-bottom:5px;}
		.selectHow_txtWrap {
			line-height:35px; padding:0 10px;
		}
		.listSuboptions input[type="text"] {width:90%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		#stepsForm ul li div.listOptions .listSuboptions {text-align:left;}
		.stp4ColR {padding-top:20px;}
		/* 09 May 2013 */
		.stp5_colL .fldLable {width:90%; text-align:left; padding-bottom:5px; padding-left:5px;}
		.stp5_colL .fldWrap {width:100%; float:left; height:50px;}
		.stp5_frmWrap {padding:0 10px;}
		.accVrfyWrap {padding:0 10px 0;}
		#stepsForm ul li div.listTitle.selected label { font-weight:bold !important;}
		.listOptions {margin-left:5px;}
		.stp4_padLR10 {padding:10px;}
		.stp4_padLR10 .stp4ColL {width:100%;}
		.stp4_padLR10 .stp4ColM {width:100%;}
		.stp4_padLR10 .stp4ColR {width:100%;}
		.popover.bottom.signupPOpanel {position: absolute;right:-85px !important;top:32px !important;}
			.popover.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 15%; margin-left: -11px; top: -11px;}


	}

    /* Landscape phones and down */
    @media (max-width: 480px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.mainWrapper { width: 100%; }
		.container{width:100%; }
		.funcContainer{float:left; padding: 0 10px; width: 95%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:100%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.funcRightPanel { padding: 0 18px; width: 90%;}
		.introImgCont{float:left; width:100%; padding:20px 0px 0px 0; text-align:center;}
		.surveyFrmCont{float:left;  width:100%; padding:0px 0 10px 0; text-align:center; }
		.surveyFrmCont .introTxt{float:left; width:100%;}
		.surveyFrmCont .frmContent { float: left; padding: 20px 10px 0; width: 95%; }
		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:85%;}
		.impLinksCont {float: left; width:100%; padding:0 0 0 0;}
		.footer{padding:0 10px 0 10px;}
		.btmWrapTitle{float:left; width:99%;}
		ul.impLinkList {width: 100%; padding:0 0 10px 0; border-bottom:1px solid #464646;}
		ul.impLinkList li {width: 30%; margin:0 5px 0 0; border-bottom:none;}
		.testimonialCont {  width: 99%; border-bottom:1px solid #464646; padding:10px 0 10px 0;}
		.getSocoalCont { float: left; width: 99%; padding:10px 0 0 0;}
		.socialMsg { width: 99%; padding:5px 0 10px 0;}
		.socailIconList { padding: 0; width: 99%; border-bottom:1px solid #464646; padding:0 0 15px 0;}
		.fContactCont {float: left;width: 99%;  padding:10px 0 0 0;}
		.fcontactDetails { padding: 0; width:99%;}
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; }
		.searchCont {width: 89%; float:left; padding:0 10px 0 35px;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		
		/*
		.logoPane {float:left; width: 100%; padding:0 0 10px 0; text-align:center; }
		.topctrlBtn{text-align:center; padding:0 0 10px 0; padding-left:25%;}
		ul.topNav {	display: block; float: left; margin: 0; padding: 4px 0 0 10px; float:left; display:none;}
		.mobTopNav{display:block;  width:100%; }
		.loginBtnCont{margin-left:41%; }
		*/
		/* 08 May 2013 */
		#stepsForm ul li div.listOptions {position:relative; float:left; width:90%;}
		#stepsForm ul li div.listTitle.selected {border:0px; margin-bottom:6px; width:97.9%; padding-left:0;}
		#stepsForm ul li div.listTitle {width:97.9%; padding-left:0;}
		.steps_btnWrapper {padding:0 10px 20px;}
		.selectHow_txtWrap {
			line-height:35px; padding:0 10px;
		}
		.stepsWrap {width:100%;}
		.listSuboptions input[type="text"] {width:85%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		.stp4ColR {padding-top:20px;}
		.stp4ColM {padding:20px 0 0 0;}

		/* 09 May 2013 */
		.stp5_colL {width:100%;}
		#stepsForm ul li div.listTitle.selected label { font-weight:bold !important;}
		.listOptions {margin-left:5px;}
		    .popover.bottom.signupPOpanel {position: absolute;right:-150px !important;top:32px !important;}

	}

/*home page changes 13May2013*/
.sarveyFld .outerCrcle {width:31px; padding:6px; border:1px solid #c6c6c6; border-radius:25px; float:left; margin-right: 10px;}
.sarveyFld .innerCrcle {width:31px; height:26px; padding-top:4px; margin:auto; background:#dfdfdf; font-size:18px; border-radius:18px; text-align:center; color:#fff;}
.sarveyFld .innerCrcle.selected {background:#0D870D;}

/*15th May 2013*/
.pricingWrap{padding: 15px 5px 15px 0; color:#ffffff; float:left; width:99%; }
.pricingTitle{float:left; font-size:16px;}
.userNm{float:right; font-size:14px; }
.userNm a{font-weight:600; font-style:italic;  color:#ffffff;}
 .loginBtnOpen{float:left; background:#000000 url(../images/lockOpen.png) 10px 8px no-repeat; border-radius:14px; width:42px; padding:6px 10px 7px 30px;  }
.loginBtnOpen a{color:#ffffff; font-weight:bold;}
.instPanel{float:left; width:100%; padding:15px 0 15px 0;  }
.instPanel .instTitle{color:#333333; float:left; width:100%; padding:0 0 3px 0; font-weight:700; font-size:15px;}
.instPanel .instDesc{color:#666666; float:left; padding:0 0 10px 0;}
.pricingColPanel{padding:0 0px 15px 0px;  }
.pricingCol{float:left; }
.priceCol1{width:30%; margin:15px 0 0 0;}
.orangePanel{border:4px solid #ff8a18; border-radius:6px;}
.orangePanel .orangeTitle{background:#ff8a18; font-size:24px; padding:10px 0 10px 0; color:#ffffff; width:100%; text-align:center;}

.priceCol2{width:31%; margin:0 29px 0 29px;
-webkit-box-shadow:  1px 1px 10px 1px rgba(183, 183, 183, 75);
box-shadow:  1px 1px 10px 1px rgba(183, 183, 183, 75);}
.greenPanel{border:4px solid #649f3a; border-radius:6px;}
.greenPanel .greenTitle{background:#649f3a; padding:8px 0 12px 0; color:#ffffff; width:100%; text-align:center; float:left;}
.mostPopular{border-radius:4px; border:1px solid #53703e; background:#477825; float:right; padding:2px 4px 2px 4px;  margin-right:10px; }
.greenTitleTxt{/*float:left;*/ font-size:24px; padding:4px 0 0 10px;}
.pricingInfoPanel{border-bottom:1px solid #a9a9a9; padding: 0 20px; width: 95%; float:left;}
.pricingInfoPanel .pipLt{float:left; width:55%;  background: url("../images/pricingQDiv.png") right top no-repeat; text-align:right; padding:3px 0 25px 0;}
.pricingInfoPanel .pipLt .txtMain{font-size:30px; color:#282828; font-weight:600; line-height:28px; padding:0 50px 10px 0;}
.pricingInfoPanel .pipLt .subTxt{font-size:20px; color:#444444; line-height:20px; padding:10px 50px 0px 0;}
.pricingInfoPanel .pipRt{float:right; width:42%; text-align:center;}
.pricingInfoPanel .pipRt .quest{font-size:50px; color:#0D870D; font-weight:600; line-height:28px; padding:10px 30px 20px 0;}
.pricingInfoPanel .pipRt .callBox{font-size:20px; color:#444444; line-height:20px; padding:10px 30px 0px 0;}
.pricingInfoPanel .pipRt .callBox .calltxt{ color:#7e7e7e; font-size:20px; padding-bottom: 15px; }
.pricingInfoPanel .pipRt .callBox .callno{ font-size:40px; color:#282828; font-weight:600;}
.commQPanel{float:left; width:100%;}
.commQPanel .caqTitle{font-size:20px; color:#444444; font-weight:600;}
.commQPanel .caqTitle a{font-size:14px; color:#7e7e7e; padding:0 0 0 20px; font-weight:normal; text-decoration:underline;}
.commQPanel .caqCont{float:left; width:100%; padding:15px 0 15px 0;}
.commQPanel .caqCont .question{float:left; width:100%; color:#444444; font-weight:600; padding:0 0 5px 0;}
.commQPanel .caqCont .question .qTag{color:#444444; font-weight:600; padding:0 5px 0 0;}
.commQPanel .caqCont .answ{float:left; width:100%; color:#444444; font-style:italic;  padding:0 0 5px 0;}
.commQPanel .caqCont .answ .aTag{color:#444444; font-weight:600; padding:0 5px 0 0;}

.pricingColCont{float:left; width:100%; text-align:center;}
.pricecont{ margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;}
.pricecont .dollarsign{font-size:35px; color:#555555; line-height:35px; position:relative; top:-21px;}
.pricecont .priceval{font-size:65px; color:#333333; font-weight:600;  line-height:52px;}
.pricecont .perMonth{display: block; font-size:14px; color:#555555;/*padding:31px 0 0 2px;*/line-height: 16px; }
ul.priceFetList{float:left; width:99%; list-style:none; margin:0; padding:10px 3px 10px 3px;}
ul.priceFetList li{float:left; width:94%; border-bottom:1px solid #dddddd; padding:3px 0 3px 4px; color:#555555;}
ul.priceFetList li a{ color:#555555;}
ul.priceFetList li a span.plistTxt{ /*float:left; */padding:6px 0 0 4px; letter-spacing:1px; font-size:14px;}
.priceListIconHold {
    background: url("../images/priceColIcon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    width: 32px;
}
.priceListIconHold.surveys { background-position: -5px -3px; cursor: pointer; float: left;}
.priceListIconHold.usability { background-position: -47px -3px; cursor: pointer; float: left;}
.priceListIconHold.user { background-position: -82px -3px; cursor: pointer; float: left;}
.priceListIconHold.domain { background-position: -116px -2px; cursor: pointer; float: left;}
.priceListIconHold.desktop { background-position: -153px -2px; cursor: pointer; float: left;}
.pMargBot20{margin-bottom:20px;}
.pMargBot10{margin-bottom:10px;}
.mtlyVisitor{color:#000000 !important; }
.domainPanel{float:left; width:100%; padding:0px 0 0px 0; }
ul.domainList{float:left; width:100%; list-style:none;}
ul.domainList li{float:left; padding:4px 10px 4px 10px; border-radius:6px 6px 0 0; border:1px solid #e1e1e1; background:#ffffff; font-size:13px; margin-right:10px; color:#a2a2a2; border-bottom:none;}
ul.domainList li a{font-size:13px; color:#a2a2a2; font-weight:600;}
ul.domainList li a:hover{text-decoration:none; color:#333333;}
.domainCont{float:left; border:1px solid #e1e1e1; background:#f4f4f4; width:100%; /*djb 930px;*/  border-radius:0px 6px 6px 6px; padding:8px 10px 8px 10px; margin-bottom:10px;}
.domainCont input[type="text"]{ padding: 4px 6px; margin-bottom:0; color:#000000; width:475px; font-size:12px; border-radius: 6px;}
.domainCont .domainURLlbl{ font-weight:bold; font-size:13px; color:#444444; padding:5px 10px 0 0; float:left;}
.domainCont a{font-size:12px; color:#282828;  font-style:italic; text-decoration:underline; padding:-1px 0 0 10px;}

.domainCont a.btn-ometrics{font-size:14px; color:#fff;  font-style:normal; text-decoration:none; padding:4px 12px;}

.dashbrdTitleRt a{font-size:14px; color:#282828; padding:5px; text-decoration:none !important;background-color:#E0E3DD;color:#787878;width:182px;text-align:center}

.dashBrdTitlePanel{ -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#858783;/*#FEFFF9;*/
    border: 1px solid #858783; border-bottom:none;
    border-radius: 9px 9px 0 0;
    float: left;
    padding: 5px;
    width: 100%;/*djb 941px;*/
    border:1px solid #E0E3DD;
}

.dashBrdTitlePanelsub{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:#C0C2BE;/*#FEFFF9;*/
    border: 1px solid #A2A4A0; border-bottom:none;

    float: left;
    padding: 5px;
    width: 100%;/*djb 941px;*/
    border:1px solid #A2A4A0;
}
.dashbrdTitleLt{font-family:Arial, Helvetica, sans-serif;float:left; font-size:14px; color:#efe;}
.dashbrdTitleLt span+span{float:left; padding:5px 0 0 10px;}
.dashbrdTitleRt{float:right;}

.dasbrdIcon { background: url("../images/dashbrdIcon.png") no-repeat scroll 0 0 transparent; display: block; height: 32px; width:32px;}
.dasbrdIcon.mngSurvey { background-position: -162px 0; cursor: pointer; float: left;}
.dasbrdIcon.frmMetrics { background-position: -127px 0; cursor: pointer; float: left;}
.dasbrdIcon.abTestpg { background-position: -87px 0; cursor: pointer; float: left;}
.dasbrdIcon.userflow { background-position: -45px 0; cursor: pointer; float: left;}
.dasbrdIcon.heatmaps { background-position: -2px 0; cursor: pointer; float: left;}


.openCloseSprite { background: url("../images/openCloseSptrte.png") no-repeat scroll 0 0 transparent; display: block; height: 20px; width:20px;}
.openCloseSprite.plus { background-position: 0px 0; cursor: pointer; }
.openCloseSprite.minus { background-position: -18px 0; cursor: pointer; }
.dashbrdContWrap{border:1px solid #e9e9e9; float:left; width:951px; margin:0 0 15px 0;}

.dbTblHead1{float:left; width:720px; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.dbTblHead1 div{float:left; width:70px;}
.dbTblHead1 div+div{width:125px; text-align:center}
.dbTblHead1 div+div+div{width:196px;}
.dbTblHead1 div+div+div+div{width:140px; }
.dbTblHead1 div+div+div+div+div{width:93px;}

.dbTblDataCont1{float:left; width:100%; overflow:auto; overflow-x:hidden; max-height:250px; border:1px solid #CCCCCC; border-top:none;}
.dbTblData1{float:left; width:101%; font-size:13px; color:#7b7b7b; padding:8px 10px 8px 10px; border-bottom:1px solid #ccc; background-color:#fff;}
.dbTblData1 div{float:left; width:70px; color:#444444; word-wrap:break-word;}
.dbTblData1 div+div{width:133px; text-align:center; word-wrap:break-word;}
.dbTblData1 div+div+div{width:196px; text-align:left; word-wrap:break-word;}
.dbTblData1 div+div+div span{text-align:center; padding:0 20px 0 0;}
.dbTblData1 div+div+div+div{width:115px; text-align:center;}
.dbTblData1 div+div+div+div+div{width:122px; font-size:14px; text-align:center;}

.dbTblHead{float:left; width:100%;/*djb 931px;*/ font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.dbTblHead div{float:left; width:343px;}
.dbTblHead div+div{width:185px; text-align:center;}
.dbTblHead div+div+div{width:140px; text-align:left;}
.dbTblHead div+div+div+div{width:140px; text-align:center;}
.dbTblHead div+div+div+div+div{width:102px; text-align:center;}

.dbTblDataCont{float:left; width:100%; overflow:auto; overflow-x:hidden; max-height:250px;}
.dbTblData{float:left; width:98%; font-size:13px; color:#7b7b7b; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.dbTblData div{float:left; width:343px; color:#444444;}
.dbTblData div+div{width:160px; text-align:center;}
.dbTblData div+div+div{width:150px; text-align:left;}
.dbTblData div+div+div span{text-align:left; padding:0 20px 0 0;}
.dbTblData div+div+div+div{width:140px; text-align:center;}
.dbTblData div+div+div+div+div{width:135px;text-align:center;}
.activeTxt{color:#0D870D !important;width: 100%; }
.pasuedTxt{color:#f86b35 !important;}


.dbTblHeadpay{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.dbTblHeadpay {float:left; }
.tblTitle{width:150px; float:left;}

.dbpgTblDatapay{float:left; width:98%; font-size:13px; color:#7b7b7b; padding:8px 10px 8px 10px; border-bottom:1px solid #FFFFFF;}
.dbpgTblDatapay {float:left; }

.tblTitle{width:150px; float:left;}

/*Form Metrics TABLE*/

.fmTblHead{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.fmTblHead div{float:left; width:185px; padding-right:8px; word-wrap:break-word;}
.fmTblHead div+div{width:140px; text-align:center;}
.fmTblHead div+div+div{width:145px; text-align:center;}
.fmTblHead div+div+div+div{width:150px; text-align:center;}
.fmTblHead div+div+div+div+div{width:160px; text-align:center;}
.fmTblHead div+div+div+div+div+div{width:100px; text-align:center;}

.fmTblData{float:left; width:98%; font-size:13px; color:#444444; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.fmTblData div{float:left; width:169px; padding-right:8px; word-wrap:break-word;}
.fmTblData div+div{width:140px; text-align:center;}
.fmTblData div+div+div{width:145px; text-align:center;}
.fmTblData div+div+div+div{width:150px; text-align:center;}
.fmTblData div+div+div+div+div{width:160px; text-align:center;}
.fmTblData div+div+div+div+div+div{width:100px; text-align:center;}

/*Form Metrics TABLE*/

.funnelHead{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.funnelHead div{float:left; width:180px; padding-right:8px; word-wrap:break-word;}
.funnelHead div+div{width:140px; text-align:center;}
.funnelHead div+div+div{width:145px; text-align:center;}
.funnelHead div+div+div+div{width:592px; text-align:center;}
.funnelHead div+div+div+div+div{width:160px; text-align:center;}
.funnelHead div+div+div+div+div+div{width:100px; text-align:center;}

.funnelData{float:left; width:98%; font-size:13px; color:#444444; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.funnelData div{float:left; width:180px; padding-right:8px; word-wrap:break-word;}
.funnelData div+div{width:702px; text-align:center;}
.funnelData div+div+div{width:145px; text-align:center;}
.funnelData div+div+div+div{width:288px; text-align:center;}
.funnelData div+div+div+div+div{width:160px; text-align:center;}
.funnelData div+div+div+div+div+div{width:100px; text-align:center;}


/*A / B TEST PAGE TABLE*/
.abtestTblHead{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.abtestTblHead div{float:left; width:180px;}
.abtestTblHead div+div{width:180px; text-align:center;}
.abtestTblHead div+div+div{width:180px; text-align:center;}
.abtestTblHead div+div+div+div{width: 230px; text-align:center;}
.abtestTblData div+div+div+div+div{width:180px; text-align:center; word-wrap:break-word;}


.abtestTblData{float:left; width:98%; font-size:13px; color:#444444; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.abtestTblData div{float:left; width:195px; padding-right:8px;}
.abtestTblData div+div{width:276px; text-align:center; word-wrap:break-word;}
.abtestTblData div+div+div{width:265px; text-align:center; word-wrap:break-word;}
.abtestTblData div+div+div+div{width:142px; text-align:center; word-wrap:break-word;}
.abtestTblData div+div+div+div+div{width:180px; text-align:center; word-wrap:break-word;}

.abtestTblHead12{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.abtestTblHead12 div{float:left; width:160px; padding-right:8px;}
.abtestTblHead12 div+div{width:140px; text-align:center;}
.abtestTblHead12 div+div+div{width:211px; text-align:center;}
.abtestTblHead12 div+div+div+div{width: 189px; text-align:center;}
.abtestTblHead12 div+div+div+div+div{width:186px; text-align:center;}

/*a/b test report heading*/

.fmTblData1{float:left; width:98%; font-size:13px; color:#7b7b7b; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.fmTblData1 div{float:left; width:113; padding-right:8px;}
.fmTblData1 div+div{width:1px; text-align:center;}
.fmTblData1 div+div+div{width:145px; text-align:center;}
.fmTblData1 div+div+div+div{width:151px; text-align:center;}
.fmTblData1 div+div+div+div+div{width:160px; text-align:center;}
.fmTblData1 div+div+div+div+div+div{width:100px; text-align:center;}


.abtestTblHeading{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.abtestTblHeading div{float:left; width:223px; padding-right:8px;}
.abtestTblHeading div+div{width:242; text-align:center;}
.abtestTblHeading div+div+div{width:87px; text-align:center;}
.abtestTblHeading div+div+div+div{width: 230px; text-align:center;}
.abtestTblHeading div+div+div+div+div{width:186px; text-align:center;}


/* User Flow TABLE*/
.ufTblHead{float:left; width:98%; font-size:13px; color:#111111; padding:10px 10px 10px 10px;}
.ufTblHead div{float:left; width:300px; padding-right:8px;}
.ufTblHead div+div{width:350px; text-align:center;}
.ufTblHead div+div+div{width:220px; text-align:center;}

.ufTblData{float:left; width:98%; font-size:13px; color:#444444; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.ufTblData div{float:left; width:300px; padding-right:8px;}
.ufTblData div+div{width:350px; text-align:center;}
.ufTblData div+div+div{width:220px; text-align:center;}


.abFrmCont{width:70%; margin:0 auto;}
.abFrmRw{float:left; width:100%; padding:0 0 10px 0;}
.abFrmRw input[type="text"]{ padding: 4px 6px; margin-bottom:0; color:#acadad; width:300px; font-size:12px; border-radius: 6px;}
.abFrmRw .abFrmContLbl{ font-size:15px; color:#444444; padding:5px 10px 0 0; float:left; text-align:right; width:200px;}
.abTestBtnCont{position:relative; top:5px; padding-left:20px;}
.abTestBtnCont span{padding:0px 5px 0 0; position:relative; top:3px;}
.rdrTopABFrm{border-top:1px solid #e9e9e9; padding:25px 0 10px 0;}


.abpgTblHd{float:left; width:98%; font-size:13px; color:#333333; padding:10px 10px 10px 10px; font-weight:600;}
.abpgTblHd div{float:left; width:23%;  padding-right:10px; }
.abpgTblHd div+div{width:19%; text-align:center; padding-right:0;}
.abpgTblHd div+div+div{width:15%; text-align:center; padding-right:0;}
.abpgTblHd div+div+div+div{width:20%; text-align:center; padding-right:0;}
.abpgTblHd div+div+div+div+div{width:20%; text-align:center; padding-right:0;}

.dbTblDataCont{float:left; width:100%; overflow:auto; overflow-x:hidden; max-height:250px;}
.abpgTblData{float:left; width:98%; font-size:13px; color:#7b7b7b; padding:8px 10px 8px 10px; border-bottom:1px solid #f1f1f1;}
.abpgTblData div{float:left; width:23%; padding-right:10px;}
.abpgTblData div+div{width:19%; text-align:center; padding-right:0;}
.abpgTblData div+div+div{width:15%; text-align:center; padding-right:0;}
.abpgTblData div+div+div+div{width:20%; text-align:center; padding-right:0;}
.abpgTblData div+div+div+div+div{width:20%; text-align:center; padding-right:0;}

.convRateGrphCont{float:left; width:100%; text-align:center;}
.orangeStrip{width:100%; background:#e76431 url(../images/orangeStrip.jpg) repeat-x !important;}
.vAtyRepBx{float:left; width:98%; padding:15px 10px 0px 10px; border:1px solid #e9e9e9;}
.vAtyRepTitle{float:left; width:100%; color:#333333; font-size:14px; font-weight:600; padding:0 0 10px 0;}
ul.vActRepList{float:left; width:100%; list-style:none;}
ul.vActRepList li{float:left; width:100%; padding:0 0 20px 25px; color:#333333; font-size:14px;  background: url("../images/listSignIcon.png") 1px 5px no-repeat; }
ul.vActRepList li span{border:1px solid #dfdfdf; border-radius:2px; background:#ededed; padding:0 6px 0 6px;}
.heatmapTabPane{float: left;padding: 15px 0; width: 100%;}

ul.heatmapTabList{float:left; width:98%; list-style:none; margin:0 0 0 10px; position: relative;
    top: 1px;}
ul.heatmapTabList li{float:left; padding:6px 20px 6px 20px; border-radius:12px 12px 0 0; border:1px solid #d7d7d7; background:#659641; font-size:14px; margin-right:10px; color:#ffffff; border-bottom:none;}
ul.heatmapTabList li a{ color:#ffffff;}
ul.heatmapTabList li a:hover{text-decoration:none; color:#333333;}
ul.heatmapTabList li.selecttab, ul.heatmapTabList li.selecttab a{background:#ffffff !important; color:#333333 !important;}
.heatmapTabCont{float:left; border:1px solid #d3d3d3; background:#ffffff; width:96%;  border-radius:5px; padding:8px 15px 8px 15px;}
.heatmapTitle2{color:#333333; font-size:14px; font-weight:600; padding:10px 0 10px 0;}
.heatmapImg{float:left; background:#ebebeb; border:1px solid #dadada; padding:5px;}
.hmpContList{ float:left; width:62%; padding:0 0 0 10px;}

.hmpinfoSeg{background: rgb(245,249,240); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjlmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VmZjJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZjZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(245,249,240,1) 0%, rgba(239,242,235,1) 50%, rgba(249,252,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,249,240,1)), color-stop(50%,rgba(239,242,235,1)), color-stop(100%,rgba(249,252,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(245,249,240,1) 0%,rgba(239,242,235,1) 50%,rgba(249,252,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(245,249,240,1) 0%,rgba(239,242,235,1) 50%,rgba(249,252,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(245,249,240,1) 0%,rgba(239,242,235,1) 50%,rgba(249,252,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(245,249,240,1) 0%,rgba(239,242,235,1) 50%,rgba(249,252,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9f0', endColorstr='#f9fcf7',GradientType=0 ); /* IE6-8 */
border:1px solid #ececec; padding:10px 20px 10px 20px; border-radius:5px;

}
.hmpinfoSeg span{padding:0px 50px 0 0px;}
.hmpinfoSeg span strong{color:#000000;}

/* Media Query */
     /* Large desktop */
    @media (min-width: 1200px) {
		/*djb .container { width: 995px; padding:0 0px;}*/
	}
     /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.sloganBar{width:100%;margin-bottom:67px;}
		.sloganBar .container{display:none;}
		.mainWrapper { width: 100%; }
		.container {width:100%; }
		.container.whtBg { margin: 0 auto; width: 100%; padding:0; }
		.logoPane {float:left; width: 100%; padding:0 0 10px 0; text-align:center;  }
		.loginBtnCont{margin-left:45%; }
		.loginBtnPane{float:left; width:100%; margin-top:10px;  border-top: 1px solid #464646; padding:10px 0 0 0;}
		.topNavRightCont { float:left; width:100%; }
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; width: 97%; }
		.searchCont {width: 88%; float:left; padding:0 10px 0 0px; padding-left:10%;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		.introImgCont { padding: 20px 20px 0 0; width:45%;}
		.surveyFrmCont {width:52%; padding-top:30px;}
		.surveyFrmCont .frmContent {padding: 10px 0 0; width:95%}
		.btn-continue{margin-bottom:10px;outline : none;}
		.surveyFrmCont .introTxt{font-size: 28px; line-height: 35px;}
 		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:79%;}
		.funcRightPanel { text-align:center; width: 96%; padding:10px 15px;}
		.funcContainer{float:left; padding: 0 10px; width: 97%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:50%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.footer {float: left; width:94%; padding:0 20px 0 20px;}
		.impLinksCont { padding-right: 0px; width:100%;}
		.btmWrapTitle{float:left; width:100%;}
		ul.impLinkList {width: 99%; border-bottom: 1px solid #464646; border-top: 1px solid #464646;margin-bottom:10px;}
		ul.impLinkList li { border-bottom:none; line-height:18px; padding:5px 10px 5px 0px; width:18%; }
		.topctrlBtn{padding-left:14%;}
		/* 08 May 2013 */
		.stepsWrapper, .selectHow_txtWrap, #stepsForm {padding:20px;}
		.steps_btnWrapper {padding:20px;}
		.listSuboptions input[type="text"] {width:85%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		.stp4ColR {padding-top:20px;}
		.selectHow_txtWrap {line-height:35px; padding-top:0;}
		.stp4_padLR10 {padding:0 20px;}
 		/* 08 May 2013 */
		.accVrfyWrap {padding:0 20px 0;}
.popover.bottom.signupPOpanel {position: absolute;right:-85px !important;top:32px !important;}
			.popover.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 15%; margin-left: -11px; top: -11px;}

		/*15May2013*/
		.loginBtnOpen{margin-left:45%;}
		.sloganBar{width:100%;}
		.pricingWrap { padding: 15px 0px 15px 0; width: 100%;}
		.pricingTitle{padding-left:10px;}
		.userNm{padding-right:10px;}
		.whtBg{width:97% !important; padding:10px 10px !important;}
		.priceCol1 {width: 31%;}
		.priceCol2{margin: 0 10px; width:32%;}
		.pricingInfoPanel{width:95%;}
		.pricingInfoPanel .pipRt{width:49%;}
		.pricingInfoPanel .pipLt{width:50%;}
		.pricingColPanel {padding: 0 0px 0px;}
	}

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.sloganBar{width:100%;margin-bottom:67px;}
		.sloganBar .container{display:none;}
		.mainWrapper { width: 100%; }
		.container{width:100%; }
		.funcContainer{float:left; padding: 0 10px; width: 95%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:50%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.funcRightPanel { padding: 0 18px; width: 92%;}
		.introImgCont{float:left; width:100%; padding:20px 0px 0px 0; text-align:center;}
		.surveyFrmCont{float:left;  width:100%; padding:0px 0 10px 0; text-align:center; }
		.surveyFrmCont .introTxt{float:left; width:100%;}
		.surveyFrmCont .frmContent { float: left; padding: 20px 10px 0; width: 95%; }
		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:82%;}
		.impLinksCont {float: left; width:100%; padding:0 0 0 0;}
		.footer{padding:0 10px 0 10px;}
		.btmWrapTitle{float:left; width:99%;}
		ul.impLinkList {width: 100%; padding:0 0 10px 0; border-bottom:1px solid #464646;}
		ul.impLinkList li {width: 30%; margin:0 5px 0 0; border-bottom:none;}
		.testimonialCont {  width: 99%; border-bottom:1px solid #464646; padding:10px 0 10px 0;}
		.getSocoalCont { float: left; width: 99%; padding:10px 0 0 0;}
		.socialMsg { width: 99%; padding:5px 0 10px 0;}
		.socailIconList { padding: 0; width: 99%; border-bottom:1px solid #464646; padding:0 0 15px 0;}
		.fContactCont {float: left;width: 99%;  padding:10px 0 0 0;}
		.fcontactDetails { padding: 0; width:99%;}
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; }
		.searchCont {width: 88%; float:left; padding:0 10px 0 0px; padding-left:10%;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		
		.logoPane {float:left; 
			width: 125px;
			padding: 0 10px 10px 0; 
		}
		.topctrlBtn{text-align:center; padding:0 0 10px 0; width:99%;}
		ul.topNav {	display: block; float: left; margin: 0; padding: 4px 0 0 10px; float:left; display:none;}
		.mobTopNav{display:block; width:100%; }
		.loginBtnCont{margin-left:45%; }
		.loginBtnPane{float:left;border-top: 1px solid #464646; }
		.topNavRightCont { float: left; }

		/* 08 May 2013 */
		.stepsWrapper, .selectHow_txtWrap, #stepsForm {padding:10px;}
		.steps_btnWrapper {padding:20px 10px;}
		#stepsForm ul li div.listOptions {position:relative; float:left; width:75%;}
		#stepsForm ul li div.listOptions.one {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions.two {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions.three {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px; margin-top:15px;}
		#stepsForm ul li div.listOptions.four {top:0; padding:15px 10px 5px; background:#fcfcfc; border-radius:5px;}
		#stepsForm ul li div.listOptions .whtbrdr1 {display:none;}
		#stepsForm ul li div.listTitle.selected {border:0px; margin-bottom:6px; width:80.3%; padding-left:0;}
		#stepsForm ul li div.listTitle {width:80.3%; padding-left:0;}
		#stepsForm ul li div.clear.padBtm10 {padding-bottom:5px;}
		.selectHow_txtWrap {
			line-height:35px; padding:0 10px;
		}
		.listSuboptions input[type="text"] {width:90%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		#stepsForm ul li div.listOptions .listSuboptions {text-align:left;}
		.stp4ColR {padding-top:20px;}
		/* 09 May 2013 */
		.stp5_colL .fldLable {width:90%; text-align:left; padding-bottom:5px; padding-left:5px;}
		.stp5_colL .fldWrap {width:100%; float:left; height:50px;}
		.stp5_frmWrap {padding:0 10px;}
		.accVrfyWrap {padding:0 10px 0;}
		#stepsForm ul li div.listTitle.selected label { font-weight:bold !important;}
		.listOptions {margin-left:5px;}
		.stp4_padLR10 {padding:10px;}
		.stp4_padLR10 .stp4ColL {width:100%;}
		.stp4_padLR10 .stp4ColM {width:100%;}
		.stp4_padLR10 .stp4ColR {width:100%;}
		.popover.bottom.signupPOpanel {position: absolute;right:-85px !important;top:32px !important;}
		.popover.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 15%; margin-left: -11px; top: -11px;}

		/*15May2013*/
		.loginBtnOpen{margin-left:41%;}
		.instPanel{text-align:center; padding:10px 10px 10px 10px; width:97%;}
		.instPanel .instTitle{font-size:20px;}
		.sloganBar{width:100%;}
		.pricingWrap { padding: 15px 0px 15px 0; width: 100%;}
		.pricingTitle{padding-left:10px;}
		.userNm{padding-right:10px;}
		.whtBg{ padding: 0 12px !important; width: 91% !important;}
		.pricingColPanel{margin:0 auto; width:100%; padding:0 0px 15px 0;}
		.priceCol1 {width: 95%; margin:0 0 0 12px;}
		.priceCol2{margin: 20px 0px; width:99%;}
		.pricingInfoPanel{width:90%;padding: 0 5px;}
		.pricingInfoPanel .pipLt{text-align: center; width: 99%; background: url("../images/pricingQDivBot.png") no-repeat center bottom transparent; padding:0 0 20px 0;}
		.pricingInfoPanel .pipLt .txtMain{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipLt .subTxt{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipRt{width:100%; text-align: center; padding:10px 0 20px 0; }
		.pricingInfoPanel .pipRt .quest {font-size: 40px; padding: 10px 0px 0px 0;}
		.pricingInfoPanel .pipRt .callBox {padding: 10px 0px 10px 0;}
		.pricingInfoPanel .pipRt .callBox .calltxt {font-size: 20px; text-align:center; line-height:35px;}
	}

    /* Landscape phones and down */
    @media (max-width: 480px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.mainWrapper { width: 100%; }
		.container{width:100%; }
		.funcContainer{float:left; padding: 0 10px; width: 95%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:100%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 75%; }
		.funcRightPanel { padding: 0 18px; width: 90%;}
		.introImgCont{float:left; width:100%; padding:20px 0px 0px 0; text-align:center;}
		.surveyFrmCont{float:left;  width:100%; padding:0px 0 10px 0; text-align:center; }
		.surveyFrmCont .introTxt{float:left; width:100%;}
		.surveyFrmCont .frmContent { float: left; padding: 20px 10px 0; width: 95%; }
		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:85%;}
		.impLinksCont {float: left; width:100%; padding:0 0 0 0;}
		.footer{padding:0 10px 0 10px;}
		.btmWrapTitle{float:left; width:99%;}
		ul.impLinkList {width: 100%; padding:0 0 10px 0; border-bottom:1px solid #464646;}
		ul.impLinkList li {width: 30%; margin:0 5px 0 0; border-bottom:none;}
		.testimonialCont {  width: 99%; border-bottom:1px solid #464646; padding:10px 0 10px 0;}
		.getSocoalCont { float: left; width: 99%; padding:10px 0 0 0;}
		.socialMsg { width: 99%; padding:5px 0 10px 0;}
		.socailIconList { padding: 0; width: 99%; border-bottom:1px solid #464646; padding:0 0 15px 0;}
		.fContactCont {float: left;width: 99%;  padding:10px 0 0 0;}
		.fcontactDetails { padding: 0; width:99%;}
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; }
		.searchCont {width: 89%; float:left; padding:0 10px 0 35px;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		
		/*.logoPane {float:left; width: 100%; padding:0 0 10px 0; text-align:center; }
		.topctrlBtn{text-align:center; padding:0 0 10px 0; padding-left:25%;}
		ul.topNav {	display: block; float: left; margin: 0; padding: 4px 0 0 10px; float:left; display:none;}
		.mobTopNav{display:block;  width:100%; }
		.loginBtnCont{margin-left:41%; }
*/
		/* 08 May 2013 */
		#stepsForm ul li div.listOptions {position:relative; float:left; width:90%;}
		#stepsForm ul li div.listTitle.selected {border:0px; margin-bottom:6px; width:97.9%; padding-left:0;}
		#stepsForm ul li div.listTitle {width:97.9%; padding-left:0;}
		.steps_btnWrapper {padding:0 10px 20px;}
		.selectHow_txtWrap {
			line-height:35px; padding:0 10px;
		}
		.stepsWrap {width:100%;}
		.listSuboptions input[type="text"] {width:85%; margin:0; color:#acadad; /*border-radius:8px;*/ border-radius: 4px; padding: 3px;}
		.stp4ColR {padding-top:20px;}
		.stp4ColM {padding:20px 0 0 0;}

		/* 09 May 2013 */
		.stp5_colL {width:100%;}
		#stepsForm ul li div.listTitle.selected label { font-weight:bold !important;}
		.listOptions {margin-left:5px;}
		.popover.bottom.signupPOpanel {position: absolute;right:-150px !important;top:32px !important;}



		/*15May2013*/
		.loginBtnOpen{margin-left:34%;}
		.instPanel{text-align:center; padding:10px 10px 10px 10px; width:97%;}
		.instPanel .instTitle{font-size:20px;}
		.sloganBar{width:100%;}
		.pricingWrap { padding: 15px 0px 15px 0; width: 100%;}
		.pricingTitle{padding-left:10px;}
		.userNm{padding-right:10px;}
		.whtBg{ padding: 0 12px !important; width: 91% !important;}
		.pricingColPanel{margin:0 auto; width:100%; padding:0 0px 15px 0;}
		.priceCol1 {width: 95%; margin:0 0px 0 5px;}
		.priceCol2{margin: 20px 0px; width:99%;}
		.pricingInfoPanel{width:90%;padding: 0 5px;}
		.pricingInfoPanel .pipLt{text-align: center; width: 99%; background: url("../images/pricingQDivBot.png") no-repeat center bottom transparent; padding:0 0 20px 0;}
		.pricingInfoPanel .pipLt .txtMain{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipLt .subTxt{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipRt{width:100%; text-align: center; padding:10px 0 20px 0; }
		.pricingInfoPanel .pipRt .quest {font-size: 40px; padding: 10px 0px 0px 0;}
		.pricingInfoPanel .pipRt .callBox {padding: 10px 0px 10px 0;}
		.pricingInfoPanel .pipRt .callBox .calltxt {font-size: 20px; text-align:center; line-height:35px;}

	}

	@media only screen and (max-width: 480px) {
		html {	-webkit-text-size-adjust: none; }
		body {	padding:0 !important; }
		.mainWrapper { width: 100%; }
		.container{width:100%; }
		.funcContainer{float:left; padding: 0 10px; width: 93%;}
		ul.funcContList{float:left; width:100%;}
		ul.funcContList li{float:left; width:100%; padding-bottom:15px;}
		ul.funcContList li .funcDesc { float: left; padding: 6px 0 0; width: 69%; }
		.funcRightPanel { padding: 0 18px; width: 88%;}
		.introImgCont{float:left; width:100%; padding:20px 0px 0px 0; text-align:center;}
		.surveyFrmCont{float:left;  width:100%; padding:0px 0 10px 0; text-align:center; }
		.surveyFrmCont .introTxt{float:left; width:100%;}
		.surveyFrmCont .frmContent { float: left; padding: 20px 10px 0; width: 94%; }
		.surveyFrmCont .frmContent .sarveyFld {width: 100%; }
		.surveyFrmCont .frmContent .sarveyFld input[type="text"]{width:72%;}
		.impLinksCont {float: left; width:100%; padding:0 0 0 0;}
		.footer{padding:0 10px 0 10px;}
		.btmWrapTitle{float:left; width:99%;}
		ul.impLinkList {width: 100%; padding:0 0 10px 0; border-bottom:1px solid #464646;}
		ul.impLinkList li {width: 30%; margin:0 5px 0 0; border-bottom:none;}
		.testimonialCont {  width: 99%; border-bottom:1px solid #464646; padding:10px 0 10px 0;}
		.getSocoalCont { float: left; width: 99%; padding:10px 0 0 0;}
		.socialMsg { width: 99%; padding:5px 0 10px 0;}
		.socailIconList { padding: 0; width: 99%; border-bottom:1px solid #464646; padding:0 0 15px 0;}
		.fContactCont {float: left;width: 99%;  padding:10px 0 0 0;}
		.fcontactDetails { padding: 0; width:99%;}
		.sloganWrap { padding: 10px 10px 10px 10px; text-align:center; line-height:35px; }
		.searchCont {width: 86%; float:left; padding:0 10px 0 35px;}
		.searchCont input[type="text"] {width:86%; background:#ffffff url(../images/searchIcon.png) right top no-repeat; padding:5px 10px 4px 10px; }
		
		/*.logoPane {float:left; width: 100%; padding:0 0 10px 0; text-align:center; }
		.topctrlBtn{text-align:center; padding:0 0 10px 0; width:99%;}
		ul.topNav {	display: block; float: left; margin: 0; padding: 4px 0 0 10px; float:left; display:none;}
		.mobTopNav{display:block;  width:100%; }
		*/
		.row-fluid{width:99%;}
		    .popover.bottom.signupPOpanel {position: absolute;right:-85px !important;top:32px !important;}
			.popover.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 15%; margin-left: -11px;
    top: -11px;}

	/*15May2013*/
		.loginBtnOpen{margin-left:34%;}
		.instPanel{text-align:center; padding:10px 10px 10px 10px; width:97%;}
		.instPanel .instTitle{font-size:20px;}
		.sloganBar{width:100%;}
		.pricingWrap { padding: 15px 0px 15px 0; width: 100%;}
		.pricingTitle{padding:0px 0 5px 0; width:100%; text-align:center;}
		.userNm{padding:0px 0 0px 0; width:100%; text-align:center;}
		.whtBg{ padding: 0 12px !important; width: 91% !important;}
		.pricingColPanel{margin:0 auto; width:100%; padding:0 0px 15px 0;}
		.priceCol1 {width: 95%; margin:0 0 0 10px;}
		.priceCol2{margin: 20px 0px; width:99%;}
		.pricingInfoPanel{width:90%;padding: 0 5px;}
		.pricingInfoPanel .pipLt{text-align: center; width: 99%; background: url("../images/pricingQDivBot.png") no-repeat center bottom transparent; padding:0 0 20px 0;}
		.pricingInfoPanel .pipLt .txtMain{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipLt .subTxt{padding:0 0px 10px 0;}
		.pricingInfoPanel .pipRt{width:100%; text-align: center; padding:10px 0 20px 0; }
		.pricingInfoPanel .pipRt .quest {font-size: 40px; padding: 10px 0px 0px 0;}
		.pricingInfoPanel .pipRt .callBox {padding: 10px 0px 10px 0;}
		.pricingInfoPanel .pipRt .callBox .calltxt {font-size: 20px; text-align:center; line-height:35px;}

	}



/*  [ 6 July 2013 - Tabs ]    */
.dabrdTabContHldr{float:left; width:100%; min-height:500px;}


#tabs_container { float: left; width: 100%; padding:15px 0 0 0; }
#tabs_container ul.tabs2 {
	list-style: none; float:left;
	margin: 0;
}
#tabs_container ul.tabs2 li {
	float: left;
}
#tabs_container ul.tabs2 .blankBrdrBtm{ padding: 4px 4px 4px 2px;}

#tabs_container ul.tabs2 li a {
	padding: 4px 15px 4px 15px;
	display: block;
	border:1px solid #e1e1e1;
	margin-right: 5px;
	text-decoration: none;
	color:#999999;
	border-radius:8px 8px 0 0; font-size:12px;
	background:none !important;
}
#tabs_container ul.tabs2 li.active a {
	 color:#000000;
	padding: 4px 15px 5px 15px;
	border:1px solid #e1e1e1;
	border-bottom:1px solid #ffffff; background: #efefef;
}
div.tab_contents_container {
	float:left; width:100%;
}
div.tab_contents {
	display: none;
}
div.tab_contents_active {
	display: block;
}



.boldtext{font-weight:bold;}



.separatequestionsection{background-color:#EFEFEF; border:1px solid #CCC; height:auto; float: left; margin-top: 10px;margin-bottom: 10px;padding-left:10px;padding-bottom:10px}

.separatequestionsection h1,h2,h3{ font-size: 18px;}

.smalltextbox{width:40% !important;}

.separatequestionsection .stp5_colL .heightsmall {
    float: left;
    height: 40px !important;
    width: 66%;
}


.heightsmall{height: 40px !important;}


.survey_title_div{width:330px  !important;}
.survey_convesrion_div{width:406px !important;}


.padding10{padding:10px;}
.tdbodercreatesurvey{border:1px solid #CCCCCC;background-color:#EFEFEF;}

.searchbartoplins{
    color: #FFFFFF;
    font-size:16px;
    padding: 0 25px 0 0;
}



#rememberme{position:static !important;}

.paddingtop6px{padding-top:6px !important;}
.getUrlTxt{width:552px;}



.successdivdashboard {
color: #000;
background-color: #DFF2BF;
background-image:url('../images/success.png');
border: 1px solid #4F8A10;
margin: 10px 0px;
padding:15px 10px 20px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.errordivdashboard {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/success.png');
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}


button.nav-toggle{background:#E0E3DD;}


#messagedivid a {
    color: #282828;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
    font-style: normal;
}


/*Conversion Rate UI stylesheet - 31March2013*/
.convrRateContainer{margin:0 auto; width:710px;}
ul.convRateList{float:left; width:100%; list-style-type:none; margin:50px 0;}
ul.convRateList li{float:left; margin-bottom: 24px;}
ul.convRateList li .convrsRateLtBlk{float:left; width:278px; position:relative;}
ul.convRateList li .convrsRateLtBlk .converbx1{background: url("../images/converrateBx1.png") no-repeat center top transparent; width:278px; height:192px;}
ul.convRateList li .convrsRateLtBlk .converbx1 .pgTitle{font-size:18px; border-bottom:1px solid #d2d2d2; text-align:center; color:#69ab37; padding: 10px 0; width: 86%; margin: 0 auto;}
ul.convRateList li .convrsRateLtBlk .converbx1 .convRate{font-size:25px; border-bottom:1px solid #d2d2d2; text-align:center; color:#242424; padding: 20px 0; width: 80%; margin: 0 auto;}
ul.convRateList li .convrsRateLtBlk .converbx1 .avgPerc{font-size:18px; text-align:center; color:#242424; padding: 15px 0; width: 80%; margin: 0 auto;}

/*ul.convRateList li .convrsRateLtBlk .converbxBtm{ background: url("../images/converbxBtm.png") no-repeat center top transparent; width:177px; height:67px; margin-left:51px; position:absolute; bottom:-25px;}

ul.convRateList li .convrsRateRtBlk{float:left; margin: 11px 0 0;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo{width:326px; float:left; background: url("../images/convRtSiteBg.png") no-repeat; height: 181px; overflow-y:auto; overflow-x:hidden;}*/
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo .convPagTitle{float:left; font-size:14px; font-weight:bold; padding:4px 0 4px 20px;}

ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList{float:left; list-style-type:none; margin:0; padding:0; width:100%;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li{float:left; width:94%; padding:4px 10px; border-bottom:1px solid #e1e0e1; margin:0;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li div.urlnm{float:left; color:#69ab37; width: 67%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li div.urlnm a{color:#69ab37; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li div.rateNum{float:right;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li.lastlist{border-bottom:none;}


ul.convRateList li .convrsRateLtBlk .converbxBtm{ background: url("../images/converbxBtm.png") no-repeat center top transparent; width:177px; height:94px; margin-left:51px; position:absolute; bottom:-53px;}

ul.convRateList li .convrsRateRtBlk{float:left; margin: 11px 0 0;}
ul.convRateList li .convrsRateRtBlk .convRtSiteInfo{width:326px; float:left; background: url("../images/convRtSiteBg.png") no-repeat; height: 209px; overflow-y:auto; overflow-x:hidden;}




/*.................... 08 April 2014 ......................*/
.reportContainer{ margin:0 auto; width:85%;}

.reportContainerTp{ float:left; width:100%; padding:20px 0px; border-bottom:2px solid #C4D3EA; margin-bottom:20px;}
.reportContainerTp ul{ margin:0; padding:0; list-style-type:none; }
.reportContainerTp ul li{ float:left; width:100%; border:1px solid #d1d1d1; border-bottom:none;}
.reportContainerTp ul li .fldTpContLft{float:left; width:60%; font-weight:bold; color:#555; padding:8px 10px; background:#F9F9F9}
.reportContainerTp ul li .fldTpContRgt{float:left; width:34%; color:#555; padding:8px 10px; border-left:1px solid #d1d1d1; }
.reportContainerTp ul li:last-child{border-bottom:1px solid #d1d1d1;}

.reportContainerBtm{float:left; width:100%; padding:0px; margin-bottom:30px;}
.reportContainerBtm ul{ margin:0; padding:0; list-style-type:none; }
.reportContainerBtm ul li{ float:left; width:100%; border:1px solid #d1d1d1; border-bottom:none;}
.reportContainerBtm ul li .fldBtmContLft{float:left; width:25%; font-weight:bold; color:#555; padding:8px 10px; background: none repeat scroll 0 0 #F9F9F9;}
.reportContainerBtm ul li .fldBtmContRgt{float:left; width:69%; color:#555; padding:8px 10px; border-left:1px solid #d1d1d1; }
.reportContainerBtm ul li:last-child{border-bottom:1px solid #d1d1d1;}

.reportContainerBtm .reportbtmHd{ font-weight:bold; font-size:16px; color:#333; margin-bottom:10px;}


/*...................... 22 Apr 2014 ............................*/

ul.convRateList li .convrsRateRtBlk .convRtSiteInfo ul.ratingPgList li div.urlnm{float:left; color:#69ab37; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

ul.convRateList li .convrsRateLtBlk .converbx1{background: url("../images/converrateBx1.png") no-repeat center top transparent; width:278px; height:216px;}

ul.convRateList li .convrsRateLtBlk .converbxBtm{ background: url("../images/converbxBtm.png") no-repeat center top transparent; width:177px; height:94px; margin-left:51px; position:absolute; bottom:-28px;}




:-moz-any-link:focus {
  outline: none;
}

span.question {
  cursor: help;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #0D870D;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;

}
span.question:hover { background-color: #FF8B17; }

span.question1 {
  cursor: help;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #0D870D;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;

}
span.question1:hover { background-color: #FF8B17; }

div.tooltiphelp {
  background-color: #0D870D;
  color: White;
  position: absolute;
  left: 25px;
  top: -25px;
  z-index: 99999999;
  width: 250px;
  border-radius: 5px;
}
div.tooltiphelp:before {
  border-color: transparent #0D870D transparent transparent;
  border-right: 6px solid #0D870D;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}
div.tooltiphelp p {
  margin: 10px;
  color: White;
}

#ometrics_popup_container {
}

/*Dropdownlist CSS*/
#jumpMenu-button,
#jumpMenu-button.ui-state-hover,
#jumpMenu-button.ui-state-focus{
	background:#282828;
	border:1px solid #666666;
	height:30px;
	color:#fff;
	outline:0 none;
}
#jumpMenu-button span.ui-selectmenu-text{
	padding:4px 6px;
	font-weight:normal;
	font-family: Arial,sans-serif;
}
#jumpMenu-button span.ui-icon{
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #fff;
	right:6px;
	margin-top:-3px;
}
#jumpMenu-menu{
	background:#282828;
	border:1px solid #666666;
}
#jumpMenu-menu .ui-menu-item{
	color:#fff;
}
#jumpMenu-menu .ui-state-focus{
	font-weight:normal;
	background:blue;
	border:1px solid blue;
}

#ometrics_popup_form ul{
	list-style-type: disc;
}

#popup_form_container  {
	table-layout: fixed;
}
#mobilepopup_parent {
	background-image: url("/images/phoneoutline-v2.png");
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: 100% auto;
	height: 980px;
	width: 359px;
	padding-top: 100px;
	padding-left: 30px;
	margin-left:auto;
	margin-right:auto;
}
.mobilepopup_parent {
	background-image: url("/images/phoneoutline-v2.png");
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: 100% auto;
	min-height: 725px;
	width: 359px;
	padding-top: 100px;
	padding-left: 30px;
	margin-left:auto;
	margin-right:auto;
}
#exitpopup_mobile, #exitpopup_mobile_banner {
	max-width:305px;
}
#exitpopup {
	display: block;
	margin-left: auto;
	margin-right:auto;
}
/* August 8, 2017 */
.color-picker-label {
	margin-right: 10px;
}
/* September 1, 2017 */
ul#ometrics-tabs {
    border-bottom: 1px solid #0D870D;
		margin-bottom: 10px;
}
ul#ometrics-tabs li.active>a {
    background-color: #0D870D;
    color: #fff;
    border: 1px solid #0D870D;
}

.nav-ometrics {
	font-size: 14px !important;
}
.nav-ometrics>li.active>a, .nav-ometrics>li.active>a:hover, .nav-ometrics>li.active>a:focus {
    background-color: #0D870D;
}
.nav-ometrics>.active>a>.badge {
    color: #0D870D;
    background-color: #fff;
}
.top-buffer {
	margin-top: 15px !important;
}
/* new pricing page */
.grayPanel{border:4px solid #c7c7c7; border-radius:6px;}
.grayPanel .grayTitle{background:#c7c7c7; font-size:24px; padding:10px 0 10px 0; color:#000000; width:100%; text-align:center;}
ul.priceFeatureList{float:left; width:99%; list-style:initial; list-style-position: inside; margin:0; padding:10px 3px 10px 3px;}
ul.priceFeatureList li{float:left; width:94%; border-bottom:1px solid #dddddd; padding:3px 0 3px 4px; color:#555555;}
ul.priceFeatureList li a{ color:#555555;}
ul.priceFeatureList li a span.plistTxt{ /*float:left; */padding:6px 0 0 4px; letter-spacing:1px; font-size:14px;}

/* toggle switches */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

.toggle-switch input {display:none;}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .toggle-slider {
  background-color: #0D870D;
}

input:focus + .toggle-slider {
  box-shadow: 0 0 1px #0D870D;
}

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/* Rounded sliders */
.toggle-slider.round {
  border-radius: 34px;
}

.toggle-slider.round:before {
  border-radius: 50%;
}

/* chatbot setup wizard */
.intentStatusCol {
	width: 70px;
}
.collapseDesc {
	padding-top: 10px;
	padding-bottom: 20px;
}

/* ajax spinner */
#ajaxLoader {
	position: relative;
    top:50%;
    left:50%;
}
.ecommerceProduct.bg-success {
  background-color: #dff0d8!important;
}
.ecommerceProduct.bg-primary {
  color: #fff!important;
  background-color: rgba(13,135,13,1)!important;
}
/* mobile buttons nav */
@media only screen and (max-width: 768px) {
	.nav>li>a {
    	display: inline-block;
    }
}
#et-top-navigation {
    padding-left: 0!important;
}
@media (max-width: 1320px) {
  .et_menu_container {
    width:100%;
    padding-right: 8px;
  }
}
@media (min-width: 981px) and (max-width: 1060px) {
  #logo {
    max-width:140px;
  }
}
/* user warning area */
.user-warning {
	background-color: #dc3545;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	text-align: center;
}
.user-warning a, .user-warning a:hover, .user-warning a:focus {
	  color: #ddd;
    text-decoration: underline;
}
.settings-menu-icon {
	color:#fff!important;
}
a:hover .settings-menu-icon {
	color:#0D870D!important;
}
/* header menu */
.header-icon-svg {
	width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 20px;
	fill: currentcolor;
}
.dashbrdSubNav a .header-icon-svg, .topNav a .header-icon-svg {
	color:#ffffff;
}
/*.dashbrdSubNav a.selected .header-icon-svg, .dashbrdSubNav a:hover .header-icon-svg{
	color:#000000;
}*/
.dashbrdSubNav{float:left; }
.dashbrdSubNav a{font-size:16px; color:#ffffff; padding:0 25px 0 0;}
.dashbrdSubNav a.selected, .dashbrdSubNav a:hover, .topNav .nav>li>a:hover, .topNav .nav>li>a.selected {color:#ffffff;}
/*.dashbrdSubNav a:hover{color:#000;}*/
.dashbrdTitle{float:left;  background: url("../images/dashbrdTitleBg.jpg") repeat-x; color:#555555; font-size:16px; font-weight:bold; width:98%; padding:11px 0px 12px 20px;}
.dashbrdTitleNoBG{float:left;color:#555555; font-size:16px; font-weight:bold; width:98%; padding:11px 0px 12px 20px;}

.dashbrdSubNav .nav>li>a:focus, .dashbrdSubNav .nav>li>a:hover, .topNav .nav>li>a:focus, .topNav .nav>li>a:hover {
    background-color: inherit;
}
/* modal scrollable for old bootstrap */
.modal-body-scrollable {
	max-height: calc(100vh - 212px);
    overflow-y: auto;
}
.header-nav-row {
	display:flex;
	justify-content: space-between;
}
.header-nav-row .logoPane {
	float:none;
	width:unset;
	padding-right: 5%;
}
@media (max-width: 767px) {
	.header-nav-row .logoPane {
		max-width:180px;
	}
}
.topNavContainer {
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.topNavMenu {
	margin:0;
}
ul.topNavMenu li {
	padding: 0 20px 0 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    
}

ul.topNavMenu li a, ul.topNavMenu li.dropdown a {
    font-size: 16px;
    color: #fff;
}

ul.topNavMenu li ul.dropdown-menu li {
	padding: unset;
    list-style: none;
    display: block;
    
}
ul.topNavMenu li.dropdown ul.dropdown-menu a {
    color: #333;
}
ul.topNavMenu li.dropdown ul.dropdown-menu a:hover {
    color: #0D870D;
}
ul.topNavMenu li.dropdown:hover a:hover .settings-menu-icon {
    color: #fff!important;
}
ul.topNavMenu li.dropdown ul.dropdown-menu {
	left: unset;
	right:0;
}
.domain-box {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-domain, .dashboard-button {
	padding: 0 10px 0 10px;
}
.header-domain {
	color:#fff;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
.show-mobile {
		display:none;
	}
@media all and (max-width:767px){
	.hide-mobile {
		display:none;
	}
	.show-mobile {
		display:block!important;
	}
	.topNavContainer {
		justify-content: flex-end;
	}
}

.mobile-nav .navbar-collapse {
	position:relative;
	z-index:1000;
}

.mobile-nav .navbar-collapse .nav {
	background-color:#fff;
}
.mobile-nav .navbar-collapse .navbar-default .navbar-nav>li>a {
    color: #0D870D;
}

