/*********************   SOCIALCASA      ******************/
html,body{	margin:0; padding: 0; font-family: Arial; font-size: small; color: #333333; }
div#outPageStart
{
	width: 195px;
	margin: 0 auto;
}

div.com { font-weight: bold; padding-left: 5px; }
span.titolo { font-weight: bold; }
.tdContent {} /* width per la drop down list*/

div.cosa { margin: 15px 0px 0px 15px; }
div.dove { margin: 15px 0px 0px 15px; }
div.esegui { margin: 15px 0px 0px 15px; }
div.comsoonTit { margin: 10px 0px 0px 15px; font-size: 16px; font-weight: bold; }
div.comsoon { margin: 15px 0px 20px 15px; cursor: pointer; }

.btContainer{width: 65px; text-align:center;  background: url(../images/sfondobut.JPG) 0 0 repeat-x; line-height: 20px; }
.bl {background: url(../images/sfondobutbl.jpg) 0 100% no-repeat; width: 100%;}
.br {background: url(../images/sfondobutbr.jpg) 100% 100% no-repeat}
.tl {background: url(../images/sfondobuttl.jpg) 0 0 no-repeat}
.tr {background: url(../images/sfondobuttr.jpg) 100% 0 no-repeat; padding:1px 2px 3px 2px;}
.bl:hover {background: url(../images/bl.gif) 0 100% no-repeat #999999; width: 100%;}
.br:hover {background: url(../images/br.gif) 100% 100% no-repeat}
.tl:hover {background: url(../images/tl.gif) 0 0 no-repeat}
.tr:hover {background: url(../images/tr.gif) 100% 0 no-repeat; padding:1px 2px 3px 2px;}
div.tr a { text-decoration: none; white-space:nowrap; color: White; font-size: small; }
div.tr a:hover { text-decoration: none; }
.clear {font-size: 1px; height: 1px} 
a {cursor: pointer;}


/*div#content{ width:700px; margin: 0 auto; padding: 0;}*/
/* Tabella header grigio*/
div.tabGray {width: 100%; }
div.tabGray div.thg { margin-top: 15px; font-size: small; font-weight: 600;text-decoration: none; color: white; background:  url(../images/sfondobg.JPG) 0 0 repeat-x; text-indent: 15px; line-height: 26px; height: 26px; }
div.tabGray div.thg div.tlg {background: url(../images/sfondobgtl.jpg) 0 0 no-repeat; height: 26px;}
div.tabGray div.thg div.tlg div.trg {background: url(../images/sfondobgtr.jpg) 100% 0 no-repeat; padding:1px 2px 0px 2px; height: 26px;}

/* Tabella header blue*/
div.tabBlue {width: 100%; }
div.tabBlue div.thg { margin-top: 10px; font-size: small; font-weight: 600;text-decoration: none; color: white; background:  url(../images/sfondobb.JPG) 0 0 repeat-x; text-indent: 15px; line-height: 26px; height: 26px; }
div.tabBlue div.thg div.tlg {background: url(../images/sfondobbtl.jpg) 0 0 no-repeat; height: 26px;}
div.tabBlue div.thg div.tlg div.trg {background: url(../images/sfondobbtr.jpg) 100% 0 no-repeat; padding:1px 2px 0px 2px; height: 26px;}

/* Tabella header marrone*/
div.tabBrown {width: 100%;}
div.tabBrown div.thg { margin-top: 5px; font-size: 15px; font-weight: 600;text-decoration: none; color: white; background:  url(../images/sfondobr.JPG) 0 0 repeat-x; text-indent: 15px; line-height: 26px; }
div.tabBrown div.thg div.tlg {background: url(../images/sfondobrtl.jpg) 0 0 no-repeat}
div.tabBrown div.thg div.tlg div.trg {background: url(../images/sfondobrtr.jpg) 100% 0 no-repeat; padding:1px 2px 0px 2px;}

/* Body e Fondo sempre uguali */
div.tbg {background-color: #ededed; width: 100%; }
div.blg {background: url(../images/blw.jpg) 0 100% no-repeat #dedede; width: 100%; height:35px;}
div.brg {background: url(../images/brw.jpg) 100% 100% no-repeat; height:35px;}
div.clear {font-size: 1px; height: 1px} 

/* ---------------------------------- Modulo per Tabella 
	
		<div class="tabGray"> <%--tabGray per header grigio--%> <%--tabBrown per header marrone--%>
        <div class="thg">
        <div class="tlg"><div class="trg">
        <%--Titolo--%>

        </div></div><div class="clear"></div></div></div>
        <div class="tbg">
        <%--Contenuto centrale--%>

        </div>
        <div class="blg"><div class="brg">
        <%--Riga in Fondo--%>

        </div></div><div class="clear"></div>


----------------------------------- */