/*I'm doing this as an ID instead of a class, because I can't override the
class from global.css*/
table#costTable
{
    float:left; 
    margin-right:20px;
    border-collapse:collapse;
    width:50px;
    
}
table#costTable td
{
    font-size:1.1em;
    border:0px;
    
}

table#costTable tr.med td
{
    color:#05A;
    font-weight:bold;
    
    
}

table#costTable td.money
{
    text-align:right;
}

table#costTable td.desc
{
    padding-right:5px;
}

img.PieChart
{
    display:inline; 
    float:left; 
    margin:0px; 
    padding:5px 10px 5px 0px;
}

#outerContainer #leftColumn ul.PieLegend
{
    display:inline; 
    list-style-type:none;
    margin-bottom:.3em;
}
#outerContainer #leftColumn ul.PieLegend li{
	background:none;
	list-style-image:none;
	list-style-type:none;
	margin-bottom:.3em;
	}	
#outerContainer #leftColumn a.PieLegend
{
    /*display:block; 
    margin-left:1.25em;*/
    
}
#leftColumn form p {
margin-bottom:0px;
padding-bottom:0px;
width:450px;
}
#costform input
{
    width:75px;
}	
#costform span.dollar
{
    font-size:1.4em;
}	
.submit div
{
    /*margin-top:20px;*/
}
h3#singleCost
{
    margin:20px 0px 50px 20px;
  
}
div#estimate h3
{
    border:solid 1px #CFD8E7; 
    margin-top:10px; 
    margin-bottom:10px; 
    background-color: #edf2f8; 
    color: #333;
    padding:7px;
}
div#estimate span
{
font-size:1.4em
}