

/* global css --> THESE STYLES OVERWRITE THE EXISTING ONES (the css files will need to be modified accordingly) **/


/*new interface */
.MainContent { width:480px !important }
.RightColumn { width: 440px !important }
/*.SiteSearchText { height: auto !important; }*/

/* end new interface */



a {    outline: none }
a.removeCrumbStyle,
a.removeCrumbStyle:hover {
    text-decoration: none;
    color: #000;
}
img {    border: none }
h4 {    font-size: 14px }
.MainContentPadding { min-height: 670px }
form {
    margin: 0px;
    padding: 0px;
}
.loading {
    background-image: url('http://www.infomine.com/investment/common/assets/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
.Clear {
    visibility: hidden;
    padding: 0px;
    clear: both;
    width: 100%;
    height: 1px;
}
.NoBorder {
    border: none;
    margin-top: 5px;
}
.Ticker {
    font-size: 11px;
    padding: 5px;
    background: #FFCB0C;
    margin: 0px 0px 20px 0px;
    border: 1px solid #000000;
}
.content {
/*    padding: 10px; */
    position: relative;
    margin: 0px;
}
div.Graph {
    /*margin: 5px;*/
    padding: 5px 20px 5px 20px;
    /* border: 1px solid #B9B9B9; */
    float: left;
    clear: none;
    text-align: center;
    height: 190px;
    width: 190px;
    float: expression('none');
    display: expression('inline');
    zoom: 1;
}
div.Graph a.bottomlink {
    display: block;
    cursor: pointer;
    cursor: hand;
    font-size:12px; 
}
div.Graph a.bottomlink:after {
    position: relative;
    top: 4px;
}
div.ChartThumbnailContainer {
    margin: 5px;
    padding: 5px 20px 5px 20px;
    border: 1px solid #B9B9B9;
    display: inline;
    float: left;
    clear: none;
    text-align: center;
}
div.ChartThumbnailContainer div.OptionalNav a {
    display: block;
    color: Black;
    font-size: 11px;
    cursor: pointer;
    cursor: hand;
    font-family: Arial,sans-serif;
    word-spacing: 2px;
    font-weight: normal;
    text-decoration: none;
}
.GeneralContainerBox {
    clear: both;
    min-height: 1px !important;
}
.GeneralContainerBox {    background: white } /*ie7 fix */
.LeftContent {    vertical-align: top }
.RightContent {
    width: 210px;
	padding-left: 10px;
    text-align: right;
    padding-top: 1px;
}
.CenterLink {
    text-align: center;
    margin: 40px 0px 40px 0px;
}
/* Crumb Trail Styles */
/* COMMENTING OUT CRUMB TRAIL STYLES AS THEY CONFLICT WITH MACAWISH */
/*
.BreadcrumbWrapper { margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top:15px; border: 1px solid #b9b9b9; padding: 5px; background-color: #F3F3F3;}
.BreadcrumbWrapper ul { margin: 0px 0px 0px 0px; padding-top: 1px; list-style: none; }
.BreadcrumbWrapper ul li {    float: left; font-size: 7pt; padding-bottom: 3px; padding-left: 5px; background: none; }
.BreadcrumbWrapper .RemoveX { margin-bottom: -2px; }
*/
/* COMMENTING OUT CRUMB TRAIL STYLES AS THEY CONFLICT WITH MACAWISH */

/*Welcome.aspx*/
.DetailsCell {
    margin: 0px !important;
    padding: 3px 7px 4px 0px !important;
}
.DetailsCell a img {    margin: 5px 10px 0px 5px }
.DetailsCell h4 {
    margin: 0px;
    padding: 0px;
}
.DetailsCell h4 a {
    font-weight: bold;
    color: #000066;
    font-size: 8pt;
    text-decoration: underline;
}
.DetailsCell h4 a:hover {    color: Red }
.DetailsCell div {
    font-size: 7.5pt;
    border-collapse: collapse;
    color: #5F5F5F;
}
.DetailsCell div strong {    margin-right: 3px }

/*SimpleChartBuilder.aspx*/
.BigGraph {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.BigGraph img.Chart { }
.BigGraph .Share {
    position: absolute;
    left: 10px;
    top: 0px;
    min-width: 250px;
    margin-left: 570px;
    width: expression($(this).parent().width()-570);
    display: block;
    margin-top: 70px;
    z-index: 99;
}
.BigGraph .Share img.Embed {
    position: relative;
    top: 5px;
    left: 5px;
    cursor: pointer;
    cursor: hand;
}
.Share .fb-like, .Share .IN-widget {
    vertical-align:top!important;        
}
.Share .AdsByGoogle200x125 {
    width: 200px;
    height:125px;
    float:right;
    padding-right: 40px;
}
.BigGraph .Share .EmbedText {
    display: none;
    margin-top: 10px;
}
.BigGraph .Share .EmbedText textarea {
    height: 60px;
    width: 100%;
}
.BigGraph .ChartSettings {
    clear: both;
    padding: 20px 0px 20px 5px;
    width: 100%;
}
#GeneratedSimpleChart,
div.Graph {    background: url('http://www.infomine.com/investment/common/assets/images/loading.gif') no-repeat center center }
#GeneratedSimpleChart  img {    visibility: hidden }
.VerticalFloatRight .GenericListTbl {

}
.VerticalContainer .GenericListTbl tr td.SubTitle,
.VerticalContainer .GenericListTbl tr td.spanChgCell,
.VerticalContainer .GenericListTbl tr td.spanPercentCell {    border-right: 1px solid #B9B9B9 !important }
.VerticalContainer .GenericListTbl tr:hover td {
    background: #d6d6d6 !important;
    cursor: pointer;
    cursor: hand;
}
.VerticalContainer .GenericListTbl tr:nth-child(2):hover td {
    background: white !important;
    cursor: default;
}
.VerticalContainer .GenericListTbl tr:last-child:hover td {
    background: white !important;
    cursor: default;
}
.VerticalContainer .GenericListTbl .BlueHeader {    text-align: center }
.VerticalContainer .NameCell { text-align:left; }
/* Sponsorship */
div.SponsorHeader {
    background-repeat: repeat-x;
    nowhitespace: afterproperty;
    text-align: center;
    /* min-height: 400px;margin-bottom:-200px*/ ;
}
div.SponsorInfoBox {
    border: 1px solid #B9B9B9;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
}
div.SponsorInfoBox .SponsoredBy {
    color: #555555;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}
div.SponsorInfoBox a {
    color: black;
    text-decoration: underline;
    position: relative;
    top: 5px;
}
div.SponsorInfoBox p {
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
    color: Black;
}
div.SponsorInfoBox img {
    float: right;
    margin-left: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.35);
}
/* Carousel */
#FeatureCarouselContainer {
    width: 470px !important;
    padding-bottom: 10px;
    background-position: 170px center !important;
}
#FeatureCarouselContainer img {    border: 1px solid #000000 }
#FeatureCarouselContainer li + li {margin-top: 0 ; } 

.MarketCarousel {
    padding: 0px;
    height: 200px;
    position: relative;
    display: none;
}
.MarketCarousel .FeaturedItemContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.MarketCarousel .FeaturedItemContainer .CarouselContainer {
    width: 400px;
    position: relative;
    display: block;
}
.MarketCarousel .FeaturedItemContainer a {
    float: right;
    position: relative;
    top: 5px;
    right: 20px;
    margin-left: -40px;
    height: 140px;
}

/* Market Data */
.TopCharts {    margin-top: 20px }
.TopCharts .Graph {
    zoom: 1;
    position: relative;
    z-index: 9;
    margin: 0px 20px !important;
}
.TopCharts .Graph .bottomlink {
    margin-top:-20px;
}

.TopCharts .ChartsContainer { }
.TopCharts .MoreCharts {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 10px 30px;
    position: relative;
    z-index: 10;
    zoom: 1;
}
.TopCharts .MoreCharts a {
    font: 8pt;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}
table.SplitContent {
    width: 100%;
    border-collapse: collapse;
}
table.SplitContent .ColumnOne { }
table.SplitContent .ColumnTwo {
    width: 480px;
    padding-left: 10px;
}
table.SplitContent .ColumnTwo .Graph {
    margin: 0px;
    padding: 0px;
    border: none;
}

.PreviewGraph {
    position: absolute important!;
    z-index: 999 important!;
}
.TopChartsContainer {
    position: relative;
    z-index: 9999 important!;
}

/* Market Movers radio button CSS Fix */

.Options input,
.Options label {
	display: inline;	
}



.SimpleView .FeedNewsItems {    min-width: 400px !important }
.SimpleView .FeedNewsItems .InfoMineTitle { font-size:11px; }
.SimpleView .FeedNewsItems .FeedRightColumn { font-size:12px; }
.Notify {  background-color:#CC0000; color: White; padding: 2px 0 3px; text-align: center; }

/*Nav on second row hack - do proper fix later*/
.infomine-nav li:nth-child(8) {
	clear: both;
}
/*Nav on second row hack - do proper fix later*/


