/******************************************************************************************************************** FONTS - START */
@import url("/FSnetThemes/basic/jquery-ui-1.8.23.custom.css");
@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic|News+Cycle:400,700");
/******************************************************************************************************************** FONTS - END ***/



/**************************************************************************************************** VARIABLES DECLARATION - START */
@bgColor:		#EBEBEB;
@fgColor:		#000000;
@red:			#FF0000; //#BC2D09;
@green:			#176533; //#0A9647;
@lightGreen:	darken(#83C883, 10%);
@blue:			#00678f;
@blueChiaro:	lighten(@blue, 10%);
@orange:		#d1a549;
@white:			#FFFFFF; //#f8f7f5;
@gray:			#7c7c7c;
@borderColor:	#d7d7d7;
@linkColor:		darken(@orange, 15%); //#BC2D09; //9D005D;
@boxBorderColor: #d7d7d7;
@boxBGcolor:	#FFFFFF;

@borderRadius:	5px;
/**************************************************************************************************** VARIABLES DECLARATION - END ***/



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

.no-box-shadow () {
	box-shadow:         none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow:    none !important;
}

.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;
}

.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)";
	//-ms-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)";
	//-ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='@{col1}', endColorstr='@{col2}', GradientType=1)";
}

.rounded-corners (@radius: @borderRadius) {
	.rounded-top-right-corners (@radius);
	.rounded-top-left-corners (@radius);
	.rounded-bottom-right-corners (@radius);
	.rounded-bottom-left-corners (@radius);
}

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

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

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

.rounded-right-corners (@radius: @borderRadius) {
	.rounded-top-right-corners (@radius);
	.rounded-bottom-right-corners (@radius);
}

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

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

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

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

.border-image (@url: "", @top: 1, @right: 1, @bottom: 1, @left: 1) {
	-webkit-border-image: url("@{url}") @top @right @bottom @left;
	-o-border-image: url("@{url}") @top @right @bottom @left;
	-ms-border-image: url("@{url}") @top @right @bottom @left;
	border-image: url("@{url}") @top @right @bottom @left;
}

.perspective (@val: 800px) {
	perspective: @val; 
	-webkit-perspective: @val;
}

.transition (@property: all, @duration: 0, @timingFun: ease, @delay: 0) {
	transition: @property @duration @timingFun @delay;
	-webkit-transition: @property @duration @timingFun @delay;
}

.transitionTransform (@duration: 0, @timingFun: ease, @delay: 0) {
	transition: transform @duration @timingFun @delay;
	-webkit-transition: -webkit-transform @duration @timingFun @delay;
}

.transform (@what: none) {
	transform: @what;
	-ms-transform: @what;
	-webkit-transform: @what;
}

.preserve3D() {
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.backface-visibility (@visible: visible) {
	backface-visibility: @visible;
	-webkit-backface-visibility: @visible;
	-moz-backface-visibility: @visible;
	-ms-backface-visibility: @visible;
}
/********************************************************************************************************* PSEUDO-FUNCTIONS - END ***/



/********************************************************************************************************** BASE DEFINITION - START */
* { outline: none }
html { height: 100%; overflow: auto; }
body { margin: 0px;	height: 100%; font-size: 100%; font-family: 'Playfair Display', Georgia, serif; outline: none; color: @fgColor }
a { text-decoration: none; color: @linkColor; outline: none; }
a:hover { color: lighten(@linkColor, 25%); }
a img { border: none; }
.title { font-family: 'Playfair Display', Georgia, serif; font-weight: 400; }
.specialTitle { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; .text-shadow(1px, 1px, 1px, rgba(0, 0, 0, 0.8)); font-size: 200%; color: @white;  }
.specialTitleR { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; .text-shadow(1px, 1px, 1px, rgba(255, 255, 255, 0.8)); font-size: 200%; color: @fgColor;  }
.rilievo { .text-shadow(0px, 1px, 0px, rgba(255, 255, 255, 0.8)); }
.noTitle { font-family: 'Playfair Display', Georgia, serif; }
.sansSerifTitle { font-family: 'News Cycle', sans-serif; }
h1, h2, h3, h4, h5, h6 { .title }
.h1 { font-size: 180%; font-weight: 700; margin: 0px; display: inline; color: @fgColor; .text-shadow(0px, 1px, 1px, lighten(@fgColor, 45%))}
.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; }
.blueTitleR { color: @blue; .text-shadow(0px, 1px, 0px, lighten(@blue, 45%)); font-weight: 500 }
.blueTitle a,
.blueTitleR a { color: inherit }
.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: 'Playfair Display', Georgia, serif; outline: none; color: @fgColor; background-color: lighten(#EBEBEB, 5%); border: solid 1px darken(@borderColor, 15%); .rounded-corners(8px); padding: 5px }
input:hover { .box-shadow() }
select, 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; }
input.euro { background-image: url("../images/backgrounds/euro.png"); background-position: 4px center; background-repeat: no-repeat; padding-left: 33px }
label { font-size: 100% }
.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: 200%; .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%); }

.hintClass, // { color: darken(@blue, 5%) !important }
.hintClassDona { color: lighten(@fgColor, 50%) !important }

.direzioni { font-family: arial; font-size: 12px; color: lighten(@fgColor, 20%) }

.geoRef { font-family: 'Playfair Display', Georgia, serif; color: @blueChiaro }
.archivioHolder { float: right; font-size: 85%; color: lighten(@fgColor, 10%); .text-shadow(0px, 1px, 0px, lighten(@fgColor, 65%)); margin-right: 10px }
.archivioHolder a { color: inherit }
.overlayTime { position: absolute; margin-top: -16px; padding: 0px 5px; background-color: #000000; background-color: RGBA(0, 0, 0, 0.7); color: #FFFFFF; font-weight: bold }
.imgFrame { border: solid 1px @borderColor; padding: 3px; margin: 5px; background-color: @white }
/********************************************************************************************************** BASE DEFINITION - END ***/



/*************************************************************************************************************** BACKGROUND - START */
#skinBG { position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100% }
#skinBG p { margin: 0px !important }
#skinBGCnt { position: absolute; display: inline-table; top: 0px; left: 50% }

#bg { position: fixed; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; background-color: #FFFFFF }
/*************************************************************************************************************** BACKGROUND - END ***/




/********************************************************************************************************************* MENU - START */
#menu { position: absolute; top: 10px; left: 10px; .highestZ(); display: inline-table; white-space: nowrap }
#menu #menuItems { overflow: hidden; display: inline-block; width: 0px; .rounded-corners(8px); font-size: 150%; height: 49px; .rilievo() }
#menu #menuItems a { color: @fgColor }
#menu #menuItems #menuIt,
#menu #menuItems #menuEn { background-color: #e5e5e5; .box-sizing(); white-space: nowrap; }
#menu #menuItems #menuIt td,
#menu #menuItems #menuEn td { padding: 5px 15px; height: 39px; .buttonMode }
#menu #menuItems #menuIt td:hover,
#menu #menuItems #menuEn td:hover { background-color: #b2b2b2; }
#menu #menuItems #menuIt td.selected,
#menu #menuItems #menuEn td.selected { background-color: lighten(#b2b2b2, 5%); }
#menu #menuItems .menuNameCnt { .fullWidth(); overflow: hidden; line-height: 39px; height: 39px }
#menu #menuItems .pronounce { display: none; position: absolute; margin-top: 10px; font-family: arial; font-size: 50%; color: #666666; text-align: center }
#menu #logo { display: inline-block; width: 49px; height: 49px; overflow: hidden; .buttonMode(); margin-left: 5px }

#socialNetworks { position: absolute; bottom: 10px; right: 10px; display: inline-table; .highestZ(); }
/********************************************************************************************************************* MENU - END ***/




/********************************************************************************************************************* NEWS - START */
#news { position: absolute; top: 10%; right: 0px; .highestZ(); display: inline-table; height: 80%; width: 210px; font-size: 85%; }
#news h2 { font-size: 110%; color: lighten(@fgColor, 20%) }
#news h1 { font-size: 120%; color: lighten(@fgColor, 10%) }

#news #newsIt,
#news #newsEn { position: absolute; display: inline-table; .box-sizing(); width: 200px; height: 50%; text-align: right; color: lighten(@fgColor, 30%); background-color: rgba(255, 255, 255, 0.7); padding: 5px }

#news #newsIt { bottom: 50%; padding-bottom: 10px; .rounded-top-corners() }
#news #newsIt #close { position: absolute; top: -25px; right: 0px; .text-shadow(0px, 1px, 0px, rgba(255, 255, 255, 0.2)); .buttonMode() }
#news #newsIt.borderBottom { border-bottom: dotted 1px @borderColor }
#news #newsEn { top: 50%; padding-top: 10px; .rounded-bottom-corners() }
#news #newsEn #close { position: absolute; bottom: -25px; right: 0px; .text-shadow(0px, 1px, 0px, rgba(255, 255, 255, 0.2)); .buttonMode() }
/********************************************************************************************************************* NEWS - END ***/



/********************************************************************************************************************* PAGE - START */
#page { position: relative; .fullSize(); background-color: @white; padding: 0px; overflow: hidden }

#content { position: relative; .fullSize(); padding: 0px; .box-sizing(); }
#paginaSemplice,
#content {
	opacity: 1;
	-webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms; 
}

#paginaSemplice.zoomOut,
#content.zoomOut { 
	opacity: 0;
    -webkit-transform: scale(1.5, 1.5);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.5, 1.5);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

#paginaSemplice.zoomIn,
#content.zoomIn {
	opacity: 0;
	-webkit-transform: scale(.9, .9);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(.9, .9);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

.textCnt { position: absolute; width: 536px; height: 487px; top: 50%; margin-top: -200px; left: 25%; margin-left: -268px; background-image: url("../images/backgrounds/textBG.png"); background-repeat: no-repeat }
.textCnt .text { position: absolute; top: 32px; left: 136px; height: 380px; width: 364px; text-align: left }

#contentTbl { .fullSize() }
//#contentTbl #cDx { width: 315px; padding-left: 0px }
#contentTbl #Centro { .fullSize() } 

//#content a img:hover { .box-shadow() }

#pageTitle { border-bottom: solid 1px @borderColor; .fullWidth() }
#breadCrumbs { font-size: 90%; color: @fgColor; line-height: 90% }
#breadCrumbs #holder { color: darken(@borderColor, 25%) }

.shareButtonsCnt { position: absolute; top:0px; left:0px; .rounded-left-corners(5px); background-color: @white; border:1px solid @borderColor; padding: 10px 5px; display:none; border-right: none; margin-left: -70px; height:200px; }
.shareButtons td { float: right; display: inline; padding: 2px !important }
.shareButtons #SN_twitter.horizontal { width: 95px }
.shareButtons #SN_google.horizontal { width: 65px }
.shareButtons #SN_facebook.horizontal { .box-sizing() }
.shareButtons #SN_twitter.vertical { .box-sizing(); }
.shareButtons #SN_google.vertical { .box-sizing(); }
.shareButtons #SN_facebook.vertical { .box-sizing() }

//#socialNetworksButtons { padding: 0px 2px 15px 0px }

#directions { .box-sizing(); width: 100%; color: lighten(@fgColor, 30%); padding: 5px; display: none; background-color: rgba(255, 255, 255, 0.7); .rounded-corners(); font-size: 85% }
.directionsCnt { position: absolute; top: 10%; right: 10px; .highestZ(); height: 80%; width: 310px; font-size: 85%; overflow: hidden; .box-sizing(); .rounded-corners(); background-color: rgba(255, 255, 255, 0.7); padding: 5px }
/********************************************************************************************************************* PAGE - END ***/



/***************************************************************************************************************** HOMEPAGE - START */
#homepage { .fullSize(); font-size: 100% }
.homepageTxt { font-size: 150% }
.homepageFooterTxt { position: absolute; bottom: 2px; left: 2px; .text-shadow(0px, 1px, 0px, rgba(255, 255, 255, 0.2)) }
.homepageTxt *,
.homepageFooterTxt * { opacity: inherit }
a .homepageTxt,
a .homepageFooterTxt { color: @fgColor }
#homepage>td { padding: 10px }
/***************************************************************************************************************** HOMEPAGE - END ***/



/********************************************************************************************************** PAGINA SEMPLICE - START */
#paginaSemplice { .fullSize(); font-size: 100%; background-position: center center; background-repeat: no-repeat }
#navigatore { font-size: 85%; .buttonMode(); display: none }
.relatedItemsDiv { position: absolute; z-index: 2; bottom: 0px; }
/*********************************************************************************************************** PAGINA SEMPLICE - END ***/



/************************************************************************************************************* MULTIMEDIA - START */
.imageList { padding: 3px; border: solid 1px @borderColor; background-color: white; display: inline; float: left; overflow: hidden; text-align: center; margin: 2px; .buttonMode }
.imageList:hover { .box-shadow }
.imageList .imageTitle { .title; font-size: 10px; font-style: italic; float: left }
.imageList .visits { font-weight: bold; .title; font-size: 10px; display: none }
.imageListImg { display: inline-block; overflow: hidden; .box-sizing() }

.videoList { border-collapse: collapse }
.videoList td { padding: 5px; font-size: 10px; .buttonMode }
.videoList img { padding: 3px; border: solid 1px @borderColor; background-color: white; .box-sizing() }
.videoList td:hover, .videoPlaying { background-color: @borderColor !important }
.videoList td:hover img, .videoPlaying img { .box-shadow() }
.dateWebTv { font-size: 10px }

#imageListCnt { display: inline-table; margin-bottom: 30px }

#youtubeLink { position: absolute; right: 20px; margin-top: -30px }
/************************************************************************************************************* MULTIMEDIA - END ***/



/************************************************************************************************************ SOCIAL CRAWLER - START */
#twitterPosts { position: absolute; height: 28px; width: 955px; .box-sizing(); .buttonMode() }
#socialNetworksCnt { margin-top: 5px }

.socialWidgetLogo { position: absolute; bottom: 0px; }
.socialWidgetList { padding: 2px 2px 2px 0px; .box-sizing(); background-color: #8FD8F2; .rounded-right-corners(10px); margin-left: 20px }
.socialWidgetList .socialWidgetMask { margin: 2px 2px 2px 0px; }
.socialWidgetList .socialWidgetPost { font-size: 100%; font-family: Georgia, serif; color: @fgColor; overflow: hidden; padding: 2px; .box-sizing() }
.socialWidgetList .socialWidgetPost em { font-weight: normal; }
.socialWidgetList .socialWidgetPost a { color: #F60 }
.socialWidgetList .socialWidgetPost a:hover { color: lighten(@linkColor, 15%) }
.socialWidgetList .socialWidgetPost small { font-size: 85%; color: darken(#8FD8F2, 35%); }

.socialWidgetList .socialWidgetPost .socialWidgetFBPost { .fullSize(); }
.socialWidgetList .socialWidgetPost .socialWidgetFBPost td { padding: 2px !important; white-space: nowrap }
.socialWidgetList .socialWidgetPost .socialWidgetFBPostBody a { color: inherit }

.socialWidgetList .socialWidgetPost .socialWidgetTwitterPost { .fullSize(); }
.socialWidgetList .socialWidgetPost .socialWidgetTwitterPost td { padding: 2px !important; white-space: nowrap }
.socialWidgetList .socialWidgetPost .socialWidgetTwitterPost a { color: inherit }

.socialWidgetAvatar { height: 25px; width: auto; .rounded-corners(2px) }

//.shareButtonsCntH { position: fixed; z-index: 4; top: 0px; left: 20px; display: none; .rounded-bottom-corners(5px); background-color: @white; border: 1px solid @borderColor; padding: 10px 5px; border-top: none; height: 20px; }
/************************************************************************************************************ SOCIAL CRAWLER - END ***/



/******************************************************************************************************************** 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:	darken(#d1d1d1, 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;
}