/*Created with Adobe RoboHelp 8.*/
/* online.CSS Peb 
November  2011 
Suitable for online help topics native to Robohelp and imported from XHTML produced from Xmetal DITA via Open toolkit
Also handles glossary references, which should be tagged:
 in the HTML source as <a href =(glossary entry bookmark) class=SDLterm ....
 in DITA as XREF =(glossary entry bookmark)  outputclass=SDLterm

Hover and underlining of links is modelled on SDL web page: no underline but blue color, then underline and change color on hover. 
In keeping with this, glossary items are standard color underlined with dotted line, line is cleared and color changes on hover.
*/body,
P,
p,
P.BodyText,
.glosstext,
LI {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	margin-right: 0pt;
	font-weight: normal;
	margin-top: 5pt;
	margin-bottom: 5pt;
	line-height: 120%;
	color: #000000;
	text-decoration: none;
}
/* .newline used as attribute of outputclass in dita documents*/.newline {
	display: block;
	margin-top: 5pt;
	margin-bottom: 5pt;
}
/* .hidden used as attribute of outputclass in dita documents*/.hidden {
	display: none;
}
.Bullet-1,
.P-Bullet-1 {
	list-style: disc;
	margin-left: 1pt;
}
.Bullet-2,
.p-Bullet-2 {
	margin-right: 6.50pt;
	list-style: disc;
	margin-left: 12px;
}


.dlterm,
.uicontrol {
	font-weight: bold;
}
/* 
dl, dt and dd styles give a table like appearance to dl entries.
NB: In DITA, start each entry with a new dl - dlentry gets lost in translation to HTML.
*/dl {
	clear: both;
	overflow: hidden;
	margin-bottom: 12pt;
	margin-top: 4pt;
	padding-bottom: 6pt;
	border-bottom: solid 1px #c0c0c0;
	width: 100%;
}
dt {
	padding: 0;
	float: left;
	font-weight: bold;
	width: 16%;
	margin-bottom: 3pt;
	margin-top:3pt;
}
dd {
	padding: 0;
	float: right;
	width: 78%;
	margin-left: 2%;
	margin-bottom: 3pt;
	margin-top:3pt;}
h1,
.topictitle1 {
	margin-top: 1px;
	margin-right: 6.5pt;
	margin-bottom: 12.0pt;
	text-indent: .7pt;
	line-height: 100%;
	color: #800000;
	font-size: 18pt;
	font-weight: normal;
	font-style: normal;
}
h2,
.sectiontitle {
	margin-top: 12pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	text-indent: .7pt;
	line-height: 150%;
	color: #004938;
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
}
h3 {
	margin-top: 12pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	color: #004938;
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
}
h4 {
	margin-top: 12pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	font-weight: bold;
	color: #004938;
	font-size: 10pt;
}
h5 {
	margin-right: 0cm;
	font-size: 10pt;
	font-weight: bold;
	color: #004938;
	margin-bottom: 5pt;
}
h6 {
	margin-right: 0cm;
	color: #004938;
	font-size: 7.5pt;
	font-weight: bold;
}
OL,
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10pt;
	margin-left: 1em;
	padding-left: 1em;
	margin-top: 5pt;
	margin-bottom: 5pt;
	line-height: 120%;
}
/* heading-bar is used for a heading at the top of a topic - eg for advanced or admin topics */.heading-bar {
	font-weight: bold;
	color: #ffffff;
	background-color: #808080;
}
.P-NotePara,
.P-procHead,
.P-exampleHead,
.P-infoBlockHead,
.P-glossaryHead,
.P-tableHead,
.p-tableheading,
.Table-heading,
.Table-heading2 {
	font-weight: bold;
	font-style: normal;
	color: #004938;
	font-size: 10pt;
}
LI.p-TableofContentsPageTitle,
LI.p-GlossaryHeading {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
.p-Toc1,
.p-Toc2,
.p-Toc3,
.p-Header,
.p-Footer,
.p-normalaftertable,
.p-jumplinklist,
.p-normalindent,
.p-numberedindent,
.p-numbered-list .p-InlineNormal,
.p-WordNormalWeb {
	font-size: 10pt;
}
.p-Numbered-list,
.P-Numbered-list,
.Numbered-list {
	list-style: decimal;
	margin-top: 5pt;
	margin-bottom: 5pt;
}
.glossaryHead {
	font-weight: bold;
	font-style: normal;
	color: #004938;
	font-size: 10pt;
	margin-bottom: 0pt;
	margin-top: 8pt;
}
.synHead {
	font-weight: normal;
	font-style: normal;
	color: #004938;
	font-size: 10pt;
	margin-bottom: 0pt;
	margin-top: 1pt;
}
p.jumplinklist {
	margin-top: 4.0pt;
	margin-right: 6.5pt;
	margin-bottom: 3.0pt;
}
P.procHead,
P.exampleHead,
P.infoBlockHead {
	font-weight: bold;
	font-style: normal;
	margin-top: 8pt;
	color: #004938;
	font-size: 10pt;
}
p.Relatedtopics {
	margin-top: 25pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	font-size: 10pt;
	font-weight: bold;
	color: #004938;
}
.relconcepts,
.reltasks,
.relref,
.relinfo {
	margin-top: 25pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	line-height: 13.0pt;
	font-size: 10pt;
	color: #004938;
}
.ullinks{
margin-top:18pt;
margin-bottom:12pt;
font-weight:light;
}
.familylinks{
	margin-top: 20pt;
	margin-right: 6.5pt;
	margin-bottom: 2.0pt;
	font-size: 10pt;
	font-weight: light;
	color: #004938;
}
.childlink, .parentlink{
margin-top:5pt;
margin-right: 6.5pt;
margin-bottom: 2.0pt;
font-size: 10pt;
font-weight: light;
color: #004938;
}

.ulchildlink{
list-style-type: none;
margin-top: 5pt;
margin-bottom: 5pt;
}

p.tableheading {
	margin-right: 6.5pt;
	font-size: 12pt;
	color: #004938;
	margin-bottom: 1pt;
	margin-top: 7.5pt;
}
p.TableofContentsPageTitle {
	margin-top: 12pt;
	margin-right: 6.5pt;
	margin-bottom: 3.0pt;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
p.Toc1,
p.Header,
p.Footer {
	margin-top: 4pt;
	margin-right: 6.5pt;
	margin-bottom: .0001pt;
}
p.Toc2 {
	margin-top: 4pt;
	margin-right: 6.5pt;
	margin-bottom: .0001pt;
	margin-left: 10pt;
}
p.Toc3 {
	margin-top: 0.4em;
	margin-right: 6.5pt;
	margin-bottom: .0001pt;
	margin-left: 20.0pt;
	font-size: 10pt;
}
.filenames,
.filepath,
.Filename,
.Code,
.codeblock,
.Keyboard_Shortcuts {
	font-family: "Courier New", monospace;
}
span.Dropdownhotspot {
	color: #0000ff;
	font-style: italic;
}
.emphasis,
.wintitle {
	font-style: italic;
}
span.Expandinghotspot {
	color: #0000ff;
	font-style: normal;
}
.green {
	color: #004c3a;
}
span.softwareitem {
	font-weight: bold;
}
span.Textonlypopuphotspot,
P.BodyText {
}
SPAN.White {
	color: #ffffff;
}
p.tableText {
	margin-left: 0.1cm;
	margin-bottom: 2pt;
	margin-top: 2pt;
	font-size: 10pt;
}
} p.tableTextBold {
	font-weight: bold;
}
p.DateTimeVersion {
	margin-right: 0pt;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	line-height: 100%;
	text-align: right;
	font-size: 0.8em;
	color: #c0c0c0;
}
SPAN.Highlight {
	font-size: 1em;
	font-family: "Courier New", monospace;
	background-color: #000080;
	color: #ffffff;
}
table {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	margin-top: 1em;
	margin-bottom: 2em;
}
table.TableNote {
	font-size: 10pt;
	margin-bottom: 1em;
}
table.TableNote td.t1st {
	font-size: 10pt;
}
table.TableNote td.t1st {
	font-weight: bold;
	font-size: 10pt;
}
/* standard table is no column lines, single row line.*/table,
table.SDLTable {
	border-collapse: collapse;
	border-left: none;
	border-top: solid 1px #c0c0c0;
	border-right: none;
	border-bottom: solid 1px #c0c0c0;
}
td,
table.SDLTable td {
	border-collapse: collapse;
	border-left: none;
	border-top: solid 1px #c0c0c0;
	border-right: none;
	border-bottom: none;
}
.cellrowborder {
	border-collapse: collapse;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #c0c0c0;
}
.row-nocellborder {
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	border-top: none;
	border-right: hidden;
	border-bottom: none;
}
.cell-norowborder {
	border-collapse: collapse;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}
.noborder,
.nocellnorowborder {
	border-collapse: collapse;
	border: none;
}
/* sortable tables 
bg,gif, asc.gif, desc.gif give arrows that show the current column sort
The use of these styles presumes using the jquery tablesorter:
Include in the html header, eg:
	<script src="../jquery-1.5.js" type="text/javascript" language="JavaScript1.2"></script>
	<script src="../jquery.tablesorter.js" type="text/javascript" language="JavaScript1.2"></script>
	<script type="text/javascript" language="JavaScript1.2">
		$(function() {	$("table-1").tablesorter();	});
		</script>
...
	<table id="table-1"> <thead>....
*/table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	background-color: #eeEEEE;
	border: none;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
	background-color: #8dbdd8;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
	background-color: #8dbdd8;
}
.Hyperlink {
}
.note {
	padding-left: .5em;
	border-left: solid 1px #008000;
}
.notetitle,
.tiptitle {
	font-style: normal;
	font-weight: bold;
	color: #004c3a;
	display: block;
	padding-bottom: 1pt;
}
a:link {
	color: #0000ff;
	text-decoration: none;
}
a:visited {
	color: #600060;
}
a:active {
	color: #800000;
	border-bottom: 1px dotted;
}
a:hover {
	color: #800000;
	border-bottom: 1px dotted;
}
.glossaryterm:link,
.sdlglossterm:link,
.SDLterm:link,
.glossaryterm:visited,
.sdlglossterm:visited,
.SDLterm:visited,
.glossaryterm,
.sdlglossterm,
.SDLterm {
	color: #000000;
	border-bottom: 1px dotted #000000;
	cursor: help;
}
.glossaryterm:hover,
.sdlglossterm:hover,
.SDLterm:hover {
	color: #800000;
	border-bottom: 0px;
}
span.Keyboard_Shortcut_Characters {
	font-family: "Courier New";
}