/*-------------------------------------------------------------------------------------------
	Script:		  Layout.css
	Description:  Designed specifically for the Web ProAc application
-------------------------------------------------------------------------------------------*/

	body {
		font-family:verdana, arial, helvetica, sans-serif;
/*		color:#333;		*/
/*		background-color: #eeeee0;	*/
		/* Added for Frames	*/
		margin: 0px;
		padding: 0px;
		border: 0px;
		/* Turn On scroll bars */
/*		overflow: auto;		*/
	/*	height: 100%;
		max-height: 100%;	*/
		border-radius: 4px;
	}

	.body_hold {
		background: #f0f9ff; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

/*	h1 {
		position:absolute;
		top:120px;
		left:190px;
		margin:0px 0px 15px 0px;
		padding:0px;
		font-size:18px;
		line-height:25px;
		font-weight:900;
		color:#09c;
	}
*/

	hr {
		/*width: 80%;	*/
		border: 0 none;
		width: 100%;
		height: 1px;
		/* New hr options	*/
/*		display: block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: auto;
		margin-right: auto;
		border-style: inset;
		border-width: 0;
*/
		/* New */
/*		background-color: #eee;	*/
		/*color: black;	*/
	}

	.hr { height:0; border-top:1px solid _anycolor_; }

	.hr hr { display:none }


/*
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
*/

	p {	font:11px/12px verdana, arial, helvetica, sans-serif;
		margin:0px 0px 1px 0px;
		font-size:11px;
		padding:0px;
/*		text-align:left;	*/
	}

	o {	font:14px/16px verdana, arial, helvetica, sans-serif;
		margin:0px 0px 1px 0px;
		padding:0px;
		font-size:10px;
		color:#ccc;
	}

	m {	font:8px/10px verdana, arial, helvetica, sans-serif;
		margin:0px 0px 16px 0px;
		padding:0px;
	}


	.Underline_Link{
		color:black;
		text-decoration:underline;
	}



	#topleft {
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 4px;
	}

	#topright {
		position: absolute;
		top: 0px;
		right: 0px;
		border-radius: 4px;
	}

	#bottomleft {
		position: absolute;
/*		bottom: 2%;
		left: 1%;		*/
		bottom: 1%;
		left: 1%;
/*		padding: 2px 5px 2px 5px;		*/
		border-radius: 4px;
		background: #eaefb5;
		background: -moz-linear-gradient(top,  #eaefb5 0%, #e1e9a0 100%);
		background: -webkit-linear-gradient(top,  #eaefb5 0%,#e1e9a0 100%);
		background: linear-gradient(to bottom,  #eaefb5 0%,#e1e9a0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e1e9a0',GradientType=0 );
	}

	.bottomleft {
		position: absolute;
/*		bottom: 2%;
		left: 1%;		*/
		bottom: 1%;
		left: 1%;
/*		padding: 2px 5px 2px 5px;		*/
		border-radius: 4px;
		background: #eaefb5;
		background: -moz-linear-gradient(top,  #eaefb5 0%, #e1e9a0 100%);
		background: -webkit-linear-gradient(top,  #eaefb5 0%,#e1e9a0 100%);
		background: linear-gradient(to bottom,  #eaefb5 0%,#e1e9a0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e1e9a0',GradientType=0 );
	}

	#bottomright {
		position: absolute;
		bottom: 2%;
		right: 1%;
		left: 50%;
		padding: 2px 5px 2px 5px;
		border-radius: 4px;
		background: #eaefb5;
		background: -moz-linear-gradient(top,  #eaefb5 0%, #e1e9a0 100%);
		background: -webkit-linear-gradient(top,  #eaefb5 0%,#e1e9a0 100%);
		background: linear-gradient(to bottom,  #eaefb5 0%,#e1e9a0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e1e9a0',GradientType=0 );
	}

	.bottomright {
		position: absolute;
		bottom: 2%;
		right: 1%;
		left: 50%;
		padding: 2px 5px 2px 5px;
		border-radius: 4px;
		background: #eaefb5;
		background: -moz-linear-gradient(top,  #eaefb5 0%, #e1e9a0 100%);
		background: -webkit-linear-gradient(top,  #eaefb5 0%,#e1e9a0 100%);
		background: linear-gradient(to bottom,  #eaefb5 0%,#e1e9a0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaefb5', endColorstr='#e1e9a0',GradientType=0 );
	}



	#FooterLine {
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin:10px 10px 10px 10px;
		border-radius: 4px;
	}

	.box {
		background-color: #ffa20f;
		padding: 2px 5px 2px 5px;
		margin: 4px;
		text-align: left;
		border-radius: 4px;
	}


	#Content>p {margin:0px;
				border-radius: 4px;
	}
	
	
	#Content>p+p {text-indent:30px;}

	a {	color:#aaa;		/* menu font color	*/
		/*color: #bbb;*/
		font-size:12px;		/* menu font size: original font-size:11px	*/
		text-decoration:none;
		font-weight: 500;
		font-family:verdana, arial, helvetica, sans-serif;
		border-radius: 4px;
	}



	/*	a:link {color:#004080;}		*/
	/*	a:link {color:black;}		*/
	a:link {	color: white;
			color:#004080;
		/*	color:grey;		*/
		list-style-type:circle;
	}


	/*	a:visited {color:#07a;}	*/
	a:visited {color:#004080;}

	/*	a:hover {background-color:#07a;}	*/
	a:hover {
		background-color:#07a;
		background-color: white;
		background-color:#E5F2FF;
		text-decoration: underline;
	}


	div.Header {
		/*     T   R   B   L	*/
		margin: 0px 0px 0px 0px;
		top: 0%;
		/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
		padding: 5px 5px 5px 5px;
		line-height: 16px;
		/* Gold */
/*		background-color: #FFD700;	*/
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		background: rgb(254,252,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 85%, rgba(241,218,54,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 85%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 85%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 85%,rgba(241,218,54,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 85%,rgba(241,218,54,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}



/*	#Header {
		/*     T   R   B   L	*/
/*		margin: 0px 0px 0px 0px;
		top: 0%;
		/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
/*		padding: 5px 5px 5px 5px;
		line-height: 16px;
		/* Gold */
/*		background-color: #FFD700;
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		/*----------------------------------------------------------------------------------------------
			Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
			Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
			IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
			declaration. The incorrect IE5/Win value is above, while the correct value is 
			below. See http://glish.com/css/hacks.asp for details. 
		------------------------------------------------------------------------------------------------*/
/*		voice-family: "\"}\"";
		voice-family: inherit;
	}
*/


/*==========	Header testing	============================================================================
	background-image: url(shadeactive.gif);
	background-image: url(shade.gif);

	height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }

	background: url(/pics/backg58.gif); 
	background: url(/pics/tigertouch.jpg);
	background: url(/pics/backg55.gif);
	background: url(/pics/img14.jpg);

~~~~~~~	Experiment with background textures  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	background: url(/pics/bubbles.jpg);
	background: url(/pics/soft_green.jpg);
	background: url(/pics/blgr039.jpg);
	background: url(/pics/texture_cyan_010.jpg);
	background: url(/pics/texture_lt_blue_020.jpg);
	background: url(/pics/backg58.gif);
	background: url(/pics/panorama.png);
	background: url(/pics/mac_blue.jpg);
	background: url(/pics/tigertouch.jpg);
	background: url(/pics/wave.jpg);
	background: url(/pics/backg58.gif);
	background: url(/pics/theme_banner.jpg);

==========	Header testing	============================================================================*/


/*------------------------------------------------------------------------------------------
I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). 
------------------------------------------------------------------------------------------*/

	body>#Header {height:16px;}

	#Content {
	/*	Don't change this!!!!		*/
	/*		B   R    T     L	*/
		margin: 1px 60px 60px 60px;
		padding: 10px;
		border-radius: 4px;
	}

	.Content {
	/*	Don't change this!!!!		*/
	/*		B   R    T     L	*/
		margin: 1px 60px 60px 60px;
		padding: 10px;
		border-radius: 4px;
	}

	#SetupWindow {
	/*	position: absolute;		*/
		top: 100px;
	/*		B   R    T     L	*/
		margin: 1px 10px 10px 10px;
	/*	width: 80%;			*/
		right: 10%;
		left: 10%;
	/*	padding: 10px;			*/
		border-radius: 4px;
	}




	#Login {
		position: absolute;
		top: 360px;
		left: 45%;
		padding: 0px;
	/*	background-color: #ffe6cc;	*/
		border-radius: 4px;
	}



	#MenuBar {
		position: absolute;
		top: 30px;
		left: 0%;
		padding: 0px;
		width: 100%;
		background-color: #99cc99;
		text-align: left;
		border-radius: 4px;
	}


	#Java_Menu {
		position: absolute;
		top: 40px;
		left: 20%;
		width: 60%;
		padding: 5px;
		font: 11pt sans-serif;
		background-color: #99cc99;
		border: 5px solid green;
		text-align: left;
		border-radius: 4px;
	}


	#Sub_Menu {
		position: absolute;
		top: 100px;
		left: 20%;
		width: 60%;
		padding: 5px;
		font: 11pt sans-serif;
		text-align: left;
		border-radius: 4px;
	}


	#Display_Client_Codes, div.Display_Client_Codes {
		position: absolute;
		top: 220px;
		left: 20%;
		width: 60%;
		height: 50%;
		padding: 2px;
		font: 11pt sans-serif;
		background-color: #99cc99;
		overflow: auto;
		border-radius: 4px;
	}



	#TestMenuBar {
		position: absolute;
		top: 110px;
		left: 0%;
		padding: 0px;
		background-color: #99cc99;
		border-radius: 4px;
	}



	#UnitBar {
		position: absolute;
		top: 140px;
		left: 0%;
		right: 1%;
		width: 100%;
		padding: 0px;
	/*	background-color: #99cc99;	*/
		border-radius: 4px;
	}



/*	Top menu bar font and link style	*/

	.TopMenuBar { 
		background-color: #99cc99;
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: 500;
		font-size: 12px; 
		color: black;
		border-radius: 4px;
	}

	.TopMenuLink { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px;
		color: #99cc99;
		text-decoration: none;
		border-radius: 4px;
	}


/*	Test counter bar "xx of xx"	*/

	#CounterBar {
		position: absolute;
		color: black;
		top: 110px;
		left: 80%;
		right: 2%;
		padding: 4px;
		background-color: lightgreen;
		border-radius: 4px;
	}


/*	Display selected Unit Information	*/

	#Info {
		position: absolute;
		top: 52px;
		left: 0%;
		padding: 0px;
		line-height: 12px;
		width: 100%;
		border-radius: 4px;
	}


/*	Edit Menu for User Accounts	*/

	#Edit {
		position: absolute;
		top: 40px;
		left: 75%;
		width: 150px;
		padding: 5px;
		background-color: lightblue;
		border: 2px solid #999;
		border-color: green;
		line-height: 15px;
		border-radius: 4px;
	}


/*	Use this frame to display unit test results	*/

	#Show {	position: absolute;
		top: 280px;
		left: 0%;
		width: 100%;
		padding: 5px;
		background-color: lightgreen;
		border: 2px solid #999;
		line-height: 10px;
		border-radius: 4px;
	}



/*	Use this frame to display unit Test Results	*/

	#Tests {
		position: absolute;
		top: 170px;
		left: 0%;
		padding: 5px;
	/*	width: 100%;	*/
		background-color: #FFFFCC;
		border: 2px solid #999;
		border-color: green;
		line-height: 12px;
		font-size: 12em;	
	/*	color: blue;		*/
		border-radius: 4px;
	}



/*	Display client information	*/

	#Clients {
		position: absolute;
		top: 160px;
		left: 190px;
		padding: 5px;
		width: 50%;
	/*	background-color: lightblue;	*/
	/*	border: 2px solid #999;	*/
		line-height: 10px;
		border: 1px solid blue;
		overflow: auto;
		border-radius: 4px;
	}



/*	Use this frame to display Units	*/

	#Units {
		position: absolute;
		top: 60px;
		left: 10%;
		right: 10%;
		padding: 5px;
		width: 80%;
		background-color: lightgreen;
		border: 2px solid #999;
		line-height: 10px;
		border-radius: 4px;
	}


/*	Display all Plants in the ProAc database	*/

	#Plants {
		position: absolute;
		top: 190px;
		left: 190px;
		width: 600px;
		padding: 5px;
		background-color: lightgreen;
		border: 2px solid #999;
		line-height: 10px;
		border-radius: 4px;
	}



/*	Display the Caution Summary Report	*/

	#CautionSummary {
		position: absolute;
		top: 120px;
		left: 10%;
		right: 10%;
		width: 600px;
		padding: 5px;
	/*	border: 2px solid green;		*/
		line-height: 10px;
		border-radius: 4px;
	}


	#footer {
		font-size: 11px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		margin: 2 2px 2 2px;
		padding: 2px;
		border-radius: 4px;
	}


/*	Display unit not found error message	*/

	#UnitError {
		position: absolute;
		top: 180px;
		left: 190px;
		padding: 5px;
		width: 60%;
		background-color: lightgreen;
		border: 2px solid #999;
		line-height: 10px;
		border-radius: 4px;
	}


	.LoginForm, #LoginForm {
		position: absolute;
/*		top: 40%;	*/
		top: 20%;
		top: 100px;
		left: 25%;
		right: 25%;
		width: 45%;
		padding: 2px;
		font: 11pt sans-serif;
		border-radius: 4px;

/*		border: 2px solid #999;
		background: url(/pics/Texture_lt_gray_004.jpg);
		border-bottom-color: white;
		color: white;
		border-bottom-color: white;
		background: url(/pics/backg55.gif);
		background: url(/pics/rain_drops_on_metal.jpg);
		background: url(/pics/metal-17_1024x768.jpg);
		background: url(/pics/imagesCAWID529.jpg);
		background: url(/pics/imagesCADQM91J.jpg);
		background: url(/pics/imagesCACEM35W.jpg);
		background: url(/pics/backg60.gif);
		background: url(/pics/metal-background.jpg);
		background: url(/pics/Texture_lt_gray_004.jpg);
		background: url(/pics/background_jul_02.gif);
		background: url(/pics/master03_background.gif);
		background: url();
*/
	}


	.Notification {
		position: absolute;
		top: 250px;
		left: 25%;
		width: 45%;
		padding: 2px;
		font: 11pt sans-serif;
	/*	border-bottom-color: white;	*/
		border-radius: 4px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefdf0+0,f5e671+100 */
		background: rgb(254,253,240); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,253,240,1) 0%, rgba(245,230,113,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(254,253,240,1) 0%,rgba(245,230,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(254,253,240,1) 0%,rgba(245,230,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdf0', endColorstr='#f5e671',GradientType=0 ); /* IE6-9 */
	}


	#Import_Display {
		position: absolute;
		top: 200px;
		left: 10%;
		right: 90%;
		width: 80%;
		padding: 5px;
		font: 11pt sans-serif;
		border-radius: 4px;
	}


	.CommandBox {
		line-height: 12px;
		color: #781351;
		font: 10pt sans-serif;
		background: #ADFF99;
/*	    background: rgba(220, 0, 0, 1);
		background-color: transparent;
*/
		/*       T   R   B   L	*/
		padding: 0px 5px 0px 5px;
		/*	    B   R   T   L	*/
		margin: 0px 5px 0px 5px;
		border: 1px solid green;
		border-width: 1px 1px;
		border-radius: 4px;
		/*	Test attributes		*/
/*	    background-color: rgba(220, 0, 0, 1);
	    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
*/
	}

/*	.CommandBox:hover {color: #2d2b2b;}		*/
/*	.CommandBox:hover {color: #004080;}		*/
	.CommandBox hover {color: #004080;}
	.CommandBox onMouseOver {background-color:#ffa20f;}
/*	.CommandBox:onMouseOver {background-color:#ffa20f;}		*/

/*		color: #781351;
		color: black;
		float: left;
		background: #fee3ad;
		border: 1px solid #781351;
		border: 2px solid green;
		margin-right: 0.5em;
		padding: 1px;
*/

	.CommandBox li.selected a { 
		background-image: url(shadeactive.gif);
		border-bottom-color: white;
		border-radius: 4px;
	}

 	.CommandBox li {
		display: inline;
		margin: 0;
		border-radius: 4px;
	}

	.CommandBox li a {
		text-decoration: none;
		padding: 3px 7px;
		margin-right: 3px;
		border: 1px solid #778;
		color: #2d2b2b;
		background: white url(shade.gif) top left repeat-x;
		border-radius: 4px;
	}

	.CommandBox li a:visited {
		color: #2d2b2b;
		border-radius: 4px;
	}

	.CommandBox li a:hover {
		text-decoration: underline;
		color: #2d2b2b;
		border-radius: 4px;
	}

	.CommandBox li.selected {
		position: relative;
		top: 1px;
		border-radius: 4px;
	}

	.CommandBox li.selected a { 
		background-image: url(shadeactive.gif);
		border-bottom-color: white;
		border-radius: 4px;
	}

	.CommandBox li.selected a:hover {
		text-decoration: none;
		border-radius: 4px;
	}

	
	
	
	
	
	

	.HomeMenuOption {
		line-height: 12px;
		font: 10pt sans-serif;
		background-color: lightgreen;
		/*       T   R   B   L	*/
		padding: 0px 3px 0px 3px;
/*		border: 1px solid green;	*/
		border-width: 1px 1px 1px 1px;
		/*	B   R   T   L	*/
		margin: 0px 0px 0px 0px;
/*		background-image: url(/pics/nav_unlock.gif);	*/
		border-radius: 4px;
	}


/*	.input_class {
		float: center;
		color: #004080;
		line-height: 16px;
		font: 8pt sans-serif;
		background: #fee3ad;
		border: 0.5px solid green;
		padding: 0px 0px 0px 0px;
		border-width: 1px 1px;
	}
*/




/*	.tabcontentstyle {
		/* Style of tab content oontainer */
	/*	border: 2px solid green;
		width: 450px;
		margin-bottom: 1em;
		padding: 5px;
	}
*/







/*	Original CSS Code	*/

/*	Class for Command Button formatting	*/

	.TopCommandBox {
		color: #781351;
		color: black;
		float: left;
		background: #fee3ad;
		border: 1px solid #781351;
		border: 2px solid green;
		margin-right: 0.5em;
		padding: 1px;
		border-radius: 4px;
	}




	/*-------------------------------------------------------------------
		Modify INPUT command properties
		label {
			width: 4em;
			float: left;
			text-align: right;
			margin-right: 0.5em;
		}
	-------------------------------------------------------------------*/


	fieldset {
		border: 0px;
		padding: 3px 3px 3px 3px;
		border-radius: 4px;
		background: rgb(254,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(160,216,239,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(160,216,239,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(160,216,239,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
	}

	fieldset.legend {
		color: black;
		background-color: #FFD700;	/* Gold */
		/*border: 1px solid green;	*/
		/*       B   R    T   L		*/
/*		padding: 1px 20px 1px 20px;	*/
		/*font: 10pt verdana;	*/
		border-radius: 4px;
	}

	.fieldset_hold {
/*		border: 1px solid green;
		border: 1px solid blue;
		border: 1px solid darkblue;
*/
/*		background: #fff;			/* White */
/*		background-color: #E5F2FF;
		background-color: #CCE6FF;		/* Pale Blue */
		/*	background-color: green;	/* Green */
		/*	width: 100%;	*/
		/*       T   R   B   L		*/
/*		padding: 0px 5px 5px 10px;
/*		line-height: 18px;		/* Height assigned */
/*		background: url(/pics/1372740-green-gradient-background.jpg);	*/
/*		background-color: #B3BFFF;	*/
/*		background-color: #CCCCFF;	*/
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}

	ul, .ul{
		list-style: circle;
		list-style-type: disc;
		margin: 0;
	}

	li {
		line-height: normal;
		margin: 0;
	}


	.legend, legend {
		color: black;
		background-color: #FFD700;	/* Gold */
		/*border: 1px solid green;	*/
		/*       B   R    T   L		*/
		padding: 2px;
/*		padding: 1px 20px 1px 20px;	*/
		padding-right: 20px;
		padding-left: 20px;
		/*margin: auto;	*/
		/*font: 10pt verdana;	*/
		border-radius: 4px;
	}

	legend_temp {
		color: black;
		background: #DEE6ED;
		background-color: #FFD700;	/* Gold */
		border: 1px solid green;
		/*       B   R    T   L		*/
/*		padding: 1px 20px 0px 20px;	*/
		padding: 0.05cm 0.5cm 0.05cm 0.5cm;
/*		padding-right: 35%;	*/
		margin-right: 0.5em;
		font: 10pt verdana;
		border-radius: 4px;
		/*max-width: 50px;*/
	}


	label {
		width: 4em;
		float: left;
		text-align: right;
		margin-right: 0.5em;
		display: square;
		border-radius: 4px;
	}


	input {
		float: center;
		color: #004080;			/* Dark blue */
		background: #FFFFFF;	/* White */
	/*	background: grey;	*/
		/*       B   R    T   L	*/
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-radius: 2px;
		border: 1px outset #d7b9c9;
		border: 0px;
	}

	.submit input {
		color: #000;
	/*	background: #FFDF80;		/* Light Orange	*/
		background: #FFFFFF;		/* White */
	/*	background: #ffa20f;	*/
	/*	background: #FFDF80;	*/
		margin-left: 4.5em;
		border: 1px outset #d7b9c9;
		margin: 0px 0px 1px 0px;
		border-radius: 4px;
	}


	input onMouseOver {background-color:#ffa20f;}
	input:onMouseOver {background-color:#ffa20f;}
	input hover {color: #004080;}
	.input:hover {color: #004080;}
	.input hover {color: #004080;}


	.bta_message {
		color: #781351;
		background: #FFE6CC;
		font: 9pt sans-serif;
		border-radius: 4px;
	}

	.btamessage hover {color: green;}


	.nav, #nav {
		display: inline;
		color: #GGG;
		background-color: #FFD700;
		border-color: blue;
/*		margin: 10px;	*/
		padding: 2px;
		border: 2px;
		border-radius: 4px;
	}

	.navbar li {
		display: inline;
		color: #GGG;
		background-color: #FFD700;
		border: 2px;
		border-color: blue;
		margin: 0;
		padding: 2px;
		border-radius: 4px;
	}


	/*	Used in text edit boxes		*/

	.arial_class {
		font: 11px/12px verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
		padding: 7px;
		background-color: #F2F2F2;
		background-color: #EDF6F9;
		border-radius: 4px;
	}


	.button {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		padding: 2px 10px 2px 10px;
		background-color: #007b9d;
		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: -o-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
		border-radius: 10px;
/*		text-transform: lowercase;	*/
		text-decoration: none;
/*		text-decoration: blink;		*/
/*		text-decoration: underline;	*/
/*		-moz-text-decoration-color: red;	*/
		color: #fff;
/*		color: white;	*/
		font-size: 1.2em;
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}

	.button:hover {
		background-color: #118eb1;
		background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1));
		background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -o-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: linear-gradient(top, #1b9fbe, #118eb1);
		box-shadow: inset 0px 0px 0px 1px #3ecceb;
	}

	#select {
		border-radius: 4px;
		display: inline-block;
		padding: 2px 10px 2px 10px;
		background-color: #118eb1;
		background-color: #007b9d;
/*		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: -o-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
*/
/*		text-transform: lowercase;	*/
/*		text-decoration: blink;		*/
/*		text-decoration: underline;	*/
/*		-moz-text-decoration-color: red;	*/
		text-decoration: none;
		color: #fff;
/*		color: white;	*/
		font-size: 0.9em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}


	option {
		line-height: 12px;
		background-color: white;
		font: 10pt sans-serif;
/*		background: #ADFF99;	*/
		/*       T   R   B   L	*/
		padding: 0px 2px 0px 2px;
/*		border: 1px solid green;	*/
		border: 1px;
		border-width: 1px 1px;
		/*	B   R   T   L	*/
		margin: 0px 0px 0px 0px;
		border-radius: 4px;
	}




	/*=======================================================
		color: #781351;
		color: black;
	/*	float: left;	*/
	/*	float: center;
		background: #fee3ad;
		border: 1px solid #781351;
		border: 1px solid green;
	/*	margin-right: 0.5em;	*/
	/*	margin-right: 0.2em;	*/
		/*       T   R   B   L	*/
	/*	padding: 1px 5px 3px 5px;
	
	/*=======================================================*/


	/*===================================================================================================================
		Feb.2016
		New header format - Used for custom windows
	===================================================================================================================*/

	div.Window_Header {
		/*     T   R   B   L	*/
		margin: 0px 0px 0px 0px;
		top: 0%;
		/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
		padding: 5px 5px 5px 5px;
		line-height: 16px;
		background-color: #FFD700;		/* Gold */
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 12pt;
/*		font:14px/16px sans-serif;	*/
		font: 12pt sans-serif;
		border-radius: 4px;

		background: rgb(254,252,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}


	div.Window_Title {
		position: absolute;
		/*     T   R   B   L	*/
		margin: 0px 0px 0px 0px;
		top: 5%;
		/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
		padding: 5px 5px 5px 5px;
		padding: 1px 1px 1px 1px;
		/*line-height: 16px;	*/
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 12pt;
		font: 12pt sans-serif;
		left: 15%;
		right: 15%;
		border-radius: 4px;

		background: rgb(254,252,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}



	div.Breach_Warning {
		position: absolute;
		/*     T   R   B   L	*/
		margin: 2px 2px 2px 2px;
		top: 50%;
		/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
		padding: 3px 3px 3px 3px;
		/*line-height: 16px;	*/
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 12pt;
		font: 12pt sans-serif;
		left: 10%;
		right: 10%;
		border-radius: 4px;
		background: rgb(254,252,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}


	.menu_title {
		position: absolute;
		top: 60px;
		left: 5%;
		right: 5%;
		padding: 2px;
		font: 9pt sans-serif;
		overflow: auto;
		border-radius: 4px;
		background: rgb(254,252,234); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Apr.2024
		New command buttons for New Look web page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.test_button {
		display: inline-block;
		font-family:Helvetica, sans-serif;
		padding: 1px 5px 1px 5px;
		background-color: green;
		background: #ADFF99;
		color: green;
/*		text-transform: lowercase;	*/
		text-decoration: none;
/*		text-decoration: blink;		*/
/*		text-decoration: underline;	*/
/*		-moz-text-decoration-color: red;	*/
		font-size: 0.8em;
		font-size: 0.9em;
		letter-spacing: 1px;
		border: solid 1px #006e8b;
		border-radius: 8px;
/*		text-shadow: 0px 1px 0px #000;	*/
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
		filter: dropshadow(color=#000, offx=0px, offy=1px);
	}

    .test_button:hover {
        color: #004080;
        background-color: #00FA7D;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        box-shadow: inset 0px 0px 0px 1px #3ecceb;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        box-shadow: 5px 12px 16px 5px rgba(0,0,0,0.24),5px 17px 50px 5px rgba(0,0,0,0.19);
        transform: translateY(-2px);
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    }

	.test_button onMouseOver {
		background-color: green;
	}

/*
	.test_button:hover {
		transform: translateY(-2px);
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	}
*/

	.test_button:active {
		transform: translateY(0);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	}