/* CSS for PH main content NN4safe */

/************* 
update history

	05.03.02 -- born
	05.28.02 -- color swaps for more "PH" like colors
	... 	 -- dev asst
	07.09.02 -- pcq results ui styles added 
	
************/


/* ------------------------------ */
/* skill check popup elements    */
/* move to sep. css doc?   */
#checkskillspop
{
	background: #fff;
	border: none;
	margin: 0px;
}

#checkskillspop h1
{
	background: #fff;
	border: none;
	margin: 0;
	padding: 5px;
	font: 16px Arial, sans-serif;
	color: #44529c;
	letter-spacing: none;
}

#checkskillspop p
{
	margin-left: 30px;
	margin-right: 30px;
}

#checkskillspop form { font-family: Verdana, sans-serif; }

p.helplessons
{
	font-size: 12px;
	color: #009656;
	margin-top: 0px;
	margin-bottom: 25px;
}

p.helplessons a:link
{
	color: #009656;
	text-decoration: underline;
}

p.helplessons a:visited
{
	color: #009656;
	text-decoration: underline;
}

p.helplessons a:hover
{
	color: #fff;
	text-decoration: underline;
	background: #009656;
}

p.helplessons a:active
{
	color: #c30;
	text-decoration: underline;
	background: #eee;
}

/* glossary popup elements    */
/* move to sep. css doc?   */
#glossarypop
{
	background: #fff;
	border: none;
	margin: 0px;
}

#glossarypop h1
{
	background: #fff;
	border: none;
	margin: 0;
	padding: 5px;
	font: 16px Arial, sans-serif;
	color: #44529c;
	letter-spacing: none;
}

#glossarypop p
{
	margin-left: 30px;
	margin-right: 30px;
}

#poppagenavbot
{
	border: none;
	margin: 0;
	background: #f0f0f0;
	margin-right: 5px;
}

#poppagenavbot p
{
	text-align: right;
	margin-right: 5px;
}

/* ++++++++++++++++++++++++++++++ */
/* ------------------------------ */
/* chapter opener design elements */
#chapopener { /*
background: #fff;
	border: none; 
	margin: 0px;
*/ }
#chaphead { }

#chapbody
{
	clear: left;
	/*width: 85%;*/
	background: #fff;
}

/*
#chapopener h1 {
	background: #9cf; 
	border:none;
	margin: 0;
	margin-top: 10px;
	font: 30px  Arial, sans-serif;
	color: #44529c;
}
*/

#chapbody h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 40px;
	color: #c30;
}

#chapbody ul, li { font-size: 14px; }
img.nn4splash { }

div.chapphoto
{
	margin: 15px;
	text-align: center;
	clear: left;
}

#vocabcallout
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #08d;
	float: left;
	padding: 5px;
	background: #fafafa;
	/*margin-left: 50px;*/
}

/*
#vocabcallout ul,li {
	font-weight: bold;
}
*/

#vocabcallout a:link
{
	color: #44529c;
	font-weight: bold;
	text-decoration: underline;
}

#vocabcallout a:visited
{
	color: #08d;
	font-weight: bold;
	text-decoration: underline;
}

#vocabcallout a:hover
{
	background: #44529c;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#vocabcallout a:active
{
	color: #c30;
	font-weight: bold;
	text-decoration: underline;
}

.chapnumimg { float: left; }

.dkcallout
{
	margin-left: 12%;
	margin-right: 10%;
}

/*
.dkcallout p (
	margin-left: 12%;
}
*/

p.instacheck { }

.dkcallout img
{
	float: left;
	padding-right: 5px;
}

.dkcallout strong
{
	color: #c30;
	font-size: 110% font-weight: bold;
	line-height: inherit;
}

/* ------------------------------ */
/* chapter lesson design elements */
#interact
{
	background: #fff;
	border: none;
	margin: 0px;
}

#interact h1
{
	background: #fff;
	border: none;
	margin: 0;
	/*margin-top: 10px;*/
	font: 30px Arial, sans-serif;
	line-height: 48px;
	color: #2c529d;
}

#lesson
{
	background: #fff;
	border: none;
	margin: 0px;
}

.secnumimg { float: left; }

#lesson h1
{
	background: #fff;
	border: none;
	margin: 0;
	/*margin-top: 10px;*/
	font: 30px Arial, sans-serif;
	line-height: 48px;
	color: #2c529d;
}

#lesson h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	/*margin-left: 50px;*/
	font-weight: bold;
	margin-bottom: 0;
	/*margin-top: 15px;*/
	font-size: 18px;
	color: #44529c;
}

/* lesson preview elements */
#lessonprevu
{
	background: #fff;
	margin: 0;
}

#lessonprevu h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #44529c;
	margin: 0;
	padding: 0;
	clear: left;
}

#lessonprevu hr
{
	clear: left;
	padding: 0;
	margin: 0;
	line-height: 2px;
}

div.whatobj
{
	float: left;
	width: 35%;
}

div.whatobj h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #44529c;
}

div.whatobj p
{
	/*font-size: 14px;*/
	line-height: 16px;
	margin: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}

div.whatobj ul { /*font-size: 14px;*/ }
div.whatobj li { /*
font-size: 14px;
	line-height: 17px;
*/ }
div.whatobj ol { /*font-size: 14px;*/ }

div.checkskills
{
	margin: 0;
	margin-left: 50px;
}

div.checkskills a:link
{
	color: #000;
	text-decoration: underline;
}

div.checkskills a:visited
{
	color: #000;
	text-decoration: underline;
}

div.checkskills a:hover
{
	color: #08d;
	text-decoration: underline;
	background: #eee;
}

div.checkskills a:active
{
	color: #c30;
	text-decoration: underline;
}

span.checkskillbtn { font-family: Verdana, Arial, Helvetica, sans-serif; }
span.checkskillbtn a:link { background: #ade; }

div.checkskills h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #44529c;
}

div.checkskills h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: none;
	margin: 0px;
	padding: 0px;
	/*line-height: 26px;*/
	color: #44529c;
	/*margin-bottom: 30px;*/
}

div.checkskills p { line-height: 16px; }
div.checkskills h4 { font-size: 14px; }

div.checkskills ul
{
	margin-top: 0px;
	padding-top: 0px;
}

div.checkskills li
{
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 18px;
}

/* lesson objective styles */
#objective
{
	clear: right;
	margin-top: 20px;
}

#objective h2
{
	border: none;
	margin: 0;
	/*background: red;*/
	/*padding: 3px;*/
}

#objective p
{
	/*clear: left;*/
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin-left: 3%;
	margin-right: 3%;
}

#objective br { clear: left; }

.imgobjtri
{	
	float: left;

}

/* glossary link styles */
span.glosslink { }

span.glosslink a:link
{
	background: #ffc;
	color: #000;
	font-weight: bold;
}

span.glosslink a:visited
{
	background: #ffc;
	color: #000;
	font-weight: bold;
}

span.glosslink a:active
{
	background: #ffc;
	color: #c30;
	font-weight: bold;
}

/* key concepts styles  */
#keyconcepts { }

#keyconcepts h3
{
	font-family: "Comic Sans MS", Verdana, sans-serif;
	letter-spacing: none;
	color: #44529c;
	font-size: 18px;
	font-weight: normal;
}

#keyconcepts h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }



#keyconcepts p { 
	/*
margin:0; 
	padding:0;
*/
	
	
	
	}

.imgkey
{
	float: left;

}


div.propcallout
{
	/*border: 2px solid #fa2;*/
	padding: 0px 15px 15px 15px;
	/*margin-top: -50px;*/
	margin-right: 3%;
	margin-left: 3%;
}

div.propcallout h4 { font-size: 12px; }

span.prophead
{
	background: #fa2;
	color: white;
}

/* example callout styles */
div.example
{
	/*border: 2px solid #44529c;*/
	padding: 0px 15px 5px 15px;
	margin-top: 30px;
	/*margin-right: 5%;*/
	margin-left: 3%;
}

div.example h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }
div.example hr { visibility: hidden; }
div example br { clear: all; }

/* reading math styles */
.readingmath
{
	border: none;
	width: 40%;
	background: #cef;
	/*float: right;*/
	padding: 0 5px;
	margin-left: 3%;
	
}

.readingmath p
{

	margin: 0;

	margin-bottom: 5px;
	padding: 2px 3px;
}

.readingmath h5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	color: #c30;
	font-size: 12px;
}

/*.readingmath embed { margin-top: 10px; }*/

/* need help callout styles */
.needhelp
{
	width: 33%;
	background: #ffecdb;
	/*float: right;*/
	padding: 0 5px;
	margin-left: 20%;
	margin-right: 5%;
}

.needhelp p
{
	/*margin-left: 20%;*/
	margin: 0;
	/*margin-top: 3px;*/
	line-height: 20px;
	margin-bottom: 5px;
	padding: 2px 3px;
}

.needhelp h5
{
	font-family: "Comic Sans MS", Verdana, sans-serif;
	margin-bottom: 5px;
	color: #096;
	font-size: 16px;
}

/* video clip callout and popup styles */
div.video
{
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	margin-left: 3%;
	
	width: 40%;
	background: #fec;
	height: 88px;
}

div.video p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
}

img.videothumb
{
	float: left;
	border: none;
}

img.videoicon { }

/* check understanding styles*/
div.checkunderstanding
{
	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 5px;
}

div.checkunderstanding img { /*float: left;*/ }

div.checkunderstanding a:link
{
	background: #08d;
	color: #fff;
	font-weight: bold;
}

div.checkunderstanding a:visited
{
	background: #08d;
	color: #fff;
	font-weight: bold;
}

div.checkunderstanding a:active
{
	background: #ffc;
	color: #c30;
	font-weight: bold;
}

/* assorted font treatments */
span.math
{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	/*font-style: italic;*/
}

span.exampletype
{
	color: #06f;
	font-weight: bold;
}

span.check { font-weight: bold; }

.correct {
	background: #fff;
}


.small
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}

.gizmobtn
{
	margin-top: 60px;
	margin-left: 20%;
	margin-right: 10%;
}

p.instacheck { }

.gizmobtn img
{
	float: left;
	padding-right: 5px;
	/*padding-top: 5px;*/
}

.gizmobtn strong
{
	color: #c30;
	font-size: 110% font-weight: bold;
	line-height: inherit;
}

/* ++++++++++++++++++++++++++++++ */

#pcq {
	font-size: 14px;
}

#pcq ol li
{
	/*background: yellow;*/
	/*font-weight: normal;*/
	font-size: 14px;
}

#pcq ol li ol li
{
	/*background: pink;*/
	font-weight: normal;
	margin-bottom: 5px;
	list-style-type: lower-alpha;
	font-family:   "Times New Roman", TimesNR, serif;
	font-size: 14px;
}

/* ++++++++++++++++++++++++++++++ */
/* pcq results display */

#checkskillspop table {
	margin-left: 15px;
	
}

#checkskillspop td {
	border: 1px solid #666;
	font-size: 11px;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

#checkskillspop th {
	border: 1px solid #666;
	padding: 3px;
	font-size: 11px;
	background: #eee;
	text-align: center;
}

#checkskillspop h6 {
	font-size: 10px;
	color: #666;
	margin: 30px;
	margin-left: 15px;
	
}

/* ++++++++++++++++++++++++++++++ */
/* chapter review elements */

#chaprevw 
{
}

#chaprevw table
{
	background: #cef;
	margin-bottom: 15px;
}

#chaprevw td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#chaprevw td a:link

{
	color: #000;
	text-decoration: underline;
}

#chaprevw td a:visited
{
	color: #000;
	text-decoration: underline;
}

#chaprevw td a:active
{
	color: #c30;
}