@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700);

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #000000;
    margin: 0;
}

a img {
    border: 0;
}

#wrapper {
    max-width: 560px;
}

td {
    vertical-align: middle !important;
}

.gwt-Button {
    color: inherit !important;
}

#scheda {
    font-size: 14px;
    color: #46586C;
    
    overflow: hidden;
}

.header {
    width: 100%;
    font-weight: normal;
/*    font-family: 'Ubuntu'; */
    font-size: 18px;
    color: #000000;
	
    /* background: #b7b7b7; */
    margin-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.separator
{
    border-right: 1px solid #c4c8c9;

}

#Chart_A1, #Chart_A2, #Chart_C1 {

}

#titolo {
   padding-left:10px;
   width: 100px;
   clear: both;
}

.gwt-RadioButton {
    color: #000000;
}

#Ticker1, #LastUpdate2, #LastUpdate3, #LastUpdate4 {
    
}

#Label1 {

	margin-top: 10px;
	font-size:14px;
}

#LastUpdate1
{
	width: 100%
}
.LastUpdate1
{
	font-size:22px;
    padding-top:10px;
	padding-left: 58px;
	font-size: 14px;
	color: #666666;
	font-style: italic;
}

.gwt-Label {
    margin-right: 3px;
}


#SerieSelectorBT1 .serOn {
    display: none;
}

#SerieSelector1, #SerieSelector2 {
    margin-top: 20px;
    clear: both;
}

#SerieSelector1 table, #SerieSelector2 table {
    float: right;
    margin-bottom: 30px;
}

#Indicators1, #ChartTypeSetting1, #StockCompareSelector1 {
    
}


#SerieSelector3 {
    
}

#scheda-inner, #interattivo-inner, #calcolatori-inner, #storico-inner {
   /* padding: 10px; */
}

.Quantity, .Buy_Date, .Dividend_Reinvestment, .calcolatore-input, .calcolatore-command, .CalcResultLabel, .CalcResultValue, .calcolatore-inputcontainer {
    float: left;
}

.calcolatore-inputcontainer {
    position: relative;
    left: 110px;
    bottom: 10px;
}

.QuantityValue .gwt-TextBox, .Buy_DateValue .gwt-DateBox {
    width: 106px;
    margin-right: 50px;
}

.Dividend_Reinvestment {
    margin-right: 50px;
}

.calcolatore-command {
    margin-top: 10px;
}

.CalcResultLabel, .CalcResultValue {
    padding: 5px;
    border-top: 1px solid #B3B3B3;
    width: 388px;
}

.CalcResultLabel {
    background: #FFFFFF;
}

.CalcResultValue {
    text-align: right;
	font-weight: bold;
}

.CalcResultRowEven {
    background: #FFFFFF;
}

.calcolatore-resultcontainer {
    clear: both;
    width: 800px;
    background: #fff;
    position: relative;
    top: 5px;
    margin-left: 0px;
    overflow: auto;
}

.calcolatore-topresult {
    color: #000000;
    padding: 3px 0;
}

.CalcResultRowOdd, .CalcResultRowEven {
    clear: both;
    float: left;
}

.tool {
    margin-left: 20px;
}

#StockInfo1 table, #StockInfo2 table, #StockInfo3 table {
    width: 100%;
}


.IndicatorSetting1 td, .IndicatorSetting2 td, .IndicatorSetting3 td {
    padding: 1px 0;
}

.background {
    background: #ffffff;
    width: 795px;
    padding: 5px;
    overflow: auto;
	border: 1px solid #b3b3b3;
}

.label-periodo {
    margin: 0 0 3px 5px;
}

#date-label {
    /*height: 40px;
    vertical-align: middle;*/
    margin-right: 20px;
	margin-bottom: 13px;
}

#date-label strong {
    margin-top: 18px;
    float: left;
}

.DateRage1 table td {
    vertical-align: middle !important;
    padding: 0 3px;
}

.DateRage1 .gwt-Button {
    width: 80px;
    height: 20px;
    color: #2f5fc5;
    border: 0;
    padding: 0;
    background: #f3f3f3;
    font-size: 14px;
}
.calcolatore-command{
    width: 30px;
    height: 20px;
    color: #2f5fc5;
    border: 0;
    padding: 0;
    background: #f3f3f3;
    font-size: 14px;
}
.exp-1 a {
    width: 100px;
    height: 17px;
    padding-bottom: 6px;
    padding-top: 1px;
 /*   padding-left:29px; */
    background: #2f5fc5;
    margin-left: 17px;
    margin-top: 20px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

.stockexportanchor:over
{
  background-color : #ff0000;
  }
.stockexportanchor
{
    margin-top: 20px;
    display: block;
    color: #000000;
    text-decoration: none;
}

.calc 
{
    
}

.calc input.gwt-DateBox, .calc input.gwt-TextBox {
    width: 100px;
}

.result {
    float: left;
}

.result td {
    width: 100px;
}

.result div {
    width: 100px;
    padding: 5px 3px;
}

.IndicatorSetting1 .gwt-TextBox {
    height: 15px;
    width: 20px;
    margin-left: 5px;
}

.IndicatorSetting1 table td table {
    margin-right: 19px;
}

.ChartTypeSetting_label, .IndicatorSetting_label, .StockCompareSelector_label {
    display: none;
}

#PriceGrid1 {
    clear: both;
}

#PriceGrid1 table {
    margin: auto;
}


table.PriceGrid1 {
    width: 800px;
}

.PriceGrid1 .cellTableEvenRow td {

}

.PriceGrid1 thead tr {
  /*  background: #FFFFFF;*/
}

.PriceGrid1 th {
    text-align: center !important;
    padding: 3px;
    font-weight: normal !important;
	border-bottom: 2px solid #999999 !important;
	border-top: 2px solid #999999 !important;
	height: 25px;
	
}

.PriceGrid1 td,  .PriceGrid1 .cellTableFirstColumn {
    text-align: center !important;
    padding: 3px;
    font-weight: normal !important;
	border-bottom: 1px solid #999999;
	height: 25px;
	
}

#realtime {
    margin-bottom: 10px;
}

.tablecontainer {
    width: 180px;
    float: left;
    overflow: hidden;
}

.label-storico, .label-calc, .label-chart {
    color: #000000;
	padding-top: 10px;
	font-weight: bold;
    margin: 3px 0;
}

.label-intro {
    margin-bottom: 10px;
}



#StockInfo1 td,  #StockInfo1 th, #StockInfo2 td,  #StockInfo2 th, #StockInfo3 td,  #StockInfo3 th {
    padding: 0 0 0 17px;
    border: 0;
}



table.StockInfo1 td,  table.StockInfo1 th, table.StockInfo2 td,  table.StockInfo2 th, table.StockInfo3 td,  table.StockInfo3 th {
    text-align: left;
    padding: 5px 0;


}
#StockInfo1, #StockInfo2, #StockInfo3 {
    /* color: #ffffff; */
	
    /* background: #b7b7b7 !important; */

    width: 167px;
}
/*classe generica per th*/
.cellTableHeader {
    text-shadow: none !important;
    border: none !important;
    font-weight: bold !important;
}

/*prima colonna thead*/
.cellTableFirstColumnHeader {
    text-align: left !important;
}

/*ultima colonna thead*/
.cellTableFirstColumnHeader {
    
}

/*prima colonna tbody*/
.cellTableFirstColumn {
    text-align: left !important;
}

/*ultima colonna tbody*/
.cellTableLastColumn {
    
}
.StockInfo1 tr, .StockInfo2 tr, .StockInfo3 tr
{
    height: 25px;
	
    margin-left: 29px;
}
/*riga dispari*/
.cellTableEvenRow {
 /*   background: #fff !important; */
}


/*riga pari*/
.cellTableOddRow {
  /*  background: #fff !important; */
}

/*riga selected */
.cellTableKeyboardSelectedRow {
    color: inherit !important;
    background: none !important;
}

/*riga hover*/
.cellTableHoveredRow {
    color: inherit !important;
}

/*cella con percentuale negativa/positiva*/

.percneg div {
    color: red !important;
    background: url("./images/frecciagiu.png") no-repeat !important;
}
.percpos div {
    color: green !important;
    background: url("./images/frecciasu.png") no-repeat !important;
}

.perceq div 
{
    background: url("./images/perceq.png") no-repeat !important;
}


#StockInfo1 td.percneg div, #StockInfo1 td.percpos div, #StockInfo1 td.perceq div,
#StockInfo2 td.percneg div, #StockInfo2 td.percpos div, #StockInfo2 td.perceq div,
#StockInfo3 td.percneg div, #StockInfo3 td.percpos div, #StockInfo3 td.perceq div 
{
    padding-left: 17px !important;
}


/*stilizzazione calendario*/

.gwt-DateBox input {
    width: 8em;
}
.dateBoxFormatError {
    background: #ffcccc;
}
.dateBoxPopup {
}

.gwt-DatePicker {
    width: auto;
    border: 1px solid #ccc;
    border-top:1px solid #999;
    cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
    outline: none;
}
.datePickerDays {
    width: 100%;
    background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    font-size: 85%;
    text-align: center;
    padding: 4px;
    outline: none;
    font-weight:bold;
    color:#333;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    background: #fff;
    padding: 0px 4px 2px;
    cursor: default;
    color:#666;
    font-size:70%;
    font-weight:normal;
}
.datePickerDay {
    padding: 4px 7px;
    cursor: hand;
    cursor: pointer;
}
.datePickerDayIsWeekend {
    background: #f7f7f7;
}
.datePickerDayIsFiller {
    color: #999;
    font-weight:normal;
}
.datePickerDayIsValue {
    background: #d7dfe8;
}
.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}
.datePickerDayIsHighlighted {
    background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
    background: #d7dfe8;
}
.datePickerDayIsToday {
    padding: 3px;
    color: #fff;
    background: #3A6AAD;
}

.datePickerMonthSelector {
    width: 100%;
    padding: 1px 0 5px 0;
    background: #fff;
}
td.datePickerMonth {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 100%;
    font-weight: bold;
    color: #333;
}
.datePickerPreviousButton,
.datePickerNextButton {
    font-size: 120%;
    line-height: 1em;
    color: #3a6aad;
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 4px;
    outline: none;
}

/*menu*/

#tab-container {
    display:none;
}

#Tab1 {
display: none;
/*
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
*/    
    
}



.serOn {
    font-weight: bold;
}

.serOn, .serOff {
    padding: 3px 22px 3px;
    cursor: pointer;
    border-right: 1px solid #CCCCCC;
}

.ChartTypeSetting1label {
   display:none;
}


.ChartTypeContent span {
    padding: 0 10px;
    cursor: pointer;
    border-right: 1px solid #CCCCCC;
}

.DoraTab {
    
}

.tabOn, .tabOff {
    cursor: pointer;
    height: 29px;
    width: 196px;
    margin: 0 4px;
    text-align: center;
    padding-top: 11px;
	font-weight: bold;
	font-size: 14px;
}

.tabOn {
   /* background: url(images/tab-active-bg.png) 0 0 repeat-x #fff;*/
   background: #2f5fc5;
    color: #ffffff;

}

.tabOff:hover {
/*    background: url(images/tab-hover-bg.png) 0 1px repeat-x;
    color: #741F29;
*/
}

.tabOff {
    border: 1px solid #666666;
}

/*.tabSxOff {
    width: 3px;
    height: 27px;
    background: url(images/bg-tab-left.png) 0 0 no-repeat;
    margin-left: 3px;
}

.tabSxOn {
    width: 3px;
    height: 27px;
    background: url(images/bg-tab-left-on.png) 0 0 no-repeat;
    margin-left: 3px;
}

.tabDxOff {
    width: 3px;
    height: 27px;
    background: url(images/bg-tab-right.png) 0 0 no-repeat;
}

.tabDxOn {
    width: 3px;
    height: 27px;
    background: url(images/bg-tab-right-on.png) 0 0 no-repeat;
}*/

/*end menu*/
.footer {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.borsa {
    float: left;
    margin-right: 20px;
}

.message {
    color: #46586C;
	
}
.message td 
{
	padding:5px;
	text-align: left;
}
/*generiche*/

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clearfix {
    clear: both;
}

.clearfixleft {
    clear: left;
}
.IndicatorColumn
{
    float: left;
    width: auto;
    margin-right: 40px;
}

.label {
    position: relative;
    top: 18px;
}

.calc .gwt-Label {
    margin-right: 3px;
}

.CalculatorColumn
{
    float: left;
    margin-left: 10px;
}
.CalculatorResult
{
    width: 100%;
    clear: both;
    margin-top: 10px;
}

/*notizie*/

.news {
    width: 100%;
    background: #fbefb6;
}

.news td {
    border: 1px solid #b7b7b7;
}

.news table td {
    border: 0;
}

.label-news {
    
}

.scroll-news {
    float: left;
    overflow: visible !important;
}

.cellListWidget {
    float: left;
    padding: 3px 3px 0 3px;
}

.cellListEvenItem, .cellListOddItem {
    color: #000;
    float: left;
}

.cellListEvenItem {
    
}


.cellListOddItem {
    
}


.cellListSelectedItem {
    /*editare con le giuste propriet� o lasciare inalterato*/
    background: none !important;
    color: #000 !important;
}

.NewsBodyDate {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.NewsBodyLink {
    float: left;
    margin-right: 10px;
}

.NewsBodyLink img {
    /*non modificare, serve per ie*/
    border: 0;
}

.NewsBodyTitle {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.DisableCss
{
    background: url(images/warning.png) 135px 0 no-repeat !important;
}
.DisableCheckCss
{
    font-style: italic;
    color: lightslategrey;
}

/*@media all and (max-width: 558px) {
    .tablecontainer {
        margin-bottom: 20px;
    }
    
    .tablecontainer:first-child + .tablecontainer {
        border: none;
    }
}

@media all and (max-width: 372px) {
    .tablecontainer {
        float: none;
        border: none;
        
        margin-right: auto;
        margin-left: auto;
    }
}*/