/* ------------------------------------------------------------ */
/*                 Survey Form/Table Styles
/* ------------------------------------------------------------ */
table.survey { 
  /* width: 730px; */
}
table.survey tr { 
  /* padding:0;
  margin:0; */
}
table.survey th {
  font-size:11px;
  font-weight: normal;
  border-collapse: none;
  vertical-align: top;
  background: #dddddd;
  border: none;
  padding-left:10px;
  padding-right:0 !important;
  padding-top:0;
  padding-bottom:0 !important;
  overflow: hidden;
  width:50%;
}
table.showhide {
  border: none;
  border-top: #c0c0c0 solid 1px;
  border-bottom: #c0c0c0 solid 1px;
  padding:0;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-left:12px !important;
}
table.showhide th {
  font-size:11px;
  font-weight: normal;
  border-collapse: none;
  vertical-align: top;
  background: #dddddd;
  border: none;
  width: 319px;
  padding:0px;
  overflow: hidden;
}
table.survey td {
  font-weight: normal;
  vertical-align: top;
  background: #dddddd;
  border: none;
  max-width: 55%;
  padding:0px;
}
table.survey th h2,
table.survey th h3,
table.survey th h4
{
  margin:0;
  font-weight: bold;
}
table.survey th h2 {
  text-align: center;
}
table.survey th h3, table.survey th h4 {
  margin-bottom: 5px;
}
table.survey th h5
{
  margin:0;
  margin-left: 20px;
  font-size: 8pt;
  font-weight: normal;
  color: black;
}
table.survey input.trigger {  /* show/hide table trigger */
  margin-bottom:5px;
  margin-left:2px;
}
table.survey input {
  margin-bottom:5px;
  margin-left:5px;
  padding-left:0px;
}
table.survey table.upload input {
  margin-left:2px;
}
table.survey div.answer li {
  font-size: 8pt;
  margin-left:15px;
}
table.survey td select {
  margin-right: 10px;
  margin-left:3px;
  width:350px;
  max-width:350px;
}
table.survey li { margin-bottom: 0 }
table.survey li label {
  vertical-align: 2px;
  margin-left: 0px;
}

/* reset icons for radio lists */
img.reset {
  position: relative;
  top: 3px;
}

.edit {  /* The [Edit] tags on the survey preview forms */
  float: left;
  font-size: 6pt;
}
.possans_edit {
  font-size: 6pt;
}
  
.question { 
  font-size: 10pt;
  vertical-align: top;
  font-weight: bold;
  margin-bottom: 5px;
}
.question p {
  font-weight: normal;
}
.answer {
  margin-left: 20px;
  font-size: 8pt;
  margin-bottom:5px;
}
.formhelp {
  font-weight: normal;
  color: #a0a0a0;
  font-size: 7pt;
  padding-bottom: 5px;
}

/* Document verification messages in survey form - used in questions HTML */
.verification {
  color: green !important;
  font-style: italic !important;
  font-size: 8pt;
  position: absolute;  /* enables overflowing of text upto 500px wide */
  width:500px;
}
.verification-float {
  color: green !important;
  font-style: italic !important;
  font-size: 8pt;
  position: absolute;  /* enables overflowing of text upto 500px wide */
  left: 260px;
  width: 750px;  /* Required by IE6 */
}
/* Drop-down table for document-upload widget */
table.survey table.upload tbody {
  width:100%;
}
table.upload {
  border: none;
  margin:0;
  padding:0;
  margin-left:2px;
  width:65%;
}
table.upload th {
  display:none;
}
table.showhide div.answer {
  margin-left: 8px;
}
ul.radio_list
{
  list-style-type: none;
}
ul.radio_list input {
  margin-left: -35px;
}
.label_subtext, .label_subtext a {
  font-size: 6pt;
}
.star-full {
  background: transparent url('/issues/sustainable-industry/paper-products/images/star.gif') no-repeat 0px 2px;
  display: inline-block;  /* Needed by IE6 */
  padding-left: 15px;
  vertical-align: center;
  width: 0px;             /* Needed by IE7 - bug! */
  height: 17px;           /* Needed by Firefox 3 */
  margin-bottom: -2px;    /* Needed by Firefox 3 */
}
.star-empty {
  background: transparent url('/issues/sustainable-industry/paper-products/images/star-empty.gif') no-repeat 0px 2px;
  display: inline-block;  /* Needed by IE6 */
  padding-left: 15px;
  width: 0px;             /* Needed by IE7 - bug! */
  vertical-align: center;
  height: 17px;           /* Needed by Firefox 3 */
  margin-bottom: -2px;    /* Needed by Firefox 3 */
}
ul.error_list {
  float: right;
}
ul.error_list li {
  color:red;
  list-style-type: disc;
  margin-right: 10px;
}
hr {
  color: #c0c0c0;
  margin: 5px;
}
/*
 * Styling for 'red' stars next to required fields.
 */
.required_field {
  background: transparent url('/issues/sustainable-industry/paper-products/images/redstar.gif') no-repeat 0px 1px;
  width: 10px;
  height: 20px;
  position: absolute;
}
.required_fields_msg {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 9px;
  font-style: italic;
}
/* ------------------------------------------------------------ */
/*                 Survey View Table Overrides
/* ------------------------------------------------------------ */
table#survey_view { width: 730px }
table#survey_view th h2, table#survey_view th h3 { margin-top: 8px; }
table#survey_view th h4, .h4narrow { font-size: 10pt; font-weight: bold; }
table#survey_view th h5 { margin-left: 0px; }
table#survey_view th,
table#survey_view td {
  background: #ffffff;
  width: 40%;
  padding-right: 5px;
}
table#survey_view th hr { /* Used above/below section headers (H2's) */
  display: none;
}
table#survey_view tbody {
  border: none;
}


table.details, table.details tbody, table.details tr td, table.details tr th {
  /*font-size:  10pt;
  border: none;
  background: none;
  padding-top: 0;
  padding-bottom: 2px; */
}
table.details tr th {
  font-weight: normal;
}
table.details tr td {
  /* font-weight: bold;
  color: #990033; */
}

.view_question {
  font-weight: normal;
  margin-bottom:5px;
  margin-right:20px;
}
.view_answer {
 /* font-weight: normal;
  color: #990033;
  margin-bottom:5px; */
}
table.survey .question ul li {
  list-style-type: disc;
}
table.survey div.view_answer ul li,
table.survey ul.radio_list li,
table#survey_view div.view_question ul li
{
  list-style-type: none !important;
}
table#survey_view div.view_question ul {
  padding-left:0;
}
table#survey_view div.view_question ul li {
  font-size: 8pt;
}

table.percentile-grid, table.percentile-grid tbody, table.percentile-grid tbody tr {
  /* width: 250px !important;
  border: none;
  margin:0 !important; */
}
table.percentile-grid tbody tr th {
  /* border: black solid 1px;
  padding: 5px !important;
  width: 80% !important; */
}
table.percentile-grid tbody tr td {
  /* text-align: center;
  border: black solid 1px;
  padding: 5px !important;
  width: 20% !important; */
}

table.grid {
  /* border:none;
  margin:0 !important; */
}
table.grid th {
  /* width:95%;
  border: #c0c0c0 solid 1px;
  padding: 5px !important; */
}
table.grid td {
  /*width:20%;
  text-align: center;
  border: #c0c0c0 solid 1px;
  padding: 5px !important; */
}
.doc_attributes {
  font-style: italic;
  color: black;
}
.not_specified {
  font-style: italic;
  color: #a0a0a0;
}
/* ------------------------------------------------------------ */
/*                   Approval Table Styles
/* ------------------------------------------------------------ */
table#survey_approve td { padding-left:30px }

/* ------------------------------------------------------------ */
/*                   Common Content Styles
/* ------------------------------------------------------------ */
table th {
  padding-right: 20px;
  font-size:12px;
}
table td {
  font-size:11px;
}

/*  Error/Notice Flashes */
.flash-error {
  margin-left:20px;
  color: red;
}
form#survey-form .flash-error ol {
  list-style: lower-roman inside;
}
form#survey-form .flash-error li {
  float:left;
  margin:0;
  padding-left:0;
  padding-right:10px;
}
.flash-notice {
  margin-left:20px;
  color: blue;
}
#content {
  margin:0;
}
.content a:link {
  color: blue;
  text-decoration: none;
}
.content a:visited {
  color: blue;
  text-decoration: none;
}
.content a:hover {
  color: #990000;
  text-decoration: underline;
}
.content .hidecolumn {
  /* Used to work around a "bug?" in IE6/7 where final RHS column margins
   * don't display in table.
   */
  width:0px;
  padding:0px;
  margin:0px;
  border:none;
}
.content fieldset {
  width: 730px;
  padding:0;
  margin:0;
}
.content fieldset legend {
  display: none;  /* Messes up our layout */
  font-weight: bold;
  font-size: 12pt;
}
img {
  border: none;
}

.commercial_papers_link {
  /* Style for link on Company Products page for link to Commercial
   * paper products page.
   */
  margin-left: 25px;
}

.approval-pending,   /* "Pending" style in home/products/mills   */
.inactive,           /* inactive document warning is survey view */
.expired,            /* expired  document warning is survey view */
.file_not_found
{
  color: red !important;
}
.company-warning     /* company hasn't returned agreement warning */
{
  margin-left: 5px;
  color: red !important;
}
.no-tickets {
  font-weight: bold !important;
  margin-left: 20px !important;
  color: green !important;
}
.state-images-list {
  white-space: nowrap;
  font-size: 5pt;
  vertical-align:50%;
  line-height: 1px;
}
.state-images-list img {
  width:8px;
  vertical-align:30%;
}
.recent-request-show-options {
  margin-left: 10px;
  font-size: 7pt;
}
.terms-of-participcation-message {
  font-size: 7pt;
}
.center {
  text-align:center !important;
}

/* 
 * Styles "Buying to reduce environmental impact"
 *   and  "Registered suppliers only" in sidebar.
 */
.nav_subtexts {
  font-size:6pt;
  font-style:italic;
}


/* ------------------------ 
 *  Action icons and links
 *  in lower content area
 *  of admin pages.
 * ------------------------ */
.actions img {
  vertical-align: middle;
}
.actions a {
  font-size: 9pt;
  vertical-align: middle;
  text-decoration: none;
  color: black;
}
.actions a:hover {
  text-decoration: underline;
  font-weight: bold;
}
.table_actions {
  border-top: black solid 1px;
  background: none;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-collapse: none;
}

table.score_override {
  width: 730px;
}
table.score_override th {
  width: 630px;
}
table.score_override td {
  text-align: center;
}
table.score_override th h2 {
  padding: 5px;
  margin: 0;
  vertical-align: middle;
}

/* Product table column widths */
#product_name { width: 150px }
#product_retailers { max-width: 200px }
#product_revision { width: 30px }
#product_lastupdated { width: 150px }
#product_approved {text-align: center; }
#product_actions { width: 100px }

/* Users table column widths */
#user_email { width: 250px }
#user_fullname { width: 150px }
#user_role { width: 150px }
#user_phonenumber { width: 80px }
#user_lastlogin { width: 130px }
#user_accountstatus { text-align: center; }

/* Font styles for role in user list page */
#user_role_1 { color: black; }
#user_role_2 { color: black; font-weight: bold;}
#user_role_3 { color: blue; font-weight: bold; }

/* Documents/manage table column widths */
#document_document { width: 230px }
#document_admincompany { width: 180px }
#document_expirydate { width: 110px }
#document_created { width: 150px }
#document_active  { width: 40px; text-align: center; }
#document_actions  { width: 100px; text-align: center; }

/* Styles for highlighting object type on users home page */
#approval_type_product { font-weight: bold; color: red; }
#approval_type_document { font-weight: bold; color: blue; }
#approval_type_mill { font-weight: bold; color: orange; }

/* Misc table column widths */
.product_brand_owner { width: 160px; }
.product_star_rating { min-width: 70px; }

/* ------------------------------------------------------------ */
/*                          Hover Help
/* ------------------------------------------------------------ */
div#qTip {
  width:auto;
  max-width: 400px;
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #999;
  color: #FFF;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
a:hover#tip, a:link#tip, a:visited#tip {
  color: red;
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none !important;
}
/* ------------------------------------------------------------ */
/* Presentation tables - rendered with alternating row-styles.
/* ------------------------------------------------------------ */
table.presentation, .presentation tbody {
  border: none;
}
.presentation th
{
  padding: 2px;
  background-color: #ccf;
  text-align: left;
}
.presentation td
{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.presentation .row0 td
{
}
.presentation .row1 td
{
  background-color: #eef;
}
table.presentation th.company_name {
  /* Use on pages which group tables rows by company - the Company Name
   * is displayed on a row by itself without borders.
   * */
  padding: 0px;
  margin: 0px;
  border: none;
  background: none;
}
table.presentation th {
  padding: 3px;
}
table.presentation th.company_name h3 {
  font-size: 11pt;
  padding: 20px 0px 7px 0px;
  margin: 0px;
}