body {
  padding: 0px;
  margin: 20px 0px 0px 0px;
  background-color: #EAF4F4;
  font-family: arial, verdana, helvetica, sunsans-regular, sans-serif;
  font-size: 0.8em;
  color: #222222;
}

h1 {
  color: #222222;
  margin: 0;
  padding: 10px 0;
}

p {
  padding-bottom: 5px;
}

td {
  vertical-align: top;
}

/* -------------------------------------------------------------- */
/* CONTAINER
/* -------------------------------------------------------------- */
#container {
  width: 1000px;
  margin-bottom: 10px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #000;
}
/* -------------------------------------------------------------- */
/* HEADER
/* -------------------------------------------------------------- */
#header {
  padding: 10px 0;
  margin: 0px 50px;
  height: 70px;
  border-bottom: 2px solid #294747;
  color: #666666;
}

#header a {
  color: #666666;
  text-decoration: none;
}

#header .breadcrumb {
  font-size: 9pt;
}

#header .language {
  color: #666666;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

#header .app-name {
  font-weight: bold;
  font-size: 12pt;
}

#header td {
  width: 33.33%;
  vertical-align: bottom;
}

/* -------------------------------------------------------------- */
/* SUBHEADER
/* -------------------------------------------------------------- */
#subheader {
  background-color: #EAF4F4;
  border: 1px solid #87A8A8;
  margin: 20px 50px;
  padding: 5px;
}

#subheader a {
  color: #294747;
  font-weight: bold;
  margin: 0;
  padding: 0 20px;
  text-decoration: none;
}

#subheader a:HOVER {
  color: #000;
  text-decoration: underline;
}

#subheader .info {
  color: #294747;
  font-weight: bold;
  padding: 0 20px;
}

/* -------------------------------------------------------------- */
/* CENTER
/* -------------------------------------------------------------- */
#center {
  padding: 0;
  margin: 0 50px;
}

#center h1 {
  margin-left: 10px;
  font-size: 1.5em;
}

#center a {
  font-weight: bold;
}

/* -------------------------------------------------------------- */
/* CONTENT
/* -------------------------------------------------------------- */
#content {
  padding: 0;
  margin: 0; /* margin-left: 265px for sidebar navigation */
}

#content h1 {
  margin-left: 0px;
}

#content .content-wrapper {
  border: 1px solid #87A8A8;
  border-top: 0;
  line-height: 1.4em;
  padding: 10px;
}
/* -------------------------------------------------------------- */
/* SIDEBAR
/* -------------------------------------------------------------- */
#sidebar {
  float: left;
  width: 0; /* 205px for sidebar navigation */
  margin: 0;
  padding: 0;
}

/* -------------------------------------------------------------- */
/* RIGHT (unused!)
/* -------------------------------------------------------------- */
#right {
  float: right;
  width: 0px; /* unused! */
  margin: 0;
  padding: 0;
}

/* -------------------------------------------------------------- */
/* FOOTER
/* -------------------------------------------------------------- */
#footer {
  background-color: #EAF4F4;
  border: 1px solid #87A8A8;
  clear: both;
  margin: 20px 50px;
  padding: 5px 0;
}

#footer a {
  color: #294747;
  font-weight: bold;
  margin: 0;
  padding: 0 20px;
  text-decoration: none;
}

#footer a:HOVER {
  color: #000;
  text-decoration: underline;
}

/* -------------------------------------------------------------- */
/* ERROR MESSAGES
/* -------------------------------------------------------------- */
.error-msg {
  color: #FF0000;
  font-size: 0.8em;
  font-weight: bold;
}

/* -------------------------------------------------------------- */
/* WARNING MESSAGES
/* -------------------------------------------------------------- */
.warning-msg {
  color: #FF8C00;
  font-size: 0.8em;
  font-weight: bold;
}

/* -------------------------------------------------------------- */
/* FORM GRID
/* -------------------------------------------------------------- */
.form-grid {
  width: 100%;
  /*   border: 1px solid red; */
}

.form-grid  td {
  padding: 1px 0;
  /*  border: 1px solid red; */
  vertical-align: top;
}

.label-col {
  width: 200px;
  vertical-align: top;
}

.input-col {
  vertical-align: top;
}

.radio-col {
  width: 30px;
  padding-top: 10px;
  vertical-align: middle;
}

.radio-label-col {
  padding-top: 10px;
  padding-right: 20px;
  vertical-align: middle;
}

.radio-label-sub-col {
  vertical-align: middle;
}

.cost-amount-col {
  vertical-align: top;
  text-align: right;
  font-weight: bold;
}

.summary-output-col {
  vertical-align: top;
  text-align: left;
  font-weight: bold;
}

/* summary fee table */
.cost-table-col {
  width: 65%;
}

/* summary fee table */
.cost-disclaimer-col {
  width: 35%;
}

/* summary fee table */
.fees-col {
  width: 50%;
}

/* -------------------------------------------------------------- */
/* BUTTON GRID
/* -------------------------------------------------------------- */
.button-grid { /* border: 1px solid red; */
  white-space: nowrap;
}

.button-grid  td { /* border: 1px solid red; */

}

.button-col-left {
  width: 1%;
  text-align: left !important;
  padding: 0 5px 0 0 !important;
}

.button-col-right {
  width: 100%;
  text-align: right !important;
  padding: 0 0 0 5px !important;
}

/* -------------------------------------------------------------- */
/* LINKS
/* -------------------------------------------------------------- */
a.ext-link {
  background: url("/etrademark/jakarta.faces.resource/ext-link.png.jsf?ln=images") no-repeat center left;
  padding-left: 12px;
  font-weight: bold;
}

a.help-link {
  background: url("/etrademark/jakarta.faces.resource/help.png.jsf?ln=images") no-repeat center left;
  padding-left: 16px;
  margin: 3px;
  vertical-align: text-bottom;
  font-weight: bold;
}

a.back-link {
  background: url("/etrademark/jakarta.faces.resource/back.png.jsf?ln=images") no-repeat center left;
  padding-left: 12px;
  font-weight: bold;
}

/* -------------------------------------------------------------- */
/* WDL STATE BOX (colors C&P from wdlchecker.css)
/* -------------------------------------------------------------- */
.wdl-state-box {
  font-weight: bold;
  margin-left: 10px;
  padding-left: 20px;
}

/* .correct is a redefined class from wdlchecker.css */
.correct {
  font-weight: bold;
}

.wdl-state-box.correct {
  background: url("/etrademark/jakarta.faces.resource/lgs_ok.png.jsf?ln=images") no-repeat left center !important;
}

/* .unknown is a redefined class from wdlchecker.css */
.unknown {
  font-weight: bold;
}

.wdl-state-box.unknown {
  background: url("/etrademark/jakarta.faces.resource/lgs_nok.png.jsf?ln=images") no-repeat left center !important;
}

/* -------------------------------------------------------------- */
/* COMMON
/* -------------------------------------------------------------- */
.information-text {
   font-size: 0.8em; 
   font-weight: bold; 
   color: #FF8C00;
}
span.information-text a {
   font-size: 1.0em; 
   font-weight: bold; 
   color: #FF8C00;
}

/* -------------------------------------------------------------- */
/* SUBMIT BUTTON
/* -------------------------------------------------------------- */
.submit-button.ui-state-default {
  background: url("/etrademark/jakarta.faces.resource/submit_btn_bg.png.jsf?ln=images") repeat-x scroll 0 0;
  border: 1px solid #7ab0b5;
  color: #000;
}

.submit-button.ui-state-default .ui-icon {
  background-image: url("/etrademark/javax.faces.resource/primefaces-sam/images/ui-icons_454545_256x240.png.jsf");
}

.submit-button.ui-state-hover {
  background: url("/etrademark/jakarta.faces.resource/submit_btn_over_bg.png.jsf?ln=images") repeat-x scroll 0 0;
  border: 1px solid #428e96;
}

.submit-button.ui-state-disabled {
  /* IE */
  filter: alpha(opacity =  50);
  /*  CSS3 */
  opacity: 0.5;
}

/* -------------------------------------------------------------- */
/* MISC CLASSES
/* -------------------------------------------------------------- */
.expand {
  width: 100%;
}

.min-height {
  height: 1%;
}

.max-height {
  height: 100%;
}

.min-width {
  width: 1%;
}

.max-width {
  width: 100%;
}

.header-normal {
  font-weight: normal;
  text-align: left;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.error-row {
  background: none repeat scroll 0 0 #FFE0E0 !important;
  color: red;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.bottom {
  vertical-align: bottom;
}

.middle {
  vertical-align: middle;
}

.top {
  vertical-align: top;
}

.no-border {
  border: none !important;
}

.ok-icon {
  background: url("/etrademark/jakarta.faces.resource/ok.png.jsf?ln=images") no-repeat !important;
  height: 16px;
  width: 16px;
}

.nok-icon {
  background: url("/etrademark/jakarta.faces.resource/nok.png.jsf?ln=images") no-repeat !important;
  height: 16px;
  width: 16px;
}

.pdf-icon {
  background: url("/etrademark/jakarta.faces.resource/pdf.png.jsf?ln=images") no-repeat !important;
  height: 16px;
  width: 16px;
}

.zip-icon {
  background: url("/etrademark/jakarta.faces.resource/zip.png.jsf?ln=images") no-repeat !important;
  height: 16px;
  width: 16px;
}

.image-icon {
  background: url("/etrademark/jakarta.faces.resource/image.png.jsf?ln=images") no-repeat !important;
  height: 16px;
  width: 16px;
}

.min-col-width {
  width: 1%;
  white-space: nowrap;
}

.lang-selection {
  font-size: 2.0em;
  color: #222222;
}

.trademark {
  border: 1px dashed #87A8A8;
  background-color: #eee;
  font-size: 28px;
  font-weight: bold;
}

.wordmark-summary {
  line-height: 150%;
}

.summary-content-header {
  font-weight: bold;
  font-size: 10pt;
}

/* class that can be used for print-only elements */
.print {
  display: none;
}

/* class that can be used for screen-only elements */
.screen {
  display: block;
}

/* -------------------------------------------------------------- */
/* PRINTING DECLARATIONS
/* -------------------------------------------------------------- */
@media print { /* hidden sections */
  #header, #subheader, #footer {
    display: none;
  }

  /* no border around content */
  #container {
    border: none;
  }

  /* sets a readable font size */
  #center h1 {
    font-size: 20pt;
  }
  .ui-widget {
    font-size: 12pt;
  }
  .form-grid td {
    font-size: 12pt;
  }
  .top td {
    font-size: 12pt;
  }
  .wdl-term-col {
    font-weight: normal;
  }

  /* class that can be used for print-only elements */
  .print {
    display: block;
  }
  body {
    font-size: 12pt;
  }

  /* class that can be used for screen-only elements */
  .screen {
    display: none;
  }
  .summary-content-header {
    font-size: 13pt;
  }

  /* reset colored fonts */
  .wdl-state-box.unknown {
    color: #000;
  }
  .correct {
    color: #000;
  }

  /* IE can't print a dotted line properly! */
  .ui-fieldset {
    border: 1px solid #87A8A8 !important;
  }
}