/* Start of CMSMS style sheet 'General' */
/*
 *
 * @package       LaurasBooks_WebSites
 * @subpackage    FiberDreams_Site
 *
 * @abstract      These are the general CSS definitions for the Fiber Dreams
 *                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 DPLH Enterprises.
 *                North Tustin, CA 92705
 *                All rights reserved. Reproduction in whole or in part
 *                is expressly forbidden without the express written
 *                consent of DPLH Enterprises.
 *
 *                E D I T   H I S T O R Y
 *            (in reverse chronological order)
 *
 * Ver    Date     Who Description
 * --- ----------- --- ---------------------------------------------------------
 * --5 08-Aug-2008 dmp Added explicit width for printing order confirmation.
 * 004 07-Aug-2008 dmp Added rules for wholesale order pages.
 *                     Added .printonly rules.
 * 003 29-Jul-2008 dmp Added rules for the subscribe dialog.
 * 002 16-Jul-2008 dmp Added some @media print rules.
 * 001 17-Jun-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
{
  color: #333;
  font-family: georgia, serif;
  margin: 0px;
  text-align: center;
}

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


/*
 * Fieldsets
 */

fieldset
{
  border: none 1px black;
  margin: 0px 20px;
  padding: 10px;
}


/*
 * Header levels.
 * First set the common traits.
 */

h1,h2,h3,h4,h5,h6
{
  color: #0092cb;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 20px;
  text-align: inherit;
  line-height: 80%;
  text-decoration: none;
}


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


/*
 * Horizontal rules.
 */
hr
{
  background-color: #0092c8;
  color: #0092c8;
  position: inherit;
}


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


/*
 * Images.
 */
img
{
  border: 1px solid #73a533;
  display: block;
  padding: 4px;
}

img.button
{
  border: none;
}

img.buttonImg
{
  border: none;
  display: inline;
  padding: 0px 4px;
}

img.left
{
  float: left;
  margin: 3px 12px 3px 0px;
}

img.center
{
  margin: 3px auto;
}

img.right
{
  float: right;
  margin: 3px 0px 3px 12px;
}

/*
 * Buttons.
 */
input.button
{
/*  color: #0092c8    */
}

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

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

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

/*
 * Strong, bold.
 */

strong, label
{
  font: 12px 'Lucida Sans Unicode', 'Lucida Grande', 'verdana', 'Helvetica', 'arial', 'sans-serif';
  font-weight: bold;
}

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

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

/*
 * Blockquote.
 */

blockquote
{
  margin: 1em; 3em 1em 3em;
  padding: 5px;
  border-top: 1px solid #73a533;
  border-bottom: 1px solid #73a533;
  font: 90% 'Lucida Sans Unicode', 'Lucida Grande', 'verdana', 'Helvetica', 'arial', 'sans-serif';
}



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

/*
 * Font size names.
 *
 * Note: These same percentages MUST be used in all styles that set the font
 *       size. Using HTML sizes, em, px, or anything else other than percentages
 *       will break user resizing, including stuff for hand-held devices.
 *
 * Class name     Percentage of body font size  Approx. pixel size
 */
/*.fontSizeXSmall   { font-size: 64%; }   /*                8px   */
/*.fontSizeSmall    { font-size: 80%; }   /*               10px   */
/*.fontSizeBase     { font-size: 100%; }  /*               15px   */
/*.fontSizeLarge    { font-size: 120%; }  /*               18px   */
/*.fontSizeXLarge   { font-size: 144%; }  /*               22px   */
/*.fontSizeXxLarge  { font-size: 173%; }  /*               27px   */
/*.fontSizeXxxLarge { font-size: 207%; }  /*               32px   */

/*
 * General handy-dandy classes.
 */
.absolute     { position: absolute; }
.blue         { color: #0092c8; }
.bold         { font-weight: bold; }
.borderBlack  { border: solid 1px black; }
.borderBlue   { border: solid 1px blue; }
.borderGreen  { border: solid 1px green; }
.borderRed    { border: solid 1px red; }
.bottom       { vertical-align: bottom; }
.center       { text-align: center; }
.error        { color: red; font-weight: bold; }
.gray1        { color: #ccc; }
.gray2        { color: #aaa; }
.gray3        { color: #f3f3f3; }
.green        { color: #73a533; }
.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; }
.printonly    { display: none; }
.relative     { position: relative; }
.right        { text-align: right; }
.sans         {
  font: 85% 'Lucida Sans Unicode','Lucida Grande', 'verdana','Helvetica','arial','sans-serif';
}
/*.subheading   { color: #ff6633; }     /* Bright orange headings and sub-headings. */
.top          { vertical-align: top; }
.underlined   { text-decoration: underline; }
.visible      { visibility: visible; }

.trademark    { vertical-align: super; font-size: 10px;}




/******************************************************************************
 *                                                                            *
 * 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;
  text-align: left;
  margin: 0px auto;
  width: 974px;
}

#contentWrapper
{
  margin-top: 0px;
}

/*
 * A container that creates a 1-pixel white line under its contents.
 * Used for the Stock Search and Join Our Mailing List boxes.
 */
div.containerWithSeparator
{
  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;
}

div#submitBtn,
{
  border: 1px solid green;
  cursor: pointer;
}


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

div#header                      /* The div containing the header. */
{
  background: url(/uploads/images/layout/headerBackground.jpg) scroll 0px -30px;
  position: relative;
  text-align: center;
  width: 974px;
  height: 150px;
  margin-top: 5px;
}

div#headerCompanyName
{
  color: #73A533;
  font-size: 400%;
  position: absolute;
  right: 10px;
  top: 5px;
}

#headerCompanyLink              /* Company Name as a link to the home page. */
{
  border: none 1px pink;
  cursor: pointer;
  height: 110px;
  right: 0px;
  position: absolute;
  top: 10px;
  width: 300px;
  z-index: 100;
}

#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;
}

#headerWelcome                /* Displayed only if the user is logged in. */
{
  bottom: 2px;
  color: white;
  font-weight: bold;
  left: 5px;
  position: absolute;
  text-align: left;
}

#headerWelcome img.buttonImg
{
  cursor: pointer;
}

#headerWelcome #myAccountBtn
{
  padding-left: 0px;
}

#headerControlsContainer        /* The search, subscribe, etc. buttons. */
{
  bottom: 0px;
  position: absolute;
  right: -4px;
  text-align: right;
  width: auto;
}

#headerControlsContainer #subscribeBtn
{
  border: 0px;
  cursor: pointer;
  margin: 2px 10px 0px 0px;
  padding: 0px;
}

#headerControlsContainer input#searchText
{
  margin-bottom: 5px;
  padding: 0px 0px 0px 0px;
  width: 10em;
}

#headerControlsContainer #searchBtn
{
  cursor: pointer;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 1px 10px 0px 0px;
  vertical-align: middle;
}

#header #dealerLoginBtnContainer
{
  border: 1px none white;
  bottom: 5px;
  left: 5px;
  position: absolute;
  text-align: right;
  width: auto;
}

#dealerLoginBtnContainer img#dealerLoginBtn
{
  border: 0px;
  cursor: pointer;
  margin: 2px 10px 0px 0px;
  padding: 0px;
}


/*******************************************************************************
 *
 *  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;
}

#googleGroupsIframe
{
  border: none;
  height: 500px;
  width: 100%;
}

#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;
}

#dlgSubscribe form
{
  margin-top: 10px;
}

#dlgSubscribe label
{
  width: 4em;
}

#subscribeEmail
{
  width: 20em;
}

#dlgSubscribe div.ft
{
  border: none;
  text-align: right;
}

#dlgSubscribe div.ft img
{
  padding: 0px 4px;
}


/*******************************************************************************
 *
 * 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;
}


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

div#pageTitleContainer          /* The title/bread crumb container. */
{
  background: transparent url(/uploads/images/layouts/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;
}

a:link, a:visited
{
  text-decoration: underline;
  color: #73A533;
}

a:hover {
  text-decoration: none;
  color: #0092C8;
}

div#imageContainer img
{
  height: 350px;
}

div#thumbnailContainer
{
  margin: 0px auto;
  text-align: center;
  width: 100%;
}

div#thumbnailContainer img
{
  display: inline;
  height: 128px;
}

div#patternNotes
{
  margin: 10px auto;
  width: 80%;
}

td div.contentContainer
{
  position: relative;
}

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

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

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

td#contentMain div
{
  padding: 0px 0px;
  position: relative;
}

td#contentMain div div#verticalDivider
{
  border-right: solid 1px #73a533;
  height: 100%;
  margin: 5px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
}

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

td#contentRight
{
  border: none;
  overflow-x: hidden;
  padding-top: 5px;
  width: 189px;
}

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

td#contentRight div#loginBlock
{
  font-family: lucida sans unicode, 'Lucida Grande', sans serif;
  font-size: 80%;
}

td#contentRight div#loginBlock label
{
  display: block;
  float: left;
  width: 7em;
}

td#contentRight div#loginBlock input
{
  width: 10em;
}

td#contentRight hr
{
  height: 1px;
  width: 90%;
}

td#contentRight div input.button
{
  margin-bottom: 2px;
  width: 70px;

}

.contentContainer ul li
{
  list-style: square;
  margin: 0px 15px 0px 15px;
  vertical-align: text-top;
}

.contentContainer ul li img
{
  margin-top: 5px;
  padding: 0pt;
}


.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%;
}

/*
 * E-Junkie stuff.
 */
#EJEJC_iframeContent img
{
  border: none;
}


/*******************************************************************************
 *
 * The page footer.
 *
 ******************************************************************************/
div#footer
{
  background-color: #eff7e3;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'verdana', 'Helvetica', 'arial', 'sans-serif';
  font-size: 80%;
  padding: 10px 2px 10px 2px;
  margin-top: 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

div#footer a:hover
{
  color: #aaa;
  text-decoration: underline;
}

div#footer a
{
  text-decoration: none;
  color: #333;
}

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;
}


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

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

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

div.NewsSummaryLink,            /* Article title. */
div.NewsSummaryLinkPinned
{
  background: transparent url(/uploads/images/layout/sprites.gif) scroll 0px -150px no-repeat;
  color: #0092cb;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'verdana', 'Helvetica', 'arial', 'sans-serif';
  font-weight: normal;
  height: 20px;
}

div.NewsSummaryLinkPinned
{
    background: transparent url(/uploads/images/layout/sprites.gif) scroll 0px -240px no-repeat;
}

div.NewsSummaryLink div,         /* Container for the <a>; required for vertical placement. */
div.NewsSummaryLinkPinned div
{
  padding-top: 3px;
}

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

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: #0092cb;
}

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

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

div.NewsSummaryMorelink
{
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'verdana', 'Helvetica', 'arial', 'sans-serif';
  color: #0092cb;
}

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

div.NewsSummaryMorelink a:hover
{
  color: #0092cb;
}


/******************************************************************************
 *                                                                            *
 * This section contains definitions for the dealer application page.         *
 *                                                                            *
 ******************************************************************************/
table.form input.text,
table.form input.password,
table.form textarea
{
  width: 99%;
}

table.form input.yui-ac-input
{
  width: 99%;
}


/******************************************************************************
 *
 * This section contains definitions for the wholesale order page.
 *
 ******************************************************************************/
table#wholesaleOrderFormTable
{
  width: 95%;
}

table#wholesaleOrderFormTable tr.a
{
  background-color: #eee;
}

table#wholesaleOrderFormTable tr.b
{
  background-color: #ddd;
}


table#wholesaleOrderFormTable td
{
  border-right: 2px solid white;
  padding: 1px 2px 0px 2px;
}

table#wholesaleOrderFormTable td.price
{
  border-right: none;
}

table#wholesaleOrderFormTable tr.subtotal td
{
  padding-top: 5px;
}

table#wholesaleOrderFormTable td#subtotal
{
  border-top: solid 1px;
}

table#wholesaleOrderFormTable td input
{
  text-align: right;
  width: 99%;
}


div#wholesaleConfirmationHeader
{
  margin: 1em 0px;
  width: 95%  /* Must match wdith in table#wholesaleOrderConfirmation */
}

div#soldToContainer
{
  float: left;
}

div#wholesaleConfirmationHeader table
{
  margin: 1em 0px;
}

div#soldToContainer table th
{
  padding-right: 1em;
  text-align: left;
  vertical-align: top;
}

div#orderNumberContainer
{
  float: right;
}

div#orderNumberContainer table th
{
  padding-right: .5em;
  text-align: left;
}

table#wholesaleOrderConfirmation
{
  clear: both;
  margin-bottom: 1em;
  width: 95%;
}

table#wholesaleOrderConfirmation th,
table#wholesaleOrderConfirmation td
{
  border: 1px solid lightgray;
  padding: 2px 2px;
}

table#wholesaleOrderConfirmation tr.subTotal td
{
  font-weight: bold;
  padding-top: 5px;
  text-align: right;
}


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

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

#dbgMarkLog
{
  top: 2em;
}


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

  html
  {
    height: 10in;
    margin: 0px;
    padding: 0pt;
    width: 7.5in;
  }

  div#headerCompanyName
  {
    left: 0px;
    right: auto;
  }

  .noprint,
  div#header,
  div#headerControlsContainer,
  div#mainMenubarContainer,
  div#mainMenubarContainer *,
  div#verticalDivider,
  div#dbgToggleYuiLogging,
  div#dbgMarkLog
  {
    display: none;
  }

  .printonly
  {
    display: block;
  }

  div#footer,
  div#wholesaleConfirmationHeader,
  table#wholesaleOrderConfirmation
  {
    width: 6.5in;
  }
}

/* End of 'General' */

/* Start of CMSMS style sheet 'Yahoo UI' */
/*
 *
 * @package       LaurasBooks_WebSites
 * @subpackage    FiberDreams_Site
 *
 * @abstract      These are the CSS definitions for the Fiber Dreams web site
 *                that are specific to the Yahoo! UI.
 *
 * @author        David M. Patterson (DP Consulting)
 *
 * Note:          The general CSS definitions are defined in a separate style sheet.
 *
 * @copyright     (C) 2008 DPLH Enterprises
 *                North Tustin, CA 92705
 *                All rights reserved. Reproduction in whole or in part
 *                is expressly forbidden without the express written
 *                consent of DPLH Enterprises.
 *
 *                E D I T   H I S T O R Y
 *            (in reverse chronological order)
 *
 * Ver    Date     Who Description
 * --- ----------- --- ---------------------------------------------------------
 * 002 16-Jul-2008 dmp Mods for YUI menu presentation.
 * 001 18-Jun-2008 dmp Creation.
 */

/*
 * Yahoo! UI menubar.
 */
div#centerBodyOnPage div.yuimenubar_HOLD
{
  line-height: 1.5;
  !important
}

div.yuimenubar
{
  position: relative; /* Will be reset to static by the JavaScript. */
}

.yui-skin-sam .yuimenubar_HOLD
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif);
  font-family: arial, helvetica;
/*  font-size: 80%; tmp */
  font-weight: bold;
}

.yui-skin-sam .yuimenubaritem-selected_HOLD
{
  background: transparent url(/uploads/images/layout/II-Sprites.gif) scroll 0px -90px;
  color: white;
}

.yui-skin-sam .yuimenu .bd
{
  border: none;
}

div.yuimenubar span.menubarLoading
{
  position: absolute;
  left: 20px;
  top: 0px;
}

.yui-skin-sam .yuimenuitem-selected_HOLD
{
  background-color: #73A533;
/*  background-color: #8a86b9; */
}

.yui-skin-sam li.yuimenuitem-hassubmenu-selected ul li.yuimenuitem a_HOLD
{
  color: black;
}

.yui-skin-sam li.yuimenuitem-hassubmenu-selected ul li.yuimenuitem a.yuimenuitemlabel-selected_HOLD
{
  color: white;
}

.yui-skin-sam li.yuimenuitem-selected a.yuimenubaritemlabel_HOLD
{
  color: white;
}

.yui-skin-sam .yuimenubaritemlabel,
.yui-skin-sam .yuimenubaritemlabel
{
  border: none;
  font: 90% "lucida sans unicode", 'Lucida Grande';
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
}

.yui-skin-sam .yuimenubaritemlabel-selected,
.yui-skin-sam .yuimenuitemlabel-selected
{
  background-color: #0092C8;
}

.yui-skin-sam a.yuimenubaritemlabel:visited
{
  text-decoration: none;
  color: black;
}

.yui-skin-sam a.yuimenubaritemlabel-selected,
.yui-skin-sam a.yuimenubaritemlabel-selected:visited,
.yui-skin-sam a.yuimenuitemlabel-selected,
.yui-skin-sam a.yuimenuitemlabel-selected:visited
{
  color: white;
  text-decoration: none;
}

.yui-skin-sam a.yuimenuitemlabel
{
  text-transform: none;
}

.X .yui-skin-sam a.yuimenubaritemlabel-selected:visited
{
  text-decoration: none;
  color: white;
}




/*
 * Yahoo! UI Buttons.
 */
.yui-sam-skin .yui-button
{
  line-height: 21px;
  min-height: 21px;
}
.yui-sam-skin .yui-button .first-child
{
  line-height: 21px;
  min-height: 21px;
}

.yui-skin-sam .yui-button .first-child a
{
  line-height: 21px;
  min-height: 21px;
}





/*
 * Smaller version of the Yahoo! UI buttons.
 */
.yui-skin-sam .smallButton
{
  background-position: 0px -5px;
  line-height: 17px;
  min-height: 17px;
}

.yui-skin-sam .smallButton:hover
{
  background-position: 0px -1305px;
}

.yui-skin-sam .smallButton .first-child
{
  line-height: 17px;
  min-height: 17px;
}

.yui-skin-sam .smallButton .first-child a
{
/*  font-size: 80%; tmp */
  line-height: 17px;
  min-height: 17px;
}


.yui-skin-sam .yui-tt .bd
{
  background-color: #eff7e3;
  color: #333;
}

/* End of 'Yahoo UI' */