/*  Used in body frame */
.mainBody {background-color: #FFFFFF;}

/* Used in table cells for centered titles and headers */
.pageTitleCenter  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #CC0000; 
	font-size: 30px;
	font-weight: bold; 
	text-align: center;}
	
.pageTitleCenterBlack  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000; 
	font-size: 30px;
	font-weight: bold; 
	text-align: center;}
	
	/* Used in table cells for left justified titles and headers */
.pageTitleCenterSmall  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #CC0000;
	font-size: 20px;
	text-align: center;
	font-weight: bold;}
	
	/* Used in table cells for left justified titles and headers */
.pageTitleCenterSmallest  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #CC0000;
	font-size: 15px;
	text-align: center;
	font-weight: bold;}
	
/* Used in table cells for left justified titles and headers */
.pageTitleLeft  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #CC0000;
	font-size: 20px;
	font-weight: bold;}
	
.pageTitleLeftBlack  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000;
	font-size: 20px;
	font-weight: bold;}
	
	/* Used in table cells for left justified titles and headers */
.pageTextBlue  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000080;
	font-size: 15px;
	font-weight: bold;
	style: margin-left: 22;}
	
	/* Used in table cells for left justified titles and headers */
.pageTextBlueCenter  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000080;
	font-size: 15px;
	text-align: center;
	font-weight: bold;}
	
		/* Used in table cells for left justified titles and headers */
.pageTextBrown  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #996600;
	font-size: 15px;
	font-weight: bold;
	style: margin-left: 22;}
	
		/* Used in table cells for left justified titles and headers */
.pageTextBlack  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	style: margin-left: 22;}
	
.pageTextBlackNormal  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	style: margin-left: 22;}
	
.pageTextBlackNormal2  {
    background-color: #CCCCCC; 
	font-family: Arial; 
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	style: margin-left: 22;}
	
.pageTextBlack2  {
    background-color: #CCCCCC; 
	font-family: Arial; 
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	style: margin-left: 22;}

.pageTextBlack3  {
    background-color: #CCCCCC; 
	font-family: Arial; 
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	style: margin-left: 22;}


		/* Used in table cells for left justified titles and headers */
.pageTextRed  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #CC0000;
	font-size: 17px;
	font-weight: bold;
	style: margin-left: 22;}
	
.pageTextRed2  {
    background-color: #CCCCCC; 
	font-family: Arial; 
	color: #CC0000;
	font-size: 17px;
	font-weight: bold;
	style: margin-left: 22;}
	
		/* Used in table cells for left justified titles and headers */
.pageTextWhite  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #FFFFFF;
	font-size: 12px;
	style: margin-left: 22;}
	
			/* Used in table cells for left justified titles and headers */
.pageTextWhiteWeight  {
    background-color: none; 
	font-family: Arial;
	font-weight: 500; 
	color: #CCCCCC;
	font-size: 13px;
	text-align: center;}
	

/* Used in table cells to center objects */
.objectCenter  {
    background-color: #FFFFFF;
	align: center;
	width: 100%; 
	font-family: Arial; 
	color: #000000; 
	font-size: 30px;
	font-weight: bold; 
	text-align: center;}
	
/* Used in table cells to left justify objects  */
.objectLeft  {
    background-color: #FFFFFF;
	align: left; 
	font-family: Arial; 
	color: #990000; 
	font-size: 30px;
	font-weight: bold; 
	text-align: center;}

/* Used to generate a table */
.tableLeft  {	
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	width: 100%;
	bgcolor: #FFFFFF;
	colspan: 2;
	font-family: Arial; 
	font-size: 30px;
   	valign: top;
	height: 48;}
	
	/* Used to generate a small table */
.smallTableLeft  {	
	border: 0;
	cellpadding: 0;
	cellspacing: 0;
	width: 65%;
	bgcolor: #FFFFFF;
	colspan: 2;
	font-family: Arial; 
	font-size: 30px;
   	valign: top;
	height: 48;}
	
	/* Used to generate a table */
	<!--  <table border="1" width="70%" height="3004" cellpadding="3"> -->
.tableLeftBorder  {	
	border: 1;
	cellpadding: 3;
	cellspacing: 0;
	width: 70%;
	bgcolor: #FFFFFF;
	colspan: 2;
	font-family: Arial; 
	font-size: 30px;
   	valign: top;
	height: 3004;}
	
/* Used in table cells for centered titles and headers */
.paragraphTitleLeft  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000080; 
	font-size: 17px;
	font-weight: bold; 
	text-align: left;}
	
.paragraphTitleCenter {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000080; 
	font-size: 17px;
	font-weight: bold; 
	text-align: center;}
	
	/* Used in table cells for centered titles and headers */
.paragraphTextLeft  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000; 
	font-size: 17px;
	font-weight: bold; 
	text-align: left;
	valign: top;}
	
		/* Used in table cells for centered titles and headers */
.paragraphTextCenter  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000; 
	font-size: 17px;
	font-weight: bold; 
	text-align: center;
	valign: top;}
		/* Used in table cells for centered titles and headers */
.paragraphTextLeftNormal  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000; 
	font-size: 15px;
	text-align: left;
	valign: top;}
	
.paragraphTextCenterNormal  {
    background-color: #FFFFFF; 
	font-family: Arial; 
	color: #000000; 
	font-size: 15px;
	text-align: center;
	valign: top;}
	
/* Darker cell used for table cells that feature content and require text to be centered */
.windowbg    {
	background-color: #d6d8d3;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D4D4D4;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #D4D4D4;
}



/* Lighter cell used in conjunction with windowbg for tables requiring alternating rows of color and centered text */
.windowbg2    {
	background-color: #d6d8d3;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D4D4D4;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #D4D4D4;
}

/* Same as titlebg except text is not bolded, not used at this time */
.windowbg3    {
	background-color: #d6d8d3;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D4D4D4;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #D4D4D4;
}

/* Used in table cells for common cells that are left justified, structurally same as windowbg */
.windowbg4    {
	background-color: #d6d8d3;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	font-family: Arial;
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D4D4D4;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #D4D4D4;
}

.alarmOn     {
	background-color: red; 
	border-color: #999999 #414141 #414141 #999999; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	font-family: Arial; 
	color: #ffffff; 
	text-align: left;
	font-weight: bold;
	font-size: 12px;}
.alarmOn A {text-decoration: none; color: #ffffff;}
.alarmOn A:link {text-decoration: none; color: #ffffff;}
.alarmOn A:visited {text-decoration: none; color: #ffffff;}
.alarmOn A:hover {text-decoration: none; color: #D5D5D5;}

.alarmOff     {
	background-color: green; 
	border-color: #999999 #414141 #414141 #999999; 
	border-style: outset; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	font-family: Arial; 
	color: #ffffff; 
	text-align: left;
	font-weight: bold;
	font-size: 12px;}
.alarmOff A {text-decoration: none; color: #ffffff;}
.alarmOff A:link {text-decoration: none; color: #ffffff;}
.alarmOff A:visited {text-decoration: none; color: #ffffff;}
.alarmOff A:hover {text-decoration: none; color: #D5D5D5;}	


/* Used in table cells for titles and headers */
.titlebg  {background-color: #02283a; border-color: #FFFFFF #000000 #000000 #FFFFFF; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Arial; color: #FFFFFF; font-weight: bold; text-align: center;}

/* Unused at this time */
.catbg    {background-color: #40454C; border-color: #999999 #414141 #414141 #999999; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/* Used in the 'outside' table to create dark background for tables in body frame */
.bordercolor  {}

/* Navigation first tier button */
.cellA {
	font: 10px verdana, arial, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-indent: 3px;
	background-color: #02283a;
	cursor:auto;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #6B6B6B;
	border-right-color: #252525;
	border-bottom-color: #252525;
	border-left-color: #6B6B6B;
}
.cellA A {text-decoration: none; color: #ffffff;}
.cellA A:link {text-decoration: none; color: #ffffff;}
.cellA A:visited {text-decoration: none; color: #ffffff;}
.cellA A:hover {text-decoration: none; color: #D5D5D5;}

/* Navigation second tier button */
.cellB {
	font: 10px verdana, arial, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-indent: 3px;
	background-color: #afbcbf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor:auto;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #eeeeee;
	border-right-color: #444444;
	border-bottom-color: #444444;
	border-left-color: #eeeeee;
}
.cellB A {text-decoration: none; color: #000000;}
.cellB A:link {text-decoration: none; color: #000000;}
.cellB A:visited {text-decoration: none; color: #000000;}
.cellB A:hover {text-decoration: none; color: #000000;}

/* Navigation third tier button */
.cellC {
	font: bold 10px verdana, arial, sans-serif;
	color: #000000;
	text-decoration: none;
	text-indent: 3px;
	background-color: #d6d8d3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor:auto;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #999999;
	border-right-color: #414141;
	border-bottom-color: #414141;
	border-left-color: #999999;
}
.cellC A {text-decoration: none; color: #000000;}
.cellC A:link {text-decoration: none; color: #000000;}
.cellC A:visited {text-decoration: none; color: #000000;}
.cellC A:hover {text-decoration: none; color: #990000;}

/* Used for links in table cells (light grey links with white rollover) */
.cellLink {font: 10px verdana, arial, sans-serif; color: #D5D5D5; font-weight: bold; text-decoration: none; text-indent: 3px; cursor:hand;}
.cellLink A {text-decoration: none; color: #D5D5D5;}
.cellLink A:link {text-decoration: none; color: #D5D5D5;}
.cellLink A:visited {text-decoration: none; color: #D5D5D5;}
.cellLink A:hover {text-decoration: none; color: #ffffff;}

/* Used in table cells that are spacers and need to have the same color as the background */
.emptyCell {}

/* Used in any table */
TD {font-family: Arial; color: #FFFFFF}

/* Used in header tag for tables and anchors */
.headerCell {font: 10px verdana, arial, sans-serif; text-decoration: none; color: #D5D5D5; background-color: #02283a;}
.headerCell A {text-decoration: none; color: #D5D5D5;}
.headerCell A:link {text-decoration: none; color: #D5D5D5;}
.headerCell A:visited {text-decoration: none; color: #D5D5D5;}
.headerCell A:hover {text-decoration: none; color: #FFFFFF;}

/* Used in header for css options table */
.optionCell {font: 10px verdana, arial, sans-serif; text-decoration: none; color: #000000;}
.optionCell A {text-decoration: none; color: #000000;}
.optionCell A:link {text-decoration: none; color: #000000;}
.optionCell A:visited {text-decoration: none; color: #000000;}
.optionCell A:hover {text-decoration: none; color: #990000;}

/* The following tags are used in the appropriate BODY tag  */

/*  Used in header frame */
.headerBody	{background-color: #FFFFFF; margin: 0px;}

/* Used in table cells for titles and headers */
.headerbg  {background-color: #333333; border-color: #FFFFFF #000000 #000000 #FFFFFF; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Arial; color: #FFFFFF; font-weight: bold; text-align: center;}

/* Used in Navigation frame */
.navBody {background-color: #afbcbf; margin: 0px;}
.navbordercolor {}

/*  Used in READONLY text fields to provide the appearance of being "disabled" */
.readonlyBody {background-color: #d5d5d5;}

/* Used in event/fault management frame */
.eventBody {background-color: #000000;}

/* Used in special header frames for multi frame content areas */
.subHeadBody {background-color: #D5D5D5; margin: 1px;}

INPUT.buttonStyle{BACKGROUND-IMAGE:url(button.gif);BACKGROUND-REPEAT: repeat-x; WIDTH:auto}
 
/* Used in tabs linking to additional pages */
.taboff {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #02283a;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 12px;


}
.taboff A {
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}
.taboff A:link {text-decoration: none; color: #ffffff;}
.taboff A:visited {text-decoration: none; color: ##ffffff;}
.taboff A:hover {text-decoration: none; color: #d5d5d5;}
.taboffBorders {
	background-color: #02283a;
	text-decoration: none;
	font-weight: normal;
}
.tabon {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #d6d8d3;
	font-weight: bold;
	text-align: center;
}
.tabonBorders {

	background-color: #d6d8d3;
}
/* Used in local-remote frameset for status frames */
.ipAdd {font: 10px verdana, arial, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; text-indent: 3px;}