﻿
body{background-color:#D3D4D6; margin:0; padding:0;}

a, img, li{outline:0px}

/*body{background-color:#F1F1F1; margin:0; padding:0;}*/

a:link{color:#0059BD; text-decoration:none}
a:visited{color:#0059BD; text-decoration:none}
a:hover{ text-decoration:underline; color:#FF7E21}


#outer{ background-color:white; width:868px; text-align:left; display:table; padding:0 35px 15px 35px;}


#link-private-clientlogin{ background-color:#1C579D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding-top:4px;  padding-bottom:6px; }
#link-private-clientlogin a:link{color:#fff; text-decoration:none}
#link-private-clientlogin a:visited{color:#fff; text-decoration:none}
#link-private-clientlogin a:hover{ text-decoration:underline}


#top-bar{margin-bottom:25px;}

div#logo{height:60px; background-color:white; clear:both; margin-left:11px; padding-top:7px;}


/* used in case-studies */
.top-pic-case{width:868px; height:183px; clear:both;}
.img-text{font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  font-size:18px; line-height:26px; float:left; }
.quote-case{font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  font-size:12px; padding:10px; }



div.wrapimgtext{height:188px; width:651px; margin-bottom:10px; background:#EEEEEE}

.img-text2{font-family:Arial, Helvetica, sans-serif;  font-size:13px; line-height:20px; float:left; padding:18px; width:200px; }
.img-text-black{font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  font-size:14px; line-height:24px; float:left; padding:35px 24px; width:320px; color:#000 }

.img-text-white{font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  font-size:14px; line-height:24px; float:left; padding:35px 24px; width:320px; color:#fff }

.img-text-white-sperd{font-family: Arial, Helvetica, sans-serif;  font-size:14px; line-height:24px; padding:35px 24px; color:#fff }


/* Hierarchy Links */
.hierarchy{font-family:Arial, Helvetica, sans-serif; color:#707070; font-size:10px; text-decoration:none; padding-bottom:10px; padding-left:1px; padding-right:5px; text-align:left; }
.hierarchy a:link{ color:#0059BD; text-decoration:none; }
.hierarchy a:visited{ color:#0059BD; text-decoration:none; }
.hierarchy a:hover{ color:#FF7E21; text-decoration:underline; }
.hierarchy-on{ color:#FF7E21;}




/*Images, product-snapshots*/
.shadow-screenshots{ border-bottom:2px solid #CCCCCC; border-right:2px solid #CCCCCC; width:534px; clear:both}
.bdr-screenshots{border:1px solid #999999; padding:7px;}
/* Used for branching sample question screenshot */
.bdr-survey{border:12px solid #2D68A3; padding:15px;}





/*Form Fields*/
.search{padding-top:4px; width:240px; float:right; }
.searchbox{ border:1px solid #BFBFBF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;  margin-right:5px; width:140px; padding-left:3px; padding-right:3px; }

.textbox{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; padding:3px 5px; margin:5px 4px;}

.buttonsmall{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;}

.textboxbig{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:2px 5px; margin:5px 4px; width:170px;}
.textboxmulti{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:2px 5px; margin:5px 4px; }
.dropdown{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:5px 4px;}
.button{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:3px; color:#454545;}
/*Form Fields END*/


.white{ background-color:#fff; }

.bg-greydark{ background-color:#555555; }
.bg-grey{ background-color:#777777; }
.bg-greylight{ background-color:#C8C8C8; }
.bg-greylighter{ background-color:#F1F1F1; }

.bg-cream{ background-color:#F6F7ED; }
.bg-creamdark{ background-color:#E0E2C6; }

.bg-blue{ background-color:#0066CC; }
.bg-bluelight{ background-color:#3385D6; }
.bg-bluelight2{ background-color:#8DBAE7; }
.bg-bluelighter{ background-color:#DBE7F9}
.bg-bluelighter2{ background-color:#E2F1FE}



ul.bullet-arrow{list-style-type:none; }
ul.bullet-arrow li{ background:url('../../online-survey-images/Online-Surveys-common/arrow-bullet.gif') no-repeat 0px 4px; padding-left:10px;}
/*
ul.bullet-arrow li{list-style-image:url('../online-survey-images/Online-Surveys-common/arrow-bullet.gif') }
*/

.pic-valign{ vertical-align:middle; margin-right:2px; }


.shadow-png-white{ background-image:url('../../online-survey-images/Online-Surveys-common/white-trans.png'); padding:3px;}



#top-links{ background-color:white; height:24px; width:865px; margin-left:1px; }



#Footer_footer{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; padding:10px;}
#Footer_footer a:link{color:#666666; text-decoration:none;}
#Footer_footer a:visited{color:#666666; text-decoration:none;}
#Footer_footer a:hover{ color:#0059BD; text-decoration:underline }

.links-bottom{float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; width:240px; letter-spacing:0.08em; text-align:left; }
.links-bottom a:link{color:#333; text-decoration:none;  }
.links-bottom a:visited{color:#333; text-decoration:none;  }
.links-bottom a:hover{ color:#0059BD; text-decoration:underline }

.fl{ float:left }

.fr{ float:right }

.font{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#121212;}

.smallfont{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#121212;}

.fontred{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000;}


/*Used for links in grey bar on the right panel*/
div.links-grey-bar{background-color:#F1F1F1; padding:3px 6px 6px 6px; line-height:22px;}
div.links-grey-bar2{background-color:#F1F1F1; padding:3px 6px 6px 6px; line-height:14px;}


.smallfont-grey{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#121212;}
.smallfont-grey a:link{color:#333; text-decoration:none;  }
.smallfont-grey a:visited{color:#333; text-decoration:none;  }
.smallfont-grey a:hover{ color:#0059BD; text-decoration:underline }



#wrap{width:867px;}


/*Used for the Title of Layer Form*/
.titles-layer{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#005FB0; line-height:14px; margin-bottom:-9px;}


/*Main*/

.clear{ clear:both}

#rightpanel{ float:left; width:650px;  padding-bottom:15px; }

/*Heading and AAA*/
/*.HeadingAAA{height:45px; clear:both; padding-left:18px; padding-right:10px; margin-bottom:10px;}*/
.HeadingAAA{clear:both; overflow:hidden; margin-bottom:20px; }
.HeadingAAA2{clear:both; }


h1#Heading{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333; font-weight:bold; margin-bottom:4px; margin-top:6px; width:560px;}

h1#Heading-small{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; margin-top:0;}

#TopTextBlockDotted{background:url('../../online-survey-images/Online-Surveys-common/dotted-text.gif') ; padding-bottom:5px; margin-bottom:20px;}
#TopTextDotted{font-family:Arial, Helvetica, sans-serif; padding-top:5px; font-size:16px; padding-bottom:1px; line-height:24px; }

.ContentPicBlock{ clear:both; margin-top:15px; padding-bottom:15px; border-bottom:1px #C2D3E9 dashed }

.SquarePic{float:left; border:1px solid #CCCCCC; width:85px; height:85px; margin-right:15px; }


/*Used in Resource Center - TOM*/
.nl{clear:both; border-top:1px solid #CCCCCC; padding-top:10px;}
.shadow-nl{ border-bottom:3px solid #CCCCCC; border-right:4px solid #CCCCCC; width:110px; float:left; margin-right:10px; margin-bottom:25px;}
.bdr-nl{border:1px solid #585858;}



/*Left Panel used only in About Zarca and Careers*/
#leftpanel-about-careers{ float:left; width:605px; padding-left:20px;  margin-bottom:25px; }


/*Previous and Next Links*/

.previous a{padding-left:30px; padding-top:4px; height:30px; vertical-align:top; background:url('../../online-survey-images/Online-Surveys-common/btn-previous.gif') top left no-repeat; text-align:left; float:left; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

.next a{padding-right:30px; padding-top:4px; height:30px; vertical-align:top; background:url('../../online-survey-images/Online-Surveys-common/btn-next.gif') top right no-repeat; text-align:right; float:right; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}


/*Used on Survey Design and Reports & Ananlysis pages*/
.next-big-left a{padding-right:30px; padding-top:4px; height:30px; vertical-align:top; background:url('../../online-survey-images/Online-Surveys-common/btn-next.gif') right center  no-repeat; text-align:right; float:left; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:15px; }

.previous-big a{padding-left:30px; padding-top:4px; height:30px; vertical-align:top; background:url('../../online-survey-images/Online-Surveys-common/btn-previous.gif') top left no-repeat; text-align:left; float:left; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-size:15px; }


/* Layer Pop up */
.popin {
		display:block;
		position:absolute;
		top:-999px;left:158px;
		width:514px;
		z-index:600;
	}
	
	.popin_bottom { height:38px; margin: 0 auto;}
		
	.popin_top { height:38px; margin: 0 auto;}
	.popin_top { background:url(../../online-survey-images/Online-Surveys-common/popin_top.png) top left no-repeat; }
	.popin_bottom { background:url(../../online-survey-images/Online-Surveys-common/popin_bottom.png) bottom left no-repeat; }
	.popin_content { background:url(../../online-survey-images/Online-Surveys-common/popin_pattern.png) top left repeat-y;    }
	
		* html .popin_content {
			background-color: #fff;
			back\ground-color: transparent;
			background: url(/online-survey-images/Online-Surveys-common/blank.gif) top left no-repeat;
			display:inline-block;
		}
		
		* html .popin_bottom {
			background-color: #fff;
			back\ground-color: transparent;
			background: url(/online-survey-images/Online-Surveys-common/blank.gif) top left no-repeat;
			display:inline-block;
		}
		
		* html .popin_top {
			background-color: #fff;
			back\ground-color: transparent;
			background: url(/online-survey-images/Online-Surveys-common/blank.gif) top left no-repeat;
			display:inline-block;
		}
		
		* html .popin_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../online-survey-images/Online-Surveys-common/popin_top.png", sizingMethod="scale"); }
		* html .popin_bottom { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../online-survey-images/Online-Surveys-common/popin_bottom.png", sizingMethod="scale"); }
		* html .popin_content { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../online-survey-images/Online-Surveys-common/popin_pattern.png", sizingMethod="scale"); }

/* Layer Pop up ENDS */

/* Used on Client-Support page */
#RightNavig_rightnav_supportinfo{ width:180px; padding:15px;  margin-bottom:25px; margin-top:40px; border:1px solid #D9D9D9; background:url('../../online-survey-images/Online-Surveys-common/bg-quotes.jpg') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; line-height:1.5em }




/* TOP MENU with html text in the top tabs */
.menu2 {padding:2px 0 0 5px; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background:url('../../online-survey-images/Online-Surveys-common/bg_nav_dots.gif') repeat-x}
.menu2 li.top {display:block; float:left;}


.menu2 li a.top_linkprod {display:block; float:left; height:33px; line-height:23px; color:#555;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:134px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top;}
 .menu2 li a.top_linkcli {display:block; float:left; height:33px; line-height:23px; color:#555;  text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:97px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; }
 .menu2 li a.top_linkres {display:block; float:left; height:33px; line-height:23px; color:#555;
text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:94px; margin-right:10px;  }
  .menu2 li a.top_linkcarr {display:block; float:left; height:33px; line-height:23px; color:#555;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:63px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top;}
   .menu2 li a.top_linkabt {display:block; float:left; height:33px; line-height:23px; color:#555;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:84px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top;}
    .menu2 li a.top_linkcont {display:block; float:left; height:33px; line-height:23px; color:#555;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:46px; margin-right:7px;  }




.menu2 li a.top_linkonprod {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:134px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; }
 .menu2 li a.top_linkonres {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:94px; margin-right:10px; }
.menu2 li a.top_linkoncli {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:97px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top;}
 .menu2 li a.top_linkoncarr {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:63px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; }
  .menu2 li a.top_linkonabt {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:84px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; }
   .menu2 li a.top_linkoncont {display:block; float:left; height:33px; line-height:23px; color:#2967B4;
 text-decoration:none; font-size:11px; font-weight:bold; padding:0 1px 0 3px; cursor:pointer; width:46px; }





.menu2 li a.top_link span {float:left; display:block; height:33px; width:110px;  }

.menu2 li a.top_link span.down {float:left; display:block; height:33px; background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; width:90px;  padding-right:10px; }

.menu2 li a.top_linkon span.downon {float:left; display:block; height:33px;  width:85px;  padding-right:10px; color:#2967B4;
}


.menu2 li:hover > a.top_link {color:#555;
 }
.menu2 li:hover > a.top_link span { }
.menu2 li:hover > a.top_link span.down {background:url(../../online-survey-images/Online-Surveys-common/arrow-menu.gif) no-repeat right top; color:#2967B4; }


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:1px; top:25px; background: #fff; border:1px solid #CCCCCC; background-color:#fff; white-space:nowrap; height:auto; z-index:300; padding:10px;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100%; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; line-height:20px; text-indent:5px; color:#444; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../../online-survey-images/Online-Surveys-common/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {text-decoration:underline;  color:#444; }
.menu2 :hover ul.sub li a.fly:hover {background:#CEE7FF url(../../online-survey-images/Online-Surveys-common/arrow_over.gif) 80px 7px no-repeat; color:#555;
}
.menu2 :hover ul li:hover > a.fly {background:#CEE7FF url(../../online-survey-images/Online-Surveys-common/arrow_over.gif) 80px 7px no-repeat; color:#555;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #CEE7FF; white-space:nowrap; width:82px; z-index:400; height:auto;}

.style1{border-width: 0px;}
.deco-underline{text-decoration:underline;}

/*for V9.0 release page icons*/
.featurecenter { margin-left: auto; margin-right: auto; text-align: center; position:relative; width: 650px;}
.icofeature {/* margin: 40px 0 0 18px;*/ list-style: none outside none;}
.icofeature li {
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2'); /* for IE */
    /*background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FFFFFF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2)); /* for webkit browsers */
    /*border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset, 0 1px 2px #FFFFFF;*/
	/*border:solid 2px #E2E2E2;*/
    color: #4D4D4D; display: table; font-size: 0.929em; font-weight: bold; font: 12px Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; width: 115px; height: 132px; float:left;}
.icofeature li img{ margin-top: 14px; cursor: pointer; border:none}
.icofeature li div{ margin-top: 7px; width: 115px;}
.selfclear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.feature_img { text-align:center;}
.text_v{ color: #808080; font-family: Arial,Helvetica,sans-serif; font-size: 17px;}
h1.rel_titles{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FF7F00; line-height:14px; margin-bottom:-9px; margin-left: 40px}
.back_to_top { font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: #808080; float:right;}
.back_to_top a div { color: #808080; text-decoration: none;}