/**********************************************
 I-Minerals Master CSS
 RA, May 5, 2010
 *********************************************/
 
 /* Essentials */
 html, body, td, big, strong, big, small {font-family: arial, helvetica, sans-serif; font-size: 12px;}
 body {margin: 0; padding: 0; background: #ececec; color: #585858; line-height: 1.5em;}

/* Text links */
a, a:visited {text-decoration: none; color: #ac001f;}
a:hover {text-decoration: underline;}
 
/* Text headers */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font-size: 18px; font-weight: normal;}
h2 {font-size: 18px; font-weight: normal;}
h3 {font-size: 18px; font-weight: normal; margin: 10px 0 0 0;}

.left_col h1 {margin: 27px 0 4px 18px;}
.right_col h2 {margin: 27px 0 12px 0px;}
.front_left_col h2 {margin: 0 0 12px 0px;}
.front_right_col h2 {margin: 0 0 12px 0px;}
.stock_symbol {float: left; font-weight: normal; color: #fff; font-size: 16px; margin: 10px 0 0 20px;}
.stock_info {float: left; font-size: 13px; margin: 8px 0 0 0;}

/* Layout */
.container {width: 882px; margin: 0 auto; overflow: hidden;}
.main_menu {padding: 0px 0 0 18px; float: left; width: 568px;}
.upper_stock_bg {width: 296px; height: 36px; padding: 0; float: left; background: url('/i/common/upper_stock_bg.gif') repeat-x top left; color: #f3f3f3;}
.content {margin: 0 30px 20px 0;}
.left_col {float: left; width: 235px;}
.right_col {float: left; width: 647px;}

/* Front Page only */
.front_left_col {float: left; width: 310px;}
.front_right_col {float: left; width: 572px;}
.front_content {margin: 30px 20px 20px 20px;}
.front_header_logo_bg {background: #660013 url('/i/common/front_header_logo_bg.jpg') no-repeat top center; height: 360px; overflow: hidden;}
img.fbox_top_first {float: left; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
img.fbox_top {float: left; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
img.fbox_top_last {float: left; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}

img.fbox_bot_first {clear: both; float: left; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
img.fbox_bot {float: left; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
img.fbox_bot_last {float: left; border-left: 2px solid #fff; border-right: none; border-bottom: 2px solid #fff;}

.front_left_col ul {list-style: none; margin: 0; padding: 0;}
.front_left_col ul li {margin: 0 0 10px 0;}

/* Photo Gallery */
.ind_gallery {float: right; margin: 0 0 10px 10px; font-style: italic; text-align: center; padding: 4px; width: 150px;}

/* Gallery Grid */
.gallery_grid {clear: both;}
.gallery_grid ul { margin: 0; padding:0;}
.gallery_grid ul li {list-style:none; float: left; display: block; width: 120px; text-align: center; background: #f0f0f0; margin: 0 20px 20px 0;}
.gallery_grid ul li a, .gallery_grid ul li a:visited {display:block; padding: 10px; color: #C00;}
.gallery_grid ul li a:hover {background: #ccc; color: #ff0000; text-decoration: none;}
.gallery_grid ul li a.active {background: #ccc; color: #ff0000;}
.gallery_grid ul li a img {display: block; margin-bottom: 4px;}

/* Form */
.subscribe_bg {padding: 0;}
.form_field_front {float: left; margin: 0;}
.form_field_front input {border: 1px solid #ccc; width: 160px; height: 21px; margin: 3px 0 0 0;}
.form_button_front {float: left; margin: 0;}
.form_button_button {background: #313131; color: #fff; border: none; width: 24px; height: 24px; margin: 3px 0 0 0;}

/* PDF List */
ul.pdf {list-style: none; margin: 0; padding: 0;}
ul.pdf li {margin: 0; padding: 0 0 10px 25px; background: url('/i/common/pdf_icon.gif') no-repeat top left;}

/* Management Format */
.mgmt_item {margin: 0; padding: 20px 0 0px 0; clear: both; overflow: hidden;}
.mgmt_name {font-weight: bold; font-size: 14px; color: #484b2a;}
.mgmt_position {font-style: italic; color: #ac001f;}
.brown {color: #ac001f;}
.mgmt_bio {width: auto; padding: 10px 0 0 0; margin: 0; text-align: justify;}
.mgmt_img {float: left; padding: 6px 6px 2px 6px; margin: 10px 20px 20px 0; border: 1px solid #ccc; background: #fff;}

 /* Backgrounds etc */
.menu_area {background: url('/i/common/menu_bg.gif') repeat-x top left; height: 36px; overflow: hidden;}
.header_logo_bg {background: #660013 url('/i/common/header_logo_bg.jpg') no-repeat top center; height: 180px;}

/* News Release format */
.news_item {padding: 0 0 5px 0;}
.news_date {font-style: italic;}
.news_title {font-weight: bold; font-size: 13px; padding: 0; margin: 0;}
.news_file {text-align: right; font-weight: bold; margin: 0;}

/* Stock Info - Sub Page */
table.stocktable2 {border-collapse: collapse; margin: 0 0 10px 0;}
table.stocktable2 td {border: 1px solid #fff; width: 25%;}
table.stocktable2 td.stock_title {text-align: left; background: #d21033; color: #fff; font-weight: bold; padding: 0 0 0 10px;}
table.stocktable2 td.stock_value {text-align: right; background: #f0f0f0; padding: 0 10px 0 0; color: #000;}

/* Table formatting for all Financials pages */
table.table2 {border-collapse: collapse; color: #6f6c68;}
table.table2 th {font-size: 13px; font-weight: bold; border: 1px solid #fff; color: #fff; background: #d21033; padding: 3px;}
table.table2 tr {vertical-align: top;}
table.table2 td {border: 1px solid #fff; background: #eae4dc; padding: 3px 10px 3px 10px;}

/* Articles format */
.media_content {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; padding: 10px 0 10px 0;}
.media_cover {float: left; margin: 5px 15px 10px 0;}
.media_cover img {border: 2px solid #000;}
.media_details {float: left; overflow: hidden;}
.media_title {font-weight: bold; font-size: 13px;}
.media_date {clear: right; font-style: italic;}
.media_item {margin: 0; padding: 10px 0 0 0;}
.media_pdf {}

/* Side Navigation */
.side_nav {width: 152px; margin: 0 0 0 18px;}
.side_nav ul {list-style: none; margin: 0; padding: 0;}
.side_nav ul li {border-bottom: 1px solid #d9d9db;}
.side_nav ul li a, .side_nav ul li a:visited {display: block; text-decoration: none; color: #444444; padding: 8px 10px 8px 0;}
.side_nav ul li a:hover {color: #d21033;}
.side_nav ul li#active, .side_nav ul li#active a, .side_nav ul li#active a:visited {color: #d21033;}

/* Footer links */
.footer_area {}
.footer_area ul {list-style: none; margin: 0; padding: 6px 0 10px 20px; font-size: 11px;}
.footer_area ul li {display: inline; padding: 0;}
.footer_area ul li a, .footer_area ul li a:visited {color: #7c7c7c; padding: 0 15px 0 0;}
.footer_area ul li a:hover {text-decoration: underline;}
/*.footer_area ul li:before {content: " | ";}
.footer_area ul li:first-child:before {content: "";}*/


/* Misc */
.clear {clear: both;}
.pad_10 {padding: 10px 10px 10px 15px;}
.red {color: #f41940;}
.white_bg {background: #fff;}
.front_hr {clear: both; border-top: 1px solid #d9d9db; margin: 20px 0 20px 0;}

/* Photo Gallery Page */
.PhotoGallery     {float:left}
.PhotoItem        {background: #ececec; padding: 10px; margin: 10px; float:left}
.PhotoItem img    {border: 0px;}
.hidden           {display: none;}