body {}
sup { font-family : verdana, "arial", "default"; font-weight : lighter; font-size : 6pt; word-spacing : 12pt; letter-spacing : 1pt; vertical-align : super; text-transform : uppercase;}
label { cursor: pointer} 
P {font-style : normal; font-family : "verdana", "arial", "default"; font-weight : normal; font-size : 10pt;  }
.myCheck {font-size: 8pt; margin: 5px 0px}
.closedUp {margin-top: -10px;}
.aliceBold{background-color: aliceblue; font-weight: bold; padding: 5px;}
.aliceInsetBold{background-color: aliceblue; font-weight: bold; margin-left: 20px; margin-right: 20px; padding: 5px;}
.aliceInsetPurple{color: purple; background-color: aliceblue; margin-left: 20px; margin-right: 20px; padding: 5px;}
.aliceInset {background-color: aliceblue; margin-left: 20px; margin-right: 20px; padding: 5px;}
.mintInsetPurple{color: purple; background-color: mintcream; margin-left: 20px; margin-right: 20px; padding: 5px;}
.mintInset{ background-color: mintcream; margin-left: 20px; margin-right: 20px; padding: 5px;}
.blushPurple{color: purple; background-color: lavenderblush;  padding: 5px;}
.blush{ background-color: lavenderblush;  padding: 5px;}
.mint { background-color: mintcream;  padding: 5px;}
.pink { background-color: lightpink;  padding: 5px;}
.mintPurple{color: purple; background-color: mintcream;  padding: 5px;}
.mintPurpleJustify{color: purple; background-color: mintcream;  padding: 5px; text-align: justify; }
.blushInsetPurple{color: purple; background-color: lavenderblush; margin-left: 20px; margin-right: 20px; padding: 5px;}
.blushInsetPurple{color: purple; font-weight: bold; background-color: lavenderblush; margin-left: 20px; margin-right: 20px; padding: 5px;}
.blushInsetPurpleInline{display: inline; color: purple; background-color: lavenderblush; margin-left: 20px; margin-right: 20px; padding: 5px;}
noscript { font-family : courier; font-size : 14pt; color : black;}
LI { list-style-type: none;  }
li.boldBullet {color: navy; font-weight: bold; }

ul.helpList {font-size: 12px;}
ul.helpListBold {font-size: 12px; font-weight: bold}
.helplist li {margin: 5px 40px; }
.helplistBold li {margin: 12px 40px}
.navCourse0 {font-size: 8pt; }
.navCourse1 {font-size: 12pt;}
.navCourse2 {font-size: 8pt; font-weight:normal;}
.showWindow {padding: 1px; margin: 1px;}

 

H6 { font-style : normal; font-family : "verdana", "arial", "default"; font-weight : bold; font-size : 8pt; color : white; text-decoration: none;  background-color: #86C6DF; padding-left: 3px; }
H5 { font-style : normal; font-family : "verdana", "arial", "default"; font-weight : bold; font-size : 10pt; color : white; text-decoration: none; background-color: #1e99c3; padding-left: 3px;}
H4 { font-style : normal; font-family : "verdana", "arial", "default"; font-weight : bold; font-size : 10pt; color : navy; text-align: left ; vertical-align: middle; word-spacing : 3pt; letter-spacing : 0pt;}
H3 { font-style : normal; font-family : "verdana", "arial", "default"; font-weight : bold; font-size : 12pt; color : navy; text-align: left ; vertical-align: middle; word-spacing : 1pt; letter-spacing : 0pt;}
H2 {font-style : normal; font-family : "verdana", "arial", "default"; font-weight : bold; font-size : 16pt; color : navy; text-align: left ; vertical-align: middle; word-spacing : 2pt; letter-spacing : 1pt; }
H1 { font-style : italic; font-family : lucida sans,arial; font-weight : bold; font-size : 28pt; color : navy; word-spacing : 6pt; letter-spacing : 1pt;}

TABLE { font-family : "verdana", "arial", "default"; color: navy; font-weight : normal; font-size : 9pt; border-collapse: collapse; margin-left: 20px;  }
.myCourse{margin-left: 20px; }


TH {text-align: left; border-top: 1px solid navy; border-bottom: 1px solid navy; color: white; background-color:  #86C6DF}
TR {vertical-align: top}
.textRight{text-align: right}
.oddRow {background-color: white;}
.evenRow {background-color: aliceblue;}
.highRow {background-color: lavenderblush}
.superHighRow {background-color: lightpink}
.doneRow {background-color: mintcream}
.userNote {background-color: transparent}
.diaryNote {background-color: mintcream}
.tutorNote {background-color: lavenderblush;}
.virginNote {background-color: lightpink;}
tr.altrow0 {background-color: lavenderblush;}
tr.altrow1 {background-color: white;}

.ghost {color: gray; }
TD {padding: 3px; }
.center {text-align: center; }
.right {text-align: right; }
.smallCenterGhost {text-align: center; font-size: 9px; color: #aaaaaa;}
.smallTextBold {font-size: 7pt; font-weight: bold; }
.smallText {font-size: 7pt; font-weight: normal; }
.smallTextInset {font-size: 7pt; font-weight: normal; margin: 0px 10px;}
.smallTextRight {font-size: 7pt; font-weight: normal; text-align: right; }
.myCourseExpansion {text-align: justify; color: purple; padding: 5px; font-size: 8pt; } 

FORM {}
.miniForm {border: 1px solid navy; margin:10px; padding:10px; font-size: 7pt; }
.midiForm {background-color: aliceblue; margin:10px; padding:10px; border: 1px solid navy;} 
.addNotes {background-color: snow; border: 1px solid darkorange; padding: 5px; margin-right: 40px; }
.smallText {font-size: 7pt;}
.smallTextGhost {font-size: 7pt; color: gray; }
.smallTextCenter {font-size: 7pt; text-align: center; }
.highlight {background-color: #ffc762}
.softlight {background-color: mintcream;}
.lowlight {background-color: #ffffff}
.smallOrange {font-size: 7pt; color: darkorange;}
.smallBoldOrange {font-size: 7pt; color: darkorange; font-weight: bold;}
.boldOrange {color: darkorange; font-weight: bold;}
.fatalError {color: red; font-weight: bold; background-color: lavenderblush; margin: 15px; border: 1px solid red; padding: 5px; }
.orangeAlert{color: darkorange; font-weight: bold; margin: 1px; border: 1px solid darkorange; padding: 3px; }
.mintAlert {color: darkgreen; background-color: mintcream; font-weight: bold; margin: 1px; border: 1px solid darkgreen; padding: 3px; }
A {cursor: pointer; color: white; background-color: #86c6df}
a:hover {color: #1e99c3; background-color: white }
.bold{font-weight: bold}
a.floatRight{float: right; padding-right: 5px; }
.small {font-size: 7pt;}
.smallNavyOutline {font-size: 7pt; border: 1px solid navy; }
.orangeButton {font-weight: normal; border-top: 2px outset #ffe882; border-left: 2px outset #ffe882 ; border-right: 2px inset darkorange ; border-bottom: 2px inset darkorange ; padding-bottom: 2px; }
.smallRedButton {font-size: 10px; border: 1px solid red; text-align: center; padding-left: 3px; padding-right: 3px;  }
.smallNavyButton {font-size: 10px; border: 1px solid navy;text-align: center; padding-left: 3px; padding-right: 3px;}
.smallOrangeButton {font-size: 10px; border: 1px solid darkorange; text-align: center; padding-left: 3px; padding-right: 3px;}
.ghostLink {cursor: pointer; background-color: silver; color: white; font-weight: normal; }

DIV {}
.floatLeft {float: left}
.floatRight {float: right}
.floatRightSmall {float: right; font-size: 7pt;}
.floatRightSmallest {float: right; font-size: 7pt;}
.frame {border: 1px solid #cccccc; padding: 5px;}
DIV.uniPage {background-color: transparent; font-family: verdana, arial, default; font-size: 11pt;}
.navyFrame{border: 1px solid navy; text-align: justify;}
DIV.snowBack{background-color: snow;}
DIV.orange {color: darkorange; }
DIV.myHeader {font-family: verdana, arial, default; font-weight: bold; font-size: 9pt; color: navy; margin-left: 0px;   }
DIV.myText {font-family: verdana, arial, default; font-weight: normal; font-size: 9pt; color: navy; margin-left: 0px;  }
DIV.myTextInset {font-family: verdana, arial, default; font-weight: normal; font-size: 9pt; color: navy; margin: 0px 10px;  }
DIV.myTextBold {font-family: verdana, arial, default; font-weight: bold;   font-size: 9pt; color: navy; margin-left: 0px;  }
DIV.myTextBoldMint {font-family: verdana, arial, default; font-weight: bold;   font-size: 9pt; color: navy; background-color: mintcream; margin-left: 0px;  }
DIV.myTextFine {font-family: verdana, arial, default; font-weight: normal; font-size: 7pt; color: navy; margin-left: 0px;   }
DIV.myTextFineBlush {font-family: verdana, arial, default; font-size: 7pt;  font-weight: normal;color: navy; background-color: lavenderblush; padding: 5px;   }
DIV.myAlerts {font-family: verdana, arial, default; font-weight: bold; font-size: 9pt; color: darkorange; margin-top: 3px; padding: 5px 10px; background-color: aliceblue; border-top: 1px solid darkorange;  border-bottom: 1px solid darkorange;   }
DIV.navTrail { position: absolute; left: 10px; top: 60px; vertical-align: top; font-weight: normal; font-size: 7pt; margin-top: 2px; margin-bottom: 2px; border-top: 1px solid gray; border-bottom: 1px solid gray;}
DIV.navCourse {position: absolute; top: 50px; left: 330px;  color: navy; vertical-align: top; text-align: center; margin-top: 10px; margin-left: 20px; font-size: 9pt; font-weight: bold;  border-top: 1px solid gray; border-bottom: 1px solid gray; padding-top: 5px; padding-bottom: 5px;padding-left: 10px; padding-right: 10px;  }
DIV.handyLink {position: absolute; top: 100px; left: 330px;  color: navy; vertical-align: top; text-align: center; line-height: 2.0; margin-top: 10px; margin-left: 20px; font-size: 7pt; font-weight: bold;  border-top: 1px solid gray; border-bottom: 1px solid gray; padding-top: 5px; padding-bottom: 5px;padding-left: 10px; padding-right: 10px;  }
DIV.userBar {position: absolute; top: 80px; left: 15px; color: navy; font-size: 9pt; font-weight: bold; margin-top: 0px; }
DIV.userFree {color: navy; font-size: 9pt; font-weight: bold; margin-top: 20px; margin-bottom: 20px}
DIV.flowBar {position: absolute; top: 125px; left: 35px; vertical-align: middle; font-size: 7pt; color: gray ; line-height: 1.6; cursor: default;}
DIV.script_window {font-style : normal; font-family : verdana, arial, garamond; font-weight : normal; font-size : 9pt; text-align: justify; color : navy; margin-top: 20px; margin-left: 20px; margin-right: 10px; margin-bottom: 10px;}



DIV.animationControl { text-align: center; font-size: 8pt;  margin-top: 2px;  padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; border-top: 1px solid red; border-bottom: 1px solid red; }
DIV.animWindow {position:absolute;  border-top: 1px solid red; border-bottom: 1px solid red; border-left: 1px solid red; border-right: 1px solid red; background-image : url(images/guide-waiting.gif); background-repeat : no-repeat; background-attachment : scroll; background-position : 20px 30px; }
DIV.animBackground { background-image : url(images/guide-waiting.gif); background-repeat : no-repeat; background-attachment : scroll; background-position : 20px 30px; height: 150px}
DIV.myCheckControls { text-align: center;  background-color: transparent; font-size: 8pt; margin-top: 10px; padding-left: 10px; padding-right: 10px;  border-top: 1px solid gray; border-bottom: 1px solid gray;}
DIV.myNotesControls { text-align: center;  background-color: transparent; font-size: 8pt; margin-top: 10px; padding-left: 10px; padding-right: 10px;  border-top: 1px solid gray; border-bottom: 1px solid gray;}
DIV.myNotesForm { background: mintcream; color: purple; font-weight: bold; margin-top: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px; padding-left: 10px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px;border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray;}
DIV.myNotesHeader { font-size: 8pt; background-color: aliceblue; color: purple; margin-left: 30px; margin-right: 30px; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; }
DIV.myNotesReview{font-size: 9pt; ;  background-color: transparent; color: purple; margin-top: 10px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; padding-left: 5px; padding-right: 5px; border-left: 1px solid gray; border-right: 1px solid gray; text-align: justify; }

DIV.myNotesReviewHeader { font-size: 9pt; background-color: gray; color: white; padding-left: 10px; padding-bottom: 2px;}
DIV.myNotesWindow {position:absolute;  font-size: 9pt;  margin-bottom: 100px; background: none; border-top: 1px solid blue; border-bottom: 1px solid blue; border-left: 1px solid blue; border-right: 1px solid blue;}
DIV.myResultsText { float: left; font-size: 8pt; font-weight: bold;  color: white; padding: 5px; }
DIV.myResultsWindow {position:absolute;  background: silver; border-top: 1px solid fuchsia; border-bottom: 1px solid fuchsia; border-left: 1px solid fuchsia; border-right: 1px solid fuchsia;}
DIV.myTestForm { text-align: center;  line-height: 1.5;  background-color: silver; font-size: 8pt; margin-top: 10px; padding-left: 10px; padding-right: 10px;  border-top: 1px solid gray; border-bottom: 1px solid gray;}
DIV.myTestQuestions {font-size: 8pt; color: purple;  margin-left: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; }
DIV.myTestStems {font-size: 9pt; color: purple; margin-top: 5px;  padding-top: 0px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px;  border-bottom: 1px solid gray;}
DIV.myTestWindow {position:absolute; background-color: snow; border-top: 1px solid fuchsia; border-bottom: 1px solid fuchsia; border-left: 1px solid fuchsia; border-right: 1px solid fuchsia;}
div.textMationControl {text-align: center; font-size: 8pt; margin-top: 15px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px;  border-top: 1px solid blue; border-bottom: 1px solid blue; border-left: 1px solid blue; border-right: 1px solid blue;}
DIV.textMationWindow {position:absolute; color: navy ; background-color: aliceblue;  font-size: 9pt; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;  border-top: 1px solid blue; border-bottom: 1px solid blue; border-left: 1px solid blue; border-right: 1px solid blue;}
DIV.textMationSummary{ color: navy ; font-size: 8pt; font-weight: normal; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-top: 1px solid purple; }
DIV.tutorNotes { font-size: 8pt; background-color: aliceblue; color: navy; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
DIV.tutorNotesGhost {  font-size: 8pt; background-color: #eeedfb; color: white; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: 2px solid #fafad2; }
DIV.tutorNotesNotViewed{ font-size: 8pt; background-color: aliceblue; color: navy; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid orange; }
DIV.tutorNotesNotViewedGhost{ font-size: 8pt; background-color: #eeedfb; color: white; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: 2px solid #fafad2; }
DIV.tutorEndNotes { font-size: 8pt; background-color: aliceblue; color: navy; margin-left: 20px; margin-right: 20px; margin-top: 25px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border: 1px solid navy; }
DIV.diaryNotes { font-size: 8pt; background-color: mintcream; color: darkgreen; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
DIV.diaryNotes {font-size: 8pt; background-color: mintcream; color: darkgreen; margin-left: 20px; margin-right: 20px; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
DIV.diaryEndNotes { font-size: 8pt; background-color: mintcream; color: darkgreen; margin-left: 20px; margin-right: 20px; margin-top: 25px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 10px; padding-left: 10px; padding-right: 5px; border: 1px solid darkgreen; }
.justify {text-align: justify}
DIV.header {font-weight: bold; margin-top: 3px; margin-bottom: 3px; }

DIV.fine_print { font-style : normal; font-family : "arial", "garamond"; font-weight : normal; font-size : 13pt; color : navy; background-color : white; letter-spacing : normal; text-align : left;}

BODY { font-style : normal; font-family : "verdana", "arial", ; font-weight : normal; font-size : 12pt; color : navy; }
BIG {}

table.showPop {margin: 0px; padding: 5px; border-collapse: collapse;  }
.showPop td {}
td.showPopLeft {width: 100px; background-image: url('images/brochure-1.jpg'); background-repeat: repeat-y}
td.showPopRight {width: 100px; background-image: url('images/brochure-2.jpg'); background-repeat: repeat-y}