@import url("hpcolors.css");


A:link, A:active {color: blue; font-family: Arial, Helvetica, sans-serif}
A:visited    {color: purple; font-family: Arial, Helvetica, sans-serif}
A:hover      {color: red; font-family: Arial, Helvetica, sans-serif}

body, table, ol, .copy, .date, .bodyContent, .bodyPopup, #glossaryLayer {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}

body	{color: #000; overflow: auto;}

.directiveText {color: #FF0000; font-weight: bold}

p    {font-family: Arial, Helvetica, sans-serif; font-size: inherit; font-weight: normal}
p, .copy     {margin-left: 10px; margin-right: 10px}

hr, .subtopicBar     { border-bottom: 0px none; border-left: 0px none; border-right: 0px none; border-top-style: solid; border-top-width: 2px;}

ul           {list-style-type: square; margin-right: 10px}
ul ul        {list-style-type: disc; margin-top: 0px}
ol           {list-style: decimal; margin-right: 10px}
ol ol        {list-style: lower-alpha} 

.bullet     {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}

ul li, ul ul li {font-family: Arial, Helvetica, sans-serif; font-size: inherit; font-weight: normal; margin-left: -10px}

.heading, .tableFormat th, h4, h5 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}

.courseTitle {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold}
.userInstructions {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}
.smallText {font-family: Arial, Helvetica, sans-serif; font-size:8pt; font-weight: normal}
.smallTextBold {font-family: Arial, Helvetica, sans-serif; font-size:8pt; font-weight: bold}
.codeExample {font-family: Courier New, Courier, mono; font-size: 10pt; font-weight: normal}
.note        {color: #CC6600; font-weight: bold}
.important   {color: #FF6600; font-weight: bold}
.caution     {color: #FF0000; font-weight: bold}
.warning     {color: #FF0000; font-weight: bold}

/* update */
h2, h3 {font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold;}

h1 {margin: 0px 0px 0px 0px}
h2, h3 {margin: 0px 0px 0px 10px}
h4 {margin: 0px 0px 0px 10px}
h5 {color: #003366; margin: 0px 0px 0px 10px}

img {border:0px}

.subtopicBar {margin-top: 13px; padding-top: 7px; padding-bottom: 0px; padding-left: 10px; margin-left: 0px; vertical-align: top;}
/* clickList padding for IE5.5 & IE6.0 only */
* html .subtopicBar {margin-top: 25px;}


.accentBox {font-size: 8pt; border-width: 5px; border-style: solid; padding: 0px; background-color: #FFF; margin: 10px}
/* clickList padding for IE5.5 & IE6.0 only */
* html .accentBox {margin: 5px}
.accentBox td {border-width: 1px; border-style: solid; margin: 0px; padding: 2px; }

.tableFormat {border-top: 1px solid #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-left: 1px solid #FFF; border-right-width: 1px; border-right-style: solid; background-color: #FFF; }
.tableFormat td, .tableFormat th { vertical-align: top; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; padding: 2px }
.tableFormat th {text-align: left;}

div ol, div ul { margin-bottom: 0px }

.popupLayer {position: absolute; z-index: 3; border: 0px none; visibility: hidden; margin: 0px; padding: 10px }

.bodyContent {color: #000; background-color: #FFF; margin: 0px 0px 20px 0px }
.bodyPopup {color: #000; background-color: #FFF; margin: 10px}
.bodyFeedback {margin: 0px}

A.glossary:link, A.glossary:active, A.glossary:visited {color: blue; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
A.glossary:hover {color: red; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#glossaryLayer {position: absolute; z-index: 6; width: 160px; top: 0px; left: 0px; border: 0px none; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; visibility: hidden; overflow: visible;}

A.glossaryList:LINK, A.glossaryList:ACTIVE, A.glossaryList:VISITED {color: blue; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: bold; padding:5px}
A.glossaryList:HOVER {color: red; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: bold; padding:5px}

.tableClickList {width: 100%; border: 0px none; padding: 0px}
.tableClickList td {vertical-align: top}
.tableClickList ul {margin-top: 0px}
#clickListHolder {position: relative; width: 100%; height: 50px; z-index: 2; background-color: #FFF; visibility: visible; border: 0px none}
.clickList {position: absolute; top: 0px; right: 10px; margin-right: 10px; margin-bottom: 10px; width: 90%; overflow: auto; z-index: 3; background-color: #FFF; visibility: hidden; border-width: 1px; border-style: solid; padding-bottom: 0px; padding-left: 5px;  padding-right: 10px; padding-top: 10px;}
/* clickList padding for IE5.5 & IE6.0 only */
* html .clickList {padding-bottom: 10px; padding-left: 5px;  padding-right: 15px; padding-top: 10px}

.spacerBar { border-top-width: 17px; border-top-style: solid; border-bottom: 18px solid #FFF; width: 100%; background-color: #FFF }
.spacerBar tr, .spacerBar td {height: 0px}

#audioBox { border: 1px solid black; width: 300px; height: 45px; }

#videoBox { border: 0px none }

.SkipLink {
	display:none
}

/* Section 508 */
.sectionHeading {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; margin: 0px 0px 0px 5px}
.topicBar { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold; padding: 6px 0px 7px 0px; text-indent: 7px; } 
.accentBox h6 { font-size: 8pt; color: #000000; font-weight: bold; margin: 0px 0px 0px 10px }
#CourseTitleCell { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: normal }

ol hr	{ border-bottom: 0px none; border-left: 0px none; border-right: 0px none; border-top-style: solid; border-top-width: 2px; height: 2px; margin-left: -40px; margin-right: -10px; margin-bottom:20px}

.contentsMenuHeading { font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold; color: #000000}

.lcFieldset {border: none; padding-top: 0px; margin-left:0px; vertical-align: text-top;  display: inline;}

.lcQuestion {margin-left:-7px; margin-bottom: 0px; display: inline; color: #000000}
/* lcQuestion padding for IE5.5 & IE6.0 only */
* html .lcQuestion {margin-bottom: 0px; }

/* New styles for Learning Check */

.lcFieldset .userInstructions {margin-left:-4px;}
/* positioning for IE5.5 & IE6.0 only */
* html .lcFieldset .userInstructions {margin-left:0px}

/* MOZ & FF only */
html>body .lcFieldset form {margin-top:10px}

.lcControls {margin-top:10px}

dl dt {
	font-weight: bold;
	padding-left: 10px;
}