body{
	font-family: 'Inter', Helvetica, Arial sans-serif;
	margin:0px;
	font-size:14px;
	background-color:#F6F6F6;
}

h1{
	font-weight:300;
	color:#0074e8;
	margin-top:50px;
}
h2{
	font-weight:300;
	color:#0074e8;
	margin:0px 0px 8px 0px;
}
h1.first{
	margin-top:16px;
}
h3{
	font-weight:700;
	color:black;
	font-size:30px;
	line-height:40px;
}
h3.first{
	margin-top:8px;
}

h4{
	font-weight:700;
	margin-top:16px;
	margin-bottom:14px;
	color:black;
	font-size:24px;
	line-height:34px;
}
h5{
	margin-top:14px;
	margin-bottom:12px;
	font-size:18px;
	font-weight:700;
	line-height:28px;
}
h6{
	margin-top:12px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:700;
	line-height:24px;
}
a{
	color:#004eb0;
	/*color:#0074e8;*/
}
a:hover{
	color:red;
}
#djad01,#djad02{
	display:none;
	text-align:center;
	margin-top:10px;
}
#insearchdiv{
	display:none;
	margin-bottom:16px;
}
#insearch2{
	width:50%;
	min-width:240px;

}
#widthtest{
	position:absolute;
	visibility:hidden;
	height:auto;
	width:185px;
	padding-left:10px;
	z-index:5005;
}
#workingdiv{
	display:table-cell;
	width:auto;
	visibility:hidden;
	
}
#mna{
	margin-top:10px;
	font-size:.9em;
	padding:4px 6px;
	border:1px solid #DDDDDD;
	background-color:#EEEEEE;
}
#pai{
	margin-top:10px;
	font-size:.9em;
	padding:4px 6px;
	border:1px solid #F0C6EF;
	background-color:#F8E2F7;
}
#fix{
	margin-top:35px;
	font-size:.9em;
	padding:4px 6px;
	background-color:#FFF7CC;
}
.vidic{
	display:inline-block;
	background-color:gray;
	background-image:url('vidar.png');
	background-position:center;
	background-repeat:no-repeat;
	padding:0px 12px;
	border-radius:5px;
	margin-right:6px;
}
#workingdiv p{
    margin-bottom:1.7em;
    margin-top:.2em;
	line-height:1.6em;
}
#rwbutready{
	display:inline-block;
	margin-right:12px;
	margin-bottom:5px;
}
#rwbutready2{
	display:inline-block;
	display:none;
}
.rightcol{
	display:table-cell;
	padding-left:10px;
	overflow:hidden;
	width:150px;
	background:aliceblue;
	color:black;	
}
.rightcolbody{
	display:table-cell;
	padding-left:10px;
	overflow:hidden;
	width:185px;
	background:aliceblue;
	color:black;	
	vertical-align:top;
}
#contentborder{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	text-align:left;
	background-color:#FFFFFF;
}
#subheaderback{
	width:100%;
	position:relative;
	z-index:10;
	height:20px;
	display:table;
	font-size:.9em;
	background-color:#e4eef7;

}
#headerback{
	width:100%;
	position:relative;
	z-index:8;
	height:46px;
	display:table;
	background-color:#E6E4EE;
}
#learnannounce{
	text-align:center;
	z-index:6;
	color:white;
	background-color:#55277d;
	padding:6px 4px;
	position:relative;
	display:none;
}
#learnmain{

}
#learncustom{
	display:none;
	background-color:#E9e2F8;
	text-align:left;
	padding:6px 8px;
	color:black;
}
#leftheader{
	display:table-cell;
}
#logoback{
	box-shadow: 2px 2px 4px #bbbbbb;
	display:inline-block;
	float:left;
}
#rwlogo{
	float:left;
}
#rwtext{
	float:left;
	display:inline-block;
	padding:4px 8px 4px 6px;
	height:32px;
	background-color:#FFFF50;
}
#logtop{
	font-weight:700;
	margin:0px;
	font-size:16px;
	line-height:17px;
}
#logbot{
	font-size:12px;
	font-weight:300;
	margin-top:0px;
	line-height:16px;
	position:relative;
	left:1px;
}
#litsearch{
	transition-property:border-color;
	transition-duration:.3s;
	padding:4px 6px 0px 20px;
	float:left;
}
#litsearchicon{
	position:relative;
	top:7px;
	left:4px;
	cursor:pointer;
}
#litsearchicon2{
	position:relative;
	top:7px;
	left:4px;
	cursor:pointer;
}
#litsearch input[type="search"]{
	width:200px;
	border:solid 1px #dbdbdb;
	box-shadow: 1px 1px 3px #bbbbbb inset;
	padding:4px;
	color:#AAAAAA;
}
#litsearch input[type="search"]:hover{
	border:solid 1px #7FCDFE;
}
#litsearch input[type="search"]:focus{
	border:solid 1px #009DFE;
	color:black;
}
#rightheader{
	display:table-cell;
	text-align:right;
}
#rightheadermobile{
	display:none;
	text-align:right;
	font-size:1.5em;
	padding-right:20px;
}
#tlinks{
	display:inline-block;
	margin-left:12px;
}
#tlinks a{
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:28px;
	display:inline-block;
	float:left;
	color:#666666;
	padding:12px 12px 0px 12px;
	cursor:pointer;
}
#tlinks a:hover{
	color:#009DFE;
}
.tlinksmobile{
	display:inline-block;
	text-align:right;
	float:right;
	margin-left:6px;
}
.tlinksmobile a{
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:32px;
	display:inline-block;

	color:#666666;
	padding:8px 12px 0px 12px;
	cursor:pointer;
}
.tlinksmobile a:hover{
	color:#009DFE;
}


#sublinksl{
	display:inline-block;
}
#sublinksl a{	
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:20px;
	display:inline-block;
	float:left;
	color:#666666;
	padding:5px 10px 0px 10px;
	cursor:pointer;

}
#sublinksl a:hover{
	color:#009DFE;
}
#sublinksr{
	display:inline-block;
}
#sublinkslcont{
	display:table-cell;
	text-align:left;
}
#sublinksrcont{
	display:table-cell;
	text-align:right;
}
#sublinksr a{
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:20px;
	display:inline-block;
	float:left;
	color:#666666;
	padding:5px 10px 0px 10px;
	cursor:pointer;
}
a#lnkeducen{
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:20px;
	display:inline-block;
	float:left;
	color:firebrick;
	padding:5px 10px 0px 10px;
	cursor:pointer;
}
#sublinksr a:hover{
	color:#009DFE;
}
#yellowbox{
	padding:10px 47px;
	margin-top:14px;
	display:block;
}
#yellowbox textarea{
	transition-property:background-color,border,color;
	transition-duration:.5s;
    background-color:#FFFF99; 
	padding:4px;
    box-shadow: 2px 2px 5px #CACACA inset;
	border:1px solid #F5F5F5;
    width: 98.5%;
    font-size:14px; 
    font-weight: normal; 
	color:black;
}
#mobilelinks{
	height:0px;
	transition-property:height;
	transition-duration:.5s;
	overflow:hidden;
	text-align:center;
}
#mobilelinks a{
	text-decoration:none;
	height:20px;
	font-size:1.2em;
	display:block;
	color:#666666;
	padding:8px 0px 14px 0px;
	cursor:pointer;
	background-color:#e4eef7;
}
#mobilelinks a:active{
	background-color:#BBBBBB;
}
.exs{
	cursor:pointer;
}
.exs:hover{
	background-color:#B8FFB8;
}
.difflegend{
font-family:monospace;
font-size:10px;
padding:2px 2px 0px 2px;
background: #ccffd0;
margin:3px 0px;
background: -moz-linear-gradient(left,  #ccffd0 0%, #fcffdd 49%, #ffd8ce 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ccffd0), color-stop(49%,#fcffdd), color-stop(100%,#ffd8ce));
background: -webkit-linear-gradient(left,  #ccffd0 0%,#fcffdd 49%,#ffd8ce 100%);
background: -o-linear-gradient(left,  #ccffd0 0%,#fcffdd 49%,#ffd8ce 100%);
background: -ms-linear-gradient(left,  #ccffd0 0%,#fcffdd 49%,#ffd8ce 100%);
background: linear-gradient(to right,  #ccffd0 0%,#fcffdd 49%,#ffd8ce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffd0', endColorstr='#ffd8ce',GradientType=1 );
}
.closebar{
	height:34px;
	font-size:1.2em;
	padding-top:8px;
	background-color:#B4E6FF;
	cursor:pointer;
	text-align:center;
}
.closebar:hover{
	background-color:#99D6FF;
}
#yellowbox textarea:hover{
	border:solid 1px #7FCDFE;
}
#yellowbox textarea:focus{
	background-color:#FFFF88;
	border:solid 1px #009DFE;
}
#rwbutplace{
	display:block;
}
.pip{
	width:10px;
	height:10px;
	border:2px solid white;
	position:relative;
	display:inline-block;
	background-color:#9000D5;
}
#rwbutwaittext{
	padding: 8px 10px;
}
.rwbutton{
	position:relative;
	padding:4px 9px;
	display:inline-block;
	background-color:#FFFF88;
	border-radius:3px;
	margin-top:10px;
	cursor:pointer;
    box-shadow: 2px 2px 2px #bbbbbb;
    border-radius: 3px;
	border:1px solid #cccccc;
	font-size:1.2em;
	color:black;
}
.rwbutton:hover{
	border:solid 1px #7FCDFE;
	background-color:#FFFF50;
	color:black;
}
.rwbutton:active{
	top:1px;
	left:1px;
	background-color:#EEEE50;
	box-shadow: 1px 1px 1px #555555;
}
.interactivepagecontent{
	margin:20px 47px 0px 47px;
	display:block;
}
.interactivepagecontent p{
	line-height:1.6em;
}
.hprp{
	float:right;
	max-width:400px;
	margin-left:24px;
	margin-top:6px;
	width:98%;
}
.hprp375{
	float:right;
	max-width:375px;
	margin-left:22px;
	width:98%;
}
.hprp306{
	float:right;
	max-width:306px;
	margin-left:22px;
}
.papertabs{
	display:block;
	padding:0px 28px;
}
.papertabs li{
	list-style:none;
	float:left;
	margin-top:12px;
	padding:8px 8px 4px 8px;
}
.papertabs li a{

	cursor:pointer;
	padding:3px 8px 6px 8px;
	background-color:#d9f0f0;
	z-index:55;
}
.papertabs li.sel{

	z-index:65;
}

.papertabs li a.sel{
	background-color:#b2ffef;
	color:black;
}
.papertabs li a.sel:hover{
	background-color:#b2ffef;
}
.papertabs li a:hover{
	background-color:#b2ffef;
}
.textnopaper{
	margin:20px 30px 40px 44px;
	display:block;
}
/*
.textnopaper a{
	text-decoration:none;
}
.textnopaper a:hover{
	text-decoration:underline;
}
*/
.textnopaperpaper{
	margin:20px 30px 30px 0px;
	display:block;

	padding:24px 36px 26px 36px;
}
.textnopaperpaper p{
    margin-bottom:1.7em;
    margin-top:.2em;
	line-height:1.6em;
}
.helpsheet{
	display:inline-block;
	margin:20px 18px 0px 0px;
	padding:8px 10px 8px 0px;
	width:28%;
	vertical-align:top;
}
.helpsheet ul{
	padding-left:0px;
	margin-top:0px;
	vertical-align:top;
}
.helpsheet li{
	list-style:none;
	display:block;
	vertical-align:top;
	width:100%;
	padding:9px 8px 0px 2px;
}
.verticalspacer{
	margin-top:24px;
	display:block;
	height:75px;
}
.buttonpad{
	margin:30px 40px 20px 0px;
	display:inline-block;
}
.textonpaper{
	margin:20px 47px 32px 47px;
	padding:10px 36px 26px 36px;
	display:block;
}
.textonpaper p{
    margin-bottom:1.7em;
    margin-top:.2em;
	line-height:1.6em;
}
.textonpaperbig{
	margin:20px 47px 0px 47px;
	padding:2px 4px 0px 2px;
}
.textonpaperbig p{
    margin-bottom:1.7em;
    margin-top:.2em;
	line-height:1.6em;
}
.textonpapernc{
	padding:30px 36px 30px 36px;
	display:block;
}
.textonpapernc p{
    margin-bottom:1.7em;
    margin-top:.2em;
	line-height:1.6em;
}
#tab1content{
	line-height:1.6em;
}
.studetailtable{
	background-color:transparent;
	border-spacing:5px;
	border-collapse:separate;
}
.studetailtable td.setabl{
	padding:2px 5px;
	text-align:right;
	font-weight:300;
	border-right:3px solid #aaaaaa;
	border-left:none;
	border-top:none;
	border-bottom:none;
	background-color:transparent;
}
.studetailtable td.setabr {
	padding:2px 5px;
	text-align:left;
	border:none;
	background-color:transparent;
}
.textonpapercolumns{
	margin:20px 20px 20px 0px;
	padding:10px 16px;
	display:inline-block;
	float:left;
	width:42%;
	background-color:#FFFaF6;
	box-shadow:2px 2px 5px 2px #cccccc;
}
.hptc{
	float:right;
	margin-top:6px;
	margin-left:20px;
	margin-bottom:20px;
	border:2px solid #0074E8;
	border-radius:6px;
	width:300px;
}
.hptc table{
	border-collapse:collapse;
}
.hptc td.rl{
	padding:3px 10px;
	vertical-align:top;
	border-right:1px solid #0074E8;
}
.hptc td.rr{
	padding:3px 10px;
	vertical-align:top;
}
.hpt{
	float:right;
	margin-top:6px;
	margin-left:20px;
	margin-bottom:10px;
	border:2px solid #0074E8;
	border-radius:6px;
	width:375px;
}
.hpt table{
	border-radius:6px;
	border-collapse:collapse;
}
.hpt th.l{
	background-color:#0074E8;
	border:1px solid #0074E8;
	border-right-color:white;
	color:white;
	font-size:1.1em;
	font-weight:300;
	text-align:center;
	padding:4px 10px 7px 10px;
}

.hpt th.r{
	background-color:#0074E8;
	border:1px solid #0074E8;
	color:white;
	font-size:1.1em;
	font-weight:300;
	text-align:center;
	padding:4px 10px 7px 10px;
}
.hpt td.rl{
	padding:10px 10px;
	vertical-align:top;
	border-right:1px solid #0074E8;
}
.hpt td.rr{
	padding:10px 10px;
	vertical-align:top;
}
li.rli{
    margin-bottom: 1.4em;
	list-style-image: url('rwbullet.gif');
}
li.rlj{
	background: url(bluerbullet.gif) no-repeat 0px 9px;
	padding:0px 0px 6px 30px;
	list-style:none;
}
li.rlim{
    margin-bottom: .4em;
	padding-left:2px;
	list-style-image: url('rwbullet.gif');
}
li.num{
	margin-bottom: 1.4em;
}
.hy{background-color:#FFFF66;cursor:help;}
.hp{background-color:#F0C2FF;cursor:help;}
.hg{background-color:#99FF99;cursor:help;}
.hr{background-color:#FF9999;cursor:help;}
.hb{background-color:#99FFFF;cursor:help;}
.ho{background-color:#FFCC66;cursor:help;}
.hu{text-decoration:underline;cursor:help;}
.hn{cursor:help;}

.posnoun{background-color:#aaa;}
.posverb{background-color:#ff5353;}
.posadj{background-color:#649ff8;}
.posadv{background-color:DarkOrange;}
.pospronoun{background-color:#a38fe0;}
.posprep{background-color:limegreen;}
.posconj{background-color:pink;}
.posart{background-color:#b3d9ff;}
.posint{background-color:gold;}

/*
.posnoun{background-color:aqua;}
.posverb{background-color:chartreuse;}
.posadj{background-color:coral;}
.posadv{background-color:burlywood;}
.pospronoun{background-color:DeepSkyBlue;}
.posprep{background-color:gold;}
.posconj{background-color:orchid;}
.posart{background-color:lightgrey;}
.posint{background-color:pink;}
*/
#printposdiv{background-color:white}

#optionsheader{
	display:none;
	padding:8px 10px;
	background-color:AliceBlue;
}
.checkbox{
	font-size:24px;
	line-height:20px;
	text-align:center;
}
.settingschoices{
	margin-bottom:20px;
}
input[type="radio"]{
	display:inline;
	position:absolute;
	left:-2500px;
}
#savenote{
	padding:6px 4px;
	margin-top:20px;
	border:1px solid maroon;
	background-color:PapayaWhip;
	color:maroon;
	display:none;
}
.radiodivbg label{
	transition-property:border-color,background-color;
	transition-duration:.3s;
	width:140px;
	display:inline-block;
	margin:4px 6px 0px 0px;
	float:left;
	padding:0px 6px 4px 6px;
	font-size:.9em;
	background-color:#DDDDDD;
	border:1px solid AliceBlue;
	cursor:pointer;
}
.radiodivbg label span{
	text-align:center;
	visibility:hidden;
	margin:3px 0px 0px 0px;
	display:block;
}

.radiodivbg label:hover{
	background-color:#EEEEEE;
	border:1px solid #7FCDFE;
}
.radiodivsm label{
	transition-property:border-color,background-color;
	transition-duration:.3s;
	width:84px;
	display:inline-block;
	margin:4px 6px 0px 0px;
	float:left;
	padding:0px 6px 4px 6px;
	font-size:.9em;
	background-color:#DDDDDD;
	border:1px solid AliceBlue;
	cursor:pointer;
}
.radiodivsm label span{
	text-align:center;
	visibility:hidden;
	margin:3px 0px 0px 0px;
	display:block;
}

.radiodivsm label:hover{
	background-color:#EEEEEE;
	border:1px solid #7FCDFE;
}
.radiodiv label{
	transition-property:border-color,background-color;
	transition-duration:.3s;
	width:105px;
	display:inline-block;
	margin:4px 6px 0px 0px;
	float:left;
	padding:0px 6px 4px 6px;
	font-size:.9em;
	background-color:#DDDDDD;
	border:1px solid AliceBlue;
	cursor:pointer;
}
.radiodiv label span{
	text-align:center;
	visibility:hidden;
	margin:3px 0px 0px 0px;
	display:block;
}

.radiodiv label:hover{
	background-color:#EEEEEE;
	border:1px solid #7FCDFE;
}
.interactivepagecontent div label{
	display:block;
	margin-bottom:2px;
	margin-top:20px;
}
#overlaydialog{
	display:none;
	position: absolute;
	top:0px;
	left:0px;
	z-index:105;
	text-align:center;
	background-image:url('trans50.png');
}
#overlay {
	display:none;
	position: absolute;
	top:0px;
	left:0px;
	z-index:100;
	text-align:center;
	background-image:url('trans50.png');
}
.dialoginner {
	display:inline-block;
	width:90%;
	min-width:300px;
	max-width:750px;
	height:auto;
	text-align:left;
	/*overflow:auto;*/
	/*margin-top:60px;*/
	background-color: #fff;
	box-shadow: 2px 2px 8px 2px #333333;
}
.dialogheader{
	display:table;
	width:100%;
}
#dialogheaderleft{
	display:table-cell;
	background-color:#009DFE;
	text-align:left;
	width:80%;
	color:white;
	font-size:1.5em;
	font-weight:300;
	padding:5px 12px;
}
#settingsheaderleft{
	display:table-cell;
	background-color:#009DFE;
	text-align:left;
	width:76%;
	color:white;
	font-size:1.5em;
	font-weight:300;
	padding:5px 12px;
}
#dialogheaderright{
	background-color:#0080CF;
	display:table-cell;
	width:auto;
	color:white;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	font-weight:700;
}
#dialogheaderright:hover{
	background-color:#005B93;
}
#settingsheaderright{
	background-color:#0080CF;
	display:table-cell;
	width:auto;
	color:white;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	font-weight:700;
}
#settingsheaderright:hover{
	background-color:#005B93;
}
.settingscontent{
	padding:5px 12px;
}
#dialogcontent{
	padding:20px 12px;
}
.rwinput{
	width:80%;
	max-width:400px;
	font-size:1.2em;
	font-family:"Courier New", Courier, monospace;
}
table a{
	cursor:pointer;
}
.t1{
	border-collapse:collapse;
	margin-bottom:16px;
}
.t1 td,.t1 th{
	border:1px solid #cccccc;
	padding:3px 10px;
}
.t1 th{
	text-align:left;
	font-weight:700;
	background-color: #dddddd;
}
.t1 tr.at{
	background-color: #f2f2f2;
}
.t3{
	font-size:.9em;
	border-collapse:collapse;
}
.t3 th{
	text-align:left;
	font-weight:700;
	background-color:#ebf7ff;
	width:33%;
	padding:8px 16px;
}
td.t3e{
	font-weight:400;
	vertical-align:top;
	background-color:#f7fcff;
	width:33%;
	line-height:1.5em;
	padding:10px 16px 14px 16px;
}
td.t3o{
	font-weight:400;
	vertical-align:top;
	background-color:#ebf7ff;
	width:33%;
	line-height:1.5em;
	padding:10px 16px 14px 16px;
}
.t2{
	text-align:left;
	border:none;
	margin-bottom:16px;
}
.t2 th{
	text-align:left;
	font-weight:700;
	padding:0px 20px 8px 0px;
	border:0px;
}
.t2 .subhead{
	border-bottom:1px solid black;
	font-weight:700;
}
.t2 tr{
	padding:0px 20px 0px 0px;
	font-weight:400;
	border:0px;
}
.t2 .subtot{
	color:#333333;
	background-color:#eeeeee;
	border:0px;
}
.t2 .grandtot{
	color:#333333;
	background-color:#dddddd;
	border:0px;
}
.t2 .wdata{
	font-size:.8em;
	color:#263f40;
}
/*
.t1 tr:hover{
	background-color:#CCFFFF;
}
.t1 tr.at:hover{
	background-color:#CCFFFF;
}
*/
.divlink{
	text-decoration:underline;
	cursor:pointer;
	display:inline;
	color:#004eb0;
}
.divlink:hover{
	color:red;
}
.invrow{
	display:none;
}

.extbox{
	background-color:#E6FFE6;
	border:3px solid #5B975B;
	position:absolute;
    font-size: 1em;
    visibility:visible;
    z-index:5200;
    height:auto;
    width:auto;
	max-width:320px;
    min-width:175px;
    box-shadow:1px 1px 10px #777777
}
.extboxx{
    position:relative;
    height:0px;
    width:100%;
    text-align:right;
    top:-12px;
    right:-12px;   
}
.extboxclose{
    font-size:1.2em;
    border:2px solid #5B975B;
    width:23px;
    height:23px;
    background-color:#5B975B;
    color:white;
	cursor:pointer;
    border-radius:17px;
    text-align:center;
	font-weight:700;
    float:right;
}
.extboxclose:hover{
    color:#5B975B;
	background-color:#DDDDDD;
}
.extboxclose:active{
    color:#5B975B;
	background-color:white;
}
.extboxinner{
	padding:8px 11px;
}
.wordboxouter{
    position:relative;
    cursor:pointer;
    font-size: 1em;
    visibility:visible;
    z-index:200;
    height:auto;
    border:3px solid #6d00cc;
    background-color:#eeeeee;
    width:auto;
	max-width:280px;
    min-width:175px;
    box-shadow:1px 1px 10px #777777
}
.wordboxx{
    position:relative;
    height:0px;
    width:100%;
    text-align:right;
    top:-12px;
    right:-12px;   
}
.wordboxclose{
    font-size:1.2em;
    border:2px solid #6d00cc;
    width:23px;
    height:23px;
    background-color:#6d00cc;
    color:white;
    border-radius:17px;
    text-align:center;
	font-weight:700;
    float:right;
}
.wordboxclose:hover{
    color:#6d00cc;
	background-color:#DDDDDD;
}
.wordboxclose:active{
    color:#6d00cc;
	background-color:white;
}
.wordboxupper{
    background-color:#e0e0ff;
    padding:2px 2px 4px 4px;
    border-bottom:1px solid gray;
	font-weight:700;
}
.wordboxupper:hover{
	background-color:#f2f2ff;
}
.wordboxmiddle{
    padding:2px 4px 4px 4px;
	background-color:#F6F6F6;
}
.wordboxmiddle:hover{
    padding:2px 4px 4px 4px;
	background-color:#FFF;
}
.wordboxbottom{
    padding:3px 3px 3px 3px;
    display:block;
    color:white;
    background-color:#6d00cc;
    vertical-align:middle;
}
.wordboxbottom:hover{
	background-color:#914ecc;
}
.wordboxbottom:active{
	background-color:#cccccc;
}
.asselectdiv{
	float:right;
	width:300px;
	margin-left:18px;
}
.asselect{
	margin-top:8px;
	width:100%;
}
#tab4assignarea{
	margin-top:16px;
}
#delassarea{
	visibility:hidden;
}
#recassarea{
	display:none;
}
.rwselect{
	float:left;
	width:100%;
	margin-top:4px;
}
.entrytable{
	margin-top:2px;
	border-collapse:collapse;
	margin-bottom:16px;
	width:95%;
}
.entrytable th{
	border:1px solid #cccccc;
	padding:3px 10px;
	text-align:left;
	font-weight:700;
	background-color: #dddddd;
	vertical-align:top;
}
.entrytable td{
	border:1px solid #cccccc;
	padding:3px 10px;
	text-align:left;
	font-weight:400;
	background-color: #f4f4f4;
}
#bottomnav{
	display:block;
	background-color:#bbbbbb;
	position:fixed;
	transition-property:bottom;
	transition-duration:.6s;
	transition-timing-function:ease-in-out;
	bottom:-32px;
	z-index:1550;
	font-size:.85em;
	cursor:pointer;
	text-align:center;
}
#botprevchap,#botpagetop,#botnextchap,#botcontents,#botsettings{
	display:inline-block;
	border:1px solid silver;
	padding:2px 5px;
	background-color:#dddddd;
	text-align:center;
	width:auto;
	padding:6px 6px;
}
#botprevchap:hover,#botpagetop:hover,#botnextchap:hover,#botcontents:hover,#botsettings:hover{
	background-color:#eeeeee;
}
#botprevchap:active,#botpagetop:active,#botnextchap:hover,#botcontents:hover,#botsettings:hover{
	background-color:#eeeeee;
}
#botprevchap,#botnextchap,#botcontents{
	display:none;
}
.storyimg{
	width:auto;
	height:auto;
	max-width:50%;
	margin-right:12px;
	margin-bottom:6px;
	float:left;
}
#reportthis{
	margin-top:24px;
	text-align:left;
	color:gray;
	font-size:.8em;
	text-decoration:none;
	cursor:pointer;
}
#reportthis:hover{
	text-decoration:underline;
	color:red;
}
.donotprint{
	background-color:#CCCCCC;
	padding-top:20px;
	padding-bottom:20px;
}
.wordlistentry{
	display:block;
	width:100%;
	margin-bottom:12px;
}
#learnarea{
	display:inline-block;
	margin-left:10px;
	width:72%;
}
#learnareapaper{
	background-color:#FFFaF6;
	box-shadow:2px 2px 5px 2px #cccccc;
	display:block;
	width:100%;
	padding:6px 8px;
	margin-bottom:12px;
}
#learnprogress{
	background:#bce5ff;
	font-size:.90em;
	padding:2px 10px;
	color:#004c7c;
	text-align:center;
}
#wordlist{
	width:20%;
	max-width:190px;
	min-width:100px;
	position:relative;
	display:inline-block;
	margin-right:20px;
	float:left;
}
.wordprogress{
	height:3px;
	background-color:#2EB8B8;
	width:1%;
	margin-bottom:6px;
	display:inline-block;
}
.wordprogressx{
	height:3px;
	background-color:#C2F0F0;
	width:1%;
	margin-bottom:6px;
	display:inline-block;
}
#overallprogress{
	height:4px;
	background-color:#2EB8B8;
	width:0%;
	margin-top:0px;
	margin-bottom:16px;
	display:inline-block;
}
#overallprogressx{
	height:4px;
	background-color:#C2F0F0;
	width:0%;
	margin-top:0px;
	margin-bottom:16px;
	display:inline-block;
}
.btnz{
	margin-top:16px;
	margin-bottom:26px;
}
#footer{
	background-color:#E6E4EE;
	padding:28px 46px;
	color:#666666;
	text-align:center;
}
#footer a{
	text-decoration:none;
	transition-property:color;
	transition-duration:.5s;
	height:28px;
	display:inline-block;
	color:#666666;
	padding:12px 12px 0px 12px;
	cursor:pointer;
}
#footer a:hover{
	color:#009DFE;
}
/*DATEPICKER*/
.qdates{
	border-radius:4px;
	font-size:.8em;
	padding:1px 3px 3px;
	display:inline-block;
	cursor:pointer;
	margin-bottom:8px;
	margin-right:6px;
	background-color:#dddddd;
	border:1px solid #bbbbbb;
}
.qdates:hover{
	background-color:#eeeeee;
	
}
#daterr{
	position:absolute;
	top:142px;
	left:8px;
	display:none;
}
#daterreducen{
	position:absolute;
	top:168px;
	left:8px;
	display:none;
}
#repbuttoneducen{
	position:absolute;
	top:142px;
}
#repbutton{
	position:absolute;
	top:112px;
}
#datepicker{
	display:block;
	position:relative;
	padding:8px;
	border:1px solid Gainsboro;
	height:160px;
	width:97%;
	line-height:1.1em;
	margin-bottom:30px;
	background-color:#f4f3f8;
}
#datepickereducen{
	display:block;
	position:relative;
	padding:8px;
	border:1px solid Gainsboro;
	height:180px;
	width:97%;
	line-height:1.1em;
	margin-bottom:30px;
	background-color:#f4f3f8;
}
#reportselect{
	margin-bottom:10px;
}
.rdropdown{
	margin-bottom:10px;
}
#datesummary{
	display:none;
	padding:4px 8px;
	border:1px solid Gainsboro;
	width:97%;
	background-color:#f4f3f8;
}
#printdiv{
	display:none;
	text-align:right;
}
.datepick{
	position:absolute;
}
.datepick2{
	position:absolute;
	left:140px;
}
#calcontainer{
	border:2px solid #bbbbbb;
	box-shadow: 3px 3px 3px #dddddd;
	position:absolute;
	background-color:white;
	top:44px;
	z-index:100;
}
#litmess{
	background-color:#ffe2e6;
	padding:8px;
	display:none;
	margin-bottom:10px;
}
.calplace{
	background-color:#f8f8f8;
	display:inline-block;
	width:220px;
}
.cdd{
	padding:5px 0px;
	background-color:#cfcfcf;
	color:black;
	width:28px;
	margin:1px;
	border:1px solid #e6e4ee;
	text-align:center;
	border-radius:4px;
	display:inline-block;
}
.cdcc{
	padding:3px 0px;
	background-color:#cfcfcf;
	color:black;
	width:220px;
	margin:1px;
	font-size:.8em;
	cursor:pointer;
	border:1px solid #e6e4ee;
	text-align:center;
	border-radius:4px;
	display:inline-block;
}
.cdcc:hover{
	border:1px solid #aaaaaa;
	background-color:#cccccc;
}
.cdm{
	padding:5px 0px;
	background-color:#e6e4ee;
	color:black;
	margin:1px;
	width:156px;
	border:1px solid #e6e4ee;
	height:20px;
	text-align:center;
	border-radius:4px;
	display:inline-block;
}
.cd{
	padding:5px 0px;
	background-color:#e6e4ee;
	color:black;
	margin:1px;
	width:28px;
	border:1px solid #e6e4ee;
	height:20px;
	text-align:center;
	cursor:pointer;
	border-radius:4px;
	display:inline-block;
}
.cd:hover{
	border:1px solid #aaaaaa;
	background-color:#cccccc;
}
.cdcur{
	padding:5px 0px;
	background-color:#bce5ff;
	color:black;
	margin:1px;
	border:1px solid #bce5ff;
	width:28px;
	cursor:pointer;
	height:20px;
	border-radius:4px;
	text-align:center;
	display:inline-block;
}
.cdcur:hover{
	border:1px solid #4169e1;
	background-color:#add8e6;
}
.cdout{
	padding:5px 0px;
	background-color:#efedf7;
	color:#999999;
	margin:1px;
	border:1px solid #e6e4ee;
	width:28px;
	cursor:pointer;
	height:20px;
	border-radius:4px;
	text-align:center;
	display:inline-block;
}
.cdout:hover{
	border:1px solid #aaaaaa;
	background-color:#cccccc;
}
/*END DATEPICKER*/
@media only screen and (max-width: 820px){
	#contentborder{margin-top:0px;box-shadow:none;}
	#djad01{display:none;}
	#djad02{display:block;}
	#djad03{display:none;}
}
@media only screen and (max-width:766px){
	#litsearch{display:none}
	#insearchdiv{display:block}
	.textonpapercolumns{width:90%;margin:6px 6px 6px 0px;}
	.hprp{width:100%;max-width:800px;float:none;border-top:1px solid #aaaaaa;padding-top:12px;margin-left:0px;margin-bottom:20px;}
	.hprp375{float:none;margin-left:0px;margin-bottom:20px;}
	.hprp306{float:none;margin-left:0px;margin-bottom:20px;}
}
@media only screen and (max-width:720px){
	.hpt{float:none;width:100%;margin-left:0px;margin-right:0px;margin-bottom:26px;}	
}
@media only screen and (max-width:700px){
	.helpsheet{width:42%}
}
@media only screen and (max-width:690px){
	#learnarea{width:65%}
	#daterr{top:176px}
	#daterreducen{top:196px}
	#repbutton{top:150px}
	#repbuttoneducen{top:170px}
	#datepicker{height:196px}
	#datepickereducen{height:216px}
	.asselectdiv{float:none;margin-left:0px;margin-bottom:16px;}
}
@media only screen and (max-width:620px){
	.hptc{float:none;margin-left:0px;margin-bottom:26px;width:100%;}	
}
@media only screen and (max-width:540px){
	#rightheader{display:none}
	#rightheadermobile{display:table-cell}
	.textonpaper{margin:8px 0px 0px 0px;padding:12px 16px}
	#yellowbox{padding:10px 10px;width:90%}
	.textonpaperbig{margin:8px 0px 10px 10px;}
	#subheaderback{display:none}
	.entrytable th{padding:1px 2px;}
	.entrytable td{padding:1px 2px}
	.entrytable {font-size:.9em}
	#repbuttoneducen{top:200px}
	#daterr{top:186px}
	#daterreducen{top:226px}
	#datepickereducen{height:246px}
	.t3{font-size:.7em}
	.t3 th{padding:4px 8px}
	.t3 td{padding:4px 8px}
	#djad01{display:block;}
	#djad02{display:none;}
	#djad03{display:none;}
}
@media only screen and (max-width:480px){
	.textnopaper{margin:8px 0px 10px 10px;}
	.textnopaperpaper{margin:8px 8px 0px 0px;;padding:12px 16px;}
	.papertabs{padding:0px 0px;height:60px;}
	.t1 td, .t1 th{padding:2px;}
	.t2 {font-size:.8em;}
	.textonpapernc{margin:8px 0px 10px 0px;padding:10px 8px}
	#rightheadermobile{padding-right:4px;}
	.interactivepagecontent{margin:6px 10px;}
	#settingsheaderleft{width:62%}
	#wordlist{min-width:85px;font-size:.85em;}
	#learnarea{width:55%;font-size:.85em;}

}

@media only screen and (max-width:400px){
	.helpsheet{width:90%}

	
}
@media print{
	.donotprint{display:none}
	#headerback{display:none}
	#subheaderback{display:none}
	#mobilelinks{display:none}
	#optionsheader{display:none}
	.interactivepagecontent{margin:0px;}
	.textonpaper{margin:0px 0px 0px 0px;padding:0px 19px;}
	.textonpapernc{margin:0px 0px 0px 0px;padding:0px 19px;}
	#contentborder{max-width:3000px}
	.pbb{page-break-before:always;}
	}

/* Header and Banner Start */
#topbanner {
	max-width: 800px;
	margin: 0 auto;
	padding: 1.5rem 0;
	text-align: center;
	background-color: #F6F6F6;
}

#topbanner span,
#topbanner img {
	display: inline-block;
}

#topbanner img {
	margin: 0 2px -4px 5px;
}

#topbanner a:hover,
#banner a:hover {
	color: #8E4EEF;
}

#banner {
	padding: 1rem 1.5rem;
	display: flex;
}

#banner p {
	font-size: 1rem;
}

#banner .col {
	width: 45%;
	margin-right: 5%;
	margin-bottom: 2rem;
}

#banner .col img {
	max-width: 100%;
}

#banner .btn {
	background: #8E4EEF;
	color: #FFFFFF;
	font-weight: 700;
	border-radius: 2rem;
	text-decoration: none;
	padding: 0.75rem 1.5rem;
	display: inline-block;
	transition: all 0.75s ease;
}

#banner a.btn:hover {
	background: #7334d2;
	color: #FFFFFF;
}

a#footerlogo img {
	margin: 1rem auto 5rem;
	display: block;
}

#contentborder {
	border-radius: 0 0 0.5rem 0.5rem;
	padding-bottom: 0.5rem;
}

@media only screen and (max-width: 820px) {
	#banner {
		flex-direction: column;
	}

	#banner .col {
		width: 100%;
		margin: 0;
		padding-bottom: 2rem;
	}
}

/* Header and Banner End */