body {margin: 0 auto;
	background-color: #FFffFF;
	}
#outer {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	margin: 0 auto; 
	vertical-align: top;
	padding: 0;
	background-color: #138a84;  /*  #138a84; */
	width: 951px;
	/*  height: 784px; */
	}
#outer td {
     	border: 0px solid #000000; 
	border-width: 0 0;
	}
#outer a 	{ color: #ffffcc;}       /*  #EEF4D2 */
#outer a:hover	{ color: yellow;}
#outer td#logo{
	width: 952px;
	height: 240px;
	vertical-align: top;
	background: url(imagesB/bill_collection.jpg) top center;
	background-repeat: no-repeat;
	}
#logolinks{
	width: 234px;
	height: 34px;
	position: relative; left: 650px; top: 180px;       /*    left: 700px; top: 230px;   */
	}


.benifitlist {
	margin: 0 0 0 40px;
	font-weight: bold;
  	}
.stepsHeader {	
	font-family:Arial, sans-serif;
	font-size: 1.4em;
	}
#boxedin {
	border: 0px solid #ffffff;
	border-width: 1 2 1 2;
	/*   margin: 0 auto; */
	width: 400px;
 	margin-left: auto ;
  	margin-right: auto ;
	padding: 10 24 10 24;
	font-style: italic;
	font-size: .95em;
	}
#footer {
	font-size: 0.75em;
	width: 600px;
	margin: 0 auto;
	padding: 20 10 10 20;
}
.tagline {
	padding: 0 0 0 15px;
	color:	#fff;
	font-family: Arial, sans-serif;
	font-size: .7em;
	}
.pageBody{
         padding: 35 35;
	}
.pageTitle{
 	font-size: 1.3em;
	color: #ffFFcc;
	font-style: italic;
	font-weight: bold;
	}

.pageSect{
        font-size: 1.1em;
	color: #ffFFcc;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 5 25px;
	}


/*    ROUNDED BOX   */

.rounder { margin: 0 auto; padding: 0px 0 0 0; border-width: 0px; }       /* margin: 0px 0 0 0;   */
.rounder #tl {width: 20px; height: 16px; background: url(imagesB/box_tlc.gif) top left; background-repeat: no-repeat;}
.rounder #tm {height: 16px; background: url(imagesB/box_tb.gif) top left; background-repeat: repeat-x;}
.rounder #tr {width: 20px; height: 16px; background: url(imagesB/box_trc.gif) top left; background-repeat: no-repeat;}

.rounder #fl {width: 20px; height: 10px; background: url(imagesB/box_l.gif) top left; background-repeat: repeat-y;}
.rounder #fm {height: 50px; background-color: #eeeeee; }
.rounder #fr {width: 20px; height: 10px; background: url(imagesB/box_r.gif) top left; background-repeat: repeat-y;}


.rounder #bl {width: 20px; height: 16px; background: url(imagesB/box_blc.gif) top left; background-repeat: no-repeat;}
.rounder #bm {height: 16px; background: url(imagesB/box_bb.gif) top left; background-repeat: repeat-x;}
.rounder #br {width: 20px; height: 16px; background: url(imagesB/box_brc.gif) top left; background-repeat: no-repeat;}


/*   END ROUNDED BOX */



.progTitle{
 	font-size: 1.7em;
	color: #138a84;
	font-style: italic;
	font-weight: bold;
	}
.progSectionTitle{
 	font-size: 1.35em;
	color: #138a84;
	font-style: italic;
	font-weight: bold;
	}
.button {background-color: #138a84;
	color: #fff;
	width: 200px;
	margin: 0.2em 0px 0px 0px;
	border: 1px solid black;
	border-width: 1px 2px 2px 1px;
	}
.button2 {
	color: #138a84;
	margin: 0.2em 0px 0px 0px;
	border: 1px solid #138a84;
	border-width: 0px 0px 1px 0px;
	}	
a 	{ color: #138a84; }
a:hover { font-style: italic; }


.bread{	color: #138a84; }
.breadNeed{
 	font-size: .75em;
	color: #138a84;
	font-style: italic;
	font-weight: bold;
	}
.breadDone{
 	font-size: .75em;
	color: #138a84;
	font-style: italic;
	font-weight: lighter;
	/* text-decoration: line-through; */
	}


.step{	color: #138a84; }
.stepTitle { font-size: 1.1em;
	font-weight: bold;
	}
.stepNeed{
 	font-size: .9em;
	color: #138a84;
	}
.stepCurrent strong{
 	font-size: 1.1em;
	color: red;
	}
.stepDone{
 	font-size: .9em;
	color: #138a84;
	}
.stepOnOff {
	color: #138a84;
	font-size: .8em;
	float: right;
   	width: 49%;
	text-align: 	right;
	}


/* used to highlight text areas */
.textInput,textarea {  background-color: #FFFFFF; color: #000;}
.inputHighlighted {
  background-color: #138a84; /*  #d0d0d0; */
  color: #fff;
}

input.user {
  padding-left: 20px;
  background: url(images/username.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #FFFFFF; 
  height: 25px;
}
input.pwd {
  padding-left: 20px;
  background: url(images/password.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #FFFFFF; 
  height: 25px;
}	


#menu 	{
	left: 0px;
	top: 0px;
	width: 150px; 
	padding: 0 0;
	margin: 0px 0px;
	font: 78%   georgia, trebuchet, helvetica, monaco, comic sans ms, verdana;
	border: 0px solid black;
	}
#menu a.gparent {
	display: block;
	white-space: nowrap;
	height: 20px;
	width: 150px;
	padding-top: 4px;  /* space between border and text*/
	padding-left: 2px; /* space before words */
	margin: 3px 0px 0px 0px;
	border: 0px groove #138a84;
	border-width: 2px 0 0 0;
	text-align: left;
	text-decoration: none;
	}
#menu a.gparent:hover {
	font-style: italic;
	font-weight: bold;
	}
#menu a.denied {
	display: block;
	height: 20px;
	width: 150px;
	padding-top: 4px;  /* space between border and text*/
	padding-left: 2px; /* space before words */
	margin: 3px 0px 0px 0px;
	border: 0px groove #138a84;
	border-width: 2px 0 0 0;
	text-align: left;
	text-decoration: none;
	color: silver;
	}

#menu a.deniedtxt {
 	text-decoration: none;
	color: silver;
	}
#superUsers{ 	display: none;  }	
#menu a.superUsers{
	/*  .reports, .misc, .admin, .superAdmin, .users, .vendors, .expenses  */
	margin: 0px;
	padding: 0 0 0 8px;
	list-style-type: none;
	text-decoration: none;
	}
#menu a.superUsers:hover {
	font-style: italic;
	font-weight: bold;
	}

	
.nowrap	{ white-space: nowrap; }


.t1 { /* tables used for input */
    	width: 680px;
	}
.t1 tr	{ margin: 0px 0px 3em 0px;
	padding-bottom: 5px;}
.t1 td	{ padding-bottom: 5px;}
.t1 .labeltd {
        color:		#138a84; /*  #6699cc; */
	font-weight: 	bold;
	text-align: 	right;
	padding-right: 10px;
	vertical-align: top;
	font-size:	85%;
	white-space: nowrap;
	/* background-color: yellow; */
	}

.t1 .regtd {
        color:		#138a84; /*  #6699cc; */
	font-size:	85%;
	padding: 0 10px 0 10px;
	}
	
.hints { background-color: #138a84; /*  silver; */
	color: #fff;
	display: none;
	padding: 10 20 10 20px;
	}
.hp 	{  /* help icon <td> */
	width:16px;
	vertical-align: top;
	}

 #errormsg{
	border:2px solid #c00;
	padding:5px;
	width:20em;
}    
.error	{ background:#fcc; }



#redeemResult { /* background-color: yellow;  */
	 padding: 0 10px;
	 }
.redeemBox {
	background-color: #fff;
	padding: 0 10px;
	font-family: arial;
	border: solid 1px #999;
	z-index:2;
	visibility: hidden;
	display: none;
	}

.options {
	font-family: arial;
	border: solid 1px #999;
	background-color: #fff;
	z-index:2;
	padding: 2px;
	visibility: hidden;
	display: none;
	}


.smalltxt {font: 70% Arial, Helvetica, Verdana, sans-serif;}

.hilite	{ color: #cc66cc;}

	/* textarea size and color */
#faxText, #rebateDescription, #newRebateNotes, #newProfileNotes, #newProfileUserNotes {width: 450px; }    


/* used by survey   */
.headerGraphic {
	border: solid 2px blue;
	background-color: red;
}
.headerGraphic td{
	border: solid 2px red;
	background-color: green;
}



/*  used for sorting tables */
	a img {	border: 0; }
	table.sortable a { color: #138a84; }
	table.sortable {
		border-spacing: 0;
		border: 0px solid #000;
		border-collapse: collapse;
		/* background-color: #FFF;	*/
	}
	table.sortable th, table.sortable td {
		text-align: left;
		padding: 2px 4px 2px 4px;
		/* width: 100px;*/
		border-style: solid;
		border-color: #138a84;
	}
	table.sortable th {
		border-width: 0px 1px 1px 1px;
		background-color: #138a84;
		white-space: nowrap;
		font-size: 85%;
	}
	table.sortable th a {
		color: black;
		text-decoration: none;
		font-weight: bold;
		font-size: 80%;
	}
	table.sortable th.unsortable  {      /* shane */
		color: black;
		font-size: 60%;
	}
	table.sortable td {
		border-width: 0px 1px 0px 1px;
		font-size: 70%;
		color: black;
	}
	table.sortable tr.odd td {
		/* background-color: #fff; */
	}
	table.sortable tr.even td {
		background-color: #ffFFcc;
	}
	table.sortable tr.sortbottom td {
		border-top: 1px solid #138a84;
		background-color: #138a84;
		font-weight: bold;
	}
	
/* end sort tables */