/*
 * Staction Sales 09 CSS
 */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	margin: 0;
	padding: 0;
	background: #A4A4A4 url('../images/bkg-tiled.jpg') top repeat-x;
}

table {
	width: 80%;
}

a {
	color: #222;
	text-decoration: none;
	outline: 0;
}

a img, img { border: none; }

a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
}

h2 { font-size: 24px; }
h3 { font-size: 20px; }

p {
	margin: 0 0 15px 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0 0 0 30px;
}

form {
	margin: 0;
	padding: 0;
}

input.text {
	border: 1px solid #222;
	padding: 2px;
	width: 70%;
	color: #555;
}


.break { clear: both; }

/*
 * Lists
 */
dl {
	width: 100%;
}

dt, dd {
	float: left;
	margin: 0;
	padding: 3px 0;
}

dt {
	width: 40%;
	clear: both;
}

dd {
	width: 60%;
}

/*
 * Global Helpers
 */
.hidden { margin-left: -9999px; }

.submitHidden {
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

h2.img, h3.img {
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

h2.regular, h3.regular { 
	background-image: url('../images/all-headings.png'); 
	background-repeat: no-repeat;
	height: 28px;
}

h2.sidebar, h3.sidebar  {
	background-repeat: no-repeat;
	background-image: url('../images/sidebar-headings.png');
	
}

h2.regularNoImage {
	font-size: 16px;
	height: 28px;
	margin-bottom: 20px;
}

h2.pageTitle {
	margin-bottom: 30px;
}

ul.nobullets, ul.nobullets li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Main Layout Containers
 */
/* Centralized Elements */
#wrapper, #navbar, #footer, #page {
	width: 952px;
	margin: 0 auto;
}

#wrapper {
	background: url('../images/bkg-spotlights.jpg') 13px 0 no-repeat;
	padding-top: 98px;
}
body#home #wrapper { padding-top: 78px; }

#page {
	background: url('../images/bkg-bottom-content.jpg') left bottom no-repeat;
	padding-bottom: 60px;
}

#header {
	background: url('../images/bkg-nav-tiled.jpg') repeat-x;
	height: 52px;
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
}

#navbar {
	background: url('../images/nav.jpg') top left no-repeat;
	height: 52px;
}

#content {
	background: #fff url('../images/content-rounded-bkg.png') top left no-repeat;
	width: 621px;
	float: left;
}
body#home #content { background: #fff url('../images/home-content-rounded-bkg.png') top left no-repeat; }

#content .spacer { padding: 30px 0px 50px 0; }
body#home #content .spacer { padding: 50px 0px; }

#content  .innerCentralizer { padding: 0 50px; }
body#home .innerCentralizer { padding: 0 60px; }

#sidebar {
	float: left;
	width: 330px;
	background: url('../images/bkg-sidebar.jpg') repeat-y;
	margin-top: 20px;
}


/*
 * Sidebar
 */
.newBadge {
	position: absolute;
	margin-top: -2px;
	margin-left: 4px;
}

#sidebarSignup a {
	display: block;
	height: 70px;
	width: 330px;
	background: url('../images/button-signup-free.jpg') top left no-repeat;
	text-indent: -9999px;
}

#buttonGo {
	background: url('../images/button-go.gif') top left no-repeat;
	text-indent: -9999px;
	height: 22px;
	width: 22px;
	display: block;
	float: left;
	margin-left: 5px;
}

#newsletterForm {
	height: 22px;
}

#newsletter_email {
	float: left;
	border-color: #999;
}

.sidebarListOfFeatures li { border-bottom: 1px solid #bbb; }
.sidebarListOfFeatures li.last { border-bottom: none; }


.sidebarListOfFeatures li div {
	margin-left: 45px;
	background: url('../images/bullet-arrow.gif') 0 14px no-repeat;
	padding: 10px 20px;
	color: #666;
}

.sidebarListOfFeatures li div a { color: #666;}
.sidebarListOfFeatures li div a:hover { color: #555;}

body#home .sidebarListOfFeatures li div { color: #333; }


#newsletterSubscription {
	background: url('../images/bkg-sidebar-darker.jpg') repeat-y;
	border-bottom: 1px solid #bbb;
	font-size: 11px;
	color: #999;
}

#newsletterSubscription .spacer { padding: 20px 45px; }

#newsletterSubscription p {
	padding: 0;
	margin: 0;
}

#sidebarLogoAndDescription {
	text-indent: -9999px;
	width: 330px;
	height: 169px;
	background-image: url('../images/sidebar-headings.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}


/*
 * Navbar
 */
ul#navbar, ul#navbar li {
	list-style: none;
	padding: 0;
}

ul#navbar li {
	text-indent: -9999px;
	float: left;
	width: 50px;
}

ul#navbar li a {
	display: block;
	float: left;
	height: 43px;
	background-position: 0 0;
	background-repeat: no-repeat;
/*	background: #c40;*/
}

ul#navbar li a:hover, ul#navbar li.active a, body.tour ul#navbar li#navTour a,
body.signUp ul#navbar li#navSignup a, body.extras ul#navbar li#navExtras a { background-image: url('../images/nav.jpg'); }


ul#navbar li#logoJumpchart, ul#navbar li#logoJumpchart a { width: 124px; }
/*ul#navbar li#logoJumpchart { margin-left: 163px; }*/
ul#navbar li#logoJumpchart a:hover { background-position: -163px -52px; }

ul#navbar li#logoStaction, ul#navbar li#logoStaction a { width: 120px; }
ul#navbar li#logoStaction a:hover, ul#navbar li.active#logoStaction a { background-position: -287px -52px; }

ul#navbar li#logoBlog, ul#navbar li#logoBlog a { width: 76px;  }
ul#navbar li#logoBlog { margin-left: 1px;}
ul#navbar li#logoBlog a:hover { background-position: -408px -52px; }

/*ul#navbar li#navLogin, ul#navbar li#navLogin a { width: 93px; }

ul#navbar li#navLogin a:hover { background-position: -634px -52px; }*/

ul#navbar li#navTour { margin-left: 149px; }
ul#navbar li#navTour, ul#navbar li#navTour a { width: 93px; }
ul#navbar li#navTour a:hover, body.tour ul#navbar li#navTour a { background-position: -634px -52px; }

ul#navbar li#navExtras { margin-left: 1px; }
ul#navbar li#navExtras, ul#navbar li#navExtras a { width: 93px; }
ul#navbar li#navExtras a:hover, body.extras ul#navbar li#navExtras a { background-position: -727px -52px; }

ul#navbar li#navSignup, ul#navbar li#navSignup a { width: 95px; }
ul#navbar li#navSignup { margin-left: 1px;}
ul#navbar li#navSignup a:hover, body.signUp ul#navbar li#navSignup a { background-position: -821px -52px; }

ul#navbar li#logoPaste, ul#navbar li#logoPaste a { width: 113px; }
ul#navbar li#logoPaste a:hover { background: none; }
ul#navbar li#logoPaste { margin-left: 50px;}

/*
 * Footer
 */
#footer {
	color: #7A7A7A;
	font-size: 11px;
	margin-top: -20px;
	padding-bottom: 50px;
	line-height: 23px;
}

#copyright {
	background: url('../images/paste-footer-logo.png') 0 0 no-repeat;
	padding-left: 17px;
	margin-left: 20px;
	width: 200px;
	float: left;

/*	background: #00a;*/
}

#footer a { color: #7A7A7A; }
#footer a:hover { color: #666; }

#footerNav {
	float: right;
	width: 400px;
	margin-right: 280px;
}

#footerNav ul, #footerNav ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footerNav ul li {
	float: left;
	margin-left: 5px;
}

#footerNav ul li a { margin-right: 5px; }

/*
 * Home Page
 */
body#home #sidebar { padding-bottom: 130px; }


#homeHighlightsStripe {
	height: 385px;
	width: 977px;
	position: relative;
}

#homeHighlightsImages {
	width: 440px;
	height: 385px;
	float: left;
	margin-left: 0px;
	position: relative;
}

.homeHighlightsImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 542px;
}

#homeHighlightsHeadlines {
	position: relative;

}

.homeHighlightsHeadline {
	position: absolute;
	top: 151px;
	left: 550px;
	width: 417px;
	height: 185px;
}

#homeHighlightsHeadlinesLogo {
	position: absolute;
	top: 85px;
	left: 550px;
	width: 194px;
	height: 61px;
/*	margin: 85px 0 0 0;*/
}

#homeHighlightsButtons {
	position: absolute;
	top: 275px;
	left: 550px;
}

#homeHighlightsButtons a {
	position: absolute;
	top: 0;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url('../images/home-buttons.jpg');
	height: 91px;
	width: 129px;
}

#homeHighlightsButtons a:hover#homeHighlightsButtonTour {
	background-position: 0 -91px;
}

#homeHighlightsButtons a#homeHighlightsButtonSignup {
	left: 129px;
	background-position: -129px 0;
	width: 139px;
}

#homeHighlightsButtons a:hover#homeHighlightsButtonSignup {
	background-position: -129px -91px;
}


.homeHighlightsHeadline h2, .homeHighlightsHeadline p { display: none; }


/*.homeHighlightsHeadline#feattitle-1 { background: url('../images/home-features/feattitle-1.jpg') top left no-repeat; }*/
/*.homeHighlightsHeadline#feattitle-2 { background: url('../images/home-features/feattitle-2.jpg') top left no-repeat; }
.homeHighlightsHeadline#feattitle-3 { background: url('../images/home-features/feattitle-3.jpg') top left no-repeat; }
.homeHighlightsHeadline#feattitle-4 { background: url('../images/home-features/feattitle-4.jpg') top left no-repeat; }
.homeHighlightsHeadline#feattitle-5 { background: url('../images/home-features/feattitle-5.jpg') top left no-repeat; }
*/
.homeHighlightsLearnMore {
	height: 185px;
	width: 417px;
	display: block;
}

.homeHighlightsLearnMore img {
	display: block;
	width: 417px;
}

#homeHighlightsNav {
	background: url('../images/slideshow-nav.png');
	height: 26px;
	width: 60px;
	text-indent: -9999px;
	position: absolute;
	top: 355px;
	left: 235px;
}
* html #homeHighlightsNav { background: url('../images/slideshow-nav-8bit.png'); }

#homeHighlightsNav a {
	display: block;
	float: left;
	height: 26px;
	width: 30px;
	outline: 0;
}

#homeHighlightsNavPrevious {

}

#homeHighlightsNavNext {

}

ul.listOfHighlights, ul.listOfHighlights li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.listOfHighlights li {
	background: url('../images/shadow-separator.png') bottom center no-repeat;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

ul.listOfHighlights li.last {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#talkToMe p, #perfectView p, #keepEmail p, #notBasecamp p {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 70px;
}

#talkToMe p { background-image: url('../images/home-icon-talk.png'); }
#keepEmail p { background-image: url('../images/home-icon-email.png'); } 
#notBasecamp p { background-image: url('../images/home-icon-basecamp.png'); }
#perfectView p { 
	background-image: url('../images/home-icon-perfect.png'); 
	padding-bottom: 50px; 
}

#talkToMe h2.img, #perfectView h2.img, #keepEmail h2.img, #notBasecamp h2.img { height: 28px; } 
#talkToMe h2.img { background-position: 0 -320px; }
#perfectView h2.img { background-position: 0 -348px; }
#keepEmail h2.img { background-position: 0 -376px; }
#notBasecamp h2.img { background-position: 0 -404px; }

/*
 * Tour page
 */
body#tour #sidebar { padding-bottom: 360px; }

h2#aTourOfJumpchart {
	height: 18px;
	background-position: 0 -16px;
}

#learnMoreAboutStaction {
	background-position: 0 -203px;
	line-height: 34px;
}

#recentBlogPosts {
	background-position: 0 -169px;
	height: 34px;
}

body.tour ul.listOfHighlights li {
	margin-bottom: 15px;
	padding-bottom: 45px;
}

body.tour ul.listOfHighlights li.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

body.tour ul.listOfHighlights li p {
	margin-bottom: 0px;
}

body.tour ul.listOfHighlights li p.overviewVideoParagraph {
	padding-top: 0px;
	color: #EEC416;
	text-transform: uppercase;
	font-weight: bold;
}

body.tour ul.listOfHighlights li p.overviewVideoParagraph a, #outsideTheBrowser a {
	color: #C8A513;
	text-decoration: underline;
}

#outsideTheBrowser p.learnMore { font-weight: bold;}
#outsideTheBrowser a { font-weight: bold; }

body.tour ul.listOfHighlights li p.overviewVideoParagraph a:hover, #outsideTheBrowser a:hover { color: #EEC416; }

body.tour ul.listOfHighlights h2.img { height: 28px; }

#workTogether h2.img      { background-position: 0 -96px; }
#projectsAndPeople h2.img { background-position: 0 -208px; }
#theSidebar h2.img        { background-position: 0 -264px; }
#goodSummary h2.img       { background-position: 0 -292px; }
#autoComplete h2.img      { background-position: 0 -432px; }
#outsideTheBrowser h2.img { background-position: 0 -610px; height: 22px; }

body.tour ul.listOfHighlights p {
	float: right;
	width: 325px;
	padding-top: 10px;
}

body.tour ul.listOfHighlights .screenshot {
	display: block;
	text-indent: -9999px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url('../images/tour-screenshots.jpg');
	width: 176px;
}

body.tour ul.listOfHighlights #workTogether .screenshot {
	height: 165px;
	background-position: 20px 0;
}

body.tour ul.listOfHighlights #projectsAndPeople .screenshot {
	height: 165px;
	background-position: 20px -248px;
}

body.tour ul.listOfHighlights #theSidebar .screenshot {
	height: 126px;
	background-position: 0px -509px;
}

body.tour ul.listOfHighlights #goodSummary .screenshot {
	height: 96px;
	background-position: 0 -413px;
}

body.tour ul.listOfHighlights #autoComplete .screenshot {
	height: 83px;
	margin-top: 20px;
	background-position: 0px -165px;
}

body.tour ul.listOfHighlights #outsideTheBrowser .screenshot {
	height: 186px;
	background-position: 0px -635px;
}


/*
 * Sign Up page
 */
body.signUp #sidebar { padding-bottom: 240px;}
body.signUp#go #sidebar.free {padding-bottom: 75px;}
body.signUp#go #sidebar.paid {padding-bottom: 320px;}

h2#signUpForStaction {
	height: 18px;
	background-position: 0 -34px;
}

h2#jumpchartAccountFaqs {
	background-image: url('../images/staction-account-faqs.png');
	height: 45px;
	margin-bottom: 30px;
}

h2.img#accountCreated {
	height: 28px;
	line-height: 28px;
	background-position: 0 -460px;
}

#urlCreated {
	background: url('../images/account-created-urlbkg.png') top left no-repeat;
	height: 86px;
	margin: 0 -50px;
	padding: 20px 50px 0 50px;
}

#stactionTips {
	background-position: 0 -488px;
	height: 18px;
	line-height: 18px;
	margin-top: 60px;
}

#yourLoginPage {
	color: #777;
	font-style: italic;
	margin-top: -40px;
}

body.signUp .listOfHighlights li {
	background: none;
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
body.signUp .listOfHighlights li p { margin-bottom: 0px; }


body.signUp .listOfHighlights li.last {
	background: url('../images/shadow-separator.png') bottom center no-repeat;
	border-bottom: none;
	padding-bottom: 50px;
	margin-bottom: 0px;
}

body.signUp ul.listOfHighlights h3.img { height: 28px; }
#freeAccount h3.img     { background-position: 0 -124px; }
#changeAccounts h3.img  { background-position: 0 -152px; }
#cancelMyAccount h3.img { background-position: 0 -180px; }
#thirtyDays h3.img     { background-position: 0 -506px; height: 23px;}

#allPlansInclude {
	background-position: 0 -271px;
	height: 34px;
}

#pricingTable { display: none; }

#replacementSignUpTable {
	/* took this off for the sales update. put back on later. */
/*	background: url('../images/signup-table-bkg.png') top left no-repeat;
	height: 303px;
	margin: 40px 0 30px 0;*/
	
	background: url('../images/signup-table-sale-bkg.png') top left no-repeat;
	height: 389px;
	margin: 20px 0 30px 0;
	
	width: 533px;
	position: relative;
}

#replacementSignUpTable a {
	display: block;
	width: 86px;
	height: 32px;
	line-height: 32px;
	background: #0a0;
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: bold;
	bottom: 25px;
/*	display: none;*/
}

a#signUpButtonFree {
	left: 163px;
	background: #E3D399;
}
a:hover#signUpButtonFree { background: #ECDCA0; }

a#signUpButtonSimple {
	left: 251px;
	background: #E0C770;
}
a:hover#signUpButtonSimple { background: #EAD276; }

a#signUpButtonSuper {
	left: 339px;
	background: #DFBE4A;
}
a:hover#signUpButtonSuper { background: #EBC84E;}

a#signUpButtonDeluxe {
	left: 427px;
	background: #DFB625;
}
a:hover#signUpButtonDeluxe { background: #EBC028; }

/*
 * Create Account page
 */
h2#createYourAccount {
	height: 18px;
	background-position: 0 0px;
}

h2#accountInformation {
	height: 28px;
	background-position: 0 -52px;
}

h2#billingInformation {
	height: 28px;
	background-position: 0 -236px;
	margin-bottom: 25px;
}

body.signUp#go ul.listOfHighlights li {
	padding: 20px 0;
	margin-bottom: 0px;
}

body.signUp#go ul.listOfHighlights h3 {
	float: left;
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}

body.signUp#go ul.listOfHighlights h3.newsletter {
/*	font-weight: normal;
	font-size: 12px;*/
}

body.signUp#go ul.listOfHighlights p {
	width: 310px;
	float: left;
	margin-bottom: 0px;
}

body.signUp#go ul.listOfHighlights p input.text {
	width: 100%;
	border: 1px solid #999;
}

body.signUp#go .listOfHighlights li.first { border-top: 1px solid #DFDFDF; }

body.signUp#go .listOfHighlights li.last {
	background: none;
	margin-bottom: 25px;
	border-bottom: 1px solid #DFDFDF;
}

#expiration_year { margin-left: 30px; }

body.signUp#go .spacer { padding-bottom: 20px; }

#buttonCreateAccount { margin: 0; }

#buttonCreateAccount a {
	background: url('../images/button-create-account.jpg') top left no-repeat;
	width: 466px;
	height: 51px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#submitHidden {
	height: 1px;
	margin: 0;
	padding: 0;
}

#signUpDetails {
	background-position: 0 -271px;
	height: 34px;
}

#validationMessage {
	text-align: center;
	margin-bottom: 20px;
	color: #CC3F0D;
	font-weight: bold;
}

body#go.signUp ul.listOfHighlights p input.text#accountStub {
	width: 170px;
}

/*
 * Privacy Policy
 */
body#privacyPolicy #content h2 {
	font-size: 14px;
	margin-bottom: 30px;
	font-weight: bold;
}


/*
 * Tour WP Export
 */
#wordpressIntro, #onlineExamples {
	background: url('../images/shadow-separator.png') bottom center no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#onlineExamples h2.img {
	background-position: 0 -477px;
}

#downloadExample h2.img {
	background-position: 0 -505px;
}

body.tour#wordpress #content a {
	color: #498200;
/*	text-decoration: underline;*/
	font-weight: bold;
}

body.tour#wordpress #content a:hover {
	color: #8BC249;
}

#onlineExamples ul {
	margin-bottom: 15px;
}

#wpExampleForm {
/*	background: #c30;*/
}

#wordpressCol1, #wordpressCol2 {
	width: 250px;
	float: left;
}

#wordpressCol1 {
	margin-right: 20px;
}

#wordpressExampleButtons {
	background: url('../images/wordpress-export-process.png') top left no-repeat;
	width: 511px;
	height: 35px;
	list-style: none;
	margin: 20px 0;
	position:relative;
}


#wordpressExampleButtons a {
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
	left: 0;
	top: 0;
	position: absolute;
	*background: url('../images/wordpress-export-process.png') 0 -9999px no-repeat;
}


#wordpressExampleButtons #wordpressExampleButtonPlain a {
	left: 180px;
}

#wordpressExampleButtons #wordpressExampleButtonCSS a {
	left: 360px;
}

body.tour#wordpress input.text {
	width: 50%;
	border-color: #777;
}


/*
 * Extras Page
 */
h2#otherWaysToUseStaction {
	height: 14px;
	background-position: 0 -571px;
}

#stactionAirApp {
	background-position: 0 -548px;
	height: 23px;
}

#stactionWebApp {
	background-position: 0 -629px;
	height: 26px;
}

#stactionApi {
	background-position: 0 -529px;
	height: 19px;
}

#stactionWidget {
	background-position: 0 -585px;
	height: 23px;
}

body.extras .screenshot {
	display: block;
	float: left;
	width: 190px;
	text-align: center;
}

body.extras .listOfHighlights .description {
	margin-top: 15px;
}

body.extras .listOfHighlights a {
	color: #D6B114;
	text-decoration: underline;
}

body.extras .listOfHighlights .overviewVideoParagraph a {
	text-transform: uppercase;
}

/*body.extras #content { padding-bottom: 90px; }*/