/*
	IRM Boilerplate 1.3
	Last Edited: 6/03/2012 by Joel Warren
*/

/* general reset */
@import url('css/reset.css');
/* fighting cms code */
@import url('css/cms-reset.css');
@import url('css/common-features.css');

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* ===== Typography ===== */

body, .page {
	font-size: 14px;
	line-height: 1.5;}
h1, h2, h3, h4, h5 {font-weight: normal; margin:0 0 14px; line-height:1.5; font-family: 'Lato', sans-serif; }
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

h1 { color: #3b393d; }
h5 { color: #ea5b00; }

p {margin:0 0 14px;}







/* ===== Layout ===== */

img{
	max-width:100%;
}

/* slider */
#slider-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 460px;
	margin-bottom: 25px;
}



/* ===== Colours ===== */




::-moz-selection { background: #f8ccaf; color: #3b393d;}
::selection { background: #f8ccaf; color: #3b393d;}

a { color: #ea5b00; text-decoration: none; }
a:visited { color: #ea5b00; }
a:hover { color: #ea5b00; }
a:focus { outline: none; }

/* table colours */
.cms-tbl .alt { background:#f1f1f1;}
.cms-tbl {
    background:#FAFAFA;
    border-color: #CCCCCC;
    color: #666666;}
.cms-tbl th {
    background: #E6E6E6;
    color: #333333;}
.cms-tbl th, .cms-tbl td {
    border-color: #CCCCCC;}


/* ===== Effects ===== */



/* ===== Content styling ===== */
/* invisible layout table styling */
.l-tbl {}
.l-tbl th {text-align: left;}
.l-tbl td, .l-tbl th {
    padding: 5px 5px 5px 0;
    vertical-align: top;}

/* table styling */
.cms-tbl {
    border-left: 1px solid;
    border-top: 1px solid;
    margin: 0 0 1em;}
.cms-tbl th, .cms-tbl td {
    padding: 3px 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;}
.cms-tbl .rank {text-align: center;}
.cms-tbl .name {}
.cms-tbl th.shares {text-align: center;}
.cms-tbl .shares {text-align: right;}
.cms-tbl th.percent {text-align: center;}
.cms-tbl .percent {text-align: right;}

.annualreport td {
	vertical-align: middle;}

.cms-tbl.ar-breakdown {width: 100%;}
.cms-tbl.ar-breakdown .fsize {text-align: center;}
.cms-tbl.ar-breakdown .download {text-align: center;}

.cms-tbl.ar-breakdown {width: 100%;}
.cms-tbl.ar-breakdown .fsize {text-align: center;}
.cms-tbl.ar-breakdown .download {text-align: center;}
.ar-tbl td, .ar-tbl th, .ar-tbl-top td, .ar-tbl-top th {
padding: 0 10px;
line-height: 32px;
vertical-align: middle;}
.ar-tbl,
.ar-tbl-top {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 40px;}
.ar-tbl td,
.ar-tbl th,
.ar-tbl-top td,
.ar-tbl-top th {
	padding: 0 10px;
	line-height: 32px;
	vertical-align: middle;}
.ar-tbl .ar-section {
	text-align: left;}
.ar-tbl .ar-size {
	text-align: right;}
.ar-tbl .ar-pdf {
	text-align: center;}
.ar-tbl img {
	display: inline;}

.ar-tbl th {
	color: #fff;
	background: #404040;}
.ar-tbl tr:nth-child(odd) td {
	background: #f9f9f9;}
.ar-tbl tr:hover td {
	cursor: pointer;
	background: #efefef;}


.styled th {
	font-weight:bold;
	color:black;
}
.styled tr:hover, .styled tr:hover th {
	color: #ffffff;
background: #525252 url(images/tablebg.jpg) no-repeat left top;
}
.styled tr td {
	text-align: right;
}
table
{
border-collapse:collapse;
width: 100%;
}
.styled .subhigh {
	border-top:2px solid #ea5b00;
	border-bottom:2px solid #ea5b00;
	font-weight:bold;
	background:#F0EBE5;
}
table.styled {

}
/* Accordion */
#accordion h3 {font-weight: bold; font-family: sans-serif;}
/* accordion table */
.ees-tbl {
	border-bottom: 1px solid #f7911f;
	margin:10px 0;
}
.ees-tbl th,
.ees-tbl td {
	padding:5px 10px 5px 5px;
	vertical-align:top;
}
.ees-tbl th {
	font-weight:bold;
	border-top: 1px solid #f7911f;
	border-bottom: 1px solid #f7911f;
	text-align:left;
}
.ees-tbl tr:nth-child(even) td {
	background:#EFEFEF;
}
.ees-tbl tr:hover td,
.ees-tbl tr:hover td a {
	/*background:#476075;
	color:#FFF;*/
	color:#fff;
	background: linear-gradient(#1E1E1E, #525252);
}
.ees-tbl .title {
	width:25%;
}
.ees-tbl .pdf {
	width:21%;
	font-size:smaller;
	text-align:right;
}
tr.clickableRow:hover {
	cursor: pointer;
}
tr.clickableRow:hover td {
	color:#fff;
	/*color:#0AF;*/
}

/* ===== Common Classes ==== */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.left  { float:left}
.right { float:right}
	img.center { margin: 0 auto; display: block;}
	img.left { display: block; float:left;margin:0 14px 7px 0;}
	img.right { display: block; float:right;margin:0 0 7px 14px;}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

.clickable {cursor: pointer;}

.a-right    { text-align:right;}
.a-left     { text-align:left;}
.a-center   { text-align:center;}
.a-justify  { text-align:justify;}



body { color: #3b393d; }
#header:after,
#navigation:after,
.main:after,
#footer:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.wrapper { margin: 0 auto; max-width: 960px; width: 96%; }
/* ===== mainmenu ===== */
.crumbs {
	margin:-20px 0 20px 0;
}
#navigation {
	position: absolute;
	top: 80px;
	z-index: 9;
	/* right: 150px; */
	right:0px;
	background: url(images/bg_nav.png) repeat-x;
	padding-right: 20px;
	width: 960px;
	/* Was 780px with 150px right */
}
.signup-email a {
	position: absolute;
	top: 122px;
	z-index: 1;
	text-align: center;
	right: 0;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	width: 180px;
	background: url(images/bg_signupemail.png) repeat-x;
	font-size: 12px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.signup-email a:hover {
	text-shadow:1px 1px 10px #000;
	color:#e19552;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.signup-email a { color: #ffffff; }
#header { width: 960px; margin: 0 auto; height: 80px; position: relative; }
#header #title { position: absolute; top: 28px; left: 0; }
#header .anglo-logo { position: absolute; top: 15px; right: 140px; }
#header .independence-logo { position: absolute; top:15px; right: 0px; }
.home-page .main { /* font-size: 12px; */ width: 100%; margin: 0; }
#slider .caption-container { width: 960px; margin: 0 auto; position: relative; }
#slider .caption { position: absolute; top: 90px; left: 22px; font-size: 18px; width: 500px; }
#slider .caption h1 { color: #ea5b00; }
#slider .caption span { color: #ea5b00; }
#slider .caption span:hover { color: #ea5b00; text-decoration: underline; }


.info-box{
	width:30%;
	padding:15px;
	margin:0 10px;
	/*background:#ea5b00;*/
	color:#6D6C6B;
	font-size:22px;
	line-height:26px;
	font-style:italic;
	font-family:"Times New Roman", "Times", Courier, Garamond, serif;
	text-shadow:1px 1px 2px #CACACA;
}
.info-box.right{
	margin-right:0px;
	padding-right:0px;
}
.info-box.left{
	margin-left:0px;
	padding-left:0px;
}
.col3{
	width:32%;
	float:left;
	margin-right:2%;
}
.col3.last{
	margin-right:0;
}
.link-button{
	position:relative;
	padding:15px 15px 10px 15px;
	background:#ddd;
	moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.link-button:hover{
	background:#ea5b00;
	box-shadow:1px 1px 6px #777;
	color:#ddd;
	text-shadow: 1px 1px 3px #000;
}
.link-button img{
	height:95px;
}
.link-button p{
	font-size: 16px;
	margin:4px 0 0;
}
/* THIS IS OUTDATED */
.box-tab { width: 470px; float: left; margin-right: 30px; }
.box-overview { width: 219px; float: left; margin: 5px 20px 0 0; color: #6f6f6f; }
.box-project { width: 219px; float: right; color: #6f6f6f; margin-top: 5px; }
.box-overview h5, .box-project h5 { margin: 10px 0 5px; padding: 0; }

.button {
	background: #ededed;
	color: #6f6f6f;
	border: 0;
	cursor: pointer;
	padding: 8px 20px;
}

.sharePriceColumn {
background-color: transparent !important;
}

.banner { height: 270px; margin-bottom: 50px; background: url(images/banner.jpg) top center; }
.banner.operations { background: url(/irm/media/69/Operation.jpg) top center; }
.banner.sustainability { background: url(images/banner_sustainability.jpg) top center; }
.banner.exploration { background: url(/irm/media/67/Exploration.jpg) top center; }
.banner.biodiversity { background: url(/irm/media/65/Biodiversity.jpg) top center; }
.banner.news { background: url(/irm/media/68/News-Media.jpg) top center; }
.banner.employment { background: url(images/employment.jpg) top center; }
.banner.partners { background: url(images/banner_partners.jpg) top center; }
.banner.contact { background: url(/irm/media/66/Contact.jpg) top center; }

.sidenav { float: left; width:225px; font-size: 12px; }
.sidenav li { }
/* .sidenav li a, .sidenav li.current li a, .sidenav li li a, .sidenav li:hover li a { color: #1f1a17; } */
.sidenav li a {padding-left: 30px;  color: #4c4c4c; line-height: 34px; display: block; border-bottom: 1px solid #eeeeee; background: url(images/bg_sidenav.jpg) no-repeat 10px center;}
.sidenav ul#sidenav li a:hover, .sidenav ul#sidenav li.current a { color: #ffffff; background: #525252 url(images/bg_sidenav_current.jpg) no-repeat left center;  }
.sidenav li.current { border-bottom: none; }
.sidenav ul#sidenav li ul {display: none;}
.sidenav ul#sidenav li.current ul {display: block;}
.sidenav ul#sidenav li.current ul li a {
	margin-left: 20px;
	padding-left: 30px;
	color: #4c4c4c;
	line-height: 34px;
	display: block;
	border-bottom: 1px solid #eeeeee;
	background: url(images/bg_sidenav.jpg) no-repeat 10px center;
}
.sidenav ul#sidenav li.current ul li ul li a {
	margin-left: 35px;
	padding-left: 45px;
	color: #4c4c4c;
	line-height: 34px;
	display: block;
	border-bottom: 1px solid #eeeeee;
	/* background: url(images/bg_sidenav.jpg) no-repeat 10px center; */
}



.sidenav ul#sidenav li.current ul li a:hover, .sidenav ul#sidenav li.current ul li.current>a { color: #ffffff; background: #525252 url(images/bg_sidenav_current.jpg) no-repeat left center;  }


.entry-content { float: right; width: 695px; min-height: 300px; }
.entry-content.full { float: none; width: 920px; }
.entry-content ul,
.entry-content ol {
	padding: 0 0 0 40px;
	margin: 0 0 24px;
}
.entry-content ul ul,
.entry-content ol ol {
	margin: 0;
}
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style: decimal;
}
.entry-content ul ul {
	list-style: circle;
}
.entry-content ol ol {
	list-style: roman-lower;
}

.sep { background: #4e4e4e; height: 2px; margin: 20px 0; }
.overview-col { font-size: 12px; color: #bbbbbb; }
.overview-col .col-1 { float: left; width: 220px; margin-right: 18px; }
.overview-col .col-2 { float: left; width: 220px; }
.overview-col .col-3 { float: right; width: 220px; }
.overview-col h6 { padding: 15px 5px; color: #3b393d; }
.overview-col p { padding: 0 5px; }
#footer { background: #dde5f2; padding: 10px 0; font-size: 11px; margin-top: 30px; }
#footer a { color: #3b393d; }
#footer .credit	{ float: right; }
#footer .credit img { vertical-align: middle; margin: 0; display: inline; }
#utilities { top: 15px; }
#utilities a { outline: 0; }
/* in case of print ico only
#utilities a.printPage { margin-left: 52px; }
*/

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em 0 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 0 1px 0 0; border-bottom: 0; padding: 0; white-space: nowrap; background: #939393; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 0; text-decoration: none; color: #ffffff; margin: 0; width: 150px; text-align: center; }
.ui-tabs .ui-tabs-nav li:last-child { margin-right: 0; }
.ui-tabs .ui-tabs-nav li:last-child a { width: 153px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #ededed; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { color: #939393; cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px 35px 50px; background: #ededed; height: 200px; }

.group1 img {
	padding-bottom: 9px;
	padding-left: 9px;
}
.group2 img {
	padding-bottom: 9px;
	padding-left: 9px;
	width: 100px;
	height: 100px;
}
.group3 img {
	padding-bottom: 9px;
	padding-left: 9px;
	width: 100px;
	height: 100px;
}
.cursor {
	cursor: pointer;
}
.caption-container {
}
.caption {
	background:#666666;
	/* background:rgba(255,255,255,0.8); */
	background:rgba(0,0,0,0.8);
	padding:0 20px;
	left:0;
}
.caption p {
	color:#CCCCCC;
}
/*
a#smaller.textresize {
	display:none;
}
a#larger.textresize {
	display:none;
}*/
a.printPage {
	position:absolute;
	right:0;
}
.ui-tabs-anchor a {
	padding:0;
	margin:0;
}
.caption-container {
	cursor:pointer;
}


.moreslide {
	font-weight:normal;
	font-size:14px;
}

.email_icon {
	margin:-3px 0 0 -5px;
}
#sidenav li ul li a {
	line-height:15px !important;
	padding:9px 0;
}

p.pdf-link {background: url("images/pdf.png") no-repeat; padding: 5px; cursor: pointer;}
.pdf-link a{margin-left: 30px;}
.pdf-link a:hover {text-decoration: underline;}

.article {font-size: 14px;}

/* ===== Print ===== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
}

.article .spanFileSizeContainer{
	float: left;
    padding-left: 38px;
    font-size: 12px;
    font-style: italic;
}
.article img{
	float: left;
	padding-top: 5px;
}
.article a{
	display: block;
	float: left;
	width: 90%;
	padding: 5px 0 10px;
}

.regis-logo {
    height: 50px;
    position: absolute;
    right: 0px;
    top: 22px;
}
.regis-logo img {
  display:inline-block;
  height:40px;
}

#header .anglo-logo {
    position: absolute;
    top: 15px;
    right: 210px;
}