/* Sytadel styles */
SELECT { font-size: 9pt; margin: 0px; color: #000000; font-family: Helvetica, Arial, Sans-Serif }
INPUT, TEXTAREA { font-size: 9pt; margin: 0px; color: #000000; font-family: Helvetica, Arial, Sans-Serif }
TEXTAREA.sytadelMonospaced { font-family: "Courier New", monospaced; }
BLOCKQUOTE { font-style: italic; background-color: #eeeeee; line-height: 15px; padding: 4px; margin-left: 30px; margin-right: 75px }

A:link { text-decoration: none }
A:visited { text-decoration: none }
A:hover { text-decoration: underline }

A.sytadelCollapsible:hover { text-decoration: none }
A.sytadelCollapsible:visited { text-decoration: none }

.contentTypeListItem { margin: 20px 0px 0px 0px }

TH { color: #000077;
     vertical-align: top;
    font-size: 0.75em;
}

TD { vertical-align: top; }
/*TD { color: #009900; }*/
/*TD TD { font-family: Verdana, Helvetica, Arial, sans-serif; margin-bottom: 0px; }*/

.document { margin: 1px 1px 1px 1px }
.documenthead { margin: 5px 1px 1px 5px }
.documentbody { margin: 10px 1px 5px 15px }
STRONG { font-weight: bold }

/* Styles for raw XML display */

.xmlTag { color: blue }
.xmlAttributeName { color: red }
.xmlAttributeValue { color: green }
.xmlComment { color: gray }
.xmlIdentifier { color: gray }
.xmlToken { background: #dddddd }

/* Styles for individual content. Check the XSLs and HTML source for where these are used, before changing them. */

.contentMemberFull {}
.contentMemberFullElementTitle {}

.sytadelTopOfPageErrorMessage { color: red; font-weight: 600; margin-top: 15px; font-size: 130% }
.sytadelErrorEdit { color: red }
.sytadelPopDialogText { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 82%; }

TABLE.sytadelTabbedBox {}
TD.sytadelTabbedBoxTitle { font-size: 82%; }
TD.sytadelTabbedBoxTab {}

/* Styles for pages constructed by the page constructor */

TABLE.sytadelPage {}
TR.sytadelPageRow {}
TD.sytadelPageCell {
}

.sytadelMandatoryField { color: red; vertical-align: top }

/* diff styles */
.sytadelDiffDivText { font-family: Courier; margin-bottom: 0px; }

/* line number textarea */
.sytadelLineNumbersTextArea { background: white; }

/* General page and box construction hierarchy */
.sytadelBoxFrame { border-collapse: collapse !important }
.sytadelBoxFrame { border: 1px solid #cccccc; width: 100%; }
.sytadelBoxTitleBar { border: #eeeeee; background: #eeeeee; }
.sytadelBoxTitle { font-size: 100%; font-weight: 500; text-align: center; padding: 0px }
.sytadelBoxTitleHyperlink { }
.sytadelBoxTitleCollapseControl { }
.sytadelBoxContentFrame { border: #eeeeee; background: #ffffff; padding: 3px }
.sytadelBoxContentTitle { font-style: italic; vertical-align: top; text-align: right }
/* added padding: 4px to standardise. Mozilla and IE seem to have different defaults - matt 05/09/2003 */
UL.sytadelBoxContent { margin-left: 1.5em; margin-bottom: 0.2em; padding: 4px }
OL.sytadelBoxContent { margin-left: 2.5em; margin-bottom: 0.2em; padding: 4px }
FORM.sytadelBoxContent { margin-left: 1.5em; margin-bottom: 0.2em; padding: 4px }

UL.sytadelManagingContentBox { margin: 0 0.5em 0.5em 1.5em}
P.sytadelManagingContentBoxSectionHeading { margin: 0; font-style: italic }

.sytadelGreenBoxFrame { border: 1px solid #99cc99 }
.sytadelGreenBoxTitleBar { border: #99cc99; background: #99cc99 }
.sytadelGreenBoxContentFrame { border: #99cc99; background: #ccffcc }

.sytadelBlueBoxFrame { border: 1px solid #d4e9e8 }
.sytadelBlueBoxTitleBar { border: #d4e9e8; background: #d4e9e8 }
.sytadelBlueBoxContentFrame { border: #d4e9e8; background: #f3fdfc }

.sytadelBlueBlackBoxFrame { border: 1px solid #039}
.sytadelBlueBlackBoxTitleBar { border: 1px solid #039; background-color: #bcdcfc}
.sytadelBlueBlackBoxContentFrame { border: #039}

.sytadelBlackBoxFrame { border: 1px solid black }
.sytadelBlackBoxTitleBar { border: black; background: black; color: white }
.sytadelBlackBoxTitle { color: white }
.sytadelBlackBoxTitleHyperlink:link { color: white }
.sytadelBlackBoxTitleHyperlink:visited { color: white }
.sytadelBlackBoxTitleCollapseControl:link { color: white }
.sytadelBlackBoxTitleCollapseControl:visited { color: white }
.sytadelBlackBoxContentFrame { border: black; background: white }

.sytadelTopicsBoxFrame { border: 1px solid #dddddd }
.sytadelTopicsBoxTitleBar { border: #dddddd; background: #dddddd }
.sytadelTopicsBoxContentFrame { border: #dddddd; background: #ffffff }

/*.sytadelRelatedTopicsBoxFrame { border: 1px solid #eeeeee } */
.sytadelRelatedTopicsBoxTitleBar { border: #eeeeee; background: #eeeeee }
.sytadelRelatedTopicsBoxContentFrame { border: #eeeeee; background: #ffffff }

/*.sytadelContentBoxFrame { border: 1px solid #99cc99 }
.sytadelContentBoxTitlebar { border: #99cc99; background: #99cc99 }
.sytadelContentBoxContentFrame { border: #99cc99; background: #ccffcc }*/

/* make all errors red & italics */
.sytadelError { color: #ff0000; font-style: italic }

.sytadelContent { vertical-align: top }

/* Standard bread crumb styles */
.sytadelBreadCrumb { font-size: 85% }

/* More hyperlinks */
.sytadelMoreHyperlink { text-align: right }

/*
 * CSS Hierarchy
 * ~~~~~~~~~~~~~
 *
 * We make extremely strong use of the Cascading in CSS. Below, the comments are
 * supposed to reflect this and make the hierarchy clear.
 *
 * The CSS structure in each box and page is displayed. Where a page makes use
 * of another box the box name has been included in the hierarchy in brackets
 * (note that it may in fact add several levels to the hierarchy when expanded).
 *
 * The hope is that this set of classes will provide the power for site-wide
 * changes but also the flexibility for small individual customisations at the
 * lowest level.
 *
 * Note that the class names in the documentation are a starting point only. In
 * fact, each class names here represents a number of derivative class names
 * that are used throughout the site. The class name suffixes are:
 *   - @BoxFrame : controls the wire frame of the box
 *   - @BoxContentFrame : control the content cell of the box itself
 *   - @BoxTitleBar : controls the title bar of the box
 *   - @BoxTitle : controls the actual title content in the title bar of the box
 *   - @BoxTitleHyperlink : controls the hyperlinks in the box title bar
 *   - @BoxTitleCollapseControl : controls the collapse/expand control
 *
 * There is an example of the various class names at:
 * http://accc.nathan.synop.syd|whateverRoot/dev-samples/boxClasses.htm
 *
 * When used inside a page definition for a pop window the class is converted
 * into two class names. For example:
 *   - "XXX" becomes "XXX XXXPop"
 * These two class names are then appended with the box suffixes above as
 * appropriate.
 *
 * When content is displayed within a box, the "Box" prefix is used for the
 * entire class hiearchy. When there is no box, the "Content" prefix is used.
 */


/*************************************************************
 * Special controls
 ************************************************************/
.sytadelCalendarControlTitle { font-weight: bold }
.sytadelCalendarControlTitleHyperlink { }
.sytadelCalendarControlBody { text-align: center }
.sytadelCalendarControlBodyOutsideDayHyperlink { color: #cccccc }
.sytadelCalendarControlBodySelectedDayHyperlink { font-weight: bold }


/*************************************************************
 * Boxes
 ************************************************************/

/* Content management box
 *   .sytadelContent
 *     .sytadelContentManagement
 */

/* Create content box
 *   .sytadelContent
 *     .sytadelCreateContent
 */

FORM.sytadelCreateContentBoxContent { margin: 0px }

/* Topic related content box
 *   .sytadelTopicRelatedContent
 */

/* Roles box
 *  .sytadelPersona
 *    .sytadelRoles
 */

/* Members box
 *  .sytadelPersona
 *    .sytadelMembers
 */

/* Persona for members box
 *  .sytadelPersona
 *    .sytadelPersonaFor
 *      .sytadelPersonaForMembers
 */

/* Persona for roles box
 *  .sytadelPersona
 *    .sytadelPersonaFor
 *      .sytadelPersonaForRoles
 */

/* Content maintenance security
 *  .sytadelContentMaintenanceSecurity
 *    .sytadelContentMaintenanceSecurityTitle
 */

TD.sytadelContentMaintenanceSecurityPermission { writing-mode: tb-rl; vertical-align: middle }
TD.sytadelContentMaintenanceSecurityGraphic { text-align: center; vertical-align: middle }

/* Permission allocation box
 *  .sytadelPermissionAllocation
 *    .sytadelPermissionAllocationTitle
 *      (.sytadelPermissionAllocationBoxContentTitleMembersAndRoles)
 *      (.sytadelPermissionAllocationBoxContentTitlePermissions)
 *    .sytadelPermissionAllocationError
 */

/*
Complex CSS work to make the permission allocation box appear in the
right way. Complex inheritence structures means that things like the
form need to have their border explicitly set to none.
*/
.sytadelPermissionAllocationBoxFrame { border: none }
.sytadelPermissionAllocationBoxContentFrame { background: #ffffff }
.sytadelPermissionAllocationBoxContent { border-collapse: collapse !important }
TD.sytadelPermissionAllocationBoxContent { border: 1px solid #cccccc; text-align: center }
FORM.sytadelPermissionAllocationBoxContent { border: none; text-align: left }
.sytadelPermissionAllocationBoxContentTitle { border: 1px solid #cccccc }
.sytadelPermissionAllocationBoxContentTitleMembersAndRoles { text-align: center }
.sytadelPermissionAllocationBoxContentTitlePermissions { text-align: right }

/* Content maintenance version box
 *  .sytadelContentMaintenanceVersion
 *    .sytadelContentMaintenanceVersionTitle
 */

/* Content maintenance item box
 *  .sytadelContentMaintenanceItem
 *    .sytadelContentMaintenanceItemTitle
 */

.sytadelContentMaintenanceItemBoxContentVersionHistorySelected { font-weight: bold; background-color: #ffff99 }
.sytadelContentMaintenanceItemBoxContentVersionHistoryActions { font-size: 85%; color: #666666 }
.sytadelContentMaintenanceItemBoxContentVersionHistoryState { font-size: 85% }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateApproved { color: #009999 }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStatePublished { font-size: 100%; color: #000099 }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateTitlePublished { color: #ff0000; font-weight: bold }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateRetired { color: #999999; font-size: 80% }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateArchived { color: #999999; font-size: 80% }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateRejected { color: #999999 }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateExpired { color: #999999; font-size: 80% }
.sytadelContentMaintenanceItemBoxContentVersionHistoryStateDraft { color: #7D5741; }

.sytadelContentMaintenanceDiffBoxContentVersionHistorySelected { font-weight: bold }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryActions { font-size: 85%; color: #666666 }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryState { font-size: 85% }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateApproved { color: #009999 }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStatePublished { font-size: 100%; color: #000099 }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateTitlePublished { color: #ff0000; font-weight: bold }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateRetired { color: #999999; font-size: 80% }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateRejected { color: #999999 }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateExpired { color: #999999; font-size: 80% }
.sytadelContentMaintenanceDiffBoxContentVersionHistoryStateDraft { color: #7D5741; }

/* Content maintenance audit trail box
 *  .sytadelContentMaintenanceActionLog
 *    .sytadelContentMaintenanceActionLogTitle
 *    (.sytadelContentMaintenanceActionLogBoxContentTime)
 *    (.sytadelContentMaintenanceActionLogBoxContentPerformedBy)
 *    (.sytadelContentMaintenanceActionLogBoxContentVersionRecordAffected)
 *    (.sytadelContentMaintenanceActionLogBoxContentDescriptionOfChange)
 */

.sytadelContentMaintenanceActionLogBoxContent { border-collapse: collapse !important }
.sytadelContentMaintenanceActionLogBoxContent { border: 1px solid #cccccc; white-space: nowrap; padding: 2px; font-size: 85% } 
.sytadelContentMaintenanceActionLogBoxContentComment { border: 1px solid #cccccc; white-space: normal; padding: 2px; font-size: 85% }
.sytadelContentMaintenanceActionLogBoxContentTitle { border: 1px solid #cccccc; text-align: center }
.sytadelContentMaintenanceActionLogBoxContentTime { text-align: center }
.sytadelContentMaintenanceActionLogBoxContentPerformedBy { text-align: center }

/* Content maintenance xml box
 *  .sytadelContentMaintenanceXml
 *    .sytadelContentMaintenanceXmlTitle
 *    (.sytadelContentMaintenanceXmlBoxContentView)
 *    (.sytadelContentMaintenanceXmlBoxContentViewTitle)
 *    (.sytadelContentMaintenanceXmlBoxContentOutput)
 *    (.sytadelContentMaintenanceXmlBoxContentOutputTitle)
 *    (.sytadelContentMaintenanceXmlBoxContentOutputInfo)
 *    (.sytadelContentMaintenanceXmlBoxContentOutputInfoTitle)
 */

.sytadelContentMaintenanceXmlBoxContentView { border-collapse: collapse !important }
.sytadelContentMaintenanceXmlBoxContentView { border: 1px solid #cccccc; white-space: nowrap; padding: 2px; vertical-align: top }
.sytadelContentMaintenanceXmlBoxContentViewTitle { border: 1px solid #cccccc; text-align: left }

.sytadelContentMaintenanceDisplayBoxContentView { border-collapse: collapse !important }
.sytadelContentMaintenanceDisplayBoxContentView { border: 1px solid #cccccc; white-space: nowrap; padding: 2px; vertical-align: top; }
.sytadelContentMaintenanceDisplayBoxContentViewTitle { border: 1px solid #cccccc; text-align: left }

/* Membership information box
 *  .sytadelMembershipInformation
 *    .sytadelMembershipInformationTitle
 */

/* My work box
 *  .sytadelMyWork
 *    .sytadelMyWorkTitle
 */

/* My content box
 *  .sytadelMyContent
 *    .sytadelMyContentTitle
 */

/* Upcoming content events box
 *  .sytadelUpcomingContentEvents
 *    .sytadelUpcomingContentEventsTitle
 */


/*************************************************************
 * Pages
 ************************************************************/

/* Generic content page
 *   .sytadelGenericContent
 *     .sytadelTopics
 *       .sytadelRelatedTopics
 *     (Content management box)
 *       .sytadelGenericContentContentManagement
 */

/* Generic content pop
 *   .sytadelGenericContent
 *     .sytadelGenericContentPop
 */

/* Topic page
 *   .sytadelTopic
 *     .sytadelTopics
 *       .sytadelSubtopics
 *     .sytadelTopics
 *       .sytadelRelatedTopics
 *     (Content management box)
 *       .sytadelTopicContentManagement
 *     (Create content box)
 *       .sytadelTopicCreateContent
 *     (Topic related content box)
 */

/* Member page
 *   .sytadelMember
 *     (Roles box)
 *       .sytadelMemberRoles
 *     (Members box)
 *       .sytadelMemberMembers
 *     (Persona for roles box)
 *       .sytadelMemberPersonaForRoles
 *     (Persona for members box)
 *       .sytadelMemberPersonaForMembers
 */

/* Role page
 *   .sytadelRole
 *     (Roles box)
 *       .sytadelRoleRoles
 *     (Members box)
 *       .sytadelRoleMembers
 *     (Persona for roles box)
 *       .sytadelRolePersonaForRoles
 *     (Persona for members box)
 *       .sytadelRolePersonaForMembers
 */

/* Content maintenance page
 *   .sytadelContentMaintenance
 */

TD.sytadelContentMaintenanceBoxContent { padding: .2em; }
TD.sytadelContentMaintenanceBoxContentTitle { padding: .2em; }

/* My page
 *  .sytadelMyPage
 */

/* Information space move page
 *  .sytadelContentMaintenance
 *    .sytadelInformationSpaceMove
 */

/* Content filter page
 *  .sytadelContentFilter
 *    .sytadelContentFilterTitle
 */
 .sytadelFilterPageButton {
     font-size: 0.7em;
 }

/* Content maintenance filter page
 *  .sytadelContentMaintenance
 *    .sytadelContentMaintenanceFilter
 *      .sytadelContentMaintenanceFilterInputBoxContent
 *      .sytadelContentMaintenanceFilterResultsBoxContent
 *        .sytadelContentMaintenanceFilterResultsRowLimitsBoxContent
 *        .sytadelContentMaintenanceFilterResultsNoMatchesBoxContent
 *      .sytadelContentMaintenanceFilterTitle
 *        .sytadelContentMaintenanceFilterInputBoxContentTitle
 *        .sytadelContentMaintenanceFilterResultsBoxContentTitle
 *          .sytadelContentMaintenanceFilterResultsRowLimitsBoxContentTitle
 *          .sytadelContentMaintenanceFilterResultsNoMatchesBoxContentTitle
 */

.sytadelContentMaintenanceFilterContent { border-collapse: collapse !important; padding: 1px 5px }
TD.sytadelContentMaintenanceFilterContent { border: 1px solid #cccccc; white-space: nowrap }
.sytadelContentMaintenanceFilterContentTitle { border: 1px solid #cccccc; text-align: center; font-weight: 600; background-color: #eeeeee }

/* Content search page
 *  .sytadelContentMaintenance
 *    .sytadelContentSearch
 *      .sytadelContentSearchInputBoxContent
 *        .sytadelContentSearchInputSummaryBoxContent
 *      .sytadelContentSearchResultsBoxContent
 *        .sytadelContentSearchResultsRankBoxContent
 *        .sytadelContentSearchResultsScoreBoxContent
 *        .sytadelContentSearchResultsLinkBoxContent
 *        .sytadelContentSearchResultsSummaryBoxContent
 *        .sytadelContentSearchResultsRowLimitsBoxContent
 *        .sytadelContentSearchResultsNoMatchesBoxContent
 *      .sytadelContentSearchTitle
 *        .sytadelContentSearchInputBoxContentTitle
 *        .sytadelContentSearchResultsBoxContentTitle
 *          .sytadelContentSearchResultsRowLimitsBoxContentTitle
 *          .sytadelContentSearchResultsNoMatchesBoxContentTitle
 */

.sytadelContentSearchContent { border-collapse: collapse !important; padding: 1px 5px }
TD.sytadelContentSearchContent { border: 1px solid #cccccc }
.sytadelContentSearchContentTitle { border: 1px solid #cccccc; text-align: center; font-weight: 600; background-color: #eeeeee; }
TD.sytadelContentSearchInputBoxContent { border: 0px; }
.sytadelContentSearchInputSummaryBoxContent { padding: 4px; text-align: left; border: 1px solid #cccccc }
.sytadelContentSearchResultsBoxContent { border-collapse: collapse !important; padding: 5px 5px; text-align: center; }
.sytadelContentSearchResultsRankBoxContent { color: #444444; }
.sytadelContentSearchResultsScoreBoxContent { color: #770000; }
.sytadelContentSearchResultsLinkBoxContent { text-align: left; font-weight: 600; }
TD.sytadelContentSearchResultsBoxContent { border: 1px solid #eeeeee }
.sytadelContentSearchResultsSummaryBoxContent { border-collapse: collapse !important; padding: 1px 10px 20px 25px; font-size: 90%; text-align: left; }
TR.sytadelContentSearchResultsSummaryBoxContent { border: 1px solid #eeeeee; white-space: normal; }
TD.sytadelContentSearchResultsSummaryBoxContent { border: 0px; white-space: normal;  }
TD.sytadelContentSearchResultsBoxContentTitle { border-collapse: collapse !important; padding-bottom: 5px; }

/* Sytadel administration
 *  .sytadelAdmin
 *    .sytadelAdminStatus
 *      .sytadelAdminStatusSystemProcessInformation
 */
.sytadelAdminStatusSystemProcessInformationContent { white-space: pre; font-family: Courier New, monospaced; }

/* Administration contentType orphan results list
 *  .sytadelVerifyContentTypeOrphans
 *      .sytadelVerifyContentTypeOrphansBoxContent
 *        .sytadelVerifyContentTypeOrphansBoxContentTitle
 */
TD.sytadelVerifyContentTypeOrphansBoxContent { padding: .2em; }
TD.sytadelVerifyContentTypeOrphansBoxContentTitle { padding: .2em; }
.sytadelVerifyContentTypeOrphansBoxContent { border-collapse: collapse !important; padding: 1px 5px }
TD.sytadelVerifyContentTypeOrphansBoxContent { border: 1px solid #cccccc; white-space: nowrap }
.sytadelVerifyContentTypeOrphansBoxContentTitle { border: 1px solid #cccccc; text-align: center; font-weight: 600; background-color: #eeeeee; font-style: normal }

/* Sytadel administration toolbar (at bottom of page) */
table.sytadelAdminToolbar tr {
    font-size: 0.75em;
}

/* Sytadel general page colors for site headers and the page */
.sytadelHeaderBackgroundColor { background-color: #ffffff; color: #000000; }
.sytadelHeaderBlockColor { background-color: #cccccc; color: #ffffff; }
.sytadelHeaderContrastBlockColor { background-color: #444444; color: #cccccc; }

/* Security grant page
 *   .sytadelSecurity
 *     .sytadelSecurityGrant
 */

/* WYSIWYG popped editor */
DIV.sytadelWysiwygPop {
  border: 1px solid #ccc;
}
DIV.sytadelWysiwygPopEditValue {
  margin: 0.2em;
  padding: 0;
}
DIV.sytadelWysiwygPopEditHyperlink {
  font-size: 0.8em;
  background-color: #f9f9f9;
  border-bottom: 1px solid #eee;
  padding: 0.1em 0.3em;
}


/*
 * Page cache box styles. Note that the page cache box should be dynamically generated
 * using Sytadel's CSS generation, but the box is generated outside of the page context,
 * so this isn't available to us. These styles are used to emulate what Sytadel would
 * generate for the box if it could. Override these classes in local CSS files to localise
 * for other sites if these styles don't match, but don't change these system classes.
 */

TABLE.sytadelCacheControlBox {
  margin-bottom: 5px;
}

LI.sytadelPageCacheLink {
  font-size: 0.8em;
}

/* TODO: this is a copy of li.sytadelBoxContent from the local intranet CSS file. The
problem here is this is too specific a style change to apply to a system style, and will cause
this to always take precedence over any change in this the system CSS. We have added this
selector here with the PageCache suffix as a duplicate of the one in local. We haven't fixed
the problem in local because it's now and integral part of the site graphic design, and would
require a lot of work to fix and test, when it's unrelated to staging/pagecache. */
LI.sytadelBoxContentForPageCache {
  font-family: verdana, sans-serif;
  font-size: 0.8em;
  margin-top: 2px;
  margin-bottom: 1px;
  list-style-position: outside;
  margin-left: 0px;
  margin-right: 0px;
}

/*
 * Styles used by the "Workflow options" section of create/edit windows.
 */

TD.sytadelWorkflowStateColumnHeader {
  border: 1px solid #f60;
  text-align: center;
}

TD.sytadelWorkflowStateColumnHeaderCurrentState {
  background-color: #f60;
  color: white;
  font-weight: 600;
}

TD.sytadelWorkflowStateColumnHeaderDisabled {
  color: #999;
}

TD.sytadelWorkflowSaveTo {
  text-align: center;
}

SPAN.sytadelWorkflowDelayedPublicationCommentPrompt {
  color: #999;
}

/*
 * Debug styles.
 */
SPAN.sytadelDebugPageTreeDeEmphasise {
  color: #999;
}

SPAN.sytadelDebugPageTreeCellTimer {
  font-size: 0.8em;
  color: #999;
}

SPAN.sytadelDebugPageTreeCellTimerSlow {
  font-size: 0.8em;
  color: #f66;
}

A.sytadelDebugPageTreeDisplayOptionHyperlink {
  font-style: italic;
  color: #99f;
}

/*
 * Styles used by staging to indicate version states
 * and versions ready for review. Note that you can't
 * just add attributes here without referring to the code,
 * because there is some logic required for supporting
 * transparency and "punching out" of child boxes.
 * Please see the code in /system/modules/staging.inc for
 * more information.
 *
 * These styles are applied to span/div/li elements so the selector
 * must be left open for the styles to work correctly
 *
 */
.stagingReviewTrue { background-image: url(/ui/images/stagingImages/stripe.gif) }
.stagingReviewFalse { background-image: none }
.stagingStyleApproved { background-color: #cbf1e7 }
.stagingStylePublished { background-color: #0099ff }
.stagingStyleRetired { background-color: #cccccc }
.stagingStyleArchived { background-color: #cccccc }
.stagingStyleRejected { background-color: #cccccc }
.stagingStyleExpired { background-color: #cccccc }
.stagingStyleDraft { background-color: #f5ebba }
.stagingStyleReadyForReview { background-color: #ffece3 }
.stagingStyleReviewed { background-color: #e3f7fC }
.stagingStyleProofRead { background-color: #f4e6fB }
.stagingStyleNone { background-color: transparent }

/* The following selector fixes a bug in IE where background images/colors disappear
   under certain conditions. This comment, the selector and the following comment,
   must remain intact, miscellaneous characters and all. Parent containers should use
   this "hollyHack" class to fix the bug. Use sparingly, as it changes the minimum height
   of IE boxes. For more information see the original article:
       http://www.communitymx.com/content/article.cfm?page=1&cid=C37E0
   hide from IE/MAC \*/
* html .hollyHack {height:1%;}
/* stop hiding */

/* UiInputTextAutocomplete styles */

div.uiInputTextAutocomplete {
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    border: 1px solid #888888;
    position: absolute;
    max-height: 400px;
    /* hack for IE6 */
    *height: expression(this.scrollHeight > 400 ? "401px" : "auto");
    overflow-y: scroll;
}

div.uiInputTextAutocomplete ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div.uiInputTextAutocomplete ul li.selected { 
    background-color: #eeeeee;
}

div.uiInputTextAutocomplete ul li {
    margin: 0;
    padding: 2px;
    display:block;
    list-style-type: none;
    cursor: pointer;
    list-style-image: none;
    background-image: none;
}