/* Start of CMSMS style sheet 'ROIcalculatorStyles' */
/*
 * h1 style
 */
h1
{
	font-family:helvetica, arial, sans-serif;
	color:#8e9f60; /*green*/
	font-size:17px;
	font-weight:bold;
	text-align:center;
}

/**
 * divCalculator is the overall container and determines the over size.
 */
#divCalculator
{
    width:600px;
}

/**
 * setup float:left inheritance on any container inside the divCalculator master container
 */
.divRow, .divCell, .infoHeader, .divDescription, #divActionDescription, .financialSavingsDescription, .carbonDescription, .operatingExpensesDescription, #lampInfo, #financialSavings, #carbonFootprint, #operatingExpenses, .divHeaderCell
{
    float:left;
}

#financialSavings, #carbonFootprint, #operatingExpenses{
	font-size:12px;
}

/**
 * setup float:right for special case
 * set the header height to 25px so the select box doesnt crowd the text in IE
 */
#divActionCell
{
    float:right;
    height:25px;
}

/**
 * divRow is a container for each "row" in the "table"
 * must be 99% or lower to prevent container overflow in IE
 */
.divRow
{
    width:99%;
}

.divRowDots
{
    width:99%;
	border-bottom:#999999 1px dotted;
}

.divRowTotal{
    width:99%;
	font-weight:bold;
	font-size:13px;
	background-color:#d2d6c8;
}

/**
 * divDescription needs a little padding to look centered with the input
 */
.divDescription, #divActionDescription
{
    padding-top:5px;
}

/**
 * divCell is a container for the data, usually a "row" will consist of the "description" and "cell"
 */
.divCell, #divActionCell, .divHeaderCell
{
    text-align:left;
    width:20%;
}


/**
 * divHeaderCell is the headers above the product columns
 */
.divHeaderCell
{
    text-align:left;
    font-weight:bold;
    color:#7b8f4a;}

/**
 * infoHeader is the header above the informational sections
 */ 
.infoHeader
{
    width:100%;
    text-align:left;
    font-size: 14px;
    color:#7b8f4a;
}



/**
 * common attributes for the descriptions
 */
.divDescription, #divActionDescription, .financialSavingsDescription, .carbonDescription, .operatingExpensesDescription
{
    width:59%;
    text-align:left;
    font-weight:bold;
}

/**
 * override inherited width for action description
 */
#divActionDescription
{
    width:79%;
}

/**
 * common attributes for the various section containers
 */
#lampInfo, #financialSavings, #carbonFootprint, #operatingExpenses
{
    width:100%;
    margin:5px;
}

/**
 * this makes some of the descriptions bold, as well as the infoHeader and totalAnnualSavings
 */
.divDescription, .financialSavingsDescription, .carbonDescription, .operatingExpensesDescription, .infoHeader, #totalAnnualSavings, .divHeaderCell
{
    text-align:left;
    font-weight:normal;
}

#totalAnnualSavings{
	font-weight:bold;
}

/**
 * This sets up the default font
 */
body
{
	color: #444444;
	font-family : "Arial";
	font-size : 11px;
}

/**
 * This changes the background colors of the Eco-Story Product fields
 */
#ecoLampLife, #ecoLampPrice, #ecoLampWattage, #ecoLampOpHours, #ecoLampLabor, #ecoKWhCost, #ecoNumberOfLamps, #ecoDataNumberOfLocations
{
    background-color:#d2d6c8;
    padding:4px 0px 3px 10px;
}
/* End of 'ROIcalculatorStyles' */