/* ING DIRECT Electric Orange Online Calculator CSS Document */

/* General */

body {
	margin: 0;
	background: url(../images/odcalc/lp_background.jpg) repeat-x top center;
	padding: 0;
}

body,td,th, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c2c2c;
}

.emphasize-orange {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}

.emphasize-white {
	font-weight: bold;
	font-style: oblique;
	color: #FFF;
	text-decoration: underline;
}

.dollarSign {
	color: #FFF;
	margin-right: 5px;
}

/* Structure */

#wrapper {
	width: 900px;
	margin: 0 auto;
}

/* Header */

#header {
	width: 900px;
	height: 86px;
}

#header #header-content {
	width: 189px;
	height: 48px;
	position: relative;
	top: 12px;
	margin: 0 auto;
}

#header #header-content td {
	text-align: left;
	vertical-align: middle;
}

#header #header-content td.td_header_separator {
	text-align: left;
	vertical-align: middle;
	padding: 0 16px 0 16px;
}

/* Content */

#content {
	width: 844px;
	height: 449px;
	margin: 51px 28px 0 28px;
}

#content #left-col {
	width: 481px;
	float: left;
}

#content #right-col {
	width: 340px;
	margin-left: 10px;
	float: left;
}

#content #right-col .overdraft-headline {
	margin: 3px 0 0 37px;
}

#content #right-col p.content-separator {
	margin: 20px 0 0 0;
}

#content #right-col #content-blurb {
	margin: 17px 0 0 41px;
}

#content #right-col #content-blurb p {
	font-size: 14px;
	color: #000066;
	margin: 0 0 23px 0;
}

/* Footer */

#footer {
	width: 900px;
	float: left;
}

#footer table {
	margin: 0 51px 0 51px;
}

#footer table td {
	font-size: 10px;
	color: #4a4a4a;
	text-align: left;
	vertical-align: middle;
}

#footer table td.td_footer_separator {
	padding: 0 15px 0 15px;
}

/* Calculator */

#content #left-col .laptop td.td_laptop_screen {
	text-align: left;
	vertical-align: top;
	width: 481px;
	height: 359px;
	background: url(../images/odcalc/laptop_screen.gif) no-repeat top left;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn {
	width: 378px;
	margin: 0 auto;
	position: relative;
	top: 53px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn table.calculator  {
	width: 378px;
	margin-bottom: 10px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn table.calculator td.td_calculator_lc {
	/*width: 247px; */
	font-size: 14px;
	color: #FFF;
	padding-right: 10px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn table.calculator td.td_calculator_warning {
	width: 28px;
}


#content #left-col .laptop td.td_laptop_screen div#calculator-cn table.calculator td {
	text-align: right;
	vertical-align: middle;
	padding-bottom: 5px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn table.calculator td input {
	font-size: 10px;
	color: #000066;
	width: 98px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn p {
	margin: 0 0 15px 0;
}

#content #left-col .laptop td.td_laptop_screen p.laptop-btn {
	float: right;
	margin: 0;
	padding-right: 10px;
}

#ghosted-btn {
	width: 92px;
	height: 28px;
	background: url(../images/odcalc/btn_calculate_off.gif) no-repeat top left;
	margin-right: 28px;
	float: right;
}

#content #left-col .laptop td.td_laptop_dropshadow {
	text-align: left;
	vertical-align: top;
	width: 481px;
	height: 80px;
	background: url(../images/odcalc/laptop_dropshadow.gif) no-repeat top left;	
}

#content #left-col .laptop td.td_laptop_dropshadow div {
	font-size: 10px;
	color: #595959;
	margin: 14px 25px 10px 25px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn div#errorField {
	width: 220px;
	position: relative;
	margin: 0;
	top: 0px;
	left: 0px;
	float: left;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn div#errorField table td#errorContent {
	width: 220px;
	text-align: left;
	vertical-align: top;
	background: url(../images/odcalc/errorField_box_middle.gif) repeat-y top left;	
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn div#errorField table td#errorContent p {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 5px 3px 5px;
}

#content #left-col .laptop td.td_laptop_screen div#calculator-cn div#errorField table td#errorContent p span {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	/*color: #d92323;*/
}


#content #left-col .laptop td.td_laptop_screen div#calculator-cn p.calculator_headline {
	margin: 13px 0 15px 0;
}

/* Results Page */

#content #left-col .laptop td.td_laptop_screen div#results-cn {
	width: 390px;
	margin: 0 auto;
	color: #FFF;
	position: relative;
	top: 53px;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn p {
	color: #FFF;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn p.result-info {
	color: #FFF;
	margin: 5px 0 0 0;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result  {
	width: 390px;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td  {
	text-align: center;
	vertical-align: top;
	color: #d4d4e5;
	padding: 0 0 10px 0;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td.td_chargeTitle  {
	font-size: 13px;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td table td  {
	font-size: 10px;
	text-align: right;
	vertical-align: top;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td table td.td_results  {
	text-align: right;
	vertical-align: top;
	padding-left: 5px;
}

.td_vertical_separator  {
	width: 21px;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td div#obOverdraft  {
	width: 145px;
	height: 68px;
	background: url(../images/odcalc/oboverdraftfee_box.gif) no-repeat top center;
	margin: 0 auto;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td div#obOverdraft #obOverdraftFee  {
	font-size: 35px;
	font-weight: bold;
	color: #939fca;
	padding-top: 12px;
}


#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td div#eoOverdraft  {
	width: 145px;
	height: 68px;
	background: url(../images/odcalc/eooverdraftfee_box.gif) no-repeat top center;
	margin: 0 auto;
}

#content #left-col .laptop td.td_laptop_screen div#results-cn table.result td div#eoOverdraft #daysip  {
	font-size: 35px;
	font-weight: bold;
	color: #ff891f;
	padding-top: 12px;
}