/* CSS Document */

div#collegeCostCalculator {
	background-color:#ECE0C8;
	/*border-width:3px;
	border-color:#663300;
	border-style:solid;*/
	padding:5px;
	width:450px;
	margin-left:35px;
	margin-bottom:20px;
}

div#collegeCostCalculator table
{
	background-color: #ECE0C8;
	width:100%;
	vertical-align:middle;
}

div#collegeCostCalculator table tr
{
	background-color: #F5E9D3;
	height:2em;
	border-bottom:1px solid black;
}

div#collegeCostCalculator table th.title
{
	background-color: #CC3300;
	font-size:1.1em;
	color: #FFFFFF;
	padding-left:.5em;
}

div#collegeCostCalculator table td.leftColumn
{
	width:45%;
	text-align:right;
	padding-right:.5em;
}

div#collegeCostCalculator table td.rightColumn
{
	width:55%;
}

div#collegeCostCalculator table td.calculate
{
	text-align:center;
	height:3em;
	/*padding-right:80px;*/
	padding-right:.5em;
	border-bottom:1px solid #999999;
}
div#collegeCostCalculator table td.costCell
{
	text-align:right;
	height:3em;
}

div#collegeCostCalculator table td select
{
	background-color: /*#F5E9D3*/ #FFFFFF;
	color: #333366;
	border:1px solid #CCCCCC;
	width:14em;
	/*width:100%;*/
}  
div#collegeCostCalculator table td select.smallDropDown
{
	width:4em;
}
div#collegeCostCalculator table td select.mediumDropDown
{
	width:12em;
}
div#collegeCostCalculator table td select.largeDropDown
{
	width:16em;
}

div#collegeCostCalculator table td input.cost
{
	background-color: #FFFFFF;
	color: #333366;
	text-align:center;
	width:8em;
	margin-right:.5em;
}

div#collegeCostCalculator table td.source {
	background-color:#ECE0C8;
	font-size:75%;
	height:1em;
	padding:0 .5em;
	text-align:left;
}

p.cccNote {
	font-size:75%;
	padding:0px 5px;
}

span.helpText {
	font-weight:bold;
	font-size:115%;
}