/* all hail the reset! */
html * {
	margin: 0;
	padding: 0;
}

html {overflow:-moz-scrollbars-vertical; -ms-overflow-y:scroll; overflow-y:scroll;}

/* some standard things */
/*<--EditorBlock-->*/
.clear {
clear: both;
}

.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

.text-center{
	text-align:center;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
ul li {list-style-image: url('/img/bullet.gif');}
ul li ol li {list-style-image: none;}
li ul li {list-style-image: url('/img/listarrow.gif');}
ul.ticklist li, .content ul.ticklist li, #extra ul.ticklist li{
	list-style-type:none;
	list-style-position:inside;
	list-style-image:url(/img/icons/success.png);
	min-height: 1em !important;
	margin:0 0 0 2em;
}
/*</--EditorBlock-->*/

ul.noimage li, ol.noimage li {list-style-image: none;}


/* -------------------- STRUCTURE -----------------  */

body {
	background: #fff url('/img/bg.gif') 0 0 repeat;
	font-size: 62.5%; /* now 1em = 10px. Just makes it easier to work out. */
	max-width: 100%; /* stops the page developing horizontal scrollbars when text size is increased, in theory */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

div.container {width: 996px; margin: 0 auto; border-bottom: 1px solid transparent;
	/*see div.membernav padding-top: 2em;*/ /*moves main content down a notch */
	text-align: left;
	background: transparent url('/img/menu-bottom2.png') center bottom no-repeat !important; /*shadow at bottom of white box */
	padding-bottom: 4px; /* allows the shady bit to be visible at the bottom... check this doesn't leave gaps in some browsers */
	background-color: white; /* be nice to sucky browsers */
}




div.main {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0;
	background: url('/img/menu-right.png') 100% 0% repeat-y !important;  /* puts shadow on the side of the main content box */
	background-image: none; /* for IE if it can't handle it */
	margin-top: 0;
}


.main .content {
	padding: 1em; /* moves content away from margins */
	margin: 0 0 0 0;
}

.main .content.narrow {
	width: 630px;
	float: left;
	padding-left: 3em;
	} /* this could be merged with .content once I'm sure .content isn't being used on anything else */

.main .content.narrow .content.narrow{
	padding-left: 0;
}
.main .content.fullpage {padding: 0 3em;}

div.main .shade { /* adds shade to the right side */
	position: relative;
	background: transparent url('/img/menu-left.png') top left repeat-y !important;
	padding-top: 3px;} /* moves the header away from the edge just a little */

/* .main .page-full {padding: 1em 3em 0 3em;} /* is this necessary anymore? */

/* 'extra' sidebar on the right */
#extra {
	width: 270px;
	float: right;
	margin: 0em 18px 0 1em;
	padding: 0;
}



/* member nav */

div.membernav {/*see div.container*/padding-top:2em;/*margin-bottom: -2em;*/ background: transparent !important; /*shadow at bottom of white box */}
.membernav .main .shade { background: transparent !important;}
.membernav .main {	background: transparent !important;}

#beta, #membernav {text-align: right;  font-size: 1.2em; background-color: transparent; padding: .1em; border: 1px solid transparent; margin: 0 8px 0 8px;}
#beta a, #membernav a {padding: .2em;  display: block float: left; color: #555; font-weight: bold; text-transform: uppercase; font-family: georgia, "times new roman", arial, helvetica, sans-serif; text-decoration: none;}
#beta a:link, #beta a:visited, #beta a:active, #membernav a:link, #membernav a:visited, #membernav a:active {}

#beta a:hover, #membernav a:hover {background-color: #f8ffb9;}


/* beta toolbar */

#beta{
	text-align:left;
	float:left;
}
#beta a{
	padding-left:2em;
	background: transparent url('/img/icons/feedback.png') 3% 50% no-repeat;
}

/* ---------------- HEADER ---------------------- */


#header {
	background: #2a88ac url('/img/header_temp.jpg') top left no-repeat;
	height: 90px;
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

div#logo{
	margin:0;
	padding:0;
	position: absolute;
	bottom: 10px;
}
div#logo span{
	display:none;
}

div#logo a{
	display:block;
	background: transparent url('/img/affilorama_logo.png') left bottom no-repeat;
	width: 324px;
	height: 54px;
	margin-left: 20px;
}
div#logo.premium a{
	background-image:url('/img/affilorama_premium.png');
}

/* "search affilorama" box */
#searchbox {
	position: absolute;
	right: 5px; top: 3px;
}

#searchbox .field {
	width: 140px;
	float: left;
	font-size: 1.0em;
	margin-right: .5em;
	background: #fff url('/img/search-bg.gif') top left no-repeat;
	padding-left: 25px;
}




/* login box in the header */

#header-login {
	width: 140px;
	float: right;
	height: 77px;
	margin: 1px 5px 5px 5px;
}

#header-login input.field {
	background: #f8ffb9 url('/img/yellowfield-bg.gif') top center repeat-x;
	border: none;
	width: 130px;
	margin: 3px;
	font-family: georgia;
	display: block;
	cursor: text;
}

#header-login label {float: left; font-size: 1em; padding: 0;}
#header-login input.submitbutton {float: right;}

#header-login input[type=checkbox]{margin: 0 4px 0 3px;}


/* "you are now logged in" notice above the header with link to profile */


#loggedin {background-color: #f8ffb9; float: right; font-size: 1.2em; margin: 1px 1px 0 0; color: #000; padding: 3px;}

#loggedin a:link, #loggedin a:visited,#loggedin a:active {
color: black;
}

#loggedin a:hover {color: #EA9D18;}

span.logout {
	font-size: .8em;
font-weight: normal;
}

#loggedin a.name {
	font-weight: bold;
}

/* breadcrumbs */
div#crumbs{
	font-size:1.1em;
	padding:.3em 0 .3em 30px;
	margin-top: 1em;
	height:1.3em;
}
div#crumbs a:link {
	color: #2a88ad;
}
div#crumbs a:hover {
	color: #27b4e1;
}
div#crumbs a:visited, div#crumbs a:active {
	color: #2a88ad;
}



/* ------------------ NAVIGATION --------------------- */

/* top-of-page navigation */

div#primary {
	background-color: #d9d9d9;
	font-size: 1.3em;
	font-weight: normal;
	color: #bbb;
}
div#secondary {
	background-color: #666;
	font-size: 1.2em;
	font-weight: normal;
	color: #bbb;
}

div#primary, div#secondary {
	width: 980px;
	clear: both;
	margin: 0 8px 0 8px;
	padding: 7px 0;
}

#primary ul, div#secondary ul {
	list-style-type: none; list-style-image: none;
	margin: 0;
	padding: 0;
}

#primary ul li, div#secondary ul li  {
	display: inline;
	border-right: 1px solid #ccc;}

#primary ul li a, div#secondary ul li a {
	font-family: georgia, arial, serif;
	padding: 7px 12px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

#primary ul li a {
	background: #d9d9d9;
	color: #333;
	font-weight: bold;
}

#secondary ul li a, #primary ul li a:active, #primary ul li a.on {
	background: #666666;
	color: white;
}

#primary ul li a:hover {
	background: #999;
	color: #fff;
}
#secondary ul li a:hover {
	background: #666;
	color: #c5dfeb;
}

#primary ul li a.on {
	color: #c5dfeb;
}

#primary ul li a.on:hover {
	background-color: #666;
}


/* the link lists in the footer */
#footer .footerblock {
	float: left;
	width: 200px;
	margin: 2em 1em 2em 3em;
	font-size: 1.1em;
	font-family: verdana;
	border: 1px solid white;
}

#footer .footerblock ul li {
	list-style-type: none; list-style-image: none;
	text-transform: uppercase;
	padding: 2px;
}

#footer ul {margin-left: 0em;}

#footer .footerblock h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	text-transform: none;
	border-bottom-color: #FFFFFF;
}

#footer a {
text-decoration:underline;
}


/* the full article list at the bottom of the page */

#footer-articles {
	margin: 4em 3em 0 3em;
	padding-bottom: 4em;
}

.content #footer-articles{
	margin-top:2em;
}

.main #footer-articles h3, .main #footer-articles h2 {
	font-family: arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: .5em;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	font-size:1.6em;
}

#footer-articles div {margin: 2em;}

#footer-articles ul li {
	list-style-type: none; list-style-image: none;
	font-size: 1.2em;
	padding-bottom: .3em;
}

#footer-articles a:link, #footer-articles a:visited, #footer-articles a:active {
	text-decoration: none;
}

#footer-articles a:hover {
	text-decoration: underline;
}

/* -------------- TEXT STYLES ------------------- */

/*<--EditorBlock-->*/
h1, .h1 {
	font-family: georgia, arial, sans-serif;
	font-size: 3em;
	font-weight: normal;
}

h2, .h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: .1em 0em 0em 0em;
	color: #21799f;
	font-size: 1.8em;
	line-height: 120%;
}

h3, .h3 {
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	color: #216385;
}

h4, .h4 {
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	color: #216385;
	font-style: italic;
}

/*</--EditorBlock-->*/


.content p, .content li {
	font-size: 14px;
	line-height: 1.4em;
	color: #111;
}



.content li p, .content li li, .content li li li, .content li pre {
	font-size: 1em;
	margin-bottom: .2em;
	} /* stops paragraphs and lists inside list items from being 1.4 times 1.4 ems */


.content p, .content h1, .content h2, .content h3 {
	margin-bottom: .4em;
}

.content h1, .content h2, .content h3 {
	margin-top: .5em;
}


.narrow ol, .narrow ul{
	padding-left:30px;
	margin: 1em 0;
}

.narrow li{
	padding-bottom: .5em;
}

.narrow p{
	margin-bottom: 1.0em;
	}

code, pre {font-size: 1.3em; margin: .5em 4em .5em 2em; padding: .5em 1em .5em 3em; background-color: #e5f4f4; background-image: url('/img/icons/code-blue.gif'); background-position: 8px 8px; background-repeat: no-repeat; display: block; font-family: "courier new", courier, monospace; clear: both;}

.example form {font-size: 1.4em; font-family: arial, helvetica, sans-serif;}
.example form input, .example input[type="checkbox"] {width: auto; background-image: none; display: inline; float: none; margin: 0;}

pre {font-size: 1.2em; line-height: 140%; margin-bottom: 1em;}

li.wrong {background: transparent url('/img/icons/table-no.png') left center no-repeat; padding-left: 40px; list-style-image: none; list-style-type: none;}
li.right {background: transparent url('/img/icons/table-yes.png') left center no-repeat; padding-left: 40px; list-style-image: none; list-style-type: none;}

/* .content-type precedes header text to indicate what type of article it is. */
.content-type {
	text-transform: uppercase;
	font-family: verdana, arial, helvetica, sans-serif;
	letter-spacing: .2em;
	font-weight: normal;
	font-size: 60%;
	background-color: #719fb1;
	padding: .1em .3em .1em .3em;
	color: #fff;
	position: relative;
	bottom: .2em;
}

h1 .content-type {display: block; background-color: transparent; color: #ccc; letter-spacing: .1em; font-size: 40%;}


/* article styles */

div.video {width: 420px; float: left; margin-bottom: 20px;}
div.download {width: 190px; float: right; margin-left: 20px;}
div.download p {font-size: 1.2em; padding: 0px 0 14px 38px;}
p.downloadvid {background: transparent url('/img/icons/download.gif') left top no-repeat;}
p.pdf {background: transparent url('/img/icons/pdf.gif') left top no-repeat;}
p.downloadmob {background: transparent url('/img/icons/mobile.gif') left top no-repeat;}


.article img {display: block; margin: 10px auto; border: 3px solid #ccc;} /* this could get troublesome */

/*  ----------------- LINKS -------------------- */
a, a:link, a:active {
	color: #2a88ad;
}
a:visited {
	color: #999;
}
a:hover {
	color: #27b4e1;
}

.content h3.comments a {
	color: #000;
}

a.readmore {font-size: 1em; font-family: georgia, "times new roman", serif;}


/* --------------------buttons--------------------- */

input.submit{
	font-size:1.4em;
	text-align: center;
	cursor: pointer;
}


input.fancysubmit, a.fancy:link, a.fancy:visited, a.fancy:active, .rss input.subscribe, #join a.button:link, #join a.button:visited, #join a.button:active, #header-login .submitbutton, #searchbox .go, input.submit, #toolReports span.buttonCol.run a:link, #toolReports span.buttonCol.run a:visited, #toolReports span.buttonCol.run a:active, div#toolReportsLinks input#deleteSelected {
	font-family: georgia, arial, sans-serif;
	color: white;
	background: #f29c4c url('/img/orangebutton2.gif') bottom left repeat-x;
	width: auto;
	cursor: pointer;
}



#join a.button:link, #join a.button:visited, #join a.fancy:active, a.fancy:link, a.fancy:visited, a.fancy:active  {
	display: block;
	float: right;
	font-size: 1.8em; text-decoration: none;
	padding: .7em 2em .7em 2em;
	margin-right: 1.2em;
}

#join a.button:hover, a.fancy:hover {
	background-color: #f68318;
	background-image: none;
}


#header-login .submitbutton {
	width: auto;
	margin: 3px;
	padding: 1px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
}


.rss input.subscribe {
	width: 7em;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #bbb;
	padding: 2px;
	float: right;
	margin-top: 4px;}

#searchbox .go {
	float: left;
	width: auto;
	padding: 1px;
	margin: 0;
	font-size: 1em;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
}

/* ---------- RIGHT SIDEBAR CONTENT ------------- */

#extra .box1, #extra .box2 {
	background: #E5F4F4 url('/img/torn.gif') bottom right repeat-x;
	padding: 1em 0 2em 0;
	font-size: 1.2em;
	margin-bottom: .7em;
}

#extra .box0 {
	background: white;
	font-size: 1.2em;
	margin-bottom: .7em;
	padding: 1em 0 1em 0;
}

#extra .box1 {background-color: #e5f4f4;}
#extra .box2 {background-color: #fffdb0;}
#extra .box1 h3 {color: #2A88AD;}
#extra .box2 h3 {color:#ea9d18;}
#extra .box0 h3 {color: #2A88AD;}

#extra .box1 h3, #extra .box2 h3, #extra .box0 h3 {
	font-family: georgia;
	font-weight:normal;
	font-size: 1.6em;
	padding: 0 20px 5px 20px;
}

#extra .box0 h3 {
	padding: 0 10px 5px 10px;
}

#extra h3.smaller{
	font-size:1.4em;
}

#extra .box1 p, #extra .box2 p {
	padding: .3em 2em .3em 2em;
}

#extra .box0 p {
	padding: .3em 1em .3em 1em;
}

#extra .box1 li, #extra .box2 li, #extra .box0 li {
	list-style-type: none; list-style-image: none;
	padding: 5px 20px 5px 20px;
}

#extra .box0 li {
	padding: 5px 10px 5px 10px;
}

/* fancy new green box with qwhite border & shadow */

#extra .boxFancyGreen {
	margin-left: -10px;
	padding:0;
}

#extra .boxFancyGreen .inner {
	background: transparent url(/img/box-fancy-green-slice.png) 0% 0% repeat-y;
}

#extra .boxFancyGreen .top{
	height:12px;
	background: transparent url(/img/box-fancy-green-top.png) 0% 0% no-repeat;
}

#extra .boxFancyGreen .bottom {
	height:12px;
	background: transparent url(/img/box-fancy-green-bottom.png) 0% 0% no-repeat;
}

#extra .boxFancyGreen .content {
	width:220px;
	margin-left:10px;
	padding:10px 20px;
	background:#6E9C09 url(/img/box-fancy-green-content.png) 0% 0% repeat-x;
}

#extra .boxFancyGreen h3 {
	font-size:2.3em;
	letter-spacing:-1px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:0.5px 0.5px 1px #666;
	margin-bottom:0;
}

#extra .boxFancyGreen input {
	margin-bottom:15px;
	color: #777;
}

div.ads {
	margin-left: .6em;
}
div.ads a {
	margin-right: .6em;
	margin-bottom: .4em;
	display: block;
	float: left;
	padding: 0;
} /* makes them nicely spaced */


/* RSS box */
.rss {
	background-color: #e7ecdd;
	margin-bottom: 2em;
	padding-bottom: 1em;
}

.rss a {float: left;}

.rss img.rssicon {
	position: relative;
	bottom: 15px;
	margin-bottom: -25px;
	border: 0;
}

.rss .subscribers {
	font-family: georgia;
	font-size: 2em;
	position: relative;
	bottom: .5em; left: 0em;
}


.rss .field {
	width: 170px;
	cursor: text;
}

.rss form {float: left; margin-top: 2em; margin-left: 1em;}


/* Home Page & Associated Styles that are used throughout */

/* blue header box seen on home page and tools */
.pageHeadFeature{
	background: #FFF url(/img/page-head-feature.jpg) left top no-repeat;
	position:relative;
	margin: 10px 0 0 0;
	height:296px;
}

/* smaller blue header box seen on tools */
.pageHeadFeatureSmall{
	height:182px;
	background-position: left bottom;
}

/* left hand side headline text block & text components */
.pageHeadFeature .headlineBlock{
	padding:10px 0 0 30px;
	width:440px;
}

.pageHeadFeature .headlineBlock h1{
	font-weight:bold;
	font-size:30px;
	color:#FFF;
	text-shadow:0.5px 0.5px 1px #333;
}

.pageHeadFeature .headlineBlock li, .pageHeadFeature .headlineBlock p, .pageHeadFeature .headlineBlock a{
	color:#FFF;
}

/* right hand side feature video/image block */
.pageHeadFeature .featureBlock{
	position:absolute;
	right:0;
	bottom:0;
	height:100%;
	width:500px;
}

/* home page header block */
#homePageGuestHeader{
	margin-top:-30px;
	margin-bottom:30px;
}
#homePageGuestHeader .headlineBlock {
	padding-left:20px;
	width:470px;
}
#homePageGuestHeader .headlineBlock h1 {
	font-size:34px;
	line-height:95%;
}
#homePageGuestHeader .headlineBlock h1 span.bigger {
	font-size:140%;
}
#homePageGuestHeader .headlineBlock h1 span.smaller {
	font-size:90%;
}

#homePageGuestHeader .headlineBlock li {
	list-style-type:none;
	list-style-image:none;
}

#homePageGuestHeader .headlineBlock li {
	font-size:17px;
	padding-left:28px;
	background: url(/img/home-header-icon-srpite.png) 0% 0% no-repeat;
	line-height:25px;
	margin-bottom:5px;
}

#homePageGuestHeader .headlineBlock li.snd {
	background-position: 0% 25%;
}
#homePageGuestHeader .headlineBlock li.trd {
	background-position: 0% 50%;
}
#homePageGuestHeader .headlineBlock li.fth {
	background-position: 0% 75%;
}

#homePageGuestHeader .featureBlock {
	width:480px;
}

/* intro video wrapping element*/
#homePageGuestHeader .featureBlock #introvideo {
	width:470px;
	height:280px;
	margin:8px 0 0 4px;
}
/* intro video placeholder */
#homePageGuestHeader .featureBlock #introvideoplaceholder {
	height:100%;
	width:100%;
}
#homePageGuestHeader .featureBlock #trigger {
	display:block;
	width:100%;
	height:100%;
	background: transparent url(/img/intro-video-placeholder.jpg) 0% 0% no-repeat;
}
#homePageGuestHeader .featureBlock #trigger strong{
	display:none;
}

#accentBanner {
	height:74px;
	width:705px;
	background: transparent url(/img/accent-banner.png) 100% 0% no-repeat;
	padding:10px 0 0 10px;
	z-index:10;
	position:relative;
}
#accentBanner ul {}
#accentBanner li {
	dispay:block;
	width:200px;
	float:left;
	list-style-type:none;
	list-style-image:none;
	background: url(/img/home-header-icon-srpite.png) 0% 100% no-repeat;
	line-height:25px;
	color:#2A88AD;
	font-size:16px;
	letter-spacing:-1px;
	font-weight:bold;
	padding-left:25px;
	margin-top:5px;
}

#guestHomePage #extra {
	margin-top:-90px;
	margin-right:8px;
	z-index:5;
	position:relative;
}

#guestHomePage .boxFancyGreen .aButton {
	margin:10px 0 5px 30px;
}

#guestHomePage .boxFancyGreen input {
	font-style:italic;
	background: #EEE;
}

#guestHomePage #feeds {
	margin-top:50px;
}

#memberHomePage{}

#memberHomePage .post{
	border-bottom:none;
}
#memberHomePage .post.top h2 {
	margin-top:0;
}
#memberHomePage .post .postGraphic{
	width:150px;
	float:left;
}
#memberHomePage .post.summary  .postGraphic{
	width:80px;
	float:left;
}
#memberHomePage .post .postSocialButtons div{
	margin-left:13px;
	float:left;
}
#memberHomePage .post.summary .postSocialButtons div{
	margin-left:5px;
	margin-bottom:5px;
}
#memberHomePage .post .postSocialButtons img {
	margin:0;
}
#memberHomePage .post .postContent{
	margin-left:170px;
	padding-top:8px;
}

#memberHomePage .post .postContent p{
	margin-bottom:5px;
}

#memberHomePage .post.summary .postContent{
	margin-left:90px;
	padding-top:15px;
}

#memberHomePage .feed h3{
	margin-left:15px;
}

#memberHomePage #twitterFeed{
	margin-top:60px;
}

#memberHomePage #twitterFeed h3{
	margin:0;
}

#memberHomePage #twitterFeed h3 a{
	display:block;
	width:81px;
	height:60px;
	margin-top:-47px;
	background:transparent url(/img/affilotwitter.png) left top no-repeat;
}

#memberHomePage #twitterFeed h3 a strong {
	display:none;
}

#memberHomePage #twitter_update_list li{
	font-size:12px;
	margin-bottom:5px;
}

#memberHomePage #twitter_update_list li span{}
#memberHomePage #twitter_update_list li span a{}
#memberHomePage #twitter_update_list li span + a{
	color:#AAA;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
}

#memberHomePage #featureAd img{
	border:none;
	display:block;
	margin:auto;
}

#memberHomePage, #memberHomePage .content.narrow{
	padding-top:0;
}

.homePage .feed h3{
	font-family: georgia,arial,sans-serif;
	color:#2A88AD;
	background:transparent url(/img/tools/icon-info.png) left top no-repeat;
	padding-left:22px;
}

.homePage .feed.forumFeed h3{
	background-image: url(/img/tools/icon-faq.png);
}

.homePage .feed.lessonsFeed h3{
	background-image: url(/img/icon-lesson.png);
}

.homePage .feed.toolsFeed h3{
	background-image: url(/img/tools/icon-tool.png);
}

.homePage .feed ul {
	padding-left:22px;
}

.homePage .feed li {
	list-style-image:none;
	list-style-type:none;
	font-size:12px;
}

#guestHomePage .feed {
	width:330px;
	float:left;
	margin-left:10px;
	margin-bottom:20px;
}

#guestHomePage .feed.last {
	width:230px;
}

#memberHomePage .forumFeed li {
	padding:0 10px 6px 0;
}

.marksJoinBox {
	position:static;
}

.marksJoinBox img{
	float:left;
	margin:11px 10px 0 10px;
}

.marksJoinBox h2{
	font-family: georgia,arial,sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#FFF;
	text-shadow:0.5px 0.5px 1px #333;
	padding-top:30px;
}

.marksJoinBox p{
	color:#FFF;
}

.marksJoinBox .aButton{
	float:right;
	margin: 10px 35px 0 15px;
}

/* Products sidebar as seen on members home page */
#productSidebar{
	width:280px;
	margin-right:-10px;
}

#productSidebar li {
	height:36px;
	list-style-type:none;
	list-style-image:none;
	padding: 18px 13px 0 13px;
	background: transparent url(/img/product-badges.png) 100% 0% no-repeat;
}

#productSidebar li.premium, #productSidebar li.jetpack{
	background-position:100% 0%;
}

#productSidebar li.premium.has, #productSidebar li.jetpack.has{
	background-position:0% 0%;
}

#productSidebar li.blueprint{
	background-position:100% 50%;
}

#productSidebar li.blueprint.has{
	background-position:0% 50%;
}

#productSidebar li.hosting{
	background-position:100% 100%;
}

#productSidebar li.hosting.has{
	background-position:0% 100%;
}

#productSidebar li a{
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	text-shadow:0.5px 0.5px 1px #333;
	letter-spacing:-1px;
	display:block;
}

#productSidebar a.all, #productSidebar h3 a{
	font-family:georgia;
	font-size:120%;
}

#productSidebar h3{
	margin-bottom:0;
	padding-bottom:0;
}

#productSidebar a.all{
	float:right;
	margin-right:4px;
}

/* member products page */
#myProducts h2.h1 {
	font-size:2em;
}
#myProducts .snippet {
	padding:20px;
}
#myProducts .snippet img {
	border:none;
	margin-right:10px;
}
#myProducts img.productUnlock {
	display:block;
	margin-left:-88px;
	margin-top:53px;
}

.subProducts{
	padding-left:20px;
}
#myProducts .subProduct {
	padding:10px 20px;
}

/* public profile */
.profile #bio, .profile #websites, .profile #signature, .profile #recent {
	margin-left: 130px;
}

.profile div.avatar{
	float: left;
	margin: 0 1em 2em 0;
	width: 90px;
	height: 90px;
}

.profile div.avatar img.avatar{
	border: 3px solid #ddd;
	display:block;
}

.profile div.avatar img.rank{
	margin:0.2em auto;
	display:block;
}

.profile .recent {
	font-family: georgia;
	font-size: 1.2em;
	line-height: 100%;
	width: 70%;
	margin: 0em 0 0em 10px;
	padding: 0 0 0 55px;
	background: transparent url('/img/icons/bubbles.gif') left top no-repeat;
	position: relative;
	z-index: 2;

}

.profile h2 .pm {font-size: .6em; font-weight: normal;}

.profile h3 {margin-left: -120px; position: relative; top: 1.6em;}
.profile #recent h3 {top: 3em;}

.profile h3 {margin-top: 1em;}
.recent p {font-size: 1.2em;}
.recent h4 {margin: 1em 0 .5em 0; font-family: georgia, arial, helvetica, sans-serif; line-height: 110%;}

.recent .info {font-size: .7em; color: #888; font-family: arial, helvetica, sans-serif; display: block; padding-bottom: 1em;}
.recent code {font-size: 1em; overflow:auto;}

#details ul {margin-left: 15px; float: left;}
#websites ul li {list-style-image: none; list-style-type: none;}

#signature p {width: 70%;}

#websites ul {position: relative; z-index: 2;}

/* --------------- comments & extra forum styles ------------------ */

#phpbb div.inner li {list-style-image: none;}

#hottopic {background-color: #e5f4f4; margin: 0 0em 0em 0em; padding: .8em;}
#hottopic h2 {margin-top: 0; padding-top: 0;}
#newestposts {width: 45%; float: right; margin: 0 2em 2em 0;}
#newesttopics {width: 45%; float: left; margin: 0em 2em 2em 2em;}

#newesttopics .snip, #newestposts .snip, #hottopic .snip {color: #333; font-family: georgia, arial, helvetica, sans-serif; display: block;}
#newesttopics .date, #newestposts .date, #hottopic .date   {font-size: .8em;}
p.commentblock {background-repeat: no-repeat; padding-left: 30px; margin-bottom: 1em;}
#newestposts .avatar, #newesttopics .avatar {border: 1px solid #ccc; margin-right: 8px; float: left;}


div#comments{}
/* had to set all these, as ie5\6 was dropping half the styles */
.comments a, .paging a,
.comments a:link, .paging a:link,
.comments a:visited, .paging a:visited,
.comments a:active, .paging a:active{
	color: #2a88ad;
}

div.displayAllComments {
	margin: 10px 0;
}
div.displayAllComments a{
	padding:2px 0 2px 30px;
	background: transparent url('/img/icons/comments.gif') 0 3px no-repeat;
}

.comments a:hover, .paging a:hover, div#comments div.paging span.current, div.paging span.current{
	color: #27b4e1;
}

.comments a.disabled, .paging a.disabled:hover{
	color:#BBBBBB;
}

div#comments div.paging, div.paging{

	margin-bottom: .5em;
	color:#BBBBBB;
	padding: .3em;
	font-size:1.1em;
	text-align: center;
}

.happening-box {
	margin-top: 20px;
	background-color: #F2F2F2;
	border: 1px solid #DDDDDD;
	width: 550px;
	padding: 10px;
}

.happening-box h3 {
	margin-top: 10px;
}



/* pagination in comments and blog */
div.paging a, div.paging span.current {
display: inline;
float: none;
padding: .2em .4em .2em .4em;
margin-left: .2em;
font-size: 1.3em;
text-decoration: none;
}

div.paging a{
border: 1px solid #ddd;
} /* the "off" state */

div.paging span.current {
border: 0;
}

div.paging a:hover {
background-color: #e3eff3;
border: 1px solid #d4edf1;
}

div#comments div.paging div.disabled, div.paging div.disabled{
	display:inline;
	/*float: left; */
	color:#BBBBBB;
	font-size: 1.4em;
}
/* end paginaton */


div.comment {
	padding: .8em .8em 2em 72px;
	font-size: 0.9em !important;
	font-size: 1em;
	position:relative;
	min-height:56px;
	background: #fff url('/img/torn.gif') bottom right repeat-x; /*#E5F4F4*/
	font-family: georgia;
	margin-bottom: .7em;
}

div.comment.alt {
	/*background-color: #f4f4f4;
	border: 1px solid #e4e4e4;*/
	background-color: #fff; /* #daedf5; */
}


/* change colours for site admin comments */
div.comment.admin {
	background-color: #FFFDB0;
}

div.comment img.avatar, .connected img.avatar{
	padding: 2px;
	border: 2px solid #ddd;
	margin: 0 .5em .5em 0;
	background-color: #fff;
	position:absolute;
	top: .8em;
	left: .8em !important;
	left: -66px;
}

p.author {
	font-weight: normal;
	font-size: 1.1em;
	color: #666;
	text-transform: uppercase;
	padding-bottom: .4em;
	margin-bottom: 0;
}

.postbody p.author {text-transform: none;} /* the timestamp on forum posts doesn't need to be uppercase */

p.author a.name {
	position: relative;
}

.isadmin {
	font-size: .8em;
	color: #333;
	line-height: 100%;
	text-transform: uppercase;
	padding: .3em;
	padding-left: 16px;
	background: #cdeffa url('/img/icons/star.png') center left no-repeat;
	border: 1px solid #b1e2f2;
}

.postprofile span.needhook img {
	border: 3px solid #ddd;
	width: 50px;
	height:50px;
} /* might not need this if I can ever find the blasted HTML that makes the profile images.
Is in viewtopic_body.html */


/* blog styles */

.blog p.date, .blog p.user, .blog p.commentcount {
color: #aaa;
font-size: 1.1em;
display: inline;
}

p.commentcount {
	background: transparent url('/img/icons/forumtalk.gif') 0 3px no-repeat;
	padding-left: 15px;
}

.blog p.date, .blog p.user {
	text-transform: uppercase;
	border-right: 1px dotted #ccc;
	padding-right: .67em;
	margin-right: .5em;
}

.blog h1, .blog .h1 {
	margin: .5em 0 0 0;
}

.blog div.head {
	margin-bottom: 2.5em;}
.blog .post h1.smaller, .blog .post .h1.smaller {
	font-size: 2.6em;
}

.blog .post {
	padding-bottom: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
}

.blog .post img {
	border: 3px solid #ddd;
	display: block;
	margin: 1em auto;
}

/* styles for blog post images */
.blog .post img.title-right {float: right;}
.blog .post img.title-left {float: left;}
.blog .post img.title-center {float: none;}

.blog .content.snip {margin: 0; padding: 0 0 0 10px;}
.blog .head.snip {margin-bottom: .8em;}




/* ---------- front page & topic page styles ------------ */


ul.topicList{

}

ul.topicList li{
	display:block;
	width:30%;
	background: url(/img/bullet.gif) 0% 50% no-repeat;
	list-style: none inside none;
	padding: 0 0 0 1em;
	font-weight: bold;
}

.snippet img, .snippet-main img {
	border: 3px solid #ddd;
	float: left;
	display: block;
}

.snippet-main {
	display: block;
	border: 1px solid transparent;
	padding-bottom: 2em;
	background-color: #f2f2f2;
	padding: 1em;
	margin-bottom: 2em;
}

.snippet-main.nobg {
	background-color: transparent;
	padding: 0;} /* for front page */

.content .snippet-main h1, .snippet-main h2, .snippet-main p {
	margin-left:170px;
	margin-top: 0em;
	margin-bottom: .2em;
}

.content .snippet-main .plr-traffic-travis * {
	margin-left:0;
}

.snippet-main h1, .snippet-main .h1 {font-size: 2.4em;}

.snippet {
	margin-bottom: 2.5em;
}

.snippet h2, .snippet .h2, .snippet p {
	margin-left: 90px;
	display: block;
	margin-bottom: .2em;
}
.snippet-nothumb h2, .snippet-nothumb .h2, .snippet-nothumb p{
	margin-left: 0;
}


.snippet h2, .snippet-main h2, .snippet .h2, .snippet-main .h2 {
	font-weight: normal;
	font-family: georgia;
	font-size: 2em;
}

.snippet-blog .date, .snippet-blog .user {
	margin-left: 25px;
	display: inline;
}
.snippet-blog .user {
	margin-left: 5px;
	display: inline;
}
.snippet-blog h1 a, .snippet-blog h2, .snippet p {
	margin-bottom: .2em;
}
.snippet-blog h1 {
	margin-bottom:0.2em;
}

div.snippet div.snippet-blog .date {margin-left: 15px;}  /* front page overrides */
div.snippet div.blog p.user {border-right-color: transparent;}

.forum-snippet {
	padding-left: 90px;
	background: transparent url('/img/icons/forum.gif') 10px 0 no-repeat;
}

.recently-added {
	padding-left: 90px;
	background: transparent url('/img/icons/film.gif') 10px 0 no-repeat; padding-bottom: 1.5em;
}

.forum-snippet p {
font-size: 1.2em;
padding-left: 20px;
background: transparent url('/img/icons/forumtalk.gif') 1% 50% no-repeat;}


.recently-added p, .forum-snippet p {margin-bottom: .4em;}

.forum-snippet .date {
	font-size: .9em;
	color: #aaa;
}

.new {
	font-size: .7em;
	padding: 3px;
	background-color: yellow;
	margin-right: 5px;
	color: black;
}

p.date {
	font-size: 1em;
	color: #666;
	padding-top: 0;
	padding-bottom: .5em;
	margin-top: 0;
	text-transform: uppercase;
}

.topic-articlelist h2 {
	margin-left: 90px;
	margin-bottom: 0;
}
.topic-articlelist h3 {
	font-weight: normal;
	margin-left: 80px;
	padding-left: 14px;
	background: transparent url('/img/icons/raquo.gif') 0px 5px no-repeat;
}




/* The "please register to read more" box. */

#join {
	background: #fffdb0 url('/img/torn.gif') bottom left repeat-x;
	padding: .3em 1.5em .3em 1.5em; width: auto;
	font-family: georgia, arial, sans-serif;
	font-size: 11px; /* set this in pixels so that if box appears mid-list item or something the fonts aren't blown out of whack */
	margin-bottom: .8em;
}

.content #join h3 {
	font-family: georgia, arial helvetica, sans-serif;
	color: #d58e12;
	font-weight: normal;
	font-size: 2em;
	padding: .4em 0 0 0;
}

.content #join p{
	width: 70%;
	float: left;
}

#join h3 a {
	color: #d58e12;
}

#extra #join h3 {	background: transparent url('/img/signup.gif') left top no-repeat;
	padding-left: 60px;
	margin-left: 20px;}
#extra #join p {
	font-size: 1.4em;

}




/* Getting Started page */
/*<--EditorBlock-->*/
.whatis p, .whatis h2 {
	padding-left: 80px;
}

.whatis .lessons {background: transparent url('/img/icons/film.gif') 10px 0px  no-repeat;}
.whatis .lessons {background: transparent url('/img/icons/lessons.gif') 10px 0px  no-repeat;}
.whatis .community {background: transparent url('/img/icons/forum.gif') 0 0px  no-repeat;}
.whatis .tools {background: transparent url('/img/icons/toolbox.gif') 0 0px  no-repeat;}
.whatis .guruviews {background: transparent url('/img/icons/lessons.gif') 10px 0px  no-repeat;}
.whatis .free {background: transparent url('/img/icons/free.gif') 3px 0px  no-repeat;}

ul.star li {list-style-type: none; list-style-image: none;
	background: transparent url('/img/icons/star2.gif') left top no-repeat;
	list-style-image: none;
	padding-left: 30px;
}
/*</--EditorBlock-->*/

/* Forms */

fieldset {
	display:block;
	/* width: 400px;  /* this is bloody annoying */
	margin: 20px auto 5px auto;
	padding: 5px 20px;
	border: 1px solid transparent;
	background-color: #f8ffb9;
}

fieldset h3 {font-weight: normal; font-family: georgia, arial, helvetica, sans-serif; font-size: 2.2em;color:#EA9D18; }

#contact fieldset {	background: #f8ffb9 url('/img/icons/exclam-yellow.gif') 15px 15px no-repeat;
	padding-left: 75px;}

#MemberLoginForm fieldset, #MemberRegisterForm fieldset, #MemberRegisterForm div.affTable {
	border: 1px solid transparent;
	background: #f8ffb9 url('/img/signup.gif') 15px 15px no-repeat;
	padding-left: 80px;
	width: 330px;
}

#MemberLoginForm fieldset input.submit, #MemberRegisterForm fieldset input.submit {width: auto;}

#MemberLoginForm  fieldset div.tasks, #MemberRegisterForm fieldset div.tasks{
	padding:0 0 10px 0;
	margin:15px 0 0 0;
	font-weight: normal;
	font-size: 1.2em;
}

#MemberLoginForm fieldset div.tasks a, #MemberRegisterForm fieldset div.tasks a{
	padding:0 0 0px 0;
}

#MemberLoginForm h3, #MemberRegisterForm h3 {
	font-family: georgia;
	font-weight: normal;
	background-color: #f8ffb9;
	border-bottom: none;
	color:#EA9D18;
	font-size: 2em;
}

#MemberLoginForm fieldset {
}

#MemberLoginForm .cb {display: inline; float: left;}
#MemberLoginForm .cb input, #MemberLoginForm .cb label {float: left; display: inline;}
#MemberLoginForm .cb label {float: left; display: inline; width: auto;}

fieldset div {
	margin-bottom: 1em;
	padding: .2em;
	vertical-align: text-top;
}
fieldset div.input {
	color: #444;
}
fieldset div.required label {
	color: #333;
	background: transparent url('/img/icons/asterisk.gif') 0 1px no-repeat;
	padding-left:10px;
	margin-left: -10px;
}
fieldset label {
	font-size: 1.4em;
}
fieldset label em {
	font-style: normal; font-size: .8em;
}

fieldset input.short {width: 300px;}
fieldset div.submit{
	border: 0;
	margin: 10px auto;
}
fieldset div.tasks{
	padding:10px;
	margin:15px 0 0 0;
	font-weight: bold;
	font-size: 1.2em;
}

fieldset div.tasks a{
	color: #0c4b6a;
	display:block;
	padding:0 0 5px 0;
}
fieldset div.inline a {
	display:inline;
}

fieldset div.tasks a:hover{
	color: #27b4e1;
}
label {
	display: block;
	font-size: 1.2em;
	padding-right: 20px;
}
label span.hint{
	font-weight:normal;
	font-size:90%;
	display:none;
	margin-left:5px;
}
input, textarea {
	display: block;
	padding: 2px;
	width:95%;
}
select {
	vertical-align: text-bottom;
}
input, textarea, select{
	font-size: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333; /* #719fb1; bit hard to read */
	background: white url('/img/whitefield.gif') top left repeat-x; border: 1px solid #ddd;
	padding:3px;
}
input.active, textarea.active, select.active{
	color: #0c4b6a;
	background-color:#fff;
	border-color: #999;
}
option {
	font-size: 1em;
	padding: 0 3px;
}

.cb input, input[type=checkbox]{
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width:auto;
	border: 0;
	background: transparent none;
}
input[type=hidden] {
	display:none;
}
#feedback{
	background:#F8FFB9;
}

#feedback fieldset{
	text-align:left;
	margin:0 2em 2em 2em;
}

#feedback fieldset h3{
	text-align:left;
}

#feedback fieldset input, #feedback fieldset select, #feedback fieldset textarea{
	text-align:left;

	clear:left;
}

#feedback fieldset select{
	text-align:left;
	display:block;
}

#feedback fieldset label{
	text-align:left;
	display:block;
	float:left;
	width:20em;

}

#feedback fieldset div{
	margin-bottom:.3em;
}

#feedback fieldset .error-message{
	text-align:left;

}
/* blog comment form w/ fb connect */
#new-comment .required label {
	color: #333;
	background: transparent url('/img/icons/asterisk.gif') 100% 30% no-repeat;
	padding-right:12px;
	float:left;
}
#new-comment .required input, #new-comment .required textarea, #new-comment .error-message{
	clear:left;
}
#new-comment fieldset label, #new-comment fieldset h4{
	font-family: georgia;
	font-size:1.8em;
	color:#111;
	font-style:normal;
}
#new-comment #connected{}
#new-comment .connected{
	padding:1em 1em 2.2em 2em;
	margin:2em 2em 3em 0;
	position:relative;
}
#new-comment .connected h4{
	margin:0 0 0 3em;
}
#new-comment .connected p{
	margin:.4em 0 0 5em;
	font-family:georgia;
}
#new-comment .connected, #new-comment #connect{
	background:#faffd6;
	border:1px solid #bfbfbf;
}
#new-comment #fbconnected{
	background-color:#6a82b1;
	border-color:#415e9a;
}
#new-comment .connected a{
	color:#111;
}
#new-comment #fbconnected h4, #new-comment #fbconnected a, #new-comment #fbconnected p{
	color:#FFF;
}
#new-comment #connect{
	width:210px;
	margin:1em 2em 0 0;
	padding:1em;
	float:right;
}
#new-comment #fbconnect, #new-comment #fbconnected{
	display:none;
}
#new-comment #connect a, #new-comment #connect h4{
	display:block;
	margin-bottom:.3em;
}
#new-comment #connect a img{
	border:none;
}
#new-comment #details{
	width:290px;
}

/* multi form */
div.multiForm{
	padding:15px 0;
}

#memberManage.multiForm {width: 700px;margin: 0 auto;}

div.multiFormLinks{
	border-bottom:1px solid #f4ff94;
	height:27px;
	padding:0 0 0 10px;
}

#inbox div.multiFormLinks {border-bottom-color: transparent; margin-bottom: 1em;}
div.multiFormLinks ul{

}
div.multiFormLinks li{
	list-style-type:none;
	display:block;
	font-size:1.2em;
	float: left;
	padding-bottom: 0;
}
div.multiFormLinks a{
	float:left;
	text-decoration:none;
	display:block;
	padding:5px 8px 3px 8px;
	height:18px;
	border:1px solid transparent;
	background-color:#f4ff94;
	margin:0 0 0 3px;
	color: #EA9D18;

}

div.multiFormLinks a:hover, div.multiFormLinks a.current, div.multiFormLinks a.current:hover{
	background-color:#f4ff94;
	border: 1px solid #f4ff94;
	color: #EA9D18;
}

div.multiForms{
	padding:0px 0 0 0;
	overflow:hidden;
	clear: both;
}
div.multiForms .form{
	color:inherit;
	background:#FFFFFF;
}

div.multiForms fieldset {margin-top: 0;}



/* Notices and Errors */

div.flashMessages{margin-left: 1.5em; margin-right: 1.5em;
}
/* having diaplys issues in ie6 with these.*/
div.flashMessages div, div.message{
	padding:7px 12px 7px 35px;
	font-size: 12px !important;
	font-size: 14px; /* it dont look as good, but at least the ie6 will see it */
	font-weight:normal !important;
	font-weight:bold; /* it dont look as good, but at least the ie6 will see it */
	margin-bottom:4px;
	font-family: georgia, arial, helvetica, sans-serif;
}

div.flashMessages div h3, div.message h3{
	font-family: georgia, arial, helvetica, sans-serif;
	margin-bottom: .5em;
}

div.flashMessages div p, div.message p, div.flashMessages div li, div.message li{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: .2em;
	margin-top: .2em;
}

div.flashMessages a, div.flashMessages a:link, div.flashMessages a:active, div.flashMessages a:visited {
	color: #2a88ad;
}
div.flashMessages a:hover {
	color: #27b4e1;
}

div.flashMessages div a, div.flashMessages div a:active, div.flashMessages div a:visited{
	text-decoration:inherit;
}

div.flashMessages div a:hover{
}

.message-error, .alert-error{
	color:#B70000;
	background:#FFDFE0 url('/img/icons/error.png') 1% 50% no-repeat;
}

.message-notice, .message-flash, .alert-notice, .alert-flash{
	color:#666666;
	background:#FFFF99 url('/img/icons/notice.png') 1% 50% no-repeat;
}

.message-flash, .alert-flash{
	background:#FFFF99 url('/img/icons/flash.png') 1% 50% no-repeat;
}

.message-success, .alert-success{
	color:#008800;
	background:#E5F4F4 url('/img/icons/success.png') 1% 50% no-repeat;
}

.message-submission p{
	font-family:georgia,arial,helvetica,sans-serif;
}

.message-submission{
	border:1px solid #B70000;
	color:#B70000;
	background:#FFF;
	text-align:center;
	font-family:georgia,arial,helvetica,sans-serif;
	font-weight:normal !important;
}
.message-submission h3{
	margin:0 0 .4em 0;
}
.message-submission p{
	margin:0 0 .4em 0;
	font-size:12px;
}

.error-message {
	clear: both;
	color:#B70000;
	font-weight: bold;
	margin-bottom:0;
}
div.error, .message-submission .error{
	border: 1px solid #B70000;
	background:#FFDFE0;
	padding:.5em;
}
.message-submission .error{
	padding:.2em;
}

div.flashMessages .message-welcome {
	background: #efefef url('/img/peeling-long.gif') bottom right no-repeat;
	padding: 1.5em 30px 1.5em 30px;
	margin-bottom:1em;
	width:540px;
}
.message-welcome h3 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 1em;
}
.message-welcome p {
	line-height:1.2em;
	margin-bottom:1em
}


div.flashMessages .message-access, .message.message-internal, #flashcontent .message-access, .flashcontent .message-access{
	background: #f8ffb9 url('/img/icons/warning.gif') 6px 6px no-repeat;
	padding: 1em 1em 1em 60px;
	border: 2px dashed #d58e12;
}
.message.message-internal{
}

.message-access h3, .message-internal h3{
	color: #d58e12;
	font-weight: normal;
	font-size: 1.9em;
	margin-top: 0;
}

.message-access a.close, .message-internal a.close{
	text-decoration:none;
	font-family: georgia, arial, helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #999;
	padding:.1em .3em .1em .3em;
	display:block;
	float:right;
	font-weight:bold;
	background:#FEC84F;
}

.message.trident4{
	background-image: url('/img/icons/ie.gif');
}





/* "email has been sent" box in registration process */

div.emailsent {background: #fffdb0 url('/img/icons/mailsent-yellow.gif') 10px 70px no-repeat;
	padding: 15px;
	margin-bottom: 30px;
}
div.emailsent p {padding-left: 110px;}
div.emailsent h2 {font-family: georgia, arial, helvetica, sans-serif;
	font-size: 2em; color: #EA9D18; font-weight: normal; font-size: 2.6em; margin-top: 0;
}



/* Start Support - Faqs (Legacy, to be removed once support center is up) */
#support{ /*support page wrapper*/
}
#faqs{ /* faqs wrapper */
}
#faq{ /* faq wrapper */
}
div.faq-group{ /* faq category */
	margin: 0 1em 1em 0;
	padding:.3em 1em .3em 1em;
	background-color: #e5f4f4;
}
a.faq{ /* faq category - faq link */

}
div.faq{ /* actual faq in page */
}
div.faq h2{
}
.mochaContent .content{
	text-align:left;
	padding:.2em 1em 1em 1em;
}
.mochaContent .content p, .mochaContent .content li{
	font-size:1.2em;
}
h3.tog{
	cursor:pointer;
}
/* End Support - Faqs (Legacy) */

/* Start New Support Styles */
.supportCenter a:visited{
	color: #2A88AD;
}
.supportCenter div.faq-group{
	margin: 0 1em 1em 0;
	padding:.3em 1em .3em 1em;
	background-color: #e5f4f4;
}
.supportCenter div.faq-group .left, div.faq-group .right{
	display:block;
	width:45%;
	float:left;
}
.supportCenter div.faq-group h3{
	font-family:georgia,arial,sans-serif;
	font-size:1.8em;
	font-weight:normal;
}
.supportCenter div.faq-only{
	background:#ffffff;
}
.supportCenter #extra{
	padding-top:15px;
}
.supportCenter #extra h2{
	font-size:1.2em;
}
.supportCenter #extra h2 a{
	text-decoration:none;
	margin:0 10px;
	padding:5px 0 5px 2px;
	border-bottom:1px dotted #999999;
	display:block;
}
.supportCenter #extra h2 a:hover{
	color: #27B4E1
}
.supportCenter #extra .box3 a, .supportCenter #extra .box5 a {
	text-decoration:none;
}
.supportCenter #extra .box3 a img{
	border:none;
	margin-bottom:-7px;
	padding-right:3px;
	font-size:10px;
}
.supportCenter #extra .box3{
	background-color:#ffffff;
}
.supportCenter #extra .box4{
	border-top:1px solid #999999;
	padding-left:20px;
}
.supportCenter #extra .box4 p{
	color:#666666;
	padding-left:0;
	font-size:1.1em;
}
.supportCenter #extra .box5 p{
	padding-left:20px;
}
.supportCenter #extra .box6{
	padding:0;
}
.supportCenter #extra .box6 p{
	font-size:1.1em;
	font-style:italic;
}
.supportCenter #extra .box6 .alert{
	border:1px solid #f8d86c;
	background-image: url(/img/icons/support-alert.png);
	background-position: top right;
	margin-bottom:5px;
}
.supportCenter input#shortlink{
	margin:0 0 5px 17px;
	width:225px;
	font-size:12px;
	background: #FFF url(/img/icons/page_link.png) 99% 50% no-repeat;
	padding:4px 3px;
}
/* End New Support Styles */



/* Messaging (Inbox)*/


#inbox .del input {margin:0}
#inbox .del .removeAll {margin-right: .4em;}
#message fieldset {	background-color: #E5F4F4; margin:0 1em 0 1em; padding-bottom: 1.5em; padding-top: 1.0em}
#message fieldset textarea {color: #000; font-size: 1.5em; font-family: arial;}

/**
 * Inbox wrapper
 */
#inbox{
	padding: 0 5em 0 5em;
}

#inboxMulti div.flashMessages {margin-left: 1em; margin-right: 1em;}
#inboxMulti div.multiForms .form {	background-color: #fff;}

#inboxMulti .multiFormLinks a:link, #inboxMulti .multiFormLinks a:visited, #inboxMulti .multiFormLinks a:active, a#reply:link, a#reply:active, a#reply:visited, #message div.submit input {font-size: 1.3em; padding: .2em .4em .2em .4em; border: 1px solid #AAD3E7; color: #216385; float: left; background-color: #B9DFF2; margin-right: .5em; background-image: none; text-decoration: none;}

#inboxMulti .multiFormLinks a:hover, a#reply:hover {
	border: 1px solid #216385;}

#inboxMulti .multiFormLinks a.current {background-color: #F4FF94; color: #f29c4c; border: 1px solid #eef991}

#inboxMulti a#reply {background: #B9DFF2 url('/img/icons/reply.gif') 3px 4px no-repeat; padding-left: 20px; display: block;}

#inboxMulti h3 {margin-left: 1em;}

/**
 * Inbox view all messages
 */
div.message-index{
	padding:1em;
}

/**
 * Message
 */
div.message-index div.thread{
	border:1px solid #ddd;
	background-color: #fff;
	font-size:1.4em;
	margin-bottom:-1px;
}

/**
 * Inbox head strip
 */
div.message-index div.head{
	padding:.3em;
	border-bottom:none;
	padding: 8px 4px 8px 4px;
	font-size:14px;
	margin-bottom:-1px;
	font-family: arial, helvetica, sans-serif; font-weight: bold;
	background-color: #E5F4F4;
}
div.message-index div.head a{
	padding:0;
}

/**
 * Inbox sub head
 */
div.message-index div.sub{

	background-color: #E5F4F4;
	font-size:120%;
	margin-bottom:-1px;
	padding: 0; /*.3em 0 .3em .3em; */
	border: 1px solid transparent;
	height: 30px;
}

/**
 * Message
 */
div.message-index div.thread{

}

/**
 * Alt Message
 */
div.message-index div.alt{
	background:#f9f9f9;
}
/**
 * Support Message
 */
div.message-index div.supportsuite{

}
/**
 * Forum message
 */
div.message-index div.forum{

}
/**
 * Unread message
 */
div.message-index div.unread{
	font-weight:bold;

}

/**
 * Message anchor states
 */
div.message-index div a{
	display:block;
	padding:.4em .3em .4em .3em;
	color:#000;
	text-decoration: none;
}
div.message-index div a:visited{
	color:#000;
}

div.message-index div a:hover{background-color: #E5F4F4;}

div.message-index div.unread a{
	color: #000;
}

div.message-index div.unread a:visited{
	color: #000;
}

/**
 * Message components
 */
div.message-index span.from{
	float:left;
	width:12em;
}
div.message-index span.subject{
}
div.message-index span.date{
	float:right;
	padding-right:1em;
	/* font-size: .9em;  dunno where this came from */
}

div.message-index span.del, #toolReports span.del{
	float:right;
	width:50px;
	padding-top: 7px;
}

div.message-index .head span.del, #toolReports .head span.del {padding-top: 0;}



/**
 * Inbox view message thread
 */
div.message-view{
	padding:1em;
}

/**
 * message in thread
 */
div.message-view div.thread{
	border:1px solid #DDD;
	font-size:120%;
	margin-bottom:15px;
	background:#fff;
}

/**
 * alt message in thread
 */
div.message-view div.alt{
	background:#f9f9f9;
}

/**
 * forum message in thread
 */
div.message-view div.forum{

}

/**
 * support message in thread
 */
div.message-view div.supportsuite{

}

/**
 * unread message in thread
 */
div.message-view div.unread{

}

/**
 * latest message in thread
 */
div.message-view div.current{

}

/**
 * message head
 */
div.message-view div.thread div.head{
	border-bottom:1px solid #DDD;
	padding:.3em;
	background-color: #E5F4F4;
	font-weight: bold;
	font-size: 1.2em;
}

div.message-view div.thread div.head span.date {font-weight: normal;}

/**
 * message content
 */
div.message-view div.thread div.content{

}

/**
 * Message components
 */
div.message-view span.from{
	float:left;
	margin: 0 2em 0 1em;
	width: 10em;

}
div.message-view span.subject{
}

div.message-view span.date{
	float:right;
	padding-right:1em;
}

div.message-view span.del{
	float:right;
	width:3em;
}

/* social bookmarking and comments bar */

div.foot {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #eee;
	padding: 5px;
	background-color: #f8f8f8;
	height: 1.7em; /* this might mess things up if there's more than just the bookmarking icons in here, but the div.clear isn't working for some reason... */
}

p.feedback {
	background: transparent url('/img/icons/comments.gif') center left no-repeat;
	padding-left: 30px;
	float: right;
	margin: 0 0 0 12px;
}

img.bookmark, .blog .post img.bookmark {
	border: none;
	float: left;
	margin: 0 0 0 12px;
}

.socialButtonWrapperSmall{
	width:120px;
	float:left;
	min-height:25px;
}
.socialButtonWrapper{
	width:80px;
	float:left;
	min-height:65px;
}
.socialButtonWidget{
	position:relative;
	width:80px;
	float:left;
	clear:left;
	margin-left:0;
	padding-left:0;
	text-align:left;
	margin-bottom:4px;
}
.socialButtonWrapperSmall .socialButtonWidget{
	margin-bottom:8px;
}
.blog .socialButtonWidget img{
	margin:0;
}



/* alternating background colours -- forum, blog and article comments */

.bg1	{
	background-color: #f0f5f7;
	border: 1px solid #e6f0f2;
}

.bg2	{
	background-color: #f8f9f5;
	border: 1px solid #f3f3f3;
}

.bg3	{
	background-color: #cadceb;
}


/* The "about us" page */

ul#staffpics {width: 260px; margin: 0 auto;}
.narrow ul#staffpics li {list-style-type: none; list-style-image: none; float: left; margin: 0; padding: 0 .5em 0 0;}

#extra.aboutus img {display: block; margin-bottom: 1em; border: 2px solid #ccc;}

/* testimonials */

.testimonial {background: #efefef url('/img/peeling-long.gif') bottom right no-repeat; padding: 1.5em 3em 1.5em 3em; margin-bottom: 1em;}
.testimonial h3 {font-family: georgia, arial, helvetica, sans-serif; font-size: 2em; font-weight: normal; margin-bottom: 1.0em;}
.testimonial .headshot {float: left; margin-right: 2em; border: 3px solid #ccc;}
.testimonial p {font-family: georgia, arial, helvetica, sans-serif;}



/* ajax loading bits */
.loadbar, a.loadbar{
	color:#BBBBBB;
	padding-left:36px;
	background: #fff url('/img/loader.gif') 0% 50% no-repeat;
	text-decoration:none;
}




/* mce styles */

/*<--EditorBlock-->*/
.highlight {background-color:#fdfd7d;}
.img-float-left {border: 3px solid #ccc; float: left; margin: 15px 15px 15px 0px;}
.img-float-right {border: 3px solid #ccc; float: right; margin: 15px 0px 15px 15px;}
.img-center {border: 3px solid #ccc; display: block; margin: 15px auto; clear: both;}

.code {font-family: "courier new", courier, monospace; }
.codeblock {font-size: 1.5em; margin: .5em 4em .5em 2em; padding: .5em 1em .5em 3em; background-color: #e5f4f4; background-image: url('/img/icons/code-blue.gif'); background-position: 8px 8px; background-repeat: no-repeat; display: block; font-family: "courier new", courier, monospace; clear: both;}
.example {margin: .5em 4em .5em 2em; padding: .5em 1em .5em 3em; background-color: #f8ffb9; background-image: url('/img/icons/example.gif'); background-position: 8px 8px; background-repeat: no-repeat; display: block; font-family: "courier new", courier, monospace; clear: both;}
.highlight {background-color:#fdfd7d;}

.photo-credit {font-size: 9px; color: #ccc;}
.photo-credit a {color: #ccc;}

body.mceContentBody p, body.mceContentBody li {
font-size: 14px;
}
.mceContentBody p, body.mceContentBody li {
font-size: 14px !important; /* FF requires a important here */


}

/*</--EditorBlock-->*/


/* jobs page */

.postit {background: #fffdb0 url('/img/peeling3.gif') right bottom no-repeat;
width: 240px;
padding: 0em 1.5em 2em 1.5em;
float: left;
margin-right: 3em;}

.postit p {font-family: "courier new", courier, monospace; line-height: 1.2em; font-size: 14px;}
.postit h3 {font-family: georgia; color: #d58e12; font-weight: bold;}
.postit h3.pin1 {background: transparent url('/img/pin.gif') center top no-repeat; padding-top: 55px; position: relative; bottom: 15px; margin-bottom: -10px;}

.postit h3.pin2 {background: transparent url('/img/pin2.gif') 130px 0px no-repeat; padding-top: 55px; position: relative; bottom: 15px; margin-bottom: -10px;}

.postit a:link, .postit a:visited, .postit a:active {color: #d58e12;}
.postit a:hover {color:#f19410 ;}


/* advanced page */

/* professional page */
#compare h1, #compare h2, #compare h3, #compare p {margin: 0; padding: 0;}
#compare tr td {background-color: #f4f4f4; border-bottom: 1px solid white; border-right: 1px solid white; text-align: center; font-size: 14px;}
#compare tr.alt td {background-color: #e9e9e9;}

#compare h2, #compare h3 {font-family: georgia, arial, helvetica, sans-serif;}
#compare tr.section td {background-color: #ccc; border-top: 10px solid white;}
#compare tr.section td.title {text-align: left; padding-left: 10px;}
#compare tr.section td h2 {font-size: 14px; color: black;}
#compare tr.section td h3 {font-size: 14px; margin: 0; padding: 4px; line-height: 110%;}

#compare {margin: 10px auto 20px auto; clear: both; width: 600px;}
#compare td.feature {width: 350px; border-right: 1px solid white; padding: 10px; text-align: left;}
#compare td h3 {font-weight: bold; font-size: 12px; color: black;}
#compare td p {font-size: 11px;}
#compare td.no, #compare td.yes {width: 100px; height: 50px; overflow: hidden; background-position: center center; background-repeat: no-repeat; text-align: center;}
#compare tr.alt td.no {background-image: url(/img/icons/table-no.png)}
#compare tr.alt td.yes {background-image: url(/img/icons/table-yes.png)}
#compare td.no {background-image: url(/img/icons/table-no.png)}
#compare td.yes {background-image: url(/img/icons/table-yes.png); border-right: 1px solid white;}
#compare td.yes span, #compare td.no span {display: none;}
#compare tr.nada td {background-color: white; border: 0;padding-top: 8px;}

#compare a img {border: 0;}


#buymenow {background-color: #cfeef8;
	padding: .5em 3em 2em 3em; width: auto;
	font-family: georgia, arial, sans-serif;
	margin-bottom: .8em; margin: 2em auto;
	border: 3px dashed #5a9eb5;
}

#buymenow p {font-size: 16px; color: #1a637b;}

#buymenow h1 {font-size:38px; color: #5a9eb5; font-weight: normal; text-align: center; line-height: 120%;}

h1.premium1 {padding-bottom: .5em;}

.satisfaction {background: white url('/img/premium/certificate.jpg') center center no-repeat; width: 396px; height: 146px; padding: 40px 150px 30px 60px; margin: 20px auto;}
.satisfaction h1 {font-size: 20px;}

#addtocart a {width: 188px; height: 49px; overflow: hidden; display: block; margin: 15px auto 0 auto;}
#addtocart a:link,#addtocart a:visited  {background: transparent url('/img/premium/addtocart-double.png') 0px 0px no-repeat;}
#addtocart a:hover {background: transparent url('/img/premium/addtocart-double.png') 0px -49px no-repeat;}

/* affiliate pages */
.affTable {
	border-spacing: 0px;
}

.affTable, #extra #MemberLoginFormA {
	background-color: #f4f4f4; /* #E5F4F4; */
	border: 1px solid #d4d4d4;
	font-size:1.2em;
	padding:0px;
	margin-bottom: 30px;
}

div.affTable {padding: 15px; margin: 0 auto 30px auto;}

.affTable td {padding: 5px;}
.affTable th {font-size: 1.2em; font-weight: normal; border-bottom: 1px solid #d4d4d4; padding: 2px;}

.affTable input, .affTable textarea, #extra #MemberLoginFormA input {
	margin-bottom: 10px;
	font-size: 1.0em;
}
.affTable label, #extra #MemberLoginFormA label {
	font-size: 1.0em;
}
.affTable .right {
	text-align: right;
	padding-right: 2px;
	border-left: 1px solid #d4d4d4;
}
.affTable .left {
	text-align: left;
	padding-left: 2px;
	border-left: 1px solid #d4d4d4;
}

.affTable tfoot {
	background-color: #e4e4e4;
}
.affTable td.noactivity {text-align: center; padding: 1em 0 1em 0;}

.affTable div { display: inline;}

.affTableForm div  { display: block;}

.affTable #AffiliateAffiliatelink, .affTable #affLinkForm select {
	display: inline;
}

#affLinkForm {
	width: 100%;
}

.affTable #affLinkForm select, #AffiliateRangeForm select {
	font-size:13px;
	padding:2px;
	float:left;
	margin-right:5px;
}

.affTable #AffiliateAffiliatelink {
	width: 265px;
	margin-left: 5px;
	padding: 4px 3px;
}

.affTable #affLinkForm input, .affTable #affLinkForm textarea {
	display: inline;
}

.affTable .affAdditional{
	border-bottom: 1px solid #d4d4d4;
	padding-bottom:10px;
	margin-bottom:10px;
}
.affTable .affAdditional.last{
	border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;
}
.affTable #affAdditional{
	display:none;
}

.affTable .delAffiliate {
	float:right;
	margin-right:5px;
}


#extra #MemberLoginFormA {width: 200px; padding: 15px;}
#extra h3 {font-family: georgia, arial, helvetica, sans-serif; font-weight: normal; font-size: 1.4em; padding-bottom: .8em;}

.bonusbox {background-color: #f4f4f4; padding: 15px;}
.bonusbox .affcode {margin-right: 80px; float: right; width: 320px; margin-top: 30px;}
.bonusbox img {padding: 10px;}
.bonusbox textarea { font-family: "courier new", courier, monospace;}


/* phpbb3 overides for feedback window */
#phpbb div.mochaTitlebar h3{
	border-bottom:none;
	text-transform:none;
}

div.checkbox label {width: auto; display: inline;}

/* Afterpurchase product list */
#prod_wrap {
	width:595px;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#prod_shadow {
	/*background:url(/img/shadow.gif) top center; */
	width:588px; height:20px;
}
.prod_box {
	width:582px;
	padding:5px;
	border:solid #DDDDDD;
	border-width:0 1px 1px 1px;
	background:#F2F2F2;
	position:relative;
}
.prod_head {
	border-width:1px;
}
.prod_head h3{
	margin:0;
}
.prod_box span.productsToggle, #promotedInfo span.productsToggle{
	border:1px solid #DDDDDD;
	color:#21799F;
	position:absolute;
	top:.4em;
	right:.4em;
	font-family: georgia, arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	line-height:1em;
	padding:0 .3em .2em .3em;
	font-variant:small-caps;
	text-align:center;
	cursor:pointer;
	width:10px;
}
.prod_box h3 a{
	display:block;
	padding:0 0 0 1em;
}
.prod_box a,
.prod_box a:link,
.prod_box a:active,
.prod_boxa:visited,
.prod_box h3 a:hover{
	color:#21799F;
	text-decoration:none;
	outline:none;
}
.prod_box a:hover{
	text-decoration:underline;
}
.prod_row {
	position: relative;
	padding: 5px 0;
}
.prod {
	width: 145px;
	margin: 0;
	display: inline-block;
}
#AfterPurchase .prod{
	width:140px;
}
/* IE7 (also FF2) doesn't support inline-block and just lists the products
 * in one verticle column. We support float because it doesn't look BAD,
 * just not as good as inline-block does (IE8, FF3, chrome, opera, safari, etc)
 */
*:first-child+html .prod { display:inline; }
* html .prod { display:inline; }
/* FF2 * FF3*/
.prod, x:-moz-any-link { float:left; }
/* put FF3 back */
.prod, x:-moz-any-link, x:default { float:none; }
.prod_title {
	width:145px;
	overflow: hidden;
	position: relative;
	min-height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 15px;
	text-align:center;
	font-weight:bold;
}
.prod_icon {
	margin:3px auto;
	width:92px;
	height:92px;
	/*background:url(/img/prod_shadow.png) top left no-repeat; */
}
.prod_icon img {
	border:2px solid #DDDDDD;
	background:#999;
}
.disabled .prod_icon img {
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity = 50);
}
.disabled .prod_icon a:hover img {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter: alpha(opacity = 100);
}
.prod_access {
	text-align:center;
	font-size:9px;
	color:#006600;
	font-weight:bold;
}
/*products product lists & promo*/
#promotedInfo, #purchaseInfo {background-color: #fffdb0; padding:15px; position:relative}

#promotedInfo p, #purchaseInfo p, #promotedInfo li{font-size:12px;}

/* premium list images */
.premlist li { list-style-type:none; list-style-image: none;}
.premium_content { background:url(/img/premium/premium_content.gif) top left no-repeat;  padding-left:75px; }
.more_tools { background:url(/img/premium/more_tools.gif) top left no-repeat; padding-left:75px; }
.free_support { background:url(/img/premium/free_support.gif) top left no-repeat; padding-left:75px; }
.video_downloads { background: url(/img/premium/video_download.gif) top left no-repeat; padding-left:75px; }
.risk_free { background: url(/img/premium/risk_free.gif) top left no-repeat; padding-left:75px; }
.road_maps { background: url(/img/premium/road_map.gif) top left no-repeat; padding-left:75px; }
.market_month { background:url(/img/premium/market_month.gif) top left no-repeat; padding-left:75px; }
.tele_seminar { background: url(/img/premium/tele_seminar.gif) top left no-repeat; padding-left:75px; }
.ask_a_geek { background: url(/img/premium/ask_a_geek.png) top left no-repeat; padding-left:75px; }
.link_to_me { background: url(/img/premium/link_to_me.png) top left no-repeat; padding-left:75px; }
.covert_tactics { background: url(/img/premium/covert_tactics.png) top left no-repeat; padding-left:75px; }

/* affiloblueprint prelaunch -- this should go somewhere else! */
div#prelaunchoptin {background-color: #e2edf3; border: 2px solid #d2e4ee; padding: 15px; margin: 0 auto;}
#prelaunchoptin .field {margin: 8px auto; width: 70%; padding: 3px;}
#prelaunchoptin .fancysubmit {margin: 8px auto; cursor: pointer;}

/**
 * Affiloblueprint
 */
.blue, .yellow, .greybox, .whitebox {
	padding: 20px;
	margin-top: 10px;
}
.blue h1 { color: #21799f; }

.blue h1 a, .yellow h1 a, .greybox h1 a, .whitebox h1 a { font-size: 18px; }

.blue img, .yellow img, .greybox img, .whitebox img { border-width:0; vertical-align: top; }

div#affiloblueprint2-download-all .blue div, div#affiloblueprint2-download-all .yellow div { display:inline-block; }

div#affiloblueprint2-download-all { margin-bottom: 30px; }

div#affiloblueprint2-download-all div.blue{ display:inline-block; margin:0; }

div#affiloblueprint2-download-all div.blue { padding:15px 35px 0px 10px; }

div#affiloblueprint2-download-all h1, div#affiloblueprint2-download-all a { margin-top:0; padding-top:0; line-height:1em; }

div#affiloblueprint2-download-all .blue p { margin-bottom: 1.0em; line-height: 0.8em; font-size: 12px; }

.yellow {
	background-color: #fffdb0;
}

.greybox {
	background-color: #f2f2f2;
}

.blue {
	background-color: #e5f4f4;
}
.whitebox {
	background-color: #ffffff;
}

.box {
	padding: 1em;
	font-size: 1.2em;
}
.homework {
	width:auto;
	position:relative;
}
.homework input[type=checkbox] {
	z-index:2;
	width:15px; height:15px;
	margin:0; padding:0px;
	position:absolute;
	margin-top:1px;
}

.homework .tick {
	z-index:1;
	margin:-2px; padding:0;
	border:0px solid red;
	position:absolute;
	width: 19px;
	height: 14px;
	background-image:none;
	margin-top:1px;
}

.homework p {
	margin-left: 30px;
	display:inline;
}

.homework.done p, homework:hover p {
	text-decoration:line-through;
}

.box1.snippet img {
	border:0;
	padding: 0 10px;
}
.affiloblueprint-addtocart#addtocart a {
	width: 92px !important;
	height: 24px !important;
}
.affiloblueprint-addtocart#addtocart a {
	background-image: url('/img/blueprint/addtocart-double.png');
}
.affiloblueprint-addtocart#addtocart a:hover {
	background-position: bottom;
}

/**
 * Premium Specific
 */

#premiumContainer img {
	margin-right: 1em;
}
#premiumContainer .snippet {
	margin-bottom: 100px;
}
#premiumContainer .snippet h2 {margin-top:0px;}
#premiumContainer .snippet * {margin-left:0px;}
#premiumContainer .snippet .links {
	font-size: 14px;
	position: relative;
	margin-top: 1em;
	float: left;
}
#premiumContainer .snippet .links div {
	float: left;
	margin-top: 15px;
	width: 250px;
}
#premiumContainer .snippet .links div.clear {
	float: none;
	margin: 0px;
}

#premiumContainer .locked {
	position:relative;
}
#premiumContainer .locked img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#premiumContainer .locked .lockedOverlay {
	background-color: red;
	color: #a7381d;
	position: absolute;
	left:20px; top:20px;
	width: 124px;
	margin: 20px;
	font-family: georgia,arial,sans-serif;
	height: 101px;
	overflow: hidden;
	white-space:nowrap;
}
#premiumContainer .locked .lockedOverlay div {
	color: white;
	position: absolute;
	left:0; top:0;
	font-size: 18px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

/**
 * Premium hosting
 */

	#hosting_plan_details li {
		min-height: 16px !important;
	}

	.hosting .lessons {
		margin-top: 45px;
	}

	.hosting fieldset div>a.fancy {
		display:block;
		float: right;
		margin: 0;
		padding: 5px 10px;
		text-align: center;

		/* Make them the same as the submit */
		font-size: 14px;
		height: 15px;
		border: 1px solid #dddddd;
	}

	.hosting fieldset div.domain label {
		width: 280px;
		float: left;
	}

	.hosting fieldset div.domain label a img {
		border: 0;
	}

	.hosting fieldset .input {
		width: 69%;
		float: left;
	}

	.hosting fieldset div.submit {
		width: 20%;
		float: right;
	}

	.hosting fieldset div.submit input {
		float: right;
	}

	.hosting fieldset div.submit input:hover {
		background-image: none;
		background-color: #f68318;
	}

	.hosting fieldset div.clear {
		height:0; font-size:0; line-height:0; margin:0; padding:0;
	}


/*new a based buttons as seen in Tools 2.0*/
a.aButton{
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	width:143px;
	padding:6px 0 0 7px;
	height:27px;
	background:url(/img/abutton.png) left top no-repeat;
	margin:5px 7px 0 0;
	/*position:relative;*/
	position:static;
}
a.aButton span{
	float:right;
	margin-top:-6px;
	margin-right:-7px;
	width:7px;
	height:33px;
	background:url(/img/abutton.png) right top no-repeat;
}
a.aButton.shadow{
	text-shadow:0.5px 0.5px 1px #666;
}
a.aButton.shadow:hover{
	text-shadow:0.5px 0.5px 1px #111;
}
a.aButton.small{
	font-size:14px;
	width:77px;
	padding:3px 0 0 3px;
	height:22px;
	margin:5px 3px 0 0;
	background-image:url(/img/abutton-small.png);
}
a.aButton.small span{
	margin-top:-3px;
	margin-right:-4px;
	width:4px;
	height:25px;
	background-image:url(/img/abutton-small.png);
}
a.aButton.grey{
	color:#1E1E1E;
}
a.aButton.grey, a.aButton.grey span{
	background-image:url(/img/abutton-grey.png);
}
a.aButton.small.grey, a.aButton.small.grey span{
	background-image:url(/img/abutton-small-grey.png);
}
a.aButton:hover {
	background-position: left bottom;
}
a.aButton:hover span{
	background-position: right bottom;
}
a.aButton.inline{
	margin-top:-5px;
}
a.arrowButtonBlue{
	background:#00769F;
	height:14px;
	padding:4px 4px 0 4px;
	position:relative;
	margin:5px 9px 0 0;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	width:70px;
}
a.arrowButtonBlue span{
	position:absolute;
	right:-9px;
	top:0;
	display:block;
	width:9px;
	height:18px;
	background:url(/img/arrow-button-blue.png) right top no-repeat;
}


div.fieldsetSection{
	background-color:#FFF;
	border:1px solid #DDD;
	padding:30px 20px 20px 20px;
	margin-top:15px;
}
div.fieldsetSection h2.legend, div.fieldsetSection h1.legend{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #21799f;
	font-size: 18px;
	line-height: 120%;
	background-color:#FFF;
	background-position:2% 0%;
	background-repeat:no-repeat;
	float:left;
	margin: -45px 0 0 -22px;
	padding:4px 10px 14px 45px;
}

#beforePurchase #prePurchase{
	margin:0 3em 0 1em;
}
#beforePurchase .content.narrow{
	width:580px;
}
#beforePurchase #extra{
	margin-top:24px;
	width:300px;
}
#beforePurchase #extra h3{
	font-weight:bold;
}
#beforePurchase fieldset{
	background:none;
	padding:10px 100px 0 40px;
}
#beforePurchase label{
	font-weight:bold;
}
#beforePurchase table.cart{
	width:100%;
}
#beforePurchase table.cart th{
	font-size:14px;
	font-wight:bold;
	padding:5px 5px 10px 5px;
}
#beforePurchase table.cart td{
	font-size:14px;
	padding:8px;
}
#beforePurchase table.cart tr.alt td{
	/*background-color:#f2f2f2;*/
}
#beforePurchase table.cart tr.total td{
	border-top:1px solid #DDD;
	padding-top:10px;
}

/* these should be up in the sheet, minimalised orange button, new green button */
a.greenButton, a.orangeButton{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	padding:4px 20px;
	margin: 20px 10px 10px 0;
	border:1px solid #6c8201;
	color:#FFF;
	background:#6c8201 url(/img/greenbuuton.gif) 0% 0% repeat-x;
	text-decoration:none;
	float:left;
}

a.orangeButton{
	background:#F29C4C url('/img/orangebutton.gif') 0% 100% repeat-x;
	border:1px solid #FFA30F;
}

/* AffiloJetpack*/

.jetpackTable{
	margin-bottom:40px;
	padding:15px 4px 4px 4px;
}

.jetpackTable table{
	width:100%;
	border:none;
	border-collapse:collapse;
}

.jetpackTable table td {
	padding:.3em;
	font-size:14px;
}

.jetpackTable table td.detail{
	font-weight:bold;
}

.jetpackTable table tr.alt td{
	background:#F5FAFA;
}

.jetpackTable h2{
	margin-top:0;
	margin-left:.7em;
}

.jetpackTable h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding-left:.9em;
}

.jetpackTable h3 {
	color:#000;
}

.jetpackTable a.buyMore{
	float:right;
}

.jetpackTable a.unlock {
	font-size:14px;
	margin: 0;
	padding:3px 15px;
}

#jetpack{}

#jetpackNiche{}

#jetpackNiche .snippet{
	text-align:center;
}

#jetpackNiche .snippet p{
	margin-left:0;
}

#jetpackNiche .snippet h3.h1{
	margin:0;
}

#jetpackNiche .snippet h4.h1{
	font-size:20px;
	font-style:normal;
}

#jetpackNiche .snippet a.greenButton, #jetpackNiche .snippet a.orangeButton{}

#jetpack #productWelcome{
	border-width:1px;
	width:auto;
	padding:15px;
	margin-bottom:10px;
	min-height:400px;
}

#jetpackHostingMulti .multiFormLinks a.tab, #jetpackHostingMulti .multiFormLinks a.tabinactive{
	font-size:14px;
	color:#21799F;
	margin-right:5px;
}

#jetpackHostingMulti .multiFormLinks a.tabinactive{
	color:#DDD;
	background-color:#EFEFEF;
}

#jetpackHostingMulti .multiFormLinks a.current{
	background-color:#F8FFB9;
}

#jetpackHosting input[type=text], #jetpackHosting input[type=password]{
	width:300px;
}

#jetpackHosting label{
	margin-bottom:5px;
}

#jetpackHosting div.hintShowing label{
	font-weight:bold;
}

#jetpackHosting .input p{
	margin-bottom:0;
}

#jetpackHosting #HostedDomainEmail{
	width:80px;
	float:left;
	text-align:right;
	margin-right:3px;
}

#jetpackHosting #HostedDomainDomain {
	width:230px;
}

#BonusClaim{
	width:630px;
	margin: 0 auto;
}
#BonusClaim p{
	margin:1em 0;
}