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

.body
{
	background-color:silver;
}

.totype
{
    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;
}
.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: 22px;
}
.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:100%;
max-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:100%;
max-width:600px;
text-align:left;
}
.wrds
{
font-family:KrutiDev010;
font-size:18px;
color:black;
}

.data
{
  color:black;
}
	
.maindiv
{
	border:4px solid white;
	padding:20px;
	width:100%;
	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: 5px;
}