a           {color:#020099; text-decoration:none}

strong      {font-weight:bold}

.relative   {position:relative}
.absolute   {position:absolute}
.left       {float:left}
.right      {float:right}
.clr        {clear:both}
.block      {display:block}

/* -- ignore above - already in fin master stylesheet -- */

/* -- base styles for 960 grid integration -- */
.body_wrap {width:960px;margin:0 auto;background:#fff}
.header_new{width:960px;margin:0 auto}
/* -- */  

.clr.line {
    border-top: 1px solid #c5c5c5
}

.line_thick {
    border-top: 2px solid #c5c5c5;
    margin:10px 10px 2px;
}

.markets_page h1, .backgroundMcg h1 {
    font-size:26px;
    font-weight: bold;
    padding-bottom:0;
    background:url(/Images/marketData/mcgb.png?v=1) no-repeat right 0;
    margin:0;
}

.markets_page .grid_12_sake h1
{
    font-size:26px;
    font-weight: bold;
    padding-bottom:0;
    background:url(/Images/mcgbSake.png?v=1) no-repeat right 0;    
}

.ad300 {padding-top:15px}

/* -- control boxes -- */

.w620
{
    width: 620px;
}

.industryControl
{
    width: 600px;
}

.industryControl .header_wrap {
height: 37px;
width: 610px;
}

.control_box.w620 {
    
    padding-bottom:26px;
    margin-bottom: 2px;
    border-bottom: 2px solid #c5c5c5;
}

.control_box.w620.w_markets {
        border: none;
        margin: 0;
}

.control_box.w460 {
    width: 460px;
}

.header_wrap {
    height: 25px;
    border-bottom: 1px solid #c5c5c5;
}

.w460 .header_wrap {
    width: 460px;
}

.w940 .header_wrap {
    width: 940px;
}

.w460.currencies .header_wrap {
    width: 460px;
    height: 37px;
}

.w620 .header_wrap {
    height: 37px;
    width: 620px;
}

.header_wrap h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top:8px;
}


.w620 .header_wrap h3, .w460.currencies .header_wrap h3 {
    margin-top:10px
}


.w460 .sub_header_wrap {
    width: 460px;
}

.w620 .sub_header_wrap {
    width: 620px;
}

.sub_header_wrap h4 {
    font-size: 11px;
    padding: 8px 6px;
}

.w460 .sub_header_wrap h4.elm_name {
    width: 210px;
}

.w460 .sub_header_wrap h4.elm_price {
    width: 225px;
    text-align:right;
    margin-right:5px
}

.w620.w_markets .sub_header_wrap h4.elm_market {
    width: 190px;
}

.w620.w_markets .sub_header_wrap h4.elm_level {
    width: 37px;
}

.sub_header_wrap h4.elm_date {
    color: #74727d;
}

.w460 ul {
    width: 320px;
}

.w620 ul.elm_data {
    width: 238px;
}

.w620.w_markets ul.elm_data {
    width: 320px;
}

ul.elm_data li a {
    font-weight: bold;
}

.w460.currencies ul.elm_data li a {
    margin-left:5px;
}

ul.elm_data li .value {
    float: right;
    margin-right: 18px;
}

ul.elm_data li .value.negative {
    color:#E33630
}

ul.elm_data li .value.positive {
    color:#1D8202
}

.w460.currencies ul.elm_data li .xe {
    color:#74727D;
    margin-left:5px
}

.w460.currencies ul.elm_data li .price {
    width:70px
}


ul.elm_data.positive li .value {
    color: #1d8202;
}

ul.elm_data.negative li .value {
    color: #e33630;
}

ul.elm_data li {
    background:url(../Images/dotted_arrow_sprite.gif) no-repeat right -26px #fff;
    font-size: 12px;
    padding: 7px
}


ul.elm_data.positive li {
    background-color:#f1f8f2;
}

.w620 ul.elm_data li {
    background:url(../Images/dotted_arrow_sprite_wide.gif) no-repeat right -44px #fff;
    font-size: 12px;
    padding: 7px
}

.w620.w_markets ul.elm_data li {
    background:url(../Images/dotted_arrow_sprite.gif) no-repeat right -26px #fff;
    font-size: 12px;
    padding: 7px
}

.w620 ul.elm_data li:hover ul li {background: none}

.w620 ul.elm_data li a {
    padding-bottom: 6px;
}

.w620 ul.elm_data li .value, .w620 ul.elm_data li .percent {
    color: #e20000;
    clear: both;
    margin-right:18px;
}

.w620.w_markets ul.elm_data li .value, .w620.w_markets ul.elm_data li .percent {
    clear: none;
}

.w620 ul.elm_data li .value {
    margin-top:-28px;
}

.w620 ul.elm_data li .percent {
    margin-top:-11px;
}

.w620.w_markets ul.elm_data li .value {
    margin:0 20px 0 0;
    color: #000;
}

.w620.w_markets ul.elm_data li .percent {
    margin:0 18px 0 0;
}

.w620.w_markets ul.elm_data li .country {
    margin-left: 10px;
    color: #74727D
}

ul.elm_data.negative li {
    background-color: #f4e8e8;
}

ul.elm_data li:hover, ul.elm_data li.active, ul.elm_data li:hover, ul.elm_data li.active {
    background:url(../Images/dotted_arrow_sprite.gif) no-repeat right top #f1f1f1;
}

ul.elm_data.positive li:hover, ul.elm_data.positive li.active, ul.elm_data.negative li:hover, ul.elm_data.negative li.active {
    background-color: #cfebd2;
}

.w620 ul.elm_data li:hover, .w620 ul.elm_data li.active, .w620 ul.elm_data li:hover, .w620 ul.elm_data li.active {
    background:url(../Images/dotted_arrow_sprite_wide.gif) no-repeat right top #f1f1f1;
}

.w620.w_markets ul.elm_data li:hover, .w620.w_markets ul.elm_data li.active, .w620.w_markets ul.elm_data li:hover, .w620.w_markets ul.elm_data li.active {
    background:url(../Images/dotted_arrow_sprite.gif) no-repeat right top #f1f1f1;
}

ul.elm_data.negative li:hover, ul.elm_data.negative li.active {
    background-color: #f6dbda;
}

ul.elm_data li:hover, ul.elm_data li.active {
    background-color: #f1f1f1;
}

ul.elm_data li ul {
    top:-7px;
    left:-500em;
}

.w460 ul.elm_data li:hover ul, .w460 ul.elm_data li.active ul  {
    top:-7px;
    left:313px;
}

.w460 ul.elm_data.positive li:hover ul, .w460 ul.elm_data.positive li.active ul, .w460 ul.elm_data.negative li:hover ul, .w460 ul.elm_data.negative li.active ul  {
    top:-7px;
    left:313px;
}

.w620 ul.elm_data li:hover ul, .w620 ul.elm_data li.active ul, .w620 ul.elm_data li:hover ul, .w620 ul.elm_data li.active ul  {
    top:-7px;
    left:234px;
}

.w620.w_markets ul.elm_data li:hover ul, .w620.w_markets ul.elm_data li.active ul, .w620.w_markets ul.elm_data li:hover ul, .w620.w_markets ul.elm_data li.active ul  {
    top:-7px;
    left:313px;
}

ul.elm_data.positive li ul li, ul.elm_data.positive li:hover ul li, ul.elm_data.positive li.active ul li, ul.elm_data.negative li ul li, ul.elm_data.negative li:hover ul li, ul.elm_data.negative li.active ul li, ul.elm_data li ul li, ul.elm_data li:hover ul li, ul.elm_data li.active ul li, .w620.w_markets ul.elm_data li ul li {
    background: none
}

.MarketDataLastUpdate
{
	position: absolute;
	right: 5px;
	top: -12px;
	font-size: 9px;
	color: #74727D;
	z-index: 100;
	padding-right: 15px;
}

.chartTickerName
{
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: blue;
}

.header_wrap
    {
        height: 37px;
        width: 460px;
        padding-top: 8px;
        /*border-top: 2px solid #c5c5c5;*/
        border-bottom: 1px solid #c5c5c5;
    }
    .header_wrap h3
    {
        font-size: 18px;
        font-weight: bold;
        line-height: 35px;
        vertical-align: bottom;
    }
    
    
    .marketGridRowWithColor
    {
        background: transpernt !important;
        height: 26px;
    }
    
    .marketGridRowWithColor td:last-child
    {
        background: url(/Images/dotted_arrow_sprite_solidWhite.gif) no-repeat right top !important;
        
    }
    
    .marketGridRowWithColor.active td:last-child
    {
        background: url(/Images/dotted_arrow_sprite.gif) no-repeat right top #F1F1F1 !important;
    }
    
    .marketGridRowWithColor.active
    {
        background: url(/Images/dotted_cell.gif) repeat-x right top #F1F1F1 !important;
    }
    /* 26px high row */
    .marketDataGrid tr
    {
        background-color: white;
        height: 26px;
        background: url(/Images/dotted_cell.gif) repeat-x right top white;
        /*background: url(/Images/dotted_arrow_sprite.gif) no-repeat right top white;*/
    }
    .marketDataGrid tr.active
    {
        background: url(/Images/dotted_cell.gif) repeat-x right top #F1F1F1;
        /*background: url(/Images/dotted_arrow_sprite.gif) no-repeat right top #F1F1F1;*/
    }
    .marketDataGrid tr td:last-child
    {
        background: url(/Images/dotted_arrow_sprite.gif) no-repeat right top white;

        padding: 8px 24px 0px 5px;
    }
    
    .marketDataGrid tr th:last-child
    {
        padding: 8px 24px 0px 5px;
    }
    .marketDataGrid tr.active td:last-child
    {
        background: url(/Images/dotted_arrow_sprite.gif) no-repeat right top #F1F1F1;
    }
    
    /* 34px high row */
    .marketIndicesGrid .marketDataGrid tr
    {
        background-color: white;
        height: 34px;
        /*background: url(/Images/dotted_arrow_sprite34.gif) no-repeat right top white;*/
        background: url(/Images/dotted_cell34.gif) repeat-x right top white;
    }
    .marketIndicesGrid .marketDataGrid tr.active
    {
        /*background: url(/Images/dotted_arrow_sprite34.gif) no-repeat right top #F1F1F1;*/
        background: url(/Images/dotted_cell34.gif) repeat-x right top #F1F1F1;
    }
    .marketIndicesGrid .marketDataGrid tr td:last-child
    {
        background: url(/Images/dotted_arrow_sprite34.gif) no-repeat right top white;

        padding: 8px 24px 0px 5px;
    }
    
    
    .marketIndicesGrid .marketDataGrid tr.active td:last-child
    {
        background: url(/Images/dotted_arrow_sprite34.gif) no-repeat right top #F1F1F1;
    }
    
    .greenRow.active
    {
        background-color: #CFEBD2 !important;
    }

    .blueRow.active
    {
        background-color: #CACCEB !important;
    }
    
    .redRow.active
    {
        background-color: #F6DBDA !important;
    }
    
        
    .marketDataGrid
    {
        width: 100%;
        font-size: 12px;
        white-space: nowrap;
    }
    
    .marketDataGrid tr td, .marketDataGrid tr th
    {
        padding: 5px;
    }
    
    #EtfWinners th.TableSortingHeader{  background-image: url("/images/tableSorting/bg.gif");
                                        background-position: left center;
                                        background-repeat: no-repeat;
                                        cursor: pointer;
                                        
                                     } 
     #EtfWinners th.TableSortingHeaderSortUp{  background-image: url("/images/tableSorting/asc.gif");
                                    
                                     }      
    #EtfWinners th.TableSortingHeaderSortDown{  background-image: url("/images/tableSorting/desc.gif");
                                    
                                     }      
                                     
     #EtfLosers th.TableSortingHeader{  background-image: url("/images/tableSorting/bg.gif");
                                        background-position: left center;
                                        background-repeat: no-repeat;
                                        cursor: pointer;
                                       
                                     } 

 
     #EtfLosers th.TableSortingHeaderSortUp{  background-image: url("/images/tableSorting/asc.gif");
                                    
                                     }      
    #EtfLosers th.TableSortingHeaderSortDown{  background-image: url("/images/tableSorting/desc.gif");
                                    
                                     }  
    .w940
    {
    	width: 940px;
    	overflow: hidden;
    }
    
    .nobackground
    {
        background-image: none !important;
    }
    
    .marketControlImage
    {
        margin-top: 15px;
    }
    .colWidth60
    {
        width:60px;
        white-space:pre-wrap;
    }
    .colWidth70
    {
        width:70px;
        white-space:pre-wrap;
    }
    .colWidth80
    {
        width:80px;
        white-space:pre-wrap;
    }
    
    .colWidth120
    {
        width:120px;
        white-space:pre-wrap;
    }
    .colWidth160
    {
        width:160px;
        white-space:pre-wrap;
    }
    .colWidth190
    {
        width:190px;
        white-space:pre-wrap;
    }
    .colWidth200
    {
        width:200px;
        white-space:pre-wrap;
    }
    
    .colWidth360
    {
        width:360px;
    }
    
    .colHighlighted
    {
        background: #F1F1F1;
    }

    /* view_link */    
.header_wrap .view_link {
    font-size: 11px;
    line-height: 35px;
    vertical-align: bottom;
    margin-top: 12px;
    margin-left: 10px;
}
    /* end view_link */

.equitiesWinnersAndLosersViewAll
{
    font-size: 11px;
    vertical-align: bottom;
    margin-left: 10px;
    font-weight: normal;
}

.SAEquitiesWidget {z-index:0; margin-top:20px;}
.SAEquitiesWidget .SAEquitiesWidgetHead {border-bottom: 1px solid #C5C5C5; padding-bottom:5px; margin-bottom:10px; overflow:hidden;}    
.SAEquitiesWidget .SAEquitiesWidgetHead h2 {margin:0;}