body {
  padding-top: 70px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3125em;
  color: #333;
}
h1
{
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 5px;
}

h2
{
   font-weight: normal;
   font-size: 1.1em;
   line-height: 1.3125em;
   text-align: justify;
   margin-top: 5px;
   margin-bottom: 10px;
   color: #000;
}

h3,h4,h5
{
   color: #333;
   font-weight: normal;
   font-size: 1.1em;
   line-height: 1.3125em;
   text-align: justify;
   margin-top: 10px;
   margin-bottom: 10px;
}


.title-notes
{
  font-weight: normal;
  color: rgb(111,116,127);
  font-size:  14px;
  line-height: 1.3125em;
}

.homepage-square
{/*
    background-color: #fafafa; 
   border: solid thin #e7e7e7; */
    padding: 10px; 
    min-width: 320px; 
    height: 280px; 
    overflow: hidden;
}


a
{
    color: #333;
}


th {
     font-weight: normal;
}

.table thead {
    font-weight: normal;
    background-color: #fafafa;
    color: #000;
}

.table thead tr th {
   
    font-weight: normal;
}


.panel {
border-radius: 0px;
}
.panel-group .panel {
border-radius: 0px;
}

.panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-title { 
}
.panel-body {
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-default .panel-heading {
   background-color: #fafafa;
}

/* ----------------- NAVIGATION ----------- */

.navbar {
border-bottom: 5px solid #E7E7EF;
background-color: #333; /* Required for Mobile*/
}

.navbar-brand {
    padding-top: 10px;
    padding-bottom: 0px;
    line-height: 14px;
}

.navbar .navbar-nav>li>a {
  color: #E7E7EF;
  font-weight: bold;
  padding-top: 20px;
}

.navbar .navbar-nav>li>a:hover {
  color: #333;
  background-color: #fafafa;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
}



/* ----------------- PREVIOUS CSS ----------- */


#header
{
    clear: both;
    width: 100%;
    position: relative;
    background-color: #fafafa;
    white-space: nowrap;
    border-bottom: 2px solid #fafafa;
}
#header-content
{
    position: relative;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom: 2px;
}

#body-content
{
    background-color: #ffffff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

#logo-title
{
    font-size: 16px;
    color: #fff;
    line-height: 14px; 
    font-weight: bold;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #FFFFFF;*/
    padding-top: 0px;
    vertical-align: bottom;
}

#logo-subtitle
{
    font-size: 18px;
    padding-left: 2px;
    line-height: 14px; 
    font-weight: bold;
    text-decoration: none;
    color: #E7E7EF;
    /*text-shadow: 0 1px 0 #FFFFFF;*/
    padding-top: 0px;
    vertical-align: bottom;
}

#top-menu a:link, #top-menu a:visited
{
    font-size: 15px;
    color: #E7E7EF;
    font-weight: bold;
    padding-left: 75px;
    text-decoration: none;
}

.rightSideMenu
{
    text-align: left;
    vertical-align: top;
    border: thin solid #E7E7EF;
    padding: 10px;
    background-color: #eeeef2;
    height: 100%;
}


#footer-wrap
{
    width: 100%;
    clear: both;
    position: relative;
    border-top: 5px solid #333;
    clear: both;
    width: 100%;
    text-align: left;
    background-color: #333;
}

#footer
{
    position: relative;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}


.footerTitleItems
{
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.footerItems
{
    /*text-transform: uppercase;*/
    color: #E7E7EF;
    text-decoration: none;
}

.footerItems:hover
{
    /*text-transform: uppercase;*/
    color: #fff;
    text-decoration: none;
}

#social-facebook
{
    padding: 2px 0px 0px 22px !important;
    text-decoration: none;
    background: url(http://cdn.tradingeconomics.com/images/social/facebook.gif) no-repeat;
}

#social-twitter
{
    padding: 2px 0px 0px 22px !important;
    text-decoration: none;
    background: url(http://cdn.tradingeconomics.com/images/social/twitter.gif) no-repeat;
}

#social-rssfeed
{
    padding: 2px 0px 0px 22px !important;
    text-decoration: none;
    background: url(http://cdn.tradingeconomics.com/images/social/more.gif) no-repeat;
}


.headlines-title
{
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;

}

.headlines-description
{
    text-align: justify;
}

.chartButton
{
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #1965AA;
    color: #F0F0F0;
    border: 1px solid #333;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
}

.searchButton
{
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #333;
    color: #F0F0F0;
    border: none;
    /*
    border: 1px solid #333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    */
    font-size: 10px;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.searchBox
{
    width: 120px;
    height: 12px;
    background-color: #ffffff;
    text-align: left;
    color: #333;
    border: none;
    /*
    border: medium solid #fafafa;
    border: 1px solid #333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    */
    font-size: 10px;
    font-weight: bold;
}


.box
{
    width: 100%;
    padding: 20px;
    border: thin solid #dedfde;
    background-color: #fafafa;
    text-align: justify;
    color: #333;
}



.datatable
{
    width: 728px;
    font-size: 12px;
    background-color: #FFFFFF;
    border: medium solid #FAFAFA;
    border-collapse: collapse;
    padding: 0;
}


.datatable-header
{
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing: 1px;
    background-color: #E7E7EF;
    white-space: nowrap;
    text-align: center;
}

    .datatable-header a
    {
        text-decoration: none;
    }

.datatable-group
{
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    border-bottom-style: solid;
    border-bottom-color: #333;
    border-bottom-width: thin;
    /*text-transform: uppercase;*/
    text-align: center;
}

.datatable-row
{
   /*background-color: #FAFAFA;*/ 
    white-space: nowrap;
}


.datatable-row-alternating
{
    /*background-color: #FFFFFF;*/
    white-space: nowrap;
}

.datatable-item-first
{
    text-align: left;
    padding-left: 10px;
}

.datatable-item
{
    text-align: center;
}


.LeftSideMenu
{
    text-align: left;
    /*padding: 10px 0px 10px 0px;*/
}

.LeftSideMenuTopics
{
    font-weight: bold;
    text-align: left;
    /*/*text-transform: uppercase;*/*/
}

.LeftSideMenuLinks
{
    text-decoration: none;
    white-space: nowrap;
    padding-left: 5px;
}

    .LeftSideMenuLinks:hover
    {
        text-decoration: underline;
    }

.LeftSideMenuCategories
{
    text-decoration: none;
    white-space: nowrap;
    padding-left: 5px;
    font-weight: bold;
}

.WorldEconomyTitles
{
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
}

.tickLink
{
    float: left;
    margin: 0px 3px 0px 0px;
    /*text-transform: uppercase;*/
    font-weight: bold;
}

    .tickLink a
    {
        color: #00008B;
    }

.tickContent
{
    float: left;
    /*text-transform: uppercase;*/
    margin: 0px 2px 0px 4px;
    position: relative;
    font-weight: bold;
}

    .tickContent a
    {
        color: #00008B;
        text-decoration: none;
    }

.tickButton
{
    float: left;
    cursor: pointer;
    cursor: hand;
    margin: 1px;
    position: relative;
}

.StaticHoverStyle
{
    background-color: #1c5674;
}

.MenuSelection
{
    background-color: #1c5674;
    text-align: center;
}

.DynamicStyleForMenu
{
    background-color: #00008B;
    border-right: white thin solid;
    border-top: white thin solid;
    border-left: white thin solid;
    border-bottom: white thin solid;
}

.DynamicHoverStyle
{
    background-color: #FFFFFF;
}

.StartPageSectionTitles
{
    background-color: #FFFFFF;
}

.article
{
    line-height: 18px;
    text-align: justify;
    background-color: #FAFAFA;
    border: thin solid #F3F3F3; 
    padding: 10px;
}


.article-title
{
    font-size: 14px;
    font-weight: bold;
}

.ArticlesPageTitles
{
    font-weight: bold;
}

input, select
{
    font-family: sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    border: 1px solid #E3E2DA;
    font-weight: 400;
    color: #333;
}

.whitespace
{
    min-width: 10px;
    min-height: 10px;
}

.EconomicsPageTitles
{
    font-size: 11px;
    font-weight: bold;
    /*text-transform: uppercase;*/
    color: #333;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing: 1px;
}

.EconomicsPageSubTitles
{
    font-weight: bold;
    line-height: 18px;
}

.EconomicsPageText
{
    line-height: 18px;
    text-align: justify;
    background-color: #F0F8FF;
    padding: 0px;
}

.IndicatorDescription
{
    line-height: 18px;
    text-align: justify;
    background-color: #E7E7EF;
    padding: 5px 5px 5px 10px;
    border: thick solid #fafafa;
}

#nav-strip
{
    width: 100%;
    clear: both;
    margin: 0 auto;
    white-space: nowrap;
    position: relative;
    z-index: 400;
}

    #nav-strip a:hover
    {
        text-decoration: none;
    }

    #nav-strip ul
    {
        margin: 0;
    }

        #nav-strip ul li.nav-item
        {
            display: inline;
            float: left;
            border-left: 1px solid #fafafa;
            /*border-right: 1px solid #fafafa;*/
            position: relative;
            height: 36px;
            margin: 0;
            font-weight: bold;
        }

            #nav-strip ul li.nav-item.active
            {
                background-color: #ffa200;
                background-position: 0 -48px;
                background-repeat: repeat-x;
            }

            #nav-strip ul li.nav-item:hover, #nav-strip ul li.nav-item.hover
            {
                background-color: #f5f5f5;
                background-position: 0 -100px;
                background-repeat: repeat-x;
            }

                #nav-strip ul li.nav-item:hover a, #nav-strip ul li.nav-item.hover a
                {
                    color: #414445;
                }

            #nav-strip ul li.nav-item.active a
            {
                color: #414445;
            }

        /*MAIN LINKS */
        #nav-strip ul li a
        {
            color: rgba(81, 85, 94, 1);
            font-weight: normal;
            text-shadow: 0 1px 0 #FFFFFF;
            letter-spacing: 1px;
            /*text-transform: uppercase;*/
            display: block;
            padding: 10px;
            outline: none;

        }
            /*Small Arrow*/
            #nav-strip ul li a .primary-link, #nav-strip ul li.active a .primary-link, #nav-strip ul li.hover a .primary-link
            {
                background: url(http://cdn.tradingeconomics.com/images/menu-sprite.gif) no-repeat transparent;
                /*text-shadow: none;*/
            }


            #nav-strip ul li a .primary-link
            {
                background-position: 100% -10px;
                padding-right: 10px;
                /*text-transform: uppercase;*/
                text-decoration: none;
                font-size: 11px;
                /*text-shadow: 1px 1px #000, -1px -1px #000;*/
            }

        #nav-strip ul li.active a .primary-link
        {
            background-position: 100% -56px;
        }

        #nav-strip ul li.no-subnav a .primary-link
        {
            background: none;
            padding-right: 0;
        }

        #nav-strip ul li:hover a .primary-link, #nav-strip ul li.hover a .primary-link
        {
            background-position: 100% -102px;
        }

        #nav-strip ul li.no-subnav a .primary-link
        {
            background: none;
        }

        #nav-strip ul li .subnav
        {
            display: none;
            position: absolute;
            top: 36px;
            left: -1px;
            /*background: url(http://cdn.tradingeconomics.com/images/menu-bg.png);*/
            padding-right: 2px;
            padding-bottom: 2px;
            z-index: 16777263;
            *min-width: 132px;
        }

    #nav-strip .subnav-inner
    {
        border-left: 1px solid #676767;
        border-bottom: 1px solid #676767;
        border-right: 1px solid #676767;
        float: left;
        background-color: #f5f5f5;
        *min-width: 130px;
    }

    #nav-strip ul li .subnav ul
    {
        float: left;
        min-width: 130px;
        margin: 0;
    }

        #nav-strip ul li .subnav ul.two
        {
            float: right;
        }

        #nav-strip ul li .subnav ul li
        {
            display: block;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid #ccc;
            float: none;
            height: auto;
            margin: 0 10px;
            padding: 0;
            background-color: #f5f5f5;
        }

    /* double list view */
    #nav-strip ul li .subnav.double
    {
        width: 300px;
    }

        #nav-strip ul li .subnav.double ul.one
        {
            width: 130px;
            margin-bottom: 3px;
        }

        #nav-strip ul li .subnav.double ul.two
        {
            width: 140px;
        }

        #nav-strip ul li .subnav.double ul.one li
        {
            margin: 0 0 0 10px;
        }

    #nav-strip ul li .subnav ul li.lastChild
    {
        border-bottom: 1px solid #f5f5f5;
    }

    /* SECOND MENU ITEMS*/
    #nav-strip ul li .subnav ul li a,
    #nav-strip ul li.nav-item:hover .subnav ul li a
    {
        font-size: 10px;
        white-space: nowrap;
        *white-space: normal;
        _white-space: nowrap;
        padding: 8px 0;
        font-weight: normal;
        text-decoration: none;
    }

    #nav-strip ul li .subnav.double ul li a,
    #nav-strip ul li.nav-item:hover .subnav.double ul li a
    {
        white-space: normal;
    }

    /* back  color on hover */
        #nav-strip ul li .subnav ul li.acti
    #nav-strip ul li .subnav ul li.active,
    #nav-strip ul li .subnav ul li:hover
    {
        background: #E7E7EF;
    }

        /* link color on hover */
        #nav-strip ul li .subnav ul li.active a,
        #nav-strip ul li .subnav ul li a:hover
        {
            /*color: #ffa200 !important;*/
        }

.one
{
    padding-left: 10px;
}

.two
{
    padding-left: 10px;
}


.calendar-box
{
    padding: 10px;

    background-color: #fafafa;
    text-align: justify;
    color: #333;
}

.calendar-box-header
{
     background-color: #fafafa;
    /*text-transform: uppercase;*/
    font-size: 8px;
    padding: 5px;
}

#calendar
{
    width: 100%;
    line-height: 18px;
    /*
    border-collapse:collapse;
    border-spacing: 2px;
    */
}

.calendarHeaderRow
{
  
    /*text-transform: uppercase;*/
    font-size: 8px;
    white-space: nowrap;
    line-height: 10px;
    vertical-align: middle;
    text-shadow: 0 1px 0 #FFFFFF;
}

.dateRow
{
    background-color: #D2DEE8;
    /*text-transform: uppercase;*/
    font-size: 9px;
    text-align: center;
    width: 100%;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing: 1px;
    background: #EEE !important;
    font-weight: bold;
}

.calendarRow
{
    background-color: #FFFFFF;
    white-space: nowrap;
}

.calendarAlternativeRow
{
    background-color: #FFFFFF;
}

.calendar-item
{
    text-align: center;
}

.calendar-item-positive
{
    color: darkgreen;
}

.calendar-item-negative
{
    color: darkred;
}

div.ui-tooltip
{
    max-width: 400px;
}

.calendar-info
{
    background-image: url("/images/questionmarks/info_gray2.gif");
     width: 10px;
     height: 10px;
     white-space: nowrap;
    /*
     vertical-align: middle;
    
   */
}

.uppercase
{
    /*text-transform: uppercase;*/
}


.bold
{
    font-weight: bold;
}


.contactButton
{
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #1965AA;
    color: #F0F0F0;
    border: 1px solid #333;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
}


/* VIEWPORT */
/* Classic Phones */
@media only screen
and (max-width : 320px) {
 .chart {width: 100px;}
}
/* Smartphones */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
 .chart {width: 310px;}
}
/* Tablets */
@media only screen
and (min-width : 480px)
and (max-width : 768px) {
 .chart {width: 470px;}
}