/* GENERAL STYLES */

* {
	font-family:Arial,Helvetica,sans-serif;
}

body, div, span, p, td {
	font: normal 12px Arial,Helvetica,sans-serif;
	color:#333;
}

a {
	color: #369;
}

#WSOD {
	width:500px;
	position:relative;
}

form {
	margin:0;
	padding:0;
}

br {
	clear:both;
}

.boldText {
	font-weight:bold;
}

.negative {
	color:#d96767;
}

.positive {
	color:#67a44c;
}

.waitCursor {
	cursor:wait !important;
}

#WSOD.hasLayout, #WSOD .hasLayout, #WSOD table caption, #WSOD div.moduleheader1 {
	zoom:1;
}

#WSOD.hasLayout:after, #WSOD .hasLayout:after, #WSOD table caption:after, #WSOD div.moduleheader1:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Error and General 'State' Classes */

.errorText {
	clear:both;
	color:#c11;
	font-weight:normal;
	font-size:10px;
}

.errorInput {
	background-color:#FFF9da;
}

.disabledText {
	color:#666 ! important;
	font-weight:normal ! important;
}

/* END GENERAL STYLES */

/* Pagenav Styles (from retail/research's common.css) */

	#WSOD div.PageNavigation {
		clear: both;
		border-top: solid 1px #fff;
		margin-top: 15px;
		_height: 25px;
		position: relative;
		z-index:1;
	}

	#WSOD ul.pageNav {
		list-style-type: none;
		padding: 0 0 0 1px;
		margin: 0 0 -1px 0;
		zoom:1;
		position: relative;
		z-index:9;
	}

	#WSOD ul.pageNav:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	#WSOD ul.pageNav li {
		float: left;
		border: solid 1px #CDCBC0;
		padding: 1px;
		margin-left: 2px;
	}
	#WSOD ul.pageNav li a, #WSOD ul.pageNav li span {
		display: block;
		xbackground: #FAFAF8 url(/schwab/retail/research/resources/img/Gradient.tan.5.gif?v=rl) top left repeat-x;
		background: #FAFAF8 url(/schwab/retail/research/resources/img/Gradient.sprite.gif?v=rl) left -50px repeat-x;
		text-decoration: none;
		color: #000;
		padding: 6px 8px;
		text-align: center;
		line-height: 11px;
		font-size: 12px;
	}
	#WSOD ul.pageNav li a:hover{
		text-decoration:underline;
	}
	#WSOD ul.pageNav li.active a:hover{
		text-decoration:none;
	}
	#WSOD ul.pageNav li.active {
		border-bottom-color: #fff;
		font-weight: bold;
	}
	#WSOD ul.pageNav li.active a, #WSOD ul.pageNav li.active span {
		background-color: #fff;
		background-image: none;
	}
	#WSOD ul.pageNav li.selected a:hover{
		text-decoration:none;
	}
	#WSOD ul.pageNav li.selected {
		border-bottom-color: #fff;
		font-weight: bold;
	}
	#WSOD ul.pageNav li.selected a, #WSOD ul.pageNav li.selected span {
		background-color: #fff;
		background-image: none;
	}
	#WSOD ul.pageNav li.disabled {
		opacity: .5;
		filter: alpha(opacity=50);
		KHTMLOpacity:.5;
	}
/* End Pagenav Styles */

/* Button Styles (mostly from retail/research's common.css, but a couple custom items) */

#WSOD a.button, #WSOD a.buttonDD {
	height:18px;
	line-height:18px;
	display:-moz-inline-box;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}

#WSOD a.button, #WSOD a.buttonDD, #WSOD a.button span, #WSOD a.buttonDD span {
	background:transparent url(/schwab/retail/research/resources/img/Bg.Buttons.png?v=rl) no-repeat;
}

#WSOD a.buttonDD {
	width:150px;
}
#WSOD a.buttonDD span {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	width:124px;
}

#WSOD a.button span, #WSOD a.buttonDD span {
	display:block;
	_display:inline-block;
	height:18px;
	line-height:18px;
	padding-left:8px;
	white-space:nowrap;
}

#WSOD a.button span {
	margin-right:5px;
	padding-right:3px;
	text-align:center;
}

#WSOD a.buttonDD span {
	margin-right:24px;
	text-align:left;
}

#WSOD a.button:hover, #WSOD a.button span:hover, #WSOD a.buttonDD:hover, #WSOD a.buttonDD span:hover {
	text-decoration:underline;
	/*color:#333;*/
}

#WSOD a.button1 {background-position:right -120px;}
#WSOD a.button1 span {background-position:left 0px;}

#WSOD a.button2 {background-position:right -140px;}
#WSOD a.button2 span {background-position:left -20px;}

#WSOD a.button3 {background-position:right -160px;}
#WSOD a.button3 span {background-position:left -40px;}

#WSOD a.button4 {background-position:right -180px;}
#WSOD a.button4 span {background-position:left -60px;}

#WSOD a.button5 {background-position:right -200px;}
#WSOD a.button5 span {background-position:left -80px;}

#WSOD a.button6 {background-position:right -220px;}
#WSOD a.button6 span {background-position:left -100px;}

/* End Button Styles */

/* Drop-down menu styles */

#WSOD ul.ddmMenu {
	display:none;
	background:#FFFFFF none repeat scroll 0%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:1px 0 0 5px;
	=margin:19px 0 0 5px;
	padding:0pt;
	position:absolute;
	left:0;
	z-index:50;
	border:1px solid #B8B8B8;
}
#WSOD ul.ddmMenu li {
	background:#FFFFFF none repeat scroll 0% 50%;
	border:1px solid #EEEEEE;
	border-width:1px 3px 0 3px;
	/*didn't work with IE: border-color:-moz-use-text-color #EEEEEE rgb(238, 238, 238);
	border-style:none solid solid;
	border-width:1px 3px;*/
	cursor:pointer;
	list-style-type:none;
	margin:0pt;
	width:138px;
}
#WSOD ul.ddmMenu li div {
	color:#666;
	padding:2px 18px 2px 9px;
}
#WSOD ul.ddmMenu li.selected {
	background-color:#DEE7EC;
}
#WSOD ul.ddmMenu li.selected div {
	font-weight:bold;
	color:#333;
}
#WSOD ul.ddmMenu li.indentChoice div {
	padding-left:25px;
}

#WSOD ul.ddmMenu li.trust {
	background-color:#EEEEEE;
}
#WSOD ul.ddmMenu li.trust div {
	border-top:1px solid #FFF;
	color:#999;
}
#WSOD ul.ddmMenu li.trust span {
	font-size:9px;
	color:#999;
	margin-left:3px;
}
/* End Drop-down menu styles */

/* Hopup Styles (mostly from retail/research's common.css, but a couple custom items) */

#WSOD .generalHopup {
	background-color: #fff;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	color: #666;
	display: none;
	position: absolute;
	width: 380px;
	z-index:9999;
	top:34px;
	left:100px;
}

#WSOD .generalHopup .hopupShadow1 {
	border-right: 1px solid #a3a2a2;
	border-bottom: 1px solid #a3a2a2;
}

#WSOD .generalHopup .hopupShadow2 {
	border: 1px solid #727272;
}

#WSOD .generalHopup .hopupTitle {
	overflow:hidden;
	zoom:1;
	background-color: #497396; /*orig color from common.css: #659ec9*/;
	color: #fff;
	padding: 5px;
}

#WSOD .generalHopup .hopupContent {
	padding: 8px;
}

#WSOD .generalHopup .hopupTitle h3 {
	float:left;
	margin:0;
	font-size:12px;
}
#WSOD .generalHopup .hopupTitle div {
	float:right;
}
#WSOD .generalHopup .hopupTitle a  {
	cursor:pointer;
}
#WSOD .generalHopup .hopupTitle a span {
	color: #FFF;
	text-decoration:underline;
}
#WSOD .generalHopup .hopupTitle a img {
	margin-left:3px;
	vertical-align:bottom;
	border:none;
}

#WSOD .generalHopup .hopupContent div.trust { /*special case*/
	background: #FFF url(/schwab/retail/guidance/tools/RMD/resources/img/Gradient.topBorder.gif?v=rl) left top repeat-x;
	padding:5px 10px 0 10px;
}
#WSOD .generalHopup .hopupContent div.trust p.hopupSubtitle{
	margin-bottom:0px;
}
#WSOD .generalHopup .hopupContent p {
	margin: 0 0 9px 0;
}
#WSOD .generalHopup .hopupContent p.hopupSubtitle {
	margin: 1px 0 2px 0;
	font-weight:bold;
}

/* End Hopup Styles */

/* Status Window Styles (direct from common.css) */

div.WSODStatusWin{
	position:absolute;
	width:100%;
	background:#fff;
	top:0;
	left:0;
	z-index:999998;
	cursor:wait;
}

div.WSODSubStatusWin{
	width:307px;
	height:82px;
	position:absolute;
	text-align:center;
	z-index:999999;
	cursor:wait;
	color:#fff;
	background:url(/schwab/retail/research/resources/img/Bg.StatusWin.gif?v=rl) no-repeat center;
	font-size:13px;
	font-weight:bold;
	display:none;
}

div.WSODSubStatusWin div{
	background:url(/schwab/retail/research/resources/img/Loader.blue.gif?v=rl) no-repeat center 12px;
	padding:55px 0 14px 0;
}

/* End Status Window Styles  */


#WSOD .mainContent{
	visibility:hidden;
	display:none;
	background-color:#FFF;
}

#WSOD .hiddenTab {
	visibility:hidden; /*precursor to below.  Needs size for slider calculations*/
}

#WSOD .tabbedContainer .visibleTab {
	display:block;
}

#WSOD .mainContent .mainContentInner {
	padding:0 4px 3px 6px;
	_padding:0 2px 3px 4px;
	border-bottom:1px solid #d6d3d6;
	background: transparent url(/schwab/retail/guidance/tools/RMD/resources/img/Gradient.tan.10.gif?v=rl) left bottom repeat-x;
}

#WSOD .mainContent .titleBlock h3 {
	font-size:16px;
	font-weight:bold;
	color:#4271A5;
	padding:0;
	margin:3px 0 2px 0;
}
#WSOD .mainContent .titleBlock div {
	font-size:12px;
	height:60px;
}

#WSOD .mainContent .assumptionsBlock {
	text-align:right;
	margin:3px 0 4px 0;
}

#WSOD .mainContent .chartAndInputsBlock {
	height:343px;
	margin-bottom:0px;
}
#WSOD .mainContent .chartImgOuter {
	position:relative;
	width:323px;
	height:240px;
}
#WSOD .mainContent .chartImgOuter .loadingIcon {
	position:absolute;
	top:0;
	left:0;
	width:323px;
	height:250px;
	z-index:40;
	background:transparent url(/schwab/retail/guidance/tools/RMD/resources/img/Loader.transparent.gif?v=rl) center center no-repeat;
}
#WSOD .mainContent .chartImgOuter #RMD_chartMouseover,
#WSOD .mainContent .chartImgOuter #BRMD_chartMouseover {
	position:absolute;
	top:0;
	left:0;
	width:315px; /*323px - 8px - 8px; (8px are side margins on chart) */
	height:174px; /*250px - 30px - 46px; (30px and 46px are legend and axis heights on chart) */
	z-index:50;	
	background-color:transparent;
	margin:30px 0px 46px 8px;
}
#WSOD .mainContent .chartImgOuter #RMD_chartMouseover div,
#WSOD .mainContent .chartImgOuter #BRMD_chartMouseover div {
	float:left;
	margin:0;
	padding:0;
	height:174px;
	background:transparent url(/schwab/retail/guidance/tools/RMD/resources/img/spacer.gif?v=rl) top left repeat;
	overflow:hidden;
}
#WSOD #chartMouseOverHopUp {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:60;
	width:225px;
	border:1px solid #8C8C8C;
	border-bottom-width:2px;
	border-right-width:2px;
	background:#FFFFFF url(/schwab/retail/guidance/tools/RMD/resources/img/Gradient.chartHopup.gif?v=rl) bottom left repeat-x;
}
#WSOD #chartMouseOverHopUp .hopupTitle {
	zoom:1;
	background-color: #497396; /*orig color from common.css: #659ec9*/;
	color: #fff;
	font-weight:bold;
	padding: 5px;
}
#WSOD #chartMouseOverHopUp table {
	margin:2px 2px 4px 3px;
}
#WSOD #chartMouseOverHopUp table th {
	color:#666;
	padding:4px 3px 1px 4px;
	text-align:left;
	font-weight:normal;
	vertical-align:bottom;
}
#WSOD #chartMouseOverHopUp table td {
	font-weight:bold;
	padding:1px 3px 1px 4px;
	color:#999999;
	text-align:left;
	vertical-align:top;
}
#WSOD #chartMouseOverHopUp table td.rmdValue {
	color:#436884;
}


#WSOD .mainContent .chartHolder {
	width:316px;
	float:left;
}

#WSOD .mainContent .chartHolder .chartTitleText {
	font-size:14px;
	margin-bottom:8px;
}

#WSOD .mainContent .chartHolder .dynamicSpan {
	margin:0 3px
}

#WSOD .mainContent .chartHolder .chartSubText {
	margin-top:7px;
	background-color:#497396
}
#WSOD .mainContent .chartHolder .chartSubText div {
	padding:8px 14px;
	margin-top:2px;
}
#WSOD .mainContent .chartHolder .chartSubText span {
	color:#FFF;
	font-weight:bold;
}
#WSOD .mainContent .chartHolder .chartSubText span.requiredText {
	font-size:14px;
}
#WSOD .mainContent .chartHolder .chartSubText span.dollarAmount {
	font-size:15px;
}
#WSOD .mainContent .chartHolder .chartSubText span.parenthetical {
	font-size:12px;
	font-weight:normal;
}

#WSOD .mainContent .inputHolder {
	width:162px;
	float:right;
}
#WSOD .mainContent .inputHolder .inputHolderInner {
	background-color:#e7dfce;
	border:1px solid #e7dfce;	
}

#WSOD .mainContent .inputHolder .inputIndividualBox {
	clear:both;
	position:relative;
	padding: 1px 5px 10px 5px;
	border-bottom:1px solid #d6cfbd;
}
#WSOD .mainContent #BRMD_inputs .inputIndividualBox {
	padding-bottom:4px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .inputLabel {
	color:#7c7c7c;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 0 0;	
}
#WSOD .mainContent .inputHolder .inputIndividualBox .inputTitle {
	margin:9px 0 5px 0;
	font-weight:bold;
}
#WSOD .mainContent #BRMD_inputs .inputIndividualBox .inputTitle {
	margin:4px 0 1px 0;	
}
#WSOD .mainContent .inputHolder .inputIndividualBox .inputSubtitle {
	color:#7c7c7c;
	font-size:10px;
	margin:-3px 0 5px 0;
}
#WSOD .mainContent .BRMD_inputs .inputIndividualBox .inputSubtitle {
	margin:-1px 0 3px 0;
}
#WSOD .mainContent .inputHolder .specialZIndex {
	z-index:15;
}
#WSOD .mainContent .inputIndividualBox div.percentSign {
	float:left;
	margin-left:3px;
	margin-top:3px;
}

#WSOD .mainContent #RMD_inputs .inputIndividualBox .disabledTitleText {
	color:#bdb2a5;
}

/*slider*/
#WSOD .mainContent .inputHolder .inputIndividualBox .sliderInputBox {
	overflow:visible; /*hidden does help with the clearing but isn't great for the slider handle...*/
}

#WSOD .mainContent .inputHolder .inputIndividualBox .sliderMinus,
#WSOD .mainContent .inputHolder .inputIndividualBox .sliderPlus {
	float:left;
	cursor:pointer;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .mainSlider {
	float:left;
}

#WSOD .mainContent .inputHolder .inputIndividualBox .mainSlider .sliderBar {
	background: transparent url(/schwab/retail/guidance/tools/RMD/resources/img/sliderBackground.gif?v=rl) left top repeat-x;
	width:94px;
	height:15px;
}
#WSOD .mainContent div#RMD_returnRateSlider .sliderBar,
#WSOD .mainContent div#BRMD_returnRateSlider .sliderBar {
	width:70px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .mainSlider .sliderHandle {
	background: transparent url(/schwab/retail/guidance/tools/RMD/resources/img/slider.gif?v=rl) left top no-repeat;
	width:15px;
	height:20px;
	top:-3px;
	cursor:pointer;
	left:0;
}


#WSOD .mainContent .inputHolder .inputIndividualBox .sliderMinMax {
	clear:both;
	overflow:hidden;
}

#WSOD .mainContent .inputHolder .inputIndividualBox .generalSlider {
	width:126px;
	margin-top:5px;
	float:left;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .generalSliderAdj {
	width:102px;
}
#WSOD .mainContent #BRMD_inputs .inputIndividualBox .generalSlider {
	margin-top:4px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox input.sliderInput {
	float:left;
	width: 64px;
	font-size:12px;
	height:14px;
	margin-left:5px;
	margin-top:2px;
	font-weight:bold;
}
#WSOD .mainContent .inputHolder .inputIndividualBox input#RMD_returnRateInput,
#WSOD .mainContent .inputHolder .inputIndividualBox input#BRMD_returnRateInput {
	width: 22px;
}

#WSOD .mainContent .inputHolder .inputIndividualBox .sliderMin {
	float:left;
	color:#999;
	font-size:11px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .sliderMax {
	float:right;
	color:#999;
	font-size:11px;
}
/*end slider*/

#WSOD .mainContent .inputHolder .inputIndividualBox input.inputDate {
	font-weight:bold;
	height:14px;
	margin-right:3px;
}

#WSOD .mainContent .inputHolder .inputIndividualBox input.initialValue {
	color:#7C7C7C;
}

#WSOD .mainContent .inputHolder .inputIndividualBox input.inputMonthDay {
	width:38px;
}

#WSOD .mainContent .inputHolder .inputIndividualBox input.inputYear {
	width:50px;
	margin-right:0;
}

#WSOD .mainContent .inputHolder .inputIndividualBox input.inputMonthDay,
#WSOD .mainContent .inputHolder .inputIndividualBox input.inputYear {
	font-size:11px;
}

/* Error hopups */

#WSOD .mainContent .inputHolder .inputIndividualBox .errorHopup {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:60;
	background: #FFF url(/schwab/retail/guidance/tools/RMD/resources/img/Gradient.error.gif?v=rl) bottom left repeat-x;	
	border:1px solid #8C8C8C;
	border-bottom-width:2px;
	border-right-width:2px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox .errorHopup div {
	color:#9C0000;
	padding:3px 4px;
	font-size:11px;
}

#WSOD .mainContent .inputHolder .inputIndividualBox #RMD_dobError,
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_dobError {
	margin-top:-9px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_dobError {
	margin-top:-4px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_dodError {
	margin-top:4px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #RMD_bdobError {
	margin-top:38px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_bdobError {
	margin-top:14px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #RMD_balError,
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_balError {
	margin-top:6px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_balError {
	margin-top:1px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #RMD_rorError,
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_rorError {
	margin-top:-6px;
	margin-left:4px;
	width:136px;
}
#WSOD .mainContent .inputHolder .inputIndividualBox #BRMD_rorError {
	margin-top:-14px;
}

/* End Error hopups */

#WSOD .RMD_tab .buttonsBlock {
	clear:both;
	background-color:#EFEFEF;
	padding:4px 10px;
	border-top:1px solid #ffffff;
	margin-bottom:-2px;
	overflow:hidden;
	zoom:1;
}

#WSOD #resetButton {
	float:left;
}

#WSOD #printButton {
	float:right;
}

#WSOD #printButton span {
	color:#FFF;
	font-weight:bold;
}