html{
overflow-y:-moz-scrollbars-vertical; /* shows right scroll all the time to avoid screen jumping on smoke out */
overflow-y:scroll;
}
html.noscroll{ /* this class is applied when I popup a layer window (iframe) and dont' want them scrolling */
position:fixed;overflow-y:scroll;width:100%;
}
table.peachbg100{
background:#FAC090;width:100%;
}
.extremelybig{
font-size:80px;
}
.bodyThird{
width:33%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyThirdLast{
width:34%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyTwoThirds{
width:66%;float:left;margin:0 !important;padding:0 !important;
}
.bodyHalf{
width:50%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyHalfTablet{ /* changes to 100% on tablets as well as mobile */
width:50%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyHalfTablet span.nobr{
font-size:15px;
}
.bodyHalfEvenOnMobile{ /* not overridden on mobile */
width:50%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyFourth{
width:25%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyThreeFourths{
width:75%;float:left;margin:0 !important;padding:0 !important;border:0 !important;
}
.bodyPad{
padding:20px;
}
.bodyPadSmall{
padding:10px;
}
.bodyPadTiny{
padding:5px;
}
/* displays only on mobile version */
.mobileOnly{
display:none;
}
span.mobileOnlySpan{
visibility:hidden;
}
/* make mobile table */
table.makeMobile tbody tr:nth-of-type(2n){ /* stripped rows */
background-color:#f0f0f0;
}
table.makeMobile th{ /* nice heading row */
background-color:#018DB1;font-weight:bold;color:#ffffff;
}
table.makeMobile th,table.makeMobile td{
 padding:8px 18px 8px 18px;vertical-align:top;
}
table.makeMobile tbody tr td:nth-of-type(1){ /* bold first column */
font-weight:bold;
}
.square{
 width:15px;height:15px;background:white;border:1px solid black;display:inline-block;margin-right:3px;
}
ul.squareli,ul.square{
list-style-type:square;
}
.VLgHeadiTxt{
 font-weight:bold;font-size:24px;
}
.LgrHeadiTxt{
 font-weight:bold;font-size:21px;
}
.LgHeadiTxt{
 font-weight:bold;font-size:18px;
}
.MdHeadiTxt{
 font-weight:bold;font-size:20px;
}
.SmHeadiTxt{
 font-weight:bold;font-size:18px;
}
.NormTxt{
 font-size:20px;
}
.SmTxt{
 font-size:19px;line-height:normal;
}
.TinyTxt{
 font-size:18px;line-height:normal;
}
.DinkyTxt{
 font-size:13px;line-height:1.4;margin:0;
}
H1{ /* Used for Page Title - font size is Page Body Font Size + 6 pixels */
font-weight:bold;font-size:30px;font-family:'Open Sans',sans-serif;margin-top:0px;margin-bottom:15px;padding-top:15px; /* do with padding, not top margin, so it does not put space above the h1 tag on the site */
 text-align:center;
}
H2{ /* Font size is Page Body Font Size + 3 pixels */
font-weight:bold;font-size:25px;font-family:'Open Sans',sans-serif;margin-top:0px;margin-bottom:10px;color:#667667;text-align:center;
}
H3{ /* Font size is Page Body Font Size + 2 pixels */
font-weight:bold;font-size:20px;font-family:Arial,helvetica,sans-serif;margin-top:0px;margin-bottom:10px;
}
UL,OL{
margin:5px 0 5px 0;
}
IMG{
border:0
}
TABLE{
border-collapse:collapse;
}
FORM{
margin:0px;
}
/* Template Section DIVS */
#SiteBackgroundDiv{ /* BODY Background Area */
margin:0;padding:0;width:100%;height:100%;background:#222222;font-size:20px;font-family:Arial,helvetica,sans-serif;
}
.hiddenSlide{
height:auto;display:none;
}
#SiteBodyDiv{ /* template width */
width:75%;margin:0 auto 0 auto;background:transparent;
}
#PageBodyDiv{
position:relative;overflow-x:hidden; /* so they can't push it out too wide */
background:transparent;color:#000000;
}
hr{ /* default settings for normal hr tag:display:block;margin-top:0.5em;margin-bottom:0.5em;margin-left:auto;margin-right:auto;border-style:inset;border-width:1px;*/
}
hr.dash{
border:0;border-bottom:1px dashed #eeeeee;background:#dddddd;margin-top:1px;margin-bottom:1px;
}
hr.dashOrange{
border:0;border-bottom:2px dashed  #FFECE5;background:#FFA57D;margin-top:1px;margin-bottom:1px;
}
.headDiv{
width:75%;padding:5px;background:#eeeeee;margin:0 auto 0 auto;border-radius:10px;-moz-border-radius:10px;
}
table.header{
width:100%;
}
table.header tr td.logoDiv{
padding-right:30px;width:90px;vertical-align:middle;
}
table.header tr td.logoDiv img{
width:90px;height:auto
}
table.header tr td.startDiv{
width:130px;padding-right:30px;
}
table.header tr td.headerPgm{
vertical-align:middle;
}
table.header tr td.isae{
width:270px;
}
table.header h2.isae{
text-align:center;margin:0 0 8px 0;font-size:17px;
}
.startDivMobile{ /* mobileOnly */
display:none;margin-top:10px;width:130px;
}
a.startButton{
display:block;text-align:center;text-decoration:none;font-weight:bold;color:white !important;background:#F84D02;padding:8px;border-radius:8px;-moz-border-radius:8px;font-size:15px;cursor:pointer;
}
a.logoutButton{
display:block;float:right;text-align:center;text-decoration:none;font-weight:bold;color:white !important;background:purple;padding:8px;border-radius:8px;-moz-border-radius:8px;font-size:15px;cursor:pointer;overflow:hidden;margin-right:30px;
}
p.refreshNote{font-size:19px;
background:#f7f7f7;
border-radius:10px;
-moz-border-radius:10px;
color:red;padding:4px;margin:15px 15px 15px 15px;text-align:center;}
#slideMain{
font-family:Arial,helvetica,sans-serif;color:black;margin:0;padding:10px;
min-height:400px;
}
#slideMain table:nth-child(1){
min-height:400px;
}
#slideMain li{
margin-bottom:15px;
}
.sm-item-box{
overflow:hidden;padding:10px;border:1px solid #cccccc !important;border-radius:10px;-moz-border-radius:10px;background:#ffffff;
}
.sm-item-box a, .sm-item-box a:link, .sm-item-box a:active{
color:#000080;
}
.sm-item-box a:hover, .sm-item-box a:visited{
color:purple;
}
div.worksheet126{
font-family:arial,helvetica,sans-serif !important
}
td.nobrsmall{ /* for page 126 worksheet */
white-space:nowrap;font-size:12px;padding:3px;
}
td.nobrnorm{ /* for page 126 worksheet , normal size, still 3 padding*/
padding:3px;
}
#triangle-down{
width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:50px solid #404040;
}
.purple{
color:purple
}
.arrow-right{
 display:inline-block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid green;margin-left:15px;margin-right:15px;
}
.stampDiv{
width:240px;border:3px solid #800000;border-radius:8px;-moz-border-radius:8px;padding:20px;text-align:center;margin:40px auto 0 auto;
}
.stamp{
font-size:35px;font-family:'Kumar One',sans-serif;color:#800000;
}
.classVideo{
 width:95%;height:480px;
}
table.pageTopTable{
width:100%;
}
table.pageTopTable tr td{
width:25%;padding:0;vertical-align:middle;font-family:arial,helvetica,sans-serif !important;
}
table.pageTopTable tr td.w34{
width:50%;
}
div#mobileTabletInstruction{
display:none;text-align:center;font-size:16px;font-family:arial,helvetica,sans-serif !important;color:yellow !important;line-height:18px;white-space:nowrap;overflow:hidden;margin-top:1px;
}
p.pageNumberTop{
color:white;font-size:17px;text-align:left;line-height:19px;
}
.wimpy-cell{
width:100px;margin:1px auto 1px auto;padding :3px;text-align :center;background-color:#FFFFFF; /* #ffffff */
border-radius:6px;-moz-border-radius:6px;border:1px solid #FFFFFF;
}
a.refreshButton{
display:block;text-decoration:none;font-weight:normal;color:#000000 !important;background:#D1FFD1 !important; /* light green */
border:1px solid #C0FFC0 !important;color:#000000 !important;padding:6px;border-radius:6px;-moz-border-radius:6px;font-size:15px;cursor:pointer;text-align:center;min-width:50px;float:right;margin:10px 0 10px 0;overflow:hidden;
}
.startChapterContainer{
 padding:10px;width:50%;border:1px solid #aaaaaa;border-radius:10px;-moz-border-radius:10;px;margin:0 auto 0 auto;
}
table.start{
 width:100%;
}
table.start tr th{
 width:50%;padding:7px 20px 7px 10px;border-top:2px solid #0077C0;border-bottom:2px solid #0077C0;font-weight:bold;text-align:left;background:#eeeeee;text-transform:uppercase;font-size:17px;
}
table.start tr th:nth-child(2), table.start tr td:nth-child(2){
width:50%;text-align:right;
}
table.start tr td{
padding:10px 20px 10px 10px;border-bottom:1px solid #0077C0;cursor:pointer;
}
table.start tr:last-child td{
border-bottom:0;
}
table.start tr td span.chapter{
color:#265390;font-weight:bold;
}
table.start tr td span.gray{
color:#888888;
}
table.start tr td span.green{
color:green;
}
table.start tr td span.small{
font-family:arial,helvetica,sans-serif !important;font-size:12px;line-height:12px !important;
}
table.start tr td span.red{
color:red;
}
H2.whitetitle{
font-weight:bold;font-size:25px;font-family:'Open Sans',sans-serif;margin-top:12px;margin-bottom:8px;text-align:center;color:#ffffff;
}
.smInstructions{
font-size:18px;color:#F84D02 !important;font-weight:bold;
}
.smBlue{
font-size:18px;color:#2E6EB6 !important;font-weight:bold;
}
.smRed{
font-size:18px;color:red !important;font-weight:bold;
}
.smDark{
font-size:18px;color:#222222 !important;font-weight:bold;
}
.greenSpot{
padding:10px;background:#70AD47;color:white;font-family:arial,helvetica,sans-serif;text-align:center;border-radius:10px;-moz-border-radius:10px;width:50%;margin:0 auto 0 auto;
}
.orangeSpot{
padding:10px;background:#F57A27;color:white;border-radius:10px;-moz-border-radius:10px;
}
.orangeSpot p{
color:white;
}
.brownSpot{
padding:10px;background:#843C0C;color:yellow;border-radius:10px;-moz-border-radius:10px;width:50%;margin:0 auto 0 auto;
}
.blueSpot{
padding:10px;background:#5B9BD5;color:white !important;border-radius:10px;-moz-border-radius:10px;
}
.blackSpot{
padding:10px;background:#000000;color:white !important;border-radius:10px;-moz-border-radius:10px;
}
.yellowSpot{
padding:10px;background:yellow;color:red !important;border-radius:10px;-moz-border-radius:10px;
}
.yellowGradientBg{
border:1px solid aaaaaa;
margin:10px;
padding:25px;
background: rgb(246,211,5);
background: radial-gradient(circle, rgba(246,211,5,1) 88%, rgba(85,85,85,1) 100%);
color:black !important;
}
.main257{
position:relative;margin-bottom:30px;width:600px; /* 2x same as triangle below */
margin:0 auto 30px auto;overflow:hidden;
}
#triangle-up-big-lightblue{ /* for page 257 */
width:0;height:0;border-left:300px solid transparent;border-right:300px solid transparent;border-bottom:300px solid #5B9BD5;margin:0 auto 0 auto;
}
.place257{
position:absolute;left:280px;top:20px;z-index:2;
}
.whiteSpot257{
padding:5px;background:rgba(255,255,255); /* fallback for low I.E. */
background:rgba(255,255,255, 0.5); /* semi-transparent white */
border-radius:10px;-moz-border-radius:10px;border:2px solid #5B9BD5;width:200px;text-align:left;color:black !important;margin-bottom:5px;
}
.whiteSpot257 p{
margin:0;font-size:smaller;
}
.bold{
font-weight:bold;
}
.boldem{
font-weight:bold;font-style:italic;
}
.ital{
font-style:italic !important;
}
.red{
color:red;
}
a.red, a.red:link, a.red:visited, a.red:active{
color:red !important;
}
a.red:hover{
color:#c00000;
}
.blue{
color:#2E6EB6;
}
.bluebright{
color:#0000FF;
}
.green{
color:#008000;
}
a.red:link, a.red:visited, a.red:active{
color:#2E6EB6;
}
a.red:hover{
color:#0A478C;
}
.yellow{
color:yellow;
}
.white{
color:white;
}
.gray{
color:#707070;
}
.clear{
clear:both;
}
.nobr{
white-space:nowrap;
}
.underline{
text-decoration:underline;
}
.tdTop{
vertical-align:top;
}
.tdBottom{
vertical-align:bottom;
}
.tdMiddle{
vertical-align:middle;
}
.msg { 
	border: 1px dashed blue;
	background-color:#FFFF80;
	color:blue;
	width:95%;  
	margin:5px auto 3px auto; 
	padding:8px; 
	border-radius:5px;
	-moz border-radius:5px; 
	text-align:center; 
	font-size:20px;
	font-family:arial,helvetica,sans-serif !important;
}
.err { 
	border: 1px dashed red;
	background-color:#FFFF80; 
	width:95%;  
	margin:5px auto 3px auto; 
	padding:8px; 
	border-radius:5px;
	-moz border-radius:5px; 
	color:red;
	text-align:center;
	font-size:20px;
	font-family:arial,helvetica,sans-serif !important;
}
.loginDiv .err,
.loginDiv .msg{
font-size:15px;
}
#divErrMsg{ /* in inc_Err_Msg.cfm there for addingajax_basic.js to use */
display:none;
}
.roundedCorners{
 border-radius:10px;-moz border-radius:10px;
}
#container{
 display:block;overflow:hidden;width:100%;
}
.blockLeft{
 float:left;
}
.blockRight{
 float:right;
}
.textCenter{
 text-align:center;
}
.textRight{
 text-align:right;
}
.textLeft{
 text-align:left;
}
.textUpper{
text-transform:uppercase;
}
.textLower{
text-transform:lowercase;
}
.textJustify{
 text-align:justify;
}
.blockCenter{
 margin-left:auto;margin-right:auto; /* need to add a width */
}
.hand{
 cursor:pointer;
}
.nodisp{
 display:none;
}
.relative{
position:relative;
}
.tableDiv{
 display:table;
}
.tableCellDiv{
 display:table-cell;vertical-align:middle;
}
div.smCategoryButtonContainer{
background:#E7EEF7; /* very light blue */
border:1px solid #BED8EC;width:99%;margin:5px auto 10px auto;border-radius:10px;-moz-border-radius:10px;padding:0;text-align:center; /* accomodates all browsers and phones */
}
div.smCategoryButtonContainer table{
 margin:0 auto 0 auto;
}
div.smCategoryButtonContainer table tr td.buttons{
 padding:0px;white-space:nowrap;
}
.w3now{
display:block;padding-right:10px;font-size:12px;color:#eeeeee !important;font-family:verdana,tahoma,sans-serif;
}
h1.smChapter{
font-family:'Open Sans', sans-serif;font-size:27px;color:white;background:#3F81C8;padding:9px;border-radius:8px;-moz-border-radius:8px;text-align:center;margin-bottom:20px;
}
.headDiv h1.smChapter{
margin:0;
}
div.exerciseblock{
display:none; /* js displays when needed */
padding:5px;background:#FFDED1;border:1px solid #FFA57D;border-radius:5px;-moz-border-radius:5px;margin:0 auto 20px auto;
}
h1.exerciseblock, div.exerciseblock h1{
padding:10px;background:#FFECE5;border:1px solid #FFA57D;border-radius:5px;-moz-border-radius:5px;display:block;margin:0 auto 15px auto;font-family:'Open Sans', sans-serif;font-size:25px;color:black;text-align:center;
}
img.speaker{ /* image4.png */
margin-left:10px;height:50px;width:auto;float:left;
}
div.formfield{
margin:20px 0 20px 0;
}
.formtitle{
font-weight:bold;font-size:18px;
}
.formErr{
display:block;width:86%;padding:0;margin:0 0 0 2px;height:15px;overflow:hidden;
}
.formErrTxt{
display:block;color:red;font-size:13px;font-family:arial,helvetica,sans-serif !important;line-height:normal;
}
.formErrTxt.center{
text-align:center;
}
.formErrSubmit{
display:block;width:86%;padding:0;margin:3px auto 0 auto;height:15px;overflow:hidden;color:red;font-size:13px;text-align:center;
}
.small{
font-size:13px;font-family:arial,helvetica,sans-serif !important;line-height:normal;
}
.formElem{
width:90%;
}
.formfield INPUT[type="text"],.formfield TEXTAREA,.formfield SELECT{
padding:5px;font-size:18px;color:blue;font-family:arial,helvetica,sans-serif !important;background:white;border-radius:5px;-moz-border-radius:5px;width:94%;border:1px solid #aaaaaa;
}
.table TEXTAREA{ /* on page 91 DISC */
padding:3px;font-size:15px;font-family:arial,helvetica,sans-serif !important;background:white;border-radius:3px;-moz-border-radius:3px;width:97%;border:1px solid #aaaaaa;color:#656565;
}
.formfield TEXTAREA.halfsize,.formfield SELECT.halfsize{
 width:50%;
}
.formfield SELECT.auto{
width:auto;
}
.formfield SELECT{ /*  do not do this width:auto;override 94% above */
margin-bottom:3px;
}
.formfield TEXTAREA{
resize:vertical;overflow:auto;
}
.formfield TEXTAREA[rows="1"]{
resize:none;
}
.formfield INPUT[type="button"] , .formfield INPUT[type="submit"]{
padding:5px;font-size:25px;border-radius:5px;-moz-border-radius:5px;background:#F84D02; /* orange */
color:white !important;border:1px solid #F84D02; /* orange */
cursor:pointer;
}
div.smCategoryButtonDiv{
display:none;margin:10px 0 10px 0; /* js displays inline-block */
padding-bottom:2px; /* needed so IE does not cut bottom drop shadow off the buttons */
}
div.exerNextButton{
display:block;margin:15px 0 9px 0;
}
a.smCategoryButtonN,a.smCategoryButtonEndcap{
 cursor:pointer;min-width:20px;background:#2F7EB5; /* medium blue */
border:1px solid #1263AE; /* darker blue */
padding:4px;border-radius:4px;-moz-border-radius:4px;text-decoration:none !important;margin:10px 15px 10px 15px;
-moz-box-shadow:2px 2px 2px #888888;-webkit-box-shadow:2px 2px 2px #888888;box-shadow:2px 2px 2px #888888;text-align:center;font-size:15px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;
}
a.smCategoryNext{ /* changes button color only */
background:#F84D02 !important; /* orange */
border:1px solid #FF7639 !important; /* orange */
color:#ffffff !important;
}
a.smCategoryOn{
background:#D1FFD1 !important; /* light green */
border:1px solid #C0FFC0 !important;color:#000000 !important;
}
div.jumpto{
margin:10px 15px 10px 15px;display:inline-block;
}
div.jumpto span{
font-size:14px !important;font-family:Arial, Helvetica, sans-serif !important;white-space:nowrap;margin-right:3px;font-weight:bold;
}
div.jumpto FORM{
margin:0;
}
div.jumpto SELECT{
padding:3px;font-size:15px;border-radius:5px;-moz-border-radius:5px;background:#FFFFFF;color:#000000 !important;border:1px solid #AAAAAA;font-family:Arial, Helvetica, sans-serif;
}
#ExerciseSubmittedDiv, #VideoSubmittedDiv{
margin-bottom:50px;
}
/* for essay */
div.wordCounter{ /* font-size:13px;*/
color:#0000FF;
}
div.wordCounter span{
 color:brown;
}
/* for login form */
.loginDiv{
width:300px;margin:0 auto 0 auto;border:1px solid #dddddd;background:#f7f7f7;border-radius:10px;-moz-border-radius:10px;padding:10px;
}
table.loginForm{
margin:0 auto 0 auto;
}
table.loginForm td{
padding:5px;font-weight:bold;font-size:17px;font-family:arial,helvetica,sans-serif;
}
table.loginForm td.keepLoggedIn div{
font-size:smaller;
}
table.loginForm td.keepLoggedIn div span{
font-weight:normal;font-size:smaller;
}
table.loginForm td input[type="text"],table.loginForm td input[type="password"],table.loginForm td input[type="email"]{
width:97%;padding:5px;border:1px solid #aaaaaa;border-radius:5px;-moz-border-radius:5px;font-weight:normal;font-size:17px;line-height:1;background:white;
}
table.loginForm td input.halfsize{
width:50%;
min-width:100px;
}
table.loginForm td input[type="submit"]{ /* orange */
padding:5px;font-size:25px;border-radius:5px;-moz-border-radius:5px;background:#F84D02;color:#ffffff !important;border:1px solid #F84D02;cursor:pointer;
}
table.loginForm td .fieldErr{
color:red;font-size:12px;height:16px;font-weight:normal;
}
.tilt20degrees{ /* Safari */
-webkit-transform:rotate(20deg); /* Firefox */
-moz-transform:rotate(20deg); /* IE */
-ms-transform:rotate(20deg); /* Opera */
-o-transform:rotate(20deg); /* Internet Explorer */
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* don't do it on old I.E. */
/* basic*/
transform:rotate(20deg);
}
.tilt20degrees.blackbg{
 background:black;color:white;
}
.tilt20DegreesLeft{ /* text , use with P */
/* Safari */
-webkit-transform:rotate(-15deg); /* Firefox */
-moz-transform:rotate(-15deg); /* IE */
-ms-transform:rotate(-15deg); /* Opera */
-o-transform:rotate(-15deg); /* Internet Explorer */
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* don't do it on old I.E. */
/* basic*/
transform:rotate(-15deg);
}
.tilt5DegreesLeft{ /* text , use with P */
/* Safari */
-webkit-transform:rotate(-4deg); /* Firefox */
-moz-transform:rotate(-4deg); /* IE */
-ms-transform:rotate(-4deg); /* Opera */
-o-transform:rotate(-4deg); /* Internet Explorer */
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* don't do it on old I.E. */
/* basic*/
transform:rotate(-4deg);
}