/*.question-text
{
    border:2px solid red;
}*/


/*============== BEGIN  Header Section ==============*/
.page-header {
    min-height: 64px;
}
   .page-header h1 {
        float: left;
        max-width: 570px;
    }
        .page-header h1 span.profile
        {            
            font: 11px/19px Arial, Helvetica, sans-serif;
        }
#flag {	
	width:83px;
	height:49px;
	float: left;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 0px 8px 10px 0px;
}

.econom-overview
{
   width:50%;
   float:left;  
   margin-right:10px; 
}
    .econom-overview dl.countryList1
        {
            float:left;
            width:52%;            
            padding:0px 0px 0px 0px;
        }
        
        .econom-overview dl.countryList2
        {
            float:left;
            width:43%;
            border-left:1px solid #d9dccf;
            padding:0px 0px 0px 20px;
        }
            .econom-overview dl dt
            {
                line-height: 2px;
                float: left;
                padding: 8px 5px 8px 0px;                
                
            }
            .econom-overview dl dd
            {
                padding: 0px 5px 8px 0px;
                font-size: 12px;
                font-weight: bold;
            }
            
            .econom-overview dl dd:last-child,
            .econom-overview dl dd:last-child
            {
                border-bottom: none !important;
                padding-bottom: 3px !important;
                margin-bottom: 3px !important;
            }


.gtf-indicators
{
    width:47%;
    float:left; 
    padding-left: 15px;
}
    .gtf-indicators dl.countryList1
        {
            float:left;        
            padding:0px 12px 0px 0px;
            width:100%;
        }
        
        .gtf-indicators dl.countryList2
        {
            float:left;
            width:30%;
            border-left:1px solid #d9dccf;
            padding:0px 10px 0px 20px;
        }
            .gtf-indicators dl dt
            {
                line-height: 2px;
                color: #333;
                float: left;
                padding: 8px 8px 8px 0px;                
                
            }
            .gtf-indicators dl dd
            {
                padding: 0px 8px 8px 0px;
                font-size: 11px;
                font-weight: bold;
            }
            
            .gtf-indicators dl dd:last-child,
            .gtf-indicators dl dd:last-child
            {
                border-bottom: none !important;
                padding-bottom: 3px !important;
                margin-bottom: 3px !important;
            }

.econom-overview h3,
.gtf-indicators h3,
.economy-performace h3,
.economy-chart h3
{
    border-bottom: 1px solid #d9dccf;
    margin-bottom: 8px;
    padding-bottom: 3px;
}
    .gtf-indicators h3:hover .gtf-tooltip
    {
        display: block;
        z-index: 10000;        
    }
        .gtf-tooltip
        {
            background: #fff;
            border: 1px solid #e0e0e0;
            -moz-box-shadow: 2px 5px 5px #d1d1d1;
            -webkit-box-shadow: 2px 5px 5px #d1d1d1;
            box-shadow: 2px 5px 5px #d1d1d1;
            z-index: 10000;
            display: none;
            font-size: 12px;
            line-height: 1.5;
            padding: 10px 10px 10px 10px;
            position: absolute;
            width: 255px;
            font-weight: normal;
            overflow: hidden;
            color: #666;
        }

#performance-score h3
{
    border-bottom: 1px solid #900;
    padding-bottom: 3px;
}
.economy-performace
{
   width:50%;
   float:left;  
   margin-right:10px; 
   margin-top:30px;
}
    .economy-performace h3
    {
        margin-bottom:20px; 
    }
.economy-chart
{
    width:47%;
    float:left; 
    padding-left: 15px;
    margin-top:0px;
}

#details
{
    border-top: 2px solid #900;
}
    #details .lead
    {        
        padding:10px 0px;
    }
/*============== END Header Section ==============*/

.economy-chart
{
    float:left;
}

.nobackground {
    background:none !important;
}

.profileHide {
    display: none;
}

  


.timemotion-title
{
    padding:5px 22px;
    /*margin-top:20px;
    border-top:3px dotted #d9e7c1;*/
      
}
    .timemotion-title:first-child
    {
        margin-top: 0px !important;
        border-top:none !important;
    }

table.timemotion
{
    margin: 0px 22px 10px 22px;
    width: 95% !important;
}


 /*=================== BEGIN TAB Details ====================*/
    .tabs{
        clear: both;
    }
    
    .tab-menu-nav{
       
    }
        .tab-menu-nav li {
            border-bottom:none !important;
        }        
            .tab-menu-nav li.active {                
                
            }        
        .tab-menu-nav li.active:first-child{
        }
        .tab-menu-nav li:last-child {
        }        
        
   /*=================== END TAB Details ====================*/


.IndicatorData
{   
    border: 1px solid #d9dccf; 
    margin-bottom:10px;
    padding-top: 5px;
}
    .IndicatorData .set-info
    {
        float:right;
        margin: 5px 10px;
    }

    .IndicatorData .set-expand-collapse
    {
        float:left;
        margin: 5px 7px;
    }

.dvSlider
{
    height: 30px;
    width: 100%;
    padding-top: 10px;
    /*border-right:1px solid #d9e7c1;
    border-left:1px solid #d9e7c1;*/
}

#economy-data
{
    clear: both;
    border:1px solid #d9dccf;
}

#economy-data dl
{
    width: 100%; 
}
#economy-data dt
{
    clear:left; 
    float: left;    
    padding-right:10px;
}
    #economy-data dd
    {
        width: 105px; 
        float: left; 
        padding-left: 15px; 
    }

    .dvCategory
    {
        background: url(/App_Themes/css/Common_Images/wposprite.png) scroll 0 -406px repeat-x;
        display:block;
        font-weight:bold;
        border-top: 2px solid #900;
    }        
        .dvCategory dt
        {
            width: 817px; 
            padding-left: 5px;
        }
            .dvIndicator
            {
                /*background: url(/App_Themes/css/Common_Images/wposprite.png) scroll 0 -720px repeat-x;*/
                background:#f6f6f4;
                font-weight:bold;
                color: #777;
            }
                .dvIndicator dt
                {
                    width: 800px; 
                    padding-left: 12px;
                }
                    dl.QuestionAnswers dt
                    {
                        width: 817px; 
                        padding-left: 10px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        border-top: 1px solid #d9e7c1;
                        border-right:1px solid #d9e7c1;
                        
                    }
    
                    dl.QuestionAnswers dd
                    {
                        border-top: 1px solid #d9e7c1;
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }
    .QuestionPadding2
    {
        padding-left: 30px !important;
        width: 797px !important; 
    }
    .QuestionPadding3
    {
        padding-left: 50px !important;
        width: 777px !important; 
    }

.TopicInfoTable tr.TableRow td,
.TopicInfoTable tr.TableHeader td
{
    padding: 5px 5px !important;
    text-align: center;
    border: 1px solid #d9dccf;
    vertical-align: middle;
}
    .TopicInfoTable tr.TableRow td:first-child
    {
        text-align:left !important;
    }

.TopicInfoTable tr.TableHeader
{
    background: url(/App_Themes/css/Common_Images/wposprite.png) scroll 0 -406px repeat-x;
}

.IndicatorData tr.TableHeader td
{
    padding:10px 5px !important;

}

.IndicatorData tr.TableRow td
{
    padding:10px 5px !important; 
}

.TopicInfoTable,
.IndicatorData table
{
    width: 100%; border: 1px solid #d9dccf;
}

.topic-category tr.TableHeader td
{
    font-weight:bold;
    line-height: 1.4 !important;
}

.TopicInfoTable tr.TableHeader td, table tr th,
.IndicatorData table tr.TableHeader td, table tr th
{
    /*background: url(/App_Themes/css/Common_Images/wposprite.png) scroll 0 -396px repeat-x;*/
    background:url(/App_Themes/css/Common_Images/sprite-horizontal.png) scroll 0 -419px repeat-x;    
    color:#000;
    text-transform:uppercase;
    font-size:11px;
}

.TopicInfoTable tr.TableRow:nth-child(even)
{background: #fff}

.TopicInfoTable tr.TableRow:nth-child(odd)
{background: #eeefe9}


.IndicatorData table tr.TableRow:nth-child(even) 
{background: #eeefe9}

.IndicatorData table tr.TableRow:nth-child(odd)
{background: #fff}

.IndicatorData table tr td, table tr th
{
    line-height: 1.4;
    padding: 5px 10px 5px 12px;
    border: 1px solid #d9dccf;
    vertical-align: middle;
}
    .IndicatorData table tr th
    {
        border-right-color: #f4f3ef;
    }
        .IndicatorData table tr th:last-child 
        {
            border-right-color: #d9dccf;
        }
    .IndicatorData table tr.TableRow td
    {
        text-align:center;
    }

    .IndicatorData table.timemotion tr.TableRow td
    {
        text-align: left;
    }

.IndicatorData table tr td:first-child
{
    text-align: left !important;
    width: 800px;
    padding-left: 22px;
}

.IndicatorData table tr td:last-child
{
    width:105px;
}

td.moreinfo
{
    background-image: url("images/table-moreinfo.png");
    background-position: right top;
    background-repeat: no-repeat;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


td.moreinfo:hover .question-comment
{
    display:block;
    /*-webkit-transition: width 2s; 
    transition: width 2s;*/
    
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
    .question-comment
    {
        background: #fff;
        border: 1px solid #d9dccf;
        -moz-box-shadow: 2px 5px 5px #d9dccf;
        -webkit-box-shadow: 2px 5px 5px #d9dccf;
        box-shadow: 2px 5px 5px #d9dccf;
        z-index: 10000;
        display: none;
        line-height: 1.5;
        padding: 10px 10px 10px 10px;
        position: absolute;
        min-width: 200px;
        max-width: 550px;
        font-weight: normal;
        overflow: hidden;
        color: #666;
    }

    span.expanded, 
	span.collapsed,
    a.expanded, 
	a.collapsed
    {
        display: block;
        height: 17px;
        padding-left: 18px;
        padding-right: 5px;
        float: left;
        color:currentColor;
        cursor:pointer;
    }
    span.expanded,
    a.expanded
    {
        background: url('/App_Themes/css/Common_Images/minus-bul-transp.gif') left center no-repeat;
        /*background: url("/App_Themes/css/Common_Images/sprite.png") no-repeat -359px 0;*/
    }
    span.collapsed,
    a.collapsed
    {
        background: url('/App_Themes/css/Common_Images/plus-bul-transp.gif') left center no-repeat;
        /*background: url("/App_Themes/css/Common_Images/sprite.png") no-repeat -372px 0 ;*/
    }

    .section-hide
    {
        display:none;
    }

    .section-show
    {
        display:block;
    }

.right
{
    text-align: right !important;
}