/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
thead {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
tfoot {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
tbody {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
label {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
form {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
fieldset {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
dd {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
dt {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
dl {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
q {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
img {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
em {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
dfn {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
del {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
code {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
address {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
acronym {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
abbr {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
a {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
pre {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
blockquote {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
p {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h6 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h5 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h4 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h3 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h2 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h1 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
iframe {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
object {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
span {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
div {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
caption {text-align:left;font-weight:normal;}
q:after {content:"";}
q:before {content:"";}
blockquote:after {content:"";}
blockquote:before {content:"";}
q {quotes:"" "";}
blockquote {quotes:"" "";}
a img {border:none;}

/**
 * Basic Typography
 */
body {
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #222;
    background: #fff;
    margin: 1em 1.5em;
}
code {
    margin: 1.5em 0;
    white-space: pre;
}
pre {
    margin: 1.5em 0;
    white-space: pre;
}
code {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
pre {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
a[href] {
    color: #436976;
    background-color: transparent;
}
h6 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h5 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h4 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h3 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h2 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100;
}
h2 {
    font-size: 120%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
}
h3 {
    font-size: 110%;
    margin-bottom: 0.5em;
    text-decoration: underline;
}
h4 {
    font-size: 100%;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    font-weight: bold;
}
h6 {
    font-size: 80%;
    font-weight: bold;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}
#tags {
    display: none;}


html, body {
        font: normal 12px verdana;
        margin: 0;
        padding: 0;
        border: 0 none;
        overflow: hidden;
        height: 100%;
    }	
#infoBox{
	position:absolute;
	left:0px;
	top:0px;
	z-index:30003;
	background-color:#FFF
}
    
	.float-left {
          float: left;
        }
     
	.clear-left {
          clear: left;
    }		
	.cursor {
          background-image:url(../images/cursor.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .zoomin {
          background-image:url(../images/icon_zoomin.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .zoomout {
          background-image:url(../images/icon_zoomout.png) !important;
          height:20px !important;
          width:20px !important;
    }
	.zoombox{
		background-image:url(../images/drag-rectangle-on.png) !important;
          height:20px !important;
          width:20px !important;
	}
    .zoomfull {
          background-image:url(../images/icon_zoomfull.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .pan {
          background-image:url(../images/icon_pan.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .drawpoint {
          background-image:url(../images/draw_point_off.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .drawline {
          background-image:url(../images/draw_line_off.png) !important;
          height:20px !important;
          width:20px !important;
    }
    .drawpolygon {
          background-image:url(../images/draw_polygon_off.png) !important;
          height:20px !important;
          width:20px !important;
        }
    .next {
            background-image:url(../images/resultset_next.png) !important;
            height:20px !important;
            width:20px !important;
        }
    .back {
            background-image:url(../images/resultset_previous.png) !important;
            height:20px !important;
            width:20px !important;
        }
	.info {
            background-image:url(../images/info.png) !important;
            height:20px !important;
            width:20px !important;
        }
	.removeGeometry {
            background-image:url(../images/deselect.png) !important;
            height:20px !important;
            width:20px !important;
        }
	.legenda {
            background-image:url(../images/legenda.png) !important;
            height:20px !important;
            width:20px !important;
        }
	.line {
		background-image:url(../images/tappa.png) !important;
		height:20px !important;
		width:20px !important;
	}
		
	
	.blist {
		background-image: url(../images/list-items.gif) !important;
		}
	.blist2 {
		background-image: url(../images/list-proj.gif) !important;
		 height:20px !important;
         width:20px !important;
	}
	.ATTIVITA0 {
		background-image: url(../images/tbarButton/1.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	
	.ATTIVITA1 {
		background-image: url(../images/tbarButton/2.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.CARRAIO1 {
		background-image: url(../images/tbarButton/8.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.CARRAIOSENZANUMERO {
		background-image: url(../images/tbarButton/12.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.CARRAIOATTIVITA {
		background-image: url(../images/tbarButton/9.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.PEDONALESENZANUMERO {
		background-image: url(../images/tbarButton/10.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.RESIDENZE0 {
		background-image: url(../images/tbarButton/13.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.RESIDENZE1 {
		background-image: url(../images/tbarButton/4.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.RESIDENZEATTIVITA {
		background-image: url(../images/tbarButton/5.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.RESIDENZECARRAIO {
		background-image: url(../images/tbarButton/6.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.SECONDARI0 {
		background-image: url(../images/tbarButton/14.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.SECONDARI1 {
		background-image: url(../images/tbarButton/7.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.SECONDARISENZANUMERO {
		background-image: url(../images/tbarButton/11.png) !important;
		 height:20px !important;
         width:20px !important;
	}
	.GPS {
		background-image: url(../images/gps.png) !important;
		 height:20px !important;
         width:20px !important;
	}

	.login {
		background-image: url(../images/hmenu-lock.gif) !important;
		 height:20px !important;
         width:20px !important;
	}
	
	.autobus {
		background-image: url(../images/autobus.png) !important;
		 height:20px !important;
         width:20px !important;
	}

	.autobusXY {
		background-image: url(../images/autobusXY.jpg) !important;
		 height:20px !important;
         width:20px !important;
	}



	
	
	
		
	.meaLinee {
		background-image: url(../images/ruler.png) !important;
		}

	.meaArea {
		background-image: url(../images/ruler_square.png) !important;
		}
	#loadingLayer{
		position:absolute;
		left:0px;
		top:0px;
		margin: 5 5 5 5;
		visibility:hidden;
		z-index:20002;
		background-color:#FFF;
		
	}
			
.InfoSouth {
	background: #DFE8F6!important;
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.InfoSouthHeader {
	background: #DFE8F6!important;
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.rotteStyleNumber{
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#999;
	text-align:center;
}

.rotteStyle{
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color:#999;
	text-align:center;
}

.cooDD {
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	color:#999;
	text-align:center;
	width:100px;
}
.cooSS {
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color:#999;
	text-align:center;
	vertical-align:bottom;
}


#imageBanner
{
	position: absolute;
	z-index: 1;
	top: 20px;
	height: 124px;
	right: 5px;
	width: 330px;
	background-color: transparent;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

.bannerBackground 
{
	height: 88px;
	background-color: #2580c3;
	background-image: url(../images/banner-background.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0pt 0pt;

}

.title
{
	position: absolute;
	top: 10px;
	left: 80px;
	width: 600px;
	height: 65px;
	z-index: 4;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

#title-en 
{

background-image: url(../images/title.png);

}

.bannerRight {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: right;
}

InfoSouth {
	background: #DFE8F6!important;
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
InfoSouthHeader {
	background: #DFE8F6!important;
	border: 1px dotted #a3bae9;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.upload-icon {
    background: url('../shared/icons/fam/image_add.png') no-repeat 0 0 !important;
}
#fi-button-msg {
    border: 2px solid #ccc;
    padding: 5px 10px;
    background: #eee;
    margin: 5px;
    float: left;
}

#content-anchor-tip ul {
    float: left;
    width: 200px;
    list-style-type: disc;
    margin-left: 15px;
} 

.ext-ie #content-anchor-tip ul {
    margin: 0;
    padding-left: 15px;
} 

#content-anchor-tip .thumb {
    float: right;
} 

#content-anchor-tip .status-icon {
    position: absolute;
    top: 4px;
    right: 50px;
    padding: 0;
    line-height: 0;
} 

#content-anchor-tip a:link, #content-anchor-tip a:visited {
    color: #339;
}


/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
#container {
    width:600px;
    height:400px;
    border:3px solid #c3daf9;
}

.add {
    background-image: url( images/add.gif ) !important;
}
.add16 {
    background-image: url( images/add16.gif ) !important;
}
.add24 {
    background-image: url( images/add24.gif ) !important;
}
.remove {
    background-image: url( ../menu/images/delete.gif ) !important;
}
.edit {
    background-image: url( ../menu/images/edit.gif ) !important;
}
.find {
    background-image: url( ../menu/images/find.gif ) !important;
}
.view {
    background-image: url( ../menu/images/view.gif ) !important;
}

.btn-panel td {
    padding-left:5px;
}

h2 {
    color:#083772 !important;
    margin: 20px 0 0 !important;
    padding: 5px;
    background:#eee;
    width:400px;
}

h3 {
    font-weight:normal !important;
}

   #loading{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 20001;
	background-color:#e5e3df;
    }
       
    #loading-table {
	width:100%;
	height:100%;
	vertical-align:middle;
    }

    #loading-table tr {
	width:100%;
	height:100%;
	vertical-align:middle;
    }

    #loading-table tr td {
	width:100%;
	height:100%;
	vertical-align:middle;
    }

    
    #divLoadingContainer{
	position:relative;
	text-align:center;
	z-index: 20002;
	
	}

#divLoadingImage{
	top:0px;
	position:relative;
	margin:auto;	
	width:500px;
}
#divLoadingTextSupGistoWeb{
	text-align:left;
	position:absolute;
	top:20px;
	left:80px;
	width:200px;
	height:130px;
	z-index: 30001;
}
#divLoadingTextSup{
	text-align:left;
	position:absolute;
	top:165px;
	left:85px;
	width:200px;
	height:130px;
	z-index: 30001;
}
#divLoadingButtonChrome{
	text-align:left;
	position:absolute;
	top:165px;
	left:425px;
	width:200px;
	height:130px;
	z-index: 30001;
}


#divLoadingTextInf{
	text-align:center;
	position:absolute;
	top:250px;
	left:80px;
	width:400px;
	z-index: 30001;
}