body {
     margin: 0;
     padding: 0;
     font-family: Verdana, Arial;
     /* font-size: 10pt; */
}

body,
input,
select {
     background: #FFFFFF;
}

/* ------------------------------------------- */                
/* --------- content ------------------------- */
/* ------------------------------------------- */                

#content {
    width: 1000px;
    clear: both;
}

/* ------------------------------------------- */                
/* --------- top ----------------------------- */
/* ------------------------------------------- */                

#top {
    width: 1000px;
    height: 110px;
}

#topLogo {
    float: left;
    height: 70px;
}

#topBanner {
    float: left;
    padding: 6px 10px 0 40px;
}

#topText {
    float: right;
    padding: 30px;
}

#pageAdvisor #top
{
    height: 110px;
}

#pageFree #tabWSI,
#pageAdvisor #tabWSI
/*, #pageForum #tabAdvisor*/
{
	display: none;
}


/* ------------------------------------------- */                
/* --------- top form ------------------------ */
/* ------------------------------------------- */                

#top form  {
    margin: 0;
}

#top form img {
    margin: 0;
    padding: 0;
}

#top form p {
    clear: left;
    margin: 0;
    padding: 1px 0 0 0;
}

#top form p label {
    float: left;
    white-space: nowrap;
    font: 12px Arial;
    color: #000000;
    font-weight: bold;
    width: 100px;
    white-space: nowrap;
    padding-top: 5px;
}

#top form input
{
   width: 100px;
   border: 2px solid #000000;
   padding: 0 2px 0 2px;
   margin: 1px;
}

#top form select
{
   width: 107px;
   border: 1px solid #A5B2CE;
   padding: 0;
   margin: 1px;
}

/*
#top form input:focus
{
   border: 2px solid #526994;
   margin: 0;
}
*/


/* ------------------------------------------- */                
/* --------- tabMenuUpper -------------------- */
/* ------------------------------------------- */                

#tabMenuUpper 
{
    float: left;
    width: 1000px;
    background: #B5B2B5 url("/images/tabMenuBg.gif") repeat-x bottom;
    font-family: Verdana, Arial;
    font-size: 10pt;
}

#tabMenuUpper ul 
{
    list-style: none;
    margin: 0;
    /* padding: 6px 10px 0px 8px; */
    /* padding: 4px 2px 2px 2px; */
    padding: 4px 2px 0px 2px;
}

#tabMenuUpper li 
{
    float: left;
    padding-left: 5px;
    background: url("/images/tabMenuLeft.gif") no-repeat left top;
}

#tabMenuUpper a 
{
    display: block;
    padding: 3px 15px 2px 10px;
    background: url("/images/tabMenuRight.gif") no-repeat right top;
    font-weight: bold;
    text-decoration: none;
    color: rgb(0,0,0);
}


#tabMenuUpper a:hover 
{ 
    color: rgb(0,0,160);
}

#tabMenuUpper .toRightSide 
{
    float: right;
    top: 0;
    margin-top: 4px;
    margin-right: 6px;
    padding: 0;
    font-size: 12pt;
}

#tabMenuUpper .toMiddleSide 
{
    float: right;
    top: 0;
    margin-top: 8px;
    margin-right: 6px;
    padding: 0;
    display: none;
}

#tabMenuUpper .toLeftSide 
{
    float: left;
    margin-left: 2px;
    font-size: 12pt;
}

/* Personalizzazioni per tipologia di pagine (tab evidenziato, colore barra, ecc...) */

/* provvisorio, da togliere */
#tabMenuUpper #current 
{
    background-image: url("/images/tabMenuLeftOn.gif");
}

/* provvisorio, da togliere */
#tabMenuUpper #current a 
{
    background-image: url("/images/tabMenuRightOn.gif");
    padding-bottom: 3px;
    color: rgb(51, 51, 51);
}

/* qui decidiamo quale tab mettere in evidenza */
/* ------------------------------------------- */                

body#pageFree #tabFree,
body#pageAdvisor #tabAdvisor,
body#pageForum #tabForum,
body#pageBlog #tabFree,
body#pagePerformance #tabAdvisor,
body#pagePersonalAdvisor #tabAdvisor
{
    background-image: url("/images/tabMenuLeftOn.gif");
}

body#pageFree #tabFree a,
body#pageAdvisor #tabAdvisor a,
body#pageForum #tabForum a,
body#pageBlog #tabFree a,
body#pagePerformance #tabAdvisor a,
body#pagePersonalAdvisor #tabAdvisor a
{
    background-image: url("/images/tabMenuRightOn.gif");
    padding-bottom: 3px;
    color: rgb(51, 51, 51);
}

#pageFree .toMiddleSide 
{
    display: inline;
}

#pageFree .toRightSide 
{
    display: none;
}


/* Personalizzazioni per tab Performance */
/* ------------------------------------- */                

#tabMenuUpper #tabPerformance a,
body#pagePerformance #tabPerformance a {
    color: red;
    font-style: italic;
}

#tabMenuUpper #tabPerformance a:hover,
body#pagePerformance #tabPerformance a:hover {
    color: red;
}

#tabMenuUpper #tabPerformance a:hover { 
    color: rgb(0,0,160);
}


/* qui decidiamo se visualizzare il background in verde oppure in blu */
body#pageFree #tabMenuUpper, 
body#pageForum #tabMenuUpper, 
body#pageBlog #tabMenuUpper
{
    background: #7196B0 url("/images/tabMenuBg_85.gif") repeat-x bottom;
}

body#pageAdvisor #tabMenuUpper,
body#pagePersonalAdvisor #tabMenuUpper,
body#pagePerformance #tabMenuUpper,
body#pageAcquisti #tabMenuUpper,
body#pageProva #tabMenuUpper,
body#pageContatti #tabMenuUpper 
{
    background: #7196B0 url("/images/tabMenuBg_145.gif") repeat-x bottom;
}

/* ------------------------------------------- */
/* --------- tabMenuLower -------------------- */
/* ------------------------------------------- */

#tabMenuLower 
{
    width: 1000px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    clear: both;
    /*background-color: #F5F5F5;
    border-bottom: 1px solid #999999;*/
}

#tabMenuLower table.menuLower
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#tabMenuLower .menuLower tr
{
    line-height: 25px;
    background: #FFFFFF url("/images/tabMenuLowerBg.png") repeat-x bottom;
} 

#tabMenuLower .menuLower td.menuItem
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#tabMenuLower .menuLower td.menuSeparator
{
	width: 1px;
}


#tabMenuLower ul 
{
	text-align: center;
    list-style: none;
	list-style-position: outside;
    margin: 0;
    padding: 0;
    width: 1000px;
    line-height: 23px;
    background: #EFF0F0 url("/images/tabMenuLowerBg.png") repeat-x bottom;
}

#tabMenuLower li 
{
    display: inline;
    margin: 0px;
    /*border-right: 1px solid #999999;
    padding: 2px 4px 2px 4px;*/
}

#tabMenuLower .separator 
{
    margin-left: 20px;
    border-left: 1px solid #999999;
    padding-left: 4px;
}

#tabMenuLower li a 
{
    color: #000;
    text-decoration: none;
    padding: 0 15px;
    font-weight: normal;
    border: 0;
    border-right: 1px solid #AAAAAA;
}

#tabMenuLower li a.last
{
	border: 0;
}

#tabMenuLower .enhanced 
{
    font-weight: bold;
}

#tabMenuLower .enhanced a 
{
    font-weight: bold;
}

#tabMenuLower a:hover 
{
    color: rgb(0,0,0);
    text-decoration: underline;
}

#tabMenuLower #current 
{
    color: rgb(0,0,0);
      
}

#tabMenuLower #current a 
{
    color: rgb(0,0,0);
    font-weight: bold;
}

/* qui decidiamo quale tab mettere in evidenza */
/* ------------------------------------------- */                

body.pageTradingPortafogli #tabTradingPortafogli a,
body.pageTradingTrack #tabTradingTrack a,
body.pageTradingFuture #tabTradingFuture a,
body.pageTradingItalia #tabTradingItalia a,
body.pageTradingEuropa #tabTradingEuropa a,
body.pageTradingAmerica #tabTradingAmerica a,
body.pageTradingCommodities #tabTradingCommodities a,
body.pageCambi #tabCambi a,
body.pageDiarioTrading #tabDiarioTrading a,
body.pagePersonalAdvisor #tabPersonalAdvisor a,
body.pageNotizie #tabNotizie a,
body.pageQuotazioni #tabQuotazioni a,
body.pageBlog #tabBlog a,
body.pagePortafogliDelForum #tabPortafogliDelForum a,
body.pagePortafogli #tabPortafogli a,
body.pageMeglioDelForum #tabMeglioDelForum a,
body.pageContatti #tabContatti a,
body.pageUtente #tabUtente a,
body.pageAcquisti #tabAcquisti a,
body.pageProva #tabProva a,
body.pageRSSFeeds #tabRSSFeeds a
{
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

li#tabNotizie a
{
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* ------------------------------------------- */
/* --------- left ---------------------------- */
/* ------------------------------------------- */                

#leftColumn 
{
    float: left;
    margin: 0;
    padding: 0px;
    
    font-family: Verdana, Arial;
    font-size: 10pt;
    color: #00639C;

    position: absolute;
    width: 100px;
}

#leftColumn ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftColumn li
{
    padding: 1px;
}

#leftColumn a 
{
    font-weight: bold;
    text-decoration: none;
}

#leftColumn a:hover 
{
    color: #00639C;
    font-size: 10pt;
    text-decoration: underline;
}

#leftColumn a:link, #left a:visited
{
    color: #00639C;
    font-size: 10pt;
}    

#leftColumn .separator
{
    color: black;
    background-color: #E7EFF7;
    padding: 2px;
    font-weight: bold;
}

.search
{
    white-space: nowrap;
    font: 11px Verdana, Arial;
    color: #000000;
    font-weight: bold;
}

.keywordsList,
.keywordsList a
{
    white-space: nowrap;
    font: 11px Verdana, Arial;
    font-weight: bold;
    color: #00639C;
    text-decoration: underline;
}