﻿body
{
    top: 0;
    line-height: 1;
}
#wrapper
{
    width: 1100px;
    margin: 0 auto;
    background-color: #efedea;
    margin-bottom: 15px;
    padding: 5px;
}
#header
{
    display: inline-block;
    border-bottom: 5px solid #4C90CD;
}
#contentArea
{
    display: inline-block;
}
#LocalTime
{
    font-size: 0.8em;
    height: 28px;
}
#MarketTime
{
    font: .7em Verdana, Times, serif;
    height: 28px;
    background: url(/images/MarketBackgroung.png) repeat-x;
    padding: 0 15px 0 18px;
}

#InternationalTime
{
    font-size: 0.8em;
    border-top: 1px solid grey;
    background-color: White;
    height: 90px;
    padding: 5px 5px 0 5px;
}
.Left
{
    width: 220px;
    float: left;
}

.LeftMenu
{
    background: url(/images/sidebar-graph.png) repeat-y;
    width: 220px;
    /* height: 695px;  */
    height: 720px;
    color: #FFFFFF;
}
.Middle
{
    width: 660px;
    float: left;
    top: 0px;
}


.Right
{
    width: 220px;
    display: inline-block;
    float: right;
    background-color: White;
    font: "Verdana" , Times, serif;
}
.RightMenu
{
    background-color: White;
    width: 215px;
     /* height: 695px;  */
    height: 720px;
}

.RightMenuDetail
{
    float: right;
    background-color: White;
    width: 215px;
    height: 154px;
    border-bottom: 1px solid #E1DDD7;
}

.contentDetail
{
    float: left;
    width: 860px;
}
#leftNavigationMenu
{
    width: 220px;
}

#leftNavigationMenu a
{
    font: bold 12px Verdana;
    padding: 2px;
    padding-left: 4px;
    display: block;
    width: 100%;
    color: white;
    text-decoration: none;
}

html > body #leftNavigationMenu a
{
    /*Non IE rule*/
    width: auto;
}

#leftNavigationMenu a:hover
{
    background-color: white;
    color: #4c90cd;
}
#menu-bar
{
    width: 660px;
    height: 22px; 
    background: url(/images/MarketBackgroung.png) repeat-x;
}

#menu-bar ul
{
    text-align: left;
    width: 520px;
}
#menu-bar li
{
    width: 130px;
    display: inline-block;
    
}
#menu-bar a
{
    font: "Verdana" , Times, serif;
    color: #5f5b5b;
    font-size: 12px;
    text-decoration: none;
}
#menu-bar a:hover
{
    font: "Verdana" , Times, serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}

#MarketInfo
{
    border-top: 1px solid #E1DDD7;
    border-bottom: 1px solid #E1DDD7;
    padding: 5px 0 5px 0;
    height: 70px;
    font-size: .8em;
    font: "Verdana" , Times, serif;
    font-weight: bold;
}

#PriceScroll
{
    border: 1px solid White;
    border-bottom: 1px solid #E1DDD7;
    padding: 5px 0 5px 0;
    height: 25px;
    font-size: .7em;
    color: Green;
    background-color: #FFFFF3;
    font-weight: bold;
}


/*Added By Raisul for View Security */

#tabMenu-bar
{
    height: 40px;
    width: 560px;
}
#tabMenu-bar ul
{
    text-align: left;
    background: url(/images/MarketBackgroung.png) repeat-x;
    width: 100%;
}
#tabMenu-bar li
{
    width: 130px;
    display: inline-block;
}
#tabMenu-bar a
{
    font: "Verdana" , Times, serif;
    color: #5f5b5b;
    font-size: 12px;
    text-decoration: none;
}
#tabMenu-bar a:hover
{
    font: "Verdana" , Times, serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
}


#must-knows-news
{
    width: 560px;
    height: 180px;
}
.must-knows-news-inner
{
    height: 165px;
    width: 540px;
    margin: 0 auto;
    margin-top: 10px;
}
.header
{
    height: 26px;
    width: 540px;
    background-image: url(../images/Shaded-bar-large.png);
    text-align: center;
    font-size: 12px;
    color: #5f5b5b;
}

.must-knows-news-content
{
    height: 140px;
    border: 1px #e1ddd7 solid;
}

#news-outer
{
    height: 320px;
    width: 560px;
    margin-top: 10px;
}
.header-small
{
    height: 26px;
    width: 175px;
    background-image: url(../images/Shaded-bar-small.png);
    text-align: center;
    font-size: 12px;
    color: #5f5b5b;
}
.inner-content
{
    width: 173px;
    border: 1px #e1ddd7 solid;
    height: 280px;
}

#company-earnings
{
    float: left;
    margin-left: 10px;
}
#business-news
{
    float: left;
    margin-left: 8px;
}
#international-news
{
    float: left;
    margin-left: 8px;
}

/*market info*/
.leftDSI
{
    width: 170px;
    float: left;
    border-right: 1px solid #E1DDD7;
     padding-left: 5px;
}

.leftGeneral
{
    width: 170px;
    float: left;
    border-right: 1px solid #E1DDD7;
    padding-left: 5px;
}
.MiddleAdv
{
    width: 120px;
    float: left;
    border-right: 1px solid #E1DDD7;
    padding-left: 5px;
}
.RightTrade
{
    width: 150px; /*display: inline-block;*/
    float: left;
    padding-left: 5px;
}
.News
{
    font-size: 0.8em;
}
img
{
    border: 0;
}
.DSENews0
{
    background-color: #F5F5F5;
    padding: 2px;
    margin: 2px;
}
.DSENews1
{
    background-color: White;
    padding: 2px;
    margin: 2px;
}

#StockGainLoose
{
    padding: 15px 5px 10px 5px;
}

.TableRow
{
    border-bottom: 1px solid #C8C8C8;
}
fieldset
{
    font: .8em Verdana, Times, serif;
}
#footer
{
    font: .6em Verdana, Times, serif;
    text-align: center;
}

MarketStatTableRows
{
    background-color:Gray;
}

a:link { color: #2087D9; font-weight:bold}
a:visited { color: #2087D9; }
a:hover { color: Black; }
/*a:active { color: #ff00ff; }*/
a
{
    text-decoration:none;
}

.load_pqcal_site {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999999;
    border: 3px solid blue;
    border-radius: 50%;
    padding:15px;
}
.load_pqcal_site img{
    width:50px;
    height:50px;
}