/* ========================================================================================= */
/* Exelon Color Palette from the branding website                                            */
/* ========================================================================================= 
Exelon DarkBlue { color:#184998; }
Exelon LightBlue { color:#0093D3; }
Exelon DarkOrange { color:#F15623; }
Exelon LightOrange { color:#F99B2F; }
Exelon DarkGreen { color:#008D48; }
Exelon LightGreen { color:#B9C53A; }

These ones might not be right - there were errors on the color palette site - check colors visibly before using:
Exelon Solid DarkBlue { color:#2372b9; }
Exelon Solid LightBlue { color:#0092b7; }
Exelon Solid DarkOrange { color:#f47b27; }
Exelon Solid LightOrange { color:#fdba63; }
Exelon Solid DarkGreen { color:#6ba543; }
Exelon Solid LightGreen { color:#d6e040; }
Exelon Solid DarkGray { color:#7e8083; }
Exelon Solid LightGray { color:#819096; }
*/
    
@media screen 
{
	
	/***********************************************************************************************/
	/*                                                                                             */
	/*       DEFINE GLOBAL SETTINGS HERE - STYLES THAT AFFECT MULTIPLE PAGES                       */
	/*                                                                                             */
	/***********************************************************************************************/

	/* This defines the "normal" font style and colors throughout the app */
	body, 
	select, 
	option, 
	input, 
	textarea, 
	td, 
	table tr td, 
	a
	{ font-size:8pt; font-family:Arial, Verdana, Sans-Serif;}

	html
	{height:100%;}
		
	/* body tag - background color may need to be lightened.  #f5f5dc=beige */
	body 
	{margin:0px; background-color:White; } 
	
	/* default to "no borders" for images */
	img
	{border:none;}
	
	/* standardize the height between IE6 and IE8 (IE8 is normally 17px) */
	/* chose 19 instead of 17 to keep things the same and because it's closer to a textbox's size of 20px */
	select	{height:19px;}
	
	/* Title at the top of each page */	
	/* MOVED TO BANNER.ASCX */
	/* .PageTitle  */
	/* {position: absolute; top: 15px; left:600px; color:Navy; font-size:12pt; font-weight:bold;} */
	
		
		
	/* ========================================================================================= */
	/* Misc CSS Helper Classes                                                                   */
	/* ========================================================================================= */			
		
	/* Large Text */
	.LargeText {font-size:14pt;}
	
	/* Bold Text */
	.Bold   {font-weight:bold;}
	
	/* Red Text */
	.RedText {color:Red;}
	
	/* Red Bold Text */
	.RedBoldText {color:Red; font-weight:bold;}
	
	/* Light Green Background - designates fields that are populated from external sources */
	.ImportField {background-color:#ccffcc;}
	
	/* Red alert that shows data was updated */
	.RedAlert {background-color:Red; color:White; font-weight:bold;}
	
	/* Use css class to set display none */
	.Hidden {display:none;}


	/***********************************************************************************************/
	/* GRID - Classes that define syles for a "Grid" or an HTML TABLE                              */
	/***********************************************************************************************/
	
	/* This is when you need a grid with steelblue header background and gray gridlines */
	.Grid
	{border:1px solid gray; border-collapse:collapse;  }
	
	.Grid tr /* All rows within a "Grid" */
	{background-color:white;} /* todo: change color */
	
	.Grid tr.GridRowAlternate
	{ background-color:#f0f0d0;} /* todo: change color */

	.Grid tr th /* Header Cells within a "Grid" (th elements) */,
	.Grid tr th a /* Header cells with sorting enabled (hyperlinks in the header) */
	{background-color:SteelBlue; color:White; font-weight:bold; font-size:9pt;}

	
	.Grid tr td,  /* Normal Cells within a "Grid " (td elements) */
	.Grid tr th
	{border:1px solid gray;}
	
	/* This is used when you need to have steelblue header background and gridlines.
    /* 8/9/2012:SHD: Maybe there should be a standard going forward between the two Grid CSS classes.  */
	.SteelBlueGrid
	{border:1px solid steelblue; border-collapse:collapse;  }
	
	.SteelBlueGrid tr /* All rows within a "Grid" */
	{background-color:oldlace;} /* todo: change color */
	
	.SteelBlueGrid tr.GridRowAlternate
	{ background-color:#f0f0d0;} /* todo: change color */

	.SteelBlueGrid tr th /* Header Cells within a "Grid" (th elements) */,
	.SteelBlueGrid tr th a /* Header cells with sorting enabled (hyperlinks in the header) */
	{background-color:steelblue; color:White; font-weight:bold; font-size:9pt;}

	.SteelBlueGrid tr td,  /* Normal Cells within a "Grid " (td elements) */
	.SteelBlueGrid tr th
	{border:1px solid steelblue;}
	
	
	/***********************************************************************************************/
	/* TABS - Classes that define syles for simulating "TABS"                                      */
	/***********************************************************************************************/
	
    .enabledTab {BORDER-TOP: darkblue solid 2px;border-left: darkblue solid 2px;border-right: darkblue solid 2px; font-weight:bold; color:steelblue; text-align:center; }
    .disabledTab{BORDER: darkblue solid 2px; font-weight:BOLD;background-color:#ddddcc;color:lightsteelblue; text-align:center;}
    .noTab {BORDER-BOTTOM: darkblue solid 2px; background-color:none;}			    
    
    .enabledTab A {font-size:10pt;}
    .enabledTab A:link {text-decoration: none; color:steelblue; }
    .enabledTab A:visited {text-decoration: none; color:steelblue; }
    .enabledTab A:hover {text-decoration: none; color:steelblue; }
    .enabledTab A:active {text-decoration: none; color:steelblue; }			
	
    .disabledTab A {font-size:10pt;}
    .disabledTab A:link {text-decoration: none; color:lightsteelblue; }
    .disabledTab A:visited {text-decoration: none; color:lightsteelblue; }
    .disabledTab A:hover {text-decoration: none; color:steelblue; }
    .disabledTab A:active {text-decoration: none; color:steelblue; }	
	
	

	/***********************************************************************************************/
	/*  FILTERS - CLASSES USED FOR THE "FILTERS" SECTION AT THE TOP OF MANY SCREENS                */
	/***********************************************************************************************/
	
	/* Main table that surrounds the entire filter section */
	.FiltersSection	
	{	
		width:100%;		
	}

	/* Main Background color for the filters */
	.FilterBackground
	{
		background-color: #eee8aa; /*palegoldenrod*/ 
		border: solid 1px #daa520; /*goldenrod*/
	}

	/* Text style for filter headings such as "filter" and "toolbox" */
	.FilterHeading
	{
		font-family:Arial;
		font-style:italic;
		font-size: 10pt;
	}
	
	.FilterInsideBackground
	{
		background-color:#fffacd;  /*lemonchiffon*/
		border-width:1px;
		border-style:solid;
		border-color:#daa520; /*goldenrod*/
	}
	
    /***********************************************************************************************/
	/*       VALIDATION SUMMARY AT TOP OF SCREEN                                                   */
	/***********************************************************************************************/
	
	.ValidationSummary
	{ border: 1px solid red; padding: none; width: 99%; background-color: papayawhip; margin:auto; }

    
    /***********************************************************************************************/
	/*       MODAL POPUP EXTENDER AJAX CONTROL                                                     */
	/***********************************************************************************************/	
	
	.modalBackground { background-color:white; filter:alpha(opacity=0); opacity:0.0; cursor:wait; }
	.modalBackgroundGray { background-color:gray; filter:alpha(opacity=50); opacity:50.0; }
	.modalPopup { background-color:#F0F8FF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; }	    
	
	
	/***********************************************************************************************/
	/*       MESSAGE BOX - Format a div or asp:panel like a MsgBox                                 */
	/***********************************************************************************************/	
   
    .msgboxModalBackgroundDefault{ background-color:Transparent;	filter:alpha(opacity=30);	opacity:0.3;}
	.msgboxDefault{ padding: 0px;    border: 2px solid #0051E7;    background-color:#FFFFFF;   vertical-align: middle;    text-align: center;
					 position: absolute;    font-weight: normal;    font-family: Arial;    font-size: 11px; }
	.msgboxCaptionDefault{ background-color: #0051E7;    color: #FFFFFF;    font-weight: bold;    text-align: left;    padding: 3px;}	
    
    
    /***********************************************************************************************/
	/*       BUTTON STYLES - Hover, Focus, Disabled, Normal, Depressed                             */
	/***********************************************************************************************/
	
	


    /***********************************************************************************************/
	/*       NEXT SECTION GOES HERE                                                                */
	/***********************************************************************************************/

	.hideForMenu {}


	/***********************************************************************************************/
	/*                                                                                             */
	/*       END OF SCREEN CLASSES                                                                 */
	/*                                                                                             */
	/***********************************************************************************************/
}




/*=========================================================================================================================*/




@media print 
{

	/***********************************************************************************************/
	/*                                                                                             */
	/*       PRINTED STYLES - NORMALLY USED TO HIDE SECTIONS WHEN PRINTING                         */
	/*                                                                                             */
	/***********************************************************************************************/

		/* Main Body - everything is sized and scaled together.  Works in IE only */
		BODY {width:2050px; height:590px; zoom:60%; background-color:white; }

		
		/* Main print class. Set class=NoPrint to remove from the printed output */
		.NoPrint { display:none; }
	
	
		/***********************************************************************************************/
		/* TABS - Classes that define syles for simulating "TABS"                                      */
		/***********************************************************************************************/
		.enabledTab {BORDER-TOP: darkblue solid 2px;BORDER-LEFT: darkblue solid 2px;BORDER-RIGHT: darkblue solid 2px; FONT-WEIGHT:bold; color:steelblue; text-align:center; }
		.disabledTab{BORDER: darkblue solid 2px; FONT-WEIGHT:BOLD;background-color:#ddddcc;color:lightsteelblue; text-align:center;}
		.noTab {BORDER-BOTTOM: darkblue solid 2px; background-color:none;}			    
	    
		.enabledTab A {font-size:10pt;}
		.enabledTab A:link {TEXT-DECORATION: none; color:steelblue; }
		.enabledTab A:visited {TEXT-DECORATION: none; color:steelblue; }
		.enabledTab A:hover {TEXT-DECORATION: none; color:steelblue; }
		.enabledTab A:active {TEXT-DECORATION: none; color:steelblue; }			
		
		.disabledTab A {font-size:10pt;}
		.disabledTab A:link {TEXT-DECORATION: none; color:lightsteelblue; }
		.disabledTab A:visited {TEXT-DECORATION: none; color:lightsteelblue; }
		.disabledTab A:hover {TEXT-DECORATION: none; color:steelblue; }
		.disabledTab A:active {TEXT-DECORATION: none; color:steelblue; }	
		
		
		

}