#all_zones {
    margin: 0px auto;
    position: relative;
}

#more_details_zone {
    position: absolute;
    float:left;
    left:0px;
    top:670px;
}

#title_zone {
    float:left;
    width: 100%;
}

#indicator_title{
    float:left;
    width: 96%;
    font-size: 16px;
    padding: 10px 2% 10px 2%;
    margin: 0px 0% 0px 0%;
    color:white;
    font-weight: bold;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

#country_title{
    float:left;
    width:96%;
    position:relative;
    padding: 15px 2% 25px 2%;
    height: 25px;
    margin: 0px 0% 15px 0%;
}

#indicator_details {
    float:left;
    width:96%;
    position:relative;
    padding: 15px 2% 15px 2%;
    margin:0px 0% 15px 0%;
}


#country_title #c_subtitle {
    float:left;
    width: auto;
    color:#999da0;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 0% 4px 0%;
}

#country_title #c_title, .country_name {
    float:left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color:#333333;
    padding: 0px 0% 0px 0%;

}

#country_title #c_title #selected_rank {
    padding-right:5px;
    
}

#country_title #c_seeprofile {
    float:left;
    width: auto;
    position:absolute;
    right:10px;
    top: 10px;
    
}

#highest, #lowest  {
    width:100%;
    float:left;
    /*
    -moz-border-radius: 5px;
    border-radius: 5px;
    */
    background-color: #FFF;
    
    
}

.change_wrap {
    float:left;
    width:24%;
    margin:0px 1.33% 0px 0%;
    padding:10px 0% 0px 0%;
    height:87px;
    /*border-top: 3px solid #cdcdcd;*/
    border-bottom: 1px solid #cdcdcd;
    background-color: #ffffff;
    box-shadow: 0px -5px 5px #cdcdcd;
}

.overall_score_wrap {
    float:left;
    width:24%;
    margin:0px 1.33% 0px 0%;
    padding:0px 0% 0px 0%;
    height:98px;
    border-top: 3px solid #4e4d4d;
    background-color: #dfdede;
    box-shadow: 0px -5px 5px #cdcdcd;
}

.overall_score_label {
    float:left;
    width: 100%;
    color : #333333;
    text-align: center;
    font-size: 100%;
    padding:5px 0%;
    font-weight: solid;
}

.overall_score_score {
    float:left;
    width: 100%;
    
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding:0px 0% 5px 0%;
}

.overall_score_footer {
    float:left;
    width: 96%;
    color : #FFFFFF;
    text-align: center;
    font-size: 90%;
    padding:10px 2% 2px 2%;
    font-weight: normal;
    height: 23px;
    max-height: 27px;
    overflow: hidden;
}

.highest_lowest_wrap {
    float:left;
    width:24%;
    margin:0px 1.33% 0px 0%;
    padding:0px 0% 0px 0%;
    height:100px;
    border-bottom: 1px solid #cdcdcd;
    background-color: #FFF;
    box-shadow: 0px -5px 5px #cdcdcd;
}

#highest {
    border-top: 3px solid #73af2c ;
    background: #FFF url(../images/highest-icon.png) 5px 20px no-repeat;
}

#lowest {
    border-top: 3px solid #c02f29;
    background: #FFF url(../images/lowest-icon.png) 5px 20px no-repeat;
}

#highest_label, #lowest_label {
    float:left;
    width: 100%;
    color : #333333;
    text-align: center;
    font-size: 100%;
    padding:5px 0%;
    font-weight: solid;
}

#highest_score, #lowest_score {
    float:left;
    width: 100%;
    
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding:0px 0% 5px 0%;
}

#highest_label, #highest_score {
  color : #73af2c;  
}

#lowest_label, #lowest_score {
  color : #c02f29;  
}

#highest_footer, #lowest_footer {
    float:left;
    width: 96%;
    color : #333333;
    text-align: center;
    font-size: 90%;
    padding:6px 2% 0px 2%;
    font-weight: normal;
    border-top: 1px solid #cdcdcd;
    
    max-height: 35px;
    overflow: hidden;
}


#title_zone #country_title{
    float:left;
    position:relative;
    padding: 10px 2% 25px 2%;
    height: 25px;
    margin-right: 1%;
    margin-bottom: 2px;
    margin-top: 2px;
    
}

#title_zone #filters_zone{
    float:right;
    position:relative;
    padding: 0px 0% 25px 0%;
    height: 40px;
    margin-left: 1%;
    margin-bottom: 15px;
    margin-top: 8px;
    
}

/*
#filters_zone{
    float:right;
    position:relative;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 15px 1%;
    
}
*/

#title_zone #country_title #c_subtitle {
    float:left;
    width: auto;
    color:#999da0;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 0% 4px 0%;
}

#title_zone #country_title #c_title {
    float:left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color:#333333;
    padding: 0px 0% 0px 0%;

}

#title_zone #country_title #c_title #selected_rank {
    padding-right:5px;
    
}

#title_zone #country_title #c_seeprofile, #c_seeoverallpicture {
    float:left;
    width: auto;
    position:absolute;
    right:10px;
    top: 10px;
    
}

#how_to_use_it {
    float:left;
    width: auto;
    position:absolute;
    right:150px;
    top: 15px;
    cursor: pointer;
}


#title_zone #list_title{
    float:right;
    
    padding: 5px 0% 5px 0%;
    font-weight: normal;
    color:#333333;
}

#map_zone {
    float:left;
    margin: 0px 0% 0px 0%;
}
#indicators_zone {
    float:left;
    margin: 0px 0% 0px 0%;
}


#indicators_zone .indicator_panel {
    float:left;
    width:100%;
    
}

#list_zone {
    float:left;
    margin: 10px 0% 15px 2%;
}

#indicators_zone #indicator_details {
    float:left;
    width:520px;
    position:absolute;
    top:520px;
    left:0px;
    
}

#key_indicators_zone {
    width: 100%;
    float:left;
    margin: 0px 0% 30px 0%;
}

#key_rankings_zone {
    width: 100%;
    float:left;
    margin: 0px 0% 20px 0%;
}

#table_graph_zone {
    width: 100%;
    float:left;
    margin: 0px 0% 0px 0%;
}

#sections_note_zone {
    width: 100%;
    float:left;
    margin: 0px 0% 0px 0%;
    
}

#spider_zone {
    
    float:left;
    width: 100%;
    
    
    /*padding: 0px 0 10px 15%;*/
    /*
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    */
    
    /*margin: 0px 0% 0px 1%;*/
}

#section_documents_zone, #section_note_zone, #additional_info_zone, .cluster_zone {
    float:left;
    width: 94%;
    margin-top: 0px;
    padding: 10px 3% 10px 3%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    
}


#section_note_zone { 
    margin-top: 0px; 

}

#country_location {
     float:right;
    width: 37%;
    margin-top: 20px;
    padding: 10px 1% 10px 1%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    margin-left: 1%;
    
}
/*#section_note_zone, #map_zone {
    float:right;
    width: 37%;
    margin-top: 20px;
    padding: 10px 1% 10px 1%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    margin-left: 1%;
    
}*/

#country_map_zone {
    float:left;
    width: 100%;
    margin-top: 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
}

#chart_zone {
    float:left;
    width:100%;
    /*margin: 0px 0% 0px 1%;*/
}

#charts_zone {
    float:right;
    margin: 0px 0% 0px 1%;
}

#key_scores_zone {
    float:left;
}


.sort_option, .sort_option:hover {
    margin-left:5px;
    width: auto;
    color: #989797;
}

.sort_option:hover {
    color: #07535b;
}


.i_wrapper {
    float: left;
    width:96%;
    height: 38px;
    background-color: #f3f3f3;
    margin: 0px 0% 5px 0%;
    padding:4px 2% 6px 2%;
        
    -moz-border-radius: 5px;
    border-radius: 5px;
    

}

.i_wrapper .i_label {
    float:left;
    width: 100%;
    padding:0px 0% 4px 0%;
    font-size: 11px;
}

.i_wrapper .i_gauge {
    float:left;
    height: 20px;

    -moz-border-radius: 5px;
    border-radius: 5px;
}

.i_score {
    float: left;
    width:100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding:15px 0% 0px 0%;
}

.litem {
    float: left;
    width:100%;
    margin: 0px 0% 0px 0%;
    padding: 0px 0% 2px 0%;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.lh {
    float: left;
    padding: 0px 0% 10px 0%;
    margin: 0px 0% 5px 0%;
    border-bottom :1px solid #e6e6e6;
    font-weight: bold;
    
}

.litem .li_rank {
    float: left;
    width:4%;
    text-align: right;
    padding: 0px 1% 0px 0%;
    /*background-color: red;*/
}

.litem .li_name {
    float: left;
    width:35%;
    text-align: left;
    
}

.litem .li_gauge {
    float: left;
    width:40%;
    background-color: #f3f3f3;
    height: 13px;
    margin-top:2px;
    
}

.litem .li_gauge .li_gauge_item {
    float:left;
    height: 13px;

}

.litem .li_score {
    float: left;
    width:6%;
    font-weight: bold;
    padding: 0px 0% 0px 1%;
}

.litem .li_up_down {
    float: left;
    width:12%;
    padding: 0px 0% 0px 1%;
    text-align: right;
}

.litem .li_details {
    float:left;
    height: 13px;
    width:4%;
    background-color: #CCCCCC;
    text-align: center;
    
}


.score_circle {
     border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    text-align: center;
    vertical-align:middle;
}




#years_slider_zone {
    
    float:left;
    width: 96%;
    margin-top: 20px;
    height: 65px;
    padding: 10px 2% 10px 2%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    /* color: #333333; */
    /*margin: 0px 0% 0px 1%;*/
}


#bubble_chart_zone {
    float:left;
    width: 100%;
    margin-top: 20px;
    padding: 0px 0% 10px 0%;
    
    /*
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    */
}

#indicator_selector_zone {
    
    float:left;
    width: 100%;
    margin-top: 20px;
    padding: 0px 0% 2px 0%;
    margin: 127px 0% 0px 0%;
    
    
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    
    /*background-color: #f6f6f6;*/
    border: 1px solid #c6c6c6;
    /*box-shadow: 1px 1px 5px #aaa;*/
}

.cluster_item {
    float:left;
    width:96%;
    padding:6px 2% 6px 2%;
    font-weight: bold;
}

.criterion_item {
    float:left;
    width:94%;
    padding:2px 2% 2px 4%;
    font-weight: normal;
    font-size: 95%;
    background-color:#FFFFFF;
    border-bottom:1px solid #c6c6c6;
}

#years_legend{
    margin:0px auto;
    position:relative;
}

#years_slider {
    margin:0px auto;
}

#years_slider, #years_legend{
    width:96%;
}


#years_legend .years_legend_item {
    float:left;
    position:absolute;
    top:10px;
    margin-left:-13px;
}



#list_of_countries {
    float:left;
    width: 96%;
    margin-top: 20px;
    padding: 10px 2% 15px 2%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    
    
}


#countries_selector_zone {
    float:left;
    width: 96%;
    margin-top: 20px;
    padding: 10px 2% 15px 2%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    
    
}

.one_geo_selector {
    float:left;
    width:100%;
    margin:0px 0% 10px 0%;
}


#countries_selector_wrapper {
    float:left;
    width: 96%;
    margin-top: 20px;
    padding: 0px 2% 0px 2%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    
    background-color: #f6f6f6;
    border: 1px solid #c6c6c6;
    
}



#countries_selector {
    float:left;
    width: 100%;
    margin-top: 0px;
    padding: 0px 0% 0px 0%;
    margin: 10px 0% 10px 0%;
    border-bottom: 1px dotted #c6c6c6;
    
    height:524px;
    overflow-y: scroll;
    
}

#countries_selector_submit {
    float:left;
    width: 94%;
    margin-top: 0px;
    padding: 0px 6% 10px 0%;
   
    
}



#indicator_selector_wrapper {
    float:left;
    width: 96%;
    margin-top: 20px;
    padding: 0px 2% 0px 2%;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    
    
    
}


#indicator_selector_submit {
    float:left;
    width: 98%;
    margin-top: 0px;
    padding: 0px 2% 10px 0%;
   
    
}



.pba_gauge {
    float: left;
    width:100%;
    background-color: #f3f3f3;
    height: 14px;
    margin: 1px 0% 1px 0%;
    
}

.pba_gauge_item {
    float: left;
    height: 14px;
}