/*
// ********************************
// Copyright © 2004 by Online-Learning.com, All Rights Reserved.
//
// All materials protected by copyright laws. Materials may not be reproduced,
// republished, distributed, or otherwise exploited in any manner without the
// express prior written permission of Online-Learning.com.
// ********************************
//
// Description: This file contains the styles for HTML output of NO MARGIN courses
// ********************************
*/

/* BODY STYLES */
Normal {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-repeat: no-repeat;
	}

div.Normal {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	}

.Normal {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 13pt;
	}

.p {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10pt;
	background-color: #FFFFFF;
	color:#222222;
	}

p {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10pt;
	background-color: #FFFFFF;
	color:#222222;
	}

.narration {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10pt;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
	}

/*  BASIC TEXT EMPHASIS STYLES */
b, strong {
	font-weight:bold;
	}

i, em {
	font-style:italic;
}

/* FIX BUG 732: defaut style for body element. This style will be used whenever a more specialized style class is not defined */
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	background-image: url('../course_graphics/background.png');
	color: #000000;
}

/* FIX BUG 732: specialized CSS styles for pages of heading type HeadingEmbeddedDialogN (Word styles names). This expands on the properties of the default "body" element definition */
body.HeadingEmbeddedDialog1PageBody, body.HeadingEmbeddedDialog2PageBody, body.HeadingEmbeddedDialog3PageBody, body.HeadingEmbeddedDialog4PageBody, body.HeadingEmbeddedDialog5PageBody {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}


 /* COURSE TITLE AND COURSE PAGE HEADINGS FOR THREE LEVELS OF NESTING */
.title, .Title {
	font-size:18.0pt;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top: 3pt;
	margin-bottom: 4pt;
	}

Heading1, .Heading1, Heading2, .Heading2, .Heading3, .Heading4, .Heading5, .Heading6 , .Index_Title, .IndexTitle {
	font-size:18.0pt;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top: 3pt;
	margin-bottom: 4pt;
	}

Heading3, Heading4 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top:5pt;
	}

/* optionally used at top of a list to correct spacing */
.PageHeader0{
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-bottom: 6px;
	}

/* used at top of second column to correct spacing */
.PageExerciseHeader_1, .PageExerciseHeader1 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top: 5px;
	}

/* STANDARD INPAGE HEADERS */
.PageHeader_1, .PageHeader1, .IndexLetterEntry {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top: 5px;
	}
	
.PageHeaderCollapsible:hover{
	cursor: pointer;
	color: red;
	}

Heading5, .PageHeader_2, .PageHeader2 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

Heading6, .PageHeader_3, .PageHeader3 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333399;
	margin-bottom: 10px; /*used for list headings*/
	}


/* NAVIGATION ICON STYLES */
nav-icons {
	background-color: #FFFFFF;
}
nav_forward {
	background-color: #FFFFFF;
}
nav_previous {
	background-color: #FFFFFF;
}
spacer {
	background-color: #FFFFFF;
}


/* BREADCRUMB TRAIL AND PAGE NUMBER STYLES*/
/*breadcrumbs can be turned on or off in the main compilation */
.pageNumber, .breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #333399;
	padding: 0;
	font-weight:normal;
	}

.breadcrumbs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #333399;
	padding: 0;
	}

.copyright {
	font-size: 7pt;
	font-family: Arial, sans-serif;
	color: #bbbbbb;
	}


/* MULTIMEDIA STYLES */
/* used for docbook xml compliance */
img {
	margin-top: 0pt;
	behavior:	url("../course_scripts/pngbehavior.htc");
}

.Imageobject {
	text-align: left; 
	text-indent:0pt; 
	margin-top:2pt; 
	margin-bottom:-3pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
}

.Imagedata {  
	text-align: left; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}
 
.Videoobject {  
	text-align: left; 
	margin-top:0pt; 
	margin-bottom:12pt; 
	margin-left:90pt; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
}

.Videodata { 
	text-align: left; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
}

.Videolink {
	text-align: left; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

.Audioobject {  
	text-align: left; 
	margin-left:90pt; 
	text-indent:0pt; 
	margin-top:0pt; 
	margin-bottom:12pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

.Audiodata {
	text-align: left; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

.Mediaobject {  
	text-align: left; 
	margin-left:90pt; 
	text-indent:0pt; 
	margin-top:0pt; 
	margin-bottom:12pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

.Inlinemediaobject {  
	text-align: left; 
	text-indent:0pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

.Embeddedmediaobject {
	text-align: left; 
	text-indent:0pt; 
	margin-top:6pt; 
	margin-bottom:6pt; 
	color: Red; 
	font-family: Arial; 
	font-size: 8pt;
 	}

/* Fix for 412 - we must set borders to 0 by default for Firefox */
.Iframemediaobject {
	border: 0px;
}

/* Fix for 735 - dialogs should use a more appropriately-named CSS class */
.Iframedialog {
	border: 0px; /* Fix for 412 - we must set borders to 0 by default for Firefox */
	display: none; /* Fix for 733 - initally the iframe is not visible and it will be turned on later by script code. This is to circumvent the problem caused by a FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=316000 */
}

/* QUIZ STYLES */
/* styles that apply to all quiz question types */

.Quiz {		/*We cannot put a margin-bottom value in as it will cause the % score to disappear under the quiz. */
	margin-top: 0pt; /*We changed this value to 0 to stop the horizontal rule from being lost */
	}

.QuizForm {		
	margin-top: 0pt;
	margin-bottom: 0pt;
	}

.QuizQuestion, .QuizQuestionNumber, .QuizButtons, 
.QuizFillInTheBlank, .QuizCheckBox, .QuizDropDown, .QuizQuestionMultipleChoice,
.QuizQuestionMultipleChoiceMulti, .QuizQuestionTrueFalse, .QuizQuestionMatch,
.QuizTrueFalse, .QuizMatchSet, .QuizChoice {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10pt;
	}

.QuizQuestion, .QuizQuestionNumber {
	font-weight: bold;
	margin-bottom: -5pt;
	}

.QuizQuestionText {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	margin-top: 5pt;
	}

.QuizButtons {
	color: #222222;
	}

.QuizFillInTheBlank, .QuizCheckBox, .QuizDropDown {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	}

.ServerQuiz .QuizFillInTheBlank {
	margin-top: 5pt;
	margin-bottom: 5pt;
}

.QuizCheckBox {
	margin-top: 5pt;
	margin-bottom: 5pt;
	}

.ServerQuiz .QuizCheckBox {
	margin-bottom: 5pt;
}

.QuizDropDown {
	margin-top: 5pt;
	margin-bottom: 5pt;
	}

.ServerQuiz .QuizDropDown {
	margin-bottom: 5pt;
	}

.QuizQuestionMultipleChoice .list_number {
	margin-top: -10pt;
	margin-bottom: -10pt;
	margin-left: -10pt;
}
.QuizQuestionMultipleChoice .list_number li {
	margin-left: 0pt;
	list-style-type: none;
}

.QuizQuestionMultipleChoiceMulti .list_number {
	margin-top: -10pt;
	margin-bottom: -10pt;
	margin-left: -10pt;
	}

.QuizQuestionMultipleChoiceMulti .list_number li {
	margin-left: 0pt;
	list-style-type: none;
}
	
.QuizQuestionTrueFalse {
	margin-left: -10pt;
	margin-top: 5pt;
	margin-bottom: 3pt;
	}

.QuizQuestionMatch {
	margin-left: -10pt;
	margin-bottom: 3pt;
	}

.QuizTable .list_number {  
	margin-left: 0pt; 
	margin-top: 5pt;
	list-style-position: outside;
	}

.QuizMatchSet {  
	text-align: left; 
	text-indent:0pt; 
	margin-top:0pt; 
	margin-bottom:12pt; 
	margin-left:90pt; 
	}

/* Grey around answers to matchset */
.QuizMatchSetAnswersPreamble {
	/*background-color: #EEEEEE;  */
}

.QuizChoice {  
	text-align: left; 
	text-indent:0pt; 
	margin-top:0pt; 
	margin-bottom:12pt; 
	margin-left:90pt; 
	}

.QuizTrueFalse {
	padding-left:.0em;
	}

/* Quiz Response styles - different for NS */
.QuizResponseCorrect {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; 
	font-size: 10pt; 
	display: none; /* This property is not defined for this style */
	font-weight: bold;
	color: #003399;
}
.QuizResponseIncorrect {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 10pt; 
	display: none; /* This property is not defined for this style */
	font-weight: bold;
	color: #003399;
}


/*  INTERACTION STYLES  */
.IPointAndClick {
    cursor: pointer; 
}
.IPointAndClickElement {
    border: .1pt solid #EAEAEA; /*  same border colour as background (style IPointAndClick), same width as IPointAndClickSelected so the text won't "move" when border is in fact "added", when style changes to selected (IPointAndClickSelected) */
}
.IPointAndClickSelected {
    background-color: #F1F1A2;
    border: .1pt solid #808080;
}
.IPointAndClickResult {
    visibility: hidden;
    /* the following values match the dynamic css output for the Word IPointAndClick style */
    font-family:Trebuchet MS;
    font-size:10pt;
    margin-bottom:3pt;
    margin-top:3pt;
    margin-right:1.5pt;
    margin-left:1.5pt;
    line-height:14pt;
    padding: 3.375pt;
    background-color:#EAEAEA;
    border-width: 0.25pt;
}
.IPointAndClickAnswer {
    cursor: auto;
}
IPointAndClickSelected.img, IPointAndClickAnswer.img {
    border: .1em solid #FF2222; 
}

.IDragAndDropBackground {
    position: absolute;
    z-index:0; 
}
.IDragAndDropElement {
    position: absolute; 
    z-index: 2;
}
.IDragAndDropTarget {
    position: absolute; 
    z-index:1;
}

.SubmitTextFeedback td {
	background-color:#FFFF99;
}

.SubmitTextFeedback{
	display:none; /* This property will ensure that the feedback starts off non-visible. */
	background-color:#FFFF99;
	border-style: dotted;
	border-width: 1px;
}

.SubmitTextFeedback p {
	background-color:#FFFF99;
}


/* EXAMPLE  CAPTION, TEXT AND BOX STYLES */
.CaptionExample, .CaptionExampleWide { 
	background-color: #666699;  
	text-align: left; 
	text-indent: 0pt; /*Not required anymore because of in-line HTML indents */
	margin-top:5pt; 
	margin-bottom:0pt;
	margin-left: 0pt;
	margin-right: 0pt;
	font-family: Arial; 
	color: white; 
	font-size: 10pt; 
	font-weight: bold;
	padding:0em;	/*Not required anymore because of in-line HTML padding */
}

.Example, .ExampleWide { 
	background-color: #dddddd;  
	margin-top:0pt; 
	padding: 5pt;
	font-family: Courier New; 
	font-size: 9pt;
	}

ul.Example, ul.ExampleListBullet { /*Required for backwards compatibility */
	background-color: #dddddd;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 25px;
	font-family: Courier New;
	font-size: 10pt;
	list-style-image: url(../course_graphics/bullet_square.png);
	}

.ExampleListBullet { /*for new dynamic creation of example list bullets*/
	background-color: #dddddd;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Courier New;
	font-size: 10pt;
	}

/* FIGURE CAPTION, TEXT AND BOX STYLES */
.CaptionFigure { 
	background-color: #666699;  
	text-align: left; 
	text-indent: 0pt; /*Not required anymore because of in-line HTML indents */
	margin-top:5pt; 
	margin-bottom:0pt;
	margin-left: 0pt;
	margin-right: 0pt;
	font-family: Arial; 
	color: white; 
	font-size: 10pt; 
	font-weight: bold;
	padding:0em; /*Not required anymore because of in-line HTML padding */
	}

.Figure { 
	background-color: #dddddd;  
	margin-top:0pt; 
	padding: 5pt;
	font-family: Arial; 
	font-size: 10pt;
	}

ul.Figure, ul.FigureListBullet { /*Required for backwards compatibility */
	background-color: #dddddd;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 25px;
	font-family: Arial;
	font-size: 10pt;
	list-style-image: url(../course_graphics/bullet_square.png);
	}

.FigureListBullet { /*for new dynamic creation of figure list bullets*/
	background-color: #dddddd;  
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 10pt;
	}

/* NOTE STYLES */
.Note, .NoteTip, .NoteWarning { 
	background-color: #dddddd;  
	margin-top:10pt; 
	margin-right:0pt; 
	margin-left:0pt; 
	margin-bottom:10pt; 
	font-family: Arial; 
	font-size: 10pt;
	padding: 0.5em;
	border-style: solid;
	border-width: 1pt;
	border-color: #222222;
}


/* TABLE STYLES */
.CaptionTable { 
	background-color: #666699;  
	text-align:left;
	text-indent: 7pt;
	margin-top:10pt; 
	margin-left: 0pt;
	margin-right:0pt;
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold;
	padding:0.25em;
	color: white; 
	margin-bottom:-5pt; 
}

.Table, .TableHead {
	font-size:10pt;
	font-family: Arial;
	margin-top:5pt;
	margin-left:0pt;
	margin-right: 0pt;
	margin-bottom:5pt; 
}

.TableHead {
	font-weight: bold;
}

.Table tr {
	background-color: #dddddd;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;

}
/* For numbered lists in tables */
.Table ol, ul {
	font-size:10pt;
	margin-top: 2pt;
	margin-bottom: 2pt;
}
/* For table cells spans or divs of class = Normal */
.Table td div.Normal {
	background-color: #dddddd;
	font-size:10pt;
	font-family: Arial;
}

.Table td span.Normal {
	background-color: #dddddd;
	font-size:10pt;
	font-family: Arial;
}

/* For tables in Quizzes */
.QuizTable {
	/* background-color: white;*/
}


/* BLOCKQUOTE STYLE  */
.Blockquote {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	text-align: justify;
	margin-top:6pt;
	margin-right:21.6pt; 
	margin-bottom:6pt;
	margin-left: 21.6pt;
	}

/* BLOCKTEXT STYLE */
.BlockText {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	margin-top:0pt;
	margin-left: 15.1pt;	
	margin-right:72pt; 
	margin-bottom:6pt;
	}

/* QUOTE STYLE USED IN AN EXAMPLE OF A TABLE */
.Quote {
 	font-family: Arial, Helvetica, Sans-serif;
 	font-size:10.0pt;
	text-align: justify;
	width: 90%;
	margin: 10pt;
	}


/* COMPUTER PRINTOUT STYLE */
.Computeroutput { 	
	font-family: Courier, Helvetica, Sans-serif;
	font-size:10.0pt;
}


/* HYPERLINK STYLES */
a {}
a:visited {text-decoration: underline;color: #666666;} /* already visited link: Grey underlined */
a:active {text-decoration: underline; color: #000000} /* selected link: Black underlined */
a:link {text-decoration: underline; color: #003399} /* unvisited link: Blue underlined */
a:hover {text-decoration: underline; color:#003399} /* mouse over link: Blue underlined */



/* POPUP TEXT STYLES */
/* Pop-up ones extracted from http://developer.apple.com/internet/javascript/popup.html*/
.PopUpText {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	position: absolute;
	display:none;	/* Changed for bug fix # 246 */
	background-color: #EEEEEE;
 	width: 200pt; 
	border-top: 1px solid black; 
	border-right: 3px solid black; 
	border-bottom: 3px solid black; 
	border-left: 1px solid black; 
	padding: 0.5em; 
	z-index: 10;
}

a.PopUpLink:link, a.PopUpLink:active { 
	color: red;
	text-decoration: none; 
}


/* INTERACTIVITY STYLES - TEXTAREAS, ROLLOVERS, CLICKOVERS */
.InteractiveTextAreaAnswer {
	display:none; /* This property will ensure that the answers start off non-visible. For Bug Fix #310 */

}

.InteractiveTextAreaTable {
	margin-top:3pt;
	margin-bottom:10pt;
	margin-left:0;
}

/* These define the behavior for image maps */

img.IButtonTransparent {
	border: solid 2px none;
	cursor: pointer;
} 

img.IButtonTransparentHighlight {
	border: solid 2px red;
	cursor: pointer;
}

/* trigger visual identification */
.IButtonRollOverChar  { 
	cursor: pointer;
	text-decoration: underline; 
	}

/* trigger visual identification */
.IButtonClickOverChar { 
	cursor: pointer;
	text-decoration: underline; 
	}
	
/* trigger visual identification */
.IButtonClickOverMenuChar {
	cursor: pointer;
	text-decoration: underline;
}

/* trigger visual identification */
.EmbeddedDialogTrigger { 
	cursor: pointer;
	text-decoration: underline; 
}

/* trigger visual identification */
.IButtonClickOverMenuCharHighlight {
	cursor: pointer;
	text-decoration: underline;
	/* Fix bug 691: instead of using the background we use borders because IE was displaying the triggers as big red squares */
	/* background-color: Red; */
	border-style: dotted;
	border-color: Blue;
	border-width: 1px;
}
	
.IClickOrRolloverImageDestination  {
	z-index: 10;
}

/* These classes are applied specifically to floating layers containing clickovers, rollovers and menus, respectively
 */
.IClickFloatingLayer , .IRollFloatingLayer, .IMenuFloatingLayer, .EmbeddedDialogFloatingLayer {
	border: solid 1px #333399;
	background: #eeeeee;
	/* ensures the floating layer contents do not inherit 
	   the floating layer container inline formatting */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* These classes are applied specifically to transparent floating layers containing clickovers, rollovers and menus, respectively
 */
.IClickFloatingLayerTransparent , .IRollFloatingLayerTransparent, .IMenuFloatingLayerTransparent, .EmbeddedDialogFloatingLayerTransparent {
	border: solid 1px #333399;
	/* ensures the floating layer contents do not inherit 
	   the floating layer container inline formatting */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* These classes are applied specifically to floating layer menu bars containing clickovers, rollovers and menus, respectively
 */
.IClickFloatingLayerDragBar , .IRollFloatingLayerDragBar, .IMenuFloatingLayerDragBar {
	background-color: #333399;
	display: none;
}

/* These classes are applied specifically to transparent floating layer menu bars containing clickovers, rollovers and menus, respectively
 */
.IClickFloatingLayerDragBarTransparent , .IRollFloatingLayerDragBarTransparent, .IMenuFloatingLayerDragBarTransparent, .EmbeddedDialogFloatingLayerDragBarTransparent {
	background-color: #333399;
	display: none;
}

/* These classes are applied specifically to floating layer menu bars which have no link defined
 */
.FloatingLayerDragBar {
	background-color: #333399;
	display: none;
}

.EmbeddedDialogFloatingLayerDragBar, .EmbeddedDialogFloatingLayerDragBarTitle, .EmbeddedDialogFloatingLayerDragBarClose {
	background-color: #333399;
	display: block;
	border: solid 0px #333399;
	padding: 0px;
	margin: 0px; 
	color: white;
}

/* This class is applied to all textboxes
 */
.Textbox {
	/* ensures the textbox contents do not inherit 
	   the textbox container inline formatting */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* This class is applied to all floating layers which do not contain rollover content.
 */
.FloatingLayer {
	/* ensures the floating layer contents do not inherit
	   the floating layer container inline formatting */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
		  
/* not implemented yet */
.InteractivePollQuestion {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	margin-top: 5pt;
}

/* not implemented yet */
.InteractivePollAnswer {
	font-size:10.0pt;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	margin-left:20pt;
}

/* not implemented yet */
.InteractiveMailedQuestion {
	margin-left:10pt;
}


/* DEPRECIATED LEGACY ROLLOVER TEXT STYLES */
.RollOverReference { 
        font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        font-size:10.0pt;
        margin-bottom: 2pt;
}

.IRollOverRangeTrigger { 
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
    font-size:10.0pt;
	border-top: 1px dotted red; 
	border-right: 1px dotted red; 
	border-bottom: 1px dotted red; 
	border-left: 1px dotted red; 
}

.RollOverText { 
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	position: absolute;
	visibility: hidden;
	background-color: #DDDDDD;
	margin-left: 150pt;
	width: 200pt; 
	border-top: 1px solid black; 
	border-right: 3px solid black; 
	border-bottom: 3px solid black; 
	border-left: 1px solid black; 
	padding: 0.5em; 
	z-index: 10;
}

/* NON-NUMBERED AND NON-BULLETED LISTS */
.List {
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom:5px;
	margin-left: 20px;
	}

.List_2 , .List2 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 40px;
	}

.List_3 , .List3 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 60px;
	}

.List_4 , .List4 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 80px;
	}

.List_5 , .List5 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 100px; 
	}

.List_6 , .List6 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 120px;
	}

/* NUMBERED LISTS */
.List_Number, .ListNumber {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-type: none; /* None because we obtain list numbers from internally parsed info */
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Number_2 , .ListNumber2 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-type: none; /* None because we obtain list numbers from internally parsed info */
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/}

.List_Number_3 , .ListNumber3 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-type: none; /* None because we obtain list numbers from internally parsed info */
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/}

/* BULLETED LISTS */
.List_Bullet, .ListBullet, .List_Bullet1, .ListBullet1 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-image: url(../course_graphics/bullet_square.png);
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Bullet li, .ListBullet li, .List_Bullet1 li, .ListBullet1 li{ /*Required for backwards compatibility */
	margin-left:40px;
}

.List_Bullet_2, .ListBullet2 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-image: url(../course_graphics/bullet_square_gray1.png);
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Bullet_2 li, .ListBullet2 li{ /*Required for backwards compatibility */
	margin-left:60px;
}

.List_Bullet_3, .ListBullet3 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-image: url(../course_graphics/bullet_square_gray2.png);
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Bullet_3 li, .ListBullet3 li{ /*Required for backwards compatibility */
	margin-left:80px;
}

.List_Bullet_4, .ListBullet4 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-type: disc;
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Bullet_4 li, .ListBullet4 li{ /*Required for backwards compatibility */
	margin-left:100px;
}

.List_Bullet_5, .ListBullet5 {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
	list-style-type: disc;
	margin-left:0px; /* 0 because we obtain margin values from internally parsed info and we do not want duplication, margin values are inlined in the HTML source*/
}

.List_Bullet_5 li, .ListBullet5 li{ /*Required for backwards compatibility */
	margin-left:120px;
}

/* INDEX STYLES */
.Index_1 , .Index1 {  
	margin-left:18pt; 
	}

.Index_2 , .Index2{  
	margin-left:35pt; 
	}

/*  DEPRECIATED STYLE TO ADD ADDITIONAL FILLER SPACING IN WORD */
.ListSpacer {  
	margin-left:10pt; 
	text-align: left; 
	line-height:8pt; 
	min-height:8pt; /* This property is not defined for this style */
	max-height:8pt; /* This property is not defined for this style */
	font-family: Arial; 
	font-size: 7pt;
}

/* NUMERIC LISTS */
li.number {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
   list-style-type: decimal;
}

/*  ALPHABETICAL LISTS */
li.alpha {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
   list-style-type: lower-alpha;
}

/* ROMAN LISTS */
li.roman {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
   list-style-type: lower-roman;
}

/*  LIST WITH NO BULLETS (IE only for now)*/
li.none {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
   list-style-type: none;
}

/*  TABLE OF CONTENTS STYLES  */
.toc1, .TOC1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	margin-left:10pt;
}

.toc2, .TOC2 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	margin-left:25pt;
}

.toc3, .TOC3 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	margin-left:40pt;
}