/* 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: 11pt;
    background: #ffffff;
    color: #000000;
    line-height: 1.1em;
    font-family: Calibri, Sans-Serif, Arial;
}

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

/* Do not use <pre> tag alone, use <pre class="syntax"> instead */
pre
{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    font-family: Consolas, Lucida Console, Courier New, Monospace;
    font-size: 100%;
    color: black;
}

/* 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;
	background-color: whitesmoke;
}

/* 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: 110%;
    color: black;
    font-family: Consolas, Lucida Console, Courier New, Monospace;
}

/* headings */
h1, h2, h3, h4, h5, h6
{
	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; font-style:normal;}
h5 {font-size: 110%; color:black; font-style: normal; font-family: Calibri, Sans-Serif, Arial;}
h6 {font-size: 100%; color:black; font-family: Calibri, Sans-Serif, Arial;}

/* ONLY use this for See Also: headings at bottom of topics. <p class="seealso"> */
p.seealso
{
    line-height: normal;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
	color: #1269C3; /* Accelrys Med Blue */
	font-family: Calibri, Sans-Serif, Arial;
}

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

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

ul, ol 
{padding: 0; margin-left: 1.1em; margin-bottom: 0em; margin-top: 0.6em; font-family: Calibri, Sans-Serif, Arial;}

ul {list-style-type: square;}

/* bullet for blue tip items */
ul.bluetip
{list-style-image:url(bullet_blue.gif); font-size: 100%;}

/* New single-step bullet style that matches 8.0 Word/PDF template */
ul.single {list-style:url(one_step_bullet.png);}

/* Nested lists */
ul ul, ol ol 
{font-family: Calibri, Sans-Serif, Arial; font-size: 100%; text-indent: 0em;}

ul p, ol p, dl p
{margin-left: 0em; font-family: Calibri, Sans-Serif, Arial font-size: 100%;}

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

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

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

/* For tables w/out borders */

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

/* do we need this? 
#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;
} 
*/

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

/* 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"> for single Important! item */
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;
}

/* Only use <p class="direwarning"> inside the <p> tag for something catastrophic and this
should not be common. The standard is the important style. Warning uses firebrick span tag for font color.*/
p.direwarning
{
    border-right: #b22222 1px dashed;
    padding-right: 5px;
    border-top: #b22222 1px dashed;
    margin-top: 1em;
    padding-left: 5px;
    font-weight: normal;
    margin-bottom: 0.6em;
    padding-bottom: 5px;
    border-left: #b22222 1px dashed;
    padding-top: 5px;
    border-bottom: #b22222 1px dashed;
    background-color: #ffffff;
}

/* Use <p class="note"> for single note item */
p.note
{
    border-right: #DBE5F1 1px solid;
    padding-right: 5px;
    border-top: #DBE5F1 1px solid;
    margin-top: 1em;
    padding-left: 5px;
    margin-bottom: 0.6em;
    padding-bottom: 3px;
    border-left: #DBE5F1 1px solid;
    color: black;
    padding-top: 3px;
    border-bottom: #DBE5F1 1px solid;
    background-color: #EEECE1;
}

/* Use <p class="tip"> for single tip item */
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 tip 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;
}

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

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

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

.firebrick
{color:#b22222; /* Firebrick Red for direwarning box */ font-weight: bold;}

/* for H1 tag that is a combo of blue+black font colors */
.black
{color:#000000;}

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