#header-bar {background: url(../images/suncare/headers/footprint.jpg) no-repeat;}
#header-bar #header-nav {background: #a3d166; border-bottom: solid 1px #93bd68; height:106px;}
#header-bot p a:hover {color: #690;}
#content h1 {color: #363;}


/* --------------------------------------- New Styles Added ------------------------------------*/


#header  {background: url(../images/suncare/headers/header-bar-bg.jpg) repeat-x;}
/* #search-box { padding:4px 0px 0px 600px; } */
#left-nav {margin-top: 20px; padding-left: 15px; font-size:11px; color:#757575;}
#left-nav p {line-height:1.15em;}
#content {width:555px; margin-top: 16px; padding-bottom:0px; font-family:Verdana, Arial;}
#copyright {margin:25px 0px 0px 150px; font-size:1em; color:#636363; }



img.printing
{
    padding:55px 0px 30px 0px;
}

img.formHeadTopMargin
{
    margin:30px 0px 5px 0px;
}

img.formHeadMoreTopMargin
{
    margin:50px 0px 5px 0px;
}

h2.heading
{
    margin:0px;
    padding:7px 0px 14px 0px;
    font-size:1.5em;
    font-weight:normal;
    color:#990000;
    line-height:1.2em;
}

img.imgColors
{
    position:absolute;
    bottom:11px;
    left:44px;
}

img.btnOverBorder1
{
    position:absolute;
    bottom:11px;
    right:213px;
}

img.btnOverBorder2
{
    position:absolute;
    bottom:11px;
    right:30px;
}
.btnOverBorder2
{
    position:absolute;
    bottom:11px;
    right:30px;
}
div.formMoreMargin
{
    margin-bottom:60px;
}

div.formLessMargin
{
    margin-bottom:14px;
}

div.formBtnTopBottom
{
    margin:14px 0px;
}

div.formBtnLessTopBottom
{
    margin:5px 0px 14px 0px;
}

div.btnAlignRight
{
    text-align:right;
    margin-right:22px;
}




/* --------------------------------------- Styles for Round-Corner Form ------------------------------------*/

div.rcContainer
{
    position:relative;
    width:100%;
}
div.rcContainer div.rcTop{
	height: 12px;
	font-size: 0; /* required for IE 6 */
	background: url('../images/suncare/headers/rcTopMiddle.gif') repeat-x; /* Top Middle Image */
}

div.rcContainer div.rcTop span{
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url('../images/suncare/headers/rcTopLeft.gif') no-repeat; /* Top Left Image */
}

div.rcContainer div.rcTop span.end{
	float: right;
	background: url('../images/suncare/headers/rcTopRight.gif') no-repeat; /* Top Right Image */
}

/* Bottom */
div.rcContainer div.rcBottom{
	height: 12px;
	font-size: 0; /* required for IE 6 */
	background: url('../images/suncare/headers/rcBottomMiddle.gif') repeat-x; /* Bottom Middle Image */
}

div.rcContainer div.rcBottom span{
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url('../images/suncare/headers/rcBottomLeft.gif') no-repeat; /* Bottom Left Image */
}

div.rcContainer div.rcBottom span.end{
	float: right;
	background: url('../images/suncare/headers/rcBottomRight.gif') no-repeat; /* Bottom Right Image */
}

/* Content */
div.rcContainer div.rcContentWrapper, div.rcContainer div.rcContentBorder{
	display: table;
	width: 100%;
	background: #ffffff url('../images/suncare/headers/rcContentLeft.gif') repeat-y left; /* Content Left Border Image */
}

div.rcContainer div.rcContentBorder{
	background: url('../images/suncare/headers/rcContentRight.gif') repeat-y right; /* Content Right Border Image */
}

div.rcContainer div.rcContent{
	padding: 0px 12px; /* Content Padding */
	margin:0px;
	width:531px;
}

div.rcContent div.rcContentMiddle{
	background: #ffffff url('../images/suncare/headers/rcContentMiddleBg.gif') repeat-x top right; /* Content Right Border Image */
	padding-left:30px;
}


 
/* --------------------------------------- Styles for Form Fields ------------------------------------*/
  
div.formFootprint
{
    font-size:14px;
    color:#737373;
    width:485px;
}

div.formField
{
    margin-top:15px;
}   

div.formSecond
{
    margin-top:7px;
}

div.formFiledTopMargin
{
    margin-top:20px;
}

div.formField .lblName, div.formField .lblInline
{
    display:block;
    float:left;
    width:205px;
    font-weight:bold;
    text-align:right;
    margin:0px 5px 0px 0px;
}

 div.formField .lblInline
 {
    width:60px;
 }

div.formField .lblSecondColor
{
    color:#813161;
}

div.formField .lblSelectState
{
    font-weight:bold;
}

div.formField .lblAlignLeft
{
    width:100%;
    text-align:left;
    float:none;
    margin:0px 0px 12px 0px;
}

div.formField .lblAlignRight
{
    width:100%;
    float:none;
    text-align:right;
    margin:20px 0px 13px 0px;
}

div.formField .lblLessWidth
{
    width:125px;
    color:#813161;
    font-size:14px;
}

div.formFootprint .textbox
{
    font-size:0.85em;
    width:150px;
}
div.formFootprint .text1
{
    margin-left:10px;
}
div.formFootprint .ddlSelectItem
{
    height:20px;
    width:152px;
    margin:12px 0px 0px 224px;
    font-size:0.85em;
}

div.formFootprint .ddlSelectItemInline
{
    width:125px;
    height:20px;
    font-size:0.85em;
}

.txtFloatLeft
{
    float:left;
}

div.formFootprint .txtAddress
{
    width:210px;   
}

div.labelCity label.state
{
    width:60px;
}

div.formField span.units
{
    font-size:0.8em;
    vertical-align:top;
} 

div.formBtnLessTopBottom span.infoText
{
    float:left;
    color:#404040;
    font-size:0.8em;
    margin:0px 0px 0px 178px;
} 

div.noBottomMargin
{
    margin-bottom:0px;
}

div.comparedResult
{
    margin:15px 0px 5px 0px;
}

div.graphResult
{
    margin-top:15px;
}

div.graphResult p.resultText
{
    float:left;
    margin:0px;
    color:#000000;
    font-size:11px;
    font-weight:bold;
    line-height:1.4em;
}

div.graphResult span.resultValue
{
    float:left;
    margin:0px 0px 0px 12px;
    color:#990000;
    font-size:12px;
    font-weight:bold;
    line-height:1.3em;
}
div.sectionHeading
{
    display:block;
    padding-bottom:0px;
}
div.sectionHeading h3
{
    font-size:1.1em;
    margin-bottom:13px;
    color:#666666;
}

div.imgText
{
    float:left;
}

div.imgText img.textAlign
{
    float:left;
    margin-top:5px;
}

div.imgText h6
{
    font-weight:bold;
    color:#989898;
    margin:0px 7px 0px 7px;
    width:100px;
    float:left;
    line-height:1.5em;
}

div.helpText
{
    clear:left;
    margin:24px 0px 45px 0px;
    font-size:0.95em;
}

div.helpText a
{
    color:#813161;
    font-weight:bold;
}

.footprintTable
{
    border:solid 1px #000000;
}



/* --------------------------------------- Styles for Tabular Data ------------------------------------*/

.gridviewStyles
{
    clear:both;
    margin:10px 0px;
    text-align:left;
    color:#666666;
    font-size:0.95em;
    border-collapse:collapse;
    border:solid 1px #666666;
}

.carbonFootprint
{
    width:475px;
}

.comparedFootprint
{
    width:455px;
}

.gridviewStyles th
{
    font-weight:bold;
    vertical-align:top;
    padding:0px 5px 0px 5px;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    line-height:1.3em;
}

.gridviewStyles td
{
   vertical-align:top;
   padding:1px 5px 1px 5px;
   border-bottom:1px solid #666;
   border-right:1px solid #666;
}

.comparedFootprint th
{
    padding-top:17px;
    vertical-align:bottom;
}

.highLightTotal     /* these styles apply to the table's last row in Graph Result page */ 
{
    color:#990000;      /* RED color */
    font-weight:bold;
}

.highlightResult    /* these styles apply to the table's second row i.e., YOUR PLANT row in 5th template */  
{
    color:#59873e;  /* GREEN color */
    font-weight:bold;
}
.highlightHeader
{
	font-weight:bold;
}
.clearFix
{
	display:block;
	clear:both;
	float:none;
	font-size:0px;
	line-height:0px;
}