/* Transitional Classes - helps prevent duplication of code
----------------------------------------------------------------------------------------------------*/
.fade_0-5 {
	-moz-transition: opacity .5s; 		/* Firefox 4 */
	-webkit-transition: opacity .5s; 	/* Safari and Chrome */
	-o-transition: opacity .5s; 		/* Opera */
	transition: opacity .5s;
}

/* "important" classes that will override other stuff
----------------------------------------------------------------------------------------------------*/
.noBoxShadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.swooshed {
	background: url('/loancalc/images/swoosh.gif') bottom left no-repeat !important;
	-webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1.0) !important;
	-moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, 1.0) !important;
	box-shadow: inset 0px 0px 2px white !important;
}

input[type=number] {
	text-align: right;
}

/* Themes
----------------------------------------------------------------------------------------------------*/

.theme_A {
	padding:  10px 20px;	
	line-height: 1.5em;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	padding-top: 0;	
}

.theme_A .aside  {
	background: #d8e6f7;
	border: 1px solid #366eac;
	border-top: 1px solid #366eac;
	-webkit-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0 0 .5em;
		
}

.theme_A .aside  {
	width: 240px;
	margin: 0 0 15px 10px;
	float: right;
	clear: right;
}

.theme_A .aside h4 {
	background: url('/loancalc/images/colorBox-blue-h1.png');
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #333;
	margin: 0;
	border: 1px solid #a7c9ed;
	border-bottom: 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 6px 0 4px 10px;
	height: 17px;
}
	
.theme_A .aside.remember h4,
.theme_A .aside.alert h4 {
	background: url('/loancalc/images/checkYourKnowledge-h1-exclaim.png') right;
}
.theme_A .aside.didYouKnow h4 {
	background: url('/loancalc/images/checkYourKnowledge-h1-question.png') right;
}

.theme_A .aside p,
.theme_A .aside li {
	font-size: .9em;
	line-height: 1.45em;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	color: #1f528b;
	margin: .5em 10px;
}

.theme_A .aside ul,
.theme_A .aside ol{
	margin: 0 0 0 15px;
	padding: 0 0 0 0px;
}

.theme_A .aside  li {
	padding: 0;	
}

.theme_A > p {
	width: 470px;	
}

.theme_A > ul {
	width: 440px;	
}





/* TellMeMore - TODO: this just overrides the jQ-ui styles... find a better way to cleanly integrate this. 
---------------------------------------------------------------*/
.ui-dialog.ui-widget.ui-widget-content div.ui-widget-header {
	background: rgb(225,225,225); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 1%, rgba(223,223,223,1) 51%, rgba(213,213,213,1) 52%, rgba(172,172,172,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(225,225,225,1)), color-stop(51%,rgba(223,223,223,1)), color-stop(52%,rgba(213,213,213,1)), color-stop(100%,rgba(172,172,172,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 1%,rgba(223,223,223,1) 51%,rgba(213,213,213,1) 52%,rgba(172,172,172,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(225,225,225,1) 1%,rgba(223,223,223,1) 51%,rgba(213,213,213,1) 52%,rgba(172,172,172,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(225,225,225,1) 1%,rgba(223,223,223,1) 51%,rgba(213,213,213,1) 52%,rgba(172,172,172,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(225,225,225,1) 1%,rgba(223,223,223,1) 51%,rgba(213,213,213,1) 52%,rgba(172,172,172,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#acacac',GradientType=0 ); /* IE6-8 */
	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	
	padding-top: 6px;
	padding-bottom: 4px;
	
	border: 1px solid #f2f2f2;
	border-bottom: 0;
	
}

.ui-widget div{
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 0.6em;
}
.ui-dialog.ui-widget.ui-widget-content{
	border: 1px solid #909090;
	border-radius: 4px;
	
	/*box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0, 0, 0, .15);*/
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .25);
}


.ui-dialog .ui-dialog-content.ui-widget-content{
	background: #fcfcfc;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Typography
---------------------------------------------------------------*/
.theme_A h1,
.theme_A h2,
.theme_A h3,
.theme_A h4,
.theme_A h5 {
	color: #355188;
}

.theme_A h2 {
	font-size: 1.8em;
	color: #034790;
	margin: 1.25em 0 0 0;
}

.theme_A h3 {
	font-size: 1.6em;
	color: #034790;
	margin: 1.5em 0 .5em;;
}

.theme_A h4 {
	font-size: 1.4em;
	margin: .75em 0 .25em 0;
}

.theme_A h5 {
	font-size: 1.25em;
	margin: .5em 0 .25em 0;
}

.theme_A h1.last,
.theme_A h2.last,
.theme_A h3.last,
.theme_A h4.last,
.theme_A h5.last {
	margin-bottom: 0;
}

.theme_A p {
	margin-top: 0;
}


/* Elements within .theme_A
----------------------------------------------------------------------------------------------------*/
.theme_A div.expandable-handle {
	background: url('/loancalc/images/control-bottom-bar-bg.png') bottom;
	height: 19px;
	border: 1px solid #BCCBDB;
	padding: 5px 8px 5px 5px;
	color: #034790;
	text-align: left;
	cursor: pointer;
}

.theme_A div.expandable-handle.expandable-handle-2 {
	background: #dfe6ec; /*edf2f5 */
	-moz-box-shadow: inset 0px 0px 2px white;
	-webkit-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
	border-top: 0;
}

.theme_A div.expandable-handle.expandable-handle-2:first-child {
	border-top: 1px solid #BCCBDB;
}
}

.theme_A div.expandable-handle .toggle {
	vertical-align: middle;
	margin-top: -2px;
}

/* Expandable Content Styling */
.expandable-handle .label,
.expandable-handle a {
	float: left;
}

.expandable-handle img {
	vertical-align: top;
}

.expandable-handle .amount {
	float: right;
	font-size: 1.25em;
}

.expandable-handle .amount.padRight {
	padding-right: 10px;
}

.expandable-content {
	border: 1px solid #BCCBDB;
	border-top: none;
}
/* End of Expandable Content Styling */

/* Financial Details */
.financialDetails table {
	width: 100%;
}

.financialDetails table tbody th {
	font-weight: normal;
	text-align: left;
}

/*labels are for 508 compliance*/
/*overriding styles in case the financialDetails are bootstrapped*/
.financialDetails table tbody th label {
	font: inherit;
	line-height: inherit;
	padding: 0;
	float: none;
	width: auto;
	text-align: inherit;
	color: black;
}

.financialDetails table .labels {
	width: 52%;
}

.financialDetails table .monthly,
.financialDetails table .yearly,
.financialDetails table .percent {
	width: 19%;
	text-align: right;
}

.financialDetails table .percent {
	width: 12%;
}

.financialDetails.loans table thead {
	background: #fcfcfc;
	font-size: .8em;
	color: #666;
}

.financialDetails.loans table th {
	padding: 0px 5px;
	text-align: right;
}


.financialDetails.loans table td {
	padding: 4px 5px;
	font-size: .95em;
	color: #666;
	vertical-align: top;
}

.financialDetails.loans table .loan {
	width: 168px;
}

.financialDetails.loans table .num {
	width: 60px;
	text-align: right;
}

.financialDetails.loans table .icon {
	width: 16px;
	padding: 4px 0px 0px 0px;
	vertical-align: inherit;
}

.financialDetails p {
	margin: 0;
}

.financialDetails.leftColumn {
	 width: 370px;
	 float: left;
	 margin-left: 10px;
}

.financialDetails.addLoan p {
	padding: 5px 8px;
	width: 355px;
	float: right;
}

.financialDetails.addLoan input.amount {
	width: 90%;
	text-align: right;
}

.financialDetails.addLoan input.interestRate {
	width: 18%;
	text-align: right;
}

.financialDetails.addLoan .btn {
	float: left;
	margin: 10px 0px 10px 5px;
}

.financialDetails #customLoan .loan {
	width: 338px;
}

.financialDetails #customLoan span {
	cursor: pointer;
}

.financialDetails #customLoan span a {
	position: absolute;
	left: -9999px;
}

/* Table
----------------------------------------------------------------------------------------------------*/
.comparison {
	background: #fcfcfc url('/loancalc/images/moduleY-header-bg.png') no-repeat;
	color: #034790;
	border: 1px solid #ACB0BC;
	font-size: .9em;
	line-height: 1.25em;
    border-spacing: 0;
    margin-bottom: .75em;
    -moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
	border-radius: 6px;
    -webkit-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
}

.comparison.grid {
	-webkit-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0, 0, 0, .15);
	-moz-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0, 0, 0, .15);
	box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0, 0, 0, .15);
}

.comparison.grid._1-3 {
	width: 238px;			/* override the 240, because comparison.grid has a border */
}
.comparison.grid._1-2 {
	width: 363px;			/* override the 240, because comparison.grid has a border */
}

.comparison thead th,
.comparison thead td,
.comparison .header {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px white;
	font-size: 14px;
	
	font-weight: bold;
	padding: 0px;
	-webkit-box-shadow: inset 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
	border-left: 1px solid #ACB0BC;
	border-bottom: 1px solid #ACB0BC;
}

.comparison thead th,
.comparison thead td {
	padding: 6px 0 5px;
	line-height: 1.15em;
	
}

.comparison.comparison-silo .header {
	line-height: 27px;	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.comparison thead th:first-child {
	border-top-left-radius: 5px;
}
.comparison thead th:last-child {
	border-top-right-radius: 5px;
}

.comparison thead .subheader td, 
.comparison thead .subheader th {
	/*background: #fcfcfc;*/
	background: whitesmoke;
	font-size: 1.2em;
}

	.comparison thead .subheader th:first-child,
	.comparison thead .subheader th:last-child {
		border-radius: 0;
	}

.comparison tbody tr:last-child td:first-child {
	border-bottom-left-radius: 5px;
}
.comparison tbody tr:last-child td:last-child {
	border-bottom-right-radius: 5px;
}

.comparison tbody td,
.comparison tbody th {
	padding: 5px 8px;
	background: #fcfcfc;
	border-left: 1px solid #ACB0BC;
	border-bottom: 1px solid #b2c0d2;
	vertical-align: text-top;
}

.comparison .content {
	padding: 5px 8px;
	font-size: 11px;
	line-height: 1.45em;
}

.comparison tbody th {
	background: #ccd5e0;
	border-left: 0;
	-webkit-box-shadow: inset 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
}                        

.comparison thead th:first-child,
.comparison thead td:first-child,
.comparison tbody td:first-child {
	border-left: 0;	
}

.comparison tbody tr:last-child td {
	border-bottom: 0;	
}

.comparison tbody tr:first-child {
	border-top: 1px solid #ACB0BC;	
}

.comparison.comparison-silo .header {
	border-left: 0;
	margin-bottom: 0;
}

.comparison.comparison-silo th {
	height: 14.5px;
}

.comparison.comparison-silo td {
	border-bottom: none;
}

.comparison.comparison-silo h4 {
	margin-top: 0;
	font-size: 12px;
	margin-bottom: .5em;
	clear: both;
}

.comparison.comparison-silo {
	color: #000;
}

.comparison.comparison-silo ul {
	float: left;
	margin: .25em 10px .75em;
	padding-left: 10px;
	color: black;
	width: auto;
}

table td.number {
	text-align: right	
}

table .tableList {
	padding-left: 11px;
	margin: 0;
}

/* Grid-----------------------*/
.grid {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 740px;
}

.grid.last {
	margin-right: 0;
}

.grid.right {
	float: right;
}

.grid.gridClear {
	clear: both;
}

.grid._1-2 {width: 365px;}
.grid._1-3 {width: 240px;}
.grid._1-4 {width: 180px;}
.grid._2-3 {width: 480px;}
/* Modules (containers)

a - iunno what i was thinking....
b - blue box
c - light gray
d - light grey, matrix on 40_budget
e - gray, gradient header (good for deliniating list-style)
f - darker gray, used for summary header
g - used on summary page
----------------------------------------------------------------------------------------------------*/
.moduleA {
	border: 1px solid #374568;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-bottom: 1.5em;
}

.moduleA h2 {
	background: url('/loancalc/images/financialAwarenessCounseling/moduleA_h_bg.gif') repeat-x;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	height: 22px;
	font-size: 1em;
	color: #fff;
	padding-left: 10px;
	margin-top: 0;
	line-height: 20px;

}

.moduleA p,
.moduleA label {
	padding: 0px 10px;
	font-size: .95em;
}

.moduleA select {
	font-size: .9em;	
}

.moduleA input[type=image] {
	vertical-align: bottom;
}

.moduleB {
	border: 1px solid #BCCBDB;
	background: #F7F8F9;
	-webkit-box-shadow: inset 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.moduleF {
	border: 1px solid #A3AAB4;
	background: whiteSmoke;
	-webkit-box-shadow: inset 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.moduleD {
	border: 1px solid #BCCBDB;
	background: #fafafa;
	-webkit-box-shadow: inset 0px 0px 2px white;
	-moz-box-shadow: inset 0px 0px 2px white;
	box-shadow: inset 0px 0px 2px white;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	width: 348px;
}

.moduleG {
	border: 1px solid #A3AAB4;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 1em;
	margin-bottom: 20px;
}

.moduleG h3 {
	margin-top: 0;
	padding: 10px 10px 6px;
	background: white url('/loancalc/images/financialAwarenessCounseling/content.accordian_h3.png') repeat-x;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 28px;
	border-bottom: 1px solid #A3AAB4;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 1.4em;
}

.moduleG h4 {
	margin-top: 0;
	padding: 10px 10px 0px;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.3em;
}

.moduleG p {
	color: #4a4a4a;
	line-height: 1.45em;
	padding: 0px 10px;
}

.moduleG .money {
	float: right;
}


.moduleG .alert-message {
	margin: 0px 10px 10px 10px;
}

.money {
	color: #000;
	margin-right: 0;
}

/* footer containers */
.moduleH {
	border: 1px solid #cfd3d8;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	padding: 0px 10px 1em;
	margin: 20px 0px;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fff));
	background-image: -moz-linear-gradient(top, #f5f5f5, #fff);
	background-image: -ms-linear-gradient(top, #f5f5f5, #fff);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #fff));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #fff);
	background-image: -o-linear-gradient(top, #f5f5f5, #fff);
	background-image: linear-gradient(top, #f5f5f5, #fff);
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 2px #fff;
}

.linkList ul {
	margin: 1em 0;
	padding: 0 10px 0 20px;
	float: left;
}

.linkList ul li {
	width: 180px;
	margin-left: 0px;
}

.linkList ul p {
	color: #666;
	font-weight: bold;
	margin-left: -20px;
}

.linkList div {
	margin-left: 10px;
}

.linkList #printLinks {
	display: none;
}

.nextSteps li {
	color: #006699; 
	font-size: 14px; 
	text-decoration: none;
	font-weight: bold;
	margin-left: -15px;
	line-height:20px;
	width:400px;
}




.moduleD.miniTool {
	float:left;
	border: 1px solid #A3AAB4;
	padding: 0 0 10px 0;
	background: whitesmoke;
}

.moduleD.miniTool h5 {
	background:	url('/loancalc/images/control-bottom-bar-bg.png') bottom;
	color: #355188;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	padding: 6px 0 4px 10px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	height: 17px;
	border-bottom: 1px solid #A3AAB4;
}

.moduleD.miniTool .amount-A.inputContainer {
	float: left;
}

.moduleD.miniTool > p {
	padding-left: 10px;
}



/* amount-A - for the ISC flow
	no leader, large, emphatic font
-----------------------------------------------------------------------------*/
.amount-A {
	padding: 0px 10px 0px;
}

.amount-A hr {
	margin-top: 15px;
	border-bottom: 1px solid white;
	border-top: 1px solid #BCCBDB;
}
.amount-A h3 {
	margin: 0;
	float: left;
	font-weight: normal;
}

.moduleF .amount-A h3 {
	margin: .5em 0em .25em 0em;
}

.amount-A label, .mock_label {
	font-size: 1.5em;
	margin-top: .5em;
	display: block;
	color: #445;
}

.amount-A label.first {
	margin-top: 0;
}

.amount-A .loanTerm label {
	font-size: 1.15em;
	display: inline;
}

.amount-A .loanTerm label.disabled {
	color: #ccc;
}

/*descriptive text*/
.desc {
	clear: both;
	color: #333;
	font-size: .9em;
	line-height: 1.15em;
}

.desc.marginBottom {
	margin-bottom: 1.25em;
}

.desc ul {
	margin: 0;
	padding-left: 25px;
}

.desc.breakDown span {
	float: right;
}

table.desc {
	color: #445;
}

table.desc th {
	text-align: left;
	padding-right: 5px;
	width: 130px;
	vertical-align: top;
}

p.desc.footnote,
.moduleB p.desc.footnote {
	width: auto;
	margin-left: 10px;
}

.content-container p.desc.footnote {
	position: absolute;
	bottom: 10px;
}
/*end of text*/

.amount-A .value{
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	line-height: 0;
	font-weight: bold;
	text-align: right;
}

.moduleF .amount-A .value {
	margin-top: 1em;
}

.amount-A .loanTerm {
	float: right;
}

.amount-A h3 img {
	height: auto;
	margin-right: 5px;
}

/* amount-B - for the ISC flow
	leader, large, emphatic font
-----------------------------------------------------------------------------*/
.amount-B {
	border-bottom: 1px dotted #666;
}
.amount-B {
	height: 2.5em;
}
.amount-B .label {
	float: left;
	font-size: 1.25em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 2.5em;
	color: #445;
	background: white;
	padding-right: 3px;
	font-weight: bold;
}

.amount-B .value {
	font-size: 2.5em;
	line-height: 1.25em;
	font-family: Helvetica, Arial, sans-serif;	
	float: right;
	font-weight: bold;
	background: white;
	padding-left: 5px;
}

/* amount-C - for the ISC flow
	leader, not obnoxiously sized
-----------------------------------------------------------------------------*/
.amount-C {
	border-bottom: 1px dotted #666;
	height: 1em;
	margin-bottom: 1.25em;
	clear: both;
}

.amount-C.last {
	margin-bottom: .5em;
}

.amount-C .desc {
	float: left;
	margin-bottom: 1.25em;
}

.amount-C .desc.last {
	margin-bottom: 0;
}

.amount-C table.desc {
	font-size: 1em;
	margin: .5em 0 0 0;
}

.amount-C table.desc tr td {
	padding-bottom: 1em;
}

.amount-C table.desc tr.last td {
	padding-bottom: 0;
}

.amount-C .label {
	color: #445;	
	background: white;
	padding-right: 3px;
	font-weight: bold;
	float: left;
}

.moduleD .amount-C .label {
	background: #fafafa;
}

.amount-C .value {
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	font-weight: bold;
	background: white;
	padding-left: 5px;
	font-size: 1.25em;
	line-height: 1em;
}

.amount-C .value.negative {
	margin-right: 0;
}

.progression-green .amount-C .label,
.progression-green .amount-C .value {
	background: #DDEACE;	
}

.dollar {
	font-size: .6em;
	top: -.6em;
	position: relative;
	font-weight: normal;
}
	
.chartKey {
	height: 10px;
	width: 10px;
}

.amount-C .chartKey {
	float: left;
	margin-left: -13px;
	position: relative;
	top: 2px;
}

/* colors in google charts */
._3366cc {	background: #3366cc;}
._dc3912 {  background: #dc3912;}	/* red */
._ff9900 {	background: #ff9900;}
._109618 {	background: #109618;}	/* green */
._990099 {	background: #990099;}
._0099c6 {	background: #0099c6;}
._dd4477 {	background: #dd4477;}
._66aa00 {	background: #66aa00;}
._b82e2e {	background: #b82e2e;}
._316395 {	background: #316395;}
._994499 {	background: #994499;}
._22aa99 {	background: #22aa99;}
._aaaa11 {	background: #aaaa11;}
._6633cc {	background: #6633cc;}
._e67300 {	background: #e67300;}
._8b0707 {	background: #8b0707;}
._651067 {	background: #651067;}
._329262 {	background: #329262;}
._5574a6 {	background: #5574a6;}
._3b3eac {	background: #3b3eac;}
._b77322 {	background: #b77322;}

/* other keys (used for altoids */
._57a957 {	background: #57a957;}
._c43c35 {	background: #C43C35;}

p._3366cc {color: #3366cc}		/* was 3266cc*/
p._dc3912 {color: #dc3912}
p._ff9900 {color: #ff9900}		/*was fe9900?*/
p._109618 {color: #109618}
p._990099 {color: #990099}
p._0099c6 {color: #0099c6}
p._dd4477 {color: #dd4477}
p._66aa00 {color: #66aa00}
p._b82e2e {color: #b82e2e}
p._316395 {color: #316395;}
p._994499 {color: #994499;}
p._57a957 {color: #57a957;}
p._c43c35 {color: #C43C35;}
 
.hide {
   display: none;
}

.fade {
   -webkit-transition: opacity 0.15s linear;
   -moz-transition: opacity 0.15s linear;
   -ms-transition: opacity 0.15s linear;
   -o-transition: opacity 0.15s linear;
   transition: opacity 0.15s linear;
   opacity: 0;
}
.fade.in {
   opacity: 1;
} 
 
/*------------------text stuff----------------------*/
.small{
	font-size: .75em;
	font-style: italic;
	color: #666;
}

.caption {
	font-size: .85em;
	color: #666;
	line-height: 1.45em;
}

.expand{
	font-size: .95em;
	color: #666;
	padding: 4px 10px;
}

.big{
	font-size:1.25em;
}

.bold{
	font-weight: bold;
}

.big2{
	font-size:1.5em;
}

.warning{
	color: #FF0000;
}

/*---------------altoids------------------
.altoidContainer
	.altoid
		div.label (opt)
		.bar
			.diagonal-lines-overlay (opt)
			span.label (opt)
		.total
			span.label (opt)
			.dollar & {amount}
*/

.altoid {
	-webkit-box-shadow: inset 0 2px 12px rgba(0,0,0,.15), 0px 1px 1px white;
	-moz-box-shadow: inset 0 2px 12px rgba(0,0,0,.15), 0px 1px 1px white;
	box-shadow: inset 0 2px 12px rgba(0,0,0,.15), 0px 1px 1px white;
	width: 680px;
	height: 20px;
	background: white;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(188,203,219,.75);	
	margin-top: 10px;
}

.altoid .bar {
	position: relative;
	color: white;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 1px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	width: 0;
	float: left;
	overflow: hidden;
}


.altoid .bar,
.chartKey.altoid-green {
	/* DEFAULT - GREEN */
	background-color: #57A957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57A957 #57A957 #3D773D;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.altoid .bar.red,
.chartKey.altoid-red {				
	background-color: #C43C35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	border-color: #C43C35 #C43C35 #882A25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


.altoid .bar.diagonal-lines-overlay {		/*cant define multiple bgs, so this is an overlay */
	background: url('/loancalc/images/diagonal-lines.png');
	margin: 0;
	border: 0;
}

.bar-color {
	width: inherit;
    height: inherit;
    position: absolute;
    z-index: 0;	
}

.altoid .bar .bar-color {
	width: 100%;
	left: 0;
}

.bar-color.pattern,
.altoid .bar .bar-color.pattern {
	width: auto;
}

.altoid .bar .label,
.altoid .bar .value {
	position: relative;
	z-index: 10;
}

.altoid .value {
	float: right;
	padding-right: 5px;
}

.altoid .label,
.altoid label {
	float: left;
	padding-left: 5px;
	font-weight: bold;
	color: #444;
	line-height: 1.5em;
}

.altoid .bar .label {
	color: #fff;
}

.altoid div.label,
.altoid label {
	padding-left: 0;
}

.altoid .total {
	float: right;
	width: 70px;
	margin-right: -70px;
	text-align: right;
	color: #57A957;
	text-shadow: 0px 0px 1px white;
	font-weight: bold;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
}

.altoid .total .label {
	font-family: Arial;
	font-size: .8em;
	color: #333;
}

.altoid .total .units {
	font-size: .7em;
	color: #999;
	font-weight: normal;
}

.altoid .total.negative {
	color: #c43c35;
}

.altoidContainer {
	margin: 0;
	padding: 0px 10px 5px 10px;
}

.altoidContainer .altoid {
	margin-top: 0;
}

.altoidContainer .altoid.first {
	margin-bottom: 6px;
}

.moduleF .altoid {
	width: 500px;
	margin-left: 80px;
}

.moduleF .altoid .total {
	margin-right: -123px;
	width: 120px;
}

.moduleF .altoid div.label,
.moduleF .altoid label {
	width: 80px;
	margin-left: -80px;
}

.moduleF.summarySection {
	background: whiteSmoke; 
	border: 1px solid #A3AAB4;
	height:163px;
	margin-bottom:-64px;
}

.moduleG .altoid {
	width: 440px;
	margin-left: 20px;
}
/*---------------end of altoids------------------*/

/* Diagrams */
.diagram {
	width: 490px;
	float: right;
}

.diagram img {
	width: 100%;
	margin-bottom: 5px;
}

.diagram .caption {
	padding-right: 10px;
	margin-bottom: 5px;
}
/* End of Diagrams */

.moduleB p {
	padding-left:  10px;
	padding-top:  10px;
}

.moduleB p.first {
	padding-top: 0;
}

.moduleB p.desc {
	padding:  0px;
	width: 350px;
	color: #333;
}

.moduleB p.desc.indent {
	margin-left: 22px;
}

/* disabled classes */
.disabled {
	color: #ccc;
}

/* fixed class */
._fixed,
.controlPanel-container._fixed {
	position: fixed;
	margin-top: 0px;
	top: 0px;
}

/*amount classes*/
.amount-2 {
	color: #445;
	font-family: Helvetica, Arial, sans-serif;
}

.amount-2 .label {
	font-size: 1.5em;
	float: left;
}

.amount-2 .value {
	font-size: 2.5em;
	float: right;
	font-weight: bold;
}

/* Payment Table */
#paymentAmounts th {
	line-height: 1.15em;
	padding: 5px 0px;
	color: #666;
	font-size: 11px;
}

#paymentAmounts thead th {
	width: 145px;
	background: #FAFAFA;
	border-top: 1px solid #BCCBDB;
}

#paymentAmounts thead th.first {
	border-top-left-radius: 6px;
	border-left: 1px solid #BCCBDB;
}

#paymentAmounts thead th.last {
	border-top-right-radius: 6px;
	border-right: 1px solid #BCCBDB;
}

#paymentAmounts tbody th {
	font-weight: normal;
	background: #FAFAFA;
	border-top: 1px solid #BCCBDB;
	border-left: 1px solid #BCCBDB;
	text-align: left;
}

#paymentAmounts tbody th label {
	font-weight: bold;
	float: none;
}

#paymentAmounts tbody th input {
	float: left;
	margin-top: 0;
}

#paymentAmounts tbody th div {
	margin-left: 21px;
	font-weight: normal;
}

#paymentAmounts tbody tr.first th {
	border-top-left-radius: 6px;
}
#paymentAmounts tbody tr.last th {
	border-bottom-left-radius: 6px;
	border-bottom: 1px solid #BCCBDB;
}

#paymentAmounts tbody tr.last td.last {
	border-bottom-right-radius: 6px;
}

#paymentAmounts tbody tr.last td  {
	border-bottom: 1px solid #BCCBDB;
}

#paymentAmounts tbody td.last {
	border-right: 1px solid #BCCBDB;
}

#paymentAmounts tbody label,
#paymentAmounts tbody td {
	cursor: pointer;
}

#paymentAmounts tbody td {
	text-align: right;
	padding-right: 15px;
	border-top: 1px solid #BCCBDB;
}

#paymentAmounts tbody .extendedNotAvailable{
	text-align: left;
	padding-left: 15px;
	line-height: 1.25em; 
	color: #666; 
	font-size: 10px;
	cursor: default;
}

#paymentAmounts .amount {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
}

#paymentAmounts ._active th,
#paymentAmounts ._active td {
	font-weight: bold;
	background-color: #307ed4;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5c99dd), to(#307ed4));
	background-image: -moz-linear-gradient(top, #5c99dd, #307ed4);
	background-image: -ms-linear-gradient(top, #5c99dd, #307ed4);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c99dd), color-stop(100%, #307ed4));
	background-image: -webkit-linear-gradient(top, #5c99dd, #307ed4);
	background-image: -o-linear-gradient(top, #5c99dd, #307ed4);
	background-image: linear-gradient(top, #5c99dd, #307ed4);
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	color: #fff;
}

#pmtAmtTableContainer {
	float: left;
	width: 356px;
	margin-left: 10px;
}

#pmtAmtTableContainer fieldset {
	border: none;
}

#pmtAmtTableContainer #paymentAmounts tbody th {
	width: 150px; 
}

#pmtAmtTableContainer .tableLabel {
	font-size: 12px;
	font-weight: bold;
	color: #445;
}

/* Generic helper classes */
.negative {
	color: #C43C35;
}

.positive {
	color: #57A957;
}

.returnToTop {
	float: right;
	margin-top: 12px;
	font-size: 10px;
	margin-right: 15px;
	color: #034790
}

.vertAdjust,
.theme_A .vertAdjust {
	margin-top: 10px;
}

.diagonal-lines-overlay {		/*cant define multiple bgs, so this is an overlay */
	background: url('/loancalc/images/diagonal-lines.png');
	margin: 0;
	border: 0;
	height: 100%;
}

.shadow {
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	box-shadow: 1px 2px 4px rgba(0,0,0,.15);
}

.defaultTextActive {
	color: #a1a1a1;
	font-style: italic;
}

/* inputs on left and breakdown on right*/
.moduleB .inputBreakdownContainer {
	width: 390px;
	float: left;
	margin-top: 10px;
}

.moduleB .inputBreakdownContainer .bootstrapped input {
	margin-top: 0px;
	float: right;
}

.moduleB .breakdown {
	width: 300px;
	float: right;
	margin-right: 12px;
	margin-top: 7px;
}

/* control panel */
.controlPanel-container {
	width: 780px;
	z-index: 80;
}

.secondaryPageNav {
	background: url('/loancalc/images/control-bottom-bar-bg.png') bottom;
	padding: 5px 0 0 5px;
	list-style: none;
	margin: -2px 0 0 1px;
	border-bottom: 1px solid #9da3b8;
	height: 26px;
	font-size: .9em;
	width: 774px;
}

.controlPanel-container._fixed .secondaryPageNav {
	-webkit-box-shadow: 0px 2px 3px rgba(102,102,102,.2);
	-moz-box-shadow: 0px 2px 3px rgba(102,102,102,.2);
	box-shadow: 0px 2px 3px rgba(102,102,102,.2);
}

.secondaryPageNav p,
.secondaryPageNav li {
	float: left;
	padding: 2px 8px 4px; 
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 1px 5px 0px;
	transition: background .15s;
	-moz-transition: background .15s;
	-webkit-transition: background .15s;
	-o-transition: background .15s;
}

.secondaryPageNav p {
	color: #345;
	font-weight: bold;
}

.secondaryPageNav li:hover {
	background: #ced7e2;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
	padding: 3px 7px 3px 9px;
}

.secondaryPageNav li.active {
	background:	rgb(161, 178, 199);/*Fallback color for IE 7/8*/
	background:	rgba(161, 178, 199, 0.8);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.3);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.3);
	padding: 3px 7px 3px 9px;
}

.secondaryPageNav li a {
	color: #034790;
	text-shadow: 1px 1px 1px #f0f0f0;
	text-decoration: none;
}

.secondaryPageNav li.active a {
	cursor: default;
}

/* section dividers */
 .subsectionDivider {
	margin-left: -18px;
	padding-left: 15px;
	border-top: 1px solid #A3AAB4;
	background: white url('/loancalc/images/financialAwarenessCounseling/content.accordian_h3.png') repeat-x;
	width: 763px;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 40px;
}

.subsectionDivider h3 {
	margin-top: 14px;
}

.subsectionDivider.first {
	margin-top: -2px;
}

.counselLoanPopUpLegend {
	position: relative;
	left:13px;
}


.eligibilityLegend .subsectionDivider{
	width: 98.5%;

}
/* these divs are too long in Firefox, but work correctly in IE8, IE9 and Chrome as is.
   Here is the fix for Firefox-> */
@-moz-document url-prefix() {
	.servicer-block .subsectionDivider {
	width: 750px !important;
	}
}

@-moz-document url-prefix() {
	.servicer-block .subsectionExtender {
	width: 765px !important;
	}
}

@-moz-document url-prefix() {
	.eligibilityLegend .subsectionLegendDivider{
		width: 745px;
		position: relative;
		left: -13px;
	}
}

@-moz-document url-prefix() {
	.eligibilityLegend .subsectionDivider{
		width: 745px;
		margin-left: -5px;
	}
}

@-moz-document url-prefix() {
	.counselLoanPopUpLegend{
		position: relative;
		left:0px !important;
	}
}

/*repayment estimator*/
@-moz-document url-prefix() {
	#loansForm .servicer-block .subsectionDivider {
	width: 765px !important;
	}
}

@-moz-document url-prefix() {
	#loansForm .eligibilityLegend .subsectionDivider {
	margin-left: -16px !important;
	}
}
/* end of section dividers */

ul.arrowed {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.arrowed li {
	margin: .85em .5em 1em;
	padding: 0;
	background: url('/loancalc/images/icons/icons-shadowless/arrow-000-medium.png') no-repeat;
	padding-left: 1.75em;
}

ul.arrowed ul {
	margin: 0;
	padding: 0;
	margin-left: 2em;
	margin-top: .75em;
}

ul.arrowed li li {
	margin: 0;
	padding: 0;
	list-style: disc;
	background: none;
}


/* TODO: rename this */
ul.lean,
ol.lean {
	margin: 0 0 1em 0;
	padding: 0 0 0 25px;
}

ul.lean li,
ol.lean li {
	padding: 0;	
}

/* tabs */
.summarySection {					
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding-bottom: 42px;
}

ul.tabs-1,
.theme_A ul.tabs-1 {
	position: relative;
	z-index: 50;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 56px;
	width: 100%;
	padding: 8px 0 0 3px ;
	overflow: hidden;
}

ul.tabs-1 li {
	display: inline-block;
}

.activeInlineDiv{
	display: inline-block;
}

.tabs-1 li {
	float: left;
	padding: 7px 2px 6px 3px;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 2px #fff;
	border: 1px solid #A3AAB4;
	margin-left: 3px;
	cursor: pointer;
	overflow: hidden;
	height: 41px;
	width: 255px;
	
	-moz-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.tabs-1 li._active {
	border-bottom: 1px solid #fff;
	margin-top: 0;
	padding-top: 9px;
	padding-bottom: 10px;
	cursor: auto;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6ecf2), to(#fff));
	background: -moz-linear-gradient(top,  #e6ecf2,  #fff); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ecf2', endColorstr='#ffffff'); /* for IE */
	-webkit-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
}

.tabs-1 li._inactive {
	background: #e3e3e3;
	text-shadow: 0px 1px 1px white;
}

.tabs-1 li:hover {	
	background: -webkit-gradient(linear, left top, left bottom, from(#e6ecf2), to(#fff));
	background: -moz-linear-gradient(top,  #e6ecf2,  #fff); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ecf2', endColorstr='#ffffff'); /* for IE */
	-webkit-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	
}
.tabs-1 li._active:hover {
	-webkit-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 0 0 1px white, 0 0 8px rgba(82, 168, 236, 0.6);
}

.tabs-1 li a {
	color: black;
	text-decoration: none;
}

.tabs-1 li._active a {
	cursor: default;
}

.tabs-1 li .value {
	float: right;
	font-weight: bold;
	margin-top: -1px;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px white;
}


.tabs-1 li._inactive .chartKey {
	
	
}

	
.tabs-1 ._inactive b {
	display: inline-block;
	margin-top: -2px;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 3px;
	color: #323a68;
}

.tabs-1 .tabNumber {
	float:left;
	width:255px;
	margin-bottom:5px;
	font-weight:bold;
}

.tabs-1 .tabLabel {
	float:left;
}

.tabs-1 li._inactive .tabLabel {
	
}

.tabs-1 .chartKey {
	float:left;
	margin: 0px 2px 0px 0px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 12px;
	width: 12px;
	position: relative;
	overflow: hidden;
}

.tabs-1 .chartKey.altoid-red {
	border: 1px solid #C43C35;
}
.tabs-1 .chartKey.altoid-green {
	border: 1px solid #57A957;
}

.content-container {
	border: 1px solid #A3AAB4;
	top: -1px;
	position: relative;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.content-container > .moduleB {
	position: absolute;
	border: 0;
	background: none;
	width: 730px;
	height: 100%;
	padding-top: 10px;
}

.content-container .moduleB .aside {
	width: 250px;
}

.content-container .moduleB .aside p {
	padding: 0;
}

.content-container .moduleD {
	float: left;
	margin-left: 10px;
}

/* tabs within print page */
.printContainer .summarySection {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.printContainer ul.tabs-1 {
	margin-top: 70px;
}

.printContainer .tabs-1 p,
.printContainer table .chartKey {
	margin: 0;
}

/* tabs 2 */
ul.tabs-2 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 31px;
	padding-top: 8px;
	position: relative;
	z-index: 5;
	overflow: hidden;
	padding-left: 8px;
	top: 1px;
}

.tabs-2 li {
	float: left;
	text-align: center;
	padding: 0;
	border: 1px solid #acb0bc;
	margin-left: -1px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	position: relative;
	z-index: 1;
}

.tabs-2 li:first-child {
	margin-left: 0;	
}

.tabs-2 li a {
	display: block;
	width: 160px;
	border: 1px solid white;
	height: 23px;
	font-weight: bold;
	color: #466294;
	font-size: 14px;
	text-shadow: 0px 1px 1px white;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding-top: 4px;
	padding-left: 8px;
	
	text-decoration: none;
}

.tabs-2 li._active {
	border-bottom: 1px solid #fff;
	margin-top: -3px;
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	z-index: 4;
}

.tabs-2 li._active a {
	padding-top: 7px;	
}

.tabs-2 li._active a,
.tabs-2 li:hover a {
	background: url('/loancalc/images/moduleY-header-bg-over.png') no-repeat;
}

.tabs-2-sibling-container {
	margin-top: 18px;
	width: 252px;
	float: left;
}

.tabs-2-sibling-container .aside {
	float: left;
	clear: none;
	margin: 0;
}

.tabs-2-container {
	float: right;
	width: 460px;
}

.tabs-2-container .content-wrapper {
	margin-top: 0;
	position: relative;
	background: none;
	z-index: 0;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ACB0BC;
	width: 458px;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	box-shadow: 1px 2px 4px rgba(0,0,0,.15);
}

.tabs-2-container .content-container {
	border: 0;
	padding: 10px;
	position: absolute;
	top: 0;	
}

.tabs-2-container .content-container .comparison th {
	vertical-align: middle;
}

.tabs-2-container .content-container .comparison th a {
	font-weight: normal;
}

.tabs-2-container .content-container .comparison .first th {
	border-top-left-radius: 3px;
}

.tabs-2-container .content-container .comparison .first td.last {
	border-top-right-radius: 3px;
}

.tabs-2-container .content-container .comparison .last th {
	border-bottom-left-radius: 3px;
	border-bottom: 0;
}

.tabs-2-container .content-container > ul {
	margin: 1em 10px 1em 0px;
	margin-right: 20px;
	padding-left: 25px;
}

.tabs-2-container .content-container ul.lean {
	margin-bottom: 0px;
}
/* End of tabs 2 */

.calculator-icon {
	height: 16px;
	width: 11px;
	cursor: pointer;
	-moz-transition: box-shadow .25s; /* Firefox 4 */
	-webkit-transition: box-shadow .25s; /* Safari and Chrome */
	-o-transition: box-shadow .25s; /* Opera */
	transition: box-shadow .25s;
}

.calculator-icon img {
	margin-left: -2px;
}

/* "progression"
----------------------------------------------------------------------------------------------------*/
.progression-green,
.progression-green-2 {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
}

.theme_A .progression-green,
.theme_A .progression-green-2 {
	width: 480px;
}

.progression-green li,
.progression-green-2 li {
	border: 1px solid #728962;
	border-top: 1px solid #567c35;
	-webkit-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0px 0px;
	margin-bottom: 15px;
	position: relative;
}

/* TODO: remove > selector */
.progression-green li > h1,
.progression-green-2 li > h1 {
	background: url('/loancalc/images/colorBox-green-h1.png');
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px #000;
	margin: 0;
	border: 1px solid #d0e7b7;
	border-bottom: 0;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	padding: 5px 0 5px 10px;
	height: 17px;
}

.progression-green-2 li > h1:hover {
	background-position: 0px -30px;
}
	
.progression-green-2 li._collapsed {
	padding-bottom: 1px;
}

.progression-green-2 li._collapsed > h1 {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.progression-green-2 li > h1 {
	cursor: pointer;
}

.progression-green-2 .toggleContent {
	margin-right: 5px;
	position: relative;
	top: 0px;
	margin-left: -3px;
	vertical-align: top;
}

.progression-green .section,
.progression-green-2 .section {
	background: #ddeace;
	color: #043c01;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #eef5e7;
	border-top: 0;
}


.progression-green ul,
.progression-green-2 ul {
	margin: 0 0 .5em 20px;
	padding: 0;
	list-style: disc;
}

.progression-green .desc ul,
.progression-green-2 .desc ul {
	margin-top: .5em
}

.progression-green li li,
.progression-green-2 li li {
	background: none;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	margin: 0 0 .35em;
}

.progression-green .section p,
.progression-green-2 .section p {
	margin-bottom: .5em;
}
	
.progression-green .aside p,
.progression-green-2 .aside p {
	margin-top: .5em;
}

/* overrides, for when asides are nested in progression-green */
.progression-green .aside,
.progression-green-2 .aside {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -260px;
	opacity: 1.0;
}

.progression-green-2 li._collapsed .aside {
	opacity: 0.0;
	/*filter:Alpha(opacity=50);*/
}

/* chart place holder styling */
.chartPlaceholder {
	background: #fafafa;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	color: #333;
	-webkit-box-shadow: inset 0px 0px 2px white, 2px 1px 3px whiteSmoke;
	-moz-box-shadow: inset 0px 0px 2px white, 2px 1px 3px whiteSmoke;
	box-shadow: inset 0px 0px 2px white, 2px 1px 3px whiteSmoke;
	font-style: italic;
	text-shadow: 0px 1px 1px white;
}

.chartPlaceholder img {
	position: relative;
	top: 3px; right: 5px;
}

.chartPlaceholder.circle {
	background: url('/loancalc/images/pieChartPlaceHolder.gif') no-repeat;
	width: 230px;
	padding: 122px 25px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pieChartContainer {
	float: right;
	padding-right: 20px;
	height: 284px;
}

.chartPlaceholderContainer{
	float: right;
	width: 350px;
	height: 198px;
}
/* end of chart place holder styling */

/* block overrides */
.block {
	/*overflow and width fix any float/clear issues*/
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.block p {
	margin-bottom: 0;
}

.block .bootstrapped {
	float: right;
}

.block .bootstrapped input {
	width: 85px;
	height: auto;
}

.block .value {
	line-height: inherit;
}

.block .desc {
	clear: left;
}

.block p.desc {
	width: 250px;
}

.block .desc ul {
	padding-top: 8px;
}

.block .calculator-icon {
	display: block;
	float: left;
	margin: 8px 5px 0px 0px;
}

.block:hover .calculator-icon {
	-webkit-box-shadow: 0px 0px 10px #339BB9;
	-moz-box-shadow: 0px 0px 10px #339BB9;
	box-shadow: 0px 0px 10px #339BB9;
}

.section .calculator-icon {
	display: inline-block;
	margin: 8px 5px 0px 2px;
}

.section:hover .calculator-icon {
	-webkit-box-shadow: 0px 0px 10px #339BB9;
	-moz-box-shadow: 0px 0px 10px #339BB9;
	box-shadow: 0px 0px 10px #339BB9;
}
.amount-A .block label, .mock_label {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

/* calculator styling */
.modalWindow .calculator .block label, .mock_label {
	font-size: 1.25em;
	font-weight: normal;
}

/*take away styling*/
.takeAway {
	background: #d5e5f6;
	border-color: #366eac;
}

.moduleB .takeAway {
	padding: 10px;
	float: right;
	width: 300px;
}

.takeAway .amount-C .label,
.takeAway .amount-C .value {
	background: #d5e5f6;
}

/* tool actions styling */
.toolActions {
	float: right;

}

.toolActions img {
	vertical-align: bottom;
	margin-right: 3px;	
}

.toolResetButton {
	float: right;
	clear: right;
	margin-top: 5px;
	margin-right: 0px;
}


/*	.carousel
		.viewport-container - allows us to format the "frame"
			.viewport - what we allow users to see of the "section-container"
				.section-container - contains all slides
					.section
		ul.controls-jump
-----------------------------------------*/
.carousel .viewport-container {
	border: 1px solid #cecece;
	background: #f5f5f5;
	padding: 5px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 4px #ddd;
	-moz-box-shadow: 0px 1px 4px #ddd;
	box-shadow: 0px 1px 4px #ddd;
}

.carousel .viewport {
	background: white;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}

.carousel .section-container, 
.carousel .section {
	width: 100%;
	height: 100%;
}

.carousel .section {
	float: left;	
}


.carousel ul.controls-jump {
	list-style: none;
	margin: 10px auto;
	padding: 0;
}

.carousel ul.controls-jump li {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	background: url('/loancalc/images/carousel-pagination.png');
	margin: 0px 2px;
	cursor: pointer;
}

.carousel ul.controls-jump li._active {
	background-position: 0px -22px;
}

/* table comparison 2 */
.comparison-2 {
	color: #034790;
	font-size: .9em;
	line-height: 1.25em;
	border: 1px solid #96979f;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.15);
	box-shadow:  1px 2px 4px rgba(0,0,0,.15);
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-collapse: separate;
}

.comparison-2.noTHead tbody tr:first-child th:first-child {
	border-top-left-radius: 4px;	
}

.comparison-2.noTHead tbody tr:last-child th:first-child {
	border-bottom-left-radius: 4px;	
}

.comparison-2.noTHead tbody tr:last-child td:last-child {
	border-bottom-right-radius: 4px;	
}

.comparison-2 td,
.comparison-2 th {
	padding: 5px 8px;
}

.comparison-2 tbody th {
	background: url('/loancalc/images/comparison-2-row-header.gif') bottom right no-repeat;
	border-top: 1px solid white;
	border-left: 1px solid white;
	width: 102px;/* so that the th is always the same width as the background image*/
}

.comparison-2 tbody td {
	border-bottom: 1px solid #d2d4d7;
}

.comparison-2 tbody tr:last-child th,
.comparison-2 tbody tr:last-child td {
	border-bottom: 1px solid #fff;
}

.comparison-2 h4 {
	margin: .75em 0;
	line-height: 1.3em;
}

/* Error Styling */
.gridContainer .notify_error {
	margin: 10px 0 10px 0;
}

.gridContainer .headerError {
	display: block;
	margin-bottom: 10px;
}

.complianceSpan{
	position: absolute;
	left: -9999px;
}
/* End of Error styling */

/* used when bullets are not appearing on ie7 list items */
li.ie7bullet {
	*margin-left: 15px; 
}

/* slot-machine styling */
.slotMachineContainer h4 {
	font-size: 11px;
	color: #445;
	float: left;
	margin: 0 0 .25em 0;
}

.slotMachineContainer p {
	float: left;
	width: 80%;
	padding: 0;
}

.slotMachine {
	float: right;
	width: 65px;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 100%;
	
	border-color: #e1e1e1 #e1e1e1 #bbb;

	-webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,.5);
	-moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,.5);
}

.slotMachine._high {
	background-color: #ee5f5b;
	background-repeat: repeat-x;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #ee5f5b 0%, #bd362f 33%, #ffffff 34%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5f5b), color-stop(33%,#bd362f), color-stop(34%,#ffffff), color-stop(100%,#ffffff));
	background-image: -webkit-linear-gradient(top,  #ee5f5b 0%,#bd362f 33%,#ffffff 34%,#ffffff 100%);
	background-image: -o-linear-gradient(top,  #ee5f5b 0%,#bd362f 33%,#ffffff 34%,#ffffff 100%);
	background-image: -ms-linear-gradient(top,  #ee5f5b 0%,#bd362f 33%,#ffffff 34%,#ffffff 100%);
	background-image: linear-gradient(top,  #ee5f5b 0%,#bd362f 33%,#ffffff 34%,#ffffff 100%);
		
}

.slotMachine._med {
	background-color: #fbb450;
	background-repeat: repeat-x;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNCUiIHN0b3AtY29sb3I9IiNmYmI0NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(top,  #ffffff 33%, #fbb450 34%, #f89406 66%, #ffffff 67%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(34%,#fbb450), color-stop(66%,#f89406), color-stop(67%,#ffffff), color-stop(100%,#ffffff));
	background-image: -webkit-linear-gradient(top,  #ffffff 33%,#fbb450 34%,#f89406 66%,#ffffff 67%,#ffffff 100%);
	background-image: -o-linear-gradient(top,  #ffffff 33%,#fbb450 34%,#f89406 66%,#ffffff 67%,#ffffff 100%);
	background-image: -ms-linear-gradient(top,  #ffffff 33%,#fbb450 34%,#f89406 66%,#ffffff 67%,#ffffff 100%);
	background-image: linear-gradient(top,  #ffffff 33%,#fbb450 34%,#f89406 66%,#ffffff 67%,#ffffff 100%);
}

.slotMachine._low {	
	background-color: #5BB75B;
	background-repeat: repeat-x;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 66%, #62c462 67%, #51a351 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(67%,#62c462), color-stop(100%,#51a351));
	background-image: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#62c462 67%,#51a351 100%);
	background-image: -o-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#62c462 67%,#51a351 100%);
	background-image: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 66%,#62c462 67%,#51a351 100%);
	background-image: linear-gradient(top,  #ffffff 0%,#ffffff 66%,#62c462 67%,#51a351 100%);
}

.slotMachine .pointer {
	position: absolute;
	z-index: 20;
	margin: 4px 0 0 -1px;
	background: url('/loancalc/images/slot-machine_pointer.png') no-repeat;
	height: 11px;
	width: 11px;
	transition: margin-top .5s;
	-moz-transition: margin-top .5s; /* Firefox */
	-webkit-transition: margin-top .5s; /* Safari and Chrome */
	-o-transition: margin-top .5s; /* Safari and Chrome */
}
.slotMachine._med .pointer { margin-top: 25px; }
.slotMachine._low .pointer { margin-top: 46px; }

.slotMachine img.pointer {
	background: none;
}

.slotMachine .result {
	padding: 5px 10px;
	font-size: 11px;
	color: #999;
}

.slotMachine .result div {
	position: relative;
	z-index: 10;
}

.slotMachine .result.active {
	font-weight: bold;
	color: white;
}

.slotMachine .result .bar-color {
	width: 65px;
	height: 21px;
	margin: -5px -10px;
}
/* Endo of slot machine */

/* general print overrides */
@media print {	
	/* elements to hide */
	.header,
	.left_menu,
	.shorten_left_menu,
	table.loans tr._temp,
	table.loans tr._toggle,
	#printButton,
	.tweet,
	.toolActions,
	#loginAlertMessage,
	.linkList .link_container,
	.linkList .additionalResources,
	.printContainer .btn {
		display: none;
	}
	
	/* fix layout issues */
	.inner_body  {
		width: 800px;
	}
	.main_content {
		float: none;
	}
	
	/* make flow title bigger */
	.main_content #page_title #content,
	.main_content #plus_page_title #content {
		font-size: 2em;
	}
	
	/* print all loans in toggle table */
	table.loans tr {
		display: table-row;
	}
	
	/* display full URLs */
	.linkList #printLinks {
		display: block;
	}
	.linkList #printLinks ul {
		float: none;
	}
	.linkList #printLinks ul li {
		width: auto;
	}
	
	/* change text color to black and remove shadow */
	.altoid .bar *,
	.positive,
	.negative,
	.total {
		color: black !important;
		text-shadow: none;
	}	
}

.servicer-address {
	margin-top: 0;
	color: #666
}

.servicer-block .subsectionDivider {
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding-left: 10px;
	margin-top: 20px;
	display:block;
}
.servicer-block:first-child .subsectionDivider {
	margin-top: 0
}

.repayment-plan-breakdown {
	cursor: pointer;	
}

.repayment-plan-breakdown thead td,
.repayment-plan-breakdown thead th {
	border-bottom: 1px solid black;
}



.repayment-plan-breakdown td, 
.repayment-plan-breakdown th {
	padding: 5px 8px;
	text-align: center;
}

.repayment-plan-breakdown thead {
	line-height: 1.15em;
	
}

.repayment-plan-breakdown tbody th {
	text-align: left
}

#goButton{
	width:60px;
	height:28px;
	margin-left:10px;
}
#loanServicerGroup {
	width:65%;
}

table#delinquencyDefault{
	font-size: 10px;
}
#repaymentEstimator fieldset {
border: none;
padding-bottom: 0px;
}

#repaymentEstimator .legend {
margin-left: -10px;
float: left;
width: 140px;
font-weight: bold;
color: #444455;
font-size: 12px;
}

#custom-tweet-button{
	height:16px;
}

#custom-tweet-button img{
	height: 26px;
    margin-right: -5px;
    margin-top: -5px;
    width: 26px;
}

/* TODO: fix these  */
._left { text-align: left !important; }
._right { text-align: right !important; }
._center { text-align: center !important; }