.csc-header {border-bottom: 1px solid #295BA2; margin-bottom: 2px;}
.csc-header h2 {background:#295BA2; width: 190px; color:#ffffff !important; font-size: 20px !important; padding: 7px 10px !important; margin-bottom: 2px !important; text-transform: uppercase; margin-bottom: 30px;}

#top_breadcrumbs {display: none;}


.iosSlider {display: inline-block; height: 290px !important; left: 0; overflow: hidden; position: relative; top: 0; width: 960px !important;}
.iosSlider .prevButton {
    background: rgba(0, 0, 0, 0) url("http://www.fao.org/fileadmin/templates/faoweb/images/sprites.png") no-repeat scroll left top;
    display: block; height: 31px; position: absolute; right: 320px; top: 241px; width: 31px; z-index: 2;}
.iosSlider .nextButton {
    background: rgba(0, 0, 0, 0) url("http://www.fao.org/fileadmin/templates/faoweb/images/sprites.png") no-repeat scroll left -32px;
    display: block; height: 31px; position: absolute; right: 40px; top: 241px; width: 31px; z-index: 2;}
.iosSlider .slider {height: 100%; width: 100%;}
.iosSlider .slider .item {height: 290px; left: 0; margin: 0; position: relative; top: 0; width: 960px;}
.iosSlider .slider .item .image {background-size: cover !important; height: 600px; left: 0; position: absolute; top: 0; width: 100%;}
.iosSlider .slider .item .image .bg {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 -moz-use-text-color #000 #000;
    border-image: none; border-style: solid none solid solid; border-width: 10px 0 10px 10px; display: none; height: 180px; opacity: 0.5;
    width: 340px;
  }
.iosSlider .slider .item .text {height: 260px; padding: 30px 35px 20px; position: absolute; right: 0; top: 0; width: 360px;}
.iphoneUI .iosSlider .slider .item .text {display: none;}
.iosSlider .slider .item .text .bg {background: #295ba2 url("img/bg.jpg") repeat scroll 0 0; cursor: default; height: 290px; position: absolute; right: 0; top: 0; width: 430px; border-left: 1px solid #ffffff;}
.iphoneUI .iosSlider .slider .item .text .bg {display: none;}
.iosSlider .slider .item .title {left: 0; position: relative; text-indent: -1px; top: 0; z-index: 9998; margin-bottom: 20px;}
.iosSlider .slider .item .title a {color: #ffffff; font-size: 1.6em; line-height: 1.25em; text-decoration: none;}
.iosSlider .slider .item .title a:hover {color: #d5dadb; text-decoration: none;}
.iosSlider .slider .item .title span {color: #fff;}
.iosSlider .slider .item .date {position: relative; top: -17px;}
.iosSlider .slider .item .date span {color:#ffffff; font-size: 1.1em;}
.iosSlider .slider .item .desc {font-size: 1.15em; left: 0; margin: 10px 0 0px; position: relative; top: 0;}
.iosSlider .slider .item .desc, .iosSlider .slider .item .desc span {color: #fff; cursor: default;}
.iosSlider .slider .item .button {background: #aaa none repeat scroll 0 0; border: 1px solid #000; bottom: 20px; cursor: pointer; margin: 10px 0 0; padding: 0 10px; position: absolute; right: 20px;}
.iosSlider .slider .item .button span {color: #000;}
.iosSliderButtons {bottom: 27px; height: 17px; position: absolute; right: 40px; width: 245px;}
.iosSliderButtons .button {
    background: rgba(0, 0, 0, 0) url("http://www.fao.org/fileadmin/templates/faoweb/images/sprites.png") no-repeat scroll left -128px;
    float: left; height: 17px; margin: 0 35px 0 0; width: 17px;}
.iosSliderButtons .selected {
    background: rgba(0, 0, 0, 0) url("http://www.fao.org/fileadmin/templates/faoweb/images/sprites.png") no-repeat scroll left -146px;
    height: 17px; width: 17px;}
.slide-title {position: relative; z-index: 9999;}
.iosslider .title .otherInfo a {color: #000; font-size: 1em;}

div#c363043 {width: 535px; overflow: hidden; float: left; margin-right: 30px;}

/* ---------------------------------------------------------------------------------------------------------------- */

/* home - what's new */
div#c362948 {margin-top: 0px;}
div#c362948 .list-more {text-align: right}
div#c362948 .img-caption {position: absolute; color:#ffffff; top: 270px; left: 5px;}

/* home - indicators */
div#c377126 {float: left; width: 535px; height: 420px; margin-bottom: 15px;}
div#c377126 h3 {text-align: center; margin-top: 10px; margin-bottom: 10px;}
div#c377126 .list-more {text-align: right}

/* home - events */
div#c363042 {float: right; width: 390px; height: 413px;} 
div#c363042 div.tx-dynalist-pi1-recordlist {padding: 0px; border: none; background: none !important; margin-bottom: 10px;}
div#c363042 .tx-dynalist-pi1 .list-title {line-height: 1.2em;}
div#c363042 .tx-dynalist-pi1 .list-image {max-width: 90px; overflow: hidden; float: left; margin-right: 10px;}
div#c363042 .tx-dynalist-pi1 .list-img {height: 70px; margin-bottom: auto;}
div#c363042 .tx-dynalist-pi1 .list-block {margin-left: 70px;}

div#c363042 .list-more {border-top: 1px solid #295BA2; text-align: right;}

div#c363503 .list-more {clear: left; text-align: right; width: 100%; border-top: 1px solid #295ba2;}

div#c377126 .list-more a,
div#c363056 .list-more a,
div#c363503 .list-more a,
div#c362948 .list-more a ,
div#c363042 .list-more a {color:#3D587B; font-weight: bold !important; font-size: 0.9em;}

/* home - twitter */
div#c363045 {float: right; width: 390px;}
div#c363045 .fa-twitter {padding-left: 5px;}

div#c363056 {clear: left; width: 535px;}
div#c363056 .list-more {border-top: 1px solid #295BA2; text-align: right; margin-top: 5px;}

div.footer-home {margin-top: 0px;}

/* home - last release */

#c365742 {float: right; position: relative; z-index: 999; margin-top: 64px; margin-right: 3px;}
#c365742 p {margin-bottom: 0px; font-weight: bold; background:#EAB600; padding: 3px 5px; color:#ffffff; margin-top: 0px;}

/* home - market monitor */

#c363419 .ui-dialog,
#c363419 .ui-widget-header,
#c363419 .ui-widget-content {border:none !important; background-color: #ffffff !important;}
#c363419 .ui-tabs-panel div {width: 100%;}
#c363419 .ui-tabs-panel div div {float: left; width: 46%;}
#c363419 .ui-tabs-panel div div ul {padding-left: 20px;}
#c363419 .ui-tabs-panel div div:first-child {margin-right: 30px; width: 50%;}
#c363419 .ui-tabs-panel div div:first-child .contenttable {width:100%;}

/* #c363419 .ui-tabs-nav {border-bottom: 1px solid #e0e0e0 !important; padding-left: 27%;} */
#c363419 .ui-tabs-nav li {margin-left: 3px; border-bottom: 1px solid #e0e0e0;}
#c363419 .ui-state-active {border-bottom: 2px solid #ffffff !important; margin-bottom: -1px;}
#c363419 .ui-state-active a {color:#cc0000 !important;}
#c363419 .ui-state-default a {text-transform: uppercase;}
 
div.content table.contenttable {font-size: 1em; margin-bottom: 2em; margin-top: 1em; width: 100%;}
div.content table.contenttable p, 
div.content table.contenttable p.bodytext {margin: 0;}
div.content table.contenttable th {font-size: 0.9em; line-height: 1.25em; padding: 0.3em; vertical-align: top;}
div.content table.contenttable td {font-weight: bold; padding: 0.3em;}
div.content table.contenttable .data-value {font-size: 1.1em; text-align: center;}

div.content .legend {background: #ffffff none repeat scroll 0 0; border-top: 1px solid #c0d8f9; font-style: normal; text-align: right;}
div.content .legend p {font-size: 0.9em !important;}
div.content table.contenttable .data-spacer {font-size: 0.1em; height: 0.1em; text-align: center;}
div.content table.contenttable .data-spacer p.bodytext {display: none;}
div.content table.contenttable tr:nth-child(2n) {background-color: #c0d8f9;}
div.content table.contenttable tr.data-header {background-color: #dc3018 !important; color: #ffffff;}
div.content table.contenttable tr.data-info-tr {background-color: #ffffff !important;}
div.content table.contenttable td.data-info {border-top: 1px solid #c0d8f9; text-align: right;}
div.content table.contenttable td.data-info p {font-size: 0.9em;}


/*
@media screen and (device-aspect-ratio: 2/3) {
   div {
      margin:0 !important;
      padding:0 !important;   
   }
   
   .csc-default {
      margin:0 !important;
      padding:0 !important;   
   }
  
   #c363419 .ui-tabs-panel div div {
       float: unset !important;
       width: 280px;
   }
   
   table.contenttable {
      width:280px !important;   
   }
   
   ul.ui-tabs-nav {
      display:none;
   }
}
*/