@charset "utf-8";
/* CSS Document */


body {
	margin: 10px;
	color:#333333;
	
}
img{
	border-style:none;
}

a{
	cursor:pointer;
	text-decoration: underline;
	color: #5e83a5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	z-index: 400;
	outline:0;
}

.button{
	cursor:pointer;	
}

.clearBoth{
	width:auto;
	height:1px;
	clear:both;

}

.navButton{
	cursor:pointer;	
}

.shadowBox{
	box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.80);	
}

.shadowBox2{
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50);	
}


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

.modalBackground{
	width:100%;
	height:100%;
	background-image: url(../images/transparentBlack.png);
	background-repeat: repeat;
	position:absolute;
	top:0;
	left:0;
	display: none;
	z-index: 888;
		
}

#modalWindow {
	height: 490px;
	width: 730px;
	background-color:#fff;
	margin: 0 auto;
	position:relative;
	display: none;
	z-index: 999;
	background-image: url(../images/entryScreen.png);
	/* [disabled]border: thick solid #FFF; */
}
.modalMain #closeModal {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}



.modalContent {
	height: 410px;
	width: 100%;
	margin: 0 auto;
}
.modalForm {
	/* [disabled]background-color: #FFF; */
	width: 680px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
}
.modalMain h1 {
	font-family: Arial, Gadget, sans-serif;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}



.modalHeader{
	height:40px;
	background-color: #9FF;
	background-image: url(../images/headerBackground.gif);
	overflow:hidden;
}

#modalRITLogo{
	margin-top:10px;
	margin-left:10px;	
}
.modalMain{
	height:424px;
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.modalMain .modalText {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	font-weight: normal;
	letter-spacing: .1em;
}


.modalIncomeBtn{
	background-image: url(../images/enterButton.png);
	text-decoration: none;
	height: 34px;
	width: 155px;
	display: block;
	float: left;
}


a.modalIncomeBtn:hover {
	background-position: 0 -34px;
}


.modalFooter{
	height:60px;
	background-repeat: repeat-x;
	width: 250px;
	text-align: center;
	margin-right: auto;
	position: absolute;
	left: 212px;
	bottom: 65px;
}
.modalFooter .cancel {
	display: block;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* modal form css start */

.formBlock h3 ,h4 {
	color: #000;
	margin: 0px;
	padding: 0px;
	
}

.formBlock h4 {
	font-size: .7em;
	color: #555;
	margin: 0px;
	padding: 2px;
	
}

.formBlock {
	float: left;
	padding: 0px;
	width:170px;
	height:80px;

	
	
}

#form1{
	position: absolute;
	top: 243px;
	left: 49px;

}

#form2{
	position: absolute;
	top: 243px;
	left: 282px;
	}


#form3{
	position: absolute;
	top: 243px;
	left: 520px;
}


/* ************** Start application style *********** */
#appMainWindow{
	width:980px;
	height:auto;
	background-color:#ccd8e3;
	margin: 0 auto;
	display: block;
	visibility: hidden;

}

.appHeader{
	width:100%;
	height:40px;
	background-color: #0d487e;
	background-image: url(../images/headerBackground.gif);
	/* [disabled]overflow:hidden; */
	text-align:right;
		
}

#appRITLogo{
	/* [disabled]margin-top:10px; */
	margin-left:24px;
	float:left;
}

#byTime{
	background-image: url(../images/byTimeBtn.png);
	padding:0;
	display:block;
	height:27px;
	width:137px;
	background-position: 0px -28px;
	margin-top: 13px;
	float:right;
	background-repeat: no-repeat;
}



#byAmount{
	background-image: url(../images/byAmountBtn.png);
	padding:0;
	display:block;
	height:27px;
	width:210px;
	background-position: 0px 0px;
	margin-top: 13px;
	float:right;
	margin-right: 45px;
	background-repeat: no-repeat;
}


#closeBtn{
	background-image: url(../images/closeBtn.png);
	padding:0;
	display:block;
	height:16px;
	width:15px;
	margin-right:20px;
	margin-left:5px;
	float:right;
	margin-top: 15px;
}

a.takeSnapShotButton:hover{
	background-position: 0 -34px;	
}
.takeSnapShotButton {
	background-image: url(../images/takeSnapShotButton.png);
	display: block;
	height: 34px;
	width: 155px;
	float: left;
}

a.resetDefaultButton:hover{
	background-position: 0 -34px;	
}

.resetDefaultButton {
	background-image: url(../images/appResetButton.png);
	display: block;
	height: 34px;
	width: 136px;
	float: left;
	margin-left:10px;
}


.appContent{
	position:relative;
	height:546px;
	width:976px;
	background-image: url(../images/appContentBackground.jpg);
	overflow:hidden;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0D487E;
	border-left-color: #0D487E;
}

.appFooter{
	height:auto;
	width:100%;
	background-color: #FFF;
	background-image: url(../images/mainShadow.gif);
	background-repeat: repeat-x;
}
.appFooter #putnamLogoLarge {
	float: right;
	margin-top: 19px;
	margin-right: 11px;
}


.appDisclaimer{
	display: block;
	width: 75%;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	line-height: 18px;
}


#appTimeGraph, #appMonthGraph{
	position:absolute;
	width:574px;
	height:468px;
	top:20px;
	right:-600px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#appTimeGraph{
	background-image:url(../images/byTimeBackground.jpg);
	display: block;
}

#appMonthGraph{
	background-image:url(../images/byMonthlyAmountBackground.jpg);
	display: block;
}


#appTimeGraph a, #appMonthGraph a {
	left: 18px;
	top: 75px;
	display: block;
	position: absolute;
	width: 160px;
}

 #appMonthGraph #finalValue {
	left: 284px;
	top: 20px;
	display:inline;
	position: absolute;
	width: 160px;
}


#appTimeGraph #learnMore2,#appMonthGraph #learnMore5 {
	top: 215px;
	left: 18px;
}
#appTimeGraph #learnMore3,#appMonthGraph #learnMore6 {
	top: 353px;
	left: 18px;
}

.appSnapShot{
	/* [disabled]cursor: pointer; */
	position:absolute;
	bottom:-4px;
	width:100%;
	height:auto;
	z-index: 800;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #13518b;
	
}


/* ************** By Time Interactive Start ***************** */

.appEditWrapper{
	width: 308px;

}

#appEditValues {
	top: 31px;
	left: 19px;
}
.appEditWrapper  h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7b7b;
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 6px;
}

.appEditWrapper  h3 {
	padding: 0px;
	color:#0C0C0C;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 9999;
}
.incomeTotal {
	background-image: url(../images/totalProxy.png);
	height: 33px;
	margin-top: 5px;
	padding: 0px;
	margin-left: -10px;
}
.incomeTotal h4 {
	text-align: center;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 140px;
	font-size: 14px;
	margin-left: 106px;
	height: 20px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#totalAssets {
	color: #000;
}


#appWithdrawSliderWrapper {
	left: -400px;
	top: 168px;
	position: absolute;
	display: block;
}
#appConfidentSliderWrapper {
	left: 19px;
	top: 310px;
	display: block;
}

#appSnapShotNav{
	bottom: 80px;
	left: 16px;
	
}


.appEditWrapper {
	height: auto;
	/* [disabled]margin-bottom: 35px; */
	width: 364px;
	position: absolute;
	display: block;
}
.sliderWrapper .appSliderMarker {
	height: 20px;
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bababa;
	padding-top: 5px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
.sliderWrapper {
	margin-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	font-size: 12px;
}


.editTaxable {
	background-image: url(../images/editValueBackground.png);
	height: 42px;
	width: 94px;
	float: left;
	margin-left: 2px;
	margin-right: 8px;
	margin-top: 13px;
}


.editTaxDeferred {
	background-image: url(../images/editValueBackground.png);
	height: 42px;
	width: 123px;
	float: left;
	margin-top: 13px;
	margin-right: 8px;
}
.editTaxExempt {
	background-image: url(../images/editValueBackground.png);
	height: 42px;
	width: 110px;
	float: left;
	margin-top: 13px;
}


#appWithdrawSliderWrapper .sliderWrapper #val4 {
	position: absolute;
	left: 2px;
}


#appWithdrawSliderWrapper .sliderWrapper #val45 {
	position: absolute;
	left: 32px;
}

#appWithdrawSliderWrapper .sliderWrapper #val5 {
	position: absolute;
	left: 69px;
}


#appWithdrawSliderWrapper .sliderWrapper #val55 {
	position: absolute;
	left: 101px;
}



#appWithdrawSliderWrapper .sliderWrapper #val6 {
	position: absolute;
	left: 137px;
}

#appWithdrawSliderWrapper .sliderWrapper #val65 {
	position: absolute;
	left: 169px;
}

#appWithdrawSliderWrapper .sliderWrapper #val7 {
	position: absolute;
	left: 207px;
}

#appWithdrawSliderWrapper .sliderWrapper #val75 {
	position: absolute;
	left: 238px;
}

#appWithdrawSliderWrapper .sliderWrapper #val8 {
	position: absolute;
	left: 274px;
}

#appWithdrawSliderWrapper .sliderWrapper #val85 {
	position: absolute;
	left: 306px;
}


#appWithdrawSliderWrapper .sliderWrapper #val9 {
	position: absolute;
	left: 340px;
}

.sliderWrapper #perc50 {
	position: absolute;
	left: -2px;
}

.sliderWrapper #perc55 {
	position: absolute;
	left: -4px;
	display:none;
}

.sliderWrapper #perc60 {
	position: absolute;
	left: 60px;
	display:none;
}
.sliderWrapper #perc65 {
	position: absolute;
	left: -4px;
	display:none;
}


.sliderWrapper #perc70 {
	position: absolute;
	left: 160px;
	display:none;
}

.sliderWrapper #perc75 {
	position: absolute;
	left: 69px;
}

.sliderWrapper #perc80 {
	position: absolute;
	left: 136px;
}

.sliderWrapper #perc85 {
	position: absolute;
	left: 210px;
	display:none;
}

.sliderWrapper #perc90 {
	position: absolute;
	left: 206px;
}

.sliderWrapper #perc95 {
	position: absolute;
	left: 274px;
}

.sliderWrapper #perc99 {
	position: absolute;
	left: 340px;
}



h3.editHeader  {
	margin-left: 5px;
	display: block;

}
#appWithdrawSliderWrapper #slider1, #slider2 {
	margin-top: 35px;

}
#sliderAmount {
	/* [disabled]display: block; */
	width: 90px;
	text-align: center;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	left: 0px;
	top: 88px;
	font-size: 10px;
}
.timeGraphWrapper {
	height: 120px;
	width: 320px;
}
.timeGraphWrapper  p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

.timeGraphWrapper p.caseYearsLabel {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.appContent .baseDropDown {
	position: absolute;
	left: 20px;
	top: 165px;
	display: block;
}

.case1 {
	background-repeat: no-repeat;
}

.case2 {
	background-repeat: no-repeat;
}
.case2 .case2Bar {
	background-image: url(../images/grayGraphBar.gif);
	height: 46px;
	width: 0px;
}



#timeGraph1 {
	position: absolute;
	left: 257px;
	top: 78px;
}
#appTimeGraph h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 14px;
	margin-left: 18px;
}


#timeGraph2 {
	position: absolute;
	left: 257px;
	top: 210px;
}

#timeGraph3 {
	position: absolute;
	left: 257px;
	top: 347px;
}

.timeGraphWrapper .case1 , .timeGraphWrapper .case1Label, .timeGraphWrapper .case2, .timeGraphWrapper .case2Label{
	height: 46px;
	width: 126px;
	float: left;
	margin: 4px;
}
.case1 .case1Bar {
	background-image: url(../images/greenGraphBar.gif);
	height: 46px;
	width: 0px;
}




/* ****************** tool tips 290 156 *********************** */

.tooltip{
	height:106px;
	width:240px;
	background:url(../images/flyOutProxy.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index:998;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-left: 35px;
}



.tooltip2{
	display:none;
	height:292px;
	width:240px;
	padding:25px 25px 25px 25px;
	background:url(../images/flyOutTall.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index:999;

}

.tooltip2 p , .tooltip2 h2{
	
	margin-left:10px;
	
}


.tooltip3{
	display:none;
	height:344px;
	width:240px;
	padding:25px 25px 25px 25px;
	background:url(../images/flyOutTallLeft.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    height: 344px;
    left: -9px;
    padding: 25px;
    position: absolute;
    top: -4px;
    width: 240px;
    z-index: 800
	

}

.tooltip3 p{
	
	margin-left: -4px;
    margin-top: 15px;
}





.appSnapShot .snapShotTab {
	height: 45px;
	background-image: url(../images/appSnapshot.gif);
	border-bottom-width: thin;
	border-bottom-style: solid;
	background-repeat: no-repeat;
}
.appSnapShot .snapshot {
	background-color: #c5d3e0;
	height: 30px;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: default;
	overflow:hidden;
}
.appSnapShot .snapshot a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 30px;
	margin-left: 30px;
	float: left;
}

.appSnapShot .snapshot .trashcan {
	position: absolute;
	top:1px;
    right: 20px;
}



.snapshot:nth-child(even) {
	background-color: #f0f3f6;
	
}

.snapshot:nth-child(odd) a {
	/* [disabled]color: #000; */
}
.appContent #ageSlider {
	position: absolute;
	top: 208px;
	left: 16px;
	display: block;
}

#ageSlider .sliderWrapper .appSliderMarker {
	position: absolute;
	margin-bottom: 20px;
	top: 29px;
}
.appContent #durationSlider {
	left: -400px;
	top: 208px;
	display: block;
}

#ageSlider .sliderWrapper #age50 {
	left:1px;
}
#ageSlider .sliderWrapper #age51 {
	left:10px;
}
#ageSlider .sliderWrapper #age52 {
	left:21px;
}
#ageSlider .sliderWrapper #age53 {
	left:31px;
}
#ageSlider .sliderWrapper #age54 {
	left:41px;
}
#ageSlider .sliderWrapper #age55 {
	left:50px;
}
#ageSlider .sliderWrapper #age56 {
	left:60px;
}
#ageSlider .sliderWrapper #age57 {
	left:70px;
}
#ageSlider .sliderWrapper #age58 {
	left:80px;
}
#ageSlider .sliderWrapper #age59 {
	left:90px;
}
#ageSlider .sliderWrapper #age60 {
	left:98px;
}
#ageSlider .sliderWrapper #age61 {
	left:108px;
}
#ageSlider .sliderWrapper #age62 {
	left:118px;
}
#ageSlider .sliderWrapper #age63 {
	left:128px;
}
#ageSlider .sliderWrapper #age64 {
	left:138px;
}
#ageSlider .sliderWrapper #age65 {
	left:147px;
}
#ageSlider .sliderWrapper #age66 {
	left:157px;
}
#ageSlider .sliderWrapper #age67 {
	left:167px;
}
#ageSlider .sliderWrapper #age68 {
	left:177px;
}
#ageSlider .sliderWrapper #age69 {
	left:187px;
}
#ageSlider .sliderWrapper #age70 {
	left:195px;
}
#ageSlider .sliderWrapper #age71 {
	left:205px;
}
#ageSlider .sliderWrapper #age72 {
	left:215px;
}
#ageSlider .sliderWrapper #age73 {
	left:225px;
}
#ageSlider .sliderWrapper #age74 {
	left:235px;
}
#ageSlider .sliderWrapper #age75 {
	left:244px;
}
#ageSlider .sliderWrapper #age76 {
	left:254px;
}
#ageSlider .sliderWrapper #age77 {
	left:264px;
}
#ageSlider .sliderWrapper #age78 {
	left:274px;
}
#ageSlider .sliderWrapper #age79 {
	left:284px;
}
#ageSlider .sliderWrapper #age80 {
	left:292px;
}
#ageSlider .sliderWrapper #age81 {
	left:302px;
}
#ageSlider .sliderWrapper #age82 {
	left:312px;
}
#ageSlider .sliderWrapper #age83 {
	left:322px;
}
#ageSlider .sliderWrapper #age84 {
	left:332px;
}
#ageSlider .sliderWrapper #age85 {
	left:341px;
}
#ageSlider .sliderWrapper #age90 {
	left:302px;
}
#ageSlider .sliderWrapper #age95 {
	left:340px;
}


#durationSlider .sliderWrapper .appSliderMarker {
	position: absolute;
	margin-bottom: 20px;
}

#durationSlider .sliderWrapper #dur5 {
	left:3px;
}
#durationSlider .sliderWrapper #dur6 {
	left:11px;
}
#durationSlider .sliderWrapper #dur7 {
	left:18px;
}
#durationSlider .sliderWrapper #dur8 {
	left:25px;
}
#durationSlider .sliderWrapper #dur9 {
	left:33px;
}

#durationSlider .sliderWrapper #dur10 {
	left:36px;
}
#durationSlider .sliderWrapper #dur11 {
	left:46px;
}
#durationSlider .sliderWrapper #dur12 {
	left:53px;
}
#durationSlider .sliderWrapper #dur13 {
	left:61px;
}
#durationSlider .sliderWrapper #dur14 {
	left:68px;
}
#durationSlider .sliderWrapper #dur15 {
	left:75px;
}
#durationSlider .sliderWrapper #dur16 {
	left:83px;
}
#durationSlider .sliderWrapper #dur17 {
	left:91px;
}
#durationSlider .sliderWrapper #dur18 {
	left:98px;
}
#durationSlider .sliderWrapper #dur19 {
	left:106px;
}

#durationSlider .sliderWrapper #dur20 {
	left:113px;
}
#durationSlider .sliderWrapper #dur21 {
	left:122px;
}
#durationSlider .sliderWrapper #dur22 {
	left:129px;
}
#durationSlider .sliderWrapper #dur23 {
	left:135px;
}
#durationSlider .sliderWrapper #dur24 {
	left:144px;
}
#durationSlider .sliderWrapper #dur25 {
	left:151px;
}
#durationSlider .sliderWrapper #dur26 {
	left:159px;
}
#durationSlider .sliderWrapper #dur27 {
	left:166px;
}
#durationSlider .sliderWrapper #dur28 {
	left:174px;
}
#durationSlider .sliderWrapper #dur29 {
	left:181px;
}
#durationSlider .sliderWrapper #dur30 {
	left:189px;
}
#durationSlider .sliderWrapper #dur31 {
	left:196px;
}
#durationSlider .sliderWrapper #dur32 {
	left:204px;
}
#durationSlider .sliderWrapper #dur33 {
	left:211px;
}
#durationSlider .sliderWrapper #dur34 {
	left:218px;
}
#durationSlider .sliderWrapper #dur35 {
	left:228px;
}
#durationSlider .sliderWrapper #dur36 {
	left:234px;
}
#durationSlider .sliderWrapper #dur37 {
	left:242px;
}
#durationSlider .sliderWrapper #dur38 {
	left:249px;
}
#durationSlider .sliderWrapper #dur39 {
	left:257px;
}
#durationSlider .sliderWrapper #dur40 {
	left:265px;
}
#durationSlider .sliderWrapper #dur41 {
	left:273px;
}
#durationSlider .sliderWrapper #dur42 {
	left:278px;
}
#durationSlider .sliderWrapper #dur43 {
	left:286px;
}
#durationSlider .sliderWrapper #dur44 {
	left:294px;
}
#durationSlider .sliderWrapper #dur45 {
	left:302px;
}
#durationSlider .sliderWrapper #dur46 {
	left:309px;
}
#durationSlider .sliderWrapper #dur47 {
	left:316px;
}
#durationSlider .sliderWrapper #dur48 {
	left:323px;
}
#durationSlider .sliderWrapper #dur49 {
	left:332px;
}
#durationSlider .sliderWrapper #dur50 {
	left:340px;
}


.baseDropDown form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7b7b7b;
}
#slider3 {
	margin-top: 35px;
}

#slider3 .ui-slider-range{
 height:16px;
 margin-top:-7px;
 background:none;
 background-color:#b0cb7b;
 opacity:0.35;
 border:none;
}

#slider4 {
	margin-top: 35px;
}


.byMonthResultWrapper {
	position: absolute;
	height: 90px;
	width: 200px;
	left: 290px;
	top: 96px;
}
#modPort {
	top: 232px;
}

#aggPort {
	top: 371px;
}



.negWrapper {
	/* [disabled]background-color: #999; */
	height: 40px;
	width: 100px;
	position: absolute;
	left: 0px;
	top: 16px;
}
.posWrapper {
	/* [disabled]background-color: #090; */
	position: absolute;
	height: 40px;
	width: 100px;
	left: 102px;
	top: 16px;
}
.posBar {
	height: 38px;
	width: 70%;
	left: -1px;
	position: absolute;
	background-image: url(../images/greenAmountGraph.png);
	border: 1px solid #679a35;
}
#appMonthGraph h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 2px;
	padding: 0px;
	color:#333333;
}
#conIncome {
	position: absolute;
	top: 133px;
	left: 113px;
}
#modIncome {
	position: absolute;
	top: 269px;
	left: 113px;
}
#aggIncome {
	position: absolute;
	top: 406px;
	left: 113px;
}

.negBar {
	height: 38px;
	width: 30%;
	border: 1px solid #600;
	position: absolute;
	right: 0px;
	background-image: url(../images/grayAmountGraph.png);
}




.byMonthResultWrapper h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 11px;
	width: 80px;
}
.meanMarker {
	background-image: url(../images/meanMarker.gif);
	height: 48px;
	width: 6px;
	position: absolute;
	left: 100px;
	top: 18px;
}


.posWrapper h3 {
	position: absolute;
	/* [disabled]background-color: #999; */
	left: 0px;
	padding-left: 5px;
	width: 100px;
}
.negWrapper h3 {
	position: absolute;
	right: 0px;
	text-align: right;
	padding-right: 5px;
	width: 100px;
}
.median {
	position: absolute;
	bottom: 7px;
	left: 60px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#appTimeGraph .stocks, #appTimeGraph .bonds, #appTimeGraph .cash,#appMonthGraph .stocks,#appMonthGraph .bonds,#appMonthGraph .cash,#appMonthGraph .shortfall,#appMonthGraph .excess {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	top: 41px;
	text-decoration:none;
	width:auto;
	display:block;
	
}
#appTimeGraph .stocks{

	left: 30px;
}

#appTimeGraph .bonds{

	left: 98px;
}

#appTimeGraph .cash{

	left: 161px;
}

#appMonthGraph .stocks{

	left: 30px;
}

#appMonthGraph .bonds{

	left: 98px;
}

#appMonthGraph .cash{

	left: 161px;
}

#appMonthGraph .shortfall{

	left: 276px;
}

#appMonthGraph .excess{

	left: 359px;
}

#appMainWindow .appContent #appConfidentSliderWrapper #atWhatAge {
	clear: both;
}
#appConfidentSliderWrapper #conLink {
	position: absolute;
	left: 147px;
	top: 21px;
}
#appEditValues .img {
	margin-left: 5px;
}
#appMainWindow .appContent #appEditValues #youAssets {
	margin-left: 5px;
}
#appMainWindow .appContent #ageSlider img,#appMainWindow .appContent #durationSlider img {
	margin-left: 5px;
}
#appMainWindow .appContent #appConfidentSliderWrapper #atWhatAge {
	margin-left: 5px;
}
#ageSlider .sliderWrapper .appSliderBlank {

}
.appSnapShot #snapShotAlert {
	position: absolute;
	left: 12px;
	top: 2px;
}
#appMainWindow .appContent #snapShotAlert {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-indent: 7px;
	line-height:20px;
	height: 20px;
	width: 26px;
	position: absolute;
	left: 168px;
	top: 498px;
	z-index: 802;
	display: none;
	background-image: url(../images/Alert.png);
}
#appMainWindow .appContent #basedOnTip {
	position: absolute;
	left: 401px;
	top: 92px;
}
#appConfidentSliderWrapper #conPopUp {
	display:none;
	background-image: url(../images/flyOutMedStocks.gif);
    height: 156px;
    left: 246px;
    position: absolute;
    top: -18px;
    width: 290px;
    z-index: 800;
}
#appConfidentSliderWrapper #conPopUp #conClose {
	 background-image: url(../images/closeBtn.gif);
    background-position: 0 -16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
	cursor:pointer;
}
#basedOnTip #basedClose , #stockClose, #bondsClose, #cashClose {
	
	background-image: url(../images/closeBtn.gif);
    background-position: 0 -16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
	cursor:pointer;
}


#finalTip #finalClose {
	
	 background-image: url(../images/closeBtn.gif);
    background-position: 0 -16px;
    height: 16px;
    position: absolute;
    right: 25px;
    top: 10px;
    width: 15px;
	cursor:pointer;
}








 #stockPopUp,#cashPopUp,#bondsPopUp, .portfolioModal1, .portfolioModal2, .portfolioModal3 {
	
	background-image:url(../images/flyOutMedStocks.gif);
	height: 186px;
	width: 290px;
	position: absolute;
	z-index: 850;
	top:23px;
	left:470px;
	display:none;
}

.portfolioModal1, .portfolioModal2, .portfolioModal3 {
	
	background-image:url(../images/flyOutPort1.gif);
}

#stockPopUp p,#cashPopUp p,#bondsPopUp p  ,#conPopUp p, .portfolioModal1 p, .portfolioModal2 p, .portfolioModal3 p{
	 font-family: Arial,Helvetica,sans-serif;
	 font-size: 11px;
    margin-left: 30px;
    margin-right: 20px;
    margin-top: 40px;
}

#bondsPopUp{
	background-image:url(../images/flyOutMedBond.gif);	
	left:536px;
}


#cashPopUp{
	background-image:url(../images/flyOutMed.gif);
	left:594px;	
}



.downloads {
	 font-family: arial;
    font-size: 12px;
    font-weight: bold;
    left: 517px;
    position: absolute;
    top: 222px;
}

.downloads li{
	margin-top:10px;
	font-weight:normal;	
	 margin-right: 40px;
}
.downloads a{
	  font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;	
}

.byLink{
	text-decoration:underline;
	width:80px;	
}

.closePort {
	
	background-image: url("../images/closeBtn.gif");
    background-position: 0 -16px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 15px;
}

#appTimeGraph .conLeg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 262px;
	top: 41px;
	font-weight: normal;
	color: #333333;
	width: 200px;
}
#appTimeGraph .conLeg .conLegBox {
	background-color: #679933;
    display: block;
    float: left;
    height: 11px;
    margin-right: 4px;
    margin-top: 1px;
    width: 11px;
}

#appTimeGraph .worLeg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 374px;
	top: 41px;
	font-weight: normal;
	color: #333333;
	width: 200px;
}
#appTimeGraph .worLeg .worLegBox {
	background-color: #683896;
	display: block;
	float: left;
	height: 11px;
	margin-right: 4px;
	margin-top: 1px;
	width: 11px;
}

.snapShotLink, .byLink, .spacer{
	float:left;
	margin-right:15px	
}
.snapShotTab #snapHit {
	/* [disabled]display: block; */
	width: 180px;
	height: 38px;
	/* [disabled]background-color: #999; */
	cursor: pointer;
}

.portfolioModal1{
	
	left: 475px;
    position: absolute;
    top: 59px;
}

.portfolioModal2{
	
	left: 475px;
    position: absolute;
    top: 198px;
}

.portfolioModal3{
	
	 left: 475px;
    position: absolute;
    top: 336px;
}