/* ------------------------------------------

Tony Sirois & Justin Schwinghamer
Mint.com

------------------------------------------ */


/* ============================================================================================================= **
**                                              A L L   M E D I A
** ============================================================================================================= */


/* ============================================================================================================= HTML5 ELEMENT DISPLAY */

/*
 * Add display for block-level HTML5 elements
 * Display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/* ============================================================================================================= BASE */

html { 
	overflow-y: scroll; 
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

body {
	background: white; /* Old browsers */

	font: 100%/1.2 'HelveticaNeue', Helvetica, Arials, sans-serif;
    color: #333; 
    margin: 0;
    padding: 0
}

/* Clear floats */ 
.clearfix:before, .clearfix:after { 
	content: ""; display: table; 
}

.clearfix:after { 
	clear: both; 
}

.clearfix { 
	zoom: 1; 
}

/* For image replacement */
.ir { 
	display: block; 
	border: 0; 
	text-indent: -999em; 
	overflow: hidden; 
	background-color: transparent; 
	background-repeat: no-repeat; 
	text-align: left; 
	direction: ltr; 
}

/* ............................................................................................................. Links */

a { 
    color: #1e5a8c; 
    text-decoration: none;
    cursor: pointer;
}

a:hover, 
a:focus, 
a:active { 
    border: 0; 
}

a:hover	{
    border-bottom: 1px solid #1e5a8c;
}

a:focus { 
	outline: none;
}

a:hover, a:active { 
	outline: 0; 
	border: 0;
	text-decoration: underline;
}

a.more	{
	position: relative;
	padding-right: 12px
}

a.more::after	{
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	height: 0;
	width: 0;
	border-color: transparent transparent transparent #1e5a8c;
	border-width: 4px;
	border-style: solid
}

a img	{
	border: 0
}


/* ............................................................................................................. General typography */


/* ............................................................................................................. Headings */

h1,
h2,
h3,
h4,
h5	{
	margin: 0;
	font-weight: normal;
}

h1	{
	font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2.375em; /* 38px */
    line-height: 1em;
    letter-spacing: -0.05em;
}

h1 a {
	color: #333333
}

.articles h1	{
	font-size: 2.1875em; /* 35px */
}

aside h1	{
	font-size: 1em; /* 16px */
	padding-bottom: 10px;
	border-bottom: 1px dotted #b1b1b1;
}

aside .graphs h1	{
	border-bottom: none
}

footer.feature h1	{
	font-size: 1.0625em; /* 17px */
	line-height: 71px;
	font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-weight: normal
}

.modal h1	{
	font-size: 1.875em; /* 30px */
	color: #158745;
	margin-bottom: 30px
}

.archive hgroup h1,
.search hgroup h1	{
	font-size: 2.8125em; /* 45px */
	margin-bottom: 13px;
	padding: 0 50px 13px 0;
	border-bottom: 1px dotted #b1b1b1;
}

.archive .articles article h1,
.search .articles article h1	{
	font-size: 1.1875em; /* 19px */
	margin-bottom: 8px;
	padding: 12px 40px 0 0;
}

h2 {
    font-size: 1.375em; /* 22px */
}

.articles h2,
article h2	{
    font-size: 1.25em; /* 20px */
    color: #329b61;
}

article h2 {
	font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.5em;
}

h2 a	{
	color: #329b61;
	font-weight: 200;
}

h1 a:hover,
h2 a:hover	{
	border-bottom: none;
}

.articles article hgroup	{
    margin-bottom: 15px;
}

article hgroup	{
	margin-bottom: 12px
}


/* ............................................................................................................. Firefox Heading Hacks */

@-moz-document url-prefix() {
	.articles h1	{
		font-size: 2.1875em; /* 35px */
		line-height:1.3em;
		margin-bottom: -10px
	}
	
	h1	{
		letter-spacing: -0.03em
	}
}


/* ............................................................................................................. Paragraphs / Quotes */

p {
	margin: 0 0 12px;
	padding: 0;
    font-size: 0.875em; /* 14px */
    line-height: 1.6em;
    word-wrap: break-word;
}

/* ............................................................................................................. Lists */

ul { list-style:square; }
ul, ol { padding: 0; margin: 0 0 1.5em; }
ul li, ol li { padding: 0; margin: 0 0 0.5em; }
nav ul, nav ol { list-style: none; }

article ul {
    font-size: 0.875em; /* 14px */
    line-height: 1.6em;
    margin-left: 17px;
    word-wrap: break-word;	
}

/* ............................................................................................................. Form elements */

button, input, select, textarea { 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 
	*vertical-align: middle; 
}

button, input { 
	line-height: normal; 
	*overflow: visible; 
}

table button, table input { 
	*overflow: auto; 
}

button, input[type="button"], input[type="reset"], input[type="submit"] { 
	cursor: pointer; 
	-webkit-appearance: button; 
}

input[type="checkbox"], input[type="radio"] { 
	box-sizing: border-box; 
}

input[type="text"].search { 
	-webkit-appearance: textfield; 
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
	outline: none;
	border: 0;
	color: #999;
	border: 1px solid #CCC;
	padding: 8px 30px 9px 9px;
	border-radius: 0;
	margin-left: 20px;
	width: 177px;
	background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UxNDg1NEFGOTU2MTFFMDlCMTNDRTgxRDZGMkM1N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UxNDg1NEJGOTU2MTFFMDlCMTNDRTgxRDZGMkM1N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTE0ODU0OEY5NTYxMUUwOUIxM0NFODFENkYyQzU3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTE0ODU0OUY5NTYxMUUwOUIxM0NFODFENkYyQzU3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po39rMsAAAEaSURBVHjajNIxSwJhHMfxK5VoKJwUc2gIsjBcLlsKGmptjpa2rkV8NSGEr8BegKPUYijl0NAmpAWRU0ODkknfR34XDw8m94cPz+M9/p577n+3EASBZ1UeO8jiG2/ooOc5Fde4glNsOevr2Mcd6vixgzFcYA0TPKCLJd19E4dYxo0dPFDI7FZxjtVU6AR7aIXri9jVnxqznkXH7GruhxdNMKX5k/d/PWvM2sEoNdY4sYMDzbfnBMNuv9vBR82PkJkRKmrTsON/Xb3XYhplNaOn15HTmqk2+nZwhCrOsIHjOcdN4tP8iPn+tMNDHeNLn1pC8xfc6gtaRUHdH8adXZvi1isudccSrqK+DtPNa53ChM+jBu3wB2q/AgwAQz47o+J4CLEAAAAASUVORK5CYII=) 190px 9px no-repeat;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

textarea { 
	overflow: auto; vertical-align: top; resize: vertical; 
}

/* ............................................................................................................. Custom Buttons */

.add-button-new .button{

    background: -moz-linear-gradient(center bottom , #FF9009 22%, #FFAA44 81%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    text-shadow: 0 -1px #C98B20;
    border-radius: 8px;
    border-bottom-style: none;
    border-style: none;
    left: 643px;
    font-family: "HelveticaNeue-Bold","HelveticaNeue",Helvetica,Arial,Sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    width: 160px;
    /*width: 266px;*/
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    top:-39px;

}

.intro {
    top: 4px;
    width: 25%;
    font-size: 14px;
    position: relative;
    left: 243px;
    clear: both;
    white-space: nowrap;
}

.green{
    color: #419d14;
}

.italic {
    font-style: italic;
}




.add-button-new2 .button{

    background: -moz-linear-gradient(center bottom , #FF9009 22%, #FFAA44 81%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    text-shadow: 0 -1px #C98B20;
    border-radius: 8px;
    border-bottom-style: none;
    border-style: none;
    left: 369px;
    font-family: "HelveticaNeue-Bold","HelveticaNeue",Helvetica,Arial,Sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 160px;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

}

.intro2 {

    font-size: 14px;
    position: relative;
    white-space: nowrap;
    width: 25%;
    white-space: nowrap;
    float: left;
}







button.button {
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-family: "HelveticaNeue-Bold","HelveticaNeue",Helvetica,Arial,Sans-serif;
    font-family: "HelveticaNeue-Bold","HelveticaNeue",Helvetica,Arial,Sans-serif;
    font-weight: bold;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}


.button	{
	display: block;
	-webkit-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2), 0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2), 0 2px 4px rgba(0,0,0,0.2);
	border-radius: 4px;
	color: white;
	padding: 0 11px;
	font-size: 0.875em; /* 14px */
	line-height: 34px;
	height: 34px;
	width: 87px;
	text-align: center;
	cursor: pointer
}

.button span	{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.button:hover	{
	border-bottom: none
}

.button.gray	{
	background: -webkit-linear-gradient(top, #808080, #595959);
	background: -moz-linear-gradient(top, #808080, #595959);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #808080 0%,#595959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #808080 0%,#595959 100%); /* IE10+ */
	background: linear-gradient(top, #808080 0%,#595959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#595959');
}

.button.gray:hover	{
	background: #595959;
}

.button.orange	{
	background: -webkit-linear-gradient(top, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%);
	background: -moz-linear-gradient(top, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%);
	background: -webkit-gradient(linear, left top, left bottom, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%); /* IE10+ */
	background: linear-gradient(top, #ffc25a, #ffa916 50%, #ffa100 50%, #ffa408 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc25a', endColorstr='#ffa408');
}

.button.orange:hover	{
	background: #ffa408
}

.button .nav-arrow-left	{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjREMDM0QjcwMjY3MTFFMUFEMkFGODM2REM2RTM4REYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjREMDM0QjgwMjY3MTFFMUFEMkFGODM2REM2RTM4REYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQwMzRCNTAyNjcxMUUxQUQyQUY4MzZEQzZFMzhERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQwMzRCNjAyNjcxMUUxQUQyQUY4MzZEQzZFMzhERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppzd39cAAAB3SURBVHjaYvz//z8DAcAExN4MIIV4sC4Qv/iPR4EAEB/8jwAP0BWwAHHzf0zwgAXqDkYgdgLiPbgcClKoDMQngFiEkI9eAfFeQl5Hdp8UyC3/sYMHTEh6ngGxAhA7EDIR3fcV+IIHHfMB8TKQSkYiohAEFAACDADp7dW17+VoDgAAAABJRU5ErkJggg==) no-repeat 0% 50%;
	padding-left: 18px
}

.button .nav-arrow-right	{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjREMDM0QkIwMjY3MTFFMUFEMkFGODM2REM2RTM4REYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjREMDM0QkMwMjY3MTFFMUFEMkFGODM2REM2RTM4REYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQwMzRCOTAyNjcxMUUxQUQyQUY4MzZEQzZFMzhERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQwMzRCQTAyNjcxMUUxQUQyQUY4MzZEQzZFMzhERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsrYTtMAAAB+SURBVHjaYvj//78cEDMQwiDiBRDvBGIhQgpBimCgA4hZiVEIAz5AzIiskIkBO9gMxLeBWAkmgEshCCgD8V0g3gTEAvgUwoAvEFsSUpgDxCxAvJ0Fh4JtQBwGxF9hAugKPwCxERDfx9AK9PodaJD4ogcJejhGAzEboSgECDAALQDJH+/HrWAAAAAASUVORK5CYII=) no-repeat 100% 50%;
	padding-right: 18px
}

.button .cta-arrow-right	{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTExODE0NDMwNEIxMTFFMTlBRUNDMDZERDAzRjA4ODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTExODE0NDQwNEIxMTFFMTlBRUNDMDZERDAzRjA4ODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTE4MTQ0MTA0QjExMUUxOUFFQ0MwNkREMDNGMDg4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTE4MTQ0MjA0QjExMUUxOUFFQ0MwNkREMDNGMDg4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkIEzhEAAACrSURBVHjaYmKAABYGHIAJJOnj42MKpBWwKly4cKH0ly9frt6/f389UKElhqL///8b//v37yyQ/v/p06frLi4uDkBhbnRFgkC8CqTo9+/fn/r7+6OBwmIY1gHly2GKDh061AYUYkdXIwlyy38EUGJA8qbK2bNnp4BEgW56D6TSYJLcINc/f/58D1TXO5DD4WZ+/PjRDORNqE6QbwQxfACVmIkhiawIV1ADBBgAtByInsTyg8EAAAAASUVORK5CYII=) no-repeat 100% 50%;
	padding-right: 18px;
}

.button.disabled, .button.disabled:hover {
	opacity: 0.5;
	background-color: #595959;
}

.line-button-text {
    position: relative;
    width: 550px;
}

#button-new {
    display: inline-block;
}

/* ============================================================================================================= STRUCTURAL COMPONENTS */

header[role="banner"],
section[role="main"],
footer[role="contentinfo"]	{
	width: 960px;
	margin: 0 auto;
	position: relative
}

nav[role="navigation"]	{
	margin: 0 auto;
	background: #272727;
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
}

section[role="main"]	{
	margin-top: 56px;
}

aside[role="complementary"]	{
	float: right;
	width: 300px;
	padding-right: 12px;
	overflow: hidden;
	padding-top: 4px
}

/* ............................................................................................................. Header */

header[role="banner"]	{
	height: 118px;
	border-bottom: 1px solid #CCC;
	-webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;

    position: fixed;
    background: #ffffff;
}

.header-wrapper {
    height: 118px;
    position: relative;
    width: 960px;
    margin: 0 auto;
    z-index: 100;
    opacity: 1;
}

#signup {
    padding: 3px 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #fd8a10;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

header[role="banner"].opening,
header[role="banner"].open	{
	border-bottom-color: transparent
}

.logo, .tagline	{
	position: absolute;
	bottom: 17px;
	display: block;
	background: url(../images/mint_life_logo.png) no-repeat;
}

.logo	{
	left: -6px;
	height: 62px;
	width: 259px;
	background-position: 0 0
}

.tagline	{
	left: 203px;
	height: 23px;
	width: 115px;
	background-position: -215px -39px
}

.logo:hover, .tagline:hover	{
	border-bottom: none;
}

header[role="banner"] section	{
	position: absolute;
	right: 12px;
	top: 15px;
    font-size: 14px;
	/*font-size: 0.6875em; *//* 11px */
}
 /*
.promotion	{
    position:relative;
    background: url("../images/banner-moneybooboo-blog-top.png");
    /*right: 12px;
    display: block;
    top: 8px;
    height:91px;
    width: 98%;
    /*left: 476px;
}

.prom-banner {

    display:block;
    height: 91px;
    margin: 0 auto;
    position: relative;
    width:960px;
}
*/
header[role="banner"] section span	{
	margin: 0 3px
}

header[role="banner"] form	{
	position: absolute;
	right: 12px;
	bottom: 7px;
	font-size: 0.875em; /* 40px */
	height: 35px;
}

.cat-chooser	{
	margin-right: 20px;
	position: relative;
	cursor: pointer;
    color: #1e5a8c; 
}

.cat-chooser:hover	{
	border-bottom: 1px solid #1e5a8c
}

.cat-chooser::after	{
	display: block;
	width: 1px;
	height: 35px;
	background: rgba(0,0,0,0.1);
	position: absolute;
	right: -20px;
	top: -9px;
	content: '';
}

.iphone-cat-chooser	{
	display: none;
}

/*

header[role="banner"] .cutout	{
	display: block;
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent #272727;
	border-style: solid;
	position: absolute;
	bottom: -2px;
	right: 315px;
	margin: 0;
	z-index: 1;
	padding: 0;
	opacity: 0;
}


header[role="banner"] .cutout-piece	{
	display: block;
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: transparent transparent white;
	border-style: solid;
	position: absolute;
	bottom: -2px;
	right: 315px;
	margin: 0;
	z-index: 2;
	padding: 0;
	opacity: 0;
}
*/



/* ............................................................................................................. Navigation */

nav[role="navigation"].open	{
	height: 240px;
	-webkit-transform: translate3d(0,0,0)
}	

nav[role="navigation"] ul	{
	width: 960px;
	position: relative;
	margin: 0 auto;
	opacity: 0;
	padding: 35px 0 40px 14px;
	-webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
}

nav[role="navigation"].open ul {
	opacity: 1
}

nav[role="navigation"] li	{
	float: left;
	display: block;
	font-size: 1.125em ;/* 18px */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.7);
	height: 57px;
	line-height: 57px;
	width: 236px;
	border-right: 1px solid #3b3b3b;
	margin: 0;
}

nav[role="navigation"] li.last	{
	border-right: none;
}

nav[role="navigation"] li a	{
	color: #dddddd;
}

nav[role="navigation"] li a:hover	{
	border-bottom: none;
	color: #ffffff;
}

nav[role="navigation"] span	{
	display: block;
}


nav[role="navigation"] .icon	{
	float: left;
	background: url(../images/sprite.png) no-repeat;
	width: 35px;
	height: 57px
}

nav[role="navigation"] .label	{
	padding-left: 58px;
	opacity: 0.6
}

nav[role="navigation"] li:hover .label	{
	opacity: 1
}

nav[role="navigation"] .consumer-iq .icon	{
	background-position: -843px -16px;
	margin-left: 21px
}

nav[role="navigation"] .consumer-iq:hover .icon	{
	background-position: -893px -16px;
}

nav[role="navigation"] .housing .icon	{
	background-position: -1155px -18px;
	margin-left: 23px
}

nav[role="navigation"] .housing:hover .icon	{
	background-position: -1225px -18px;
}

nav[role="navigation"] .planning .icon	{
	background-position: -1573px -20px;
	margin-left: 23px
}

nav[role="navigation"] .planning:hover .icon	{
	background-position: -1643px -20px;
}

nav[role="navigation"] .updates .icon	{
	background-position: -2000px -21px;
	margin-left: 20px
}

nav[role="navigation"] .updates:hover .icon	{
	background-position: -2070px -20px;
}

nav[role="navigation"] .credit .icon	{
	background-position: -940px -15px;
	margin-left: 19px
}

nav[role="navigation"] .credit:hover .icon	{
	background-position: -990px -15px;
}

nav[role="navigation"] .how-to .icon	{
	background-position: -1291px -20px;
	margin-left: 24px
}

nav[role="navigation"] .how-to:hover .icon	{
	background-position: -1361px -20px;
}

nav[role="navigation"] .saving .icon	{
	background-position: -1715px -20px;
	margin-left: 22px
}

nav[role="navigation"] .saving:hover .icon	{
	background-position: -1785px -20px;
}

nav[role="navigation"] .education .icon	{
	background-position: -1291px -20px;
	margin-left: 24px
}

nav[role="navigation"] .education:hover .icon	{
	background-position: -1361px -20px;
}

nav[role="navigation"] .goals .icon	{
	background-position: -1036px -19px;
	margin-left: 19px
}

nav[role="navigation"] .goals:hover .icon	{
	background-position: -1096px -19px;
}

nav[role="navigation"] .investing .icon	{
	background-position: -1427px -21px;
	margin-left: 19px
}

nav[role="navigation"] .investing:hover .icon	{
	background-position: -1497px -21px;
}

nav[role="navigation"] .trends .icon	{
	background-position: -1863px -20px;
	margin-left: 22px
}

nav[role="navigation"] .trends:hover .icon	{
	background-position: -1933px -20px;
}

nav[role="navigation"] .style .icon {
	background-position: -3268px -18px;
	margin-left: 14px;
}

nav[role="navigation"] .style:hover .icon {
	background-position: -3331px -18px; 
}

nav[role="navigation"] .family .icon {
	background-position: -3400px -18px;
	margin-left: 18px;
}

nav[role="navigation"] .family:hover .icon {
	background-position: -3462px -18px;
}

nav[role="navigation"] .close	{
	width: 14px;
	height: 15px;
	background: url(../images/sprite.png) -2137px -46px no-repeat;
	position: absolute;
	right: 21px;
	top: 18px;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
}

nav[role="navigation"].open .close	{
	opacity: 1
}

nav[role="navigation"] .close:hover	{
	opacity: 0.6
}


/* ............................................................................................................. Main content */

.articles	{
	width: 565px;
	float: left;
    border-bottom: 1px solid #BBBBBB;
    margin-bottom: 30px;
}

article .fb-comments-count	{
	background: gray;
	margin-left: 7px;
	height: 13px;
	width: 19px;
	display: inline-block;
	text-align: center;
	font-size: 0.6875em /* 11px */;
	color: white;
	font-family: 'HelveticaNeue-Bold', Helvetica, Arial;
	position: relative;
	bottom: 1px;
	line-height: 13px;
}

article .fb-comments-count::after	{
	display: block;
	height: 0;
	width: 0;
	content: '';
	position: absolute;
	left: 5px;
	bottom: -3px;
	border-width: 0 0 5px 5px;
	border-color: transparent gray;
	border-style: solid
}

article .fb-comments-count:hover	{
	border-bottom: none;
}

.articles img	{
	margin-bottom: 10px;
}

.articles .attachment-full-column	{
	max-width: 100%
}

.articles .attachment-half-column	{
	float: right;
	margin-left: 20px;
	max-width: 557px;
}

article .thumb-link:hover	{
	border-bottom: none;
}

.articles article	{
	width: 557px;
	padding-left: 8px;
}

article	{
	width: 537px;
	padding-left: 28px;
}

article img.size-full-column,
article img.attachment-full-column	{
	max-width: 100%;
}

article img.size-full-column	{
	margin-bottom: 12px	
}

article blockquote	{
	width: 200px;
	background: #f1f9f4;
	border: 1px solid #ecf8f1;
	display: block;
	margin: 0 18px 10px 0;
	padding: 20px 24px;
	font-size: 1.3125em; /* 21px */
	font-style: italic;
	float: left;
	color: #008641
}

article blockquote p	{
	margin: 0
}

article .social	{
	position: fixed;
	top: 180px;
	margin-left: -79px;
	width: 49px;
	list-style-type: none;
	-webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
	opacity: 0;
	text-align: right
}

article .social.visible	{
	opacity: 1
}

article .social.slide	{
	-webkit-transform: translate3d(0,245px,0);
	-moz-transform: translateY(245px)
}

article .social a	{
	display: block;
	width: 49px;
	text-align: center;
	font-family: 'HelveticaNeue-Bold', Helvetica, Arial, Sans-serif;
	font-weight: bold;
	font-size: 0.75em; /* 12px */
	color: white
}

article .social a:hover	{
	border-bottom: none
}

article .social .fb	{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAMAAACPHmKLAAAARVBMVEUAAAA7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZg7WZhBXptNaaJUbqVac6hmfa9sg7JyiLV4jbh/kryFl7+Xp8idrMwicPICAAAACnRSTlMACRgkP5OryeHtte8eOQAAAGtJREFUeNrt1L0OgDAIRlH8VxSttfL+j2p1cOrQb2rScCcScgYWiNHqF+JCCB4QXr/yxamgWBUVorF7Z8bExdlC5HiFF9kyhf6FkiJ9uYuDifqEfTgTJgqLZP3y7ZC6GRXUTqigZmRCGyjZA3NzWKTcnOsLAAAAAElFTkSuQmCC) no-repeat;
	padding-top: 25px;
	height: 24px;

}

article .social .tw	{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAMAAACPHmKLAAAAUVBMVEUAAAA7v/87v/87v/87v/87v/87v/87v/87v/87v/87v/9Bwf9Hw/5Nxf5Tx/5ZyP5fyv5lzP5qzv1w0P120f180/2C1f2I1/2N2f2T2vyZ3PzksPzQAAAACnRSTlMACRgkP5OryeHtte8eOQAAANFJREFUeNrtlN0OgyAMRt3/JgiIgPR7/wddZNNEVJBll54rAhzalEJVl3IYfzK6Ho6XGAZAm42hrRyHEgOGZQwBeP3Z5BEgnjZCKjQ4Cl9cxlAUDla1x4hMG3Y8GRMmbTSEBd65VHW5RwwZkTI6LCGdMphFhBO5O28iQ2W7REUpsU1jutx2Vi9Zbxv2k7CYVcuk+qqhvtOdRySkuoT3iND5bqdZAL7jDTLlECDb8t2vthFCsOOHO4zD+MFY5foKayVcnqVGdX6UGtXpHowibuvTb/ChZCQv1O+SAAAAAElFTkSuQmCC) no-repeat;
	padding-top: 26px;
	height: 23px;
}

article .social .su	{
     background-image: url(../images/share-article-stumbleupon.png);
    background-repeat: no-repeat;
    padding-top: 26px;
    height: 23px;

}

article .social .pin{
    background-image: url(../images/share-article-pinterest-icon.png);
    background-repeat: no-repeat;
    padding-top: 26px;
    height: 23px;
    }
/* ............................................................................................................. Import Cleanup */


.articles article img	{
	max-width: 100%
}

article img	{
/* commenting out as it only seems to affect infographics */
/*	max-width: 537px*/
}



/* ............................................................................................................. Archive */

section[role="main"].archive,
section[role="main"].search	{
	margin-top: 41px
}

section[role="main"].archive .articles,
section[role="main"].search .articles	{
	padding-left: 8px;
	width: 557px
}

.archive .attachment-archive-thumb,
.search .attachment-archive-thumb	{
	float: left;
	margin: 0 15px 0 0
}

.archive .articles article,
.search .articles article	{
	padding-bottom: 13px;
	margin-bottom: 13px;
	padding-left: 0;
}

.archive .articles .post-info,
.search .articles .post-info	{
	font-size: 0.75em; /* 12px */
	color: #999999
}

.archive article .fb-comments-count,
.search article .fb-comments-count	{
	float: right;
	position: relative;
	top: 17px;
	right: 7px
}

.archive aside,
.search aside	{
	padding-top: 55px
}


/* ............................................................................................................. Infographics */

article figure	{
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: 12px
}

article figcaption	{
	position: absolute;
	z-index: 2;
	background: #555555;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 37px;
	display: none
}

article.infographic figcaption	{
	display: block
}

article figcaption ul,
article figcaption li	{
	list-style-type: none;
	margin: 0;
	padding: 0
}

article.infographic figcaption a	{
	font-size: 0.9375em; /* 15px */
	color: white;
	height: 37px;
	line-height: 37px;
	width: 49%;
	text-align: center;
	font-weight: bold
}

article.infographic figcaption a:hover	{
	border-bottom: none
}

article.infographic .launch-infog	{
	float: left;
	border-right: 1px solid #878787
}

article.infographic .launch-infog span	{
	padding-left: 22px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAuUlEQVR42pXQTwsBQRyH8XXWUlLeghQXcXJTm5uD8m5ccPUCvBI3be0LcFCKRCkHF/9SLmo8W7a2bzO1Dp/L/OaZZsYzcy+PBaKs4qiID0xWcVTA89/IxxkvccXbFeVQQjnFR4CdPTIQDGpYwVg4gwOMiwZVHGXTCaFGSdDEVoILOhhpFAdtrC3B4Def6O+1sJHghn7qFlONlhI8EMhbZxo1sIfBHT3Lj3YxTiSLdUQYSmCVPq0iQ6cv+pbsP8MvHToAAAAASUVORK5CYII=) 0 50% no-repeat;
}

article.infographic .embed-infog	{
	float: right
}

article.infographic .embed-infog span	{
	padding-left: 29px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAYAAADgbT9oAAABJUlEQVR42pXTu0oDURRG4e0NFazGgFiJBqzsFC1M7w20EIwPIVhaKvgUQSvBKj6E0cInCApeS0XEFDZqYLuEBH42J0xSfIdhZvbizDBj7p5WsW2cYRgWZLjAMiylU3QNb3BUkcnQFGpwPGIeFqWi63iHt/xiUYa24OIJSzEcoxsh+oUyLNhHU+57iHGNroZoA7shGOPfcv89FjT8f7CCD43qTnPiPzL33I4byyYacvEVO7Au7eFT5l9QMpYbuDhvPUUvLkOjaiyzqMvJJo66DA6gEqI1TLTfcRG3cJEX709Er1CIX8VMD/G+ztH0dzyNehg4xohEx3AKF9cYz/vziol4SYbKiZ1meb+0xu9kx0MyNIoT2WkBlhfW+BwOYAmDOMQkLOUPBY+5dNvJgaoAAAAASUVORK5CYII=) 0 50% no-repeat;
}

/* Infographic wide view */
section[role="main"].wide article	{
	padding-left: 0;
	width: 960px
}

section[role="main"].wide img	{
	/* Disabling this until we can get 
	   agreement on a uniform width for infographics a*/
	/*max-width: 960px*/
}

section[role="main"].wide figcaption {
	display: none
}

section[role="main"].wide figcaption a	{
	width: 100%
}

/* Hide feature image from home page on AOL partnership post page */
article.partner figure > img {
	display: none;
}

/* Embed Infographic */

.overlay	{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	opacity: 0;
	background: white;
	z-index: 100	
}

.overlay.visible	{
	opacity: 0.7
}

.modal	{
	position: fixed;
	width: 412px;;
	padding: 33px;
	top: 40px;
	left: 0;
	z-index: 101;
	background: white;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-webkit-transform: scale3d(0.1,0.1,0.1);
	-moz-transition: all 0.5s ease;
	-moz-transform: scale(0.1);
}

.modal.visible	{
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale(1);
	opacity: 1
}

.modal .close	{
	width: 12px;
	height: 12px;
	float: right;
	position: relative;
	top: -20px;
	right: -20px;
	background: url(../images/sprite.png) no-repeat -3193px -51px;
	cursor: pointer;
	z-index: 101
}

.modal .close:hover {
	border-bottom: none;
	opacity: 0.8
}

.modal label	{
	font-weight: bold;
	font-size: 0.8125em; /* 13px */
	margin-bottom: 10px;
	display: block
}

.modal textarea	{
	width: 400px;
	border: 1px solid #cccccc;
	margin-bottom: 30px;
	font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #666666;
	height: 90px;
	padding: 5px
}

.modal figure	{
	overflow: hidden;
	margin: 0;
	padding: 0
}

.modal img	{
	max-width: 100%
}
/* ............................................................................................................. Prev / Next */


.articles nav	{
	margin: 0 auto 80px;
	width: 170px;
	height: 34px;
	line-height: 34px
}

.articles nav li	{
	margin: 0;
	padding: 0;
	text-align: center;
    position: relative;
    top:28px;

}

.articles nav a {
	width: 34px;
	padding: 0
}

.articles .nav-arrow-left,
.articles .nav-arrow-right	{
	padding: 6px
}

.articles .pagination span	{
	font-family: 'HelveticaNeue-Bold', Helvetica, Arial, san-serif;
	color: #999999;
	font-size: 1.125em; /* 18px */
	line-height: 37px;
}

.articles .pagination .divider {
	font-style: italic
}

.articles .nav-li {
    z-index: 2;
}

article nav	{
	width: 289px;
	margin: 0 auto 60px auto
}

article nav li	{
	display: block;
}

.articles nav .previous,
article nav .previous	{
	float: left;
}

.articles nav .next,
article nav .next	{
	float: right
}

/* ............................................................................................................. Infinite Scroll */

.articles .newContent	{
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease
}

.articles .newContent.visible	{
	opacity: 1
}



/* ............................................................................................................. Aside */

aside section	{
	margin-bottom: 42px
}

/* Sidebar connect */

aside .friends	{
	border-bottom: 1px dotted #b1b1b1;
	margin: 10px 0;
}

aside .fb-like	{
	margin-bottom: 10px;
}

aside .connect a	{
	height: 40px;
	display: block;
	float: left;
	line-height: 40px;
	font-size: 0.875em; /* 14px */
	color: #666666;
}

aside .connect a:hover	{
	border-bottom: none;
}

aside .connect .first.row	{
	border-bottom: 1px dotted #b1b1b1
}

aside .network	{
	float: left;
	width: 148px;
	margin: 9px 0 6px;
	border-right: 1px dotted #b1b1b1;
}

aside .network.last	{
	border-right: none
}

aside .connect .icon	{
	background-image: url(../images/sprite.png);
	margin-right: 10px;
}

aside .fb .icon	{
	width: 42px;
	background-position: -590px -25px
}

aside .tw .icon	{
	width: 54px;
	background-position: -644px -24px;
	margin-left: 7px
}

aside .rss .icon	{
	width: 42px;
	background-position: -712px -24px;
	position: relative;
	bottom: 2px
}

aside .email .icon	{
	width: 54px;
	background-position: -772px -28px;
	margin: 0 2px 0 14px;
}

aside .email .text,
aside .rss .text	{
	position: relative;
	bottom: 5px
}

/* Sidebar ads */

aside .ad	{
	margin: 0 0 10px 0;
	text-align: center;
}


aside .small-ad figure {
	text-align: left;
}

/* Sidebar lists */

aside ul	{
	list-style-type: none
}

aside li	{
	color: #999999;
	font-size: 0.6875em; /* 11px */	
	padding: 11px 0 10px;
	border-bottom: 1px dotted #b1b1b1;
	margin: 0
}

aside li:last-child	{
	border-bottom: none
}

aside li .primary	{
	font-size: 1.1818em; /* 13px */
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 290px;
	overflow: hidden;
	margin: 0
}

aside .graph .primary	{
	width: 230px
}

aside li .secondary	{
	color: #999999
}

aside a:hover	{
	border-bottom: none
}

/* Sidebar graphs */

aside .graph	{
	margin-top: 5px;
	overflow: hidden
}

.graph .item	{
	background: #f5f5f5;
	padding: 0;
	margin: 0;
	height: 42px;
	width: 300px;
	position: relative;
	margin-bottom: 3px;
	border-bottom: none;
	display: block;
	overflow: hidden;
}

.graph .bar	{
	width: 100%;
	height: 42px;
	position: absolute;
	top: 0;
	background: #b4e37b;
	left: -100%
}

.csstransitions .graph .bar	{
	left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;  
	-ms-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translateX(-100%);
}

.graph .item:nth-child(1) .bar	{
	background: #fed768
}

.graph .item:nth-child(2) .bar	{
	background: #f4ec6d
}

.graph .item:nth-child(3) .bar	{
	background: #b4e37b
}

.graph .item:nth-child(4) .bar	{
	background: #cfebad
}

.graph .item:nth-child(5) .bar	{
	background: #e3f1d2
}

.graph .item:nth-child(6) .bar	{
	background: #e7f2d9
}

.graph .labels	{
	z-index: 1;
	position: absolute;
	top: 8px;
	left: 10px;
	opacity: 0;
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	transition: all 1s ease;
}

/* Single line graph labels */
.graph.single-line .labels	{
	top: 14px;
	font-size: 1.1818em /* 13px */

}

.graph .value	{
	position: absolute;
	right: 10px;
	top: 12px;
	background: #dadada;
	height: 17px;
	width: 44px;
	text-align: center;
	font-size: 1.1818em /* 12px */;
	color: #676767;
	line-height: 17px;
	text-shadow: 0 1px 1px white;
	z-index: 2;
	font-weight: bold;
	opacity: 0;
	border-radius: 2px;
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	transition: all 1s ease;
}

/*  ............................................................................................................ Additional ads */
.leaderboard-ad {
	margin: 0 0 58px 0;
}

/* ............................................................................................................. Footer */

footer[role="contentinfo"]	{
	padding: 41px 0 150px;
}

footer[role="contentinfo"]:before	{
	height: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
	content: '';
	top: 0;
	left: 0;
	display: block;
}

footer[role="contentinfo"] .links	{
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 28px;
	padding-bottom: 31px
}

footer[role="contentinfo"] section	{
	font-size: 0.625em; /* 10px */
	color: #777777;
}

footer[role="contentinfo"] section > nav	{
	float: left;
	width: 189px;
}

footer[role="contentinfo"] a	{
	color: #777777
}

footer[role="contentinfo"] a:hover	{
	border-bottom: 1px solid #777777
}

footer[role="contentinfo"] .header	{
	font-weight: bold;
	margin-bottom: 12px
}

footer[role="contentinfo"] ul	{
	margin-bottom: 0
}

footer[role="contentinfo"] li	{
	margin-bottom: 2px
}

footer[role="contentinfo"] .intuit-logo	{
	background: url(../images/sprite.png) no-repeat -492px -38px;
	width: 75px;
	height: 23px;
	margin-bottom: 12px;
}

footer[role="contentinfo"] .copy	{
	margin-top: 19px
}

/* Feature footer */


footer.tabletAd {
  display: none;
}

footer.feature	{
	position: fixed;
	bottom: -508px;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease
}

footer.feature.off	{
	bottom: -579px;
}

footer.feature .content	{
	width: 960px;
	margin: 0 auto;
}

footer.feature header .button	{
	float: right;
	margin: 18px 12px;
	font-size: 0.7647em; /* 13px */;
	font-weight: bold
}

footer.feature.open header .button	{
	background: #3d8e60
}

footer.feature.open .button .closed,
footer.feature .button .open	{
	display: none;
}

footer.feature.open .button .open	{
	display: inline
}

footer.feature header	{
	background: rgb(71,169,114);
	height: 71px;
	line-height: 71px;
	font-size: 1.0625em; /* 17px */
	color: white
}

.rgba footer.feature header	{
	background: rgba(71,169,114,0.95);
}

footer.feature .icon	{
	float: left;
	background: url(../images/sprite.png) -2378px -12px no-repeat;
	line-height: 71px;
	width: 49px;
	height: 49px;
	margin: 12px 15px 12px 0
}

footer.feature section	{
	height: 458px;
	padding-top: 50px;
	background: -webkit-linear-gradient(top, #e1faed 0%, #d7efe4 50%, #e2fbee 50%, #dcece5 100%);
	background: -moz-linear-gradient(top, #e1faed 0%, #d7efe4 50%, #e2fbee 50%, #dcece5 100%);
	text-align: center;
	position: relative
}


footer.feature section .poster	{
	position: absolute;
	top: 30px;
	background: url(../images/screens.png) no-repeat;
	width: 811px;
	height: 313px;
	margin: 0 auto;
	cursor: pointer;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	transition: all 1s ease;
}

footer.feature section .poster.visible	{
	opacity: 1
}

footer.feature video	{
	position: absolute;
	background: white;
	top: 30px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	transition: all 1s ease;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2)
}

footer.feature video.visible	{
	opacity: 1
}


footer.feature section p	{
	font-size: 1em; /* 16px */
	line-height: 1.2em;
	padding-top: 305px;
}

footer.feature section .button	{
	width: 198px;
	font-weight: bold;
	margin: 0 auto
}

footer.feature.open	{
	-webkit-transform: translate3d(0,-508px,0);
	-moz-transform: translateY(-508px)
}

footer.feature .copy	{
	opacity: 0;
	-webkit-transition: all 1s ease;  
	-moz-transition: all 1s ease;  
	-ms-transition: all 1s ease;  
	-o-transition: all 1s ease;  
	transition: all 1s ease;
			
}

footer.feature .copy.visible	{
	opacity: 1
}




/* ============================================================================================================= ARTICLE COMPONENTS */

.articles article	{
	padding-bottom: 27px;
	margin-bottom: 40px
}

.articles > article:last-of-type	{
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 24px
}


/* ............................................................................................................. Post (shared components) */


/* ...................................................... Footer */

article footer ul	{
	border-right: 1px dotted #cccccc;
	display: block;
	float: left;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
	height: 25px
}

article footer li	{
	display: block;
	float: left;
	margin-right: 5px
}

article footer li a	{
	display: block;
	text-align: center;
	padding-top: 17px;
	color: #666;
	font-family: 'HelveticaNeue', Helvetica, Arial, Sans-serif;
	font-size: 0.6875em /* 16px */
}


article footer li a:hover	{
	border-bottom: none;
}

article footer .fb	{
	width: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAAAfklEQVQ4y2Owjpzxn1aYYfgb3jR17/8rt1/8f/P+6/+9x+9Q13CYwQ+evv8/a+Up6hoOMhiEe+cfpm6wwAyGYaoGC8i1yAaDwn9oBMuo4QNj+GjBRT3D//8njIEKpYF4O7JGYvQRZTiSJWlA/JkmhkMtUAHikzQxHGoBMzHqAEkRhkIvLAV5AAAAAElFTkSuQmCC) no-repeat; 
}

article footer .tw	{
	width: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAAA00lEQVR42u2UrQoCQRSFF3wMq29ht9vNYvYB7Jvtdrtg3CAIKgiGhQmCyAZBRBAxmI5zMBzYQRkuKwgavjCze7+Z+8MkzQz4FD8kH+RAdgT6G5NcktEOaM+111sDp/uT/AJ0liY5AyUaFzyEN+Za7G9Aa2aQU1YWaS2YXeoMNWegRCHKzCBnaVbn9+LUsTSRcjWQcCpCoZqq/6LlkwNvRMImqgfGadFkCMFvQYa2mg+3InWU/t+WL5dHUfdMS8EJAV4jQRxdz7V6uWh4FtXLRS1G/gADp6CPaOUUJQAAAABJRU5ErkJggg==) no-repeat; 
}

article footer .su {
	width: 23px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAAB7ElEQVQ4EWN0W+f/n4FGgIlG5oKNJdvwSQ7dDC1WdXjdxoJXFo8kHxsvw38gxAfIcjkjAyPDv///GP7++4vPbAasLhdg52fgZuUGGoEAP/7+ZHjz/S1cgJERWRYujMLAMDxY1Z8hSj2MgQdoODL4/e83w44HeximXZrN8P8//uCA6UMxXIhDkCFRK4bh/Y8PDJvubQWrYWdmZ2BmZGYwFNVj8FXyZNh8fzvDw0+PiLIAxXAOZg4GViZWhk+/PgMNeMzw7c83htMvz4ENClENYEjVSWDgYuGEOYwgjWL4q++vGPY9PsjgJGvPUGlaDNZ86sUZhtrjLQxMjJC4JzZIQJpRDP8DjP3OM/0M868tYeAABkesZiSDnbQ1AzszGwPQ+WDLfv77BaZBEQqzECyAhYAbHqkeAlb8D2gIKPJAQJpHiuHr728MIEvf//wIFvNScGW4++E+gxS3JMPNd7fBYrgIuOFxmlHApIeavL4Cw3zBtaUMf///ZTj+/BTDhdeXGNzlXRmYFZgYnn99wbD69npc5oLFGUdewYU3PKCSZJUtxBgMUsOInm7d1wdg0ysNFJwDxB5IkqixD5XYGbgBroRYlz8F6vAE4nQg/gLXTYBBrOEwY2YBGYZAfAomgI8m1XCQWXeA2AqfoTA5AFoVklUZwAY5AAAAAElFTkSuQmCC) no-repeat;
}

.articles article footer	{
	font-size: 0.75em; /* 12px */
	line-height: 19px;
	height: 25px;
	margin-bottom: 0
}

article footer	{
	font-size: 0.875em; /* 14px */
}

article footer .tags	{
	padding-bottom: 40px;
	margin-bottom: 45px;
	border-bottom: 1px dotted #b1b1b1
}

article .fb-comments	{
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px	
}

/* ............................................................................................................. Main post */

article .post-info	{
	font-size: 0.875em; /* 14px */
	margin-bottom: 20px
}

article .post-content	{
	margin-bottom: 20px
}

article .post-content h2 {
	margin-top: 22px;
}


/* ============================================================================================================= ANIMATIONS */





/* ============================================================================================================= **
**                                       N A R R O W   V I E W P O R T S
** ============================================================================================================= */

/* iPad CSS */
@media only screen and (device-width: 768px) {
	nav[role="navigation"]	{
		height: 245px;
		position: fixed;
		top: 0;
		left:0;
		-webkit-transition: all 0.5s ease;
		z-index: 100;
		-webkit-transform: translate3d(0,-110%,0);
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3)
	}	
	
	nav[role="navigation"] ul	{
		opacity: 1;
		-webkit-transform: translate3d(0,0,0)
	}

    .articles {
        width: 100%;
    }
	
	.articles article	{
        width: 100%;
		border-bottom: 1px solid #dddddd;
	}
	
	aside h1	{
		border-bottom: 1px solid #dddddd;
	}
	
	aside .friends	{
		border-bottom: 1px solid #dddddd
	}
	
	aside .connect .first.row	{
		border-bottom: 1px solid #dddddd
	}
	
	aside .network	{
		border-right: 1px solid #dddddd;
	}

	aside li	{
		border-bottom: 1px solid #dddddd;
	}
	
	article .social	{
		display: none
	}

    footer .webAd {
        display: none;
    }
}

/* iPhone CSS */
@media only screen and (max-device-width: 480px) {

	body	{
		background: white;
	}
		
	html.touch header[role="banner"]	{
		height: 50px;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
		background: -webkit-linear-gradient(top, rgb(255,255,255), rgb(228,229,233));
		line-height: 14px;
		padding: 0 20px;
		border-bottom: 1px solid #b5b9bc;
		padding: 0;
		margin: 0;
		-webkit-box-shadow: 0 -2px 0 -1px #d5d6da inset
	}
	
	header[role="banner"] form input,
	header[role="banner"] .cat-chooser,
	header[role="banner"] section,
	header[role="banner"] .tagline,
	footer[role="contentinfo"],
	footer.feature,
	aside,
	.addthis_toolbox,
	.post-comment-display,	
	article .fb-like,
	article .fb-comments	{
		display: none
	}
	
	.iphone-cat-chooser	{
		display: block;
		position: absolute;
		right: 8px;
		bottom: 11px;
		padding-right: 14px;
		text-align: right;
		letter-spacing: -0.02em;
		text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	}

	.iphone-cat-chooser:hover	{
		border-bottom: none
	}
	
	.iphone-cat-chooser:after	{
		display: block;
		content: '';
		position: absolute;
		border-width: 8px 5px;
		border-color: #1e5a8c transparent transparent;
		border-style: solid;
		right: 0;
		top: 4px
	}
	
	.iphone-cat-chooser.slide:after	{
		display: block;
		content: '';
		position: absolute;
		border-width: 8px 5px;
		border-color: transparent transparent #1e5a8c;
		border-style: solid;
		right: 0;
		top: -4px
	}

    .header-wrapper {
        width: 100%;
        height: 10px;
    }
		
	.logo	{
		background: url(../images/mint_life_logo_iphone.png);
		bottom: 10px;
		left: 9px;
		-webkit-transform-origin: left bottom;
		width: 132px;
		height: 32px
	}
	
	nav[role="navigation"]	{
		height: 367px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 101;
		margin: 0;
		padding: 0;
		background: rgba(39,39,39,.98);
		-webkit-transition: -webkit-transform 0.75s ease-in-out;
		-webkit-transform: translate3d(0,-100%,0);
		-webkit-box-sizing: border-box;
		padding: 20px 0
	}

	nav[role="navigation"].slide	{
		-webkit-transform: translate3d(0,50px,0)
	}
	
	nav[role="navigation"] .icon	{
		margin: 0;
		padding: 0;
		width: 34px
	}
	
	nav[role="navigation"] .consumer-iq .icon	{
		background-position: -837px -16px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .housing .icon	{
		background-position: -1151px -18px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .planning .icon	{
		background-position: -1570px -20px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .updates .icon	{
		background-position: -2000px -21px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .credit .icon	{
		background-position: -937px -15px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .how-to .icon	{
		background-position: -1286px -20px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .saving .icon	{
		background-position: -1715px -20px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .education .icon	{
		background-position: -1291px -20px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .goals .icon	{
		background-position: -1036px -19px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .investing .icon	{
		background-position: -1427px -21px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .trends .icon	{
		background-position: -1863px -20px;
		margin-left: 8px
	}
	
	
	nav[role="navigation"] .label	{
		padding-left: 3px;
		opacity: 1
	}
	
	nav[role="navigation"] ul	{
		opacity: 1;
		width: 100%;
		margin: 0;
		padding: 0
	}

	nav[role="navigation"] li	{
		width: 50%;
		margin: 0;
		padding: 0;
		height: 20%;
		-webkit-box-sizing: border-box;
		height: 65px
	}
	
	nav[role="navigation"] li.education	{
		display: none;
	}
	
	nav[role="navigation"] li.housing,
	nav[role="navigation"] li.updates,
	nav[role="navigation"] li.how-to,
	nav[role="navigation"] li.goals,
	nav[role="navigation"] li.trends {
		border-right: none;
		padding-left: 2px
	}

	
	section[role="main"]	{
		padding: 60px 0 0 
	}
		
	section.articles	{
		width: 100%;
		margin: 0;
		padding: 0	
	}
	
	.articles article	{
		width: 100%;
		padding: 10px;
		margin: 0;
		-webkit-transition: -webkit-transform 0.5s ease;
		margin-bottom: 8px
	}
	
	.articles article footer ul	{
		display: none
	}
	
	article	{
		width: 100%;
		padding: 10px;		
		margin: 0;
		-webkit-box-sizing: border-box
	}
	
	.articles h1,
	article h1	{
		font-size: 1.25em
	}
	
	.articles h2,
	article h2	{
		font-size: 0.875em;
		margin-bottom: 3px
	}
	
	p	{
		font-size: 0.875em
	}
	
	article blockquote	{
		width: 100%;
		-webkit-box-sizing: border-box
	}
		
	/* Infographic */
	article.infographic figcaption a	{
		-webkit-box-sizing: border-box;
		width: 100%;
	}
	
	article.infographic .launch-infog	{
		border-right: none
	}
	
	.infographic figcaption .embed-infog	{
		display: none
	}
		
	section[role="main"].wide img	{
		max-width: 100%;
		max-height: none
	}
	
	section[role="main"].wide	{
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		padding-left: 10px
	}
	
	/* Archive */
	section[role="main"].archive .articles	{
		width: 100%;
		padding: 0;
		margin: 0
	}
	
	section[role="main"].archive	{
		padding: 28px 0 0 
	}

	
	.archive .articles article	{
		width: auto;
		padding: 10px;
		margin: 0;
		-webkit-transition: -webkit-transform 0.5s ease
	}

	.archive hgroup h1	{
		padding-left: 10px;
		font-size: 1.607em
		
	}
	
	.archive .articles article h1, .search .articles article h1 {
		padding: 5px 0 0
	}
	
	.archive .fb-comments-count	{
		display: none
	}
	
	.archive .articles > article:last-of-type {
		margin-bottom: 24px
	}

    footer.webAd {
        display: none;
    }
    footer.tabletAd {
        display: none;
    }
}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
	section[role="main"]	{
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box
	}

    .articles {
        width: 100%;
    }

     .articles article{
        width: 100%;
    }
	
	.articles .attachment-full-column,
	article img.size-full-column, 
	article img.attachment-full-column,
	article img	{
		max-width: 100%;
		max-height: 100%;
	}
	
	.articles .attachment-half-column,
	article img.size-half-column, 
	article img.attachment-half-column	{		
		max-width: 50%
	}
	
	article.infographic figcaption a	{
		font-size: 0.8375em; /* 15px */
	}
	
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
	section[role="main"]	{
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box
	}
    .articles {
        width: 100%;
    }

    .articles article {
        width: 100%;
    }
	
	.articles .attachment-full-column,
	article img.size-full-column, 
	article img.attachment-full-column,
	article img	{
		max-width: 100%;
		max-height: 100%;
	}
	
	.articles .attachment-half-column,
	article img.size-half-column, 
	article img.attachment-half-column	{		
		max-width: 50%
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)	{

	
	article.infographic .launch-infog span	{
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QzFBMjVCMTA5MUIxMUUxQkQxOUQyMzc4MjhCNzY5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QzFBMjVCMjA5MUIxMUUxQkQxOUQyMzc4MjhCNzY5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMUEyNUFGMDkxQjExRTFCRDE5RDIzNzgyOEI3Njk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhDMUEyNUIwMDkxQjExRTFCRDE5RDIzNzgyOEI3Njk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PW1vHgAAAZNJREFUeNrslksrRGEcxs9wpFwKuWRF8ZWocRmz0AmLidhQiA0bkYnyJSxobOkoasxaEyufQBGGMY7nr2dqmuac91IjC0/9Zk7Nec/z/m/vmVhw5IgawadTRzVUXBd+y8j5N/rzRk31NHL5XQI9IKax5ov3JoEHuk2MRI+am+sF82AMtJtGpKtmkABx0GGTOh0NgzkwATpta6SSpGgWTJuky9Soj4WP25rozFE/WAcLvA7TBzizNWphJAlGFaVLsG2TukHWQwrfGrH+GfhgB+RMI+rinKyAgYi1ATgFS44XnJs2g9RhEowrTgmpyTU4hElep95u1ZwsglFGFaZ3cALS4Mq0vWXKp8CMxjl3AdZA3nSOhlj0JPMelrI3kAV7piZloy0worivCI7BBri3Hdgsixsm+Xd0Aw5sTcoRpdltqRpdKBvIgH1uSKVSVETSRct8WLHqd5+F96Me8iMveMFnWxhuxc5X2QwpvtZzTNcdu00tLyjozNEr2OQZJ7vYBbeK+lm/Jp6YKpmrhxqptNa3AAMAQ75Tg+VTN0IAAAAASUVORK5CYII=) no-repeat 0 50%;
		-webkit-background-size: 13px 14px;
	}
	
	.button .nav-arrow-left	{
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAvklEQVR42tXWIQoCURSFYUEwDQgmFzBpYKrVahJcgMnkAkxWq2AyCe7AanIBVsHkAiaZBEEQjn+55eYzwQNf/cvw5r2OJLcCG5Tu8BwNxGpXdISrYqb4EAfFTPEeVnhBzvgUD8VM8QpnxUzxPnb4Qq54F0s8FTPFx7gpZoqXOMmzOh/ZN+SML9Ao9k9xqMAWH3O8/Q+aTXA3x9s/RNkAe/fxzypc3PFs5v7lZj2s3ZdFNsTREHdd0P6nhf9R9AP+Exp4dUgtywAAAABJRU5ErkJggg==) no-repeat 0% 50%;
		padding-left: 18px;
		-webkit-background-size: 11px 13px;
	}

	.button .nav-arrow-right	{
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjJBNDk0MjA5NUQxMUUxQkQxOUQyMzc4MjhCNzY5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjJBNDk0MzA5NUQxMUUxQkQxOUQyMzc4MjhCNzY5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyMkE0OTQwMDk1RDExRTFCRDE5RDIzNzgyOEI3Njk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyMkE0OTQxMDk1RDExRTFCRDE5RDIzNzgyOEI3Njk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XyJe2gAAASBJREFUeNq01jFrwkAYxvFrLJ0CgpMfwKmgYzo6dHEq2L3dKzgVnYQuDoKLg3QQwW9Q6dROpWuyFDq41L1d6qKTIOn/6AWKHiV6bx74Zcjw5njuSKLiOC6hCx9Kkr6U49984iqr4UlCBBLDPbWbACHGKCqXWFb+N0u0cCJViy0fuJCoxZYSHvGE07SteHu2WMM7Bsi7dv5fvnGDnGstthRwjzdUJWqxpYxXPJi9ER2epG72owtf3zjSnZubkvlCx1MZ5lh43hpD3GElOXyKNuaSK5/hFs+SR3GBBiq2wYeufIORPg3mAWIb+oKmqULsxaU36RLnaQenWfkKPfTNMRP7Ek1QdPmG2lYemV4j1zPqbb0PrnEmMTipJbOfoh8BBgABJXrh4FNIlQAAAABJRU5ErkJggg==) no-repeat 100% 50%;
		padding-right: 18px;
		-webkit-background-size: 11px 13px
	}
	
	.articles .nav-arrow-left, 
	.articles .nav-arrow-right	{
		padding: 6px
	}
	
    
    
}

/* BEGIN single blog page */

.blog-page article {
	margin: 0 auto;
	width: 960px;
}

/* END single blog page */

.obamacare-widget{
    width:300px;
}
