/* Master Structure CSS for InfoMine BumbleBee */

@import url('reset.css');

body {
	font: 12px/1.5 Arial, sans-serif;
	background-color: #fff;
	color: #333;
	text-rendering: optimizeLegibility;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* General Link Styles START */

a, a:link, a:active {
	color: #004d99;
	text-decoration: none;
}

a:visited {
	color: #780000;
}

a:hover {
	color: #b30000;

}

a.no-visited-colour:visited {
  color: #003399;
}

/* Link Styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Basic Element Styles START */

p, ul, ol, blockquote, table {
	margin-bottom: 18px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 9px;
}

li + li {
	margin-top: 3px;
}



/* p + p {
	margin-top: 16px;
} */

/* Basic Element Styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Heading Styles START */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {  /*  !!!!!! Revisit later !!!!!! */
	font-size: 30px;
}

h2 {
	color: #666;
	font-size: 18px;
	white-space: normal; /* overriding inherited rule from InfoMine */
}

h3 {
	font-size: 14px;
	clear: both; /*  !!!!!! Revisit later !!!!!! */
}

input, select, textarea {
	font-family: Arial, sans-serif;  /* Required */
}

strong, b {
	font-weight: bolder;
}

em, i {
	font-style: italic;
}

sup, sub {
	font-size: 11px;
}

sup {
	vertical-align: top;
}

sub {
	vertical-align: bottom;
}

/* Other formatting Styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Clearfix Styles START */

.VisualClear {
	clear: both;
}

.VisualClear:after {  /* This prevents floats from expanding out of their containing box - apply as container class when needed.  */
	content: '.';
	height: 0;
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
}

/* Clearfix Styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Main Content Divisions START  */

.MainWrapper { /* Wraps entire fixed width site. Centers DIV, sets border and background-color */
	position: relative;
}

.HeaderWrapper {
	background: #FFF;
	width: 990px;
	margin: 0 auto;
	} /* Wrapper for new user bar and redirect bar  */

.MainContentWrapper {
	background-color: #ffffff;
	width: 990px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.HomeContentBg, .TwoColLeftContentBg, .TwoColRightContentBg, .ThreeColContentBg, .FullBg {
	width: 100%;
	background-color: #fff;
	background-repeat: repeat-y;
}


/* .HomeContentBg {
	background: url(/common/assets/images/backgrounds/homepage-borders-bg.png) repeat-y;
} */

.TwoColLeftContentBg {
	background-image: url(/common/assets/images/backgrounds/main-two-col-left-borders-bg.png);
}

.TwoColRightContentBg {
	background-image: url(/common/assets/images/backgrounds/main-two-col-right-borders-bg.png);
}


.ThreeColContentBg {
	background-image: url(/common/assets/images/backgrounds/main-three-col-borders-bg.png);
}


.LeftColumn {
    float: left;
    margin: 0 15px 10px 20px;
    padding-right: 16px;
    width: 218px;
}


.MainContent {   /* General MainContent continer */
	float: left;
	width: 430px;
	margin: 0;
}

.TwoColumnRight {  /* Two column layout - Main content + Right sidebar */
	margin-left: 20px;
	width: 679px;
}

.TwoColumnLeft { /* Two column layout - Left sidebar + Main content */
	width: 701px;
	margin: 0 20px 0 0;
}

.RightColumn {
	float: left;
	margin: 0 20px 10px 15px;
	padding-left: 16px;
	width: 240px;

}


.FullWidth {  /* MainContent and spans entire content area - ie. no sidebars */
	margin: 10px 20px 10px;
	width: 950px;
	min-height: 300px;
}




/* Main Content Divisions END  */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* GeneralContainer Box styles START  */

.GeneralContainerBox {
    margin: 0 0 9px 0;
	padding: 0 0 9px 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #b9b9b9;
}

.GeneralContainerBox h2 {
	background: none;
	color: #494949;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 18px 0;
	font-family: Arial, san-serif;
}

.GeneralContainerBox .Content {
	padding: 0;
	font-family: Arial, sans-serif;
}


.GeneralContainerBox .SectionHomeHeading {
	font-size: 24px;
	line-height: 1;
}

.GeneralContainerBox .SectionHomeHeading a:visited {
	color: #004D99;
}

.LeftColumn h2, .RightColumn h2, .TopicBox .SectionHomeHeading {
	font-size: 16px;
	line-height: 1.5;
}

.TopicBox .SectionHomeHeading {
	padding-bottom: 0;
	line-height: 1.2;
}



.LeftColumn .GeneralContainerBox:last-child, .MainContent .GeneralContainerBox:last-child, .RightColumn .GeneralContainerBox:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}


.RightColumn .GeneralContainerBox h3 {
	margin-top: 0;
}


.BrowseContentContainer ul {
	font-size: 12px;
	margin: 0 0 10px;
}

.SubHeader {
	color: #464646;
	font-size: 11px;
}

/* Content image alignment styles START */

.ImgAlignLeft {
	float: left;
	margin: 0 15px 15px 0;
}

.ImgAlignRight {
	float: right;
	margin: 0 0 15px 15px;
}

.ImgAlignCenter {
	display: block;
	margin: 15px auto;
}

/* Content image alignment styles END */

.bullets li, .numbers li {
	padding-left: 10px;
}

.bullets ul, .numbers ul {
	margin: 10px 0;
}

/* Unordered styles START */

.bullets li {
    background: url("/global/assets/Images/Bullets/SolidBlack.gif") no-repeat scroll left 7px transparent;
}

.bullets ul li {
    background: url("/Global/Assets/Images/Bullets/HollowBlack.gif") no-repeat scroll left 7px transparent;
}

/* Unordered styles END */

/* ordered list styles START */

.numbers li {
	list-style-type: decimal;
}

.numbers ol li {
	list-style-type: lower-roman;
}

/* ordered list styles END */

/* GeneralContainer Box styles END  */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* START Standard Table styles */

.StandardTbl {
	width: 100%;
}

.StandardTbl td, .StandardTbl th {
	border: 1px solid #b9b9b9;
	vertical-align: middle;
	padding: 5px;
}

.StandardTbl th {
	text-align: center;
	font-weight: bolder;
	background: #e5e5e5;
}

.StandardTbl tr:nth-child(odd), .StandardTbl tr.AltRow {
	background: #f5f5f5;
}

.StandardTbl .TopAlignCell {
	vertical-align: top;
}

/* END Standard Table styles */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* START Form styles */

.Content [type="text"], .Content [type="password"], .Content [type="email"], .Content [type="search"], .Content select, .Content textarea {
	border: 1px #a6a6a6 solid;
	font-size: 12px;
	padding: 2px 3px;
}

.Content  label {
	display: block;
	font-weight: bolder;
	margin-bottom: 3px;
	font-size: 12px;
}

.Content input[type="checkbox"], .Content input[type="radio"] {
	vertical-align: -3px;
	margin-right: 5px;
}

.Content select, .Content textarea {
	padding: 1px 0;
	line-height: 1.2;
}

.Content .SubLabel {
	font-weight: normal;
}


input::-webkit-input-placeholder {  /* Default placeholder text is way too light gray.  */
    color: #666;
}

input:-moz-placeholder {
    color:  #666;
}

input:-o-placeholder {
    color:  #666;
}

/* Keyword search module STARTS */

.KeywordSearch {
	margin-bottom: 9px;
}

.KeywordSearch input {
	border: 1px solid #A6A6A6;
	background-color: #FFF;
}

.KeywordSearch input[type="text"] {
	padding: 1px 0 1px 3px;
	height: 18px;
	line-height: 18px;
}

.KeywordSearchText { /* Sets the width, border, padding and search icon for the search Input */
	width: 150px;
	border-right: none !important;
	padding: 1px 0;
	float: left;
}

.KeywordSearchButton {
	width: 22px !important; /* Overides Sprite CSS for width / height */
	height: 22px !important; /* Overides Sprite CSS for width / height */
	border-left: none !important; /* Overides Generic border for Input - Button, sets left border to none so it looks like it is part of text input */
	float: left;
	left: -4px;
	cursor: pointer;
	text-indent: -9999px;
}

.hidden {
	position: absolute;
	left: -9999px;
}

.LeftColumn .KeywordSearchText {
	width: 192px;
}

.RightColumn .KeywordSearchText {
	width: 191px;
}

/* Keyword search module ENDS */

/* Sign up boxes styles START */

.DigestSignUp input[type="email"], .DigestSignUp input[type="text"] {
	width: 165px;
	margin-right: 5px;
}

.DigestSignUp p {
	float: left;
}

.DigestSignUp .Button {
	padding: 0 5px 1px;
	float: right;
	display: block;
	margin: 0;

}



/* END Form styles */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* More Link Styles START */

.MoreLinkWrapper {
	text-align: right;
	margin-bottom: 0;
	font-size: 12px;
	padding-right: 10px;
}

.MoreLinkWrapper a {
	text-decoration: none;
}



.KeywordSearch .MoreLinkWrapper {
	font-size: 11px;
	padding-top: 6px;
	clear: both;
}

.Button {
	padding: 1px 5px 2px;
	border: 1px #b9b9b9 solid;
	background: #eee url(/common/assets/images/GeneralContainerBoxBkg.jpg) repeat-x 0 10% scroll;
	float: right;

}

.Button a:hover, .Button:hover {
	background: #eee url(/common/assets/images/GeneralContainerBoxBkgFlipped.jpg) repeat-x 0 10% scroll;
	text-decoration: none;
}

.Button a:hover .MoreLinkArrow, .Button:hover .MoreLinkArrow {
	color: #b30000;
}

.Button input {
	background: none;
	border: none;
	font-size: 12px;
	width: auto;
	cursor: pointer;
	padding: 0;
}


/* More Link Styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Feed block styles START */

.NewsList {
	margin-bottom: 0;
}

.NewsList h4 {
	font-weight: normal;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 12px;
}



.NewsList p {
	font-size: 11px;
	color: #999;
	margin: 0;
}

.NewsList li + li {
	margin-top: 9px;
}



/* START ChartsContainer styles */

.ChartsContainer .Content {
	text-align: center;
}

.ChartsContainer img {
	margin: 0 0 18px;
	display: block;
}

.ChartsContainer p {
	text-align: left;
	margin-bottom: 10px;
}


/* Section Styles End */

/* Main Header styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Advertising Block styles START */

.GeneralAdProContainer {
	background-color: #fff;
}

.GeneralAdProContainer table {
	margin-bottom: 0;
}

.GeneralAdProContainer img, .GeneralAdProContainer object {
	display: block;
	border: 1px #b9b9b9 solid;
	background-color: #fff;  /* Some flash banners are transparent */
	margin: 0 auto 3px;
}

.GeneralAdProContainer img.SpriteLink {
    background-image: url("../../assets/images/sprites/IconSprite.gif");
    background-repeat: no-repeat;
	background-color: transparent;
	border: none;
}

.AdProS728x90Container {
    border: medium none;
    margin: 0 10px 0 auto;
    width: 728px;
	float: left;
	display: block;
}

.AdPro200x90Container {
	width: 200px;
}
.AdPro200x90Container a {
	float:left;
}



.AdProS468x60Container {
	margin: 18px 0;
}

.AdProS468x60Container div {
	margin: 9px auto 0;
	width: 470px;
}

.AdProSidebarContainer, .AdProLeaderboardContainer {
	padding: 9px 0;
}

.AdProLeaderboardContainer {
	padding: 9px 20px;
	margin-top: 14px;
}


.AdProS100x100Container div {  /* Temp. Phasing out these banner sizes for 120x90.  Remove code when switch is complete. */
	width: 102px;
	margin: 0 auto;
}

.AdProS147x100Container {
	margin-bottom: 9px;
}

.AdProS147x100Container div {  /* Temp. Phasing out these banner sizes for 120x90.  Remove code when switch is complete. */
	width: 149px;
	margin: 0 auto;
}

.AdProS100x100Container .S100Featuring {
	margin-top: 6px;
}

/* Advertising Block styles END */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////*/


.AccessibilityText {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/*new styling added by Vivien for Mining Job Opportunities section on HP*/

.row-buffer {
    border-bottom: 1px solid #e7e7e7;
    margin: 6px 0;
    padding-bottom: 6px;
}

.job-details {
	width: 75%;
	float: left;
}

.job-company-logo {
	width: 25%;
	float: left;
}

.job-details-sm {
    color: #555555;
    font-size: 11px;
}

.EOCSection {
	margin-top: 10px;
}