/*           MassMutual Half A Paycheck     */
/*            Inner Page Content Styles     */
/*                  Genuine Interactive     */
/*                              6.22.09     */

body.inner #content {
	padding-bottom: 13px;
}

body.inner #content #left-column {
	float: left;
	width: 671px;
}

body.inner #content #right-column {
	float: right;
	width: 281px;
}

/********************************************/
/*                   Left Column Styles     */
/********************************************/
body.inner  #content #left-column a.green-link-small {
	display: block;
	background: #48ac47 url(../images/inner-green-link-small-bg.gif) no-repeat left top;
	width: 147px; height: 27px;
	line-height: 27px;
	font-size: 1.25em;
	color: #fff;
	padding-left: 13px;
}

/* intro pictures with text */
body.inner #content #left-column p.intro-image {
	color: #1c1c1c;
	font-size: 0.95em;
	line-height: 1.5em;
	margin-bottom: 9px;
}

body.inner #content #left-column span.asterisk {
	color: #2b7fcd;
	font-size: 1.1em;
}

body.inner #content #left-column span.disclaimer {
	display: block;
	margin-top: 0.2em;
	color: #4e4e4e;
	line-height: 1.2em;
}

body#individual  #content #left-column p.intro-image {
	width: 497px;
	height: 85px;
	padding: 274px 30px 0 144px;
	background: #fff url(../images/individual-intro-bg.jpg) no-repeat left top;
}

body#employers  #content #left-column p.intro-image {
	width:501px; height:134px;
	padding:225px 30px 0 140px;
	background: #fff url(../images/employers-intro-bg.jpg) no-repeat left top;
}

/* lower content */
/* individual page */
body#individual  #content #left-column #income-gap {
	width: 397px; height: 110px;
	padding: 16px 30px 0 227px;
	margin-left: 8px;
	background: transparent url(../images/income-gap-bg.jpg) no-repeat left top;
}

body#individual  #content #left-column #income-gap h3 {
	color: #055eaf;
	font-size: 2.6em;
	font-weight: normal;
	margin-bottom: 0.2em;
}

body#individual  #content #left-column #income-gap p {
	color: #323232;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

/* small business page */
body#small-business  #content #left-column #business-valuation-tool {
	float: left;
	width: 213px; height: 82px;
	padding: 18px 24px 0 88px;
	margin-left: 8px;
	display: inline; /* fix ie6 doubled margin */
	background: transparent url(../images/business-valuation-tool-bg.jpg) no-repeat left top;
}

body#small-business  #content #left-column #business-expense-tool {
	float: right;
	width: 213px; height: 82px;
	padding: 18px 24px 0 88px;
	margin-right: 8px;
	display: inline; /* fix ie6 doubled margin */
	background: transparent url(../images/business-expense-tool-bg.jpg) no-repeat left top;
}

body#small-business  #content #left-column #business-valuation-tool a, body#small-business  #content #left-column #business-expense-tool a {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.3em;
}

body#small-business  #content #left-column #business-valuation-tool a {
	color: #06a7e1;
}

body#small-business  #content #left-column #business-expense-tool a {
	color: #088100;
}

body#small-business  #content #left-column #business-valuation-tool p, body#small-business  #content #left-column #business-expense-tool p {
	color: #141414;
	font-size: 0.9em;
	line-height: 1.27em;
}

/* employers page */
body#employers #content #left-column #get-started {
	float: left;
	width: 224px; height: 113px;
	padding: 13px 19px 0px 27px;
	margin-left: 8px;
	display: inline; /* fix ie6 doubled margin */
	background: transparent url(../images/get-started-bg.jpg) no-repeat left top;
}

body#employers #content #left-column #get-started h3 {
	color: #06a7e1;
	font-size: 1.5em;
}

body#employers #content #left-column #get-started p {
	margin-top: 0.8em;
	color: #141414;
	font-size: 0.9em;
	line-height: 1.35em;
}

body#employers #content #left-column #get-started a {
	float: left;
	padding: 0.8em 10px 0.8em 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #06a7e1;
	background: transparent url(../images/arrow-dots-light-blue.gif) no-repeat right center;
}

body#employers #content #left-column #why-good-decision {
	float: right;
	width: 359px; height: 113px;
	margin-right: 8px;
	display: inline; /* fix ie6 doubled margin */
	padding: 13px 8px 0 12px;
	background: transparent url(../images/why-good-decision-bg.jpg) no-repeat left top;
}

body#employers #content #left-column #why-good-decision h3 {
	color: #277ac7;
	font-size: 1.5em;
	line-height: 1.1em;
}

body#employers #content #left-column #why-good-decision p {
	float: left;
	padding: 0.8em 10px 0.8em 0;
	background: transparent url(../images/arrow-dots-dark-blue.gif) no-repeat right center;
	color: #141414;
	font-size: 0.9em;
	line-height: 1.35em;
}

body#employers #content #left-column #why-good-decision img {
	float: right;
	position: relative;
	top: -4px;
}
/********************************************/
/*               end Left Column Styles     */
/********************************************/

/********************************************/
/*                      Small Business      */
/********************************************/
body#small-business #content #left-column {
	position: relative;
	top: -26px;
	z-index: 1;
}

body#small-business #content #left-column h2 {
	height: 54px;
	background: transparent url(../images/small-business-head-bg.jpg) no-repeat left top;
	padding: 77px 0 0 33px;
	color: #204168;
	font-size: 2.2em;
}

body#small-business #content #left-column #accordion-container {
	height: 262px;
	padding: 0 16px 0 15px;
	margin-bottom: 9px;
	background: transparent url(../images/sb-accordion-container.jpg) no-repeat left top;
	z-index: 1000;
}

/* accordion */
body#small-business #content #left-column #accordion-container h3 {
	width: 597px; height: 29px;
	padding-left: 43px;
	margin-bottom: 1px;
	color: #fff;
	font-size: 1.25em;
	line-height: 29px;
	background: transparent url(../images/accordion-header-off.gif) no-repeat left top;
	cursor: pointer;
}

body#small-business #content #left-column #accordion-container h3.selected {
	background: transparent url(../images/accordion-header-on.gif) no-repeat left top;
	cursor: default;
	margin-bottom: 0;
}

body#small-business #content #left-column #accordion-container .accordion-content {
	height: 126px;
	background: transparent url(../images/accordion-content-bg.jpg) no-repeat left top;
	margin-bottom: 1px;
}

body#small-business #content #left-column #accordion-container .accordion-content p {
	color:#1C1C1C;
	font-size: 0.95em;
	line-height:1.5em;
	padding: 10px 12px 0 16px;
}

body#small-business #content #left-column span.asterisk {
	font-size: 1.1em;
	color: #1b721a;
}
/********************************************/
/*                  end Small Business      */
/********************************************/

/********************************************/
/*                  Right Column Styles     */
/********************************************/
/* blue boxes */
body.inner #content #right-column .right-box {
	width: 227px; height: 305px;
	padding: 40px 27px 0;
	margin: 8px 0 15px;
	color: #fff;
	background: #1e5ca0 url(../images/inner-right-box-bg.jpg) no-repeat left top;
}

body.inner #content #right-column .right-box h2 {
	font-size: 3em;
}

body.inner #content #right-column .right-box p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 1em;
}

body.inner #content #right-column .right-box p.bigger {
	font-size: 1.2em;
}

body.inner #content #right-column .right-box p strong {
	font-size: 1.45em;
}

body.inner #content #right-column .right-box p a {
	font-weight: bold;
	color: #93d5ff;
}

body.inner #content #right-column .right-box a.green-button {
	display: block;
	width: 212px; height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 1.7em;
	margin-top: 70px;
	padding-left: 13px;
	background: transparent url(../images/inner-green-link-bg.gif);
}

/* white links */
body.inner #content #right-column a.white-button {
	display: block;
	width: 257px; height: 44px;
	color: #2372c0;
	font-size: 1.5em;
	line-height: 0.9em;
	padding: 4px 0 0 17px;
	margin-bottom: 7px;
	background: transparent url(../images/inner-white-link-bg.gif);
}

body.inner #content #right-column a.white-button em {
	font-size: .6em;
	text-transform: uppercase;
	font-style: normal;
}
/********************************************/
/*              end Right Column Styles     */
/********************************************/