/* ======================================================================                                               */
/* Product      :                                                                                                       */
/* Notes        :                                                                                                       */
/*                                                                                                                      */
/* ======================================================================                                               */
/*                                                                                                                      */
/*  (c) 2006-2007 Justsystems Canada Inc. All Rights Reserved                                                                            */
/*                                                                                                                      */
/* ======================================================================                                               */
/* Revision History: (last five changes)                                                                                */
/* Name             Date       Description                                                                              */
/* ========================= */
/* | asmith          3-Nov-09  PROD00000000: XMEE 6.0 onto MAIN                                                         */
/* | syeo			22-May-09  changed all prolog elements to gray rather than black - yes? */
/* | mag             8-Jan-09  overhaul of <prolog> descendants to make everything inline and add :before text to pretty much everything */
/* | syeo            9-Sep-08  PROD00030330                                                                             */
/* | syeo           15-Jan-08  PROD00029051 - fix <required-cleanup> styling                                            */
/* |su-laineyeo	 29-05-07   Changed styling for <keyword>*/
/*|									tweaked format of table>title, made prolog elements visible, changed topic>title style, added figgroup>title style */
/* |									 required-cleanup, */
/* ======================================================================                                               */

/* ======================================================================   */
/* File:   ditabase-base.css                                                */
/* Notes:  Base dita element CSS here                                       */
/*                                                                          */
/* ======================================================================   */

/* XMetaL styles */
$DOCUMENT {
	font-family: "Arial Unicode MS", Verdana, Arial, sans-serif;
	margin-top: 6px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 4px;
	text-align: left;
	font-size: 14px;
	white-space: normal;
	padding-bottom: 6pt;
}

$MARKSEC {
	display: block;
	color: black;
	white-space: normal;
	font-family: "Lucida Sans Unicode", monospace;
	font-weight: normal;
	font-size: 12px;
}

$COMMENT {
	display: inline;
	color: #800000;
	white-space: pre;
	text-align: left;
}

$PROCINS {
	background-color: #F0F8FF;
	color: #000066;
	text-align: left;
	font-style: italic;
}

$PROCINS[Pub], $PROCINS[Interwoven], $PROCINS[iw_document], $PROCINS[interwoven], $PROCINS[iw_component] {
	display: none;
}

[status="changed"], [status="changed"] *, [status="new"], [status="new"] * {
	background-color: #FFFFAE;
}

[status="deleted"], [revisionflag="deleted"] * {
	text-decoration: line-through;
	background-color: #FFFFAE;
}

[size="smaller"] {
	font-size: small;
}

[size="normal"] {
	font-size: medium;
}

[size="larger"] {
	font-size: large;
}

/* transclusion */
[conref] {
    background-color: #FFFF99;
}

[_xm-transclusion-hidden] 
{   background-color: #FFFF99;
    }

[_xm-transclusion-hidden]:before 
{	content: " "; 
	display: inline;
}

[_xm-transclusion-visible], [_xm-transclusion-visible] [conref] {
    background-color: #E5E5E5;        
}

[conkeyref] {
    background-color: #FFFF99;
}

[_xm-transclusion-visible], [_xm-transclusion-visible] [conkeyref] {
    background-color: #E5E5E5;        
}

/* alt {*/
[class~="topic/alt"] {
	display: block;
}

/* audience {*/
[class~="topic/audience"] {
	display: inline;
}

/* audience:before {*/
[class~="topic/audience"]:before {
	content: " Audience: "attr(name)  attr(type) attr(job)  attr(experiencelevel);
}

/* author {*/
[class~="topic/author"] {
	display: inline;
}
[class~="topic/author"]:before {
        display: inline;
	    content: " Author: ";
}

/* body {*/
[class~="topic/body"] {
	display: block;
}

/* boolean {*/
[class~="topic/boolean"] {
	display: inline;
}

/* brand {*/
[class~="topic/brand"] {
	display: inline;
}
[class~="topic/brand"]:before {
	display: inline;
	content: " Brand: ";
	color: #AAAAAA;
}

/* category {*/
[class~="topic/category"] {
	display: inline;
}

/* cite {*/
[class~="topic/cite"] {
	display: inline;
	font-style: italic;	
}

/* colspec {*/
[class~="topic/colspec"] {
	display: inline;
}

/* component {*/
[class~="topic/component"] {
	display: inline;
}
[class~="topic/component"]:before {
	display: inline;
	color: #AAAAAA;
	content: " Component: ";
}

/* copyrholder {*/
[class~="topic/copyrholder"] {
	display: inline;
	margin-left: 10pt;
}

/* copyright {*/
[class~="topic/copyright"] {
	display: inline;
}

/* copyright:before {*/
[class~="topic/copyright"]:before {
	display: inline;
	content: " Copyright: " ;
}

/* copyryear {*/
[class~="topic/copyryear"] {
	display: inline;
	margin-left: 10pt;
}

/* copyryear:before {*/
[class~="topic/copyryear"]:before {
	content:  " "attr(year)" ";
	display: inline;
}

/* created {*/
[class~="topic/created"] {
	display: inline;
}

/* created:before {*/
[class~="topic/created"]:before {
	content: " Created " attr(date);
	display: inline;
}

/* critdates {*/
[class~="topic/critdates"] {
	display: inline;
}
[class~="topic/critdates"]:before {
        display: inline;
	    content: " Date(s): ";
}

/* data {*/
[class~="topic/data"] {
	display: inline;
	color: #AAAAAA;
}

/* data-about {*/
[class~="topic/data-about"] {
	display: inline;
	color: #AAAAAA;
}

/* dd {*/
[class~="topic/dd"] {
	display: block;
	margin-left: 5pt;
	padding-left: 5pt;
}

/* ddhd {*/
[class~="topic/ddhd"] {
	display: block;
}

/* desc {*/
[class~="topic/desc"] {
	display: block;
}

/* dl {*/
[class~="topic/dl"] {
	display: block;
	margin-top: 12px;
	margin-bottom: 12pt;
}

/* dlentry {*/
[class~="topic/dlentry"] {
	display: block;
	margin-top: 10px;
	margin-bottom: 10pt;
}

/* dlhead {*/
[class~="topic/dlhead"] {
	display: block;
}

/* draft-comment {*/
[class~="topic/draft-comment"] {
	display: block;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	border: 1pt solid;
	background-color: #99FF99
	
}

/* draft-comment {*/
[class~="topic/draft-comment"]:before {
	content: "Draft comment:";
	display: block;
	font-weight: bold;		
}

/* dt {*/
[class~="topic/dt"] {
	display: block;
	font-weight: bold;
}

/* dthd {*/
[class~="topic/dthd"] {
	display: block;
}

/* entry {*/
[class~="topic/entry"] {
	display: block;
}

/* example {*/
[class~="topic/example"] {
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* featnum {*/
[class~="topic/featnum"] {
	display: inline;
}
[class~="topic/featnum"]:before {
	display: inline;
	content: " Feature Number: ";
	color: #AAAAAA;
}

/* fig {*/
[class~="topic/fig"] {
	display: block;
}

/* fig>title {*/
[class~="topic/fig"]>[class~="topic/title"] {
	display: block;
	margin-top: 2px;
/*	margin-left: 2px;*/
	margin-right: 2px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}

/* figgroup {*/
[class~="topic/figgroup"] {
	display: block;
}

/* figgroup>title {*/
[class~="topic/figgroup"]>[class~="topic/title"] {
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	font-size: 14pt;
	text-align: left;
	font-weight: normal;
	font-style: italic;
}

/* fn {*/
[class~="topic/fn"] {
	display: inline;
	font-style: italic;	
	color: Maroon;
}

/* fn:before {*/
[class~="topic/fn"]:before {
	display: inline;
	content: "FN: ";
	font-style: italic;	
	color: #AAAAAA;
}
/* foreign {*/
[class~="topic/foreign"] {
	display: inline;
}

/* image {*/
[class~="topic/image"] {
	display: block;
}

/* image[placement="break"] {*/
/* TODO: DOES XM HANDLE THIS? */
[class~="topic/image"][placement="break"] {
	display: block;
	margin-top: 10pt;
	margin-bottom: 10pt;
}

/* image[placement="inline"] {*/
/* TODO: DOES XM HANDLE THIS? */
[class~="topic/image"][placement="inline"] {
	display: inline;
}

/* indexterm {*/
[class~="topic/indexterm"] {
	display: inline;
	color: #AAAAAA;
}


/* indexterm:before {*/
[class~="topic/indexterm"]:before {
	display: inline;
	color: #AAAAAA;
	content: "{";
}
/* special case immediate child of a <keywords> */
[class~="topic/keywords"]>[class~="topic/indexterm"]:before {
	display: inline;
	color: #AAAAAA;
	content: " | {";
}

/* indexterm:displaying start attribute {*/
[class~="topic/indexterm"][start]:after{
	content: " Start range:" attr(start)" }";
	color: #AAAAAA; 
	display: inline;
	font-style: italic;
}

/* indexterm:displaying end attribute {*/
[class~="topic/indexterm"][end]:after{
	content: " End range:" attr(end)" }";
	color: #AAAAAA; 
	display: inline;
	font-style: italic;
}

/* indexterm:after {*/
[class~="topic/indexterm"]:after {
	display: inline;
	color: #AAAAAA;
	content: "}";
}

/* indextermref {*/
[class~="topic/indextermref"] {
	display: inline;
	color: #AAAAAA;
}

/* indexterm indexterm:before, indexterm indexterm:after {*/
/* TODO: DOES XM HANDLE THIS? */
[class~="topic/indexterm"] [class~="topic/indexterm"]:before , [class~="topic/indexterm"] [class~="topic/indexterm"]:after {
}

/* itemgroup {*/
[class~="topic/itemgroup"] {
	display: inline;
}

/* keyword {*/
[class~="topic/keyword"] {
	display: inline;
}

/* keywords {*/
[class~="topic/keywords"] {
	display: inline;
}


/* indexterm in keywords{*/
[class~="topic/keywords"] [class~="topic/indexterm"] {
	display: inline;
}
[class~="topic/keywords"] [class~="topic/indexterm"]:before {
	display: inline;
	color: #AAAAAA;
}

/* nested indexterm in keywords{*/
[class~="topic/keywords"] [class~="topic/indexterm"] [class~="topic/indexterm"] {
	display: inline;
}


/*keywords keyword {*/
/*[class~="topic/keywords"] [class~="topic/keyword"] {
	margin-left: 12px;
	margin-bottom: 0px;
	display: inline;
	text-align: left;
	font-style: normal;
}
*/

/*keywords keyword:before {*/
/* overrides the ~ used on keyword element elsewhere */
[class~="topic/keywords"] [class~="topic/keyword"]:first-child:before {
	display: inline;
    content: "";
}

/* separator on 2nd and successive <keyword> elements, but only inside <keywords> */
[class~="topic/keywords"] [class~="topic/keyword"] + [class~="topic/keyword"] :before {
	display: inline;
	content: " | ";
	color: #AAAAAA;
}
/* special case handling for when keyword is next to an indexterm */
[class~="topic/keywords"] [class~="topic/indexterm"] + [class~="topic/keyword"] :before {
	display: inline;
	content: " | ";
	color: #AAAAAA;
}

/*keywords keyword:after {*/
/* overrides the ~ used on keyword element elsewhere */
[class~="topic/keywords"] [class~="topic/keyword"]:after {
	display: inline;
    content: "";
}

/*keywords:before {*/
[class~="topic/keywords"]:before {
	display: inline;
	content: " Keywords: ";
	color: #AAAAAA;
}

/*keywords:after {*/
[class~="topic/keywords"]:after {
	display: inline;
	content: " ";
	}
/* li {*/
[class~="topic/li"] {
	margin-left: 12px;
	margin-bottom: 0px;
	display: list-item;
}

/* li>p {*/
[class~="topic/li"]>[class~="topic/p"] {
	display: block;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	text-align: left;
}

/* lines {*/
[class~="topic/lines"] {
	display: block;
	white-space: pre;
}

/* link {*/
[class~="topic/link"] {
	margin-left: 12px;
	margin-bottom: 10px;
	display: list-item;
	text-align: left;
	font-style: normal;
	text-decoration: underline;
	color: navy;
}

/* linkinfo {*/
[class~="topic/linkinfo"] {
	display: block;
}

/* linklist {*/
[class~="topic/linklist"] {
	display: block;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 4px;
	text-align: left;
}

/* linklist>title {*/
[class~="topic/linklist"]>[class~="topic/title"] {
	display: block;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	padding-left: 12px;
	margin-top: 18px;
	padding-top: 6px;
	margin-bottom: 12px;
}

/* linkpool {*/
[class~="topic/linkpool"] {
	display: block;
}

/* linktext {*/
[class~="topic/linktext"] {
	display: block;
}
/* linktext $PROCINS[xm-replace_text] {*/
[class~="topic/linktext"] $PROCINS[xm-replace_text] {
	background-color: #DCDBD3;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	color: black;
}

/* link $PROCINS[xm-replace_text] {*/
[class~="topic/link"] $PROCINS[xm-replace_text] {
	background-color: #DCDBD3;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	color: black;
}

/* lq {*/
[class~="topic/lq"] {
	display: block;
	margin-right: 10pt;
	margin-left: 10pt;
	padding-right: 10pt;
	padding-left: 10pt;
}


/* metadata {*/
[class~="topic/metadata"] {
	display: inline;
}

/* navtitle {*/
[class~="topic/navtitle"] {
	display: block;
	font-weight: lighter;
	font-size: 140%;
	font-style: italic;	
}

/* no-topic-nesting {*/
[class~="topic/no-topic-nesting"] {
	display: inline;
}

/* note {*/
[class~="topic/note"] {
	display: block;
}


/* note[type=(default-value)]:before {*/
[class~="topic/note"]:before {
	content: "Note: ";
	font-weight: bold;
	display: inline;
	}


/* note-before - Use the type attribute in case it doesn't match one of the values specified later {*/
[class~="topic/note"][type]:before {
	display: inline;
	content: attr(type) ": ";
	font-weight: bold;

}

/* note[type='note']:before {*/
[class~="topic/note"][type="note"]:before {
	content: "Note: ";
	font-weight: bold;
	display: inline;
}

/* note[type='tip']:before {*/
[class~="topic/note"][type="tip"]:before {
	content: "Tip: ";
	font-weight: bold;
	display: inline;
}

/* note[type='fastpath']:before {*/
[class~="topic/note"][type="fastpath"]:before {
	content: "Fastpath: ";
	font-weight: bold;
	display: inline;
}

/* note[type='restriction']:before {*/
[class~="topic/note"][type="restriction"]:before {
	content: "Restriction: ";
	font-weight: bold;
	display: inline;
}

/* note[type='important ']:before {*/
[class~="topic/note"][type="important"]:before {
	content: "Important: ";
	font-weight: bold;
	display: inline;
}

/* note[type='remember']:before {*/
[class~="topic/note"][type="remember"]:before {
	content: "Remember: ";
	font-weight: bold;
	display: inline;
}

/* note[type='attention']:before {*/
[class~="topic/note"][type="attention"]:before {
	content: "Attention: ";
	font-weight: bold;
	display: inline;
}

/* note[type='caution']:before {*/
[class~="topic/note"][type="caution"]:before {
	content: "Caution: ";
	font-weight: bold;
	display: inline;
}

/* note[type='danger']:before {*/
[class~="topic/note"][type="danger"]:before {
	content: "Danger: ";
	font-weight: bold;
	display: inline;
}

/* note[type='other']:before {*/
[class~="topic/note"][type="other"]:before {
	content: attr(othertype) ": ";
	font-weight: bold;
	display: inline;
}


/* note[type='warning']:before {*/
[class~="topic/note"][type="warning"]:before {
	content: "Warning: ";
	font-weight: bold;
	display: inline;
}

/* object {*/
[class~="topic/object"] {
	display: block;
}

/* ol {*/
[class~="topic/ol"] {
	display: block;
	list-style-type: decimal;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-right: 8px;
	margin-top: 10px;
	text-align: left;
}

/* second level ol {*/
[class~="topic/ol"] [class~="topic/ol"] {
	list-style-type: lower-alpha;
}

/* third level ol {*/
[class~="topic/ol"] [class~="topic/ol"] [class~="topic/ol"] {
	list-style-type: lower-roman;
}

/* othermeta {*/
[class~="topic/othermeta"] {
	display: inline;
}

/* othermeta:before {*/
[class~="topic/othermeta"]:before {
	content: " Othermeta: " attr(name) "=" attr(content);
	color: #AAAAAA;
}

/* p {*/
[class~="topic/p"] {
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	text-align: left;
}

/* param {*/
[class~="topic/param"] {
	display: inline;
}

/* permissions {*/
[class~="topic/permissions"] {
	display: inline;
	margin-left: 25pt;
}

/* permissions:before {*/
[class~="topic/permissions"]:before {
	content: " Permissions: " attr(view);
	color: #AAAAAA;
}

/* ph {*/
[class~="topic/ph"] {
	display: inline;
}

/* ph:before {*/
/* TODO: Do we override content in cascade instances
   or leave the selector as it is now?   Whatever we
   choose, there are other elements using "content" */
[class="- topic/ph "]:before {
	content: "~";
	color: #AAAAAA;
}

/* ph:after {*/
[class="- topic/ph "]:after {
	content: "~";
	color: #AAAAAA;
}

/* platform {*/
[class~="topic/platform"] {
	display: inline;
}
[class~="topic/platform"]:before {
	display: inline;
	content: " Platform: ";
	color: #AAAAAA;
}

/* pre {*/
[class~="topic/pre"] {
	display: block;
	white-space: pre;
	font-family: "Courier New", Courier, monospace;
}

/* prodinfo {*/
[class~="topic/prodinfo"] {
	display: inline;
}

/* prodinfo:before {*/
[class~="topic/prodinfo"]:before {
	display: inline;
	color: #AAAAAA;
	content: " Product Info: ";
}

/* prodname {*/
[class~="topic/prodname"] {
	display: inline;
}

/* prognum {*/
[class~="topic/prognum"] {
	display: inline;
}
[class~="topic/prognum"]:before {
	display: inline;
	content: " Program Number: ";
	color: #AAAAAA;
}

/* prolog {*/
[class~="topic/prolog"] {
	display: block;
	margin-left: 20px;
	border-color: #D6D6D6;
	border: 1pt solid;
	color: #AAAAAA;
}
/* prolog:before {*/
[class~="topic/prolog"]:before {
	display: inline;
	content: "Prolog: ";
	color: #AAAAAA;
}

/* publisher {*/
[class~="topic/publisher"] {
	display: inline;
}
[class~="topic/publisher"]:before {
        display: inline;
	    content: " Publisher: ";
		color: #AAAAAA;
}

/* q {*/
[class~="topic/q"] {
	display: inline;
}

/* q:before {*/
[class~="topic/q"]:before {
	content: '"';
}

/* q:after {*/
[class~="topic/q"]:after {
	content: '"';
}

/* related-links {*/
[class~="topic/related-links"] {
	display: block;
}

/* related-links:before {*/
[class~="topic/related-links"]:before {
	content: "Related Links" ;
	display: block;
	font-weight: bold;
	color: #AAAAAA;
}

/* required-cleanup {*/
[class~="topic/required-cleanup"] {
	display: block;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
	border: 1pt solid;
	background-color: #FFFF99;
	color: #CC3333
}
/* required-cleanup {*/
[class~="topic/required-cleanup"]:before {
	content: "Required cleanup: ";
	display: block;
	font-weight: bold;
}	
	
/* reusable-content {*/
[class~="ditacomponent/reusable-component"]{
	display: block;
	border: none;
	background-color: white;
	color: black;
}

/* reusable-content:before {*/
[class~="ditacomponent/reusable-component"]:before {
	content: "";
	display: block;
	font-weight: bold;
}	

/* resourceid {*/
[class~="topic/resourceid"] {
	display: inline;
}

/* resourceid:before {*/
[class~="topic/resourceid"]:before {
	content: "ResourceID: " attr(id);
	color: #AAAAAA;
}

/* revised {*/
[class~="topic/revised"] {
	display: inline;
}
[class~="topic/revised"]:before {
	content: " Revised " attr(modified);
	display: inline;
}

/* row {*/
[class~="topic/row"] {
	display: block;
}

/* searchtitle {*/
[class~="topic/searchtitle"] {
	display: block;
	font-weight: lighter;
	font-size: 140%;
	font-style: italic;
	color: #AAAAAA; 
}

/* section {*/
[class~="topic/section"] {
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* section>title {*/
[class~="topic/section"]>[class~="topic/title"] {
	display: block;
	font-size: 120%;
	font-weight: bold;
}

/*section with @spectitle*/
[class~="topic/section"][spectitle]:before{
	content: " " attr(spectitle) " ";
	display: block;
	font-size: 120%;
	font-weight: bold;
}


/* series {*/
[class~="topic/series"] {
	display: inline;
}
[class~="topic/series"]:before {
	display: inline;
	content: " Series: ";
	color: #AAAAAA;
}

/* shortdesc {*/
[class~="topic/shortdesc"] {
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: left;
}

/* shortdesc:before {*/
[class~="topic/shortdesc"]:before {
	display: inline;
	content: "Short Description: ";
	font-weight: bold;
	color: #AAAAAA;
}

/* simpletable {*/
[class~="topic/simpletable"] {
	display: table;
}

/* sl {*/
[class~="topic/sl"] {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 4px;
}

/* sli {*/
[class~="topic/sli"] {
	display: list-item;
	list-style-type: none;
}

/* source {*/
[class~="topic/source"] {
	display: inline;
}
[class~="topic/source"]:before {
        display: inline;
	    content: " Source: ";
		color: #AAAAAA;
}

/* state {*/
[class~="topic/state"] {
	display: inline;
}

/* stentry {*/
[class~="topic/stentry"] {
	display: table-cell;
}

/* sthead {*/
[class~="topic/sthead"] {
	display: table-row;
	font-weight: bold;
	background-color: #E5E5E5;
}

/* sthead * {*/
[class~="topic/sthead"] * {
	font-weight: bold;
	background-color: #E5E5E5;
}

/* strow {*/
[class~="topic/strow"] {
	display: table-row;
}

/* table {*/
[class~="topic/table"] {
	display: block;
}

/* table>title {*/
/* TODO: */
[class~="topic/table"]>[class~="topic/title"]{
	display: block;
	text-align: center;
	padding-left: 4px;
	font-style: italic;
	font-weight: normal;
}

/* tbody {*/
[class~="topic/tbody"] {
	display: block;
}

/* term {*/
[class~="topic/term"] {
	display: inline;
	font-style: italic;
}

/* tgroup {*/
[class~="topic/tgroup"] {
	display: block;
}

/* thead {*/
[class~="topic/thead"] {
	background-color: #E5E5E5;
	font-weight: bold;
}

/* thead * {*/
[class~="topic/thead"] * {
	background-color: #E5E5E5;
	font-weight: bold;
}

/* Description added to support reusable components*/
/* title, description {*/
[class~="topic/title"], description {
	font-size: 120%;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	font-weight: bold;
}

/* titlealts {*/
[class~="topic/titlealts"] {
	display: inline;
}

/* tm {*/
[class~="topic/tm"] {
	display: inline;
}
/* tm:before {*/
[class="- topic/tm "]:before {
	content: "~";
	color: #AAAAAA;
}

/* tm:after {*/
[class="- topic/tm "]:after {
	content: "~";
	color: #AAAAAA;
}
/* topic {*/
/* TODO: Order for specificity */
[class~="topic/topic"] {
	display: block;
	margin-top: 5pt;
	margin-bottom: 5pt;
	margin-right: 5pt;
	margin-left: 5pt;
}

/* topic>* {*/
[class~="topic/topic"]>* {
	margin-left: 5pt;
	padding-left: 5pt;
}

/* topic>title {*/
[class~="topic/topic"]>[class~="topic/title"] /* H2 */ {
	display: block;
	font-weight: lighter;
	font-size: 140%;
}

/* ul {*/
[class~="topic/ul"] {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 7px;
	margin-right: 4px;
	text-align: left;
	list-style-type: disc;


}

/* second level ul {*/
[class~="topic/ul"] [class~="topic/ul"] {
	list-style-type: circle;
}

/* third level ul {*/
[class~="topic/ul"] [class~="topic/ul"] [class~="topic/ul"] {
	list-style-type: square;
}


/* unknown {*/
[class~="topic/unknown"] {
	display: inline;
}

/* vrm {*/
[class~="topic/vrm"] {
	display: inline;
}

/* vrm:before {*/
[class~="topic/vrm"]:before {
	content:  " "attr(version)" ";
	display: inline;
}

/* vrmlist {*/
[class~="topic/vrmlist"] {
	display: inline;
}

/* vrmlist:before {*/
[class~="topic/vrmlist"]:before {
	content:  " Version(s): ";
	display: inline;
	color: #AAAAAA;
}

/* xref {*/
[class~="topic/xref"] {
	display: inline;
	text-decoration: underline;
	color: navy;
}

/* xref:before {*/
[class~="topic/xref"]:before {
	content: "xref: ";
}

/* xref $PROCINS[xm-replace_text] {*/
[class~="topic/xref"] $PROCINS[xm-replace_text] {
	background-color: #DCDBD3;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	color: black;
}


/* xref $PROCINS[xm-replace_text]-after {*/
[class~="topic/xref"] $PROCINS[xm-replace_text]:after {
/*	content: " (autogenerated)";*/
	background-color: white;
	text-align: left;
	font-style: normal;
	font-size: smaller;
	text-decoration: none;
	color: black;
}

/* LEFT-OVERS */
dita {
	display: block;
	white-space: normal;
}

[align="left"] {
	text-align: left;
}

[align="right"] {
	text-align: right;
}

[align="center"] {
	text-align: center;
}

[align="stretch"] {
	text-align: justify;
}


/*
[conaction="pushbefore"]:before 
{
	content:"*";
	display: inline;

}
*/


/* 
[conaction="pushbefore"]:before 
{
	content:url(image/up_arrow.png);
	display: inline;

}


[conaction="pushafter"]:before 
{
	content:url(image/down_arrow.png);
	display: inline;
}

[conaction="pushreplace"]:before 
{
	content:url(image/right_arrow.png);
	display: inline;
}

[conaction="mark"]:before 
{
	content:url(image/target.png);
	display: inline;
}

*/

/*DITA 1.2 changes go here*/


[class~="topic/abstract"] {
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: left;
}


