/*--------------------------------------------------------------------------------------- Website: Metals Exploration Author: Bitmedia Created: January 2010 ---------------------------------------------------------------------------------------*/ @import "default.css"; @import "superfish.css"; html { height: 100%;} body { background: #ccc; height: 100%;} /*--------------------------------------------------------------------------------------- Base Typography ---------------------------------------------------------------------------------------*/ /*------------------------------------ Links ------------------------------------*/ a:link { color: #8e7f54;} a:visited { color: #8e7f54;} a:hover { color: #8e7f54; text-decoration: none;} .backLink { margin-top: 1.4em; background: url('../images/back.png') no-repeat 0 2px; padding-left:20px; font-size: .8em;} /*------------------------------------ Type ------------------------------------*/ body { font: 62.5% arial, tahoma, arial, helvetica; color: #646464;} #outercontainer, #footer { font-size: 1.2em; line-height: 1.4em; text-align: left;} p { padding: 0 0 1.4em 0;} #maincol, body.home #content { font-size: 1.2em; line-height: 1.4em;} /*------------------------------------ Headers ------------------------------------*/ h1 { color: #595858; font-size: 1.8em; padding: 0 0 25px; font-weight: bold;} h3 { color: #595858; font-size: 1.4em; padding: 7px 0 10px;} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /*------------------------------------ Container ------------------------------------*/ #outercontainer { background: #efefef; border-bottom: 1px solid #e4e4e4;} #container { width: 941px; margin: 0 auto; padding: 0 25px 12px; background: url('../images/containerbg.png') no-repeat;} /*------------------------------------ Header ------------------------------------*/ #header { width: 917px; padding: 0 12px; overflow: hidden; height:102px;} #header #logo { float: right;} /*------------------------------------ Content Area Top ------------------------------------*/ /* Main Nav */ #mainnav { list-style: none; margin: 10px 0 0 12px; padding: 0; border-bottom: 2px solid #e8be6c; width: 917px; z-index:9998; position: relative; display:inline-block;} #mainnav:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} #mainnav li { margin: 0; padding: 0; float: left; display: inline; background: none;} #mainnav li a { display: block; float: left; height: 50px; overflow: hidden; text-indent: -99999px;} #mainnav li.nav-home a { width: 73px; background: url('../images/nav-home.png') no-repeat;} #mainnav li.nav-runruno a { width: 88px; background: url('../images/nav-runruno.png') no-repeat;} #mainnav li.nav-about a { width: 89px; background: url('../images/nav-about.png') no-repeat;} #mainnav li.nav-projects a { width: 80px; background: url('../images/nav-projects.png') no-repeat;} #mainnav li.nav-investor a { width: 126px; background: url('../images/nav-investor.png') no-repeat;} #mainnav li.nav-corporate a { width: 181px; background: url('../images/nav-corporate.png') no-repeat;} #mainnav li.nav-media a { width: 68px; background: url('../images/nav-media.png') no-repeat;} #mainnav li.nav-philippines a { width: 121px; background: url('../images/nav-philippines.png') no-repeat;} #mainnav li.nav-contacts a { width: 91px; background: url('../images/nav-contacts.png') no-repeat;} #mainnav li a:hover, #mainnav li.sfHover a { background-position: 0 -50px;} #mainnav li a.selected { background-position: 0 -100px;} #mainnav ul li a { background: none!important; text-indent: 0!important; height: auto!important; padding: 10px 0 10px 19px; text-decoration: none; border-bottom: 1px solid #a5a5a5; color: #464646;} #mainnav ul li a:hover { background: #bfbfbf!important;} /* Slider */ #scrollContainer { position:relative; overflow:hidden; height: 292px; width: 917px; background: #fff; margin: 0 12px; z-index: 99;} #scrollContainer .scroll { position:relative; overflow:hidden; width:917px; height:292px;} #scrollContainer .scroll .items { width:20000em;position:absolute;clear:both;} #scrollContainer .scroll .item { float:left; width:917px; height:292px; position: relative;} #scrollContainer .scroll .item .text { position: absolute; bottom: 0; left: 0; background: url('../images/slider-text.png'); padding: 10px 40px 10px 20px; color: #374051;} #scrollContainer .prev, #scrollContainer .next { display: block; width: 32px; height: 44px; position: absolute; top: 120px; text-indent: -9999px; overflow: hidden; cursor: pointer;} #scrollContainer .prev { background: url('../images/scroller-prev.png') no-repeat; left: 0;} #scrollContainer .next { background: url('../images/scroller-next.png') no-repeat; right: -1px;} #scrollContainer .prev:hover, #scrollContainer .next:hover { background-position: bottom left;} /* News Scroller */ #latestnews { width: 917px; margin: 0 0 0 12px; height:43px; overflow: hidden; background: url('../images/latestnews.png') no-repeat; border-top: 2px solid #e8be6c;} #latestnews h3 { width: 220px; height: 43px; text-indent: -9999px; float: left;} #latestnews h3 a { display: block; width: 183px; height: 43px;} #latestnews #newsscroller { float: left; color: #fff; padding-top: 13px; font-size: .9em; background: transparent;} #latestnews #newsscroller .item { overflow: hidden; width: 680px;} #latestnews #newsscroller .date { font-weight: bold; float: left; margin-right: 15px;} #latestnews #newsscroller .abstract { width: 550px; float: left;} #latestnews #newsscroller .abstract a { margin-left: 15px; color: #fff; font-style:italic; background: transparent;} /*------------------------------------ Inner Pages ------------------------------------*/ #maincol { float: left; width: 647px;} #sidecol { float: right; width: 218px} /*------------------------------------ Content Area ------------------------------------*/ #content { margin: 0 0 0 12px; width: 892px; padding: 32px 0 0 25px; background: url('../images/contentbg.png') no-repeat; overflow: hidden;} body.home #content { margin: 0 0 0 12px; width: 867px; padding: 32px 25px 0; background: url('../images/contentbg.png') no-repeat;} .readmore { color: #b28e62; text-align: right; font-style: italic; } .readmore a { color: #b28e62; text-decoration: underline;} .highlight { background: url('../images/highlight-bottom.png') no-repeat bottom left; padding-bottom: 5px; overflow: hidden; margin-bottom: 1.4em; float: right; margin: -45px 0 0 1.4em;} .highlightcontent { background: url('../images/highlight-top.png') no-repeat; width: 384px; padding: 25px;} .highlight h2 { font-size: 1.3em; margin-bottom: .7em; font-weight: bold;} .highlight img { float: left; border: 1px solid #d7cbaf; padding: 2px; background: #eae8e4; margin-bottom: 15px; width: 384px; height: auto;} /*------------------------------------ Features ------------------------------------*/ #features { overflow: hidden; width: 917px; padding: 0 12px;} .feature { float: left; width: 218px; background: url('../images/feature.png') no-repeat 0 50px; height: 235px; overflow: hidden; margin-bottom: 10px;} body.home .feature { margin-left: 15px; margin-bottom: 0;} .feature h3 { width: 166px; height: 48px; line-height: 48px; overflow: hidden; padding: 0 0 0 52px; border-bottom: 2px solid #efc573; color: #fff; font-size: 1.4em; background: transparent;} #stockinfo h3 { background: url('../images/h3-stockinfo.png') no-repeat;} #projectsmap h3 { background: url('../images/h3-projectsmap.png') no-repeat;} #projectsmap h3 a { color: #fff; text-decoration: none;} #quicklinks h3 { background: url('../images/h3-quicklinks.png') no-repeat;} #vid3d h3 { background: url('../images/h3-3dvideo.png') no-repeat;} #vid3d .vid { padding-top: 22px; position: relative; padding-left: 1px;} #vid3d .vid a span { position: absolute; top: 70px; left: 85px; display: block; width: 50px; height: 50px; background: url('../images/play.png') no-repeat; cursor: pointer;} #vid3d .vid a:hover span { background-position: bottom left;} #stockinfo { margin-left: 0;} #stockinfo table { font-size: 1.1em; margin: 5px auto 0;} #stockinfo table td { border-top: 1px solid #c6c6c6; padding: 5px 0;} #stockinfo table tr:first-child td { border-top: 0;} #quicklinks ul { list-style: none; padding: 0; margin: 10px 0 0 22px; font-size: 1.1em;} #quicklinks ul li { padding: 0; margin: 0; padding: 12px 0 12px 44px; display: block;} #quicklinks ul li.ql-presentations { background: url('../images/icon-presentations.png') 0 5px no-repeat;} #quicklinks ul li.ql-annualreports { background: url('../images/icon-annual.png') 0 5px no-repeat;} #quicklinks ul li.ql-community { background: url('../images/icon-community.png') 0 5px no-repeat;} #quicklinks ul li.ql-brokerreports { background: url('../images/icon-broker.png') 0 5px no-repeat;} #quicklinks ul li a { text-decoration: none; color: #464646;} #quicklinks ul li a:hover { text-decoration: underline;} /*------------------------------------ News Tabs ------------------------------------*/ ul#years { overflow: hidden; margin: 0 0 1.4em; padding: 0; background: #faf7f0; border: 1px solid #999;} ul#years li { background: none; margin: 0; padding: 0; display: inline; float: left;} ul#years li a { float: left; padding: 5px 25px; text-decoration: none;border-right: 1px solid #999;} ul#years li a:hover, ul#years li a.selected { background:#efebe2;} table.documents { border:1px solid #999999; border-collapse:collapse; margin-bottom:1.4em; width:100%;} table.documents tr.even { background: #f2efe6} table.documents tr td { padding: 3px 5px !important;} table.documents tr td.date { width: 133px;} table.documents tr td.desc { width: 422px;} table.documents tr td.file { width: 68px; padding: 0 !important;} table.documents tr td.file a { padding: 0; width: 68px; height: 34px; background-position: center center;} table.documents tr td.file a:hover { background-color: #e3e0d7;} /*------------------------------------ Page Groups ------------------------------------*/ /* Newslisting */ #newslisting { } #newslisting .item { margin-bottom: 1.4em; } #newslisting .item .title { font-weight: bold;} #newslisting .item .link { font-size: .9em;} /* Projects Overview */ #projects { } #projects .item { margin-bottom: 1.4em; } #projects .item .title { font-weight: bold;} #projects .item .abstract { } #projects .item .link { font-size: .9em;} /*------------------------------------ Gallery ------------------------------------*/ #gallery { overflow: hidden; margin-left: -7px;} #gallery a { margin: 0 0 1.4em 7px; display: block; float: left;} #gallery a img { width: 150px; height: 98px; padding: 2px; background: #fff; border: 1px solid #d7d7d7;} #gallery a:hover img { opacity: .9; border: 1px solid #efc573;} /* ColorBox Core Style*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Colorbox Skin */ #cboxOverlay{background:#000;} #colorbox{ font:12px/1.2 Verdana,Arial,san-serrif;} #cboxTopLeft{width:14px; height:14px; background:url('../images/colorbox/controls.png') 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url('../images/colorbox/border.png') top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url('../images/colorbox/controls.png') -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url('../images/colorbox/controls.png') 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url('../images/colorbox/border.png') bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url('../images/colorbox/controls.png') -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url('../images/colorbox/controls.png') -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url('../images/colorbox/controls.png') -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url('../images/colorbox/loading_background.png') center center no-repeat;} #cboxLoadingGraphic{background:url('../images/colorbox/loading.gif') center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url('../images/colorbox/controls.png') 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*------------------------------------ Footer ------------------------------------*/ #footer { width: 917px; margin: 0 auto 15px; padding: 35px 12px 0; overflow: hidden; min-height:42px; background: url('../images/footer.png') no-repeat bottom left #d7d7d7; font-size: 1.1em; color: #464646} ul#minornav { float: left; list-style:none; margin: 0; padding: 0;} ul#minornav li { float: left; display: inline; padding: 0 10px; background: url('../images/minornavdiv.png') no-repeat center left !important;} ul#minornav li:first-child { background: none !important;} ul#minornav li a { text-decoration: none; float: left; color: #464646;} ul#minornav li a:hover, ul#minornav li a.selected { text-decoration: underline;} #copyright { float: right; padding-right: 10px;} /*--------------------------------------------------------------------------------------- Content ---------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------- Misc. ---------------------------------------------------------------------------------------*/ /*------------------------------------ ErrorPage ------------------------------------*/ body.errorpage p#errormessage { padding: 130px 0 100px; text-align: center;} /*------------------------------------ Video Players ------------------------------------*/ /* Popup Players */ #page { padding:80px; font-family:verdana; width:600px;} div.overlay { background:url('../images/vidbox_white.png') #fff no-repeat; padding: 10px 10px 39px 10px; width: 600px; height:368px; display:none;} #exposeMask { background: #000;} div.overlay div.close { background:url('../images/closelabel.gif') no-repeat; position:absolute; bottom:7px; right:10px; width:66px; height:22px; cursor:pointer;} a.player { display:block; width: 600px !important; height:368px !important;} /*------------------------------------ Tables ------------------------------------*/ /* Default Table */ #maincol table { border: 0px solid #999; border-collapse:collapse; margin-bottom: 1.4em; width: 100%;} #maincol table td { padding: 0 5px;} #maincol table thead th { padding: 7px 5px;} #maincol table thead th { text-align: center; background: #eee; font-weight: bold;} #maincol table tfoot td { background: #f9f4ea; font-weight: bold;} #maincol table caption { font-weight: bold;} /* Press Table */ table#presstable tr.even td { background: #faf7f0;} table#presstable a { text-decoration: none; display: block; padding: 3px 5px 3px 30px; background-position: 5px 4px;} table#presstable td.download { padding: 0;} table#presstable a:hover { background-color: #f6e6c2;} /* Capital Structure Table */ table#capstructure { width: 400px; border: 0;} table#capstructure td { width: 200px;} table#capstructure tr.top td { padding-top: 1.4em;} .divide { border-top: 1px solid #d7d7d7; padding-top: 3px; padding-left: 5px;} /* Vid Download */ p.downloadvid { background: url('../images/downloadvid.png') no-repeat 0 0; padding-left: 40px; line-height: 28px;} .companylogo { margin: 7px 0;} .imgLeft { float: left; margin: 5px 10px 2px 0;} p { clear: left;}