@charset "utf-8";
/* CSS Document */
@lightGrey: #cccccc;
@default: #555555;
@blue: #00aced;
@footerBg: #1e1e1e;
@yellow: #ffff00;
@aqua: #d6f4ff;
@dvBlue: #2c7dc0;

.arialFont
		{
			font-family: Arial, Helvetica, sans-serif;	
		}

body
{
		margin: 0;
		padding: 0;
		font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: @default;
		font-size: 0.95em;
		letter-spacing: 0em;
		line-height: 1.5em;
		background: @footerBg;
		

		
		
		a
		{
			text-decoration: none;
			color: inherit;
			cursor: pointer;	
		}

		
		.blue
		{
			color: @blue;	
		}
		
		.grey
		{
			color: @default;	
		}
		
		img
		{
			border: none;	
		}
}
	
div#header
{
		height: 109px;
		border-top: 5px solid #b1b1b1;
		background: white;
		
		.wrapper
		{
		width: 1138px;
		height: 109px;
		margin: 0 auto;
		
			img#logo
			{
				margin: 49px 0 0 0;	
				float: left;
			}
			
			.navWrap
			{
				width: 398px;
				height: 109px;
				margin: 64px 38px 0 0;
				float: right;	
				
				div
				{
					float: left;	
				}
				
				.home
				{
					background: url(../images/header/home.png) no-repeat;
					width: 83px;
					height: 45px;	
				}
				
				.home.active
				{
					background:url(../images/header/home-active.png) no-repeat;	
				}
				
				.wetrieve
				{
					background:url(../images/header/wetrieve.png) no-repeat;
					width: 102px;
					height: 45px;
				}
				
				.wetrieve.active
				{
					background: url(../images/header/wetrieve-active.png) no-repeat;	
				}
				
				
				.company
				{
					background:url(../images/header/company.png) no-repeat;
					width: 102px;
					height: 45px;	
				}
				
				.company.active
				{
					background: url(../images/header/company-active.png) no-repeat;	
				}
				
				
				.contact
				{
					background: url(../images/header/contact.png);
					width: 102px;
					height: 45px;	
				}
				
				.contact.active
				{
					background: url(../images/header/contact-active.png) no-repeat;	
				}
			}/* end .navWrap*/
		}/* end .wrapper*/
	
}/* end #header*/


div#body
{
	width: 100%;
	height: auto;
	background: white;
	padding: 0 0 50px 0;
	
	.wrapper
	{
		margin: 0 auto;
		width: 1138px;	
	}
	
	.wrapperHome
	{
		.wrapper;
		min-height: 596px;
		background: url(../images/laptopmonitor.png) right top no-repeat;
		
		.title
		{
	
			width: 468px;
			height: 33px;
			margin: 68px 0 0 0;	
		}
		
		.text
		{
			margin: 34px 0 0 0;
			width: 400px;
			height: auto;	
		}
		
		
		.learnMore
		{
			background: url(../images/learnmore.png) top left no-repeat;
			width: 146px;
			height: 45px;
			cursor: pointer;
			margin: 34px 0 0 0;	
		}
		
		.learnMore:active
		{
			background: url(../images/learnmore.png) bottom left no-repeat;		
		}
		
	}/* end .wrapper*/


}/* end div#body*/


div#quote
{
	background: #eeeeee;
	width: 100%;
	height: 95px;
	border-top: 1px solid @lightGrey;
	
	
	.content
	{
		width: 600px;
		height: 55px;
		margin: 20px auto;
		
		
		#viewport
		{
			overflow: hidden;
			width: 558px;
			height: 65px;
			float: left;
			margin: -5px 10px 0 10px;
			position: relative;
			
			div.wrap
			{
			margin:0;
			padding:0;
			position: relative;
		
	
			
				div.each
				{
				width: 543px;
				height: 55px;
				float: left;
				text-align: left;
				font-size: 0.8em;
				margin-left: 15px;
				
			
				
					.source
					{
				width: 500px;
				margin-right: 58px;
				text-align: right;
				font-size: 0.8em;
				font-weight: normal;
					
					}
				}/*end div.each*/
			}/*end div.wrap*/
			
			
		}/*end #viewport*/
		
		img
		{
		float: left;
		margin: 6px 0 5px 0;
		cursor: pointer;
	
		}
		
	
			
		
			
		}/*end .content*/
		
			
}/* end #quote*/


/*company*/


div.contentWrap
{
   width: 100%;
   height: auto;
   overflow: auto;
   
   .textContainerLeft
   {
	float: left;
	width: 520px;
	height: auto;
	margin: 0 0 0 18px; 
   }
   
   .textContainerRight
   {
	display: inline;
	margin: 20px 0 0 18px;
	
   }
   
   .textContainerRight.teamPhoto
   {
	margin-top: -20px;   
   }
   
   
}


.supportersWrap
   {
	   width: 100%;
	   margin: -70px 0 0 0;
	   
	   p
	   {
		margin: 0 0 39px 0;   
	   }
	   
	   img
	   {
			margin-right: 20px;   
	   }
	   
	   .thankYou
	   {
		font-size: 1.2em;
		color: black;
		font-weight: bold;
		margin: 57px 0 0 0;
  
	   }
   }/* end .supportersWrap*/
/*end company*/


/*wetrieve*/

#wetrieveContent1
{
	
	margin: 0 auto 0 auto !important;
	
	p
	{
		margin: 0;	
	}
	
	p.subnav
	{
		margin-top: 10px;
		
		a
		{
			color: @lightGrey;
			font-weight: bold;
		}
		
		a:hover
		{
			color: black;	
		}
	}/* end p.subnav*/
	
	p.textFeature
	{
		margin: 10px 0 9px 0;	
	}
	
	p.title
	{
		margin:	32px 0 0 0;
	}
	
	span
	{
		padding: 2px 6px;
		margin: 0 10px 0 0;
	}
	
	span.active
	{
	background: @blue;
	color: white;	
	}
	
	

	.explore
	{
		background: url(../images/explorefeatures.png) top left no-repeat;
		width: 184px;
		height: 45px;
		cursor: pointer;
		float: left;
		margin: 30px 0 0 0;
	}
	
	.explore:active
	{
		background: url(../images/explorefeatures.png) bottom left no-repeat;
	}
	
}/* end #wetrieveContent1*/


#features
{
	
	.contentWrap
	{
		margin-bottom: 20px;	
	}
	
	p.feature
	{
		padding: 22px 0 0 60px;
		width: 440px;
		margin: 25px 20px 0 0;
		font-size: 0.9em;
		line-height: 1.5em;		
	}
	
	p.one
	{
		background:url(../images/features/1.png) top left no-repeat;
	}
	
	p.two
	{
		background:url(../images/features/2.png) top left no-repeat;	
	}
	
	p.three
	{
		background:url(../images/features/3.png) top left no-repeat;	
	}
	
	p.four
	{
		background: url(../images/features/4.png) top left no-repeat;	
	}
	
	p.five
	{
		background: url(../images/features/5.png) top left no-repeat;	
	}
	
	p.six
	{
		background:url(../images/features/6.png) top left no-repeat;	
	}
	
	p.seven
	{
		background: url(../images/features/7.png) top left no-repeat;	
	}
	
	p.eight
	{
		background: url(../images/features/8.png) top left no-repeat;
	}
	
	p.nine
	{
		background: url(../images/features/9.png) top left no-repeat;
	}
	
	p.ten
	{
		background: url(../images/features/10.png) top left no-repeat;	
	}
	
	p.eleven
	{
		background:url(../images/features/11.png) top left no-repeat;	
	}
	
	p.twelve
	{
		background: url(../images/features/12.png) top left no-repeat;	
	}

	
	
	.marginLeftOverride
	{
		margin-left: 60px;
	}
	
	.marginLeftOverride.logo
	{
		margin: 50px 0 0 60px;	
	}
	
	.keyFeatures
	{
		margin: 48px 0 0 0;
	}
	
	.subFeatures
	{
		font-size: 0.9em;
		line-height: 1.3em;
		
		p
		{
			margin: 20px 0 0 0;	
		}
		
		b{
			color: black;	
		}
	
	}/* end .subFeatures*/
	
	
	
}/*end features*/



#quickTour
{

margin: 30px 0 0 0;
overflow: visible;

	img.midAlign
	{
		margin: 0 auto;
		display: block;
	}
	
	p.mid
	{
	 text-align: center;
	 margin: 20px 0;
	 
	 img
	 {
		display: inline;
		vertical-align: middle; 
	 }
	}
	
	
	.screenCaptureBg
	{
		background:url(../images/screencapture.png) no-repeat;
		width: 1024px;
		height: 905px;
		margin: 0 auto;
		padding: 15px;
		position: relative;
		
		div
		{
			float: left;
				
		}
		
		.wttarget
		{
		background:url(../images/targetwt.png) no-repeat top left;
		width: 50px;
		height: 50px;
		cursor: pointer;
		visibility: hidden;
		z-index: 1;
		position: absolute;				
		}
		

	
		
		img
		{
			cursor: pointer;
			visibility: visible;
			z-index: 1;
			position: absolute;		
		}
		
		div#a
		{
		
			left: 923px;
			top: 50px;
		}
		
		div#b
		{
		
			left: 53px;
			top: 100px;
			
		}
		
		div#c
		{
		
			left: 924px;
			top: 310px;	
		}
		
		div#d
		{
	
			left: 924px; 
			top: 470px;	
		}
		
		
		div#e
		{
		
			left: 924px;
			top: 710px;	
			
		}
		
		div#f
		{
	
			left: 623px;
			top: 750px;
			
		}
		
		div#g
		{
			
			left: 573px;
			top: 500px;
				
		}
		
		div#h
		{
			left: 924px;
			top: 820px;	
		}
		
		
		div#i
		{
			left: 754px;
			top: 90px;
		}
		
		
		
		.cell1
		{
			
			width: 1014px;
			height: 280px;	
			
			
		}
		
		.cell2
		{
			width: 769px;
			height: 625px;	
		}
		
		.cell3
		{
			width: 255px;
			height: 625px;
			
			
			.cell3a
			{
				width: 255px;
				height: 145px;
				margin: 8px 0 0 -9px;	
			}
			
			.cell3b
			{
				width: 255px;
				height: 480px;
				margin: 0 0 0 -9px;	
			}
			
		}/* end cell3*/
	}/*end .screencaptureBg*/
	
	
	
	/*tooltip styling*/



.tooltip {

	position: absolute;
	background: url(../images/black_arrow.png) no-repeat !important;
  	visibility: hidden;
	height: 96px;
	width: 189px;
	padding: 23px 20px;
	z-index: 10;
	display: table-cell;
    vertical-align: middle;
	

	p.message
	{

		color: @default !important;
		margin: 0;
		width: 100%;
		height: auto;
		font-size: 0.8em;
		line-height: 1.5em;	
		text-align: left;

	}
	
	.message.margin1 /*for center alignment*/
	{
		margin: 16px 0 0 0;	
	}
	
	.message.margin2
	{
		margin: 8px 0 0 0;	
	}
	
	
	
}/* end tooltip*/

.tooltip#one
{
		
		top: -42px;
		left: -36px;		
}

.tooltip#two
{
		top: -92px;
		left: 835px;		
}

.tooltip#three
{
		top: 169px;
		left: 835px;	
}

.tooltip#four
{
		top: 328px;
		left: 835px;
		
}

.tooltip#five
{
	
		top: 568px;
		left: 835px;	
}


.tooltip#six
{
		top: 608px;
		left: 534px;	
}

.tooltip#seven
{
		top: 358px;
		left: 484px;	
}

.tooltip#eight
{
		top: 679px;
		left: 835px;	
}


.tooltip#nine
{
	left: 665px;
	top: -51px;
}

#highlightUpload
{
	visibility: hidden;
	position: absolute;
	left: 840px;
	top: 45px;
	width: 80px;
	height: 42px;	
	border: 5px solid @yellow;
	
}

#highlightLink
{
	visibility: hidden;
	position: absolute;
	left: 784px;
	top: 741px;
	width: 240px;
	height: 27px;
	border: 5px solid @yellow;	
	
}

#highlightResults
{
	visibility: hidden;
	position: absolute;
	left: 22px;
	top: 395px;
	width: 500px;
	height: 520px;
	border: 5px solid @yellow;	
}


#highlightTab
{
	visibility: hidden;
	position: absolute;
	left: 30px;
	top: 287px;
	width: 108px;
	height: 38px;
	border: 5px solid @yellow;	
}

#highlightPeek
{
	visibility: hidden;
	position: absolute;
	left: 972px;
	top: 827px;
	width: 26px;
	height: 30px;
	border: 5px solid @yellow;		
}


#highlightSources
{
	visibility: hidden;
	position: absolute;
	left: 295px;
	top: 71px;
	width: 463px;
	height: 41px;	
	border: 5px solid @yellow;
		
}

#highlightDistill
{
	visibility: hidden;
	position: absolute;
	left: 542px;
	top: 541px;
	width: 78px;
	height: 41px;
	border: 5px solid @yellow;	
}



#showPreview
{
	visibility: hidden;
	background:url(../images/bigdocpreview.png) no-repeat;
	width: 373px;
	height: 477px;
	position: absolute;
	left: 128px;
	top: 350px;	
	
	
}

#showCursor
{
	visibility: hidden;
	background: url(../images/cursor.png) no-repeat;
	width: 20px;
	height: 31px;
	position: absolute;	
	left: 70px;
	top: 579px;
}



/*end tooltip styling*/


}/*end quickTour*/

/*end wetrieve*/



/*contact section*/

#contact
{
	
	overflow: hidden;
	
	.textContainerLeft
	{
		width: 740px;
		margin-top: 0;
	}
	
	.mapContainer
	{
		margin: 29px 0 0 51px;
		float: left;
		width: 318px;
		height: auto;
		
	img.phone
		{
		vertical-align: middle;
		margin: 0 3px 0 -15px;
		}
	.large
		{
		font-size: 1.3em;	
		}
		
		.veryLarge
		{
		font-size: 2em;	
		}
	p
	{
			font-size: 0.8em;
			line-height: 1.5em;
			margin-left: 10px;	
			
		
	}/*end p*/
	
	p.noMargin
	{
	margin-left:0;	
	}
		
		.blueBg
		{
		  
		  background: @dvBlue;
		  border: 1px solid @lightGrey;
		  margin: 30px 0 0 0;
		  
		  p
			{
			
			margin: 20px 0 20px 10px;
			color: #d0dae2;
			
			.large
			{
				
				color: white;	
			}
				
			}/* end p*/
		}
		
		small /*map override*/
		{
			float: right;
			
			a{
			color: white;
			margin: 0 10px 0 0;	
			}
			
		}
		
		
	}/*end .mapContainer*/
	
	
	/*contact form*/
		
		form
	{
		margin: 25px auto;
		width: 770px;
		height: auto;
	
	
		
		
		div
		{
		width: 70px;
		height: 22px;	
		float: left;
		font-size: 0.8em;
		padding: 6px 0 0 0;
	
		}
		
		p
		{
			margin: 0 0 30px 0;	
		}
		
		
		.errorLabel
		{
			font-weight: bold;
			color: red;
		}
		
		
		#showSliders
		{
				
		}
		
		
		div.required
		{
		width: 5px;
		height: 28px;
		margin: 0 44px 0 3px;	
		padding: 0;
		color: red;
		}
		
		#fd-slider-selectTest1, #fd-slider-selectTest2
		{
		width: 485px;
		margin-left: 42px;	
		}
		
		.widthFixed
		{
		width: 190px;	
		}
		
		.marginCorrect
		{
		margin: 5px 0 0 0;	
		}
		
		.labelSliderWrap
		{
			margin: 0 0 0 240px;
			clear: both;
			height: 30px;
			width: 475px;
			overflow: visible;
			
			div
			
			{
				width: auto;
				height: 30px;
				font-size: 0.9em;
				text-align: center;	
				
				
			}
		}/*end labelSliderWrap*/
		
		
		.labelSliderWrap2
		{
			
			margin: 0 0 0 240px;
			clear: both;
			height: 30px;
			width: 475px;
			overflow: visible;
			
			div
			{
				width: auto;
				height: 30px;
				font-size: 0.9em;
				text-align: center;
			
			}
		}
		
		.space
		{
				width: 100%;
				height: 20px;
		
			
		}
		
		input
		{
			.arialFont;
			font-size: 0.8em;
			font-weight: bold;
			width: 250px;
			height: 20px;
			border: 1px solid #cccccc;
			float: left;
			padding: 3px;	
		}
		
		.error
		{
			
			border: 1px solid red;	
		}
		
		textarea
		{
			.arialFont;
			font-size: 0.8em;
			font-weight: bold;
		 	width: 583px;
			height: 110px;
			padding: 3px;
			border: 1px solid #cccccc;
			resize: none;
		
		}
		
		.comments
		{
			width:auto;
			height:auto;
			margin-right: 20px;	
		}
		
		.sendButton
		{
			
			float: right;
			margin: 0 59px 0 0;
			width: 89px;
			height: 29px;
			cursor: pointer;
			border:0;
			
		}
		
		span.ast
		{
			vertical-align: top;
			color: red;
		}
		
		.warningWrap
		{
		width: 300px;
		height: auto;
		color: red;
		font-style: italic;
		
			.errorMessage
			{
				width: 100%;
				height: auto;	
				font-style: normal;
				font-size: 1em;
			}
		
		}/*end warningWrap*/
		
		
		
		
	}
		
		/*end contact form*/
	
	
}/* end #contact*/



/*end contact section*/

/*Thank You*/

#thankYouContainer
{
	margin: 87px auto 0 auto;
	background:url(../images/thankyou.png) no-repeat top left;
	width: 270px;
	height: auto;
	padding: 109px 0 0 192px;
	
	
	p
	{
		margin: 0;
		line-height: 1.3 em;	
	}
	p.team
	{
		margin-top: 15px;
		text-align: right;
		font-style: italic;
		color: #909090;
	
	}
	

}/*end ThankYouContainer*/

p#goHome
	{
		margin: 50px 0 50px 0;
		text-align: center;	
		
		a{
			color: @blue;
			font-weight: bold;	
		}
		
		a:hover
		{
			color: black;	
		}
	}
/* end Thank You section*/



/*terms and conditions*/

#terms
{
	font-size: 0.8em;
	line-height: 1.3em;
	overflow: visible;
	width: 1000px;
	margin: 0 0 70px 0;
	
	h2
		{
			margin: 35px 0 10px 0;	
		}
		
	a
	{
		color: #00aced;
		font-weight: bold;	
	}
	
	a:hover
	{
		color: black;	
	}
}/* end #terms*/

/*end terms and conditions*/


div#footer
{
	background: @footerBg;
	width: 100%;
	height: auto;
	border-top: 5px solid @lightGrey;
	

	.content
	{
		width: 1056px;
		height: 136px;
		margin: 0 auto;
		
		.active
		{
			color: white;	
		}
		
		p
		
		{
			margin: 10px 0;	
		}
		
		p.legal
		{
			float: left;
			font-size: 0.7em;
			color: white;
			
			a{
				color: @default;
			}
			
			a:hover
			{
				color: white;	
			}
				
		}
		
		p.copyright
		{
			float: right;
			font-size: 0.8em;
			line-height: 1.2em;
			color: @lightGrey;
			text-align: right;
			
				
		}
		
	}/*end .content*/
	
	
} /*end div#footer*/