/* ELEMENT STYLES */
html, body {height:100%; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:100%; margin:0!important; padding:0!important; background-color:#FFFFFF;}
#bodycontainer {background-color:#FFFFFF; height:100%; padding:0; margin:0; text-align:left;}
#bodycontainerpopup {background-color:#FFFFFF; height:100%; padding:0; margin:0;}
form {margin:0; padding:0;}
hr {border:0; height:1px;}	
td, span, div {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px;}
optgroup {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; font-weight:bold; font-style:normal;}
select {border:1px solid #999999; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; z-index:1;}	
input, textarea {border:1px solid #999999; padding:0px 1px 0px 1px; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; z-index:1;}	
input.checkbox, input.radio {border:none;}
.btn::-moz-focus-inner {border:none;} /* hide dotted box around buttons in Firefox */
.btn {width:auto!important; padding:0px 5px 0px 5px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10px; font-weight:bold; border-width:0px; border-style:solid; cursor:pointer; line-height:14px; margin-right:3px; _overflow:visible; /*fixes left and right margin bug on input type buttons in IE */}  
.btnEnd {position:absolute; display:inline; cursor:pointer;}	
a {text-decoration:none;}
a:hover {text-decoration:underline;}	
a:focus {outline:0;}
div.spacer {clear:both; height:0px; line-height:0px;}
div.vertspacerfive {clear:both; height:5px; line-height:5px;}	
div.vertspacerten {clear:both; height:10px; line-height:10px;}	
.disabled {background-color:#F7F7F5; color:#777777; _color:#222222;}
.checkbox.disabled, .radio.disabled{-msfilter:"progid:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50); -moz-opacity:0.5; -webkit-opacity:0.5;}	
.visibility {display:none;} /* prevent flicker of hidden content on page load */

/*BEGIN BOX HEADERS STYLES*/
.subgridheader {background-color:#CCCCCC; color:#FFFFFF; font-weight:bold; height:22px;} /*for headers inside another inputbox*/
.inputheader, .inputdatatableheader, .resultsheader, .resultstableheader, .resultstableheadersmallfont, .smallinputheader, .smalltextsummarygridheader, .smlsumhead, .summarygridheader, .whatifheader {font-size:11px;  font-weight:bold; height:22px;}
.inputheader.doublerow, .smlsumhead.doublerow, .summarygridheader.doublerow {height:36px;}
.smlsumhead.doublerowtwotr, .summarygridheader.doublerowtwotr {height:45px;}
.smlsumhead.triplerow, .summarygridheader.triplerow {height:59px;}
.smlsumhead.quadrow, .summarygridheader.quadrow {height:73px;}
.smlsumhead.quinrow, .summarygridheader.quinrow {height:89px;}
.smlsumhead.estatewhatifrow, .summarygridheader.estatewhatifrow {height:96px;}
.smlsumhead.whatifrow, .summarygridheader.whatifrow {height:126px;}
.smlsumhead.need {background:none!important; background-color:#543A87!important; color:#FFFFFF!important;}
.smlsumhead.want {background:none!important; background-color:#007E35!important; color:#FFFFFF!important;}
.smlsumhead.wish {background:none!important; background-color:#EC6400!important; color:#FFFFFF!important;}
.summarygridsubsection {background-color:#F2F2F2; color:#191919; font-weight:bold;}
/*used for GMWB Plan Results*/
.smlsumhead.annuity {background:none!important; background-color:#006c2d!important; color:#FFFFFF!important;}
.smlsumhead.fundsused {background:none!important; background-color:#84ff9f!important; color:#FFFFFF!important;}
.smlsumhead.shortfall {background:none!important; background-color:#ff0000!important; color:#FFFFFF!important;}
.smlsumhead.income {background:none!important; background-color:#3783ff!important; color:#FFFFFF!important;}
.smlsumhead.totalexpense {background:none!important; background-color:#646464!important; color:#FFFFFF!important;}

/*BEGIN GRIDS, BOXES, LABEL BACKGROUND STYLES*/
.label, .label.nobg	{font-size:11px; border:0px; background:none;}
.gainlayout {_zoom:1;} /*Used to work around IE7 layout bug with with text following inputs of type radio and select when user is using the "Zoom" feature */
.summarygridbackgroundsmalltext	{font-size:11px;}

/*BEGIN SUBHEADERS, LINES, LINKS STYLES*/
.alphabettext {font-size:11px;}
.inputseparator, .resultsseparator {border:0; height:1px;}
.smallsubheader, .subheader, .subheaderalt {font-size:11px; font-weight:bold;} 
.smalltextlink {font-size:11px;}

/*BEGIN PAGE HEADING STYLES*/
.pageheader {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Sans-Serif; font-size:17px;}

/*BEGIN ALERT TEXT STYLES*/	
.alerttext, .smallalerttext, .zipalerttext {font-size:11px; font-weight:bold;}
.pleasewait {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Sans-Serif; font-size:13px; font-weight:bold;}

/*BEGIN READONLY STYLES*/
.readonly {font-size:13px; font-weight:bold; color:#00EA00; background-color:#000000; border-width:0px;}
.readonlyspan {font-size:15px; font-weight:bold; color:#00EA00; background-color:#000000; width:60px; height:18px; vertical-align:middle;}

/*BEGIN MONTE CARLO CARD GAME STYLES*/
.cardtabletop, .cardtablebottom {background-color:#006400;}
.tablenumbersubheader {font-size:11px; font-weight:bold;}

/*BEGIN TEXT STYLES*/
.disclosure, .smalldescription, .smldesc {font-size:11px;}		
.menusubheader {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; text-decoration:none;}	
.menuheader {font-family:Trebuchet MS,Verdana,Arial,Helvetica,Sans-Serif; font-size:14px;}
.copyrighttext {color:#aaaaaa; font-size:9px;}

/*BEGIN CASH FLOW STYLES*/	
.cashflowtotalline {font-weight:bold;}

/*FUN BOOK STYLES*/
#funbookslider {width:585px;}
#fb-container {height:195px; width:580px; overflow:hidden; position:relative; margin:0 auto;}
#fb-slider {height:190px; position:absolute; margin:0!important; padding:0!important; list-style:none none outside; width:5000px; /*make huge by default, will be resized in code*/}
#fb-slidertrack {height:190px; position:absolute; margin:0; padding:0; list-style:none none outside;}
#fb-slider .fb-image {float:left; height:180px; width:180px; position:relative; padding-top:10px; text-align:center; margin-left:0px;}
#fb-slider .fb-image a {background-repeat:no-repeat; float:left; overflow:hidden; text-align:center; width:100%;}
/*#fb-sliderbg {background:url(../Img/Css/SliderBg.gif) no-repeat; position:relative; width:585px; height:21px;}
#fb-sliderthumb {position:absolute;}*/   
#wizard .funbook a, #wizard .funbook a:hover {text-decoration:none;}
#wizard .funbookcard {float:left; height:172px; width:150px; _width:152px; text-align:center; vertical-align:top; cursor:pointer; text-decoration:none; border:solid 1px #CCCCCC; margin:0;}
#wizard .funbookcardtitle {line-height:22px; text-align:center; font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif; font-weight:bold;}
#wizard .funbookcardimage {margin:0; height:150px; width:150px;}
#wizard .funbookcardimagesml {margin:0; height:80px; width:80px;}
#wizard .funbookcardtext {font-size:11px; text-align:left; padding:4px 5px 2px 5px;}

/* Start What If & Presentation CSS */
.tableborderhighlight {border:1px solid;}
.bigboldresult {font-size:15px; font-weight:bold;}
.bigboldresult.abovetarget {color:#479DD6;}
.bigboldresult.attarget {color:#7ED03A;}
.bigboldresult.belowtarget {color:#AC0078;}
#WhatIf div.container.scenarios_1 {width:497px; _width:496px;}
#WhatIf div.container.scenarios_2 {width:710px; _width:705px;}
#WhatIf div.container.scenarios_3 {width:923px; _width:914px;}
#WhatIf div.container.scenarios_4 {width:1136px; _width:1124px;}
#WhatIf div.container.boxinput {border:1px solid; margin-right:5px; width:1134px; _width:1124px;}
#WhatIf div.desc {float:left; text-align:left; padding-top:2px; white-space:nowrap; width:284px;}
#WhatIf div.desc.boxinputdesc {width:283px; _width:286px; padding:3px 0px 3px 0px; border-right:solid 3px;}
#WhatIf div.desc.descinput {padding-top:0px; padding-bottom:0px; white-space:normal;}
#WhatIf div.desc.importancegrp {_padding-top:2px;}
#WhatIf div.desc.bygoal {padding-left:25px; width:259px; _width:284px; overflow:hidden;}
#WhatIf div.desc_hdr1 {float:left; font-weight:bold; width:284px; line-height:22px;}
#WhatIf div.desc_hdr2 {border-top:1px solid; float:left; font-weight:bold; width:284px; line-height:22px;}
#WhatIf div.scenario_hdr1 {border-left:3px solid; float:left; font-weight:bold; text-align:center; width:210px; line-height:22px;}
#WhatIf div.scenario_hdr1.scenario_hdr_width_2 {width:423px; _width:420px;}
#WhatIf div.scenario_hdr1.scenario_hdr_width_3 {width:636px; _width:630px;}
#WhatIf div.scenario_hdr1.scenario_hdr_width_4 {width:849px; _width:840px;}
#WhatIf div.scenario_hdr2 {border-left:3px solid; border-top:1px solid; float:left; font-weight:bold; text-align:center; width:210px; line-height:22px;}
#WhatIf div.scenario {float:left; border-left:3px solid; width:210px; padding-top:3px; padding-bottom:3px; height:auto;}
#WhatIf div.scenario.noline {border-left:medium none;}
#WhatIf div.scenario.input {padding-top:3px; padding-bottom:3px;}
#WhatIf div.scenario.input_width_2 {width:418px; padding-top:3px; padding-bottom:3px;}
#WhatIf div.scenario.input_width_3 {width:628px; padding-top:3px; padding-bottom:3px;}
#WhatIf div.scenario.input_width_4 {width:838px; padding-top:3px; padding-bottom:3px;}
#WhatIf div.meter {margin-left:28px; margin-right:28px; text-align:center; width:150px;}
#WhatIf div.datacell {float:left; text-align:center; height:18px; line-height:18px; width:206px;}
#WhatIf div.datacell.results_2 {width:103px;}
#WhatIf div.datacell.results_3 {width:68px;}
#WhatIf div.desc.bygoal.smalldesc, #WhatIf div.datacell.results_3.smallresult {font-size:11px;}
#WhatIf div.desc.bygoal.verysmalldesc, #WhatIf div.datacell.results_3.verysmallresult {font-size:9px;}
#WhatIf div.datacell.bold  {font-size:15px; font-weight:bold;}
#WhatIf div.subheader {float:left; font-weight:bold; text-align:center; width:207px; padding-top:2px; padding-bottom:2px;}
#WhatIf div.subheader.results_2 {width:103px; _width:102px;}
#WhatIf div.subheader.results_3 {width:68px;}
#WhatIf div.scenario.input.calculate {height:18px; line-height:18px; padding-top:3px; padding-bottom:3px; text-align:center;}
#WhatIf div.scenario.noline.supersolve {text-align:center;}
#WhatIf div.scenario.noline.selection {_width:209px; text-align:center;}
#WhatIf div.achtung {float:left; text-align:center; width:12px; height:24px; line-height:24px;}
#WhatIf div.inflate {float:right; text-align:center; width:50px;}
#WhatIf div.currency {float:left; text-align:center; line-height:20px; height:24px; width:15px;}
#WhatIf div.datainput {float:left; width:120px; padding-left:1px;}
#WhatIf div.datainput.nocheck {width:170px;}
#WhatIf div.check {float:left; text-align:center; width:50px; padding-top:4px;}
#WhatIf div.sectionline {border-top:1px solid; clear:both; height:0px; line-height:0px;}
#WhatIf .calcbtncontainerouter {position:absolute;}
#WhatIf .calcbtncontainerinner {width:214px; _width:211px; text-align:center;}
#WhatIfExample div {display:none;}
/*Stress Test off of What If*/
#WhatIf div.container.scenarios_1.stresstest_1 {width:563px; _width:562px;}
#WhatIf div.desc.stresstest {width:350px; overflow:hidden;}
#WhatIf div.desc_hdr1.stresstest_hdr1 {width:350px;}

/*BEGIN TOOLBAR STYLES*/
#toolbar {width:100%;}
#toolbar div, #toolbar span, #toolbar a {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10px;}
#toolbar a:hover {text-decoration:underline;}
#toolbar .toolbarbg {padding-bottom:7px;}
#toolbar .active {font-weight:bold;}
#toolbar .notactive {text-decoration:none;}
#logobar {background-color:#FFFFFF;}
#breadcrumbbar {padding:5px 0px 0px 5px;}
#breadcrumbbar .crumbs {float:left; white-space:nowrap; padding-right:10px;}
#breadcrumbbar .right-side {float:right; white-space:nowrap;}
#breadcrumbbar .options, #breadcrumbbar .support {float:left; width:72px;}
#breadcrumbbar .help {float:left; width:52px;}
#breadcrumbbar .logout, #breadcrumbbar .help-nosupport, #breadcrumbbar .my-way, #breadcrumbbar .supportcenter {float:left; font-weight:bold;}
#statusbar {padding:5px 0px 0px 5px;}
#statusbar .investorinfo {float:left; width:295px; white-space:nowrap;}
#statusbar .sharinginfo {float:left; width:305px; white-space:nowrap;}
#statusbar .collaborate {float:left; width:160px; white-space:nowrap;}

/*BEGIN LEFT NAVAGATION STYLES*/
#nav {position:relative; width:160px;}
#nav div.navcontent {_display:inline-block; /*Used to get IE hasLayout to take effect- without it nav bg images don't show in IE6 */ }
#nav div.navdialog {border:none;}
#nav ul {padding:0px 0px 7px 0px; margin:0px 0px 0px 8px;} 
#nav li, #nav div {padding:0px; margin:0px; list-style:none; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10px; line-height:13px; font-weight:normal;}
#nav a {font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10px; text-decoration:none; font-weight:normal;}
#nav a:hover {text-decoration:underline;}
#nav .navtexthome {font-weight:bold; padding:5px 0px 5px 4px;}
#nav .navtexthdr {font-weight:bold; padding:5px 0px 5px 8px; margin-bottom:8px;}
#nav .navtextsubhdr, #nav .navtext {font-weight:bold; padding-left:8px; background:url(../Img/Css/NavActive.gif) no-repeat top left;}
#nav .navtextsectionhdr {font-weight:bold; padding-left:8px; background:url(../Img/Css/NavSection.gif) no-repeat top left;}
#nav .navspacer {margin-top:6px; line-height:6px; border-top-style:solid; border-top-width:1px;}
#nav ul.navsection, #nav ul.navsubsection {padding-bottom:0px;}
#nav ul.navsectionnotexpanded {padding-bottom:0px; display:none;}
#nav ul.navsubsectionnotexpanded {padding-bottom:0px; display:none; _padding-left:8px;}
#nav ul.navsection li, #nav ul.navsubsectionnotexpanded li {_margin-left:-8px;}
.leftnavigationbottom {border-style:solid; border-width:1px;}

/*Presentation Top Nav Styles*/
.presentend {width:20px; height:20px; background:url(../Img/Css/PresentEnd.gif) no-repeat top left;}
.presentback {width:20px; height:20px; background:url(../Img/Css/PresentBack.gif) no-repeat top left;}
.presentnext {width:20px; height:20px; background:url(../Img/Css/PresentNext.gif) no-repeat top left;}

/*Presentation Page Styles*/
div.pageheader.presentation {text-align:center; padding:5px 0px 5px 0px;}
.presentationnavbottom {float:right; padding:5px 4px 0px 0px;}
#Presentation div.section {border-color:#DFDFDF; float:left; width:624px; border-style:solid; border-width:1px 1px 1px 0px;}
#Presentation div.section.mcresult {width:198px; text-align:center; height:218px; _height:223px; border-width:1px;}
#Presentation div.section.mcresult.acceptloss {float:none; height:154px; _height:159px;}
#Presentation div.header {float:left; width:155px; text-align:center;}
#Presentation div.scenario_hdr {float:left; border-left-style:solid; border-left-width:1px; font-weight:bold; width:623px; _width:624px; line-height:22px;}
#Presentation div.scenario_hdr.hdrresult {width:197px; text-align:center;}
#Presentation div.scenario_hdr.hdrchanges {width:155px;}
#Presentation div.rowcontainer_4 {float:left; width:624px;}
#Presentation div.datacell {border-color:#DFDFDF; float:left; border-left-style:solid; border-left-width:1px; width:155px;}
#Presentation div.datacell.result {float:left; border:none; width:96px;}
#Presentation div.datacell.result.bold {font-size:15px; font-weight:bold;}
#Presentation div.datacell.scenarios {position:relative; height:196px; _height:199px;}
#Presentation div.valigninner {position:absolute; text-align:center; width:155px; _width:158px; height:75px; padding:0px;}
#Presentation div.valigninner.goalhdr {top:25px;}
#Presentation div.valigninner.changeshdr {text-align:left; top:7px;}
#Presentation div.valigninner.recommendedhdr {text-align:left; top:105px; _top:108px;}
#Presentation div.valigninner.current {top:121px; _top:124px;}
#Presentation div.valigninner.changes {font-weight:bold; top:23px;}
#Presentation div.valigninner.recommended {top:121px; _top:124px;}
#Presentation div.datacell.scenarios.results {text-align:center;}

/*Widthless Rounded Corner Box with Header*/
.widthlessbox {margin:0 1%; background:url(../Img/Css/BoxBodyR.png) no-repeat bottom right; font-size:100%;}
.boxhead {background:url(../Img/Css/BoxHeadR.png) no-repeat top right; margin:0; padding:0; text-align:left; color:#FFFFFF;}
.boxhead h2 {background:url(../Img/Css/BoxHeadL.png) no-repeat top left; margin:0; padding:6px 15px 6px 9px; font-weight:bold; font-size:1.0em; line-height:1em;}
.boxbody {background:url(../Img/Css/BoxBodyL.png) no-repeat bottom left; margin:0; padding:5px 10px 20px 5px;}
.boxbodyhighlighted {background-color:#FEFFE2; padding:5px 5px 10px 5px; margin:-5px -3px -2px -2px; _margin:-5px -3px -7px -2px; _position:relative;/*IE6 bug workaround*/ _zoom:1.0;/*IE6 bug workaround*/ _top:-5px;/*IE6 bug workaround*/}

/*Widthless Rounded Corner Box no Header*/
.widthlessboxgeneric {margin:0; background:url(../Img/Css/BoxBodyGenericR.png) no-repeat bottom right; font-size:100%;}
.boxheadgeneric {background:url(../Img/Css/BoxHeadGenericR.png) no-repeat top right; margin-top:0; padding:0; text-align:left; color:#333333;}
.boxheadgeneric h2 {background:url(../Img/Css/BoxHeadGenericL.png) no-repeat top left; margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; font-weight:bold; line-height:1em; _line-height:8px; height:7px; font-size:1.0em;}
.boxbodygeneric {background:url(../Img/Css/BoxBodyGenericL.png) no-repeat bottom left; margin:0px 0px 0px 0px; padding:0px 8px 8px 8px;}

/*Bottom of Plans Selection Page*/
#plansselection div.otherfeaturesitem {width:119px; float:left; margin:0px; padding:0px; border-right:solid 1px #CCCCCC; text-align:center;}
#plansselection div.otherfeaturesitem.lastitem {border-right:none;}
#plansselection div.hover {position:absolute; width:355px; left:0px; top:0px; overflow:visible; background:url(../Img/Css/HoverTipArrowVertical.png) no-repeat; margin-top:-8px; padding-top:10px;}
#plansselection div.content {text-align:left; padding:5px; background-color:#f2f2f2; border:solid 1px #dddddd;}
#plansselection div.iconguestsharing {float:left; height:30px; width:28px; background:url(../Img/Plans/IconManageGuestSharing.png) no-repeat top left; cursor:pointer;}
#plansselection div.iconsnaphot {height:38px; background:url(../Img/Plans/IconSnapshot.png) no-repeat top center; cursor:pointer;}
#plansselection div.iconprofile {height:38px; background:url(../Img/Plans/IconProfile.png) no-repeat top center; cursor:pointer;}
#plansselection div.iconbudget {height:38px; background:url(../Img/Plans/IconBudget.png) no-repeat top center; cursor:pointer;}
#plansselection div.iconfinametricapro {height:38px; background:url(../Img/Plans/IconFinaMetrica.png) no-repeat top center; cursor:pointer;}
#plansselection div.iconcashedgepro {height:38px; background:url(../Img/Plans/IconCashEdge.png) no-repeat top center; cursor:pointer;}
#plansselection div.iconmanageintegrations {height:38px; background:url(../Img/Plans/IconManageIntegration.png) no-repeat top center; cursor:pointer;}

/*i Bubble Images on Resources and What If*/
.info {height:15px; width:16px; padding:0px 3px 2px 0px;}
.info.needhelp {float:left; background:none;}
.info.panel {background:none;}
.info.assets, .info.whatif {cursor:pointer; padding:0px; background:url(../Img/Css/InfoOther.gif) no-repeat;}
.info.alert {cursor:pointer; padding:0px; background:url(../Img/Css/InfoAlert.gif) no-repeat;}

/*Goal Wizard*/
.wizardnavbottom {float:right; padding:10px 0px 0px 0px;}
#wizard {padding:0px 8px 0px 8px;}
#wizard p {margin:10px 0px 10px 0px;}
#wizard ul, ol {padding:0px 0px 0px 20px; margin:5px 0px 5px 10px;}
#wizard ul.stepssub {padding:0px 0px 10px 0px;}
#wizard ul.stepssub.collegestepssub {margin:0px 0px 0px 119px;}
#wizard ul.stepssub.retirementstepssub {margin:0px 0px 0px 232px;}
#wizard ul.steps {padding:10px 0px 10px 0px; margin:0px 0px 0px 20px;}
#wizard li.steps {list-style:none; padding:5px 21px 7px 9px; background:url('../Img/WizardStep.jpg') no-repeat; display:inline; text-align:left;}
#wizard .steps.number {font-weight:bold; padding-right:11px;}
#wizard .steps.number.activenumber {color:#FFFFFF;}
#wizard li.steps.sub {padding:0px 10px 0px 0px; background:none;}
#wizard li.steps.sub.activesub {font-weight:bold; background:none;}
#wizard li.steps.active {font-weight:bold; background:url('../Img/WizardStepActive.jpg') no-repeat;}
#wizard .helpbox {width:742px; _width:750px; border:solid 1px #DFDFDF; margin:5px 0px 10px 0px; padding:3px;}
#wizard .helpbox.intro {width:582px; _width:590px;}
#wizard .helpboxcontent {margin:0px 0px 0px 30px; padding:0px; list-style-type:disc;}
#wizard .summarygridbackground.nobackground {background-color:#FFFFFF;}
#wizard .doyouneed {font-size:14px; font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;}
#wizard .goalname {font-size:14px; font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;}
	
/*Play Zone, Roth Conversion Calc, GI Plan*/
#what_if_simple {padding:5px 10px 10px 10px; width:870px; _width:890px;}
#result {padding-top:5px;}
#what_if_simple .whatif_goal_item {padding-top:10px}
#what_if_simple .desc {padding-left:22px; white-space:nowrap; overflow:hidden; width:190px; _width:210px;}
#what_if_simple .ideal, #guaranteed_income .low {text-align:right; padding-right:5px;}
#what_if_simple .acceptable, #guaranteed_income .high {text-align:left; padding-left:5px;}
#what_if_simple .currency {text-align:left; font-weight:bold; width:8px;}
#what_if_simple .value {text-align:right; font-weight:bold; padding-left:10px; white-space:nowrap;}
#what_if_simple .slider {float:none;}
#what_if_simple .track_cell, #roth_conversion .track_cell, #guaranteed_income .track_cell {padding:2px 15px 2px 15px;}
#what_if_simple .track {background:url(../Img/Css/SliderBgSmall.gif) no-repeat; height:21px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#what_if_simple .track_disabled {background:url(../Img/Css/SliderBgSmallDisabled.gif) no-repeat; height:21px; width:250px; margin:0px; padding-bottom:0px; vertical-align:middle;}
#what_if_simple .track_portreturn {background:url(../Img/Css/SliderBgSmallRiskVsReturn.gif) no-repeat; height:21px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#what_if_simple .handle, #roth_conversion .handle, #guaranteed_income .handle, #wizard .handle {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumb.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_aboverange, #guaranteed_income .handle_aboverange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbBetterIdeal.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_belowrange, #guaranteed_income .handle_belowrange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbWorseAccept.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_disabled, #roth_conversion .handle_disabled, #guaranteed_income .handle_disabled {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabled.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .handle_disabled_aboverange, #guaranteed_income .handle_disabled_aboverange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabledBetterIdeal.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .handle_disabled_belowrange, #guaranteed_income .handle_disabled_belowrange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabledWorseAccept.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .tickmark, #guaranteed_income .tickmark {float:left; background-image:url(../Img/Css/slidertickmark.gif); position:relative; top:4px; _top:3px; padding:0px; margin:0px; width:1px; height:12px;}
#what_if_simple .sectionline,  #guaranteed_income .sectionline {color:#ffffff; background-color:#ffffff; border:1px dotted #cccccc; border-style:none none dotted;}
#what_if_simple .handle, #roth_conversion .handle, #guaranteed_income .handle, #wizard .handle {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumb.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_aboverange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbBetterIdeal.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_belowrange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbWorseAccept.gif); height:20px; width:15px; cursor:pointer; z-index:99;}
#what_if_simple .handle_disabled, #roth_conversion .handle_disabled, #guaranteed_income .handle_disabled {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabled.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .handle_disabled_aboverange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabledBetterIdeal.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .handle_disabled_belowrange {float:left; background-repeat:no-repeat; background-image:url(../Img/Goals/SliderThumbDisabledWorseAccept.gif); height:20px; width:15px; cursor:wait; z-index:99;}
#what_if_simple .tickmark {float:left; background-image:url(../Img/Css/slidertickmark.gif); position:relative; top:4px; _top:3px; padding:0px; margin:0px; width:1px; height:12px;}
#what_if_simple .sectionline {color:#ffffff; background-color:#ffffff; border:1px dotted #cccccc; border-style:none none dotted;}
#what_if_simple .sectionlineportfolios {height:1px; color:#ffffff; background-color:#ffffff; border:1px dotted #EF8427; border-style:none none dotted;}
#roth_conversion .desc {width:245px; margin-right:20px; text-align:right;}
#roth_conversion .track {background:url(../Img/Css/SliderBgSmall.gif) no-repeat; height:25px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#roth_conversion .low{text-align:right; padding-left:0px; padding-right:0px;}
#roth_conversion .high{text-align:left; padding-left:0px; padding-right:0px;}
#roth_conversion .track_disabled {background:url(../Img/Css/SliderBgSmallDisabled.gif) no-repeat; height:25px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#roth_conversion .sliderlabel {position:absolute; float:left; height:10px; width:15px; font-size:9px; padding-right:2px; margin:12px 0px 0px 16px; text-align:left; z-index:99;} 
#guaranteed_income .desc {width:245px; margin-right:20px; text-align:right;}
#guaranteed_income .track {background:url(../Img/Css/SliderBgSmall.gif) no-repeat; height:25px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#guaranteed_income .track_disabled {background:url(../Img/Css/SliderBgSmallDisabled.gif) no-repeat; height:25px; width:250px; margin:0px; padding:0px; vertical-align:middle;}
#guaranteed_income .sliderlabel {position:absolute; float:left; height:10px; width:15px; font-size:9px; padding-right:2px; margin:12px 0px 0px 16px; text-align:left; z-index:99;} 
#wizard .track_cell {padding-left:4px; _padding-left:0px;}
#wizard .track { background:url(../Img/Css/SliderBg.gif) no-repeat; position:relative; height:21px; width:580px; margin:0px; padding:0px; vertical-align:middle;}

/*Acceptable Range Image*/ 
.acceptablerangel {float:left; background:url(../Img/Css/AcceptableRangeL.gif) no-repeat; height:19px; width:12px;}
.acceptablerangec {float:left; background:url(../Img/Css/AcceptableRangeC.gif) repeat-x; color:#EF8427; height:19px; font-weight:bold; text-align:center;}
.acceptableranger {float:left; background:url(../Img/Css/AcceptableRangeR.gif) no-repeat; height:19px; width:12px;}

/*SuperSolve Result*/
.lockedfield {background:url(../Img/icon_lock.gif) no-repeat;}

/*Net Worth*/
#networth .investmentassets {color:#007e35; font-weight:bold;}
#networth .otherassets {color:#00d581; font-weight:bold;}
#networth .liabilities {color:#ff0000; font-weight:bold;}
#networth .networth {color:#193d85; font-weight:bold;}
#networth .category {cursor:pointer; padding-left:15px;}
#networth .hovericon {float:right; background:url(../Img/Css/HoverIndicator.gif) no-repeat right top; padding-right:10px;}
#networth .hovericondetail {float:left; background:url(../Img/Css/HoverIndicator.gif) no-repeat left top; padding-left:10px; cursor:pointer;}
#networth div.hover {position:absolute; left:0px; top:0px; padding:10px; min-width:150px; overflow:visible; background:url(../Img/Css/HoverTipArrow.png) no-repeat; margin-left:-6px; z-index:1;}
#networth div.hovergrid {position:absolute; left:0px; top:0px; padding-top:0px; min-width:150px; overflow:visible; z-index:1; /*background:#FFFFFF; border:1px solid #DDDDDD;*/}
#networth .closepanel {background:url(../Img/Css/PanelClose.png) no-repeat center center;} /*used for close button on jqgrid*/

/*Main Menu*/
#mainmenu {width:770px;}
#topmenunavcontainer {float:right; width:384px; _width:450px; margin:0px 72px 4px 0px; _margin:0; _padding-bottom:4px; _padding-right:72px; text-align:right;}
#mainmenu .headingtext {padding:0px 60px 10px 75px;}
#mainmenu .pageheader {margin:5px 0px 10px 0px; text-align:center;}
#mainmenu .smalldesc {color:#333333;}
#mainmenu .descheader {font-weight:bold;}
#mainmenu .menusubheader {font-family:Arial,Helvetica,Sans-Serif; font-weight:normal; color:#333333;}	
#mainmenu div.menuimage {float:left; width:770px; background:url(../Img/Menu/MainMenuSplash.jpg) no-repeat top center;}
#mainmenu ul.menucontent {position:relative; left:90px; width:215px; _width:235px; height:268px; _height:278px; padding:10px 10px 0px 10px;}
#mainmenu ul {margin:0; padding:0;}
#mainmenu li {list-style:none none outside; padding-bottom:10px;}
#mainmenu ul.topmenucontent li {display:inline; list-style:none; padding:0px 0px 0px 0px;}
#mainmenu div.hover {position:absolute; width:346px; _width:366px; left:0px; top:0px; padding:10px; overflow:visible; background:url(../Img/Css/HoverTipArrowMainMenu.png) no-repeat top left; margin-top:-7px;}
#mainmenu div.content {text-align:left; padding:5px; background-color:#fef5e9; border:solid 1px #e2e2e2;}
#mainmenu div.footer {width:620px; text-align:left;}

/*Scriptaculous Sortable*/
.itemcontainer {float:left; width:280px; border:solid 1px #999999;}
.itemcontainer.icNumbers {width:28px; border:solid 1px #FFFFFF;}
.lineitem {border-bottom:solid 1px #CCCCCC; background-color:#F7F7F5; padding:5px; cursor:move;}
.lineitem.liHighlight {background-color:#FEFFE2;}
.lineitem.liFixed {background-color:#FFFFFF; cursor:default; border-bottom-color:#FFFFFF;}
.lineitem.liNumber {background-color:#FFFFFF; cursor:default; border-bottom-color:#FFFFFF; text-align:right;}

/* autocomplete.js styles */
.autocomplete-w1 {position:absolute; top:4px; left:3px; /* IE6 fix */ _background:none; _top:1px;}
.autocomplete {width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; height:auto; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _margin:0px 6px 6px 0; overflow-x:hidden;}
.autocomplete .selected {background:#F0F0F0;}
.autocomplete div {padding:2px 5px; white-space:nowrap;}
.autocomplete strong {font-weight:normal; color:#3399FF;}

/*Support Center - User Guides, Training Library, etc.*/
.newitem {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-weight:bold; font-size:11px; color:#ffffff; background-color:#EF8427; padding:0px 2px 0px 2px; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;}
.newitem:hover {text-decoration:none; color:#ffffff;}

/*Support Center - Partners */
#integration-partners div.partner-logo {float:left; text-align:center; border:solid 1px #e2e2e2; width:110px; _width:124px; height:45px; _height:59px; padding:6px; background-color:#ffffff; cursor:pointer;}
#integration-partners .ui-accordion-header a {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:12px!important;}
.ui-dialog .ui-dialog-title {color:#ffffff;}
.spotlight {text-align:left;}		
.spotlight .spotlight-logo {float:left; width:115px; padding:10px 5px 5px 5px;}
.spotlight small {font-size:9px!important;}
.spotlight .spotlight-summary {float:left; width:522px; padding:5px 5px 5px 5px;}
.spotlight .contact {padding:10px 0px 0px 130px; _padding:10px 0px 5px 125px;}
.spotlight .spotlight-features {float:left; padding:10px;}
.spotlight ul {padding:0px 0px 0px 10px; margin:5px 0px 5px 10px; list-style:none;}
.spotlight li {padding-top:1px; line-height:18px; clear:both;}
.spotlight a {cursor:pointer;}
.spotlight .ui-corner-all {margin-right:5px!important; margin-bottom:2px;}
.feature-box {float:left; width:193px; _width:200px; margin:0px 6px 7px 6px; border:1px solid #e2e2e2; padding:5px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.feature-box .header-row {float:left; font-weight:bold; line-height:22px; margin-bottom:4px; text-align:left;}
.feature-box .desc-col {float:left; width:172px; text-align:left; line-height:22px;}
.feature-box .hasit-col {float:left; width:21px; line-height:18px; padding-top:4px;}

.spotlight a {color:#0C7AAF!important;}
.spotlight a:hover {color:#EF8427!important;}

/*Account Status*/
.purchase {text-align:left; width:700px; border:solid 1px #666666; background-color:#ffffff; padding:10px; margin-top:10px; }
.refund {text-align:left; width:450px; border:solid 1px #dddddd; background-color:#ffffff; padding:10px; margin-top:5px; }
.purchase th, .refund th {color:#FFFFFF; background-color:#cccccc; font-size:12px;}

/*Registration Pages*/
#inputinfo_UserId {position:absolute; width:260px; margin-top:-30px;}
#inputinfo_Password {position:absolute; width:260px; margin-top:-30px;}

/*YUI Panel*/
#simplepanel .yui-panel .hd {background:url(../Img/Spacer.gif) #FFFFFF repeat-x bottom left!important; color:#FFFFFF!important;	border-color:#FFFFFF!important; border-bottom-color:#FFFFFF!important;}

/*YUI Menu*/
#menu_toolbar {_margin-top:-2px;}
#menu_toolbar_options a.yuimenubaritemlabel, #menu_toolbar_support a.yuimenubaritemlabel, #menu_toolbar_help a.yuimenubaritemlabel {font-weight:bold!important; line-height:14px; border:none; cursor:pointer;}
#tb_options_menu h6, #tb_support_menu h6, #tb_help_menu h6 {font-size:100%;}
#menu_toolbar .yuimenubar, #menu_toolbar .yuimenubaritem {border:none;}
#menu_toolbar .yuimenubar.yuimenubarnav, #menu_toolbar .yuimenubaritem-selected {background:none;}
#menu_toolbar .yuimenubaritemlabel:hover {text-decoration:underline;}
#menu_toolbar .yuimenuitem.logout {font-weight:900;}
#tb_options_menu .bd, #tb_support_menu .bd, #tb_help_menu .bd, #menu_wi_dtl .bd, #menu_wi_mc_dtl .bd {border-style:solid; border-width:1px;}
#menu_toolbar a:hover, #menu_wi_dtl a:hover, #menu_wi_mc_dtl a:hover {text-decoration:none;}

/*YUI Datatable*/
.yui-skin-sam .yui-dt tr.yui-dt-first td {_border-top-width:0px!important; /*IE7 bug this would show up wrong if set to 1px */} 
.yui-skin-sam .yui-dt th .yui-dt-liner {white-space:normal!important;} 
.yui-skin-sam .yui-dt-liner {padding:3px 5px 3px 5px!important;}
.yui-skin-sam .yui-dt th {text-align:center!important; vertical-align:middle!important;} 
.yui-skin-sam th.yui-dt-sortable {text-align:left!important; vertical-align:middle!important;} 
.yui-skin-sam .yui-dt td {cursor:pointer; text-align:right;} 
.yui-skin-sam .nowrap {white-space:nowrap;} 
.yui-skin-sam .alignright {text-align:right!important; vertical-align:top;}
.yui-skin-sam .alignright.bold {font-weight:bold;}
.yui-skin-sam .aligncenter {text-align:center;}
.yui-skin-sam .valigntop {vertical-align:top!important;} 
.yui-skin-sam .valigntop.aligncenter {text-align:center!important;}
.yui-skin-sam .yui-dt-paginator a {text-decoration:none!important;}  
.yui-skin-sam .yui-dt-paginator a:hover {text-decoration:underline!important;}  
.yui-skin-sam .yui-dt .sumrow td {padding:3px 5px 3px 5px; font-weight:bold; text-align:right; border-top-color:#CBCBCB; border-top-style:solid; border-top-width:1px; background-color:#F2F2F2;}
.yui-skin-sam .yui-dt .sumrowtotal {text-align:left!important; white-space:nowrap!important;}

/*Start Override Jquery bxSlider Stylesheet - Used on Main Menu*/
.bx-pager {/*margin-top:10px!important;*/ margin-left:0px!important;}
.pager-link {color:#ffffff!important; text-decoration:none!important;}
.pager-active {color:#ffffff!important; text-decoration:none!important; font-weight:bold!important; background-position: 0 0!important;}
#custom-pager {position:absolute; width:584px; text-align:right; padding-top:15px;}
#custom-pager a {width:20px; height:20px;  background:url(../Img/Css/bxSlider/gray_pager.png) no-repeat 0 -20px; padding:3px 8px 4px 6px;}
.bx-next {right:-35px!important; width:20px!important; height:20px!important; background:url(../Img/Css/bxSlider/gray_next_small.png) no-repeat 0 -20px!important;}
.bx-prev {left:-35px!important; width:20px!important; height:20px!important;  background:url(../Img/Css/bxSlider/gray_prev_small.png) no-repeat 0 -20px!important;}
.bx-next:hover,.bx-prev:hover {background-position: 0 0!important;}
#custom-pager .pager-active, #custom-pager  a:hover {background-position: 0 0;}
/*End Override Jquery bxSlider Stylesheet - Used on Main Menu*/

/*Needed for Support Center inside of MGP system (after login) */
.carousel-component .carousel-list li {font-family:Arial,Helvetica,Verdana,Sans-Serif!important; color:#191919!important;}
   
/*jQuery UI Icons*/
.delete-item {display:block; border:0; width:16px; height:16px; background-image:url(../Script/JQuery/JQueryUI/Themes/Smoothness/images/ui-icons_888888_256x240.png); background-position:-80px -128px; cursor:pointer;}  /*background-position:-176px -96px; <- Trash Can*/
a:focus.delete-item, .delete-item:hover {display:block; border:0; text-decoration:none; background-image:url(../Script/JQuery/JQueryUI/Themes/Smoothness/images/ui-icons_888888_256x240.png); background-position: -32px -192px; cursor:pointer;}
.expand {float:left; border:0; width:16px; height:16px; background-image:url(../Script/JQuery/JQueryUI/Themes/Smoothness/images/ui-icons_888888_256x240.png); background-position:-48px -192px; cursor:pointer;}
.contract {float:left; border:0; width:16px; height:16px; background-image:url(../Script/JQuery/JQueryUI/Themes/Smoothness/images/ui-icons_888888_256x240.png); background-position:-64px -192px; cursor:pointer;}
