/***************** pagedna-global ***********************/



  /*** mixin convenience styles for overriding defaults/parent nodes ***/
  .center, .center *
  {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .left, .left *
  {
    margin-left: 0px !important;
    margin-right: auto !important;
    text-align: left !important;
  }
  .right, .right *
  {
    margin-left: auto !important;
    margin-right: 0px !important;
    text-align: right !important;
  }
  .top, .top *
  {
    margin-top: 0px !important;
    margin-bottom: auto !important;
    vertical-align: top;
  }
  .middle, .middle *
  {
    margin-top: auto !important;
    margin-bottom: auto !important;
    vertical-align: middle;
  }
  .bottom, .bottom *
  {
    margin-top: auto !important;
    margin-bottom: 0px !important;
    vertical-align: bottom;
  }

  .subtable
  {
    width: 853px;
    min-width: 853px;
    max-width: 853px;
  }

  .table
  {
    width: 920px;
    min-width: 920px;
  }

  .pad
  {
    padding: 3px 5px 3px 5px;
  }
  
  .marg
  {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  /* for use with <div> as replacement for <blockquote> */  
  .left-marg
  {
    margin-left: 2em;
  }

  /* for use with <div> as replacement for <p> */  
  .bot-marg
  {
    margin-bottom: 1em;
  }
  
  /******* printra-specific *******/

  .sublabel
  {
    font-size: smaller;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }

  .chide-user
  {
    font-size: smaller;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }

/***************** end printra-global ***********************/

/***************** page-wide area ***********************/  

  body 
  {
    background-color: #D4E2E5;
    color: #000000;

    border: 0px;
  

    max-width: none; 
    
    padding: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;

    margin: 0px;

    text-align: center;

    vertical-align: top; 
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }

  .container /* wraps around everything on the page */
  {
    width:920px;
    min-width: 920px; 
    max-width: 920px;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;

    text-align: left; /* force container align for IE */

    vertical-align: top; 
  }

  /* note is for text that describes a label or header in greater detail */
  .note
  {
    font-size: small;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }

  /*
    Usage notes:
    'error': a fatal error of some sort (e.g. proof not generated, required field missing)
    'attention': informational, meant to grab the user's attention
  */
  .attention
  {
    color: #FF0000 !important;
    font-weight: normal;
  }
  .error
  {
    color: #FF0000 !important;
    font-size: large !important;
    margin-left: auto; /*center errors*/
    margin-right: auto; 
    text-align: center; /* IE */
  }

  a, a:link
  {
    color: #666666;
    cursor: pointer;
  }
  
  a:active 
  {
    color: #2B7483; 
  }
  
  a:visited 
  {
    color: #919191; 
  }

  a:hover 
  {
    color: #2B7483; 
  }

  /*** main is all content between header and footer ***/    
  .main
  {
    background-color: #FFFFFF;
  }
  
  /* attrs for text in the main section */
  .main, .main td
  {
    color: #000000;
    font-size: 12px;
  }

  /* attrs for inputs in main section. */
  .main input, .main select, .main option, .main textarea
  {
    color: #000000;
  }

   /* used in a div around submit buttons that are not part of a table */
  .buttonsbar
  {
    background-color: inherit;
    color: #000000;
    margin-top: 2em;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }
  /* keep multiple forms w/in the same buttons bar from stacking by default */
  .buttonsbar form
  {
    display: inline;
    padding: 0px;
    margin: 0px;
  }
  .buttonsbar input
  {
    margin: 5px 10px 5px 10px; /*separate buttons by this amount */
  }

  /*** form is a table with columns for labels and form inputs ***/
  /***
  form
  {
    margin: 0px;
    padding: 0px;
  }

  /* used in the table tag of the form */
  .form-body
  {
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    background-color: #DFDFDF;
    color: #000000;
    width: 853px;
    
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
    
    padding: 0px;
    border-collapse: collapse;
  }

  /* the form header. Used by <th> inside table w/form-body class */  
  .form-body th, .tabular th, .form-body div.title, .form-body div.title > h1
  {
    background-color: transparent;
    border-top: 0px solid #000000;
    border-bottom: 0px solid #000000;
    color: #666666;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0.33em;
    text-align: center;
    width: auto;
  }

  /* use in a span or div around a form's subheader text, typically in th */
  /* form-headernote is deprecated */
  .form-subheader,.form-headernote, .form-subheader > h2
  {
    padding: 3px;
    color: #666666;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-weight: normal;
    font-size: small;
  }  

  .form-body td, .tabular td
  {
    background-color: #DFDFDF;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-size: 12px;
    text-align: left;
    margin: 0px;
    padding: 0.33em;
    vertical-align: middle;
  }

  .form-body td.label
  {
    background-color: #DFDFDF;
    font-weight: bold;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    text-align: right;
    margin: 0px;
    padding: 8px 5px 5px 10px;
    vertical-align: top;
    width: 35%;
    min-width: 35%;
    max-width: 45%;
  }

  .form-body label.label
  {
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }


/**** input-left and label-right are typically used where there is a 
      checkbox input on the left, and a long label on the right.
****/
  .form-body td.input-left {
      background-color: #DFDFDF;
      font-weight: bold;
      font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial;
      text-align: right;
      margin: 0px;
      padding: 5px 5px 5px 10px;
      vertical-align: top;
      width: 35%;
      min-width: 35%;
      max-width: 45%;
  }
  .form-body td.label-right {
      background-color: inherit;
      font-size: 12px;
      padding: 5px 0px 5px 5px;
      vertical-align: middle;
  }
  
  /* form: used in td containing input fields */
  /* Ensure nested tables appear in the same color. */
  .form-body td.input,
  .form-body td.input td,
  .form-body td.input th
  {
    background-color: inherit;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-size: 14px;
    padding: 5px 0px 5px 5px;
    vertical-align: middle;
  }

  .form-body td.input input,
  .form-body td.label input,
  .form-body td.input select,
  .form-body td.input textarea,
  .form-body td.input option
  {
    vertical-align: middle;
    text-align: left !important;
  }
  .form-body textarea {
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
    max-width: 99%;
  }
  .form-body td.input option
  {
    padding: 0px;
    margin: 0px;
  }

  .form-body td.input
  {
    padding-top: 5px;
    vertical-align: top;
  }

  /* form: used in td for section headers */
  .form-body td.section
  {
    background-color: transparent;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
    vertical-align: middle;
    text-align: left;
  }
  /* form: used in td for cells containing submit buttons */
  .form-body td.submit
  {
    background-color: inherit;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    color: #000000;
    margin: 0px;
    padding: 5px;
    text-align: center;
  }
  .form-body td.submit form
  {
    display:inline;
    margin: 0px;
    padding: 0px;
  }

  /* used in a span or div around a form's sublabel text */
  .form-sublabel,
  .optional
  {
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    font-size: small;
    font-weight: normal;
    white-space: normal;
  }
  .form-body .note
  {
    font-size: small;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  }

  .negativeprice
  {
  }

  /* used at the table level */  
  .tabular
  {
    background-color: #DFDFDF;
    color: #000000;
    width: 100%;
    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;

    text-align: center;
    
    padding: 0px;
    border-collapse: collapse;
  }
  .tabular th
  {
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
    border: 1px #000000 solid;
  }
  .tabular td
  {
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
    border: 1px #000000 solid;
    vertical-align: top;
  }

  /* used on table tag, possibly in combination with tabular */
  /* rule must be below all other selectors of the form ".class td" */
  .tabular-compact th, .tabular-compact td
  {
    font-size: small;
    padding: 0.16em;
  }

  /* used in the table tag of the form */
  .items-table
  {
    background-color: #FFFFFF;
    color: #000000;
    width: 853px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: left;
  }

  /* the form header. Used by <th> inside table w/form-body class */  
  .items-table th
  {
    background-color: inherit;
    color: #666666;
    font-weight: bold;
    margin: 0px;
    padding: 0.33em;
    font-size: small;
  }
  .items-table td
  {
    background-color: #DFDFDF;
    color: #000000;
    padding: 0.33em;
    font-size: small;
  }
  /* used in th or td for number columns */
  .items-table th.numcol, .items-table td.numcol,
  .form-body th.numcol, .form-body td.numcol
  {
    text-align: right;
  }
  /* used in td for total column */
  .items-table td.total
  {
    text-align: right;
    font-weight: bold;
  }
  /* used in td for label */
  .items-table td.label
  {
    background-color: #DFDFDF;
    text-align: right;
    vertical-align: top;
    padding-right: .6em;    
    width: 33%;
  }
  /* used in td for data (next to label) */
  .items-table td.data
  {
    background-color: inherit;
    padding-left: .6em;    
  }
  /* used for note that extends across the row */


  /*** banner directly below the progress steps ***/
  .pagetitle
  {
    background-color: inherit;  
    color: #666666;
    margin-top:0px;
    margin-bottom:0.5em;
    margin-left:auto;
    margin-right:auto;
    padding-top:5pt;
    padding-bottom:5pt ;
    padding-left: 3pt;
    padding-right: 0pt;
    vertical-align: middle;
    font-size: 14px;
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial ;
    font-weight: bold;
  }

  /* Page Instructions. Something emphasized. Historically used a size +1 with body font */
  .pageinstructions
  {
    color: #000000;
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
    font-weight: normal;
    font-size: large;
  }

  /*** headers dividing up page into different section ***/
  .section-header, td.section-header, th.section-header
  {
    margin-top:1em;
    margin-bottom:0.5em;
    margin-left:0px;
    margin-right:auto;
    padding: 3px;
    font-size: 14px;
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
    font-weight: bold;
    color: #666666;
    background-color: transparent;
  }

  /* One or more paragraphs of text that is typically subtable width */
  .message-block
  {
    margin-top: 3px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 853px;
    text-align: left;
  }
  
/*** 
     The classes below probably should be in their respective .src files. 
     They are here because they use site vars for fonts/sizes, or as noted
     in comments.
***/

  /*** these following 3 are conditionally overriden in header.src ***/
  .steps td.steps-on-colors
  {
    color: #666666;
    background-color: inherit;
  }
  .logo2 *
  {
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
  }
  .header-divider1
  {
    font-family: Lucida Sans, Trebuchet MS, Arial,Helvetica,Arial;
  }

  .footer
  {
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    width: 920px;
  }

  /* overridden by preview.src */
  .click-to-zoom { display: none; }

/*** for historical reasons, the checkbox_table defaults to a smaller font and nobr
  .checkbox-table
  {
    font-size: small;
    font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
    white-space: nowrap;
  }

***/

/** BEGIN ******************
** File Upload / Crop Popup
****************************/
  div#croppercopy {
    margin:0 auto;
    width: 450px;
    text-align:center;
    text-align:justify;
  }

  body div#container-wrapper {
    margin: 15px auto;
  }

  div#container-wrapper div#container {
    margin:0 auto;
  }

  form[action="upload.cgi"] div#controls #buttons {
    text-align:center;
  }
/** END *********************
** File Upload / Crop Popup
****************************/


/** BEGIN ***********
** Doc Upload Styles 
********************/
  /** Upload / Thumb Area globals */
  div.fileUploadContainer div.thumbArea {
    margin:0 4px 0 4px; 
    width:95px;
    text-align:center;
    float:left;
  }

  /** Upload Icon that shows when there ISN't a file uploaded yet */
  div.fileUploadContainer div.thumbArea p.uploadIcon {
    color:#555;
    width:80px; 
    height: 80px; 
    margin:0;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    border:1px solid #555;
    text-align:center;
    float:left;
    -webkit-box-shadow:0px 0px 2px 1px #aaa inset;
    box-shadow:0px 0px 2px 1px #aaa inset;
  }

  div.fileUploadContainer div.thumbArea p.uploadIcon:hover {
    color:#444;
    border:1px solid #444;
    cursor:pointer;
    background:#e8e8e8;
    -webkit-box-shadow:0px 0px 2px 1px #888 inset;
    box-shadow:0px 0px 2px 1px #888 inset;
  }

  div.fileUploadContainer div.thumbArea p.uploadIcon:active {
    color:#333;
    border:1px solid #333;
    box-shadow:0px 0px 2px 1px #333 inset;
  }

  div.fileUploadContainer p.uploadIcon i {
    font-size:46px;
    margin-top:23px; 
    display:block;
  }

  .invalid div.fileUploadContainer div.thumbArea p.uploadIcon {
    border: 1px solid red;
    margin-top: 3px;
  }

  /** Thumbnail area when an image HAS been uploaded */
  div.fileUploadContainer div.thumbArea div.thumbContainer {
    text-align:center;
    width:82px;
    padding:4px;
    border:1px solid #bbb;
    background: #d6d6d6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius:4px;
  }

  div.fileUploadContainer div.cropRemoveControls button {
      background: #dddddd url('button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image: -webkit-linear-gradient(#ffffff, #dddddd);background-image: -moz-linear-gradient(#ffffff, #dddddd);background-image: -o-linear-gradient(#ffffff, #dddddd);background-image: -ms-linear-gradient(#ffffff, #dddddd);background-image: linear-gradient(#ffffff, #dddddd);
      border: 1px solid;
      border-color: #dddddd #bbbbbb #999999;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      width:93px;
      margin-top: 3px;
      margin-left: -3px;
      font-size:11px;
      color:#000;
  }

  div.fileUploadContainer div.cropRemoveControls button:hover {
    color:#000;
    border:1px solid #000;
    cursor:pointer;
  }

  div.fileUploadContainer div.cropRemoveControls button:active {
    border:1px solid #555;
    color:#000;
  }

  /** Control Bar Container - Empty File Specs */
  div.fileUploadContainer div.right div.fileSpec {
    float:left;
    padding-left:5px;
  }

  div.fileUploadContainer div.right div.fileSpec ul {
    padding:0;
    margin-top:6px;
  }

  div.fileUploadContainer div.right div.fileSpec ul li {
    text-align:left !important;
    list-style-type:disc;
    font-size:12px;
    margin-bottom:2px;
  }

  div.fileUploadContainer div.right div.fileSpec {

  }

  /** Control Bar Container Globals */
  div.fileUploadContainer div.right {
    width:180px;
    float:left;
  }

  /** Control Bar Container - Scale to Fit */
  div.fileUploadContainer div.right p.scaleContainer {
    float: left;
    width: 160px;
    margin-top:5px;
  }

  div.fileUploadContainer div.right p.scaleContainer i {
    font-style:normal;
    background: #dddddd url('button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image: -webkit-linear-gradient(#ffffff, #dddddd);background-image: -moz-linear-gradient(#ffffff, #dddddd);background-image: -o-linear-gradient(#ffffff, #dddddd);background-image: -ms-linear-gradient(#ffffff, #dddddd);background-image: linear-gradient(#ffffff, #dddddd);
    border:1px solid #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    border-radius: 4px 4px 4px 4px;
    padding: 8px 5px 8px 5px;
    text-align: center !important;
    display:block;
    width:100%;
    -webkit-box-shadow:0 0 2px 1px #AAAAAA inset;
    box-shadow:0 0 2px 1px #AAAAAA inset;
  }

  div.fileUploadContainer div.right p.scaleContainer i.activeSetting {
    -webkit-box-shadow: 0px -1px 10px 0px #444 inset;
    box-shadow: 0px -1px 10px 0px #444 inset;
    color: #000000;
    border:1px solid #444;
    background: #aaaaaa url('button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa));background-image: -webkit-linear-gradient(#cccccc, #aaaaaa);background-image: -moz-linear-gradient(#cccccc, #aaaaaa);background-image: -o-linear-gradient(#cccccc, #aaaaaa);background-image: -ms-linear-gradient(#cccccc, #aaaaaa);background-image: linear-gradient(#cccccc, #aaaaaa);
  }

  div.fileUploadContainer div.right p.scaleContainer i:hover {
    cursor:pointer;
    border-color:#000;
    -webkit-box-shadow:0 0 2px 1px #AAAAAA;
    box-shadow:0 0 2px 1px #AAAAAA;
  }

  div.fileUploadContainer div.right p.scaleContainer i:active {
    cursor:pointer;
    border-color:#000;
    -webkit-box-shadow:0px 0px 3px 1px #555;
    box-shadow:0 0 3px 1px #555;
  }

  div.fileUploadContainer div.right p.scaleContainer i.disabled:active,
  div.fileUploadContainer div.right p.scaleContainer i.disabled:hover,
  div.fileUploadContainer div.right p.scaleContainer i.disabled {
    cursor:wait;
  }


  /** Control Bar Container - Rotaters */
  div.fileUploadContainer div.right p.rotateContainer {
    margin:0;
    padding:0;
    height: 60px;
    width: 45px;
    float:left;
  }

  div.fileUploadContainer div.right p.rotateContainer:last-child { /* conserving space */
    width: 40px;
  }

  div.fileUploadContainer div.uploadFileControls p.rotateContainer i {
    display:block;
    font-style:normal;
    background: #dddddd url('button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));background-image: -webkit-linear-gradient(#ffffff, #dddddd);background-image: -moz-linear-gradient(#ffffff, #dddddd);background-image: -o-linear-gradient(#ffffff, #dddddd);background-image: -ms-linear-gradient(#ffffff, #dddddd);background-image: linear-gradient(#ffffff, #dddddd);
    border:1px solid #666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #555555;
    height: 46px;
    width:24px;
    padding: 7px 8px 0 4px;
    font-size: 20px;
    float:left;
    -webkit-box-shadow:0 0 2px 1px #AAAAAA inset;
    box-shadow:0 0 2px 1px #AAAAAA inset;
    color: #000000;
  }

  div.fileUploadContainer div.uploadFileControls p.rotateContainer:hover i {
    cursor:pointer;
    border:1px solid #000;
  }

  div.fileUploadContainer div.uploadFileControls p.rotateContainer:hover i.disabled {
    cursor:wait;
    border:1px solid #666;
  }
  
  div.fileUploadContainer div.uploadFileControls p.rotateContainer i.activeSetting {
    -webkit-box-shadow: 0px -1px 10px 0px #444 inset;
    box-shadow: 0px -1px 10px 0px #444 inset;
    color: #000000;
    border:1px solid #444;
    background: #aaaaaa url('button.png?1298351022') repeat-x;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa));background-image: -webkit-linear-gradient(#cccccc, #aaaaaa);background-image: -moz-linear-gradient(#cccccc, #aaaaaa);background-image: -o-linear-gradient(#cccccc, #aaaaaa);background-image: -ms-linear-gradient(#cccccc, #aaaaaa);background-image: linear-gradient(#cccccc, #aaaaaa);
  }

  div.fileUploadContainer div.uploadFileControls p.rotateContainer i.activeSetting:hover {
    cursor:default;
  }

  div.fileUploadContainer div.uploadFileControls p.rotateContainer i > span {
    display: block;
    font-size: 10px;
    position: relative;
    text-align: center !important;
    width: 30px;
  }

  /*** Quote entry, color of Please select message ***/
  .please-select { color: red; }

  .mobile_only {
    display: none; /*The only way to see something with this class is to use_responsive_styling*/
  }

  .no_desktop_block,
  .no_desktop_inline {
    display: none;
  }

/**********Chase Hosted Payment Page**********/
div.hpp_wrapper table {
  width: auto!important;
  max-width: 853px!important;
  margin: 10px auto 0;
  font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, Arial, "Lucida Sans", "Trebuchet MS", Arial;
  background-color: #DFDFDF!important;
  border: 1px solid #CCC;
  padding: 0 60px 60px;
}

div.hpp_wrapper table td label,
div.hpp_wrapper table td.main {
  font-size: 14px;
  background-color: #DFDFDF;
}

div.hpp_wrapper table tr td:nth-child(1) {
  text-align: right;
  width: 50%!important;
}

div.hpp_wrapper table tr td:nth-child(2) {
  text-align: left;
  width: 50%!important;
}


#paymentButtons td:first-child {
/*  max-width: 0!important;
  width: 0!important;
  padding: 0!important;
  max-height: 0!important;
  height: 0!important;*/
  display: none;
}

#paymentButtons td:last-child {
  height: 83px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 25%;
  background-color: transparent;
  padding-top: 20px;
}

#paymentButtons span.main {
  background-color: transparent;
}

/*********************************************/

/********************
** Doc Upload Styles 
/** END ************/

/****** DEPRECATED *********/
  .pageintro
  {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
  }
  
/****** END DEPRECATED *********/

/*********** IE HACK SECTION ***************************
This section is dedicated to IE hacks.  If you add one,
please explain the reason for it.
*******************************************************/

/*
Odd behavior in IE on a number of table cell contents centering
instead of being left-justified by default. This hack cascades into
TDs to align left, but is overridden whenever e.g. an ALIGN=RIGHT
or css style is applied to the TD.
*/
tr { text-align: left; }

/**** WCAG ****/
body .wcag-label { display: none !important; }

/**** END WCAG ****/

/* remove padding so blank messages dont have height */
.ic-msg-blank
{
  padding: 0px !important;
}