form.calculator { position: relative; }

form.calc_flash { clear: both; }

form.calc_flash, form.calc_flash .inner {
	position: relative;
	background: white url(../images/calc-flash.png) no-repeat 0 100%; 
	/* width: 737px; */
}
form.calc_flash {
	background-position: 0 0;
	margin: 0 0 3em; 
	padding-top: 1em;
}
	
form.calc_flash .inner {
	margin: 0 0 0em;
	padding: 0 10px 2em;
}
	
form.calc_flash h2 {
	position: relative;
	margin-bottom: 2em; 
	margin-right: 24px;
	z-index: 2; }
		
.tabs form.calc_flash { left: -18px; }	
	
form.calc_flash .btn { 
	float: left;
	margin: -30px 0 18px 0; }
	
form.calc_flash .ui-slider span.ui-slider-label {
	font-size: 0.9em;
	white-space: nowrap; }
	
form.calc_flash .item_deposit { padding-bottom: 2em; }
form.calc_flash .item_duration {
	clear: both;
	margin-bottom: 2em; }
form.calc_flash .item_duration label { padding-top: 1em; padding-right: 2em;}

form.calc_flash .item { width: 130px; }
form.calc_flash .control { left: 130px; }

#page form.calc_flash .ui-slider { 
	background-position: 0 -100px; 
	left: -25px; 
	width: 500px; }
#page form.calc_flash .ui-slider .ui-slider-range { background-position: 0 -200px; } 

form.calc_flash .item { z-index: 98; }
form.calc_flash .item_product, form.calc_flash .item_rate, form.calc_flash .cols { position: relative; z-index: 99; }
form.calc_flash .item_product { z-index: 100; }

form.calc_flash .rollover { 
	color: #757575;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	margin-right: 2em;
	white-space: nowrap; }

form.calc_flash .flashgraph,
form.calc_flash #flashcalculator {
	position: relative;
	left: -4px;
	top: 1px;
	width: 725px; 
	z-index: 98; }

form.calc_flash .note { 
	border-top: 1px solid #CCC;
	margin: 6px 2em 0 59px;
	padding: 0.25em; }
form.calc_flash .valid {
	clear: right;
	float: right;
	color: #757575;
	font-size: 0.9em;
	margin: 24px 24px -32px; 
}

form.calc_flash .btns { position: relative; left: 50px; margin: 0.5em 0 1.5em; }
form.calc_flash .btns .btn { margin: 0 0 0 1em; }

form.calc_flash .btn_update { position: relative; left: 164px; }

form.calc_flash .item_rate { margin-left: 155px; }
form.calc_flash .item_rate label { margin-left: 2em; }
form.calc_flash .item_rate .instruction { opacity: 0; cursor: pointer; }
form.calc_flash .item_rate .instruction strong { background: transparent !important; }
form.calc_flash .set .instruction { cursor: default; }
	
form.calc_flash .item_futureon label { font-weight: normal; }
form.calc_flash .item_futureon .horizontal .control, 
form.calc_flash .item_futureon .horizontal .control label { width: 24%;  }
form.calc_flash .item_futureon .controls { width: 200px; }

form.calc_flash .item_futureon { float: left; }
form.calc_flash .item_futureoptions { 
	clear: none; 
	float: right !important; 
	margin-right: 100px; } 
form.calc_flash .item_futureoptions .item { width: 13em; }
form.calc_flash .item_futureoptions label { width: 7em; }
form.calc_flash .item_futureoptions .control { left: 8em; }

form.calc_flash input {font-family: Arial,Helvetica,sans-serif}


#form_calculator_OSAV .item_duration,
#form_calculator_MMDA .item_duration { margin-bottom: 4em; }

#form_calculator_OSAV .item_product,
#form_calculator_OSAV .rollover,
#form_calculator_CD .item_future, 
#form_calculator_CD .item_frequency {
	display: none; }
	

/* Comparison & Rate tables */
form.comparerate, 
form.comparerate .inner,
form.comparerate h2,
form.comparerate h2 span,
.calc_options {
	position: relative;
	background: url(images/calc-compare.png) no-repeat top left; 
	width: 420px;
}
form.comparerate { margin: 10px 0 20px; }
form.comparerate .inner {
	background-position: bottom left;
	background-color: white; 
	padding-bottom: 6px; }

form.comparerate table,
form.comparerate h2,
form.comparerate p,
form.comparerate .item,
form.comparerate .btn {
	position: relative; 
	z-index: 2; }

form.comparerate table,
form.comparerate p {
	width: 390px; 
	margin: 5px 15px; 
}
form.comparerate .item { margin: 3px 4em 5px 15px; }

form.comparerate h2 { 
	background-position: top right; 
	margin: 10px 0 -10px;
	top: -10px; }
form.comparerate h2 span {
	background-position: bottom right;
	display: block;
	padding: 6px 10px;
	width: 400px; }
	
form.comparerate .tblcompare { margin-top: -6px; }
form.comparerate p.note, 
form.comparerate p.valid { 
	font-size: 0.9em; 
	padding: 0 0 3px; }
form.comparerate table tbody.zipped td div { 
	display: none; 
	opacity: 0; }

form.comparerate .item { text-align: left; }
form.comparerate .control { left: 7em; }

form.comparerate th { text-align: left; }

	
form.calc_compare table tr th.co { width: 60%; }
form.calc_compare table tr th.apy { width: 40%; }

form.calc_list h2 { margin-bottom: 0.5em; }
form.calc_list .control { left: 10em; }
form.calc_list label { width: 10em; }

form.calc_list table tr td.term,
form.calc_list table tr td.earnings { width: 30%; }
form.calc_list table tr td.rate,
form.calc_list table tr td.apy { width: 20%; }

.calc_options { 
	background: transparent !important;
	clear: left; }

/* Print tables for Flash */
.flashprint { 
	position: absolute;
	top: -999em;
	left: -999em;
	padding-top: 3em;
}
.flashprint h2 { margin: 0 0 -0.5em 15%; }
	
.flashprint table { 
	margin: 1em auto 2em;
	width: 70%; }
.flashprint table td { font-size: 1.25em; }

.flashprint .value { text-align: right; }

.flashprint .detail td { 
	background: #FCFCFC; 
	color: #757575; 
	font-size: 1em; }
.flashprint .detail .label { text-indent: 0.5em; }

.flashprint .product td,
.flashprint .last td,
.flashprint .last td.label {
	background: #DDF1FC;
	border: 1px solid #DDDDDD;
	border-width: 1px 0 2px;
	color: #333;
	font-size: 1.2em; 
	text-indent: 0; }

.flashprint .oldtbl {
	position: absolute;
	top: -999em;
	left: -999em;
}

a.subscribe { 
	outline: none;
	display: block;
	font-size: 0.9em;
	margin: -1em 0 30px 120px;
	text-align: right; 
	width: 300px; }
a.subscribe img {
	position: relative;
	top: 3px; }

/* Layout-specific positions */
#cd-overview .btn_open, #osav-overview .btn_open, #mmda-overview .btn_open, #ncd-overview .btn_open { margin-top: 1em; }
	
/* No Javascript? */
form.calc_flash, form.calc_ladder, form.comparerate .item label, form.comparerate .item .control, form.comparerate .btn { display: none; }
.dynamic form.calc_flash, .dynamic form.calc_ladder, .dynamic form.comparerate .item label, .dynamic form.comparerate .item .control, .dynamic form.comparerate .btn { display: block; }

.msg, .msg h2 {
background:transparent url(../images/box-beige-535.png) no-repeat scroll left bottom;
position:relative;
text-align:left;
width:535px;
}
.msg {
margin:20px 4px 4px 20px;
padding:0 0 6px;
}
.msg h2 img.icon { 
	 position: absolute;
	 top: -14px; 
	 left: -16px;
	 height: 32px;
	 width: 32px; }
.msg h2, .msg p {
font-size:1em;
margin:0;
}

.msg h2 {
background-position:left top;
padding:6px 25px;
}
.msg p { padding: 3px 25px; }
.msg_wide, .msg_wide h2 {
background-image:url(../images/box-beige-735.png);
width:735px;
}
.msg_wide { margin-left: -20px; }

.calculator { margin: 24px 0 12px 2px !important; }
.dynamic .calculator { margin: 0 !important; }

.calc_options { top: 18px; margin-left: 2px; }
.dynamic .calc_options { margin: 0; }

.comparerate .item { min-height: 0; }
.dynamic .comparerate .item { min-height: 30px; }

/* Loading graphic */
form.calculator .loading {
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 1001;
	background: white;
	height: 200px; }
form.calc_flash .loading { top: 0; width: 737px !important; }
form.calc_ladder .loading { padding-bottom: 2em; }
form.calculator .loading img {
	position: relative;
	left: 50%;
	height: 24px;
	width: 24px; 
	margin: 1em 0 0 -18px; }
form.calculator .loading h3 {
	color: #999;
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 6px;
	text-align: center; 
	text-transform: uppercase; }
	
.dynamic form.calculator { visibility: hidden; }
.dynamic form.calc_compare { visibility: visible; }

.dynamic form.calculator .item, 
.dynamic form.calculator .btn { visibility: hidden; }
.dynamic form.calc_compare .item, .dynamic form.calc_compare .btn,
.dynamic form.loaded .item, .dynamic form.loaded .btn { visibility: visible; }


.a, .b, .c, .d {
float:left;
position:relative;
width:24.7%;
}

.b, .cols .cols .b {
	left:15px;
}
.cols {
	clear:both;
	height:1%;
}

.cols:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.cols {
	width:auto;
}

#calculator_disabled { 
	position: relative;
	left: 19px;
	}
	
#calculator {
	padding: 1.5em 0 0 0 !important;
}