/* Stili base (Font e titoli)*/
body 
{
    font: 76.1%/1.3em "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

h1, h2 {
    color: White;
    font: 1em/1.2 "Trebuchet MS", Verdana, Helvetica, sans-serif;
    margin: 0 0 0.5em;
}

h3, h4, h5, h6, .titolo2, .titolo3 {
    color: #206BA4;
    font: 1em/1.2 "Trebuchet MS", Verdana, Helvetica, sans-serif;
    margin: 0 0 0.5em;
}
h1 {
    font-size: 1.8em;
}
.titolo1 {
    color: #444444;
    font: 1em/1.2 "Trebuchet MS", Verdana, Helvetica, sans-serif;
    margin: 0 0 0.5em;
    font-size: 1.8em;
}
h2, .titolo2 {
    font-size: 1.5em;
}
h3, .titolo3 {
    font-size: 1.2em;
}

.smalltext
{
    font-size: 1.0em;
}

img
{
    border: 0px;    
}

/* Colori base */
.bkcolor1{background-color:#54A4DE;}
.bkcolor2{background-color:#BBD9EE;}
.bkcolor3{background-color:#EBF4FA;}
.bkcolor4{background-color:#206BA4;}
.bkcolor5{background-color:#FFAB35;}
.bkcolor6{background-color:#DDDDDD;} /* grigio chiaro */
.bkwhite{background-color:White;}

.brdcolor1{border-color:#54A4DE;}
.brdcolor2{border-color:#BBD9EE;}
.brdcolor3{border-color:#EBF4FA;}
.brdcolor4{border-color:#206BA4;}
.brdcolor5{border-color:#FFAB35;}
.brdcolor6{border-color:#DDDDDD;} /* grigio chiaro */
.brdwhite{border-color:White;} 

.color1{color:#54A4DE;}
.color2{color:#BBD9EE;}
.color3{color:#EBF4FA;}
.color4{color:#206BA4;}
.color5{color:#FFAB35;}
.color6{color:#DDDDDD;} /* grigio chiaro */
.colorwhite{color:White;} 

.brdsolid
{
    border-style:solid;
    border-width:1px;
}

.brddotted
{
    border-style:dotted;
    border-width:1px;
}

.layout0{margin:0px;padding:0px;}
.layout1{margin:15px;width:100%;}

/* Linee e barre orizzontali */

.hor_blue_bar
{
    background:url(../customize/gradient_1_4.jpg) repeat-x 0px 0px;
}

.hor_bar_1
{
    background-color:#54A4DE;
    color:White;
    /*width:100%;*/
    margin:5px;
    padding:5px;
}

.hor_green_line
{
    background-color: #C8EF8E;
}
.hor_white_line
{
    background-color: #ffffff;
}

.borderthin {
    border-style:solid;
    border-width:thin;
}

.bordermedium {
    border-style:solid;
    border-width:medium;
}



/* Header / Footer / ... */

.header_tabbutton
{
    background: url(../customize/tab_1_4.png) repeat-x 0px 5px;
    text-align: center;
    width: 147px;
    min-width: 147px;
    height: 29px;
    min-height: 29px;
}

.header_tabbutton a
{
    font-weight: bold;
    font-style: normal;
    color: #000000;
    text-decoration: none;
}
.footer
{
    text-align : center;
    vertical-align :middle;
    height:40px
}

.footer_par
{
    color: #222222;
}

/* Tabelle e aree particolari ( es. errore, etc...)*/

table.forlayout /* classe per tabelle usata per  posizionamento di elementi*/
{
    border-collapse: collapse;
    border:0px solid black;
    padding:0px;
    margin:0px;
}

.box_error
{
    background-color: #FFBD54;
    color:Black;
    font-size:1.2em;
    border: thin dashed #FF0000;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    margin:10px
}

.box_message
{
    background-color: #BBD9EE;
    color: #206BA4;
    border: thin dashed #54A4DE;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.expander /*classe usata da Jquery per marcare i bottoni di espansione*/
{
    font-style:italic;
    text-decoration:underline;
}

.box_expandable
{
    overflow:auto; 
    border:1px solid gray;
    font-size:smaller;
}

/* Tabelle dati */
table.fordata 
{
    border-collapse: collapse;
    border:1px solid #206BA4;
    padding:0px;
    margin:0px;
}
table.fordata th
{
    background-color:#EBF4FA;
    color:#206BA4;
    
    border:1px solid #206BA4;
    
    font-weight:bold;
    padding:5px;
    margin:0px;
    vertical-align:middle;
    text-align:center;
}


table.fordata caption
{
    background-color:#54A4DE;
    color:White;    
    
    border:1px solid #54A4DE;
    
    font-size:130%;
    font-weight:bold;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}
table.fordata td
{
    border:1px solid #206BA4;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}

/* Tabelle dati flusso */

table.fordataFlow 
{
    border-collapse: collapse;
    border:1px solid Green;
    padding:0px;
    margin:0px;
}
table.fordataFlow th
{
    background-color:#EBF4FA;
    color:Green;
    
    border:1px solid Green;
    
    font-weight:bold;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}


table.fordataFlow caption
{
    background-color:Green;
    color:White;    
    
    border:1px solid Green;
    
    font-size:130%;
    font-weight:bold;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}
table.fordataFlow td
{
    border:1px solid Green;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}



/* Form */
  
.formDati
{
    border:0 px solid #206BA4;
    padding:5px;
}

.formDati th
{
    padding: 0px 5px 0px 5px;
    margin: 0px  0px 0px 0px;
    text-align: left;
    vertical-align: middle;
    height: 20px;
    color: #206BA4;
    font-weight: bold;
    position: static;
    background-color:#EBF4FA
}

.formDati td
{
	padding: 0px;
	margin: 0px;	
	vertical-align: middle;
}
 
 .formDati caption
{
    background-color:#54A4DE;
    color:White;    
    
    border:1px solid #54A4DE;
    
    font-size:130%;
    font-weight:bold;
    padding:5px;
    margin:0px;
    vertical-align:middle;
}
 /*TODO : Da eliminare e sostituire con i th nelle form */
.formLabel 
{
    padding: 0px 5px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    height: 20px;
    color: #206BA4;
    font-weight: bold;
    position: static;
}

.formText, .formTextAutoHeight
{
	padding: 0px;
	margin: 0px;
	/*border: 1px solid #54A4DE;*/
	text-align: left;
	vertical-align: top;
}

.rtfText /* stile per box rtf di altezza fissa */
{
	border: 1px solid #206BA4;
	height: 300px;
}

.rtfTextfull /* stile per box rtf a piena altezza*/
{
	border: 1px solid #206BA4;
	
}

.formText
{
	/*width: 180px;*/
	height: 20px;
}

.formTextAutoHeight
{
	text-align:justify;
}

.formNoData
{
	text-align:center;
	color: #BBD9EE;
    font-style:italic;
}


/* Menu e navigazione */
#menu 
{
    /*background-color:#EBF4FA;*/
    border:medium solid #54A4DE;
    width:98%;
    overflow:hidden;
    margin: 0;
    padding: 0;
    font: 100% 'Lucida Sans Unicode' , 'Bitstream Vera Sans' , 'Trebuchet Unicode MS' , 'Lucida Grande' , Verdana, Helvetica, sans-serif;
}
#menu table
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0px;
    width: 100%;
}
#menu td
{
    font: 100% 'Lucida Sans Unicode' , 'Bitstream Vera Sans' , 'Trebuchet Unicode MS' , 'Lucida Grande' , Verdana, Helvetica, sans-serif;
    margin: 0;
    vertical-align:top;
}
#menu a
{
    /*background: #C0C0C0;*/
    /*border-bottom: 1px solid #393939;*/
    color: #206BA4;
    display: block;
    margin: 0;
    padding: 0px 10px;
    text-decoration: none;
}
#menu a:hover
{
    background: #FFAB35 url('../images/menuselected.png') no-repeat left center;
    color: #206BA4;
    padding-bottom: 0px;
}

/* Menu e navigazione */

.home_box
{
    padding: 0px;
    margin:0px;
    display:inline-block;
}

.home_box table
{
    width: 400px; 
}

.home_box table thead th
{
    background-position: left bottom; 
    background-image: url('../images/home_box_top.gif'); 
    background-repeat: no-repeat; 
    height: 70px;
    color: #206BA4;
    font: 12pt "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.home_box table thead th div
{
    padding:35px 0 0 0 ;
}

.home_box table thead th img
{
    float:right;
    margin-bottom:2px;
    margin-right:20px;
}

.home_box table tbody td
{
    background-position: left top; 
    background-image: url('../images/home_box_middle.gif'); 
    background-repeat: repeat-y; 
    padding:0 20px 0 20px;
}

.home_box table tfoot td
{
    background-position: left top; 
    background-image: url('../images/home_box_bottom.gif'); 
    background-repeat: no-repeat; 
    height: 27px;
}

.home_box_sepchar
{
    /* stile del carattere di separazione dei link */
}

.home_box a:visited, a:link
{
    color: #206BA4;
}

.home_box a:hover
{
    background-color: #FFAB35;
}


/* Menu e navigazione */

.devbutton
{
   background-color:#BBD9EE;
   border-style:solid;
   border-color:#206BA4;
   border-width:1px;
   height:30px;
   text-decoration:none;
}

.devbuttonbig
{
   background-color:#BBD9EE;
   border-style:solid;
   border-color:#206BA4;
   border-width:1px;
   height:60px;
   text-decoration:none;
}

a.button
{
   background-color:#BBD9EE;
   border-style:solid;
   border-color:#206BA4;
   border-width:1px;
   height:30px;
   text-decoration:none;
}

a.button img
{
    margin:3px 0 0 0;
}

a.button:hover
{
   background-color:#54A4DE;
   border-style:solid;
   border-color:#206BA4;
   border-width:1px;
}

input.button
{
    height: 30px; 
	background-color:#54A4DE;
	border:0px solid ;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: white;
}


/* Gestione sezioni con TREE e contenuto */

div#ContenutoTreeLink
{
    width:80%; 
    float:right;
    position:relative;

    border-color:#54A4DE; 
    border-style: solid; 
    border-width: 1px;
    
    min-height:300px;
}

div#ContenutoTreeLinkSenzaBordi
{
    width:80%; 
    float:right;
    position:relative;    
}

div#TreeLink
{
    width:19%; 
    float:left;
    position:relative;
    text-align:left;   

    border-color:#54A4DE; 
    border-style: solid; 
    border-width: 1px;
    
    min-height:300px;
    
    padding-left: -10px;
    margin:0px;
}

div#TreeLink UL
{
    margin:0px;
    list-style-type: none;
    padding-left: 0px;
}
div#TreeLink UL LI
{
    padding-top: 4px;
    padding-left: 10px;
    margin-left:0px;
}

div#TreeLink a
{
    color: #206BA4;
    display:inline;
    margin: 0;   
    text-decoration: none;
}
div#TreeLink a:hover
{ 
	padding-left: 10px;
    background: #FFAB35 url('../images/menuselected.png') no-repeat left center;
    color: #206BA4;
}