@charset "UTF-8";
/** DO NOT EDIT THIS BLOCK OF CODE, THIS IS THE DEFAULT CSS RESET THAT IS USED TO MAKE ALL BROWSERS DISPLAY AS CLOSE AS POSSIBLE BY DEFAULT **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;zoom:0;}body{	line-height:1;}ul,li{list-style:none;display:inline;}.clear{clear:both;}
.clear{clear:both;}

html{
	background:#ddd;

		
}

body{
	background:#f7f8f8;
	font-family:Arial, Helvetica, sans-serif;
	width:800px;
	height:600px;
	padding:10px;
	 box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);

}


.Button{
	width:156px;
	height:28px;
	background:url(../images/button.png);
	font-size:14px;
	text-align:center;
	color:#6666cc;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:11px;
}

.profitability .Scale .scaleLabel {
	font-weight: bold;
	font-size: 14px;
	color: #6666cc;
	
}

.Button:hover{
	cursor:pointer;	
	color:#333399;
}

.Help{
	width:28px;
	height:28px;
	background:url(../images/help.png);
	overflow:hidden;
	text-indent:-5000px;

}

.Help:hover{
	cursor:pointer;	
}


.ToolTip{
	width:306px;
	display:block;	
	position:absolute;
}

.ToolTip span{
	font-size:8px;
	position:relative;
	top:3px;	
}

.ToolTip .arrow{
	width:19px;
	height:10px;
	float:left;
	background:url(../images/tip_arrow.png);
	position:relative;
}

.ToolTip .top{
	clear:both;
	display:block;
	height:7px;
	background:url(../images/tip_top.png);
}



.ToolTip .content{
	clear:both;
	display:block;
	background:url(../images/tip.png);
	font-size:11px;
	line-height:15px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;

}


.ToolTip .bottom{
	clear:both;
	display:block;
	height:13px;
	background:url(../images/tip_bottom.png);
}


.NumberInput input{
	width:68px;
	height:13px;	
	border-left:1px solid #9f9f9f;
	border-top:1px solid #9f9f9f;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:6px;
	text-align:right;
	color:#35369c;
	font-size:16px;
}

.NumberInput{
	width:107px;	
}

.NumberInput .arrows{
	float:right;
	width:20px;
	margin-top:1px;
}

.NumberInput .up{
	display:block;
	background:url(../images/flippers.png);
	height:16px;
	text-indent:-500px;
	overflow:hidden;
}

.NumberInput .down{
	display:block;
	background:url(../images/flippers.png) 0px -16px no-repeat;
	height:16px;
	text-indent:-500px;
	overflow:hidden;
}

.NumberInput .unit{
	float:right;
	padding-left:5px;
	margin-top:5px;	
	font-size:12px;
}

.NumberInput .up:hover{
	cursor:pointer;
	background-position:-20px 0px;
}

.NumberInput .down:hover{
	cursor:pointer;
	background-position:-20px -16px;
}

.RightWrong{
	width:13px;
	height:13px;
	overflow:hidden;
	text-indent:-5000px;
}

.right{
	background:url(../images/rightWrong.png) -12px 0px no-repeat;	
}

.wrong{
	background:url(../images/rightWrong.png) 2px 0px  no-repeat;	
}


.intro{
	width:758px;
	padding:20px;
	border:1px solid #dcdcdc;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
background:#FFF;
}

.intro h1{
	font-size:18px;
	line-height:24px;
	color:#6666cc;
	margin-bottom:30px;	
}

.intro p{
	font-size:14px;
	line-height:18px;	
	margin-bottom:20px;
}

.intro p strong{
	color:#6666cc;	
}

.intro .Button{
	margin-bottom:10px;	
}

.intro .buttons{
	float:right;
	margin-left:50px;
	margin-right:20px;	
}

.weighted table{
	margin:10px;
	width:700px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;

}




.weighted th{
	font-size:14px;
	border-bottom:2px solid #bcbdbd;
	padding:10px;	
}

.legend th{
	font-size:13px;	
}

.total th{
	border-top:1px dashed #cccccc;	
	padding-top:3px;
}

.weighted td{
	text-align:center;
	font-size:13px;
	height:40px;	
}

tr .Help, tr .RightWrong, tr .NumberInput{
	float:left;
	margin-right:5px;
	position:relative;
	top:5px;
}


tr .RightWrong{
	margin-top:3px;	
}

tr .Help{
	position:relative;
	top:0px;	
	margin-bottom:-10px;
}

.weight{
	width:175px;
	padding:1px;

}

.data td{
	height:10px;
}

tr .NumberInput input{
	padding:5px;	
}

tr th .NumberInput .unit{
	float:left;	
	padding-left:0px;
	padding-right:5px;
}

tr th #amountTotal .NumberInput .unit{
	float:left;	
	padding-left:0px;
	padding-right:15px;
}



.weighted .text{
	height:21px;
	display:block;
}

.weighted .text div{
	position:relative;

}


.weighted .first td{
	padding-top:5px;	
}


.weighted .last td{
	padding-bottom:10px;	
}

.weighted #wacc{
	float:right;
	position:relative;
	left:30px;	
}

.weighted .cost{
	width:150px;	
}


.weighted .data span{
	display:inline-block;
	width:80px;	
	text-align:right;
}

.weighted #amountTotal{
	position:relative;
	left:55px;
}

.Scale{
	display:block;
	width:700px;
	height:50px;
	background:url(../images/scale.png) no-repeat;
	background-position:center center;	
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.dotted{
	background:url(../images/scale_dotted.png) no-repeat;
	background-position:center center;	
}

.ScaleValue{
	float:left;
	width:40px;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:4px;
	position:relative;
}

.ScaleValue .label, .ScaleValue .value{
	text-align:center;
	display:block;
	color:#000;
	font-size:11px;	
	
}

.Scale .scaleLabel{
	width:40px;
	padding-left:-20px;
	padding-right:-20px;
	font-size:11px;
	position:relative;	
	top:8px;
	text-align:center;
}

.Scale .endValues{
	clear:both;	
	width:700px;
	font-size:11px;
	color:#272895;
	position:relative;
	top:10px;
	font-weight:bold;
	text-align:center;
}

.Scale .endValues .first{
	float:left;
	text-align:left;
	position:relative;
	margin-right:-20px;
	margin-left:-20px;
	width:40px;
	text-align:center;
}

.Scale .endValues .last{
	float:right;
	text-align:right;
	position:relative;
	left:3px;
	margin-right:-20px;
	margin-left:-20px;
	width:40px;
	text-align:center;
}

.ScaleValue .block{
	height:10px;
	width:2px;
	background-color:#959595;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	
}

.cost .inputs, .profitability .inputs{
	clear:both;
	width:700px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

.cost .NumberInput input, .profitability .NumberInput input{
	width:120px;	
}

.profitability .inputs div{
	position:relative;
	top:0px;
}

#pvcofHelp .Help, #pvcifHelp .Help, #piHelp .Help{
	position:relative;
	top:-10px;
	
}
#pvcofHelp, #pvcifHelp, #piHelp{
	width: 33px;
}

#pvcofRight .RightWrong, #pvcifRight .RightWrong, #piRight .RightWrong{
	position:relative;
	top:-5px;
}

#pvcofRight, #pvcifRight, #piRight{
	width: 18px;
}

.cost .NumberInput .unit{
	margin-top:9px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	font-size:12px;
	position:relative;
	left:-5px;
}

.cost .NumberInput, .cost .RightWrong, .cost .Help{
	float:left;	
}

.cost .RightWrong{
	margin-left:5px;
	margin-right:5px;
	margin-top:8px;	
}

#preTax, #growthRate{
	margin-right:10px;
	display:block;	
	width:350px;
	float:left;
}
#afterTax, #costOfEquity{
	display:block;	
	width:360px;
	margin-right:-30px;
	float:left;
}


.net_present .inputs{
	width:340px;
	float:left;	
	margin-left:40px;
}

.profitability .inputs{
	width: 300px;
	float:left;
	margin-left:50px;
}

#presentValue .unit, #initialInvestment .unit, #NPV .unit{
	width:120px;	
}

#presentValue, #initialInvestment, #NPV{
	margin-bottom:10px;
	height:32px;
}

.net_present #invest{
	margin-left:120px;
	margin-top:20px;
	height:20px;
}

#invest .RightWrong{
	position:relative;
	top:-5px;
	left:-9px;	
}

#dots{
	margin-bottom:10px;
	border-top:1px dashed #acadad;	
	height:0px;
	width:250px;
}

sup{
	display:inline-block;
	font-size:9px;
	position:relative;
	top:-3px;	
}

.RadialButton{
	display:block;
	float:left;
	padding-left:30px;
	height:15px;
	background:url(../images/radial.png) no-repeat;
	font-size:11px;	
	padding-top:5px;
	margin-right:10px;
}

.RadialButton:hover{
	cursor:pointer;	
}

.RadialButtons .active{
	background-position:0px -21px;	
}

.ArrowBox{
	position:absolute;	
	border-left:1px solid #6666cc;
	border-right:1px solid #6666cc;
	border-bottom:1px solid #6666cc;
	height:13px;
}

.ArrowBoxArrow{
		position:absolute;	

	border-right:1px solid #6666cc;
	border-bottom:1px solid #6666cc;

}

.ArrowBoxArrowHead{
	position:absolute;
	width:11px;
	height:9px;
	background:url(../images/arrow.png);	
}


.NPVBox{
	width:701px;
	height:247px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/tables.png);
	margin-top:20px;	
}

.NPVBoxTable{
	display:block;	
	width:338px;
	padding:1px;
	padding-top:36px;
	float:left;
}

.NPVBoxTable .row{
	display:block;
	height:35px;
}

.NPVBoxTableRow{
	height:35px;
}

.NPVBoxTableRow div, .NPVTotals div{
	display:block;
	float:left;	
	width:69px;
	margin-right:2px;
	text-align:center;
	font-size:13px;
	padding-top:12px;
	color:#272895;
}

.NPVBoxTableRow .project{
	width:52px;
	text-transform:uppercase;
}

.table1{
	
}

.table2{
	margin-left:20px;
}

.yui3-dd-drop-over{
	background-color:#e4ecf3;	
}

.NPVTotals{
	display:block;
	float:left;
	width:286px;
	height:34px;
	margin-left:75px;	
	font-weight:bold;
	position:relative;
	top:-1px;
}

.NPVTotals div{
	color:#000;	
}

.NPVTotals .npv{
	margin-left:90px;	
	width:30px;
}

.NPVTotals .RightWrong{
	position:relative;
	left:-5px;
	top:3px;
	width:13px;
		
}

.npv_profile .intro{
	float:left;
	width:258px;
	height:558px;	
}

.npv_profile #controls{
	float:left;
	border-top:1px dashed #333;
	margin-top:30px;
	padding-top:50px;
	margin-left:20px;
	padding-right:60px;

	width:420px;
	background:url(../images/npv_labels.png) no-repeat center 30px;
}

.present_value #controls{
	background:url(../images/pv_labels.png) no-repeat center 30px;
}



.npv_profile .NumberInput{
	clear:left;	
	float:right;
	margin-left:20px;
}

.npv_profile #controls .Button{
	clear:both;	
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:30px;
	left:30px;
}


.DynamicSlider{
	float:left;	
	margin-left:130px;
}

.DynamicSlider .top{
	background:url(../images/slider_top.png) no-repeat center top;
	width:9px;
	height:28px;
	float:left;
	position:relative;
	top:-1px;

}

.DynamicSlider .bottom{
	background:url(../images/slider_bottom.png) no-repeat center top;
	width:9px;
	height:28px;
	position:relative;
	top:-1px;

	float:left;
}

.DynamicSlider .middle{
	background:url(../images/slider_middle.png) repeat-x center top;
	width:60px;
	min-height:28px;
	float:left;
}

.DynamicSlider .slider{
	background:url(../images/slider.png) no-repeat -2px center;
	width:22px;
	height:28px;


}

.DynamicSlider .slider:hover{
	cursor:	
}

.sliderAmount{
	clear:both;	
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	margin-top:35px;
	display:block;
	text-align:center;
	width:50px;
	padding-left:55px;
}

.ToolTip strong{
	font-weight:normal;
	text-align:center;
	display:block;	


}

.ToolTip .content div{
	display:block;
		margin-left:auto;
		margin-right:auto;
		width:150px;
}