/*
 * Copyright 2004-2012 by Eaton Corporation. All Rights Reserved.
 *
 * User Cascading Style Sheet for Foreseer WebViews Version 5.2
 * Version 1.11
 *
 * 1.00 05/27/09 CBehrens:	Initial release
 * 1.10 05/27/09 MDiRosa:	Enabled content resize
 * 1.11 05/27/09 CBehrens:	Disabled content resize. Revised most channel, text, folder, and hyperlink styles. Added hover styles for all folders and hyperlinks.
 *
 */

 
/*
 * the background color of a new page
 */

DIV.bgDiv		{ background-color:#000000; position:absolute; left:0px; top:0px; z-index:1; }


/*
 * Different OS's (XP, 2000, 2003) and different desktop settings will
 * give you different viewable areas in your browser window. IE will 
 * always have a vertical scroll bar even if it doesn't use it (it will
 * be disabled but still visible and taking up horizontal space). Here
 * are some examples for XP:
 *
 * Windows XP:
 *  display 1024x768, IE6 with small icons, taskbar always visible has
 *  a viewable area of 1003x603 
 *  display 1280x1024, IE6 with small icons, taskbar always visible has
 *  a viewable are of 1259x863
 *  display 1920x1080, IE6 with small icons, taskbar always visible has
 *  a viewable are of 1899x914
 * DefaultViewSize defines your target what display resolution you think
 * will be the most widely used (or required) in your environment. This
 * is the size that you used to design your pages.
 */

#DefaultViewSize	{ width:1920px; height:938px; }


/*
 * The following styles define the alarm states as object colors.
 * BACKGROUND-COLOR is the background and COLOR is the color of
 * the text. In both cases, color is a hex number indicating the
 * intensity of the red, green, and blue values as RRGGBB (e.g.
 * #FF0000 is the brightest red, #00FF00 is the brightest green).
 * #000000 is black, #FFFFFF is white, and #777777 is middle gray.
 *
 * NOTE: All colors MUST use the full 6 digit format. The 3 digit
 * short format CANNOT be used. 
 */

#Normal			{ background-color:#007F00; color:#FFFFFF; }	/* green background - white text */
#Disabled		{ background-color:#7F007F; color:#FFFFFF; }	/* purple background - white text */
#Disarmed		{ background-color:#00FFFF; color:#000000; }	/* cyan background - black text */
#Acknowledged	{ background-color:#0000FF; color:#FFFFFF; }	/* blue background - white text */
#Cautionary		{ background-color:#FFFF00; color:#000000; }	/* yellow background - black text */
#Critical		{ background-color:#FF0000; color:#FFFFFF; }	/* red background - white text */
#NoData			{ background-color:#C3C3C3; color:#000000; }	/* light gray background - black text */




/*
 * Enable/disable the alarm notification dialog.
 * Set the value to true (1) to display a popup window when a new alarm
 * occurs. Set the value to false (0) to disable alarm notification.
 */

#AlarmNotification	{ z-index:0; }

#ContentResize             { z-index:1; }

body                {background-color:#000000; }



/*
 * The Breadcrumbs line - default is white uppercase text on a black background
 */

DIV.breadcrumbs		{ width:770px; background-color:transparent; white-space:nowrap; overflow:hidden; }
SPAN.breadcrumbs	{ padding:0px 0px 0px 7px; font-family:Calibri,Tahoma,sans-serif; font-size:11px;font-weight:bold;text-transform:uppercase; color:#FFFFFF; }
A.breadcrumbs		{ color:#FFFFFF; }


/*
 * Date/Time - default is white text on a transparent background
 */

DIV.dateTime		{ font-family:Calibri,Arial,sans-serif; font-size:11px; color:#FFFFFF; text-align:right; float:right; white-space:nowrap; overflow:hidden; padding:0px 1px 0px 0px; }


/*
 * Hyperlink objects
 */

A.Hlink0		{ border:3px outset #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:#000000; 
			 font-size:18px; font-family:Calibri,Tahoma,Arial,sans-serif; font-weight:bold;}

A.Hlink0:hover		{border:3px outset #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink1		{ border:3px outset #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:#000000; 
			 font-size:12px; font-family:Calibri,Tahoma,Arial,sans-serif; font-weight:bold;}

A.Hlink1:hover		{border:3px outset #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink2		{ border:2px outset #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:#000000; 
			 font-size:9px; font-family:Calibri,Tahoma,Arial,sans-serif; font-weight:bold;}

A.Hlink2:hover		{border:2px outset #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink3		{ border:1px solid #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:transparent; 
			 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Hlink3:hover		{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink4		{ border:1px solid #000000; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:transparent; 
			 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Hlink4:hover		{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink5		{border:0px none; overflow:hidden;text-align:center;
		 	padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;
		 	font-size:18px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
			background-image: url(/support/images/static/foldershiny-5.png);background-repeat: no-repeat;}				
				 
A.Hlink5:hover		{background-image: url(/support/images/static/folderhover-5.png);background-repeat: no-repeat;
			text-decoration:none;}

A.Hlink6		{border:0px none; overflow:hidden;text-align:center;
		 	padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;
		 	font-size:14px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
			background-image: url(/support/images/static/foldershiny-6.png);background-repeat: no-repeat;}				
				 
A.Hlink6:hover		{background-image: url(/support/images/static/folderhover-6.png);background-repeat: no-repeat;
			text-decoration:none;}

A.Hlink7		{border:0px none; overflow:hidden;text-align:center;
		 	padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;
		 	font-size:10px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
			background-image: url(/support/images/static/foldershiny-7.png);background-repeat: no-repeat;}				
				 
A.Hlink7:hover		{background-image: url(/support/images/static/folderhover-7.png);background-repeat: no-repeat;
			text-decoration:none;}

A.Hlink8		{border:0px none;overflow:hidden;text-align:center;
		 	 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;opacity=0.80;
		 	 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Hlink8:hover          {opacity=0.70; text-decoration:none;}

A.Hlink9		{border:0px none;overflow:hidden;text-align:center;
		 	 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;opacity=0.60;
		 	 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Hlink9:hover          {opacity=0.50; text-decoration:none;}

A.Hlink10		{border:0px none;overflow:hidden;text-align:center;
		 	 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:#000066;opacity=0.40;
		 	 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Hlink10:hover          {opacity=0.30; text-decoration:none;}

A.Hlink13		{ border:1px solid #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#ccffff; background-color:#000066; 
			 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; }

A.Hlink13:hover		{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink14		{ border:1px solid #FFFFFF; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#ccffff; background-color:transparent; 
			 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; }

A.Hlink14:hover		{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink15		{ border:1px solid #000; overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:##000066; background-color:#FFF; 
			 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; z-index:40; }

A.Hlink15:hover		{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00}

A.Hlink16		{overflow:hidden; text-align:center; 
			 padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:transparent;
                         font-size:12px;font-family:Calibri,Tahoma,sans-serif; font-weight:bold;}

A.Hlink16:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink17 		{border:3px none;overflow:hidden;text-align:center;background-color:transparent;padding:3px 2px 3px 2px;
			 white-space:nowrap;color:#ccffff;font-size:14px;font-weight:bold;letter-spacing:1px;
			 font-family:Calibri,Arial,sans-serif;font-style:normal;text-align:center;}

A.Hlink17:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink18		{border:3px none;overflow:hidden;text-align:center;padding:3px 2px 3px 2px; 			
			 white-space:nowrap;color:#fbf9d6;background-color:transparent;
			 font-size:10px;font-weight:bold;font-family:Calibri,Tahoma,sans-serif;font-style:normal;}

A.Hlink18:hover		{color:#ff9a00;text-decoration:none;}


A.Hlink19:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink20		{ border:0px none; overflow:hidden; text-align:left; 
 		  	 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:transparent; 
 		  	 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; text-decoration:none;}

A.Hlink20:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink21		{ border:0px none; overflow:hidden; text-align:left; 
 		  	 padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; 
 		  	 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; text-decoration:none;}

A.Hlink21:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink22		{ border:0px none; overflow:hidden; text-align:left; 
 		  	 padding:3px 2px 3px 2px; white-space:nowrap; color:#ccffff; background-color:transparent; 
 		  	 font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; text-decoration:none;}

A.Hlink22:hover		{color:#ff9a00;text-decoration:none;}

A.Hlink23		{ border:3px none; overflow:hidden; text-align:left; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; letter-spacing:1px; background-color:transparent; 
			 font-size:12px; font-family:Verdana,sans-serif;font-weight:bold; z-index:40; }

A.Hlink23:hover		{text-decoration:none;}


/*
 * Line (rectangle) objects
 * the background color only applies to unlinked lines
 * overflow:hidden is required for small heights
 */

DIV.Line23		{ background-color:#000000; padding:0px; overflow:hidden; }


/*
 * The Channel Objects
 * Cod is (C)hannel (o)uter (d)iv	- the container
 * Cld is (C)hannel (l)eft (d)iv	- the channel name
 * Crd is (C)hannel (r)ight (d)iv	- the channel value
 *
 * NOTE: padding must be the same for both left and right DIVs even if display:none is set for a DIV.
 * Also if padding, border, margins, etc. is used, all 4 values must be set and the units must be pixels.
 * Actually the units for everything (including fonts) must be pixels if content resizing is enabled.
 * All outer DIVs need to have a background-color (use the NODATA value). If you want the channel to
 * have a transparent background, set the outer DIV background-color:transparent (refer to DIV.Cod6)
 * the inner DIVs always start out transparent and they render after the outer DIV. This means that
 * they show the color of the outer DIV as they are on top of the outer DIV and they are transparent.
 *
 * The left and right inner DIVs need to have the position:absolute style set.
 */

/* channel: name and value - no border - blue value - dark */
DIV.Cod4	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld4	{ text-align:left; position:absolute; left:0px; height:100%; 
			 padding:3px 10px 3px 2px; white-space:nowrap; color:#000000; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }
DIV.Crd4	{ text-align:right; position:absolute; right:0px; height:100%; 
			 padding:3px 2px 3px 0px; white-space:nowrap; color:#000066; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }

/* channel: name and value - status color background - border */
DIV.Cod10	{border:1px solid #FFFFFF;overflow:hidden;background-color:#BBBBBB;}
DIV.Cld10	{text-align:left;position:absolute;left:0px;height:100%;
		padding:3px 2px 3px 2px;;white-space:nowrap;font-size:11px;font-family:Calibri,Arial,sans-serif;}
DIV.Crd10	{text-align:right;position:absolute;right:0px;height:100%;
		padding:3px 2px 3px 2px;;white-space:nowrap;font-size:11px;font-weight:bold;font-family:Calibri,Arial,sans-serif;font-weight:bold}

/* channel: name and value - status color background */

/* channel: value only Centered - white text - no border */
DIV.Cod12	{border:0px none;overflow:hidden;background-color:transparent;}
DIV.Cld12	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd12	{text-align:center;position:absolute;center:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;font-size:11px;font-family:Verdana,sans-serif;font-weight:bold}

/* channel: value only Centered - white text - status color border */
DIV.Cod13	{border:0px none;overflow:hidden;background-color:#BBBBBB;}
DIV.Cld13	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd13	{text-align:center;position:absolute;right:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;font-size:11px;font-family:Verdana,sans-serif;font-weight:bold}

/* channel: value only right - black - no border - for BCM templates */
DIV.Cod14	{border:0px none;overflow:hidden;background-color:transparent;}
DIV.Cld14	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd14	{text-align:right;position:absolute;right:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;font-size:11px;font-family:Verdana,sans-serif;font-weight:bold}

/* channel: value only left - black - no border - for BCM templates */
DIV.Cod15	{border:0px none;overflow:hidden;background-color:transparent;}
DIV.Cld15	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd15	{text-align:left;position:absolute;left:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;font-size:11px;font-family:Verdana,sans-serif;font-weight:bold}

/* channel: value only centered - large orange text - no border */
DIV.Cod16	{border:0px none;overflow:hidden;background-color:transparent;}
DIV.Cld16	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd16	{text-align:center;position:absolute;center:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;color:#ff9a00;font-size:20px;font-family:Verdana,sans-serif}

/* channel: value only left - no border - blue */
DIV.Cod17	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld17	{ display:none; padding:3px 2px 3px 2px; }
DIV.Crd17	{ text-align:left; position:absolute; left:0px; height:100%; width:100%; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#0099FF; font-size:10px; font-family:Calibri,Arial,sans-serif;font-weight:bold}

/* channel: name and value - no border - yellow value */
DIV.Cod18	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld18	{ text-align:left; position:absolute; left:0px; height:100%; 
		 padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:11px; font-weight:bold;font-family:Calibri,Arial,sans-serif; }
DIV.Crd18	{ text-align:right; position:absolute; right:0px; height:100%; 
			 padding:3px 2px 3px 0px; white-space:nowrap; color:#e0d669; font-size:11px; font-weight:bold;
		  font-family:Calibri,Arial,sans-serif; }

/* channel: indicator - rectangular - white border*/
DIV.Cod19	{border:1px solid #FFFFFF; overflow:hidden; background-color:#BBBBBB;}
DIV.Cld19	{ display:none;}
DIV.Crd19	{ display:none;}

/* channel: value only - yellow */
DIV.Cod20	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld20	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd20	{ text-align:left; position:absolute; left:0px; height:100%; 
		 padding:3px 2px 3px 0px; white-space:nowrap; color:#e0d669; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }

/* channel: name and value - no border - blue value - light */
DIV.Cod21	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld21	{ text-align:left; position:absolute; left:0px; height:100%; 
			 padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }
DIV.Crd21	{ text-align:right; position:absolute; right:0px; height:100%; 
			 padding:3px 2px 3px 0px; white-space:nowrap; color:#a2c2fc; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }

/* channel: indicator - round - white border*/
DIV.Cod22	{border:1px none; overflow:hidden; background-color:#BBBBBB; background-image: url(/support/images/static/ChannelRound.png);
		 background-repeat: no-repeat;}
DIV.Cld22	{display:none; text-align:left; position:absolute; left:0px; height:100%;
			 padding:30px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:0px; font-family:Ariel,sans-serif; }
DIV.Crd22	{display:none; text-align:right; position:absolute; right:0px; height:100%; 
			 padding:30px 2px 3px 0px; white-space:nowrap; color:#FFFFFF; font-size:0px; font-family:Ariel,sans-serif; }

/* channel: name and value - no border - transparent - white */
DIV.Cod26	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld26	{ text-align:left; position:absolute; left:0px; height:100%; 
			 padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:13px; font-family:Calibri,Arial,sans-serif; }
DIV.Crd26	{ text-align:right; position:absolute; left:0px; height:100%; width:100%; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:12px; font-family:Calibri,Arial,sans-serif; font-weight:bold;}

/* channel: name and value - no border - transparent - black */
DIV.Cod27	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld27	{ text-align:left; position:absolute; left:0px; height:100%; 
			 padding:3px 10px 3px 2px; white-space:nowrap; color:#000000; font-size:13px; font-family:Calibri,Arial,sans-serif; }
DIV.Crd27	{ text-align:right; position:absolute; left:0px; height:100%; width:100%; 
			 padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; font-size:12px; font-family:Calibri,Arial,sans-serif; font-weight:bold;}

/* channel: value only - white - border */
DIV.Cod31	{border:1px solid #FFFFFF;overflow:hidden;background-color:#BBBBBB;}
DIV.Cld31	{display:none;padding:0px 0px 0px 0px;}
DIV.Crd31	{text-align:center;position:absolute;right:0px;height:100%;width:100%;
		padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;font-size:11px;font-family:Verdana,sans-serif;font-weight:bold}


/*
 * The Folder Objects
 * Fae is (F)older (a)nchor (e)lement - the anchor object
 */

A.Fae0		{border:1px solid #FFFFFF;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae0:hover	{border:1px solid #ff9a00;text-decoration:none;}

A.Fae2:hover	{color:#ff9a00;text-decoration:none;}

A.Fae3		{ border:0px none; overflow:hidden; text-align:center;letter-spacing:0px;
		 padding:3px 2px 3px 2px; white-space:nowrap;color:#000000; background-color:transparent;
                 font-size:12px;font-family:Calibri,Tahoma,sans-serif; font-weight:bold;}

A.Fae3:hover	{color:#ff9a00;text-decoration:none;}

A.Fae4		{ border:0px none; overflow:hidden; text-align:center;
		 padding:3px 2px 3px 2px; white-space:nowrap;color:#FFFFFF; background-color:transparent;
                 font-size:12px;font-family:Calibri,Tahoma,sans-serif; font-weight:bold;}

A.Fae4:hover	{color:#ff9a00;text-decoration:none;}

A.Fae5		{border:0px none; overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;
		 font-size:18px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
		background-image: url(/support/images/static/foldershiny-5.png);background-repeat: no-repeat;}				 
				 
A.Fae5:hover	{background-image: url(/support/images/static/folderhover-5.png);background-repeat: no-repeat;
		text-decoration:none;}

A.Fae6		{border:0px none; overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;
		 font-size:14px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
		background-image: url(/support/images/static/foldershiny-6.png);background-repeat: no-repeat;}				 
				 
A.Fae6:hover	{background-image: url(/support/images/static/folderhover-6.png);background-repeat: no-repeat;
		text-decoration:none;}

A.Fae7		{border:0px none; overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;
		 font-size:10px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;
		background-image: url(/support/images/static/foldershiny-7.png);background-repeat: no-repeat;}				 
				 
A.Fae7:hover	{background-image: url(/support/images/static/folderhover-7.png);background-repeat: no-repeat;
		text-decoration:none;}

A.Fae8		{border:0px none;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;opacity=0.80;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae8:hover    {opacity=0.70; text-decoration:none;}

A.Fae9		{border:0px none;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;opacity=0.60;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae9:hover    {opacity=0.50; text-decoration:none;}

A.Fae10		{border:0px none;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:ButtonShadow;opacity=0.40;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae10:hover    {opacity=0.30; text-decoration:none;}

A.Fae18		{border:1px solid #FFFFFF;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#FFFFFF;background-color:none;opacity=0.80;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae18:hover	{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00;}

A.Fae19		{border:1px solid #000000;overflow:hidden;text-align:center;
		 padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:none;opacity=0.80;
		 font-size:12px;font-family:Calibri,Tahoma,sans-serif;font-weight:bold;}

A.Fae19:hover	{border:1px solid #ff9a00;text-decoration:none;color:#ff9a00;}

A.Fae20		{ border:0px none; overflow:hidden; text-align:left; 
 		  padding:3px 2px 3px 2px; white-space:nowrap; color:#FFFFFF; background-color:transparent; 
 		  font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; text-decoration:none;}

A.Fae20:hover	{color:#ff9a00;text-decoration:none;}

A.Fae21		{ border:0px none; overflow:hidden; text-align:left; 
 		  padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:transparent; 
 		  font-size:10px; font-weight:bold; font-family:Verdana,sans-serif; text-decoration:none;}

A.Fae21:hover	{color:#ff9a00;text-decoration:none;}


A.Fae22		{ border:1px solid #000000; overflow:hidden; text-align:center; 
		  padding:3px 2px 3px 2px; white-space:nowrap; color:#000000; background-color:ButtonShadow; 
		  font-size:10px; font-family:Calibri,Arial,sans-serif; z-index:40; }

A.Fae22:hover	{border:1px solid #ff9a00;text-decoration:none;}


/*
 * The Text Objects
 */

/*Arial-White*/
DIV.Text2	{ font-size:35px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text3	{ font-size:30px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text4	{ font-size:26px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text5	{ font-size:22px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text6	{ font-size:19px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text7	{ font-size:16px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text8	{ font-size:13px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text9	{ font-size:10px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }

/*Arial-Black*/
DIV.Text10	{ font-size:35px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text11	{ font-size:30px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text12	{ font-size:26px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text13	{ font-size:22px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text14	{ font-size:19px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text15	{ font-size:16px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text16	{ font-size:13px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }
DIV.Text17	{ font-size:10px; font-family:Calibri,Arial,sans-serif; color:#000000; padding:1px; }

DIV.Text18	{text-align:center; position:absolute; color:#FFFFFF; font-size:12px; font-family:Calibri,Tahoma,sans-serif; 
		 font-weight:bold;  padding:1px; }
DIV.Text19	{text-align:right; position:absolute; color:#000000; font-size:13px; font-family:Calibri,Arial,sans-serif; padding:1px; }
DIV.Text20	{ font-size:12px; font-family:Calibri,Tahoma,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text21	{ border: 1px #FFFFFF solid; text-align: center; line-height:expression(style.height); font-weight:bold;
		  font-size:11px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; background-color:#000066;}
DIV.Text22	{ font-size:25px; font-family:Calibri,Arial,sans-serif; color:#FF0000; padding:1px; }
DIV.Text23	{ font-size:16px; font-family:Calibri,Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; }
DIV.Text24	{text-align:right; font-size:13px; font-family:Arial,sans-serif; font-weight:bold; color:#000000; padding:1px; }
DIV.Text25	{ font-size:13px; font-family:Calibri,Arial,sans-serif; font-weight:bold; color:#080C64; padding:1px; }
DIV.Text26	{ font-size:13px; font-family:Calibri,Tahoma,sans-serif; font-weight:bold; color:#080C64; padding:1px; }
DIV.Text27	{ font-size:11px; font-family:Calibri,Tahoma,sans-serif; font-weight:bold; color:#080C64; padding:1px; }
DIV.Text28	{ font-size:13px; font-family:Calibri,Tahoma,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; }
DIV.Text29	{ font-size:11px; font-family:Calibri,Tahoma,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; }
DIV.Text30	{ font-size:12px; font-family:Verdana,sans-serif; font-weight:bold; color:#FFFFFF; letter-spacing:1px; }
DIV.Text31	{ border: 1px #CCCCCC solid; text-align: center; line-height:expression(style.height);
		  font-size:11px; font-family:Calibri,Arial,sans-serif; color:#CCCCCC; padding:1px; }
DIV.Text32	{ font-size:18px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }
DIV.Text33	{ font-size:18px; font-family:Calibri,Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; }
DIV.Text34	{ font-size:16px; font-family:Calibri,Arial,sans-serif; color:#FFFFFF; padding:1px; }


/*
 * Styles for the Alarm Count Object
 * Alarm colors are muted so they don't jump out of the page.
 * The table background is transparent, so whatever is behind it will be its color.
 * Because of the transparency, the text color (TH.alarmCounts - color:#FFFFFF) may
 * not work. You can either give the table a solid background color or change the
 * text (foreground) color. The actual count objects should be OK in either case.
 */
TH.alarmCounts			{ padding:0px 5px 0px 2px; font-family:Verdana, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:left; letter-spacing:1px; }


/*
 * This is the offset from a channel object when a checkbox is created
 * associated with an existing channel object. positive X values are
 * relative to the right edge of the channel object and negative are
 * relative to the left (-0 is against the left, 0 is against the
 * right). For Y, 0 is centered, negative is up, positive is down.
 */
#CheckBoxOffsetX			{ z-index:0; }
#CheckBoxOffsetY			{ z-index:0; }


/*
 * The following define the color of the oneline
 * segments. Channels 40-49 are reserved for advanced
 * applications. Depending on the channel value (0-49)
 * the lines will have the following colors:
 */

#OneLine41		{ background-color:#00FFFF; }
#OneLine42		{ background-color:#757500; }
#OneLine43		{ background-color:#FF5600; }
#OneLine44		{ background-color:#C3C3C3; }

/* ------------------------------ USER-CONFIGURED OVERRIDES BELOW ------------------------------ */

/*Available folder styles*/

A.Fae11		{}
A.Fae12		{}
A.Fae13		{}
A.Fae14		{}
A.Fae15		{}
A.Fae16		{}
A.Fae17		{}

/*Available hyperlink styles*/
/*Hyperlink style to mimic section text labels for the Dashboard */
A.Hlink11	{ font-size:16px; font-family:Calibri,Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px; }
A.Hlink12	{}


/*Available channel styles*/
/* channel: name and value - no border, for the Dashboard */
DIV.Cod10	{ border:0px none; overflow:hidden; background-color:transparent; }
DIV.Cld10	{ text-align:left; position:absolute; left:0px; height:100%; 
			 padding:3px 10px 3px 2px; white-space:nowrap; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }
DIV.Crd10	{ text-align:right; position:absolute; right:0px; height:100%; 
			 padding:3px 2px 3px 0px; white-space:nowrap; color:#e0d669; font-size:11px; font-weight:bold; font-family:Calibri,Arial,sans-serif; }

DIV.Cod11	{}
DIV.Cld11	{}
DIV.Crd11	{}

DIV.Cod12	{}
DIV.Cld12	{}
DIV.Crd12	{}

DIV.Cod13	{}
DIV.Cld13	{}
DIV.Crd13	{}

DIV.Cod14	{}
DIV.Cld14	{}
DIV.Crd14	{}

DIV.Cod15	{}
DIV.Cld15	{}
DIV.Crd15	{}

DIV.Cod16	{}
DIV.Cld16	{}
DIV.Crd16	{}

DIV.Cod17	{}
DIV.Cld17	{}
DIV.Crd17	{}

DIV.Cod18	{}
DIV.Cld18	{}
DIV.Crd18	{}

DIV.Cod19	{}
DIV.Cld19	{}
DIV.Crd19	{}

#TimeFromServer			{ z-index:1; }
DIV.Cod_TEST {border:0px none;overflow:hidden;background-color:#BBBBBB;}
DIV.Cld_TEST {text-align:left;position:absolute;left:0px;height:100%;padding:3px 2px 3px 2px;white-space:nowrap;font-size:8px;font-family:Calibri,Arial,sans-serif;color:#000000;font-weight:normal;font-style:normal;}
DIV.Crd_TEST {text-align:right;position:absolute;right:0px;height:100%;padding:3px 2px 3px 2px;white-space:nowrap;font-size:11px;font-weight:bold;font-family:Calibri,Arial,sans-serif;font-weight:bold;color:#000000;font-style:normal;}

DIV.Cod_SS8JC {border:0px none #000000;overflow:hidden;background-color:transparent;}
DIV.Cld_SS8JC {text-align:right;position:absolute;left:0px;height:100%;width:100%;padding:3px 2px 3px 2px;white-space:nowrap;color:#ffffff;font-size:13px;font-family:Calibri;font-weight:inherit;font-style:inherit;}
DIV.Crd_SS8JC {display:none;padding:3px 2px 3px 2px;}
A.Fae_CustomStyle01H5Green {border:5px solid #6AA84F;overflow:hidden;text-align:center;padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:transparent;font-size:16px;font-family:Calibri;font-weight:bold;font-style:normal;}
A.Fae_StandardStyle1H5Green {border:5px solid #6AA84F;overflow:hidden;text-align:center;padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:transparent;font-size:12px;font-family:Arial;font-weight:inherit;font-style:inherit;}


A.Hlink_IPAddress {font-size:16px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px;}
A.Hlink_IPAddress:hover {color:#ff9a00;text-decoration:none;}
DIV.Text_spareblank {font-size:11px;font-family:Arial;color:#FFFFFF;padding:1px;font-weight:bold;font-style:normal;background-color:transparent;border:0px none #000000;text-align:left;}
DIV.Text_xxx {font-size:13px;font-family:Arial;color:#444444;padding:1px;font-weight:bold;font-style:inherit;background-color:transparent;border:0px none #000000;text-align:left;}

 

DIV.Cod_HiddenDNSChannel {border:0px none #000000;overflow:hidden;background-color:transparent;visibility:hidden;}
DIV.Cld_HiddenDNSChannel {text-align:left;position:absolute;left:0px;height:100%;padding:3px 10px 3px 2px;white-space:nowrap;font-size:11px;font-family:Arial;color:#ffffff;font-weight:bold;font-style:inherit;visibility:hidden;}
DIV.Crd_HiddenDNSChannel {text-align:right;position:absolute;right:0px;height:100%;padding:3px 2px 3px 0px;white-space:nowrap;font-size:11px;font-family:Arial;color:#a2c2fc;font-weight:bold;font-style:inherit;visibility:hidden;}
A.Hlink_DNSAddress {font-size:10px; font-family:Arial,sans-serif; font-weight:bold; color:#FFFFFF; padding:1px;}
A.Hlink_DNSAddress:hover {color:#ff9a00;text-decoration:none;}
A.Hlink_Folder:hover {color:#ff9a00;text-decoration:none;}
A.Hlink_Folder {border:0px none #000000;overflow:hidden;text-align:center;padding:3px 2px 3px 2px;white-space:nowrap;color:#ffffff;font-size:13px;font-family:Calibri;font-weight:bold;font-style:inherit;background-color:#cccccc;}

 

DIV.Text_alarmCountAck {font-size:10px;font-family:Verdana;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 5px 3px 5px;color:#FFFFFF;background-color:#0000ff;font-style:inherit;border:0px none #000000;text-align:center;}
DIV.Text_alarmCountCaut {font-size:10px;font-family:Verdana;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 5px 3px 5px;color:#000000;background-color:#ffff00;font-style:inherit;border:0px none #000000;text-align:center;}
DIV.Text_alamCountCrit {font-size:10px;font-family:Verdana;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 5px 3px 5px;color:#FFFFFF;background-color:#ff0000;font-style:inherit;border:0px none #000000;text-align:center;}
A.Hlink_StandardStyle24 {border:0px none #000000;overflow:hidden;text-align:left;padding:3px 2px 3px 2px;white-space:nowrap;color:#000000;background-color:transparent;font-size:13px;font-family:Tahoma;font-weight:bold;font-style:inherit;}
A.Hlink_StandardStyle19 {overflow:hidden;text-align:center;padding:3px 2px 3px 2px;white-space:nowrap;font-size:13px;font-family:Tahoma;font-weight:bold;color:#ffffff;background-color:transparent;z-index:40;font-style:inherit;border:0px none #000000;}
DIV.Cod_HiddenIPChannel {border:0px none #000000;overflow:hidden;background-color:transparent;visibility:hidden;}
DIV.Cld_HiddenIPChannel {text-align:left;position:absolute;left:0px;height:100%;padding:3px 10px 3px 2px;white-space:nowrap;font-size:11px;font-family:Arial;color:#ffffff;font-weight:bold;font-style:inherit;visibility:hidden;}
DIV.Crd_HiddenIPChannel {text-align:right;position:absolute;right:0px;height:100%;padding:3px 2px 3px 0px;white-space:nowrap;font-size:11px;font-family:Arial;color:#a2c2fc;font-weight:bold;font-style:inherit;visibility:hidden;}
DIV.Cod_WESLGTXTVALUEWCOLOR {overflow:hidden;border:0px none #000000;background-color:transparent;}
DIV.Cld_WESLGTXTVALUEWCOLOR {padding:3px 2px 3px 2px;display:none;}
DIV.Crd_WESLGTXTVALUEWCOLOR {text-align:center;font-weight:inherit;position:absolute;left:0px;padding:3px 2px 3px 2px;font-style:inherit;white-space:nowrap;font-size:35px;height:100%;color:#000000;font-family:Arial;width:100%;}
DIV.Cod_WESLGWhiteValueOnly {overflow:hidden;border:0px none #000000;background-color:transparent;}
DIV.Cld_WESLGWhiteValueOnly {text-align:left;font-weight:inherit;position:absolute;left:0px;padding:3px 10px 3px 2px;font-style:inherit;white-space:nowrap;font-size:20px;height:100%;color:#ffffff;font-family:Arial;}
DIV.Crd_WESLGWhiteValueOnly {text-align:center;font-weight:bold;position:absolute;left:0px;padding:3px 2px 3px 2px;font-style:inherit;white-space:nowrap;font-size:20px;height:100%;color:#ffffff;font-family:Arial;width:100%;}