@import url("welcome.css");


#splashbox {
position:absolute;
top:0px; 
left:0px;
border:1px solid black;
background-color:#ffffff;
width:800px; 
height:600px; 
z-index:999; 
padding:5px; 
padding-left:10px;
font-size:8pt; 
text-align:left; 
line-height:110%;
}

#splashbox0 {
position:absolute;
top:0px; 
left:0px;
border:1px solid black;
background-color:#ffffff;
width:800px; 
height:600px; 
z-index:999; 
padding:5px; 
padding-left:10px;
font-size:8pt; 
text-align:left; 
line-height:110%;
}
#splashboxHelp {
top:0px; 
left:0px;
border:1px solid black;
background-color:#ffffff;
padding:5px; 
padding-left:10px;
font-size:8pt; 
text-align:left; 
line-height:110%;
}

div {border: 0px solid #000;}

body {margin: 0px; padding: 0px; font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet', 'Verdana'; font-size: 95%;}

h1 {font-size: 180%; font-weight: bold; padding:0; margin:0;}

h2 {font-size:150%; color:#5C8BCA; font-weight:bold;}

H3		{margin-top:0px;margin-bottom:6px;padding-top:0px;padding-bottom:0px;font-size:100%;}
.smallFont {font-size: 80%}

.smallerFont {font-size: 75%}

.largeFont {font-size: 7pt; font-weight: bold;}

.inputBox {width: 88px; height: 28px; background:#FFF; font-weight:bold; font-size:80%;text-align:right;font-family:'lucida sans unicode', 'lucida grande', 'Trebuchet', 'Verdana';}
.inputBoxHi {width: 88px; height: 28px; background:#FFF; font-weight:bold; font-size:80%;text-align:right;font-family:'lucida sans unicode', 'lucida grande', 'Trebuchet', 'Verdana';}

.nonEdit {width: 88px; height: 28px; background:#ffffee; font-weight:bold; font-size:80%;text-align:right;border:1px solid #cccccc;padding:2px}
.nonEdit2 {width: 88px; height: 28px; background:#ffffee; font-weight:bold; font-size:80%;text-align:right;border:1px solid #cccccc;padding:2px}
.nonEdit3 {width: 88px; height: 28px; background:#6666ff; color:#ffffff;font-weight:bold; font-size:80%;text-align:right;border:1px solid #cccccc;padding:2px}

.inputBoxSmall {width: 88px; height: 28px; background:#FFF; font-weight:bold; font-size:80%;text-align:right}
.inputBoxSmallHi {width: 88px; height: 28px; background:#ffff00; font-weight:bold; font-size:80%;text-align:right}
.setDiv {width: 88px; height: 28px; background:#ccccff; font-weight:bold; font-size:80%; border: 1px solid #000;}

#topCorner {position:absolute; left:498px; top:0px;width:281px; height:129px; }

#bottomCorner {position:absolute; left:0px; top:361px;width:192px; height:209px;z-index:1; }

#footer {position:absolute; left:145px; top:525px;width:500px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:2;visibility:hidden }

#helpWindow {position:absolute; left:30px; top:50px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:999;visibility:hidden }

#helpSal {position:absolute; left:30px; top:50px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:999;visibility:hidden }

#helpAge {position:absolute; left:30px; top:115px;width:200px; height:20px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpSex {position:absolute; left:30px; top:150px;width:200px; height:20px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpIncome {position:absolute; left:30px; top:305px;width:350px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpLump {position:absolute; left:30px; top:260px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpBSP {position:absolute; left:30px; top:350px;width:250px; height:20px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpIMV {position:absolute; left:100px; top:65px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:999;visibility:hidden }

#helpTarget {position:absolute; left:500px; top:150px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:999;visibility:hidden }

#helpProjection {position:absolute; left:-160px; top:110px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:999;visibility:hidden }

#helpShortfall {position:absolute; left:500px; top:230px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpRetAge {position:absolute; left:300px; top:292px;width:500px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpInitialEE {position:absolute; left:300px; top:355px;width:500px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpIncrEE {position:absolute; left:300px; top:405px;width:500px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpFlatEE {position:absolute; left:500px; top:455px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#helpER {position:absolute; left:200px; top:295px;width:520px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#leftSection {position:absolute; left:21px; top:87px;width:124px; height:285px;}

#header {position:absolute; left:10px; top:5px;width:535px; height:80px; }

#growthRate {position:absolute; text-align: right; left:31px; top:404px;width:95px; height:75px; z-index:5; }

#resetButton {position:absolute; left:590px; top:570px;width:203px; height:23px; z-index:3; }

#printButton {position:relative; left:216px; top:10px;width:55px; height:25px; z-index:4; }

#helpButton {position:absolute; left:485px; top:30px;width:55px; height:25px;z-index:6; }
#helpItself {position:absolute; left:500px; top:60px;width:250px; height:60px; border:1px solid #999999;background-color:#ffffee;font-size:70%;padding:5px;z-index:7;visibility:hidden }

#leftHolder {position:absolute; left:20px; top:88px;width:130px; height:350px; z-index:8;}

#yourSalary {position:absolute; left:0px; top:0px;width:150px; height:60px; }

#yourAge {position:absolute; left:0px; top:63px;width:125px; height:60px;}

#sex {position:absolute; left:0px; top:117px;height:30px;z-index:2; }

#yourExist {position:absolute; left:0px; top:148px;width:190px; height:80px;line-height:90%; }

#exclude {position:absolute; left:0px; top:300px;width:150px; height:60px;line-height:50%;}

#yourIncomeOnRetiral {position:absolute; text-align:center; width:190px; left:10px; height:53px; }

#middleSection {position:absolute; left:164px; top:65px; width:175px; height:350px; z-index:7;}

#graphicrep {width:160px;padding:0px; margin:0px;position:absolute; left:15px; top:80px;}

#scaleHolder {text-align:right; margin-right:2px; padding-right: 2px; border-right:2px solid #000; vertical-align:bottom; height:262px; position:absolute; top:0px; left:0px; width:50px;}

#cylNum1 {position:relative; top:-10px; left:0px;}

#cylNum2 {position:relative; top:53px; left:0px;}

#cylNum3 {position:relative; top:116px; left:0px;}

#cylNum4 {position:relative; top:179px; left:0px;}

#cylHolder {position:absolute; top:0px; left: 60px; height:200px; width:100px; margin-left:5px; visibility: visible;}

#red_top {height:27px; visibility: visible;}

#shortfallBlock {background:url(../img/red_middle.gif);width:100px;visibility: visible;font-size:0%}

#red_bottom {height:13px;visibility: visible;}

#red_bottom2 {display:none;visibility:visible;z-index:99}

#red_green {display:none;visibility:visible;}

#blue_top {display:none;visibility:visible;}

#pensionBlock {background:url(../img/blue_middle.gif);width:100px;visibility: visible;font-size:0%}

#green_top {height:13px; visibility: visible;}

#green_top2 {display:none; visibility: visible;}

#prevbenBlock {background:url(../img/green_middle.gif);width:100px;visibility: visible;font-size:0%}

#green_bottom {height:13px; visibility: visible;}

#blue_bottom {display:none;visibility:visible;}


#legend {position:absolute; left:150px; top:460px; z-index:5;} 

#rightInputHolder {
	position:absolute;
	left:660px;
	top:87px;
	width:130px;
	height:450px;
	z-index:0;
}

#rightHolder {position:absolute; left:380px; top:87px;width:380px; height:450px;}

#rightSection1 {position:absolute; left:0px; top:0px;width:330px; height:20px;}

#rightSection2a {position:absolute; left:0px; top:83px;width:270px; height:20px;}

#rightSection2 {position:absolute; left:0px; top:113px;width:280px; height:20px;}

#rightSection3 {position:absolute; left:0px; top:155px;width:250px; height:60px;}

#rightSection4 {position:absolute; left:0px; top:230px;width:200px; height:20px;}

#rightSection5 {position:absolute; left:0px; top:266px;width:260px; height:60px;}
#rightSection5a {position:absolute; left:0px; top:330px;width:270px; height:60px;}
#rightSection6 {position:absolute; left:0px; top:376px;width:230px; height:60px;}
#rightSection6a {position:absolute; left:0px; top:441px;width:270px; height:60px;}
#dividerHolder {position:absolute; left:357px; top:155px;width:350px; height:300px;}

#divider1 {z-index:0 }

#divider2 {position:absolute; top:77px;z-index:0; }

#divider3 {position:absolute; left:0px; top:150px;z-index:0;}

#divider4 {position:absolute; left:0px; top:300px;z-index:0;}

#rightInput1 {position:absolute; top:15px; left: 0px;}

#rightInput2a {position:absolute; top:78px; left: 0px;}

#rightInput2 {position:absolute; top:111px; left: 0px;}

#rightInput3 {position:absolute; top:171px; left: 0px; z-index: 0;}

#rightInput4 {position:absolute; top:230px; left: 0px;}

#rightInput5 {position:absolute; top:285px; left: 0px;}
#rightInput5a {position:absolute; top:330px; left: 0px;}

#rightInput6 {position:absolute; top:391px; left: 0px;}
#rightInput6a{position:absolute; top:436px; left: 0px;}

#monthPercHolder {position:absolute;left:380px;top:410px;width:300px;height:170px;}

#monthPerc1 {
	position:absolute;
	left:0px;
	top:3px;
	height: 20px;
}

#monthPerc2 {
	position:absolute;
	left:0px;
	top:108px;
	height: 20px;
}

#numberHolder {position:absolute;left:357px;top:87px;width:290px;height:450px;}

#left1 {position:absolute;left:0px;top:42px;width:40px;height:15px;text-align:center;}

#left2 {position:absolute;left:2px;top:190px;width:40px;height:15px;text-align:center;}

#left3 {position:absolute;left:0px;top:305px;width:40px;height:15px;text-align:center;}

#left4 {position:absolute;left:0px;top:410px;width:40px;height:15px;text-align:center;}

#right1 {position:absolute;left:227px;top:42px;width:60px;height:15px;text-align:center;}

#right2 {position:absolute;left:227px;top:190px;width:60px;height:15px;text-align:center;}

#right3 {position:absolute;left:227px;top:305px;width:60px;height:15px;text-align:center;}

#right4 {position:absolute;	left:227px;	top:410px;	width:60px;	height:15px;text-align:center;}

#legalText {position:absolute; left:20px; top:600px;width:750px; z-index:2; font-size:85% }

#errors {position:absolute; left:800px; top:0px;width:281px;color:#EE0000; font-weight:bold; font-size:80%;}

/* FORM STYLES */

#YDformHeader {width:450px; height:30px; background:url(../img/form_top.gif) no-repeat;}
#YDformYourDetail {position:relative; left:10px; top:8px;  }

#YDformHolder {text-align:left; margin:0 auto; }

#YDformInnerHolder {width:450px; float:left; background:url(../img/form_fill.gif) repeat-y;}

.YDformlabel {clear:both; float:left; width:220px;  margin:5px 10px 5px; background:;}

.YDformLabel2 {clear:both; float:left; width:450px;  margin:5px 10px 5px; background:;}

.YDformField {float:left; margin:5px 10px 5px; width:145px; background:;}

#YDformFooter {clear:both; width:450px; height:41px; background:url(../img/form_bot.gif) no-repeat; padding:5px 0;}
	#resetBtn {float:left; margin-left:10px; margin-top:8px;}
	#calcBtn {float:right; margin-right:10px;  margin-top:4px;}