body {
	font-family:tahoma,sans,helvetica;
	font-size:12px;
}

/*
 * Stile classi layout
 */


.ui-layout-center,
.ui-layout-east,
.ui-layout-west,
.ui-layout-south {
	padding:0px !important;
	overflow:hidden ;
}
.ui-layout-north{overflow:hidden !important;}
/*
 * Sovrascrive lo stile zoombox
 */

.olHandlerBoxZoomBox {
    border: 3px solid #F60 !important;
    position: absolute !important;
    background-color: white !important;
    opacity: 0.50 !important;
    font-size: 1px !important;
    filter: alpha(opacity=50) !important;
}

/*
 * Sovrascrive lo stile dello storico di navigazione
 */
.olControlNavigationHistory  {
	background-image:none !important;
	background-repeat:no-repeat;
	height:16px !important;
	width:16px !important;
}

.olControlNavigationHistoryPreviousItemActive { 
	background-image:url(../Img/icons/navigation_history_active_prev.png) !important;
  	background-position: -1px 0px !important;
}
.olControlNavigationHistoryPreviousItemInactive { 
   	background-image:url(../Img/icons/navigation_history_inactive_prev.png) !important;
	background-position: -1px 0px !important;
}
.olControlNavigationHistoryNextItemActive { 
	background-image:url(../Img/icons/navigation_history_active_next.png) !important;
   	background-position: -1px 0px !important;
}
.olControlNavigationHistoryNextItemInactive { 
	background-image:url(../Img/icons/navigation_history_inactive_next.png) !important;
   	background-position: -1px 0px !important;
}

.olControlLoadingPanel {
    background-image: url("../Img/ajax-loader.gif");
    background-color: none;
    position: relative;
    width: 200px;
    height: 50px;
    background-position:center;
    background-repeat:no-repeat;
    display: none;
    margin-top: 25%;
    margin-left: 50%;
}

/*
 * Icone toolbar
 */

.fullextent {background-image:url(../Img/icons/world.png) !important;}
.zoom_in {background-image:url(../Img/icons/zoom_in.png) !important;}
.pan {background-image:url(../Img/icons/pan.png) !important;}
.zoom_out {background-image:url(../Img/icons/zoom_out.png) !important;}
.ruler {background-image:url(../Img/icons/ruler.png) !important;}
.ruler2 {background-image:url(../Img/icons/ruler_square.png) !important;}
.prev {background-image:url(../Img/icons/resultset_previous.png) !important;}
.next {background-image:url(../Img/icons/resultset_next.png) !important;}
.query_mode_on {background-image:url(../Img/icons/queryable.png) !important;}
.query_mode_on_verde {background-image:url(../Img/icons/queryableVerde.png) !important;}
.SelectionSelectPolygonTool16 {background-image:url(../Img/icons/SelectionSelectPolygonTool16.png) !important;}
.SelectionClearSelected16 {background-image:url(../Img/icons/SelectionClearSelected16.png) !important;}
.print {background-image:url(../Img/icons/print.png) !important;}
.Attivastreetview {background-image:url(../Img/icons/StreetView.png) !important;}
.indirizzoico {background-image:url(../Img/icons/Home.png) !important;}
/*
 * Toolbar e bottoni
 */
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
			
a.fg-button { float:left; }
			
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
			
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
			
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
			
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
			
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/*
		 *	EAST-PANE TABS
		 *
		 *	These are ordinary tabs - entire pane scrolls
		 */
		.ui-layout-pane-east {
			background:	#EFE; /* to make pane background stand-out */
			padding:	10px;
			overflow:	auto; /* scroll - tab-panels taller than pane - without content-div */
			}
			.ui-layout-pane-east .ui-tabs-nav {
				/* remove rounded corners from bottom of 'tabs'*/
				-moz-border-radius-bottomleft:		0;
				-moz-border-radius-bottomright:		0;
				-webkit-border-bottom-left-radius:	0;
				-webkit-border-bottom-right-radius:	0;
			}
			.ui-layout-pane-east .ui-tabs-panel {
				background:	#FFF;			/* ui-tab-panel class removes ui-widget-content background - restore it */
				border:		1px solid #AAA;	/* ditto for the ui-widget-content border */
				border-top-color:	#FFF;
			}

		div.buttons {
			float:			right;
			margin-right:	200px;
			margin-top:		0;
		}


h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0;
	padding:0;
}

.tabContainer{
	/* The UL */
	float:right;
	padding-right:13px;
}

#contentHolder{
	background-color:#EEEEEE;
	border:2px solid #FFFFFF;
	color:#444444;
	padding:15px;
}

#tabContent{
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
	width:100%;
}

#tabContent, .tabContainer li a,#contentHolder{
		-moz-border-radius-bottomleft:		0;
				-moz-border-radius-bottomright:		0;
				-webkit-border-bottom-left-radius:	0;
				-webkit-border-bottom-right-radius:	0;
	 background-color: #fff;
 border-bottom: 1px solid #fff;

}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
	
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */
	
	float:left;
	font-size:12px;
	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	
	padding:7px 16px 1px;
	margin:10px 5px;
	height:29px;
	
	/* Giving positioning */
	position:relative;
	
	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
	

}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:1px;
	background-color:white;
	width:90px;
	
	float:left;
	left:1px;
	top:-5px;
	overflow:hidden;
}

#main{
	margin:0 auto;
	position:relative;
	width:700px;
}


ul .left{
	/* The left span in the hyperlink */
	
	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */
	
	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.green{	background:url(Img/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(Img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(Img/green_right.png) no-repeat right top;}


ul a.blue{	background:url(Img/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(Img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(Img/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(Img/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(Img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(Img/orange_right.png) no-repeat right top;}


ul a.red{	background:url(Img/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(Img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(Img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
	display:block;
	margin:120px auto;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}

/* The styles below are only necessary for the styling of the page: */

h1{
	background:transparent;
	border-bottom:3px double;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-48px;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#121b21;
	border-top:1px solid black;
	width:100%;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}