/*

8888888b.                   888            
888   Y88b                  888            
888    888                  888            
888   d88P 8888b.  .d8888b  888888 .d88b.  
8888888P"     "88b 88K      888   d8P  Y8b 
888       .d888888 "Y8888b. 888   88888888 
888       888  888      X88 Y88b. Y8b.     
888       "Y888888  88888P'  "Y888 "Y8888

Copyright 2011 Paste Interactive
http://pasteinteractive.com
*/

/*
* Jumpchart CSS
*/


body {
	background-color: #f1f1f1;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 1.7em;
}

a { 
	outline: none; 
	color: #829B63;
	font-weight: bold;
	text-decoration: none;
}
a:hover { color: #92AF70; }

.hidden-submit {
/*	display: none;*/
	position: absolute;
	left: -9999px;
	height: 0.000000000000001px;
}

.break { clear: both; }

#header {
	width: 100%;
	height: 57px;
	background:  url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/header-tiler.png');
}

#header-wrapper {
	width: 960px;
	margin: auto;
}

#logo {
	float: left;
	width: 241px;
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png') 0 -268px no-repeat;
	display: block;
	height: 19px;
	text-indent: -9999px;
	margin-top: 17px;
}

#nav {
	float: right;
	width: 180px;
	height: 40px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#header-signup, #header-login {
	text-indent: -9999px;
	width: 75px;
	height: 30px;
	display: block;
	margin: 15px 0px 0px 15px;
	
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png');
	background-repeat: no-repeat;
	
}

#header-signup { background-position: 0 -292px; }
#header-signup:hover { background-position: 0 -322px; }

#header-login { background-position: -78px -292px;  }
#header-login:hover { background-position: -78px -322px }

#masthead {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/masthead2.jpg') top center no-repeat;
	height: 481px;
}

#masthead h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#masthead-wrapper {
	width: 500px;
	margin: auto;
}

a#masthead-signup {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	width: 292px;
	background-position: -260px -203px;
	height: 97px;
	display: block;
	text-indent: -9999px;
	margin: 298px 0px 0px 174px;
}

a:hover#masthead-signup {
	background-position: -260px -301px;
}

#tour {
	margin: auto;
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/panel-2-bg.jpg') top center no-repeat;
	width: 960px;
	height: 524px;
}

#tour-nav {
	width: 159px;
	margin: 10px 0 0 11px;
	float: left;
	background
}

#tour-nav ul {
	margin: 0px;
	padding: 0px;
}

#tour-nav ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#tour-nav ul li a {
	text-indent: -9999px;
	width: 160px;
	height: 36px;
	display: block;
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg');
	background-repeat: no-repeat;
}

#tour-nav ul li#tour-nav-header {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png') 0 -136px no-repeat;
	width: 100px;
	height: 11px;
	text-indent: -9999px;
	margin: 30px 0px 0px 68px;
}

#tour-nav-plan a {
	background-position: -430px -400px;
	margin-top: 12px;
}

#tour-nav-organize a { background-position: -430px -436px; }
#tour-nav-collaborate a { background-position: -430px -472px; }
#tour-nav-comment a { background-position: -430px -508px; }
#tour-nav-track a { background-position: -430px -544px; }
#tour-nav-wireframe a { background-position: -430px -580px; }
#tour-nav-sitemap a { background-position: -430px -616px; }
#tour-nav-snippets a { background-position: -430px -652px; }
#tour-nav-export a { background-position: -430px -688px; }
#tour-nav-whatsnew a { background-position: -430px -724px; }
#tour-nav ul li#tour-nav-screenshots a {
	background-position: -430px -760px;
	height: 34px;
}

#tour-nav-plan a:hover, #tour-nav-plan.active a { background-position: -260px -400px; }
#tour-nav-organize a:hover, #tour-nav-organize.active a    { background-position: -260px -436px; }
#tour-nav-collaborate a:hover, #tour-nav-collaborate.active a { background-position: -260px -472px; }
#tour-nav-comment a:hover, #tour-nav-comment.active a     { background-position: -260px -508px; }
#tour-nav-track a:hover, #tour-nav-track.active a       { background-position: -260px -544px; }
#tour-nav-wireframe a:hover, #tour-nav-wireframe.active a   { background-position: -260px -580px; }
#tour-nav-sitemap a:hover, #tour-nav-sitemap.active a     { background-position: -260px -616px; }
#tour-nav-snippets a:hover, #tour-nav-snippets.active a    { background-position: -260px -652px; }
#tour-nav-export a:hover, #tour-nav-export.active a      { background-position: -260px -688px; }
#tour-nav-whatsnew a:hover, #tour-nav-whatsnew.active a    { background-position: -260px -724px; }
#tour-nav ul li#tour-nav-screenshots a:hover, #tour-nav ul li#tour-nav-screenshots.active a { background-position: -260px -760px; }

#tour-next-link {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png') -156px -292px no-repeat;
	width: 73px;
	height: 21px;
	position: absolute;
	right: 5px;
	bottom: 30px;
	text-indent: -9999px;
}
#tour-next-link:hover { background-position: -156px -313px; }

#tour-panels {
	width: 781px;
	height: 509px;
	position: relative;
	float: left;
	margin-top: 10px;
}

#product-tour-heading, .tour-panel h3, #sign-up-heading, #featurettes-heading { display: none; }

.tour-panel {
	width: 781px;
	height: 509px;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position:  0 0;
}

.tour-panel a { border-bottom: 1px solid #829B63; }
.tour-panel a:hover { border-color: #92AF70; }

.tour-panel ul, #plan-panel-p1, #plan-panel-p2, #organize-panel-col1, #collaborate-panel-col1, #comment-panel-col1, 
#track-panel-col1, #wireframe-panel-col1, #sitemap-panel-col1, #snippets-panel-col1, #export-panel-col1,
#whatsnew-panel-p, #whatsnew-panel-ul1, #whatsnew-panel-ul2 { 
	position: absolute; 
}

#tour-panel-plan     { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-1.jpg'); }
#tour-panel-organize { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-2.jpg'); }
#tour-panel-collaborate { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-3.jpg'); }
#tour-panel-comment { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-4.jpg'); }
#tour-panel-track { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-5.jpg'); }
#tour-panel-wireframe { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-6.jpg'); }
#tour-panel-sitemap { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-7.jpg'); }
#tour-panel-snippets { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-8.jpg'); }
#tour-panel-export { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-9.jpg'); }
#tour-panel-whatsnew { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-10.jpg'); }
#tour-panel-screenshots { background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/featurette-bg-11.jpg'); }

#plan-panel-p1, #plan-panel-p2, #organize-panel-col1, #collaborate-panel-col1, #sitemap-panel-col1, #snippets-panel-col1 {
	width: 250px; 
	left: 50px;
}

#collaborate-panel-col1, #comment-panel-col1 { width: 330px; }

#plan-panel-p1, #organize-panel-col1, #organize-panel-ul, #plan-panel-ul, #collaborate-panel-col1, #track-panel-col1, #sitemap-panel-col1, 
#snippets-panel-col1, #export-panel-col1, #whatsnew-panel-p { top: 85px; }
#plan-panel-p2 { top: 350px; }
#plan-panel-ul, #organize-panel-ul { width: 175px; left: 560px; }

#comment-panel-col1 { top: 100px; left: 440px; }
#track-panel-col1 { left: 292px; width: 490px; }
#wireframe-panel-col1 { left: 470px; width: 270px; top: 80px; }
#export-panel-col1 { width: 480px; left: 290px; }

#whatsnew-panel-p { width: 530px; left: 200px; }
#whatsnew-panel-ul1, #whatsnew-panel-ul2 { top: 200px; width: 340px;}
#whatsnew-panel-ul1 { left: 25px; }
#whatsnew-panel-ul2 { left: 420px; }

#whatsnew-panel-ul1 li, #whatsnew-panel-ul2 li { margin-bottom: 20px; }

.tour-panel .screenshot-link {
	display: block;
	color: #333;
	border-bottom: none;
	padding: 87px 0 0 0;
	width: 130px;
	text-align: center;
	position: absolute;
	font-weight: normal;
}
.tour-panel .screenshot-link:hover { color: #555; }

#screenshot-account { top: 100px; left: 50px; }
#screenshot-project { top: 100px; left: 245px; }
#screenshot-edit    { top: 100px; left: 445px; }
#screenshot-quick   { top: 100px; left: 647px; }

#screenshot-sitemap   { top: 280px; left: 50px; }
#screenshot-wireframe { top: 280px; left: 245px; }
#screenshot-snippets  { top: 280px; left: 445px; }
#screenshot-versions  { top: 280px; left: 647px; }



#featurettes {
	width: 960px;
	height: 171px;
	margin: 0 auto 40px auto;
	border-bottom: 1px solid #C1C1C1;
	padding-bottom: 0px;
}

#featurettes ul {
	margin: 0px;
	padding: 0px;
}

#featurettes ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	text-indent: -9999px;
	width: 239px;
	height: 171px;
}

#featurettes ul li#firstfeaturette {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	background-position: -1px -66px;
}

#featurettes ul li#secondfeaturette {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	background-position: -1px -237px;
}

#featurettes ul li#thirdfeaturette {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	background-position: -1px -408px;
}

#featurettes ul li#fourthfeaturette {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	background-position: -1px -579px;
}

#signup {
	width: 960px;
	margin: auto;
}

#signup p.subtext {
	float: left;
	font-size: 10px;
	color: #404040;
}

#plans-nav {
	margin: 0px;
	padding: 0px;
	width: 672px;
	float: right;
}

#plans-nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	margin-left: 7px;
}

#plans-nav a {
	background-repeat: no-repeat;
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg');
	width: 161px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

#plans-nav-free a   { background-position: -610px 0px; }
#plans-nav-simple a { background-position: -610px -66px; }
#plans-nav-super a  { background-position: -610px -132px; }
#plans-nav-deluxe a { background-position: -610px -198px; }

#plans-nav-free a:hover, #plans-nav-free.active a     { background-position: -610px -33px; }
#plans-nav-simple a:hover, #plans-nav-simple.active a { background-position: -610px -99px; }
#plans-nav-super a:hover, #plans-nav-super.active a   { background-position: -610px -165px; }
#plans-nav-deluxe a:hover, #plans-nav-deluxe.active a { background-position: -610px -231px; }

#signup-wrapper {
	background: #fff url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/form-shadow.jpg') bottom right no-repeat;
	width: 960px;
}

#signup-wrapper #account-details {
	border-right: 1px #ccc solid;
	width: 263px;
	float: left;
	margin: 32px 52px 32px 32px;
	position: relative;
	height: 400px;
}

#signup-wrapper #account-details p {
	margin: 10px;
	line-height: 22px;
	position: absolute;
	top: 0;
	left: 0;
}

.compareplans {
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') no-repeat;
	background-position: -615px -544px;
	text-indent: -9999px;
	display: block;
	width: 160px;
	height: 32px;
	margin-top: 30px;
/*	margin-top: 15px;*/
/*	position: absolute;*/
/*	bottom: 0;*/
}
.compareplans:hover { background-position: -615px -577px; }

#signup-form-area {
	float: left;
	width: 570px;
}

#signup-headings-area {
	position: relative;
	width: 300px;
	height: 15px;
	margin: 15px 0 50px 0;
	
}

.signup-heading {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	width: 300px;
	height: 15px;
/*	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg');*/
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png');
	background-repeat: no-repeat;
}

#signup-heading-free   { background-position: 0 -188px; }
#signup-heading-simple { background-position: 0 -208px; }
#signup-heading-super  { background-position: 0 -228px; }
#signup-heading-deluxe { background-position: 0 -248px; }


#signupshadow {
/*	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/form-bottom-shadow.jpg') no-repeat;*/
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') 10px -815px no-repeat;
	width: 960px;
	height: 19px;
	float: left;
	margin: auto;
}

#footer {
	background: #323232 url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/footer-bg.jpg') no-repeat top center;
	width: 100%;
	height: 295px;
	float: left;
	margin-top: 40px;
	color: #999;
}


#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#footer #footerwrapper {
	width: 950px;
	margin: auto;
	height: 295px;
}

#footer #footerwrapper #copytext {
	width: 210px;
	color: #737373;
	font-size: 10px;
	margin: 40px 0px 0px 0px;
	height: 150px;
	float: left;
}

/* Footer sprites */
#inapplinks-title, #morebypaste-title, #staction, #paprika, #twitter, #gluue, #emailsubmit, #in-app-links, #more-by-paste, 
#keep-up-with-paste, #keepupwithpaste-title, #paste {
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-footer.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

#morebypaste-title {
	background-position: 0 -53px;
	width: 127px;
	height: 16px;
	margin: 10px 0px 15px 0px;
}

#inapplinks-title {
	width: 75px;
	height: 12px;
	margin: 10px 0px 20px 0px;
}

#staction {
	width: 110px;
	height: 23px;
	background-position: 0 -165px;
	margin-top: 20px;
}
#staction:hover { background-position: 0px -188px; }

#paprika {
	background-position: 0 -211px;
	width: 83px;
	height: 25px;
	margin-top: 28px;
}
#paprika:hover { background-position: 0px -236px; }

#twitter {
	background-position: 0 -125px;
	margin-top: 33px;
	width: 152px;
	height: 20px;
	float: left;
}

#twitter:hover { background-position: 0 -145px; }

#gluue {
	background-position: 0 -12px;
	margin-top: 33px;
	float: left;
	width: 145px;
	height: 13px;
}

#gluue:hover { background-position: 0 -25px; }

#emailsubmit {
	background-position: 0 -69px;
	width: 28px;
	height: 28px;
	float: left;
	margin: -3px 0px 0px 10px;
}
#emailsubmit:hover { background-position: 0 -97px; }

#in-app-links {
	background-position: -188px 0;
	text-indent: 0;
	width: 179px;
	height: 215px;
	margin: 35px 0px 0px 30px;
	float: left;
	padding: 0px 15px;
}

#paste {
	background-position: 0 -266px;
	width: 13px;
	height: 17px;
	float: left;
	margin: 0px 4px 0px 0px;
}


#footer #footerwrapper #in-app-links a {
	display: block;
	margin-top: 5px;
	font-size: 11px;
}

#more-by-paste {
	background-position: -753px 0;
	text-indent: 0;
	width: 179px;
	height: 215px;
	margin: 35px 0px 0px 25px;
	float: left;
	padding: 0px 15px;
}

#more-by-paste p, #keep-up-with-paste p { 
	font-size: 10px; 
	margin: 0;
	color: #5A5A5A;
}

#keep-up-with-paste {
	background-position: -422px 0;
	text-indent: 0;
	width: 179px;
	height: 235px;
	margin: 35px 0px 0px 45px;
	float: left;
	padding: 0px 0px 0px 15px;
}

#keepupwithpaste-title {
	background-position: 0 -40px;
	width: 129px;
	height: 15px;
	margin: 10px 0px 15px 0px;
}

#footer #footerwrapper #emailnews { margin: 28px 0px 0px 0px; }

#footer #footerwrapper #emailnews input {
	background-color: #999;
	padding: 4px;
	width: 120px;
	border: none;
	color: #333;
	float: left;
}


#footer #footerwrapper #keep-up-with-paste p {
	float: left;
	font-size: 11px;
	display: block;
	width: 150px;
}

#sign-submit-button {
	text-indent: -9999px;
	display: block;
	background: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites.jpg') -264px 0 no-repeat;
	width: 337px;
	height: 89px;
}
#sign-submit-button:hover {  background-position: -264px -98px; }

input.text {
	border: none;
	background: #E5E5E5;
	font-family: Helvetica, Arial, sans-serif;
	width: 385px;
	height: 32px;
	line-height: 32px;
	padding: 0 5px;	
	color: #4c4c4c;
	font-size: 14px;
}

/* IE7 hack */
input.text {
	*margin-left: -40px;
}

dt, dd { 
	float: left; 
	margin-bottom: 20px;
}

#signup-form-area dt {
	width: 131px;
	background-image: url('https://d2h2z3euxqup7x.cloudfront.net/sales-site/032011/sprites-bw.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 11px;
	margin-top: 10px;
	clear: both;
}

#signup-form-area dd { width: 399px; }

#label-name { background-position: 0 0; }
#label-email { background-position: 0 -16px; }
#label-url { background-position: 0 -32px; }
#label-password { background-position: 0 -48px; }
#signup-form-area #label-password-again { background-position: 0 -65px; height: 13px; }

#signup-form-area #label-ctype       { background-position: 0 -167px; height: 14px; }
#signup-form-area #label-cexpiration { background-position: 0 -151px; height: 13px; }
#label-cname       { background-position: 0 -83px; }
#label-cnumber     { background-position: 0 -101px; }
#label-ccvv        { background-position: 0 -118px; }

.form-tip {
	color: #7F7F7F;
	font-size: 10px;
}

#signup-submit-area {
	border-top: 1px solid #C1C1C1;
	padding: 30px 0;
}

#paid-plans-details {
	width: 570px;
	height: 245px;
	float: left;
}

#data-url { position: relative; }

#url-prefix, #url-suffix {
	position: absolute;
	top: 7px;
	font-size: 14px;
	top: 5px\0/ !important; /* IE8 hack */
}

#url-prefix { left: 8px; }
#url-suffix { right: 13px; }

#data-url input.text { 
	padding-left: 45px;
	padding-right: 110px;
	width: 240px;
}

#validationMessage {
	font-weight: bold;
	color: #c30;
}

/*
 * Modal boxes
 */
#modalWrapper {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.modal {
	position: absolute;
	top: 40px;
	left: 40px;
	background: #fff;
	min-height: 400px;
}

#modalCloseButton {
	position: absolute;
	color: #ddd;
	text-decoration: underline;
}
#modalCloseButton:hover { color: #fff; }

/*
 * Regular pages
 */
#regularContentPage {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}

#contentCol1, #contentCol2 { width: 45%; }
#contentCol1 { float: left; }
#contentCol2 { float: right; }

#regularContentPage h1, #regularContentPage h2, #regularContentPage h3 {
	line-height: 1.2em;
	text-shadow: 1px 1px 0 #fff;
	margin: 0 0 5px 0;
}

#regularContentPage a {
	text-shadow: 1px 1px 0 #fff;
	color: #66953A;
}
#regularContentPage a:hover { color: #35690B; }

#regularContentPage h1 { font-size: 28px; }
#regularContentPage h2 { font-size: 22px; }

#regularContentPage p, #regularContentPage ul {
	margin: 0 0 30px 0;
}
#regularContentPage p.tight { margin: 0 0 5px 0; }
#regularContentPage ul { padding: 0 0 0 15px; }

body#signupProcess #regularContentPage { min-height: 300px; }