/******************** GENERAL STUFF **********************************/
html {background: #f7f6f2;}
body {font: 12px/15px "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; background: #f7f6f2;}

h1 {font-size: 27px; line-height:30px;font-weight:bold;margin-bottom:12px;}
h2 {font-size: 24px; line-height:27px;font-weight:bold;margin-bottom:12px;}
h3 {font-size: 21px; line-height:24px;font-weight:bold;margin-bottom:9px;}
h4 {font-size: 18px; line-height:21px;font-weight:bold;margin-bottom:6px;}
h5 {font-size: 15px; line-height:18px;font-weight:bold;margin-bottom:6px;}

a { color: #20358c; } /* #339 */
a:hover {text-decoration:none;}

strong {font-weight:bold;}

em {font-style: italic;}

.spinner { position: absolute; opacity: 0.9; filter: alpha(opacity=90); z-index: 999; background: #fff;}
.spinner-msg { text-align: center;font-weight: bold; }
.spinner-img { background: url(../img/utils/spinner.gif) no-repeat;width: 24px;height: 24px;margin: 0 auto; }

p.error {color:red; font-style:italic;}


/******************** PAGE FRAME **********************************/
.pagecontainer {width: 888px; margin: 9px auto 0 auto; }

/* this won't appear very often */
.sitealert { border: 1px solid red; height: 16px; padding: 4px; color: red; font-weight: bold;margin: 4px 0 12px 0; background-color:#fecccc; }

.pageheader {height:72px; background:#f7f6f2; }

.pageheader .utils { height: 23px; }
.pageheader .utils li { float:right; margin-right: 6px; padding-right: 6px; border-right: 1px dotted #666; }
.pageheader .utils li.first {border: 0; margin-right:0; padding: 0; }
.pageheader .utils li.cart { border: 0; background: url(../img/utils/cart.gif) no-repeat 26px 0;padding-right: 26px;}
.pageheader .utils li a { font-weight:bold; color: #666; text-decoration: none; }
.pageheader .utils li a.logout {font-weight:normal;}
.pageheader .utils li a:hover { text-decoration: underline; color: #8abfe0; }


.pageheader .headerleft {float:left; width: 324px; height:47px; }
.pageheader img.logo { width: 324px; height: 47px; display:block; } /* margin-top: 20px; */

.pageheader .links {float:right; width: 550px; height:47px; text-align:right;padding:0;margin:0; }
.pageheader .tabs { margin-top:23px; }
.pageheader .tabs li {float:right; margin: 0;padding: 0; }

.pageheader .tabs li a { display:block; height: 12px; padding: 5px 12px 7px 12px; margin: 0 0 0 3px; font-weight:bold; color:#fff; text-decoration:none; }
.pageheader .tabs li a.professional {background: url('../img/nav/bg-professional.gif') repeat-x scroll left top transparent; }
.pageheader .tabs li a.parenting {background: url('../img/nav/bg-parenting.gif') repeat-x scroll left top transparent; }
.pageheader .tabs li a.adopting {background: url('../img/nav/bg-adopting.gif') repeat-x scroll left top transparent; }
.pageheader .tabs li a.catalog {background: url('../img/nav/bg-search.gif') repeat-x scroll left top transparent; }
.pageheader .tabs li a:hover { text-decoration:underline; }
.pageheader .tabs li.welcome { padding:0; }
.pageheader .tabs li.welcome a { font-weight:bold; color:red;}

.pageheader .tabs li.community { padding:0; }
.pageheader .tabs li.community a { font-weight:bold; color:#666;}


.pagebody {border: 1px solid #bbb; height: 350px; overflow:visible; background-color:#fff; padding: 6px;}
html > body > div.pagecontainer > div.pagebody {height:auto; min-height: 350px;}
.pagebody p, .pagebody ul {margin-bottom: 6px;}
.pagebody ul li {margin-left: 18px;list-style: disc outside none;}
.pagebody ol li {margin-left: 18px;list-style: decimal outside none;}


div.footer {margin: 0 12px 20px 12px; padding-top: 6px;}
div.footer div.copy { float:left; width: 300px; }
div.footer div.copyright {float:left; color: #999; font-size: 10px; line-height: 12px;}
div.footer ul.links {margin-bottom: 9px; }
div.footer ul.links li {float: left; margin-right: 9px; }
div.footer ul.links li a {color: #666; text-decoration: none; font-size: 10px;}
div.footer ul.links li a:hover {text-decoration: underline; }
div.footer div.badges {float:right; width: 500px; text-align: right; }
div.footer div.badges a, div.footer div.badges span { display:block; float:right; margin: 0 0 0 6px; }

/* div.footer div.badges a.scanalert { margin: 0 0 0 0; } */
div.footer div.badges span.trustwave { margin: -2px 0 0 0; }


div.devnotice {width: 200px; position:fixed; top:0;left:0; padding: 6px; font-weight: bold; border: 1px solid black; background-color:red;}
div.devinfo {width: 500px; position:fixed; top:0;left:0; border: 1px solid black; background-color:yellow;}


.faq {}
.faq .questions li { margin-bottom: 6px; }
.faq .questions li a { font-size: 14px; line-height: 17px; }
.faq .answers dt {border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 9px; font-size: 14px; line-height: 17px; }
.faq dd {font-size: 13px;}



/***************************** MARKETING PAGES CONTENT *******************************/
.breadcrumb { font-size:11px; line-height:14px; color: #666; margin-bottom: 12px; }
.breadcrumb a { color: #666; }


.green_bg 	{ background: #a6c99d url(../img/design/green_bg.gif) left top repeat-x; }
.purple_bg 	{ background: #8997d0 url(../img/design/purple_bg.gif) left top repeat-x; }
.blue_bg 	{ background: #8dc1ef url(../img/design/blue_bg.gif) left top repeat-x; }
.red_bg 	{ background: #e4b19c url(../img/design/red_bg.gif) left top repeat-x; }
.grey_bg 	{ background: #cecfcf url(../img/design/grey_bg.gif) left top repeat-x; }
.orange_bg 	{ background: #f4ddb2 url(../img/design/orange_bg.gif) left top repeat-x; border-bottom: 1px solid #ffffff; }
.teal_bg 	{ background: #97caca url(../img/design/teal_bg.gif) left top repeat-x; border-bottom: 1px solid #ffffff; }


/**** column frames (three- and two-column) */
/* swiped from:
http://www.vanseodesign.com/css/equal-height-columns/
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
*/
.threecol.container {float:left; width: 874px; position:relative;}
.threecol.container.outer { overflow:hidden; background: #eee0c1; }
.threecol.container.middle {background: white; right: 220px; }
.threecol.container.inner { right: 456px; } /* backgrounds specified below */

.threecol.content { float:left; position: relative; left: 676px; }
.threecol.content.left { width: 198px; }
.threecol.content.center { width: 456px; }
.threecol.content.right { width: 220px; }

.twocol.container {float:left; width: 874px; position:relative;}
.twocol.container.outer { overflow:hidden; background: #eee0c1; }
.twocol.container.inner { background:white; right: 220px; }

.twocol.content { float:left; position: relative; left: 220px; }
.twocol.content.center { width: 654px; }
.twocol.content.right { width: 220px; }

.onecol.container {width:874px; }

/* backgrounds */
.course 		.container.inner { background: #A6C99D url(../img/design/green_bg.gif) left top repeat-x; }
.adopting 		.container.inner { background: #8997d0 url(../img/design/purple_bg.gif) left top repeat-x; }
.parenting 		.container.inner { background: #FBD8CA url(../img/design/red_bg.gif) left top repeat-x; }
.professionals 	.container.inner { background: #C2DDF7 url(../img/design/blue_bg.gif) left top repeat-x; }
.company 		.container.inner { background: #dfdfdf url(../img/design/grey_bg.gif) left top repeat-x; }

.course.landing	.container.inner { background: #fff; }

.content .centercontent {padding: 0 12px 12px 12px; min-height: 400px; }
.content .railcontent { padding: 12px 10px; }
.content .railcontent.checkout { padding: 12px 6px; }


	/* left rail */
	.content.left .railcontent {padding: 17px 0 12px 0; }
	.content.left h4 {color: #fff; margin-left: 18px; }
	.content.left ul {margin: 0;padding:0;}
	.content.left ul li {list-style-type: none; margin: 0;padding:0;}
	.content.left a { display:block; border-top: 1px solid white; padding: 9px 18px; text-decoration:none; color: #000; }
	.content.left a.last { border-bottom: 1px solid white; }
	.content.left a:hover { color:#fff; }
	.content.left .railcontent .didyouknow {
		margin: 18px 12px;
		border: 1px solid #ddd;
		padding: 9px 18px 9px 9px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		box-shadow:inset 0 0 10px #cecece;
		-moz-box-shadow:inset 0 0 10px #cecece;
		-webkit-box-shadow:inset 0 0 10px #cecece;
		background-color:#fff;
	}

	.course 		.content.left a:hover, .course 			.content.left a.current { color: #fff; background-color: #80A477; }
	.adopting 		.content.left a:hover, .adopting 		.content.left a.current { color: #fff; background-color: #4457A3; }
	.parenting 		.content.left a:hover, .parenting 		.content.left a.current { color: #fff; background-color: #AB4F2A; }
	.professionals 	.content.left a:hover, .professionals 	.content.left a.current { color: #fff; background-color: #4A88C5; }
	.company 		.content.left a:hover, .company 		.content.left a.current { color: #fff; background-color: #b7b7b7; }

	.content.left .railcontent .didyouknow h5 {font-style:italic; }
	.content.left .railcontent .didyouknow p {font-style:italic; }
	.content.left .railcontent .didyouknow a { display:inline;border:0;padding:0;font-weight:bold;color:inherit; }
	.content.left .railcontent .didyouknow a:hover {color:inherit;background-color: inherit; text-decoration: underline;}


	table.discountschedule { margin: 18px 12px; width: 174px; }
	table.discountschedule th { font-weight:bold; padding: 3px 0; font-size: 15px; font-style:italic; }
	table.discountschedule tr.subhead th { font-weight:bold; padding: 3px 0; font-size: 12px; font-style:normal; }
	table.discountschedule td { text-align: left; padding: 3px 0; }
	table.discountschedule td.note {font-style:italic; font-size: 11px; }


	/* right rail */
	.content.right .railcontent {color: #444; }
	.content.right .railcontent a.button { display:block; width: 140px; text-align:center; margin: 6px auto; }
	.content.right .railcontent .inset {
		margin: 0 0 18px 0;
		border: 1px solid #ddd;
		padding: 9px 18px 9px 9px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		box-shadow:inset 0 0 10px #cecece;
		-moz-box-shadow:inset 0 0 10px #cecece;
		-webkit-box-shadow:inset 0 0 10px #cecece;
		background-color:#fff;
	}

	.content.right .railcontent .inset a { display:block; text-align:center; }

	.content.right .railcontent .general { }
	.content.right .railcontent .general h3, .content.right .railcontent .general h4 { border-bottom: 1px solid #444; padding-bottom: 3px; }
	.content.right .railcontent .general p { margin: 0 9px 18px 9px; }

	
	.content.right .railcontent .downloads { }
	.content.right .railcontent .downloads h3 { border-bottom: 1px solid #444; }
	.content.right .railcontent .downloads .download { margin: 0 9px 18px 9px; }
	.content.right .railcontent .downloads .download .title { font-weight: bold; margin-bottom:6px; }
	.content.right .railcontent .downloads .download .description { }

	.railcontent li { margin-bottom:6px; }

	.railcontent .webinars {margin-bottom:24px; }
	.railcontent .webinars h3 {font-size: 21px; border-bottom: 1px solid #444; }
	.railcontent .webinars .webinar {margin: 0 9px 18px 9px; }
	.railcontent .webinars .webinar h4.title { font-size:15px; line-height: 18px; text-align:center;}
	.railcontent .webinars .webinar .title a { color: #444; }
	.railcontent .webinars .webinar img { display:block; width: 130px; text-align: center; margin: 9px auto; }
	.railcontent .webinars .webinar .blurb {margin: 6px 0; color: #444; }
	.railcontent .webinars .webinar .time {text-align:center; font-weight:normal; }

	/* center content */
	.centercontent { } /* float:left; width: 392px; padding: 0 12px; */
	.centercontent h1 { font-weight:normal; font-size:24px; line-height:27px;}
	.centercontent h2 { font-weight:normal; font-size:18px; line-height:21px; border-bottom: 1px solid #ddd; padding-bottom:2px;}
	.centercontent h3 { font-size:15px; line-height:18px; padding-bottom: 2px;}
	.centercontent p { font-size:13px; line-height:17px; margin-bottom:17px; }
	.centercontent p.note {font-size:12px; line-height: 15px; font-style:italic;}
	.centercontent ul { margin-bottom:17px; }
	.centercontent li { font-size:13px; line-height:15px; margin-bottom:3px; }
	.centercontent dl {margin: 0 18px 18px 18px; }
	.centercontent dt {font-weight: bold; }
	.centercontent dd {margin: 3px 0 12px 0; }

	.socialwidgets { width: 178px; padding: 0 0 0 12px; height: 80px; margin: 18px 0; }
	.socialwidgets h5 {font-size: 15px; margin-bottom:3px; font-style:italic;}
	.socialwidget { float:left; margin-right: 2px; }
	.socialwidget.vertical { float:none; text-align:right; padding: 0 9px 12px 0;}

	.home #flashcontainer {margin: 0 0 9px 0; padding:0;}
	.home .callouts { }
	.home .callout {float: left; width: 320px; height: 390px; }
	.home .calloutleft { margin-right: 5px; background-color: #d7daeb; }
	.home .calloutleft2 { margin-right: 5px; background-color: #fbd8ca; }
	.home .calloutright { background-color: #e3eae1; }
	.home .callout h2 { padding: 11px 10px 9px 12px; color: #ffffff; font-size: 18px; font-weight: normal; margin:0;}
	.home .callout .calloutcontent {padding: 12px;}
	.home .callout .calloutcontent .group {margin-bottom: 18px;}
	.home .callout .calloutcontent .group p {margin-left: 12px; }
	.home .callout .calloutcontent .group img { display:block; margin: 9px auto; }
	.home .callout .calloutcontent .group a { font-weight:bold; }


	.course .centercontent h1, .course .centercontent h2 {color:#7dA174; }
	.course .centercontent h2 {border: 0; }
	.course .centercontent h2.subtitle {font-style:italic;}

	.course .centercontent .productmedia { }
	.course .centercontent img.productimage { display: block; width: 276px; margin-bottom: 12px; float:left; }
	.course .centercontent .productmedia .right {float:right; width: 150px; text-align:right; }
	.course .centercontent .productmedia .right.landing {width: 320px; text-align:left; }
	.course .centercontent .productmedia .right.landing li { font-size:16px; line-height: 19px; padding-bottom:12px; }
	.course .centercontent .productmedia .right.landing ul.small li { font-size:13px; line-height: 17px; padding-bottom: 3px;}
	.course .centercontent .gallery.video { }
	.course .centercontent .gallery.video a {
		display:block;
		width: 86px;
		height: 22px;
		float: left;
		text-align:left;
		padding: 10px 0 0 35px;
		background: url(../img/icons/play-video-32x32.png) no-repeat 0px 0px;
		font-weight:bold;
	}


	.course .packagedetails { border-top: 1px solid #ddd; padding-top: 12px; }
	.course .packagedetails dd p {font-size: 12px; }
	.course .packagedetails .disclaimer {color:#555; font-size: 11px; font-style:italic; margin: 0 18px 18px 18px; }
	.course .parentpackagedetails {}

	.downloadpage { }
	.downloadpage .errormessage {color:red; font-weight:bold;}
	.download.detail h3 { font-size: 13px; line-height: 16px; }
	.download.detail h3 a { color:#000; }
	
	.videocaption {margin-top:12px;}
	
	
	.relatedproducts {margin: 12px 0; }
	.relatedproduct {width: 134px; float: left; margin-right: 12px; text-align:center; }
	.relatedproductlast {margin-right: 0;}
	.relatedproduct a {font-weight: bold; }
	img.relatedproductimage {width: 134px;}
	

	.courseshome .centercontent .detail {margin-bottom: 15px; border-bottom: 1px dashed #ddd; }
	.courseshome .centercontent .detail .title { }
	.courseshome .centercontent .detail .title h3 {float: left; font-size: 13px; line-height: 16px; margin:0; width: 330px; }
	.courseshome .centercontent .detail .title h3 a {color: #000; }
	.courseshome .centercontent .detail .title .price {float: right; font-weight:bold; line-height: 18px; vertical-align: bottom; text-align:right; width: 50px; }
	.courseshome .centercontent .detail .blurb { margin: 3px 60px 0 12px; }
	.courseshome .centercontent .detail .blurb.document { margin: 0; color:#444;}
	.courseshome .centercontent .detail .blurb p { font-size: 12px; margin-bottom: 12px;}
	.courseshome .centercontent .detail .credithours { font-size: 11px; font-style:italic; color: #555; margin: 3px 0 12px 12px; }
	.courseshome .centercontent .detail .learnmore { margin: 3px 0 12px 12px; }
	.courseshome .centercontent .detaillast { border-bottom:0; }

	
	/* agency landing page */
	.courseshome .centercontent .agencylandingdetail {margin-bottom: 15px; border-bottom: 1px dashed #ddd; }
	.courseshome .centercontent .agencylandingdetail h3 {font-size: 15px; line-height: 18px; margin:0 0 4px 0; }
	.courseshome .centercontent .agencylandingdetail h3 a { color: #20358c; }
	.courseshome .centercontent .agencylandingdetail .subtitle { font-weight:bold;font-style:italic;margin: 0 0 6px 12px; }
	.courseshome .centercontent .agencylandingdetail .description {  }
	.courseshome .centercontent .agencylandingdetail .description .blurb { float: left; width: 390px; margin: 0 0 12px 0px; }
	.courseshome .centercontent .agencylandingdetail .description .blurb.document { margin: 0; color:#444;}
	.courseshome .centercontent .agencylandingdetail .description .blurb p { font-size: 12px; margin-bottom: 12px;}
								 
	.courseshome .centercontent .agencylandingdetail .description .cost {float: right; width: 150px; }
	.courseshome .centercontent .agencylandingdetail .description .cost .credithours { font-size: 11px; font-style:italic; color: #555;  text-align:center; margin: 0 0 12px 0;}
	.courseshome .centercontent .agencylandingdetail .description .cost .costdisplay { text-align:center; font-weight:bold; font-size:15px; line-height: 18px; }
	.courseshome .centercontent .agencylandingdetail .credithours { font-size: 11px; font-style:italic; color: #555; margin: 3px 0 12px 12px; }
	.courseshome .centercontent .agencylandingdetaillast { border-bottom:0; }
	.courseshome .centercontent .agencylandingdetail .cartaddwidget {margin-bottom: 3px !important;}

	##accordion h2:hover {cursor:pointer;}
	/* .accordiongroup { margin-left: 24px; } */

	  
	 /* end agency landing page */

	.adopting .centercontent h1, .adopting .centercontent h2 {color:#4457A3; }
	.parenting .centercontent h1, .parenting .centercontent h2 {color:#AB4F2A; }
	.professionals .centercontent h1, .professionals .centercontent h2 {color:#4F8BC7; }



	.agencylanding {}
	.agencylanding .centercontent h2 {font-size: 21px; line-height: 24px; font-weight:bold; }
	.agencylanding .groupdescription { margin: 0 0 18px 0; font-size: 14px; }

	div.livewebinardetails { font-size: 15px; line-height: 18px; margin: 0 18px; }
	div.webinarnote { color: #444; font-style:italic; margin: 12px 18px 0 18px; font-size: 11px; }


	/* login */
	.loginpage {height: 420px; }
	.loginbox {width: 300px; height: 270px; float:left; margin: 60px 12px 0 70px; border: 1px solid #ddd; padding: 6px 12px 12px 12px; background-color: #f7f6f2;}
	.loginpage .editrecord h3 {font-size: 18px; padding: 2px 3px; border-bottom: 1px solid #ddd; margin: 0 0 9px 0; }
	.loginpage .editrecord label {font-size: 15px; width: 200px; float:left; display:block; padding: 2px 6px 2px 0; font-weight:bold; }
	.loginpage .editrecord label.required {font-weight:bold;}
	.loginpage .editrecord input[type=text], .loginpage .editrecord input[type=password], .profile .editrecord select { font-size: 15px; display:block; float:left; }
	.loginpage .editrecord input[type=text], .loginpage .editrecord input[type=password] { padding: 2px; width: 296px; }
	.loginpage .editrecord .error {}
	.loginpage .editrecord .error input, .loginpage .editrecord .error select {background-color:#ff6565;}
	.loginpage .editrecord .errormessage {display:block;font-weight:bold; color:red; padding: 0; width: 300px; float:left; margin: 2px 0; font-size:14px; vertical-align:top;}
	.loginpage .editrecord fieldset {margin-bottom:18px;}

	.loginpage .registercontainer div.blurb {height: 121px; font-size: 14px; line-height: 17px;}
	.loginpage .registercontainer a {display:block; width: 130px; text-align:center; margin: 0 0 0 0;}



	/* resources */
	.resources {}
		.resources .resource {margin: 0 0 18px 18px; }
		.resources .resource h3 {margin-bottom:0; }
		.resources .resource .author {font-style:italic;margin: 2px 0 3px 0;}


	/* agency tools */
	.agencytools {}
	.agencytools img.banner { display:block; margin-bottom: 12px; }
	.agencytools .cols { margin-bottom: 24px; }
	.agencytools .cols .acol {float:left; width: 200px; margin-right: 14px; font-size:11px; }
	.agencytools .cols .acol img { display:block; }
	.agencytools .cols .acol img.heading { width:200px; margin-bottom:12px; }
	.agencytools .cols .acol p { font-size:12px; }
	.agencytools .cols .acol li { list-style-type: none; margin:0 0 6px 0;padding:0; }
	.agencytools .cols .acol li a { display:block; margin-left: 3px; text-decoration: none; }
	.agencytools .cols .acol li a:hover { text-decoration: underline; }
	.agencytools .cols .acol-last { margin-right:0; }
	.agencytools .cols .acol-wide {width: 413px; margin-right: 0;}
	.agencytools .handouts a { color: #4A88C5;}
	.agencytools .guides a { color: #5A8651;}



/********************* EXPERTS **********************/
.experts {margin-top: 24px; }
.experts .expert {margin-bottom:18px;}
.experts .expert img {display:block; float:left; width: 100px; }
.experts .expert .description {float: right; width: 320px; }
.experts .expert .description h2 {}
.experts .expert .description .title {color:#666; font-style:italic; margin-bottom: 12px; font-size:11px; }




/******************* PROFILE *********************************/
.profile {width:552px; float:left; }
	.profile h3 { margin-bottom:6px; }
	.profile h5 {padding: 2px; font-size: 15px; line-height:18px; border-bottom: 1px solid #ddd; }
	.profile .recordgroup {margin-bottom:6px;}
	.profile .recordgroup h6 {width: 200px; float:left; display:block; text-align:right; font-size: 12px; font-weight:bold; padding: 2px 0;}
	.profile .recordgroup p {float:right; width: 322px;margin: 0 !important; padding:0 !important;}

	.editprofilestart, .editformstart {float:right;}
	.profile .editrecord h3 {font-size: 18px; padding: 2px 3px; border-bottom: 1px solid #ddd; margin: 0 0 9px 0; }

	.profile .editrecord label { font-size: 15px; width: 200px; float:left; display:block; text-align:right;padding: 2px 0; margin-right: 6px;}
	.profile .editrecord label.required { padding-right: 12px; width: 188px;
		font-weight:bold;
		background: url(../img/icons/asterisk-red-10x10.jpg) 100% 25% no-repeat;
	}
	.profile .editrecord label.checkboxes, .profile .editrecord label.radio {width:auto; display:inline; font-size:inherit; float:none; }

	.profile .editrecord input[type=text], .profile .editrecord input[type=password], .profile .editrecord select { font-size: 15px; display:block; float:left; }
	.profile .editrecord input[type=text], .profile .editrecord input[type=password] { padding: 2px; width: 296px; }
	.profile .editrecord textarea {width: 296px; height: 400px; padding:4px; font-size:12px;line-height:15px; }
	.profile .editrecord select {width: 304px;}
	.profile .editrecord .error {}
	.profile .editrecord .error input, .profile .editrecord .error select, .profile .editrecord .error textarea, .profile .editrecord .error td {background-color:#ff6565;}
	.profile .editrecord .errormessage {display:block;font-weight:bold; color:red; padding: 0; width: 300px; float:left; margin: 2px 0 2px 206px; font-size:14px; vertical-align:top; }
	.profile .editrecord .note {display:block; clear:both; width: 300px; margin: 0 0 0 206px; padding: 3px 0 0 0; font-style:italic; color: #555;}
	.message .editrecord .note { margin: 0 0 0 0; }
	.profile .editrecord fieldset {margin-bottom:18px;}
	.profile .editrecord fieldset button[type=submit] { margin-left: 208px; }

	.profile .editrecord table.checkboxes { float: left; }
	.profile .editrecord table.checkboxes td {font-size: 14px; padding: 0 0 9px 0; width: 300px;}
	.profile .editrecord table.checkboxes td .note { margin:0; font-size:11px; padding: 0 0 0 30px; width: 200px;}

	.profile .editrecord table.radiobuttons { float: left; }
	.profile .editrecord table.radiobuttons td { padding: 0 3px 4px 0; }
	.profile .editrecord table.radiobuttons td.radiobutton {width: 16px; }
	.profile .editrecord table.radiobuttons input[type=text] {width: 50px !important; float:left; }
	.profile .editrecord table.radiobuttons .radionote { padding-left: 6px; display: block; float:left; margin-top: 5px;}

	.profile .editrecord .hide {display:none;} /*  opacity: 0; Mootools relic; likely not needed with jQuery */

	.profile .editrecord .captchaimage {margin-left: 206px; margin-bottom: 18px; }
	.profile .editrecord .captchaimage img { display:block; }
	fieldset#container-captcha {margin-bottom:6px !important; } /* want this to be closer to the captcha image, which appears below */

	.registercontainer { padding: 9px; }
	.register {width: 837px; }
	.register .editrecord button[type=submit] {margin: 12px 0 0 206px; }
	.register .editrecord .errormessage {display:block;font-weight:bold; color:red; padding: 0; margin: 0; width: 316px; float:right; font-size:12px; vertical-align:top; }

	.message .editrecord label {text-align:left; float:none; }
	.message .editrecord label.required { background:none !important; }
	.message .editrecord input[type=text], .message .editrecord textarea { width: 540px; float:none; }
	.message .editrecord textarea { height:320px; }
	.message .editrecord .errormessage {margin: 0;}

	textarea.nearmaxlength {background-color:#ffffc8;}
	textarea.atmaxlength {background-color:#ff9999;}


	.step2 label {float:none !important;text-align:left !important; width: 800px !important; }
	.step2 .note {margin: 0 0 0 0 !important;}
	.step2 .errormessage {display:block; padding: 0; margin: 4px 0 0 9px !important; float:left !important; vertical-align:top; }

	#passwordcontainer .editrecord button[type=submit] {margin: 0 0 0 206px; }


/******************* ACCOUNT **************************/
.account { margin: 12px; }
	.account .content {float:left; width: 552px;  border: 1px solid #ddd; padding: 6px 12px; background-color: #f7f6f2;}
	.account .content h2 {font-size: 14px;}
	.account .content .coursetype {width: 160px; float:left; color: #666; }
	.account .content .coursestatus {width: 200px; float:left; color: #666; }
	.account .content .devstats {float:left; width: 60px; font-size: 10px; }
	.account .content a.launchbutton {float:right; width: 100px; text-align:center;}
	.account .content .courselocked {float:right; width: 100px; text-align:center; padding: 0 4px;}
	.account .content p {font-size: 13px; line-height: 18px; margin-bottom: 18px; }
	.account .content ul {margin-bottom: 18px;}
	.account .content li {list-style:none; margin-bottom: 9px;}
	.account .content span.pass {font-weight:bold;color:green;}
	.account .content span.fail {font-weight:bold;color:red;}
	.account .content .purchaseevaluation {clear:both;margin: 18px 0 0 0;padding: 6px; width: 350px; border: 1px solid #ccc; color: #555; background-color:#fff;}
	.account .content .purchaseevaluation p {font-style:italic; font-size:11px; line-height: 12px;}
	.account .sidebar {float:right; width: 240px; }
	.account .sidebar ul.nav {border: 1px solid #ddd; padding-top: 6px; background-color: #f7f6f2;}
	.account .sidebar li {list-style: none;margin-bottom:6px;}
	.account .sidebar a {width: 170px; text-align:center;}
	.account .sidebar .callout {margin-top:18px; border: 1px solid #ddd; padding: 6px 18px; background-color: #f7f6f2;}


/******************* MESSAGES **************************/
.account .unreadmessagesalert {border: 1px solid red; font-weight:bold; margin: 12px 0;padding: 9px; background-color: #ffcaca;}
.account .thread {margin-bottom: 18px; }
.account .thread tr.currentthread td { background-color: #fede95; }
.account .message {margin-bottom: 18px; }

/******************* TABLES ***************************/
table.standard { width: 100%; }
table.standard th, table.standard td {vertical-align:top;}
table.standard th {
	padding:3px 12px;margin:0;font-size:15px;line-height:18px;color:#fff;
	background-color:#444444;
	background:-webkit-gradient(linear, left top, left bottom, from(#989898), to(#4f4f4f), color-stop(10%, #6a6a6a), color-stop(50%, #3d3d3d), color-stop(50%, #353535));
	background:-moz-linear-gradient(top, #989898, #6a6a6a 10%, #3d3d3d 35%, #353535 65%, #4f4f4f);
}

table.standard tr.subheading th {
	padding:3px 12px;margin:0;font-size:14px;line-height:17px;color:#000;
	background:#bbb;
}

table.standard td {padding: 12px 6px; background-color: #fff; border: 1px solid #eee; }
table.standard td.label { text-align:right; font-weight:bold; }


/******************************* CART ***************************************/
div.cart {}

div.cart div.checkoutformcontainer {
	width: 224px; float: left;
	padding: 6px 6px 6px 12px;
	margin: 9px 0 0 0;
	border: 1px solid #bbb;
	background-color: #CCE7FE;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}

div.cart div.coupon .error, div.cart div.donation .error { font-weight:bold; color:red; }

#checkoutform label { font-size: 15px; line-height: 18px; display:block; margin-right: 20px; padding: 3px;}
#checkoutform label.required {font-weight:bold;}
#checkoutform input[type=text] { padding: 0px; }
#checkoutform input[type=text], #checkoutform select {width:204px; font-size:15px;line-height:18px;}
#checkoutform .error input[type=text], #checkoutform .error select {background-color: #ff9999;}
#checkoutform .checkboxes {margin-top: 4px; }
#checkoutform .checkboxes td {padding-bottom:6px;}
#checkoutform .checkboxes td label { font-size: 13px; line-height: 15px; display:inline; margin: 0; padding: 0;}
#checkoutform .checkboxes.error {background-color: #ff9999;}
#checkoutform .errormessage {font-weight:bold; color:red; font-size:15px; vertical-align:top; }
#checkoutform .note { display:block; clear:both; font-style:italic; color: #555; padding-left: 18px; }
#checkoutform fieldset {margin-bottom:9px;}
#cvv {width: 50px !important; }

div.cart div.cartinfo {
	width: 588px; float: right;
	padding: 6px;
	margin: 9px 0 0 0;
	border: 1px solid #bbb;
	background-color: #CCE7FE;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}

div.cart div.cartinfo div.item { margin: 0 18px 12px 0; padding: 6px; }
div.cart div.cartinfo div.item div.action {float: left; width: 60px; text-align:center; margin: 6px 0 0 0;  }
div.cart div.cartinfo div.item div.details {float: left; width: 350px; margin-left: 12px; }
div.cart div.cartinfo div.item div.details h3.productname {font-size: 15px; line-height: 18px; }
div.cart div.cartinfo div.item div.details h3.productname span.note { font-weight:normal; font-size: 12px; font-style:italic; }
div.cart div.cartinfo div.item div.price {float: right; width: 120px; margin: 0px 12px 0 0; font-size: 14px; text-align: right; }
div.cart div.cartinfo div.warning {border: 1px solid #ff6565; background-color: #ffcaca; margin: 6px 0; padding: 6px; color: #970000;}
div.cart div.cartinfo div.warning li {margin-bottom: 6px;}

div.cart div.noproducts {font-size: 15px; line-height: 18px; font-weight: bold; margin: 0 0 12px 0;}

div.cart div.total {border: 1px solid blue; background-color: #ccccfe;  margin: 0 18px 12px 0; padding: 6px;}
div.cart div.total div.details {float: right; margin: 6px 12px 0 0; font-size: 16px; line-height: 20px; text-align: right; }
div.cart div.total div.price {float: right; width: 110px; margin: 6px 12px 0 0; font-size: 27px; line-height: 27px; text-align: right; font-weight: bold;}

div.price div.list {text-decoration: line-through;}
div.price div.discounted {font-weight: bold;}

div.cart div.product {border: 1px solid #ddd; background-color: #eee;}

div.cart div.coupon {margin: 18px 0 0 0; border: 1px solid #ddd; background-color: #eee; padding: 6px 0;}

div.cart div.donation {margin: 18px 0 0 0; border: 1px solid #ddd; background-color: #eee; padding: 6px 0;}

div.cart table.checkboxes .note {display:block;font-style:italic; color: #555; padding-left: 18px; }

.carttip-container {z-index:3000;}

	.carttip-container .tip {
		color: #fff;
		width: 172px;
		border: 1px solid #fff;
	}

	.carttip-container .tip-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		padding: 4px;
		background-color:#0059b7;
	}

	.carttip-container .tip-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background-color:#0059b7;
	}

	.carttip-container .tip-text li {
		margin: 0 0 6px 18px;
		list-style-type:disc;

	}

.cartaddwidget {
	margin: 0 0 18px 0;
	border: 1px solid #ddd;
	padding: 9px 18px 9px 9px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow:inset 0 0 10px #cecece;
	-moz-box-shadow:inset 0 0 10px #cecece;
	-webkit-box-shadow:inset 0 0 10px #cecece;
	background-color:#fff;
}

.cartaddwidget .title {font-weight:bold;font-size:15px; line-height:18px;margin-bottom:12px;}
.cartaddwidget .addgroup {text-align:center; margin: 12px 0;}
.cartaddwidget .price {font-size:24px; line-height:27px; font-weight:bold; margin-bottom: 3px;}
.cartaddwidget .listprice {font-size:15px; line-height:18px; text-decoration: line-through; }
.cartaddwidget a.cartaddproduct { width: 76px; }
.cartaddwidget .note {float:right; font-size: 11px; font-style:italic; padding: 6px 0 0 0; color: #999;}
.cartaddwidget .error {color:#444;}
.cartaddwidget li {color: #000; font-size: 11px; line-height:14px; list-style-position: inside; }

.cartaddwidget.buttononly {padding: 9px;}
.cartaddwidget.buttononly a.cartaddproduct {display:block; margin: 0 auto; }
.cartaddwidget.buttononly .price { font-size: 18px; line-height: 21px; text-align:center; }
.cartaddwidget.buttononly .listprice { font-size: 12px; line-height: 15px; text-align:center; }
.cartaddwidget.buttononly .title {font-weight:normal; font-size:12px; line-height:15px;}


div.cartconfirm { margin-bottom: 24px; }
div.cartconfirm div.content { width: 552px; float:left; padding: 6px 12px; }
div.cartconfirm div.instructions { padding: 9px; margin: 6px 0 18px 0; border: 1px solid #bbb; background-color: #CCE7FE; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; font-size: 14px; line-height: 18px; }
div.cartconfirm h1 {padding: 0; margin: 0; }
div.cartconfirm h2 {border-bottom: 1px solid #ddd; margin-bottom:12px; padding-bottom:6px; font-size: 24px !important; }
div.cartconfirm div.summary { width: 100px; float: left;  padding: 0 12px 6px 0; }
div.cartconfirm div.summary p {font-size: 13px; line-height: 16px; margin-bottom: 12px; }
div.cartconfirm div.details { width: 420px; float: left; padding-left: 12px;  border-left: 1px solid #ddd; }
div.cartconfirm div.details div.item { padding: 0 0 9px 0; margin: 0 0 9px 0; border-bottom: 1px solid #ddd; }
div.cartconfirm div.item h3 {font-size: 15px; line-height: 18px; }
div.cartconfirm div.item div.description {width: 300px; float: left;}
div.cartconfirm div.item div.description p.confirmmessage {font-size: 11px; line-height: 15px; margin: 0 12px; font-style:italic; color:#555;}
div.cartconfirm div.item div.price {width: 80px; float: right; text-align:right; padding-right: 9px; font-weight: bold; font-size: 14px;}
div.cartconfirm div.package {margin: 0 12px 12px 12px; }
div.cartconfirm div.package p {font-weight:bold; font-size:12px; }
div.cartconfirm div.package ul {}
div.cartconfirm div.package li {margin-bottom: 3px; }
div.cartconfirm div.total {font-size: 18px; line-height: 21px; font-weight: bold; text-align: right; padding-right: 9px; margin: 0; }

div.cartconfirm .sidebar {float:right; width: 240px; }
div.cartconfirm .sidebar ul.nav {border: 1px solid #ddd; padding-top: 6px; background-color: #f7f6f2;}
div.cartconfirm .sidebar li {list-style: none;margin-bottom:6px;}
div.cartconfirm .sidebar a {width: 170px; text-align:center;}
div.cartconfirm .sidebar .callout {margin-top:18px; border: 1px solid #ddd; padding: 6px 18px; background-color: #f7f6f2;}


/**************************************** BLOG *********************************************************/
.blog { }
.blog.twocol.container.outer { background: #fff; }
.blog .twocol.content.center {width: 653px; border-right: 1px solid #bbb; margin-top: 12px; }
.blog .twocol.content.right { margin-top:12px; }
.blog .twocol.content.right .railcontent {padding-top:0;}
.blog .twocol.content.right .railcontent .rss { margin-bottom: 15px; }

.blog .post { margin: 0 9px 18px 0; }
.blog .blogfooter {}

.blog a.postnav {display:block; width: 150px; text-decoration: none;}
.blog a.postnav:hover {text-decoration: underline;}
.blog a.nextpost {float:right; text-align:right;}
.blog a.previouspost {float:left;}


.bloghome {}
.bloghome .post p {font-size:14px; line-height: 21px; }


.blogpost {}

.blogpost h2 {font-size: 18px;}
.blogpost h2.addcomment {margin-bottom:0;padding-bottom:0;line-height:21px;}

.postbody img {display:block; float: right; margin: 0 0 9px 9px;}
.blogpost .postcontainer { padding: 0 24px 0 0; width: 431px; float: left; }
.blogpost .postinfo { width: 198px; float: left; }
.blogpost .postinfo .byline {text-align:right; padding-right: 24px; font-size: 11px; color: #888; font-style:italic; }
.blogpost .postinfo .devtools {text-align:right; padding:12px 24px 0 0;}
.blogpost .postbody {font-size: 14px; line-height: 19px;}
.blogpost .postbody p, .blogpost .postbody ul {margin-bottom: 15px;}
.blogpost .postbody blockquote {margin-left: 18px; margin-right: 18px; }

.blogpost .postfooter {margin: 18px 0 18px 0; }
a.postnav {display:block; width: 150px; text-decoration: none;}
a.postnav:hover {text-decoration: underline;}

a.nextpost {float:right; text-align:right;}
a.previouspost {float:left;}

.blogpost .postcomments { }
.blogpost .postcomment { margin-bottom: 12px; }
.blogpost .commentbyline {font-weight:bold; margin-bottom: 3px; font-size: 13px; line-height: 18px;}
.blogpost .commentbody {margin: 0 0 9px 9px; font-size: 13px; line-height: 18px; }
.blogpost .commentnote {font-size: 11px; color: #555; font-style:italic; margin-bottom: 12px; }



/* comment form */
.blogcomment .editrecord h3 {font-size: 18px; padding: 2px 3px; border-bottom: 1px solid #ddd; margin: 0 0 9px 0; }
.blogcomment .editrecord label { font-size: 15px; width: 100px; float:left; display:block; text-align:right;padding: 2px 0; margin-right: 6px;}
.blogcomment .editrecord label.required { padding-right: 12px; width: 88px;
	font-weight:bold;
	background: url(../img/icons/asterisk-red-10x10.jpg) 100% 25% no-repeat;
}

.blogcomment .editrecord input[type=text], .blogcomment .editrecord select { font-size: 15px; display:block; float:left; }
.blogcomment .editrecord input[type=text],  { padding: 2px; width: 296px; }
.blogcomment .editrecord textarea {width: 296px; height: 150px; padding:4px; font-size:12px;line-height:15px; }
.blogcomment .editrecord select {width: 304px;}
.blogcomment .editrecord .error {}
.blogcomment .editrecord .error input, .blogcomment .editrecord .error select, .blogcomment .editrecord .error textarea, .blogcomment .editrecord .error td {background-color:#ff6565;}
.blogcomment .editrecord .errormessage {display:block;font-weight:bold; color:red; padding: 0; width: 300px; float:left; margin: 2px 0 2px 106px; font-size:14px; vertical-align:top; }
.blogcomment .editrecord .note {display:block; clear:both; width: 300px; margin: 0 0 0 106px; padding: 3px 0 0 0; font-style:italic; color: #555;}
.blogcomment .editrecord fieldset {margin-bottom:18px;}
.blogcomment .editrecord fieldset button[type=submit] { margin-left: 106px; }

.blogcomment .editrecord .captchaimage {margin-left: 106px; margin-bottom: 18px; }
.blogcomment .editrecord .captchaimage img { display:block; }
/*fieldset#container-captcha {margin-bottom:6px !important; }  want this to be closer to the captcha image, which appears below */

.blogcomment .editrecord .hide {display:none; opacity: 0;}

.bloghomepage {margin-bottom: 21px; }
.bloghomepage .blogtitle {font-size:13px; line-height: 15px; margin-left: 12px;}


/**************************************** PODCAST *********************************************************/
.podcast { }
.podcast.twocol.container.outer { background: #fff; }
.podcast .twocol.content.center {width: 653px; border-right: 1px solid #bbb; margin-top: 12px; }
.podcast .twocol.content.right { margin-top:12px; }
.podcast .twocol.content.right .railcontent {padding-top:0;}
.podcast .twocol.content.right .railcontent .rss { margin-bottom: 15px; }
.podcast .buzzsproutwrapper {padding: 0 18px 18px 18px;}
.podcast .episode {}
.podcast .episode p { margin-left: 18px; color: #666; }
.podcasthome {margin-left: 12px; }
.podcasthome h3 {font-size: 13px; line-height:15px;}
.podcasthome .episode p {display:none;}
.podcastdescription {margin-bottom: 24px;}