/* LIGHTBOX */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.userscape.com/js/lightbox2/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { left: 0; float: left; background: url(http://www.userscape.com/js/lightbox2/images/prevlabel.gif) left 0% no-repeat; }
#nextLink { right: 0; float: right; background: url(http://www.userscape.com/js/lightbox2/images/nextlabel.gif) right 0% no-repeat; }
/*
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.userscape.com/js/lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.userscape.com/js/lightbox2/images/nextlabel.gif) right 15% no-repeat; }
*/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
/* END LIGHTBOX */


/* store */
.datalabel {
	color: 			#7F7F7F;
	font-size:		11px;
	line-height: 		120%;
	font-weight:		bold;
}

.storelabel{
	color: 			#7F7F7F;
	font-size:		11px;
	line-height: 		120%;
	font-weight:		bold;
}

.formbuttondiv{
	border-top: 		2px solid #dab631;
	background:			#FEE587;
	margin-top:			10px;
	padding:			6px;
}

h2.store{
	border-bottom: 1px solid #39399c;
}
/* store */

/* errors */
.errorlabel {
	color: red;
}

.errorclass {
	border: 1px solid red;
}

.errorbox {
	text-align: 		left;
	border-top: 		1px solid #754141;
	border-bottom: 		1px solid #754141;
	padding: 			2px 2px 2px 30px;
	font-size:			12px;
	line-height:		120%;
	font-weight:		bold;
	margin-bottom: 		10px;
	background-color: 	#C26D6B;
	color: 				#FFf;
}
/* error */

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: arial,tahoma,sans-serif;
	background: #fff url(http://www.userscape.com/img/bg-body.gif) repeat-x top;
	font-size: 12px;
}

#index {
	background: #fff url(http://www.userscape.com/img/bg-body-index.gif) repeat-x top;
}

form {
	margin: 0;
	padding: 0
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #36c;
}

a:hover {
	text-decoration: underline;
}

input {
	vertical-align: middle
}

.floatleft {
	float: left !important
}

.floatright {
	float: right !important
}

.clear {
	clear: both !important
}

.bold {
	font-weight: bold !important
}

h1{
	font-size: 24px;
}

input.text,

input,

select,

textarea {
	color: #333;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
}

a.logo,

.slogan,

#index #header .text strong,

.button,

#index h1,

#right-column .h,

#header .text-header h1,

h2.h {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

h1.secondary {
	margin-top: 0px;
}

#main {
	width: 815px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 187px;
	position: relative;
	margin-bottom: 25px;
	background: url(http://www.userscape.com/img/bg-header.gif) repeat-x top;
}

#index #header {
	height: 322px;
	background: url(http://www.userscape.com/img/bg-index-header.gif) repeat-x top;
}

a.logo {
	width: 158px;
	height: 51px;
	background: url(http://www.userscape.com/img/logo.gif) no-repeat left top;
	position: absolute;
	top: 29px;
	left: 0;
}

.slogan {
	left: 621px;
	top: 57px;
	background: url(http://www.userscape.com/img/user-centered.gif) no-repeat left top;
	width: 177px;
	height: 15px;
	position: absolute;
}

#index .slogan {
	top: 38px;
}

#header .text-header {
	position: absolute;
	top: 90px;
	height: 47px;
	background: url(http://www.userscape.com/img/bg-text-header.gif) no-repeat left top;
	padding: 23px 0 0 74px;
}

.text-header h1 {
	margin: 0;
}

.text-header .tour {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-take-tour.gif);
}

.text-header .contact {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-contact.gif);
}

.text-header .manual {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-manual.gif);
}

.text-header .v2preview {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-v2preview.gif);
}

.text-header .blogs {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-blogs.gif);
}

.text-header .casestudies {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-casestudies.gif);
}

.text-header .testimonials {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-testimonials.gif);
}

.text-header .pricing {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-pricing.gif);
}

.text-header .landing_general {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-landings-general.gif);
}

.text-header .indepth {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-indepth.gif);
}

.text-header .requirements {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-requirements.gif);
}

.text-header .hosting {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-hosting.gif);
}

.text-header .ecom_trial {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-ecom_trial.gif);
}

.text-header .ecom_purchase {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-ecom_purchase.gif);
}

.text-header .support {
	width: 710px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-support.gif);
}

.visual {
	left: 193px;
	top: 61px;
	position: absolute;
}

#index #header .text {
	left: 21px;
	top: 133px;
	position: absolute;
}

#index #header .text strong {
	width: 155px;
	height: 78px;
	background: url(http://www.userscape.com/img/h-index-header-text.gif);
	margin-bottom: 9px;
}

#index #header .text .button {
	width: 154px;
	height: 28px;
	background: url(http://www.userscape.com/img/a-start-your-trial.gif);
}

#top-navigation {
	background: url(http://www.userscape.com/img/bg-nav.gif) no-repeat left top;
	width: 796px;
	height: 26px;
	padding-left: 19px;
	position: absolute;
	top: 161px;
}

#index #top-navigation {
	top: 296px;
}

#top-navigation li {
	float: left;
	height: 26px;
	border-right: 1px solid #fff;
}

#top-navigation li.first {
	border-left: 1px solid #fff;
}

#top-navigation li a {
	display: block;
	width: 110px;
	text-align: center;
	height: 26px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	background: url(http://www.userscape.com/img/bg-a-nav.gif) repeat-x top;
	color: #fff;
}

#top-navigation li.active a,

#top-navigation li a:hover {
	background-position: 0 -26px;
	text-decoration: none;
	color: #333;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin: 0 0 15px 0;
	font-size: 13px;
}

p.p1 {
	margin: 0 0 5px 0;
}

h2 {
	font-size: 16px;
	margin: 0 0 4px 0;
	color: #36c;
}

h3 {
	font-size: 16px;
	margin: 0;
	color: #36c;
}

h3.subheading {
	color: #000;
	font-size: 14px;
}

.box h3 {
	color: #000;
}

.heading {
	display: block;
	font-size: 15px;
	color: #36c;
}

#middle {
	width: 100%;
	padding: 0 0 20px 0;
	overflow: hidden;
}

#left-column {
	float: left;
	width: 150px;
	margin-right: 20px;
}

#center-column {
	float: left;
	width: 450px;
	overflow: hidden;
}

#right-column {
	float: right;
	width: 175px;
}

#main-column {
	float: left;
	width: 530px;
	padding: 0 0 0 76px;
}

#left-column .testimonials {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	font: 14px/19px georgia,times,serif;
	padding: 20px 0 5px 0;
	margin: 53px 0 25px 0;
}

#left-column .testimonials .more {
	font-size: 11px;
}

#left-column .testimonials p span {
	display: block;
	text-align: right;
	font-size: 12px;
}


#index h1 {
	width: 429px;
	height: 49px;
	background: url(http://www.userscape.com/img/h-helpspot.gif);
	margin: 0;
}

img.helpspot {
	float: left;
	margin: 15px 10px 0 0;
}

.box {
	border: 1px solid #CDCDCD;
	padding: 12px 16px 0 16px;
	margin: 0 0 15px 0;
	background: url(http://www.userscape.com/img/bg-box.gif) repeat-x top;
}

.index-images {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.index-images .row {
	width: 100%;
	background: url(http://www.userscape.com/img/bg-index-row.gif) repeat-x top;
	overflow: hidden;
}

.index-images .row div img {
	margin: 0 0 3px 0;
}

.index-images .row div {
	float: left;
	text-align: center;
	padding: 10px 2px 8px 11px;
}

#right-column .h {
	width: 175px;
	height: 27px;
}

#store {
	background: #696969 url(http://www.userscape.com/img/h-store.gif) no-repeat left top;
}

#trial {
	background: #696969 url(http://www.userscape.com/img/h-trial.gif) no-repeat left top;
}

#tour {
	background: #696969 url(http://www.userscape.com/img/h-helpspot-tour.gif) no-repeat left top;
}

.right-box {
	margin: 0 0 11px 0;
	width: 175px;
	background: url(http://www.userscape.com/img/bg-right-box.gif) repeat-y left;
}

.right-box .b {
	padding: 0 1px 9px 1px;
	width: 173px;
	overflow: hidden;
}

.right-box .x {
	padding: 9px 8px;
	overflow: hidden;
}

.green .b {
	background: url(http://www.userscape.com/img/bg-green-box-b.gif) no-repeat left bottom;
}

.green .x {
	background: #D2FEC2 url(http://www.userscape.com/img/bg-green-box-x.gif) repeat-x bottom;
}

.yellow .b {
	background: url(http://www.userscape.com/img/bg-yellow-box-b.gif) no-repeat left bottom;
}

.yellow .x {
	background: #FFFED3 url(http://www.userscape.com/img/bg-yellow-box-x.gif) repeat-x bottom;
}

.blue .b {
	background: url(http://www.userscape.com/img/bg-blue-box-b.gif) no-repeat left bottom;
}

.blue .x {
	background: #D0E4F6 url(http://www.userscape.com/img/bg-blue-box-x.gif) repeat-x bottom;
}

.right-box p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

.right-box p a {
	text-decoration: underline;
}

.right-box .button {
	margin: 7px auto 0 auto;
}

.purchase-now {
	width: 144px;
	height: 25px;
	background: url(http://www.userscape.com/img/a-purchase-now.gif);
}

.start-trial {
	width: 144px;
	height: 25px;
	background: url(http://www.userscape.com/img/a-start-your-trial1.gif);
}

.tour {
	width: 144px;
	height: 25px;
	background: url(http://www.userscape.com/img/a-helpspot-tour.gif);
}

.right-box ul {
	margin: 6px 0 10px 0;
}

.right-box li {
	font-size: 11px;
	padding: 0 0 0 14px;
	background: url(http://www.userscape.com/img/bullet.gif) no-repeat left;
	line-height: 16px;
}

.nav-box {
	width: 175px;
	overflow: hidden;
	background: url(http://www.userscape.com/img/bg-nav-box.gif) repeat-y left;
	margin: 0 0 11px 0;
}

.nav-box div {
	background: url(http://www.userscape.com/img/bg-nav-box-top.gif) no-repeat left top;
}

.nav-box div div {
	background: url(http://www.userscape.com/img/bg-nav-box-bottom.gif) no-repeat left bottom;
	padding: 12px 2px;
}

.nav-box ul li {
	line-height: 19px;
	width: 100%;
}

.nav-box ul a {
	display: block;
	width: 141px;
	padding: 0 12px 0 30px;
	color: #666;
	background: url(http://www.userscape.com/img/arrow1.gif) no-repeat 17px 5px;
}

#index .nav-box ul a {
	color: #333;
	background: url(http://www.userscape.com/img/arrow.gif) no-repeat 18px 5px;
}

.nav-box ul ul a {
	width: 120px;
	padding: 0 12px 0 40px;
	background: url(http://www.userscape.com/img/bullet2.gif) no-repeat 30px 7px;
}

.nav-box ul a:hover {
	background-color: #FDF5CC !important;
	text-decoration: none;
}

.nav-box ul .active a {
	background-color: #FDF5CC;
	color: #339;
	font-weight: bold;
}

#footer {
	float: left;
	width: 100%;
	background: #333;
	color: #fff;
	border-top: 17px solid #272727;
	1overflow: hidden;
}

#footer .content {
	margin: 0 auto;
	padding: 22px 0 25px 0;
	width: 815px;
	background: #333;
	color: #fff;
	border-top: 17px solid #272727;
	margin-top: -17px;
}

#footer .line {
	padding: 0 0 0 170px;
	width: 645px;
	background: url(http://www.userscape.com/img/footer-logo.gif) no-repeat left top;
	line-height: 19px;
	overflow: hidden;
}

#footer .line .bg {
	width: 645px;
	overflow: hidden;
	background: url(http://www.userscape.com/img/bg-footer-bg.gif) no-repeat 285px 0;
}

#footer .form {
	width: 285px;
	float: left;
	margin-top: -3px;
}

#footer .form span {
	padding: 0 0 0 16px;
	display: block;
	margin: 0 0 3px 0;
	background: url(http://www.userscape.com/img/ico-rss.gif) no-repeat left;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer .form .text {
	padding: 2px 0 3px 4px;
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-right: 3px;
	width: 160px;
}

#footer .copyright {
	float: right;
	width: 328px;
}

.image-box {
	position: relative;
	width: 538px;
	margin: 4px -4px;
	overflow: hidden;
	text-align: center;
}

.image-box a {
	float: right;
	padding: 0 5px 0 0;
	color: #666;
	font-size: 13px;
}

h2#helpspot-tour-workspace {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-workspace.gif);
}

h2#helpspot-tour-requests {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-requests.gif);
}

h2#helpspot-tour-automation {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-automation.gif);
}

h2#helpspot-tour-books {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-books.gif);
}

h2#helpspot-tour-email {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-email.gif);
}

h2#helpspot-tour-forums {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-forums.gif);
}

h2#helpspot-tour-mobile {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-mobile.gif);
}

h2#helpspot-tour-portal {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-portal.gif);
}

h2#helpspot-tour-reporting {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-reporting.gif);
}

h2#helpspot-tour-time {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-time.gif);
}

h2#helpspot-tour-api {
	width: 530px;
	height: 23px;
	background: url(http://www.userscape.com/img/h-helpspot-tour-api.gif);
}

ul.bulleted, ul.kbtoc, ul.kbtocpage {
	padding: 0 0 0 12px;
	margin: 0 0 15px 0;
}

ul.bulleted li {
	padding: 0 0 0 9px;
	background: url(http://www.userscape.com/img/bullet1.gif) no-repeat 0 6px;
	font-size: 13px;
}

ul.bulleted li.homepage {
	padding: 0 0 3px 16px;
	background: url(http://www.userscape.com/img/bullet.gif) no-repeat left;
	line-height: 16px;	
}

div.paging {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	margin: 0 0 15px 0;
	height: 15px;
	overflow: hidden;
	width: 100%;
	font-weight: bold;
}

#right-column .paging {
	border: 0;
	padding: 5px 8px;
	width: 159px;
	background: url(http://www.userscape.com/img/bg-right-pagging.gif) no-repeat left top;
	height: 17px;
	line-height: 17px;
}

div.paging .next,

div.paging .next-deactive {
	float: right;
	color: #339;
	padding: 0 15px 0 0;
	background: url(http://www.userscape.com/img/next-a.gif) no-repeat right;
}

div.paging .next-deactive {
	background: url(http://www.userscape.com/img/next-d.gif) no-repeat right;
	color: #999;
}

div.paging .back-deactive,

div.paging .back {
	float: left;
	color: #999;
	background: url(http://www.userscape.com/img/back-d.gif) no-repeat left;
	padding: 0 0 0 15px;
}

div.paging .back {
	background: url(http://www.userscape.com/img/back-a.gif) no-repeat left;
	color: #339;
}

div.closerlook{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 5px;
	background: #D2FEC2 url(http://www.userscape.com/img/bg-green-box-x.gif) repeat-x bottom;
}