/* ----- CNC CSS FRAMEWORK v1.0 ----------------------------------------------------- */
/* ----- Created by Creative Nature Communications 2009/04/18 ----------------------- */
/* ----- Gindalbie Metals ----------------------------------------------------- */
/* ----- Credits: Conrad Priestley, Khalid Balkhi  ------------------------------------------------------------ */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure
03 - Content Styles 

*/


/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);
@import url(h_drop_menu.css);
@import url(modules/modules.css);

/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */
html, body {font-family:Arial, Helvetica, sans-serifcolor:#4D4D4D;}

p {
	line-height:1.8em;
}

h1 {}
h2 {font-size:2.25em; font-weight:normal; color:#C5A901;}
h3 {font-size:1.4em; line-height:1.5em; margin: 0 0 .9em; font-weight:normal;}
h4 {font-size:1.3em; color:#C5A901; font-weight:normal;}
h5 {font-size:1.5em; font-weight:normal; color:#c2c2c2; margin-bottom:.5em;}
h6 {font-size:1.3em; margin-bottom:0;}

#mainBody ul{ margin-bottom:2em;margin-top:.5em;}
#mainBody ol{}
#mainBody li{ list-style-image:url(../Images/small_yellow_bullet.gif); margin-bottom:5px;}
#mainBody table{ margin-top:.5em;}
a{
	text-decoration:none;
	color:#D8B23B;
	font-weight:bold;
}
a:hover{
	border-bottom: 1px dotted;
}


/* 02 - Main Structure */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* Main Structure */
html, body {
	background:#ebebeb url(../Images/main_background.gif) top left repeat-x;
}
#mainWrapper {
	width:960px;
	margin:0 auto;
}


/* Header Area */
#header {
	height:125px;
}

#mainLogo {
	float:left;
	width:280px;
	margin:0 10px;
	padding:25px 0 0 20px;
}
#mainLogo h1 {
	width: 233px; height: 79px;
	background:url(../Images/mainLogo.png);
	text-indent: -9999px;
}

#mainNav {
	float:left;
	margin:50px 10px 0 10px;
	padding-right:5px;
	background:url(../Images/mainNav_right.gif) top right no-repeat;
	width:615px;
	height:32px;
}


/* Content Area */
#midWrapper {
	
}

#flashArea {
	margin:0 0 10px 0;
	height:234px
}

#mainContentArea {
	background:#FFFFFF;
	margin:0 0 10px 0;
	min-height:140px;
}
#newsArea {
	background:#FFFFFF;
	margin:0 0 10px 0;
	min-height:300px;
}

/* Footer Area */
#footer {
	margin:0 0 10px 0;
	background:url(../Images/sub_back.gif) top left no-repeat;
	height:44px;
	font-family:Arial, Helvetica, sans-serif;
}

#subscribe {
	float:left;
	width:550px;
	margin:0 10px;
}
#subscribe label{
	color:#969696;
	font-size:15px;
	line-height:44px;
	float:left;
}
#subscribe input.subscribe{
	background:#fff url(../Images/subimp_back.gif) top left no-repeat scroll;
	height:29px;
	line-height:29px;
	width:275px;
	border:none;
}

#subscribe .impFields {
	padding:8px 10px 7px 0;
	float:right;
} 

#subscribe .impFields input {
	float:left;
} 


#legal {
	float:left;
	width:230px;
	margin:0 10px;
	font-size:11px;
	color:#666666;
	line-height:44px;
}
#legal a{
	color:#666666;
}


#credits {
	float:left;
	width:118px;
	margin:5px 0 0 0;
}

#siteTools {
	float:right;
	width:72px;
	margin:-10px 20px 0 0;
	position:relative;
}
#siteTools a{
	background:url(../Images/siteTools.gif) 0 0;
	display:block;
	width:22px;
	height:21px;
	float:left;
	margin-right:3px;
}

#siteTools a.st_small{
	background-position:0 top;
}
#siteTools a.st_large{
	background-position:46px top;
}
#siteTools a.st_print{
	background-position:22px top;
	margin-right:0;
}
#siteTools a.st_small:hover{
	background-position:0 bottom;
	border:none;
}
#siteTools a.st_large:hover{
	background-position:46px bottom;
	border:none;
}
#siteTools a.st_print:hover{
	background-position:22px bottom;
	border:none;
}

/* 03 - Content Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


#corporateVideo {
	float:right;
	width:220px;
	height:117px;
	margin:10px;
}
#corporateVideo a{
	display:block;
	width:220px;
	height:117px;
	background: url(../Images/corpVideo.jpg) bottom left;
}
#corporateVideo a:hover{
	display:block;
	width:220px;
	height:117px;
	border:none;
	background: url(../Images/corpVideo.jpg) top left;
}


#introPara {
	float:left;
	width:680px;
	margin:0 10px;
	padding:19px 10px 10px 10px;
}
#introPara h4{
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:.05em;
	line-height:1.5em;
	margin:0;
	color:#4D4D4D;
}
#introPara a{
	cursor:pointer;
}
.extendedContent {
	float:left;
	width:680px;
	margin:0 10px;
	padding:12px 10px;
}
.introRM {
	font-size:.8em;
}

/* News Area */

#newsArea h3 {
	width:200px;
	line-height:34px;
	height:35px;
	padding:0 10px;
	margin:0 0 10px 0;
	color:#808080;
	font-size:14px;
	font-weight:bold;
}
#newsArea p {
	color:#4D4D4D;
	line-height:140%;
	padding:0 10px;
	margin:0 0 1em 0;
}

/* ASX Announcements */
#asxNews {
	float:left;
	width:220px;
	margin:10px;
	background:url(../Images/light_news_back.gif) bottom no-repeat;
}
#asxNews h3 {
	background:url(../Images/light_news_head.gif) top no-repeat;
	margin:0;
}
#asxNews ul{
	padding:0;
	margin:0;
}
#asxNews ul li{
	margin:0;
	border-bottom:1px solid #f5f5f5;
}
#asxNews ul li a{
	display:block;
	padding:13px 10px;
}
#asxNews ul li a:hover{
	background:#F5F5F5;
	border:none;
}
#asxNews ul li a p{
	margin:0;
	padding:0;
	font-weight:normal;
}
#asxNews ul li a .date{
	color:#4D4D4D;
}
#asxNews ul li a .readmore{
	color:#D8B23B;
	white-space:nowrap;
	 padding-right: 7px;
	 background:url(../Images/small_yellow_bullet.gif) center right no-repeat;
}




#projectNews {
	float:left;
	width:220px;
	margin: 10px;
	background:url(../Images/pro_news_back.gif) bottom left no-repeat;
}
#projectNewsImage {
	background: url(../Images/project_news_image.jpg) top left no-repeat;
	min-height:144px;
}
#projectNewsMask {
	background:url(../Images/pro_news_mask.png) top left no-repeat;
	min-height:244px;
}
#projectNewsContent {
	padding:145px 0 0 0;
}
#projectNewsContent h3{
	margin:0;
	color:#D8B23B;
	font-weight:normal;
	font-size:19px;
}

#latestUpdates {
	float:left;
	width:220px;
	margin: 10px;
	background:url(../Images/light_news_back.gif) bottom no-repeat;
}
#latestUpdates h3 {
	background:url(../Images/light_news_head.gif) top no-repeat;
}
#latestUpdates img{
	float:right;
	margin:0 0 0 -15px;
}

#latestPresentations {
	clear:both;
}
#latestPresentations h3 {
	color:#85A1AD;
	background:url(../Images/blue_news_head.gif) top no-repeat;
}
#latestPresentations .readmore{
	margin-top:5px;
	
}

#investerNews {
	float:left;
	width:220px;
	margin:10px;
	background:url(../Images/dark_news_back.gif) bottom left no-repeat;
}
#investerNews h3{
	background:url(../Images/dark_news_line.gif) bottom left no-repeat;
}
#inRelations {
	margin:5px 10px;
}

#sharePrice {
	background:url(../Images/share_back.gif) top left no-repeat;
	height:125px;
	padding:7px 10px 10px 10px;
}

#sharePrice img{
	margin:-10px 0 10px 0;
}

#sharePrice p{
	margin:0;
	padding:0;
}
#sharePrice h3{
	font-size:23px;
	padding:0;
	margin-bottom:5px;
	font-weight:normal;
	color:#4D4D4D;
	background:none;
}

/* 03 - Content Classes */
/* --------------------------------------------------------------------------------------------------------------------------- */
.curved {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.readmore {
	background:url(../Images/readmore_back.gif) top left no-repeat;
	width:83px;
	padding:0 5px;
	height:19px;
	line-height:17px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#B2B2B2;
}
a:hover.readmore {
	background:url(../Images/readmore_back.gif) bottom left no-repeat;
	color:#FBFBFB;
	border:none;
}

a.more {
	background:url(../Images/more_back.gif) top left no-repeat;
	width:83px;
	padding:0 5px;
	height:19px;
	line-height:17px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#B2B2B2;
}
a:hover.more {
	background:url(../Images/more_back.gif) bottom left no-repeat;
	color:#FBFBFB;
	border:none;
}


.styledTable th, .styledTable td{
	border:#F0F0F0 1px solid;
	padding:10px;
}

.styledTable th{
	background:url(../Images/sTableHeader.gif) top left repeat-x;
	line-height:30px;
	padding:0 10px;
}

.styledTable td.dark{
	background:#F2F2F2;
}

.styledTable p{
	padding:0;
	margin:0;
}
.styledTable {
	border:1px solid #D6D6D6;
}


#mainBody .ui-tabs { padding: .2em; zoom: 1; }
#mainBody .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em 0; }
#mainBody .ui-tabs .ui-tabs-nav li {list-style: none; position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
#mainBody .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; outline:none; }
#mainBody .ui-tabs .ui-tabs-nav li a:hover { border-bottom:none;}
#mainBody .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background:#F3F3F3; border:1px solid #F0F0F0; border-bottom:none; }
#mainBody .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #mainBody .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #mainBody .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#mainBody .ui-tabs .ui-tabs-nav li a, #mainBody .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#mainBody .ui-tabs .ui-tabs-panel { padding: 1em 1.4em .5em 1.4em; display: block; border:1px solid #F0F0F0; background:#F5F5F5; font-size:.75em; }
#mainBody .ui-tabs .ui-tabs-hide { display: none !important; }

.dl {
font-size:1.4em;
}