#drowArea:hover{cursor: url(http://cur.cursors-4u.net/others/oth-2/oth198.cur), progress !important;}
#brushArea img{height:50px;width:50px;}
#brushArea img:hover{border:1px dotted grey; border-radius:50px;box-shadow:0px 0px 10px 2px black;}
#brushArea img:active{box-shadow:0px 0px 10px 2px black inset;}



body
{
	background-image:url('/pictures/bg2.jpg');
	background-repeat:repeat;
 }	

 #butSend
 {
	background-color:#00b708;
	border:1px solid black;
	padding:10px 10px 10px 10px;
	outline: none;
	border-radius:5px;
	box-shadow:5px 5px 20px 3px #015800 inset;
}

#butSend:hover{box-shadow:-5px -5px 20px 3px #015800 inset;}
#butSend:active{box-shadow:0px 0px 10px 5px black;}

 


#playArea
{	position:absolute;
	left:0px;
	width:100%;
	height:100%;
	border-radius:10px;
}

#drowArea
{
	position:absolute;
	left:0px;
	top:0px;
	width:69%;
	height:69%;
	border-radius:10px;

}

#canvas
{
	position:absolute;
	left:10px;
	top:10px;
background-color:rgba(255, 255, 255, 0.5);
border-radius:10px;
box-shadow:0px 0px 10px 3px black;

}

#brushArea
{

	position:absolute;
	top:70%;
	width:70%;
	height:30%;
	/*border:1px dashed black;*/
	border-radius:10px;
	text-align:center;

}


#brushArea button:hover
{

background-color:grey;
}

#timeArea
{
	position:absolute;
	left:70%;
	top:20%;
	width:30%;
	height:20%;
	border-radius:10px;
	text-align:center;

}

#btnStart, #btnStop, #btnReset
{
	width:80px;
	height:40px;
	background-color:#00b708;
	border:1px solid black;
	outline: none;
	border-radius:5px;
	box-shadow:5px 5px 20px 3px #015800 inset;
}
#btnStart:hover, #btnStop:hover, #btnReset:hover{box-shadow:-5px -5px 20px 3px #015800 inset;}
#btnStart:active, #btnStop:active, #btnReset:active{box-shadow:0px 0px 10px 5px black ;}

#scorringArea
{
	position:absolute;
	left:70%;
	top:0px;
	width:30%;
	height:20%;
	border:1px dashed black;
	border-radius:10px;

}

#chatArea
{
	position:absolute;
	left:70%;
	top:40%;
	width:30%;
	height:60%;
	/*border:1px dashed black;*/
	border-radius:10px;

}


#tchat 
{
	
	width : 90%;
	height : 80%;
	margin : auto;
	margin-top:10px;
	border : 2px rgb(40,40,40) solid;
	border-radius:15px;
	overflow-y:scroll
}

.line 
{
	border-bottom : 1px rgb(80,80,80) solid;
	padding : 4px;
	text-align:left;
	color : rgb(40,40,40);
}
