* {padding: 0; margin: 0;} 

body {
  margin: 0;
  padding: 0 0 5em 0; /* bottom padding is height of #bottomFrame */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  /*SET FONT SIZE PERCENTAGE LOWER FOR IE*/
  color: #009;
  background-color: white;
}

ol {
  margin: 5px 0 15px 0;
}

ol li {
  margin: 2px 0 2px 0;
}

h1 {
  margin: 0 0 10px 0;
  padding: 3px;
  font-size: 1.4em;
  color: #eef;
  background-color: rgb(0,100,175);
}
h2, h3, h4, h5, h6 {color: blue;}
h2 {
  /*margin: 1.5em 0 5px 0;
  font-size: 1.7em;
  border-bottom: 1px solid blue;*/
  color: Navy;
  margin: 10px 0 5px 0;
  font-size: 1.3em;
  
}
h3 {
  margin: 15px 0 10px 0;
  font-size: 1.2em;
  color: #009;
}	
h4 {
  margin: 10px 0 10px 0;
  font-size: 1.1em;
}	
h5 {
  margin: 5px 0 5px 0;
  font-size: 1em;
}
h6 {margin: 5px 0 5px 0;}

hr {margin: 10px 0 10px 0;}

p {margin: 5px 0 15px 0;}
p, li, blockquote, td, input, th, select {}
p.error {background-color: white; color: red; font-weight: bold;}
p#certifyBox {text-align: left;}
p#print {text-align: center;}

ul.nobullet {list-style-type: none; margin: 0 0 10px 0;}
ul.nobullet li {margin-bottom: 0px;}

table {font-size: 1em;}
textarea {
  font-size:1.1em;
	font-family: verdana, arial, helvetica, sans-serif;
}

#skipnav {
	position: absolute;
	top: 0;
	left: -1000px;
}

#footer { 
	margin-left: 10px;
}

#header {
  width: 100%;
  /*min-height: 30px;*/
  /*height: 30px;*/
  text-align: center;
  /*background: url(../../images/cpis.gif) left bottom no-repeat;*/
  overflow: hidden;
  background-color: rgb(0,100,175);
  border-bottom: 2px outset #000;
}
#header span { /* image replacement technique for older browsers */
  	width: 100%;
  	height: 100px;
  	position: absolute;
  	top: 0;
  	left: 0;
}
#header h1 {
  margin: 0;
  color:yellow;
  text-align:left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14pt;
  display: inline;
  background-color: transparent;
  white-space: nowrap;
}
#header p {
  display: inline;
  margin: 10px;
  text-align: right;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  white-space: nowrap;
}

#header ul {
  /*margin: 10px;*/
  display: inline;  
  color: rgb(230,230,230);
  list-style-type: none; 
}
div#header ul li {
  margin: 5px;
  font-size: 10pt;
}
div#logonHeader {
  float: left;
}
#header a {
  color: rgb(230,230,230);
  font-size: 10pt;
  font-weight: bold;
}

#lefty {
	float: left;	
}

#righty {
	float: right;
}

#content {
  margin: 15px 10px 1em 10px;
  padding: 5px 5px 2em 5px; 
  height: 1%;
  border:1px solid blue;
}

section#logon h3 {
  text-align:center;
}

section#menu h3 {
  text-align:center;
}

article#content ul li {
  margin: 0;
  border-bottom:3px solid white;
}         
article#content ul li a {
  display: block;
  margin: 0;
  padding: 2px 4px;
  text-decoration: none;
}

	
/* BEGIN Horizontal Menu Styles */
#welcome {
  margin: 5px 10px 5px 15px; 
  float: right;
  font-weight: bold;
}

#navcontainer { 
  font-size: 10pt;
  background-color: #eef;
  margin: 0;
  padding: 0 ;
  list-style-type: none;
}

#navcontainer li { display: inline; padding: 0; margin: 0;  }
#navcontainer a { text-decoration: none; line-height: 2.1; }

/*1st level elements*/
ul#navlist {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

#navcontainer ul#navlist a,
#navcontainer ul#navlist a:link,
#navcontainer ul#navlist a:visited {
  padding: 5px 0;
  color: blue;
  border: 1px solid #eef;
  font-weight: bold;
}

#navcontainer ul#navlist a:hover,
#navcontainer ul#navlist a:focus {
  color: #009;
  background-color: rgb(207,207,207);
  border: 1px solid blue;
}

body.hidesecond #navcontainer ul#navlist {margin-bottom: 0;}
body.hidesecond #subnavcontainer {display: none !important;}

/*Second and subsequent levels*/
#subnavcontainer { 
  font-size: 10pt;
  background-color: #eef;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#subnavlist {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#subnavcontainer li { display: inline; padding: 0; margin: 0; }
#subnavcontainer a { text-decoration: none; line-height: 2.1; }

#subnavcontainer ul#subnavlist {
  color: white;
  background-color: rgb(0,100,175);
}

#subnavcontainer #subnavlist a,
#subnavcontainer #subnavlist a:link,
#subnavcontainer #subnavlist a:visited {
  color: white;
  padding: 5px 0px;
  background-color: rgb(0,100,175);
  border: 1px solid rgb(0,100,175);
  font-weight: bold;
}

#subnavcontainer #subnavlist a:hover,
#subnavcontainer #subnavlist a:focus {
  color: #009;
  background-color: rgb(207,207,207);
  border: 1px solid blue;
}

/*current Link*/
body.home #navcontainer ul#navlist a.home,
body.home #navcontainer ul#navlist a.home:link,
body.home #navcontainer ul#navlist a.home:visited,
body.notification #navcontainer ul#navlist a.notification,
body.notification #navcontainer ul#navlist a.notification:link,
body.notification #navcontainer ul#navlist a.notification:visited,
body.invoices #navcontainer ul#navlist a.invoices,
body.invoices #navcontainer ul#navlist a.invoices:link,
body.invoices #navcontainer ul#navlist a.invoices:visited,
body.inquiry #navcontainer ul#navlist a.inquiry,
body.inquiry #navcontainer ul#navlist a.inquiry:link,
body.inquiry #navcontainer ul#navlist a.inquiry:visited,
body.menu #navcontainer ul#navlist a.menu,
body.menu #navcontainer ul#navlist a.menu:link,
body.menu #navcontainer ul#navlist a.menu:visited,
body.links #navcontainer ul#navlist a.links,
body.links #navcontainer ul#navlist a.links:link,
body.links #navcontainer ul#navlist a.links:visited,
body.mfmaint #navcontainer ul#navlist a.mfmaint,
body.mfmaint #navcontainer ul#navlist a.mfmaint:link,
body.mfmaint #navcontainer ul#navlist a.mfmaint:visited,
body.logout #navcontainer ul#navlist a.logout,
body.logout #navcontainer ul#navlist a.logout:link,
body.logout #navcontainer ul#navlist a.logout:visited {
  color: yellow;
  background-color: rgb(0,100,175);
  border: 1px solid rgb(0,100,175);
}

/*current Link for subnavcontainer*/
body.inquiry #subnavcontainer ul#subnavlist a.inquiry,
body.inquiry #subnavcontainer ul#subnavlist a.inquiry:link,
body.inquiry #subnavcontainer ul#subnavlist a.inquiry:visited,
body.inquiry #subnavcontainer ul#subnavlist a.inquiry:hover,
body.inquiry #subnavcontainer ul#subnavlist a.inquiry:focus,
body.invoices #subnavcontainer ul#subnavlist a.invoices,
body.invoices #subnavcontainer ul#subnavlist a.invoices:link,
body.invoices #subnavcontainer ul#subnavlist a.invoices:visited,
body.invoices #subnavcontainer ul#subnavlist a.invoices:hover,
body.invoices #subnavcontainer ul#subnavlist a.invoices:focus,
body.provmaint #subnavcontainer ul#subnavlist a.provmaint,
body.provmaint #subnavcontainer ul#subnavlist a.provmaint:link,
body.provmaint #subnavcontainer ul#subnavlist a.provmaint:visited,
body.provmaint #subnavcontainer ul#subnavlist a.provmaint:hover,
body.provmaint #subnavcontainer ul#subnavlist a.provmaint:focus {
  color: yellow;
  background-color: rgb(0,100,175);
  border: 1px solid rgb(0,100,175);
}

/* END Horizontal Menu Styles */

/* BEGIN bottomframe Style */
html>body #bottomFrame {
  position: fixed;
}
#bottomFrame {
	height: 2.75em;
  width: 100%;
  padding: 0;
	text-align: right;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: #eef;
	background-color: rgb(0,100,175);
}
#bottomFrame #submitbuttons {
  border: none; 
  margin:.25em 0 .5em 0; 
  float: left;
  }

#bottomFrame #subfooterright {
  float:right;
}
#bottomFrame #subfooterright a {
  background-color: transparent; 
  /*padding: .1em;*/ 
  line-height: 100%;
  display: inline;
  /*color: #eef;*/
  color: White;
  font-weight: bold;
  font-size: 9pt;
}
#bottomFrame #subfooterright a:hover {
  background-color: rgb(207,207,207);  
  color: #009;
}
#bottomFrame #subfooterright {
  padding: 0 5px 0 0; 
  margin:0;
}
#bottomFrame #subfooterright ul {
  margin:0 !important; 
  padding:0; 
  text-align: right;
} 
#bottomFrame #subfooterright li {
  display: inline; 
  list-style-type: none;
  border-bottom: none;
  font-size: 10pt;
}
#bottomFrame #subfooterright a.image:hover {
  background-color: transparent;
  text-decoration: none;
  border: none;
}
/* For IE */
#bottomFrame {
  _position: absolute;
  _top: expression(document.body.scrollTop + document.body.clientHeight - offsetHeight);
  _width: expression(document.body.clientWidth);
}

/* END bottomframe Style */

/*BEGIN Miscellaneous Styles*/
#submitbuttons, .submitbuttons {
	text-align: center;
	margin: 0px;
	padding: 5px;
    border: 1px solid #666;
	background-color: rgb(0,100,175);
}

/*give all buttons (except on type="file") a common look*/
.buttons, .buttonslarge {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin: 0;  
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttons {
  width: 7em;
}
.buttonslarge {
  width: 12.7em;
}

/*give all buttons (except on type="file") a common look*/
.buttonsChange {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin-top: 10px; 
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttonsChange {
  width: 7em;
}


/*give all buttons (except on type="file") a common look*/
.buttonsLogon, .buttonslargeLogon {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin-top: 10px; 
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttonsLogon {
  width: 7em;
}
.buttonslargeLogon {
  width: 12.7em;
}

/*give all buttons (except on type="file") a common look*/
.buttonsPayInqReset {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin-left: 10px;  
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttonsPayInqReset {
  width: 7em;
}

/*give all buttons (except on type="file") a common look*/
.buttonsPayInqSearch {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin-right: 10px;  
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttonsPayInqSearch {
  width: 7em;
}

/*give all buttons (except on type="file") a common look*/
.buttonsProvInquiry {
  color: #009;
  /*background-color: #eef;*/
  background-color: rgb(207,207,207);
  max-height: 2em;
  margin-top: 10px;  
  padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
/*give all buttons (except on type="file") a common look*/
.buttonsProvInquiry {
  width: 7em;
}

/*a.buttons {
  padding: .2em 0 .2em 0;
  text-decoration: none;  
  color: #009 !important;
  font-family: verdana, arial, helvetica, sans-serif;  
  margin: -1px 0 -4px 0 !important;
  border-top: 2px outset white;
  border-right: 2px outset #eee;
  border-bottom: 2px outset #eee;
  border-left: 2px outset white;
  width: 12em;
}*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bottom {
	vertical-align: bottom;
}

.top {
	vertical-align: top;
}

.centerTop {
	text-align: center;
	vertical-align: top;
}

.rightTop {
	text-align: right;
	vertical-align: top;
}

.confirm {
	vertical-align: bottom;
	text-align: left;
	width:120px;
}
.confirmBox {
	width: 27px; 
	height: 27px;
}

.authRate {
	text-align: center;
	vertical-align: bottom;
	width: 1px;
    white-space: nowrap;
}

.authRate input {
	text-align: right; 
	padding-right: 2px;
}

.startDate {
	text-align: center;
	vertical-align: bottom;
}

.endDate {
	text-align: center;
	vertical-align: bottom;
}

.unitsRemaining {
	text-align: center;
	vertical-align: bottom;
}

.unitsRemaining input {
	text-align: right; 
	padding-right: 2px;
}

.servTotal {
	text-align: right;
	vertical-align: bottom;
	width: 1px;
    white-space: nowrap;
}

.servTotal input {
	text-align: right; 
	padding-right: 2px;
}



/* Make input type=text look like regular read-only text>*/
.text {
  text-decoration: none !important;;
  padding: 0 !important;;
  margin: 0 !important;;
  color: #009;
  border: none;
  background-color: transparent;
  width: 60px;
}

.label{color: blue;}
a:link {color: blue;}
a:visited {color: blue;}

.width275px {width: 275px !important;}
.width250px {width: 250px !important;}
.width200px {width: 200px !important;}
.width175px {width: 175px !important;}
.width150px {width: 150px !important;}
.width125px {width: 125px !important;}
.width100px {width: 100px !important;}
.width75px {width: 75px !important;}
.width50px {width: 50px !important;}
.width25px {width: 25px !important;}

.readonly {
  background-color: rgb(228,228,228);
}
.placeRadio {
	font-size: 120%; 
	margin-left: 15px; 
	color: blue; 
	display: block;	
}
.printOnly {
  display: none;
  visibility: hidden;
}
.stimer {
  visibility: hidden;
  font-weight: bold;
  font-size: 10pt;
}

.help {
  border: 1px solid #000000;
  background-color: #f5f5f5;
  display: none;
  padding: 5px;
}

div#help ul li {
  margin: 5px 5px 10px 30px;
  border: none;
}         
div#help ul li a {
  display: inline !important;
  padding: 0px !important;
  font-size: 100%;
}

div#help ul li a {
  background-color: #f5f5f5 !important;
}
div#help ul li a:hover {
  color: blue !important;
  text-decoration:underline;
}

.provMaint {
	width: 75%; 
	border-bottom: 1px solid blue;	
}

.toggleDetail {
	display: none;
	visibility: hidden;	
}

.red {
	color: red;
}


.servCode {
	text-align: left; 
	font-size: 120%;
}

.8pt {
	font-size: 8pt;
}

/*BEGIN table styles */
.changePwdTable {
	border:none; 
	text-align:center;
	width:400px; 
	padding:5px; 
	border-collapse: separate; 
	border-spacing: 5px;
	margin-left:auto;
	margin-right:auto;
}
.chagePwdTable th {text-align:right; width:50%;}
.changePwdTable td {text-align:center; width:50%;}

.inqResultsTable {
	padding:5px; 
	border-collapse: separate; 
	border-spacing: 5px;
}

.menuTable {
	text-align:center;
	padding:20px; 
	border-collapse: separate; 
	border-spacing: 20px;
	margin-left:auto;
	margin-right:auto;
}

.centerTable {
	margin-left:auto;
	margin-right:auto;
}

.logonTable {
	border:none; 
	text-align:center;
	width:550px; 
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 5px;
	margin-left:auto;
	margin-right:auto;
}
.logonTable th {text-align:right; width:35%;}
.logonTableLeft {text-align:left; width:35%;}
.logonTableNote {text-align:left; width:30%;}

.coLogonTable {
	border:none; 
	text-align:center;
	width:400px; 
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 5px;
	margin-left:auto;
	margin-right:auto;
}
.coLogonTable th {text-align:right; width:50%;}
.coLogonTableLeft {text-align:left; width:50%}

.changePwdTable {
	border:none; 
	text-align:center;
	width:400px; 
	padding:5px; 
	border-collapse: separate; 
	border-spacing: 5px;
	margin-left:auto;
	margin-right:auto;
}
.chagePwdTable th {text-align:right; width:50%;}
.changePwdTable td {text-align:center; width:50%;}

.coMainMenuTable {
	padding:0px; 
	border-collapse: separate; 
	border-spacing: 20px;
	margin-left:auto;
	margin-right:auto;
}
.coMainMenuTable td {text-align:left;}

.inqResultsTable {
	padding:5px; 
	border-collapse: separate; 
	border-spacing: 5px;
}

.mainMenuTable {
	padding:0px; 
	border-collapse: separate; 
	border-spacing: 20px;
	margin-left:auto;
	margin-right:auto;
}

.menuTable {
	text-align:center;
	padding:20px; 
	border-collapse: separate; 
	border-spacing: 20px;
	margin-left:auto;
	margin-right:auto;
}

.payDetailTable {
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 10px;
}
.payDetailTable th {text-align:right;}

.warrantDetailCriteriaTable {
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 10px;
}
.warrantDetailCriteriaTable td {text-align:right;}

.payInquiryTable {
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 15px;
}
.payInquiryTable th {text-align:right;}

.provInquiryTable {
	padding:10px; 
	border-collapse: separate; 
	border-spacing: 10px;
}

.provStatusTable {
	padding: 5px; 
	border-collapse: separate; 
	border-spacing: 10px;
}
.provStatusTable th {
	text-align: right;
}
.provStatusTable td {
	text-align: left;
}

table#info {
	margin-left: auto;
	margin-right: auto;
}

table#info th {
	text-align: right;
	vertical-align: top;
	width: 1px;
    white-space: nowrap;	
}

table#info td {
	text-align: center;
	vertical-align: top;
	width: 1px;
    white-space: nowrap;	
}

table#inqDetails {
	width: 90%;
}
table#inqDetails th td {
	text-align: center;
	width: 1px;
    white-space: nowrap;
}

table#invoiceDetails th {
	text-align: center;
}

table#invoiceList {
	width: 90%;
}

table#invoiceList th {
	text-align: center;
	width: 1px;
    white-space: nowrap;
}

table#invoiceList td {
	width: 1px;
    white-space: nowrap;
}

table#payDetail th {
	text-align: center;
}

table#placeTable th {
	text-align: right;
}

table#provDetail {
	padding: 10px; 
	margin-left: auto;
	margin-right: auto;
}
table#provDetail th td {
	text-align: center;
}

table#provSearch {
	padding: 5px; 
	border-collapse: separate; 
	border-spacing: 5px;
}
table#provSearch th {
	text-align: right;
}

table#searchCriteria th {
	text-align: right;
}

table#serviceDetail {
	padding: 10px; 
	margin-left: auto;
	margin-right: auto;
}
table#serviceDetail th td {
	text-align: center;
}

table#services th {
	text-align: center;
	vertical-align: bottom;
}

table#warrantDetail {
	padding: 10px; 
	border-collapse: separate; 
	border-spacing: 10px;
}
table#warrantDetail th td {
	width: 1px;
    white-space: nowrap;
}
table#warrantDetail caption {text-align: left;}
table#warrantDetail th {text-align: center;}
table#warrantDetail td {text-align: center;}

.tabular {}
.tabular th, 
.tabular td {
  padding: 4px !important;
  border: none;
}
.tabular th {
  color: #eef !important; 
  background-color: rgb(0,100,175);
}
.tabular td {
  background-color: #eef;
}
.tabularNoBackground th {
  color: Navy !important; 
  background-color: transparent !important;
}
.tabularNoBackground td {
  background-color: #eef;
}
.plainTable {}
.plainTable th,
.plainTable td {
  padding: 4px !important;
  border:none;
}
/*END table styles*/