/* Viral Site Builder CSS File */

/*  ------------------------------------------------------------------------------
	This is the Viral Site Builder stylesheet, as it is, it works under all
	modern browsers, and should fail safely on older browsers. It will screw
	up on *really old* browsers such as IE 5 which just about no one uses
	anyway... and if they do, they are not really your type of customer lol.
	------------------------------------------------------------------------------

*/

/*  ------------------------------------------------------------------------------
	Body Section
	This sets the general properties of the whole page such as which font
	family to use and the margins. This can be overridden by the different
	styles below it.
	------------------------------------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #151515;
	margin: 0;
}

.salespageBody {
	background-color: #f0eff8;
}

/*  ------------------------------------------------------------------------------
	Main Section 
	This wraps the whole page content and can be set to different styles below
	This is useful for having a different style for the sales pages and 
	members areas.
	------------------------------------------------------------------------------
*/

#main {

}

.salespage {
	margin: 0px auto;
	text-align: center;
	width: 670px;
	background: #fff url(http://images.wuranga.com/backgrounds/leftandrightborderpink.gif);
	background-color: #f0f0f0;
	background-repeat:repeat-y; 
	background-color: #fff;
}

.memberspage {
	margin: 15px auto;
	text-align: center;
	width: 670px;
	background-color: #fff;
	border: 2px dotted #233b81;
	font-size: 15px;
}
.memberspage800 {
	margin: 15px auto;
	text-align: center;
	width: 800px;
	background-color: #fff;
	border: 2px dotted #233b81;
	font-size: 15px;
}

/*  ------------------------------------------------------------------------------
	Content Section
	Just a general container for all the text that will appear on the page. It
	can have its style set just like the other sections
	------------------------------------------------------------------------------
*/

#content {
}

.salespageContent {
	position: relative;
	text-align: left;
	padding: 20px 65px 21px 66px;
}

.memberspageContent {
	position: relative;
	text-align: left;
	padding: 20px 45px 21px 46px;
}

/*  ------------------------------------------------------------------------------
	Forms Section
	This contains all the different types of forms that are on the site
	------------------------------------------------------------------------------
*/

.signupForm {
	border: 3px dotted #233b81;
	padding: 15px 20px 15px 20px;
	width: 380px;
	margin: auto;  /* center */
}

.loginForm {
	border: 2px dotted #000;
	padding: 15px 20px 15px 20px;
	width: 350px;
	margin: auto;  /* center */
}

/*  ------------------------------------------------------------------------------
	Form Elements Section
	The elements in this section set the style of the individual form components
	such as the text boxes and buttons
	------------------------------------------------------------------------------
*/

.textbox {
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
}

.submitButton {
	margin: 10px 0px 10px 0px;
}

.mainDetails {
	border: 2px dotted #233b81;
	padding: 5px 10px 5px 10px;
	background-color:#f0eff8;
}

.otherDetails {
	border: 2px dotted #233b81;
	padding: 5px 10px 5px 10px;
	background-color: #f7f5f5;
}

.dottedBorder {
	border: 2px dotted #233b81;
	padding: 5px 10px 5px 10px;
	background-color: #fff;
}
.addBackgroundColor {
	background-color:#f0eff8;

}

/*  ------------------------------------------------------------------------------
	Text Style Elements Section
	The elements in this section are used for headlines, post-head, pre-heads etc
	------------------------------------------------------------------------------
*/

.headline {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#233b81;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}

.headlinesmall {
	font-family: Tahoma,Arial,Helvetica, sans-serif;
	color:#233b81;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}

.prehead { 
	text-align: left;
	font-weight: bold;
	line-height: 19px;
}

.posthead{
	background-color:#FFFF66; font-weight:bold;
	text-align: center;	
}

/*  ------------------------------------------------------------------------------
	Page Splits
	These classes split the HTML page into two without using Tables
	------------------------------------------------------------------------------
*/

.splitLeft {
	float: left;
	width: 270px;
}

.splitLeft IMG {
	padding-right: 15px;
}

.splitRight {
	float: right;
	width: 270px;
}

.splitRight IMG {
	padding-right: 15px;
}

.splitLeft2 {
	float: left;
	width: 290px;
	margin-bottom: 10px;

}

.splitLeft2 IMG {
	padding-right: 15px;
}

.splitRigh2 {
	float: right;
	width: 260px;
	margin-bottom: 10px;
}

.splitRight2 IMG {
	padding-right: 15px;
}

.splitLeftSmall {
	float: left;
	width: 200px;
}
.splitLeftSmall250 {
	float: left;
	width: 230px;
}

.splitRightLarge {
	float: right;
	width: 340px;
}
.middleLarge {
	float: left;
	width: 440px;
}
.middleLarger {
	float: left;
	width: 500px;
}
.middleLarger600 {
	float: left;
	width: 600px;
}
.middleLarger700 {
	float: left;
	width: 700px;
}

/*  ------------------------------------------------------------------------------
	iFrames
	iFrames are used for displaying the dynamic signup form in the browser
	These elements control the look and feel of theses
	------------------------------------------------------------------------------
*/

.iFrame {

	width: 400px;
	margin: auto;

}

/*  ------------------------------------------------------------------------------
	Link Styles
	------------------------------------------------------------------------------
*/

A {
}

A:link {
	text-decoration: none;
	color: #233b81;
}
	
A:visited {
	text-decoration: none;
	color: #233b81;

}

A:active {
	text-decoration: underline;
	color: #233b81;

}

A:hover {
	text-decoration: underline;
	color: #000;	
}

	
/*  ------------------------------------------------------------------------------
	Heading Styles
	------------------------------------------------------------------------------
*/

H2 {
	color: #233b81;
	font-size: 16px;
}
	
	
/*  ------------------------------------------------------------------------------
	Misc
	------------------------------------------------------------------------------
*/

.newsSection {
	/*margin-top: -20px;*/
	text-align: left;
}

.newsSection IMG {
	padding-right: 15px;
	margin-left: 10px;
}

.clear {
	clear: both;
}
.errorMessage {
	color: #ff0000;
	padding-bottom: 10px;
}

.me {
	float: right;
	margin-right: 8px;
	margin-left: 14px;
}

.bookimage {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}


.highlight {
	background-color: #ffff00;
}

LI {
	padding-bottom: 5px;
}

.certificate {
	width: 500px;
	height: 379px;
	margin-left: 20px;	
	background-image: url(http://www.freecraftybooks.com/images/certficate.gif);
}

.certificateContents {
	padding-top: 60px;
	padding-left: 63px;
	padding-right: 63px;

}

.smalltext {
	font-size: 80%;
}
a.redlink {
	color:red;
}
table.templates
{
	font-size: 14px;


}