/*Global--------------------------------*/

html,body {margin:0px; background:#FFF;height:100%;}

body,td{
	color:#333;
	line-height:20px;
	font-family: Verdana;
	font-size: 12px;
}


form{ margin:0; padding:0}
.w100{ width:99%}
.bt-ccc{ border-top:1px solid #ccc}

.table1 td{border-top:1px solid #ccc}

img{border:none}
a {	color: #0066CC; text-decoration:none; font-weight:bold;}

a:hover {color: #6699FF;	}

h1{ color:#369; font: bold 24px Verdana, Arial, Helvetica, sans-serif; }
h2{ color:#369; font:bold 18px Arial; border-bottom:1px solid #999; padding:10px 0 5px 0}
h3{ color:#369; font:bold 16px Arial; border-bottom:1px solid #999; padding:10px 0 5px 0}

.top_sfondo {
	background-image: url(/img/top_tit_sf.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 93px;
}
.left_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-color: #EDEDED;
	display: block;
	padding-left: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #716263;
	border-bottom-color: #C7C7C7;
	line-height: 26px;
}
a.left_menu:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}
.left_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #848484;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 8px;
	background-image: url(/img/left_area_utenti.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	line-height: 22px;
}

.bordered{border-bottom:1px solid #999;}
.pageName {  color: #CC9900; font: bold 24px Georgia; }

.container{
	background:#fff;
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
body>div.container{
	height:auto;
	min-height:100%;
}

.corpo{background:#fff; padding:0px 0px 0px 0px;}

.bottom_testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
}

.tac{ text-align:center}
.tar{ text-align:right}
.fl{ float:left}
.fr{ float:right}
.cb{ clear:both}
.m10{ margin:10px}
.p10{ padding:10px}

.legenda{
	background:#fff;
	padding:10px 20px 20px 20px;
	text-align: right;
	border-top:1px solid #166A88;
	}

.legenda img{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	}

.legenda span{
/*	display: block;
	width: 130px;
	float: right;*/
}

.border{border: 1px solid #ccc}
.text1{ color: #990000; font-size:16px; font-weight:bold; font-family:Arial;}
.text2{ color: #999999; font-size:14px; font-weight:bold; }



.error{ color:#990000; font-weight:bold}

.puls{ background:url(/img/puls.jpg) repeat-x;
		text-transform:uppercase;
		padding:7px 10px;
		border:1px solid #999;
		font-family:Arial; text-decoration:none}

.sf-vert{
		background:url(/img/sf-b.jpg) repeat-x;
		padding:10px;
		border:1px solid #ccc;
}


.listino-table{ width: 100%;}

.listino-table td{
 padding: 10px;
 margin: 0px;

 border:1px solid #99CCFF;
}

.listino-table-new td{
 padding: 1px;
}

.listino-table-new td h5{
 padding-left: 10px;
 padding-top: 10px;
}

.listino-table h5{ font-size:14px; color:#6699CC; padding:0; margin:0; margin-bottom: 10px;}
.listino-table p{
	float: left;
	background-color: #EFF6FF;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 15px;
	display: block;
}
.listino-table .prezzo-0{
	background-color: #FFF;
}



#exception-hidden {
	width:100%;
	height:400px;


	padding:20px;
	margin:20px;
	margin-top:50px;

	overflow:hidden;
	color:#FFF;
	background-color:#FFF;
}

#exception-box
{
	width:90%;
	height:400px;
	overflow:scroll;

	padding:20px;
	margin:20px;
	margin-top:50px;

	color:#000;
	background-color:#FFF;
	border-style: inset;
	border-width: 4px;
	border-color: red;

}


.simple_form td
{
	vertical-align: top;
	padding: 3px;
	background-color: #FBFDFF;

}

.simple_form th{
	background-color: #D4E5FF;
	font-weight: bold;
}

/* TABELLE **/

.form_table td{
	width: 50%;
}

.vertical_table{
	margin: 20px 0 20px 0 !important;
	width: 100%;
}
.vertical_table.title{
	background-color: #D4E5FF;
	color: #003399;
}
.vertical_table th, .vertical_table td {
	padding: 2px 4px 2px 4px !important;
	text-align: left;
	vertical-align: top;
}

.table-servizi td{
	background-color: #EFF6FF;
}
.table-servizi.descrizione{
	font-weight: bold;
}

/* display tag */
.generic-table {
	/*border: 1px solid #666;*/
	width: 100%;
	margin: 20px 0 20px 0 !important;
}

.generic-table th, .generic-table td {
	padding: 2px 4px 2px 4px !important;
	text-align: left;
	vertical-align: top;

}

.generic-table thead tr {
	background-color: #D4E5FF;
	color: #003399;
}

.generic-table th.sorted {
	background-color: teal;
}

.generic-table th a,.generic-table th a:visited {
	color: black;
}

.generic-table th a:hover {
	/*
	text-decoration: underline;
	color: black;
	*/
}

th.sorted a,.th.sortable a {
	display: block;
	width: 100%;
}

th.sortable a {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(/img/arrow_off.png);
	display: block;
	width: 100%;
}

th.order1 a {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(/img/arrow_down.png);
	display: block;
	width: 100%;
}

th.order2 a {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(/img/arrow_up.png);
	display: block;
	width: 100%;
}

tr.odd {
	background-color: #fff
}

tr.tableRowEven, tr.even {
	background-color: #EFF6FF;
}


.generic-table div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
}

.generic-table span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	cursor: pointer;
}

.generic-table span.excel {
	background-image: url(/img/ico_file_excel.png);
}

.generic-table span.csv {
	background-image: url(/img/ico_file_csv.png);
}

.generic-table span.xml {
	background-image: url(/img/ico_file_xml.png);
}

.generic-table span.pdf {
	background-image: url(/img/ico_file_pdf.png);
}

.generic-table span.rtf {
	background-image: url(/img/ico_file_rtf.png);
}

span.pagebanner {
	background-color: #EFF6FF;
	border: 1px dotted #003399;
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #EFF6FF;
	border: 1px dotted #003399;
	padding: 2px 4px 2px 4px;
	width: 100%;
	display: block;
	border-top: none;
	margin-bottom: -5px;
}

.soft {
	position:relative;
	vertical-align:bottom;
	padding-bottom:25px;
}
.p-green {
    background:url(/img/sf-green.jpg) repeat-x;
    border-top:2px solid #C2E1BF; border-left:2px solid #C2E1BF;
    border-bottom:2px solid #669966; border-right:2px solid #669966;
    font-family: arial; font-size: 11px; text-transform:uppercase;
    font-weight: bold; color: #006600;
    padding: 2px 4px;
}
.p-blu {
	BORDER-RIGHT: #c0c0c0 1px outset;
	BORDER-TOP: #c0c0c0 1px outset;
	FONT-WEIGHT: bold; FONT-SIZE: 12px;
	BACKGROUND: url(/img/button.gif) #ffffff;
	BORDER-LEFT: #c0c0c0 1px outset;
	WIDTH: auto;
	CURSOR: pointer;
	COLOR: #000033;
	BORDER-BOTTOM: #c0c0c0 1px outset;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.p-orange {
    background:url(/img/sf-orange.jpg) repeat-x;
    border-top:2px solid #E8CFAD; border-left:2px solid #E8CFAD;
    border-bottom:2px solid #C17E20; border-right:2px solid #C17E20;
    font-family: arial; font-size: 11px; text-transform:uppercase;
    font-weight: bold; color: #993300;
    padding: 2px 4px;
}

.p-piccolo { background:#C8E3FE;
    background:url(../img/sf-celeste.jpg) repeat-x;
    border-top:2px solid #99CCFF; border-left:2px solid #99CCFF;
    border-bottom:2px solid #6699FF; border-right:2px solid #6699FF;
 	font-family: arial; font-size: 12px;
 	letter-spacing:1px;
 	font-weight: bold; color: #003366;
	padding: 1px 2px;
}

/*Post-it note script- by javascriptkit.com
Visit JavaScript Kit (http://javascriptkit.com) for script
Credit must stay intact for use*/

.post-it{
	position:static;
	top: 0px;
	right: 0px;
	padding:5px;
	margin: 0px;
	background-color:yellow;
	border:1px solid black;
	z-index:100;
	display:none;
}
.info{
	position: absolute;
	padding:5px;
	margin: 0px;
	background-color:#F3EBBD;
	border:1px solid #858583;
	z-index:100;
	display:none;
	width: 300px;
}
.info-img{
cursor:pointer;
margin-left: 3px;
vertical-align: middle;
}


.prezzo_personale {
	background-color: #FDBAAB;
}
.listino-table th{
	font-size: 14px;
	text-align: left;
}