/*	INTERIM APP TEMPLATE SPECIFIC CODE	VERSION 8 - AUGUST 27 2008*/

#Application	{	/*	added to ensure white space between all content and the footer - KD	*/
	margin-bottom: 40px;	
}

#Application
#Application p, 
#Application ul, 
#Application li, 
#Application div, 
{	/*	all items are made specific to the "Application" ID so that these 
					style cannot possibly affect formatting of the overall template, 
					and so that styles defined in the Global.css can be superceded 
					when we require them to be. 	*/
	font-size: 12px;	/*	all application	items should inherit this font-size. */
	font-family: Arial, Helvetica, sans-serif;
}

#Application input {
	border: default;
	margin: default;
	padding: default;
}

#Application a	{	/*	Test colour 
	color: #0096CE;	*/
}


/*	End Interim App Specific Code	*/





/*  TEAM Power Smart/EMCWEB CSS  */
    
    
    /* Documentation classes - used for the Widgets pages, not needed for live site */
    #Application img	{
	border-width: 0;
      /*	display: inline;	*/
    }
    
    #Application .accountServices	{
      font-size: 12px;
      color: #FFFFFF;
      background-color: #000066;
      text-align: center;
      padding-top: 2px;
      padding-bottom: 2px;
    }
    
    #Application .accountTab	{
      background-image: url(../../image/accountTab_inactive.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
    }
    /* accountTabActive renamed aug 11 */
    #Application .TabActive	{
      background-image: url(../../image/accountTab.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 14px; /***was 12px changed Aug 25 by ZZ***/
      text-align: center;
      font-weight: bold;
    }
    
    #Application .accountTable	{
      font-size: 12px;
      font-weight: bold;
    }
    
    #Application .accountTable2	{
      background-color: #FFFFFF;
    }
    
    #Application .alignBottom	{
      vertical-align: bottom;
    }
    
    #Application .alignCenter	{
      text-align: center;
    }
    
    #Application .alignLeft	{
      text-align: left;
    }
    
    #Application .alignMiddle	{
      vertical-align: middle;
    }
    
    #Application .alignRight	{
      text-align: right;
    }
    
    #Application .alignTop	{
      vertical-align: top;
    }
    
    #Application .balanceDueAmount	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCCCCC;
      text-align: right;
      /*background-image: url(../../image/balance_due_arrow.gif);*/
      background-repeat: no-repeat;
      background-position: left;
      padding-left: 10px;
    }
    
    #Application .balanceDueRow	{
      background-color: #CCCCCC;
    }
    

/*	#Application	.breadcrumb	{
      FONT-WEIGHT: bold;
      FONT-SIZE: 14px;
      MARGIN: 8px 14px;
      
      BACKGROUND-COLOR: transparent;
    }
    
	#Application	.breadcrumb A	{
      
      TEXT-DECORATION: none;
    }
    
	#Application	.breadcrumbsub	{
      COLOR: #4c98da;
      BACKGROUND-COLOR: transparent;
    }
*/
    
	#Application	.buttons	{
      border-left: 1px solid #BED1D6;
      border-right: 1px solid #ACC6CB;
      background-image: url(../../image/options_background.gif);
      cursor: pointer;
    }
    
	#Application	.buttonSmall	{
      width: 70px;
    }
    
	#Application	.buttonssDisabled	{
      border-top-style: solid;
      border-top-color: #ccc;
      border-top-width: 1px;
      padding-top: 1px;
      padding-bottom: 1px;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      COLOR: #ffffff;
    }
    
	#Application	.changePassword	{
      PADDING-LEFT: 7px;
      border-left-style: solid;
      border-left-color: #ccc;
      border-left-width: 1px;
    }
    
	#Application	.changePassword a	{
      
      /*TEXT-DECORATION: underline;*/
      text-align: right;
      font-size: 12px;
    }
    
	#Application	.code	{
      font-family: Andale, "Courier New", Courier, monospace;
      color: #9900FF;
    }
    
	#Application	.comeBackNextBill	{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	width: 80%;
	text-align: center;
	/* UPDATED */
      margin-bottom: 10px;
	color: #939393;
    }
    
	#Application	.content	{
      margin: 12px 22px;
    }/* added by BT to repair changes to bch_main5.css during spring campaign */
    /* formats the Results table on the Splash pages */
    
	#Application	.errorAndConfirmTextSmall a	{
		
		/*TEXT-DECORATION: underline;*/
		font-size: 12px;
    }
    
	#Application	.errorAndConfirmTextSmall, 	
	#Application	.errorAndConfirmTextSmall ul, 	
	#Application	.errorAndConfirmTextSmall li, 	
	#Application	.errorAndConfirmTextSmall ol	{
	font-size: 12px;
	text-align: left;
	padding: 4px 10px 4px 1px;
	line-height: 140%;
	list-style: square outside;
    }
    
	#Application	.errorField	{
		background-color: #FFCEAE;
		border: 1px solid #CC0000;
    }
    
	#Application	.goalBottomLeft2	{
		background-image: url(../../image/bbGoalBackgroundBotLeft3.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 10px;
		padding-bottom: 10px;
    }

	#Application	.goalBottomRight2	{
		background-image: url(../../image/bbGoalBackgroundBotRight3.gif);
		background-repeat: no-repeat;
		background-position: left;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 50%;
    }

	#Application	.goalBottomLeft	{
	background-image: url(../../image/bbGoalBackgroundBotLeft3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 50%;
    }

	#Application	.soFarBottomRightAmber	{
		background-image: url(../../image/bbGoalBackgroundBotRight3.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		width: 50%;
    }
    
	#Application	.soFarBottomRightGreen	{
		background-image: url(../../image/bbGoalBackgroundBotRight3.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		width: 50%;
    }
    
	#Application	.soFarBottomRightRed	{
		background-image: url(../../image/bbGoalBackgroundBotRight3.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		width: 50%;
    }

	#Application .goalBottomLeft table,
	#Application .soFarBottomRightRed table,
	#Application .soFarBottomRightGreen table,
	#Application .soFarBottomRightAmber table		{
		margin: 10px auto;	
	}


    /* ---------------------- GoalTop ----------------------- */
    /* ---------------------- soFarBottomRightGreen ----------------------- */
    
	#Application	.goalMineLabel	{
		padding: 5px 10px 0px 10px;
		color: #A3A3A3;
		background-image: url(../../image/bbGoalBackgroundBotLeft1.gif);
		background-repeat: no-repeat;
		background-position: left bottom;				
    }
    
    #Application td.goalMineLabel .resultsline,
    #Application	td.soFarLabelGreen .resultsline, 	
	#Application	td.soFarLabelAmber .resultsline, 	
	#Application	td.soFarLabelAmber .resultsline, 	
	#Application	td.soFarLabelRed .resultsline
    {
	  border-bottom:1px solid #A3A3A3; 
	  padding:0px 0px 3px 0px;
	  font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
    }
    soFarLabel
    
	#Application	td.#A3A3A3 div 	
	{
	/*	June 17/08 added TD to increase specificity. KD	*/
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      border-bottom: 1px solid #A3A3A3;
    }
    
    #Application b.moreinfo{
      font-size: 9px;
      text-transform: uppercase;
      font-weight: bold;      
      white-space: nowrap;
      color: #999999;
    }
    
     #Application .mygoal_notice{
      font-size: 10px;
      text-transform: none;
      font-weight: bold;      
      white-space: nowrap;
      color: #999999;
    }
    
	#Application	.goalTaskNote	{
      color: #FFFFFF;
      font-family: Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      border-top: 1px solid #ffffff;
      text-align: center;
      padding: 3px 0px 0px 0px;
      white-space: nowrap;
    }
    /* end of RESULTS BOXES */
    /* Results Pages POPUP Message Boxes */
    
	#Application	td.goalTop	{	/*	added TD to over-ride XHTML specificity rules that affected font size. KD	*/
		background-color: #F2F2F2;
		background-image: url(../../image/bbGoalBackgroundTop.jpg);
		background-position: top center;
		COLOR: #939393;
		HEIGHT: 35px;
		font-size: 14px;	/*	updated Aug 19 by ZZ	*/
    }
    
	#Application	.goalTopLeft	{
		background-image: url(../../image/bbGoalBackgroundTop.jpg);
		background-repeat: no-repeat;
		background-position: left top;
    }
    
	#Application	.goalTopRight	{
      background-image: url(../../image/bbGoalBackgroundTop.jpg);
      background-repeat: no-repeat;
      background-position: right top;
    }
    
	#Application	.headerMain	{
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 11px;
      font-weight: bold;
    }
    
	#Application	.headerMainBlue	{
	font-size: 12px; 
      FONT-WEIGHT: bold;
      COLOR: #ffffff;
      BACKGROUND-COLOR: #f2f2f2;
    }
 
/****************** Not Sure if it's being used ***************************/    
	#Application	.history	{
	font-size: 11px;
    }
    
	#Application	.historyTitles	{
	font-size: 11px;
    }
    
	#Application	.historyValues	{
	font-size: 11px;
    }
    /****************** Old version -  Updated Oct 27 - added bluebox and ors styles *****************/
    /* updated 15 Dec 06/Dave: 
            removed font size declaration, BODY TD 11px
            added #userEmail to fix font size display of user name and email in FireFox
        */
    
	#Application	.infoDialogueBox	{
      color: #fff;
      padding: 20px 20px 20px 20px;
      font-size: 11px;    
      background-image: url(../../image/help_hoverbox.gif);
      background-repeat: no-repeat;
      background-position: left;      
      font-weight: normal;
      text-align: left;
    }
	    /* *******************  bt added to fix text overflow *******************  */
		#Application	.infoDialogueBox2	{
      color: #fff;
      padding: 20px 20px 20px 20px;
      font-size: 11px;    
      background-image: url(../../image/help_hoverbox2.gif);
      background-repeat: no-repeat;
      background-position: left;      
      font-weight: normal;
      text-align: left;
    }
    /* *******************  new CSS for Percent Selection *******************  */
    
	#Application	.lastMemberAccount	{
      padding-left: 25px;
      background-image: url(../../image/last_member_connector.gif);
      background-repeat: no-repeat;
      background-position: 5px center;
    }
    
	#Application	.lightBlueBorder	{
/*
      background-color: #F2F2F2;
      border-width: 1px;
      border-style: solid;
      border-color: #ccc;
*/
    }
    
	#Application	.lightBlueTableBackground	{
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

    }
    
	#Application	.lightBlueTableBackground a, 
	#Application	.lightBlueTableRightCorner a, 
	#Application	.errorAndConfirmTextSmall a, 
	#Application	.profile a, 
	#Application	.toolsButton a, 
	#Application	.buttons a, 
	#Application	.blueboxListLightBlue a, 
	#Application	.blueboxListMedBlue a, 
	#Application	.blueboxListFooterLeft a, 
	#Application	.blueboxListFooter a	{
		
		/*TEXT-DECORATION: underline;*/
		font-size: 12px;
    }
    
	#Application	.lightBlueTableBackground IMG	{
		BORDER-TOP-WIDTH: 0px;
		DISPLAY: inline;
		BORDER-LEFT-WIDTH: 0px;
		BORDER-BOTTOM-WIDTH: 0px;
		BORDER-RIGHT-WIDTH: 0px;
    }
    
	#Application	.lightBlueTableBackground p, 
	#Application	.lightBlueTableBackground li, 
	#Application	.lightBlueTableBackground ul	{
		font-size: 12px;	
		margin-top: 5px;
		margin-bottom: 0px;
    }
    
	#Application	.lightBlueTableBackgroundBottom	{
      border-bottom: 1px solid #CCCCCC;
      border-collapse: separate;
    }
    
	#Application	.lightBlueTableBackgroundBottom2	{
      border-bottom: 1px solid #CCCCCC;
    }
    
/*	#Application	.lightBlueTableBackgroundTop	{}  */
    
	#Application	.lightBlueTableLeftCorner	{
      background-color: #fff;
      border-bottom: 1px solid #cccccc;
      font-size: 12px;
    }
    
	#Application	.lightBlueTableRightCorner	{
      background-color: #fff;
      border-bottom: 1px solid #cccccc;
      font-size: 12px;
    }
    
	#Application	.masterAccount	{
      background-image: url(../../image/master_connector.gif);
      background-repeat: no-repeat;
      background-position: 5px bottom;
    }
    
	#Application	.memberAccount	{
      padding-left: 25px;
      background-image: url(../../image/member_connector.gif);
      background-repeat: no-repeat;
      background-position: 5px center;
    }
    
	#Application	.nobold	{
      font-weight: normal;
    }
    
	#Application	.optionsHeaderDarkBlue	{
      font-size: 15px; /****was 13px changed Aug 25 by ZZ****/
      font-weight: normal;/****was 13px changed Aug 25 by ZZ****/
      background-color: #F2F2F2;
      color: #000000;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding-left: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    
	#Application	.orangeBorder	{
		border: 2px solid #ED0C6E;
		color: #333333;
    }
    
	#Application .orangeBorder ul	{
	}

	#Application .orangeBorder ul li	{
		list-style-image:url(../../image/bullet_red.gif);
		background: none;
/*		background: transparent url("/images/icons/bullet-small.png") left no-repeat;
		font-size: 12px;	*/
	}




	#Application	.pop_bl	{
      background-image: url(../../image/pop_bottomleft.gif);
      background-repeat: no-repeat;
      background-position: bottom left;
      width: 7px;
      height: 7px;
      font-size: 6px;/* this value is here to prevent the non-breaking space in the cell from forcing the borders out */
    }
    
	#Application	.pop_bot	{
      background-image: url(../../image/pop_bottom.gif);
      background-repeat: repeat-x;
      background-position: bottom;
      height: 7px;
      font-size: 6px;/* this value is here to prevent the non-breaking space in the cell from forcing the borders out */
    }
    
	#Application	.pop_br	{
      background-image: url(../../image/pop_bottomright.gif);
      background-repeat: no-repeat;
      background-position: left;
      width: 7px;
      height: 7px;
      font-size: 6px;/* this value is here to prevent the non-breaking space in the cell from forcing the borders out */
    }
    /* end of Results Pages POPUP Message Boxes */
    /*  PROFILE VIEWS*/
    
	#Application	.pop_tl	{
      background-image: url(../../image/pop_topleft.gif);
      background-repeat: no-repeat;
      background-position: top left;
      width: 7px;
      font-size: 6px;/* this value is here to prevent the non-breaking space in the cell from forcing the borders out */
    }
    
	#Application	.pop_top	{/* this is the content cell */
      background-image: url(../../image/pop_top.gif);
      background-repeat: repeat-x;
      background-position: top;
      font-size: 12px; /* ensures cell contents have same font size as all other text. */
      padding: 5px 0 0 0;
      vertical-align: text-top;
    }
    
	#Application	.pop_tr	{
      background-image: url(../../image/pop_topright.gif);
      background-repeat: no-repeat;
      background-position: top right;
      width: 7px;
      font-size: 6px;/* this value is here to prevent the non-breaking space in the cell from forcing the borders out */
    }
    
	#Application	.profile	{
	color: #00ADEF;
	padding-left: 8px;
	/* UPDATED */
      vertical-align: middle;
    }
    
	#Application	.roundedTableOulineMiddle	{
	background-color: #fff;
	padding: 0px 10px 0px 10px;
	vertical-align: top;
    }
    
	#Application	.roundedTableOulineMiddle p, 
	#Application	.roundedTableOutlineMiddle li, 
	#Application	.roundedTableOulineMiddle ol, 
	#Application	.roundedTableOulineMiddle ul, 
	#Application	.roundedTableOulineMiddle ul li	{
     font-size: 12px;
    }
    
	#Application	.roundedTableOutlineBottom	{
		border-bottom: 1px solid #cccccc;    
	}
    
	#Application	.roundedTableOutlineBottomLeft	{
		border-bottom: 1px solid #cccccc;    
	}
    
	#Application	.roundedTableOutlineBottomRight	{
		border-bottom: 1px solid #cccccc;    
	}
    /* ---------------------- RoundedTableOutlineTopLeft ----------------------- */
    /* ---------------------- GoalTop -----------------------
    
	#Application	.roundedTableOutlineTop	{
      background-color: #F8FBFE;
      border-top: 1px solid #B4D4F0;
    }
    
	#Application	.roundedTableOutlineTopLeft	{
      background-color: #F8FBFE;
      background-image: url(../../image/roundedTableOutline.gif);
      background-repeat: no-repeat;
      background-position: left top;
    }
    
	#Application	.roundedTableOutlineTopRight	{
      background-color: #F8FBFE;
      background-image: url(../../image/roundedTableOutline.gif);
      background-repeat: no-repeat;
      background-position: right top;
    }
  */   


/* 	LEVEL 1 TABS	*/  
    /* psChallengeTab renamed to TabActive, aug 11  */ 
	#Application	.TabInactive	{
      background-image: url(../../image/ps_challengeTab_inactive.gif);
      background-repeat: no-repeat;
      width: 190px;
      color: #999;
      font-size: 14px;
      cursor: pointer;
      text-align: center;
      font-weight: bold;
    }
    /**Added Aug 26 by ZZ for TPS***/
    #Application .TabInactive .accountnumber {
   	  font-size: 11px;   	    	  
    }
    #Application .TabActive .accountnumber {
   	  font-size: 11px;   	    	  
    }
    
	#Application	.psChallengeTabActive	{
      background-image: url(../../image/ps_challengeTab.gif);
      background-repeat: no-repeat;
      width: 190px;
      height: 31px;
      color: #999;
      font-size: 12px;
      text-align: center;
    }

	#Application	.psChallengeTabEmpty		{	border-bottom: 1px solid #E4E4E4;	}

/*	LEVEL 2 TABS	*/

	#Application	.secondLevelAccountTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
		cursor:pointer;
    }
    

	#Application .rightEnd	{
		border-right: 1px solid #E4E4E4;
    }
    
	
	#Application	.secondLevelAccountTabDisabled	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #CCC;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }
    
	#Application	.secondLevelChallengeTab	{
		background-color: #F1F2EE;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #00ADEF;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }
    
	#Application	.secondLevelTabActive	{
		background-color: #FFF;
		border-bottom: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		border-collapse: collapse;
		color: #666666;
		font-size: 12px;
		height: 21px;
		white-space: nowrap;
		text-align: center;
    }


    
	#Application	.selectBillArrow	{
		/*background-image: url(../../image/select_bill_arrow.gif);*/
		background-repeat: no-repeat;
		background-position: left;
		text-align: right;
		padding-right: 5px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		background-color: #f2f2f2;
    }
    

    #Application	.rowunderline		{	border-bottom: 1px solid #E4E4E4;	}


    /* ---------------------- soFarBottomRightGreen ----------------------- */
    
	#Application	.soFarLabelAmber	{
		color: #939393;
		padding: 5px 10px 0px 10px;
		background-image: url(../../image/bbGoalBackgroundBotRight1.gif);
		background-repeat: no-repeat;
		background-position: left;
    }
    
	#Application	.soFarLabelGreen	{
		color: #939393;
		padding: 5px 10px 0px 10px;
		background-image: url(../../image/bbGoalBackgroundBotRight1.gif);
		background-repeat: no-repeat;
		background-position: left;
    }
    
	#Application	.soFarLabelRed	{
		color: #939393;
		padding: 5px 10px 0px 10px;
		background-image: url(../../image/bbGoalBackgroundBotRight1.gif);
		background-repeat: no-repeat;
		background-position: left;
    }
    
	#Application	.tableHeader2	{
      font-weight: bold;
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
	  font-size: 15px;
      font-weight: normal;
    }
    
	#Application	.tableHeader2Right	{
      font-size: 12px;
      font-weight: bold;
      text-align: right;
      background-color: #ccc;
    }
    
	#Application	.tabRowEmpty	{
      background-image: url(../../image/tabRowEmpty.gif);
      background-repeat: repeat-x;
    }
    
	#Application	.tabRowSpacer	{
		height: 1px;
		font-size: 1px;
    }
    
	#Application	.tab_active	{
      background-image: url(../../image/ps_challengeTab.gif);
      background-repeat: no-repeat;
      background-position: left;
      width: 182px;
      height: 37px;
    }
    
	#Application	.tab_noactive	{
      background-image: url(../../image/accountTab_inactive.gif);
      background-repeat: no-repeat;
      background-position: left;
      width: 182px;
      height: 37px;
    }
    
	#Application	.tbldata TR.selected TD	{
      background-color: #FFFFFF;
    }
    /* Account Info second level tabs  May 02 2007 */
    
	#Application	.teamps-callout	{
      position: absolute;
      display: none;
      width: 211px;
    }
    
	#Application	.teamps-callout .goalContent	{
      background-image: url("../../image/teamps_callout_mid.gif");
      padding: 0 10px 0 10px;
    }
    
	#Application	.toolsButton	{
      border: 1px solid #879EA7;
      background-color: #CADADE;
      padding-top: 3px;
      padding-bottom: 3px;
      background-image: url(../../image/tools_background.gif);
      cursor: pointer;
      vertical-align: middle;
    }
    
	#Application	.userName, 
	#Application	orgName	{
      PADDING-LEFT: 7px;
      MARGIN-RIGHT: 10px;
      FONT-WEIGHT: bold;
      font-size: 16px;
      COLOR: #398CD7;
      HEIGHT: 30px;
      vertical-align: baseline;
    }
    
	#Application	.whiteTableBackground	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCCCCC;
    }
    
	#Application	.whiteTableBackground IMG	{
      display: inline;
    }
    
	#Application	.whiteTableBackground4borders	{
      background-color: #ffffff;
      font-size: 11px;
    }
    
	#Application	.whiteTableBackgroundAlignRight	{
      background-color: #ffffff;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-color: #ccc;
      border-bottom-color: #ccc;
      border-left-color: #ccc;
      font-size: 12px;
      text-align: right;
    }
    
	#Application	.whiteTableBackgroundLeftCorner	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCCCCC;
      text-align: right;
    }
    
	#Application	.whiteTableBackgroundLeftCornerRight	{
	  text-align: right;
    }
    
	#Application	.whiteTableBackgroundLeftCornerRightRed	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-bottom-style: solid;
      border-left-style: solid;
      border-bottom-color: #ccc;
      border-left-color: #ccc;
      font-size: 11px;
      text-align: right;
      color: #FF0000;
    }
    
	#Application	.whiteTableBackgroundRightCorner	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #CCCCCC;
    }
    
	#Application	.whiteTableBackgroundRightCornerAlignRight	{
      background-color: #ffffff;
      border-bottom-width: 1px;
      border-right-width: 1px;
      border-bottom-style: solid;
      border-right-style: solid;
      border-bottom-color: #ccc;
      border-right-color: #ccc;
      text-align: right;
      font-size: 11px;
    }
    
	#Application	.whitetext	{
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
    }
    
    #Application .consumption_stats, 
	#Application .consumption_stats div	{
      font-size: 11px;
      color: #000000;
      font-weight: normal;
    }
    
    #Application .headerDarkBlue	{
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;
    }
    
    #Application a, 
	#Application	.whiteTableBackground a, 
	#Application	.whiteTableBackgroundLeftCorner a, 
	#Application	.whiteTableBackgroundAlignRight a, 
	#Application	.lightBlueTableLeftCorner a, 
	#Application	.lightBlueTableRightCorner a, 
	#Application	.lightBlueTableBackgroundBottom a, 
	#Application	.lightBlueTableBackgroundBottom2 a, 
	#Application	.toolsButton a, 
	#Application	.blueboxLandingFooter a	{
      
      /*TEXT-DECORATION: underline;*/
      font-size: 12px;
    }
    
    #Application	div.detail	{
      font-size: 100%;
      width: 800px;
      border: 1px solid #c0c0c0;
      text-align: left;
      margin: 50px auto 15px auto;
      padding: 8px;
    }
    
    #Application	div.detailCode	{
      margin: 0 10px 10px 10px;
      font-family: "Courier New", Courier, monospace;
      text-align: left;
      border: 2px solid #c0c0c0;
    }
    /* end of Documentation classes. */
    
    
    #Application	#grey	{
      position: relative;
      left: 118px;
      top: 294px;
      filter: alpha (opacity=60);
      visibility: visible;
      border: 0;
      width: 708px;
      height: 474px;
      background-color: #ffffff;
      z-index: 15;
      margin: 0;
      display: none;
    }
    
    #Application	#Layer1	{/* Help Popup in the Challenge Results table */
      position: absolute;
      visibility: hidden;
      width: 150px;
      height: auto;
      z-index: 1;
      display: inline;
    }
    
    #Application	#Layer2	{/* Help popup in the How am I Doing table */
      position: absolute;
      visibility: hidden;
      width: 150px;
      height: auto;
      z-index: 1;
      display: inline;
    }
    /* RESULTS BOXES */
    
    #Application	#left-column	{
      padding: 10px;
      font-family: arial, sans-serif;
      font-size: 13px;
    }
    
    #Application	#rating li	{
      margin: 0 12px 0 0;
      padding: 0;
     font-size: 12px;
      list-style-type: none;
      display: inline;
    }
    
    #Application	#results	{
      margin: 20px auto 20px auto;
      width: 746px;
    }
    
    #Application	#results .challengeHeader	{
      background-color: #4A9BDD;
      vertical-align: middle;
      padding-top: 5px;
      padding-left: 14px;
      font-size: 18px;
      color: #FFFFFF;
      padding-bottom: 5px;
    }
    
    #Application	#results .challengeHeaderLeft	{
      background-image: url(../../image/challengeHeaderBackground.gif);
      background-position: left;
      background-repeat: no-repeat;
      background-color: #4A9BDD;
    }
    
    #Application	#results .challengeHeaderRight	{
      background-image: url(../../image/challengeHeaderBackground.gif);
      background-position: right;
      background-repeat: no-repeat;
      background-color: #4A9BDD;
    }
    
    #Application	#results .contentTable	{
      border-left: 1px solid #A6CCEE;
      border-right: 1px solid #A6CCEE;
      border-bottom: 1px solid #A6CCEE;
      background-color: #FFFFFF;
      border-top: 0px;
      width: 100%;
    }
    
    #Application	#results .resultsBanner	{
      padding: 0;
    }
    
    #Application	#results .resultsBottom	{
      padding: 5px 20px 10px 17px;
    }
    
    #Application	#results .resultsCopy	{
      padding: 20px 24px 10px 24px;
    }
    
    #Application	#results .resultsCopy h1	{
      font-size: 16px;
      font-weight: bold;
      color: #4c98da;
    }
    
    #Application	#resultsTable	{
      width: 60%;
    }
    
    #Application	#right-column2	{
      font-family: Arial, "sans-serif";
      font-size: 10px;
      color: #000000;
      background-color: #F0F0F0;
      padding-top: 24px;
      width: 213px;
    }
    /*  END of Team Power Smart / EMC Web CSS    */
    
    #Application	#scroll	{
      overflow: scroll;
      position: relative;
      z-index: 0;
      height: 180px;
      width: 100%;
    }
    
    #Application	#summaryTable	{
      width: 90%;
      margin: 0px auto;
    }
    /* Pop Up Boxes on the results pages */
    
    #Application	#tableHeader3	{
      font-size: 11px;
      color: #FFFFFF;
      font-weight: bold;
      background-color: #000066;
    }
    
    #Application	#tableHeader3 a	{
      /*TEXT-DECORATION: underline;*/
      COLOR: #ffffff;
      font-size: 12px;
      font-weight: bold;
    }
    
    #Application	#userEmail, #Application td	{
      font-size: 12px;
    }
    
    #Application	table #headerTabs td	{
      color: #ffffff;
      width: 100%;
      padding: 0px 5px 0px 15px;
      text-align: left;
      vertical-align: middle;
      border: 0px solid #000000;
    }
    /* 17OCT06 14:15 - New declaration added;
            this will control text decoration/hover of the links in the tabs in the  outage_area.html & muni_map.html pages */
    
    #Application	ul #rating	{
      margin: 0;
      padding: 0;
    }
    
    #Application	#tableHeader3 a:hover	{
      /*TEXT-DECORATION: underline;*/
      
      font-size: 12px;
      font-weight: bold;
    }
    
	#Application	.breadcrumb A:hover	{
      
      /*TEXT-DECORATION: underline;*/
    }
    
	#Application	.errorAndConfirmTextSmall a:hover	{
      
      /*TEXT-DECORATION: underline;*/
      font-size: 12px;
    }
    
	#Application	.headerMain a, 
	#Application	.headerMain a:link, 
	#Application	.headerMainBlue a, 
	#Application	.headerMainBlue a:link, 
	#Application	.headerDarkBlue a, 
	#Application	.headerDarkBlue a:link, 
	#Application	.optionsHeaderDarkBlue a, 
	#Application	.optionsHeaderDarkBlue a:link	{
      /*TEXT-DECORATION: underline;*/
      text-align: right;
      font-size: 11px;
    }
    
	#Application	.headerMain a:hover, 
	#Application	.headerDarkBlue a:hover, 
	#Application	.optionsHeaderDarkBlue a:hover	{
      /*TEXT-DECORATION: underline;*/
      text-align: right;
      font-size: 12px;
    }
    
	#Application	.hover a:hover	{
      
      /*TEXT-DECORATION: underline;*/
      font-size: 12px;
    }
    /* ---------------------- RoundedTableOutlineTopLeft ----------------------- */
    
	#Application	.hover a:link	{
      
      /*TEXT-DECORATION: underline;*/
      font-size: 12px;
    }
    
	#Application	.lightBlueTableBackground a:hover, 
	#Application	.lightBlueTableRightCorner a:hover, 
	#Application	.errorAndConfirmTextSmall a:hover, 
	#Application	.toolsButton a:hover, 
	#Application	.profile a:hover, 
	#Application	.buttons a:hover, 
	#Application	.blueboxListLightBlue a:hover, 
	#Application	.blueboxListMedBlue a:hover, 
	#Application	.blueboxListFooterLeft a:hover, 
	#Application	.blueboxListFooter a:hover	{
      
      /*TEXT-DECORATION: underline;*/
      font-size: 12px;
    }
    
    #Application a:hover, 
	#Application	.whiteTableBackground a:hover, 
	#Application	.whiteTableBackgroundLeftCorner a:hover, 
	#Application	.whiteTableBackgroundAlignRight a:hover, 
	#Application	.lightBlueTableLeftCorner a:hover, 
	#Application	.lightBlueTableRightCorner a:hover, 
	#Application	.lightBlueTableBackgroundBottom a:hover, 
	#Application	.lightBlueTableBackgroundBottom2 a:hover, 
	#Application	.toolsButton a:hover, 
	#Application	.blueboxLandingFooter a:hover	{
		/*TEXT-DECORATION: underline;*/
		font-size: 12px;
    }
    
	#Application	table #headerTabs td a:hover	{
      /*TEXT-DECORATION: underline;*/
    }
    /* 17OCT06 15:00 - New declaration added;
            this will control text and layout of the star & yield symbols for the outage ratings in the  outage_area.html & muni_map.html pages */
            
        
/*  End of TEAM Power Smart/EMCWEB CSS  */









/* BLUEBOX */
    
	#Application	.bbRedText	{
		color: #F7207B;
		font-size: 11px;
		padding: 10px 10px 0px 10px;
    }
	
	#Application	.bbSummary	{
		background-position: center middle;
		background-repeat: no-repeat;
		width: 85%;
		height: 55px;
    }
 /********************  Bluebox Detailed Graphs ****************************/
	#Application	.blueboxDetailedGraphHeader	{
    background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 15px; /*** was 12px changed Aug 25 by ZZ **/
      font-weight: normal; /*** was bold changed Aug 25 by ZZ **/
	  padding:0px;
      height: 25px;
    }
    
	#Application	.blueboxDetailedGraphHeaderLeft	{
    background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;
    }
    
	#Application	.blueboxDetailedGraphHeaderRight	{
	  background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;
    }
    
	#Application	.blueboxDetailedGraphMiddle	{
      padding: 0px 10px 0px 10px;
    }
 

	#Application	.blueboxDetailedGraphFooter	{
      border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxDetailedGraphFooterLeft	{
      border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxDetailedGraphFooterRight	{
      border-bottom: 1px solid #ccc;
    }
    

 /******************** End Bluebox Detailed Graphs ****************************/
	
/*	#Application	.blueboxFooter	{
      background-color: #F2F2F2;
      background-image: url(../../image/blueboxHeaderBackground.gif);
      background-position: center bottom;
    }
    
	#Application	.blueboxFooterLeft	{
      background-color: #F2F2F2;
      background-image: url(../../image/blueboxHeaderBackground.gif);
      background-repeat: no-repeat;
      background-position: left bottom;
    }
    
	#Application	.blueboxFooterRight	{
      background-color: #F2F2F2;
      background-image: url(../../image/blueboxHeaderBackground.gif);
      background-repeat: no-repeat;
      background-position: right bottom;
    }
*/    
	#Application	.blueboxH1	{
		FONT-WEIGHT: normal; /**was bold and changed Aug 25****/
		font-size: 15px; /**was 12px and changed Aug 25****/
		COLOR: #000000;
		padding: 0px;
		margin-top: 0px;
    }   

    
	#Application	.blueboxHeader	{
		font-weight: bold;
		background-color: #F2F2F2;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 21px;
    }
    
    /***New added Aug 25 by ZZ**/
    #Application	.blueboxHeader .help	{
		FONT-WEIGHT: normal;
		font-size: 15px; 
		COLOR: #000000;
		padding: 0px;
		margin-top: 0px;
    }
    
	#Application	.blueboxHeaderLeft	{
      font-weight: bold;
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxHeaderRight	{
      font-weight: bold;
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxHeader_explain	{
      font-size: 12px;
      COLOR: #333333;
      HEIGHT: 30px;
    }
    
/*	#Application	.blueboxLandingFooter	{
      height: 46px;
      background-color: #A5CFEF;
      font-weight: bold;
      vertical-align: middle;
      text-align: center;
    }
    
	#Application	.blueboxLandingFooterLeft	{
      background-color: #A5CFEF;
      background-image: url(../../image/blueboxLandingFooterBackground.gif);
      background-repeat: no-repeat;
      background-position: left bottom;
    }
    
	#Application	.blueboxLandingFooterRight	{
      background-color: #A5CFEF;
      background-image: url(../../image/blueboxLandingFooterBackground.gif);
      background-repeat: no-repeat;
      background-position: right bottom;
    }
*/  

/************* Bluebox Tips ********************/
	#Application	.blueboxListFooter	{
      BACKGROUND-COLOR: #ffffff;
	  border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxListFooterLeft	{
      BACKGROUND-COLOR: #ffffff;
      TEXT-ALIGN: right;
	  border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxListFooterRight	{
      BACKGROUND-COLOR: #ffffff;
	  border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxListHeader	{
	  background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;

    }
    
	#Application	.blueboxListHeaderLeft	{
	  background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;
      PADDING-LEFT: 10px;
    }
    
	#Application	.blueboxListHeaderRight	{
      background-color: #F2F2F2;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-size: 12px;
      font-weight: bold;
    }
    
	#Application	.blueboxListLightBlue	{
      BACKGROUND-COLOR: #FFFFFF;
    }
    
	#Application	.blueboxListLightBlue p, 
	#Application	.blueboxListMedBlue p, 
	#Application	.blueboxListLightBlue p strong, 
	#Application	.blueboxListMedBlue p strong, 
	#Application	.blueboxListMedBlue ul li, 
	#Application	.blueboxListLightBlue ul li	{
    font-size: 12px;
    }
    
	#Application	.blueboxListMedBlue	{
      BACKGROUND-COLOR: #FFFFFF;
	  border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    
	#Application	.blueboxTableBackground	{
      background-color: #FFFFFF;
      border-left: 0px solid #F2F2F2;
      border-right: 0px solid #F2F2F2;
      border-bottom: 1px solid #F2F2F2;
    }

/*  End of BLUEBOX  */








/*  TEAM Power Smart */
    
	#Application	.bigBlueTeamPSmessage	{
      color: #00A1F3;
      font-size: 24px;
      font-weight: bold;
    }
    
	#Application	.bigLightBlueTeamPSmessage	{
      color: #12C3F8;
      font-size: 24px;
      font-weight: bold;
    }
    
	#Application	.city	{
      color: #006193;
      font-weight: bold;
    }
    
	#Application	.communityGoal	{
      background-position: center bottom;
      background-image: url(../../image/spring_progress_bottom_single_background.gif);
      height: 90px;
      vertical-align: middle;
    }
    
	#Application	.goalLeft	{
      background-position: left bottom;
      background-image: url(../../image/spring_progress_bottom_background.gif);
      height: 90px;
      vertical-align: top;
    }
    
	#Application	.goalRight	{
      background-position: right bottom;
      background-image: url(../../image/spring_progress_bottom_background.gif);
      height: 90px;
      vertical-align: top;
    }
    
	#Application	.howAmIDoing	{
      border-bottom: 1px solid #A6DEFB;
      padding: 5px 0px 5px 0px;
      margin-bottom: 10px;
    }
    
	#Application	.inset	{
      width: 345px;
      padding: 0 0 9px 2px;
      margin-top: 10px;
      min-height: 100px;
      height: auto !important;
    }
    
	#Application	.inset img	{
      margin-right: 5px;
    }
    
	#Application	.inset p	{
      margin: 0;
      font-size: 11px;
    }
    
	#Application	.joinTeampsBlurb	{
      border-bottom: 1px solid #A6DEFB;
      padding: 8px 0px 8px 0px;
      margin-bottom: 10px;
      font-size: 11px;
    }
    
	#Application	.join_bullets li	{
/*      font-size: 12px;	*/
      color: #fff;
      margin-right: 10px;
    }
    
	#Application	.join_percent	{
      color: #FFFFFF;
      text-align: center;
      font: bold 32px Arial, sans-serif;
    }
    
	#Application	.join_rollover td	{
      vertical-align: middle;
    }
    
	#Application	.join_rollover td ul	{
      margin: auto 30px auto 10px;
    }
    
	#Application	.join_rollover_off	{
      background-image: url(../../image/spring_join_rollover_off.gif);
      background-repeat: no-repeat;
      height: 66px;
      width: 400px;
    }
    
	#Application	.join_rollover_on	{
      background-image: url(../../image/spring_join_rollover_on.gif);
      background-repeat: no-repeat;
      height: 66px;
      width: 400px;
      cursor: pointer;
    }
    
	#Application	.leftColumn	{
      background-color: #FFFFCC;
      padding: 10px;
    }
    
	#Application	.myGoalLabel div, .soFarLabel div	{
      font-size: 12px;
      font-weight: bold;
      border-bottom: 1px solid #A5DCF2;
      margin-bottom: 10px;
    }
    
	#Application	.myGoalLabel, .soFarLabel	{
      font-weight: bold;
      padding: 5px 0px 0px 0px;
      color: #0099D8;
    }
    
	#Application	.notEmployee	{
      font-size: 11px;
      height: 23px;
      padding: 3px 10px 3px 10px;
      background-color: #cccccc;
      border-top: 3px solid #ffffff;
      border-bottom: 3px solid #ffffff;
    }
    
	#Application	.percentSign	{
	color: #939393;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 36px;
    }

	#Application	.percentSignAmber	{
		color: #FFB82D;
		font-family: Arial, sans-serif;
		font-size: 36px;
		vertical-align: top;
    }
    
	#Application	.percentSignGreen	{
		color: #5CAD33;
		font-family: Arial, sans-serif;
		font-size: 36px;
		vertical-align: top;
    }
    
	#Application	.percentSignRed	{
		color: #D63333;
		font-family: Arial, sans-serif;
		font-size: 36px;
		vertical-align: top;
    }

	#Application	.percentValue	{
		color: #939393;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 36px;
    }

	#Application	.progress	{
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      background-image: url(../../image/progress_background.gif);
      background-repeat: repeat-x;
      height: 23px;
      color: #0099D8;
      padding-left: 10px;
      vertical-align: middle;
    }
    
	#Application	.rightColumn	{
      background-color: #E6F5FD;
      padding: 10px;
    }
    
	#Application	.sectionHeader	{
      padding: 8px 0px 8px 0px;
      margin-bottom: 10px;
    }

	#Application	.seeLink	{
      border-bottom: 1px solid #A6DEFB;
      padding-bottom: 8px;
      margin-bottom: 10px;
      font-size: 11px;
      text-align: right;
    }
    
	#Application	.seeLink a	{
      color: #00A1F3;
      text-decoration: none;
    }
    
	#Application	.soFarAmber .soFarArrow	{
		background-image: url(../../image/less_electricity_spring2008.gif);
		width: 38px;
		height: 46px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarGreen .soFarArrow	{
		background-image: url(../../image/less_electricity_spring2008.gif);
		width: 38px;
		height: 46px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarRed .soFarArrow	{
		background-image: url(../../image/bbSoFarRedArrow.gif);
		width: 38px;
		height: 46px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarAmber .soFarText	{
		background-image: url(../../image/soFarBlueText.gif);
		width: 75px;
		height: 11px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarGreen .soFarText	{
		background-image: url(../../image/soFarBlueText.gif);
		width: 75px;
		height: 11px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarRed .soFarText	{
		background-image: url(../../image/soFarRedText.gif);
		width: 75px;
		height: 11px;
		background-repeat:no-repeat;
	}
    
	#Application	.soFarAmber .percentValue	{	color: #FFB82D;	}
	#Application	.soFarGreen .percentValue	{	color: #00ADEF;	}
	#Application	.soFarRed .percentValue	{	color: #D63333; }

    #Application	.soFarAmber .percentSign	{	color: #FFB82D;	}
    #Application	.soFarGreen .percentSign	{	color: #00ADEF;	}
    #Application	.soFarRed .percentSign	{	color: #D63333;	}

    #Application	.goalText		{
		background-image: url(../../image/goalText.gif);
		width: 75px;
		height: 11px;
		background-repeat:no-repeat;
	}
    
    #Application	.teamPSmessage	{
      font-size: 11px;
      margin-top: 5px;
    }
    
    #Application	.topCommunities	{
      border-bottom: 1px solid #A6DEFB;
      padding: 8px 0px 8px 0px;
      margin-bottom: 10px;
    }
    
    #Application .join_percent	{/* TEMP FIX */
      font: bold 32px Arial, sans-serif;
    }
    
    #Application	h1.pageTitle	{     margin: 0px 10px 0px 10px;    }
    
    #Application	#topCommunity a	{
      color: #00A1F3;
      text-decoration: none;
    }
    
    #Application	#topCommunity, 
	#Application	#topCommunity td	{	font-size: 11px;    }
    
    #Application	#topCommunity a:hover, 
	#Application	.seeLink a:hover	{
      color: #00A1F3;
      /*TEXT-DECORATION: underline;*/
    }
	/*  required class used for GC application only added aug 8*/
	#Application .required{
		color:#f00;
	}
/*  End of TEAM Power Smart  */


/* EXTRANET SPECIFIC STYLES */


	/* EXTRANET NAV */
	
    #sidebar table		{		margin-left: 15px;	}
	
    #sidebar		{		padding: 15px;	}
	
    .headerlabel		{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
    .sidenavbkg		{}
	
    .sidenavcontainer	{		text-align: left;	}
	
    .sidenavcontainer	a	{	}
	
    a.sidenav		{
		padding-top: 4px;
		padding-bottom: 4px;
		display: block;
	}
	
    a.sidenavsub		{
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		display: block;
	}
	
	/* 	End of EXTRANET NAV  */

    #Application .contentd		{}

    .contentcell2 a		{	color:#FFFFFF;	}

    #Application .contentcell4		{}

    #Application .contentcell6		{}

    #Application .headingtitle		{
		font-weight: bold;
		font-size: 14px;
		padding: 5 0;
	}

    #Application .sectiontitle		{}

    #Application .titlecell		{}

    #Application .smalltext		{	font-size: 10px;	}

    #Application .buttonSmall		{}

	#Application .errormsg {
	  color:#ff0000;
	  font-weight:bold;
	}


/* ----ORS-----*/

#mediaMessages {
      padding:1ex;
      height: 100px;
      overflow: auto;
}

#mediaMessageContainerMainPage #mediaMessages{
      padding:1ex;
      height: auto;
      overflow:visible;

}

.bgBodyCell {/*background: url(../../image/outage_bottom_centre.jpg) repeat-x; */}
 
.mediaMessageBackground{
      background: url(../../image/outage_bottom_centre.jpg) repeat-x;
      border-left: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
}

.safariWarning{
      color: red; 
}

/* ****************** ORS Message Area  ******************** */
 
#bgHeader {background: url(../../image/outage_top_centre.jpg) repeat-x;}

#bgHeaderRight {background: url(../../image/outage_corner_topRight.jpg) repeat-x;}

#bgHeaderLeft {background: url(../../image/outage_corner_topLeft.jpg) repeat-x;}

#bgHeaderAngleRight{
      background: url(../../image/outage_corner_angleRight.jpg) no-repeat;
      background-position:right;}

table tr.bgBody {background: url(../../image/outage_bottom_centre.jpg) repeat-x; }

.messageBodyTable {border-left: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid;}

table tr.bgBody td table td {border: 0;}

hr {border-right: 0px; border-bottom: 0px; border-left: 0px; height: 1px}

td p {margin: 8px 0;}

div#messageBody table.icons {margin-top: 15px; text-align: center;}

.bgNo {background: #fff; border-bottom:1px solid #CCCCCC;}

/* ****************** end Message Area  ******************** */

 #mediaMessages .mmsg {
      margin-bottom:1ex;
}
 
#mediaMessages .mmdate {
      float:left;

}

#mediaMessages .mmarea {
      margin-left: 13ex;
      font-weight:bold;
}

#mediaMessages .mmtext {
      margin-left: 13ex;
}

#mediaMessages .mmurl {
      margin-left: 13ex;
      padding-top: 0.5ex;

}

#mediaMessageFooter{
      text-align:right;
      padding: 1ex;
}

#mediaMessageContainer{

}


/*--PERCENT SELECT INTERNAL STYLE -- was in percents.css--*/


#callout-5, #callout-10, #callout-15, #callout-20
{
	position:absolute;
	float:left;
	z-index:1000000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-90px; /***was -108px changed Aug 27 by ZZ***/
	margin-left:78px;
	padding: 0;
}
	
.teamps-callout .percent_content	{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align:left;
	background-image:url(/images/powersmart/balloonbg.gif);
	background-repeat:repeat-y;
	color:#ffffff;	
}

#makediff table td {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 11px;
	color: #000000;
}

#makediff table td a {
	color: #00A1F3;
	text-decoration: none;
}

#makediff table td a:hover {
	text-decoration: underline;
}

.teamps-callout {
	position: absolute;
	display: none;
	width: 211px;		
}
/***new adding Aug 22 by ZZ***/
.teamps-top-blue {
	background-image:url(/images/powersmart/teamps_callout_top_blue.gif);
	width: 211px;
	height:18px;
	background-repeat:no-repeat;
	}
.percentbgtop {
	background-image:url(/images/powersmart/percentbgtop.png);	
	width: 352px;
	height:7px;
	background-repeat:no-repeat;
	}
.percentbgbottom {
	background-image:url(/images/powersmart/percentbgbottom.png);	
	width: 352px;
	height:7px;
	background-repeat:no-repeat;
	}
.teamps_top{
	vertical-align: top;
	padding:0;
	margin:0;	
	}
.teamps table, .teamps ul
	{
	padding:0px;
	margin:0px;
	}
/***end new****/


/*	PSCC2 Update	*/

#callout-200805, #callout-200810, #callout-200815, #callout-200820
{
	position:absolute;
	float:left;
	z-index:1000000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	margin-top:-110px;
	margin-left:78px;
	padding: 0;
}
.pscc2-callout {
	position: absolute;
	display: none;
	width: 211px;
}
.pscc2-callout .percent_content_external	{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align:left;
	background-image: url(../../image/pscc2_balloonbg.gif);
	background-repeat:repeat-y;
	color:#ffffff;
	font-size:12px;
}

.pscc2-top-blue {
	background-image:url(../../image/pscc2_callout_top.gif);
	width: 211px;
	height:18px;
	background-repeat:no-repeat;
}


/* 	removed June 24 to correct a spacing error inconsistency Firefox and IE. This code was copied from 
	the TEAMPS sectyion above, but I can't find any good reason why it was here in the first place. - KD

* html .pscc2-callout .content	{	margin-top:-20px;	}
*+html .pscc2-callout .content	{	margin-top:-20px;	}

*/

/*	end PSCC2 Update	*/

		







/* ********** FIXES LINE SPACING INTRODUCED IN SEPT 9 GLOBAL.CSS  ********** */
/* added Sept 26 by KD.  */
	#bcMain #bodyContent {
	/* 	Corrects a formatting error in the "ElectricBoxes" caused by 
		fixing this line height to 15px in the global.css file. Sept 25, KD*/
		line-height: normal;
	}

/* ********** end FIXES LINE SPACING ********** */





/* ********** FIXES FOR SIDENAV FORMATTING ISSUES ********** */

	#sideBar #sideNav ul.bctier1,
	#sideBar #sideNav ul.bctier2,
	#sideBar #sideNav ul, 
	#sideBar #sideNav ul li,
	#sideBar #sideNav ul ul, 
	#sideBar #sideNav ul ul li, 
	#sideBar #sideNav ul ul ul,
	#sideBar #sideNav ul ul ul li,
	#sideNav ul li.highlighted,
	#sideNav ul li.highlighted ul	{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#sideBar #sideNav a	{
		margin-top: 6px;
		padding-bottom: 6px;
		display: block;
	} 

/* ********** end FIXES FOR SIDENAV FORMATTING ISSUES ********** */