/* Please read comments before applying styles to your tags */
body
{
	padding-right: 0.6em;
	padding-left: 2px;
	font-size: 70%;
	background: #ffffff;
	padding-bottom: 0px;
	color: #000000;
	line-height: 1.3em;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {margin-top: 0.6em; margin-bottom: 0.6em;}

a:link
{
	font-weight: normal;
	color: #1269C3;
	text-decoration: underline;
}
a:visited
{
    font-weight: normal;
    color: #003373;
    text-decoration: underline;
}
a:hover
{
    font-weight: normal;
    color: #118CD3;
    text-decoration: underline;
}

/* headings */
h1, h2, h3, h4, h5
{
	line-height: normal;
	font-family: 'Microsoft Sans Serif' , Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 0.6em;
}
h1 {font-size: 140%; margin-top: 0px; color:#1269C3;} /* Accelrys Med Blue */
h2 {font-size: 130%; color:#262626;} /* Almost Black */
h3 {font-size: 120%; color:#262626;}
h4 {font-size: 110%; color:#262626;}
h5 {font-size: 100%; color:#262626; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* 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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* class="admin" for admin headings (used in hc_admin.htm) */
h1.admin, h2.admin, h3.admin, h4.admin
{
	background: white;
	color: darkcyan;
}

/* class="admin" for admin headings (used in hc_admin.htm) */
h1.dev, h2.dev, h3.dev, h4.dev
{
	background: white;
	color: slateblue;
}


ul p, ol p, dl p
{
	margin-left: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

ol
{
	margin-top: 0.6em;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0em;
	margin-left: 24px;
}

ul
{
	margin-top: 0.6em;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0em;
	margin-left: 15px;
	list-style-type: square;
}

li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.6em;
}

p.box_a
{
	border-right: yellowgreen 1px dotted;
	padding-right: 5px;
	border-top: yellowgreen 1px dotted;
	margin-top: 1em;
	padding-left: 5px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: yellowgreen 1px dotted;
	color: darkslategray;
	padding-top: 3px;
	border-bottom: yellowgreen 1px dotted;
	background-color: whitesmoke;
}






div.box_a
{
	border-right: yellowgreen 1px dotted;
	padding-right: 7px;
	border-top: yellowgreen 1px dotted;
	margin-top: 0.6em;
	padding-left: 7px;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: yellowgreen 1px dotted;
	color: darkslategray;
	padding-top: 3px;
	border-bottom: yellowgreen 1px dotted;
	list-style-type: square;
	background-color: whitesmoke;
}



/** boxes with shaded headings for frameset content pages **/
.user_header
{
	border-right: lightsteelblue 1px solid;
	padding-right: 7px;
	border-top: lightsteelblue 1px solid;
	margin-top: 6px;
	padding-left: 7px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: lightsteelblue 1px solid;
	color: steelblue;
	padding-top: 3px;
	list-style-type: square;
	background-color: aliceblue;
}

.user_text
{
	border-right: lightsteelblue 1px solid;
	padding-right: 7px;
	border-top: lightsteelblue 1px solid;
	margin-top: -7px;
	padding-left: 7px;
	padding-bottom: 4px;
	border-left: lightsteelblue 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: lightsteelblue 1px solid;
	background-color: white;
}


.admin_header
{
	border-right: darkgray 1px solid;
	padding-right: 7px;
	border-top: darkgray 1px solid;
	margin-top: 6px;
	padding-left: 7px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: darkgray 1px solid;
	color: darkcyan;
	padding-top: 3px;
	list-style-type: square;
	background-color: gainsboro;
}

.admin_text
{
	border-right: darkgray 1px solid;
	padding-right: 7px;
	border-top: darkgray 1px solid;
	margin-top: -7px;
	padding-left: 7px;
	padding-bottom: 4px;
	border-left: darkgray 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: darkgray 1px solid;
	background-color: white;
}



.dev_header
{
	border-right: lightsteelblue 1px solid;
	padding-right: 7px;
	border-top: lightsteelblue 1px solid;
	margin-top: 6px;
	padding-left: 7px;
	font-weight: bold;
	margin-bottom: 0.6em;
	padding-bottom: 3px;
	border-left: lightsteelblue 1px solid;
	color: slateblue;
	padding-top: 3px;
	list-style-type: square;
	background-color: lavender;
}

.dev_text
{
	border-right: lightsteelblue 1px solid;
	padding-right: 7px;
	border-top: lightsteelblue 1px solid;
	margin-top: -7px;
	padding-left: 7px;
	padding-bottom: 4px;
	border-left: lightsteelblue 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: lightsteelblue 1px solid;
	background-color: white;
}


div.dev_text
{
	border-right: lightsteelblue 1px solid;
	padding-right: 7px;
	border-top: lightsteelblue 1px solid;
	margin-top: -7px;
	padding-left: 7px;
	padding-bottom: 4px;
	border-left: lightsteelblue 1px solid;
	color: black;
	padding-top: 3px;
	border-bottom: lightsteelblue 1px solid;
	background-color: white;
}



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;
}

/* Use <p class="tip"> inside the <p> tag for single Tip: items */
p.tip
{
    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;
}

.blue
{color:#1269C3; font-weight: bold;}


ul.bluetip
{list-style-image:url(hc_images/bullet_blue.gif);}


.black
{color:#000000;}

/* div tag for multi-list items */
div.tip
{
	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;
}



