@charset "utf-8";


@import url('font-awesome.css');
@font-face {
    font-family: 'BlissRegular';
    src:url('../fonts/bliss-regular-webfont.eot');
    src: url('../fonts/bliss-regular-webfont.eot') format('embedded-opentype'),
         url('../fonts/bliss-regular-webfont.woff2') format('woff2'),
         url('../fonts/bliss-regular-webfont.woff') format('woff'),
         url('../fonts/bliss-regular-webfont.ttf') format('truetype'),
         url('../fonts/bliss-regular-webfont.svg#BlissRegular') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

*{
	margin:0px;
	padding:0px;
	outline:none;
}
html, body {
font-family:Arial, Helvetica, sans-serif;
background: #f5f5f5;
height: 100%;
}
body{
width:100%;
height: 100%;
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); */ /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(-45deg,  #f4f4f4 0%,#ffffff 100%); */ /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
/* background: linear-gradient(135deg,  #f4f4f4 0%,#ffffff 100%); */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
overflow: hidden;
}
#wrapper {
height: 100%;
}
header{
	width:100%;
	height:2px;	
	background: #B10C8B;
}
.contain{
width: 1018px;
margin: 0px auto 0 250px;
overflow: hidden;
height: 98%;
border: 4px #eee solid;
background: #FFF;
overflow-y: auto;
position: relative;
}
.startScreen {
width: 850px;
margin: 0 auto 0 auto;
overflow: hidden;
height: 100%;
/* border-left: 4px #eee solid; */
/* background: #FFF; */
overflow-y: auto;
position: relative;
/* border-right: 4px #eee solid; */
background-color: #ebeced;  background-image: url(images/radial_bg.png);  background-position: center center;  background-repeat: no-repeat;  
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFFFFF), to(#ebeced));  
background: -webkit-radial-gradient(circle, #FFFFFF, #ebeced);  
background: -moz-radial-gradient(circle, #ffffff, #ebeced);  
background: -ms-radial-gradient(circle, #ffffff, #ebeced);
}

#logo{
width: 200px;
text-align: center;
margin:60px auto;
}


.clear{  clear:both;   margin: 0px;  float: none !important;}

.TG_bg{
	width:441px;
	height:244px;
	background:url(../img/TG_bg.png) no-repeat;
	margin:auto;
}
#topTitle{
font-family: 'Arial, Helvetica, sans-serif';
padding-top: 30px;
width: 200px;
margin: auto;
}
h1#topTitle {
font-size: 4em;
font-style: normal;
font-weight: bold;
text-align: center;
letter-spacing: normal;
line-height: normal;
color: #939598;
}
h2 {
font-family: 'Arial, Helvetica, sans-serif';
font-size: 30px;
text-align: center;
letter-spacing: normal;
line-height: normal;
color: #939598;
}
/*#startBtn {
width: 110px;
float: none;
display: block;
margin: 0 auto;
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -55px;
cursor: pointer;
}*/
input#startBtn {
width: 175px;
float: none;
display: block;
margin: 0 auto;
/*position: absolute;
bottom: 60px;
left: 50%;
margin-left: -55px;*/
margin-top: 25px;
}
.CiE-txt{
width: 310px;
float: none;
display: block;
margin: 0 auto;
padding-top: 40px;
/* bottom: 60px; */
/* left: 50%; */
/* margin-left: -159px; */
text-align: center;
font-size: 25px;
font-family: 'Arial, Helvetica, sans-serif';
}
input[type="submit"], button {
background: #FFFFFF;
border: 0;
/* border-bottom: 2px solid #4081AF; */
color: #000;
padding: 7px 8px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: auto;
cursor: pointer;
border: 2px #b3b5b8 solid;
}
input, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
padding: 0.5em;
line-height: 1.2em;width: 49%;/* cursor: pointer; */background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
-webkit-appearance: none;
-webkit-box-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 0.5em;
-moz-appearance: none;
-moz-box-shadow: 1px 1px 1px #fff;
-moz-border-radius: 0.5em;
border: 1px solid #D0D0D0;
background: #FBFBFB;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
color: #444;}

#activityArea {
width: 100%;
height: 100%;
position: relative;
display: none;
}


#collectionList {
width: 20%;
/*width: 285px;*/
height:97%;
padding-top: 20px;
overflow: auto;
-webkit-box-shadow: 1px 0px 5px #5C4545;
-moz-box-shadow: 1px 0px 5px #5C4545;
-ms-box-shadow: 1px 0px 5px #5C4545;
-o-box-shadow: 1px 0px 5px #5C4545;
box-shadow: 1px 0px 5px #5C4545;
float: left;
position: relative;
z-index: 2;
background: #fbfcfc;
margin-left: -25px;
}

#level1_explorer {
float: left;
width: 70%;
/*width: calc(100% - 265px);*/
height: 100%;
background:#f6f6f6;
position: relative;
z-index: 1;
}
div#explorer {
width: 100%;
height: 83%; /*ratish*/
}
#topHeader
{
height: 15%;
position: relative;
background: #f7f8f8;
text-align:center;
}


#topHeader h1
{
	color: #000;
	font-weight: normal;
	font-family: 'Arial, Helvetica, sans-serif';
	font-size: 21px;
}

.level1-header{
	width: 55%;
	margin: auto;
	float: left;
	text-align: center;
	padding-top: 6px;
}


/* start folder design */
div#folders {
margin-left: 15px;
}
.main {
float: left;
height: 92px;
position: relative;
width: 140px;
margin: 20px 2px;
}

.folder {
width: 62px;
height: 50px;
background: url(../img/folder-icon.png) no-repeat;
text-align: center;
margin: 0 auto;
position: absolute;
left: 40px;
top: 0px;
background-size: 100%;
}

.folder_name {
text-align: center;
font-size: 13px;
color: #000;
position: relative;
}

.folder_name a {
color: #000;
text-decoration: none;
display: block;
padding-top: 55px;
z-index: 9;
position: relative;
}

.folder_name a:hover{
	color: #000;
	text-decoration:underline;
}

/* end folder design */



#breadcrums {
background: #e2e1e1;
padding: 0px;
color: #232121;
margin: 0px;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative;
height: 35px;
line-height: normal;
padding-left: 12px;
font-size: 12px;
box-shadow: inset 0px 1px 4px #aaa;
-webkit-box-shadow: inset 0px 1px 4px #aaa;
-moz-box-shadow: inset 0px 1px 4px #aaa;
-ms-box-shadow: inset 0px 1px 4px #aaa;
-o-box-shadow: inset 0px 1px 4px #aaa;
line-height: 36px;
}


input[type=checkbox],
input[type=radio] {
border: 1px solid #c0c0c0;
margin: 0px 10px 0px 0px;
padding: 0;
font-size: 16px;
line-height: 1em;
width: 20px;
height: 20px;
background: #fff;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));
background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));
background: -ms-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));
background: -o-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#fbfbfb));

-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;


-webkit-box-shadow: 1px 1px 1px #fff;
-moz-box-shadow: 1px 1px 1px #fff;
-ms-box-shadow: 1px 1px 1px #fff;
-o-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;

-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
-ms-border-radius: 0.25em;
-o-border-radius: 0.25em;
border-radius: 0.25em;

vertical-align: text-top;
display: inline-block;

cursor: pointer;
}

input[type=radio] {
-webkit-border-radius: 2em; /* Make radios round */
-moz-border-radius: 2em; /* Make radios round */
-ms-border-radius: 2em; /* Make radios round */
-o-border-radius: 2em; /* Make radios round */
border-radius: 2em; /* Make radios round */
}

input[type=checkbox]:checked::after {
content:"✔";
display:block;
text-align: center;
font-size: 16px;
height: 16px;
line-height: 18px;
}

input[type=radio]:checked::after {
content:"●";
display:block;
height: 16px;
line-height: 15px;
font-size: 20px;
text-align: center;
}


#questionsViewer input[type=checkbox] {
    float: right;
}
.question-parent {
clear: both;
margin: 0px;
padding: 6px 20px 6px 45px;
background: #e7e6e5;
/* border-bottom: 1px solid rgb(168, 168, 168); */
position: relative;
/* height: 45px; */margin-top: 7px;min-height: 22px;}

.question-parent.selection{
background: #ffffcc;
}

#stats {
height: 10%;
overflow: hidden;
width: 100%;
position: relative;
padding: .6%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
/* background: #EBEBEB; */
padding-top: 10px;
}

#stats input#totalQuestions, #stats input#questionSelected {
width: 30px;
text-align: center;
margin: 4px 0px;
padding: 3px;
background: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

#stats label {
display: inline-block;
float: left;
padding: 7px;
width: 145px;
}

#stats > div
{
display: inline-block;
/* margin-right: 75px; */
padding-left: 12px;
width: 59%;
float: left;
font-size: 14px;
vertical-align: top;
}
.quesSecNo {
    width: auto;
    /* float: right; */
	border: 1px solid rgb(179, 181, 184);
	background: #fff;
	padding: 5px 14px;
	border-radius: 7px;
}
span.quesSec {
width: 72%;
float: left;
line-height: 35px;
}

#addTest {
float: right;
cursor: pointer;
}

#selectAll {
    float: right;
	margin-right: 10px;
}

#questionsViewer {
height: 85%;
overflow-y: auto;
font-family: Arial;
font-size: 15px;
}


.question-title {
    /*width: 95%;*/
    width: 90%;
    float: left;
	padding-top: 2%;
}
#questionsViewer .question-parent:first-child {
    /* border-top: 1px solid rgb(168, 168, 168); */
}

#pdfPreview .question-title
{
	width: 63%;
	text-align: justify;
}


#level1, #level2, #level3
{
	height: 100%;
	position: relative;
}

#level2{
display: none;
}

#toolbars, .level3-navigation
{
	height: 15%;
	background: #f7f8f8;	
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.57);
}

#pdfPreview, #previewHTML
{
	height: 85%;/*ratish*/
	position: relative;
	overflow-y: auto;
	font-family: Arial;
	font-size: 13px;
}


#toolbars > * {
display: inline-block;
margin: .45%;
/*cursor: pointer;*/
}
.toolbarsHead{
	width: 50%;
	margin: auto;
	text-align: center;
	padding-top: 3px;
}
.toolbarsHead h1 {
    color: #000;  
	font-weight: normal;  
	font-family: 'Arial, Helvetica, sans-serif';
    font-size: 18px;
    line-height: normal;
}

.toolbarsHead > div {
    font-size: 30px;
}
.toolbars_preview{
	width: 200px;
	text-align: left;
	vertical-align: top;
	padding-top: 1px;
}
.toolbars_preview button {
margin-top: 8px;
}

#pdfPreview .question-parent {padding: 5px 55px 6px 6px;
position: relative;}
.marksDiv{
	width: 60px;
	float: right;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 178px;
	background: #efeeef;
	height: 100%;
	top: 0px;
}
.marksDiv span {
vertical-align: middle;
}
.marksInput
{
width: 30px;
/* position: absolute; */
/* right: 12px; */
/* top: 5px; */
text-align: center;
padding: 3px;
background: rgb(255, 255, 255);

margin-top: -2px;height: 10px;}
.marksPreview {
width: 50px;
/* position: absolute; */
/* right: 12px; */
/* top: 5px; */
text-align: center;
padding: 3px;
background: rgb(255, 255, 255);
margin-top: 2px;
height: 20px;
}

#pdfPreview > div > h3 {
padding:10px 10px 10px 25px;
color: black;
/*text-transform: uppercase;*/
}


.numbering {
position: absolute;
left: 31px;
top: 5px;
}

.rx-editable:focus {
background: rgb(238, 208, 208);
}

#pdfPreview .answerText {
display: inline-block;
}

#userInfo {
    width: 95%;
    position: relative;
    height: 270px;
    border: 1px solid rgb(205, 205, 214);
    background: #FFFFFF;
    /* box-shadow: inset 0px 1px 4px #aaa; */  
    /* -webkit-box-shadow: inset 0px 1px 4px #aaa; */  -moz-box-shadow: inset 0px 1px 4px #aaa;  -ms-box-shadow: inset 0px 1px 4px #aaa;  -o-box-shadow: inset 0px 1px 4px #aaa;
    margin: auto;
    border-radius: 15px;
    margin-top: 10px;
}
#userInfo > div {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 10px 0px;
}
#userInfo input[type="text"] {
    width: 260px;
    background: #f1f1f3;
    border: 2px #949599 solid;
}
#userInfo label {
    width: 119px;
    /* display: inline-block; */
    margin-left: 18px;
}
#pdfPreview #userInfo > div:nth-child(1) {
    width: 100%;
    text-align: center;
}
#pdfPreview #userInfo > div:nth-child(2) {
    width: 100%;  text-align: center;
}
#pdfPreview #userInfo > div:nth-child(3){
    width: 100%;  text-align: center;
}
#pdfPreview #userInfo > div:nth-child(4) {
    width: 50%;
    /*text-align: center;*/
}
#pdfPreview #userInfo > div:nth-child(5) {
    /* float: left; */
    clear: both;
    position: absolute;  
    top: 207px;
    left: -6px;
}
#pdfPreview #userInfo > div:nth-child(6) {
    position: absolute;
    top: 162px;
    left: 385px;
}
#pdfPreview #userInfo > div:nth-child(7) {
    text-align: right;
    width: 80px;
    position: absolute;
    bottom: 6px;
    right: 38%;
    z-index: 9999;
    display: block;
    overflow: hidden;
}
#pdfPreview > div {
clear: both;
}

.options
{
	clear: both;
}

#pdfPreview .options, #pdfPreview .question-answer
{
	margin-left: 5%;
	width: 63%;
	text-align: justify;
}

#previewHTML .options, #previewHTML .question-answer
{
	margin-left: 3%;
	width: 63%;
	text-align: justify;
}
.question-answer
{
	margin-top: 10px;
	width: 500px;
	/* display: block; */
	clear: both;
	text-align: justify;
	width: 63%;  text-align: justify;
}


#previewHTML h3 {
margin-left: 20px;
background: none;
margin-top: 0px;
}

#pdfPreview label.numbering {
position: absolute;
left: 23px;
top: 5px;
}

.marksPreview
{
	background: none;
}

#closePreviewBtn {
margin: 10px;
cursor: pointer;
float: left;
}

#downloadify {
padding: 10px;
}
#wrapper-button{
	width: 43%;
	float: right;
	margin: 3px 5px;
	text-align: left;
}

#showCartBtn {
cursor: pointer;
margin-bottom: 5px;
}
button#QuesSelectedBtn {
cursor: default;
}
#cartItems {
    background: #fff;
    border: 2px #cac9c9 solid;
    padding: 3px 5px;
    border-radius: 6px;
	cursor: default;
}


div#selectthecorrectoption, 
div#fillintheblanks, 
div#answerthequestions, 
div#matchthecolumns, 
div#rewritethesentences, 
div#unseencomprehension, 
div#rhymingwords,
div#completethewords,
div#makenewwords,
div#writing,
div#rearrangethewordstomakesentences,
div#writethewordsinalphabeticalorder,
div#completethesentences,
div#completethewords,
div#makesentences,
div#rearrangethesentences,
div#referencetocontext,
div#replacethewords,
div#underlinethewords,
div#wordsearch,
div#trueorfalse {
width: 90%;
margin: auto;
border: 1px #e2e1e1 solid;
border-radius: 15px;
padding: 20px 0px;
margin-top: 10px;
}
.mx-tools
{
	width: 152px;
	float: right;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	background: #efeeef;
	height: 100%;
	top: 1px;
}

.tool-remove, .tool-replace {padding: 3px;
display: inline-block;
text-decoration: none;
color: #000;
border: 1px #8F8D8D solid;
width: 60px;border-radius: 5px;
margin-top: 3px;
background: #fff;
font-weight: bold;
font-size: 12px;
margin-left:4px;}
a.tool-remove {
color: #d2232a;
}
#replaceQuestion {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 3;
	display: none;
}
#print_option {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 3;
	display: none;
}

#replaceQuestion > div {
width: 600px;
height: 400px;
background: rgb(255, 255, 255);
position: absolute;
z-index: 9;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -309px;
overflow: hidden;
border: 1px solid #989a9d;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.59);
}
#print_option > div {
width: 550px;
height: 128px;
background: rgb(255, 255, 255);
position: absolute;
z-index: 9;
top: 38%;
left: 15%;
overflow: hidden;
border: 1px solid #989a9d;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.59);
}
#replaceList {
height: 330px;
width: 100%;
overflow-y: auto;
}

#replaceList img {
max-width: 277px;
}

.topTitle {
width: 100%;
height: 35px;
line-height: 45px;
font-weight: bold;
clear: both;

text-align: center;
font-size: 20px;
}

.bottomMenu
{
	clear: both;
	width: 100%;
	height: 36px;
	position: relative;
}

#closeReplaceBtn
{
	background: #FFF;
	color: #000;
	padding: 4px 10px;
	font-weight: bold;
	border: 1px solid rgb(145, 145, 145);
	float: right;
	margin-right: 27px;
	margin-top: 2px;
	cursor: pointer;
}

.selection.dis
{
	background: rgb(236, 202, 202);
}

#treeTemplate
{
	display: none;
}

#previewHTML .mx-tools
{
	display: none;
}

.question-title.rx-editable {
padding-left: 42px;
width: 65%;
text-align: justify;
}

.image {
  clear: both;
  padding-top: 10px;
  width: 370px;
  /* max-width: 20%; */
}
#previewHTML .image {
margin-left: 3%;/*changed from 2 to 3 by Ratish*/
   width: 370px;
  /* max-width: 20%; */
}

#pdfPreview .image {
margin-left: 58px;
 width: 370px;
  /* max-width: 20%; */
}
.image img{   width: auto;     max-width: 100%;}
img.ansImg {width: auto;max-width: 100%;}/*added by Ratish*/

/*************/
#breadcrums :nth-child(2) {
    color: #3dae48;
}
#breadcrums :nth-child(3) {
    color: #1989af;
}
#breadcrums :last-child {
color: #f5821e;
background: #f7f8f8;
padding: 10px;
}

#breadcrums > span.breadLabel {
margin: 0px 14px;
}


#container > ul > li {
    color: #000;
}
#container > ul > li > ul > li {
    color: #3dae48;
}
#container > ul > li > ul > li > ul > li {
    color: #1989af;
}
#container > ul > li > ul > li > ul > li > ul > li {
color:  #f5821e;
}

.option.rx-editable {
    width: 100%;
	text-align:left;
}


#btn-downlodify{
	width:98px;
	height:36px;
	background:url(../scr/save2Disk.png) no-repeat;
	position: absolute;
	left: 135px;
	top: 9px;
}

#tempAshok
{
	font-size: 10px;
}

button#print {
position: absolute;
left: 129px;
top: 10px;
}

.topTitlez {width: 90%;
margin: auto;border: 0px #e2e1e1 solid;
border-radius: 15px;
padding: 0px 0px;
margin-top: 10px;}

.topTitlez > h3 {
padding: 6px 9px 0px 25px;
color: black;
}

#previewHTML .numbering {
/*position: static;
font-weight: bold;
font-size: 18px;
margin-left: -43px;
margin-right: 20px;*/
position: absolute;
left: 23px;
top: 5px;
}

#previewHTML td {padding: 6px;
font-weight: bold;
font-size: 19px;}

.question-title.hTitle {
    font-weight: bold;
    margin-left: -24px;
    margin-bottom: 8px;
}
@media print
{
.noprint {display:none;}
 a {display:none;}
 @page {
	 margin-top:5px;
	 margin-bottom:5px; }
 .marksPreview {
width: 50px;
text-align: center;
padding: 3px;
background: rgb(255, 255, 255);
margin-top: 2px;
height: 20px;
}
.marksDiv {
width: 60px;
float: right;
display: inline-block;
text-align: center;
position: absolute;
right: 25px;
background: #efeeef;
height: 100%;
top: 0px;
}
.option.rx-editable {
width: 100%;
text-align: left;
}
#previewHTML .options, #previewHTML .question-answer {
margin-left: 3%;
width: 70%;
text-align: justify;
}
.ansImg{ width:400px;}
}

#logoUpdateParent {
    position: relative;
	top: -132px;
	left: -630px;
}

#logoUpdateParent input {
    border: 0px;
    background: transparent;
    box-shadow: none;
	
}

.userDisplayLogos {
	display: block;
	margin: auto;
    margin-top: 10px;
	max-width:100px;
	max-height:100px;
}

.fileChooseBlocker {
    position: absolute;
    width: 250px;
    height: 33px;
    background: red;
    top: 0px;
    left: 148px;
    opacity: 0;
    z-index: 999;
}

#userInfo > div.boxPosTime {
    clear: both;
    position: absolute;
    top: 207px;
    left: 377px;
}

.practive > a {
    background: #b3ffbb;
}

#level3 {
	display: none;
}
#showPrevBtn{
	bottom:10px;
}