/* Homepage */
.content {
    font-family: Arial;
    margin: 1em;
}
form, table, td, th, input, select, textarea
{
    font-family: Arial; /* Arial, Helvetica, sans-serif; */
    color: #333; /*color:#333;*/
    font-size: 12px; /* 1em; */
    margin: 0;
    vertical-align: top;
}


.text
{
    font-family: Arial;
    color: #666; /*color:#333;*/
    font-size: 12px; /* 1em; */
    margin: 0;
    vertical-align: top;
}

.date
{
    font-family: Arial;
    color: #999; /*color:#333;*/
    font-size: 12px; /* 1em; */
    margin: 0;
    vertical-align: top;
    padding-right: 10px;
}



.blacktext
{
    font-family: Arial;
    color: #000; /*color:#333;*/
    font-size: 12px;
    font-weight: normal;
}

.bluetitle
{
    /*background-color:#b4c3e2;*/
    color: #414137; /*color:#333333; */
    font-weight: bold;
    padding: 5px 2px 5px 0px;
    margin: 0;
    font-size: 12px;
}




.bluetitle_big
{
    /*background-color:#b4c3e2;*/
    color: #414137; /*color:#333333; */
    font-weight: bold;
    margin: 0;
    font-size: 18px;
}


.bluetitle_18 {
    color: #999;
    font-family: Arial;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    padding-top: 5px;
}

.bluearrow
{
    background: url(../images/blue_arrow.png) no-repeat;
    height: 28px;
    width: 28px;
    display: block;
}


.orangearrow
{
    background: url(../images/orange_arrow.png) no-repeat;
    height: 16px;
    width: 26px;
    display: block;
    margin-left: 10px;
    margin-top: 25px;
}


.orangemail
{
    /*background-color:#b4c3e2;*/
    color: #ff9900; /*color:#333333; */
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    top: -45px;
    left: 30px;
    width: 150px;
}


.ingservice
{
    /*background-color:#b4c3e2;*/
    color: #0296DC; /*color:#333333; */
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    top: -17px;
    left: 30px;
    width: 150px;
}


.log
{
    /*background-color:#b4c3e2;*/ /* color:#ef3d42; */ /*color:#333333;  Modified by Koo. Original color:#ff9900  */
    color: #c51230;
    font-size: 12px;
    
    text-decoration: underline;
    padding-left: 4px;
}
.log a
{
    /*background-color:#b4c3e2;*/ /* color:#ef3d42;  */ /*color:#333333; Modified by Koo. Same as above */
    color: #c51230;
    font-size: 12px;
    text-decoration: underline;
    padding-left: 4px;
}
.log a:hover
{
    /*background-color:#b4c3e2;*/ /* color:#414137;  */ /*color:#333333; */
    color: #c51230;
    font-size: 12px;
    text-decoration: underline;
    padding-left: 4px;
}

.bluetitle_msg
{
    /*background-color:#b4c3e2;*/
    color: #414137; /*color:#333333; */
    font-weight: bold;
    padding: 5px 2px 5px 0px;
    margin: 0;
    font-size: 16px;
}

.boxborder
{
    border: #EDEAE3 1px;
    border-style: solid;
    padding: 10px;
}
.boxborder2
{
    border: #333 3px;
    border-style: solid;
    padding: 10px;
}


.boxborder_mode
{
    border: #EDEAE3 0.5px solid;
    padding: 10px;
    height: 700px;
    overflow-y: scroll;
}

.EPFheader 
{
    background-color:darkblue;
    width:1000px;
    color:white;
    font-family:Arial;
    font-size : xx-large;
    font-weight:bold;
    text-align:left;
}

.EPFContent {
    color: darkblue;
    font-family: Arial;
    font-size: large;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}


.bluetitle1 {
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #CC0033; /* Noted by Koo. Original code: #d3feff. Need change to #ef3d42.   BackColor="#CC0033"*/
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.EPFbluetitle1 {
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-size: 9px;
    background: #CC0033; /* Noted by Koo. Original code: #d3feff. Need change to #ef3d42.   BackColor="#CC0033"*/
    /*min-height: 9 em;*/
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}


.bluetitle1 a:link
{
    /*background-color:#b4c3e2;*/
    color: #ef3d42; /*color:#333333;  #009*/
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #d3feff;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}

.purpletitle1
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #cbc0da;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}


.bluetitle2 {
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009, #828272*/
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #CC0033; /* Modified by Koo. Change #a2cbff to #d4d4cb to ef3d42 */
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}



.bluetitle3 {
    /*background-color:#b4c3e2;*/
    color: Black; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}
.EPFbluetitle3 {
    /*background-color:#b4c3e2;*/
    color: Black; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-size: 9px;
    font-weight: bold;  
    display: table-cell;
    vertical-align: middle;
}


.EPFbluetitle1 {
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-size: 9px;
    background: #CC0033; /* Noted by Koo. Original code: #d3feff. Need change to #ef3d42.   BackColor="#CC0033"*/
    /*min-height: 9 em;*/
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.EPFvaldation
{
    /*background-color:#b4c3e2;*/
    color:darkgray; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-family: Arial;
    font-size:5px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}



    .bluetitle3 a:link {
        /*background-color:#b4c3e2;*/
        color: Black; /*color:#333333; 009*/
        margin: 0;
        font-family: Arial;
        font-weight:bold;
        font-size: 12px;
        text-decoration: underline;
        min-height: 10 em;
        display: table-cell;
        vertical-align: middle;
    }



.bluetitle3 a:hover
{
    /*background-color:#b4c3e2;*/
    color: #ef3d42; /*color:#333333; Modified by Koo. Change #414137 to #ef3d42*/
    margin: 0;
    font-size: 12px;
    text-decoration: underline;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}


.bluetitle3 a:visited
{
    color: Black;
}


.grey_label
{
    background-color: #CCC;
}


.normal_link a:link
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    text-decoration: underline;
}



.blacktitle
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; */
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 13px;
    text-decoration: underline;
}



.blacktitle1
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; # 333*/
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background: #ef3d42; /* Modified by Koo. Original color: #c9ecfe */
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.orangetitle2
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background: #ff9900; /* original color: #ff9900 */
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.blacktitle2
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009 */
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #828272; /*color:#c9ecfe */
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}



.blacktitle3
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}



.blacktitle3 a
{
    /*background-color:#b4c3e2;*/
    color: Black; /*color:#333333; */
    margin: 0;
    font-size: 12px;
    text-decoration: underline;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}

.blacktitle
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; */
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 13px;
    text-decoration: underline;
}


.blacktitle-big
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 18px;
}



.blacktitle4
{
    /*background-color:#b4c3e2;*/
    color: #fff; /*color:#333333; */
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #0899c9;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}

.orangebar
{
    /*background-color:#b4c3e2;*/
    color: #FFF; /*color:#333333; */
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background: #ef3d42; /* Modified by Koo. #ff9900 to #ef3d42 */
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.orangebar1
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009*/
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background: #ef3d42; /* original color:#fc9a21 */
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}


.orangebar2
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; #009*/
    font-weight: bold;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #ef3d42; /* #fdcd9c */
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}



.orangebar3
{
    /*background-color:#b4c3e2;*/ /*color:#999; color:#333333; */
    color: #101010;
    padding: 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}
.orangebar4
{
    /*background-color:#b4c3e2;*/
    color: #fff; /*color:#333333; */
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    background: #ef3d42; /*color:#ff9900; */
}





.yellowbar1 {
    /*background-color:#b4c3e2;*/
    color: black; /*color:#333333; #009*/
    font-size: 12px;
    background-color: #a6a698; /*color:#fdfd96; */
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    text-align: right;
}
.yellowbar1 a:link
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background-color: #fdfd96;
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}


.yellowbar2
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background-color: #fdfd96;
    min-height: 10 em;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
}



.yellowbar3
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background-color: #d4d4cb; /*color:#fdfd96; */
    min-height: 10 em;
    font-weight: normal;
    display: table-cell;
    vertical-align: top;
}

.yellowbar4
{
    /*background-color:#b4c3e2;*/
    color: #036; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background-color: #d4d4cb;
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: top;
    line-height: normal;
}
.yellowbar5
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background-color: #a6a698; /*color:#fdfd96; */
    min-height: 10 em;
    font-weight: normal; /*display:table-cell;*/ /*Remove by Howard at 27 Feb 2014 (Transaction History Page table) */
    vertical-align: top;
    line-height: normal;
}

.greybar1
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    background-color: #ccc;
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
}







.greenraw
{
    /*background-color:#b4c3e2;*/
    background: #89fe9f; /*color:#333333; */
    color: #333;
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}



.yellowraw
{
    /*background-color:#b4c3e2;*/
    background: #fffce8; /*color:#333333; */
    color: #333;
    padding: 10px 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}





.orangetitle
{
    /*background-color:#b4c3e2;*/
    color: #000; /*color:#333333; */
    background-color: #ff9900; /* original color: #ff9900 */
    font-size: 12px;
    padding-top: 5px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.orangetitle3
{
    /*background-color:#b4c3e2;*/
    color: #ef3d42; /*color:#333333; #ff9900*/
    font-size: 12px;
    padding: 5px;
    text-decoration: underline;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}


.orangetitle6
{
    /*background-color:#b4c3e2;*/
    color: #ff9900; /*color:#333333; #ff9900*/
    font-size: 12px;
    padding: 5px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}





.orangetitle3 a
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    font-size: 12px;
    text-decoration: underline;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}


a, .orangetitle5
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    font-size: 12px;
    text-decoration: underline;
}



.orangetitle4
{
    /*background-color:#b4c3e2;*/
    color: #ef3d42; /*color:#333333; #ff9900 */
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
}








.maroontitle
{
    /*background-color:#b4c3e2;*/
    color: #C30; /*color:#333333; */
    font-size: 14px;
    vertical-align: middle;
    padding: 5px;
    font-weight: bold;
}





.greentitle
{
    /*background-color:#b4c3e2;*/
    color: #093; /*color:#333333; */
    background-color: #CFF;
    font-size: 14px;
    vertical-align: middle;
    padding: 5px;
    font-weight: bold;
    text-decoration: underline;
}

.greentitle1
{
    /*background-color:#b4c3e2;*/
    color: #093; /*color:#333333; */
    vertical-align: middle;
    font-weight: bold;
}




.blackbar
{
    /*background-color:#b4c3e2;*/
    color: #fff; /*color:#333333; */
    background-color: #000;
    font-size: 16px;
    vertical-align: middle;
    padding: 5px;
    font-weight: bold;
}








.total
{
    /*background-color:#b4c3e2;*/
    color: #009; /*color:#333333; */
    margin: 0;
    font-size: 12px;
    text-align: center;
    float: right;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}


.border_table {
    border: #EDEAE3 solid 1px;
    font-family: Arial;
    font-weight:bold;
}

.border-bottom
{
    border-bottom: #EDEAE3 solid 0.1em;
    padding-bottom: 5px;
}
.border-top
{
    border-top: #EDEAE3 solid 0.1em;
    padding-top: 5px;
}
.border-left
{
    border-left: #EDEAE3 solid 0.1em;
    padding-left: 5px;
}
.border-right
{
    border-right: #EDEAE3 solid 0.1em;
    padding-right: 5px;
}





.blackbold
{
    /*background-color:#b4c3e2;*/
    color: #333; /*color:#333333; */
    font-weight: bold;
    margin: 0;
    font-size: 15px;
}

 /*Added by Howard at 31 July 2014*/
.blackboldredbg
{
    color: #fff;
    background-color: #C51230;
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    vertical-align: middle;
}
 /*End Added by Howard at 31 July 2014*/


.fund tbody tr:hover {
    background-color: #d4d4cb; /* Modified by Koo. Color #E0F3FF to #d4d4cb   #d4d4cb*/
}






/* Topimage */
.topimage
{
    border: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 12px solid #FFF;
    border-right: 12px solid #FFF;
    vertical-align: bottom;
}
/*.topimage .title h1,.topimage .title h2{display:none;}*/
.topimage .img
{
    height: 18px;
}
.topimage a.img
{
    cursor: pointer;
    display: block;
}
.topimage .subtitle
{
    /*border-top:8px solid #F60*/ ;
background-color:#a6a698;
height:28px;
padding:8px 0px 0px 9px;
}
.topimage .subtitle h2
{
    display: inline;
    font-size: 1.3em;
    color: #fff;
    font-weight: bolder;
    padding-right: 5px;
}
/*.topimage .subtitle a{
	display:block;
	float:right;
	width:85px;
	height:17px;
	background-image:url(../images/bg_findoutmore.gif);
	font-size:0.85em;
	color:#333;
	text-decoration:none;
	text-align:center;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}*/
.box_top_right
{
    width: 270px; /*border-bottom:18px solid #FFF;*/
}
/*.box_top_right .us{margin-bottom:18px;}*/




/* Fund Price */
.fundprice
{
    width: 270px;
    height: 332px;
    margin: 0;
    background-color: #ffffff;
    background-image: url(../images/btn_historicalbg.gif);
    background-repeat: no-repeat;
    background-position: top; /*border-bottom:12px solid #FFF;*/
}

.fundprice .title
{
    color: #006;
    font-weight: bold;
    padding: 10px 2px 5px 9px;
    margin: 0;
    text-align: center;
    font-size: 1.08em;
}
.fundprice .historical a
{
    float: left;
    color: #ef3d42;
    font-weight: bold;
    padding: 6px 5px 5px 24px;
    margin: 0;
    font-size: 0.9em;
}
.fundprice .content
{
    width: 270px;
    height: 239px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-size: 1.0em;
    overflow: auto;
    border-bottom: 10px solid #a6a698;
}

/* Fund Price 2 */
.fundprice2
{
    width: 270px;
    height: 140px;
    background-color: #a6a698;
    background-repeat: no-repeat;
    background-position: right top; /*border-bottom:12px solid #FFF;*/
}

.fundprice2 .title
{
    color: #006;
    font-weight: bold;
    padding: 5px 2px 5px 9px;
    margin: 0;
    font-size: 1.08em;
}

.fundprice2 .content
{
    width: 270px;
    height: 85px;
    margin: 0px 0px 0px 0px;
    font-size: 1.0em;
    overflow: scroll;
    border-bottom: 10px solid #a6a698;
}


table.fundtable0
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    border-collapse: collapse;
    width: 310px;
}
table.fundtable2
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    border-collapse: collapse;
    width: 654px;
}
table.fundtable
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    border-collapse: collapse;
    width: 100%;
}
.fundheadtype2
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #d4d4cb;
    font-weight: bold;
    padding: 3px 3px 0 3px;
    color: #333;
}
.fundheadtype
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #a2b5eb;
    font-weight: bold;
    padding: 3px 3px 0 3px;
    color: #333;
}

.fundhead
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #eeeeee;
    font-weight: bold;
    padding: 3px 3px 0 3px;
    color: #333;
}
.fundodd
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #eeeeee;
    font-weight: normal;
    padding: 0 3px;
}
.fundodd_green
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #eeeeee;
    font-weight: normal;
    color: green;
    padding: 0 3px;
}
.fundodd_red
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #eeeeee;
    font-weight: normal;
    color: #ff0000;
    padding: 0 3px;
}
.fundeven
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #f7f7f7;
    font-weight: normal;
    padding: 0 3px;
}
.fundeven_green
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #f7f7f7;
    font-weight: normal;
    color: green;
    padding: 0 3px;
}
.fundeven_red
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #f7f7f7;
    font-weight: normal;
    color: #ff0000;
    padding: 0 3px;
}


/* Generic table setting */
table.general
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    border-collapse: collapse;
    width: 100%;
}
.gen_head
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #53637c;
    font-weight: bold;
    padding: 3px 3px 0 3px;
    color: #fff;
}
.gen_odd
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #d4d4cb;
    font-weight: normal;
    padding: 0 3px;
}
.gen_even
{
    border-style: solid;
    border-color: #CCC;
    border-width: 1px;
    height: 20px;
    background-color: #eff4fa;
    font-weight: normal;
    padding: 0 3px;
}


/* Highlight */
/*.highlight{width:240px;height:260px;border-bottom:18px solid #FFF;}*/
.rightcontent
{
    width: 270px;
    border-bottom: 1px solid #a6a698;
}
/* Rightcontent */
.rightcontent .content
{
    width: 270px;
    height: 93px;
    margin: 5px 0px 5px 0px;
    font-size: 1.0em;
}
.rightcontent h2
{
    background-color: #b4c3e2;
    color: #006;
    font-weight: bold;
    padding: 5px 2px 5px 9px;
    margin: 0;
    font-size: 1.08em;
}
/*.rightcontent p{padding:0px 2px 5px 5px;margin:0;}*/
.rightcontent .content .more a.morelink:link, a.morelink:visited, a.morelink:active
{
    margin: 0px 0px 5px 7px;
    background-image: url(../images/bg_arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    color: #39c;
    text-decoration: none;
}
.rightcontent .content .more a.morelink:hover
{
    margin: 0px 0px 5px 7px;
    background-image: url(../images/bg_arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    color: #39c;
    text-decoration: underline;
}
/*#home_bottom{height:100px;}*/


/* Middle Highlight  */
.middlehighlight
{
    width: 212px;
    height: 330px;
    background-color: #eff4fa;
    border-bottom: 3px solid #ff9900;
}
.middlehighlight .title
{
    color: #333333;
    font-weight: bold;
    padding: 5px 2px 5px 9px;
    background-color: #daddd7;
    margin: 0;
    font-size: 1.08em;
}
.middlehighlight .highlightlink li
{
    margin: 0px 0px 5px 7px;
    background-image: url(../images/bg_arrow.gif);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 10px;
    color: #39c;
    text-decoration: none;
    vertical-align: top;
    list-style-type: none;
}
/*.middlehighlight .highlightlink li a.middlehighlightlink:link,li a.middlehighlightlink:visited,li a.middlehighlightlink:active{
	margin:0px 0px 5px 7px;
	background-image:url(../images/bg_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:10px;
	color:#39c;
	text-decoration:none;
	vertical-align:top;
	list-style-type:none;
}
.middlehighlight .highlightlink li a.middlehighlightlink:hover{
	margin:0px 0px 5px 7px;
	background-image:url(../images/bg_arrow.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:10px;
	color:#39c;
	text-decoration:none;
	vertical-align:top;
	list-style-type:none;
}*/


/* Announcement and market commentary */
.announcement_highlight
{
    width: 100%;
    height: 190px;
    overflow: auto; /*background-color:#eff4fa; 	border-bottom:3px solid #ef3d42;*/
}
.highlighttitle
{
    /*background-color:#b4c3e2;*/
    color: #414137; /*color:#333333; */
    font-weight: bold;
    padding: 5px 2px 5px 3px;
    margin: 0;
    font-size: medium;
}


.ien
{
    /*background-color:#b4c3e2;*/
    color: #414137; /*color:#333333; */
    font-weight: bold;
    padding: 20px 2px 5px 3px;
    margin: 0;
    font-size: medium;
}


/*  Social Link */
.social
{
    width: 100%;
    height: 29px;
    background-color: #f5f8fb;
    border: 1px solid #dee3ea;
}
.social a.sociallink:link, a.sociallink:active, a.sociallink:visited
{
    color: #474749;
    font-weight: normal;
    text-decoration: none;
    margin: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 30px;
}
.social a.sociallink:hover
{
    color: #333333;
    font-weight: normal;
    text-decoration: underline;
    margin: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 30px;
}



/* footer */
.homepage .footer
{
    margin-top: 0px;
    clear: both;
    border-top: 0px solid #F60;
    font-size: 0.85em;
    padding: 2px;
    text-align: center;
    margin: 0px 10px 20px 10px;
}

.Grid
{
    border: #EDEAE3 solid 1px;
}
.Grid td
{
    border: #EDEAE3 solid 1px;
}
.GridHeader
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    background: #ef3d42; /* #D5E2EF */
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}
.GridItem
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}
.GridAltItem
{
    /*background-color:#b4c3e2;*/
    color: white; /*color:#333333; */
    padding: 5px;
    margin: 0;
    font-size: 12px;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
}

.ltor
{
    direction: rtl;
}

.Moneybluetitle3 {
    /*background-color:#b4c3e2;*/
    color: Black; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.TotalMoneybluetitle3 {
    background-color:lightgray;
    color: black; /*color:#333333; #009 */
    padding: 5px;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    min-height: 10 em;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
