/* ----------------------------------------------------------------- Author: M Ferriera element electronic media Created: 20 May 2008 Last modified: 23 May 2008 Colours: Greys - #F5ECD6 #949494 #E0E0E0 #727272 Beige - #CCCC99 #B8B872 Blue - #AE540C -------------------------------------------------------------------*/ #header { margin: 0 auto; z-index: -1; } body { margin: 0; padding: 0; background:url(../images/main_bg.gif) repeat /*background: #FFF url(../images/bg.gif) repeat-y top left;*/} img { border: none;} #tabletext { font: normal 11px Arial, Helvetica, sans-serif; color: #000;} .Rule { border-bottom:1px solid #B2A346;} .box { margin: 0 ; padding: 5px; border: 1px solid #E2EBEA; text-align: center; } p { font: normal 11px Arial, Helvetica, sans-serif; color: #333;} .maintxt { font: normal 11px Arial, Helvetica, sans-serif; color: #333;} .formInput { font: 9px Arial, Helvetica, sans-serif ; color: #B8B872; text-align: center; border-top: 1px solid #939598; border-right: 1px solid #E2E2E3; border-bottom: 1px solid #E2E2E3; border-left: 1px solid #939598;} #homeBlurb { margin: 0; padding:0;} #homeBlurb p { margin: 0 20px; padding:0; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 17px; text-align:center; } #quikLink { margin: 0; padding:0; color:#AE540C;} #quikLink { margin: 0; padding:0; } #quikLink ul { margin: 0 20px; padding:0;} #quikLink ul li { margin: 0; padding:0; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; float: left; list-style-type: none;} #quikLink ul li a {margin: 0; padding:0; font: bold 14px Arial, Helvetica, sans-serif; color:##93A5B0; text-decoration: none;} #quikLink ul li a:hover { margin: 0; padding:0; font: bold 14px Arial, Helvetica, sans-serif; color:#AE540C;} .ruleLgrey { border-bottom: 1px solid #455560; } .ruleLwhite { border-bottom: 1px solid #FFF;} .smltxtGrey { font: normal 10px Arial, Helvetica, sans-serif; color: #999;} .smltxt { font: normal 10px Arial, Helvetica, sans-serif; color: #333;} a.smltxtGreyLink { font: normal 10px Arial, Helvetica, sans-serif; color: #999; text-decoration: none;} a:hover.smltxtGreyLink { font: normal 10px Arial, Helvetica, sans-serif; color: #18487F; text-decoration: none;} .smltxtwhite { font: normal 10px Arial, Helvetica, sans-serif; color: #FFF;} h1 { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0;} h2 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 0;} h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #000; width: 100%; margin:0; padding: 2px; background: url(../images/grey_aroicon.gif) no-repeat center right;} h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; margin: 0; padding: 0;} /*News articles items component on the homepage and with in the news pages*/ dl.latestNews { margin: -1px 0px; padding: 0; } dl.latestNews dt { margin: 0; padding: 0; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #333 !important; height: auto; text-align: left; }/*forces block text to align left-displaying correctly*/ dl.latestNews dd { clear: left; margin: 0 ; padding: 3px 10px 2px 0; font: 11px Arial, Helvetica, sans-serif; color: #333 !important; width: auto; display: block;} dl.latestNews dd.hed { font-style: italic;} dl.latestNews dd a { float: right; clear: left; margin: 0 ; padding:0; font: 11px Arial, Helvetica, sans-serif; color: #333 !important; width: auto; display: block; text-decoration: none;} dl.latestNews dd a:hover { float: right; clear: left; margin: 0 ; padding:0; font: 11px Arial, Helvetica, sans-serif; color: #8E6822!important; width: auto; display: block; text-decoration: none;} /* any link item placed with in the News articles component will be floated left to align it lefthand sided*/ dl.latestNews p a.leftLink { float: left;} dl.latestNews p a.leftLink:hover { float: left;} /*---------------OPERATIONS------------------------------------------------------------*/ .operations { background: url(../images/operationsbg01.gif) no-repeat center center; width: 780px; height: 150px; } .operations h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding: 0;} .operationstext { font: normal 11px Arial, Helvetica, sans-serif; color: #333; padding: 10px;} .operations02 { font: bold 16px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding-left: 10px;} .company_info { background: url(../images/comp_info_01.jpg) no-repeat center center; width: 780px; height: 150px; } .company_info h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding: 0;} .basemetals { color: #35697F;} .opsOverview { color: #FFF; font:bold 14px Arial, Helvetica, sans-serif; padding-left:10px; } .basemetalsHedLrg { color: #35697F; font:bold 16px Arial, Helvetica, sans-serif; } .precMetalsHedLrg { color: #917B2E; font:bold 16px Arial, Helvetica, sans-serif; } .industrialHedLrg { color: #4D1F54; font:bold 16px Arial, Helvetica, sans-serif; } .antinomyHedLrg { color: #858585; font:bold 16px Arial, Helvetica, sans-serif; } /*--------------------------------Section headers----------------*/ .preciousmetals { color: #094C83; } .industrialmetals { color: #4D1F54;} .platinum { color: #666666;} .whitecolor { color: #FFFFFF;} .subnav { color: #004D88; } .financeblu { color: #7791aa;} .socialmud { color: #d6a985;} .socialmud02 { color: #024C8D; } .minOveview { color: #D1C890;} .beeBg {width: 780px; height: 150px; } .beeBg h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding: 0;} .socialRespons { background: url(../images/social_resp.jpg) no-repeat center center; width: 780px; height: 150px; } .socialRespons h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding: 0;} .investor_rel { background: url(../images/investor_bg.gif) no-repeat center center; width: 780px; height: 150px; } .investor_rel h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 40px; padding: 0;} #operations { margin: 0; padding: 0;} #operations h1, #company_info h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin: 18px 0 0 60px; padding: 0;} #operations h2, #company_info h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin: 0px 0 0 60px; padding: 0;} #operations ul, #company_info ul { margin: 3px 0 0 60px; padding: 0;} #operations ul li, #company_info ul li { display: inline; list-style-type: none; font: normal 10px Arial, Helvetica, sans-serif; color: #FFF;} .HedLrg { font: bold 15px Arial, Helvetica, sans-serif; color: #FFF; background: #AE540C; margin: 0 0 0 60px; padding:0; } .tbltext { font: normal 11px Arial, Helvetica, sans-serif; color: #333; } .tbltextsearch { font: normal 10px Arial, Helvetica, sans-serif; color: #666; } .tableHeadBM { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background:#35697F; } .tableHeadPM { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background:#917B2E; } .tableHeadInd { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background:#4D1F54; } .tableHeadDBlue { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background:#AE540C; } .maintxtDblue { font-family: Arial, Helvetica, sans-serif; color:#0C51AC; } /*-------------------------------------------------------------------------------------------------------------------------*/ /*-----------Unorderd lists-----*/ ul.block { margin: 0; padding: 0;} ul.block li { display: block; margin:0; padding:0; font: bold 11px Arial, Helvetica, sans-serif; color: #999; padding: 2px 0 5px 0; } ul.block li a { font: bold 11px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; } ul.text { margin: 0; padding-left: 40px; font: 11px Arial, Helvetica, sans-serif;} ul.text li { margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif; color: #333333; } ul.text li a { font: 11px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } /*------------*/ ul.coreValue { margin: 0 10px; padding: 0; width: 100%;} ul.coreValue li { margin:0 20px; padding: 0 0px; font:11px Arial, Helvetica, sans-serif; color: #000; list-style-image: url(../images/civalueicon.gif); line-height:20px; } ul.coreValue02 { margin: 0 0px; padding: 0; width: 100%;} ul.coreValue02 li { margin:0 30px; padding: 0 0; font:11px Arial, Helvetica, sans-serif; color: #000; list-style-image: url(../images/civalueicon02.gif); line-height:20px; } ul.coreValue03 { margin: 0 5px; padding: 0; width: 100%;} ul.coreValue03 li { margin:0 10px; padding: 0 0; font:11px Arial, Helvetica, sans-serif; color: #000; list-style-image: url(../images/civalueicon.gif); } ul.imgGallery { margin: 0 5px; padding: 0;} ul.imgGallery li { margin: 0; padding: 0 10px; float: left; list-style-type: none; border: 1px solid #FFF;} ul.listBlue { margin: 0 10px; padding: 0; width: 100%;} ul.listBlue li { margin:0 10px; padding: 0 0px; font:11px Arial, Helvetica, sans-serif; color: #333; list-style-image:url(../images/listBlue.gif); line-height:18px; } ul.listBlue ul { margin: 0 10px; padding: 0;} ul.listBlue ul li { margin:0 0px; padding: 0 0; font: 11px Arial, Helvetica, sans-serif; color: #333; list-style-type:none!important; list-style-type:none!important; list-style-image:none;} /*------------*/ ul.baseMetPagination { margin: 0; padding-left: 0px; font: 11px Arial, Helvetica, sans-serif;} ul.baseMetPagination li { margin:0; padding:0 0 0 5px; float: left; font: 11px Arial, Helvetica, sans-serif; color: #B2A346; list-style-type: none; } ul.baseMetPagination li a { font:bold 11px Arial, Helvetica, sans-serif; color: #B2A346; text-decoration: none; } ul.baseMetPagination li a:hover { font:bold 11px Arial, Helvetica, sans-serif; color: #35697F; text-decoration: none; } ul.baseMetPagination li.current { font:bold 11px Arial, Helvetica, sans-serif; color: #35697F; text-decoration: underline; } /*------------*/ ul.KeyFactsPagination { margin: 0; padding-left: 0px; font: 11px Arial, Helvetica, sans-serif;} ul.KeyFactsPagination li { margin:0; padding:0 0 0 5px; float: left; font: 11px Arial, Helvetica, sans-serif; color: #000; list-style-type: none; } ul.KeyFactsPagination li a { font:bold 11px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; } ul.KeyFactsPagination li a:hover { font:bold 11px Arial, Helvetica, sans-serif; color: #AE540C; text-decoration: none; } ul.KeyFactsPagination li.current { font:bold 11px Arial, Helvetica, sans-serif; color: #7791aa; text-decoration: underline; } /*------------*/ ul.PrecMetPagination { margin: 0; padding-left: 0px; font: 11px Arial, Helvetica, sans-serif;} ul.PrecMetPagination li { margin:0; padding:0 0 0 5px; float: left; font: 11px Arial, Helvetica, sans-serif; color: #B2A346; list-style-type: none; } ul.PrecMetPagination li a { font:bold 11px Arial, Helvetica, sans-serif; color: #B2A346; text-decoration: none; } ul.PrecMetPagination li a:hover { font:bold 11px Arial, Helvetica, sans-serif; color: #716024; text-decoration: none; } ul.PrecMetPagination li.current { font:bold 11px Arial, Helvetica, sans-serif; color: #716024; text-decoration: underline; } /*------------*/ ul.IndMetPagination { margin: 0; padding-left: 0px; font: 11px Arial, Helvetica, sans-serif;} ul.IndMetPagination li { margin:0; padding:0 0 0 5px; float: left; font: 11px Arial, Helvetica, sans-serif; color: #B2A346; list-style-type: none; } ul.IndMetPagination li a { font:bold 11px Arial, Helvetica, sans-serif; color: #B2A346; text-decoration: none; } ul.IndMetPagination li a:hover { font:bold 11px Arial, Helvetica, sans-serif; color: #714C76; text-decoration: none; } ul.IndMetPagination li.current { font:bold 11px Arial, Helvetica, sans-serif; color: #714C76; text-decoration: underline; } /*-----------*/ ul.disclaimer { margin: 0; padding: 0;} ul.disclaimer li { margin:0; padding:0 0 0 5px; display: inline; font: 10px Arial, Helvetica, sans-serif; color: #888; list-style-type: none; } ul.disclaimer li a { font:bold 10px Arial, Helvetica, sans-serif; color: #888; text-decoration: none; } ul.disclaimer li a:hover { font:bold 10px Arial, Helvetica, sans-serif; color: #B8B872; text-decoration: none; } /*------------------------------------------------------Operations style------------------*/ #OpsBaseMetal { margin: 0; padding: 0;} #OpsBaseMetal h1 { color: #35697F; font: bold 11px Arial, Helvetica, sans-serif;} #OpsBaseMetal ul { margin: 0; padding: 0;} #OpsBaseMetal ul li { margin: 0; padding: 0; list-style-type: none;} #OpsBaseMetal ul li a { margin: 0; padding: 0; color: #35697F; text-decoration: none; } #OpsBaseMetal ul li a:hover { margin: 0; padding: 0; color: #264D5E; text-decoration: none; } #OpsBaseMetal a { margin: 0; padding: 0; color: #35697F; text-decoration: none; } #OpsBaseMetal a:hover { margin: 0; padding: 0; color: #264D5E; text-decoration: none; } /*----------------*/ #PresciousMetal{ margin: 0; padding: 0; } #PresciousMetal h1 { color: #917B2E; font: bold 11px Arial, Helvetica, sans-serif;} #PresciousMetal ul { margin: 0; padding: 0;} #PresciousMetal ul li { margin: 0; padding: 0; list-style-type: none;} #PresciousMetal ul li a { margin: 0; padding: 0; color: #917B2E; text-decoration: none; } #PresciousMetal ul li a:hover { margin: 0; padding: 0; color: #716024; text-decoration: none; } #PresciousMetal a { margin: 0; padding: 0; color: #917B2E; text-decoration: none; } #PresciousMetal a:hover { margin: 0; padding: 0; color: #716024; text-decoration: none; } /*----------------*/ #IndustrialMetals { margin: 0; padding: 0; } #IndustrialMetals h1 { color: #4D1F54; font: bold 11px Arial, Helvetica, sans-serif;} #IndustrialMetals ul { margin: 0; padding: 0;} #IndustrialMetals ul li { margin: 0; padding: 0; list-style-type: none;} #IndustrialMetals ul li a { margin: 0; padding: 0; color: #4D1F54; text-decoration: none; } #IndustrialMetals ul li a:hover { margin: 0; padding: 0; color: #302132; text-decoration: none; } #IndustrialMetals a { margin: 0; padding: 0; color: #917B2E; text-decoration: none; } #IndustrialMetals a:hover { margin: 0; padding: 0; color: #302132; text-decoration: none; } /*----------------*/ #platinum { margin: 0; padding: 0; } #platinum h1 {color: #666; font: bold 11px Arial, Helvetica, sans-serif; } #platinum ul { margin: 0; padding: 0;} #platinum ul li { margin: 0; padding: 0; list-style-type: none;} #platinum ul li a { margin: 0; padding: 0; color: #666; text-decoration: none; } #platinum ul li a:hover { margin: 0; padding: 0; color: #333; text-decoration: none; } #platinum a { margin: 0; padding: 0; color: #666; text-decoration: none; } #platinum a:hover { margin: 0; padding: 0; color: #333; text-decoration: none; } /*----------------*/ #Cobalt { margin: 0; padding: 0; } #Cobalt h1 {margin: 0; padding: 0; color: #18487F; font: bold 11px Arial, Helvetica, sans-serif; } #Cobalt ul { margin: 0; padding: 0;} #Cobalt ul li { margin: 0; padding: 0; list-style-type: none;} #Cobalt ul li a { margin: 0; padding: 0; color: #18487F; text-decoration: none; } #Cobalt ul li a:hover { margin: 0; padding: 0; color: #113359; text-decoration: none; } #Cobalt a { margin: 0; padding: 0; color: #18487F; text-decoration: none; } #Cobalt a:hover { margin: 0; padding: 0; color: #113359; text-decoration: none; } /*----------------*/ #Gold { margin: 0; padding: 0; } #Gold h1 {color: #917B2E; font: bold 11px Arial, Helvetica, sans-serif; } #Gold ul { margin: 0; padding: 0;} #Gold ul li { margin: 0; padding: 0; list-style-type: none;} #Gold ul li a { margin: 0; padding: 0; color: #917B2E; text-decoration: none; } #Gold li a:hover { margin: 0; padding: 0; color: #113359; text-decoration: none; } #Gold a { margin: 0; padding: 0; color: #917B2E; text-decoration: none; } #Gold a:hover { margin: 0; padding: 0; color: #917B2E; text-decoration: none;} /*--------------*/ /*-------------------------form styles---------------*/ span.required { font: 10px Arial, Helvetica, sans-serif; color:#CC0000;} option { background: #FFF; font: normal 11px Arial, Helvetica, sans-serif;} option:hover { background: #CCCC99; font: normal 11px Arial, Helvetica, sans-serif; } .inputfield { width: 220px; background: #F3F3F3; border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .inputfield:hover { width: 220px; border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; background: #F8F8F8; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #CustomFields_248_65, #CustomFields_241_65, #CustomFields_242_65, #CustomFields_238_65, #CustomFields_236_65, #CustomFields_243_65, #CustomFields_244_65, #CustomFields_247_65, #CustomFields_246_65, #CustomFields_245_65, #quiryCode, #quiryEmail, #CustomFields_252_65, #CustomFields_253_65, #CustomFields_251_65 { background: #FFF; border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #CustomFields_248_65:hover, #CustomFields_241_65:hover, #CustomFields_242_65:hover, #CustomFields_238_65:hover, #CustomFields_236_65:hover, #CustomFields_243_65:hover, #CustomFields_244_65:hover, #CustomFields_247_65:hover, #CustomFields_246_65:hover, #CustomFields_245_65:hover, #quiryCode:hover, #quiryEmail:hover, #CustomFields_252_65:hover, #CustomFields_253_65:hover, #CustomFields_251_65:hover { border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; background: #F8F8F8; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*----Financial model form---*/ #CustomFields_235_64, #CustomFields_238_64, #email, #name, #surname { width: 330px; border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #CustomFields_235_64:hover, #CustomFields_238_64:hover, #email:hover { width: 330px; border: 1px solid #CCC; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; font: normal 11px Arial, Helvetica, sans-serif; background: #F8F8F8; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #yes { border: none; } #submit { border: none; font: normal 11px Arial, Helvetica, sans-serif; cursor:pointer; background: #E1E1E1; padding: 6px 10px 6px 10px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #submit:hover { border: none; font: normal 11px Arial, Helvetica, sans-serif; cursor:pointer; background: #C7672E; padding: 6px 10px 6px 10px; color: #FFF; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-rigth-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .maintetxblu { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF;} .maintetxPblu { font: 11px Arial, Helvetica, sans-serif; color: #124E97; } .ruleblu { border-bottom: #AE540C solid 1px;} .tblwhitetext { font: 11px Arial, Helvetica, sans-serif; color: #fff;}.highlight { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #F00; } /*----2010 additions---*/ .maintxtMud { font: 11px Arial, Helvetica, sans-serif; font-size: 14px; color: #004B8D; } .ruleb { border-bottom: #004B8D solid 1px;} .ruleb2 { border-bottom: #004B8D solid 2px;} .maintxtBrwn { font: 11px Arial, Helvetica, sans-serif; font-size: 12px; color: #EAE8E7; } .maintxtGold { font: 11px Arial, Helvetica, sans-serif; font-size: 12px; color: #EBD8AF; } .maintxtMet { font: 11px Arial, Helvetica, sans-serif; font-size: 12px; color: #1165A5; } .maintxtBLK { font: 11px Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } .MetboxTL { border-top: solid 1px #1165A5; border-left: solid 1px #1165A5; } .MetboxBL { border-bottom: solid 1px #1165A5; border-left: solid 1px #1165A5; } .MetboxL { border-left: solid 1px #1165A5; } .heading_cpr { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #93A5B0; } .summaryhed { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #93A5B0; } /*kevin 24 march 2010*/ a.whiteLink { color: #fff!important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; text-decoration: underline; } a:hover.whiteLink { color: #E3C98C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: underline; line-height: 20px; } .picborder { border: 1px solid #666; } /*kyle 31 august 2010*/ .box { border-bottom: #B2A346 solid 1px; border-top: #B2A346 solid 1px; border-left: #B2A346 solid 1px; border-right: #B2A346 solid 1px; } .boxblu{ border-bottom: #B2A346 solid 1px; border-top: #B2A346 solid 1px; border-left: #B2A346 solid 1px; border-right: #B2A346 solid 1px; color:#069;} .boxbot { border-bottom: #B2A346 solid 1px;} .boxbot02{ border-bottom: #B2A346 solid 2px;} #content_box {padding-left:60px; padding-right:20px; width:515px; display:block;} .congoBR { border-bottom: #B2A346 solid 1px; border-right: #B2A346 solid 1px; } .congo01 { border-bottom: #B2A346 solid 1px; } .congoVR01 {border-right: #B2A346 solid 1px; } /* Mannuel 15 March 2011 */ body#chart { background:white!important;} .graph { display: block; width: 500px; height:420px; border: 1px solid #44555f; padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .graph:hover { moz-box-shadow: 0px 0px 4px #EAE8E7; -webkit-box-shadow: 0px 0px 4px #EAE8E7; box-shadow: 0px 0px 4px #EAE8E7; } .orngTxt { color:#C7672E;} a.regAlerts:link, a.regAlerts:visited { display: block; background:#586C7A url(../images/icon-register.png) no-repeat 120px 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 175px; color:white!important; padding: 16px 0px 16px 10px; } a.regAlerts:hover { background: #C7672E url(../images/icon-register.png) no-repeat 120px 10px!important; color:white!important; } .tbltextwrulelft { font: normal 11px Arial, Helvetica, sans-serif; color: #333; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; } .rulecoppertop { border-top-width: 1px; border-top-style: solid; border-top-color: #AE540C; } .tblwhitetextrl { font: 11px Arial, Helvetica, sans-serif; color: #fff; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; } /*----- Risk management/Sustainable development -----*/ #rm { background-color:#FFFFFF;} /*----- Table Styles -----*/ .VwhtV02dot01, .VwhtV02dot01_1st, .VwhtV02dot01_Lst { background-color:#EBEBEC; vertical-align:top; text-align:left; padding-left:4px; padding-right:4px; } .VwhtV02dot01 {border-left:3px solid #FFF; border-bottom:1px dotted #4D4D4F; } .VwhtV02dot01_1st {border-left:3px solid #C2C4C6; border-bottom:1px dotted #4D4D4F;} .VwhtV02dot01_Lst {border-left:3px solid #FFF; border-bottom:1px dotted #4D4D4F; border-right:3px solid #C2C4C6;} .DRKVwhtV02dot01, .DRKVwhtV02dot01_1st, .DRKVwhtV02dot01_Lst, .DRKVgryV0202Solid01 {font-weight:bold; color:#FFF; background-color:#455560; vertical-align:bottom; } .DRKVwhtV02dot01 {border-left:3px solid #FFF; border-bottom:1px dotted #C2C4C6;} .DRKVwhtV02dot01_1st {border-left:3px solid #C2C4C6; border-bottom:1px dotted #C2C4C6;} .DRKVwhtV02dot01_Lst{border-left:3px solid #FFF; border-bottom:1px dotted #C2C4C6; border-right:3px solid #C2C4C6; } .BRWNVwhtV02dot01_1st { border-bottom:1px dotted #4D4D4F; border-left:3px solid #C2C4C6; background:#C5662E; font-weight:bold; color:#FFF;} .VwhtV02, .VwhtV02_1st, .VwhtV02_Lst, .VwhtV02Solid01, .VwhtV02Solid01_1st, .VwhtV02Solid01_Lst, .VgryV0202Solid01 {background-color:#EBEBEC; vertical-align:bottom; text-align:right; width:70px; } .VwhtV02 {border-left:3px solid #FFF; } .VwhtV02_1st {border-left:3px solid #C2C4C6; } .VwhtV02_Lst {border-left:3px solid #FFF; border-right:3px solid #C2C4C6;} .VwhtV02Solid01 {border-left:3px solid #FFF; border-bottom:1px solid #4D4D4F;} .VwhtV02Solid01_1st {border-left:3px solid #C2C4C6; border-bottom:1px solid #4D4D4F;} .VwhtV02Solid01_Lst {border-left:3px solid #FFF; border-bottom:1px solid #4D4D4F; border-right:3px solid #C2C4C6;} .tbltext01dotted {border-bottom:1px dotted #4D4D4F;} .tbltextBLUhead { color:#004B8D; font-weight:bold; } .DRKVgryV0202Solid01 {border-left:3px solid #C2C4C6; border-bottom:1px dotted #4D4D4F; border-right:3px solid #C2C4C6; } .VgryV0202Solid01 {border-left:3px solid #C2C4C6; border-bottom:1px solid #4D4D4F; border-right:3px solid #C2C4C6; } .VgryV0202Solid01_nbg {border-left:3px solid #C2C4C6; border-bottom:1px dotted #4D4D4F; border-right:3px solid #C2C4C6; } .VgryV02Solid01_nbg { border-bottom:1px dotted #4D4D4F; border-left:3px solid #C2C4C6; width:33%; } .VgryV0202Solid01_nbg, .VgryV02Solid01_nbg { padding-left:4px; padding-right:4px;} .DRKVwhtV0202dot01_Lst{border-left:3px solid #C2C4C6; border-bottom:1px dotted #4D4D4F; border-right:3px solid #C2C4C6; } /*----- Text Styles -----*/ h5 { font:Arial, Helvetica, sans-serif; font-size:13px; color:#004B8D; line-height:16px; margin-bottom:-10px; } h6 { font:Arial, Helvetica, sans-serif; font-size:13px; color:#C5662E; line-height:16px; margin-top:-5px; margin-bottom:-18px; } /*----- Link Styles -----*/ a.rm:link, a.rm:visited { color:#004B8D; text-decoration:none;} a.rm:visited { color:#004B8D; text-decoration:underline;} /*----- List Styles -----*/ ul.listOrng { margin: 0 10px; padding: 0; width: 100%;} ul.listOrng li { margin:0 10px; padding: 0 0px; font:11px Arial, Helvetica, sans-serif; color: #333; list-style-image:url(../images/listOrng.gif); line-height:18px; } ul.listOrng ul { margin: 0 10px; padding: 0;} ul.listOrng ul li { margin:0 0px; padding: 0 0; font: 11px Arial, Helvetica, sans-serif; color: #333; list-style-type:none!important; list-style-type:none!important; list-style-image:none;} /*----- ____________ |Box Styles| |__________|-----*/ .LBbox { padding:10px; background-color:#EFF1F3;}