@font-face 
	{   
			 font-family:KrutiDev010;
			 src: url(font/k010.woff);
	}
 .lesson
	{
	 font-family:KrutiDev010;	 
    }

.body
{background-color:silver;}


.totype{
		/* font-weight: bold;  */
       background-color:#4DC978;
}
.totype2
{
  color:black;
}
.usertext
{
  border:1px solid #686666;
  border-radius: 5px;
  padding-left:15px;
  padding-right:40px;
  width:90%;
  max-width:630px;
  height:50px;
}
.result
{
float: left;
/*border: 1px solid black;*/
}
.skip{
	color: #000000;
}

	.second-div{
		width: 96.4%;height: 74%; background-color: #fafafa;overflow-y: scroll;text-align: left; padding: 10px;margin-top: 5px;float: left;font-size: 3vw;
	}
.fnt
{
 font-size:14px;
}	

.msg
{
color:black;
padding-left:20px;
}
.admin
{
color:red;
border-radius: 5px;
padding: 10px 10px 10px 10px;
}
.user
{
color:black;  
border-radius: 5px;
padding: 10px 10px 10px 10px;
}
.txt{background-color:pink;}

.form1
{
margin:30px 10px 30px;
padding:5px 5px 5px;
border:1px solid blue;
background-color:lightgray;
height:200px;
width:300px;
}
textarea
{
width: 550px;
border:2px solid gray;
border-radius: 5px;
margin-left:0px;
padding-left:5px;
resize: none;
}
 #demo
 {
  color:blue;
 }
 
 #demo1
 {
 color:green;
 }
 .left
 {
 float:left;
 border:1px solid white;
 margin:10px 10px 10px 30px;
 padding:10px 10px 10px 10px;
 font-size:20px;
 width:40%;
 }
 .record
 {
 float:left;
 border:1px solid white;
 margin:10px 10px 10px 30px;
 padding:10px 10px 10px 10px;
 font-size:20px;
 width:40%;
 }
 
 .lb
 {
  color:white;
 }
 
.label1
{
 border:1px solid #FFFFFF;
 border-radius: 5px;
 padding:15px 20px 12px 20px;
 background-color:#20B2AA;
 min-height: 50px;
 height: auto !important;
 width: auto;
 float:left;
 font-size:13px;
}
.label3
{
 border:1px solid #FFFFFF;
 border-radius: 5px;
 margin-left:15px;
 padding:15px 20px 12px 20px;
 background-color:#CB8C1D;
 min-height: 50px;
 height: auto !important;
 width: auto;
 float:left;
 font-size:13px;
}
.label2
{
 border:1px solid #FFFFFF;
 border-radius: 5px;
 margin-left:15px;
 padding:15px 20px 12px 20px;
 background-color:#CD5C5C;
 min-height: 50px;
 height: auto !important;
 width: auto;
 float:left;
 font-size:13px;
}
 
.label4
{
 border:1px solid #FFFFFF;
 border-radius: 5px;
 margin-left:15px;
 padding:15px 20px 12px 20px;
 background-color:CadetBlue;
 min-height:50px;
 height: auto !important;
 width: auto;
 float:left;
 font-size:13px;
}


.lesson1
{
width:90%px;	
max-width:630px;	
height:250px;	
border:1px solid #686666;	
border-radius: 5px;
background-color:#E6E6E6;
}
.lesson
{
overflow: -moz-scrollbars-horizantal;
overflow-y: scroll;
text-align: left;
width:90%;	
max-width:600px;
height:200px;
color:black;
font-family:KrutiDev010;
padding:10px 20px 20px 20px;
font-size:22px;
margin:24px 10px 10px 10px;
background-color:#E6E6E6;
}

.worddiv
{
font-family:Arial;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 10px;
border:1px solid #677077;
background-color:#FFF;
min-height: 70px;
height: auto;
width:90%;	
max-width:600px;
text-align:left;
}
.wrds
{
font-family:KrutiDev010;
font-size:18px;
color:black;
}

.data
{
  color:black;
}
	
.maindiv
{
	border:4px solid white;
	padding:10px;	
	width:90%;	
	max-width:500px;
	height:auto;
	background-color:#dcdcdc;	
}
#forlabel
{
 color:black;
 font-size:17px;
}
#fortext
{
	width:100%;	
	max-width:250px;
	font-size:15px;
}
#forbutton
{
	width:auto;
	background: #0066A2;
	border-style: outset;
	border-color: #0066A2;
	font: bold 15px arial, sans-serif;
	text-decoration:none; 
	color: white; 
	border-radius: 28px; 
	
}