/* Main Style sheet for MLG biller */
@import url('../../styles/hhnav.css');

#nav-jpi {
	display: none;
}

#nav-menu { /* navigation box */
	top: -47px;
	left: 1px;
}
.nav-item1 {
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: -22px 0px 0px 1px;
	background-image: url("../images/navTwo_divider.gif");
	background-repeat: no-repeat;
	background-position: 0px -2px;

}
.nav-item2 {
	padding: 0px 2px 0px 5px;
}
.nav-item2 img{
	margin-right: 2px;
	vertical-align: middle;
}
.nav-item2 a{
	vertical-align: middle;
}
.nav-menu1 li{
	padding-top: 1px;
}
.nav-menu2 {
	margin: -23px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 100px;
	top: 0px;
	list-style-type: none;
	xlist-style-image: url("../images/navTwo_divider.gif");
}
.nav-item1-active {
	background-color: #7ca0dc;
	height: 22px;
}
#content {
	background-color: white;
	margin-left: 9px;
	width: 650px;
}


#content-table {
	width: 645px;
}


/****************   main navigation  ****************************/
a.navigation {
	font-size: 11px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}

.nav-item1-active a.navigation {
	color: #ffffff;
	margin-left: 15px;
	font-size: 11px;
	text-decoration: underline;
}

a.navigation:visited {
}

a.navigation:hover {
}

/* sub-navigation */
a.leftnav, a.leftnav:visited {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
}

a.leftnav:hover {
}


/* Default text elements */
body {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: white;
	font-weight: normal;
}

td {
}

.TitleFont { /* CC - Main titles */
	font-size : 18px;
	font-weight : bold;
	color : #1B68B8; /*#336699;*/
}

.body-title { /* JPI page titles */
	font-size: 10pt;
	font-weight: bold;
	color: #003399;
}

.body-title-error { /* JPI */
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
}

/* JPI - this style is used for the subsection titles within the form */
.form-style-title {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}

.ErrorTitleFont { /* Not found */
	font-size: 12pt;
	color: #FF0000;
	font-weight : bold;
}

.ErrorFont { /* Error pages */
	font-size: 10pt;
	color: #FF0000;
}

.WarningTitleFont { /* not found */
	font-size: 12pt;
	color: #660000;
	font-weight : bold;
}

.WarningFont { /* CC - pay multiple page */
	font-size: 10pt;
	color: #660000;
}

.RequiredField { /* Like bold error text */
	text-align: left;
	color: Red;
	font-size: 8pt;
	font-weight: bold;
}

.content { /* JPI - nearly deprecated */
	font-weight : normal;
}

.Heading { /* JPI - nearly deprecated */
	font-size : 10pt;
	font-weight : bold;
	text-decoration : none;
	xcolor : #004F00;
}

/* --------  Table Stuff --------- */

.HeadCell {  /* CC - Table headings */
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	color : #FFFFFF;
	background-color : #7ca0dc;
}

.TitleCell {  /* JPI - enrollment customer info */
	font-size: 9pt;
	color : #000000;
	background-color : Silver;
	font-weight : bold;
}

.TitleCellWhite {  /* not found */
	font-size: 9pt;
	color : #000000;
	background-color : #FFFFFF;
	font-weight : bold;
}

.TitleCelllightgrey {  /* CC - bold, grey bkgrnd */
	font-size: 9pt;
	color : black;
	font-weight : bold;
	background-color : #E0E0E0;
}

.StandardCell {  /* not very standard grey background */
	font-size: 9pt;
	color : black;
	background-color : #E0E0E0;
}

.StandardCellRowcolor1 {  /* Standard row, std background */
	font-size : 10px;
	color : #000000;
	background-color : #FFFFFF;
}

.StandardCellRowcolor2 {  /* Standard row, alternate background */
	font-size : 10px;
	color : #000000;
	background-color : #CCCCCC;
}

.StandarCellErrorRow {  /* Background for error text */
	background-color : #FFFFFF;
}

.BoxColor1 {  /* not found */
	background-color: #FFFFFF;
	border: thin #CCCCCC solid;
}

.BoxColor2{  /* CC - Table border color */
	background-color : #7ca0dc;
}

.BoxColor3{  /* not found */
	background-color : #336699;
}

.BoxColor4 { /* light grey highlight box */
    background-color: #CCCCCC;
}

.BoxColor5 { /* not found */
    background-color: #FFFFFF;
}

.BoxColor6 { /* not found */
	background-color: #000000;
}

/* this style is for the instructional text on form pages */
.form-style-text {
	font-size : 8pt;
	font-weight : normal;
	text-decoration : none;
	text-align : left;
	color : #000000;
}

.form-style-text-bold {
	font-size : 8pt;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
	color : #000000;
}

.form-style-text-center {
	text-align: center;
	color: black;
	font-size: 8pt;
	font-weight: normal;
}

.form-style-label { /* standard text style (should be for LHS columns) */
	text-align: left;
	vertical-align: top;
	color: black;
	font-size: 8pt;
	font-weight: normal
}

.form-style-label-req { /* JPI - not used */
	vertical-align: top;
	color: black;
	font-size: 8pt;
	font-weight: bold
}

.form-style-label-confirm { /* JPI - standard text, but bold ? */
	text-align: left;
	vertical-align: top;
	color: black;
	font-size: 8pt;
	font-weight: bold
}

/*  this style is used for the smaller instructional text in the forms */
.form-font-note {
	font-size : 9px;
	font-weight : normal;
	text-decoration : none;
	color : #000000;
}

.form-font-note-bold {
	font-size : 9px;
	font-weight : bold;
	text-decoration : none;
	color : #000000;
}

/*  this style is used for the smaller instructional text in the forms
	- with a different color */
.form-font-note-alt { /* not used */
	color: Red;
	font-size: 9px;
	font-weight: normal
}

/* Reversed out text - for dark fields */
.form-style-font-reverse {
	font-size : 8pt;
	font-weight : normal;
	text-decoration : none;
	color : #FFFFFF;
}

/* this style is used for field labels with an error */
.form-style-label-error {
	text-align: left;
	color: Red;
	font-size: 8pt;
	font-weight: normal
}

.form-style-text-error { /* CC */
	text-align: left;
	color: Red;
	font-size: 8pt;
	font-weight: bold
}

/* Step Progress Indicator (1-2-3-4) section styles -------------------------- */
.step-progress-on {
	color: #000000;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
}

.step-progress-off {
	color: #BFBFBF;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
}

/*  misc. styles --------------------------------------- */
.TitleFontsubhead { /* Liability presentment only */
	font-size: 11pt;
	color : #003366;
	font-weight : bold;
}

.StandardFont { /* Liability presentment only */
	font-size: 11pt;
	color : black;
	font-weight : normal;
}

.StandardFontBold { /* Liability presentment only */
	font-size: 10pt;
	color : black;
	font-weight : bold;
}

/* JPI - Liability display fields area */
.SmallFontData {
    text-align : left;
    vertical-align : top;
    font-family: Courier, monospaced;
    color : #000000;
    font-size : 9pt;
    font-weight : normal;
}

/* Fonts for general messages. */
.InfoMessage {
	font-size: 10pt;
	color : #000000;
	font-weight : normal;
	background-color : White;
}

.FatalMessage {
	font-size: 10pt;
	color : #C00000;
	font-weight : bold;
	background-color : White;
}

.DebugMessage {
	font-size: 8pt;
	color : #0000FF;
	font-weight : normal;
	background-color : White;
}

/* Button Styles */

/* General Button Parameters */
input {
	font-size: 8pt;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

button {
	font-size: 8pt;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

/* Main submit style buttons (various widths) */
.actionbutton {
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.actionbutton:hover {
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

.actionbutton2 {
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 110px
}

.actionbutton2:hover {
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

.actionbutton2-5 { /* CC */
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.actionbutton2-5:hover { /* CC */
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

.actionbutton3 {
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.actionbutton3:hover {
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

.actionbutton4 {
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.actionbutton4:hover {
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

.actionbutton5 {
	white-space: nowrap;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
	background-color: #cfdef5;
	border-top-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-left-style-value: solid;
	border-top-color: #5285ab;
	border-left-color-value: #5285ab;
	border-right-width-value: 2px;
	border-right-style-value: solid;
	border-right-color-value: #5285ab;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5285ab;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	text-align: center;
	vertical-align: middle;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.actionbutton5:hover {
	background-color: #7ca0dc;
	border-top-color: #ffffff;
	border-left-color-value: #ffffff;
	border-right-color-value: #5285ab;
	border-bottom-color: #5285ab;
	color: #000000;
}

/* Inline style buttons */

/* Inline text button */
.editbutton {
	border-bottom: thin solid #999999;
	border-right: thin solid #999999;
	border-top: thin solid #EFEFEF;
	border-left: thin solid #EFEFEF;
	font-size: 9px;
	background-color: #cfdef5;
	color: #000000;
	width: 50px
}

/* narrow table button */
.editbuttontablerow { /* CC */
	border-bottom: thin solid #666666;
	border-right: thin solid #666666;
	border-top: thin solid #EFEFEF;
	border-left: thin solid #EFEFEF;
	font-size: 9px;
	background-color: #CCCCCC;
	color: #000000;
	width: 40px
}

/* Wider table button */
.editbuttontablerow1 { /* CC ? */
	border-bottom: thin solid #666666;
	border-right: thin solid #666666;
	border-top: thin solid #EFEFEF;
	border-left: thin solid #EFEFEF;
	font-size: 9px;
	background-color: #CCCCCC;
	color: #000000;
	width: 80px
}

/* 100 pixel wide edit button. Needed for "Current Transactions" */
.editbuttontablerow100 {
	border-bottom: thin solid #666666;
	border-right: thin solid #666666;
	border-top: thin solid #EFEFEF;
	border-left: thin solid #EFEFEF;
	font-size: 9px;
	background-color: #CCCCCC;
	color: #000000;
	width: 100px
}


/****************   main links  ****************************/


/* Default Link attributes */
a {
}

a:hover {
}

a:visited {
}

/* Show horizontal submenu on login page      */
#nav-menu.nav-NotLoggedIn .nav-menu2 {
	display: block;
}
#banner {
	display:inline;
	margin-left: 700px;
	margin-top: 60px;
}

/*  Used in view-doc.tmpl to properly show the navigation links. */
#leftFrameBody #nav-menu {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 18px;
      background-color: white;
}
#leftFrameBody #left-content {
      position: absolute;
      background-color: #008CB5;
      margin-left: 0px;
      height: 100%;
      width: 660px;
}