﻿
#container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	width: 800px;
	height: 173px;
	background-image: url(calcimages/header.jpg);
	background-repeat: no-repeat;
	border: solid 1px white;
}	

#content
{
	width: 800px;
	height: 595px;
}

#title
{
	font-family: Arial;
	font-size: 22pt;
	font-weight: bold;
	color: Black;
	margin-top: 80px;
	margin-left: 250px;
	display:block;
}

.invisible 
{
	display: none;
}

.tb
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: Black;
	border: solid 2px black;
	padding: 3px;
	width: 150px;
}

.count
{
	font-family: Arial;
	font-size: 16pt;
	font-weight: Bold;
	color: White;
	background-image: url(calcimages/circle.jpg); 
	width:56px; 
	height:57px;
}

.count2
{
	font-family: Arial;
	font-size: 16pt;
	font-weight: Bold;
	color: Black;
	background-image: url(calcimages/yellow_circle.jpg); 
	width:56px; 
	height:57px;
}

.description
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	color: Black;
}

.calcButton
{
	font-size: 14pt; 
	color: #FFFFFF;
	cursor:pointer;
}

.calcButton span:hover{background:#0080FF;color:#fff}

.hand
{
	cursor :pointer;
}

#ROI_Spent
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: normal;
	color: White;
}

#ROI_Spent span
{
	font-size: 18pt;
	font-weight: bold;
}

#ROI_Percent
{
	font-family: Arial;
	font-size: 25pt;
	font-weight: bold;
	color: Black;
}	

#ROI_Percent span
{
	font-size: 18pt;
	font-weight: normal;
}

#ROI_Income
{
	font-family: Arial;
	font-size: 14pt;
	font-weight: normal;
	color: White;
	width: 200px;
}

#ROI_Income span
{
	font-size: 20pt;
	font-weight: bold;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:730px;
	height: 379px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


.mask1{
	position:relative;
	width:728px;
	height:379px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
