﻿/*<meta />*/

/*
* {
	margin : 0;
	padding : 0;
}
*/

div,
ul,
li
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #E7E7E8;
}

#top_spacing
{
	margin: auto;
	background-color: #E7E7E8;
	height: 10px;
}

.centering
{
	text-align: center;
}

#main_header
{
	margin: auto;
	padding-top:2px;
	padding-bottom:1px;
	border-top: 1px solid #5B7F95;
	border-left: 1px solid #005386;
	border-right: 1px solid #005386;
	border-bottom: 1px #CFCFCF solid;
	background-color: #FBFBFB;
	text-align: left;

}

/* Branding */

#headerleft
{
	background: #FFFFFF;
	margin: 0 auto;
	background: #D3D4D5;
	background-color: #FBFBFB;
	text-align: left;
	font: 1em calibri, arial, sans-serif;
	color: #97999B;
	width: 20px;
	float: left;
	height: 16px;
}

#headerright
{
	background: #FFFFFF;
	margin: 0 auto;
	background: #D3D4D5;
	background-color: #FBFBFB;
	text-align: right;
	font: 1em calibri, arial, sans-serif;
	color: #97999B;
	margin-left: 20px;
	padding-top:5px;
	padding-bottom:5px;
	height: 16px;
}

#banner
{
	background: #FFFFFF;
	clear: both;
	position: relative;
	margin: 0 auto;
	background: #D3D4D5;
	background-color: #E7E7E8;
	text-align: right;
	font: 1em calibri, arial, sans-serif;
	color: #97999B;
}

#header a,
#banner a
{
	color: #97999B;
}

#header a:hover,
#header a:hover
{
	color: #97999B;
	text-decoration: underline;
}

#header.search
{
	width: 50%;
	text-align:left;
	float:left;
}

#header.bcproxy
{
	width:50%;
	text-align:right;
	float:right;
}

div.titleleft
{
	font: 9pt calibri, arial, sans-serif;
	color: #97999B;
	text-align: center;
	background-color: #FBFBFB;
}

div.title
{
	padding-right: 10px;
	font: 9pt calibri, arial, sans-serif;
	color: #97999B;
	text-align: right;
	background-color: #FBFBFB;
	height:9px !important;
	height:12Px;

}

breadcrumbsProxy
{
	background-color: #FBFBFB;
	text-align: right;
	font: 8pt calibri, arial, sans-serif;
	color: #97999B;
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 0px;
}

.colwidth
{
	text-align: center;
}

#main_headimg
{
	margin: 0 auto;
	border: 1px solid #005386;
	border-bottom: 1px #D3D4D5 solid;
	border-top: 0px;
	text-align: left;
}

#headerImg
{
	margin: 0 auto;
	height: 75px;
	clear: both;
	text-align: center;
}

div.header_right_bmc
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/blank.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_dynsh
{
	padding: 0px;
	float: right;
	height: 75px;
	width: 160px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/blank.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_futgmp
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_futgmp.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_gems
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_gems.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_hub
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_hub.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_insite
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_insite.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_license
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/blank.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_minesched
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_minesched.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_minex
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_minex.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_pcbc
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_pcbc.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_plotmaker
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/blank.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_surpac
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_surpac.png') no-repeat top right;
	background-color: #FFFFFF;
}

/* Tabs */

div.header_right_surpacquarry
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_surpacquarry.jpg') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_surpacxplorpac
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_surpacxplorpac.jpg') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_right_whittle
{
	padding: 0px;
	float: right;
	height: 75px;
	border: 0px;
	border-bottom: 0px;
	background: url('../images/splash/img_whittle.png') no-repeat top right;
	background-color: #FFFFFF;
}

div.header_left
{
	float: left;
	height: 75px;
	border: 0px;
	text-align: left;
	background: url('../images/templates/header_bg.png') repeat-x top left;
	vertical-align: top;
}

.header_logo
{
	float: left;
	margin-top: 0px !important;
	margin-top: 0px;
	margin-left: 0px !important;
	margin-left: 0px;
}

a
{
	text-decoration: none;
}

div.header_left img
{
	float: left;
}

a#searchlink 
{ 
	display:block; 
	text-decoration:none; 
} 

a#searchlink:hover 
{ 
	background-color:#F1F1F2;
	color:#005386;
	text-decoration:none; 
	border:1px #ccc solid;
	margin-left: -1px;
	margin-right: -1px;
	margin-top: -1px;
	margin-bottom: -1px;
}


.noborder_right 
{
	border-width: 0pt;
	text-align: right;
}

.formsize
{
	height: 23px; 
	padding: 0px; 
	margin: 0px;
}

.textbox
{
	font-size: 9px; 
	padding: 0px; 
	margin-top:-10px; 
	vertical-align:middle;
}

#main_menu
{
	margin: auto;
	border: 1px solid #005386;
	border-top: 0px;
	border-bottom: 0px;
	text-align: left;
}

#menu
{
	background: #FBFBFB;
	border-bottom: 1px solid #D3D4D5;
	font: 10pt calibri, arial, sans-serif;
	padding-top: 3px;
	padding-bottom: 0.3em;
	text-align: left;
}

#menu ul
{
	padding-left: 4em;
	padding-right: 4em;
	padding-top: 0.6em;
	padding-bottom: 0.15em;
}

#menu li
{
	display: inline;
}

#menu li a
{
	color: #97999B;
	padding: 0.45em 1.5em;
	visibility: hidden;
	display: none;
}

#menu li a:hover
{
	background: #D3D4D5;
}

#menu li.standard a
{
	color: #97999B;
	padding: 0.75em 1.5em;
}

#menu li.standard a:hover
{
	background: #D3D4D5;
}

#menu li.unavailable a
{
	color: #D3D4D5;
	padding: 0.75em 1.5em;
}

/* Footer */

#menu li.unavailable a:hover
{
	background: #D3D4D5;
}

#menu li.selected a
{
	background: #ffffff;
	border: 1px solid #D3D4D5;
	border-bottom: 1px solid #ffffff;
	color: #0090E8;
	display: inline;
/* HyperWrite Oct 22 2008 */
	visibility: hidden;
}
/* HyperWrite Oct 22 2008 */
#menu li.activeselected a
{
	background: #ffffff;
	border: 1px solid #D3D4D5;
	border-bottom: 1px solid #ffffff;
	color: #0090E8;
	display: inline;
	visibility: visible;
	text-decoration: none;
}

#menu li.activeselected a:hover
{
	background: #ffffff;
	border: 1px solid #D3D4D5;
	border-bottom: 1px solid #ffffff;
	color: #0090E8;
	display: inline;
	visibility: visible;
	text-decoration: underline;
}

#menu li.selected a:hover
{
	background: #ffffff;
	color: #97999B;
	text-decoration: underline;
}

#menu li.deselected a		{
	display: inline;
	visibility: visible;
	text-decoration: none;
}

#menu li.deselected a:hover		{
	display: inline;
	visibility: visible;
	text-decoration: underline;
}

#menu li.hidden
{
	display: none;
}


#defpanel
{
	display: block;
}

#main_footer
{
	margin: 0 auto;
	border-top: 0px;
	text-align: left;
}

#footer
{
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	background: #FBFBFB;
	color: #97999B;
	border: 1px #005386 solid;
	border-top: 0px;
	margin-left: -1px !important;
	margin-left: 0px;
	text-align: left;
	padding-top: 5px;
}

div.footer_left
{
	position: relative;
	float: left;
	padding: 0px;
	border: 0px;
	width: 50%;
	text-align: left;
}

.footer_left p
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
	margin-bottom: 5pt;
	padding: 0px 15px 0px 15px;
}

.footer_left a
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
	text-decoration: none;
}

.footer_left a:hover
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
	text-decoration: underline;
}

.footer_left a:visited
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
}

.footer_left a:active
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
}

div.footer_right
{
	position: relative;
	padding: 0px;
	width: 50%;
	float: right;
	border: 0px;
	text-align: right;
}

/* Main Content */

.footer_right p
{
	text-align: right;
	font-size: 8pt;
	padding: 0px 15px 0px 15px;
	color: #97999B;
}

.footer_right a
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
	text-decoration: none;
}

.footer_right a:hover
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
	text-decoration: underline;
}

.footer_right a:visited
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
}

.footer_right a:active
{
	text-align: left;
	font-size: 8pt;
	color: #97999B;
}

/* needed to reduce space between a series of drop-downs */

#main_content
{
	margin: auto;
	border: 1px solid #005386;
	border-top: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left;
	overflow: hidden;
}

/* this gets the left and bottom padding of drop-downs correct */

#content
{
	border-bottom: 1px solid #D3D4D5;
	height: auto !important;
	height: 1%;
	overflow: hidden;
	padding: 25px 15px 10px 15px;
	background-color: #FFFFFF;
	margin: 0px;
	text-align: left;
}

/* html.igantt #content is here temporarily to make igantt topics in GEMS help have a spartan background. May well be done in a better way later */

#content div
{
	padding: 0px 15px 10px 15px;
}

/* needed to make breadcrumbs legible*/

#content div.MCDropDown
{
	padding: 0px 0px 3px 0px;
}

#content div.MCDropDownBody
{
	padding: 0px 0px 0px 10px;
}

html.igantt #content
{
	background: #ebe6d7;
}

div.MCBreadcrumbsBox
{
	color: #97999B;
}

span.option_text
{
	color: #97999B;
	font-family: calibri, arial, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	text-decoration: none;
}

#icons
{
	float: right;
	vertical-align: middle;
	font-family: calibri, arial, sans-serif;
	margin-top: -18px;
	text-decoration: none;
}

img.separator
{
	margin-left: 1px;
	margin-right: 3px;
	text-decoration: none;
}

/* New styles required for Flare v5 */	

#content > #icons > table > tbody > tr > td > a#searchlink
{
text-decoration: none;
}

#menu > ul > li:selected > a
{
text-decoration:none;
}

@media tv
{
	#main
	{
		margin: auto;
		width: 976px;
		border: 1px solid #005386;
	}

	#header h1
	{
		color: #ffffff;
		font: italic 200% calibri, arial, sans-serif;
	}

	div.left
	{
		left: -1em;
		float: left;
		position: relative;
		width: 50%;
	}

	div.right
	{
		left: 1em;
		float: left;
		position: relative;
		width: 50%;
	}

	.copyright
	{
		float: right;
		font: 1em calibri, arial, sans-serif;
		color: #fff;
		vertical-align: baseline;
	}

	#headerImg.colwidth
	{
		background-color: #005386;
	}

	#main
	{
		padding-bottom: 0px;
	}
	
}

@media print
{
	#top_spacing,
	#main_header,
	.colwidth,
	#main_headimg,
	#headerImg,
	div.header_right_futgmp,
	div.header_right_gems,
	div.header_right_hub,	
	div.header_right_insite,
	div.header_right_license,
	div.header_right_minesched,
	div.header_right_minex,
	div.header_right_pcbc,
	div.header_right_plotmaker,
	div.header_right_surpac,
	div.header_right_surpacquarry,
	div.header_right_surpacxplorpac,
	div.header_right_whittle,
	div.header_left,
	#main_menu,
	#main_footer,
	#main_content
	{
		
	}
}

@media screen
{
	#top_spacing,
	#main_header,
	.colwidth,
	#main_headimg,
	#headerImg
	{
		width: 976px;
	}

	div.header_right_futgmp,
	div.header_right_gems,
	div.header_right_hub,
	div.header_right_insite,
	div.header_right_license,
	div.header_right_minesched,
	div.header_right_minex,
	div.header_right_pcbc,
	div.header_right_plotmaker,
	div.header_right_surpac,
	div.header_right_surpacquarry,
	div.header_right_surpacxplorpac,
	div.header_right_whittle
	{
		width: 160px;
	}

	div.header_left
	{
		width: 816px;
	}

	#main_menu,
	#main_footer,
	#main_content
	{
		width: 976px !important;
		width: 978px;
	}

	div.header_right_plotmaker
	{
		width: 160px;
		background-color: #000000;
		height: 75px;
	}

	div.header_right_minex
	{
		height: 75px;
	}
	
}

dropDown
{
	margin-left: -10px;
}

MadCap|xref.custom
{
	mc-format: '{h1}';
	color: #005386;
	text-decoration: underline;
}