/*
  ocre: #ffd122;
*/

html
{
  height: auto;
}

.container
{
  font-family: "proxima-nova-condensed-n4", "proxima-nova-condensed", ProximaNovaCnRgRegular;
  font-size: 14px;
  min-height: 570px;
  position: relative;
}

#factsheet
{
  display: none;
  margin-top: 130px;
}

#modules
{
  margin-top: 50px;
}

#countries li, #subsidiary, #datatable tr, #datatable .total
{
  display: none;
}

#breadcrumbs
{
  position: relative;
  z-index: 2000;
  margin-top: 9px;
}

#breadcrumbs a
{
  display: block;
  float: left;
  color: #fff;
  background: #ff7700;
  padding: 3px 15px 3px 19px;
  font-size: 16px;
  position: relative;
}

#breadcrumbs .first
{
  padding-left: 10px;
}

#breadcrumbs .sep
{
  width: 9px;
  height: 30px;
  display: block;
  position: absolute;
  right: -9px;
  top: 0;
  z-index: 20;

  background-image: url(../images/content/breadcrumb-orange.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#breadcrumbs .end
{
  background-color: #ffd122;
  color: #000;
}

#breadcrumbs .end .sep
{
  background-image: url(../images/content/breadcrumb-yellow.png);
}

#breadcrumbs a:hover .sep,
#breadcrumbs .sep:hover
{
  background-image: url(../images/content/breadcrumb-yellow.png);
}

#breadcrumbs a:hover,
#breadcrumbs a.end:hover
{
  background-color: #ffd122;
  color: #000000;
  text-decoration: none;
}


#country-name
{
  margin: 10px 0 0;
  color: #ffd122;
}


#country-info h3
{
  color: #ffd122;
  font-size: 18px;
  margin: 5px 0;
}

/* countries */

#countries
{
  margin: 32px 0 0 0;
  z-index: 2000;
  position: relative;
}

#countries a
{
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding-left: 17px;
}

#countries a:hover,
#countries a.active
{
  color: #ffd122;
  font-size: 18px;
  background: url(../images/overlay-arrow-yellow.png) no-repeat left center;
}

/* infographic */

#infographic
{
  position: relative;
  min-height: 720px;
}

#infographic img
{
  position: absolute;
  left: -9999px;
}

#infographic svg
{
  position: relative;
  z-index: 1000;
}

/* subsidiary */

#subsidiary
{
  margin-top: 35px;
  position: relative;
  z-index: 2000;
}

#subsidiary.col_2
{
	width: 292px;
}

#subsidiary .show-factsheet
{
  float: left;
  width: auto;
  margin-bottom: 20px;
  color: #ff7701;
  text-transform: capitalize;
  position: static;
}

/* placeholder */
#placeholder
{
  min-height:300px;
	width: 400px;
}


/*
 * datatable
 */

#datatable
{
  margin-top: 35px;
  clear: both;
}

#datatable table
{
  border-collapse: separate;
  width: 100%;
}

.ie7 #datatable table,
.ie8 #datatable table
{
  border-collapse: collapse;
}

#datatable th
{
  background-color: #ff0f00;
  color: #fff;
  text-align: left;
  font-weight: normal;
}

#datatable .licenses
{
  padding-right: 7px;
}

#datatable sup
{
  position: relative;
  font-size: .7em;
  top: -4px;
}

#datatable td
{
  color: #000;
  background-color: #ffd122
}

#datatable.highlight td
{
  background-image: url(../images/black80.png);
}

#datatable.highlight .active td,
#datatable.highlight td.active
{
  background-image: none;
}

#datatable td.name,
#datatable.highlight td.active.name
{
  background: url(../images/content/infographic/table-arrow-right.png) no-repeat scroll 96% center #ffff0c;
}

#datatable td.area
{
  background-color: #ff7700;
}
#datatable td.acre
{
  background-color: #ff7700;
}

#datatable td.prospects
{
  background-color: #f44b00;
}


#datatable th,
#datatable td
{
  padding: 3px 10px 3px 5px;
  border: 1px solid #000;
}

#datatable td:first-child
{
  cursor: pointer;
}

#datatable .total
{
  padding: 20px 10px;
  background: #ffd122;
  color: #000;
  border: 1px solid #000;
	border-right: 1px solid #000;
  font-size: 20px;
}

#datatable .total-quantity
{
  float: right;
}

#datatable th.sortable
{
  cursor: pointer;
}

#datatable th.sort-asc
{
  background: url(../images/content/infographic/table-arrow-down.png) no-repeat scroll 90% center #ff0f00;
}

#datatable th.sort-desc
{
  background: url(../images/content/infographic/table-arrow-up.png) no-repeat scroll 90% center #ff0f00
}

#country-info
{
  margin-bottom: 20px;
}

#factsheet
{
  display: none;
}

.clear
{
  height: 0;
  clear: both;
}

.show-factsheet
{
  color: #ff7701;
  background: #202020;
  font-weight: bold;
  padding: 4px 5px;
  width: 966px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  z-index: 3000;
}


#country-info p,
#datatable tbody
{
  font-family: Arial;
}