<%-- 
  UserSite.css - Stylesheet for user site
  Copyright © 2004 Pageflex and Bitstream Inc. All rights reserved.

History:
  04.16.2004 rm   Created.
--%>

/*
 *  Global Settings
 */

.dummy {  /* For some reason the first rule is ignored */
    font-color: red;
}

p, span, a, table, td, input, textarea, select, option {
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

p, table, td, input, textarea, select, option {
    font-size: 13px;
    margin: 0;
}

TABLE.PriceEstimate TR TD {
    padding: 4px;
}

input
{
    margin-right: 3px;
}

td {
    background: white;
}

form {
    margin: 0;
}

P.IndentedItem {
    text-indent: -23px;
    margin-left: 23px; 
}

/*
 *  General-purpose
 */

.outerTable {
    width: 100%;
    padding: 7 12 7 12;
}

.mainBorderCell {
    border-style: solid;
    border-color: #838282;
}

.imageFrame {
    border-width: 1;
    border-color: black;
}

.center {
    text-align: center;
}

.spaceAbove {
    margin-top: 6;
}

.spaceBelow {
    margin-bottom: 6;
}

.error {
    color: red;
}

.validationError {
    display: block;
    color: red;
    font-weight: bold;
}

.controls {
    line-height: 24px;
}

.controlsWithSpaceBelow {
    line-height: 24px;
    margin-bottom: 10;
}

.controlsWithSpaceAbove {
    line-height: 24px;
    margin-top: 8;
}

.controlsNoWrap {
    line-height: 24px;
    margin-top: 2;
    margin-bottom: 10;
    white-space: nowrap;
}

DIV.fieldSpacer {
    margin-top: 2px;
}

.spacer1px {
    font-size: 1px;
}

/*
 *  Main Navigation Bar
 */

.navBarCell {
    height: 22px;
    font-size: 11px;
    background-image: url(Images/NavigationBarBackground.gif);
}

.navBarLabel, .navBarLabelRollover, .navBarLabelSelected, .navBarLabelItalics{
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    padding: 0 9 0 9;
}

.navBarLabelSelected {
    color: #85fe8d;
}

.navBarLabelItalics {
    font-style: italic;
}

/*
 *  Areas (main containers for user site content)
 */

.areaTitleCell, .areaTitleCellPadded {
    height: 27px;
    border-style: solid;
    border-width: 0;
    border-color: #838282;
    background-image: url(Images/TitleBackground.gif);
    background-repeat: repeat-x;
}

.areaTitleCellPadded {
    padding-left: 8px;
    padding-right: 8px;
}

.areaTitle {
    font-weight: bold;
    font-size: 13px;
    color: #585858;
}

.areaComment {
    font-size: 10px;
    line-height: 9px;
}

/*
 *  Step Controls
 */

.stepCell, .stepCellSelected, .stepCellFilled, .stepCellSelectedFilled {
    height: 23px;
    border-style: solid;
    border-width: 0 0 3 0;
    border-color: #838282;
}

.stepCellSelected, .stepCellSelectedFilled {
    border-color: #bc306b;
}

.stepCellFilled {
    background: #b0adac;
}

.stepCellSelectedFilled {
    background: #bc306b;
}

.stepNumber {
    font-weight: bold;
    font-size: 12px;
    color: white;
    text-align: center;
}

.stepLabel {
    font-size: 11px;
    color: black;
    text-decoration: none;
}

.stepLabelSelected {
    font-size: 12px;
}

/*
 *  Account Info (on Start page) 
 */

.accountInfoButtonLabelCell {
    background-image: url(Images/AccountInfoButtonBackground.gif);
    border-style: solid;
    border-width: 0;
    padding: 0 6 0 6;
    text-align: center;
}

.accountInfoLink, .accountInfoLinkRollover {
    font-weight: normal;
    font-size: 11px;
    color: black;
    text-decoration: none;
}

.accountInfoCell {
    height: 22px;
    border-style: solid;
    border-width: 0 0 0 3;
    border-color: #838282;
    padding: 0 6 0 6;
    text-align: center;
}

.accountInfoComment {
    font-weight: normal;
    font-size: 10px;
}

.accountInfoBackgroundCell {
    border-style: solid;
    border-width: 3 0 3 0;
    border-color: #838282;
    background-image: url(Images/AccountInfoBackground.gif);
}

/*
 *  Product Categories
 */

.productCategoryCell, .productCategoryCellSelected {
    background: #e1dede;
    border-style: solid;
    border-width: 0;
    border-color: #838282;
    padding-right: 5;
    border-width: 3 3 3 0;
}

.productCategoryCellSelected {
    background: white;
    padding-right: 8;
    border-width: 3 0 3 0;
}

.productCategoryLabel, .productCategoryLabelRollover {
    color: black;
    text-decoration: none;
}

/*
 *  Template Catalog
 */

.templateCatalogProductCell {
    background: #e5e7ea;
    border-width: 0;
}

.templateCatalogFolderCell {
    background: #fffacb;
    border-width: 0;
}

.templateCatalogFolderTopCell {
    background: #fffacb;
    background-image: url(Images/TemplateCatalogFolderTop.gif);
    border-width: 0;
}

.templateCatalogProductCaptionRuleCell {
    border-color: #e5e7ea;
    border-style: solid;
    border-width: 0 2 0 2;
    background-image: url(Images/TemplateCatalogCaptionRule.gif);
}

.templateCatalogFolderCaptionRuleCell {
    border-color: #fffacb;
    border-style: solid;
    border-width: 0 2 0 2;
    background-image: url(Images/TemplateCatalogFolderCaptionRule.gif);
}

.templateCatalogShadowRightCell {
    background-image: url(Images/TemplateCatalogShadowRight.gif);
    border-width: 0;
}

.templateCatalogShadowBottomCell {
    background-image: url(Images/TemplateCatalogShadowBottom.gif);
    border-width: 0;
}

.caption, .captionRollover {
    font-size: 10px;
    color: black;
    text-align: center;
    text-decoration: none;
}

/*
 *  Help Page
 */

.helpTopicCell, .helpTopicCellSelected {
    padding: 0 8 1 8;
}

.helpTopicCellSelected {
    background: #ffdddd;
}

.helpTopic, .helpTopicRollover {
    font-size: 13px;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
}

.helpTopicRollover {
    background: #ffdddd;
}

/* MSIB = multi-select include box */

select.MSIB {
  margin-bottom: 3px;
}

/*
 *  Buttons and links
 */

/* buttonSmall is used for the "include box" add/remove controls */

.button, .buttonRollover, .buttonImage, .buttonImageRollover, .buttonSmall, .buttonSmallRollover, .buttonInvisible {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    color: white;
    background: #aeabaa;
    border-color: #6b6a6a;
    border-style: solid;
    border-width: 2;
    padding: 0 5 2 5;
    margin-right: 7;
    cursor: pointer;
}

.buttonImage, .buttonImageRollover {
    padding: 0;
}

.buttonSmall, .buttonSmallRollover {
    font-size: 11px;
    margin-left: 1px;
    padding: 0 4 2 4;
}

/* Used for spacing on the FormFilling step */
.buttonInvisible {
    background: transparent;
    border-style: none;
    white-space: nowrap;
    line-height: 19px;
}

.buttonCell {
    background: #aeabaa;
    border-color: #6b6a6a;
    border-style: solid;
    border-width: 2;
    padding: 0 5 2 5;
    text-align: center;
}

.buttonInCell, .buttonInCellRollover {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    color: white;
}

.majorLinkPara {
    font-size: 11px;
} 

.majorLink, .majorLinkRollover {
    font-size: 11px;
    font-weight: bold;
    color: #585858;
    text-decoration: none;
    padding: 0 8 0 8;
}

.majorLinkUnderlined, .majorLinkUnderlinedRollover {
    font-size: 11px;
    font-weight: bold;
    color: #585858;
}

.buttonRollover, .buttonInCellRollover, .buttonSmallRollover, 
.majorLinkRollover, .majorLinkUnderlinedRollover,
.navBarLabelRollover, .accountInfoLinkRollover, .productCategoryLabelRollover,
.captionRollover {
    color: red;
}

.linkAlwaysBlue {
    color: blue;    
}

/*
 *  Warning Area
 */

.warningAreaBorderCell, .warningAreaCell {
    background: #f7f6b2;
}

.warningAreaCell {
    padding: 5 0 5 8;
}

.warningAreaBorderCell {
    border-color: #e7b93d;
    border-style: solid;
    border-width: 3;
}

.warning {
    font-weight: bold;
    font-size: 13px;
    color: #333333;
}

/*
 *  Miscellaneous
 */
TD.PriceHintCell
{
    margin: 0;
    padding: 5px;
    border-style: solid;
    border-color: #e7b93d;
    border-width: 2;
    background-color: White;
}

P.PriceHint
{
    margin: 3px;
    padding: 5px;
    color: Black;
}

.editCell {   /* .EDIT page */
    border-color: #cccccc;
    border-style: solid;
    padding: 0 6 0 6;
}

.fieldCell {   /* for read-only form field table */
    height: 18;
    padding: 0 15 0 0;
}

.assetDisplayCell {
    background: #e5e7ea;
    border-width: 0;
}

/*
 *  Orders table
 */

.orderCell, .orderHeaderCell, .orderCellFirst, .orderHeaderCellFirst 
{
    border-style: solid;
    border-color: #838282;
}

/* border-collapse doesn't work for this table on IE Macintosh, so... */

.orderHeaderCellFirst {border-width: 1 1 1 1;     font-weight: bold; }
.orderHeaderCell      {border-width: 1 1 1 0;     font-weight: bold; }
.orderCellFirst       {border-width: 0 1 1 1;}
.orderCell            {border-width: 0 1 1 0;}

.orderSummaryCell
{
    border-style: solid;
    border-color: #838282;
    border-width: 1;
    padding: 7 0 5 10;
}

TR.LibraryRow
{
    color: black; 
    font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-size:  12px;
    height: 15px;
    border-color: LightGrey;
    border-style: solid;
    border-bottom-width: 1px;
}

SPAN.tip
{
    font-style: italic;
    color: #777777;
}

@import url(Forms.css);