/* isaeonline.com - online classs by W3Now.com  */  
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%;
} 
.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;
}  
.tabletOnly{
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;
}
/* Editor-selectable rules for page body */ 
.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:18px;   
}   
.SmHeadiTxt {
	font-weight:bold; 
	font-size:18px;  
}   
.NormTxt {  
	font-size:18px;
}    
.SmTxt {  
	font-size: 17px;
	line-height: normal;  
}   
.TinyTxt { 
	font-size: 16px;
	line-height: normal;
}    
H1 { /* Used for Page Title - font size is Page Body Font Size + 6 pixels */
	font-weight:bold;   
	font-size:28px; 
	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:23px; 
	font-family: 'Open Sans',sans-serif;
	margin-top:0px;
	margin-bottom:10px;
	color:#004000;
	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:40px;
	margin-bottom:0;
}  
h3:first-child {
	margin-top:0;
}
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:18px; 
font-family: Arial,helvetica,sans-serif;   
}    
#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.w270 {
width:270px;  
}  
table.header h2.head {
text-align:center;
margin:0 0 8px 0;
font-size:17px;
}
.startDivMobile { /* mobileOnly */
display:none; 
margin-top:10px;
width:130px; 
}
a.startButton,
div.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;
} 
a.generatedCertButton {
 display:block;    
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 color:white !important;
 background:#00C000; /* green */
 padding:8px;
 border-radius:8px;
 -moz-border-radius:8px;
 font-size:large;
 cursor:pointer;
} 


p.refreshNote {
text-align:center;
color:white;
font-size:14px;
margin:15px 15px 15px 15px
}


#slideMain {
font-family:Arial,helvetica,sans-serif;
color:black;
margin:0;
padding:10px;
} 
#slideMain li {
margin-bottom:13px;
} 
ul.star {
    list-style-image: url('../images/star-asterisk.png');
}
ul.star li {
margin-bottom:14px;
}

.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;
} 








.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:99%;
	height:357px;
} 
.classVideo.vertical{
	width:99%;
	height:400px;
} 

 
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; 
}  
p.mobileTitleTop {
display:none;
 color:white;
 font-size:17px;  
 text-align:center; 
 font-weight:bold;
 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;
}
.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;
}


.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;
}

/* standard styles */
.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:#808080;}
.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:98%;  
	margin:5px auto 5px auto; 
	padding:5px; 
	border-radius:5px;
	-moz border-radius:5px; 
	text-align:left; 
	font-size:13px !important;
	font-family:arial,helvetica,sans-serif !important;
}
.err { 
	border: 1px dashed red;
	background-color:#FFFF80; 
	width:98%;  
	margin:5px auto 5px auto; 
	padding:5px; 
	border-radius:5px;
	-moz border-radius:5px; 
	color:red;
	text-align:left;
	font-size:13px !important;
	font-family:arial,helvetica,sans-serif !important;
}
#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;
	margin-right:10px;
}
.blockRight {
	float:right;
	margin-left:10px;
}
.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 {
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:20px;
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:100%;
padding:0;
margin:3px 0 0 2px; 
overflow:hidden;  
line-height:normal !important;
}
.formErrTxt { 
display:block;
height:15px;
color:red; 
font-size:13px; 
font-family:arial,helvetica,sans-serif !important;
line-height:normal !important;
} 
.formMsg {
display:block;
width:100%;
height:41px;
padding:0 0 2px 0;
margin:0 0 5px 2px; 
border-bottom:1px solid #cccccc;
line-height:normal !important;
}
.formMsgTxt { 
display:block;
color:green; 
font-weight:bold;
font-size:13px;   
font-family:arial,helvetica,sans-serif !important;
line-height:normal !important;
} 
.formErrSubmit {
display:block;
width:86%;
padding:0;
margin:3px auto 0 auto;
height:15px;
overflow:hidden;  
}


.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; 
} 
.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:320px;
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"] {
width: 97%;
padding:5px;
border:1px solid #aaaaaa;
border-radius:5px;
-moz-border-radius:5px;
font-weight:normal;
font-size:17px;
background:white;
}
table.loginForm td 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;
} 
table.loginForm td .fieldErr {
color:red;
font-size:12px;
height:16px;
font-weight:normal;
}

.greenBG {
background:#B9DDC9;padding:10px;border:1px solid #83BB9C;
	border-radius:10px;
	-moz border-radius:10px;
	padding:6px;
} 
.purpleBG {
background:#DBD6EA;padding:10px;border:1px solid #D5D6FF;
	border-radius:10px;
	-moz border-radius:10px;
	padding:6px;
}
.blueBG {
background:#C5E0FF;padding:10px;border:1px solid #A1CBFB;
	border-radius:10px;
	-moz border-radius:10px;
	padding:6px;
}

ul.square {
list-style-type: square;
}

#mobileTop {
	visibility:hidden; 
}