html{
	height:90%;/*se metto 100% in ie compare barra verticale di scorrimento in frame main*/
	/*overflow-x:hidden;*/
}

body{
	font-family: Tahoma, Arial,  Verdana;
  	font-size: 11px;
  	color: #000000; 
	background-color: #F9F6F0;
	
	height:90%;/*se metto 100% in ie compare barra verticale di scorrimento in frame main*/
	/*overflow-x:hidden;*/
	margin:0px;
	margin-right:30px;/*per barra di scroll verticale*/
}

a:active,a:link,a:visited {
	color: #000000; 
	text-decoration:none;
}  
a:hover {
	color: #000000; 
	text-decoration:underline;
}

td { 
	font-family: Tahoma, Arial,  Verdana;
	font-size: 11px;
	color: #000000; 
    cursor:default;
}

th { 
	font-family: Tahoma, Arial,  Verdana;
	font-size: 11px;
	color: #000000; 
    cursor:default;
	text-align:left;
	font-weight:normal;
}

div { 
	font-family: Tahoma, Arial,  Verdana;
	font-size: 11px;
	color: #000000; 
    cursor:default;
}

hr {
	width:100%;
	color:#CCCCCC;
	height:1px;
	margin-top:12px;
}

fieldset {
	width:100%;
}
legend {
	font-family: Tahoma, Arial,  Verdana;
	font-size: 12px;
	color:#000000;
	font-weight:bold;
	padding:5px;
}

/*Per i mouseover e out su TR e IMG di archivio foto----------------------------------------------------------------------------
usati in archivio foto dove ho thumbnail delle foto e quindi non ho tabelle e row selezionabili*/

/*.img {padding:2px; border:2px solid #FFFFFF; cursor:pointer;}*/
/*
.img {padding:2px; border:2px solid #F0F2ED; cursor:pointer;}
.outIMG {padding:2px; border:2px solid #F0F2ED;} 
.overIMG {padding:2px; border:2px solid #CBC7B8; cursor:pointer;} 
.selIMG {padding:2px; border:2px solid #316AC5; cursor:pointer;}
.clearselIMG {padding:2px; border:2px solid #F0F2ED;}
*/

/*Per i mouseover e out su DIV in modalità thumbnail----------------------------------------------------------------------------*/
div.sel {padding:2px; border:2px solid #F0F2ED; cursor:pointer;}
div.outDIV {padding:2px; border:2px solid #F0F2ED;} 
div.overDIV {padding:2px; border:2px solid #CBC7B8; cursor:pointer;} 
div.selDIV {padding:2px; border:2px solid #316AC5; cursor:pointer;}
div.clearselDIV {padding:2px; border:2px solid #F0F2ED;}
/*
sulle tabelle che voglio avere le row SEL devo mettere: id="selTableRow"  sulla tabella in questione
questo setta i border sui TD in automatico
*/
#selTableRow{
	table-layout:fixed;
	width:100%;
}

#selTableRow td {
	padding: 2px;
	border-bottom:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC;
	/*da IE6 hand diventa pointer: per compatibilità precedente mettere ASSOLUTAMENTE DOPO cursor:hand (per i vecchi IE) */
	cursor: pointer; 
}

.outTR td { background-color: #FFFFFF; } 
.overTR td { background-color: #FFFAEE;} 
.selTR td { background-color: #FFE4A0;}
.clearselTR td {background-color: #FFFFFF;}

/*Per le tabelle con table header fissa*/
div#container {
	height:400px;
	/*height: expression(document.body.offsetHeight - 150  +"px"); NON usare in STRICT va in errore IE*/
	width:100%;
	overflow: auto; /*triggers the scrolling in IE */
	overflow-x:hidden; /*adjust to lose bottom scroll bar*/
	float:left;
	border-bottom:2px solid #D6D2C2;
}

div#container table {
  width:100%;
  table-layout:fixed;
}

div#container table tbody {
	overflow: auto; /* Triggers the scrolling */
}

.tableheader{
	clear:both; /*importante*/
	margin-top:5px;
	table-layout:fixed; 
	width:100%;
}


/*usati per gli stati di pubblicazione nello scheduler---------------------------------------------------------------------------*/
.testorosso { 
	color: #870000;
	font-weight:bold;
}

.testoverde { 
  color: #33CC00;
  font-weight:bold;
}

.testogrigio { 
	color: #999999;
}

/*---------------------------------------------------------------------------------------------------------*/
.menuBar {
  background-image:  url(/cms/images/table_header.gif);
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 0px;
  border-left-color: #FFFFFF;
  border-left-width: 1px;
  border-right-color: #ACA899;
  border-right-width: 1px;
  cursor: default;
  height:20px;
  padding-left:2px;
  padding-right:1px;/*aggiunto per table header scroll in table separata per perfetto allineamento colonne*/
}

div.label{/* usato per i label a sinistra dei campi form*/
	width:100px;
	float :left;
	border-bottom: 1px #999 dotted;
    height:18px;
    padding: 3px 0px 0px 0px;
}


div.label2{/* usato a destra del label sopra per scritte che non sono in un form...altrimenti non sono allineati*/
    min-height:19px;/*deve essere un pixel in più di label perchè label ha border-bottom di 1px*/
    padding: 3px 0px 0px 0px;
}

/*
div.labelwin{
	font-family: Tahoma, Arial,  Verdana;
	
	width:100px;
	float:left;
	
	border-style: solid;
	border-width: 0px;
	border-left-color: #ffffff;
	border-left-width: 1px;
	border-right-color: #808080;
	border-right-width: 1px;
	border-top-color: #ffffff;
	border-top-width: 1px;
	border-bottom-color: #808080;
	border-bottom-width: 1px;
	cursor: default;
	background-color: buttonface; 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeeeee', EndColorStr='#CCCCCC');

    height:17px;
    padding: 2px 0px 0px 0px;
}
*/

div.box{
	border: 1px #CCCCCC solid;
	font-weight:bold;
    height:17px;
    padding: 2px 0px 0px 5px;
	background-color:#FFFAEE;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFAEE', EndColorStr='#FFE7AE');
}

div.box2{
	border: 1px #CCCCCC solid;
    height:17px;
    padding: 2px 0px 0px 5px;
}

/*per la error out in cms*/
div.errorout {
	width:100%;
	text-align:center;
}

div.errorout div.boxlogin {
	margin-top:150px;
}

div.errorout div.boxerror {
	width:90%;
	margin-top:20px;
	text-align:left;
	border:1px solid #999999;
}

div.errorout div.boxerror div.boxheader {
	width:100%;
	height:45px;
	padding:5px;
	font-size:30px;
	background-color:#ebe7e0;
}
div.errorout div.boxerror div.boxheader IMG {
	vertical-align:middle;
}

div.errorout div.boxerror div.boxbody {
	width:100%;
	padding:5px;
	font-size:14px;
	background-color:#ffffff;
}