/* Copyright © 2014-2015 Secure Opinion Ltd. All rights reserved. Last Amended 03/06/2015  */
body{background:#F5F5F5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:17px;margin:0;padding:0;}
a, a:hover{text-decoration:none;}
a{color:#666;}
a:hover{color:#FFD6A0;}
a img{border:none;}
p{margin:0;padding:0 0 17px;}
h1, h2, h3, h4{color:#6f6f6f;margin:0;padding:0 0 17px;}
h1{font-size:22px;line-height:26px;}
h2{font-size:19px;line-height:23px;}
h3{font-size:16px;line-height:20px;}
h4{font-size:13px;line-height:17px;}
#wrapper{margin:0 auto;}
#wrapperfeatures{margin:0 auto;width:994px;}
#header{background:#fff;border-top:5px solid #c4c2c2; background:linear-gradient(to left,  #e5ffdd 0%, white 100%)}
#headerTop{width:1000px; margin:0px auto;}
#logo{display:block;float:left;margin:3px; height:75px;}
#flags{color:#fff;padding:0 15px;}
#flags a{color:#fff;padding:0 5px;}
#contact{color:#6f6f6f;float:right;height:52px;line-height:20px;padding:28px 25px 28px 25px;text-align:right;}
#contact a{color:#6f6f6f;}
#contact a:hover{color:#999;}
#nav{background:#c4c2c2;font-size:15px;height:23px;line-height:23px; z-index:500; box-shadow:0px 2px 1px grey;}
#main{
min-height:630px;
width:1000px;
margin:0px auto;
padding:0 0 20px 0;
}
#linkfeedback /* the two links for the feedback pages - customer feedback and user feedback */
{
	float:left;
	width:350px;
	font-size:13px;
	line-height:17px;
	text-align:center;
	padding-bottom:10px;
}
.bigno
{
	float: left;
	width: 10%;
	font-size: 700%;
	line-height: 100%;
	color: lightgrey;
	text-shadow: 1px 1px 1px grey;
	font-family: Arial, Helvetica, sans-serif;
}
.trial
{float: center;	
	font-size: 700%;
	line-height: 100%;
	color: lightgrey;
	text-shadow: 1px 1px 1px grey;
	font-family: Arial, Helvetica, sans-serif;
}
.rightcol{
	float:left;
	width:80%;
}
#mainfeatures{ /* main container for the feature page - slightly larger than main */
background:#fff;
min-height:630px;
padding:20px 0 0 0;
}
#sidebar{background:#e5ffdd;color:#666;float:left;height:760px;line-height:20px; margin:10px 10px;padding:15px;width:190px; position:relative; border-radius:5px; box-shadow:inset 1px 1px 4px #94C983; border:1px solid #DEDEDE;}
#sidebar ul, #sidebar li{list-style:none;margin-bottom:10px;padding:0;}
#sidebar a{display:block;margin:0;padding:7px 0;}
#contentwiw{float:left; /* the content container for the WiW formatted pages. Anything with the 4 logo include. */
margin:0 10px;
width:700px;
min-height:480px;
position:relative;
padding-bottom:120px;
}
#content{float:left; width:758px; min-height:476px}
#inccontent{float:left;margin:0 10px;width:700px; position:absolute; bottom:0; margin-right:20px }
#rotator{background:#eee;height:330px;margin:0 0 10px;overflow:hidden;position:relative;width:700px;}
#copy{clear:both; margin:10px; padding:10px; border-radius:5px; background-color:white; box-shadow:inset 1px 1px 4px #DEDEDE; border:1px solid #DEDEDE;}
#leftCol{float:left;margin:10px;width:330px;}
	
#leftColfp1{float:left;margin:0px 10px 10px 10px;width:213px;		/* the three colums for the front page - first revision */
	font-size:18px;
	color:#666;
	text-align:center;
	padding-bottom:10px}
#middleColfp1{float:left;margin:0px 10px 10px 10px;width:214px;
	font-size:18px;
	color:#666;
	text-align:center;
	padding-bottom:10px}
#rightColfp1{float:left;margin:0px 10px 10px 10px;width:213px;
	font-size:18px;
	color:#666;
	text-align:center;
	padding-bottom:10px}
	
#sidetext{float:left;
	margin:20px 10px 10px 10px;
	width:213px;		
	font-size:13px;
	text-align:center;
	padding-bottom:10px}
	
#middletext{float:left;margin:20px 10px 10px 10px;
	width:214px;
	font-size:13px;
	text-align:center;
	padding-bottom:10px}

#rightCol{
	float:left;
	width:330px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#rightColwiw{    /*The text next to the image on WiW pages*/
	float:left;
	width:320px;
	margin-top: 10px;
	margin-left: 20px;
}
#middlelogo{        /* the four logo include */
	margin-top: 20px;
	margin-left:33%;
}
#middlelogosmall{
	margin-top: 20px;
	margin-left:36.4%;
}
#linkedin{
	position:absolute; 
	bottom:10px;
	left:80px
}
#logoline{    
	float:left;
	margin-top: 10px;
	margin-left: 60px;
}
#leftcolwiwtable /* container for the bulletpoint table */
{
	text-align:center;
	width:680px;
	margin-top: 5px;
}
#leftcolwiwtable li /* linespace for bulletpoints */
{
	padding-bottom: 8px;
}
.spacedlist li /* linespace for bulletpoints */
{
	padding-bottom: 15px;
}
.tmtemp		/* Talent Mining tagline */
{
	margin-top:5px;
	font-size:18px;
	color:#666;
}
#promptpdf /* the 'click here for fullscreen' prompt for the product overviews */
{
	padding:10px;
	float:right;
}
#footerpdf /* Style for the PDF include */
{
	text-align:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	font-size:18px;
}
#fullbar{
	border-radius:5px;
	margin:10px;
	margin-top:20px;
	background-color:#e5ffdd;
	border:1px solid #DEDEDE;
	box-shadow:0px 5px 10px #DEDEDE;
}
#fullbar .center{
	text-align:justify;
	float:left;
	width:500px;
	padding:35px 20px 20px 20px;

}
#btnholster{
	float:right;
	padding-top:26px;
	margin-right:10px
}

#btnholster button{
		background-color:white;
		width:75px;
		border:1px solid lightgrey;
		padding:5px;
		border-radius:4px;
}
#btnholster button:hover{
	background-color:#F2F2F2;
}

#fullbar .center h1{
	color:black;
	text-shadow:1px 1px 0px lightgrey;
	text-align:center;
	font-size:24pt;

}
#fullbar .right{
	background-color:#7AB567;
	color:white;
	text-align:center;
	width:178px; padding:20px 20px; float:left; height:181px;
	border-radius:0px 5px 5px 0px;
}

	#fullbar .right h3
	{
		color:white;
	}


	#fullbar .right button
	{
		-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
		box-shadow:inset 0px 1px 0px 0px #fce2c1;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
		background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
		background-color:#ffc477;
		-webkit-border-top-left-radius:20px;
		-moz-border-radius-topleft:20px;
		border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topright:20px;
		border-top-right-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		border-bottom-right-radius:20px;
		-webkit-border-bottom-left-radius:20px;
		-moz-border-radius-bottomleft:20px;
		border-bottom-left-radius:20px;
		text-indent:0;
		border:1px solid #eeb44f;
		display:inline-block;
		color:#ffffff;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		font-style:normal;
		height:65px;
		line-height:65px;
		width:86px;
		text-decoration:none;
		text-align:center;
		text-shadow:1px 1px 0px #cc9f52;
	}
	#fullbar .right button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
		#fullbar .right button:active
		{
			position: relative;
			top: 1px;
		}

hr.green {
	background-color: #29BA2C;
	border: none;
	height: 2px;
}

		
#footer{color:#666; font-size:10px; line-height:32px; padding:0 20px; vertical-align:bottom; margin:auto;}
.flleft{float:left;}
.flright{float:right;text-align:right;}
.header{border-bottom:1px solid #b5e3a7;font-weight:bold;margin-bottom:5px;padding-bottom:5px;}
.clear{clear:both;}
.headerpg{font-weight:bold; /* Standard page heading */
padding-top:19px; 
color:#7AB567;
font-size:16px;
text-align:center}
.sf-menu{float:left; z-index:200} /* zIndex fix for IE7 menubar behind images bug */
.sf-menu, .sf-menu *{list-style:none;margin:0;padding:0; z-index:100} /* zIndex fix for IE7 menubar behind images bug */
.sf-menu li{float:left;position:relative;margin:0 15px;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu ul{font-size:13px;line-height:16px;position:absolute;top:-999em;width:160px;}
.sf-menu ul li{width:100%;}
.sf-menu a{color:black;display:block;padding:0 10px;position:relative;}
.sf-menu a:hover, .sf-menu .current > a {color:grey;}
.sf-menu ul a{padding:6px 10px;}
.sf-menu li li{margin:0;}
.sf-menu li li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{background:#eaeaea;outline:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:23px;z-index:99;}
.sf-menu li:hover li ul, .sf-menu li.sfHover li ul{top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul{left:160px;top:0;}
.sf-menu li li:hover li ul, .sf-menu li li.sfHover li ul{top:-999em;}
.sf-menu li li li:hover ul, .sf-menu li li li.sfHover ul{left:160px;top:0;}
.sf-sub-indicator{display:block;height:9px;overflow:hidden;position:absolute;right:10px;text-indent:-999em;top:10px;width:5px;color:black;}
.sf-menu ul .sf-sub-indicator{background:url('images/arrow.png') no-repeat;}
.sf-menu ul a.sf-with-ul {padding-right:20px;}
.sf-shadow ul{background:url('images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}


.rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background: #151515; }
.rsMinW .rsArrow { height: 44px; width: 30px; position: absolute; display: block; cursor: pointer; z-index: 21;   
}
.rsMinW .rsArrowLeft { right: 39px; bottom: 2px; }
.rsMinW .rsArrowRight { right: 9px; bottom:2px; }
.rsMinW .rsArrowIcn { width: 24px; height: 24px; top: 50%; left: 50%; margin-top:-12px; margin-left: -12px; position: absolute; cursor: pointer; background: url('images/rs-minimal-white.png'); background-color: transparent; }
.rsMinW .rsArrowIcn:hover { }
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }
.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3; }
.rsMinW .rsBullets { position: absolute; z-index: 35; bottom: 18px; right: 78px; width: auto; height: auto; text-align: left; overflow: hidden; line-height: 8px; }
.rsMinW .rsBullet { width: 8px; height: 8px; display: inline-block; margin: 0 5px; border-radius: 8px; background: #aaa; background: rgba(255, 255, 255, 0.6);  *display:inline;
 *zoom:1;
}
.rsMinW .rsBullet.rsNavSelected { background: #FFF; }
.rsMinW .rsThumbs { background: #FFF; }
.rsMinW .rsThumbsHor { padding-bottom: 4px; width: 100%; height: 72px; }
.rsMinW .rsThumbsVer { padding-right: 4px; width: 96px; height: 100%; position: absolute; top: 0; right: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; }
.rsMinW.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; }
.rsMinW .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; color: #555; }
.rsMinW .rsThumb:hover { color: #000; }
.rsMinW .rsThumb img { width: 100%; height: 100%; }
.rsMinW .rsThumb.rsNavSelected { background: #dadada; color: #000; }
.rsMinW .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); }
.rsMinW .rsTmb { display: block; }
.rsMinW .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #fff; background: rgba(255, 255, 255, 0.75); }
.rsMinW .rsThumbsArrow:hover { background: #ddd; }
.rsMinW.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsMinW .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('images/rs-minimal-white.png'); }
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsMinW .rsThumbsArrowDisabled { display: none !important; }
.rsMinW .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; }
.rsMinW .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 96px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff;  *display:inline;
 *zoom:1;
}
.rsMinW .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.rsMinW .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right:  1px solid #cfcfcf; }
.rsMinW .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset; }
.rsMinW .rsTab.rsNavSelected { color: white; border: 1px solid #999; text-shadow: 1px 1px #838383; -webkit-box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); }
.rsMinW .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; }
.rsMinW .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('images/rs-minimal-white.png') 0 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; }
.rsMinW .rsFullscreenIcn:hover { background-color: #fff; }
.rsMinW.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; }
.rsMinW .rsPlayBtn { -webkit-tap-highlight-color:rgba(0, 0, 0, 0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; }
.rsMinW .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; background:url('images/rs-minimal-white.png') no-repeat 0 -32px; background-color: #eee; background-color: rgba(238, 238, 238, 0.75);  -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon { background-color: #d5d5d5; }
.rsMinW .rsBtnCenterer { position:absolute; left:50%; top:50%; width: 20px; height: 20px; }
.rsMinW .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 23; position: absolute; cursor: pointer; }
.rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; }
.rsMinW .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('images/rs-minimal-white.png') -64px 0; background-color: #eee; background-color: rgba(238, 238, 238, 0.75); }
.rsMinW .rsCloseVideoIcn:hover { background-color: #d5d5d5; }
.rsMinW .rsPreloader { width:20px; height:20px; background-image:url(../preloaders/preloader.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; }


.rsContent { color: #FFD6A0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; float: left; width:700px; height:330px; position:relative; }
.rsContenttm { color: #FFD6A0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; width:496px; height:330px; position:relative; margin-right:auto; margin-left:auto; margin-bottom:10px;}  /* new image for TM page */
.rsContentwiw { color: #FFD6A0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 40px; float: left; width:350px; height:233px; position:relative; background-repeat:no-repeat; } /* new image for WiW */
.rsABlock { position: relative; display: block; top: 30px;  }
.leftBlock { left: 20px; float:left;  }
.rightBlock {right:20px; float:right;}
.centBlock {text-align:center;width:100%;}
