/* 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;
text-align: left;
color: DarkSlateGray;
line-height: 18px;
}


select, textarea 
{
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: left;
color: DarkSlateGray;
}

.button
{
 font-size: 12px;
 font-family: "trebuchet ms", helvetica, sans-serif;
 color: Slateblue;
 background-color: white;
 margin-left: 6px;
 border: 1px solid #FF7500;
 cursor : hand;
}

input
{
 font-size: 12px;
 font-family: "trebuchet ms", helvetica, sans-serif;
 background-color: white;
 border: 1px solid #666666;
}

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

li
{
 margin-left: 20px ;
}

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

.tr_bg
{
 background-color: Gainsboro;
}

.tr_bg_w
{
 background-color: Lavender;
}


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

div#container
{
width: 100%;
margin: 0 auto;
text-align: left;
background: white url('images/a1.gif') repeat-x;
}



div#navigation
{
}


div#content
{
margin-left: 50px ;
margin-right: 50px;
padding: 1em;
background-color: white;
text-align: left;
#border-top : 1px solid LightGrey ;
border-bottom : 1px solid LightGrey ;
border-right : 1px solid LightGrey ;
border-left : 1px solid LightGrey ;
}


div#footer
{
width: 98%;
clear: both; 
padding: 1%;
text-align:center;
background-color: #fff;
}
    
    
/* Stili generici */
a:link {color: Darkorange }
a:visited {color: gray}
a:hover {color: Darkorange;text-decoration:underline;}
a:activelink { color: coral}


h1 
{
font-family: arial, verdana, sans-serif;
text-align: left;
color: #FF7500;
font-size: 18px; 
}

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

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



/* SottoStili generici */

.scheda 
{
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 solid;
border-right: #bbbbbb 1px solid;
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;
}

/* Stili generici */
.hd:link {color: gray }
.hd:hover {color: black;text-decoration:underline;}
.hd:visited {color: black }
.hd:activelink { color: black}

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


/* 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;}

.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;

}