/* Data Table CSS ----------------------------*/
#gi {
    width: 100%;
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
}
#gi input {
    font-family:Arial,sans-serif;
    float:None;
}
#gi label {
    font-weight:normal;
}
#scroll-info {
    font-family:Helvetica,Arial,sans-serif;
    font-size:10px;
    margin:0 0 10px 0;
    clear: both;
}
.fg-toolbar {
    background: None !important;
    color: #b0b0b0;
    padding-top: 12px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(213, 213, 213);
    border-top: 0px solid rgb(213, 213, 213);
    margin-top: 0px;
    border-left:0;
    border-right:0;
    padding-top:0px;
}
.dataTable {
    float:left;
}
.dataTable tr {
    border-right:1px solid #ccc;
}
.dataTable td {
    padding: 6px;
    min-width:100px;
    border: 1px solid #CCC;
    border-top: None;
    vertical-align: middle;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    overflow: hidden;
}
.dataTable td .wide {
    width:250px;
}
.dataTable .gi-button a {
    background-color:white;
}
.dataTable .gi-button a.show {
    background-color:#b0b0b0;
}
.dataTable .gi-button a.show:hover {
    background-color:#da161f;
}
.dataTable tr td:first-child, .dataTable tr td:first-child div {
    text-align:left !important;
}
.dataTable_length {
    display: None;
}
.dataTables_paginate,
.dataTables_paginate span,
.dataTables_paginate a {
    float:left;
    font-size:11px;
    line-height: .1;
    margin: 5px 0;
}
#data-table{
    height:auto;
}
#data-table_next,
#data-table_previous {
    cursor: pointer;
}
#data-table_next {
    padding-left:10px;
}
#data-table_length {
    font-size:10px;
    font-family:Helvetica,Arial,sans-serif;
}
.dataTables_info {
    margin-top:10px;
    font-size:11px;
}
.dataTable tr td {
    text-align:left;
}
.dataTable tr td div{
    text-align:left;
}
.dataTable th {
    padding: 8px 6px 8px 6px;
    margin: 0;
    overflow: hidden;
    vertical-align: bottom;
    background: #ececec;
    border: 1px solid #CCC;
    border-right: 0;
    font: normal 11px Verdana,Arial,serif;
    line-height: 12px;
    min-width:100px;
    color:#333;
    text-align:left;
    position: relative;
}
.dataTable th div{
    margin-right:10px;
}



.dataTable tr th:first-child {
}
.dataTable a {
    color:#d60000;
    text-decoration: None;
}
.dataTable .sorting_acs,
.dataTable .sorting_desc {
    font-weight:bold;
}
.dataTable .sortingSpan {
    position: relative;
    padding-left:5px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_disabled {
    background: none;
}
.dataTables_filter input {
    padding:5px;
    width:250px;
    border:1px solid #b0b0b0;
    margin:5px 0 5px 10px;
    outline:None;
}
.dataTables_filter input:focus {
    border:1px solid #333;
}
.dataTables_filter label {
    font-family:Verdana,sans-serif;
    color:#333;
    font-size:10px;
    font-weight:normal;
}
.dataTable_length,
.dataTable_info,
.dataTable_paginate {
    font-size:11px;
    font-weight:normal;
}
.dataTable_paginate a {
    display:block;
    float:left;
    margin-right:10px;
    color:red;
}
.DataTables_sort_icon {
    margin:0 auto;
}
.DataTables_sort_wrapper span {
    display: block;
    margin:10px 0  0;
}
.fg-button{
    border:None !important;
}

/* - Other styles - */
#gi .footnote a {
    font-weight:bold;
}
#gi-footer {
    font-size:10px;
}
#gi .even {
    background-color:rgb(250, 250, 250);
}
#gi .grey {
    color:#b0b0b0;
}
.gi-header {
    margin:0 0 10px 0;
    font-weight:normal;
    font-family:"PrattHeavy",Georgia,serif;
    font-size:25px;
}
.gi-footer {
    width:100%;
    clear:both;
    padding:20px 0;
    font-size:10px;
    text-transform: uppercase;
    color:#b0b0b0;
    font-family:Helvetica,Arial,sans-serif;
}
/* Smartphones -------------------------------*/
@media screen and (max-width: 480px) {
    #gi p, #gi,.gi-chart{
        margin-left:0;
        width:100%;
    }
    #gi {
        width:100%;
    }
    .dataTables_scrollBody {
    }
    /* - Specific to this table -*/
    .dataTable tr td {
        text-align:left !important;
    }
    #data-table {
        font-size:10px !important;
    }
    .ui-icon-circle-arrow-e,.ui-icon-circle-arrow-w {
        background-image:url('http://beta.images.theglobeandmail.com/static/templates/interactives/jquery-ui/ui-lightness/images/mobile-arrows.png') !important;
        width:46px;
        height:46px;
        background-position:-55px 0px;
    }
    .ui-icon-circle-arrow-w {
        background-position:0 0;
    }
    .gi-unit {
        padding:20px 0;
        border-bottom:1px solid #ececec;
    }
    #gi td {
        padding-bottom:5px;
    }
    .hidden {
        display:none;
    }
    #gi h3 {
        padding:0;
        margin:0;
    }
    #gi input {
        font-size: 12px;
        padding:5px;
        margin-top:5px;
    }
    .showmore a {
        display:block;
        width:100%;
        color:#333;
        margin-right:10px;
        text-align: center;
        background-color:#E4E4E4;
        padding:10px 0;
        text-transform: uppercase;
        font-size:12px;
    }
    .dataTables_paginate {
        margin: 10px 0;
        font-size: 13px !important;
        text-transform: uppercase;
    }
}