/* Sytadel styles */
SELECT { font-size: 9pt; margin: 0px; color: #000000; font-family: Helvetica, Arial, Sans-Serif }
INPUT {	font-size: 9pt; margin: 0px; color: #000000; font-family: Helvetica, Arial, Sans-Serif }
TEXTAREA { font-family: Verdana, 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 }

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

.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.sytadelContentMaintenanceSecurity { vertical-align: top }
TD.sytadelContentMaintenanceSecurityTitle { text-align: right }

/* 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: #ccaa00 }

.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: #ccaa00 }

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

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

/*************************************************************
 * Scripts
 ************************************************************/

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