html, body {
	overflow: auto;
}

td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  !important;
}

/*   th uses same attributes as listHeader and replaces the need for listHeader in the TDs...... */

th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
  background-color: #CCCCCC;
  font-size: 10px;
  !important;
}



form {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input {
  color: #333333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  !important;
}

option {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
}

select {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
}

option {
	border: 0;
}

textarea {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  
  font-size: 10px;

}

a {
  color: #006699;
/*  font-size: 10px; */
}

hr {
  size: 1px;
  color: #CCCCCC;
}

/* ***** Brian Chignoli added 4/17/2008 ***** */
#breadcrumb {
	width: 100%; 
	text-align: left; 
	padding: 0; 
	margin: 10px
}

#bodyTable {
	margin: 10px; 
	background-color: #FFFFFF; 
	border-bottom-width: medium; 
	border: solid #000000 2px; 
	width: 850px
}

#innerTable {
	width: 100%
}

#innerTable td.leftMenu {
	vertical-align: top; 
	background-color: #000000; 
	width: 144px
}

#innerTable td.content {
	vertical-align: top
}

#outerTable {
	border: #000 0px solid;
}

#outerTable td.headerImage {
	height:80px
}

#outerTable td.topMenu {
	width:100%
}

#menuTable {
	width: 150px;
	background-color:#000000
}

#contentTable {
	margin:10px auto 20px auto
}


/* ***** Brian Chignoli added 4/17/2008 ***** */

/*  primary background colors   */

#priBg  {
  background-color: #FFCF00;
}

/*  secondary background colors, secBg is for redundancy */

#secBg {
  background-color: #CCCCFF;
}


/*   primary text colors, priText and secText are for redundancy */

#priText {
  color: #FFFFFF;
}  


/*    secondary text colors  */

#secText {
  color: #666699;
}

/*    global neutral gray backgrounds  */

#lightNeutral {
  background-color: #CCCCCC;
}

#mediumNeutral {
  background-color: #999999;
}

/* use in microsite pages */
#darkNeutral {
  background-color: #FFFFFF;
}


/* HTML based button styles.........................................    */

/***************************************************/
/*    ZONE 1 and 2 BUTTONS                         */
/***************************************************/

.globalButtonBody {
  background-color:#BFDDFF;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}

#globalButtonHighlight {
  background-color:#FFFFFF;
  cursor:hand;
}

#globalButtonShadow {
  background-color:#333333;
  cursor:hand;
}

/***************************************************/
/*    ZONE 3 and 4 BUTTONS                         */
/***************************************************/

.titleButtonBody {
  background-color:#BFDDFF;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}

#titleButtonHighlight {
  background-color:#FFFFFF;
  cursor:hand;
}

#titleButtonShadow {
  background-color:#333333;
  cursor:hand;
}


/***************************************************/
/*    ZONE 5 BUTTONS                               */
/***************************************************/

.pageButtonBody {
  background-color:#BFDDFF;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}

#pageButtonHighlight {
  background-color:#FFFFFF;
  cursor:hand;
}

#pageButtonShadow {
  background-color:#333333;
  cursor:hand;
}
.subtitleButtonBody {
  background-color:#BFDDFF;
  color:#000000;
  text-decoration:none;
  font-weight:normal;
}

#subtitleButtonHighlight {
  background-color:#FFFFFF;
  cursor:hand;
}

#subtitleButtonShadow {
  background-color:#333333;
  cursor:hand;
}

/* input submit based button....................................    */

.inputButton {
  background-color: #666666;
  color: #CCCCCC;
  text-decoration: none;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  background-image : url("../verifone/images/demand/build/button_bg.gif");

  cursor: hand;
    
  font-size: 10px;
  border-color: #FFFFFF;
  border-width: 1px;

}

/* graphics based button and action background styles............    */

.subtitleBtn{
  background-color: #999999;
  text-decoration: none;
}

#subtitleBtn {
}

#blockBtn {
  background-color: #CCCCCC;
}

#titleBtn {
  background-color: #FFFFFF;
}



/* zone 1 and 2 header and footer tags............................... */

#priHeader {
}

#secHeader {
  background-color: #CCCCFF;
}

.searchTool {

 
 font-size: 10px; 
  
 color: #000000;
}

/*  Selected tab uses configurable secondary text colors   */
/*  but uses same background color as breadcrumbs          */

.tabOn {
  
  font-size: 10px;
  color: #000000;

  font-weight: bold;
  text-decoration: none; 
}

.tabOff {
  
  font-size: 10px;
  color: #000000;

  text-decoration: none;
}

#tabBorder {
  background-color: #666666;
}

#tabBg  {

  background-image : url("../verifone/images/demand/build/nav_bg.jpg"); 


}

#dropdown {
  background-color: #E6E6E6;
}

#customizeDropdown {
  background-color: #CCCCFF;
}


.footer{
  color: #666666;
  text-decoration: none;
  background-image : url("../verifone/images/demand/global/botban.gif");

}

#footer {
  color: #666666;
  background-color: #FFFFFF;
  font-size: 10px;
  background-image : none;
}

#footerBorder {
  background-color: #666666;
}

/***************************************************/
/*    INFORMATIONAL MESSAGES                       */
/***************************************************/

.date {
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 5px;
}

.username {
  font-size: 10px;
  color: #000000;
}

.service {
  color: #FFFFFF;
  background-color : #FFFFFF;
  font-size: 10px;
}

/*.breadcrumb {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 10px;
  text-indent: 30px;
}


.breadcrumb A {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 10px;
  text-indent: 30px;
}*/

.utility {
  font-size: 10px;
  color: #000000;
}

/*  Zone 3 and 4  ...............................................  */

/***************************************************/
/*    2nd level navigation                         */
/***************************************************/

#menuFooter {
  background-color: #999999;
}

#menuBg  {

  background-repeat : no-repeat;
  background-color: #0061CE;
  
}



.menuOff {

  color: #FFFFFF;

  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}

.menuOff A {

  color: #FFFFFF;

  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}

#menuOff {
}

.menuOn {
  font-size: 10px;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

.menuOn A {
  font-size: 10px;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

#menuOn {
}

.submenu {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.submenu A {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}


.submenuOff {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.submenuOff A {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.submenuOn {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.submenuOn A {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

#submenu {
;
}

#submenuOn {
}

#submenuOff {
}

.menuTool {
  font-size: 10px;
  color: #FFFFFF;
  background-color: #3366CC;
  text-decoration: none;
}

#menuTool {
  color: #666666;
  background-color: #CCCCCC;
}

.menuLogin {
  color: #FFFFFF;
  font-weight: bold;
}

.menuLoginLink {
  color: #000000;
  font-weight: normal;
}

.menuWiz {
  color: #FFFFFF;
  text-decoration: none;
  padding-bottom: 0px;
  padding-top: 0px;
}

#menuWiz {
  background-color: #333333;
}


/***************************************************/
/*    TITLEs, HEADERs, DIVIDERs, FOOTERs           */
/***************************************************/

.pageTitle {
  color: #666666;
  font-size: small;
  font-weight: bold;
  line-height: 25px;
	
	  background-image : url("../verifone/images/demand/build/pagetitle_bg.gif");
	
	  background-repeat : no-repeat;  
}

#pageTitle {
}

<!-- following class:vfiPageTitle is added by Satya -->
.vfiPageTitle {
  color: #666666;
  font-size: small;
  font-weight: bold;
  line-height: 25px;
	
	  background-image : url("../verifone/images/demand/build/vfi_pagetitle_bg.gif");
	
	  background-repeat : no-repeat;  
}

#vfiPageTitle {
padding-left: 10px;
}


#pageTitleGray {
  background-color: #999999;
}

.pageTitleText {
  color: #000000;
  font-weight: normal;
  font-size: smaller;
}

.projectName {
  font-weight: bold;
  color: #666666;
  font-size: small;
}

A.navEase {
  color: #000000;
  font-weight: bold;
}

.account {
  color: #333333;
}

/*  Zone 5 areas  */


#pageBody{
	padding-left: 10px;
  /*background-image : url(verifone/images/demand/build/pagebody_bg.gif);*/

  background-color: #FFF;
}

/*********************/
/*    TABS           */
/*********************/

.pageTabOn {
  color: #FF6600;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

.pageTabOn A {
  color: #FF6600;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

.pageTabOff {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}

.pageTabOff A {
  color: #666666;
  font-size: 10px;
  text-decoration: none;
}

.pageTabDisable {
  color: #CCCCCC;
  font-size: 10px;
}


/***************************************************/
/*    TITLEs, HEADERs, DIVIDERs, FOOTERs           */
/***************************************************/

.indexTitle {
  color: #FFCF00;
  font-size: x-small;
  font-weight: bold;
}

.indexSubtitle {
  color: #000000;
  font-size: smaller;
}

.pageSubtitle {
  color: #EEEEEE;
  font-size: 10px;
  font-weight: bold;
}

#pageSubtitle {
  background-color: #999999;
}

#pageSubSubtitle {
  color: #333333;
  background-color: #CCCCCC;
  font-weight: bold;
}

#pageFooter {
}

#sectionRule {
  background-color: #999999;
}


/********************************************************/
/*    Columns, Dialogs and Records !!IEP only !!        */
/********************************************************/

.listHeader {
  font-weight: bold;
  color: #666666;
  background-color: #CCCCCC;
  font-size: 10px;
}

#listHeader {
  background-color: #CCCCCC;
}

.listItem {
  color: #333333;
  font-weight: normal;
}

#listOdd {
  background-color: #EEEEEE;
}

#listEven {
  background-color: #FFFFFF;
}

/*********************************************/
/*    Columns, Dialogs and Records           */
/*********************************************/

tr.listEven {
  color: #333333;
  font-weight: normal;
  background-color: #FFFFFF;
  vertical-align: top;
  text-align: left;
}

tr.listOdd {
  color: #333333;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

.label {
  color: #666666;
  background-color: #EEEEEE;
  font-weight: bold;
  font-size: 10px;
  text-align: left;
}

.labelField {
  color: #666666;
  background-color: #EEEEEE;
  font-weight: normal;
  font-size: 10px;
  text-align: left;
}

.subLabel {
  color: #000000;
  font-weight: bold;
}

/***************************************************/
/*    INFORMATIONAL MESSAGES                       */
/***************************************************/

.pageInstructions {
  color: #666666;
  font-size: 10px;
}

.errorMessage {
  font-weight: bold;
  color: #CC6633;
}

.treeHeader {
  font-weight: bold;
  color: #666666;
  background-color: #CCCCCC;
}

.treeNode {
  color: #000000;
  font-weight: bold;
  background-color: #EEEEEE;
}

.current {
  color: #000000;
  font-weight: bold;
}

.criteriaHeader {
  font-size: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
  background-color: #999999;
}

.levelOdd {
  color: #333300;
  background-color: #CCCCCC;
}

.levelEven {
  color: #000000;
  background-color: #EEEEEE;
}

/*  Zone 5 Content related - Product, Editorial..................... */

.productName {
  color: #333333;
  font-weight: bold;
}

.productDesc {
  color: #333333;
  font-weight: normal;
}

.productPrice {
  color: #666666;
  font-size: x-small;
  font-weight: bold;
}

.contentAuthor {
  color: #000000;
  font-style: italic;
}

.contentDate {
  color: #000000;
  font-weight: bold;
}

.contentBody {
  color: #000000;
  font-style: normal;
}

.editorialHeader {
  font-size: 10px;
  font-weight: bold;
  color: #333333; 
  font-weight: bold;
}

#editorialHeader {
  background-color: #CCCCCC;
}

.editorialSubheader {
  color: #006699;
  font-weight: bold;
}

.editorialBody {
  color: #006699;
  font-weight: normal;
}

A.editorialBody {
  color: #333333;
}

#editorialBody {
  background-color: #EEEEEE;
}

.categoryList {
  color: #000000;
  font-weight: normal;
  margin-left: 15px;
  background-color: #FFFFFF;
}

.categoryListHead {
  color: #000000;
  font-weight: bold;
  background-color: #FFFFFF;
}

.categoryPath {
  color: #000000;
  font-weight: bold;
  background-color: #666666;
  font-size: 10px;
}

/*  Zone 3,4,5 help styles  */

#helpMenu {
  background-color: #E6E6E6;
}

.helpindexOn {
  color: #000000;
  background-color: #CCCCCC;
  text-decoration: none;
}

.helpindexOff {
  color: #FFFFFF;
  background-color: #999999;
  text-decoration: none;
}

.helpTopic {
  font-size: small;
  font-weight: bold;
}

.helpSubtopic {
  font-size: x-small;
  font-weight: bold;
}

/*  Zone 6 block styles  */

.blockTitle {
  color: #666666;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

#blockTitle {
  background-color: #CCCCCC;
  padding-left: 5px;
}

.blockHeader {
  color: #999999;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
}

.blockHeader A {
  color: #999999;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
}

#blockHeader {
  background-color: #FFFFFF;
  padding-left: 5px;
}

.programHeader {
  color: #666699;
  font-size: x-small;
  font-weight: bold;
  background-color: #E6E6E6;
}

.blockContent {
  font-size: 10px;
  color: #336680
}

#blockContent {
  background-color: #FFFFFF;
}

.fnHeader {
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  background-color: #CCCCCC;
}

.nodeHeader {
  color: #666666;
  font-size: 10px;
  font-weight: bold;
}

.adContent {
  font-size: 9px;
}

#adContent {
  background-color: #FFFFFF;
}

#adBorder {
  background-color: #000000;
}


<!-- this attaches code to a div element so xml can be rendered to html on the client side -->
.insertXml {
  behavior:url("../verifone/htc/insertXml.htc");
}


/***************************************************/
/*    POPUP											                       */
/***************************************************/

#popupBg {
  background-color: #ffffff;
  background-image : url("../verifone/images/demand/build/popup_bg.gif");
  background-repeat : no-repeat;

}

.clBlock {
  position:absolute;
  z-index:2;
  visibility:hidden;
  overflow:hidden;
  
}

.clBody {
  position:absolute;
  overflow:hidden;
  z-index:15;
  background-color:#ffffff;
}

.clHeader {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  background-color:transparent;
  cursor:hand;
}

.clText {
  position:absolute;
  z-index:50;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color:transparent;
}

.clResize {
  position:absolute;
  z-index:30;
  width:16;
  height:16;
  clip:rect(0,16,16,0)
}

.clMenu {
  position:absolute;
  background-color:#CCCCFF;
}

.clUp {
  position:absolute;
  width:12;
  height:12;
  z-index:60;
}

.clDown {
  position:absolute;
  width:12;
  height:12;
  z-index:60;
}

.clLeft {
  position:absolute;
  width:12;
  height:12;
  z-index:60;
}

.clRight {
  position:absolute;
  width:12;
  height:12;
  z-index:60;
}

.clVScroll {
  position:absolute;
  width:12;
  height:12;
  z-index:60;
  background-color:#CCCCCC;
}

.clHScroll {
  position:absolute;
  width:12;
  height:12;
  z-index:50;
  background-color:#CCCCCC;
}

.clMinimize {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.clMaximize {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.clRestore {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.clClose {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.clEdit {
  position:absolute;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

.clColumn {
  position:relative;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.clFooter {
  position:absolute;
}