/* *rdgversion 8.1.5 */
/* ReadyGo generated stuff based on settings */

body {color:#000000;}
body a {color:#166c48;}
body a:visited {color:#27af76;}
body a:hover {color:#ff8040;}
body.bulletpage {font-family:arial;color:#000000;}
body.tell {font-family:arial;color:#000000;}
body.test {font-family:arial;color:#000000;}
body.try {font-family:arial;color:#000000;}
body.exit {font-family:arial;color:#000000;}
body.gloss {font-family:arial;color:#000000;}
body.subpage {font-family:arial;color:#000000;}
body.sbspage {font-family:arial;color:#000000;}
body.chapter {font-family:arial;color:#000000;}
body.trypage {font-family:arial;color:#000000;}
body.help {font-family:arial;color:#000000;}
body.instr {font-family:arial;color:#000000;}
body.faqs {font-family:arial;color:#000000;}
body.map {font-family:arial;color:#000000;}
body.main {font-family:arial;color:#000000;}
body.quiz {font-family:arial;color:#000000;}
body.cert {font-family:arial;color:#000000;}
body.sst {font-family:arial;color:#000000;}
body {background:none;}
body {background:URL("images/blank.png");}
body {background-color:#ffffff;}
body.side {font-family:arial;}
body.glossidx {font-family:arial;}
div.side {font-family:arial;}
div.glossidx {font-family:arial;}
body.side {font-size:120%;}
body.glossidx {font-size:120%;}
body.side A {font-size:120%;}
body.glossidx A {font-size:120%;}
div.side {font-size:120%;}
div.glossidx {font-size:120%;}
div.side A {font-size:120%;}
div.glossidx A {font-size:120%;}
body.side {color:#000000;}
body.side A {color:#166c48;}
body.side A:visited {color:#27af76;}
body.side A:hover {color:#ff8000;}
body.glossidx {color:#000000;}
body.glossidx A {color:#166c48;}
body.glossidx A:visited {color:#27af76;}
body.glossidx A:hover {color:#ff8000;}
div.side {color:#000000;}
div.side A {color:#166c48;}
div.side A:visited {color:#27af76;}
div.side A:hover {color:#ff8000;}
div.glossidx {color:#000000;}
div.glossidx A {color:#166c48;}
div.glossidx A:visited {color:#27af76;}
div.glossidx A:hover {color:#ff8000;}
body.side {background:none;}
body.glossidx {background:none;}
body.side {background-color:#bff0dd;}
body.glossidx {background-color:#bff0dd;}
div.side {background-color:#bff0dd;}
div.glossidx {background-color:#bff0dd;}
body.menu {font-family:arial;}
div.menu {font-family:arial;}
body.menu {font-size:120%;}
body.menu a {font-size:120%;}
div.menu {font-size:120%;}
div.menu a {font-size:120%;}
body.menu {color:#000000;}
body.menu a {color:#166c48;}
body.menu a:visited {color:#27af76;}
body.menu a:hover {color:#ff8000;}
div.menu {color:#000000;}
div.menu a {color:#166c48;}
div.menu a:visited {color:#27af76;}
div.menu a:hover {color:#ff8000;}
body.menu {background:none;}
body.menu {background-color:#ffffff;}
div.menu {background-color:#ffffff;}
div.side {z-index:3;display:none;}
div.side .sidetri a img {border:none;}
div.menu {z-index:2;height:50px;position:fixed;left:0;bottom:0;width:100%;}
#pagediv {margin:0px 0px 200px 0px;}
div.glossidx {z-index:3;display:none;}
body.gloss div #pagediv {margin:0px 0px 0px 0px;}
div.side #logo {display:inline;}
div.side table {display:inline;}
div.side form {display:inline;}
div.side table.branch {position:absolute;top:0;}
div.side .sidetitle {display:inline;vertical-align:top;}
ol.bullet1 {list-style-image:url("images/black-bullet.gif");}
ol.list {list-style-image:none;list-style-type:disc;}
ol.numlist {list-style-image:none;list-style-type:decimal;}
ol.letlist {list-style-image:none;list-style-type:upper-alpha;}
ol.bullet2 {list-style-image:url("images/bullet4.png");}
.bulletimg1 {display:none}
ol.bullet3 {list-style-image:url("images/bullet3.png");}
.bulletimg2 {display:none}
ol.bullet4 {list-style-image:url("images/bullet4.png");}
.bulletimg3 {display:none}
ol.bullet5 {list-style-image:url("images/bullet5.png");}
.bulletimg4 {display:none}
ol.bullet6 {list-style-image:url("images/bullet6.png");}
.bulletimg5 {display:none}
.bulletpage span.true .linkdiv{background-color:#ffffff}
.bulletpage span.tip .linkdiv {background-color:#ffffff}
.bulletpage span.step .linkdiv {background-color:#ffffff}
.bulletpage span.try .linkdiv {background-color:#ffffff}
.sbspage TR.sbsheadrow {background-color:#ffffff}
.bulletpage span.step span.linkdiv TABLE {background-color:#ffffff;border:1px solid black;width:80%;}
.bulletpage span.try span.linkdiv table {background-color:#ffffff;border:1px solid black;width:80%}span.step span.linkdiv table td.firstcol {width:10%;}
.menu .hometxt {display:none}
.menu .glosstxt {display:none}
.menu .helptxt {display:none}
.menu .toctxt {display:none}
.menu .faqtxt {display:none}
.menu .exitimg {display:none}
/* *rga --------------------- */
/* *en:classic site no page border, fwd/back buttons on right, uses images for navigation 
colors: 
title border: dark green #166c48; 
title background: light green #95e7c5; 
gradient1: medium green #2fd191; 
gradient2: light green #95e7c5; 
summary gray: #ebebeb 
hover color organge: #f86f34 
 */

/* course wide properties*/
body {padding:0em 0em 0em 0em;background-color: #fff; color: #222; font-family: helvetica; }

#save input, #goto input, #report input {color:#166c48;font-weight:bold;}
#save input:hover, #goto input:hover, #report input:hover {color:#2fd191;}

input[type="submit"], .side td a, #save input, #goto input, #report input, 
input[type="button"], .menu td a, .chapter .sub1, .glossidx .glossidxitem,
/*td .netlink,.linkdiv img, .linkimg img,*/
 .map ol.toc ol li a,
.map ol.toc li a, .help .clickhere, .faqs a, .button2

} /* course title */
.side .button, input[type="submit"] {border:none;background-color:transparent;font-size:120%;font-weight:bold;margin-top:-1em;}

.side td a:hover, #save input:hover, #goto input:hover, #report input:hover, .chapter .sub1:hover, input[type="submit"]:hover, 
/* .linkdiv img:hover,.linkimg img:hover,*/
.menu td a:hover, .glossidx .glossidxitem:hover, td /*.netlink:hover,*/
  .map ol.toc ol li a:hover,
.map ol.toc li a:hover, .help .clickhere:hover, .faqs a:hover, .button2:hover
{ 	
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    background-image:-moz-linear-gradient(-90deg, #2fd191,#95e7c5 );
    background:-webkit-gradient(linear, left top, left bottom,
  from(#2fd191 ), to( #95e7c5));}

.main input[type="text"] {font-size:1em;}
input[type="submit"] {font-size:2em;color:#166c48;margin-top:.1em;margin-left:3em;}
select, option {font-size:1em;}
@media only screen and (max-device-width: 480px) {
  body.gloss {font-size:0.7em;}
}
.test input[type="radio"], .test input[type="checkbox"] { 
  width:33px; height:33px;
}

#summarydiv {background-color:#ebebeb;-moz-border-radius:8px;
        -webkit-border-radius:8px;}
.fwdbackbtns img:hover,  #fwdbtnbot a img:hover, #fwdbtnbot img:hover, 
#fwdbtnbottom img:hover {background:none;}

.linkdiv img, .linkimg img {border:8px transparent solid;width:50px;}
#backbtntop img, #backbtnbot img, #fwdbtntop img, #fwdbtnbot img, 
#upbtnbot, #fwdbtnbottom img, .upbtn img  {width:50px;height:50px;}
.main #fwdbtnbot img, .instr #fwdbtnbot img {position:static;display:inline}
.test input[type="text"] {width:10em;}
span.resultblk span.num {margin-left:1em;width:3em;}  /* question number */
.hintreset, .linereset, .matchreset, .linereset, .rankreset, .dragreset {width:8em;height:2em;}
img {}
table {}
   .bulletpage table { }
   .tmmpage table {}
   .glosspage table {}
   .sbspage table{}
   .chapter  table{}
   .main table{}
#pagediv {margin:0px 1em 0px 0em;}
.textblk {background-color:#ddd;}
div.side {z-index:3;width:100%;height:auto;margin-bottom:0px;padding:10px;position:static;bottom:0px;}
div.menu {z-index:5;height:50px;position:relative;left:0;bottom:0;width:100%;}
#pagediv {margin:0px 0px 0px 0px;}
div.glossidx {z-index:3;position:relative;left:0;bottom:0;width:100%;background-color:transparent;}
body.gloss div #pagediv {margin:0px 0px 0px 0px;}

div.side .sidetri {display:none;} 
/* for expanding table */
/* div.side .sidetri .trigger img {width:60px;}
table.side1 tr {display:inline-block;} */
span.pagediv{}

.baseline {border-width:0 0 0 0; border-color:gray;border-style:outset;width:100%;margin-top:1em;}

/* course wide navigation forward, backward, and up buttons - changes here will overwrite wcb settings*/
.fwdbackbtns {} /* location for fwd and back buttons */
#backbtntop {float:left;}     /* button for back page - top of page */
#backbtntopalt {display:none;}  /* text for back page - top of page */
#fwdbtntop img, #fwdbtnbot img {float:right;}      /* button for fwd page - top of page */
#fwdbtntopalt {display:none;}   /* text for fwd page - top of page */
#backbtnbottom {float:left;}  /* button for back page - bottom of page */
#backbtnbotalt {display:none;}  /* text for back page - bottom of page */
#fwdbtnbottom {float:right;}   /* button for fwd page - bottom of page */
#fwdbtnbotalt {display:none;}   /* text for fwd page - bottom of page */
#backbtnbot {float:left;}  /* button for back page - bottom of page */
.main #fwdbtnbot img, .instr #fwdbtnbot img{float:none;position:static;display:inline}
.upbtn {float:right;} /* location for up button*/
#upbtntop {}       /* button for up page - top of page */
#upbtntopalt {display:none}    /* text for up page - top of page */
#upbtnbot {margin-top:0pt;}    /* button for up page - bottom of page */
#upbtnbotalt {display:none}    /* text for up page - bottom of page*/

/* global settings for all title lines */
.titleline, .gloss h2 {margin-top:0px;width:100%;border:2px #166c48 solid;background-color:#2fd191;}
/*    background-image:-moz-linear-gradient(-90deg, #2fd191,#95e7c5 );
    background:-webkit-gradient(linear, left top, left bottom,
				  from(#95e7c5 ), to( #2fd191));}*/
.titletable{ color: #000000; margin-left: 4em; margin-right:4em;font-weight:bold;}
span.titleimg {}

/* global settings for all summary text */
#summarydiv{margin-left:15pt;margin-top:3em;}
#summaryspan{}

/* global settings for header and footer */
.header {}
.footer {margin-bottom:0pt;}

/* global settings for all page text */
.txtblk {margin-top:1em;vertical-align:top;margin-left:15pt} /* text block */
.txtcenter {text-align:left;}
.txtright {}
.txtleft {}
#audiobtn {}

.graphicleft{float:left;}
.graphiccenter{text-align:center;}
.graphicright{float:right;}

.summaryspan {display:inline;}
.fwdbackbtns img {border:none;}
.upbtn img {border:none;}
#fwdbtnbot img {border:none;}

td {vertical-align:top;}
tr {vertical-align:top;}
img {vertical-align:top;}
img .audio {vertical-align:top;}
.fwdbackbtns img {vertical-align:bottom;}
.upbtn img {vertical-align:bottom;}
select {vertical-align:text-top;}
#logo a {vertical-align:top;}
#fwdbtnbot img {vertical-align:top;}
#fwdbtnbotalt {vertical-align:top;}
#backbtnbot img {vertical-align:top;}
#backtnbotalt {vertical-align:top;}
.main #fwdbtnbot img {vertical-align:baseline;}
.main #fwdbtnbotalt {vertical-align:baseline;}
table.menu td.menu {text-align:center;}
body.side table img {border:none;}

table.side {width:100%;}
table.side td {padding:0px;margin:0px}
.linkdiv td.firstcol {width:20%;}
.linkimg img {border:none;}
table.glosstable {border:none;}
#save, #goto, #report {display:inline-block;margin-top:1.5em;margin-left:0.5em;}
#save img {border:none;}
#goto img {border:none;}
#report img {border:none;}
.menu a img {border:none;}
.nm2let {display:none; margin-right:1em;}
.nm3let {display:none; margin-right:1em;}
.titlelet {display:none;}
/* *rge --------------------- */
/* *dk: base1 dk 
*en:classic: course title is large, bold, italic, centered; 
summary is left aligned with a 15pt margin; 
continue is left aligned 
copyright is centered 
*fr: base1 fr 
 */

/* main page */
.main .title {font-size:150%;color:black;text-align:center;font-style:italic;font-weight:bold; margin:20pt 0 20pt 0;}/* course title */
.main summarydiv{}
.main #summaryspan{display:block; margin:20pt 0 20pt 20pt} /* course summary */
.main .coursetitle {color: #224597;}
.main .coursename {display:none} /* course name in copyright line */
.main .continue {width:100%;} /*continue with course text*/
.main .copyright {font-size:80%;} /* text in copyright line */
.main #fwdbtnbottom {display:inline;position:static;} /*continue with course button*/
.main .footer {}
/* sst registration form */
.main form {} /* registration form block */
.cookiemsg {font-style:italic;} /* student instructions for sst registration */
.formtitle {font-size:120%;} /* registration form title */
/* *rgc --------------------- */
/* *en:classic: 
title is large, bold, italic,  left aligned with a 15pt margin; 
summary is large, left aligned with a 15pt margin; 
includes graphic before title 
chapter index is numbered 
 */

/* chapter table of contents page */
body.chapter {}*page background color*/
body.chapter table, .chapter sub1 {}
.chapter .titleline {padding-bottom:0.2em; display:block;} /*chapter title line */
.chapter .title {font-style:italic;font-size:100%;color:black} /* chapter title text*/
.chapter .titleimg {margin-right:10pt; display:none;} /* image before chapter title */
.chapter span.titlenum {} /* chapter number before chapter title */
.chapter #summarydiv {font-weight:normal;font-size:100%;margin:10pt 5pt 10pt 5pt;color:black} /* chapter summary text, to add border: border:black solid;border-width:.5pt .5pt*/
.chapter .tocdiv {} /*toc listing as numbers*/
.chapter .toc {display:block;font-size:100%;list-style-type:none;} /*toc listing as bullets*/
.chapter ol.toc {padding-left:0;} /*toc listing as numbers*/
.chapter ol.toc li {margin-right:10px} /*toc listing as bullets*/
.chapter .sub1 {width:100%;display:block;padding:0.5em;margin-bottom:1em;border-bottom:solid #166c48 2px;}
.chapter .nm2 {display:none;} */turns off page numbering */
.chapter .sub1 a {text-decoration:none;color:#166c48;}
.chapter .sub1 a:hover {color:#f86f34;}
.chapter .sub1:after {position:absolute;right:15%;;content:">";font-weight:bold;}
.map ol.toc li a, .map ol.toc li li a 
/* *rgb --------------------- */
/* *vertical=0               
*en:classic 
title is large, bold, left aligned with a 15pt margin 
summary is left aligned with a 15pt margin 
sub pages are on bottom, with graphics 
 */

/* bullet page - subpage links can be placed left or right + hack for ie 5 */
span.bulpagediv{} /* surrounds bullets + text-box subpage links */
span.bulpagediv55{}
#buldiv {}  /* surrounds just bullets */
#buldiv55 {}
/* if page has no test, tellmore, netlinks or subpage without text */
span.bulpagediv_no{} /* bullet page border */
span.bulpagediv55_no{}
/* if page has no true, tip, try-this, sbs or subpage with text */
#buldiv_no {}
#buldiv55_no {}

.bulletpage .titleline {} /* title line control */
body.bulletpage span.titleimg {display:none;float:left;} /* graphic before page title */
.bulletpage span.titlenum {font-size:110%;}/* chapter and page number before page title */
.bulletpage .title{font-size:110%;} /* page title */
.titletable {} /* border around title line */
.bulletpage #summarydiv {margin: 20pt 0 20pt 5pt; font-size:100%}/* page summary*/
/* so we can put subpage links right or left. this includes a hack for ie 5 */
.bulletdiv {display:block;}  /* surrounds all bullets */
.bulletimg1 {display:none;} /* bullet graphic level 1*/
.bulletimg2 {display:none} /* bullet graphic level 2*/
.bulletimg3 {display:none} /* bullet graphic level 3*/
ol.bullet1 {list-style-type:none;margin-left:-2em;}/* bullet list style - list e.g. numbering scheme */
li.bullet1 {margin:10pt 0 10pt 0pt;}  /* individual bullet properties, e.g color, margin */
ol.bullet2 {list-style-type:none;margin-left:-2em;}
li.bullet2 {}
ol.bullet3 {list-style-type:none;margin-left:-2em;}
li.bullet3 {}
ol.bullet4 {list-style-type:none;margin-left:-2em;}
li.bullet4 {}
ol.bullet5 {list-style-type:none;margin-left:-2em;}
li.bullet5 {}
ol.bullet6 {list-style-type:none;}
li.bullet6 {}

/* for older browser (ns4.x) using ol above doesn't work.  also for classic readygo format, the items below are used instead of ol above.  */
.bullettable{width:90%;}/* block around bullet list */
.bullet0 {}
.bullet1 {}/* actual bullet text */
.bullet2 {}
.bullet3 {}
.bullet4 {}
.bullet5 {}
.bulletimg1 {margin-left:10pt; margin-top:10px;} /* actual bullet point graphic - identifying a graphic here will overwrite wcb chosen bullets */
.bulletimg2 {margin-left:10pt; margin-top:10px;}
.bulletimg3 {margin-left:10pt; margin-top:10px;}
.bulletimg4 {margin-left:10pt; margin-top:10px;}
.bulletimg5 {margin-left:10pt; margin-top:10px;}
.bulletimg6 {margin-left:10pt; margin-top:10px;}

/*global settings for drill down elements */

#subpagelinkstext {margin: 10pt 20pt 5pt 20pt;text-align:left;}/*location for drill down bars */
.linkdiv { } /*background for drill down bars */
.linkdiv2 {} /* location for drill down links */
#subpagelinksbtn {display:block;width:100%} /*location of drill down buttons */
.linktabl {}/*text within drill down bars */
.linkimg { float:left;}/*graphics for all drill down titles */
.linkimg2 { vertical-align:middle;}/*mouse over graphics for all drill down titles */
.linkalt {display:none;}/*all drill down titles as text */
.link {}/*drill down bar text */
#subpagelinksbtn {}/* block for links to drill down pages */
.bulletpage span.true .linkdiv{background-color:transparent;}
.bulletpage span.tip .linkdiv {background-color:transparent;}
.bulletpage span.step .linkdiv {background-color:transparent;}
.bulletpage span.try .linkdiv {background-color:transparent;}
.bulletpage span.try span.linkdiv table {background-color:none;border:none;width:90%;}
span.step span.linkdiv table td.firstcol {width:10%;}

/*settings for individual drill down elements */

.tipdiv {} /* tip border - will overwrite wcb */
#tiptabl {} /* tip background-color - will overwrite wcb */
.tipimg {float:left;} /* tip graphic - will overwrite wcb */
span.link span.tip {padding-left:10px;} /* tip text*/

.truediv {} /* true border - will overwrite wcb*/
#truetabl {} /* true background-color - will overwrite wcb*/
.trueimg {}  /* true graphic - will overwrite wcb */
span.link span.true {padding-left:10px;} /* true text */

span.step div.linkdiv {} /* step border - will overwrite wcb */
.linktablstep {} /* step background-color - will overwrite wcb */
span.linkimg span.step {} /* step graphic - will overwrite wcb */
span.linkalt span.step {} /* step rollover graphic - will overwrite wcb */
span.link span.step {padding-left:10px;} /* step text */

span.subtext div.linkdiv {} /* sub page as bar border - will overwrite wcb */
span.subtext .linktabl {} /* sub page as bar background-color - will overwrite wcb */
span.linkimg span.subtext {} /* sub page as bar graphic - will overwrite wcb */
span.linkalt span.subtext {} /* sub page as bar rollover graphic - will overwrite wcb */
span.link span.subtext {padding-left:10px;} /* sub page as bar text */

span.try div.linkdiv {} /* try this border - will overwrite wcb */
.linktabltry {} /* try background-color - will overwrite wcb */
span.linkimg span.try {} /* try graphic - will overwrite wcb */
span.linkalt span.try {padding-left:10px;} /* try rollover graphic - will overwrite wcb */
span.link span.try {padding-left:10px;} /* try text */

span.netlink div.linkdiv2 {}/* netlink border - will overwrite wcb */
span.netlink .linktabl {} /* netlink background-color */
td.netlinktd  {width:50px;height:40px;padding-left:10px; padding-right:30px} /* netlink graphic - will overwrite wcb */
span.linkimg span.netlink {padding-left:25px;} /* netlink graphic - will overwrite wcb */
table.netlink {margin-right:3em;} /* netlink linkto location */
table.netlink td {} /* netlink linkto location */
#groupnetlink table, #groupnetlink td {font-size:80%;} /* netlink linkto location */
td.netlink {}
.linkimg .netlink {}
#groupnetlink {} /* border around linkto */
span.linkalt span.netlink {} /* netlink text instead of graphic */
#link.netlink {text-align:left;margin-left:0pt;width:20%} /* netlink linkto text */

span.tell div.linkdiv2 {} /* tell me more border - will overwrite wcb */
span.tell .linktabl {} /* tell me more background-color */
span.linkimg span.tell {} /* tell me more graphic - will overwrite wcb */
span.linkalt span.tell {} /* tell me more rollover graphic - will overwrite wcb */
span.link span.tell {padding-left:10px;} /* tell me more text */

#linkdiv2.test {} /* test border - will overwrite wcb */
.linktabltest {} /* test background-color */
span.linkimg span.test {} /* test graphic - will overwrite wcb */
span.linkalt span.test {} /* test rollover graphic - will overwrite wcb */
span.link span.test {padding-left:10px;} /* test text */

span.quiz div.linkdiv2 {} /* quiz border - will overwrite wcb */
span.quiz .linktabl {} /* quiz background-color */
span.linkimg span.quiz {} /* quiz graphic - will overwrite wcb */
span.linkalt span.quiz {} /* quiz rollover graphic - will overwrite wcb */
span.link span.quiz {padding-left:10px;} /* quiz text */

span.subbtn div.linkdiv2 {} /* sub page bottom border - will overwrite wcb */
span.subbtn .linktabl {} /* sub page bottom background-color */
span.linkimg span.subbtn {float:left;vertical-align:middle;font-size:100%; font-weight:bold;margin-top:10px;} /* sub page bottom graphic - will overwrite wcb */
span.linkalt span.subbtn {} /* sub page bottom rollover graphic - will overwrite wcb */
span.link span.subbtn {padding-left:10px;} /* sub page bottom text */
span.linkimg span.test {}
div.linkdiv2 span.testdiv {display:none}
table.testtable {}

span.linkimg span.testdiv {}
span.linkdiv span.testdiv{}
span.linkalt span.testdiv{display:none;}
table.linktabltest {}
span.linkimg span.test {}
div.linkdiv2 span.testdiv {}
.bulletpage .nm3 {display:none;}
.bulletpage .nm3let {display:none;}
.scoreinstr {display:block;}
/* *rgd --------------------- */
/* *en:title is large, bold, left aligned with a 15 pt margin 
text has a 15 pt margin 
 */

.tell .titleline {} /* title line control */
.tell .title{font-size:120%;font-weight:bold} /* page title */
.tell .titletable{} /* title line background */
.tell .txtblk {margin:10pt 0 10pt 10pt;margin-left:10pt;margin-left:15pt; } /* page text */
.try .titleline {} /* title line control */
.try .title{font-size:120%;font-weight:bold} /* page title */
.try .titletable{} /* title line background */
.try .txtblk {margin:10pt 0 10pt;margin-left:15pt;} /* page text */

/* step by step (sbs) */
.sbspage .titleline {} /* title line control */
.sbspage .title{font-size:120%;font-weight:bold} /* page title */
.sbspage .titletable{} /* title line background */
.sbspage #summarydiv {margin-left:15pt;} /* page summary */
.sbspage table.sbstable {margin-left:15pt;border:solid 1pt gray;width:80%} /* border around sbs table */
.sbspage table.sbstable tr.sbsheadrow {background-color:#cfffcf; font-weight:bold} /* sbs table heading */
.sbspage table.sbstable td,th {border:outset 1pt gray;} /* border around cells in a sbs table */
.sbspage td.sbsnum, th.sbsnum {font-weight:bold;text-align:center;width:10%} /* numbers column (first column) in an sbs table */
.sbspage td.sbsinstr, th.sbsinstr {} /* instruction column (second column) in an sbs table */
.sbspage td.sbsgraph, th.sbsgraph {} /* content column (third column) in an sbs table */
.sbspage #summarydiv {margin:10pt 0 10pt; } /* page text */
.sbsgraphic {} /* graphic in content column (third column) in an sbs table */
.sbsgraphictxt {} /* text in content column (third column) in an sbs table */
.sbsmore {margin-top: 8pt;margin-left:15pt;} /* text under sbs table */

.quiz .titleline {} /* title line control */
.quiz .title{font-size:120%;font-weight:bold} /* page title */
.quiz .titletable{margin:10pt 0 0 10pt} /* title line background */
.quiz #summarydiv{border:none; margin:10pt 0 10pt 15pt;} /* summary border */
.quiz #summaryspan{font-size:100%} /* summary text */
.quiztable {width:90%;font-size:100%;} /* quiz question and choice block */
.quiz td.quiztable {margin-left:25pt} /*table cells for quiz choices */
.quizimg {margin-left:15pt;} /* quiz question graphic e.g."q" */
.quiznum {font-weight:bold;font-size:120%} /* number before quiz question text */
.quizquest{display:block;display:table-cell;vertical-align:top; } /* quiz question number and text*/
.quizans1 {display:table-cell;vertical-align:top;font-size:90%} /* quiz choice text for choice and first column */
#quiza {display:block;}
.quizanum1 {font-weight:bold;display:table-cell;vertical-align:top;} /*quiz choice number for choice and first column  */
.quizalet1 {display:none} /* quiz choice letter for choice and first column  */
.quizans2 {vertical-align:top;display:table-cell;vertical-align:top;} /* quiz choices text for second column*/
.quizanum2 {} /* quiz choice matching columns - second column number */
.quizalet2 {font-weight:bold;display:table-cell;vertical-align:top; } /* quiz choice matching columns - second column letter */
#quizcov1 {margin-left:10pt; display:block;} /* quiz cover */
#quizcov2 {margin-left:10pt;display:block;} /* quiz cover*/
#quizcov3 {margin-left:10pt;display:block;} /* quiz cover*/
#quizcov4 {margin-left:10pt;display:block;} /* quiz cover*/
#quizcov5 {margin-left:10pt;display:block;} /* quiz cover  */
#quizcov6 {margin-left:10pt;display:block;} /* quiz cover */
#quizcov7 {margin-left:10pt;display:block;} /* quiz cover  */
#quizcov8 {margin-left:10pt;display:block;} /* quiz cover */
#quizcov9 {margin-left:10pt;display:block;} /* quiz cover  */
#quizcov10 {margin-left:10pt;display:block;} /* quiz cover  */
#quizright1 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright2 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright3 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright4 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright5 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright6 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright7 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright8 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright9 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */
#quizright10 {margin-left:20pt;display:none;height:207px;font-weight:bold;width:80%;text-align:center} /* quiz roll-over  */

.test input[type="text"], .test input[type="textarea"] {font-size:2em;}
.test .titleline {} /* title line control */
.test .title{font-size:120%;font-weight:bold; color:#000000} /* page title */
.test .titletable{} /* title line background */
.tstinstr {margin:10pt 0 10pt 0pt;font-size:100%} /* summary at top of page */
.test table.testtable {width:100%;margin-left:0pt;} /* test question and choice block */
.test table.testtable td {}
.test td.testqimg {vertical-align:top;display:none;} /* image before test question */
.test td.testquest {vertical-align:top; font-size:100%} /* test question text */
.test td.testans {border:none;}
.testq {}
.testqnum {font-size:100%;vertical-align:top;display:table-cell;} /* test question number text */
/* doesn't make sense for > 100 quest #testqlet {display:none;} */
.testquest {font-size:100%;margin-bottom:5pt;display:table-cell;}/* test question text */
.testansgrp {margin-left:0em;display:block;width:100%;}
.testa {display:block;font-size:100%} /* grouping for each possible answer */
span.testprefdiv div.testansgrp {border:black 2pt double;}
.testanum {display:none;font-weight:bold;font-size:100%;vertical-align:top;} /* test choices numbers (1 2 3) */
.testalet {font-size:90%} /* test choices letters (a b c) */
.testans  {font-size:90%} /* test choice text */
span.testansgrp span.testpref {margin-right:1em;} /* preference question choice text */
.testquestimg {}
.testansimg {}
.test table.testpref {border:none;}
#result {font-weight:bold;margin:5pt 0pt 0pt 0pt;} /* scoring instructions "your score will ..." */
#result.instr {} 
#result.quest {}
#result.rightans {}
#result.wrongans {color:red}
#result.img {}
#testbutton {margin-left:20pt;margin-top:10pt; font-size:75%} /* test button */
.sst #summarydiv {}  /* most text from sst is in the summary */
.sst #summaryspan {}
.sst table.testtable {}  /* table that controls layout of test pages */
.sst td.testqimg {}  /* "q" image next to each question */
.sst td.testquest {} /* text of a question on the question page */
.sst span.testansgrp span.testpref {}  /* group of selection titles for preference questions */
.sst span.testans span.testpref {} /* text of individual preference/likert selection */
.sst td.testpref{}  /* table cell for preference questions */
.sst span.submit span.test {}  /* "submit" button for all test/forms */ 
.sst .titleline {}  /* title line when sst generates */
.sst span.titleimg {vertical-align:top;float:left;}  /* title image for sst-generated page */
.sst .title{}  /* title text for sst generated page */
.sst .form {}  /* any forms such as registration generated by sst.  test forms are handled separately */
.formtitle {} /* title above form for registration */
/* the following are used for feedback/results pages with sst */
span.resultblk span.txt {}  /* for text "feedback:"  and "question number"*/
span.resultblk span.rightans {color:green;} /* if displaying correct answer to question */
span.resultblk span.wrongans {color:red;} /* if displaying student's answer when it is wrong. */
span.resultblk span.rightquest {color:green;}  /* if displaying question text - student answers right */
span.resultblk span.wrongquest {color:red;} /* if displaying question text - student answers wrong */
span.resultblk span.youans {}  /* for text "you answered:" */
span.resultblk span.corrans {}  /* for text "correct answer: " */
span.resultblk span.num {margin-left:1em;width:3em;}  /* question number */
span.resultblk img {}  /* any images such as "q", check, and "x" that appear in feedback */
span.resultblk span.select {}  /* for multiple-selection feedback */.sst #summarydiv {}  /* most text from sst is in the summary */
.sst #summaryspan {}
.sst table.testtable {}  /* table that controls layout of test pages */
.sst td.testqimg {}  /* "q" image next to each question */
.sst td.testquest {} /* text of a question on the question page */
.sst span.testansgrp span.testpref {}  /* group of selection titles for preference questions */
.sst span.testans span.testpref {} /* text of individual preference/likert selection */
.sst td.testpref{}  /* table cell for preference questions */
.sst span.submit span.test {}  /* "submit" button for all test/forms */ 
.sst .titleline {}  /* title line when sst generates */
.sst span.titleimg {vertical-align:top;float:left;}  /* title image for sst-generated page */
.sst .title{}  /* title text for sst generated page */
.sst .form {}  /* any forms such as registration generated by sst.  test forms are handled separately */
.formtitle {} /* title above form for registration */
/* the following are used for feedback/results pages with sst */
span.resultblk span.txt {}  /* for text "feedback:"  and "question number"*/
span.resultblk span.rightans {color:green;} /* if displaying correct answer to question */
span.resultblk span.wrongans {color:red;} /* if displaying student's answer when it is wrong. */
span.resultblk span.rightquest {color:green;}  /* if displaying question text - student answers right */
span.resultblk span.wrongquest {color:red;} /* if displaying question text - student answers wrong */
span.resultblk span.youans {}  /* for text "you answered:" */
span.resultblk span.corrans {}  /* for text "correct answer: " */
span.resultblk img {}  /* any images such as "q", check, and "x" that appear in feedback */
span.resultblk span.select {}  /* for multiple-selection feedback */.sst #summarydiv {}  /* most text from sst is in the summary */

.test input[type="radio"], .test input[type="checkbox"] { 
  appearance:normal;  /* resets various properties */
  display:inline-block;
  -khtml-appearance:none;
  -moz-appearance:none;
} 
.test input[type="radio"] { 
  background:url(graphics/radio1.png);
}

.test input[type="radio"]:active {
  background:url(grahpics/radio1.png);
}

.test input[type="radio"]:checked {
  background:url(graphics/radio2.png);
}
.test input[type="checkbox"] { 
  background:url(graphics/check1.png);
}

.test input[type="checkbox"]:active {
  background:url(grahpics/check1.png);
}

.test input[type="checkbox"]:checked {
  background:url(graphics/check2.png)}
.hintreset {background-color:#aaaaaa;border:2px black outset;margin-top:5pt;margin-bottom:5pt;text-align:center;cursor:pointer;display:block;}
.hint {display:none;background-color:#ccccff;border: 1px solid #aaaaff}

.sst #summarydiv {}  /* most text from sst is in the summary */
.sst #summaryspan {}
.sst table.testtable {}  /* table that controls layout of test pages */
.sst td.testqimg {}  /* "q" image next to each question */
.sst td.testquest {} /* text of a question on the question page */
.sst span.testansgrp span.testpref {}  /* group of selection titles for preference questions */
.sst span.testans span.testpref {} /* text of individual preference/likert selection */
.sst td.testpref{}  /* table cell for preference questions */
.sst span.submit span.test {}  /* "submit" button for all test/forms */ 
body.sst span.titleline {}  /* title line when sst generates */
body.sst span.titleimg {vertical-align:top;float:left;}  /* title image for sst-generated page */
body.sst span.title{}  /* title text for sst generated page */
body.sst span.form {}  /* any forms such as registration generated by sst.  test forms are handled separately */
span.formtitle {} /* title above form for registration */
/* the following are used for feedback/results pages with sst */
span.resultblk span.txt {}  /* for text "feedback:"  and "question number"*/
span.resultblk span.rightans {color:green;} /* if displaying correct answer to question */
span.resultblk span.wrongans {color:red;} /* if displaying student's answer when it is wrong. */
span.resultblk span.rightquest {color:green;}  /* if displaying question text - student answers right */
span.resultblk span.wrongquest {color:red;} /* if displaying question text - student answers wrong */
span.resultblk span.youans {}  /* for text "you answered:" */
span.resultblk span.corrans {}  /* for text "correct answer: " */
span.resultblk img {}  /* any images such as "q", check, and "x" that appear in feedback */
span.resultblk span.select {}  /* for multiple-selection feedback */
.testbnum {}
.testblet {display:none}
.quizhot {position:relative;top:140px;left:200px;width:4em;height:1em;z-index:10;}
div.quizright {z-index:5;position:relative;top:0;left:0;min-width:400px;min-height:200px;margin-left:20pt;display:none;font-weight:bold;width:80%;text-align:center;}
div.quizcover {position:relative;top:0;left:0;margin-left:10pt; display:block;}
/* *rgh --------------------- */
/* *en:classic 
bookmark buttons are centered, 15pt's below last chapter listing 
 */

body.side {font-size:90%;width:100%;}
.sidetitle {display:none;font-size:0px} /* course title */
#sidetitle {display:none;}
.side #logo {text-align:center;} /* sidebar graphic - will overwrite wcb */
/* to float bottom add: ;margin-bottom:1pt;position:fixed;bottom:2pt;} */
body.side span.pagediv {} /* sidebar border*/
div.side {}
.side table,.side tr,.side td {padding:0;}
.side table td,th {}
.side table td.sidetd a {border:none;}
/* for button-style links: .side table td.sidebut {border:gray outset medium;font-weight:bold;} */
.side .sidetri {}

.side {font-weight:bold; text-decoration: none;}
.side a {text-decoration: none;}
.side a:visited {color: #80ffff; text-decoration: none;}
.side a:hover {color: #80ffff; text-decoration: none;}
.side .savegoto {text-align:center;vertical-align:top;}
.side #save {font-weight:bold;} 
.side #goto {font-weight:bold;}
.side #report {}
.trigger{cursor: pointer;}
.sublevel1 {position:relative;left:-1em;display:none;}
.layer1 {font-size:8pt;background-color:blue;}
.sublevel2 {position:relative;left:-1em;display:none;}
.layer2 {font-size:8pt;background-color:red;margin:0;}
#trigger1{cursor: pointer;}
.side .sub1 {}
.side .sidetri{}
.side tr, .side td, .menu tr, .menu td {display:inline-block}
.side td.sidebut{}
.side .sub2 {}
.side .nm1 {}
.side .nm2 {}
.side .nm3 {}
.sidebktxt {display:none}
.menubktxt {display:none}
.chapter #pagediv {text-align:left;}
.continue {display:block;height:4em;vertical-align:middle;margin-top:1em;}
.main #fwdbtnbotalt a {display:none;height:4em;}
/* *rgf --------------------- */
/* *en:classic 
sidebar has indentation, text-based links on menu,  
services bar text is bold, centered 
 */

/* services bar */
body.menu {padding:0em;}
body.menu span.pagediv {} /* services bar border*/
.menu {}
.menu table tr td a {text-decoration: none;display:inline;} 
.menu a:visited {text-decoration: none;}
.menu a:hover {text-decoration: none;}
.menu table{font-weight:bold;} /* menu page table - used for spacing */
.menu img {}
.menu table, .menu tr {display:inline-block;}
.menu td {display:inline-block;}
.menu .hometxt {} /* text for the home button */
.menu .homeimg {width: 100px; height:100px;} /* graphic for the home button */
.menu .faqtxt {} /* text for the faq button */
.menu .faqimg {} /* graphic for the faq button */
.menu .glosstxt {} /* text for the glossary button */
.menu .glossimg {} /* graphic for the glossary button */
.menu .helptxt {} /* text for the help button */
.menu .helpimg {} /* graphic for the help button */
.menu .toctxt {} /* text for the toc button */
.menu .tocimg {} /* graphic for the toc button */
.menu .exittxt {} /* text for the exit button - used for lms's */
.menu .exitimg {} /* graphic for the exit button - used for lms's */

.help .titleline {margin:0;width:100%;} /* help title line (graphic and title)*/
.help .title{font-size:120%;} /* help title */
.help .titletable{}
.help .titleimg {display: none;margin-right:10pt;}
.help #summarydiv {display:block;margin:10pt 0 20pt 15pt;} /* summary text */
.help #summaryspan {}
.help a {font-size:1.5em;}
body.help div.txtblk {width:80%;margin:1em 0 2em 0;display:block}
body.help div.txtleft {font-size:90%;display:block;float:left;width:60%;}
body.help div.txtright {font-size:90%;display:block;}
.faqs .titleline {margin:0;width:100%;} /* faq title line (graphic and title) */
.faqs .title{font-size:120%;} /* faq title */
.faqs .titletable{} 
.faqs .titleimg { margin-right:10pt; display:none;} /*graphic before faq title */
.faqs #summarydiv {margin:10pt 0 10pt;} /* border around summary */
.faqs #summaryspan {display:block} /* summary text */
.faqs h1.cat {text-align:center;font-size:140%} /*category title */
.faqs h2.cat {font-size:100%;} /* category title before question listing and q and a */
.faqs a {display:block;margin-bottom:1em;}
.faqs h2.ans {text-align:center;font-size:120%;} /* answer title */
.faqs h1.quest {text-align:center;font-size:120%} /*question title */
.faqs ol.quest {list-style-type:none;margin-left:0px;} /* question answer text */
.faqs ol.quest li {margin-left:-1em;}
.faqs ol.quest li .faqq2 {background-color:white;display:block;-moz-border-radius:8px;
        -webkit-border-radius:8px;}
.faqs li.quest {margin-left:0;font-size:90%;}
.faqs .anstxt {font-style:italic;font-size:100%;margin-left:1em;margin-top:.5em;margin-bottom:.5em} /* the word answer before the answer */
.faqs .ans {margin-left:1.5em;font-size:90%;} /* faq answer */

.map #outerdiv {}
.map .titleline {margin-left:0pt;width:100%;} /* map title line */
.map .title{font-size:120%;} /* map title */
.map .titleimg {display:none; margin-right:1pt; } /*graphic before map title */
body.map span.pagediv{}
.map a {text-decoration:none;margin-bottom:1em;display:block;} /*all linkto text in map*/
.map ol a {width:100%;display:block;padding:0.5em;margin-bottom:1em;border-bottom:solid #166c48 2px;}
.map ol a:after {position:absolute;right:15%;;content:">";font-weight:bold;}
.map ol {list-style-image:url("images/black-bullet.gif");padding-left:1px} /* chapter listing bullet points - to display as a bullet point use ;list-style-image:url("images/bulletpoint.gif"); to list as numbers: list-style-type:decimal;margin-left:15pt*/
.map ol li {} /*page listing bullet points */
.map ol ol li {display:none}/*sub-page listing bullet points */
.map ol ol ol {list-style-image:none;list-style-type:none;}
.map ol ol ol li {}
.map ol.toc li a, .map ol.toc li ol li a {width:100%;display:block;padding:.5em;}
/* support for older browsers */
.map .nm1 {display:none;} /*chapter listing as a number */
.map .nm2 {display:none;} /*page listing as a number */
.map .nm3 {display:none;} /*sub-page listing as a number */

body.glossidx {}
.glossidx {}
.glossidxitem {width:80%;} /*term listing on sidebar */
.glossidxitem:before {} /* bullet point before term listing on sidebar */
body.glossidx .sidetri {display:none;}
div.glossidx .sidetri {display:none;}
div.glossidx .glossidxitem {}
.gloss h2 {width:98%;margin-top:0px;}
.glossidx a {color: white; text-decoration: none; font-weight:bold;}
.glossidx a:visited {color: white; text-decoration:none;}
.glossidx a:hover {color: #80ffff; text-decoration: none;}
.gloss .titleline {width:98%;}
.gloss .title{font-size:120%;width:100%;} /* main glossary page - glossary title */
.gloss #summarydiv {margin-top:50pt;width:80%} /* main glossary page - glossary summary statement */
body.gloss span.titleimg {display:none; list-style-type:none;} /*graphic before main glossary page title*/
.gloss h2 {} /* glossary word on definition sheet */
.gloss h2:before {}
body.gloss div.txtblk {clear:both;} /* term definition text */
body.gloss div.txtcenter {}
body.gloss div.txtright {}
body.gloss div.txtleft {}
.gloss #audiobtn {} /* audio button location */
.gloss .graphicleft{} /* graphic locatin left */
.gloss .graphiccenter{} /* graphic locatin center */
.gloss .graphicright{} /* graphic locatin right */
/* *rgg --------------------- */
/* *en:classic 
instruction page has a 15pt left margin 
 */

/* instruction page */
.instr .titleline {margin-left:15pt;} /* title line */
.instr .title {font-size:120%;} /* page title */
.instr .titleimg {position:relative;top:-.1em;display:none;}
.instr #summarydiv {margin-top:15pt; margin-bottom:15pt;margin-left:15pt} /* page summary */
body.instr span.txtblk {font-size:90%;} /* top of page instructions*/
.instr h1 {font-size:120%; margin-left:15pt} /* sub titles - e.g. course structure */
.instr dl {margin-left:15pt;} /* services and side bar names and services bar instructions */
.instr dt {font-weight:bold;} /* services and  side bar names */
.instr dd {margin-left:10em;position:relative;top:-1em;} /*services and side bar instructions */
.instr b {font-weight:bold;} /* highlights within text */
.instr .linktxt {margin-left:15pt;display:block; font-size:83%} /* instructions in sub-page table  */
img.instr {display:none} /* buttons in sub-page table */
.instralt {font-size:100%;font-weight:bold;} /* sub-page button lables */
.instrimg {} /* sub-page buttons */
table.instr {margin-left:15pt;border:solid 0pt black;border-collapse:collapse;clear:both;} /*border around sub-page table */
tr.instr, td.instr {margin-left:15pt;border:solid 0pt gray;border-spacing:0pt;} /* cells in sub-page table */
.instr p {margin-left:15pt;display:block;} /* page text (includes top of page instructions) */

.cert .titleline {width:90%;border:solid black;border-width:0 0 1pt 0;}
.cert .title{}
.cert .titletable{}
body.cert span.pagediv{}
.cert {}