/* ---------- Home Widget 1 ---------- */
#widgetOne {
	width: 334px; height: 264px;
	background: url(images/widget1.gif) no-repeat; }
	
h2.loanCalcHeading {
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

span.widgetLabel {
	font-weight: bold;
	color: #fff; }
	
span.calculatedLabel {
	font-weight: bold;
	color: #fff;
	font-style:italic; }
	
#widgetOne table {
	width: 305px;
	margin: 12px auto 0 auto;}
	
#widgetOne p {
	width: 280px; margin: 15px auto 0 auto;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#widgetOne input, #widgetTwo input, #widgetTwo button, #widgetTwo select {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#widgetOne .button {
	vertical-align: top;
	height: 22px;  }
	
.calculated input {
	margin:0;
	background-color: #e2e2e2; }
	
/* ---------- Home Widget 2 ---------- */
#widgetTwo {
	width: 334px; height: 306px;
	background: url(images/widget2.gif) no-repeat; }
	
#million_dt_calculator {
	width: 305px;
	margin: 0 auto;
	margin-top: 10px; }
	
h2.millCalcHeadingTwo {
	margin: 0 0 0 10px;
	padding-top: 14px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #157b9f; }
	
span.widgetTwoLabel {
	font-weight: bold;
	color: #157b9f; }
	
#widgetTwo select {
	height: 22px;}
	
#widgetTwo p {
	width: 300px; margin: 13px auto 0 auto;
	color: #157b9f; line-height: 15px;}
	
#widgetTwo .dt_results {
	color: #000; margin-top: 8px; }
	
#widgetTwo button {
	vertical-align: top;
	height: 22px;  }
	
/* ---------- Mortgage Widget ----------*/
#mtgpay_dt_calculator {
	width: 305px;
	margin: 0 auto;
	margin-top: 10px; }
	
#widgetMortgage {
	width: 334px; height: 307px; margin-top: 0px;
	background: url(images/widget2.gif) no-repeat; }
		
h2.loanCalcHeadingTwo {
	margin: 0 0 0 10px;
	padding-top: 15px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #157b9f; }
	
span.widgetMortgageLabel {
	font-weight: bold;
	color: #157b9f; }
	
#widgetMortgage select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#widgetMortgage p {
	width: 300px; margin: 13px auto 0 auto;
	color: #157b9f; line-height: 15px;}
	
.mortResults {
	color: #000; margin-top: 6px; }
	
#widgetMortgage button {
	vertical-align: top;
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;  }
	
#widgetMortgage input {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
/* ---------- Early Mortgage Widget ----------*/
#earlyMortWidget {
	width: 334px; min-height: 264px; margin-top: 15px;
	background: #4ac0e8 url(images/widget1.gif) no-repeat; }
	
h2.EarlyMortHeading {
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

#earlyMortWidget .Label {
	font-weight: bold;
	color: #fff; }
	
#earlyMortWidget table {
	width: 318px;
	margin: 12px auto 0 auto;}
	
#earlyMortWidget p {
	width: 280px; margin-top: 10px;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#earlyMortWidget select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#earlyMortWidget input, #earlyMortWidget input, #earlyMortWidget button {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#earlyMortWidget button {
	vertical-align: top;
	height: 22px;  }
	
.earlyResults {
	color: #fff; margin-top: 10px;
	font-size: 85%;}
	
/* ---------- Credit Card 1 ---------- */

#credCardOne {
	width: 334px; min-height: 264px; margin-top: 15px;
	background: #4ac0e8 url(images/widget1.gif) no-repeat; }
	
h2.CredCardHeading {
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

#credCardOne .Label {
	font-weight: bold;
	color: #fff; }
	
#credCardOne table {
	width: 310px;
	margin: 12px auto 0 auto;}
	
#credCardOne p {
	width: 280px; margin-top: 10px;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#credCardOne select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#credCardOne input, #credCardOne button {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#credCardOne button {
	vertical-align: top;
	height: 22px;  }
	
#credCardOne .results {
	color: #fff; margin-top: 10px;
	font-size: 95%;}
	
/* ---------- Credit Card 2 ---------- */

#credCardTwo table {
	width: 305px;
	margin: 0 auto;
	margin-top: 10px; }
	
#credCardTwo {
	width: 334px; min-height: 280px; margin-top: 0px;
	background: url(images/widget2_bg_long.gif) no-repeat;
	border-bottom: 1px solid #4ac0e8;
	padding-bottom: 10px; }
		
#credCardTwo .CredCardHeading {
	margin: 0 0 0 10px;
	padding-top: 15px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #157b9f; }
	
#credCardTwo .Label {
	font-weight: bold;
	color: #157b9f; }
	
#credCardTwo select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#credCardTwo p {
	width: 300px; margin: 13px auto 0 auto; 
	color: #157b9f; line-height: 15px;}
	
#credCardTwo .results p {
	color: #000; margin-top: 8px; }
	
#credCardTwo button {
	vertical-align: top;
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;  }
	
#credCardTwo input {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
/* ---------- Student Loan ---------- */

#college {
	width: 334px; margin-top: 15px; position: relative;
	background: #4ac0e8 url(images/widget1.gif) no-repeat; }
	
h2.collegeHeading{
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

#college .Label {
	font-weight: bold;
	color: #fff; }
	
#college table {
	width: 325px;
	margin: 12px auto 0 auto;}
	
#college p {
	width: 280px; margin-left: 5px;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#college select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#college input, #college button {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#college button {
	vertical-align: top;
	height: 22px;  }
	
#college .results {
	width: 310px; height: 100%;
	overflow-x: auto;
	margin: 10px auto 5px auto;
	color: #fff; font-size: 98%; }
	
#college_dt_results .data td, #college_dt_results .data th {
	padding: 0 15px 0 0px;
	text-align: center; }
	
#college_dt_results .data th {
	vertical-align: top;
	font-weight: bold; }
	
/* ---------- Rebate ---------- */

#rebate{
	width: 334px; min-height: 264px; margin-top: 15px;
	background: #4ac0e8 url(images/widget1.gif) no-repeat; }
	
h2.rebateHeading {
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

#rebate  .Label {
	font-weight: bold;
	color: #fff; }
	
#rebate  table {
	width: 310px;
	margin: 12px auto 0 auto;}
	
#rebate  p {
	width: 280px; margin-top: 10px;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#rebate  select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#rebate  input, #rebate  button {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#rebate  button {
	vertical-align: top;
	height: 22px;  }
	
#rebate  .results {
	color: #fff; margin-top: 10px;
	margin-bottom: 10px; }
	
/* ---------- Car Loan ---------- */

#carLoan table {
	width: 305px;
	margin: 0 auto;
	margin-top: 10px; }
	
#carLoan {
	width: 334px; min-height: 280px; margin-top: 0px;
	background: url(images/widget2_bg_long.gif) no-repeat;
	border-bottom: 1px solid #4ac0e8;
	padding-bottom: 10px; }
	
h2.carLoanHeading {
	margin: 0 0 0 10px;
	padding-top: 15px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #157b9f; }
	
#carLoan .Label {
	font-weight: bold;
	color: #157b9f; }
	
#carLoan select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#carLoan p {
	width: 300px; margin: 13px auto 0 auto; 
	color: #157b9f; line-height: 15px;}
	
#carLoan .results p {
	color: #000; margin-top: 6px; }
	
#carLoan button {
	vertical-align: top;
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;  }
	
#carLoan input {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }

/* ---------- Gas Saving ---------- */
#gasSave {
	width: 334px; min-height: 264px; margin-top: 15px;
	background: #4ac0e8 url(images/widget1.gif) no-repeat; }
	
h2.gasHeading {
	margin: 0 0 0 7px;
	padding-top: 4px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #fff; }

#gasSave  .Label {
	font-weight: bold;
	color: #fff; }
	
#gasSave  table {
	width: 310px;
	margin: 12px auto 0 auto;}
	
#gasSave  p {
	width: 280px; margin-top: 10px;
	color: #fff; line-height: 15px;}
	
.details {
	font-size: 95%;
	color: #fff;
	font-style: italic; }
	
#gasSave  select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#gasSave  input, #gasSave  button {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
#gasSave  button {
	vertical-align: top;
	height: 22px;  }
	
#gasSave  .results {
	color: #fff; margin-top: 10px;
	margin-bottom: 10px; }


/* ---------- Commuting ---------- */

#commute table {
	width: 305px;
	margin: 0 auto;
	margin-top: 10px; }
	
#commute {
	width: 334px; min-height: 280px; margin-top: 0px;
	background: url(images/widget2_bg_long.gif) no-repeat;
	border-bottom: 1px solid #4ac0e8;
	padding-bottom: 10px; }
	
h2.commHeading {
	margin: 0 0 0 10px;
	padding-top: 15px;
	font-size: 18px; font-weight: normal;
	letter-spacing: 0;
	color: #157b9f; }
	
#commute .Label {
	font-weight: bold;
	color: #157b9f; }
	
#commute select {
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;}
	
#commute p {
	width: 300px; margin: 13px auto 0 auto; 
	color: #157b9f; line-height: 15px;}
	
#commute .results p {
	color: #000; margin-top: 6px; }
	
#commute button {
	vertical-align: top;
	height: 22px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e;  }
	
#commute input {
	height: 18px;
	margin: 10px 0 0 0;
	border: 1px solid #147b9e; }
	
/* Mortgage Rates Widget (Home Loans) */

#mortRateWidget {
	border: 1px solid #e4e4e4; 
	visibility:show; 
	width:210px; height: 305px; 
	font: normal 11pt Arial,Veranda,Helvetica,sans-serif; color:#433232;
	text-decoration :none; 
	padding: 5px;
	margin: 45px 30px 10px 12px;
	text-align:center; 
	float: right;
	background-color:#F8F8F8 }
	
/* ---------- Safari Fixes ---------- */

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

#college {padding-bottom: 10px; }

.collSaveTD { width: 243px; padding-left: 5px; }

#college .Label {
	font-weight: normal;
	color: #fff; }
	
#college select {
	margin-right: 10px;}
	
#college table {
	margin: 12px auto 0 auto;}
	
#college button { margin-left: 5px;}

#college .results {
	width: 310px; height: 100%;
	overflow-x: scroll; 
	margin: 25px auto 25px auto;
	color: #fff; font-size: 95%;
	padding-left: 5px; }

.loanCalcWidget .calculated input { border: 2px solid #000;}