/* Start of CMSMS style sheet 'II-General' */
/*
 *
 * @package       InductorsInc_WebSites
 * @subpackage    II_Site
 *
 * @abstract      These are the general CSS definitions for the Inductors, Inc.
 *                web site.
 *
 *                This file has a specific organization. Generic tag styles
 *                (e.g., those with no class name or id) are defined first. This
 *                establishes a baseline from which to work. General non-tag-
 *                specific class rules are defined next. Finally, tag-specific
 *                and id-specific rules are defined. These are generally grouped
 *                into related sections (a dialog box, YUI overrides, etc.)
 *
 * @author        David M. Patterson (DP Consulting)
 *
 * Note:          Yahoo! UI-specific CSS rules are defined in a separate style sheet.
 *
 * @copyright     (C) 2008 Central Technologies, Inc.
 *                Irvine, CA 92618
 *                All rights reserved. Reproduction in whole or in part
 *                is expressly forbidden without the express written
 *                consent of Inductors, Inc.
 *
 *                E D I T   H I S T O R Y
 *            (in reverse chronological order)
 *
 * Ver    Date     Who Description
 * --- ----------- --- ---------------------------------------------------------
 * 027 28-Jul-2008 dmp Changes to the left-column new summary.
 * 026 25-Jul-2008 dmp Miscellaneous last-minute changes for release.
 * 025 24-Jul-2008 dmp Modified default formbuilder rules to improve IE6.
 *                     Modified the quote request form rules to handle embedded
 *                     field sets and their contents.
 * 024 23-Jul-2008 dmp Modified the formbuilderform rules to handle IE and IE7
 *                     specific oddities. Note that this required changes to the
 *                     form templates as well.
 *                     Changed styles for the search buttons.
 * 023 22-Jul-2008 dmp Added vertical scroll bar to the bio text box on the
 *                     sales staff page.
 *                     Added explicit styles for the Registration page.
 *                     Added explicit styles for the quote request page.
 * 022 21-Jul-2008 dmp Set up styles for forms and the trade shows table.
 * 021 19-Jul-2008 dmp Updated various styles as per conversations with II.
 * 020 17-Jul-2008 dmp Corrected problem with list bullets.
 * 019 15-Jul-2008 dmp Added styles for iiFormBuilder forms. Note for these to
 *                     work, the "cms_module module='iiFormBuilder'" tag must be
 *                     enclosed within a div with the iiFormBuilderContainer
 *                     class.
 * 018 11-Jul-2008 dmp Added styles for the searches page.
 *                     Added initial stryles for media type print.
 * 017 07-Jul-2008 dmp Added styles for unordered lists within contentContainter.
 * 016 03-Jul-2008 dmp Minor changes to the search and join forms.
 * 015 02-Jul-2008 dmp Added styles for sales staff page. Added center column
 *                     padding style.
 * 014 11-Jun-2008 dmp Change font sizes as request by Holly in 6/11/2008
 *                     morning telephone discussion.
 * 013 11-Jun-2008 dmp Minor changes as required by Holly's email 6/11/2008 7:15.
 * 012 10-Jun-2008 dmp Minor changes as required by Chris' email 6/10/2008 14:54.
 * 011 02-Jun-2008 dmp Apply colors and images as supplied by Holly in her email
 *                     dated 5/28/2008 0:05 am.
 * 010 15-May-2008 dmp Change page (HTML) background image to html_background.jpg.
 * 009 14-May-2008 dmp Prepare for interim release to dev.inductor.com.
 * 008 09-May-2008 dmp Add dbg definitions.
 * 007 17-Apr-2008 dmp Definitions for Mfg Xref page.
 * 006 14-Apr-2008 dmp Modifications to header-related definitions.
 * 005 08-Apr-2008 dmp Add styles for user registration.
 * 004 20-Mar-2008 dmp Add styles for fieldsets and legends.
 * 003 08-Feb-2008 dmp Add style for the Login link.
 * 002 09-Jan-2008 dmp Add img#headerBackground to control header image height.
 * 001 08-Jan-2008 dmp Creation.
 */

/******************************************************************************
 *
 * Generic tag-specific definitions.
 *
 ******************************************************************************/

/*
 * The HTML Body.
 * There is a little magic here working with #centerBodyOnPage to get browsers to
 * center the content in the browser window. The official CSS way to do this is
 * to set the left and right margins to 0px auto (auto being the key). Internet
 * Explorer 5.5, of course, doesn't render this correctly so we have to do a
 * workaround. The solution is to set the body to no pargin and text-align
 * centered because IE will center everything wihin the body.
 */
body
{
  margin: 0px;
  text-align: center;
}

/*
 * Emphasis.
 */
em
{
  font-style: italic;
}

/*
 * Fieldsets
 */
fieldset
{
  border: solid 1px black;
  margin: 0px 20px;
  padding: 10px;
}

/*
 * Header levels.
 * First set the common traits.
 */
h1,h2,h3,h4,h5,h6
{
  color: #ff6633;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
  text-align: center;
}

/*
 * Now set the traits specific to each header level.
 */
h1 { font-size: 249%; }
h2 { font-size: 207%; }
h3 { font-size: 173%; }
h4 { font-size: 144%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

/*
 * Horizontal rules.
 */
hr
{
  color: #77ad3e;
}

/*
 * The HTML tag.
 */
html
{
  background-image: url("uploads/images/layout/html_background.jpg");
  background-attachment: scroll;
  background-repeat: repeat-both;
}

/*
 * Labels
 */
label
{
  font-weight: bold;
}

/*
 * Legends for fieldsets.
 */
legend
{
  font-weight: bold;
  padding: 0px 5px;
}

/*
 * Paragaphs.
 */
p
{
  margin-top: 1em;
}

/*
 * Strong.
 */
strong  { font-weight: bold; }

/*
 * Tables.
 */
td
{
  text-align: left;
  vertical-align: top;
}

th
{
  font-weight: bold;
  text-align: center;
}



/******************************************************************************
 *                                                                            *
 * General non-tag/non-id-specific definitions.                               *
 *                                                                            *
 ******************************************************************************/

/*
 * General handy-dandy classes.
 */
.absolute     { position: absolute; }
.black        { color: black; }
.bold         { font-weight: bold; }
.borderBlack  { border: solid 1px black; }
.borderBlue   { border: solid 1px blue; }
.borderGreen  { border: solid 1px green; }
.borderLime   { border: solid 1px lime; }
.borderRed    { border: solid 1px red; }
.borderYellow { border: solid 1px yellow; }
.bottom       { vertical-align: bottom; }
.center       { text-align: center; }
.error        { color: red; font-weight: bold; }
.handCursor   { cursor: pointer; }
.hidden       { visibility: hidden; }
.left         { text-align: left; }
.link         { color: blue; cursor: pointer; text-decoration: underline; }
.middle       { vertical-align: middle; }
.nodisplay    { display: none; }
.normal       { color: black; font-weight: normal; }
.relative     { position: relative; }
.right        { text-align: right; }
.subheading   { color: #ff6633; }
.top          { vertical-align: top; }
.underlined   { text-decoration: underline; }
.visible      { visibility: visible; }



/******************************************************************************
 *                                                                            *
 * Tag, ID, and order-specific definitions.                                   *
 *                                                                            *
 ******************************************************************************/

/*
 * The "real" body.
 * This along with the body definition above, causes the page to display centered
 * in the browser window. We set the "real" attributes that we want here,
 * including the margin: 0px auto;. We also explicitly reset the text-align to
 * left to override the IE workaround that we had to do in the body definition.
 */
div#centerBodyOnPage
{
  background-color: white;
  border: solid 1px #20603c;
/*  font-family: Trebuchet, Helvetica, sans-serif;  */
/*  font-size: 12pt;  /* Note: This is larger than the default YUI size of 13px. */
  text-align: left;
  margin: 0px auto;
  width: 974px;
}


/*
 * List customizations.
 *
 */
.contentContainer ul
{
  margin-left: 2em;
}

.contentContainer ul li
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
}

/*
 * A container that creates a 1-pixel white line under its contents.
 * Used for the Stock Search and Join Our Mailing List boxes.
 */
div.continerWithSeparator
{
  border: none;
  border-bottom: solid 1px white;
  margin: 0px;
  padding: 0px;
}

/*
 * Form-related rules.
 */
table.form td
{
  padding-top: 1px;
  padding-bottom: 1px;
}

span.requiredField
{
  color: red;
  font-weight: bold;
}

/*
 * Go buttons.
 */
.goButton
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif) scroll 0px -180px;
  border: none;
  height: 22px;
  width: 23px;
}


/******************************************************************************
 *
 * Definitions that are specific to the page header (logo, etc.)
 *
 ******************************************************************************/

div#header                      /* The div containing the header. */
{
  background-image: url(/uploads/images/layout/ii_header_background.jpg);
  position: relative;
  text-align: center;
  width: 974px;
  height: 175px;
}

#headerCompanyLink              /* Company Name as a link to the home page. */
{
  border: none 1px pink;
  cursor: pointer;
  height: 55px;
  left: 130px;
  position: absolute;
  top: 40px;
  width: 450px;
}

#headerLogoLink                 /* The company logo as a link to the home page. */
{
  border: none 1px pink;
  cursor: pointer;
  height: 110px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 95px;
}

#headerAccountControl           /* Container for the log in, log out, etc. links. */
{
  bottom: 1px;
  color: white;
  font-family: arial, helvetica;
/*  font-size: 80%;   tmp */
  font-weight: bold;
  position: absolute;
  right: 2px;
}

#headerAccountControl a:link,   /* Links within the account control div. */
#headerAccountControl a:visited
{
  color: white;
  text-decoration: none;
}
#headerAccountControl a:hover
{
  color: #ff6633;
}


/*******************************************************************************
 *
 *  Dialog boxes.
 *
 ******************************************************************************/

div.dialog                      /* Base layout for the dialog boxes. */
{
  position: absolute;
  left: -5000px;
  text-align: left;
  top: -5000px;
}

.dialog label                   /* Labels within dialog boxes. */
{
  display: block;
  float: left;
  font-weight: bold;
  text-align: left;
  width: 11em;
}

.dialog input                   /* Input tags within dialog boxes. */
{
  display: block;
  float: left;
  margin-bottom: 3px;
}

#dlgConstantContact iframe
{
  border: none;
  width: 99%;
}

#dlgLogin label                 /* The login dialog box. */
{
  width: 6em;
}

#dlgLogin div#dlgLoginMessage   /* Message container within the log in dialog. */
{
  margin-bottom: 10px;
}

div#dlgLoginMessage span        /* Text within the message container. */
{
  color: black;
  font-weight: normal;
}

div#dlgLostPassword .bd         /* Lost Password dialog box. */
{
  text-align: left;
}

div#dlgLostPassword label       /* Label within the lost password dialog. */
{
  width: 4em;
}


/*******************************************************************************
 *
 * Main content.
 * It's a three-column, single-row table to simplify layout.
 *
 ******************************************************************************/

/*
 * The table.
 */
table#content
{
  width: 974px;
}

/*
 * The base column layout.
 */
table#content td
{
  vertical-align: top;
/*  padding-left: 4px; */
/*  padding-right: 4px; */
}

/*******************************************************************************
 *
 * Layout specific to the center column.
 *
 ******************************************************************************/

div#pageTitleContainer          /* The title/bread crumb container. */
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif) scroll 0px -120px;
  border: solid 1px #c4d9b0;
  font-family: arial, helvetica;
  font-weight: bold;
  height: 21px;
  padding-left: 6px;
  text-align: left;
}

div#pageTitleContainer div
{
  padding-top: 3px;
}

a:link.breadcrumbParent,        /* Links within the bread crumbs list. */
a:visited.breadcrumbParent
{
  color: black;
}

a:hover.breadcrumbParent        /* Hovering over a link in the bread crumb list. */
{
  color: #ff6633;
}

td#contentLeft
{
  border: none;
  overflow-x: hidden;
  width: 189px;
}

td#contentLeft div.contentContainer
{
  padding: 0px 2px 0px 4px;
}

td#contentMain
{
  padding: 0px 4px;
}

td#contentMain div.contentContainer
{
}

td#contentMain div.contentContainer centerPadding
{
  padding: 4px 4px 0px 4px;
}

td#contentRight
{
  /* background: This is defined in the "II-3-Column-Layout" template because
   *             it requires Smarty processing. */
  border: none;
  overflow-x: hidden;
  width: 189px;
}

td#contentRight div.contentcontainer
{
  padding: 0px 4px 0px 2px;
}

.sideColumnFormContainer
{
  background-color: #ffe8e1;
  border: solid 1px #d4bdb5;
  border-bottom: solid 2px #d4bdb5;
  font-weight: bold;
  height: 62px;
  margin-bottom: 2px;
  margin-left: -4px;
  padding: 2px 0px 2px 0px;
  width: 100%;
}


/*******************************************************************************
 *
 * The page footer.
 *
 ******************************************************************************/
div#footer
{
  background-color: #8a86b9;
  font-family: arial, helvetica;
  font-size: 90%;
  padding: 2px;
  position: relative;
  text-align: center;
}

div#footer a:hover
{
  color: #ff6633;
}

div#footer div
{
  color: white;
}

div#footer div a
{
  padding: 0px 5px;
}

div#footer div a:link,
div#footer div a:visited
{
  color: white;
  text-decoration: none;
}

div#footer div a:hover
{
  color: #ff6633;
}

/*
 * Definitions for the right-hand column.
 */
#contentRight_OBSOLETE? button
{
  color: darkgreen;
  margin-top: 2px;
  width: 95%;
}


/*******************************************************************************
 *
 * Secondary menu bar.
 *
 ******************************************************************************/
div#secondaryMenubar
{
  background: #8987b9;
  height: 20px;
  width: 100%;
}

div#secondaryMenubar a
{
  color: white;
  font-family: arial, helvetica;
  font-weight: bold;
  padding: 0px 8px;
}

div#secondaryMenubar a:link,
div#secondaryMenubar a:visited
{
  color: white;
  text-decoration: none;
}

div#secondaryMenubar a:hover
{
  color: #ff6633;
}

span.secondaryMenubarSep
{
  color: #ff6633;
}


/*******************************************************************************
 *
 * The Stock Search and Join Mailing List Blocks
 *
 ******************************************************************************/

div#stockSearchBlock,           /* The container. */
div#joinMailingListBlock
{
  background-color: #ffe8e1;
  border: solid 1px #d4bdb5;
  border-bottom: solid 1px #d4bdb5;
  font-family: arial, helvetica;
  font-weight: bold;
  height: 62px;
}

div#stockSearchBlock span,      /* The title. */
div#joinMailingListBlock span
{
  margin-left: 8px;
}

div#stockSearchBlock div.lower,       /* The inner container. */
div#joinMailingListBlock div.lower
{
  background-color: #ffe8e1;
  border: none;
  font-weight: normal;
  height: 39px;
  position: relative;
  width: 100%;
}

div#stockSearchBlock div.upper,      /* The title. */
div#joinMailingListBlock div.upper
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif) scroll 0px -60px;
  height: 21px;
  border: solid 1px #D4BDB5;
  border-top: none;
}

div#stockSearchBlock div.lower input.ssbText,  /* The text field. */
div#joinMailingListBlock div.lower input.ssbText
{
  left: 14px;
  top: 12px;
  position: absolute;
  width: 122px;
}

div#stockSearchBlock div.lower .ssbButton,  /* The Go button. */
div#joinMailingListBlock div.lower .ssbButton
{
  position: absolute;
  right: 14px;
  top: 10px;
}

* html div#stockSearchBlock
{
  width: 188px;
}


/*******************************************************************************
 *
 * The commonly used stack of links
 *
 ******************************************************************************/
ul.commonLinkStack              /* The container (an unordered list). */
{
  margin: 0pt 0pt 0pt -0px;
  width: 100%;
}

ul.commonLinkStack li           /* The individual links. */
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif) scroll 0px -120px;
  border: solid 1px #c4d9b0;
  font-family: arial, helvetica;
  font-weight: bold;
  height: 21px;
  list-style-type: none;
  margin-bottom: 1px;
  margin-left: 0pt;
  margin-right: 0px;
  margin-top: 0pt;
  padding-left: 0px;
}

ul.commonLinkStack li a:visited,
ul.commonLinkStack li a:link
{
  color: black;
  text-decoration: none;
}

ul.commonLinkStack li a:hover   /* Hovering over the individual links. */
{
  color: #ff6633;
}

ul.commonLinkStack li span
{
  padding-left: 4px;
}

* html ul.commonLinkStack li    /* Hack for for IE's bad box model. */
{
  width: 100%;
}


/*******************************************************************************
 *
 *  News summary.
 *
 ******************************************************************************/

div.NewsSummaryContainer        /* Surrounding div. */
{
  background-color: #f0f5eb;
  border: solid 1px #c4d9b0;
  margin-left: -4px;
  padding-right: 4px;
  width: 100%;
}

* html div.NewsSummaryContainer
{
  padding-right: 6px;
}

div.NewsSummary img
{
  float: left;
}

div.NewsSummaryLink,
div.NewsSummaryLinkPinned
{
  display: inline;
  float: left;
  margin-top: -2px;
  padding-left: 3px;
  
}

div.NewsSummaryLink a,          /* Article title as a link. */
div.NewsSummaryLinkPinned a
{
  font-weight: bold;
  text-decoration: none;
}

div.NewsSummary a:visited,
div.NewsSummaryLink a:visited,  /* The base color for the article title links. */
div.NewsSummaryLink a:link,
div.NewsSummaryLinkPinned a:visited,
div.NewsSummaryLinkPinned a:link
{
  color: #ff6633;
}

div.NewsSummary a:hover,
div.NewsSummaryLink a:hover,    /* The hover color for the article title links. */
div.NewsSummaryLinkPinned a:hover
{
  color: #77ad3e;
}

div.NewsSummaryPostdate
{
  clear: both;
}

div.NewsSummary                 /* Container for summary of one article. */
{
  color: black;
  margin: 5px 0px;
  padding: 5px 4px;
}

div.NewsSummarySummary
{
  clear: both;
}

div.NewsSummaryMorelink
{
  color: #ff6633;
}

div.NewsSummaryMorelink a:visited,
div.NewsSummaryMorelink a:link
{
  color: #ff6633;
  text-decoration: none;
}

div.NewsSummaryMorelink a:hover
{
  color: #77ad3e;
}


/*******************************************************************************
 *
 * Sales Staff page
 *
 ******************************************************************************/
div.salesStaffContainer
{
  height: 391px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

img.salesStaffPhoto
{
  display: inline;
  float: left;
  height: 194px;
  margin-top: 3px;
  width: 194px;
}

img.salesStaffPhotoLeft,
img.salesStaffPhotoCenter
{
  padding-right: 3px;
}

img.salesStaffPhotoRight
{
/*  width: 190px; */
}
* html img.salesStaffPhotoRight
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 192px;
}

div.salesStaffBio
{
  background-color: #8781bd;
  display: inline;
  float: left;
  height: 191px;
  margin-top: 3px;
  overflow-y: scroll;
  width: 391px;
}

* html div.salesStaffBio
{
  bottom: -1px;
  float: none;
  height: 191px;
  position: absolute;
  right: 0px;
  width: 389px;
}


/*******************************************************************************
 *
 * Year book page
 *
 ******************************************************************************/

div.yearbookContainer
{
/*  height: 209px;  */
  overflow: hidden;
  position: relative;
  width: 100%;
}

div#staffDetailContainer
{
  height: 420px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

div#yearbookLinks
{
  height: 1.5em;
  text-align: center;
  font-weight: bold;
}

div#yearbookLinks a
{
  padding: 0px 5px;
}

div#yearbookLinks a:link,
div#yearbookLinks a:visited
{
  color: black;
  text-decoration: none;
}

div#yearbookLinks a:hover
{
  color: #ff6633;
}

div#staffListContainer
{
  height: 393px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  width: 100%;
}


div#staffListContainer div
{
  cursor: pointer;
  text-align: center;
  margin-top: 20px;
}


div#staffListContainer img
{
/*  display: block; */
}


/******************************************************************************
 *                                                                            *
 * This section defines rules for the searches page.                          *
 *                                                                            *
 ******************************************************************************/
div#searches *
{
  margin: 0px auto;
}

div#searches div.searchIntro
{
  margin: 1em auto;
  text-align: center;
}

div#searches select#searchType
{
  display: block;
  margin: 10px auto;
}

div#searches label
{
  padding-right: .5em;
}

div#searches button
{
  margin-top: 8px;
}

div.searchFormContainer
{
  display: none;
}

div.searchFormContainer input
{
  width: 4em;
}

#stockCheckSearch input
{
  width: 10em;
}

div#mfgXrefSearch
{
  position: relative;
}

div#resultsOuter
{
  border: 1px solid black;
  margin: 0px auto 10px auto;
  overflow-y: scroll;
  visibility: hidden;
  width: 95%;
}

#resultsOuter #results
{
  font-size: 85%;
}

#resultsOuter #results table
{
  width: 96.4%;
}

#resultsOuter #results.notIE7 table
{
  width: 100%;
}

#resultsOuter #results table th,
#resultsOuter #results table td
{
  padding: 1px 5px;
}

/*
 * These results rules are for the individual fields and are based on the
 * actual field names from the database. They can be used to specify things
 * like alignment, width, color, etc.
 */
#resultsOuter #results table td.avail
{
  text-align: right;
}

#resultsOuter #results table td.dcr {}
#resultsOuter #results table td.description {}
#resultsOuter #results table td.htmlpage {}
#resultsOuter #results table td.idc {}
#resultsOuter #results table td.impedance {}
#resultsOuter #results table td.ind {}
#resultsOuter #results table td.mfg {}

#resultsOuter #results table td.packagesize,
#resultsOuter #results table td.pkg_size {}

#resultsOuter #results table td.part,
#resultsOuter #results table td.partnumber {}

#resultsOuter #results table td.pkg {}
#resultsOuter #results table td.testfrequency {}
#resultsOuter #results table td.series {}


/*******************************************************************************
 *
 * This section contains definitions for pages that contain iiFormBuilder forms.
 *
 ******************************************************************************/

/*
 * The containing field set.
 */
fieldset.formbuilderFieldset
{
  margin: 5px 0px 20px 0px;
}

/*
 * Each field and its label are contained in their own div.
 * This rule sets the vertical spacing between them and ensures
 * that each is on its own line.
 */
div.formbuilderform div.fbrow
{
  clear: both;
  margin-top: 5px;
}

div.formbuilderform div.required
{
  text-align: left; /* Override the default from the forms module. */
}

/*
 * This is the easiest way to apply a width to a label without tables.
 */
div.formbuilderform div label
{
  display: block;
  float: left;
  padding-right: 8px;
  text-align: right;
  width: 10em;
}

/*
 * Special handling for checkbox and radio button groups.
 */
div.formbuilderform div.multiple div label
{
  display: inline;
  float: none;
  text-align: left;
  width: 409px;
}

div.formbuilderform div textarea
{
  width: 409px;      /* was 420 */
  height: 75px;     /* added by Barney 2-10-09*/
}

div.formbuilderform div input[type=text]
{
  width: 409px;
}

/*
 * Check box groups go on the same line.
 */
div.formbuilderform div.multiple div
{
  display: inline;
}

* html div.formbuilderform div.fbrow input
{
  width: 421px;        /* was 421 */
}

* html div.formbuilderform div.multiple input
{
  width: auto;
}

div.formbuilderform div.submit
{
  margin-top: 8px;
  text-align: center;
  width: 100%;
}

/*
 * You can override the label style by adding a second class to the form via the
 * admin page and then add a CSS rule  to change the label. The sample_form
 * form has an extra class (sample_form) and this rule makes the labels in that
 * form purple. The most common use for this is to change the width of the
 * labels. If you change the width here you will also need to create a rule for
 * the submit div with the same width
 * (e.g. div.sample_form div.submit{ width: whatever; }).
 */
div.sample_form div label
{
  color: purple;
}

/******************************************************************************
 *                                                                            *
 * Special formatting for the free stuff form.                                *
 *                                                                            *
 ******************************************************************************/
fieldset.formbuilderFieldset table
{
  margin-left: 5px;
  margin-bottom: 1em;
  width: 99%;
}

fieldset.formbuilderFieldset table tr
{
}

fieldset.formbuilderFieldset table td
{
  padding-top: 20px;
  text-align: center;
}

fieldset.formbuilderFieldset table td img
{
  margin: 3px 0px 5px 0px;
}

/******************************************************************************
 *                                                                            *
 * Special formatting for the quote request form.                             *
 *                                                                            *
 ******************************************************************************/
div.quoteRequestForm div.fbrow label
{
  width: 8em;
}

div.quoteRequestForm div.fbrow textarea
{
  width: 360px;
}

div.quoteRequestForm div.fbrow input[type=text]
{
  width: 429px;
}

div.quoteRequestForm div.noLabel
{
  margin-left: 8.5em;
}

div.quoteRequestForm fieldset.mfgPartnumFs
{
  margin-left: 8.5em;
  margin-top: 20px;
  width: 412px; 
}

div.quoteRequestForm fieldset.mfgPartnumFs div.fbrow textarea.OBSOLETE
{
  width: 400px; 
}

div.quoteRequestForm fieldset.mfgPartnumFs div.fbrow input[type=text]
{
  width: 409px; 
}

div.quoteRequestForm fieldset.FldDescFs
{
  margin-left: 8.5em;
  width: 412px; /* 420px; */
}

div.quoteRequestForm fieldset.FldDescFs div.fbrow label
{
  width: 11em;
}

div.quoteRequestForm fieldset.FldDescFs div.fbrow textarea
{
  height: 10em;
  width: 409px;
}

div.quoteRequestForm fieldset.FldDescFs div.fbrow input[type=text]
{
  width: 252px;
}

* html div.quoteRequestForm fieldset.FldDescFs div.fbrow textarea
{
  width: 250px;
}

* html div.quoteRequestForm fieldset.FldDescFs div.fbrow input
{
  width: 250px;
}

/******************************************************************************
 *                                                                            *
 * This section contains definitions specific to displaying the register form *
 *                                                                            *
 ******************************************************************************/
div#registerFormContainer label
{
  display: block;
  float: left;
  padding-right: 8px;
  text-align: right;
  width: 15.2em;
}



/******************************************************************************
 *                                                                            *
 * This section contains definitions specific to displaying the trade show    *
 * table.                                                                     *
 *                                                                            *
 ******************************************************************************/

table.tradeShowTable
{
  background-color: #eee;
  width: 100%;
}

table.tradeShowTable th,
table.tradeShowTable td
{
  border: solid 1px white;
}

table.tradeShowTable td
{
  padding: 2px 4px;
}


/******************************************************************************
 *                                                                            *
 * This section contains definitions that are specific to debug elements.     *
 *                                                                            *
 ******************************************************************************/

/*
 * Special control elements.
 */
.dbg
{
  color: yellow;
  cursor: pointer;
  height: 1em;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4em;
  z-index: 999999;
}

#dbgMarkLog
{
  top: 1em;
}


/*******************************************************************************
 *
 * Print-specific definitions.
 *
 ******************************************************************************/
@media print
{
  div#centerBodyOnPage  { border: none; }
  .noprint              { display: none; }

  div#footer,
  div#header,
  div#mainMenuBarContainer,
  div#pageTitleContainer,
  div#secondaryMenubar,
  td#contentLeft,
  td#contentRight
  {
    display: none;
  }

  div#centerBodyOnPage div.yuimenubar_X
  {
    display: none;
  }

  div#resultsOuter,
  div#resultsOuter #results
  {
    border: none;
    height: auto;
    overflow-y: visible;
  }
}

/* End of 'II-General' */