/*================================================== LAYOUT STYLES */
/*
    CSS Document for Xstrata
    Build: Adam Duncan on behalf of SAS
*/

html
{
	height: 100%;
}

body
{
	height: 100%;
	background-position: 0 0;
	background-repeat: repeat;
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1,
p.nav_section_header
{
	margin:-8px 0 10px 0;
}

h1.hidden 
{
	position:absolute;
	left:-9999px;
}

/* H2 */
h2
{
	margin-bottom: 0px;
}
.home h2
{
	margin-bottom: 10px;
}
#hero_feature h2
{
	margin:-2px 0 15px;
}

/* H3 */
h3 
{
	margin-bottom:0;
}
#container_footer h3,
.module h3
{
	margin-bottom: 12px;
}

h3 a:hover
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}


/* H4 */


/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
.content_holder
{
	padding: 10px;
}
.module .content_holder
{
	padding: 0 10px 10px 10px;
}
.themed .content_holder
{
	padding: 10px;
}

/* Hub theme panels */
.home #column_feature .feature_holder .content_holder
{
	padding: 20px;
}
#column_feature .container_feature_caption .content_holder 
{
	padding: 10px 10px 12px;
}

.equal_height
{
	height:100%;
}

#column_feature
{
	position: relative;
	float: left;
	display: block;
	width: 570px;
	overflow:hidden;
}
.home #column_feature
{
	width: 480px;
}
#container_content .column_panel
{
	position: absolute;
	display: block;
	left: 0;
	height:100%;
	z-index: -1;
}
#container_content .feature_holder .column_panel
{
	width:100%;
}
.home #container_content .column_panel,
#container_content #container_nav_left
{
	padding-left: 10px;
}

#container_content #container_nav_left
{
	padding-top:29px;
	margin-bottom:20px;
}
#container_content #container_article
{
	position:relative;
	padding-top:20px;
	padding-bottom:60px;
}

/* Content body */
.content_body
{
	padding-bottom:60px;
}

/*-------------> Paragraph */
p
{
	margin-bottom: 10px;
}
p.intro_text
{
	margin-bottom: 20px;
}
#hero_feature p.intro_text
{
	margin-bottom: 16px;
}

p.footer_sub
{
	margin-bottom: 18px;
}
/* Share price */
.container_share_price p
{
	display:inline;
	margin-bottom:0;
	background-repeat:no-repeat;
}
.up p
{
	background-position: right 20px;
}
.down p
{
	background-position: right -80px;
}
.container_share_price p span.currency 
{
	padding-left:5px;
}

/* Key facts */
p.key_fact
{
	margin-bottom:10px;
}
p.key_fact span 
{
	display:block;
}

/* Caption */
p.caption
{
	margin:5px 0 0;
}

/*-------------> Images */

/*-------------> Links */
p a:hover,
.richTextFormat a:hover
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

/* Link button */
a.link_button 
{
	display:inline-block;
	padding:5px 12px;
}
a.button_large 
{
	padding:8px 12px;
}

/* Link read more */
a.link_read_more
{
	display:inline;
	margin-bottom: 10px;
}
a.link_read_more:hover
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

/* Link section header */
p.nav_section_header a:hover,
h1.nav_section_header a:hover
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}



/*-------------> Lists */
ul,
ol
{
	margin-bottom:10px;
	min-height:1px;
	height:auto !important;
	height:1px;
}
ul li
{
	margin-bottom: 8px;
	padding-left:15px;
	background-position:0 6px;
	background-repeat:no-repeat;
}
/* List links */
ul.list_links
{
	margin-bottom: 18px;
}
ul.list_links li
{
	margin-bottom: 8px;
	padding:0;
}
ul.list_links li a
{
	display:inline-block;
	padding-left: 10px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}
ul.list_links li a:hover span
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
ul.list_links li a span.date,
ul.list_links li a span.title
{
	border-bottom-width:0;
	display:block;
}

/* List plain */
ul.list_plain li 
{
	margin-bottom:12px;
	padding:0;
}
ul.list_plain span.date 
{
	display:block;
}
ul.list_plain li a:hover span
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
ul.list_plain li a span.title
{
	border-bottom-width:0;
	display:block;
}

/* List thumb */
ul.list_thumb li
{
	display:block;
	padding:0;
	margin-bottom:10px;
}
ul.list_thumb div.thumb
{
	float:left;
	width:50px;
}
ul.list_thumb div.text
{
	float:left;
	width:150px;
}
.module ul.list_thumb div.thumb
{
	width:50px;
}
.module ul.list_thumb div.text
{
	width:150px;
}
ul.list_thumb div.text span.title 
{
	display:block;
}
ul.list_thumb li div.text a:hover span
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
ul.list_thumb li div.text a span.title
{
	border-bottom-width:0;
	display:block;
}
ul.list_thumb li div.thumb a img
{
	border-width:1px;
	border-style:solid;
}



/* List social */
#container_footer ul.list_social
{
	position: absolute;
	bottom: 0;
	margin:0;
}
ul.list_social li
{
	float: left;
	margin: 0 6px 10px 0;
	padding:0;
}
ul.list_social li a
{
	display: block;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul.list_social li a:hover
{
	background-position: 0 -16px;
}

/* Ordered list */
ol li
{
	list-style-type:decimal;
	margin-bottom: 4px;
	margin-left: 3em;
}

/*-------------> Tables */
table
{
	width:100%;
	margin-bottom:20px;
}
table caption
{
	display:none;
}
table th,
table td
{
	padding:2px 0;
	border-right-width:10px;
	border-right-style:solid;
}
table.history td
{
	padding:4px 0 22px;
}
table.zebra th,
table.zebra td
{
	padding:6px 6px;
}
table th.last,
table td.last
{
	border-right-width:0;
}
table thead th,
table tr.border_bottom td,
table tr.border_bottom th
{
	border-bottom-width:1px;
	border-bottom-style:solid;
}

/*-------------> Modules */
.module
{
	display: block;
	margin-bottom: 10px;
}

.module_dotted
{
	margin-bottom: 10px;
	background-position: 0 bottom;
	background-repeat: repeat-x;
}
#container_footer .module_dotted
{
	min-height: 75px;
	height: auto !important;
	height: 75px;
}

/* Module share price */
.container_share_price
{
	display:block;
	margin-bottom:10px;
}

/* Module inline */
.module_inline
{
	float:right;
	width:150px;
	margin:4px 0 20px 20px;
	position:relative;
}
/* Blockquote */
blockquote
{
	float:right;
	width:240px;
	margin:4px 0 20px -50px;
	position:relative;
	left:70px;
}
.module blockquote
{
	float:none;
	width:auto;
	margin:0;
	padding:5px 10px;
	position:relative;
	left:0;
}
.module blockquote span
{
	display:block;
	padding-top:6px;
}

.container_story_image
{
	position:relative;
	width:460px;
	margin-bottom:20px;
}
.columns img
{
	float:left;
}
.columns p.caption
{
	float:right;
	width:90px;
	margin:0;
}

/* Module graphic */
.module .module_graphic
{
	margin-top:-10px;
	padding-bottom:8px;
}
.module .module_graphic img
{
	display:inline-block;
}

/* Module image */
.module .module_image
{
	position:relative;
}
.module .module_image h3 
{
	position:absolute;
	top:10px;
	left:10px;
	padding-right:10px;
}
.module .module_image a.link_button
{
	position:absolute;
	bottom:10px;
	left:10px;
}

/*-------------> Misc */


/*--------------------------------------------------=> FORMS */


/*--------------------------------------------------=> CONTENT LAYOUT */
/* Grid layout */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_2_extended, .grid_3_extended, .grid_4_extended, .grid_7_extended
{
	display: block;
	float: left;
	position: relative;
	padding-left:10px;
	padding-right:10px;
}
.grid_1
{
	width: 60px;
}

.grid_2
{
	width: 140px;
}

.grid_3
{
	width: 220px;
}

.grid_4
{
	width: 300px;
}

.grid_5
{
	width: 380px;
}

.grid_6
{
	width: 460px;
}

.grid_7
{
	width: 540px;
}

.grid_8
{
	width: 620px;
}

.grid_9
{
	width: 700px;
}

.grid_10
{
	width: 780px;
}

.grid_11
{
	width: 860px;
}

.grid_12
{
	width: 940px;
}

#container_footer .grid_2,
#container_footer .grid_3,
#container_footer .grid_4
{
	padding:0;
	margin-right:20px;
}

/* Extended grid */
.grid_2_extended
{
	width: 150px;
}
.grid_3_extended
{
	width: 230px;
}
.grid_4_extended
{
	width: 310px;
}
.grid_7_extended
{
	width: 550px;
}
.left_offset 
{
	margin-left:-10px;
}

/* Hero stories */
#hero_stories .story_item
{
	position: relative;
	margin-bottom: 10px;
}
#hero_stories .story_item h2
{
	position: absolute;
	left: 20px;
	top: 16px;
}
#hero_stories .story_item a
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 12px 16px;
}

/* Hero features */
#hero_feature 
{
	position:relative;
	margin:10px 0 0 0;
}
.home #hero_feature,
.hub #hero_feature
{
	margin:10px 0 0 0;
}
#hero_feature .feature_item 
{
	position:relative;
	overflow:hidden;
}
#hero_feature .feature_item .container_feature_caption
{
	position:absolute;
	top:10px;
	left:10px;
	background-position:0 0;
	background-repeat:repeat;
}
.feature_holder #hero_feature .feature_item .container_feature_caption
{
	width:280px;
}

/*--------------------------------------------------=> MASTER LAYOUT */
#container_site
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px;
	background-position: 0 0;
	background-repeat: repeat-x;
}
#container_header
{
	display: block;
	position: relative;
	width: 100%;
	height: 170px;
	background-position: 0 160px;
	background-repeat: repeat-x;
	z-index:999;
}
#header_panel
{
	display: block;
	position: absolute;
	width: 100%;
	height: 170px;
	background-position: 0 0;
	background-repeat: repeat-x;
}
#conatiner_support
{
	position:relative;
	width: 960px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin:0 auto;
	padding-top: 20px;
}
#logo
{
	display: block;
	position: absolute;
	top: 20px;
	left: 10px;
	width: 90px;
	height: 74px;
}
#container_main_nav 
{
	width:960px;
	margin:0 auto;
	position:relative;
}
#container_content
{
	width: 960px;
	margin:0 auto;
	z-index:0;
	overflow:hidden;
}
#push
{
	height: 140px;
	clear: both;
}
#container_footer
{
	height: 135px;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	padding-bottom:1px;
}
#container_footer .content_holder
{
	width: 960px;
	margin:0 auto;
	padding: 20px 0 0 20px;
}

/*--------------------------------------------------=> NAVIGATION */
/*-------------> Main nav */
ul#nav_main
{
	position: absolute;
	width: 960px;
	bottom: 10px;
	margin:0;
}
ul#nav_main li
{
	float:left;
	padding: 0;
	list-style: none;
	margin:0 2px 0 0;
}
ul#nav_main li a
{
	display:block;
	padding: 2px 0 0 0;
	width:135px;
	background-position: 0 0;
	background-repeat: repeat;
}
ul#nav_main li.last
{
	margin-right:0;
}
ul#nav_main li.last a
{
	width:138px;
}
ul#nav_main li ul li
{
	display:block;
	float: left;
	margin: 0 8px 4px 0;
}
ul#nav_main li ul li a,
ul#nav_main li.last ul li a
{
	padding: 10px 22px;
	width: 186px;
}

/* Dropdown menu */
#nav_main li .dropdown_container
{
	display: none;
}
.js #nav_main li .dropdown_container
{
	position: absolute;
	top: 34px;
	left: 0;
	padding: 4px 0 0 0;
	width: 468px;
	z-index: 10;
}

/*-------------> Left nav */
ul#nav_left
{
	margin:0 0 12px 0;
	padding-top:8px;
	background-position:0 0;
	background-repeat:repeat-x;
}
ul#nav_left li
{
	display:block;
	padding:5px 0 4px;
	margin:0;
}
ul#nav_left li ul 
{
	background-position:0 bottom;
	background-repeat:repeat-x;
	padding-left:20px;
}
ul#nav_left li a:hover
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
ul#nav_left li.current_parent
{
	padding-bottom:0;
	background-position:right 10px;
	background-repeat:no-repeat;
}
ul#nav_left li.preceding
{
	background-position:0 bottom;
	background-repeat:repeat-x;
}

.js ul#nav_left li ul 
{
	display:none;
}
.js ul#nav_left li.current_parent ul
{
	display:block;
	margin:3px 0 0 0;
	padding-bottom:2px;
}

/*-------------> Support nav */
ul#nav_support
{
	float: right;
}
ul#nav_support li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav_support li a
{
	display: block;
	margin-right: 2px;
	width: 40px;
	height: 35px;
	background-position: 0 0;
	background-repeat: repeat;
	cursor: pointer;
}
ul#nav_support li a span
{
	display: block;
	height: 35px;
	background-repeat: no-repeat;
}
ul#nav_support li a#support_language span
{
	background-position: 0 0;
}
ul#nav_support li a#support_downloads span
{
	background-position: 0 -35px;
}
ul#nav_support li a#support_contact span
{
	background-position: 0 -70px;
}
ul#nav_support li a#support_search span
{
	background-position: 0 -105px;
}
ul#nav_support li a#support_action span
{
	background-position: 0 -140px;
}
/* Current state */
ul#nav_support li a.current
{
	width:auto;
}
ul#nav_support li a.current span
{
	padding:0 12px 0 52px;
}
ul#nav_support li a#support_language.current span
{
	background-position: -540px 0;
}
ul#nav_support li a#support_downloads.current span
{
	background-position: -540px -35px;
}
ul#nav_support li a#support_contact.current span
{
	background-position: -540px -70px;
}
ul#nav_support li a#support_search.current span
{
	background-position: -540px -105px;
}
ul#nav_support li a#support_action.current span
{
	background-position: -540px -140px;
}



/*-------------> SKINNED PAGES STYLES */

/*-------------> Column layout */
#container_article.grid_10
{
	width:540px;
}
#container_article .content-main
{
	width:460px;
	padding:0 10px;
	min-height:476px;
	height:auto !important;
	height:476px;
}

/*-------------> Image gallery */
#container_article.container_image_library
{
	width:780px;
}
#container_article.container_image_library .content-sub
{
	display:none;
}
#container_article.container_image_library .content-main
{
	min-height:1px;
	height:auto !important;
	height:1px;
}
ul.nav-gallery
{
	list-style:none;
	margin:20px 0 0 10px;
}
ul.nav-gallery li
{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:280px;
	min-height:360px;
	height:auto !important;
	height:360px;
}
ul.nav-gallery li figure,
.content-sub figure
{
	margin:0;
}
ul.nav-gallery li img
{
	margin-bottom:10px;
}
ul.nav-gallery li a.action 
{
	display:inline-block;
	padding:5px 12px;
	border-bottom-width:0;
	margin-top:10px;
}
.content-sub figcaption
{
	margin-top:10px;
}

/*-------------> Breadcrumb */
.breadcrumb
{
	display:none;
}

/* Ordered list */
.content ol li#legend-1
{
	list-style-type:none;
	margin-bottom: 4px;
	margin-left: 1.5em;
}

/*-------------> Navigation */
.archive-year h1 
{
	width:460px;
}

/* Year list */
.archive-year ul
{
	position:absolute;
	top:0;
	right:-240px;
	width:220px;
	padding:22px 10px 20px 10px;
}
.archive-year ul li
{
	display:inline-block;
	width:63px;
	margin:0 5px 10px 0;
	padding:0;
}
.archive-year ul li a
{
	position:relative;
	padding:2px 0 4px 20px;
	background-position:0 0;
	background-repeat:no-repeat;
	border-bottom-width:0 !important;
}
.archive-year ul li a span
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
/* Sub content box with year list */
.content-sub
{
	position:absolute;
	top:0;
	right:-240px;
	width:220px;
	padding:22px 10px 20px 10px;
}
.content-sub .archive-year ul
{
	position:relative;
	top:0;
	right:0;
	left:0;
	width:220px;
	padding:0;
}
.content-sub .box,
.content-sub p
{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}
.content-sub .box p
{
	padding-bottom:0;
	margin-bottom:10px;
	border-bottom-width:0;
}

/* Sub content box with bud list */
.content-sub .sub ul
{
	min-height:1px;
	height:auto !important;
	height:1px;
}

/*-------------> Forms */
.content-main form
{
	position:relative;
	width:540px;
	margin-top:20px;
}
.content-main form fieldset
{
	margin-bottom:20px;
}
.content-main form fieldset.col
{
	float:left;
	width:250px;
	margin-right:20px;
}
.content-main form fieldset.last
{
	margin-right:0;
}
.content-main form fieldset.clear
{
	clear:both;
}
.content-main form fieldset input
{
	width:240px;
	margin:4px 0 10px;
	padding:3px;
	border-width:1px;
	border-style:solid;
}
.content-main form fieldset textarea
{
	width:510px;
	height:150px;
	margin:4px 0 10px;
	padding:3px;
	border-width:1px;
	border-style:solid;
}
.content-main form fieldset input#submit
{
	display:inline-block;
	width:auto;
	margin:0;
	padding:5px 12px;
	border-width:0;
	cursor:pointer;
}


/*-------------> Tables */
.content table,
.content-main table
{
	width:460px;
}

.content table th,
.content table td,
.content-main table th,
.content-main table td
{
	padding:6px 8px;
}

/*-------------> Headings */
.content-main h3,
.content-sub h3
{
	margin-bottom: 12px;
}

/*-------------> Links */
.content table a,
.content-main table a,
.content-sub a,
.content ul li a,
.content-main ul li a,
.content a.pdf:hover span,
.content-main a.pdf:hover span
{
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

.content table a.pdf,
.content-main table a.pdf,
.content-main ul li a.pdf
{
	display:block;
	padding:2px 0 2px 20px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.content table .entry-title a.pdf,
.content-main .entry-title table a.pdf,
.content-main ul li a.pdf
{
	display:inline-block;
	padding:2px 0 0 17px;
	margin-right:0.5em;
}

.content-main ul.media li a img
{
	display:inline-block;
}
.content a.pdf,
.content-main a.pdf 
{
	min-height:1px;
	height:auto !important;
	height:1px;
	border-bottom-width:0;
}


/*-------------> Vcard */
.content-sub .vcard
{
	margin-bottom:20px;
}