body {
    color: #000;
    font-family: "Open Sans",Trebuchet MS,sans-serif;
    font-size: 11.7px;
    line-height: 16px;
    margin: 0px;
}

#aol-wrap {
    width: 680px;
    padding-right: 0px;
}

#Tab1 {
    width: 680px;
}

table.BilGateGrid {
    border-collapse: collapse;
    border-spacing: 0;
    color: #606062;
    margin-top: 0px;
    width: 750px;
}

table.BilGateGrid th {
    border-bottom: 1px solid #606062;
    font-weight: bold;
    color: inherit;
    text-shadow: none;
    padding: 0;
    text-align: right;
}

tr.cellTableEvenRow, tr.cellTableOddRow {
    background: none;
    color: #606062;
}

table.BilGateGrid td {
    border-bottom: 1px solid #606062;
    border-top: 0;
    border-left: none;
    border-right: none;
    padding: 0;
    text-align: right;
}

.cellTableFirstColumn {
    width: 30px !important;
}

.SxCell, .cellTableFirstColumn {
    text-align: left !important;
}

.SxCell
{
    padding-right: 10px !important;
    width: 260px !important;
}

.Period_5
{
}
.cellTableCell
{
    border-bottom: 1px solid #CCCCCC !important;
    /*border-top: 1px solid #b3d9f1 !important;*/
    border-top: 0 !important;
    border-left: none !important;
    border-right: none !important;
    empty-cells: show;
}
.cellTableHeader
{
    background: linear-gradient(to bottom, #FFFFFF 0%, #DEDEDE 100%) repeat scroll 0 0 transparent !important;
    color: #E2001A !important;
    height: 34px;
    text-align: center !important;
}
.Period_8
{
    background: none repeat scroll 0 0 #E4E4E4 !important;
}

.SpecialCell {
    font-weight: bold;
}

.CellLev1 div {
    padding-left: 15px;
    background: url(images/punto-elenco.jpg) 0 center no-repeat;
}

.CellLev2 div {
    padding-left: 30px;
    background: url(images/punto-elenco.jpg) 15px center no-repeat;
}

.CellLev3 div {
    padding-left: 45px;
    background: url(images/punto-elenco.jpg) 30px center no-repeat;
}

/*menu*/

.Tab > tbody:first-child > tr:first-child > td
{
	/*background: #777777;*/
}

#aol-wrap .pos {
    margin-bottom: 0px;
    margin-top: 20px;
    height: 29px;
    background: url(images/bg-pos.jpg) left 50px repeat-x;
}

/* menu DX-SX */
.pos .tabSxOn, .pos .tabDxOn, .pos .tabSxOff, .pos .tabDxOff{
	display: none;
}
.pos .tabSxOn, .pos .tabDxOn, .pos .tabOn {
    cursor: pointer;
    color: #ffffff;
    /*font-weight: bold;*/
    padding-top: 4px;
	font-size: 13px;
}

.pos .tabSxOff, .pos .tabDxOff, .pos .tabOff {
    cursor: pointer;
    color: #ffffff;
    padding-top: 4px;
    /*font-weight: bold;*/
}

.pos .tabSxOff {
    background: url(images/bg-tab-sx.jpg) 0 0 no-repeat;
    width: 10px;
    height: 25px;
}

.pos .tabDxOff {
    background: url(images/bg-tab-dx.jpg) 0 0 no-repeat;
    width: 15px;
    height: 29px;
    margin-right: 1px;
}

.pos .tabOff 
{
    /*background: url(images/bg-tab-off.jpg) 0 0 ;*/
	background: #777777;
	height: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

.pos .tabSxOn {
    background: url(images/bg-tab-sx-on.jpg) 0 0 no-repeat;
    width: 10px;
    height: 25px;
}

.pos .tabDxOn {
    background: url(images/bg-tab-dx-on.jpg) 0 0 no-repeat;
    width: 15px;
    height: 25px;
    margin-right: 1px;
}

.pos .tabOn , .pos .tabOff:hover
{
    /*background: url(images/bg-tab-on.jpg) 0 0;*/
	background: #000000;
    height: 29px;
    padding-left: 15px;
    padding-right: 15px;
	display: none;
}

.pos2 .tabSxOff, .pos2 .tabDxOff, .pos2 .tabSxOn, .pos2 .tabDxOn
{
	display:none;
}
.pos2 .tabSxOff {
    background: url(images/button-sx.jpg) 0 0 no-repeat;
    width: 10px;
    height: 30px;
}

.pos2 .tabDxOff {
    background: url(images/button-dx.jpg) 0 0 no-repeat;
    width: 10px;
    height: 30px;
}

.pos2 .tabOff, .pos2 .tabOn 
{
    cursor: pointer;
    height: 22px;
    width: 110px;
    padding-top: 7px;
    padding-left: 5px;
}
.pos2 .tabOff:hover
{
    color: #fff;
	background: #000000;
}

.pos2 .tabOff {
    /*background: url(images/button-off.jpg) 0 0 repeat-x;*/
    color: #464644;
    /*font-weight: bold;*/
}

.pos2 .tabSxOn {
    background: url(images/button-sx-on.jpg) 0 0 no-repeat;
    width: 9px;
    height: 30px;
}

.pos2 .tabDxOn {
    background: url(images/button-dx-on.jpg) 0 0 no-repeat;
    width: 14px;
    height: 30px;
}

.pos2 .tabOn {
    /*background: url(images/button-on.jpg) 0 0 repeat-x;*/
    color: #fff;
	background: #000000;
    /*font-weight: bold;*/
}

.BilGate_Period, .pos2 {
    margin-bottom: 0px;
}
/*end menu*/



#aol-wrap button {
    background: url("images/button-period.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #464644;
    cursor: pointer;
    font-size: 11.7px;
    /*font-weight: bold;*/
    height: 28px;
    margin: 0 0 0 0;
    padding-bottom: 0px;
    text-align: left;
    width: 150px;
}
#aol-wrap button:hover
{
	color: #0070B7;
}

.gwt-DecoratedPopupPanel {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #72736E;
    color: #72736E;
    display: block;
    margin: -20px 0 0 65px;
    padding: 10px;
    z-index: 99;
	}

.gwt-DecoratedPopupPanel .gwt-CheckBox {
    padding: 3px 0;
    display: block;
}

.BilGateChartColumn {
    width: 600px;
    height: 300px;
}

.gwt-DialogBox {
    padding: 5px;
    background: #233E5D;
    color: #fff;
    font-size: 12px;
}

div.Caption {
    background: #4679b5;
    padding: 5px;
    margin-bottom: 5px;
	color:#ffffff;
}
.CloseClass
{
    background-color: transparent;
    border-color: transparent;
}
.unselectableRowCss input
{
    display: none;
}

.groupRowCss
{
    font-weight: bold;
}

.FunctionPanel
{
    /*background-color: #FFFFFF;*/
/*    border-top: 1px solid #ffffff; */
/*    border-bottom: 1px solid #ffffff; */
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 7px;
}

.TabLabel {
    color: #000;
    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    font-size: 9px;
    margin-right: 6px;
    margin-top: 5px;
    background-color: #FFFFFF;
	display: none;
}

.pos2
{
    /*border: solid;*/
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    font-size: 11.7px;
    /*border-top: 1px solid #ffffff;*/
/*    border-bottom: 1px solid #ffffff;*/
    /*background: url(images/tab_background.png) 0 0 repeat-x;*/
    margin-top: 7px;
    height: 24px;

}

.FunctionPanel
{
    /*background: url(images/tab_background.png) 0 0 repeat-x;*/
    margin-left: 16px;

}


.BilGateBand
{
    background-color: #F6F6F6;
    width: 100%;
    height: 60px;
}

.ExcelAnchor {
    margin-top: -50px;
    margin-left: 600px;
    background-color: #ffffff;
}

.CsvAnchor {
    margin-top: -25px;
    margin-left: 590px;
    background-color: #ffffff;
}

.XmlAnchor {
    margin-top: -25px;
    margin-left: 637px;
    background-color: #ffffff;

}
.FtAnchor {
    margin-top: -25px;
    margin-left: 690px;
    background-color: #ffffff;

}
.BilGate_Data
{
    width: 680px;
    border-collapse: collapse !important;
}


.gwt-Image
{
    border: 0;
}

.ExportLabel
{
    font-size: 11.7px;
    color: #00437a;
    padding-left: 5px;
}

.ExportLabelPos
{
    margin-left: 550px;
    margin-top: -25px;
}
.ExternalGridContainer
{
    /*border: 1px solid;*/
    margin-top: 25px;
    width: 695px;
    float: left;
    /*border-color: #D6D6D6;*/
}

.GridAdditionalInfo
{
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #808080;
    font-size: 12px;
    font-style: italic;
    padding-bottom: 0.8ex;
    padding-top: 0.8ex;
    margin-top: 20px;
}

.BilGateChartColumn .gwt-Label
{
    color: #808080;
    font-size: 12px;
    font-style: italic;
    padding-bottom: 0.8ex;
    padding-top: 0.8ex;
}

.CssMainContainer
{
    width: 680px;
}
.DxCell
{
    text-align: right;
}

.wait
{
    background: url("images/wait.png") no-repeat scroll center center transparent;
    height: 400px;
    width: 680px;}

.units
{
    width: 119px;
}

    /*GridData_E*/
.DataGridCss
{
    height: 499px;
    width: 678px;
}

.GridAdditionalInfoGroup
{
    border-top: 1px solid #C7C7C7;
    padding: 10px;
}
    /*border*/
#Tab1 .dataGridHeader1, #Tab1 .dataGridHeader2,
#Tab1 .units, #Tab1 .SxCell
{
    border-left: none !important;
}


.dataGridCell
{
    overflow: visible !important;
    color: #494748 !important;
    font-size: 11px !important;
    /*border-left: 1px solid #C7C7C7 !important;*/
    padding: 8px 15px !important;
}

.dataGridCell, .CheckBoxColumn
{
    border-top: 1px solid #c7c7c7;
}
.childCell {
    padding-left: 30px;
    border: 2px solid #eee !important;
    background: #eee !important;
}

.groupHeaderCell {
    padding: 1px 15px;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    font-size: 130%;
    background: #eee;
}
.dataGridHeader
{
    background: none repeat scroll 0 0 #D7E7E2 ;
    /*border-left: 1px solid #C7C7C7 !important;*/
    border-top: 1px solid #C7C7C7 !important;
    color: #000000  !important;
    font-size: 11.7px !important;
    /*font-weight: bold !important;*/
    line-height: 1.25em;
    margin-bottom: 11px !important;
    margin-top: 14px !important;
    text-align: right !important;
    text-shadow: 0 0 !important;
    white-space: normal !important;
}
.dataGridEvenRow
{
    background-color: #FFFFFF !important;
}
.dataGridOddRow
{
    background-color: #FFFFFF !important;
}
.dataGridHoveredRow
{
    background-color: #EEEEEE !important;
}

    /*no border left*/


    /*Columns Navigator*/
.PreviousCss
{
    float: left;
}
.NextCss
{
    float: right;
}
.ColumnsNavigatorCss
{
    background-image: url("images/nav_bkg_slider_table.png");
    float: right;
    margin-left: 223px;
    width: 354px;
}

.ColumnsNavigatorCss .NextEnableCss,
.ColumnsNavigatorCss .PreviousEnableCss,
.ColumnsNavigatorCss .NextDisableCss,
.ColumnsNavigatorCss .PreviousDisableCss
{
    width: 24px !important;
    height: 23px !important;
}




.ColumnsNavigatorCss .NextEnableCss
{
    background-image: url("images/nav_right_on.png") !important;
}
.ColumnsNavigatorCss .PreviousEnableCss
{
    background-image: url("images/nav_left_on.png") !important;
}
.ColumnsNavigatorCss .NextDisableCss
{
    background-image: url("images/nav_right_off.png") !important;
}
.ColumnsNavigatorCss .PreviousDisableCss
{
    background-image: url("images/nav_left_off.png") !important;
}

.dataGridHoveredRowCell
{
    border: none !important;
    /*color: red !important;*/
}


td.dataGridFirstColumn
{
}

    /*units cell*/
td.dataGridCell1
{
    border-right: 1px solid #000000 !important;

}
.dataGridSelectedRow .dataGridCell
{
    color: grey ! important;
}

.dataGridSelectedRow
{
    background: none repeat scroll 0 0 #ffffff  !important;
    color: white;
    height: auto;
    overflow: auto;
}

.CheckBoxColumn
{
    width: 13px;
}

.dataGridHeader0
{
    width: 15px;
    padding: 0 !important;
}
.dataGridHeader1
{
}

.dataGridHeader
{
    height: 38px;
}
.dataGridLastColumn
{
    padding-right: 23px !important;
}

.dataGridLastColumnHeader
{
    padding-right: 23px !important;
}
.dataGridKeyboardSelectedRowCell
{
    border: 0px !important;

}



    /* COLUMNS SIZE */
.units, .dataGridHeader2
{
    padding-right: 5px !important;
}
.units
{
    width: 81px;
}
.dataGridHeader2
{
    width: 82px;
}


.SxCell
{
    width: 180px !important;
}
.dataGridHeader1
{
    width: 178px !important;
}
.RowLevel1, .RowLevel1:hover 
{
	background-color: #fafafa !important;
}
.RowLevel1 .dataGridCell
{
    color: #004A8D !important;
    font-weight: bold;
    line-height: 18px !important;
}

.RowLevel1 .groupRowCss.units,
.RowLevel1 .groupRowCss.Period_0,
.RowLevel1 .groupRowCss.Period_1,
.RowLevel1 .groupRowCss.Period_2,
.RowLevel1 .groupRowCss.Period_3,
.RowLevel1 .groupRowCss.Period_4,
.RowLevel1 .groupRowCss.Period_5,
.RowLevel1 .groupRowCss.Period_6,
.RowLevel1 .groupRowCss.Period_7
{
    color: #fafafa !important;
}

.RowLevel2, .RowLevel2:hover
{
	background-color: #ffffff !important;
}
.RowLevel12.dataGridCell
{
    color: #000000 !important;
    font-weight: bold;
    line-height: 18px !important;
}
.RowLevel2 .groupRowCss.units,
.RowLevel2 .groupRowCss.Period_0,
.RowLevel2 .groupRowCss.Period_1,
.RowLevel2 .groupRowCss.Period_2,
.RowLevel2 .groupRowCss.Period_3,
.RowLevel2 .groupRowCss.Period_4,
.RowLevel2 .groupRowCss.Period_5,
.RowLevel2 .groupRowCss.Period_6,
.RowLevel2 .groupRowCss.Period_7
{
    color: #ffffff !important;
}

.RowLevel1 .dataGridCell.Period_0,
.RowLevel1 .dataGridCell.Period_1,
.RowLevel1 .dataGridCell.Period_2,
.RowLevel1 .dataGridCell.Period_3,
.RowLevel1 .dataGridCell.Period_4,
.RowLevel1 .dataGridCell.Period_5,
.RowLevel1 .dataGridCell.Period_6,
.RowLevel1 .dataGridCell.Period_7
{

}
.CellLev1.dataGridCell0
{
	padding-left: 25px !important;
}

.CellLev2.dataGridCell0
{
	padding-left: 35px !important;
}
.CellLev3.dataGridCell0
{
	padding-left: 45px !important;
}
.dataGridHeader3,.dataGridHeader4,.dataGridHeader5,.dataGridHeader6,.dataGridHeader7,.dataGridHeader8,.dataGridHeader9,.dataGridHeader10
{

}

.dataGridCell2,.dataGridCell3,.dataGridCell4,.dataGridCell5,.dataGridCell6,.dataGridCell7,.dataGridCell8,.dataGridCell9
{

}



/* Collapse/Expand note */
.CssCollapseExpand
{
    margin-bottom: 10px;
	display: none;
}
.CssTextCol,  .CssTextExp
{
    height: 25px;
    width: 108px;
}

.CssTextCol
{
    background: url("images/open_note.png") no-repeat scroll 0 0 transparent;
	padding: 5px;
	font-weight: bold;
}
.CssTextExp
{
    background: url("images/close_note.png")  no-repeat scroll 0 0 transparent;
	padding: 5px;
	font-weight: bold;
}
.GridAdditionalInfo
{
    font-family: Arial, "Bitstream Vera Sans", sans-serif;
    font-size: 11px;
    color: #555555;
  }

.GridAdditionalInfoGroup
{
	padding-top: 10px;
	/*display: none;*/
}

.ChartAdditionalInfoGroup
{
	padding-top: 10px;
	display: block;
}

/* Error Dialog */

.BilGateErrorDialog
{
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #72736E;
    color: #72736E;
}
.BilGateErrorDialog .dialogTop
{

}
.BilGateErrorDialog .dialogMiddle
{

}
.BilGateErrorDialog .dialogBottom
{

}


/*todo*/
.DestinationContainer
{
    /*width: 1400px;*/
}
.Tab
{
    /*width: 1140px;*/
}
.BilGateMainWidgetCss
{
    width: 650px;
}

.TabContent_BilGateMainWidget1
{}