/* FONT STACK */
body,
input, select, textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
}

/* BASE LAYOUT */

html {
	background-color: #fff;
	background-image: -moz-linear-gradient(center top, #c2c8b2, #fff);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c2c8b2), color-stop(1, #fff));
	background-image: linear-gradient(top, #c2c8b2, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#aaaaaa', EndColorStr = '#dddddd');
	background-repeat: no-repeat;
	height: 100%;
	/* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html.no-cssgradients {
	background-color: #aaa;
}

.ie6 html {
	height: 100%;
}

html * {
	margin: 0;
}
/*
body {
	background: #eeeeee;
	color: #333333;
	margin: 0;
        text-align:center;
	/ *max-width: 960px;* /
	overflow-x: hidden; / * prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide * /
	   -moz-box-shadow: 0 0 0.3em #255b17;
	-webkit-box-shadow: 0 0 0.3em #255b17;
	        box-shadow: 0 0 0.3em #255b17;
}
*/
body {
        -webkit-box-shadow:#7799BB  0 0.3em;
        background-color:#FFFFFF;
        background-position:initial initial;
        background-repeat:initial initial;
        box-shadow:#7799BB 0 0 0.3em;
        color:#333333;
        margin:0 auto;
        overflow-x:hidden;
}
#grailsLogo {
	background-color: #FFFFFF;
	border-bottom: 1px solid #D7D7D7;
        padding-top: 5px;
}

.logoText {
        color: #FFFFFF;
        font-variant:small-caps;
        font-size:1em;
        font-weight:bold;
        padding-left:10px;
}

/* replace with .no-boxshadow body if you have modernizr available */
.ie6 body,
.ie7 body,
.ie8 body {
	border-color: #255b17;
	border-style: solid;
	border-width: 0 1px;
}

.ie6 body {
	height: 100%;
}

a:link, a:visited, a:hover {
	color: #48802c;
}

a:hover, a:active {
	outline: none; /* prevents outline in webkit on active links but retains it for tab focus */
}

h1 {
	color: #265A8F;
	font-weight: normal;
	font-size: 1.25em;
	margin: 0.8em 0 1.3em 0;
}

ul {
	padding: 0;
}

img {
	border: 0;
}

/* GENERAL */

#grailsLogo a {
	display: inline-block;
	margin: 0.2em;
}

.content {
}

.content h1 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0.8em 1em 0.3em;
	padding: 0 0.25em;
}

.scaffold-list h1 {
	border: none;
}

.footer {
	background: #2e64ac;
	color: #FFFFFF;
	clear: both;
	font-size: 0.8em;
	/*margin-top: 1.5em;*/
	padding: 0.5em;
	min-height: 1.5em;
        line-height: 1.5em;
        text-align: center;
	border-top: 3px solid #7799BB;
}

.footer a {
	color: #255b17;
}

.spinner {
	background: url(../images/spinner.gif) 50% 50% no-repeat transparent;
	height: 16px;
	width: 16px;
    padding: 0.5em;
    position: absolute;
    right: 0;
	top: 0;
	text-indent: -9999px;
}


/* stile menubar */
.z-menubar-hor {
    margin-bottom: 10px; 
}

/* stile search_box */
.search_box {
    padding: 5px;
    font-size: 12px;
}


.font_small {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
}
.font_small a:link, .font_small  a:visited {
    color: #48802c;
    text-decoration: none;
}
.font_small  a:hover {
    color: #48802c;
    text-decoration: underline;
}
.z-radio {
    padding-right: 10px;
}
.z-radio-cnt {
    padding-left: 3px;
}
.box_azzurro_350 {
    background-color: #F1F1F1; 
    border: 1px solid #E5E5E5; 
    padding: 8px; 
    width: 350px;
}
.div_separatore_10 {
    clear: both;
    height: 10px;
}
/* pulsante di login nascosto di spring security */
.s2ui_hidden_button {
    display: none;
}
.button {
    font-size:13px;
    -webkit-transition:all 0.218s;
    -webkit-user-select:none;
    background-color:#F5F5F5;
    background-image:-webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
    border:1px solid #DCDCDC;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    color:#444444;
    cursor:default;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    height:27px;
    line-height:27px;
    min-width:46px;
    padding:0 8px; 
    text-align:center;
    background-color:#4D90FE;
}

.button:hover {
    background-image:-webkit-linear-gradient(top, #4D90FE, #4787ED);
    border:1px solid #3079ED;
    color:#FFFFFF;
    text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}

.testo_blu {
    font-size: 14px;
    color: #4372a0;
    text-decoration: none;
}
.testo_blu a:link, .testo_blu  a:visited {
    color: #4372a0;
    text-decoration: none;
}
.testo_blu  a:hover {
    color: #4372a0;
    text-decoration: underline;
}

.testo_arancio {
    font-size: 14px;
    color: #e8741b;
    text-decoration: none;
}
.testo_arancio a:link, .testo_arancio  a:visited {
    color: #e8741b;
    text-decoration: none;
}
.testo_arancio  a:hover {
    color: #e8741b;
    text-decoration: underline;
}
h1.testo_arancio {
    font-size:1.5em;
    font-weight:normal;
    margin:0.8em 0.5em 0.9em;
    color: #e8741b;
    text-decoration: none;
} 

/* STILI FORM POPUP */
.popup_col {
     font-size: 14px;
     /*width: 100%;*/
     width: 350px;
     padding: 5px;
}
.popup_name_col {
     width: 120px;
     /*width: 30%;*/
}
.popup_value_col {
     width: 250px;
     /*width: 70%;*/
     font-weight: bold;
}
.popup_col_textarea {
     /*font-size: 14px;*/
     width: 650px;
     padding: 5px;
}
.popup_value_col_textarea {
     width: 550px;
}
.titolo_window {
     font-size: 17px;
     font-weight: normal; 
     font-variant: small-caps;
     line-height: 24px;
}
.box_100 {
     width: 100%;
     clear: both;
}
.box_100_right {
     width: 100%;
     clear: both;
     float: right;
}
.box_100_button {
     text-align: center;
     width: 100%;
     clear: both;
}
.box_30 {
     width: 30%;
}
.box_33 {
     width: 33%;
}
.box_50 {
     width: 50%;
}
.box_70 {
     width: 70%;
}
.box_15_left {
     width: 15%;
     float: left;
}
.box_20_left {
     width: 20%;
     float: left;
}
.box_30_left {
     width: 30%;
     float: left;
}
.box_33_left {
     width: 33%;
     float: left;
}
.box_50_left {
     width: 50%;
     float: left;
}
.box_70_left {
     width: 70%;
     float: left;
}
.box_80_left {
     width: 80%;
     float: left;
}
.box_85_left {
     width: 85%;
     float: left;
}
.box_100_border {
     width: 100%;
     border: 1px solid #990000;
}
.box_100_border_green {
     width: 100%;
     border: 1px solid #149700;
}
.padding_10 {
     padding: 10px;
}
.padding_10_bottom {
     padding-bottom: 10px;
}
.clear_10 {
     clear: both;
     height: 10px;
}
.clear_20 {
     clear: both;
     height: 20px;
}
.clear_30 {
     clear: both;
     height: 30px;
}
.value_style {
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.textbox_descrizione {
    width: 90%;
}
.win_create_task {
    width: 90%; 
    height: 450px;
}
.win_view_task {
    width: 90%;
}
.div_azione {
   padding-bottom: 5px;
   padding-right: 10px;
   float: left; 
}
.div_azione_right {
   padding-bottom: 5px;
   padding-right: 10px;
   float: right; 
}
.div_img_azione {
   padding-bottom: 5px; 
   float: left; 
}
.div_label_azione {
   padding-left: 2px;
   float: left; 
   line-height: 23px;
}
.img_azione_link {
   padding-right: 2px;  
   cursor: pointer;
}
.label_azione_link {
   cursor: pointer;
   margin-bottom:10px;
}
.img_delete {
   padding-left: 5px; 
   cursor: pointer; 
}
.div_file_allegato {
   padding: 5px; 
   float: left;
}

/* FINE STILI FORM POPUP */

.label_error {
    font-size: 13px;
    color: #990000;
    font-weight: bold;
}

/** STILI TABELLE **/
.col_data {
    width: 180px;
}

.col_codice {
    width: 90px;
}

.col_pratica {
    width: 180px;
}

.col_ui { 
    width: 180px;
}

.col_indirizzo { 
}

.col_inquilino {  
}

.col_stato {
    width: 280px;    
}
/** FINE STILI TABELLE **/
.treeZona{
    display: inline-block;
    _display: inline;
}
.treeZona span{
    font-style: italic;
}

.treeZona-tip-label {
    margin: 15px;
    line-height: 16px;
}

/* stili statistiche */
.buttons {
    float:right;
    padding-top: 80px;
}


.stile_button {
    font-size:13px;
    -webkit-transition:all 0.218s;
    -webkit-user-select:none;
    background-color:#F5F5F5;
    background-image:-webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
    border:1px solid #DCDCDC;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    color:#444444;
    cursor:default;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    height:27px;
    line-height:27px;
    min-width:180px;
    margin:3px;
    padding:0 8px; 
    text-align:center;
    background-color:#4D90FE;
}

.stile_button:hover {
    background-image:-webkit-linear-gradient(top, #4D90FE, #4787ED);
    border:1px solid #3079ED;
    color:#FFFFFF;
    text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}
.stile_button[disabled=disabled]:hover {
    background-image:-webkit-linear-gradient(top, #C42A00, #CC0000);
    border:1px solid #8B0000;
    color:#FFFFFF;
    text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}


/* stili box ricerca */
.padding_search {
    padding:10px;
}
.column_label {
    width: 110px;
}
.column_field {
    width: 200px;
}


/* stili fascicolo fabbricato */
.button_fabbricato {
    padding-bottom: 8px;
}
.div_h1 {
	margin: 0.8em 0 1.3em 0;
}
.label_h1 {
	color: #265A8F;
	font-weight: normal;
	font-size: 1.25em;
        line-height: 1.1;
}
.div_h2 {
	margin: 0.5em 0 1.3em 0;
}
.label_h2 {
	color: #265A8F;
	font-weight: normal;
	font-size: 1.0em;
        line-height: 0.8;
}
.titolo_schede_fabbricato {
	color: #265A8F;
	font-weight: normal;
	font-size: 1.1em;
        line-height: 1.4;
        font-variant: small-caps;
}
.div_linea_separatore {
    clear: both;
    padding-top: 5px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}
.value_style_fabbricato {
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #990000;
}