﻿<style>

body {
	margin: 0;}
img { border-style: none; margin: 4px;}
.lista{
	list-style-image: url('../img/expbul3a.jpg');
	font-family: Tahoma, Georgia, Serif;
	font-size: 10px;
}

a:link {
    text-decoration: none;
	color: #000000;
}

a:visited {
    text-decoration: none;}

a:hover {
    background-color: #F9FFCA;}

a:active {
    text-decoration: none;}  

.row, .col { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; margin-right: 0; margin-left: 0;}
.col { top: 0; bottom: 0; }
.scroll-x { overflow-x: auto;}
.scroll-y { overflow-y: auto;}

.header{ height: 40px; top: 0 ; background-image: url("../img/header_2.jpg"); }
.corpo{ top: 40px; bottom: 0px; }
/*.footer{ height: 25px; bottom: 0; background-color: #7f7f7f; text-align: center;}*/

.utente{ background-color: #ffffff; width: 180px; left:0; padding:3px; }
.corpoMain{left: 180px; right: 275px; background-color: #efefef;}
.utenti{width: 275px; right: 0; }

.infoUtente {background-color: #ffffff; top: 0; bottom: 0; padding: 3px;}
.intestaUtenti1 {background-color: #600000; height: 10px; top: 0; padding-left: 6px;}
.intestaUtenti2 {background-color: #ffffff; height: 35px; top: 10; padding-left: 6px;}
.listaUtenti {top: 45px; bottom: 405px; padding-left: 6px;}
.intestaMessaggi {height: 25px; bottom: 380px; background-color: #efefef;}
.listaMessaggi { background-color: #efefef; height: 250px; bottom: 130px; padding-left: 6px;}
.casella { background-color: #efefef; bottom: 0; height: 130px; padding-left: 3px;}

#buttonQuit
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	color: #000000;
	background-color: #FF9090;
	border-radius: 44px;
}
#postMessaggio
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFBE7F;
	border-radius: 44px;
}
#formMessaggio
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFBE7F;
	border-radius: 5px;
}
#titoloMessaggio
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 2px;
	width: 80%; 
	height: 34px;
}
#postCommento
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	color: #000000;
	background-color: #AFFFD1;
	border-radius: 44px;
}
#messErrore
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 12px;
	color: #ff0000;
}
#credenziali
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 12px;
	background-color: rgba(210, 236, 211, 0.37);
	border-radius: 8px;
	vertical-align: middle;
}
.scrittePiccineFormChngPsw{
	font-family: Tahoma, Georgia, Serif;
	font-size: 12px;
	color: #5500aa;
	vertical-align: bottom;
}
.scrittePiccineFormChngPswErr{
	font-family: Tahoma, Georgia, Serif;
	font-size: 12px;
	color: #550000;
	vertical-align: bottom;
}
#credenziali2
{
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	background-color: rgba(210, 236, 211, 0.73);
	vertical-align: middle;
	border-radius: 4px;
}
#titleChangePsw{
	background-color: #ECEAD2;
	color: #CB1F1F;
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	text-align: left;
}
.headSezione{
	background-color: #D9E6FF;
	color: #000000;
	font-family: Tahoma, Georgia, Serif;
	font-size: 16px;
	text-align: center;
}

.campoCredenziali
{
	background-color: #D9FFCA;
	border-radius: 4px;
}
.campoCredenziali2
{
	background-color: #A4D599;
	border-radius: 4px;
}
.titolo
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: left;
}
.titolo_2
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 31px;
	color: #000000;
	text-align: left;
}
.tabellaMessaggio
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-radius: 4px;
	border: 1px solid #cacaca;
	/*box-shadow: 2px 2px 3px #777777;*/
	padding: 0px;
	background-color: #FFFFFF;
}
.tabellaCommento
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #c4c4c4;
}

.cellaMessaggioPers
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px;
	border: 1px solid #c4c4c4;
	box-shadow: 2px 2px 2px #8a8a8a;
	padding: 10px;
	background-color: #FFFFFF;
}
.autoreMessPers
{
	color: #9A0000;
	font-size: 11px;
}

.autoreMessaggio
{
	font-size: 12px;
	font-weight: bold;
	color: #B20000;
	padding-left: 7px;
}

.dataOraMessaggio
{
	font-size: 12px;
	color: #0108A1;
}
.immagineMessaggio
{
	vertical-align: top;
	/*background-image: url("../img/bg2.jpg");*/
	background-color: #FFFFFF;
	padding: 0px;
}
.stored
{
	background-image: url("../img/bg.jpg");
}

.leggiCommenta
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: right;
	vertical-align: middle;
}
.leggiCommenta2
{
	font-family: "IFAO-Grec Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	
}

/* Stili della tastiera */
/*#draggable-61 { 
	position: absolute;
	display: none;
	border: 1px solid #aaaaaa;
	background-color: #E9E89E;
	border-radius: 8px;
	padding: 2px;
	height: 400px;
}*/
.sezioniTastiera{ 
	padding: 2px;
	border: 1px solid #777777; 
	background-color: #e5e5e5;
	/*border-radius: 4px;*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	vertical-align: top;
}
.ifao{
	font-family: "IFAO-Grec Unicode";
	font-size: 24px;
}
/*
#schermoTastiera{ 
	font-family: "IFAO-Grec Unicode";
	
	background-color: #ffffff;
	border: 1px solid gray;
	border-radius: 4px;
	
	font-size: 210%;
	box-shadow: inset 0 0 4px #565656;
	width: 292px;
	height: 574px;
	
	-moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
   
    overflow: auto;
    padding: 2px;
    resize: both;
   
	white-space: pre-wrap;
}
*/
.move{ 
	cursor: move;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #77BB77;
}
.tasto{ 
	display: inline-block;
	padding: 0px;
	width: 34px; 
	height: 34px;
	vertical-align: middle;
	text-align: center;
	background-image: url("../img/tasto.jpg");
	font-family: "IFAO-Grec Unicode";
	font-size: 19px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
}

.tastoExt{ 
	background-image: url("../img/tastoExt.jpg");
}

.tastoSpazio{display: inline-block;
	padding: 0px;
	width: 440px; 
	height: 28px;
	vertical-align: middle;
	text-align: center;
	background-image: url("../img/tastoSpazio.jpg");
	font-family: "IFAO-Grec Unicode";
	font-size: 18px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
}
.tastoVuoto{ 
	display: inline-block;
	width: 34px; 
	height: 34px;
	font-family: "IFAO-Grec Unicode";
	font-size: 18px;
}
.tastoBack{
	display: inline-block;
	padding: 0px;
	width: 102px; 
	height: 34px;
	vertical-align: text-middle;
	text-align: center;
	background-image: url("../img/tastoBack.jpg");
	font-family: "IFAO-Grec Unicode";
	font-size: 15px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;

}
.sfondoTasti{
	background-image: url("../img/bg_old.jpg");
}
.sfondoGrecoCopto{
	background-image: url("../img/marb.jpg");
	color: #ffffff;
}
</style>

