/* IMPORTANT! Always add a comment that explains when to use your new style */ 
/********************************** ELEMENTS *******************************/
/* Link colors */
a:link
{
	font-weight: normal;
	color: #1269C3; /* Accelrys Med Blue */
	text-decoration: underline;
}
a:visited
{
    font-weight: normal;
    color: #003373;
    text-decoration: underline;
}
a:hover
{
    font-weight: normal;
    color: #118CD3;
    text-decoration: underline;
}

/* Do not change body */
body
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 100%;
	background: #ffffff;
	color: #000000;
	line-height: 1.1em;
	font-family: Calibri, Sans-Serif, Arial;
}

/* Use <code> for CHARACTERS that show code snippets.
   Also for text that users should type at a Windows command prompt
   or on Linux. */

code
{
    font-weight: normal;
    font-size: 90%;
    color: black;
    font-family: Lucida Console, Courier New, Monospace;
}

dl {margin-top: 0em;}
dd {margin-bottom: 0em; margin-left: 1.9em;}
dt {margin-top: 0.6em; text-indent: 0.6em;}

/* headings */
h1, h2, h3, h4, h5
{
	line-height: normal;
	font-family: Calibri, Sans-Serif, Arial;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
h1 {font-size: 150%; margin-top: 0px; color:#1269C3;} /* Accelrys Med Blue */
h2 {font-size: 140%; color:#1269C3;} /* Accelrys Med Blue */
h3 {font-size: 130%; color:black;} 
h4 {font-size: 120%; color: black;}
h5 {font-size: 110%; color:black; font-family: Calibri, Sans-Serif, Arial;}

/* ONLY use H6 for See Also: headings at bottom of topics. */
h6
{
	margin-top: 1em;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.6em;
	color: #1269C3; /* Accelrys Med Blue */
	font-family: Calibri, Sans-Serif, Arial;
}

p.seealso
{
	line-height: normal;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
	color: #1269C3;
	font-family: Calibri, Sans-Serif, Arial;
}

li
{
	font-family: Calibri, Sans-Serif, Arial;
	margin-bottom: 0.6em;
	font-size: 100%;
}

/* Level-2 lists requires font size. */
li li, li p, ol p
{
	font-family: Calibri, Sans-Serif, Arial;
	font-size: 100%;
}

ol
{   padding: 0px;
	margin-left: 1.6em;
	margin-bottom: 0em;
	margin-top: 0.6em;
	font-family: Calibri, Sans-Serif, Arial;
    font-size: 100%;	
}	
	
/* old	
    margin-top: 0.6em;
	margin-bottom: 0em;
	padding-left:1.8em;
	margin-left:0; /*

/* Do not change p */
p {margin-top: 0.6em; margin-bottom: 0.6em;}

/* Don't use <pre>, it's defined in CSS so you can use <pre class="syntax"> instead */
pre
{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    font-family: Lucida Console, Courier New, Monospace;
    font-size: 90%;
    color: black;
}

/* for superscript or subscript */
sub {text-decoration: none; font-size: small;}
sup {font-size: small; text-decoration: none;}

/* For tables */
table
{
	table-layout: auto;
	border-top: #C4D8F1 1px solid;
	border-bottom: #C4D8F1 1px solid;
	margin-top: 0.3em;
	font-size: 100%;
	background: #999999;
	margin-bottom: 0.3em;
	width: 100%;
	font-family: Calibri, Sans-Serif, Arial;
	border-collapse: collapse;
}
th
{
    padding-right: 8px;
	padding-left: 4px;
	font-size: 100%;
	color: #1269C3;
	background: white;
	padding-bottom: 4px;
	vertical-align: bottom;
	padding-top: 4px;
	font-family: Calibri, Sans-Serif, Arial;
	text-align: left;
	border-left: #C4D8F1 1px solid;
	border-right: #C4D8F1 1px solid;
	border-top: #C4D8F1 1px solid;
	border-bottom: #C4D8F1 1px solid;
}

td
{
	padding-right: 8px;
	border-top: #C4D8F1 1px solid;
	border-bottom: #C4D8F1 1px solid;
	border-left: #C4D8F1 1px solid;
	border-right: #C4D8F1 1px solid;
	padding-left: 4px;
	font-size: 100%;
	background: #ffffff;
	padding-bottom: 4px;
	vertical-align: top;
	padding-top: 4px;
	font-family: Calibri, Sans-Serif, Arial;
}

ul
{
    list-style-type: square;
    padding: 0px;
	margin-left: 1.1em;
	margin-bottom: 0em;
	margin-top: 0.6em;
	font-family: Calibri, Sans-Serif, Arial;
}

/* old
	margin-top: 0.6em;
	padding-left: 1.5em;
	font-family: Calibri, Sans-Serif, Arial;
	margin-bottom: 0em;
	margin-left: 0;
	list-style-type: square; /*

/* Bulleted, Numbered & Indented Lists */
ul p, ol p, dl p
{
	margin-left: 0em;
	font-family: Calibri, Sans-Serif, Arial;
	font-size: 100%;
}
/* Nested lists */
ul ul, ol ol
{
	font-family: Calibri, Sans-Serif, Arial;
	font-size: 100%;
	text-indent: 0pt;
}

/* New single-step bullet style that matches 8.0 Word/PDF template */

ul.single {list-style:url(hc_images/one_step_bullet.png);margin-left: 1.3em;}


/********************************** CLASSES *******************************/


/* Pseudo-classes for link styles. Only use in glossary files. */
a.gloss:link
{
	font-weight: bold;
	text-decoration: underline;
}
a.gloss:hover
{
	font-weight: bold;
	text-decoration: underline;
}
a.gloss:visited
{
	font-weight: bold;
	text-decoration: underline;
}

/** boxes with shaded headings for frameset content pages **/
.content1_header
{
	border-right: aliceblue 1px solid;
	padding-right: 7px;
	border-top: aliceblue 1px solid;
	margin-top: 6px;
	padding-left: 7px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: aliceblue 1px solid;
	color: steelblue;
	padding-top: 3px;
	list-style-type: square;
	background-color: aliceblue;
}
.content1_text
{
	border-right: aliceblue 1px solid;
	border-top: aliceblue 1px solid;
	border-left: aliceblue 1px solid;
	border-bottom: aliceblue 1px solid;
	background-color: white;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 4px;
	color: black;
	padding-top: 3px;
	margin-top: -7px;
	background-color: ghostwhite;
}
.content2_header
{
	border-right: lavender 1px solid;
	padding-right: 7px;
	border-top: lavender 1px solid;
	margin-top: 6px;
	padding-left: 7px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: lavender 1px solid;
	color: steelblue;
	padding-top: 3px;
	list-style-type: square;
	background-color: lavender;
}
.content2_text
{
	border-right: lavender 1px solid;
	padding-right: 7px;
	border-top: lavender 1px solid;
	margin-top: -7px;
	padding-left: 7px;
	padding-bottom: 4px;
	border-left: lavender 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: lavender 1px solid;
	background-color: ghostwhite;
}

/* For topics found in Reference book and for HTML displayed in the PP UI  */
div.helptopic
{
	border-right: darkgray 1px solid;
	padding-right: 4px;
	border-top: darkgray 1px solid;
	margin-top: 1em;
	padding-left: 4px;
	margin-bottom: 0.6em;
	padding-bottom: 2px;
	border-left: darkgray 1px solid;
	color: darkslategray;
	padding-top: 2px;
	border-bottom: darkgray 1px solid;
	background-color: whitesmoke;
}

/* DEPRECATED??? wrap this tag around images and captions. Especially useful with numbered steps. */
div.imgcap
{   font-weight: normal;
	font-size: 8pt;
	margin-bottom: 0.6em;
	color: dimgray;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.6em;
	line-height: 1.3em;
}


/* special style only for main default help page */
div.mainpage
{
	left: 0px;
	position: absolute;
	top: 0px;
}

div.pscript
{
	font-weight: normal;
	font-size: 9pt;
	margin-bottom: 3px;
	width: 100%;
	color: yellowgreen;
	text-indent: 1pt;
	line-height: 10px;
	border-bottom: yellowgreen 1px solid;
	font-family: 'Courier New';
	letter-spacing: 8pt;
	background-color: aliceblue;
	text-align: left;
	text-decoration: none;
}

div.pscript2
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 1pt;
	margin-top: -6pt;
	padding-bottom: 1px;
	color: yellowgreen;
	text-indent: 1pt;
	padding-top: 6px;
	border-bottom: yellowgreen 3px dotted;
	letter-spacing: 8pt;
	background-color: ghostwhite;
	text-align: left;
	font-variant: small-caps;
	text-decoration: none;
}

/* Show pilotscript in search results */
div.pscript3
{
	border: brown 1px dotted;
	padding-right: 7px;
	margin-top: 0.6em;
	padding-left: 7px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	padding-top: 3px;
	list-style-type: square;
	background-color: aliceblue;
	font-size:10pt;
}


/* THIS IS DEPRECATED???? Use this div tag at the top of Web Services API topics ONLY.
   Example: 
   <body>
   <div class="ws_api" style="x-condition: Online;">web services api</div>
*/
div.ws_api
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: -9pt;
	padding-bottom: 1px;
	color: yellowgreen;
	text-indent: 1pt;
	padding-top: 3px;
	border-bottom: yellowgreen 3px dotted;
	letter-spacing: 8pt;
	background-color: ghostwhite;
	text-align: left;
	font-variant: small-caps;
	text-decoration: none;
}

/* Two tags used when displaying search errors. */
.errordetailslink
{
	font-weight: normal;
	color: slateblue;
	text-decoration: underline;
	cursor: pointer;
}

.errorbox
{
	border-right: firebrick 2px dotted;
	padding-right: 5px;
	border-top: firebrick 2px dotted;
	margin-top: 1em;
	padding-left: 5px;
	font-weight: normal;
	margin-bottom: 0.6em;
	padding-bottom: 5px;
	border-left: firebrick 2px dotted;
	color: black;
	padding-top: 5px;
	border-bottom: firebrick 2px dotted;
	background-color: lightcoral;
}

/* GLOSSARY files only: shaded bar used in alpha headings */
h1.gloss
{
	font-weight: bold;
	font-size: 160%;
	color: #1269C3; /* Accelrys Med Blue */
	margin-top: 0.6em;
}


h1.rns
{
    font-size: 130%;
    margin-top: 0px;
    line-height: 1.75em;
    color: white;
    background-color: #0066cc;
    text-indent: 3px;
}
h2.rns {font-size: 120%; line-height: 1em; color:#0066cc;}
h3.rns {font-size: 120%; line-height: 1em; color:black;}
h4.rns {font-size: 110%; line-height: 1em; color:black;}
h5.rns {font-size: 100%; line-height: 1em; color:black;}



/* A way to float a logo to the left and place text in div tags to
get great formatting and avoid having to use a table. We are using this
for install notes effective with CU2 (June 2009) and might reuse it with
release notes for the next major platform release to get away from having
to use tables for banners at the top of pages. Table-less design is our
goal with CSS and UI layouts for web apps. 
For more on float techniques, see http://www.mandarindesign.com/boxes.html */
.logofloat {
  float:left;
  padding:0px;
  margin-right:.75em;
  margin-top:.2em;
  } 

/* div tag for banners that use the floating logo*/
div.topbanner
{
    border: lightsteelblue thin solid;
    margin: 0.6em 0;
    padding: 3px 7px;
    color: black;
    background: url(banner.png) transparent repeat-y fixed;   
}


/* for captions that are displayed below images */
p.caption
{
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 0.6em;
	color: dimgray;
	line-height: 1.2em;
	font-family: Arial, sans-serif;
}

/* GLOSSARY files only */
p.gloss
{
	padding-left: 24px;
}

/* for heading above numbered steps */
p.heading-steps
    {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .6em; 
	}

p.extra
{
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: lightgrey 1px solid;
	margin-top: 1em;
	padding-left: 5px;
	margin-bottom: 0.6em;
	padding-bottom: 5px;
	border-left: lightgrey 1px solid;
	color: darkslategray;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	background-color: beige;
}

/* for paragraph where img tag is located */
p.image
{
	padding-right: 25px;
	margin-top: 0.6em;
	padding-left: 6px;
	padding-bottom: 6px;
	line-height: 1.3em;
	padding-top: 6px;
}

/* Use <p class="important"> inside the <p> tag for single Important! items */
p.important
{ 
    border-right: #DBE5F1 1px;
    padding-right: 5px;
    border-top: #DBE5F1 1px;
    margin-top: 1em;
    padding-left: 5px;
    font-weight: normal;
    margin-bottom: 0.6em;
    padding-bottom: 5px;
    border-left: #DBE5F1 1px;
    color: black;
    padding-top: 5px;
    border-bottom: #DBE5F1 1px;
    background-color: #DBE5F1;
 }


/* div tag for multi-list items */
div.important
{
	border-right: #DBE5F1 1px;
	padding-right: 7px;
	border-top: #DBE5F1 1px;
	margin-top: 0.6em;
	padding-left: 7px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: #DBE5F1 1px;
	color: black;
	padding-top: 3px;
	border-bottom: #DBE5F1 1px;
	background-color: #DBE5F1;
}

p.direwarning
{
	border: #b22222 1px dashed;
	padding-right: 5px;
	margin-top: 1em;
	padding-left: 5px;
	font-weight: normal;
	margin-bottom: 0.6em;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #ffffff;
}

/* Use for small space with name anchors */
p.space {line-height: 1px;}

/* Use <p class="note"> inside the <p> tag for single Tip: items */
p.note
{
   border: #C4D8F1 1px solid;
	padding-right: 5px;
	margin-top: 1em;
	padding-left: 5px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	background-color: whitesmoke;
}

.blue
{color:#1269C3; /* Accelrys Med Blue */ font-weight: bold;}

.firebrick
{
	color: #b22222;
	font-weight: bold;
}

.black
{
	color: #000000;
}

p.tip
{
    border-right: #C4D8F1 1px solid;
    padding-right: 5px;
    border-top: #C4D8F1 1px solid;
    margin-top: 1em;
    padding-left: 5px;
    margin-bottom: 0.6em;
    padding-bottom: 3px;
    border-left: #C4D8F1 1px solid;
    color: black;
    padding-top: 3px;
    border-bottom: #C4D8F1 1px solid;
    background-color: white;
}


/* div tag for multi-list items */
div.tip
{
	border-right: #C4D8F1 1px solid;
	padding-right: 7px;
	border-top: #C4D8F1 1px solid;
	margin-top: 0.6em;
	padding-left: 7px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: #C4D8F1 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: #C4D8F1 1px solid;
	background-color: white;
}

ul.bluetip
{list-style-image:url(hc_images/bullet_blue.gif); font-size:100%;}


.black
{color:#000000;}


/* div tag for multi-list items */
div.note
{
	border: #C4D8F1 1px solid;
	padding-right: 7px;
	margin-top: 0.6em;
	padding-left: 7px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	background-color: whitesmoke;
}

p.permission
{
	padding-right: 5px;
	margin-top: 1em;
	padding-left: 5px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: white;
	border: #808080 1px solid;
}


div.permission
{
	padding-right: 5px;
	margin-top: 1em;
	padding-left: 5px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: white;
	border: #808080 1px solid;
}

pre.helptopic
	{
	font: 100% Calibri, Sans-Serif, Arial;
	color: #000000;
	}

/* Use <pre class="syntax"> for preformatted text that should retain
   line breaks, whitespace, etc. */
pre.syntax
{
	padding-right: 4pt;
	display: block;
	padding-left: 4pt;
	padding-bottom: 2pt;
	cursor: text;
	color: black;
	padding-top: 2pt;
	font-family: Lucida Console, Courier New, Monospace;
	font-size: 90%;
	background-color: whitesmoke;
}

/* use <span class="smalltext"> around text
you want to display in 8pt verdana 
for example copyright statements, legal info 
*/
span.smalltext
{
	font-weight: normal;
	font-size: 8pt;
	}

/* Use this in the left column for API tables */
td.fixed
{
	width: 100px;
}

/* GLOSSARY files only */	
/* Blue shaded background for table cells. Only for glossary files. */
table.gloss
{
	margin-top: 0.6em;
	table-layout: auto;
	width: 100%;
	background: whitesmoke;
	margin-bottom: 0.3em;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-collapse: collapse;
	border-color: #e0e7f8;
}	
td.gloss
{
    padding-right: 8px;
    padding-left: 8px;
    background: whitesmoke;
    padding-bottom: 8px;
    vertical-align: top;
    border-top-style: none;
    padding-top: 8px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    line-height: normal;
    margin-bottom: 0.6em;
    font-size: 130%;
    font-family: 'Microsoft Sans Serif' , Arial, Helvetica, sans-serif;
}
table.plain
{
	border-right: white 1px solid;
	table-layout: auto;
	border-top: white 1px solid;
	margin-top: 0.3em;
	background: white;
	margin-bottom: 0.3em;
	border-left: white 1px solid;
	width: 100%;
	border-bottom: white 1px solid;
	font-family: Calibri, Sans-Serif, Arial;
	border-collapse: separate;
}
table.plain td
{
	border-right: white 1px solid;
	padding-right: 8px;
	border-top: white 1px solid;
	padding-left: 4px;
	background: white;
	padding-bottom: 4px;
	vertical-align: top;
	border-left: white 1px solid;
	padding-top: 4px;
	border-bottom: white 1px solid;
	font-family: Calibri, Sans-Serif, Arial;
}

/* For blue banner-like table at the top of release/install notes */
/* Has look and feel of our existing PDF Release Notes */
/* Deprecate for 8.0 in favor of default tables */
table.rns 
{ 
    background-color: #0066cc;
    width:100%;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #0066cc 1px solid;
}
table.rns td
{
    font-weight: normal;
    font-size: 110%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #0066cc;
    text-align: left;
    vertical-align: middle;
    border: #0066cc 1px solid;
}
table.rns th 
{
    font-weight: bold;
    font-size: 130%;
    line-height:1.5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #0066cc;
    text-align: left;
    vertical-align: bottom;
	border: #0066cc 1px solid;
}

/* for TOC navigation list items in RNs */
/* deprecate in favor of default or blue bullets for 8.0? */
ul.rns {list-style:url(bullet_green.gif); margin-left:1.4em;}


/* What's this??  PilotScript XML-2-HTML? */
.xbtn
{
  color: #FF0000;
	border-right: #666666 2px solid;
	padding-right: 2px;
	border-top: dimgray 1px solid;
	padding-left: 2px;
	font-size: 8pt;
	padding-bottom: 0px;
	vertical-align: middle;
	border-left: dimgray 1px solid;
	padding-top: 0px;
	border-bottom: #666666 2px solid;
	font-family: Verdana, 'Microsoft Sans Serif' , Sans serif;
	background-color: #cccccc;
	text-align: center;
}


/* CSS specific to 8.0 RN template */
#RNcontainer
{
    margin: 0;
    background-color: white;
}

/*  border: 1px solid #333;
    background-image: url(background.jpg);
    background-repeat: repeat-y;
*/

#RNbanner
{
background-color: white;
border-bottom: 1px solid #1269c3;
}

#RNnav
{
    float: left;
    padding: .6em;
    padding-left: .2em;
    width: 160px;
    padding-top: .6em;  
}
/* #DBE5F1 */

#RNcontent
{padding-top: 0; margin: 0 12px 0 190px;}

#RNcontent H2
{color:#1269C3; /* Accelrys Med Blue */}

.RNsmall
{font-size: 80%; line-height: .4em; color:#1269C3;}

/* For images with no border (per Ruth) */
.icon {
    margin-bottom: 0px;
    border-style: none;
	padding-top: 2px;
}

#td.plain
{
	border-right: white 1px solid;
	padding-right: 8px;
	border-top: white 1px solid;
	padding-left: 4px;
	background: white;
	padding-bottom: 4px;
	vertical-align: top;
	border-left: white 1px solid;
	padding-top: 4px;
	border-bottom: white 1px solid;
	font-family: Calibri, Sans-Serif, Arial;
    font-size: 100%;
}