/*

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 2010 Paste Interactive
http://pasteinteractive.com
*/

/*
* Paprika CSS
*/
body {
	margin: 0px;
	color: #5a5a5a;
	padding: 0;
	font-family: Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.4em;
	font-size: 13px;
	background-color: #e2e2e2;
	line-height: 1.7em;
	-webkit-font-smoothing: antialiased;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.2em;
}

h1 {
	font-size: 22px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
	font-weight: bold;
}

h3 span {
	background: #fff;
	padding: 3px 7px 3px 0;
}

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

ul, ol {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
ol {
	padding-left: 25px;
}

a, h3 a {
	text-decoration: none;
	color: #3F75AB;
	outline: none;
}

a:hover, h3 a:hover {
	color: #4888C8;
}
a img {
	border: none;
}
table {
	border-collapse: collapse;
	width: 100%;
}
td, th {
	border: 1px solid #ccc;
	padding: 3px 6px;
	text-align: left;
}

input.textFull {
	width: 97%;
}

textarea {
	height: 150px;
	width: 98%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
}

form {
	margin: 0;
	padding: 0;
}

dl {
	width: 100%;
	margin: 0;
	padding: 0;
}

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

dt {
	width: 40%;
	clear: both;
	font-weight: bold;
}

dd {
	width: 59%;
}
dl input.text {
	width: 99%;
}

hr {
	margin: 20px 0;
	border: none;
	border-top: 1px solid #999;
}

/*
* Helpers
*/
.break {
	clear: both;
}
.hideSubmit {
	display: none;
}

.nobullets {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

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

ul.nav li {
	float: left;
}

ul.nav li a {
	float: left;
	display: block;
}


ul.nav li.first span {
	padding-left: 5px;
}

.small {
	font-size: 11px;
	line-height: 1.4em;
}

.hiddenSubmit {
	position: absolute;
	left: -9999px;
}

/*
* Specific helpers
*/
#invalidLogin {
	color: #d00;
	font-weight: bold;
	margin: 10px 0;
}

#minHeightHack {
	height: 400px;
	width: 0.00001em;
	float: left;
}

/*
* Layout containers
*/

#header {
	width: 100%;
	background: #444 url('../images/header.jpg') no-repeat top center;
	border-bottom: #fff 2px solid;
	height: 57px;
}

#header #headerwrapper {
	width: 950px;
	height: 57px;
	margin: auto;
}

#logo {
	background: transparent url('../images/logo.png') no-repeat;
	width: 162px;
	height: 36px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	display: block;
	text-indent: -9999px;
}

#header #headerwrapper ul {
	margin: 0px;
	padding: 0px;
}

#header #headerwrapper ul li {
	margin: 7px;
	padding: 0px;
	list-style: none;
	float: right;
	width: 82px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
}

#header #headerwrapper ul li.sign-up a {
	display: block;
	background: transparent url('../images/sign-up-button.jpg') no-repeat;
	width: 82px;
	height: 39px;
}

#header #headerwrapper ul li.sign-up a:hover {
	background-position: 0 -39px;
}

#header #headerwrapper ul li.login a {
	display: block;
	background: transparent url('../images/login-button.jpg') no-repeat;
	width: 82px;
	height: 39px;
}

#header #headerwrapper ul li.login a:hover {
	background-position: 0 -39px;
}



#masthead {
	background: transparent url('../images/masthead.jpg') no-repeat;
	width: 950px;
	margin: 30px auto 15px auto;
	height: 429px;
	text-indent: -9999px;
}

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

#masthead a#signup {
	background: transparent url('../images/signup-button.png') no-repeat;
	width: 173px;
	height: 59px;
	display: block;
	margin: 215px 0px 0px 500px;
}

#masthead a:hover#signup {
	background-position: 0px -59px;
}

#middle {
	width: 950px;
	margin: auto;
}

body.internal #middle { padding: 30px 0 10px 0; }
body.internal #footer { margin-top: 0px; }

#fourOFour p { margin: 0; }
/*#fourOFour ul { margin-bottom: 0px; }*/

#fourOFour h4 {
	margin-top: 30px;
	font-size: 12px;
}

#double-wide {
	margin: 25px 0px;
}

#double-wide p {
	margin: 0px 0px 0px 7px;
}

#double-wide #dw-left-column {
	width: 425px;
	float: left;
}

#double-wide h3 {
	background-repeat: no-repeat;
	background-image: url('../images/all-headings.png');
}

#double-wide #dw-left-column h3 {
	text-indent: -9999px;
/*	background: transparent url('../images/headline-nice-n-tidy.png') no-repeat;*/
	background-position: 0 -808px;
	width: 320px;
	height: 30px;
	margin: 0px;
}



#double-wide #dw-right-column {
	width: 400px;
	float: left;
	margin: 0px 0px 0px 80px;
}

#double-wide #dw-right-column h3 {
	text-indent: -9999px;
/*	background: transparent url('../images/headline-share.png') no-repeat;*/
	background-position: 0 -878px;
	width: 300px;
	height: 30px;
	margin: 0px;
}

#double-wide2 {
	margin: 25px 0px;
	background: #eee url('../images/middle-bg.png') no-repeat;
	height: 183px;
	float: left;
	width: 950px;
}

#double-wide2 p#dw2-first {
	width: 150px;
	float: left;
	height: 183px;
	margin: 64px 0px 0px 51px;
}

#double-wide2 p#dw2-second {
	width: 150px;
	float: left;
	margin: 65px 0px 0px 110px;
	height: 183px;
}

#double-wide2 p#dw2-third {
	width: 350px;
	float: left;
	margin: 65px 0px 0px 48px;
	height: 183px;
}

#middle #chart-wrapper {
	float: left;
	height: 450px;
	width: 475px;
}


#middle #chart-wrapper #chart {
	background: transparent url('../images/chart.jpg') no-repeat;
	width: 475px;
	height: 356px;
	float: left;
	overflow: hidden;
}

#chart-wrapper p {
	padding-left: 10px;
	font-size: 11px;
	line-height: 1.6em;
}

#middle #chart-wrapper #chart a#free {
	text-indent: -9999px;
	display: block;
	float: left;
	margin: 36px 0px 0px 150px;
	width: 79px;
	height: 310px;
}

#middle #chart-wrapper #chart a#simple {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 76px;
	height: 310px;
	margin: 36px 0px 0px 0px;
}

#middle #chart-wrapper #chart a#super {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 81px;
	height: 310px;
	margin: 35px 0px 0px 0px;
}

#middle #chart-wrapper #chart a#deluxe {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 78px;
	height: 310px;
	margin: 36px 0px 0px 0px;
}

#middle #chart-wrapper #chart a:hover#free, #middle #chart a#free.selected { background: transparent url('../images/chart.jpg') no-repeat -150px -392px; }
#middle #chart-wrapper #chart a:hover#simple, #middle #chart a#simple.selected { background: transparent url('../images/chart.jpg') no-repeat -229px -392px; }
#middle #chart-wrapper #chart a:hover#super, #middle #chart a#super.selected { background: transparent url('../images/chart.jpg') no-repeat -305px -391px; }
#middle #chart-wrapper #chart a:hover#deluxe, #middle #chart a#deluxe.selected { background: transparent url('../images/chart.jpg') no-repeat -386px -392px; }

#middle #right-column {
	float: left;
	margin: 30px 0 0 33px;
	width: 422px;
}

#middle #right-column #formheader {
	width: 422px;
	height: 43px;
	background: transparent url('../images/form-header.png') no-repeat;
}

#middle #right-column #formmiddle {
/* width: 385px;*/
background: transparent url('../images/form-bg.png') repeat-y;
padding: 15px 30px;
}

p.tight { margin-bottom: 0px; }

.formFieldsListing {
	padding: 0;
	margin: 0;
	list-style: none;
}

.formFieldsListing li {
	margin: 0 -15px;
	padding: 0 15px 5px 15px;
	margin-bottom: 15px;
}
.formFieldsListing li.tall {
	padding-bottom: 20px;
}

#signUpForm label {
	text-indent: -9999px;
	display: block;
	width: 310px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url('../images/all-headings.png');
}

#signUpForm label.form-name { background-position: 0 -750px; }
#signUpForm label.form-email { background-position: 0 -290px;}
#signUpForm label.form-password { background-position: 0 -692px; }
#signUpForm label.form-password-conf { background-position: 0 -634px; }
#signUpForm label.form-account-name { background-position: 0 -348px; }
#signUpForm label.form-cc-type { background-position: 0 -232px; }
#signUpForm label.form-cc-expiration { background-position: 0 -58px; }
#signUpForm label.form-cc-name { background-position: 0 -116px; }
#signUpForm label.form-cc-number { background-position: 0 -174px; }
#signUpForm label.form-cc-cvv { background-position: 0 0; }

#signUpForm input.text {
	width: 340px;
	padding: 5px;
	/* height: 12px;*/
	background-color: #fff;
	/* border: 1px solid #ccc;*/
	font-weight: bold;
	font-size: 13px;
	color: #666;
}
#validationMessage {
	margin-bottom: 10px;
}

#signUpForm a.signupbutton {
	text-indent: -9999px;
	display: block;
	background: transparent url('../images/form-button.jpg') no-repeat;
	width: 359px;
	height: 52px;
	overflow: hidden;
	margin: 0 0 0 -5px;
}

#signUpForm a:hover.signupbutton {
	background-position: 0 -52px;
}

#accountflag, #promoCode {
	color: #206984;
	font-weight: bold;
}
#promoCode { margin-top: -20px; }

#middle #right-column #formfooter {
	background: transparent url('../images/form-footer.png') no-repeat;
	width: 422px;
	height: 16px;
}

#footer {
	background: #323232 url('../images/footer-bg.jpg') no-repeat top center;
	width: 100%;
	height: 295px;
	float: left;
	margin-top: 40px;
}

#footer a {
	color: #999;
}

#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 #footerwrapper #copytext a#paste {
	background: transparent url('../images/paste-logo.png') no-repeat;
	width: 13px;
	height: 17px;
	text-indent: -9999px;
	display: block;
	float: left;
	margin: 0px 4px 0px 0px;
}


#footer #footerwrapper #in-app-links {
	background: transparent url('../images/footer-pk-col-bg.png') no-repeat;
	width: 179px;
	height: 215px;
	margin: 35px 0px 0px 30px;
	float: left;
	padding: 0px 15px;
}

#footer #footerwrapper #inapplinks-title {
	background: transparent url('../images/footer-jc-text.png') no-repeat;
	width: 75px;
	height: 12px;
	text-indent: -9999px;
	margin: 10px 0px 15px 0px;
}

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

#footer #footerwrapper #more-by-paste {
	background: transparent url('../images/footer-more-col-bg.png') no-repeat;
	width: 179px;
	height: 215px;
	margin: 35px 0px 0px 25px;
	float: left;
	padding: 0px 15px;
}

#footer #footerwrapper #morebypaste-title {
	background: transparent url('../images/footer-more-apps.png') no-repeat;
	width: 127px;
	height: 16px;
	text-indent: -9999px;
	margin: 10px 0px 15px 0px;
}

#footer #footerwrapper #more-by-paste a#staction {
	background: transparent url('../images/footer-staction.png') no-repeat;
	overflow: hidden;
	width: 110px;
	height: 23px;
	text-indent: -9999px;
	display: block;
	margin-top: 20px;
}

#footer #footerwrapper #more-by-paste a:hover#staction {
	background-position: 0px -23px;
}

#footer #footerwrapper #more-by-paste a#paprika {
	background: transparent url('../images/footer-pk-logo.png') no-repeat;
	overflow: hidden;
	width: 83px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	margin-top: 28px;
}

#footer #footerwrapper #more-by-paste a:hover#paprika {
	background-position: 0px -25px;
}

#footer #footerwrapper #more-by-paste p {
	font-size: 10px;
}




#footer #footerwrapper #keep-up-with-paste {
	background: transparent url('../images/footer-keep-col-bg.png') no-repeat;
	width: 179px;
	height: 235px;
	margin: 35px 0px 0px 45px;
	float: left;
	padding: 0px 0px 0px 15px;
}

#footer #footerwrapper #keepupwithpaste-title {
	background: transparent url('../images/footer-keep-up.png') no-repeat;
	width: 129px;
	height: 15px;
	text-indent: -9999px;
	margin: 10px 0px 15px 0px;
}

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

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

#footer #footerwrapper a#emailsubmit {
	background: transparent url('../images/footer-go-button.png') no-repeat;
	width: 28px;
	height: 28px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: -3px 0px 0px 10px;
}

#footer #footerwrapper a:hover#emailsubmit {
	background-position: 0 -28px;
}

#footer #footerwrapper #keep-up-with-paste a#twitter {
	margin-top: 33px;
	display: block;
	background: transparent url('../images/footer-twitter.png') no-repeat;
	text-indent: -9999px;
	width: 152px;
	height: 20px;
	overflow: hidden;
	float: left;
}

#footer #footerwrapper #keep-up-with-paste a:hover#twitter {
	background-position: 0 -20px;
}

#footer #footerwrapper #keep-up-with-paste a#gluue {
	margin-top: 33px;
	float: left;
	display: block;
	overflow: hidden;
	width: 145px;
	height: 13px;
	text-indent: -9999px;
	background: transparent url('../images/footer-gluue.png') no-repeat;
}

#footer #footerwrapper #keep-up-with-paste a:hover#gluue {
	background-position: 0 -13px;
}

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

.hiddenSubmit {
	height: 0.0000001px;
}

#urlPrefix, #urlSuffix {
	position: absolute;
	/* top: 24px;*/
	bottom: 30px;
	font-size: 14px;
}

#urlSuffix {
	left: 255px;
}
#urlPrefix {
	left: 23px;
}

#signUpForm input.text#account-name {
	padding-right: 112px;
	padding-left: 45px;
	width: 193px;
}

#accountURLRow {
	position: relative;
	height: 65px;
	line-height: 1em;
	*height: auto;
}

#signUpForm label {
	width: 150px;
}

.col1 {
	width: 55%;
	float: left;
}

.col2 {
	width: 45%;
	float: right;
}

.col1 input.text, .col2 input.text {
	*margin-left: 14px;
}

#signUpForm .col1 input.text {
	width: 130px;
}
#signUpForm .col2 input.text {
	width: 140px;
}

#getStorageBox {
	background: url('../images/form-extra-checkbox-bkg.png') 0 0 no-repeat;
	width: 345px;
	height: 70px;
	line-height: 70px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-left: -5px;
}

#getStorageBox p {
	text-indent: -9999px;
}

#billingInfoBox {
	font-size: 12px;
	line-height: 1.4em;
}
#billingInfoBox ul {
	padding: 0 0 0 15px;
}

#cardTypeRow .col1 {
	width: 45%;
}
#cardTypeRow .col2 {
	width: 55%;
}

#cardNumberRow .col1 {
	width: 70%;
}
#cardNumberRow .col2 {
	width: 30%;
}
#cardNumberRow .col1 input.text {
	width: 200px;
}
#cardNumberRow .col2 input.text {
	width: 88px;
}

.contentCol1, .contentCol2 {
	width: 425px;
	float: left;
}

.contentCol2 {
	margin-left: 80px;
}

body.internal h2, body.internal strong {
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
}