/*The following is provided by Hani*/
/*Global*/
*
{
    font-size: 9pt;
    font-family: Arial;
}
BODY
{
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
BODY
{
    text-align: center;
    font-family: Arial;
    color: #fff;
    font-size: 62.5%;
    background-color: #ffffff;
}
A IMG
{
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
}
A
{
    color: #6a6a6a;
    text-decoration: none;
}
A:hover
{
    color: #6a6a6a;
    text-decoration: underline;
}
td
{
    vertical-align: top;
}
/*Inner Content*/
.inner-content
{
    text-align: justify;
    padding-bottom: 5px;
    margin: 0px 0px 14px 0px;
    color: #6a6a6a;
}
.inner-content H1
{
    padding-bottom: 16px;
    color: #007ecb;
    font-size: 16px;
}
.inner-content H2
{
    padding-bottom: 3px;
    font: bold 1.17em;
    margin-bottom: 6px;
    color: #009be7;
}
.inner-content H3
{
    padding-bottom: 8px;
    font: bold 1em;
    color: #6a6a6a;
}
.inner-content H4
{
    border-left: #009be7 3px solid;
    padding-bottom: 8px;
    padding-left: 11px;
    padding-right: 0pt;
    margin-bottom: 21px;
    background: #ecf3f8 0% 50%;
    font-size: 12px;
    padding-top: 8px;
}
.inner-content P
{
    padding-bottom: 18px;
}
.inner-content UL
{
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 0px;
}
.inner-content UL LI
{
    padding-bottom: 10px;
    padding-left: 15px;
    background: url(../images/bg-content-li.gif) no-repeat 0px 6px;
}
.inner-content TABLE
{
    border-collapse: collapse;
    border: #dbdbdb 1px solid;
    padding: 0px;
}
.inner-content .charges TH
{
    padding: 6px;
    color: #6a6a6a;
    border: #dbdbdb 1px solid;
    font-weight: bold;
}
.inner-content .charges TD
{
    padding: 6px;
    color: #6a6a6a;
    border: #dbdbdb 1px solid;
}
.inner-content .charges TD A
{
    color: #6a6a6a;
    text-decoration: none;
    font-weight: normal;
}
.inner-content .charges TD A:hover
{
    color: #6a6a6a;
    text-decoration: underline;
}


/*.inner-content .charges_xml {width:500px;margin-right:16px;}  */
.inner-content .charges_xml TH
{
    padding: 2px;
    color: #ffffff;
    border: #dbdbdb 1px solid;
    font-weight: bold;
    background-color: #009be7;
    vertical-align: middle;
}
/*.inner-content .charges_xml TH {position: relative;}  */
/*.inner-content .charges_xml tobody {max-height:150px;overflow:auto;}  */
/*.inner-content .charges_xml tr {height:0px;}  */
.inner-content .charges_xml TD
{
    padding: 2px;
    color: #6a6a6a;
    border: #dbdbdb 1px solid;
    font-size: 8pt;
}
.inner-content .charges_xml TD A
{
    color: #6a6a6a;
    text-decoration: none;
    font-weight: normal;
}
.inner-content .charges_xml TD A:hover
{
    color: #6a6a6a;
    text-decoration: underline;
}
.inner-content .charges_xml td.asc
{
    color: #AF0505;
}
.inner-content .charges_xml td.desc
{
    color: #87AF05;
}
.inner-content .charges_xml td.normal
{
    color: #6a6a6a;
}
.inner-content .charges_xml A
{
    color: #6a6a6a;
    text-decoration: none;
    font-weight: normal;
}
.inner-content .charges_xml A:hover
{
    color: #6a6a6a;
    text-decoration: underline;
}
.inner-content .charges_xml A:visited
{
    color: #6a6a6a;
    text-decoration: none;
    font-weight: normal;
}
/*div.scrollWrapper{float:left;  height:150px; overflow:visible !important; overflow:scroll;}  */


.inner-content H4
{
    margin-bottom: 10px;
}
.charges_xml
{
    width: 100%;
}


.stockname
{
    border: 0px;
    width: 100%;
    padding: 6px;
    color: #000000;
}
.QuoteName
{
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}
.detail td
{
    background-color: #dbdbdb;
    padding: 6px;
    text-align: left;
}
.asc
{
    color: #AF0505;
}
.desc
{
    color: #87AF05;
}
.QuoteClosePrice
{
    font-size: 20px;
    font-weight: bold;
}
.QuoteValue
{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}



/*The following is defined by ourselve*/

.inner-content .NoBorderTable
{
    padding: 0px;
    color: #6a6a6a;
    border: #FFFFFF 0px solid;
    font-size: 8pt;
    width: 100%;
    text-align: right;
}

.DisclaimerFont
{
    font-size: 11px;
    font-family: Verdana;
    color: Black;
}

.inner-content .ChangeCellColor
{
    background-color: #ecf3f8;
}




/*add after 2010-01-21 for Top 10*/

.toprank
{
    text-align: left;
    border-bottom: #b1cef4 1px solid;
    border-left: #b1cef4 1px solid;
    border-top: #b1cef4 3px solid;
    border-right: #b1cef4 1px solid;
    padding-bottom: 9px;
    margin: 17px 15px 2px 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    color: #007ecb;
}
.toprank H2
{
    padding-bottom: 11px;
    padding-left: 12px;
    padding-right: 0px;
    padding-top: 0px;
    font-size: 14px;
    margin-bottom: 10px;
    background: url(images/toprank/h2.gif) no-repeat 0px 100%;
    color: #007ecb;
}
.toprank TABLE
{
    border-collapse: collapse;
    border: #dbdbdb 0px solid;
    padding: 0px;
}
.toprank th
{
    padding-right: 2px;
    padding-left: 2px;
    color: #6a6a6a;
    font-size: 0.88em;
    font-weight: bold;
}
.toprank td
{
    padding-right: 2px;
    padding-left: 2px;
    color: #6a6a6a;
    font-size: 8pt;
}
.toprank td.asc
{
    color: #AF0505;
    text-align: right;
}
.toprank td.desc
{
    color: #87AF05;
    text-align: right;
}
.toprank td.normal
{
    color: #6a6a6a;
    text-align: right;
}

.TopGainHeader
{
    color: rgb(135, 175, 5);
}

.TopLoserHeader
{
    color: rgb(175, 5, 5);
}

.NoWrap
{
    white-space: nowrap;
}