/*  New styles for NGI - 8/13/02  */
/* NOTE: Don't use any periods in this file except in the class names, because
the StyleReport is parsing for periods (looking for classes such as body_index) That way
I don't have to work around other periods found in the file that are not associated with
the class names */

/*****************************************************************************/
/* The following styles are used on the index pages */

body.index {
	font : normal 12px Arial, Helvetica, sans-serif;
}

p.FacilityName {
	margin-top : 35px;
	color : Black;
	font : normal 30px Arial, Helvetica, sans-serif;
}

p.FacilityNameSmaller {
	margin-top : 35px;
	color : Black;
	font : normal 22px Arial, Helvetica, sans-serif;
}

p.Instruction {
	color : Black;
	font : normal 14px Arial, Helvetica, sans-serif;
}

A.Links  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color : Navy;
}

A.Links:Visited  {color : Navy;}
A.Links:Active  {color : Navy;}
A.Links:Hover  {color : Red;}


/*****************************************************************************/
/* The following styles are used on the frameindex ('FI') */

table.FI {
	border-collapse: collapse;
}

td.FIHeader {
	font : bold 12px Arial, Helvetica, sans-serif;
}


td.FI {
	/* this does not get a skinny cell: height: 10px; */
	/* the line-height will make a cell as skinny as you want */
	line-height: 12px;
	padding-left: 8px;

}

A.FILinks  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 11px;
	color : Navy;
}

A.FILinks:Visited  {color : Navy;}
A.FILinks:Active  {color : Navy;}
A.FILinks:Hover  {color : Red;}


/*****************************************************************************/
/* The following styles are used  on the Login pages (0Body, 0ProcessLogin)  */

table.Login{
	margin-top : 10px;
}

p.LoginInstruction {
	color : Black;
	font : normal 14px Arial, Helvetica, sans-serif;
	margin-top : 200px;
}

td.Login {
	font : normal 12px Arial, Helvetica, sans-serif;
}


/*****************************************************************************/
/* The following styles are used in the CF Error Handler */
p.CFErrorMessage {
	margin-top : 12px;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : Red;
}


/*****************************************************************************/
/* The following styles are used on input forms such as 1DateSelection, NomInputForm */

p.CenterTopInstruction {
	margin-top : 12px;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Navy;
}

p.PrintHeading {
	margin-top : 12px;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Navy;
}



input.Standard {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;
}

input.Small {
	font : normal 10px Arial, Helvetica, sans-serif;
	color : Black;
}

input.Tiny {
	font : bold 9px Verdana, Arial, Helvetica,  sans-serif;
	color : Black;
	width: 50px;
	height: 18px;
}

input.TinyLong {
	font : bold 9px Verdana, Arial, Helvetica,  sans-serif;
	color : Black;
	width: 100px;
	height: 18px;
}

input.ResponseButton {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;

}


.Normal {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;
}


/* This can be used to make a variety of things small - select boxes, input boxes, text etc */
.Small {
	font : normal 10px Arial, Helvetica, sans-serif;
	color : Black;
}

table.Standard {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	font : normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
}


table.Standard2 {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	font : normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

td.Standard2 {
	padding-left: 15px;
	padding-right: 15px;
}

table.Standard3 {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	font : normal 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

td.Standard4 {
	padding-left: 2px;
	padding-right: 2px;
}



tr.BGColor1 { background-color: White; }
tr.BGColor2 { background-color: #FFFFCC; }
tr.BGColor3 { background-color: #CCFFCC; }

/*****************************************************************************/
/* The following styles are used on the ContractMgmt pages AddContract etc */



tr.Heading {
	background-color: #E8E6CC;
	font : normal 12px Arial, Helvetica, sans-serif, ;
	color: White;
}

tr.Heading2 {
	background-color: #F1FCF2;
	font : normal 12px Arial, Helvetica, sans-serif, ;
	color: White;
}








/*****************************************************************************/
/* The following styles are used on the 'Show' pages - 1ShowNoms, 3ShowNoms
that show rows of records from the DB  */
table.Records {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}




td.TopBar {
	background-color: #DCDCDC;


}











tr.Header { background-color: #DCDCDC; }
tr.RecordColor1 { background-color: #FAFAD2; }
tr.RecordColor2 { background-color: #EEE8AA; }
tr.Records { vertical-align: top; }

td.Header {
	padding-left: 4px;
	padding-right: 4px;
}

td.Records {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	text-align: right;
}

td.TotalRecords {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	text-align: right;
}


td.RecordsV2 {
	padding-left: 4px;
	padding-right: 4px;
	/* white-space: nowrap; */
	text-align: right;
}


td.NomID {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
	text-align: left;
}


td.LeftAlign {
	text-align: left;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

tr.Total {
	background-color: #D1FAD1;
	text-align: right;
}

/* These next styles are used for showing nom time cycles  */
font.T {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Navy;
}

font.E {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Blue;
}

font.I1 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Red;
}

font.I2 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Red;
}

font.I3 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Red;
}

font.P {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Green;
}

font.B {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 11px;
	color : Maroon;
}



/*****************************************************************************/
/* The following styles are used everywhere   */



A.NewLink  {
	text-decoration : none;
	font-family : Verdana, Arial;
	font-weight : normal;
	font-size : 12px;
	color : Navy;
}
A.NewLink:Visited  {color : Navy;}
A.NewLink:Active  {color : Navy;}
A.NewLink:Hover  {color : red;}



body.standard {
	font : normal 12px Arial, Helvetica, sans-serif;
	color: Black;
}


p.Spacer100 {
	padding-top : 100px;
}

p.Spacer50 {
	padding-top : 50px;
}

p.IndentTopInstruction {
	margin-top : 12px;
	margin-left: 100px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Navy;
}

p.Standard {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;
	text-align : center;
}

p.Indented {
	margin-left: 140px;
	white-space: nowrap;
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;
}

p.ResponseText, p.ResponseTextLeft  {
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Black;
}

p.ResponseTextLeft  {
	text-align : left;
	margin-left: 20px;
}




A.ResponseLink  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 14px;
	color : Blue;
	background-color: #DCDCDC;
	width: 200px;
	border-bottom: 2px solid Black;
	border-right: 2px solid Black;
}


A.ResponseLink:Visited  {color : Navy; }
A.ResponseLink:Active  {color : Navy; }
A.ResponseLink:Hover  {color : Red; }


p.ErrorText  {
	margin-top : 50px;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Red;
}


font.Standard {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Black;
	text-align : center;
}

div.Instruction {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Navy;
	text-align : left;
}

div.RedInstruction {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : Red;
	text-align : left;
}


/*****************************************************************************/
/* These are used on pages with option links such as 12ContractOptions_cfm  */

A.OptionLinks  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 13px;
	color : Navy;
}

A.OptionLinks:Visited  {color : Navy;}
A.OptionLinks:Active  {color : Navy;}
A.OptionLinks:Hover  {color : Red;}

ul.Indented {
	margin-left: 140px;
	white-space: nowrap;
}

li.Instruction {
	font : normal 12px Arial, Helvetica, sans-serif;
	color : navy;
}

/* This is new for User Roles (8-20-08) Show inaccessible links this way. */
A.OptionLinksInaccessible  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 13px;
	color : Gray;
}





/* The following styles are used for calendars  */
tr.Head1 {
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	/*background-color: Wheat;*/
}

td.Head2 {
	width: 40px;
	background-color: Silver;

	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: blue;
}

td.Day {
	width: 40px;
	background-color: Silver;

	text-align: center;
	font-family: Arial;
	font-size: 12px;
	/* border-left: 1 solid Black; */
	/* border-bottom: 1 solid Black; */
}

td.HighlightedDay {
	width: 40px;
	background-color: #FFFF99;

	text-align: center;
	font-family: Arial;
	font-size: 12px;
	/* border-left: 1 solid Black; */
	/* border-bottom: 1 solid Black; */
}

A.DayLink  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 12px;
	color : Navy;
}
A.DayLink:Visited  {color : Navy;}
A.DayLink:Active  {color : Navy;}
A.DayLink:Hover  {font-weight : bold; color : red;}



A.MonthLink  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 12px;
	color : Navy;
}
A.MonthyLink:Visited  {color : Navy;}
A.MonthLink:Active  {color : Navy;}
A.MonthLink:Hover  {font-weight : bold; color : aqua;}


tr.InvHD {


}


td.InvTD {
	/* border-bottom: 1px solid Black;  */
	/* border-left: 1px solid Black;  */
}




































/* this is used on invoicing */
FieldSet.FS_Inv {
	width:650 px;



	padding-top:20px; /* sets ???   */
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;

	margin-top:0px; /* doesn't appear to do anything */
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}








/* The following styles are used for the new nom entry form.  */


FieldSet.FS {
	width:80%;
	background-color:White;

	padding-top:10px; /* sets ???   */
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;

	margin-top:0px; /* doesn't appear to do anything */
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}

Legend.FSL {
	font:12px verdana;
	font-weight:bold;
	/* font-style:italic; */
	color:Navy;
}



table.TA1 {

	width: 100%;
	border-collapse: collapse;
	/* margin-left: 10px; */
}


td.test {
	background-color:
}



/* All of these named classes get the following attributes. Later more individual
attributes are given to a class. */
td.CellColor1,td.WideCellColor1 {

	width: 220px;
	background-color:  #F9F9F9;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 12px;
	vertical-align: top;
}

td.WideCellColor1 {
	width: 600px;


}


span.LgtTxt {
	color: gray;

}


 span.Text2 {
	font: bold Verdana;
 }


 div.HeadingText {

 	font-family: Verdana, Arial;
 	font-size: 18px;
 	color: Navy;
	font-style: normal;
	letter-spacing: 3px;
	font: bold;
 }



























































/* Styles for the JISH reports Nov 2005 */

table.JISH {
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	width: 95%;
}


tr.JISH_Head {
	color: White;
	background-color: Black;
}


td.JISH_HeadData,td.JISH_HeadDataSpanner {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	font-family: Ariel;
	font-size: 12px;
	font-weight: bold;
}

td.JISH_HeadDataSpanner {
	border-bottom: 2px solid white;

}



td.JISH_Data,td.JISH_DataR {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

td.JISH_DataR {
	border-right: 1px solid black;
}


/* New styles for the User Role stuff  */
A.RoleLinks  {
	text-decoration : none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 11px;
	color : Green;
	cursor: pointer;
}



/* Styles for the new Wash10 report. (Could be used elsewhere)     */

table.W10 {
	border-collapse: collapse;
}


tr.W10Header {
	/*  useless ?  border-bottom: 1px solid red;  */
}


td.W10Header,td.W10HeaderL {
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11;
	border-bottom: 1px solid black;
}

td.W10HeaderL {
	text-align: left;
}


td.W10Cell {
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11;
}

td.W10Tot,td.W10TotL {
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

td.W10TotL {
	text-align: left;
}


td.SiteLinks {
	line-height: 10px;
}


A.SiteLinksLit  {
	text-decoration : none;
	font-family : Verdana, Arial;
	font-weight : bold;
	font-size : 11px;
	color : Navy;
}

A.SiteLinksDim  {
	text-decoration : none;
	font-family : Verdana, Arial;
	font-weight : bold;
	font-size : 11px;
	color : Silver;
}


/*  misc tests   */


Fieldset.test {


	border: none;
}

/* These styles are used to display the 'RED' menu buttons (HELP, LOGOFF, UPDATE PASSWORD, on navigation menu  */
.menubutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C0023), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #8C0023 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C0023', endColorstr='#c62d1f');
	background-color:#8C0023;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
	margin-bottom:5px;
}
.menubutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #8C0023) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #8C0023 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#8C0023');
	background-color:#c62d1f;
}
.menubutton:active {
	position:relative;
	top:1px;
}

.ext-ie .x-date-menu {
    width: 179px !important;
    height: 185px !important;
}