body {
	font:						100% Verdana, Arial, Helvetica, sans-serif;
	background:					#6D99BF;
	margin:						0;							/* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding:					0;
	height:                     100%;
	text-align:					center;						/* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color:						#000000;
}

#centrato
{
    width:                      100%;
    position:                   absolute;
    top:                        50%;
    left:                       50%;
    margin-left:                -320px;
}

img {
	border:                     none;
}

.oneColElsCtr #container {
	background:					#6D99BF;
	margin:						0 auto;						/* i margini auto (insieme a una larghezza) centrano la pagina */
	border:						1px solid #000000;
	text-align:					left;						/* sostituisce l'impostazione text-align: center nell'elemento body. */
}

.oneColElsCtr #mainContent {
	padding:					0 0px;						/* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div */
}

input.date {
	border:                     1px solid black;
	font-size:                  11px;
	background-color:           white;
	text-align:                 right;
	padding-right:              3px;
}

input.bottone {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #CC0033;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.bottone:hover {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #CC0033;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.btnBrown {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #66AA66;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.btnBrown:hover {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #66AA66;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.btnBlue {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #09F;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.btnBlue:hover {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #09F;
	color:                      white;
	font-weight:                bold;
	width:						40px;
}

input.reimposta {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #707070;
	color:                      white;
	font-weight:                bold;
	border-left:			    1px solid white;
	border-top:			        1px solid white;
	border-right:			    1px solid gray;
	border-bottom:			    1px solid gray;
	width:						40px;
}

input.reimposta:hover {
	font-size:                  11px;
	text-align:                 center;
	cursor:                     pointer;
	background-color:           #707070;
	color:                      white;
	font-weight:                bold;
	border-left:			    1px solid gray;
	border-top:			        1px solid gray;
	border-right:			    1px solid white;
	border-bottom:			    1px solid white;
	width:						40px;
}

.imageOn {
    border:                     1px solid red;
}

.imageOff {
    border:                     0px;
}

.buttonOn 
{
	border-left:			    1px solid gray;
	border-top:			        1px solid gray;
	border-right:			    1px solid white;
	border-bottom:			    1px solid white;
}

.buttonOff {
    border:                     0px;
}

a.menu_btn {
	display:					block;
	background-image:			url(../img/btn_base.png);
	padding:					0px;
	text-decoration:			none;
	line-height:				40px;
	color:						#FFF;
	width:						160px;
	height:						40px;
	margin-left:				5px;
}

a:hover.menu_btn {
/*
	display:					block;
	line-height:				40px;
	padding:					0px;
*/
	background-image:			url(../img/btn_over.png);
	text-decoration:			none;
	font-weight:				bold;
	color:						#000;
}

a.menu_btn_current {
	display:					block;
	background-image:			url(../img/btn_curr.png);
	padding:					0px;
	text-decoration:			none;
	line-height:				40px;
	color:						#000;
	font-weight:				bold;
	width:						160px;
	height:						40px;
	margin-left:				5px;
}

a:hover.menu_btn_current {
	display:					block;
	background-image:			url(../img/btn_curr.png);
	padding:					0px;
	text-decoration:			none;
	line-height:				40px;
	color:						#000;
	font-weight:				bold;
}

a {
	text-decoration:			none;
	color:						#03F;
}

a:hover {
	font-weight:				bold;
	color:						#03F;
}

a.submenu {
	display:					block;
	background-image:			url(../img/btn_submenu.gif);
	padding:					0px;
	text-decoration:			none;
    text-transform:		    	none; 
	color:						#ff9900;
	font-size:					12px;
	height:						40px;
	vertical-align:				middle;
}

a:hover.submenu {
	display:					block;
	background-image:			url(../img/btn_submenu.gif);
	padding:					0px;
	font-weight:				bold;
	text-decoration:			none;
	text-transform:		    	none; 
	font-weight:				bold;
	color:						#ff9900;
	font-size:					14px;
}

a.open {
	color:						#F00;
}

a:visited.open {
	color:						#F00;
	text-transform:				none;
}

a.orario {
	color:						#000;
	text-decoration:			none;
}

a:hover.orario {
	color:						#000;
	text-decoration:			none;
	text-transform:				none;
	font-weight:				bold;
}

a:visited.orario {
	color:						#000;
	text-decoration:			none;
	text-transform:				none;
}

a.conferma {
	background-color:			#DDDDDD;
	padding:					2px;
	font-weight:				bold;
	color:						#FF9900;
	border-left:				1px solid black;
	border-top:			    	1px solid black;
	border-right:				1px solid gray;
	border-bottom:				1px solid gray;
    text-decoration:			none;
    text-transform:		    	none; 
}

a:hover.conferma {
	background-color:			#FF9900;
	padding:					2px;
	font-weight:				bold;
	color:						white;
	border-left:				1px solid black;
	border-top:			    	1px solid black;
	border-right:				1px solid gray;
	border-bottom:				1px solid gray;
    text-decoration:			none;
    text-transform:		    	none; 
}

form {
	margin:				    0px;
	padding:			    0px;
}

td.tabtitolo {
	background-color:	    #0033AA;
	font-weight:		    bold;
	font-size:			    12px;
	color:				    white;
	padding:                5px 5px 5px 5px;
	border:                 solid 1px black;
}

td.colheader {
	background-color:	    #0033AA;
	font-weight:		    bold;
	font-size:			    12px;
	color:				    white;
	padding:                0px 0px 0px 0px;
	border:                 solid 1px black;
}

td.cellatitolo {
	background-color:	    #c03;
	font-weight:		    bold;
	font-size:			    10px;
	color:				    white;
}

td.cellaservizio {
	background-color:	    #FFFFFF;
	font-weight:		    bold;
	font-size:			    11px;
}

td.edit 
{
    padding:                2px 2px 2px 2px;
    border:                 solid 1px Orange;
    cursor:                 pointer;
    text-align:             center;
    vertical-align:         middle;
}

td.onedit 
{
    background-color:       Orange;
    padding:                2px 2px 2px 2px;
    border:                 solid 1px Orange;
    cursor:                 pointer;
    text-align:             center;
    vertical-align:         middle;
}

a.bottone 
{
    border-left:            solid 2px White;
    border-top:             solid 2px White;
    border-right:           solid 2px Black;
    border-bottom:          solid 2px Black;
    background-color:       Green;
    cursor:                 pointer;
    margin:                 0px 20px 0px 20px;
    text-transform:         none;
    text-decoration:        none;
}

a:hover.bottone 
{
    border-left:            solid 2px Black;
    border-top:             solid 2px Black;
    border-right:           solid 2px White;
    border-bottom:          solid 2px White;
    background-color:       #00AA00;
    cursor:                 pointer;
    text-transform:         none;
    text-decoration:        none;
    font-weight:            bold;
    margin:                 0px 20px 0px 20px;
}

a.bottonered 
{
    border-left:            solid 2px Gray;
    border-top:             solid 2px Gray;
    border-right:           solid 2px Black;
    border-bottom:          solid 2px Black;
    background-color:       Red;
    cursor:                 pointer;
    margin:                 0px 20px 0px 20px;
    text-transform:         none;
    text-decoration:        none;
}

a:hover.bottonered 
{
    border-left:            solid 2px Black;
    border-top:             solid 2px Black;
    border-right:           solid 2px Gray;
    border-bottom:          solid 2px Gray;
    background-color:       #AA0000;
    cursor:                 pointer;
    text-transform:         none;
    text-decoration:        none;
    font-weight:            bold;
    margin:                 0px 20px 0px 20px;
}

a.voce {
	font-size:					12px;
	color:						#ff9900;
}

a:hover.voce {
	font-size:					14px;
	font-weight:				bold;
	color:						#ff9900;
}

p.title {
	height:						16px;
	background-color:			#FDE137;
	color:						#000;
	font-weight:				bold;
	position:					relative;
	margin:						0px;
	text-align:					center;
}

#colLeftTop {
	position:					relative;
	float:						left;
	padding:					4px;
	width:						20%;
	overflow:					hidden;
/*	border:						1px dotted black; */
}

#colMiddleTop {
	position:					relative;
	float:						left;
	padding:					4px;
	width:						70%;
	text-align:					left;
	overflow:					hidden;
/*	border:						1px dotted black; */
}

#colRightTop {
	position:					relative;
	float:						left;
	padding:					0px;
	width:						10px;
	overflow:					hidden;
/*	border:						1px dotted black; */
}

#colLeft {
	position:					relative;
	border-top:					1px solid #03F;
	float:						left;
	padding:					4px;
	width:						20%;
	overflow:					hidden;
/*	border:						1px dotted black; */
}

#colMiddle {
	position:					relative;
	border-top:					1px solid #03F;
	float:						left;
	padding:					4px;
	width:						70%;
	text-align:					left;
	overflow:					hidden;
/*	border:						1px dotted black; */
}

#colRight {
	position:					relative;
	border-top:					1px solid #03F;
	float:						left;
	padding:					0px;
	width:						10px;
	overflow:					hidden;
/*	border:						1px dotted black; */
}