.htext-area {

	height: 100px;
   width: 100%;
   
	margin-bottom: 7px;
	
 	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
  	
	border: solid;
	border-width: 1px;
   border-radius: 5px;
   border-color: white;

	box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1);  /* shadow */  
  
}

.htext-area:focus { 
	
	-webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1), 0 0 5px 2px white;
  	   -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1), 0 0 5px 2px white;
    	 	  box-shadow: inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1), 0 0 5px 2px white;
    
   -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
           transition: all .2s linear;
    

}