/* @override 
	http://assets.aarp.org/www.aarpmagazine.org_/articles/interactive/money-makeover/css/specialStyles.css
	http://assets.makeover.site/magazine/moneymakeover/css/specialStyles.css
*/

/* @group Generic Rules */

/* @group Utility Rules */

#ncm-wrapper .ncm-tools
{
	padding: 10px 0;
	clear: both;
}

#ncm-wrapper #ncm-content
{
	width:  541px;
	border-top:  2px #BABABA dotted;
	margin-right: 10px;
	padding-top:  4px;
}

#ncm-wrapper #ncm-content p
{
	font-size: 12px;
	line-height: 1.5;
}

#ncm-wrapper #ncm-content h3
{
	font: bold 18px arial, helvetica, sans-serif;
	color:  #8B4244;
	margin-bottom:  7px;
}

#ncm-wrapper .ncm-tools
{
	margin-top:  21px;
	border-top:  1px #bababa dotted;
	margin-right:  9px;
}

#ncm-wrapper .ncm-clear
{
	clear:  both;
}

#ncm-wrapper .centered-float
{
	text-align: center;
}

#ncm-wrapper .centered-float li
{
	display: inline;
}

#ncm-wrapper img.img-right,
#ncm-wrapper div.img-right
{
	float:  right;
	margin: 0 0 10px 10px;
}

#ncm-wrapper img.img-left,
#ncm-wrapper div.img-left
{
	float:  left;
}

#ncm-pager, #ncm-pager li
{
	margin:  0; padding:  0; list-style-type: none;
}

#ncm-content{
	padding-left:  9px;
}

#ncm-content a:link,
#ncm-content a:visited,
#ncm-content a:active
{
	color:  #084766;
}

#ncm-content h2
{
	font: normal 28px arial, helvetica, sans-serif;
	margin:  0; padding:  0;
	color:  #8B4244;
}

#ncm-wrapper .view-toggle a
{
	color: #232FA7;
	font:  bold 12px arial, helvetica, sans-serif;
	text-decoration:  none;
	padding-left:  18px;
	background: #fff url(../img/collapse.gif) scroll no-repeat 0 2px;
}

#ncm-wrapper .view-toggle.collapsed a
{
	background-image: url(../img/expand.gif);
}

#ncm-wrapper div.extended.collapsed
{
	display: none;
}

#ncm-wrapper hr
{
	height:  0;
	color: #E5E5E5;	
	background-color: #E5E5E5;
	border:  1px #e5e5e5 solid;
	border-width:  1px 0 0 0;
	clear:  both;
}

#ncm-wrapper .ncm-sidebar hr
{
	height:  0;
	color: #FEF8ED;	
	background-color: #FEF8ED;
	border:  1px #FEF8ED solid;
	border-width:  1px 0 0 0;
	clear:  both;
}

.ncm-sidebar
{
	width:  256px;
	float:  right;
	border:  1px #9F9F9F solid;
	margin: 0 0 10px 10px;
}

#ncm-wrapper .ncm-sidebar h2
{
	color:  #8B4244;
	font: bold 14px arial, helvetica, sans-serif;
	padding:  6px 8px 5px 8px;
	border-bottom: 1px #FEF8ED solid;
}

#ncm-wrapper .ncm-sidebar ul, 
#ncm-wrapper .ncm-sidebar li
{
	margin: 0; padding: 0; list-style: none;
}

#ncm-wrapper .ncm-sidebar li
{
	background: transparent url(../img/arrow-red-right-transparent.png) scroll no-repeat left 6px;
	padding-left: 10px;
}

#ncm-wrapper .ncm-sidebar ul.orangedot li
{
	background: transparent url(../img/bullet-orange-small.gif) scroll no-repeat left 6px;
}

.ncm-sidebar-content
{
	padding:  6px 8px;
	background: #FEF8ED url(../img/background-sidebarshade.png) scroll repeat-x;
}

#ncm-wrapper #ncm-content .ncm-sidebar-content h3
{
	margin: 10px 0 0 0;
	font-size:  12px;
}

#ncm-wrapper #ncm-content .ncm-sidebar-content p
{
	margin:  1em 0;
	text-transform: uppercase;
	background: transparent url(../img/bullet-orange-small.gif) scroll no-repeat .6em left;
	padding:  0 10px;
}

.ncm-sidebar-group
{
	float:  right;
}

.ncm-sidebar-group .ncm-sidebar
{
	float:  none;
	margin-bottom:  2em;
}

.with-caption
{
	padding:  10px 10px 0 10px;
	overflow:  hidden;
}

#ncm-wrapper #ncm-content .with-caption p
{
	margin:  2px 0 0 0;
	font:  11px arial, helvetica, sans-serif;
}

.with-caption.img-left
{
	padding-left: 0;
	padding-top:  0;
}

.with-caption.img-right
{
	padding-right:  0;
	padding-top:  0;
}

#ncm-content
{

}

#ncm-content ul,
#ncm-content ul li
{
	margin:  0; padding:  0; list-style:  none;
}

#ncm-content ul
{
	margin:  20px 0;
}

#ncm-content ul li
{
	font:  12px/1.5 arial, helvetica, sans-serif;
	padding-left:  11px;
	background: transparent url(../img/bullet-orange-small.gif) scroll no-repeat left .6em;
}

#ncm-content a.link-pdf
{
	background:  transparent url(../img/pdf-logo.png) scroll no-repeat top right;
	padding-right:  18px;
}


/* @end */

#ncm-wrapper .photo-feature
{
	border:  1px #9F9F9F solid;
}

#ncm-wrapper .photo-matte
{
	padding: 1px;
	border:  1px #c1c1c1 solid;
}

/* @group Content Reset	
 */

#channelHeader, #articleHeaderTable, .tools, #more-on-container, #centerColumn br 
{ 
	display: none; 
}

#centerColumn h2,
#centerColumn h3,
#centerColumn h4,
#centerColumn h5,
#centerColumn h6
{
	margin:  0;
	padding:  0;
}

/* 
BRs within the markup are semantic, so lets go ahead and 
turn those back on. 
*/

#centerColumn #ncm-wrapper br
{
	display: block;
}

/* 
Since we hid BRs being used as spacers, the content is too close to the 
masthead, so let's clean that up, too.
*/

#ncm-wrapper
{
	margin-top: 11px;
}

/* @end */

/* @group Top Navigation 
   These are the links above the lead image on every page.
*/

#ncm-topnav, #ncm-topnav li { 
	margin:  0; 
	padding: 0; 
	list-style-type: none; 
}

#ncm-topnav
{
	margin:  10px 0;
}

/* Basic styling */
#ncm-topnav li {
	font: bold 14px arial, helvetica, sans-serif;
	color: #D82226;
	border-right: 2px #959595 solid;
	margin: 0 7px 0 5px;
}

#ncm-topnav li a:link,
#ncm-topnav li a:visited,
#ncm-topnav li a:active
{
	color: #404040;
	text-decoration: none;
	background: transparent url(../img/arrow-red-right-small.png) scroll no-repeat left 50%;
	padding: 0 12px 0 12px;
}

#ncm-topnav li a:hover
{
	color: #D82226;
	text-decoration: underline;
}

/* Correct border, spacing on first and last items */

#ncm-topnav li.first
{
	margin-left: 0;
}

#ncm-topnav li.last
{
	margin-right: 0;
	border-right-width: 0;
}

/* handle items flagged as the current page */

#ncm-topnav li a.current:link,
#ncm-topnav li a.current:visited,
#ncm-topnav li a.current:active,
#ncm-topnav li a.current:hover
{
	color:  #D82226;
	text-decoration: none;
	cursor: text;
}

/* @end */

#ncm-wrapper h1
{
	background: url(../img/masthead-makeover.png) scroll no-repeat;
}

#ncm-wrapper #money-makeover a
{
	display:  block;
	width:  551px;
	height:  35px;
	text-indent: -9999em;
}

#ncm-wrapper #ncm-content #ncm-family-header p
{
	margin:  0; padding:  0;
	color:  #404040;
	font-size: 10px;
	font-weight:  bold;
}

#ncm-content p.first
{
	margin-top: 10px;
}

#ncm-content p.first:first-line
{
	font-weight:  bold;
}

/* @end */

/* @group Front Page Rules */

/* @group Front Page Top Nav */

/* the front page has slightly different rules */

#ncm-wrapper.front #ncm-topnav li a:link,
#ncm-wrapper.front #ncm-topnav li a:visited,
#ncm-wrapper.front #ncm-topnav li a:active
{
	color: #D82226;
}

/* @end */

/* @group Front Page Lede 
   This is the large display block on the front page. It consists
   of a flash piece, static alternative non-flash content, and
   a video seletor.
*/

/* @group Static Flash Content 
   This content is displayed initially but is replaced if a video is played.
*/

#ncm-lede-img
{
	width: 551px; height: 451px;
	background: transparent url(../img/background-makeover.jpg) scroll no-repeat 0 0;
	margin: 6px 0 0 0; padding: 0;
	position: relative;
	overflow: hidden;
}

#ncm-lede-img h2
{
	position: absolute;
	left: -9999em;
}

#ncm-lede-img div.ncm-callout
{
	position: absolute;
	top: 120px;
	left: 18px;
	width: 230px;
}

#ncm-lede-img div.ncm-callout p
{
	line-height: 1.2em;
}

/* @end Static Flash Content */

/*	@group Video Browser 
   	This styles the list of video thumbnails.
*/

#ncm-video-nav, #ncm-video-nav li
{
	margin: 0; padding:  0; list-style:  none;
}

#ncm-video-nav
{
	position:  absolute;
	bottom:  0;
	left:  0;
	width: 531px;
	margin:  0 10px 5px 10px;
}

#ncm-video-nav li
{
	float:  left;
	width:  81px;
	margin:  4px;
	border-collapse: collapse;
}

#ncm-video-nav li.active
{
	height:  auto;
}

#ncm-video-nav li.active img.thumb
{
	border:  2px #fff solid;
	margin-bottom: 3px;
}

#ncm-video-nav li.active a
{
	display: block;
	color:  #fff;
	font-size: 11px;
	font-weight:  bold;
	line-height: 1em;
}

#ncm-video-nav li.active a.to-article
{
	background: transparent url(../img/arrow-white-right-transparent.png) scroll no-repeat 0 2px;
	text-indent: 8px;	
}

#ncm-video-nav li.ncm-blank
{
	height:  30px;
	width:  50px;
	background: url(../img/screen-nothumb.png);
	text-align: center;
	font-weight:  normal;
	font-size:  13px;
	color:  #fff;
	border:  2px #9F9F9F solid;
	padding: 10px 13px 16px;
}

/* @end */

/*	@group Video Player
	Positions and styles the Flash video player.
*/

/*	@end */	

/* @end Front Page Lede */

/** Alert Banner */

/* @group Alert Banner */

.ncm-alert
{
	margin: 7px 0 8px 0;
	width: 551px;
	background: #FCF587 url(../img/arrow-redYellow-right-med.png) scroll no-repeat 21px 50%;
}

.ncm-alert a
{
	font: bold 13px arial, helvetica, sans-serif;
	color: #8B4244;
	display: block;
	text-align: center;
	background: transparent url(../img/arrow-redYellow-left-med.png) scroll no-repeat right 50%;
	margin: 0 21px;
	padding: 6px 10px;
}

.ncm-alert a:hover
{
	text-decoration: none;
}

/* @end */

/* @group Promo blocks */

.ncm-cgroup
{
	margin-right: 7px;
}

.ncm-half-promo
{
	width:  270px;
	padding:  0;
	margin:  0;
}

.ncm-half-promo.primary
{
	float:  left;
}

.ncm-half-promo.secondary
{
	float:  right;
}

.ncm-half-promo h2 a
{
	display:  block;
	color:  #fff;
	text-align: center;
	background-color: #5A63BD;
	overflow: hidden;
	height:  24px;
	text-indent: -9999em;
	width:  100%;
}

.ncm-half-promo .promo-content
{
	min-height: 123px;
	border-top: 1px #fff solid;
	background-color: #e3e3e3;
	margin:  0;
	padding:  10px 10px;
	margin-bottom:  10px;
}

.ncm-half-promo .promo-content a:link,
.ncm-half-promo .promo-content a:visited,
.ncm-half-promo .promo-content a:active
{
	color: #084766;
}

.ncm-half-promo .promo-content p a:link,
.ncm-half-promo .promo-content p a:visited,
.ncm-half-promo .promo-content p a:active
{
	background: transparent url(../img/arrow-turq-right-transparent.png) scroll no-repeat right 50%;
	padding-right: 7px;
	font-size:  12px;
	font-weight: normal;
}

#ncm-diy h2 a
{
	background: #5A63BD url(../img/banner-diy.jpg) scroll no-repeat center 0;
}

#ncm-diy h3
{
	color: #232FA7;
	font-size: 24px;
	margin: 0 0 5px 0;
}

#articleBody #ncm-diy p
{
	font: 12px/1.4 arial, helvetica, sans-serif;
	margin:  0;
}

#ncm-diy p:first-line
{
	font: bold 13px/1.4 arial, helvetica, sans-serif;
}

#ncm-diy .promo-content
{
	background: #e3e3e3 url(../img/background-grey.jpg) scroll no-repeat;
}

#ncm-faq h2 a
{
	background: #5A63BD url(../img/banner-faqs.png) scroll no-repeat center 0;
}

#ncm-faq .promo-content
{
	background: #e3e3e3 url(../img/background-question.jpg) scroll no-repeat;
}

#articleBody #ncm-faq p
{
	color: #232FA7;
	font: bold 24px/1.5 helvetica, sans-serif;
	margin:  0;
}

#articleBody #ncm-faq p a
{
	vertical-align: 4px;
}

#ncm-win-makeover
{
	background: transparent url(../img/banner-makeover.jpg) scroll no-repeat center 0;
	clear:  both;
	height: 97px;
	position: relative;
}

#ncm-win-makeover h2
{
	text-indent:  -9999em;
}

#ncm-win-makeover a
{
	display: block;
	position: absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  97px;
	text-indent: -999em;
}

/* @end */

/* @end */

/* @group FAQ Page Rules */

#ncm-wrapper dl,
#ncm-wrapper dt,
#ncm-wrapper dd
{
	margin:  0; padding:  0;
}

#ncm-wrapper.faq #ncm-content
{
	border-top: 2px #959595 dotted;
	padding-top: 18px;
}

#ncm-wrapper.faq h2#ask-experts
{
	background:  url(../img/header-askexperts.png) scroll no-repeat;
	text-indent:  -9999em;
	height:  29px;
	width:  236px;
	margin-bottom:  9px;
}

#ncm-wrapper.faq .expert-panel
{
	border-collapse: collapse;
}

#ncm-wrapper.faq .expert-panel td
{
	vertical-align: top;
}

#ncm-wrapper.faq .expert-panel img
{
	padding: 1px;
	border:  1px #9F9F9F solid;
	margin-top: 2px;
}

#ncm-wrapper.faq .expert-panel dl
{
	margin-left: 4px;
}

#ncm-wrapper.faq .expert-panel dt
{
	font:  bold 12px arial, helvetica, sans-serif;
}

#ncm-wrapper.faq .expert-panel dd
{
	font:  normal 11px arial, helvetica, sans-serif;
	color:  #404040;
	margin:  0;
	padding:  0;
}

#ncm-wrapper.faq .expert-panel .photocredit
{
	display: block;
	font-style: normal;
	font-variant: normal;
}

#ncm-wrapper .faqlist
{
	clear:  both;
}

#ncm-wrapper .faqlist dt
{
	margin-top: 11px;
	border-top:  1px #E5E5E5 solid;
	font:  bold 18px arial, helvetica, sans-serif;
	color:  #8B4244;
	padding: 11px 0;
}

#ncm-wrapper .faqlist h4
{
	margin-bottom:  0;
}

#ncm-wrapper .faqlist ul
{
	margin: 0;
}

#ncm-wrapper .faqlist li
{
	margin-bottom:  .4em;
}

#ncm-wrapper .faqlist li cite
{
	color:  #404040;
	font-size:  10px;
	display: block;
	font-style: normal;
}

/* @end */

#ncm-wrapper.journal-index table
{
	clear: both;
	margin: 0; padding:  0;
	border-collapse: collapse;
}

#ncm-wrapper.journal-index td,
#ncm-wrapper.journal-index th
{
	border-top:  1px #e5e5e5 solid;
	vertical-align: top;
	padding: 10px 0;
}

#ncm-wrapper.journal-index td
{
	padding:  10px;
	color:  #404040;
}

#articleBody #ncm-wrapper.journal-index td h3
{
	font-size:  14px;
}

#ncm-wrapper.journal-index th .dateblock
{
	color:  #ebda4a;
	background-color:  #404040;
	padding:  1px 5px 6px 5px;
	line-height: .9;
}

#ncm-wrapper.journal-index span.date
{
	display:block;
	text-align:  center;
	font-weight:  bold;
	color:  #ebda4a;
	font-family:  arial,helvetica,sans-serif;
}

#ncm-wrapper.journal-index span.date.day
{
	font-size:  32px;
	color:  #fff;	
}

#ncm-wrapper.journal-index span.date.month
{
	font-size: 16px
}

#ncm-wrapper.journal-index span.date.year
{
	font-size:  14px;
}

#ncm-wrapper dl.list-pdf dt
{
	margin:  1em 0;
}

#ncm-wrapper dl.list-pdf dt a.link-pdf
{
	background-position: left 0;
	padding-left:  20px;
	padding-right:  0;
}