/******************************************************************************************************************** FONTS - START */
@import url("/FSnetThemes/basic/jquery-ui-1.8.23.custom.css");
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700|Droid+Serif");
/******************************************************************************************************************** FONTS - END ***/



/**************************************************************************************************** VARIABLES DECLARATION - START */
@bgColor:		#EBEBEB;
@fgColor:		#3e3e3e;
@red:			#FF0000; //#BC2D09;
@green:			#176533; //#0A9647;
@lightGreen:	darken(#83C883, 10%);
@blue:			#00678f;
@orange:		#d1a549;
@white:			#FFFFFF; //#f8f7f5;
@gray:			#7c7c7c;
@borderColor:	#d7d7d7;
@linkColor:		darken(@orange, 15%); //#BC2D09; //9D005D;
@blue30:		#00678f;
@borderRadius:	5px;
/**************************************************************************************************** VARIABLES DECLARATION - END ***/



/********************************************************************************************************* PSEUDO-FUNCTIONS - START */
.box-sizing (@val: border-box) {
	-moz-box-sizing: @val; 
	-ms-box-sizing: @val; 
	-webkit-box-sizing: @val; 
	box-sizing: @val;
}

.box-shadow (@x: 0, @y: 0, @blur: 5px, @col: rgba(0, 0, 0, 0.5)) {
	@val: @x @y @blur @col;
	box-shadow:         @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow:    @val;
	//behavior: url(ie-css3.htc);
}

.box-shadow-inset(@x: 0, @y: 0, @blur: 5px, @col: rgba(0, 0, 0, 0.5)) {
	@val: @x @y @blur @col inset;
	box-shadow:         @val;
	-webkit-box-shadow: @val;
	-moz-box-shadow:    @val;
}


.text-shadow(@x: 0, @y: 0, @blur: 5px, @col: rgba(0, 0, 0, 0.5)) {
	text-shadow: @x @y @blur @col;
}

.rotate (@deg: -90deg) {
	transform: rotate(@deg);
	-webkit-transform: rotate(@deg); 
	-moz-transform: rotate(@deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.vertical-gradient(@col1: #000, @start1: 0%, @col2: #FFF, @start2: 100%) {
	background-image: linear-gradient(top, @col1 @start1, @col2 @start2);
	background-image: -o-linear-gradient(top, @col1 @start1, @col2 @start2);
	background-image: -moz-linear-gradient(top, @col1 @start1, @col2 @start2);
	background-image: -webkit-linear-gradient(top, @col1 @start1, @col2 @start2);
	background-image: -ms-linear-gradient(top, @col1 @start1, @col2 @start2);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.35, @col1),
		color-stop(0.64, @col2)
	);
	//filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{col1}', endColorstr='@{col2}', GradientType=0)";
}

.horizontal-gradient(@col1: #000, @start1: 0%, @col2: #FFF, @start2: 100%) {
	background-image: linear-gradient(left, @col1 @start1, @col2 @start2);
	background-image: -o-linear-gradient(left, @col1 @start1, @col2 @start2);
	background-image: -moz-linear-gradient(left, @col1 @start1, @col2 @start2);
	background-image: -webkit-linear-gradient(left, @col1 @start1, @col2 @start2);
	background-image: -ms-linear-gradient(left, @col1 @start1, @col2 @start2);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.35, @col1),
		color-stop(0.64, @col2)
	);
	
	//filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{col1}', endColorstr='@{col2}', GradientType=1)";
}

.rounded-corners (@radius: @borderRadius) {
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-khtml-border-radius: @radius;
}

.rounded-top-corners (@radius: @borderRadius) {
	border-top-left-radius: @radius; border-top-right-radius: @radius;
	-webkit-border-top-left-radius: @radius; -webkit-border-top-right-radius: @radius;
	-moz-border-top-left-radius: @radius; -moz-border-top-right-radius: @radius;
	-khtml-border-top-left-radius: @radius; -khtml-border-top-right-radius: @radius;
}

.rounded-bottom-corners (@radius: @borderRadius) {
	border-bottom-left-radius: @radius; border-bottom-right-radius: @radius;
	-webkit-border-bottom-left-radius: @radius; -webkit-border-bottom-right-radius: @radius;
	-moz-border-bottom-left-radius: @radius; -moz-border-bottom-right-radius: @radius;
	-khtml-border-bottom-left-radius: @radius; -khtml-border-bottom-right-radius: @radius;
}

.rounded-left-corners (@radius: @borderRadius) {
	border-bottom-left-radius: @radius; border-top-left-radius: @radius;
	-webkit-border-bottom-left-radius: @radius; -webkit-border-top-left-radius: @radius;
	-moz-border-bottom-left-radius: @radius; -moz-border-top-left-radius: @radius;
	-khtml-border-bottom-left-radius: @radius; -khtml-border-top-left-radius: @radius;
}

.rounded-right-corners (@radius: @borderRadius) {
	border-bottom-right-radius: @radius; border-top-right-radius: @radius;
	-webkit-border-bottom-right-radius: @radius; -webkit-border-top-right-radius: @radius;
	-moz-border-bottom-right-radius: @radius; -moz-border-top-right-radius: @radius;
	-khtml-border-bottom-right-radius: @radius; -khtml-border-top-right-radius: @radius;
}
/********************************************************************************************************* PSEUDO-FUNCTIONS - END ***/



/********************************************************************************************************** BASE DEFINITION - START */
* { outline: none }
html { height: 100%; overflow: auto; }
body { margin: 0px;	height: 100%; font-size: 85%; font-family: 'Maven Pro', Arial, sans-serif; outline: none; color: @fgColor }
a { text-decoration: none; color: @linkColor; outline: none; }
a:hover { color: lighten(@linkColor, 15%); }
a img { border: none; }
.title { font-family: 'Maven Pro', Arial, sans-serif; font-weight: 500; }
.specialTitle { font-family: 'Maven Pro', Arial, sans-serif; font-weight: 700; .text-shadow(1px, 1px, 1px, rgba(0, 0, 0, 0.8)); font-size: 200%; color: @white;  }
.noTitle { font-family: Arial, sans-serif; }
.serifTitle { font-family: 'Driod Serif', serif; }
h1, h2, h3, h4, h5, h6 { .title }
.h1 { font-size: 200%; font-weight: normal; margin: 0px; display: inline; }
.h2 { font-size: 130%; font-weight: normal; margin: 0px; display: inline; }

hr { border: 0pxsolid; height: none; border-collapse: collapse; color: @borderColor; }

.th { background-color: #00678f; color: white; font-size: 140%; .vertical-gradient(darken(#00678f, 5%), 0%, #00678f, 100%); }
.thReverse { background-color: darken(#00678f, 5%); color: white; font-size: 140%; .vertical-gradient(#00678f, 0%, darken(#00678f, 5%), 100%); }
h1 { .h1 }
h2 { .h2 }
//th { .th }

p:first-child { margin-top: 0px }
p:last-child { margin-bottom: 0px }

.ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; font-size: 85% }

.redTitle { color: @red; }
.blueTitle { color: @blue; }
.buttonMode { cursor: hand; cursor: pointer }
.buttonMode:hover { color: red }
.highlighted { background-color: #fff200 }
.floatRight { float: right; }
.floatLeft { float: left; }
.highestZ { z-index: 9995 }
.topLevel { z-index: 9999 }
.fullHeight { height: 100% }
.fullWidth { width: 100% }
.fullSize { .fullHeight; .fullWidth }
.frameImage { border: solid 1px @borderColor; background: white; padding: 5px; .box-sizing() }
.specialLinks { font-size: 85%; white-space: nowrap }
.inlineDivs { display: inline-table; margin: 5px 0px }
input { font-family: 'Maven Pro', Arial, sans-serif; outline: none; color: @fgColor; background-color: #EBEBEB; border: solid 1px darken(@borderColor, 50%); .rounded-corners(); padding: 5px }
input:hover { .box-shadow() }
input[type=text], input[type=password] { font-size: 140%; font-weight: normal }
input[type=button] { padding: 8px 5px; .rounded-corners(8px); background-color: darken(#EBEBEB, 50%); color: white; min-width: 90px; .buttonMode; .vertical-gradient(#00678f, 0%, darken(#00678f, 5%), 100%); }
input[readonly] { color: lighten(@fgColor, 30%) !important; border: dotted 1px @borderColor; cursor: not-allowed }
input:focus { .box-shadow(); background-color: white; color: @fgColor; }
label { .title }
.noSpace { margin: 0px; padding: 0px; }
.noSpace td { margin: 0px !important; padding: 0px !important; }
.hidden { display: none }

.shareButtons * { padding: 0px !important; margin: 0px !important }

.rightBorder { border-right: solid 1px @borderColor !important; }
.bottomBorder { border-bottom: solid 1px @borderColor !important; }
.bigButton { display: inline-block; border: solid 1px darken(#fbc749, 15%); .rounded-corners(10px); background-color: darken(#fbc749, 20%); .vertical-gradient(darken(#fbc749, 5%), 0%, darken(#fbc749, 10%), 100%); .buttonMode(); 
			 text-align: center; vertical-align: middle; padding: 5px 10px; .specialTitle; font-size: 150%; .box-shadow-inset(0, 1px, 0, rgba(255, 255, 255, 1)) }
.bigButton:hover { .box-shadow(); background-color: #fbc749; .vertical-gradient(darken(#fbc749, 10%), 0%, darken(#fbc749, 5%), 100%); }
.bigButton.disable { border: solid 1px darkgray; background-color: darkgray; .vertical-gradient(#999, 0%, #666, 100%); }
.bigButton.disable:hover { .box-shadow(); background-color: gray; .vertical-gradient(#999, 0%, #CCC, 100%); cursor: not-allowed; }

.button { display: inline-block; border: solid 1px darken(#00678f, 10%); .rounded-corners(10px); background-color: #00678f; .vertical-gradient(#00678f, 0%, darken(#00678f, 5%), 100%); .buttonMode(); 
		  text-align: center; vertical-align: middle; padding: 7px 10px 0px; min-width: 80px; height: 28px; color: @white; .box-shadow-inset(0, 1px, 0, rgba(255, 255, 255, 1)) }
.button:hover { .box-shadow(); background-color: lighten(#00678f, 5%); .vertical-gradient(darken(#00678f, 5%), 0%, #00678f, 100%); }
/********************************************************************************************************** BASE DEFINITION - END ***/



/*************************************************************************************************************** BACKGROUND - START */
#bg { position: absolute; z-index: 0; width: 100%; height: 100%; background-color: @bgColor }
#bgHorizontal { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: @bgColor;
	background-image: linear-gradient(left, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -o-linear-gradient(left, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -moz-linear-gradient(left, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -webkit-linear-gradient(left, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -ms-linear-gradient(left, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, RGBA(248, 248, 248, 1)),
		color-stop(0.25, RGBA(248, 248, 248, 0)),
		color-stop(0.75, RGBA(248, 248, 248, 0)),
		color-stop(1, RGBA(248, 248, 248, 1))
	);
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#F8F8F8', GradientType=1)";
}
#bgVertical { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: @bgColor;
	background-image: linear-gradient(top, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -o-linear-gradient(top, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -moz-linear-gradient(top, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -webkit-linear-gradient(top, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -ms-linear-gradient(top, RGBA(248, 248, 248, 1) 0%, RGBA(248, 248, 248, 0) 25%, RGBA(248, 248, 248, 0) 75%, RGBA(248, 248, 248, 1) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, RGBA(248, 248, 248, 1)),
		color-stop(0.25, RGBA(248, 248, 248, 0)),
		color-stop(0.75, RGBA(248, 248, 248, 0)),
		color-stop(1, RGBA(248, 248, 248, 1))
	);
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#F8F8F8', GradientType=0)";
}
/*************************************************************************************************************** BACKGROUND - END ***/



/********************************************************************************************************************* PAGE - START */
#page { position: absolute; z-index: 1; width: 100%; height: 100% }
#baseLinks { font-size: 85% }
#baseLinks p { margin: 0px; }
#baseLinks a { color: @linkColor }
#baseLinks a:hover { color: @orange }
.shareButtons td { float: right; display: inline; padding: 2px !important }
.shareButtons #SN_twitter { .box-sizing(); width: 95px }
.shareButtons #SN_google { .box-sizing(); width: 69px }
.shareButtons #SN_facebook { .box-sizing() }
/********************************************************************************************************************* PAGE - END ***/



/********************************************************************************************************************* MENU - START */
#menuBar { padding: 0px 0px 0px 0px; .title; font-size: 100% }
#menuBar a { color: inherit !important }
#menuBar table td { margin: 2px 0px; border: solid 1px darken(#00678f, 5%); padding: 5px 10px; height: 30px; width: 100% }
.menuItem { .buttonMode }
.menuItem.unselected { background-color: darken(#00678f, 2%) }
.menuItem.selected { background-color: lighten(#00678f, 5%); .box-shadow(0, 0, 3px, rgba(0, 0, 0, 0.2))  }
.menuItem:hover { background-color: lighten(#00678f, 5%) }
.menu-arrow-r { border-color: transparent transparent transparent darken(#00678f, 2%); border-style: solid; border-width: 12px; height: 0; width: 0; position: absolute; top: 0px; left: 0px; .highestZ }
.menu-arrow-r-inner { border-color: transparent transparent transparent lighten(#00678f, 5%); border-style: solid; border-width: 12px; height: 0; width: 0; position: absolute; top: -11px; left: -12px }
/********************************************************************************************************************* MENU - END ***/

.pageMenu { width: 100%; .box-sizing(); font-size: 11px; margin: 2px 0px; text-align: center; text-transform: uppercase; overflow: hidden; .rounded-corners(); }
.pageMenu table td { padding: 6px }
.pageMenu { border: solid 1px lighten(@blue30, 15%); .vertical-gradient(@blue30, 0%, lighten(@blue30, 10%), 100%); } 
.pageMenu table td { border-left: solid 1px lighten(@blue30, 15%); }
.pageMenu table td:first-child { border-left: none !important }
.pageMenu table td:hover { background-color: lighten(@blue30, 15%) }
.selected { background-color: lighten(@blue30, 20%) }
.pageMenu table td a,
.pageMenu table td:hover a,
.selected a { color: white !important }


/************************************************************************************************************* LANGUAGE BAR - START */
#languageBar { position: absolute; top: 40px; left: 2px; width: 40px; z-index: 0; .box-sizing(); }
#languageBar table { width: 100% }
.languageItem { overflow: hidden; display: inline; float: right; .box-shadow(0px, 0px, 2px, rgba(0, 0, 0, 0.5)); border: solid 1px @borderColor; }
.languageItem.unselected { background-color: darken(#00678f, 2%); width: 25px; height: 16px; margin-bottom: 5px; .buttonMode; }
.languageItem.unselected img { width: 25px; height: auto }
.languageItem.selected { background-color: lighten(#00678f, 5%); .box-shadow(0, 0, 3px, rgba(0, 0, 0, 0.2)); width: 30px; height: 20px; margin-bottom: 5px !important; border: solid 1px darken(#00678f, 5%) !important; }
.languageItem.selected img { width: 30px; height: auto }
.languageItem:hover { background-color: lighten(#00678f, 5%); width: 30px; height: 20px; margin-bottom: 1px; }
.languageItem:hover img { width: 30px; height: auto }
/************************************************************************************************************* LANGUAGE BAR - END ***/



/******************************************************************************************************************* CENTER - START */
#center { position: absolute; top: 0px; left: 190px; z-index: 0; .box-sizing() }
#center table td { padding: 3px 10px }
#pageZone { background-color: #fefefe; .fullSize(); .box-shadow(); .rounded-right-corners(10px); .fullSize(); padding: 0px !important }
#pageCnt { position: relative; .fullSize();}
#pageContent { width:0px; height:0px; overflow:hidden;}
#pageContentMask { width:0px; height:0px; overflow:hidden; }
#scroll { width:0px; height:0px; overflow:hidden; }
#closeContent { position: relative; top: 0px; right:-580px; }
#divCnt { position:relative; overflow:hidden; .rounded-right-corners(10px); }
/******************************************************************************************************************* CENTER - END ***/



/************************************************************************************************************** SEGNALA DAE - START */
#segnalaDAE { position: absolute; bottom: 0px; width: 600px; left: -10px; } //margin-left: -250px; left: 50% }
#segnalaDAE table { .fullWidth(); border-collapse: collapse }
#segnalaDAE table td { padding: 0px; }
#segnalaDAE #linguetta { position: relative; display: inline; padding: 5px 15px 0px 15px; .rounded-top-corners(10px); border: solid 1px darken(#fbc749, 15%); height: 70px; background-color: darken(#fbc749, 20%); 
			  			 .vertical-gradient(darken(#fbc749, 5%), 0%, darken(#fbc749, 10%), 100%); .buttonMode(); text-align: right; .specialTitle; .box-shadow-inset(0, 1px, 0, rgba(255, 255, 255, 1)); }
#segnalaDAE #linguetta:hover { .box-shadow() }
#segnalaDAE #linguetta div { display: inline; .fullSize(); padding: 0px 10px 0px 5px; margin-bottom: 5px }
#segnalaDAE #linguetta img { position: relative; margin-left: -10px; margin-top: -35px }
#segnalaDAE #corpoSegnalazione { border: solid 2px darken(#fbc749, 15%); background: url("images/backgrounds/whiteBG_90pc.png"); overflow: hidden; display: none; height: 60px; .rounded-top-corners(10px); padding: 5px; padding-left: 15px; .box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.8)) }
#segnalaDAE #corpoSegnalazione #segnalazioneCnt { .fullSize() }
#segnalaDAE #closeSegnalaDAE { position: absolute; top: 40px; right: 2px }
#segnalaDAE #segnalazioneLL { font-size: 85%; color: lighten(@fgColor, 20%); }
#rilevaPosizione { border: solid 1px darken(#00678f, 10%); .rounded-corners(); background-color: #00678f; .vertical-gradient(#00678f, 0%, darken(#00678f, 5%), 100%); .buttonMode(); .box-shadow-inset(0, 1px, 0, rgba(255, 255, 255, 1));
			 	   width: 33px; height: 33px; text-align: center; vertical-align: middle }
#rilevaPosizione:hover { .box-shadow(); background-color: lighten(#00678f, 5%); .vertical-gradient(darken(#00678f, 5%), 0%, #00678f, 100%); }

#listaDAEVicini { border: solid 1px @borderColor; }
#listaDAEVicini td { padding: 3px !important; }
#listaDAEVicini td * { .buttonMode() }
#listaDAEVicini tr:hover { background-color: @borderColor }
#listaDAEVicini tr.selected { background-color: @borderColor }

#nuovoDAEsliderMask { position: relative; .fullSize(); overflow: hidden }
#nuovoDAEslider { position: relative; display: inline-table }

#dettagliDAE #loadImgCnt { .fullWidth(); height: 120px; padding: 10px }
#dettagliDAE #loadImgCnt #newImage form { border: dashed 5px @borderColor; height: 100px; width: 85px; .buttonMode(); background-image: url("images/backgrounds/plus.png"); background-position: center center; background-repeat: no-repeat }

#divDisponibilita table td { padding: 3px }
/************************************************************************************************************* SEGNALA DAE - END ***/



/************************************************************************************************************ EMERGENZA DAE - START */
#emergenzaDAE { position: absolute; right: 0px; top: 50%; height: 500px; margin-top: -250px; }
#emergenzaDAE table { .fullHeight(); border-collapse: collapse }
#emergenzaDAE table td { padding: 0px; }
#emergenzaDAE #linguetta { position: relative; display: inline-block; padding: 5px; .rounded-left-corners(10px); border: solid 1px darken(#ff0000, 15%); width: 30px; height: 300px; background-color: darken(#ff0000, 20%); 
			  			   .horizontal-gradient(darken(#ff0000, 5%), 0%, darken(#ff0000, 10%), 100%); .buttonMode(); text-align: left; .specialTitle; .box-shadow-inset(1px, 0px, 0, rgba(255, 255, 255, 1)); }
#emergenzaDAE #linguetta:hover { .box-shadow() }
#emergenzaDAE #linguetta div { position: relative; .rotate(); white-space: nowrap; top: 85%; overflow: visible; }
#emergenzaDAE #linguetta img { position: absolute; right: 5px; }

#emergenzaDAE #corpoErmegenza { border: solid 2px darken(#ff0000, 15%); background: url("images/backgrounds/whiteBG_90pc.png"); overflow: hidden; display: none; width: 300px; height: 490px; .rounded-left-corners(10px); padding: 5px; .box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.8)) }
#emergenzaDAE #corpoErmegenza #emergenzaCnt { .fullSize() }
#emergenzaDAE #closeEmergenzaDAE { position: absolute; top: 2px; right: 2px }
#emergenzaDAE #listaDAEviciniEmergenza { overflow: auto; .fullSize() }
#emergenzaDAE #daeViciniEmergenza { height: auto !important; }
#emergenzaDAE #daeViciniEmergenza td { padding: 5px !important; border-bottom: dotted 1px @borderColor }
/************************************************************************************************************ EMERGENZA DAE - END ***/




/*************************************************************************************************************** LEFT COLUMN - START */
#leftCol { position: absolute; top: 0px; left: 40px; width: 150px; height: 100%; background-color: #00678f; .vertical-gradient(#00678f, 0%, darken(#00678f, 5%), 100%); color: @white; z-index: 1; padding: 5px; .box-sizing(); .box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.8)) }
/*************************************************************************************************************** LEFT COLUMN - END ***/



/**************************************************************************************************************** MAP CANVAS - START */
#map_canvas { width: 10px; height: 10px; .rounded-right-corners(10px); .fullSize }
.infoBoxClass { .box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.8)); .rounded-right-corners(10px); .rounded-top-corners(10px); border: solid 2px darken(#fbc749, 15%); background: url("images/backgrounds/whiteBG_90pc.png"); padding: 5px; width: 400px; margin-bottom: 70px; margin-left: 55px }
.infoBoxArrow {	border-style: solid; height: 0; width: 0; position: absolute; bottom: 0px; left: 0px; .highestZ; border-color: darken(#fbc749, 15%); border-top: 20px solid transparent; border-bottom: 0px solid transparent; border-right-width: 20px; border-left: 0px; left: -20px; bottom: -2px; }
.infoBoxInnerArrow { border-style: solid; border-width: 14px; height: 0; width: 0; position: absolute; bottom: 2px; left: 6px; border-top: 14px solid transparent; border-bottom: 0px solid transparent; border-right: 14px solid white; border-left: 0px; }
.infoBoxTitle { font-family: 'Maven Pro', Arial, sans-serif; font-weight: 700; font-size: 120%; color: @blue;  }
.infoBoxClass #img img { border: solid 1px @borderColor; padding: 2px; background-color: white; margin-right: 5px; height: 110px }
.infoBoxClass #altreImg img { border: solid 1px @borderColor; padding: 2px; background-color: white; margin-right: 5px; height: 55px; .buttonMode() }
.segnalazioneAnonima { .specialTitle; background-color: #fbc749; .rounded-corners(10px); padding: 1px 5px; font-size: 100% }
.segnalazioneRegistrata { .specialTitle; background-color: #00678f; .rounded-corners(10px); padding: 1px 5px; font-size: 100%  }
/**************************************************************************************************************** MAP CANVAS - END ***/



/********************************************************************************************************** MESSAGES TO USER - START */
.msgBox { width: 200px; padding: 20px; .topLevel; .box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.4)); font-family: 'Maven Pro', arial; .rounded-left-corners(10px); }
.msgBoxError { background-color: #FF0000; .vertical-gradient(#FF0000, 0%, #DD0000, 100%); color: #FFFFFF;  }
.msgBoxHighlight { background-color: darken(#fbc749, 5%); .vertical-gradient(#fbc749, 0%, darken(#fbc749, 5%), 100%); color: @fgColor }
.msgBoxSuccess { background-color: #009600; .vertical-gradient(#009600, 0%, #006400, 100%); color: #FFFFFF }
/********************************************************************************************************** MESSAGES TO USER - END ***/



/************************************************************************************************************* MODAL WINDOW - START */
#modalCntWhite { background-image: url("images/backgrounds/whiteBG.png") }
#modalCnt { position: absolute; top: 0px, left: 0px; background-image: url("images/backgrounds/modalBG.png"); .highestZ; .fullSize }
#modalWindow { border: solid 1px @borderColor; .rounded-corners(5px); background-color: #FAFAFA; background-image: url("images/backgrounds/filigrana.png"); background-repeat: no-repeat; background-position: 120% 50%; color: @fgColor; .box-shadow() }
#modalWindowScroll { overflow: hidden; .fullSize; position: absolute }
#modalWindowCnt { display: inline-block; position: absolute; text-align: left; .fullSize; overflow-y: auto; overflow-x: hidden }
.modalWindowTable { .rounded-corners(10px); .box-sizing(); .fullSize }
.modalWindowTable th { padding: 10px; .th; .rounded-top-corners(5px); text-align: left }
.modalWindowTable td { padding: 10px }
.modalWindowTable #modalWindowTableLast { padding: 0px; height: 30px; .rounded-bottom-corners(5px); .thReverse; font-size: 90%; padding: 5px; vertical-align: top }
/************************************************************************************************************* MODAL WINDOW - END ***/



/************************************************************************************************************* LOGIN DIALOG - START */
#loginDialog {}

/************************************************************************************************************* LOGIN DIALOG - END ***/

#iMieiDAE h1, 
#iMieiDAE h2 { .text-shadow(0px, 1px, 0px, lighten(@fgColor, 45%));}
#loginDialogImieiDAE {}
#iMieiDAElista td { padding: 5px !important; border-bottom: dotted 1px @borderColor }
#iMieiDAE #corpoiMieiDAE { border: solid 2px darken(@blue30, 5%); overflow: hidden; width: 550px; height: 490px; .rounded-corners(10px); padding: 5px; background-color: #EBEBEB }
#iMieiDAE hr { height: 1px; border: none; color: darken(@blue30, 5%); background-color: darken(@blue30, 5%); }
#iMieiDAE .delDAEconfirm { background-image: url("images/backgrounds/modalBG.png"); position: absolute; text-align: center; color: @white; z-index:9999; .rounded-corners() }
#iMieiDAE #nuovoDAE td { padding: 0px !important }
.iMieiDAEicon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; .buttonMode()}
.iMieiDAEicon.iMieiDAEicon-modify { background-image: url("/FSnetThemes/dot-luv/images/ui-icons_00498f_256x240.png"); background-position: -64px -112px;}
.iMieiDAEicon.iMieiDAEicon-delete { background-image: url("/FSnetThemes/dot-luv/images/ui-icons_00498f_256x240.png"); background-position: -96px -128px;}
.iMieiDAEicon.iMieiDAEicon-responsabileAttivo { background-image: url("/FSnetThemes/dot-luv/images/ui-icons_00498f_256x240.png"); background-position: -144px -96px;}
.iMieiDAEicon.iMieiDAEicon-responsabileNonAttivo { background-image: url("/FSnetThemes/black-tie/images/ui-icons_bbbbbb_256x240.png"); background-position: -144px -96px;}
.iMieiDAEicon.iMieiDAEicon-adottatoAttivo { background-image: url("/FSnetThemes/dot-luv/images/ui-icons_00498f_256x240.png"); background-position: -224px -112px;}
.iMieiDAEicon.iMieiDAEicon-adottatoNonAttivo { background-image: url("/FSnetThemes/black-tie/images/ui-icons_bbbbbb_256x240.png"); background-position: -224px -112px; }


.vetrina { .fullWidth(); margin-left:5px }
.vetrina img { max-height:150px; max-width: 180px; }
.azienda { width:170px; height:200px; border:3px solid #D7D7D7; font-weight:bold; .inlineDivs; .buttonMode; margin:0 3px 15px 3px }
.azienda:hover { .box-shadow(); }

#uploadModuloFrm input { .button(); }
#uploadModuloFrm.file_upload { .button(); width:auto; }
#uploadModuloFrm span { color: @white; font-weight: normal; line-height: 20px; }

#listaSegnalazioni td { border-bottom:1px dotted @borderColor }
#listaSegnalazioni tr.selected { background-color: #DADADA; }


/******************************************************************************************************************** ICONS - START */
.icon { width: 24px; height: 24px; background-image: url("images/icons/mini_icons.png"); background-color: transparent !important }
.icon-help { background-position: 0px 0px }
.icon-info { background-position: -24px 0px }
.icon-alert { background-position: -48px 0px }
.icon-add { background-position: -72px 0px }
.icon-close { background-position: -96px 0px }
.icon-remove { background-position: -120px 0px }
.icon-gps { background-position: -144px 0px }
.icon-check { background-position: -168px 0px }
.icon-close-red { background-position: -192px 0px }
.icon-arrowS { background-position: -216px 0px }
.icon-gear { background-position: -240px 0px }
.icon-refresh { background-position: -264px 0px }

.icon.ui-state-hover { border: none }
/******************************************************************************************************************** ICONS - END ***/




/******************************************************************************************* PATCH FOR TOOLTIP JQUERY WIDGET - START */
@lightColor1:	lighten(#fbc749, 25%);
@darkColor1:	lighten(@darkColor2, 10%);
@darkColor2:	lighten(@darkColor3, 10%);
@darkColor3:	lighten(@darkColor4, 10%);
@darkColor4:	lighten(@blue30, 10%);

.ui-widget-content { border-color: darken(#fbc749, 15%); color: @darkColor4 }
.ui-widget-content a { color: @darkColor4 }
.fsnet-tooltip.ui-corner-all { .rounded-corners() }
.fsnet-tooltip.ui-widget-content { background: @lightColor1 !important; font-size: 14px !important; .box-shadow (0, 0, 10px, rgba(0, 0, 0, 0.8)) }
/******************************************************************************************* PATCH FOR TOOLTIP JQUERY WIDGET - END ***/.fsnet-tooltip {
	position: absolute;
	padding: 8px;
	border-width: 2px !important;
	.box-shadow(0, 0, 5px, 0.2);
	color: @darkColor4;
	z-index: 9999;
}

.fsnet-tooltip-content {
	font-size: 80%;
}

.fsnet-tooltip .fsnet-tooltip-arrow-b, .fsnet-tooltip .fsnet-tooltip-arrow-b-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-t, .fsnet-tooltip .fsnet-tooltip-arrow-t-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-l, .fsnet-tooltip .fsnet-tooltip-arrow-l-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-r, .fsnet-tooltip .fsnet-tooltip-arrow-r-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-tl, .fsnet-tooltip .fsnet-tooltip-arrow-tl-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-lt, .fsnet-tooltip .fsnet-tooltip-arrow-lt-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-tr, .fsnet-tooltip .fsnet-tooltip-arrow-tr-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-rt, .fsnet-tooltip .fsnet-tooltip-arrow-rt-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-br, .fsnet-tooltip .fsnet-tooltip-arrow-br-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-rb, .fsnet-tooltip .fsnet-tooltip-arrow-rb-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-bl, .fsnet-tooltip .fsnet-tooltip-arrow-bl-inner,
.fsnet-tooltip .fsnet-tooltip-arrow-lb, .fsnet-tooltip .fsnet-tooltip-arrow-lb-inner {
	position: absolute; 
	width: 0px; 
	height: 0px; 
	background: none;
}

.fsnet-tooltip .fsnet-tooltip-arrow-b {	
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	border-top-width: 10px;
	border-bottom-width: 0;
	bottom:	-10px;
	right: auto;
	left: 50%;
	margin-left: -5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-b-inner {
	border-left: 3px solid transparent; 
	border-right: 3px solid transparent;
	border-top: 6px solid @lightColor1;
	border-bottom-width: 0;
	bottom:	auto;
	top: -10px;
	left: -3px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-t {	
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent;
	border-bottom-width: 10px;
	border-top-width: 0;
	top: -10px;
	left: 50%;
	margin-left: -5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-t-inner {
	border-left: 3px solid transparent; 
	border-right: 3px solid transparent;
	border-bottom: 6px solid @lightColor1;
	border-top-width: 0;
	bottom: -10px;
	left: -3px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-l {	
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right-width: 10px;
	border-left: 0px;
	left: -10px;
	top: 50%;
	margin-top: -5px
}
.fsnet-tooltip .fsnet-tooltip-arrow-l-inner {
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 6px solid @lightColor1;
	border-left: 0px;
	left: 4px;
	margin-top: -3px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-r {	
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left-width: 10px;
	border-right: 0px;
	right: -10px;
	top: 50%;
	margin-top: -5px
}
.fsnet-tooltip .fsnet-tooltip-arrow-r-inner {
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 6px solid @lightColor1;
	border-right: 0px;
	right: 4px;
	margin-top: -3px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-tl {	
	border-top: 10px solid transparent;
	border-bottom: 0px solid transparent;
	border-left-width: 10px;
	border-right: 0px;
	left: 5px;
	top: -10px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-tl-inner {
	border-top: 6px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 6px solid @lightColor1;
	border-right: 0px;
	bottom: 0px;
	left: -8px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-lt {	
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-right-width: 10px;
	border-left: 0px;
	left: -10px;
	top: 5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-lt-inner {
	border-top: 0px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid @lightColor1;
	border-left: 0px;
	top: 2px;
	right: -10px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-bl {	
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-left-width: 10px;
	border-right: 0px;
	left: 5px;
	bottom: -10px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-bl-inner {
	border-top: 0px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid @lightColor1;
	border-right: 0px;
	top: 0px;
	left: -8px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-lb {	
	border-top: 10px solid transparent;
	border-bottom: 0px solid transparent;
	border-right-width: 10px;
	border-left: 0px;
	left: -10px;
	bottom: 5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-lb-inner {
	border-top: 6px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 6px solid @lightColor1;
	border-left: 0px;
	bottom: 2px;
	right: -10px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-tr {	
	border-top: 10px solid transparent;
	border-bottom: 0px solid transparent;
	border-right-width: 10px;
	border-left: 0px;
	right: 5px;
	top: -10px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-tr-inner {
	border-top: 6px solid transparent;
	border-bottom: 0px solid transparent;
	border-right: 6px solid @lightColor1;
	border-left: 0px;
	bottom: 0px;
	right: -8px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-rt {	
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-left-width: 10px;
	border-right: 0px;
	right: -10px;
	top: 5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-rt-inner {
	border-top: 0px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid @lightColor1;
	border-right: 0px;
	top: 2px;
	left: -10px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-br {	
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-right-width: 10px;
	border-left: 0px;
	right: 5px;
	bottom: -10px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-br-inner {
	border-top: 0px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid @lightColor1;
	border-left: 0px;
	top: 0px;
	right: -8px;
}

.fsnet-tooltip .fsnet-tooltip-arrow-rb {	
	border-top: 10px solid transparent;
	border-bottom: 0px solid transparent;
	border-left-width: 10px;
	border-right: 0px;
	right: -10px;
	bottom: 5px;
}
.fsnet-tooltip .fsnet-tooltip-arrow-rb-inner {
	border-top: 6px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 6px solid @lightColor1;
	border-right: 0px;
	top: -8px;
	left: -10px;
}/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.scrollbar {}
 
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: @darkColor1;
	position: relative;
}

.jspDrag
{
	background: @darkColor3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: @darkColor4;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: @darkColor2;
}

.jspVerticalBar .jspArrow
{
	height: 8px;
}

.jspHorizontalBar .jspArrow
{
	width: 8px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: @darkColor1;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}.file_upload {
  position: relative;
  overflow: hidden;
  direction: ltr;
  cursor: pointer;
  text-align: center;
  /*color: #333;*/
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  /*background: palegreen;
  border: 1px solid limegreen;*/
  background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
  border: 1px solid #CCCCCC;
  color: #1C94C4;
}

.file_upload_small {
  width: 200px;
  height: 30px;
  line-height: 30px;
  font-size: auto;
  background: palegreen;
  border: 1px solid limegreen;
}

.file_upload_large {
  width: 100%;
  height: 150px;
  line-height: 150px;
  font-size: 20px;
  background: palegreen;
  border: 1px solid limegreen;
}

.file_upload_highlight {
  background: lawngreen;
}

.file_upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 300px solid transparent;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  filter: alpha(opacity=0);
  -o-transform: translate(-300px, -300px) scale(10);
  -moz-transform: translate(-800px, 0) scale(10);
  cursor: pointer;
}

.file_upload iframe, .file_upload button {
  display: none;
}

.file_upload_preview img {
  width: 80px;
}

.file_upload_progress .ui-progressbar-value {
  background: url(pbar-ani.gif);
}

.file_upload_progress div { width: 100px; height: 15px; }

.file_upload_cancel button { display: none; cursor: pointer; }