/*
	Main.css
	TemplateName: Serpentino Black (Id 29)
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* Reset CSS
------------------------------------------------------------------------------------------------- */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* ---------------------------------------------------------------------------------------------- */



/* Global Document Formatting
------------------------------------------------------------------------------------- */
html
{
}

body {
   color: #1F1F1F;
   font: 0.8em/1.5 verdana, "arial", sans-serif;
}
/* ---------------------------------------------------------------------------------------------- */



/* HEADINGS
------------------------------------------------------------------------------------------------- */
h1 {
}
h2 {
   color: #263226;
   font-size: 120%;
}
h3 {   
   color: #263226;
   font-size: 120%;
}
/* ---------------------------------------------------------------------------------------------- */


/* GLOBAL ELEMENTS FORMATTING
------------------------------------------------------------------------------------------------- */
p {line-height: 1.8em;}
code {}
acronym {}
blockquote {
	margin: 10px;
 	padding: 0 0 0 10px;  	
}
ul li {list-style-type: square;list-style-position: inside;}
ol li {list-style-type: decimal;list-style-position: inside;}
ul span, ol span {}
img {border:0;vertical-align: middle;}
hr {/*border-top: solid 1px #D2D4D5;border-bottom: solid 1px #E2E4E4*/}
strong {font-weight: bold}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {/*margin: 15px 0;*/}
/* ---------------------------------------------------------------------------------------------- */


/* Links
------------------------------------------------------------------------------------------------- */
a {text-decoration:underline;}
a:hover {text-decoration: underline;}
a {color: #15222B;}
a:hover {color: #000;}
/* ---------------------------------------------------------------------------------------------- */




#content .section .languageswitcher ul li{
   display: block;
   float: left;
   padding:5px;
   margin-left: 0;
   margin-right: 0;
}

/* LOADING MASK 
------------------------------------------------------------------------------------- */
#loading{
   display:none;
	position:absolute;
	left:45%;
	top:40%;
	border:1px solid #FFF;
	padding:2px;
	background:#F00;
	width:150px;
	text-align: center;
	z-index:20001;
}
#loading .loading-indicator{
   border:1px solid #D2D4D5;
   background:white url('images/block-bg.gif') repeat-x;
   color:#000;
   font:bold 13px tahoma,arial,helvetica;
   padding:10px;
   margin:0;
}
.loading-indicator {
   font-size:8pt;
   background-repeat: no-repeat;
   background-position:top left;
   padding-left:20px;
   height:18px;
   text-align:left;
}
#loading-mask {
   display:none;
   width:100%;
   height:100%;
   background:#000 url(images/loadingmask.gif) repeat 0 0;
   position:absolute;
   z-index:20000;
   left:0px;
   top:0px;
   opacity: 0.8;
}


/* NOSCRIPT
------------------------------------------------------------------------------------- */
#noscript {width: 100%;}
#noscript div {
   text-align: center;
   padding: 4px;
  	background-color: #FFF;
	border: 2px solid #F00; 
	z-index:20001;
	position:absolute;
	top:40%;
	left: 20%
}
#noscript img {
   vertical-align: middle;
   width:236px;
   height: 21px;
}


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */



/* SUB-LAYOUT FORMATTING
------------------------------------------------------------------------------------- */
div.content-padding {padding: 0 7px 0 7px;}
div.content-scrollable {overflow: auto;}

/*#actions {
   background: #FFF url(images/bg-actions.gif) no-repeat 0 0;
   padding: 0 7px 0 24px;
   margin: 1px 0;
	height: 56px;
}*/


/* STANDARD COLOR CLASSES
------------------------------------------------------------------------------------- */
.bgcolor-light {background-color: #FFF}
.bgcolor-normal {background-color: #EEF8E4}
.bgcolor-dark {background-color: #C5C5C5}
.border-color-light {border: #EEF8E4}
.border-color-normal {border: #DFDFDF}/* 898A6B */
.border-color-dark  {border: #808080} /*BFBFBF*/




/* FORM, FORM ELEMENTS, FORMBOX
------------------------------------------------------------------------------------- */
input {font: normal 1em Verdana, sans-serif;}
textarea {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
}
select {line-height:16px}
fieldset {border: 1px solid #CCC; padding: 4px;}
legend {color: #585858;}

	/* FORMBOX 
   ------------------------------------- */
	div.formbox {width:auto;}
	div.formbox div {padding: 4px 0;clear:left;}
	div.formbox div div {clear: none;}
   div.formbox label {
      clear:left;
      float: left;
      width: 260px;
      padding-right: 12px;
      text-align:right;
      vertical-align: middle
   }
   
   div.formbox.vertical label {
      float: none;
      display: block;
      width: auto;
      text-align: left;
   }

/* BUTTONS */
.button, .formbox .button {
   -moz-border-radius-bottomleft:4px;
   -moz-border-radius-bottomright:4px;
   -moz-border-radius-topleft:4px;
   -moz-border-radius-topright:4px;
   width:auto; 
   overflow:visible;
   margin:0 7px 0 0;
   padding: 2px 2px 4px 2px;
   height: 20px;
   font-family: Arial,sans-serif;
   font-size:100%;
   line-height: 20px;
   font-weight: bold;
   text-decoration:none;
   background: #EE5600 url(images/button.gif) repeat-x 0 0;
   border: solid 1px #EE5600;
   color: #FFF;          
   cursor: pointer;
   outline: 0;
}
a.button {
   height: 16px;
   padding: 1px 10px 1px 7px; /* Links */
   color: #FFF;          
}
a.button:hover {text-decoration: none;}
.button:hover {
   background-position: 0 -29px; 
   text-decoration: none; 
   color: #000;
   background-color: #BFBFBF;
   border: solid 1px #BFBFBF;
}
.button:hover span {color: #505050}
.button span {
   color: #FFF;          
   text-decoration: none; 
}

button.button-secondary, 
input.button-secondary, 
a.button-secondary 
{
   font-weight: bold;
	/*
   background: none;
   height: 24px;
   width: auto;
   cursor: pointer;
   text-decoration: underline;
   border: 0;
	*/
}

div.more {
   width: 100%;
   background-color: #EEF8E4;
   display: block;
   text-align: left;
   padding: 5px 0 1px 0;
}
div.more a {
   color: #000000;
}

/* Image Buttons Alignment */
input.button img, 
a.button img {vertical-align: middle}

/* Additional button classes */
.button-go {
   background: url(/Resources/img/16x16/go.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-add {
   background: url(/Resources/img/16x16/add.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-ok {
   background: url(/Resources/img/16x16/ok.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-find {
   background: url(/Resources/img/16x16/find.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-delete {
   background: url(/Resources/img/16x16/delete.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-remove {
   background: url(/Resources/img/16x16/remove.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-edit {
   background: url(/Resources/img/16x16/edit.gif) no-repeat 2px center;
   padding-left: 20px;
}
.button-key {
   background: url(/Resources/img/16x16/encrypted.png) no-repeat 2px center;
   padding-left: 20px;
}
.button-refresh {
   background: url(/Resources/img/16x16/recur.png) no-repeat 2px center;
   padding-left: 20px;
}


/* Input, Custom overrides */
input.uppercase {text-transform: uppercase}
input.lowercase {text-transform: lowercase}
input.capitalize {text-transform: capitalize}
	
input.checkbox, div.formbox input.checkbox,
input.radio, div.formbox input.radio {width:22px; border:0; padding:0}

/* per input, select, textarea */
input.shorttext, select.shorttext, textarea.shorttext {width: 40px;}
input.mediumtext, select.mediumtext, textarea.mediumtext {width: 200px;}
input.largetext, select.largetext, textarea.largetext {width: 350px;}

input.ow-dates  {width: 80px;}
input.ow-numbers {width: 80px; text-align: right; padding-right: 2px;} /* Applico il padding a dx come workaround per IE Bug (Cursor disappear on align right)*/

input.largedate {width: 140px;}


/* VALIDATION
------------------------------------------------------------------------------------- */
div.formbox-legend {font-size: 9px; text-align: right}
.validation-required {
   padding-right: 20px;
   background: url(/Resources/img/required.gif) no-repeat right center;
}
.validation-optional {
   padding-right: 20px;
   background: url(/Resources/img/optional.gif) no-repeat right center;
}
.validation-highlight {
   background: transparent url(/Resources/img/err.gif) repeat-x left bottom;
}

div.formbox.vertical label.validation-required,
div.formbox.vertical label.validation-optional,
div.formbox.vertical label.validation-highlight {
   padding-left: 20px;
   background-position: left center;
}

label.validation-error-label, div.formbox label.validation-error-label {
   width: auto;
   text-align: left;
   margin-left: 268px;
   color: #F00;
   padding-bottom: 2px;
   padding-left: 20px;
   background: url(/Resources/img/validator_alert.gif) no-repeat 2px center;
}
div.formbox.vertical label.validation-error-label {margin-left: 0}
.validation-summary {
   background-color: #FFFBD8; 
   border: 2px solid #E3D85A;
   padding: 2px;
   margin: 4px 0;
}
.validation-summary h4 {
   font-size: 14px;
   font-weight: bold;
   padding: 2px;
}
.validation-summary ul {
}
.validation-summary li {
   color: #F00;
   list-style-position: inside;
   margin-left: 4px;
}


/* [DEPRECATED] ASP.NET Validators */
div.formbox div.validation-error {margin: 2px 0 0 268px;}
div.ui-dialog-content div.formbox div.validation-error {margin: 2px 0 0 138px;}
div#loginbox-content div.validation-error {margin: 2px 0 0 132px;}

div.formbox div.validation-error,
div.ui-dialog-content div.formbox div.validation-error,
div#loginbox-content div.validation-error {
   padding: 2px 0 0 0;
   text-align: left;
   background: transparent url(/Resources/img/err2.gif) repeat-x 0 0;
   color: #F00;
}
img.validatorAlert
{
   border: 0;
   vertical-align: middle;
}

   
/* INFOBOX & POST-IT
------------------------------------------------------------------------------------- */
#info, .info, #infobox, .postit {
   width: auto;
   margin: 4px;
   padding: 4px;
   font-weight: bold;
   font-size: 11px;
   border: solid 2px #0066CC;
   background-color: #83DBFC;
}
#infobox {
   margin:0; 
   padding: 0;
   border: 0;
   border-bottom: solid 4px #E6E6E6
}
#infobox div {
   margin: 0 0 0 0;
   padding: 4px;
   font-size: 13px;
   border: solid 2px #FFF;
   background-color: #D4340C;
   color: #FFF;
}
#info img, .info img, #infobox img, .postit img {vertical-align: middle;}
#infobox a {text-decoration: underline; color:#F00;}
#infobox a:hover {color:#FFF;}


/* HELPTIPS
------------------------------------------------------------------------------------- */
img.helptip {vertical-align: top;}  
  

/* GLOBAL CLASSES
------------------------------------------------------------------------------------- */
.clear {clear:both} 
.noborder {border: 0}
.hint {font-size: 10px}
.hidden {display:none}
.shown {display: block;}


/* GLOBAL WIDTH,ALIGN, COLS 
------------------------------------------------------------------------------------- */
.width-auto {width: auto}
.width-450 {width: 450px}
.width-400 {width: 400px}
.width-350 {width: 350px}
.width-300 {width: 300px}
.width-250 {width: 250px}
.width-200 {width: 200px}
.width-150 {width: 150px}
.width-120 {width: 120px}
.width-100 {width: 100px}
.width-70 {width: 70px}
.width-50 {width: 50px}

.width-100perc {width: 100%}
.width-70perc {width: 70%}

.col-command {} /* Marker */
.col-check {text-align: center;width: 20px;} /* Se il width viene messo prima del text-align su IE non funziona! */
.col-icons {text-align: center;width: 40px}

.align-left {text-align: left}
.align-center  {text-align: center}
.align-right {text-align: right}


/* SECTION SPECIFIC CLASSES
------------------------------------------------------------------------------------- */
.section 
{
	padding-top: 5px;
   padding-bottom: 5px;
}

/* Common */
.section div.section-top,
.section div.section-bottom
{
	height: 4px;
}

.section div.section-top-inner,
.section div.section-bottom-inner
{
	display: none;
}

/* Sezioni contenute nelle colonne laterali */
#utility .section,
#sidebar .section {
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding-bottom: 20px;
	/*
   background: url(images/UtilityBody.gif) repeat-y 0 0;
	*/
	background-color: #212021;
}

#utility .section .section-title,
#sidebar .section .section-title 
{
   background: transparent url(images/UtilityTitle.jpg);
   height: 29px;
   /*
	margin: 0 1px;
	width: 190px;
   background: transparent url(images/UtilityTitle.gif) no-repeat bottom left;
   */
}

#utility .section .section-title h2,
#sidebar .section .section-title h2 {
   color: #F5F5F5;
   padding-left: 14px;
   font-size: 120%;
   padding-top: 3px;
   /*
   margin: 0; 
	background: url(images/cols3-title.gif) 20px 40% no-repeat;
   background: url(images/UtilityTitle.gif) 15px 40% no-repeat;
   background-color: #E1DFDF;
   color: #009900;
   */
}

#utility .section ul li ,
#sidebar .section ul li {
   /*
   height: 24px;
   padding: 3px 0px 0px 3px;
   width: 180px;
   height: 25px;
   */
   min-height: 25px;
   font-size: 90%;
   list-style-type: none; 
   list-style-position:outside;
   overflow: hidden; /* serve a IE6 */
}

#utility .section ul,
#sidebar .section ul 
{
	/*
   margin-bottom: 2px;
	*/
}

#utility .section li a, #sidebar .section li a
{
	/*
	color: #15222B;
	height: 19px;
	*/
	color: #B5B5B5;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #808080;
	padding-top: 5px;
	padding-left: 0px;
}

#utility .section li a:hover, 
#sidebar .section li a:hover,
#utility .section li a.current 
{
	/*
	background: #414141 none repeat scroll;
	background-color: #DEE9EF;
	*/
	color: #FF9900;
}

#utility .section li img,
#sidebar .section li img {margin-right:2px; vertical-align:middle}

#utility .section div.section-top {
   /*
   display: none;
	*/
	height: 0px;
}

#sidebar .section div.section-top {
   display: none;
   /*background: transparent url(images/section-b-top.gif) no-repeat bottom left;*/
}

#utility .section .section-body,
#sidebar .section .section-body{
	padding-left:5px;
	padding-right:5px;
	color: #B5B5B5;
}

#utility .section .section-body a,
#sidebar .section .section-body a{
	color: #B5B5B5;
}

#utility .section .section-body a:hover,
#sidebar .section .section-body a:hover{
	color: #FF9900;
}

#utility .section div.section-bottom {
	height: 0px;
   /*background: transparent url(images/section-a-bottom.gif) no-repeat bottom left;*/
}

#sidebar .section div.section-bottom {
   /*background: transparent url(images/section-b-bottom.gif) no-repeat bottom left;*/
}


/* Section nella colonna centrale */
#content .section 
{
	/*
	background-color: #C6D9E7;
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 10px;
	*/
}

/*
#top-content .section,
#bottom-content .section {
   margin: 10px 8px 0 8px;
}

#bottom-content .section {
   clear: both;
}
*/

#top-content .section .section-title,
#bottom-content .section .section-title,
#content .section .section-title {
   /*border-left: solid 1px #C5C1C1;*/  /* FF */
   /*border-right: solid 1px #C5C1C1;*/  /* FF */
   /*padding-right: 20px;*/
   background: transparent url(images/ContentSectionTitle.gif) repeat-y;
   padding-left: 15px;
	/*background-color: #C5C1C1;*/  /* FF */
}

#top-content .section .section-title h2,
#bottom-content .section .section-title h2,
#content .section .section-title h2 {
   margin: 0 20px 0 0px;
	color: #BE3C3C;
	display:block;
	font-family: Georgia, Verdana, "Times New Roman", Times,serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding-top:5px;
}

#top-content .section h2,
#bottom-content .section h2,
#content .section h2 {
   padding-right: 10px;
   /*
	color: #009900;
   background: #FFF;
	*/
   color: #263226;
   display: inline;
   font-size: 100%;
   font-weight: bolder;
   margin: 0;
}
#top-content .section h2 a,
#bottom-content .section h2 a,
#content .section h2 a {color: #2A2A2A}

#top-content .section .section-body,
#bottom-content .section .section-body,
#content .section .section-body
{
   background: transparent url(images/ContentSectionTitle.gif) repeat-y;
	/*background-color: #E1DFDF;*/  /* FF */
   /*border-left: solid 1px #C5C1C1;*/  /* FF */
   /*border-right: solid 1px #C5C1C1;*/  /* FF */
   padding: 15px;
}
#top-content .section div.section-top,
#bottom-content .section div.section-top,
#content .section div.section-top {
   /*padding-right: 10px;*/
   background: transparent url(images/ContentSectionTop.gif) no-repeat bottom right;
}
#top-content .section div.section-top-inner,
#bottom-content .section div.section-top-inner,
#content .section div.section-top-inner {
   /*background: transparent url(images/section-a-top2.gif) no-repeat bottom left;*/
}

#top-content .section div.section-bottom,
#bottom-content .section div.section-bottom,
#content .section div.section-bottom {
   /*padding-right: 10px;*/
   /*background: transparent url(images/section-a-bottom2.gif) no-repeat bottom right;*/
   background: transparent url(images/ContentSectionFooter.gif) no-repeat bottom left;
}
#top-content .section div.section-bottom-inner,
#bottom-content .section div.section-bottom-inner,
#content .section div.section-bottom-inner {
   /*background: transparent url(images/section-a-bottom2.gif) no-repeat bottom left;*/
}


/* CUSTOM CLASSES
------------------------------------------------------------------------------------- */

#menu-container {
   height: 40px;
   background-color: Gray;
   background-repeat: no-repeat;
   overflow: hidden;
   display: block;
   background: #000000 url("images/BgMenu_1x40.jpg") 0 0 repeat-x;
   margin: 0px 5px;
}




/* BREADCRUMBS 
------------------------------------------------------------------------------------- */
div#breadcrumb {
}
#breadcrumb a:link, 
#breadcrumb a:visited,
#breadcrumb a:hover, 
#breadcrumb a:active {
}
#breadcrumb a:hover {}


/* LOGINSTATUS (HEADER)
------------------------------------------------------------------------------------- */
.header-loginstatus
{
   float: right;
   height:25px;
	width:300px;
	background:url(images/bg-header-loginstatus-left.gif) no-repeat left top;
	margin:0 auto;
	padding-left: 26px;
	text-align: center;
}
.header-loginstatus-inner {
	background:url(images/bg-header-loginstatus-right.gif) no-repeat right top;
   height:25px;
}

.header-loginstatus span, 
.header-loginstatus a {
   color:#FFF;
   margin: 0 19px 0 20px;
   border: 0;
}
.header-loginstatus a:hover {background-color: Transparent;border:0;}
.header-loginstatus a.button-log {
   background: url(/Resources/img/16x16/encrypted.png) no-repeat left center;
   padding-left:18px;
}


#sidebar-loginstatus {
   margin: 0 5px 4px 5px;
   padding: 0 0 2px 0;
   border-bottom: solid 1px #CECECE;
}
#sidebar-loginstatus span{
   color: #000;
   /*font-family: */
   font-size: 13px;
   font-weight: bold;
}
#sidebar-loginstatus li {
   padding-left: 32px;
   width: 180px;
}
#sidebar-loginstatus a {
   width: auto;
   color: #585858;
   text-decoration: none;
}
#sidebar-loginstatus a:hover {
   color: #585858;
   background: none;
   text-decoration: underline;
}


/* LOGINBOX
------------------------------------------------------------------------------------- */
div.loginbox {
   display: block;
   width: 350px;
   margin: 0 40px;
   padding: 0;
   background-color: #FFF;
   margin-left: auto;
   margin-right: auto;
}
div.loginbox-aligncenter {
   text-align:center;
   height: auto;
   padding-top: 40px;
}
div.loginbox-header {
   text-align: left;
   height: 38px;
   background-color: #EEF8E4;
   border: solid 1px #DFDFDF;
   vertical-align: bottom;
}
div.loginbox-header span {
   padding: 2px 0 2px 49px; 
   margin-left: 80px;
   background: url(images/cols3-title.gif) 20px 40% no-repeat; 
   height: 38px;
   font-size: 120%;
   color: #333;
   font-weight: bold;
   line-height: 38px;
}
div#loginbox-content {
   border: solid 1px #DFDFDF;
   background-color: transparent;
}
div#loginbox-content div {padding: 4px 0;text-align: left;}
div#loginbox-content label {clear:left;
   float: left;
   width: 128px;
   padding-right: 4px;
   text-align:right;
   vertical-align: middle
}
.loginbox input.input-text {width: 160px;}
div#loginbox-content div#loginbox-buttons {text-align: center}
.loginbox span.input-remembermecheck label {display: inline; width: 70px;}
.loginbox div.loginbox-failure {
   color: #FFF;
   background-color: #F00;
   font-weight: bold;
}


/* USERINFO
------------------------------------------------------------------------------------- */
.section.userinfo div.section-body label,
.section.userinfo div.section-body input.input-text {display: block}
.section.userinfo div.section-body a {display: block}
.section.userinfo div.section-body a.button-secondary,
.section.userinfo div.section-body input.button {display: block; margin: 4px 0;}
.section.userinfo div.section-body span.login-failed {color: #F00; font-weight: bold;}
#utility .section.userinfo div.section-body ul li,
#sidebar .section.userinfo div.section-body ul li {}
/*#utility .section.userinfo div.section-body ul li a.button-secondary 
{
	padding:5px 0 0;
	margin: 0px;
}*/


/* ANTISPAM (CAPTCHA)
------------------------------------------------------------------------------------- */
#antispam {border: solid 1px #CCC; margin: 5px 0;}
div#loginbox-content #antispam {border: 0;margin: 0}
#antispam, div#loginbox-content #antispam {padding: 4px;text-align: center;}
#antispam-title, div#loginbox-content #antispam-title {font-weight: bold;}
#antispam div.validation-error {margin-left: 0}
   
		
/* GRID (TABLE)
------------------------------------------------------------------------------------- */
.grid {
   width:100%;
   background-color: #FFF;
   border: 0;
}
.grid tbody tr.thead, /* Questo è un workaround temporaneo per il render della ASP.NET GridView */
.grid thead tr {
   background: url(images/bg-grid-header.png) repeat-x 0 0;
   height: 24px;
}
.grid thead tr th {
   border-bottom:1px solid #CECECE;
   border-right:1px solid #CECECE;
   border-top:1px solid #CECECE;
   /*font-weight: bold;*/
   color: #585858;
}
.grid tbody tr {border-collapse: collapse}
.grid tr th {border-right: solid 1px #DFDFDF; padding: 0 2px;}

.grid tbody tr td {
   background-color: #FFF;
   border: 0;
   border-bottom:1px solid #CECECE;
   height: 24px;
}

.grid thead tr th.grid-firstcol,
.grid tbody tr td.grid-firstcol {
   padding-left: 7px;
   /*font-weight: bold;*/
}
.grid tbody tr td a {color: #585858;}
.grid tbody tr td a:hover {color: #F00; /*text-decoration: underline;*/}

.grid tbody tr td.col-command a {
   height: 22px;
   margin-left: 4px;
   border: solid 1px #FFF;
   /*color: #585858;*/
   background-color: #FFF;
	font: normal 14px Verdana, sans-serif;
   line-height: 24px;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   outline: none;
}
.grid tbody tr td.col-command a:hover {border: solid 1px #D2D4D5;}

/* WIDTH OVERRIDES for Table Cells (è necessario specificare l'elemento selettore per funzionare) */
td.width-auto {width: auto}
td.width-450 {width: 450px}
td.width-400 {width: 400px}
td.width-350 {width: 350px}
td.width-300 {width: 300px}
td.width-250 {width: 250px}
td.width-200 {width: 200px}
td.width-150 {width: 150px}
td.width-120 {width: 120px}
td.width-100 {width: 100px}

td.width-100perc {width: 100%}
td.width-70perc {width: 70%}
table.width-100perc {width: 100%}
table.width-70perc {width: 70%}

td.col-command {padding-right:4px} /* Marker */
td.col-check {text-align: center;width: 20px;} /* Se il width viene messo prima del text-align su IE non funziona! */
td.col-icons {text-align: center;width: 40px}

td.align-left {text-align: left}
td.align-center  {text-align: center}
td.align-right {text-align: right}

.col-date {text-align: center;width:85px}
.col-fulldate {text-align: center;width:140px}

/* Grid Sorting */
.grid thead th.header { 
    cursor: pointer;
    text-decoration: underline;
    /*font-weight: bold; 
    background-image: none;  */
}
.grid thead th.headerSortUp { 
    background: transparent url(images/table-sort-asc.gif) no-repeat center right; 
}
.grid thead th.headerSortDown { 
    background: transparent url(images/table-sort-desc.gif) no-repeat center right; 
} 

.treegrid {}
.treegrid td { border: 0;height:22px;}

.grid-loading {
	background: #E3E3E3 url('images/loadingmask.gif');
	display: block;
	opacity:.50;	
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	text-align: center;
}
.grid-loading div {
	width: 100%;
	height: 100%;
	display: block;
}
.grid tbody tr td.total-cell
{
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}


/* PAGER
------------------------------------------------------------------------------------- */
.pagination {
	padding: 3px;
	margin: 3px;
	text-align: center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #D2D4D5;
	text-decoration: none; 
	color: #787778;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #F00;
	color: #000;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F00;
	font-weight: bold;
	background-color: #F00;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* SPOTLIGHT
------------------------------------------------------------------------------------- */
ul#spotlight {
   width: 930px; /*740px;*/
   height: 170px;
   position: relative;
}
/*div.contentbox ul#spotlight{
   margin-left:85px;
}*/
ul#spotlight,
ul#spotlight li {
   margin: 0;
   padding: 0;
   list-style: none;
}
ul#spotlight a {color: #666}
ul#spotlight li,
ul#spotlight span {
   position: absolute;
   top: 0;
   left: 0;
   width: 240px;
   height: 170px;
}
ul#spotlight li#sl2 {left: 340px}
ul#spotlight li#sl3 {left: 670px}
ul#spotlight span {background: url(images/spotlight4.png); z-index: 99}
ul#spotlight li#sl2 span {background-position: -250px 0}
ul#spotlight li#sl3 span {background-position: -500px 0}

/*parte per il rollover*/
ul#spotlight li#sl1 a:hover span{background-position: 0 -170px}
ul#spotlight li#sl2 a:hover span{background-position: -250px -170px}
ul#spotlight li#sl3 a:hover span{background-position: -500px -170px}


/* COMMAND LISTVIEW (Usato da Register)
------------------------------------------------------------------------------------- */
ul.command-listview {
   text-align: center;
	margin:0px;
	padding:0px;
	list-style-type:none;	
	height: 44px;
}
ul.command-listview li {
	margin-right: 10px;
	margin-top:5px;
	float:left;
	text-align: center;
 	list-style: none;
	border: none;
}
ul.command-listview li a.command-listview-selected,   
ul.command-listview li a:hover {   
   cursor: pointer;
   background-position: 0 -34px;
}

ul.command-listview li a{
   background: transparent url(/Resources/img/command.gif) no-repeat 0 0px;
   display:block;
	font-size:12px;
   list-style: none;
   width: 180px;
	height: 34px;
   color: #585858;
   outline: 0;
}
ul.command-listview li a span {
	display:inline;
   font-family: verdana;
   font-size: 12px;
   font-weight: bold;
   font-weight:normal;
}
ul.command-listview li a:hover span {
   color: #F00;
}
ul.command-listview li a,
ul.command-listview li a:hover {text-decoration: none}


/* PASSWORD STRENGTH
------------------------------------------------------------------------------------- */
#password-strength-label {}
#password-strength-container {
   width: 350px;
   height: 34px;
   padding: 0 4px;
   float:left;
   vertical-align: top;
   border: solid 1px #CCC;
   /*background-color: #B1CEED;*/
}
div.password-strength-text {padding: 0;}
div.password-strength-text span {font-weight:bold;}
div.password-strength-bar {
   padding: 0;
   border: 1px solid white; 
   font-size: 1px; 
   height: 2px; 
   width: 0px;
}




/* Home Page MultiColumn
------------------------------------------------------------------------------------- */
.high {color:#090}
.noscreen {display:none;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}

.section-col {background: #FFFBD8 url(images/cols/col.gif) 0 0 repeat-y;}
.section-3col {background: #FFFBD8 url(images/cols/cols3.gif) repeat-y scroll 0 0;}

#col-top {width:940px; height:5px; margin-top:15px; background:url("images/cols/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:940px; height:5px; margin-bottom:15px; background:url("images/cols/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {
   position:relative; 
   padding:15px 30px 15px 20px; 
   background:url("images/cols/col.gif") 0 0 repeat-y;
}

   #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("images/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

   #col-browser {
      position:relative; 
      float:left; 
      width:280px; 
      height:215px; 
      /*background:url("images/browser.gif") 0 0 no-repeat;*/
   }
   #col-browser img {position:absolute; top:28px; left:10px;}

   #col-text {float:right; width:600px; padding-top:15px; line-height:1.7;}

      #content #slogan {
         display: block;
         position:relative; 
         width:356px; 
         height:33px; 
         overflow:hidden; 
         margin:0; 
         padding:0; 
         font-size:180%;
         background: transparent;
      }
      #content #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; 
                            background:url("images/slogan.png") 0 0 no-repeat;}
      #content #btns {margin-top:25px; margin-bottom:0;}
         #content #col-text #btns a {
            float: left; 
            display: block;
            width: 125px;
            height: 29px;
            line-height: 29px;
            margin-right: 4px;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
         }
         #content #col-text #btns a:hover {text-decoration: none;}

         #content #col-text #btns a.button-primary {
            background: transparent url(images/btn-tell.gif) no-repeat 0 0;
            color: #FFF;
         }
         #content #col-text #btns a.button-secondary {background: transparent url(images/btn-purchase.gif) no-repeat 0 0;}


#cols2-top {width:940px; height:5px; margin-top:15px; background:url("images/cols/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:940px; height:5px; margin-bottom:15px; background:url("images/cols/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("images/cols/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:20px;}
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("images/dot.gif") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("images/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:190px;}
        #cols2 .col-right-text p {margin:0;}

#cols3-top {width:940px; height:5px; margin-top:15px; background:url("images/cols/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:940px; height:5px; margin-bottom:15px; background:url("images/cols/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("images/cols/cols3.gif") 0 0 repeat-y;}

    .col {float:left; width:308px; padding:0 1px; margin-right:15px;}
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("images/cols3-title.gif") 20px 40% no-repeat; font-size:120%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}
        

#col-top, #col-bottom, #col {background-color:#EEF8E4;}

#cols3 .col h3 {background-color:#EEF8E4; color:#090;}
#cols3 .col h3 a {color:#090;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#EEF8E4;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#090;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#090;}
#cols2 #col-left a:hover.article {color:#000;}

#cols2 #col-right {background-color:#EEF8E4;}
#cols2 #col-right h4 span {background-color:#EEF8E4;}


#content .section .article-content h2 
#content .section .article-content h3 
{
   color:#263226;
   font-size:16px;
   height: 40px;
   display: block;
}

.serpentino-e-graniti
{
   font-style: normal;
   font-weight: normal;
}

.serpentino
{
   font-style: italic;
   font-weight: normal;
}

.lettera-iniziale
{
   -x-system-font: none;
   color: #2A2A2A;
   float: left;
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 3.1em;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 0.75em;
   padding: 4px 5px 0px 0px;
}

.titolo-di-sezione-grosso {
color: #BE3C3C;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 20px 0 0;
padding-top:5px;
}

.titolo-di-sezione {
color: #BE3C3C;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0 20px 0 0;
padding-top:5px;
}

.sottotitolo-di-sezione {
color: #373737;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.didascalia-foto {
color: #263226;
font-weight: bold;
}

.content-link {
text-decoration:none;
}

.tabella
{
	width: 680px;
	/*background-color: #212021;*/
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	overflow: hidden;
	padding: 5px 10px;
}

.scheda-materiale
{
	width: 500px;
}

.scheda-materiale .descrizione
{
	color: black;
	font-family: tahoma;
	font-weight: bold;
}

.scheda-materiale .valore
{
	color: #263226;
	text-align: right;
	font-weight: bold;
}

.info-progetto
{
	display: block;
	float: left;
	width: 330px;
}

.info-progetto .oggetto
{
	color: black;
	font-family: tahoma;
	font-weight: bold;
	font-style: italic;
}

.info-progetto .valore
{
	color: #263226;
	font-weight: bold;
}

.scheda-tecnica
{
	display: block;
	float: right;
	width: 330px;
}

.scheda-tecnica .oggetto
{
	color: black;
	font-family: tahoma;
	font-weight: bold;
	font-style: italic;
}

.scheda-tecnica .descrizione
{
	color: black;
	font-family: tahoma;
	font-weight: bold;
}

.scheda-tecnica .valore
{
	color: #263226;
	font-weight: bold;
	text-decoration: underline;
}