/* structural styles ... */

body {
vertical-align: top;
margin: 0px;
padding: 0px;
/*background: #FFF;  url('../images/j4m_menubg.jpg') repeat-y;*/
background: #FFF url('/images/jobs4mining-header-bg.gif') repeat-x;
}
img {
border: none;
}
td, body {
font: 12px/15px Helvetica, Arial, sans-serif;
color: #333;
}

#head_container {
width: 99%;
position: absolute;
top: 0;
left: 0;
right: 0;
white-space: nowrap;
min-width: 880px;
width:expression(document.body.clientWidth < 890? "890px": "99%" );
text-align: center;
z-index: 1000000;
height: 150px;
}

#footer_text {
font: 10px/12px Helvetica, Arial, sans-serif;
color: #666;
margin:0px 30px 20px 30px;
height: 240px;
}

#top_ad_box {
float: none; 
z-index: 20; 
text-align: center; 
white-space: nowrap;
}

#top_ad_box * {
margin: 0 2px;
}

#top_ad_box img {
border: 1px solid #999; 
border-top-width: 0;
}

img.right_ad {
position: relative;
border: 1px solid #999; 
border-right-width: 0;
margin: 2px 0;
}

img.left_ad {
border: 1px solid #999; 
border-left-width: 0;
margin: 2px 0;
}

img.bottom_ad {
float: center;
border: 1px solid #999; 
margin: 2px;
}

.section_ad {
display: block;
float: left;
width: 38%;
text-align: center;
margin: 10px 5%;
border: 1px dotted #CCC;
}

.hotjob_section .hotjobs {
float: left;
margin: 5px;
height: 200px;
position: relative;
}

.hotjob_section .hotjobs .redbtn {
position: absolute;
width: 116px;
bottom: 5px;
}

.clearfix:before,.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	zoom:1;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

/*  ... structural styles */



/* default site text ... */

p, li, ul, ol {
line-height: 140%;
margin-bottom: 4px;
margin-top:0px;
padding-top:0px;
}

.smallpanel p {
margin-bottom: 10px;
}

a {
color: #CC6600;
text-decoration:underline;
}

a.completed {
color: #E4D7B6;
text-decoration:none;
}

a:hover {
color: #999;
text-decoration:none;
}

a.white:hover {
color: #FFF;
text-decoration: none;
}

h1 {
color: #6E6C3C;
font: normal 28px/32px Helvetica, Arial, sans-serif;
margin: 0 0px 14px 0px;
}

h2 {
color: #364551;
font: normal 16px/24px Helvetica, Arial, sans-serif;
margin: 6px 0px 2px 0px;
}

h3 {
color: #364551;
font: bold 14px/24px Helvetica, Arial, sans-serif;
margin: 6px 0px 2px 0px;
}

ul {
position: relative;
z-index: 0;
margin-bottom: 20px;
padding-left: 12px;
margin-left: 0px;
}

ol {
padding-left: 24px;
margin-left: 36px;
}

li {
margin-left: 8px;
padding: 0px;
}

/* ... default site text */













.company {
color: #8FA3A5;
font-weight: bold;
}
.maintable {
border: 1px solid #999999;
}
.fullwidth {
border-left-width:1px;
}
.capsule_top {
border: 1px solid #999999;
border-bottom-width: 0px;
}
.capsule_bottom {
border: 1px solid #999999;
border-top-width: 0px;
}
.smallpanel {
padding: 0px 10px 0 0;
vertical-align:top;
}
.paneltop {
padding: 5px 0px 0px 0px;
}
.nopadding {
padding: 0px;
}
.pxborder {
border: 1px solid #999999;
}
.notop {
border-top-width: 0px;
}
.nobase {
border-bottom-width: 0px;
}
.noright {
border-right-width: 0px;
}
.noleft {
border-left-width: 0px;
}
.zeroborder {
border: 0px solid #999999;
}
.top {
border-top-width: 1px;
}
.base {
border-bottom-width: 1px;
}
.right {
border-right-width: 1px;
}
.left {
border-left-width: 1px;
}
.allround {
border-width: 1px;
}
.light {
border-color: #CCCCCC;
}
.divider {
background-color: #FFF;
width:1px;
padding:0px;
}
.no-underline {
text-decoration: none;
}

.light2bg {
background-color: #CCCCD7;
color: #003366;
}
.mid2bg {
background-color: #336699;
color: white;
}
.dark3bg {
background-color: #003264;
color:white;
}
.mid3bg {
background-color: #1F5082;
color: white;
}
.light3bg {
background-color: #87A2BC;
}

td.spec_group {
_display: inline-block;
vertical-align: top;
}



td.spec_group div.headdiv {
height: 50px;
vertical-align: bottom;
clear: both;
}
td.spec_group div.bodydiv {
vertical-align: bottom;
padding: 0 0 5px 2px;
margin: 0;
background-color: #E4D7B6;
border: 1px solid #CCC;
}

td.spec_group div.bodydiv a {
color: #3F5879;
text-decoration: none;
}

td.spec_group div.bodydiv a:hover {
color: #3F5879;
text-decoration: underline;
}

td.spec_group h2 {
margin: 0;
white-space: normal;
width: 100%;
}

td.spec_group h2 a {
display: block;
width: auto;
font-size: 13px;
margin: 0;
vertical-align: bottom;
line-height: 100%;
height: 50px;
color: #FFF;
background-color: #DF5800;
background-image: url('../images/orangebtn_bg.gif');
background-repeat: repeat-x;
padding: 4px 5px;
white-space: normal;
text-decoration: none;
}

td.spec_group h2 a:hover {
text-decoration: underline;
color: #FFF;
background-image: none;
background-color: #3F5879;
}

div#bullet_box {
margin: 20px;
background-color: #E4D7B6;
border: 1px solid #CCC;
}

div#bullet_box h2 {
padding: 6px;
color: #FFF;
display: block;
background-color: #DF5800;
background-image: url('../images/orangebtn_bg.gif');
background-repeat: repeat-x;
margin-top: 0;
}
div#bullet_box ul, div#bullet_box p, div#bullet_box ol {
margin: 10px;
}


span.buttondiv {
display: inline-block;
text-align:center;
max-width: 120px;
min-height: 120px;
_height: 120px;
vertical-align: top;
}

span.buttondiv div {
max-width: 120px;
min-height: 120px;
_height: 120px;
width: 120px;
}

span.buttondiv div h2 {
font-size: 10px;
width: 120px;
line-height: 110%;
margin: 0;
}

span.buttondiv.small {
max-width: 60px;
min-height: 60px;
_height: 60px;
margin: 5px;
}

span.buttondiv.small div {
max-width: 60px;
min-height: 60px;
_height: 60px;
width: 60px;
}

span.buttondiv.small div h2 {
font-size: 10px;
width: 60px;
line-height: 110%;
margin: 0;
}

div#profile_panel {
margin: 0px 0 6px 0;
padding: 6px 0;
border:0px solid #9C9C9C;
border-bottom-color:#696969;
border-right-color: #696969;
width:100%;
background: #989552;
color: #FFF;
}

div#profile_panel div#console_top {
height: 22px;
padding: 4px 6px;
}

div.dropconsole {
color: #FFF;
display: none;
padding: 0;
/*background: #989552;*/
font-weight: normal;
border: 0;
height: 22px;
margin: 0px 0 6px 0;
}
.dropconsole a {
display: block;
float: left;
color: #333333;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
text-decoration:none;
border-right: 1px solid #AAA966;
}
.dropconsole a:hover, .dropconsole a.completed:hover {
color: #FFF;
background-color: #6E6C3C;
text-decoration:none;
}
.dropconsole a.completed {
color: #000;
text-decoration: none;
}


ul#console {
height: 18px;
z-index: 2000000;
padding: 0;
margin: 0 6px;
list-style: none;
white-space: nowrap;
border-bottom: 2px solid  #989552;
}

ul#console li {
position: relative;
float: left;
height: 18px;
text-align: left;
border: 1px solid #666;
margin: 0 6px 0 0;
}

ul#console li a {
display: block;
text-decoration: none;
color: #FFF;
font: normal 11px/18px Helvetica, Arial, sans-serif;
background-color: #F58100;
background-image: url('../images/orangebtn_bg.gif');
background-repeat: repeat-x;
padding: 0 10px;
width: 100px;
}

ul#console li a:hover {
background-color: #3F5879;
background-image: none;
}


div#register_btn {
position: relative;
margin: 0 0 15px 0;
}

div.terms_page_text {
width: 550px;
}

/* menu styles */

#menutable {
}
a.menu {
color: #FFF;
text-decoration:none;
}
a.menu:hover {
color: #FFF;
text-decoration:none;
}
a.feedlink {
color: #364551;
text-decoration:none;
}
a.feedlink:hover {
color: #000;
text-decoration:underline;
}
a.forum_name {
color: #C00;
text-decoration:none;
font-size: 13px;
line-height: 18px;
}
a.menu:hover {
color: #FFF;
text-decoration:none;
}
.popmenu {
background: #036;
border: 1px solid #69C;
}
.popcell {

}
.menuedge {
background: #69C;
}
.menucell {
padding: 3px 6px;
font: 11px/14px;
}
.menutop {

}
.menubtn {
border-bottom: 0px solid #005597;
}
.jump {
width: 130px;
}


.barlinks {
background: #900 url('../images/steelbgred.gif') repeat-x;
height: 26px;
width: 620px;
}



ul#menu {
position: absolute;
top: 128px;
left: 150px;
z-index: 200;
padding: 0;
margin: 0;
list-style: none;
white-space: nowrap;
width: 800px;
}

ul#menu li {
position: relative;
float: left;
height: 26px;
width: 80px;
text-align: center;
border: 1px solid #666;
border-top-width: 0;
background-color: #F58100;
background-image: url('../images/orangebtn_bg.gif');
background-repeat: repeat-x;
margin: 0 6px 0 0;
}

ul#menu li a {
display: block;
text-decoration: none;
color: #FFF;
font: normal 14px/24px Helvetica, Arial, sans-serif;
width: 100%;
height: 26px;

}

ul#menu li a:hover {
display: block;
text-decoration: none;
color: #FFF;
width: 100%;
padding: auto;
background-color: #3F5879;
}

ul#menu li#minesitelogo {
vertical-align: top;
height: 26px;
padding: 0;
border: 1px solid #CCC;
border-top-width: 0;
margin: 0;
font-size: 9px;
line-height: 0;
width: 120px;
color: #CC6600;
background-color: #EEE;
}

ul#menu li#minesitelogo a {
width: 100%;
height: 26px;
display: block;
margin: 0;
line-height: 0;
background-color: #EEE;
}

ul#menu li#minesitelogo a:hover {
background-color: #3F5879;
}

.display {
font: bold 16px/24px Helvetica, Arial, sans-serif;
}


.barlinks a {
color:#FFFFFF;
font-size:10px;
text-decoration:none;
line-height: 20px;
}

.barlinks a:hover {
color:#FFFFFF;
background-color: #600;
}

b.cn {
position: absolute;
height: 5px;
width: 5px;
margin: 0;
padding: 0;
line-height: 1px;
font-size: 1px;
z-index: 1000;
}

b.cn.cornerwhite {
background: transparent url('../images/corner_FFF_10.gif') no-repeat;
}

b.cn.cornerCCC {
background: transparent url('../images/corner_CCC_10.gif') no-repeat;
}

b.cn.corner999 {
background: transparent url('../images/corner_999_10.gif') no-repeat;
}

b.cn.corner666 {
background: transparent url('../images/corner_666_10.gif') no-repeat;
}

b.cn.cornersteel {
background: transparent url('../images/steel-corner.gif') no-repeat;
}

b.cn_corner6 {
position: absolute;
z-index: 100;
height: 2px;
width: 2px;
margin: 0;
padding: 0;
background-color: #364551;
line-height: 1px;
font-size: 1px;
}

b.pxcornergreen {
position: absolute;
z-index: 100;
height: 2px;
width: 2px;
margin: 0;
padding: 0;
background-color: #989552;
line-height: 1px;
font-size: 1px;
}

b.cn.tl {
top: -1px; left: -1px;
background-position: top left;
}

b.cn.tr {
top: -1px;
right: -1px;
background-position: top right;
}

b.cn.bl {
bottom: -1px;
left: -1px;
background-position: bottom left;
}

b.cn.br {
bottom: -1px;
right: -1px;
background-position: bottom right;
}

b.blgrey {
background-image: url(../images/corner_DDD.gif);
bottom: -1px;
left: -1px;
background-position: bottom left;
}

b.blgreyb {
background-image: url(../images/corner_DDDb.gif);
bottom: -1px;
left: -1px;
background-position: bottom left;
}



ul#nav {
position: absolute;
width: 620px;
top: 0;
left: 0;
padding: 0;
margin: 0;
list-style: none;
}
ul#nav li {
position: relative;
margin:0px;
padding:0px;
height:19px;
display:inline;
line-height: 26px;
letter-spacing: -0.2px;
}


ul#nav li ul {
position: absolute;
left: 0px;
top: 20px;
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 50px;
display: none;
z-index: 100;
text-align: left;
}

* html li ul { top: 22px; }

ul#nav li ul li {
margin:0px;
}
ul#nav ul li ul li ul {
display: none;
position: absolute;
left: 170px;
top: -2px;
margin: 0px;
padding: 0px 0px 5px 0px;
width:120px;
z-index:2;
background-color:#FFFFFF;
color:#333333;
text-align:left;
border:1px solid #006600;
background-image:url(images/drop-down.jpg);
}

	ul#nav li ul li ul li a {
	display:block;
	width:200px;
margin:2px 2px 2px 2px;
font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px 0px 2px 25px;
color:#333333;
text-decoration:none;
background-image:url(images/bullet.gif);
background-position:center left;
background-repeat:no-repeat;
text-align:left;
}
ul#nav li ul li ul li a:hover {
	width:200px;
}
ul#nav li ul li a {
width: 120px;
	display:block;
margin:0;
	font-size:12px;
	line-height: 15px;
	padding:2px 5px;
color:#ffffff;
text-decoration:none;
background-color:#C1A581;
text-align:left;
border:1px solid #CCB293;
border-right-color: #825545;
border-bottom-color: #825545;
}

ul#nav li ul li a:hover {
	display:block;
color:#ffffff;
text-decoration:none;
background-color:#996A59;
text-align:left;
}
ul#nav li a {
font-weight: normal;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 20px;
display: inline;
padding: 3px 4px 3px 5px;
text-decoration:none;
}

* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
li:hover ul#nav2, li.over ul#nav2 { display: block; }
* html ul#nav2 li { float: left; height: 1%; }
* html ul#nav2 li a { height: 1%; }
li ul#nav2 li:hover ul, li ul#nav2 li.over ul { display: block; }.fw {
text-align:center;
font-weight:bold;
}








/* content styles */

.bgw {
background: #FFFFFF;
color: #003366;
}
.recessed {
border: 1px solid #999;
border-bottom-color:FFF;
border-right-color:FFF;
}

/* tabular data styles */

.prompt {
padding-left: 5px;
color: #364551;
border-left: 1px solid #999;
background-color: #E4D7B6;
}

.prompt a {
color: #364551;
display: block;
text-decoration: none;
width: 100%;
height: 100%;
}

.prompt a:hover {
color: #364551;
display: block;
text-decoration: underline;
}

div.info_box {
color: #364551;
border: 0px solid #364551;
background-color: #E4D7B6;
padding: 6px 12px;
}

.value {
padding: 2px 4px;
}

.boxtop {
vertical-align: top;
}

.colhead {
padding: 2px 4px;
color: #364551;
border: 1px solid #999;
border-bottom-width:0px;
background-color: #E4D7B6;
margin: 0;
background-color: #EEE;
_height: 30px;
_width: auto;
border-bottom: 1px solid #FFF;
}
.resultcell {
padding:3px;
}
.contentcol {
padding-right: 20px;
vertical-align: top;
}

.altrow1 {
background: #E8E2D1;
}
.altrow2 {
background: #EEEBE4;
}






/* international jobs styles ... */

div#international_jobs {
position: absolute;
z-index: 10000000;
top: 2px;
left: 140px;
width: auto;
white-space: nowrap;
padding: 0 10px;
}
div#international_jobs h2 {
color:#CC6600;
font-size: 11px;
float: left;
padding: 0;
margin: 0 4px 0 0;
line-height: 14px;
}
div#international_jobs span {
display: -moz-inline-box;
_display: inline-block;
}
div#international_jobs span img {
width: 16px;
height: 11px;
margin: 1px 0 0 2px;
/*border: #000 1px solid;*/
}

/* ... international jobs styles */



/* featured jobs styles ... */

div#featured_jobs {
position: relative;

margin: 10px 5px 5px 0;
width: 135px;
min-height: 480px;
_height: 480px;
padding-bottom: 1px;

}

div#featured_jobs h2 {
padding: 2px 4px;
text-align: center;
border: 1px solid #999;
border-bottom-width: 0;
border-left-width: 0;
margin: 0;
font-weight: bold;
background-color: #EEE;
}

div#featured_jobs h3 {
padding: 2px 4px;
background-color: #77825C;
color: #FFF;
}

.hotjobs h3 {
padding: 2px 4px;
line-height: 14px;
text-align: left;
background-color: #989552;
color: #FFF;
margin: 0;
display: block;
_width: 120px;
}

.hotjobs {
background: #FFF;
text-align: center;
margin: 5px 1px;
border: 1px #036 solid;
padding: 5px;
width: 120px;
}

.hotjobs img {
margin: 5px 0;
}

.hotjobs_text {
width: 120px;
text-align: left;
}

div#featured_jobs a:visited {
color: #FFF;
}

/* ... featured jobs styles */



/* rss feed styles ... */

div#rssfeed {
margin: 0;
position: relative;
background-color: #E4D7B6;
border: 1px solid #999;
}

div#rssfeed div.rssfeeder {
margin: 0;
padding: 2px 10px;
background-color: #EEE;
_height: 30px;
_width: 100%;
border-bottom: 1px solid #FFF;
}

div#rssfeed ul {
margin: 10px 20px 20px 0;
}

div#rssfeed ul li {
margin-left: 20px;
font-size: 10px;
}

div#rssfeed ul li a.feedlink {
font-size: 12px;
}

span.feeddescription {
color: #888;
}

td.vac_description {
width: 70%;
}

td.vac_description div {
margin: 12px 18px;
}

/* ... rssfeeder styles */




/* image styles */

.titleimg {
margin: 0px 0px 0px 0px;
}
.max_img_left {
margin: 6px 20px 20px 0px;
}
.min_img_left {
margin: 10px 5px 5px 0px;
}
.imgleft {
margin: 4px 12px 6px 0px;
}
.imgright {
margin: 4px 0px 6px 12px;
}







/* customised site text styles ... */





/* ... custom text styles */





/* faqs ... */


div.faq_box {
border: 1px solid #CCC;
}

div.faq_box h2 {
padding: 4px 6px;
color: #FFF;
display: block;
background-color: #DF5800;
background-image: url('../images/orangebtn_bg.gif');
background-repeat: repeat-x;
margin-top: 0;
}
div#bullet_box ul, div#bullet_box p, div#bullet_box ol {
margin: 10px;
}

.faq_question {
font-weight: normal;
text-decoration:none;
background-color: #E4D7B6;
display: block;
}

.faq_question a {
display: block;
}

/* ... faqs */




.nobr {
white-space: nowrap;
}
.note {
font-size: 10px;
}
h1 span.note {
font-size: 12px;
}
.light {
font-weight: normal;
}
.red4 {
color:#CC6600;
}
.list_div{
padding-left: 0px;
margin-left: 0;
}

.error {
padding: 5px 20px 5px 10px;
color: white;
background-color: #989552;
}

.error h1 {
font-size: 14px;
line-height: 14px;
}



#register_box {
height: 100px;
width: 120px;
margin: 0 0 12px 0;
}

#earth_box {
z-index: 1000;
top: -30px;
left: -40px;
height: 200px;
width: 200px;
}

#earth_box2 {
height: 200px;
width: 150px;
}

.sidebox {
margin-bottom: 5px;
position: relative;
width: 120px;
}
.sidebox table {
width:100%;
background: #77825C;
color: #FFF;
margin: 0;
}
.sidebox td {
color: #FFF;
}
.sidebox a {
color: #FFF;
}

.boxheader {
margin: 0;
letter-spacing: -0.1em;
}

.copyright {
	font-size: 10px;
}
.grey {
color: #333;
}
.greybg {
background: #CCC;
}
.white {
color: white;
}
.main {
color: #333366;
}
select, input, textarea {
font: 10px Verdana;
color: #333333;
padding: 2px 4px;
}
select {
padding: 0px;
}
select, textarea {
border: 1px solid #CCC;
}
.formfield {
border:1px solid #CCC;
}
.btn {
background: #6E6C3C url("../images/btn_bg.gif");
color: white;
border: 1px solid #8FA3A5;
border-width: 1px 2px 2px 2px;
border-top-color: #CC6600;
border-bottom-color: #666306;
height:22px;
text-align: center;
}
.redbtn {
background: #DF5800 url("../images/orangebtn_bg.gif") repeat-x;
color: #FFF;
border: 1px solid #8FA3A5;
border-width: 1px 2px 2px 2px;
border-top-color: #CC6600;
border-bottom-color: #C66000;
height:22px;
text-align: center;
float: 0px;
padding: 0px;
cursor: pointer;
_cursor: hand;
text-decoration: none;
}
.btn:hover, .btn.over {
color: #333;

}
.redbtn:hover, .redbtn.over {
color: #FFF;
background-image: none;
background-color: #3F5879;
}
a.btnlink {
color: #FFF;
text-decoration: none;
padding: 0 10px;
}
a.btnlink:hover {
color: #FFF;
background-image: none;
background-color: #3F5879;
}
a.btnlink:visited {
color: #300;
}

.mainimg {
margin: 4px 2px 10px 2px;
}
.seotext {
font: 12px Verdana;
color: #666;
text-align: left;
margin:10px 15px 2px 15px;
}
a.seotext:link {
text-decoration: none;
margin: 0;
}
a.seotext:hover {
text-decoration: underline;
}
a.seotext:visited {
text-decoration: none;
margin: 0;
}
.alert {
color: #CC6600;
}

#contact_details {
position: absolute;
z-index: 50;
top: 55px;
left: 10px;
height: 52px;
width: 120px;
}

#contact_details p {
font: normal 10px/11px Helvetica, Arial, sans-serif;
}


optgroup {
font-weight: bold;
text-decoration: none;
font-style: normal;
}

optgroup option {
}

.vaclisttable {
clear: both;
border-collapse: separate;
border-spacing: 2px;
}

.vaclisttable tr td {
}

#vac_detail_column {
	width: 20%;
	float: right;
	border-left: 1px dotted #CCC;
	padding-left: 16px;
}

#vac_detail_column h3 {
	margin-bottom: 0;
	padding: 0;
	margin-top: 2px;
}

#vac_detail_column p {
	margin: 0;
	padding: 0;
}

.apptable .value {
background-color: #CCF;
}

.reg_start a, .reg_start a:hover {
text-decoration: none;
color: #CC6600;
}

.reg_start td {
text-align: center;
}

#foot_news_link {
margin: 0; 
padding: 10px auto;
width: 100%;
text-align: center;
}

#foot_news_link a {
background: #6e8b9f;
display: block; width: 100%; height: 40px;
line-height: 40px;
margin: 0;
}

#foot_news_link a:hover {
background: #CC6600;
}
.best_company_logo {
float: right;
margin: 25px;
}