body {
  background-color: #FFFFFF;
  margin: 1px;
  margin-top: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: lighter;
}
form {
  font-weight: lighter;
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif
}

.footer 
{
	font-family: Tahoma, Verdana;
	font-size: 12px;
}

input 
{
  /*
  border-right: #444444 1px solid;
  border-top: #444444 1px solid;
  border-left: #444444 1px solid;
  border-bottom: #444444 1px solid;
  */
  font-weight: lighter;
  font-size: 10px;
  color: #444444;
  font-family: verdana, arial, helvetica, sans-serif
}
textarea {
  border-right: #444444 1px solid;
  border-top: #444444 1px solid;
  font-weight: lighter;
  font-size: 10px;
  border-left: #444444 1px solid;
  color: #444444;
  border-bottom: #444444 1px solid;
  font-family: verdana, arial, helvetica, sans-serif
}
select {
  border-right: #444444 1px solid;
  border-top: #444444 1px solid;
  font-weight: lighter;
  font-size: 10px;
  border-left: #444444 1px solid;
  color: #444444;
  border-bottom: #444444 1px solid;
  font-family: verdana, arial, helvetica, sans-serif
}
p,td,div {
  /*font-weight: lighter;*/
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
}
a {
  font-weight: lighter;
  font-size: 10px;
  cursor: hand;
  color: #444444;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}

label {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			color: Blue;
			font-weight: bold;
}

fieldset {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			color: Black;
			font-weight: lighter;
}

legend {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			color: Blue;
			font-weight: lighter;
}



a:hover {color: #336699}
hr {
  color: #C0C0C0;
  background-color: #C0C0C0;
  height: 1px;
  border: solid 0px;
}

/*HEADER*/
.tblheader {
  width: 612px;
  border: solid 1px #C0C0C0;
}
.tdtblheader {
  font-size: 12pt;
  font-weight: bold;
  color: Black;
  line-height: 40px;
  padding-left: 20px;
}
a.headerlinks {
  font-weight: bold;
  font-size: 10px;
  cursor: hand;
  color: Black;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}
a.headerlinks:hover {color: Red}
a.headerlinkssel {
  font-weight: bold;
  font-size: 10px;
  cursor: hand;
  color: Red;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}
a.headerlinkssel:hover {color: Red}
a.footerlinks {
  font-weight: lighter;
  font-size: 11px;
  cursor: hand;
  color: Black;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}
a.footerlinks:hover {color: Red}
a.footerlinksbold {
  font-weight: bold;
  font-size: 11px;
  cursor: hand;
  color: Black;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}
a.footerlinksbold:hover {color: Red}

/*BODY*/
.tblbody {
  width: 710px;
  border: solid 1px #C0C0C0;
}
.thtblbody {
  font-size: 7pt;
  background-color: #F0F0F0;
  padding-left: 6px;
  height: 20px;
  line-height: 20px;
}

.rbCC {
			border-style: none;
			border-color: #FFFFFF;
}

.thtTitle {
  background-color: #006077;
  padding-left: 6px;
  height: 20px;
  line-height: 20px;
	color: #F4F4F4;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	border: 1;
	border-color: #005366; 
}

.fontTitle {
 	font-family: Tahoma, Verdana, arial;
	font-size: 12px;
	font-weight: bold; 
}

.tdlefttblbody {border-top: solid 1px #C0C0C0;}
.tdrighttblbody {text-align: right; border-top: solid 1px #C0C0C0; border-left: solid 1px #C0C0C0;}
.tblbodytitle {
  font-size: 12pt;
  font-weight: bold;
  color: Black;
}
.tblbodysearch {
  font-size: 8pt;
  color: red;
}
.separator {
  color: Red;       /* IE6 vs. FX patch! */
  width: 320px;
  height: 1px;
  line-height: 4px;
  text-align: left;
  border: solid 0px Red;
}


/*FORM*/
.inputreadonly {background-color: #DEDEDE;}


.noborder {
  border: none;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10pt;
 }
 
 
form.noborder {
  border: none;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10pt;
	color: blue;
}

form.div {
border: none;}




.tdformleft {
  text-align: right;
  padding-right: 20px;
}
.iframe {background-color: #FEFEFE; border: 1px #A7BACD solid; text-align: left;}
a.formpages {
  font-weight: lighter;
  font-size: 12px;
  cursor: hand;
  color: #444444;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none
}
a.formpages:hover {color: #336699}

/*RESULT*/
.tdgray {background-color: #F0F0F0;}
.tableresult {border: solid 1px #C0C0C0;}
.row1 {background-color: #EFEFEF;}
.row2 {background-color: #DEE3E7;}
.recordlistover {background-color: #FFFFFF; cursor: hand;}
.status1 {background-color: #FF1D28;}
.status3 {background-color: #17B917;}
.status2 {background-color: #FFF644;}
.category {font-weight: bold; font-size: 14px; color: #C9BF00;}

/*TABLES*/
.errortable {border: 0px  background-color: #FFFFFF; font-weight: lighter; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #CC0000}
.oktable {border: 0px dotted #009900; background-color: #FFFFFF;}
.alerttable {border: 0px dotted #ECE440; background-color: #FFFFFF;}
.searchtable {border: 1px solid #637781; background-color: #FFFA9B;}

/*GALLERY*/
.gallerytable {border: 1px solid #637781; background-color: #F0F0F0;}
.galleryphoto {border: 1px solid #637781;}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
/*color: #0000ff;*/
color: none;
}

.shadetabs li a:hover{
text-decoration: none;
color: #ee8800;
}

.shadetabs li.selected{
position: relative;
top: 1px;

}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
margin-bottom: 0;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}

.tab-menu-class {
  background: #E8F0ED;
  padding: 4px;
  width: 85%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}
.tab-menu-class ul {
  padding: 3px 0;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 0;
  font: bold 12px Verdana;
  list-style-type: none;
  text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.tab-menu-class li {
  display: inline;
  margin: 0;
}
.tab-menu-class li a {
  text-decoration: none;
  padding: 3px 7px;
  margin-right: 3px;
  border: 1px solid #778;
  color: #2d2b2b;
  background: white url(shade.gif) top left repeat-x;
}
.tab-menu-class li a:visited {
  color: #2d2b2b;
}
.tab-menu-class li a:hover {
  text-decoration: underline;
  color: #2d2b2b;
}
.tab-menu-class li a.tab-attivo {
  position: relative;
  top: 1px;
}
.tab-menu-class li a.tab-attivo {
  /*selected main tab style */
background-image: url(shade.gif);
  border-bottom-color: white;
}
.tab-menu-class li a.tab-attivo:hover {
  /*selected main tab style */
text-decoration: none;
}
div#tab-contenuto {
  border: 2px #888 solid;
  background-color: #FFF;
  padding: 8px;
  display: block;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 4px;
}
/* includere sempre questa classe se si usano contenuti interni alla pagina con il tab */
.contenutoNascosto {
  display: none;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url('./images/loading.gif') no-repeat 0 50%;
}

.basictab {
	padding: 3px 0;
	margin-left: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.basictab li {
	display: inline;
	margin: 0;
}
.basictab li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #f6ffd5;
	color: #2d2b2b;
}
.basictab li a:visited {
	color: #2d2b2b;
}
.basictab li a:hover {
	background-color: #DBFF6C;
	color: black;
}
.basictab li a:active {
	color: black;
}
.basictab li.selected a {
	/*selected tab effect*/
position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #DBFF6C;
	color: black;
}

/*** Classi aggiunte per gestire il plugin jquery.tabs.js ***/
.tabs-hide {
	display: none;
}
#container-1 {
	border: thin #808080 inset;
	padding: 8pt;
}