body{
font-family:"Trebuchet MS", verdana, arial, sans-serif;
background: #ffffff;
color: #000000;
}



textarea {
background: #0066cc;
color: white;
border: 0;
height: 260px;
width: 460px;
margin: 10px;
padding: 10px;
font-family: Courier New, Courier, serif;
font-weight: bold;
font-size: large;
overflow: auto;
}


.selezionato_sx {
height:34px;
width:34px;
}

.selezionato {
height:36px;
width:36px;
padding: 2px;
border:3px solid red;
}

.selezionato_dx {
height:34px;
width:34px;
}

#header{
/* float: left; */
margin-left: 0;
margin-right: 30%;
}

#istruzioni{
float: right;
position: absolute;
width: 280px;
height: 130px;
top:0;
right:0;
padding: 10px;
margin: 1ex;
color: #ffffff;
background-image: url('img/sfondo_istruzioni.jpg');
}

#caratteri{
font-family:"Trebuchet MS", verdana, arial, sans-serif;
/*position:absolute;
top: 300px;*/
}

#caratteri img {
height:30px;
width:30px;
}

#casella_testo{
background: #0066cc;
color: white;
border: 0;
min-height: 260px;
height: auto !important;	/* Questo serve per aggirare un */
height: 260px;				/*   bug di internet explorer   */	
width: 90%;
padding: 10px;
font-family: Courier New, Courier, serif;
font-weight: bold;
font-size: 200%;
}

#bocca{
background-color: transparent;
background-image: url("img/sfondo_bocca.gif");
height: 200px;
width: 400px;;
position: absolute;
top: 100px;
left: 30%;
right: 30%;
z-index:100;
}

#player{
position:absolute;
left:20px;
right:20px;
top: 40px;
}

#nuovo{
color: #000000;
position: absolute;
width: 20em;
height: 4em;
left: 0;
padding-left: 1em;
padding-bottom: 1em;
}

#esistente{
color: #000000;
position: absolute;
width: 26em;
height: 4em;
left: 21em;
padding-left: 1em;
padding-bottom: 1em;
}

#nuovo_documento{
color: #000000;
position: relative;
width: 20em;
display: block;
left: 0;
top: 5em;
padding-left: 1em;
}

#documento_esistente{
color: #000000;
position: relative;
width: 20em;
left: 22em;
top: 5em;
padding-left: 1em;
float: left;
display: none;
}