@charset "UTF-8";
/* CSS Document */
/* twoColTwoBoxHdr.css */

/* .......................................................
//////////////////////////////////////////////////////////
Two Columns, Two Boxes, with Header
Used by:

Default-a.html
Default-b.html
Certification/Certification.html
Grow_Your_Practice/Grow_Your_Practice.html
Member_Resources/Member_Resources.html
Products/Products.html
Train_Your_Clients/Train_Your_Clients.html
//////////////////////////////////////////////////////////
.......................................................... */

/**********************************************************
 *	Page style heirarchy:
 *
 *	+ Page
 *		+ Header [intuit.css]
 *			- Top nav box [intuit.css]
 *			- Username & page utilities [intuit.css]
 *		+ Body 
 *			+ Content box
 *				- Title box [intuit.css]
 *				- Subtitle box
 *			+ Nav box
 *				- Slider, right column
 *				- Static box, right column
 *
 **********************************************************/

/**********************************************************
 *	+ Page setup
 */
 
#body{
	width:952px;
}

/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Content box
 */

#body #contentBox{
	width:769px;
	margin: 0px 0px 0px 0px;
}

/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Content box
 *				- Title box
 */

#body #titleBox{
}
#body #titleBox .titleBoxContent{
	margin: 0px 20px;
	padding-top: 20px;
}
#body #titleBox .titleBoxContent h1{
	padding-bottom:10px;
}
#body #titleBox .titleBoxContent h2{
	padding-bottom:6px;
}
#body #titleBox .titleBoxContent h3{
	padding-bottom:6px;
}
#body #titleBox .titleBoxContent h4{
	padding-bottom:0px;
}
#twoColTwoBoxHdr #body #titleBox .titleBoxContent  p.titleBoxContentLink {
	padding-top:20px;
}
#body #titleBox .titleBoxContent p.titleBoxTestimonial{
	font-weight:bold;
	padding-bottom:0px;
	padding-top:0;
}
#body #titleBox .titleBoxContent p.titleBoxTestifier{
	padding-bottom:12px;
}
#body #titleBox .titleBoxContent ul{
	margin-left:40px;
	padding-bottom:12px;
	list-style-image: url(/sbweb/common/images/bullets/chart_circ_blue.gif);
	list-style-image:url(/sbweb/common/images/bullets/chart_circ_blue.gif);margin:0 0 0 5px;padding:0 0 5px 12px;
}
#body #titleBox .titleBoxContent ul.bottomMargin{
	list-style-image:url(/sbweb/common/images/bullets/chart_circ_blue.gif);margin:0 0 15px 5px;padding:0 0 5px 12px;
}
#body #titleBox .titleBoxContent ol{
	margin-left:40px;
	padding-bottom:12px;
	list-style-type:decimal;
}
#body #titleBox .titleBoxContent li{ line-height: 12px; padding-bottom: 5px;
}
#body #titleBox .titleBoxContent .titleBoxBodyContentLink{
	padding-top:0px;
}
#body #titleBox .titleBoxContent .titleBoxContentBoxBig{
	position: absolute;
	width:340px;
	height:105px;
}
#body #titleBox .titleBoxContent .titleBoxContentBoxBig img{
	margin-right:10px;
	padding-top:10px;
}
#body #titleBox .titleBoxContent .titleBoxContentBoxBig p{
	margin:0px;
}


/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Content box
 *				- Subtitle box
 */

#body #subBox{ /* Some title boxes will simply be one div with a single background image... */
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
}
/* ...while others will be split into the top-middle-bottom arrangement like other content boxes so that they can expand vertically. */
#body #subBox .top{
}
#body #subBox .middle{
}
#body #subBox .bottom{
}
#body #subBox .subBoxContent{
	margin:0px 20px 0px 20px;
	padding:20px 0px;
}
#body #subBox .subBoxContent h5{ /* We use header, paragraph, and other content-denoting HTML tags (rather than simply using a div or a span) to surrond text that appears on the page wherever possible to aid search engine optimization. */
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#365EBF;
	padding-bottom:10px;
}
#body #subBox .subBoxContent h6{
	font-weight:bold;
	font-size: 11px;
}
#body #subBox .subBoxContent p{
	padding-bottom:0px;
}
#body #subBox .subBoxContent p.subBoxContentLink {
	padding-top:20px;
}
#body #subBox .subBoxContent p.subBoxTestimonial{
	padding-top:12px;
	padding-bottom:0px;
}
#body #subBox .subBoxContents p.subBoxTestifier{
	padding-bottom:20px;
}
#body #subBox .subBoxContent a{
}
#body #subBox .subBoxContent ul{
	padding-top:10px;
	margin:0px 10px 0px 20px;
	list-style-image:url(/images/member/chart_circ_blue.gif);
}
#body #subBox .subBoxContent ol{
	padding-top:10px;
	margin:0px 10px 0px 20px;
	list-style-type:decimal;
}
#body #subBox .subBoxContent li{
}

/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Nav box
 */

#body #navBox{
	width:175px;
	float:right;
	margin-left:0px;
}

/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Nav box
 *				- Slider, right column
 */

#body #navBox .slider{
	width:172px;
}
#body #navBox .slider .sliderLink{
	cursor:pointer;
	text-decoration:none;
}
#body #navBox .slider .sliderTitle{
	background-image: url(/images/member/box-slider-title-bg_white-on.gif); /* Throughout this (and others in the site) CSS style sheet links are formed in this redundant manner (we traverse down and then back up the /Global directory) so that the style can be moved to style sheets in other directories (e.g. /Member_Resources/css) and the styles will still work. */
	background-position:top left;
	background-repeat:no-repeat;
	width:inherit;
	height:32px;
}
#body #navBox .slider .on{
	background-image:url(/images/member/box-slider-title-bg_white-on.gif);
}
#body #navBox .slider .off{
	background-image:url(/images/member/box-slider-title-bg_white-off.gif);
}
#body #navBox .slider .sliderTitle .sliderTitleContent{
	margin-left:8px;
}
#body #navBox .slider .sliderTitle .sliderTitleContent h5{ /* We use header, paragraph, and other content-denoting HTML tags (rather than simply using a div or a span) to surrond text that appears on the page wherever possible to aid search engine optimization. */
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#365EBF;
	padding-top:12px;
}
#body #navBox .slider .sliderTitle .sliderTitleContent h5.twoLines{
	padding-top:6px;
}
#body #navBox .slider .sliderBody{
	background-color:#F5F5F5;
	/* This is needed to fix a bug in IE where it removes cleartype from the text during jQuery transitions like hide() and fadeIn(). Explicitly setting the background color seems to stop this behavior. The other option is to remove the filter attribute from the CSS using either standard JavaScript or jQuery code with something like: 
	$('#node').fadeOut('slow', function() {
		this.style.removeAttribute('filter');
	});
	For more details and other fixes, see:
	http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/
	*/
	background-image:url(/images/member/box-right_nav_box-middle.gif);
}
#body #navBox .slider .sliderBody .sliderBodyContent{
	padding:0px 0px 4px 0px; /* 10px default padding beneath each paragraph = 10px desired padding at bottom of slider. 6px slider bottom height + 4px padding here =  10px desired padding inside nav boxes. */
}
#body #navBox .slider .sliderBody .sliderBodyContent p{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
}
#body #navBox .slider .sliderBody .sliderBodyContent .sliderBodyContentLink{
	padding-top:20px;
}
#body #navBox .slider .sliderBody .sliderBodyContent a{
}
#body #navBox .slider .sliderBody .sliderBodyContent h6{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	font-weight:bold;
}
#body #navBox .slider .sliderBody .sliderBodyContent ol{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-type:decimal;
}
#body #navBox .slider .sliderBody .sliderBodyContent li{
}
#body #navBox .slider .sliderBody .sliderBodyContent ul{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-image:url(/images/member/chart_circ_blue.gif);
}
#body #navBox .slider .sliderBody .sliderBodyContent ol{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-type:decimal;
}
#body #navBox .slider .sliderBody .sliderBodyContent li{
	margin-left:10px;
}
#body #navBox .slider .sliderBody .sliderBottom{
	background-image:url(/images/member/box-right_nav_box-bottom-bg_white.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:6px;
	font-size:1px;
	line-height:1px;
	width:inherit;
}
#body #navBox .slider .sliderBody .sliderSpacer{
	height:10px;
	font-size:8px;
	line-height:8px;
	background:#FFFFFF;
}

/**********************************************************
 *	+ Page
 *		+ Body
 *			+ Nav box
 *				- Static box, right column
 */

#body #navBox .navContentBox{
	padding-top:10px;
	width:172px;
}
#body #navBox .first{
	padding-top:0px;
}
#body #navBox .aboveSlider{
	padding-bottom:10px;
}
#body #navBox .aboveNavContentBox{
	padding-bottom:0px;
}
#body #navBox .navContentBox .navContentBoxTitle{
	background-image: url(/images/member/box-right_nav_box-title-bg_white.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:inherit;
	height:31px;
}
#body #navBox .navContentBox .navContentBoxTitle .navContentBoxTitleContent{
	margin-left:8px;
	padding:0;
}
#body #navBox .navContentBox .navContentBoxTitle .navContentBoxTitleContent h5{ /* We use header, paragraph, and other content-denoting HTML tags (rather than simply using a div or a span) to surrond text that appears on the page wherever possible to aid search engine optimization. */
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#365EBF;
	padding-top:12px; /* This is set to match the padding for a slider, which in turn is set so that the title text is vertically aligned with the on/off indicator arrow. */
}
#body #navBox .navContentBox .navContentBoxTitle .navContentBoxTitleContent h5.twoLines{
	padding-top:6px;
}
#body #navBox .navContentBox .navContentBoxBody{
	background-image:url(/images/member/box-right_nav_box-middle.gif);
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent{
	padding:0px 0px 4px 0px; /* 10px default padding beneath each paragraph = 10px desired padding at bottom of slider. 6px slider bottom height + 4px padding here =  10px desired padding inside nav boxes. */
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent p{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent .navContentBoxBodyContentLink{
	padding-top:20px;
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent a{
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent h6{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	font-weight:bold;
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent ol{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-type:decimal;
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent li{
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent ul{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-image:url(/images/member/chart_circ_blue.gif);
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent ol{
	padding-top:10px;
	margin:0px 10px; /* 10px default padding from edges. */
	list-style-type:decimal;
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBodyContent li{
	margin-left:10px;
}
#body #navBox .navContentBox .navContentBoxBody .navContentBoxBottom{
	background-image:url(/images/member/box-right_nav_box-bottom-bg_white.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:6px;
	font-size:1px;
	line-height:1px;
	width:inherit;
}