/*****************************************************************************/
/* The following styles are used on the index pages */

body.index {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
}

#HPBody {
	background-color: #f8f8ff;
}

#HPContainer {
	width: 1024px;
	margin:auto;
	margin-top: 50px;
	border: grey 2px solid;
	padding: 20px;
	background-color: #fff;
}


#HPLatLogo {
	float: left;
	margin-top: 175px;
	width: 30%;
}

#HPFooter{
	/*float: right;*/
	margin-top: 175px;
	/*width: 75%;*/
}

#HPExtraHTML {
	margin-left:0px;
}

ul.HPLinkList {
	padding: 0px;
	list-style: none;
	line-height: 30px;
	text-align: center;
}

li.HPButton {
	width: 150px;
	margin: auto;
	cursor:pointer; 
}

a.HPLinks  {
	text-decoration : none;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 15px;
	color : #000080;
}

a.HPLinks:Visited  {color : #000080;}
a.HPLinks:Active  {color : #000080;}
a.HPLinks:Hover  {text-decoration: underline;}

p.FacilityName {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 50px;
	color : #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}

p.Instruction {
	color : #000000;
	font : normal 15px Arial, Verdana, Helvetica, sans-serif;
}

a.Links  {
	text-decoration : none;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 13px;
	color : #000080;
}

a.Links:Visited  {color : #000080;}
a.Links:Active  {color : #000080;}
a.Links:Hover  {text-decoration: underline;}


/*****************************************************************************/
/* The following styles are used on the frameindex ('FI') */

table.FI {
	border-collapse: collapse;
}

td.FIHeader {
	font : bold 9pt Verdana, Geneva, sans-serif;
	padding-top:7px;
	padding-left:2px;
}


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: 14px;
	padding-left: 10px;

}

a.FILinks  {
	text-decoration : none;
	font-family : Verdana, Geneva, sans-serif;
	font-weight : normal;
	font-size : 8.5pt;
	color : #000080;
	line-height: 15px;
}

a.FILinks:Visited  {color : #000080;}
a.FILinks:Active  {color : #000080;}
a.FILinks:Hover  {text-decoration: underline;}


/*****************************************************************************/
/* The following styles are used  on the Login pages (0Body, 0ProcessLogin)  */

table.Login{
	margin-top : 10px;
}

p.LoginInstruction {
	color : #000000;
	font : normal 15px; font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top : 200px;
}

h3.Login {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h4.Login {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

td.Login {
	font: normal 13px; font-family: Arial, Verdana, Helvetica, sans-serif;
}


label.Login {
	font: normal 13px; font-family: Arial, Verdana, Helvetica, sans-serif;
}

/*****************************************************************************/
/* The following styles are used in the CF Error Handler */
p.CFErrorMessage {
	margin-top : 15px;
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 15px;
	color : Red;
}


/*****************************************************************************/
/* The following styles are used on input forms such as 1DateSelection, NomInputForm */

p.CenterTopInstruction {
	margin-top : 15px;
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #000080;
}

p.CenterTopInstructionNoMarginTop {
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #000080;
}

input[type=text] {
	margin:3px 0px;
	padding:2px;
}

input[type=password] {
	margin:3px 0px;
	padding:2px;
}

select {
	margin:3px 0px;
	padding:2px;
}

input[type=submit] {
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

input[type=button] {
	margin:2px; 
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

input[type=reset] {
	margin:2px; 
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

input.Cancel {
	background:#fff;
	text-decoration: none;
	color: #000080;
	font-weight: bold;
}

input.Delete {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color: #ff0000;
}

input.Standard {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
}

input.Small {
	font : normal 11px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
	padding:5px; 
}

input.Tiny {
	font : bold 10px Verdana, Arial, Helvetica,  sans-serif;
	color : #000000;
	width: 55px;
	height: 19px;
}

input.TinyLong {
	font : bold 10px Verdana, Arial, Helvetica,  sans-serif;
	color : #000000;
	width: 110px;
	height: 19px;
}

input.ResponseButton {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
}

.menubutton {
	font: normal 10.5px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 5px; 
	background: #c62d1f;
	color: #ffffff;
	border: 0 none;
	display: block;
	width: 125px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}

.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;
}

.Normal {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
}

/* This can be used to make a variety of things small - select boxes, input boxes, text etc */
.Small {
	font : normal 11px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
}

.LoggedInAs {
	font : normal 12px Arial, Verdana, Helvetica, sans-serif;
	text-align:right;
	color:#8e8e8e;
	margin-right:15px;
	margin-top: 5px;
}

table.Standard {
	padding: 4px 2px;
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	vertical-align: top;
}


table.Standard2 {
	padding: 4px 2px;
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	vertical-align: top;
}

td.Standard2 {
	padding-left: 15px;
	padding-right: 15px;
}

table.Standard3 {
	padding: 4px 2px;
	font : normal 12px Arial, Verdana, Helvetica, sans-serif;
	vertical-align: top;
}

td.Standard4 {
	padding-left: 3px;
	padding-right: 3px;
}



tr.BGColor1 { background-color: #FFFFFF; }
tr.BGColor2 { background-color: #FFFFCC; }
tr.BGColor3 { background-color: #CCFFCC; }



/*****************************************************************************/
/* The following styles are used on Contract MDQ */
tr.Heading {
	background-color: #E8E6CC;
	font : normal 13px Arial, Helvetica, sans-serif, ;
	color: #FFFFFF;
}

tr.Heading2 {
	background-color: #F1FCF2;
	font : normal 13px Arial, Helvetica, sans-serif, ;
	color: #FFFFFF;
}


/*****************************************************************************/
/* The following styles are used on the Capacity Release pages */
table.CRStandard { 
	padding: 10px 0px 10px 0px; /* these pads affect table only - not cells */
	font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse:collapse;
}

td.CR1 {
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}


td.CR11 {
	color: 8c4600; /* brown */
	/*  greeencolor: 004600; */   /* green */
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}




/*****************************************************************************/
/* The following styles are used on the 'Show' pages - 1ShowNoms, 3ShowNoms
that show rows of records from the DB  */
table.Records {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

td.TopBar {
	background-color: #DCDCDC;
	padding: 7px 5px 7px 5px;
}


tr.Header { background-color: #DCDCDC; }
tr.RecordColor1 { background-color: #FAFAD2; }
tr.RecordColor2 { background-color: #EEE8AA; }
tr.Records { vertical-align: top; }

td.Header {
	padding: 4px;
}

td.Records {
	padding: 4px;
	text-align: right;
}

td.TotalRecords {
	padding: 4px;
	text-align: right;
}


td.RecordsV2 {
	padding: 4px;
	text-align: right;
}


td.NomID {
	padding: 4px;
	text-align: left;
}


td.LeftAlign {
	text-align: left;
	padding: 4px;
}

tr.Total {
	background-color: #D1FAD1;
	text-align: right;
	line-height: 1.5em;
}

/* 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 : 12px;
	color : #000080;
}

font.E {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Blue;
}

font.I1 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Red;
}

font.I2 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Red;
}

font.I3 {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Red;
}

font.P {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Green;
}

font.B {
	text-decoration : none;
	font-family : "Courier New", "Times New Roman";
	font-weight : bold;
	font-size : 12px;
	color : Maroon;
}



/*****************************************************************************/
/* The following styles are used everywhere   */
body.standard {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}


p.Spacer100 {
	padding-top : 100px;
}

p.Spacer50 {
	padding-top : 50px;
}

p.Spacer20 {
	padding-top : 20px;
}

p.Spacer10 {
	padding-top : 10px;
}

p.IndentTopInstruction {
	margin-top : 12px;
	margin-left: 100px;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #000080;
}

p.Standard {
	font : normal 12px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
	text-align : center;
}

p.Indented {
	margin-left: 140px;
	white-space: nowrap;
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
}

p.ResponseText, p.ResponseTextLeft  {
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #000000;
}

p.ResponseTextLeft  {
	text-align : left;
	margin-left: 20px;
}

p.ErrorText  {
	margin-top : 50px;
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : Red;
}

p.ResponseTextNoMarginTop  {
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
}

p.ErrorTextNoMarginTop  {
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : Red;
}

p.SuccessText  {
	margin-top : 50px;
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : green;
}

p.SuccessTextNoMarginTop  {
	text-align : center;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : green;
}

input.error {
	border: 1px dotted red;
}

label.error {
	color: red;
	font-style: italic;
}

 div.ErrorBanner {
 	font-size:11pt;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	color:#fff;
 	width:98%;
 	line-height: 20px;
 	text-align: left;
 	background-color: #FC141C;
 	padding:10px;
 	margin: 0px;
 }

font.Standard {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000000;
	text-align : center;
}

div.Instruction {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	color : #000080;
	text-align : left;
}

div.RedInstruction {
	font : normal 13px Arial, Verdana, 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, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 13px;
	color : #000080;
}

a.OptionLinks:Visited  {color : #000080;}
a.OptionLinks:Active  {color : #000080;}
a.OptionLinks:Hover  {text-decoration: underline;}

a.SmallLinks  {
	text-decoration : none;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 12px;
	color : #000080;
}

a.SmallLinks:Visited  {color : #000080;}
a.SmallLinks:Active  {color : #000080;}
a.SmallLinks:Hover  {text-decoration: underline;}

ul.Indented {
	margin-left: 140px;
	white-space: nowrap;
}

li.Instruction {
	font : normal 13px Arial, Verdana, Helvetica, sans-serif;
	line-height: 15px;
	color : #000080;
}


/* this is used on invoicing */
fieldset.FS_Inv {
	width:650 px;
	padding:20px;
	margin:0px;
}


/* The following styles are used throughout on form pages.  */
fieldset.FS {
	width:80%;
	background-color:#FFFFFF;
	padding:10px; 
	margin:0px;
	overflow: auto;
}

/* The following styles are used throughout on REPORT pages.  */
fieldset.FSR {
	width:1000px;
	background-color:#FFFFFF;
	padding:5px; 
	margin:0px;
	overflow: auto;
}

legend.FSL {
	font:13px verdana;
	font-weight:bold;
	/* font-style:italic; */
	color:#000080;
}

table.TA1 {

	width: 100%;
	border-collapse: collapse;
	/* margin-left: 10px; */
}



/* 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: 5px 10px 5px 10px;
	text-align: left;
	font-family: Verdana, Arial;
	font-size: 13px;
	vertical-align: top;
}

td.WideCellColor1 {
	width: 600px;
}


span.LgtTxt {
	color: gray;
}

div.HeadingText {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 18px;
 	color: #000080;
	font-style: normal;
	letter-spacing: 2px;
 }

div.HeadingTextWithMargins {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 18px;
 	color: #000080;
	font-style: normal;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-bottom: 50px;
 }


/* Styles for the JISH reports Nov 2005 */
table.JISH {
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	width: 95%;
}

tr.JISH_Head {
	color: #FFFFFF;
	background-color: #000000;
}

td.JISH_HeadData,td.JISH_HeadDataSpanner {
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

td.JISH_HeadDataSpanner {
	border-bottom: 2px solid #FFFFFF;

}

td.JISH_Data,td.JISH_DataR {
	padding: 0px 4px 0px 4px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

td.JISH_DataR {
	border-right: 1px solid #000000;
}


/* New styles for the User Role stuff  */
a.RoleLinks  {
	text-decoration : none;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 12px;
	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, Verdana, Helvetica, sans-serif;
	font-size: 11;
	border-bottom: 1px solid #000000;
}

td.W10HeaderL {
	text-align: left;
}

td.W10Cell {
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	font: Verdana, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11;
}

td.W10Tot,td.W10TotL {
	text-align: right;
	padding-left: 6px;
	padding-right: 6px;
	font: Verdana, Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

td.W10TotL {
	text-align: left;
}



td.SiteLinks {
	line-height: 15px;
}


a.SiteLinksLit  {
	text-decoration : none;
	font-family : Verdana, Arial;
	font-weight : bold;
	font-size : 12px;
	color : #000080;
}

a.SiteLinksDim  {
	text-decoration : none;
	font-family : Verdana, Arial;
	font-weight : bold;
	font-size : 12px;
	color : Silver;
}


/*  misc tests   */
.ext-ie .x-date-menu {
    width: 179px !important;
    height: 185px !important;
}

#container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/* Main Layout CSS */
#navmenu {
	float:left;
	width:200px;
	overflow: auto;
	position: fixed;
	top: 0;
	height:100%;
	padding-left:10px;
	padding-top:10px;
}

#content {
	margin-left: 200px;
	overflow:auto;
	height:100%;
	padding-left: 10px;
}


@media only screen and (max-width: 1024px) {
    #HPBody {
    	background-color: #fff;
    }

    #HPContainer {
		width: 500px;
		border: 0px;
		padding: 0px;
		margin-top: 0px;
	}

	#HPLatLogo {
		margin-top: 75px;
	}

	#HPFooter {
		display: none;
	}

	li.HPButton {
		width: 100%;
		margin-top: 25px;
		background-color: #337ab7;
		border-radius: 6px;
		border: 1px solid transparent;	
	}

    a.HPLinks  {
		font-size : 25px;
		line-height: 75px;
		color: #fff;
	}

    p.FacilityName {
		font-size:30px;
	}
}

@media only screen and (max-width: 500px) {
    #HPContainer {
		width: 100%;
	}
	
	ul.HPLinkList {
		margin: 10px;
	}

	a.HPLinks  {
		font-size : 18px;
		line-height: 60px;
		padding: 5px;
	}

	li.HPButton {
		margin-top: 15px;		
	}

	p.FacilityName {
		font-size:18px;
	}
}