/*
    $Header: /usr/local/cvsroot/AA210/WebRoot/Static/loc__AA20_ja_JP_css.css,v 1.1 2009/02/28 08:11:02 rtm Exp $
    Copyright (c) 2003,2004,2005  TerraGrafica, Inc.
    Copyright (c) 2005,2006,2007  ABIS Technologies, Inc.
    All Rights Reserved.

    Master CSS file. Split into specific css files at build time for skins, locales.

    See related css/i18n__ai_DynamicCSS.jsp for runtime dynamic CSS specializations.
    The idea is to have most of the CSS in static files, for caching, and a very
    few bits generated in the JSPs, inline. This avoids having to make the entire
    CSS file dynamic with unique request IDs etc. Compromise.

    Notes:
    o	DEBUG marks style defs that can be changed easily to assist in debugging pages.

    o	XXX:20030818rtm: Really shouldn't be necessary to respecify the font-size
	for each class, but somehow it isn't inheriting properly from the body def.
	Until we can sort it out, simplest just to make it explicit.

    o	All colors should come from 'tok' prefixed skin color names.
	Remaining literal colors are assumed to be in unused styles. These are
	all marked with color #FFAAAA (pink) for lighter colors and #800000 (deep red)
	for darker colors, so they may be spotted in the UI easily.

    XXX0000:20040807rtm: This is pretty messy, with kind of "4 worlds" mixed in here:
    XXX0000:20040807rtm: 1. Ancient "ILS" styles, almost weeded out.
    XXX0000:20040807rtm: 2. First overhaul attempt, with lots of semantically named styles, somewhat used
    XXX0000:20040807rtm: 3. "UI Overhaul" styles, pretty much ignored set 2
    XXX0000:20040807rtm: 4. Final cleanup styles, just getting started, using new color scheme mappings

    XXX00:20040807rtm: "Sections" summary at the moment:
    Section: General and high-level styles.
    Section: Thumbnail boxes.
    Section: Data fields and selections
    Section: Text styles, including text links.
    Section: General/misc table styles, and related.
    Section: Admin (and Install) page styles.
    Section: "CPS Jobs" styles  XXX00:20030908rtm: deferred consolidation...
    Section: Marking styles for development.
    Section: old OLD text styles, still to process
    Section: STYLES ADDED FOR UI OVERHAUL XXX000000:20031218rtm: clean up and document, and reconcile with existing styles... etc.
    Section: nanotree styles
    Section: New CSS Styles (from "London Steve" for drop-downs)
    Section: Pricing styles
    Section: Dashboard colors
*/

/*
    Section: General and high-level styles.
    --------------------------------------------------------------------------
*/

/*
    Basic body defs.
*/
body {
    margin-left:	0px;
    margin-right:	0px;
    margin-top:		0px;
    margin-bottom:	0px;
    padding:		0px;
    background-color:   #FFFFFF;
    color:		#636363;
     
}

/*
    Common img defs.

    Mainly to specify border, so that border="0" is not needed in each img
    element. This also allows adding borders globally for debugging.
*/
img {
    border:		solid black 0px;	/* DEBUG: red 1px */
}

/*
    Img with "development border".
*/
img.devborder {
    border:		solid darkred 2px;
}

/*
    Primary divider, using background gif (or solid color).
    XXX00:20030908rtm: Height is hardcoded in ai_SeparatorLine1.jsp currently
    XXX000000000:20030925rtm: can now get height from gpvSkin
    XXX000000000:20030925rtm: with dynamic css, image refs will be simpler...
*/
table.dividerPrimary {
}

/*
    Secondary divider, using just background color in <td>.
    Used with explicitly sized spacers.
    XXX00:20030908rtm: admin used darker gray, but just have one color for all (for now)
*/
.dividerSecondary {
    background-color:	#FFAAAA; /* #BFBFBF; */
}

.tableHeading {
    font-size:		9pt;
    font-weight:	bold;
    background-color:	#FFFFFF;
    color:         	#636363;
}


/*
    Section: Thumbnail boxes.
    --------------------------------------------------------------------------
*/

/*
    Thumbnail background, via table.
*/
table.albumThumb,
table.assetThumb {
    background-color:	#FFAAAA; /* #DEDEDE */
}

/*
    Thumbnail label(s).
*/
td.albumThumbLabel,
td.assetThumbLabel {
    font-size:		8pt;
    text-align:		center;
    background-color:	#FFAAAA; /* #FFFFFF; */
    color:		#800000; /* #000000; */
}

/*
    Thumbnail div to control width.

    Note: Without this some browsers initially render the thumbnail table too wide because
	  of the tooltip text, before the image loads.
*/
div.assetThumb,
div.albumThumb {
    white-space: 	nowrap;
    overflow:		hidden;
    width:		100px;
    color:		white;
    font-size:		10px;
    text-align:		center;
}

/*
    Section: Data fields and selections
    --------------------------------------------------------------------------
*/

/*
    Field label text.
    For typical fields with label to the left.
*/
.fieldLabel {
    vertical-align: 	top;
    font-size:		9pt;
    color:		#E8E8E8    ;
}

/*
    Field label text, for fields with labels above.
*/
.fieldLabelAbove {
    font-size:		8pt;
    font-weight:	bold;
    color:		#E8E8E8    ;
}

/*
    Field values (read only) and inputs.
    In general the input fields may be highlighted relative to the read-only values,
    but also have a highlighted value style.
    XXX000:20031021rtm: Width control is tricky. 100% width causes problems if the value is long, in which case
    XXX000:20031021rtm:     IE on Windows (at least) tries to widen the field to display the whole value, even
    XXX000:20031021rtm:     going beyond the current window width, messy. Explicit pixel widths are a bit brittle
    XXX000:20031021rtm:     for skins, but simplest for now. Eventually may want to define "skin-sensitive semantic
    XXX000:20031021rtm:     widths" along the lines of narrow,normal,wide, etc. but that isn't so great either.
*/

/* common values for inputs and values */
.fieldInput,
.errorFieldInput,
.fieldInput75px,
.fieldInput100px,
.fieldInput150px,
.fieldInput200px,
.fieldInput250px,
.fieldInput300px,
.fieldInput350px,
.fieldInput400px,
.fieldInputFullWidth,
.fieldValue,
.fieldValueHighlighted {
    vertical-align: 	top;
    font-size:		9pt;
    cursor:	    	default;
    color:		#000000    ; /* @bugid 1546 - pink fields*/
}

/* normal value backgrounds */
.fieldValue {
    background-color:	#E8E8E8    ; /* @bugid 1546 - pink fields*/
}

/* input backgrounds, matching highlighted value */
.fieldInput,
.errorFieldInput,
.fieldInput75px,
.fieldInput100px,
.fieldInput150px,
.fieldInput200px,
.fieldInput250px,
.fieldInput300px,
.fieldInput350px,
.fieldInput400px,
.fieldInputFullWidth,
.fieldValueHighlighted {
    background-color:	#E8E8E8    ;/* @bugid 1546 - pink fields*/
}

/* background for td enclosing an input field, control separately */
td.fieldInput {
    background-color:	#FFAAAA; /* #bbbbbb; */
}

/* input widths  XXX0000:20031021rtm: 100% wide fields cause trouble if the value is long, so this is not very useful after all */
.fieldInput75px		{ width:  75px; }
.fieldInput100px	{ width: 100px; }
.fieldInput150px	{ width: 150px; }
.fieldInput200px	{ width: 200px; }
.fieldInput250px	{ width: 250px; }
.fieldInput300px	{ width: 300px; }
.fieldInput350px	{ width: 350px; }
.fieldInput400px	{ width: 400px; }
.fieldInputFullWidth	{ width: 100%;  }

/*
    errorFieldInput was separated from the regular fieldInput
    so that the font could be specified.  The font needed to be
    specified because the fonts in the error page's input and textarea
    elements, by default, were different for some reason.
*/
.errorFieldInput {
    
    background-color:	#FFFFFF;
}

/*
    Divider (by color only) between fields.  XXX00:20030908rtm:only used in CPS Jobs list so far
*/
.fieldDivider {
    background-color:	#FFAAAA; /* #808080; */
}

/*
    Checkboxes.
    Just one style for now.
*/
/** xxx:041020:lior:not used
input.checkbox {
    color:		black
}
**/

/*
    XXX00:20030914rtm:temp
*/
input.userInfoShortField { /* XXX00:20030909rtm: used only in i18n__UserInfoUpdate.jsp, change to fieldInput, set width from td */
    width:		160px;
    background-color:	#F5F5F5;
}
input.userInfoLongField {  /* XXX00:20030909rtm: used only in i18n__UserInfoUpdate.jsp, change to fieldInput, set width from td */
    width:		325px;
    background-color:	#F5F5F5;
}


/*
    Section: Text styles, including text links.
    --------------------------------------------------------------------------

    These styles control text attributes only, including possibly background
    color. They can be applied to any element where the text format is the
    only consideration.
*/

/*
    Text: Miscellaneous
    Text should use a more specific style; this is provided for development when the specific use is not yet clear.
*/
.textMiscHeading,
.textMisc {
    font-size:		10pt;
    color:		#636363;
}

.textMiscHeading {
    font-weight:	bold;
}

/*
    Standard form subtitle, SECTION_TITLE_TYPE
*/
.formSubTitle_section {
    font-size:		9pt;
    font-weight:	bold;
    color:		#636363;
    padding-top:	10px;
    padding-bottom:	8px;
}

/*
    Standard form subtitle, BASIC_TITLE_TYPE
*/
.formSubTitle_basic {
    font-size:		9pt;
    font-weight:	normal;
    color:		#636363;
}

/*
    Standard form subtitle, SUB_TITLE_TYPE
    XXX00:20070228rtm:CLEANUP: The widget was just using smallText before, but this style should be refined.
*/
.formSubTitle_subTitle {
    font-size:		8pt;
}

/*
    Standard form subtitle, INSTRUCTIONS_TITLE_TYPE
*/
.formSubTitle_instructions {
    font-size:		9pt;
    font-weight:	bold;
    color:		#636363;
    padding-top:	10px;
    padding-bottom:	10px;
    padding-left:	15px;
}


/*
    Standard form subtitle, WARNING_TITLE_TYPE
*/
.formSubTitle_warning {
    font-size:		10pt;
    color:		#FF0066   ;
}

/*
    Standard form subtitle, FOOTNOTE_TITLE_TYPE
    XXX00:20070228rtm:CLEANUP: The widget was just using smallText before, but this style should be refined.
*/
.formSubTitle_footnote {
    font-size:		8pt;
}

/* For accoutingSync page */
.accountingSync_instructions {
    font-size:		9pt;
    font-weight:	bold;
    color:		#636363;
    padding-top:	10px;
    padding-bottom:	10px;
    padding-left:	15px;
    width:		620px;
}


/*
    Text: Instructions	XXX00:20070228rtm:CLEANUP: This is used almost at random.
*/
.textInstructionsHeading,
.textInstructions {
    font-size:		9pt;
    font-weight:	normal;
    color:		#636363;
}

.textInstructionsHeading {
    font-size:		10pt;
    font-weight:	bold;
    color:		#636363;
}

/*
    Text: General UI notes.
*/
.textNoteHeading,
.textNote {
    font-size:		8pt;
    color:		#636363;
}
.textNoteHeading {
    font-weight:	bold;
}

/*
    Text: General UI list heading.
*/
.textListHeading {
    font-size:		9pt;
    font-weight:	bold;
    color:		#636363;
}

/*
    Text: Error messages.
*/
.textErrorHeading,
.textError {
    font-size:		10pt;
    color:		#FF0066   ;
}
.textErrorHeading {
    font-weight:	bold;
}

/*
    Text: Warning messages.
*/
.textWarningHeading,
.textWarning {
    font-size:		10pt;
    color:		#FF0066   ;
}
.textWarningHeading {
    font-weight:	bold;
}

/*
    Text: Legal notices, e.g. copyright.
*/
.textLegalHeading,
.textLegal {
    font-size:		8pt;
    color:		#636363;
}
.textLegalHeading {
    font-weight:	bold;
}

/*
    Text: Column heading
*/
.textColumnHeading {
    font-size:		9pt;
    color:         	#636363;
    text-align:		left;
}

/*
    Text: Page heading XXX00:20040303rtm: consider switching to headingN set only, or keep this as alias for "non-outline" pages...
*/
.pageHeading {
    font-size:		12pt;
    font-weight:	bold;
    color:         	#636363;
    text-align:		left;
}

/*
    Text: Text headings for outline-type display XXX00:20040303rtm: consider changing background for "bars" (a la Dell orders)
*/
.heading1 {
    font-size:		12pt;
    font-weight:	bold;
    color:         	#636363;
    text-align:		left;
}
.heading2 {
    font-size:		10pt;
    color:         	#636363;
    text-align:		left;
}
.heading3 {
    font-size:		8pt;
    color:         	#636363;
    text-align:		left;
}

/*
    Text: General links.

    For use within page text, general layouts.
*/
a.textLinkNoUnderline,
a.textLink {
    font-size:		10pt;
}

a.textLink:link,
a.textLink:visited,
a.textLink:active {
    color:		#636363;
    text-decoration:	underline;
}

a.textLink:hover {
    color:		#000000;
    text-decoration:	underline;
}

a.textLinkNoUnderline:link,
a.textLinkNoUnderline:visited,
a.textLinkNoUnderline:active {
    color:		#636363;
    text-decoration:	none;
}

a.textLinkNoUnderline:hover {
    color:		#000000;
    text-decoration:	none;
}


/*
    Text: "Hint" links (smaller/subtler).
*/
a.textLinkHint {
    font-size:		8pt;
}

a.textLinkHint:link,
a.textLinkHint:visited,
a.textLinkHint:active {
    color:		#FFAAAA; /* #808080; */
    text-decoration:	underline;
}

a.textLinkHint:hover {
    color:		#800000; /* #000000; */
    text-decoration:	underline;
}

/*
    Text: Links in menus lists (vertical layout).
    XXX00:20030926rtm: based on only usage in AA admin, but should become a general style for other skins...
*/
a.textLinkMenuList {
    font-size:		10pt;
    font-weight:	bold;
}

a.textLinkMenuList:link,
a.textLinkMenuList:visited,
a.textLinkMenuList:active {
    color:		#FFFFFF;
    text-decoration:	none;
}

a.textLinkMenuList:hover {
    color:		red;	/* XXX00:20030926rtm: */
    text-decoration:	none;
}

/*
    Text: Links in menu bars (horizontal layout).
*/
a.textLinkMenuBar {
    font-size:		10pt;
}

a.textLinkMenuBar:link,
a.textLinkMenuBar:visited,
a.textLinkMenuBar:active {
    color:		#FFAAAA; /* #808080; */
    text-decoration:	underline;
}

a.textLinkMenuBar:hover {
    color:		#800000; /* #000000; */
    text-decoration:	underline;
}

/*
    Text: Links in asset path bar.
*/
a.textLinkPathBar {
    font-size:		8pt;
}


a.textLinkPathBar:link,
a.textLinkPathBar:visited,
a.textLinkPathBar:active {
    color:		#636363;
    text-decoration: 	underline;
}

a.textLinkPathBar:hover {
    color:		#000000;
    text-decoration: 	underline;
}

/*
    Text: Non-links in asset path bar.
*/
.textPathBar {
    font-size:		10pt;
    text-decoration: 	none;
    vertical-align: 	top;
    color:		#E8E8E8   ; /* xxx:041020:lior: was black */
}

/*
    Text: Links in top bar (main menu bar)	XXX00:20030908rtm: "CPS" only currently
*/
A.textLinkTopBar {
    font-size:		9pt;
}

A.textLinkTopBar:link,
A.textLinkTopBar:visited,
A.textLinkTopBar:active  {
    color:		#FFAAAA; /* #f4f4f4; */
    text-decoration:	none;
}

A.textLinkTopBar:hover  {
    color:		#FFAAAA; /* #ffffff; */
    text-decoration:	none;
}

/*
    Text: Title(s) displayed in page banner (XXX00:20030821rtm: a.k.a. logo bar)
*/
.textTitleBanner {
    font-size:		20pt;
    font-weight:	bold;
    color:		#636363;
    text-decoration:	none;
}

a.textTitleBanner:link,
a.textTitleBanner:visited,
a.textTitleBanner:active  {
    text-decoration:	none;
}

/*
    Text: General text displayed in page banner (much smaller than titles)
*/
.textBanner {
    font-size:		12pt;
    font-weight:	bold;
    color:		#636363;
}

/*
    Small text labels (e.g. disk usage bar)
*/
.textLabelSmall{
    font-size:		10pt;
    color:		#E8E8E8   ; /* xxx:041020:lior: was black */
}


/*
    Section: General/misc table styles, and related.
    --------------------------------------------------------------------------
    XXX00:20030908rtm: These are used for various purposes, for different "bars" and whatnot. Need to clean up further...
*/

table.share {
    background-color:	#FFFFFF;
    color:		#636363;
    border-color:	#F5F5F5;
    border-width:	2px;
    border-style:	solid;
    padding:		0px;
}

/* XXX00:20051003rtm: These share_* are probably entirely unused. At least, they aren't used in the share page. */
.share_privilegeLabel,
td.share_empty,
td.share_accent,
td.share_group,
td.share_groupText,
td.share_column0,
td.share_column1,
td.share_column2,
td.share_column3 {
    border-color:	#F5F5F5;
    border-width:	1px;
    border-style:	solid;
}

td.share_empty {
    background-color:	#F5F5F5;
}

td.share_accent {
    background-color:	#FFFF99;
}

td.share_column0 {
    background-color:	#F5F5F5;
}

td.share_column1 {
    background-color:	#B4B4B4; /* tokenize */
}

td.share_column2 {
    background-color:	#818181; /* tokenize */
}

td.share_column3 {
    background-color:	#5A5A5A; /* tokenize */
}

td.share_group,
td.share_groupText {
    background-color:	#F5F5F5;
    color:		#636363;
}

td.share_groupText {
    padding-top:	3px;
    padding-bottom:	3px;
    padding-left:	5px;
}

/*
    Topmost "banner" (a.k.a. logo) bar.  XXX00:20030908rtm:used as text style in AA, color control in AS, need to clean up
*/
table.logoBar {
    font-size:		14pt;
    font-weight:	bold;
    padding:		3px;
    background-color:	#FFFFFF;
}

/*
    "Top bar" below banner (logo bar).  XXX00:20030908rtm: Really for the "main common menu" on "all" pages, and should be renamed, etc.
*/
table.topBar {
    font-size:		9pt;
    background-color:	#FFFFFF;
}

/*
    General tool bar.
    Sets background only.
*/
table.toolBar {
    background-color:	#333333   ;
}

table.toolBarButton {
    width: 		56px;
}

/*
    Common defs for various table styles.
*/
table.findBar,
table.logoBar,
table.preferencesBar,
table.toolBar,
table.topBar,
table.uploadBar,
table.viewBar {
    white-space:	nowrap;
    border:		0px; /*10px blue solid;*/
    padding-left:	0px;
    margin-left:	0px;
    padding-bottom:	0px;
    margin-bottom:	0px;
    
}

/*
    Border table for applets.	(XXX00:20030908rtm: should generalize, e.g. itemBorder ?)
*/
td.appletBorder,
table.appletBorder {
    background-color:	#FFAAAA; /* #DEDEDE; */
}

/*
    Section: Admin (and Install) page styles.
    --------------------------------------------------------------------------
    XXX00:20030908rtm: In general want to merge the admin page styles into the general
    XXX00:20030908rtm:      app styles, but during transition we'll keep separate styles.
*/

/*
    Table heading for admin "content" pages.
*/
td.adminContentHeading  {
    font-size:		10pt;
    font-weight:	bold;
    vertical-align:	middle;
    text-align:		left;
    color:		#636363;
    background-color:	#FFFFFF;
    text-transform:	capitalize;
    padding-bottom:	3px;
    padding-top:	3px;
}

/*
    Simple/general input button.
    XXX00:20031021rtm: pretty much placeholder for now.
*/
input.inputButton {
    color:		black;
}

/*
    XXX00:20030908rtm: misc admin/install styles taken verbatim, deal with rename/cleanup later
*/
.listText  {
    font-size:		8pt;
    color:		midnightblue;
    text-decoration:	none;
}
.loginArea  {
    color:		white;
    font-size:		10pt;
    font-weight:	bold;
    vertical-align:	top;
}
.sashSel  {
    color:		#800000; /* #666666; */
    font-size:		small;
    font-size:		12px;
    font-weight:	bold;
}

/*
    Section: "CPS Jobs" styles  XXX00:20030908rtm: deferred consolidation...
    --------------------------------------------------------------------------
*/
.scrollFull {
  position:		relative;
  height:		100%;
  overflow:		hidden;
}
.scrollTop {
  height:		100%;
}
.scrollBottom {
  margin:               0px;
  position:		relative;
  height:		415px;
  top:			-415px;
  background-color:	#800000; /* #44464f; */
}
.scrollContent {
  height:		100%;
  border-bottom:	415px solid;
  overflow:		auto;
  width:		100%;
  color:		black;
  background-color:	#FFAAAA; /* #b8bac2; */
}
.scrollBottomNoJob {
  position:		relative;
  height:		180px;
  top:			-180px;
  background-color:	#800000; /* #44464f; */
}
.scrollContentNoJob {
  height:		100%;
  border-bottom:	180px solid;
  overflow:		auto;
  width:		100%;
  background-color:	#FFAAAA; /* #b8bac2; */
}
.mediumButton {
/*    font-weight:	bold;*/
    color:		#FFAAAA; /* #f4f4f4; */
    font-size:		8pt;
    
}
.smallButton { /* not used, but keep for CPS ref */
    color:		#FFAAAA; /* #f4f4f4; */
    font-size:		7pt;
    
}
.subHeading { /* should become general */
    color:         	#FFAAAA; /* #f4f4f4; */
    font-size:		11pt;
    font-weight:	bold;
}


/*
    Section: Marking styles for development.
    --------------------------------------------------------------------------
    For: deprecated styles, apparently unused, old/bad usages.
*/

input  { /* XXX00:20030827rtm:DEPRECATED, use explicit classes */
    color:			darkblue; /*marked*/
}
select { /* XXX00:20030827rtm:DEPRECATED, use explicit classes */
    color:			darkblue; /*marked*/
}

th { /* XXX00:20030827rtm:DEPRECATED, use explicit classes */
    font-size:		12px;
    color:		#FFAAAA; /* #ffffff; */
    background-color:	#FFAAAA; /*marked*/
}

/*
    Apparently unused, double check.
*/
td.albumThumbPad,
td.imageThumbPad {
    padding:		3px;
    text-align:		center;
    background-color:	#FFAAAA; /*marked*/
}
th.print {
    font-size:		12pt;
    color:		white;
    background-color:	#FFAAAA; /*marked: was black */
}
.printHeader {
    color:		#FFAAAA; /*marked: was midnightblue */
    font-size:		20pt;
}

/*
    Find anchors with no explicit class.
*/
a {
    font-color:		#FFAAAA;
}

/*
    Section: old OLD text styles, still to process
    --------------------------------------------------------------------------
*/

.normalText {
    font-size:		10pt;
}
.normalTextRed {
    font-size:		10pt;
    color:		red;
}
.normalTextGreen {	/* (unused) */
    font-size:		10pt;
    color:		green;
}
.normalTextGray {
    font-size:		10pt;
    color:		#636363;
}
.normalTextWhite {
    font-size:		10pt;
    color:		#636363;
}

td.share_groupText,
.normalTextBold {
    font-size:		10pt;
    font-weight:	bold;
}
.normalTextGrayBold {
    font-size:		10pt;
    font-weight:	bold;
    color:		#636363;
}
.normalTextRedBold {
    font-size:		10pt;
    font-weight:	bold;
    color:		red;
}
.normalTextGreenBold {
    font-size:		10pt;
    font-weight:	bold;
    color:		green;
}
.smallText,		/* XXX00:20070509rtm:CLEANUP: 'smallText' has no color defined, and really should be removed completely asap */
.smallTextDisabled {
    font-size:		8pt;
}
.smallTextDisabled {
    color:		#999999;
}
.smallTextGray {
    font-size:		8pt;
    color:		#636363;
}
.smallTextRed {
    font-size:		8pt;
    color:		red;
}
.largeText { 
    font-size:		16pt;
}
.largeTextGray { 
    font-size:		16pt;
    color:		#636363;
}
.largeTextBold { 
    font-size:		16pt;
    font-weight:	bold;
}
.largeTextGrayBold { 
    font-size:		16pt;
    color:		#636363;
    font-weight:	bold;
}
.successText { 
    font-size:		10pt;
    color:		green;
}
.errorText { 
    font-size:		10pt;
    color:		#FF0066   ;
}
.optionText { 
    font-size:		10pt;
    color:		#636363;
}
.pathText { 
    font-size:		9pt;
    color:		#FFAAAA; /* #990000; */
}
.mediumText { 
    font-size:		8pt;
}
.mediumTextBold { 
    font-weight:	bold;
    font-size:		8pt;
}
.mediumTextGrayBold { 
    font-weight:	bold;
    font-size:		8pt;
    color:		#FFAAAA; /* #7F7F7F; */
}
.mediumTextGray { 
    font-size:		8pt;
    color:		#FFAAAA; /* #7F7F7F; */
}
.normalField {
    width:		270px;
}
.policyText {
    
    font-size:		10pt;
}
.Heading {
    font-weight:	bold;
    font-size:		12pt;
}
.bannerAccountName{
    font-size:		14pt;
    font-weight:	bold;
}
td.galleryLine {
    background-color:	#FFAAAA; /* #BFBFBF; */
    height:		1px;
}
td.lightboxLogText {
    font-size:		8pt;
}

/*
    Section: STYLES ADDED FOR UI OVERHAUL XXX000000:20031218rtm: clean up and document, and reconcile with existing styles... etc.
    --------------------------------------------------------------------------
*/

.viewArea {
/*  background:          	#F5F5F5; */
    padding:		 	0px;
    margin:	 	 	0px;
/*  height:              	100%; XXX00:20050420rtm: bz2204: height control is subtle, rarely use 100% from CSS*/

    border-style:        	solid;
    border-width:        	1px;

    border-top-color:    	#CCCCCC;	/* bz2204 reversed top/left bottom/right to match thumbnails etc. */
    border-left-color:   	#CCCCCC;
    border-right-color:  	#CCCCCC;
    border-bottom-color:	#CCCCCC;
}

.label,
input.button,
a.button,
a.primaryButton,
a.primaryButtonLeft,
table.primaryButton,
table.primaryButtonLeft,
a.primaryButtonDefault,
a.primaryButtonDefaultLeft,
table.primaryButtonDefault,
table.primaryButtonDefaultLeft,
div.button,
div.buttonLeft,
div.buttonCenter,
div.buttonRight,
div.buttonPressed,
span.button,
td.button,
table.button,
table.buttonDisabled,
a.buttonDisabled,
div.buttonDisabled,
div.menuItem,
span.buttonDisabled,
div.button_XXX{
	color:                      #636363;/*************/
	text-decoration:            none;
	background-color:	    #FFFFFF;
	text-align:                 center;
	font-size:                  8pt;
	width:                      100%;
	padding-left:               2px;
	padding-right:              2px;
	padding-top:                2px;
	padding-bottom:             2px;
	vertical-align:             middle;
	border-style:               solid;
	border-width:               1px;
	border-top-color:           #CCCCCC;
	border-left-color:          #CCCCCC;
	border-right-color:         #CCCCCC;
	border-bottom-color:        #CCCCCC;
	white-space: nowrap;
}

table.primaryButton,
table.primaryButtonDefault,
table.primaryButtonLeft,
table.primaryButtonDefaultLeft,
a.primaryButton,
a.primaryButtonDefault,
a.primaryButtonLeft,
a.primaryButtonDefaultLeft{
	width:			    96px;
	height:			    24px;
	text-align:		    center;
	vertical-align:		    middle;
	font-size:		    10pt;
	font-weight:		    bold;
	margin:			    0px;
}

table.primaryButtonLeft,
table.primaryButtonDefaultLeft,
a.primaryButtonLeft, 
a.primaryButtonDefaultLeft{
	margin-right:		    30px;
}

table.button,
table.primaryButton,
table.primaryButtonLeft,
table.primaryButtonDefault,
table.primaryButtonDefaultLeft{
	cursor:			    hand;
}

div.buttonLeft,
div.buttonCenter {
	border-right-width:	    0px;
}

div.buttonRight,
div.buttonCenter {
	border-left-width:	    0px;
}

div.buttonPressed {
	background-color:	    #E5E5E5;
	border-top-color:           #CCCCCC;
	border-left-color:          #CCCCCC;
	border-right-color:         #CCCCCC;
	border-bottom-color:        #CCCCCC;
}

a.button_XXX {
	color:                      #636363;/*************/
	text-decoration:            none;
	background-color:	    #FFFFFF;
	text-align:                 left;
	font-size:                  8pt;
}

div.menuLabel,
.menuItemsPanel,
select.menuLabel {
	background-color:	    #FFFFFF;
	border-style:               solid;
	border-width:               1px;
	border-top-color:           #CCCCCC;
	border-left-color:          #CCCCCC;
	border-right-color:         #CCCCCC;
	border-bottom-color:        #CCCCCC;
	white-space:		    nowrap;
	padding-left:		    3px;
	padding-right:		    3px;
}

div.menuLabel,
select.menuLabel {
	z-order:		    10000;
	height: 		    18px;
}

.menuLabelDisabled {
	background-color:	    #FFFFFF;
	border-style:               solid;
	border-width:               1px;
	border-top-color:           #CCCCCC;
	border-left-color:          #CCCCCC;
	border-right-color:         #CCCCCC;
	border-bottom-color:        #CCCCCC;
	white-space:		    nowrap;
	padding-left:		    3px;
	color:                      #999999;
}

select.menuLabel {
    color:		#636363;
    font-size:		8pt;
}

/*   XXX00:20040407gil: The following extention is remarked since it is not supported by Safari 1.2 when appearing in a css file. 	*/
/*   XXX00:20040407gil: Currently, the same deifinitions are defined using a 'style' attribute, which seems to work fine.		*/
/* .menuItemsPanel { 			*/
/*	z-index:		    9999;	*/
/*	display:		    none;	*/
/*	position:		    absolute;	*/
/*}						*/

div.menuItem {
	background-color:	    #FFFFFF;
	text-align:                 left;
	border-width:               0px;
	display:		    block;
	float:			    none;
	width:                      100%;
}

div.menuItemDivider {
	background-color:	    #CCCCCC;
	border-width:               0px;
	width:                      100%;
	margin-left:		    0px;
	margin-right:		    0px;
	margin-top:		    1px;
	margin-bottom:		    0px;
}

a.menuItem {
	color:                      #636363;/*************/
	text-decoration:            none;
	background-color:	    #FFFFFF;
	text-align:                 left;
	font-size:                  8pt;
}

a.menuItemSelected {
	color:                      #636363;/*************/
	background-color:           #800000; /* #6b6b6b; */
	text-decoration:            none;
	text-align:                 left;
	font-size:                  8pt;
}

a.button:hover,
table.button:hover,
a.primaryButton:hover,
a.primaryButtonDefault:hover,
a.primaryButtonLeft:hover,
a.primaryButtonDefaultLeft:hover,
table.primaryButton:hover,
table.primaryButtonDefault:hover,
table.primaryButtonLeft:hover,
table.primaryButtonDefaultLeft:hover,
a.button_XXX:hover,
a.menuItem:hover { 
	color: #636363;
}

.plainlabel {
	color:                      #636363;/*************/
	font-size:                  8pt;
}

td.buttonSelected,
a.buttonSelected,
div.buttonSelected,
div.menuItemSelected,
span.buttonSelected {
    background-color:           #800000; /* #6b6b6b; */

    text-align:                 center;
    font-size:                  8pt;

    padding-left:               3px;
    padding-right:              3px;
    padding-top:                1px;
    padding-bottom:             1px;

    vertical-align:             middle;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

div.menuItemSelected {
    display:			block;
    float:			none;
    text-align:			left;
    width:                      100%;
}

a.buttonDisabled,
div.buttonDisabled,
table.buttonDisabled,
span.buttonDisabled {
    color:                      #999999
}

a.buttonLink:link,
a.buttonLink:visited,
a.buttonLink:active,
a.button:link,
a.primaryButton:link,
a.primaryButtonDefault:link,
a.primaryButtonLeft:link,
a.primaryButtonDefaultLeft:link,
table.primaryButton:link,
table.primaryButtonLeft:link,
table.primaryButtonDefaultLeft:link,
table.button:link,
table.button:visited,
table.button:active,
a.button:visited,
a.button:active {
    color:                      #636363;
    text-decoration:            none;
}
a.buttonLink:hover,
a.button:hover,
a.primaryButton:hover,
a.primaryButtonDefault:hover,
a.primaryButtonLeft:hover,
a.primaryButtonDefaultLeft:hover,
table.button:hover,
table.primaryButton:hover,
table.primaryButtonDefault:hover,
table.primaryButtonLeft:hover,
table.primaryButtonDefaultLeft:hover{
    color:                      #000000;
}

a.primaryButtonDefault,
a.primaryButtonDefaultLeft,
table.primaryButtonDefault,
table.primaryButtonDefaultLeft{
    background-color:	#FFFFFF   ;
}



/*
    General tool bar, take 2.
    Needed only for AA which has inconsistent UI. The page nav bar is on white, others on light gray.
*/
table.toolBar2 {
    background-color:           #F5F5F5;
}

td.toolBarLabelDisabled,
td.toolBarLabel {
    font-size:                  7pt;
    text-align:                 center;
    vertical-align:             top;
    padding-left:               4px;
    padding-right:              4px;
    height:                     25;
    color:                      #F5F5F5;
}

td.toolBarLabelDisabled {
    color:                      #FFAAAA; /* #AAAAAA; */
}

.leftPane {
    border-style:               solid;
    border-top-width:           0px;
    border-bottom-width:        0px;
    border-left-width:          0px;
    border-right-width:         0px;
    border-top-color:		#CCCCCC;
}

/* XXX0000000:20031221rtm: Hmm, not sure the semantics here, usage isn't clear... not the "selection tabs" bar anyway... 
   XXX0000000:20040315iah: starting to use "standardPanel" instead
    XXX000000000:20040801rtm: Messy, standardPanel background is used for panel content area, not the panel itself, ugh
    XXX000000000:20040801rtm: This is probably all wrong, and the panel background should be for the panel itself, and then
    XXX000000000:20040801rtm: content areas and elements in the panel use other styles for their coloring.
*/

.accountingSyncTable,
.standaloneForm,
.standardPanel,
.standardPanelTop,
.standardPanelBottom,
.tabInfoBar {
    padding:                    2px;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-bottom-color:        #CCCCCC;
    border-right-color:         #CCCCCC;
}

.accountingSyncTable,
.standaloneForm,
.standardPanel,
.standardPanelTop,
.standardPanelBottom {
    background-color:           #F5F5F5;
}

.tabInfoBar { /* XXX00000:20040801rtm: thoroughly misused */
    background-color:           #F5F5F5;
}


.accountingSyncTable {
    width:			620px;
}

.standaloneForm {
    margin-top:			10px;
    margin-bottom:		10px;
    margin-left:		30px;
    margin-right:		10px;
}

.standardPanelTop {
    border-bottom-width:        0px;
}

.standardPanelBottom {
    border-top-width:           0px;
}

/* XXX00:20040801rtm: starting fresh with "panel" style: just for background, and just for left panel of Gallery so far... */
.new_standardPanel {
    background-color:           #333333   ;
}

table.tabSelected,
td.tabSelected {
    background-color:           #FFFFFF;
    color:			#636363;

    padding-left:               3px;
    padding-right:              3px;
    padding-top:                1px;
    padding-bottom:             0px;

    margin:                     0px;

    vertical-align:             middle;

    
    text-align:                 center;
    font-size:                  8pt;
    font-weight:                normal;

    border-style:               solid;
    border-top-width:           1px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #FFAAAA; /* #FFFFFF; */
}

td.tabUnselected {
    background-color:           #F5F5F5;

    padding-left:               3px;
    padding-right:              3px;
    padding-top:                1px;
    padding-bottom:             0px;

    margin:                     0px;

    vertical-align:             middle;

    
    text-align:                 center;
    font-size:                  8pt;
    font-weight:                normal;

    border-style:               solid;
    border-top-width:           1px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
/*    border-bottom-color:        #CCCCCC;*/
}

td.tabSelectedUnder {
    background-color:           #FFFFFF;

    margin:                     0px;

    height:                     100%;

    border-style:               solid;
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;
    width:                      100px;

    border-left-color:           #CCCCCC;
    border-right-color:          #CCCCCC;
}

td.tabUnselectedUnder {
    background-color:           #CCCCCC;

    margin:                     0px;

    border-style:               solid;
    border-top-width:           1px;
    border-left-width:          0px;
    border-right-width:         0px;
    border-bottom-width:        0px;

    height:                     100%;

    border-top-color:           #FFFFFF;
}

a.tabUnselected:link,
a.tabUnselected:visited,
a.tabUnselected:active {
    color:                      #636363;
    text-decoration:            none;
}

a.tabUnselected:hover {
    color:                      #000000;
}

/*
    Background of the tabs area itself.
    Sets the tabs off from the content and page heading...
*/
.tabBarBackground {
    background-color:           #FFFFFF;
}

.tabBarMiddle,
.fullPaneMiddle {
    padding-left:		8px;
    padding-right:		8px;
    padding-top:		0px;
    padding-bottom:		0px;

    margin:			0px;

    border-style:               solid;
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;

    border-right-color:         #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;
}

/* fullPaneMiddle differs from tabBarMiddle a little bit */
.fullPaneMiddle {
    border-left-width:          0px;
    border-right-width:         0px;
}

/**
    Bottom of tab area
  */
.tabBarBottom{
    padding-left:		8px;
    padding-right:		8px;

    border-style:               solid;
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        1px;

    height:                     100%;

    border-color:               #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;
}


/*
    Just background to match tabs. XXX0000:20031221rtm: may move in direction of tab-page == body background, so this could go away... but wait
    Currently only used for minimum strip under the tabs.
*/
.tabBackground {
    background-color:           #FFFFFF;
    color:			#636363;
}

/*
    Tab page background, with padding.
    XXX00000:20031220rtm: not so sure about usage. Gallery uses simple div, Viewer uses span with other settings... ?
    XXX00000:20031220rtm: if this is supposed to be the main page div for a tabbed page, should use more explicit name like tabbedPageBody
*/
.tabback { /* XXX00:CLEANUP:20051004rtm: no longer needed, and just messes up borders on pages that still use it (many) */
/**
    padding:                    8px;
    padding-top:                2px;
    padding-bottom:             0px;
    background-color:           #FFFFFF;
**/
}

.subtab:link,
.subtab:visited,
.subtab:active,
.subtabSelected,
.subtabDivider {
    color:			#636363;
    font-size:                  8pt;
}

.subtab:hover {
    color:                      #000000;
}

.subtabSelected {
    font-weight:		bold;
}

.subtabDivider {
    padding-left:		10px;
    padding-right:		10px;
}

.folderIconTL {
    width:                      6px;
    height:                     3px;
    border-top-width:           1px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;
}

.folderIconTR {
    width:                      6px;
}

.folderIconBL {
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         0px;
    border-bottom-width:        1px;

    width:                      6px;
    height:                     10px;
}

.folderIconBR {
    border-top-width:           0px;
    border-left-width:          0px;
    border-right-width:         1px;
    border-bottom-width:        1px;
    width:                      6px;
}

.folderIconTL,
.folderIconBL,
.folderIconBR {
    background-color:           #FFAAAA; /* #FEE6A8; */
    padding:                    0px;

    border-style:               solid;

    border-top-color:           #800000; /* #222222; */
    border-left-color:          #800000; /* #222222; */
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}


/*
    For title+value. XXX00:20031218rtm: consolidate with existing field styles...
*/
.previewFieldTitle,
.titleBlockAbove,
.titleBlock {
    
    text-align:                 right;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
    background-color:           #FCFCFC; /* XXX:20051004rtm: hard-code for AA 2.0 */
    height:                     18px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                2px;
    padding-bottom:             2px;
    white-space:		nowrap;
}

.previewFieldTitle {
    background-color:		#FFFFFF;
}

.titleBlockAbove {
    text-align:                 left;
}

/*
    XXX00000:20031218rtm: overflow:hidden isn't enough when applied just to td, but having inner span seems to work,
    XXX00000:20031218rtm: 	 need to confirm on all platforms...
*/
.previewFieldValue,
.valueBlock,
.valueBlockWarning,
.valueBlockRight,
.valueBlockAlt{
    
    text-align:                 left;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
    background-color:           #FFFFFF;
    padding:                    2px;
    padding-left:               8px;
    overflow:                   hidden;
}

.valueBlockWarning {
    color:			#FF0066   ;
}

.previewFieldValue {
    background-color:		#F5F5F5;
}

.valueBlockAlt {
/*    color:                      #636363;XXX00000:20040220iah: will have 4thText on 2ndBack, OK? */ 
    background-color:           #FF0066;	/* for alternating striped rows */
}

.valueBlockRight {
    text-align:			right;
    padding-right:              8px;
    padding-left:               2px;
}


/* @bugid 1057 advanced search width */

/*
    special narrower td's
*/
.titleBlockAbove2,
.titleBlock2,
.titleBlock2Left {
    
    text-align:                 right;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
    background-color:           #FFFFFF;
    height:                     18px;
    padding-left:               2px;
    padding-right:              2px;
    padding-top:                2px;
    padding-bottom:             2px;
    overflow:                   hidden;
}

.titleBlockAbove2 {
    text-align:                 left;
}

.titleBlock2Left {
    text-align:                 left;
}

/*
    special narrower td's
*/
.valueBlock2,
.valueBlockRight2,
.valueBlockAlt2{
    
    text-align:                 left;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
    background-color:           #FFFFFF;
    padding:                    2px;
    padding-left:               2px;
    overflow:                   hidden;
}

.valueBlockAlt2 {
    background-color:           #FF0066;	/* for alternating striped rows */
}

.valueBlockRight2 {
    text-align:			right;
    padding-right:              8px;
    padding-left:               2px;
}
/*-------------------------------------*/

table.thumb,
table.comparePane {
    background-color:           #FFFFFF;
    

/*  background-image:	   	url(/organic_leather.jpg);  XXX00:20031218rtm: good candidate for DynamicCSS */
/*  background-image:	   	url(/dddf127.jpg);*/

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}


table.thumbSelected,
table.thumbPressed,
table.comparePaneSelected {
/*  background-image:	   	url(../Static/images_1_en_US/metal3.jpg);*/
    
    background-color:           #FFFF99;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

table.thumbPressed {
    background-color:	 	#E5E5E5;
    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

td.thumbtitle,
td.comparePaneTitle {
    height:                     16px;
}

td.thumbinfo {
    width:			16px;
}

img.albumThumb {

/*  width:                      DynamicCss.jsp */
/*  height:                     DynamicCss.jsp */
    background-color:           #F5F5F5;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}


td.thumbtitle,
td.comparePaneTitle,
img.thumb {
    background-color:           #F5F5F5;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;

/*  width:                      clipped, so entirely variable within the bounds */
/*  height:                     clipped, so entirely variable within the bounds */
}

.blankThumb,
td.thumb,
td.comparePane {
/*  width:                      DynamicCss.jsp */
/*  height:                     DynamicCss.jsp */
    text-align:                 center;
    vertical-align:             middle;
}

.blankThumb {
/*  background:                 #3A3A3A;*/
}

td.lbThumb {
    width:                      58px;	/*XXX00:20031217rtm: hard-coded single size, not dynamic (yet) */
    height:                     58px;
    text-align:                 center;
    vertical-align:             middle;
}

.thumbtitle,
.thumbinfo,
.comparePaneTitle
.comparePaneTitleText {
    
    text-align:                 center;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
 /*   overflow:                   hidden;  bz1959 - set in gallery */
    white-space:                nowrap;
/*  width:                      DynamicCss.jsp */
    cursor:                     default;
}

/* @bugid 1563 -- Background color for images to standard medium gray */
.previewDiv			{
    
    background-color:           #808080   ;
    color:			#EEEEEE   ;              
    font-size:                  8pt;
    cursor:                     crosshair;/* url('/A1/zoom.cur');*/
}

/*
    Scroll bar coloring.
    All div scrollbars in the app should be colored the same.
    Special cases can override this if necessary.
*/
div {
    scrollbar-3dlight-color:    #FFFFFF;
    scrollbar-arrow-color:      #F5F5F5;
    scrollbar-base-color:       #F5F5F5;
    scrollbar-darkshadow-color: #CCCCCC;
    scrollbar-face-color:       #FFFFFF;
    scrollbar-highlight-color:  #CCCCCC;
    scrollbar-shadow-color:     #CCCCCC;
}

div.list,
div.thumbDiv,
div.compareThumbDiv,
div.lightboxLogDiv,
div.compareDiv,
div.lightboxPreviewDiv {
    
    background-color:           #F5F5F5;
    color:			#636363;
    overflow:                   auto;
    padding:                    0px;
    margin:                     0px;

    text-align:                 left;
    vertical-align:             top;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

div.advancedSearch {
    /*
	XXX00:20040804rtm: Was just defining scrollbar colors, but this should be a real style
	XXX00:20040804rtm: for controlling dimensions, tied to DynamicCss like other cases.
    */
}

/* use single pixel only, edge is background, XXX0:20040305iah: use top border for tabs gap */
.paneEdgeLeftGallery { /* XXX00:20040801rtm: grep says only usage is commented out */
    background-color:           #CCCCCC;

    border-style:               solid;
    border-width:               0px;
    border-top-width:           21px;

    border-top-color:           #F5F5F5;
}

.highlightBackground {
    background-color:           #CCCCCC;
}

/* XXX00000:20040801rtm: this is just plain messy, using the groove style to get the right bevel on the left pane (!) */
.paneGrooveGallery {
    border-style:               solid;
    border-width:               0px;
    border-left-width:          1px;
    border-top-width:          1px;
    border-color:               #CCCCCC;
    background-color:           #FFFFFF; /* XXX0000:20040807rtm: really should be just page background, but... */
}

div.thumbDiv {
/*  width:                      DynamicCss.jsp */
/*  height:                     DynamicCss.jsp */
}

div.lightboxPreviewDiv {
/*  width:                      DynamicCss.jsp */
/*  height:                     DynamicCss.jsp */
}

div.treeView {
    overflow:                   auto;	/* scollbars iff needed */
/*  height:                     DynamicCss.jsp */
/*  width:                      DynamicCss.jsp */
    text-align:                 left;
/*  padding:                    0px;	XXX00000:20040414gil: Padding doesn't seem to have an influence except enlarging left
/*					XXX00000:20040414gil: pane in 10px on Safari, which causes the right side of the gallery
/*					XXX00000:20040414gil: to be chopped off */
    font-size:                  8pt;

    background-color:           #F5F5F5;
}

/*  XXX0000:20031213rtm: note on controlling scrollbars, from http://archivist.incutio.com/viewlist/css-discuss/2353
Two things to check:
(a) that there is a width set on the content of that div, usually one equal
to the with of the div works for me.
(b) to avoid horizontal scrollbars in Mac-IE you need to go a step further
and make sure the content clears the vertical scrollbar as well, I've been
setting a right padding or margin on the inner content of about 20px to do
this. I'd imagine making the width smaller would work too, but I've found it
easier to manage the numbers this way.
*/

div.pulldown { 
    position:                   absolute; 
}	

.titleValuesGroupBlock {
    background-color:           #F5F5F5;
}


.vDiv,
.hDiv {
    padding:                    0px;
    margin:                     0px;
    background-color:           #FFFFFF;
}

.vDivButton,
.hDivButton {
    padding:                    0px;
    margin:                     0px;
}

/*
    Section: nanotree styles
    ------------------------
    Names taken verbatim from nanotree 1.4 release, to avoid spurious diffs.
*/
.treetitle {
    padding:                    2px;
    cursor:                     default;

    
    font-size:                  11px;
    color:                      #636363;
}
.editednode {
    padding:                    2px;
    cursor:                     default;
/*  background-color:		#; */
/*  color:   			#; */

    
    font-size:                  11px;
}
.editednodeinput {		/* XXX0000:20041006rtm: need to specialize these when support editing in the tree view */
    background-color:           #FFFFFF;
    color:                      #000000;

    width:                      150px;
    height:                     17px;

    border-style:               solid;
    border-width:               1px;
    border-color:               #000000;

    
    font-size:                  11px;
}
.treetitleselectedfocused {
    padding:                    2px;
    cursor:                     default;
    background-color:           #FFFFFF; /* XXX00:20050927rtm:this color is hacked in nanotree.js */
    color:                      #636363;

    
    font-size:                  11px;
}
.treetitleselectedblured {
    padding:                    2px;
    cursor:                     default;
    background-color:           #FFFFFF;
    color:                      #636363;
    
    font-size:                  11px;
}
/*
    Section: New CSS Styles (from "London Steve" for drop-downs)
    ------------------------
    added by Steve, for drop down menus
    redone 'cos <div>'s in <td>'s are bad m'kay
*/

div.DropDownMenuButton { /* New pulldown menu styles */
}

div.DropDownMenuList {
    position: absolute;
    visibility: hidden;
}

.fullHeightTable { /* stop using "<table height="100%" ! */
   height: 100%;
}
.fullWidthTable { /* stop using "<table width=100%" ! */
   width: 100%;
}

/*
    Section: Pricing styles
    -----------------------
    XXX0:20040303rtm: No general styles yet for various types of display table, so defining these for
    XXX0:20040303rtm: now as grist for consolidation. At any rate easier to adjust format here than in the JSPs..
*/

/*
    Table for one rule definition, for rule editing.
*/
.tableRuleDefinition {
    padding:		1px;
    border:		0px;
    background-color:   #FFFFFF;
}

.trRuleDefinitionHeader {
    font-size:          13px;
    font-weight:	bold;
    background-color:   #F5F5F5;
}

/*
    Table for list of rule options, for rule editing.
*/
.tableRuleOptionsDefinition {
    padding:		1px;
    border:		0px;
}

/*
    Section: Dashboard colors
    @bugid 442 -ls
*/

/* 
    text and links 
*/

a.dashboardProceed:link,
a.dashboardProceed:visited,
a.dashboardProceed:active,
{
    font-size:		12pt;
    color:		#636363;
    font-weight:	bold;
}

.dashboardSectionTitle {
    font-size:		12pt;
    color:		#636363   ;
    font-weight:	bold;
}

a.dashboardSectionItem:link,
a.dashboardSectionItem:visited,
a.dashboardSectionItem:active {
    font-size:		10pt;
    color:		#00FFFF   ;
    text-decoration: 	underline;
    font-weight:	normal;
}


.dashboardBold {
    font-size:		12pt;
    color:		#636363   ;
    font-weight:	bold;
}

a.dashboard:link,
a.dashboard:visited,
a.dashboard:active {
    color:		#0066FF;
    text-decoration: 	underline;
    font-weight:	normal;
}

a.dashboardBold:link,
a.dashboardBold:visited,
a.dashboardBold:active {
    color:		#0066FF;
    text-decoration: 	underline;
    font-weight:	bold;
}


/* 
	bz1959 - NOTE: the names for these styles match the standard 'table' styles, prefixed with "div_" 
	do not change the names or the prefix !!!
*/

.div_thumbtitle          /* bz1959 - div layout */
{
    background-color:           #F5F5F5;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;

/*  width:                      clipped, so entirely variable within the bounds */
/*  height:                     clipped, so entirely variable within the bounds */

    
    text-align:                 center;
    font-size:                  8pt;
    font-weight:                normal;
    color:                      #636363;
    overflow:                   hidden;
    white-space:                nowrap;
/*  width:                      DynamicCss.jsp */
    cursor:                     default;

}

.div_thumb,        /* bz1959 - div layout */
.div_comparePane { /* bz1959 - div layout */
    background-color:           #FFFFFF;
    

/*  background-image:	   	url(/organic_leather.jpg);  XXX00:20031218rtm: good candidate for DynamicCSS */
/*  background-image:	   	url(/dddf127.jpg);*/

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

.div_thumbSelected,         /* bz1959 - div layout */
.div_thumbPressed,          /* bz1959 - div layout */
.div_comparePaneSelected {   /* bz1959 - div layout */
/*  background-image:	   	url(../Static/images_1_en_US/metal3.jpg);*/
    
    background-color:           #FFFF99;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

.div_thumbPressed {          /* bz1959 - div layout */
    background-color:	 	#E5E5E5;
    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;
}

.div_comparePaneTitle {    /* bz1959 - div layout */
    background-color:           #F5F5F5;

    border-style:               solid;
    border-width:               1px;

    border-top-color:           #CCCCCC;
    border-left-color:          #CCCCCC;
    border-right-color:         #CCCCCC;
    border-bottom-color:        #CCCCCC;

/*  width:                      clipped, so entirely variable within the bounds */
/*  height:                     clipped, so entirely variable within the bounds */
}

.paneTop {
    padding:			0px;
    margin:			0px;
    border-style:               none;
    height:                     100%;

    border-color:               #CCCCCC;
    border-left-color:          #CCCCCC;
    border-top-color:		#CCCCCC;
    background-color:           #FFFFFF;

/* Pre-AA 2.0 settings
    padding-left:		8px;
    padding-right:		8px;

    border-style:               solid;
    border-top-width:           1px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;

    border-color:               #CCCCCC;
    border-left-color:          #CCCCCC;
    border-top-color:		#CCCCCC;
    background-color:           #FFFFFF;
*/
}

.paneMiddle {
    padding:			0px;
    margin:			0px;
    border-style:               none;
    height:                     100%;

    border-right-color:         #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;

/* Pre-AA 2.0 settings
    padding-left:		8px;
    padding-right:		8px;
    padding-top:		0px;
    padding-bottom:		0px;

    margin:			0px;

    border-style:               solid;
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        0px;

    height:                     100%;

    border-right-color:         #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;
*/
}

.paneBottom {
    padding:			0px;
    margin:			0px;
    border-style:               none;
    height:                     100%;

    border-color:               #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;

/* Pre-AA 2.0 settings
    padding-left:		8px;
    padding-right:		8px;

    border-style:               solid;
    border-top-width:           0px;
    border-left-width:          1px;
    border-right-width:         1px;
    border-bottom-width:        1px;

    height:                     100%;

    border-color:               #CCCCCC;
    border-left-color:          #CCCCCC;
    background-color:           #FFFFFF;
*/
}

/* line connection option to option in tree-like fashion */
table.share_line {
    background-color:		#999999; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-width:		0px;
    border-style:		solid;
    border-collapse:		collapse;
    border-spacing:		0px;
}

/* horizontal line between option groups */
table.share_hr {
    background-color:		#999999; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-width:		0px;
    border-style:		solid;
    border-collapse:		collapse;
    border-spacing:		0px;
    width:			100% ;
}

/* provides actual gutter between subpanes */
table.share_main {
    background-color:   	#FFFFFF; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-color:		#FFFFFF; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-width:   		0px;	/* XXX:20051004rtm: not needed */
    border-style:   		solid;
    border-collapse:    	collapse;
    padding:        		0px;
}
td.share_main {
    background-color:   	#F5F5F5; /* XXX:20051004rtm: hard-code for AA 2.0 */
    vertical-align: 		top ;
}

/* info table dividers (cell spacing) */
table.share_cell {
    background-color:   	#F5F5F5; /* XXX:20051004rtm: hard-code for AA 2.0 */
    color:      		#fffff00;
    border-color:   		#0000ff;
    border-width:   		0px;
    border-style:   		solid;
    border-collapse:    	collapse;
    border-spacing:     	0px;
    padding:    		0px;
}

/* subpane background */
td.share_cell {
    background-color:   	#F5F5F5; /* XXX:20051004rtm: hard-code for AA 2.0 */
    padding-top:        	4;
    padding-left:       	14;
    padding-right:      	9;
    padding-bottom:      	0;
    vertical-align:     	top;
}

/* divider between options */
table.share_perm {
    background-color:   	#F5F5F5; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-color:   		#0000ff;
    border-width:   		0px;
    border-style:   		solid;
    border-collapse:    	collapse;
    border-spacing:     	0px;
    padding-top:    		0px;
    padding-bottom: 		0px;
}

/* other background area around options subpane */
td.share_perm {
    background-color:   	#F5F5F5; /* XXX:20051004rtm: hard-code for AA 2.0 */
    /*height:              	24; XXX:20051004rtm: tight */
    padding-top:        	0;
    padding-bottom:     	0;
    padding-left:       	0;
    padding-right:      	0;
    vertical-align:     	middle ;
    font-size: 			9pt ;
}

table.share_check {
    background-color:   	#E0E0E0; /* XXX:20051004rtm: hard-code for AA 2.0 */
    border-color:   		#00FF00;
    border-width:   		0px; /***********************/
    border-style:   		solid;
    border-collapse:    	collapse;
    border-spacing:     	0px;
    padding-top:    		0px;
    padding-bottom: 		0px;
}

td.share_check {
    background-color:   	#E0E0E0; /* XXX:20051004rtm: hard-code for AA 2.0 */
    /*height:              	24; XXX:20051004rtm: tight */
    padding-top:        	2;
    padding-bottom:     	0;
    padding-left:       	2;
    padding-right:      	2;
    vertical-align:     	middle ;
    font-size:          	11;
}

/* non-editable list area */
div.share_list {
    background-color:   	#E0E0E0; /* XXX:20051004rtm: hard-code for AA 2.0 */
    width:              	212;
    overflow:           	auto;
    border-color:   		#000000; /*tok*/
    border-width:   		0px;	/* XXX:20051004rtm: latest mockup has no border (at all?) */
    border-style:   		solid;
    border-collapse:    	collapse;
    padding-top:        	5;
    padding-left:       	7;
    padding-bottom:     	5;
    margin-top:         	4;
    margin-bottom:      	8;
    font-size:      		11;
}

.share_privilegeLabel,
.share_boldText {
    color:              	#636363;
    font-size:      		11;
    font-weight:    		bold;
}

.pjShare_normalText,
.share_normalText {
    color:              	#636363;
    font-size:      		11;
    font-weight:    		normal;
}

.pjShare_normalText {
    padding-left:		15px;
}

tr.share_sit_header {
    background-color:   	#E0E0E0; /* XXX:20051004rtm: hard-code for AA 2.0 */
}

td.share_sit {
    padding-top:        	2;
    padding-right:      	5;
    padding-left:       	5;
    padding-bottom:     	2;
}

tr.share_sit_row {
    background-color:   	#CFCFCF; /* XXX:20051004rtm: hard-code for AA 2.0 */
}

.indentTopLeft {
    margin-left:		30px;
    margin-top:			19px;
}

/* EOF */