/* Stili di template HTML.it*/
/*stili per il layout fisso*/


html,body{margin: 0;padding:0}

body 
{}

li,ol,ul,th,td,p 
{
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: DarkSlateGray;
text-align: left;
}


div#header
{
 width: 100%;
 padding: 0 auto;
 background-color: white;
}


div#container
{
width: 90%;
margin : 0 auto;
padding: 0 auto;
text-align: left;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
}



div#navigation
{
float:left;
width: 200px;
padding-left : 4px;
padding-right : 4px;
background-color: #fff;
border-right: #cccccc 1px solid;
}


div#content
{
margin-left: 220px;
padding-left : 14px;
padding-right : 14px;
padding-top : 0px;
background-color: #fff;
text-align: left;
}


div#footer
{
width: 100%;
clear: both; 
text-align:center;
background-color: #fff;
}
   

input.head 
{
 font-size: 10px;
 font-family: "trebuchet ms", helvetica, sans-serif;
 text-align: left;
 color: DarkSlateGray;
}

.radio {
border: 0;
}

input.button
{
 font-size: 11px;
 font-family: "trebuchet ms", helvetica, sans-serif;
 color: DarkSlateGray;
 background-color: white;
 margin-left: 4px;
 border-top:    1px solid #FF7500;
 border-bottom: 1px solid #FF7500;
 border-left:   1px solid #FF7500;
 border-right:  1px solid #FF7500;
 cursor : hand;
}


ul
{
 list-style-image: url('images/6x6.gif');
}

li
{
 margin-left: 20px ;
}

.th_bg
{
 background-image: url('images/bg_thead.gif')
}

.tr_bg
{
 background-color: Gainsboro;
}

.tr_bg_w
{
 background-color: Lavender;
}


    
/* Stili generici */
a:link {color: black }
a:hover {color: Darkorange;text-decoration:underline;}
a:visited {color: gray}

a.hd:link {color: white  }
a.hd:visited {color: white }
a.hd:hover {color: black;}

a.app:link { color: #abb; font-size: 10px; }
a.app:visited {color: #abb; font-size: 10px;}
a.app:hover {color: #abb; font-size: 10px;}


h1 
{
 font-family: "trebuchet ms", helvetica, sans-serif;
 font-size: 18px; 
 color: #acafaf;
 text-align: left;
}

h2 
{
 font-family: "trebuchet ms", helvetica, sans-serif;
 font-size: 16px; 
 color: #acafaf;
 text-align: left;
}

h3,h4 
{
 font-family: "trebuchet ms", helvetica, sans-serif;
 font-size: 12px; 
 color: #acafaf;
 text-align: left;
}



p 
{
margin-bottom:4px;
margin-top:4px;
}



/* SottoStili generici */

.scheda 
{
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: left;
color: DarkSlateGray;
width: auto;              
margin-top: 4px;
margin-left: 10%;
margin-right: 10%;
border-top: #999 1px dashed;
border-bottom: #999 1px dashed;
border-left: #bbbbbb 1px dashed;
border-right: #bbbbbb 1px dashed;
padding: 1%;
}

.scheda1 
{
color: DarkSlateGray;
width: auto;
border-top: #999 1px solid;
border-left: #bbbbbb 1px solid;
padding: 6%;
}

.scheda2 
{
width: auto;
border : navy 1px solid;
margin : 4px;
padding: 1%;
}

.box 
{
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
border-top: #999 1px dashed;
border-bottom: #999 1px dashed;
}

.help 
{
width: 300px;              
margin-left: 6px;
margin-right: 6px;
padding-left: 6px;
padding-right: 6px;
border-top: #999 1px dashed;
border-bottom: #999 1px dashed;
}

.boxnav 
{
}

.titnav {
color:#acafaf;
text-align: center;
border-bottom: #008584 1px dashed;
}

/* ToolTip */

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color: Darkorange;
    text-decoration:underline}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border: Darkorange solid 1px  ;
    background-color:#fff;
    color:DarkSlateGray;
    text-align: left;
    padding-left:4px;
    padding-right:4px;
    text-decoration:none;
    }


.pc {text-align: center;}
.pd {text-align: right;}
.ps {text-align: left;}
.message {margin-left:20em;margin-right:20em;text-align: left;}
.tab {margin-left:2em;margin-right:2em;text-align: left;}
.titolo {font-size: 15px; font-weight:bold;}
.pcb {text-align: center;color: white}

.tit_head {
text-decoration:none;
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: left;
color: Gray;
line-height: 18px;
margin-left:50px;
margin-bottom:0px;
margin-top:0px;

}