html {
    overflow-y: scroll;
}
/*-----MAIN STRUCTURE-----*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, helvetica, arial, sans-serif;
    background: #fff;
    color: #646464;
}
a img 
{
    border-width: 0px;
}


.ms-globaltitlearea,
.ms-pagebottommarginleft,
.ms-pagebottommargin,
.ms-pagebottommarginright,
.ms-bodyareapagemargin,
.ms-pagemargin,
TD.ms-rightareacell DIV.ms-pagemargin,
.ms-nav,
.ms-titlearealeft,
TD.ms-titleareaframe,
DIV.ms-titleareaframe,
.ms-titleareaframe,
.ms-pagetitleareaframe,
.ms-pagetitleareaframe TABLE,
.ms-bodyareaframe,
.ms-quicklaunchouter,
.ms-WPHeader TD,
.ms-topnav,
.ms-topnavselected,
.ms-topnavContainer,
.ms-bannercontainer,
.ms-consolemptablerow,
.ms-pagebreadcrumb,
.ms-pagebreadcrumb A,
.ms-quicklaunchheader,
.ms-navitem TD,
TABLE.ms-navitem TD,
TABLE.ms-recyclebin TD,
.ms-quicklaunch table.ms-navheader td, 
.ms-navheader2 td, 
.ms-quicklaunch span.ms-navheader,
.ms-navsubmenu1,
.ms-quicklaunch table.ms-selectednav td,
.ms-selectednav 
{
    background-color: Transparent;
    background-image: none;
    border-width: 0px;
}
.ms-globaltitlearea
{
    padding-top: 18px;
    padding-left: 18px;
    padding-right: 18px;
}

TD.ms-titleimagearea 
{
    padding-left: 0px;
    padding-bottom: 18px;
}

div.xstrata-languages 
{
    text-align: right;
}

div.xstrata-languages  a{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10pt;
    line-height: 1em;
    color: #0c2577;
    text-decoration: none;
}

div.xstrata-languages  a.xstrata-endofline 
{
    padding-right: 0px;
}

div.xstrata-languages a:hover{
    text-decoration: underline;
}        

div.xstrata-languages  a.xstrata-endofgroup {
    border-right: 1px solid #0c2577;
}

.ms-sbLastcell 
{
    padding-right: 0px;
}

.ms-bannercontainer {
    height: 36px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    background: url(/XstrataBranding/Images/Background/MainNav.png) 0 0 no-repeat;
}

.ms-topnav,
.ms-topNavFlyOuts
{
    font-family: verdana;
    font-size: 12px;
}

       
.xstrata-body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 900px;
    font-size: 9pt;
}



.xstrata-footer{
    margin: 10px 0px 0px 0px;
    border-top: 1px solid #e0dbd8;
    font-size: 10px;
    padding-left: 18px;
}

.xstrata-footer ul {
    list-style-type: none;
    margin: 15px 0 0 0;
    padding: 0px 0px 25px 0px;
}

.xstrata-footer ul li {
    float: left;
    color: #99877D;
    border-right: 1px solid #acacac;
    padding: 0px 22px;
}

.xstrata-footer ul li.first_item {
    padding-left: 0px;
}

.xstrata-footer ul li.last_item {
    border: none;
}

.xstrata-footer ul li a,
.ms-topnav a,
.ms-topNavFlyOuts a {
    color:#0066CC;
    text-decoration: none;
}

.xstrata-footer ul li a:hover,
.ms-topnav a:hover,
.ms-topNavFlyOutsHover a:hover {
    color:#99877D;
    text-decoration: none;
}

.ms-topNavFlyOuts a
{
    display: block;
    width: 100%;
}

.ms-topNavFlyOuts 
{
    background: white;            
}

.ms-pagetitle 
{
    font-family: Verdana;
    font-size: 18px;
    color: #003366;
    margin-top: 5px;
}

.ms-siteaction 
{
    margin-right: 18px;
}

.ms-nav
{
    margin-top: 8px;
}

.ms-nav,
.ms-nav TD,
TABLE.ms-navitem TD 
{
    font-family: Verdana;
    font-size: 12px;
}

.ms-quicklaunchouter 
{
    margin: auto;
    border-bottom-width: 0px;
    border-right-width: 0px;
}

/* Inner container for the quicklaunch bar */
.ms-quickLaunch 
{
    background-color: transparent;
    border-width: 0px;
    font-size: 100%;
    line-height: inherit;
}

/* Standard MS style repeated here so you're aware of it */
.ms-quicklaunch span {
    display:block;
}

/* Inner style for the "View All Content" link. font-weight is because the containing H3 makes it bold */
.ms-quicklaunchheader {
    background-color: transparent;
    background-image: none;
    border-left-width: 0px;
    font-size: 100%;
    font-weight: normal;
    padding: 0px;
}

/* Set a background for the tree view if enabled. Has a fixed height of 400px when turned on even if tree if shorter */
div.ms-treeviewouter {
}

/* Remove top border when the tree view is enabled */
div.ms-treeviewouter div {
    border-width: 0px;
}

/* Remove the bottom margin on 2nd level submenus */
.ms-navsubmenu2 {
    margin-bottom: 0px;
    background-color: transparent;
}

/* Remove left border between items and their icon in a treeview but keep the space */
.ms-treeviewouter td.ms-navitem {
    border-left: 2px solid transparent;
}


/* Clear background on wiki menu items */
#NavBarRecentChanges .ms-navsubmenu2,
#NavBarRecentChanges {
    background: none;
}


/* Menus in the quick launch area */

.ms-quicklaunchouter .AspNet-Menu {
    padding-left: 0px;
    margin: 0px;
    margin-top: 20px;
}
    
.ms-quicklaunchouter .AspNet-Menu li {
    list-style: none;
}

/* Header level items within the quicklaunch area:

   -  Level 0 navigation items 
   -  the header for 'Recent Changes' on the wiki menu
   -  the "View All Pages" link on the wiki menu
   -  the "Site Hierarchy" title in the tree view

   Due to an annoying bug in IE + bad styling in core.css, you end up having to define
   an explicit line height here here in points or pixels. auto/inherit/em/% won't work 
 */
.ms-quicklaunchouter .ms-quicklaunchheader,
.ms-quicklaunchouter .ms-navheader a,
.ms-quicklaunch > div > a,
.ms-quicklaunch div table td .ms-addnew {
    color: #FC6F23;      
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
    line-height: 24px;
    display: block; 
    font-weight: normal;   
}

.ms-quicklaunchouter .ms-navheader a.ms-selectednavheader 
{
    font-weight: bold;
}


.ms-quicklaunch table.ms-selectednav,
.ms-quicklaunch table.ms-selectednav td {
    background-color: Transparent;
    background-image: none;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}                  


 
table.ms-selectednav TD A.ms-selectednav
{
    color: #99877d;
    font-weight: bold;
}

.ms-navitem a, 
.ms-navitem a:visited
{
    color: #99877d;
    line-height: 24px;
}

/* For some reason firefox doesn't pick up the master no-underline rule for quicklaunch */
.ms-quicklaunchouter a:link,
.ms-quicklaunchouter a:visited
{
    text-decoration:none;
}
.ms-quicklaunchouter a:link:hover,
.ms-quicklaunchouter a:visited:hover
{
    text-decoration: underline;
}

.ms-quicklaunchouter .ms-quicklaunchheader {
    border-width: 0px;
}

/* Level 1 navigation items + items in the 'Recent Changes' wiki menu */

#NavBarRecentChanges .ms-navitem,
.ms-quicklaunchouter .AspNet-Menu li.AspNet-Menu-1 {
    padding-left: 10px;
    line-height: 24px;
    background: none;
}


/* Recycle bin */
.ms-quicklaunch table td,
table.ms-recyclebin td {
    background: none;
    padding: 0px;
    border-width: 0px;
}


/* Confusingly, this style is on the graphic in front "View All Pages" link on the wiki, but not
   anywhere in the "recent chagnes" section. */
.ms-recentchanges {
    display:none;
}

/* The "View All Pages" link has hard-coded 4 pixel padding. Undo this with negative margins on the
   link inside */
.ms-quicklaunch div table td .ms-addnew {
    margin: -4px;    
    display: block;
}

.ms-selectednav,
.ms-quicklaunch table.ms-navheader td, 
.ms-navheader2 td, 
.ms-quicklaunch span.ms-navheader {
    border-width: 0px;
    padding: 0px;
}


/* Page editing areas */
        
.ms-globalbreadcrumb,
.ms-consoletitleareaframe,
.ms-consoletitleareaframebottom,
table.ms-recyclebin td,
.ms-quicklaunchouter .ms-quicklaunchheader
{
    background-color: #FC6F23;
    background-image: none;
}

.ms-quicklaunchouter .ms-quicklaunchheader,
table.ms-recyclebin td
{    
    line-height: normal;        
    padding: 4px;
}

table.ms-recyclebin td a,
.ms-quicklaunchouter .ms-quicklaunchheader a
{
    line-height: 24px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    color: White;
}

.ms-consoletitleareaframebottom
{
    bottom: 0px !important;
}

.ms-consoleframe
{
    border-color: #FC6F23;
    border-bottom-width: 4px;
    border-top-width: 4px;
}

.ms-globalbreadcrumb A,
.ms-globalbreadcrumb A:hover,
.ms-globalbreadcrumb .ms-globallinks A,
.ms-globalbreadcrumb .ms-globallinks A:hover,
.ms-globalbreadcrumb .ms-SPLink a:link
{
    font-weight: bold;
    color: White;
}

.ms-globalbreadcrumb .ms-SPLinkButtonActive,
.ms-globalbreadcrumb .ms-hovercellactive
{
    background-image: none;
    background-color: Transparent;
    border-color: Transparent;
}

.ms-globalbreadcrumb .ms-SPLinkButtonActive a:hover
{
    text-decoration: underline;
}


.ms-wpTitle
{
    font-size: 18px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: normal;
}

.ms-rteCustom-Main-Heading
{
    font-size: 18px;
    font-family: Verdana;
    color: #003366;
}

.ms-rteCustom-Sub-Heading
{
    font-size: 12px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: bold;
}

.ms-rteCustom-First-Paragraph
{
    font-size: 15px;
    font-family: Verdana;
    color: #646464;
}

.ms-rteCustom-Float-Left-White
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ms-rteCustom-Float-Right-White
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.ms-rteCustom-Float-Left-Grey
{
    background-color: #E0E0E0;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px;
}

.ms-rteCustom-Float-Right-Grey
{            
    background-color: #E0E0E0;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: right;
    padding: 6px;
}

.ms-rteCustom-Float-Left-White img,
.ms-rteCustom-Float-Left-Grey img,
.ms-rteCustom-Float-Right-White img,
.ms-rteCustom-Float-Right-Grey img {
    display: block;
    margin-bottom: 6px;
}

.ms-rteCustom-CaptionLink,
.ms-rteCustom-CaptionLink A:link,
.ms-rteCustom-CaptionLink A:visited,
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
    color: #FC6F23;     
    text-transform: uppercase;
    text-align: right;
}

.ms-bodyareaframe UL
{
    margin-left: 20px;            
}

.ms-bodyareaframe LI
{
    /*font-size: 11px;*/
    font-family: Verdana;
    /*color: #003366;*/
    list-style-image: url(/XstrataBranding/Images/Icon/Bullet.gif);
    /*text-transform: uppercase;*/
}

.ms-bodyareaframe p,
.ms-rteCustom-Body-Text
{
    font-size: 11px;
    font-family: Verdana;
    color: #646464;
}        

.xstrata-compactimagelist {
    clear: both;
    margin-bottom: 10px;
}

.xstrata-imagelist,
.xstrata-plainlist {            
    clear: both;
    margin-bottom: 30px;
    margin-right: 100px;
    margin-left: 50px;
}

.xstrata-image {
    height: 70px;
    width: 50px;
    margin-bottom: 10px;
}

.xstrata-compactimagelist .xstrata-image {
    float: right;
    margin-left: 10px;
}

.xstrata-imagelist .xstrata-imageholder {
    background-color: #E3E1E0;
    width: 90px;
    height: 90px;
    float: left;
    text-align:center;
    padding-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}

.xstrata-imagelist .xstrata-image {
    margin: 0px;            
}

.xstrata-date {
    font-size: 12px;
    font-family: Verdana;
    color: #ad9a8e;
}

.xstrata-compactimagelist .xstrata-date {
    font-weight: bold;
}

.xstrata-heading {
    display: block;
    font-family: Verdana;
    font-size: 12px;
}

.xstrata-imagelist .xstrata-heading,
.xstrata-plainlist .xstrata-heading,
 {
    color: #ad9a8e;
}

.xstrata-compactimagelist A.xstrata-heading:link,
.xstrata-compactimagelist A.xstrata-heading:visited {
    color: #FC6F23;            
}

.xstrata-title {            
    font-weight: bold;
    padding-right: 0.5em;
}

.xstrata-description {
    font-size: 12px;
    font-family: Verdana;
    color: #646464;
    margin-top: 0.3em;        
}

.xstrata-compactimagelist .xstrata-description {
    font-size: 11px;
}

.xstrata-file {            
    display: block;
    margin-top: 10px;
}

.xstrata-imagelist .xstrata-file {
    margin-left: 100px;
}

td.ms-pagetitleareaframe
{
    padding-left: 10px;           
}

h1.ms-sitetitle,
h1.ms-sitetitle A:link,
h1.ms-sitetitle A:visited
{
    padding-left: 15px;
    color: black;
    font-family: Verdana;
    font-size: 20px;
    font-weight: normal;
}

.xstrata-contactus-item
{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.xstrata-contactus-reason
{
    font-size: 12px;
    font-family: Verdana;
    color: #ad9a8e;
    font-weight: bold;
}

.xstrata-contactus-title
{
    font-weight: bold;
    margin-bottom: 6px;
}

.xstrata-contactus-address
{
    margin-top: 0px;
    font-family: Verdana;   
}

.xstrata-search-header
{
    text-align:right;
}                
                

.bsg-vnav-variation-link 
{
    font-weight:bold;
    color:White !important;
   
}