/* This file contains the styles for HTML output of OLL courses */
/* Styles that have been consolidated for both tools */

/* BODY STYLES */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	margin-bottom:10pt;
	margin-left:20pt;
	}

div.body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	/*margin-bottom:10pt;*/
	margin-left:0;
	}

.body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #FFFFFF;
	margin-bottom:10pt;
	margin-left:0;
	}

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

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

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

/* IMAGE STYLES */
img {
	margin-top: 5pt;
}

.CaptionImage {
	text-align: left; 
	text-indent: 7pt;
	margin-top:5pt; 
	margin-bottom:-5pt;
	margin-left: 0pt;
	margin-right: 0pt;
	font-family: Arial; 
	color: black; 
	font-size: 10pt; 
	font-weight: bold;
	padding:0.3em;
}

.Imageobject {
	text-align: left; 
	text-indent:0pt; 
	margin-top:2pt; 
	margin-bottom:-3pt; 
	/* margin-left:10pt; */
	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;
 	}

/* QUIZ STYLES */
/* styles that apply to all quiz question types */
.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;
	}

.QuizQuestion {
	}

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

.QuizButtons {
	color: #222222;
	}

.QuizFillInTheBlank, .QuizCheckBox, .QuizDropDown {
	padding: 0.5em;
	}

.QuizFillInTheBlank {
	}

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

.QuizCheckBox {
	margin-bottom: 5pt;
	}

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

.QuizDropDown {
	}

.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-bottom: 3pt;
	}

.QuizQuestionMatch {
	}

/* need to reset left margin to 0 because default for .list_number is 10 */
.QuizTable .list_number {  
	margin-left: 0pt; 
	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;
}


/* EXAMPLE STYLES */

.Example, .ExampleWide { 
	background-color: #EEEEEE;  
	margin-top:5pt; 
	margin-bottom:5pt; 
	margin-left:0pt;
	margin-right:0pt;
	font-size: 10pt;
	padding: 1em;
	border: 0.1px solid #000000;
	}
.CaptionExample, .CaptionExampleWide { 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold;
	background-color: #666699;   
	text-align: left; 
	text-indent: 7pt;
	padding: 0.3em;
	color: white;
	margin-top:5pt; 
	margin-left: 0pt;
	margin-right:0pt;
	margin-bottom:-5pt; 
}
ul.Example, ul.ExampleWide { 	
	font-family: Courier, Helvetica, Sans-serif;
	font-size:10.0pt;
	margin-top:-5pt;
	margin-left:0pt;
	margin-right:0pt;
	margin-bottom: -5pt;
	padding: 0.5em;
	padding-left: 4em;
	}


/* FIGURE STYLES */

.CaptionFigure { 
	background-color: #666699;  
	text-align: left; 
	text-indent: 7pt;
	margin-top:5pt; 
	margin-bottom:-5pt;
	margin-left: 0pt;
	margin-right: 0pt;
	font-family: Arial; 
	color: white; 
	font-size: 10pt; 
	font-weight: bold;
	padding:0.3em;
	}
.Figure { 
	background-color: #EEEEEE;  
	margin-top:5pt; 
	margin-bottom:5pt;
	margin-left:0;
	margin-right:0;
	font-family: Arial; 
	font-size: 10pt;
	padding: 1em;
	}


/* NOTE STYLES */

.Note, .NoteTip, .NoteWarning { 
	background-color: #EEEEEE;  
	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 {
	font-size:10pt;
	font-family: Arial;
	width:100%;
	margin-top:5pt;
	margin-left:0pt;
	margin-right: 0pt;
	margin-bottom:5pt; 
}
.Table tr {
	background-color: #EEEEEE;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: .2em;
	padding-bottom: .2em;
}
/* 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 = body */
.Table td div.body {
	background-color: #EEEEEE;
	font-size:10pt;
	font-family: Arial;
	margin-bottom:0pt;
}

.Table td span.body {
	background-color: #EEEEEE;
	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;
	background-color: #FFFFFF;
	margin-top:20pt;
	margin-right:30pt; 
	margin-bottom:20pt;
	margin-left: 30pt;
	}


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


/* INTERACTIVE TEXT AREA STYLES*/

.InteractiveTextAreaAnswer {
	visibility: hidden; /* This property is not defined for this style */
	font-family: Courier, Helvetica, Sans-serif;
	font-size:10.0pt;
	background-color: #EEEEEE;  
	margin-top:2pt; 
	margin-right:0pt; 
	margin-left:0pt; 
	margin-bottom:10pt; 
	padding: 0.5em;
	border-style: solid;
	border-width: 1pt;
	border-color: #222222;
}

.InteractiveTextAreaTable {
	background-color: #FFFFFF;
	margin-top:10pt;
	margin-bottom:10pt;
	margin-left:0;
}


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

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

/*  Interactive Text Area Mailed Question */
.InteractiveMailedQuestion {
	margin-left:10pt;
}


/* HYPERLINK STYLES */
a {}
a:visited {text-decoration: underline;color: #666666;} /* Grey underlined link */
a:active {text-decoration: underline; color: #003399} /* Blue underlined link */
a:link {text-decoration: underline; color: #003399} /* Blue underlined link */
/* Warning: Pseudo-class :hover isn't supported by this style definition */
a:hover {text-decoration: underline; color:#FF0000} /* Red underlined link on rollover */

/* Pop-up ones extracted from http://developer.apple.com/internet/javascript/popup.html*/
/* Want popup links to be red but only active is working  */
a.PopUpLink:link, a.PopUpLink:active { 
	color: red;
	text-decoration: none; 
	}


/* POPUP TEXT STYLES */
.PopUpText { 
	position: absolute; /* This property is not defined for this style */
	visibility: hidden; /* This property is not defined for this style */
	background-color: #EEEEEE;
	layer-background-color: #EEEEEE; /* This property is not defined for this style */
	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 /* This property is not defined for this style */
	}

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

i, em {
	font-style:italic;
}

/* HEADING AND PAGE HEADING STYLES */

.title {
	font-size:14.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	}

h1, .h1, h2, .h2, .h3, .h4, .h5, .h6 {
	font-size:14.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	}

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

.PageExerciseHeader_1 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-bottom: 1 pt;
	}

.PageHeader_1 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333399;
	margin-top:12pt;
	margin-bottom: 1 pt;
	}

h5, .PageHeader_2 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin-top:3pt;
	margin-bottom: 1 pt;
}

h6, .PageHeader_3 {
	font-size:10.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:3pt;
	margin-bottom: 1 pt;
}

h7 {
	font-size:8.0pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* BREADCRUMB TRAIL STYLES, and PAGE NUMBER*/
.pageNumber, .breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #333399;
	padding: 0;
}
.breadcrumbs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #333399;
	padding: 0;
}

/* LISTS WITH NO BULLETS */
.list, .list_2, .list_3 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-type: none;
	list-style-position: outside;
}
.list {
	margin-left: 18pt;
	}
.list_2 {  
	margin-left:18pt; 
	}
.list_3 {  
	margin-left:18pt; 
	}

/* NUMBERED LISTS */
.list_number, .list_number_2, .list_number_3 {
	margin-top:3pt; 
	margin-bottom:5pt; 
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
}

.list_number {  
   list-style-type: decimal;
	margin-left:35pt; 
}

.list_number_2 {  
   list-style-type: lower-roman;
	margin-left:18pt; 
}

.list_number_3 {  
   list-style-type: lower-alpha;
	margin-left:18pt; 
}

/* BULLETED LISTS */
.list_bullet, .list_bullet_2, .list_bullet_3, .list_bullet_4, .list_bullet_5 {
	margin-top:3pt; 
	margin-bottom:5pt; 
	font-family: "Trebuchet MS", Arial; 
	font-size: 10pt;
	list-style-position: outside;
}

.list_bullet {  
	list-style-image: url(course_graphics/bullet_square.png);
	margin-left:30pt; 
}

.list_bullet_2 {
	list-style-image: url(course_graphics/bullet_square_gray1.png);
	margin-left:18pt; 
}

.list_bullet_3 {
	list-style-image: url(course_graphics/bullet_square_gray2.png);
	margin-left:18pt; 
}

.list_bullet_4 {  
	list-style-type: disc;
	margin-left:18pt; 
}

.list_bullet_5 {  
	list-style-type: disc;
	margin-left:18pt; 
}

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

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

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

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