#timer {
	float: right;
	font-family: monospace;
	font-size: 1.61803398875em;
	line-height: 1em;
	width: 4em;
	height: 1em;
	background: white;
	margin: .25em;
	text-align: right;
	border-radius: .25em;
}
helpq {
	display: inline-block;
	outline: 1px solid rgba(55,99,22,.24);
	background: #cfc;
	width: .46em;
	height: 1.3em;
	text-align: Center;
	font-weight: bold;
	text-align:center;
	/* margin-top: -.8em; */
	line-height: 1.3em;
}
helpq::before {
	content: "+";
	font-size: .8em;
	/* vertical-align: top; */
	margin-left: -.125em;
}
.memcheck {
	font: 1em Monospace;
	letter-spacing: -0.03125em;
	overflow: hidden;
}
.memcheck[size="0"] {
	width: .8em!important;
}
html, body {
	font-family: "tahoma", sans-serif; 
	font-size: 14px; 
	color: #666666;
	margin: 0;
	padding: 0; 
	background: #535f7d; 
}


body {
	margin: 0;
	padding: 0;
}


.clear {
	clear: both; 
	font-size: 1px; 
	height: 1px;                                   

}

img { 
	border: 0; 
}


a, a:visited {
	color: #a94ea6;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline; 
}



hr {
	color: #fff; 
	background: #fff; 
	border: 1px dotted #333; 
	border-style: none none dotted;
}


#header {
	width: 100%;
	height: 132px;
	background: #e9e996;  
}



#hdr {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	padding: 12px 0 0 0;
}


#hdr #logo {
	float: left; 
	padding: 15px 0 0 5px;
}


#hdr #topAd { 
	float: right;
	padding: 9px 25px 0 0;
}


.nav {
	padding: 10px 0 0 5px; 
	margin: 0; 
}


.nav ul {  
	float: left;
	width: 490px;
	height: 31px;                               
	padding: 0;
	margin: 0;
	list-style: none; 
}


.nav ul li {                                       
	display: inline; 
}

#nav_nonempty {
	display: none; 
}

.nav ul li a.enter, 
.nav ul li a.enter:visited {
	float: left; 
	width: 113px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/nav_entertxt_n.gif") no-repeat; 
}


.nav ul li a.enter:active, 
.nav ul li a.enter:hover {
	background: url("../img/nav_entertxt_d.gif") no-repeat; 
}

.nav #currentpageEnter a {
	background: url("../img/nav_entertxt_d.gif") no-repeat; 
}


.nav ul li a.mem, 
.nav ul li a.mem:visited {
	float: left; 
	width: 122px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/nav_mem_n.gif") no-repeat; 
}


.nav ul li a.mem:active, 
.nav ul li a.mem:hover {
	background: url("../img/nav_mem_d.gif") no-repeat; 
}

.nav #currentpageMem a {
	background: url("../img/nav_mem_d.gif") no-repeat; 
}


.nav ul li a.flash, 
.nav ul li a.flash:visited {
	float: left; 
	width: 122px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/nav_flash_n.gif") no-repeat; 
}


.nav ul li a.flash:active, 
.nav ul li a.flash:hover {
	background: url("../img/nav_flash_d.gif") no-repeat; 
}

.nav #currentpageFlash a {
	background: url("../img/nav_flash_d.gif") no-repeat; 
}

.nav ul li a.display, 
.nav ul li a.display:visited {
	float: left; 
	width: 117px;
	height: 31px; 
	padding: 0;
	margin: 0; 
	background: url("../img/nav_display_n.gif") no-repeat; 
}


.nav ul li a.display:active, 
.nav ul li a.display:hover {
	background: url("../img/nav_display_d.gif") no-repeat; 
}

.nav #currentpageDisplay a {
	background: url("../img/nav_display_d.gif") no-repeat; 
}



#navRt_nonempty {
	display: none;
}

.navRt {
	padding: 0 25px 0 0; 
	margin: 0; 
}

.navRt ul {  
	float: right;
	width: 358px;
	height: 31px;                               
	padding: 0;
	margin: 0;
	list-style: none; 
}


.navRt ul li {                                       
	display: inline; 
}


.navRt ul li a.faq, 
.navRt ul li a.faq:visited {
	float: left; 
	width: 72px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/nav_faq_n.gif") no-repeat; 
}


.navRt ul li a.faq:active, 
.navRt ul li a.faq:hover {
	background: url("../img/nav_faq_d.gif") no-repeat; 
}

.navRt #currentpageFaq a {
	background: url("../img/nav_faq_d.gif") no-repeat; 
}


.navRt ul li a.words, 
.navRt ul li a.words:visited {
	float: left; 
	width: 188px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/nav_words_n.gif") no-repeat; 
}


.navRt ul li a.words:active, 
.navRt ul li a.words:hover {
	background: url("../img/nav_words_d.gif") no-repeat; 
}

.navRt #currentpageWords a {
	background: url("../img/nav_words_d.gif") no-repeat; 
}


.navRt ul li a.save, 
.navRt ul li a.save:visited {
	float: left; 
	width: 88px;
	height: 31px; 
	padding: 0;
	margin: 0; 
	background: url("../img/nav_save_n.gif") no-repeat; 
}


.navRt ul li a.save:active, 
.navRt ul li a.save:hover {
	background: url("../img/nav_save_d.gif") no-repeat; 
}

.navRt #currentpageSave a {
	background: url("../img/nav_save_d.gif.gif") no-repeat; 
}


/* Main Content Well */


#middle {
	width: 100%;
	height: 100%;
	background: #535f7d url("../img/bg_purple.gif") repeat;
	padding-bottom: 20px;
}

#container {
	width: inherit;
	margin: 0 auto;
	position: relative;
	height: inherit;
}

#leftContainer {
	float: left;
	width: 100%;
	min-height: 383px;
	margin-left: 25px;
	overflow: hidden;
}


#contentWell {
	min-height: 479px;
	width: 613px;
	margin: 0 0 0 25px;
}


/* Cross functional items */

.instructions {
	width: 570px;
	clear: both;
	color: #ecef10;
	padding: 0 0 0 0;
	margin: 0 0 18px 0;
}

.controls {
	float: left;
	width: 570px;
	height: 82px;
	color: #ffffff;
	padding: 5px 0 0 35px;
}

.thincontrols {
	width: 540px;
	height: 20px;
	color: #ffffff;
	padding: 5px 0 0 35px;
}

.content {
	width: 543px; 
	padding: 15px 35px;
	color: #333333;
	overflow: auto;
}

.topbar_thin {
	width: 613px;
	height: 40px;
	background: url("../img/topbar_thin.gif") no-repeat;
}

.bottombar_thin {
	clear: both;
	width: 613px;
	height: 20px;
	background: url("../img/bottombar_thin.gif") no-repeat;
}

#leftlabel {
	width: 220px;
	height: 25px;
	display: block;
	float: left;
	clear: both;
	margin: 0 0 6px 0;
	margin-right: auto;
	white-space: pre-line;
	width: 100%;
	box-sizing: border-box;
}
#leftlabel::after {
	content: "\n";
	clear: both;
	display: block;
}

.label {
	margin: 0 0 0 5px;
}

.hiddenPic {
	display:none;
}

#datatable {
	display:none;
}

/* End Cross functional items */


/* Add */

#addWell {
	display: none;
	float: left;
	width: 613px;
	height: 479px;
	background: url("../img/bg_ctrMainShort.gif") no-repeat;
}

#inputtext {
	height: 228px;
	width: 535px;
	float: left;
	font-family:  Tahoma, verdana, arial,sans-serif; 
	text-decoration: none;
}

#add_bar {
	margin: 17px 0 0 35px;
	float: left;
	clear: both;
}

a.add, 
a.add:visited {
	float: left; 
	width: 111px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/btn_add_item_n.gif") no-repeat; 
}


a.add:active, 
a.add:hover {
	background: url("../img/btn_add_item_d.gif") no-repeat; 
}

/* End Add */


/* Edit */

#editWell {
	display: none;
	float: left;
	width: 613px;
	height: 479px;
	background: url("../img/bg_ctrMainShort.gif") no-repeat;
}

#editinputtext {
	height: 228px;
	width: 535px;
	float: left;
}

#edit_bar {
	margin: 17px 0 0 35px;
	float: left;
	clear: both;
}

a.edit, 
a.edit:visited {
	float: left; 
	width: 111px;
	height: 31px; 
	padding: 0 4px 0 0;
	margin: 0; 
	background: url("../img/btn_edit_item_n.gif") no-repeat;
}

a.edit:active, 
a.edit:hover {
	background: url("../img/btn_edit_item_d.gif") no-repeat; 
}

/* End Edit */


/* Memorize */

#memorize {
	display: none;
	float: left;
	width: calc(100% - 21em);
	min-height: 479px;
}

#top {
	width: -webkit-fill-available;
	height: 81px;
	background: #648bf2;
	border-top-left-radius: 1.2em;
	border-top-right-radius: 1.2em;
}

#out {
	cursor: default;
	background-color: white;
	min-height: 277px;
	font-size: 20px;
	padding: 0 35px 0 35px;
	display: block;
}

#bottom {
	/* width: 613px; */
	height: 2.3em;
	background: rgb(227, 227, 141);
	border-bottom-left-radius: 1.2em;
	border-bottom-right-radius: 1.2em;
}

#meminstructions {
	color: #ecef10;
	margin: 0 0 0 0;
	padding: 5px 0 0 5px;
	font-family: "tahoma", sans-serif; 
	font-size: 14px; 
}

#tabholder {
	margin: 15px 0 0 15px;
	width: inherit;
	height: 19px;
}

#wordstab {
	float: left;
	width: 60px;
	height: 19px;
	font-family: "tahoma", sans-serif; 
	font-size: 14px; 
	background: #e3e38d;
	color: white;
	font-weight: bold;
	padding: 0 0 0 3px;
	cursor: pointer;
}
#letterstab {
	margin: 0 0 0 10px;
	float: left;
	width: 60px;
	height: 19px;
	font-family: "tahoma", sans-serif; 
	font-size: 14px;
	background: #d39930;
	color: white;
	font-weight: bold;
	padding: 0 0 0 3px;
	cursor: pointer;
}

#controlbuttons {
	padding: 1px 0 0 5px;
	width: inherit;
	height: 24px;
	background: #e3e38d;
}


#showbutton, #hidebutton {
	display: none !important;
}


.graymem {
	font: bold 70% 'trebuchet ms',helvetica,sans-serif;
	color: gray;
}

#checkanswers {
	color: #7eb7eb;
	display: inline-block;
	border-radius: .5em;
	border: 1px solid #c5c5c5;
	background: white;
	margin-top: -.5em;
	transform: translateY(-25%);
	padding: .0625em .5em;
	cursor: pointer;
}
#checkanswers:hover {
	background: lightgray;
	border-style: groove;
}

#wordtag {
	position: absolute;
	cursor: default;
	display: none;
	background-color: orange;
	font-size: 20px;
	padding: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: monospace;
	pointer-events: pass-through;
	user-select: none;
}

#lotsfewerunderlines {
	margin: 0 0 0 20px;
}

#lotsfewergray {
	margin: 0 0 0 20px;
}

#showhide {
	margin: 0 0 0 20px;
}

/* End Memorize */


/* Flash Card */

#flashboxholder {
	display: none;
	float: left;
	width: 613px;
	min-height: 479px;
}

#flashbox {
	min-height: 200px;
	padding: 5px 35px 0 35px;
	background-color: white;
	font-size: 20px;
	width: 543px;
}

#flashrespond {
	float: left;
	padding: 5px 35px 0 35px;
	width: 543px;
	height: 40px;
	background-color: white;
}

#showanswer {
	float: left;
	clear: right;
}

.fcresult {
	clear: left;
	text-decoration: none;
	font: normal 12px Georgia;
	float: left;
	padding: 4px;
}

.membutton {
	font: bold 90% 'trebuchet ms',helvetica,sans-serif;
	color: gray;
}

/* End Flash Card */



/* Display All */

#displayWell {
	display: none;
	float: left;
	width: 613px;
	height: 100%;
}

#displayall {
	background-color: white;
	margin: 0 0 0 0;
	padding: 6px 6px;
	min-height: 200px;
}

/* End Display All */



#connector {
	float: left;
	width: 105px;
	height: 18px;
	margin: 150px 0 0 0;
	padding: 0;
	background: #ffffff url("../img/t.gif") no-repeat; 
	display: none!important;
}


/* Right Side Well */

#rWell {
	top: 1em;
	right: 0;
	position: absolute;
	max-height: 100%;
	float: right;
	width: 207px;
	padding: 0;
	margin: 0 30px 0 0;
	overflow: auto;
    overflow-x: hidden;
}

.instruct3 {
	padding: 0 0 2px 0; 
}

#rtModuleTop {
	float: left;
	width: 199px;
	height: 7px;
	background: url("../img/bg_rtModuleTop.gif") no-repeat;
	color:#333333;
	padding: 0;
	margin: 2px 0 0 0;
	overflow: hidden;
}

#rtModule {
	float: left;
	width: 199px;
	min-height: 380px;
	background: #ffffff;
	color:#333333;
	padding: 0;
}

#rtModuleBottom {
	float: left;
	width: 199px;
	height: 38px;
	background: url("../img/bg_rtModuleBottom.gif") no-repeat;
	color:#333333;
	padding: 0;
}

#rtModule table {
	margin: 15px 0 10px 0;
}

.current {
	font: normal 16px Georgia;
	color: green;
}

#deleteall {
	display: none;
	margin: 0 0 0 6px;
	float: left;
}
#listTable {
	white-space: pre;
}
a.delete {
	color: red;
	font-family: "tahoma", sans-serif;
	font-weight: bold;
}

a.edlist {
	font-family: "tahoma", sans-serif; 
	font-size: 9px; 
	color: gray;
	text-decoration: none;
}


/* End Right Side Well */


#data {
	display: none;
}

#footer {
	width: 100%;
	bottom: 0;
	background: #3d8de0 url("../img/bg_blue.gif") repeat-x;
}

#ftr {
	width: 980px;
	margin: 0 auto;
}

#ftr #botAd { 
	float: right;
	padding: 7px 25px 7px 0;
}


/*
form {
*padding: 0;
*margin: 6px 0 0 0
}
*/

/* FAQ and WTLB pages */
#contentfw {
	width: 563px; 
	min-height: 500px;
	padding: 15px 15px 0 35px;
	background: white;
	overflow: auto;
}

#leftlabelfw {
	display: block;
	width: 220px;
	height: 25px;
	padding: 4px 0 3px 0;
}




h2 {
	color: #00a3cb;
	font-size: 14px;
	display: inline;
	padding-right: 6px;
}

h3 {
	color: #d39930;
	font-size: 14px;
	display: inline; 
	padding-right: 6px;
}

#qlist ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#qlist ul li {
	padding: 0 0 8px 0;
	margin: 0; 
}


#qa ul {
	padding: 0;
	margin: 0;
	list-style: none; 
}

#qa ul li {
	padding: 0 0 45px 0;
	margin: 0; 
}


/* End FAQ and WTLB pages */
#rtModuleBottom {
	display: none !important;
}