/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

html,body {
	text-align: left;
	font-family: Trebuchet MS, Helvetica, Tahoma, Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	height: 100%;
}

/* sticky footer CSS */
div#bodyWrapper {
	margin: 0px auto -330px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

div#footerWrapper, div#pushFooter {
	height: 330px;
}
/* END :: sticky footer CSS */

/* textarea resizer CSS */
div.grippie {
	background: #EEEEEE url(images/grippie.png) no-repeat scroll center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0px 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
	margin-bottom: -15px;
}

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0px;
}
/* END :: textarea resizer CSS */

div.pngfix {
	behavior: url(iepngfix.htc);
}

p {
	margin: 7px 0px 12px 0px;
}

img {
	border: none;
}

div.clear {
	clear: both;
}

div.horizontalLine {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: #70B21E;
}
div.extraSpace {
	margin: 23px 0px 7px 0px;	
}

div#contentLeft p {
	font-size: 13px;
	color: #303030;
}

div#contentLeft p b {
	color: #000000;
}

div#contentLeft p a b {
	color: inherit;
}

div.errorDiv {
	margin-bottom: 5px;
	padding: 3px 20px 3px 20px;
	background-color: #FCD0D0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.successDiv {
	margin-bottom: 5px;
	padding: 3px 12px 3px 12px;
	background-color: #CEFF80;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.strong {
	font-size: 14px;
	font-weight: bold;
}

div.atCharacter {
	display: inline;
	width: 14px;
	height: 14px;
	line-height: 12px;
	font-size: 10px;
	background: url(images/background-sprite-v2.jpg) -1203px -540px no-repeat;
}

a:link, a:visited, a:hover {
	color: #FA4500;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.text:link, a.text:visited, a.text:hover {
	color: #527D00;
	text-decoration: none;
}
a.text:hover {
	text-decoration: underline;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #70B21E;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #FA4500;
	margin: 17px 0px 5px 0px;
}
h2 a:link, h2 a:visited, h2 a:hover {
	color: #FA4500;
	text-decoration: underline;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #527D00;
	margin: 9px 0px 0px 0px;
}
div#headerParent h3 {
	font-size: 24px;
	margin: 9px 0px 0px 0px;
	color: #333333;
	text-shadow: 1px 1px #FFFFFF;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	color: #FFFFFF;
	text-shadow: 1px 1px #333333;
}

h5 {
	font-size: 22px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	color: #333333;
}

h6 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	color: #FA4500;
}
h6 a:link, h6 a:visited, h6 a:hover {
	color: #70B21E;
	text-decoration: none;
}
div.priceSticker h6 {
	text-shadow: 1px 1px #333333;
}



div#headerWrapper {
	position: relative;
	height: 121px;
	overflow: hidden;
	background: url(images/background-sprite-v2.jpg) -0px -0px no-repeat;
	background-position: center;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #8AC546;
}

div#headerParent {
	position: relative;
	margin: 0px auto 0px auto;
	width: 980px;
	padding: 0px;
	background: url(images/background-sprite-v2.jpg) -710px -0px no-repeat;
}

div#headerAdditionalInfo {
	width: 980px;
	height: 20px;
	font-size: 10px;
	line-height: 10px;
}

div#topNavigationHolder a:link, 
div#topNavigationHolder a:visited, 
div#topNavigationHolder a:hover {
	float: left;
	display: block;
	height: 26px;
	padding: 14px 0px 10px 0px; 
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
div#topNavigationHolder a:hover {
	text-decoration: underline;
}
div#topNavigationHolder a.active {
	background: url(images/background-top-navigation-active.gif) -0px -0px no-repeat;
	background-position: center;
	background-position: top;
	background-repeat: repeat-x;
}

div#topNavigationHolder img {
	display: inline;
	float: left;
	margin: 0px 23px 0px 23px;
}

img#logo {
	position: absolute;
	right: 50px;
}

img#logoSmileyTech {
	position: absolute;
	right: 7px;
}

div#topData {
	font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;
	color: #333333;
	width: 670px;
	height: 45px;
	padding: 6px 0px 0px 0px;
	background: url(images/background-sprite-v2.jpg) -900px -670px no-repeat;
	line-height: 1.6;
}

div#topDataLeft {
	float: left;
	display: inline;
	width: 190px;
	height: 51px;
	margin-right: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	overflow: hidden;
}

div#topDataLeft div#username {
	width: 980px;
}

div#topData a {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

div#logInHidden {
	font-size: 16px;
	padding: 10px 0px 0px 0px;
	color: #333333;
}

div#logInHidden h5 {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
	text-shadow: none;
	margin: 17px 0px 15px 0px;
}

div#logInHidden p {
	font-size: 12px;
	line-height: 1.85;
}

div#logInHiddenLeft {
	float: left;
	display: inline;
	width: 316px;
	height: 360px;
	margin-right: 72px;
	color: #000000;
	line-height: 1.2;
}

div#logInHiddenLeft h4 {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-shadow: none;
}

div#logInHiddenLeft table {
	margin: 8px 0px 6px 0px;
}

div#logInHiddenLeft table td {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

div#logInHiddenLeft a {
	font-size: 11px;
	color: #333333;
}

input.logInForm {
	width: 186px;
	height: 18px;
	padding: 4px;
	font-size: 14px;
	border-top: 1px solid #C2F277;
	border-left: 1px solid #C2F277;
	border-right: 1px solid #4F9206;
	border-bottom: 1px solid #4F9206;
	background-color: #76BD23;
	margin: 0px 0px 0px 6px;
}

div#logInHiddenLeft input.active {
	background-color: #89C546;	
}



div#contentWrapper {
	background: url(images/background-top-shadow.gif) -0px -0px no-repeat;
	background-position: center;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;	
}

div#contentParent {
	margin: 0px auto 0px auto;
	width: 980px;
	background: url(images/background-top-shadow.gif) -710px -0px no-repeat;
}

div#contentLeft {
	display: inline;
	float: left;
	width: 655px;
	padding: 30px 25px 20px 0px;
}

div.quickRegistrationDiv {
	margin: 34px 70px 34px 70px;
	padding: 8px 10px 4px 10px;
	background-color: #D2EAB2;
	border: 2px solid #FF0000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

input.quickRegInputText {
	font-size: 18px;
	font-weight: bold;
	width: 296px;
	padding: 3px 6px 3px 6px;
	margin-bottom: 6px;
	color: #FF3333;
	background-color: #DDF0C9;
	border-color: #FFFFFF;
}

input.quickRegInputTextActive {
	color: #FF0000;
	background-color: #EEF4D8;	
}

input.quickRegInputSubmit {
	font-size: 16px;
	font-weight: bold;
	width: 174px;
	padding: 3px 2px 3px 2px;
	color: #FF0000;
}

div#videoTutorialHolder {
	margin: 0px 0px 10px 0px;	
}

div#sketch {
	width: 560px;
	height: 300px;
	margin: 17px 0px 25px 40px;
}

p.bullets {
	line-height: 1.85;
	margin-left: 25px;	
}

div#thumbnailHolder {
	float: right;
	display: inline;
	width: 280px;
	margin: 0px 0px 0px 7px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	color: #232323;
	cursor: pointer;
}
div#thumbnailHolder a {
	color: #000000;
	text-decoration: none;	
}

div.greenTextDiv {
	margin: 10px 0px 15px 0px;
	padding: 8px 10px;
	background-color: #D2EAB2;
	border: 1px solid #121212;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.priceSticker {
	float: left;
	display: inline;
	margin: 0px 7px 0px 0px;
	width: 65px;
	height: 60px;
	padding: 15px 10px 10px 10px;
	font-size: 10px;
	line-height: 1.2;
	color: #FA4500;
	background: url(images/price-sticker.gif);
}

div#tutorialHolder {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0px 2px 2px 2px;
	padding: 6px;
	border: 2px solid #000000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #A5D659;
	z-index: 50px;
	display: none;
}

div.cpItem {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 15px 0px 15px 0px;
	padding: 3px 17px 3px 7px;
	background-color: #EDEDED;
}

div.cpItem:hover {
	background-color: #DDDDDD;	
}

div.cpItem a:hover {
	color: #000000;
	text-decoration: none;
}

div.cpItem img {
	float: left;
	display: inline;
	margin: 0px 12px 0px 0px;
}

div.cpItem h2 {
	margin: 0px;	
}

div.cpItem a {
	color: #333333;
	outline: none;
}

div.subpageFormHolder {
	margin: 7px 0px 10px 40px;
}

input.subpageForm {
	width: 220px;
	margin: 2px 0px 0px 3px;
}

.subpageForm {
	width: 220px;
	margin: 2px 0px 0px 3px;
}

table.orderTable {
	width: 645px;
}

table.orderTable td {
	padding: 3px 0px 12px 5px;
}

.orderTableForm {
	width: 497px;
}

div.autoTextareaHolder {
	width: 502px;	
}

table.cpArchive {
	width: 655px;
}

table.cpArchive td {
	padding: 2px 6px 2px 6px;
	border: 1px solid #000000;
}

table.cpArchive th {
	padding: 2px 6px 2px 6px;
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #D0FAA0;
}

.trHover {
	background-color: #E5F5D5;
}

table.paymentOptionsTable {
	margin: 0px 0px 0px 70px;
	border: 2px solid #000000;
	font-weight: bold;
}

table.paymentOptionsTable td {
	padding: 6px 8px 2px 8px;
}

.trPaymentOptionsHover {
	background-color: #B5F5A5;
}

div.progress_bar_empty {
	position: absolute;
	width: 60px;
	height: 16px;
	background: url(images/background-sprite-v2.jpg) -2175px -500px no-repeat;
}

div.progress_bar_full {
	position: absolute;
	height: 16px;
	background: url(images/background-sprite-v2.jpg) -2175px -480px no-repeat;
}

div.progress_bar_percentage {
	position: absolute;
	width: 58px;
	height: 14px;
	font-weight: bold;
	border: 1px solid #000000;
}

span.orangePretext {
	font-size: 18px;
	font-weight: bold;
	color: #FA4500;
}

div.textPreview {
	display: none;
	background-color: #EEEEEE;
	padding: 3px 7px 3px 7px;
	width: 440px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div.numArticlesFloat {
	float: right;
	display: inline;
	font-style: italic;
	font-size: 10px;
}

div#betaFunctionality {
	display: inline;
	float: right;
	margin: 0px 0px 4px 10px;
	border: 2px solid #FA4500;
	background-color: #F0F0F0;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #FA4500;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

div#betaFunctionality span {
	font-size: 10px;	
}

div#contentRight {
	display: inline;
	float: left;
	width: 300px;
	padding-top: 5px;
}
div#contentRight a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

div.rightButtons {
	width: 270px;
	height: 95px;
	padding: 20px 0px 0px 30px;
	color: #254A00;
	cursor: pointer;
	cursor: hand;
}

div.rightButtons div {
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px #333333;	
}

div.buttonCredits {
	background: url(images/background-sprite-v2.jpg) -0px -825px no-repeat;
}
div.buttonCreditsHover {
	background: url(images/background-sprite-v2.jpg) -300px -825px no-repeat;
}
div.buttonCreditsActive {
	background: url(images/background-sprite-v2.jpg) -600px -825px no-repeat;
}

div.buttonArticleDistributor {
	background: url(images/background-sprite-v2.jpg) -0px -480px no-repeat;
}
div.buttonArticleDistributorHover {
	background: url(images/background-sprite-v2.jpg) -300px -480px no-repeat;
}
div.buttonArticleDistributorActive {
	background: url(images/background-sprite-v2.jpg) -600px -480px no-repeat;
}

div.buttonArticleWriting {
	background: url(images/background-sprite-v2.jpg) -0px -595px no-repeat;
}
div.buttonArticleWritingHover {
	background: url(images/background-sprite-v2.jpg) -300px -595px no-repeat;
}
div.buttonArticleWritingActive {
	background: url(images/background-sprite-v2.jpg) -600px -595px no-repeat;
}

div.buttonCompleteService {
	background: url(images/background-sprite-v2.jpg) -0px -710px no-repeat;
}
div.buttonCompleteServiceHover {
	background: url(images/background-sprite-v2.jpg) -300px -710px no-repeat;
}
div.buttonCompleteServiceActive {
	background: url(images/background-sprite-v2.jpg) -600px -710px no-repeat;
}

div#endOfButtons {
	width: 300px;
	height: 10px;
	background: url(images/background-sprite-v2.jpg) -900px -480px no-repeat;
}

div#rightBox {
	position: relative;
	width: 260px;
	height: 132px;
	margin: 30px 0px 0px 0px;
	padding: 8px 20px 12px 20px;
	background: url(images/background-sprite-v2.jpg) -900px -490px no-repeat;
}

div#rightBox a {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	height: 26px;
	padding: 0px 38px 0px 0px;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 1px 1px #54990B;
}

div#rightBox a:hover {
	text-decoration: underline;	
}

div#grayBoxTop {
	width: 300px;
	height: 10px;
	margin: 30px 0px 0px 0px;
	background: url(images/background-sprite-v2.jpg) -900px -645px no-repeat;
}

div#grayBoxContent {
	width: 260px;
	padding: 4px 20px 8px 20px;
	background-color: #E8E8E8;
}

div#grayBoxContent span {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	line-height: 1.0;
}

div#grayBoxContent h5 {
	font-size: 24px;
	line-height: 1.0;
	margin-bottom: 20px;
}

div#grayBoxContent div {
	margin-top: 15px;
	clear: both;
}

div#grayBoxContent img {
	float: left;
	display: inline;
	margin: 0px 7px 23px 0px;
}

div#grayBoxBottom {
	width: 300px;
	height: 10px;
	margin: 0px 0px 20px 0px;
	background: url(images/background-sprite-v2.jpg) -900px -655px no-repeat;
}





div#footerWrapper {
	height: 330px;
	background: url(images/background-footer-shadow.gif) -0px -0px no-repeat;
	background-position: center;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #333333;	
}

div#footerParent {
	margin: 0px auto 0px auto;
	width: 980px;
	height: 254px;
	padding-top: 30px;
	color: #FFFFFF;
}
div#footerParent a {
	color: #FFFFFF;	
}

div#footerBottomParent {
	margin: 0px auto 0px auto;
	width: 980px;
}

div#footerBottom {
	width: 100%;
	height: 29px;
	padding: 17px 0px 0px 0px;
	background-color: #000000;
	color: #EBEBEB;
}
div#footerBottom a {
	color: #EBEBEB;
	margin: 0px 12px 0px 12px;
}

div#footerLeft {
	display: inline;
	float: left;
	width: 265px;
	line-height: 1.6;
}

div#footerLeft span {
	color: #FFBA00;	
}

div#footerLogoSmileyTech {
	width: 265px;
	height: 55px;
	margin-bottom: 30px;
	background: url(images/background-sprite-v2.jpg) -1200px -480px no-repeat;
}

div#footerCenter {
	display: inline;
	float: left;
	width: 370px;
	height: 180px;
	margin: 60px 0px 0px 00px;
	background: url(images/background-sprite-v2.jpg) -1465px -480px no-repeat;
}

div#footerRight {
	display: inline;
	float: right;
	width: 265px;
	height: 195px;
	padding: 12px 22px 17px 47px;
	font-style: italic;
	background: url(images/background-sprite-v2.jpg) -1835px -480px no-repeat;
}

div#footerRight span {
	line-height: 11px;
	font-size: 18px;
	font-weight: bold;
	color: #7CC21E;	
}

div#footerRight div {
	display: inline;
	float: right;
	font-style: normal;
	margin: 12px 15px 0px 0px;
	color: #A7A7A7;
}

div.warningDivWrapper {
	position: absolute;
	top: 120px;
	width: 100%;
	z-index: 20;
}

div.warningDivTop {
	background-image: url(images/background-transparent-red-top.png);
	width: 435px;
	height: 23px;
	padding: 9px 0px 0px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.warningDiv {
	background-image: url(images/background-transparent-red.png);
	width: 420px;
	padding: 4px 15px 3px 15px;
}

div.warningDivBottom {
	background-image: url(images/background-transparent-red-bottom.png);
	width: 450px;
	height: 8px;
	font-size: 2px;
	line-height: 2px;
}

div.explanationDivWrapper {
	position: absolute;
	top: 120px;
	width: 100%;
	z-index: 20;
}

div.explanationDivTop {
	background-image: url(images/background-transparent-green-top.png);
	width: 435px;
	height: 23px;
	padding: 9px 0px 0px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.explanationDiv {
	background-image: url(images/background-transparent-green.png);
	width: 420px;
	padding: 4px 15px 3px 15px;
}

div.explanationDivBottom {
	background-image: url(images/background-transparent-green-bottom.png);
	width: 450px;
	height: 8px;
	font-size: 2px;
	line-height: 2px;
}

div.hiddenExplanation {
	display: none;
}

div.optionsDivWrapper {
	position: absolute;
	top: 120px;
	width: 100%;
	z-index: 20;
}

div.optionsDivTop {
	background-image: url(images/background-transparent-green-top.png);
	width: 435px;
	height: 23px;
	padding: 9px 0px 0px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.optionsDiv {
	background-image: url(images/background-transparent-green.png);
	width: 420px;
	padding: 4px 15px 3px 15px;
}

div.optionsDivBottom {
	background-image: url(images/background-transparent-green-bottom.png);
	width: 450px;
	height: 8px;
	font-size: 2px;
	line-height: 2px;
}