body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
p{
	margin:0px;
}

.thumbnaildiv{
	width:300px;
	float:left;
	margin: 10px 10px;
}

.thumbnaildiv span{
	font-weight:bold;
}

.thumbnaildiv img{
	border:1px solid #4f84e5;
}

.userlink{
	background:transparent url(../img/ruoli/volontario.png) no-repeat left center;
	font-weight:bold;
}
.userlink span{margin-left: 16px;}

a {
	color: #3333FF;
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;
}

.bold{
	font-weight:bold;
}

.campo_obbligatorio{
	font-weight:bold;
	color:#F00;
}

.box{
	background: transparent url(../img/bg_testata.jpg) repeat-x top left;
	border: 1px dotted #4f84e5;
	border-top:3px solid #4f84e5;
}

.action{
	border:0px;
	padding:0px;
	margin-right:5px;
	margin-left:2px;
	text-decoration:none;	
}
.action img{
	border:0px;
	padding:0px;
	vertical-align:middle;
}



.large_input{
	width:300px;
}


a.filelink{
	text-decoration: none;
	font-weight: bold;
}
a.filelink:hover{
	text-decoration: underline;
}

.small {
	font-size: 10px;
	color: #888888;
}

img {
	border: 0px;
}

ul{
	list-style-type: inherit;
	list-style-image: inherit;
	list-style-position: inside;
	padding-left:30px;
}

.img_delete{
	margin:0px;
	padding:0px;
	height: 16px;
	width: 16px;
}

/***********************TABELLE*************************************/

table {
	border-collapse: collapse;
}

.bigtable{
	width:98%;
}

.mediumtable{
	width:50%;
}

.centered{
	margin: 0 auto;
}

table{border:1px solid #0623df;}
td,tr{border:1px solid #b0ccff;}

td,tr {
	text-align:left;
	height: 15px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.odd{ background-color:#FFF; }
.even{ background-color:#DBDBFF; }
.odd:hover,
.even:hover{
	background-color:#ffff8e;
}

th{
	font-size:12px;
	border-bottom: 1px solid black;
	background-color:#4f84e5;
	color:#FFFFFF;
	border: 1px solid #0623df;
}
th a{ color:#FFF; text-decoration:underline;}

/************************************************************/

#container {
	min-width: 1000px;
	margin: 0px auto;
	/* background: transparent url(../img/sfondo.jpg) repeat-y center top; */
}

#footer {
	padding-top: 25px;
}

#colonna_sx {
	width: 16%;
	height: 400px;
	float: right;
	margin-left:3px;
	padding-left: 3px;
	padding-right: 3px;
	
}

#colonna_dx {
	width: 82%;
	float: right;
	margin-left:3px;
}

.div_half {
	width: 49%;
	float: left;
}

.floatLeft {
	float: left;
}

.separator {
	width: 640px;
	height: 2px;
	margin: 10px auto;
	float: left;
}

.separator_foot {
	width: 600px;
	height: 2px;
	margin: 0px auto;
	margin-top: 50px;
}

#logo_irc {
	width: 85px;
}



#ambulanza {
	height: 210px;
}

#contatti {
	width: 80%;
	margin: 20px auto;
}

.work{
	width: 300px;
	height: 300px;
}

#testata{
	background: transparent url(../img/bg_testata.jpg) repeat-x top left;
}

/******************CLASSI DI UTILITA'**********************/
.icon{
	vertical-align:middle;
}

.borderRed {
	border: 3px solid #4f84e5;
}

.clickable {
	cursor: pointer;
}

.clearfloat {
	/* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.textLeft {
	text-align: left;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.clearFloat {
	/* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.alignLeft {
	text-align: left;
}

.justified {
	text-align: justify;
}

#map_canvas {
	border: 2px solid black;
	margin: 0px auto;
}


.clock {
	width: 15px;
}

/**********************************CALENDARIO*******************************/
.calendario {
	border-collapse:separate;
	width: 210px;
	border :     1px solid #4f84e5;
	/* border-collapse: collapse; */
	background-color: white;
}

.giorno {
	border-color:transparent;
}

.giorno a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
}

.giorno_selezionato {
	border: 1px solid #c33939;
}

.giorno_servizio {
	font-weight: bold;
}

.leggenda {
	float: left;
	width: 260px;
	height: 200px;
}


/****************************SERVIZIO*****************************/
.disponibili_oggi {
	float: left;
	width: 470px;
	height: 200px;
	padding-top: 20px;
	margin-left: 15px;
	overflow: auto;
}

.table_disp {
	width: 200px;
}

.calendario td, .calendario th{
	text-align:center
}

.descr_nuovo_servizio {
	background-color: #dbdbff;
	overflow: auto;
}

.div_servizio {
	height: 180px;
	width: 98%;
	margin-top: 15px;
}

.div_servizio div {
	height: 100%;
	border-left:0px;
	float: left;
	padding-top: 8px;
	 /* background-color: #dbdbff; */
}

.div_servizio .descrizione{ width: 49%; }
.div_servizio .disponibili{ width: 20%; }
.div_servizio .equipaggio { width: 30%; }

.giorno_mese {
	width: 20px;
}

.anno {
	width: 40px;
}

.labelEquip {
	width: 50px;
}

.link_to_right{
	display:block;
	float:right;
	margin-left:10px;
}

/***********************EMERGENZE*******************************/
.table_admin {
	width: 100%;
}

.div_admin {
	width: 20%;
	height: 170px;
	overflow: auto;
	font-size: 10px;
	float: left;
	margin: 5px 1px;
}

.feriali_emer td,tr {
	font-size: 10px;
}

.festivi_emer td,tr {
	font-size: 10px;
}

.date {
	font-size: 10px;
}

.nuova_disp {
	border: 1px solid #4f84e5;
	margin: 10px auto;
}

.riepilogo {
	margin: 0px auto;
}

.legenda_emer {
	width: 100%;
	float: left;
}

.frecce {
	margin: 0px 10px;
}

.equip_emer {
	margin: 5px auto;
}

.feriali_emer {
	float: left;
	height: 370px;
	width: 70%;
}

.festivi_emer {
	float: left;
	height: 370px;
	width: 30%;
}

.field_ruoli {
	width: 45%;
	float: left;
}

.autista {
	background-color: #f1f083;
}

.capo {
	background-color: #f36973;
}

.affiancato {
	background-color: #9e79e8;
}

.riepilogo_emer {
	margin: 0px auto;
	width: 98%;
}

.riepilogo_emer tr,td{
	font-size:11px;
}

/*******************************TESTATA*****************************************/

#div_logo {
	float: left;
	height: 125px;
}

#logo {
	width: 250px;
	margin-top: 10px;
	margin-left: 15px;
}

#login {
	margin-top: 10px;
	text-align:center;
}

.stemma {
	display: block;
	font-size: 9px;
	float: right;
	margin-right: 30px;
	margin-top: 35px;
	height: 50px;
	width: 50px;
	overflow:hidden;
}

a.stemma img {
	position:relative;
	top:-50px;
}
a.stemma:hover img {
	position:relative;
	top:0px;
}

#logo-masitorello{ right:150px; }
#logo-voghiera{ right:100px; }
#logo-118{ right:200px; }
#logo-irc{ right:50px; }

.errore {
	color: red;
}

.feedback {
	color: green;
}


#div_testata {
	background-color: #FFFFFF;
	display: block;
	height: 150px;
	width: 100%;
}

.stemmi_comuni {
	width: 64px;
	height: 106px;
}

#footer {
	height: 50px;
	width: 100%;
}

.opzione_vuota {
	width: 30px;
}

/*********************************************DRAG&DROP********************************************/
.draggable{
	cursor: move;
}
.draggable:hover{
	background-color:#88FF88;
	border: 1px solid red;
}

.drag_orario{
	border:1px solid red;
	margin-right:20px;
}

.drag_orario:hover{
	background-color:#88FF88;
	cursor:move;
}

.tutoring_role{
	border: 1px solid red;
	width: 130px;
	height: 20px;
	float:left;
}
.tutoring_role:hover{
	cursor: move;
	border: 1px solid green;
}

.droppable-active{
	background-color:yellow;
}

.droppable-hover{
	background-color:#88FF88;
}

/********************************************ASSOCIAZIONE********************************************/
#organigramma{
	width:100%;
}
#organigramma tr,#organigramma td{
	font-size:13px;
}
#organigramma th{
	border-bottom:1px dotted #000000;
}

/*****************************************FOOTER*****************************************************/

#div_footer{
	/* background: #DBDBFF url(../img/sfondo_bottom.jpg) top center no-repeat; */
	border-top:1px solid #D4340C;
}
/**************************************HOME PAGE **********************************************/

#descr_vs {
	font-size: 13px;
	width: 90%;
	margin: 0px auto;
}

#dona5xmille{
	width:90%;
	margin: 5px 0px 5px 20px;
	border: 1px solid #FFAAAA;
	font-weight:bold;
}

/*
 * Verde scuro sfondo: #90cc90
 * Verde chiaro sfondo:#bbd9bb
 * Rosso scuro sfondo :#eb7777
 * Rosso chiaro sfondo :#FDB093
 * Testo verde : #066005
 * Testo rosso : #ad2121
 * */

div.messagebus{
	text-align:left;
	height:15px;
	width:50%;
	margin:2px 0px 2px 50px;
	font-weight:bold;
	position:absolute;
	top:103px;
	right:3px;
}
div.messagebus img{ margin-right: 5px;} 
div.messagebus div.title{
	float:left;
	height:15px;
	width: 100px;
	margin-right: 5px;
}

div.messagebus.errore{
	color: #ad2121;
	border-bottom:2px solid #cd261d;
	border-right:2px solid #cd261d;
	border-left:2px solid #eb7777;
	border-top:2px solid #eb7777;	
}
div.messagebus.errore .title{ border-right:1px solid #ad2121; background-color:#fd9393;}
div.messagebus.errore .description{ background-color:#FDB093; }

div.messagebus.feedback{
	background-color:#90cc90;
	color: #066005;
	border-bottom:3px solid #006b00;
	border-right:2px solid #006b00;
	border-top:2px solid #90cc90;
	border-left:2px solid #90cc90;	
}
div.messagebus.feedback .title{ border-right:1px solid #066005; background-color:#9cd49c; }
div.messagebus.feedback .description{ background-color:#bbd9bb; }