body {
	background-color:#cacacc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/l_01.jpg);
	background-repeat:repeat-x;
	font-size:16px;
}
/*Tooltip!!!!!*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/*End Tooltip!!!!!*/

form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div.wait {
	float:left;
	padding:5px;
	width:200px;
	text-align:center;
	display:none;
}
#sitebody {
	top: 0;
	left: 0;
	text-align: left;
	padding: 0;
	width: 100%;
}

#mainbody{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:12px;
	color:#000;
	width: 100%;
}
ul#menu {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	background:#666;
}
	ul#menu li {
		float:left;
		display:block;
		font-size:14px;
	}
	
	ul#menu li a {
		color:#fff;
		text-decoration:none;
		padding:2px 6px 2px 6px;
		background:#666;
		color:#fff;
		display:block;
		border-right:solid 2px #999;
		line-height:22px;
	}
	ul#menu li a.selected, ul#menu li a:hover {
		background:#333;
	}
	#date {
		width:100%;
		clear:both;
		margin-top:1px;
		float:left;
		background:#999;
	}
	#date a {
		float:left;
		display:block;
		padding:2px 6px 2px 6px;
		background:#999;
		color:#fff;
		border-right:solid 2px #ddd;
		text-decoration:none;
		font-size:14px;
		line-height:22px;
	}
	#date a:hover {
		background:#333;
	}
	#date span {
		float:left;
		display:block;
		padding:2px 6px 2px 6px;
		background:#ddd;
		color:#000;
		border-right:solid 1px #ddd;
		text-decoration:none;
		font-size:14px;
		line-height:22px;
	}
	
	img.ui-datepicker-trigger {
		float:right;
		margin-top:2px;
		margin-left:5px;
		cursor:pointer;
	}
	.ui-autocomplete {
		font-size:14px !important;
	}
	
table.maintable {
	width:100%;
	clear:both;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
table.maintable.clienti {
	width:auto;
}
table.maintable.clienti td{
	text-align:left;
    
}
	table.maintable tr td {
		overflow:hidden;
		border-bottom:solid 1px #ddd;
		border-right:solid 1px #ddd;
		text-align:center;
	}
	table.maintable tr.header td {
		background:#fff;
	}
	table.maintable tr.releu td,
	table.maintable tr.client td {
		background:#f7f7f7;
	}

	table.maintable tr.anticipat td {
		background: #e5ef92;
	}

	table.maintable tr.today td {
		background: #f8c3e0;
	}

    table.maintable tr.anulat td {
        background: #E6DCDC;
    }
    table.maintable tr.total td {
        background: #000000;
        color: white;
    }
    table.maintable tr.subtotal td {
        background: grey;
        color: white;
    }    
    
	table.maintable tr.releu td a.button.on {
		display:block;
		color:#fff;
		padding:5px;
		text-decoration:none;
		background:#0c583f;
		float:left;
		width:25px;
		padding:6px 3px 6px 3px;
		line-height:12px;
	}
		table.maintable tr.releu td a.button.on:hover,
		table.maintable tr.releu td a.button.on.selected {
			background:#119860;
		}
	table.maintable tr.releu td a.button.off {
		display:block;
		color:#fff;
		padding:5px;
		text-decoration:none;
		background:#9c0e11;
		float:left;
		width:25px;
		padding:6px 3px 6px 3px;
		line-height:12px;
	}
		table.maintable tr.releu td a.button.off:hover,
		table.maintable tr.releu td a.button.off.selected {
			background:#dc141a;
		}
	table.maintable tr td.time {
		width:25px;
		background:#fff;
		padding:2px;
	}
	table.maintable.relee tr td,
	table.maintable.clienti tr td {
		padding:5px;
	}
	table.maintable tr td.occupied {
		color:#fff;
		background:#F99303;
	}

	table.maintable tr td.occupiedweb {
		color:#fff;
		background: #0096ff;
	}

	table.maintable tr td.occupiedwebpaid {
		color:#fff;
		background: #0096ff;
		border: 5px solid #82c1fc;
		border-style:outset;
	}
    
    table.maintable tr td.occupiedpaid {
        color:#fff;
        background:#F99303;
        border: 5px solid #FFCC33;
        border-style:outset;
    }

table.maintable tr td.free {
        color:#fff;
        background:#41B850;
    }
    
table.maintable tr td.freepast {
        color:#fff;
        background:#65C572;
    }
    
table.maintable tr td.efectuat {
        color:#000000;
        background:#FF3333;
    }

table.maintable tr td.efectuatweb {
        color:#000000;
        background: #ff33ff;
    }
    
table.maintable tr td.efectuatpaid {
        color:#000000;
        background:#FF3333;
        border: 5px solid grey;
        border-style:outset;
    }

table.maintable tr td.efectuatwebpaid {
        color:#000000;
        background:#ff33ff;
        border: 5px solid grey;
        border-style:outset;
    }

table.maintable tr td.luminiOn {
        color:#000000;
        background:#FFFF00;
        height: 200px;
        text-align: center;
        vertical-align: middle;
        
    }    
	
    table.maintable.clienti tr td a.button {
		display:block;
		color:#fff;
		text-decoration:none;
		background:#999;
		padding:6px 6px 6px 6px;
		line-height:12px;
		width:auto !important;
		float:left;
		
	}
	
	table.maintable.clienti tr td a.button.sterge {
		width:8px !important;
		margin-left:5px;
		background:#9c0e11;
	}
	
	table.maintable.clienti tr td a.button.modifica {
		background:#0c583f;
	}
	
	table.maintable tr td a {
		display:inline-table;
		text-decoration:none;
		color:#fff;
		width:100%;
		height:100%;
		padding:5px;
	}
	table.maintable tr td a.page {
		display:inline-table;
		text-decoration:none;
		color:#0c583f;
		padding:0px;
	}
	#form_add {
		width:100%;
		background:#fff;
		float:left;
	}
	#form_add table tr td {
		padding:3px;
	}
	
	#form_add input[type=text] {
		margin:0;
		border:solid 1px #a0a0a0;
	}
	
	#form_add input[type=submit] {
		margin:0;
		border:solid 1px #a0a0a0;
		padding:2px 5px 4px 5px;
		margin-left:12px;
		cursor:pointer;
		background:#666666;
		color:#fff;
		-moz-box-shadow: 2px 2px 2px #ddd;
		-webkit-box-shadow: 2px 2px 2px #ddd;
		box-shadow: 2px 2px 2px #ddd;
	}
	
	#form_add a.sterge {
		margin:0;
		font-size:13px;
		border:solid 1px #800000;
		padding:2px 5px 4px 5px;
		margin-left:12px;
		cursor:pointer;
		background:#800000;
		color:#fff;
		-moz-box-shadow: 2px 2px 2px #ddd;
		-webkit-box-shadow: 2px 2px 2px #ddd;
		box-shadow: 2px 2px 2px #ddd;
		text-decoration:none;
		float:right;
	}
	
	#form_add select {
		margin:0;
	}
	
	fieldset {
		float:left;
		margin-bottom:10px;
		margin-top:10px;
		clear:both;
		padding:25px 20px 10px 20px;
		background:#f7f7f7;
		position: relative;
		border:solid 1px #a0a0a0;
	}
		fieldset.error {
			background:#fbf3e3;
		}
	
	fieldset legend {
		font-size:13px;
		font-weight:bold;
		color:#fff;
		position:absolute;
   	 	top: -.5em;
   		left: .5em;
		background:#666666;
		padding:2px 5px 2px 5px;
		border:none;
		-moz-box-shadow: 2px 2px 2px #aaa;
		-webkit-box-shadow: 2px 2px 2px #aaa;
		box-shadow: 2px 2px 2px #aaa;
	}
	
		fieldset.error legend {
			background:#d92a2e;
		}
	
	#form_add td:first-child {
	}
	.submitButton {
		float:left;
	}