.txtNote{
	
	top: 20%;
	left: 20%;
	position: absolute;
	background-size:cover;
 	background-color: #fdfdc8;
	
	border-radius: 10px 10px 10px 10px;
	z-index: 1;
}
.txtCanvas{
	background-color: #fdfdc8;
	top: 20%;
	left: 20%;
	position: absolute;
	
	border-radius: 10px 10px 10px 10px;
	z-index: 1;
}
.websearch{

	top: 20%;
	left: 20%;
	position: absolute;
	
	border-radius: 10px 10px 10px 10px;
	z-index: 1;
}


.smalltext{
	
	top: 0px;
	left: 20%;
	position: absolute;
	background-color: #fdfdc8;
	border-radius: 10px 10px 10px 10px;


    top: 0px;
}
.txtNote h2{
	color: #888864;
	font-size: 18px;
	padding-left: 35px;
	line-height: 36px;
	
}
.txtNote textarea{
	width: 370px;
	height: 190px;
	background-color: transparent;
	
	font-size: 24px;
	border-color: transparent;
	border-radius: 10px 10px 10px 10px;



	min-height: 80px;
	min-width: 350px;
}

.txtCanvas canvas{
	width: 370px;
	height: 190px;
	background-color: transparent;
	margin: 0 5px 5px 5px;
	font-size: 24px;
	border-color: transparent;
	border-radius: 10px 10px 10px 10px;
	
}
.canvastxt{
	width: 370px;
	height: 190px;
	background-color: transparent;
	margin: 0 5px 5px 5px;
	font-size: 24px;
	border-color: transparent;
	border-radius: 10px 10px 10px 10px;
	
}
.txtNote .close_box{
	position: absolute;
	

}
.txtNote .close_box a > span::after {
	/*font-family: "libricons";
	font-size: 16px;
	display: inline-block;
	content: '\e00b';
	color: #888864;
	border-radius: 30px;
	padding: 5px;*/
}
.btndiv{
	
   height: 45px;
    border-radius: 10px 10px 0px 0px;
	background-image: url(ToolBar/txtbgbtn.png);
    
}
.a1span{
	font-size: 30px;
}
.a2span{
	font-size: 30px;padding-left: 10px;
}
.narrow_box{
	    position: absolute;
       right: 40px;
        
}
.close_box{
	     position: absolute;
    right: 0px;
     
}
.textimgDiv img{
	width: 60px;
	height: 60px;
}
.linkDiv a{
	 color: #fff !important;
	 background-color:rgba(54, 48, 48, 0.729412); 
   	min-height: 30px;
   	min-width: 10px;
   	font-size: 2.0em;
	 border-radius: 10px;
    padding: 3px;
}

 .timer, .timer-done, .timer-loop {
      font-size: 30px;
      color: black;
      font-weight: bold;
      
      padding: 10px;
      width: 125px;
      height: 30px;
        background-size: 100% 100%;
      background-image: url(../../Resource/timerMiddleBackground.png);
       background-repeat: no-repeat;

    }

    .hours { float: left; }
    .minutes { float: left; }
    .seconds { float: left; }
    .clearDiv { clear: both; }

    .is-complete {
      color: red;
      /*-webkit-animation-name: blinker;background:url(Resource/timerMiddleBackground.png)no-repeat;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
      -webkit-animation-duration: 1s;*/
    }
   
.timerbtndiv{
	    width: 270px;
    height: 50px;
    background-size: 100% 100%;
    background-image: url(../../Resource/timerBG.png);
    background-repeat: no-repeat;

}
.narrow{
	   width: 30px;
    height: 45px;
    background-size: 100% 100%;
    background-image: url(../../Resource/Narrow.png);
    background-repeat: no-repeat;
}
.errorAnswer{
	/*text-align:center;
	border-style: solid;
	border-width: 3px;
	border-color : rgba(0, 255, 0, 1);
	color : red;
	font-size : 25px;*/
	background:url(../../ToolBar/error.png)no-repeat 50% 50% !important;
	
}
 /*--Ãö³¬¯Ã--*/		
div.windows_list_box .close_box{
	/*position: absolute;
	top: 10px;
	right: 10px;*/

	 width: 30px;
    height: 45px;
    background-size: 100% 100%;
    background-image: url(../../Resource/Narrow.png);
    background-repeat: no-repeat;
}