/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

select {
/*	width: 110px;*/
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   
   
thead{
		background: #0D5481;
		color: #FFFFFF;
		height: 20px;
	}
	tbody tr{
		height:18px;
	}
	.oddRow{
		background:#D9D9D9;
	}
	/*
	table tr td {
		text-align: center;
	}
	*/
	

	
#wrapper{
    position:absolute;
    padding:20px;
    color: transparent;
    text-shadow:0px 0px 0px #000;
  }

#cancel_order_div{
	width:780px;
    height:380px;
	overflow: auto;
}

#cancel_order_box{
    display:none;
    position:absolute;
    z-index:1000;
}
  
#amend_order_div{
	width:780px;
    height:410px;
	overflow: auto;
}

#amend_order_box{
    display:none;
    position:absolute;
    z-index:1000;
}
/*
#amend_order_box_area{
    position:relative;
    margin:30px 310px;
    background:#fff;
    width:500px;
    height:380px;
    padding:23px;
    border:1px solid #444;
    border-radius:5px;
}
*/
#cancel_order_box_area {
position: relative;
/* float: left; */
margin: -55px -30px;
background: #FFDB58;
width: 310px;
height: 340px;
padding: 5px;
border: 1px solid #444;
border-radius: 5px;
}

#amend_order_box_area {
position: relative;
/* float: left; */
margin: -55px -30px;
background: #FFDB58;
width: 310px;
height: 410px;
padding: 5px;
border: 1px solid #444;
border-radius: 5px;
}

#order_details_div{
	width:800px;
    height:280px;
	overflow: auto;
}

#order_details_history_div{
	width:800px;
    height:280px;
	overflow: auto;
}

#order_details_view_div{
	width:800px;
    height:280px;
	overflow: auto;
}

#order_details_box{
    display:none;
    position:absolute;
    z-index:1000;
}

#order_details_box_area{
    position:relative;
    margin:50px 80px;
    background:#fff;
    width:800px;
    height:300px;
    padding:23px;
    border:1px solid #444;
    border-radius:5px;
}

#account_holding_details_div{
	width:800px;
    height:280px;
	overflow: auto;
}

#account_holding_details_box{
    display:none;
    position:absolute;
    z-index:1000;
}

#account_holding_details_box_area{
    position:relative;
    margin:50px 80px;
    background:#fff;
    width:800px;
    height:300px;
    padding:23px;
    border:1px solid #444;
    border-radius:5px;
}

#chart_div{
	width:800px;
    height:480px;
	overflow: auto;
}
  
#chart_box{
    display:none;
    position:absolute;
    z-index:1000;
}

#chart_box_area{
    position:relative;
    margin:0px 50px;
    background:#fff;
    width:800px;
    height:450px;
    padding:23px;
    border:1px solid #444;
    border-radius:5px;
}

#menu_options{
	display:none;
	width:1000px;
	height:200px;
	overflow:auto;
}

#menu_emessage{
	display:none;
	width:1000px;
	height:200px;
	overflow:auto;
}
#sms_settings{
	display:none;
	width:1000px;
	height:200px;
	overflow:auto;
}
#sms_details_table td{
	text-align:left;
}

#statement{
	display:none;
	text-align:left;
}
#statement .statementIntro,
#statement table.overview {
	float: left;
}
#statement table.overview td{
	padding: 5px;
}
#statement .getAdobe{
	clear: left;
	float: left;
	margin: 60px 35px;
}
#statement .statementScroller{
	float: left;
	width: 250px;
	margin: 20px 20px auto;
}
#statement .statementScroller .statementBody{
	height: 300px;
	overflow: auto;
}

#statement .statementScroller .statementBody thead .tablesorter-headerRow,
#statement .statementScroller .statementBody thead .tablesorter-headerRow *{
	display: none;
}

#statement_table tr.statement{
	cursor: pointer;
}
#statement_table tr.statement:hover{
	background-color: #d6e7fc;
}

#statement_table tr.statement td{
	text-align: center;
}
#statement_table tr.statement td.description{
	text-align: left;
}
#statement_table tr.statement td.statementType{
	padding-left: 10px;
	float: left;
}
#estimate_positions tr td{
	text-align:center;
	border: 1px solid #818181;
}

#estimate_positions td.buy span{
	color: Blue;
}

#estimate_positions td.sell span{
	color: Red;
}

#tab5_div td{
	text-align:left;
	height: 28px;
}
.crmDetail{
	text-align:left;
}
ul#actions
{
    display:none;
}
.actions:hover ul#actions
{
    display: block;
}
a:link {
    color: #0046ad;
}


#order_ticket{
	background: #E3E3E3; 
	text-indent:0px;
}
table#order_ticket_table .header{
	font-weight:bold; 
	text-indent: 5px;
	background:#0D5481;
	color:#FFFFFF;
	height:20px;
}
table#order_ticket_table .table_1st_row{
	background: #E3E3E3; 
	color: #000000;
	text-indent: 5px;
	width: 65px;
	text-align:left;
}
table#order_ticket_table .table_2nd_row{
	background:#E3E3E3;
	height:28px;
	text-align:left;
}


table#amend_order_ticket_table .header{
	font-weight:bold; 
	text-indent: 5px;
	background:#0D5481;
	color:#FFFFFF;
	height:20px;
}
table#amend_order_ticket_table .table_1st_row{
	color: #000000;
	text-indent: 5px;
	width: 65px;
	text-align:left;
}
table#amend_order_ticket_table .table_2nd_row{
	height:28px;
	text-align:left;
}
table#amend_order_ticket_table td{
	background:#90EE90;
}

table#cancel_order_ticket_table .header{
	font-weight:bold; 
	text-indent: 5px;
	background:#0D5481;
	color:#FFFFFF;
	height:20px;
}
table#cancel_order_ticket_table .table_1st_row{
	
	color: #000000;
	text-indent: 5px;
	width: 65px;
	text-align:left;
}
table#cancel_order_ticket_table .table_2nd_row{
	height:20px;
	text-align:left;
}
table#cancel_order_ticket_table td{
	background:#FFB403;
}

table#change_password_table td{
	text-align:left;
	padding:5px;
}
table#change_password_init_table td{
	text-align:left;
	padding:5px;
}
table#options_table td{
	text-align:left;
	padding:5px;
}
table#sms_table td{
	text-align:left;
	padding:5px;
}
.headDiv {
	min-width: 800px; 
    width: expression(this.height < 800 ? "800px" : "100%" );
    overflow: hidden;
}
.menu-cell {
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
	width: auto;
	height: 100%;
	text-align: left;
	padding-left: 10px;
	vertical-align: bottom;
	float: left;

}

.contentDiv {
	text-align:center;
}

.cancel_order_div {
	text-align:left;
}

.amend_order_div {
	text-align:left;
}

.marginRecordDisicription {
	background-color: gray;
	color: white;
	width: 700px;
}
.marginRecordHeader{
	background-color: gainsboro;
	text-align: left;
	color: black;
}
.marginRecordData{
	background-color: white;
}


/** Grid **/
.ui-jqgrid .ui-jqgrid-htable th {
	BACKGROUND-IMAGE: url(images/grid-blue-hd.gif); HEIGHT: 20px; BORDER: #cbc7b8 1px solid; 
}
.ui-jqgrid td {
	BORDER: #cbc7b8 0.5px solid;
}


/** Tab **/
.offer { padding-top:10px; }
#rc_tab { text-align:left; list-style:none; width:100%; margin:3px;  }
#rc_tab li { float:left; margin:0px; }

.tab_on { background-image:url(images/tab_bg_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; }
.tab_off { background-image:url(images/tab_bg.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:75px; height:17px; cursor:pointer; }

.tab1_on { background-image:url(images/tab_bg1_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; }
.tab1_off { background-image:url(images/tab_bg1.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:105px; height:17px; cursor:pointer; }

.tab2_on { background-image:url(images/tab_bg2_on.gif); color:#FFFFFF; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; }
.tab2_off { background-image:url(images/tab_bg2.gif); color:#8a8a8a; font-weight:bold; text-align:center; padding-top:5px; width:120px; height:17px; cursor:pointer; }

.rclist_title { text-align:center; color:#6C3394;}


/** Misc **/
.clearer { clear: both; }

#btn_fontsize_s { 
	width: 15px;
	height: 15px;
	display:block;
	background-image:url(../images/btn_fontsize_s.gif);
}
.on#btn_fontsize_s { 
	background-image:url(../images/btn_fontsize_s_on.gif);
}
#btn_fontsize_s SPAN {
	display: none;
}

#btn_fontsize_m { 
	width: 15px;
	height: 15px;
	display:block;
	background-image:url(../images/btn_fontsize_m.gif);
}
.on#btn_fontsize_m { 
	background-image:url(../images/btn_fontsize_m_on.gif);
}
#btn_fontsize_m SPAN {
	display: none;
}
#available_balance{
	filter: alpha(opacity=75, style=0); 
	-moz-opacity: 75%; 
	position:absolute; 
	top:356px; 
	left:510px; 
	width:480px; 
	border: 0px solid #000000; 
}
#fontSizeControl{
	filter: alpha(opacity=75, style=0); 
	-moz-opacity: 75%; 
	position:relative; 
	top:20px; 
	left: 300px; 
	width:180px; 
	text-align:right;
	border: 0px solid #000000; 
	color: #88000D;
}
#fontSizeControl ul{
	list-style-type: none;
}
#fontSizeControl li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	float:left;
	vertical-align:bottom;
}
#fontSizeControl LI:first-child{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#connectionStatusControl{
	filter: alpha(opacity=75, style=0); 
	-moz-opacity: 75%; 
	position:absolute; 
	top:-10px; 
	right:182px; 
	width:180px; 
	text-align:right;
	border: 0px solid #000000; 
}
#connectionStatusControl ul{
	list-style-type: none;
	text-align:right;
}
#connectionStatusControl li{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	float:left;
	vertical-align:bottom;
}
#connectionStatusControl LI:first-child{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
#connectionStatus{
	top:-10px; 
	border:solid 0px #FF0000;
	font-size:1em;
}
#connectionStatus span  {
	margin-top: 0px;
	padding-top: 0px;
	padding-right:20px;
}

#btn_fontsize_l { 
	width: 15px;
	height: 15px;
	display:block;
	background-image:url(../images/btn_fontsize_l.gif);
}
.on#btn_fontsize_l { 
	background-image:url(../images/btn_fontsize_l_on.gif);
}
#btn_fontsize_l SPAN {
	display: none;
}

/** Po Sang Color **/
.color1 { color: #8B0003; }  /*red*/
.color2 { color: #E3E3E3; }  /*grey*/
.color2 { color: #999999; }  /*dark grey*/
.color4 { color: #CC6600; }  /*orange*/

/** Position **/
#page-container {  
	height:100%;
	width: 1000px;
	margin: auto;  
	background: #FFFFFF;  
} 
#header {
	width:100%;
}
#order_ticket { 
	float:left; 
	width:190px;
	height: 300px;
	margin: 0px;
}
#stock_quote { 
	float:right; 
	text-align:right;
	width:810px;
	height: 275px;
}
#order_book {
	clear:both;
	height: 250px;
	width:1000px;
}
#tradingLotLimit{
	display:none;
}
table#order_status th:not(:first-child){

}
.greenball{height:12px; width:12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABTVJREFUOE9tlHtMk1cYxo+iEq4il5abFQVmgSECpUqqg7GQGQUH3TSbbFOYTPDCxUusCppgQJ1ZlKJz+0OTLS6Lu/+xLUzjBcRVLrPSm9BaLpZRC1ICSK3Q9tnb0iiJvsmbL+c7z/Oe9zvn9x02Ow79LqnbOVgyuMOy3VFk3ebYZ6nsb7LdqnVPv4zLVZeDCvVbjadQiwuQuvI06lCGnVhny0a5tWwAo+C65Yx93F/wWIovX4i/Qr3LUOIoxrvPsiEwJGOz/oMhaDGHNcjOSUqwHQ0488JwHmdRg2oUTH8I0ZN08FWxCG0OQd2N2hpWOl6icy79BbXjFDrzBMmLpwvxtnkt4rTLEd7KQWBjAFKuJvexfHuedTPeR6VjD446DuOgbR8+tWzBWpMIsQ+iEdIaBP/bvvC75oOIG+HPWa49xyK0CrDh6Trkj+Yi25iFFF0SePJIBMoWwq/F25ULr/sh7DrXyiqelyt4xsV4UxeHBEUclrYtAfefEAS0+GOhzA/B7YEIbeOA1xKBmB+X9TCZWbYrQOuPsLtchLVwwL0d7DJEtochpnMpElXxSFOlIqUrCSu2Jh5ybesWzUfa4I5ALG4PB18egxRVEtK7hch8uBbrerORZ8hFwg9xAy6xMzQ/aXxymjYolg/E4p3BTOQ+Xg+xaSM2DYmRO7weSd+v0PMYz88tfxnbT35WntmYoRB1pj9Nv7dqMu3nVE1sXswB9/SrcbG6SnL/0EHl0IH99rHy3faxY1WqaZXiiHv6ZVQ1SINaK8q0KNsNHDsG1NQAFeXAWyIgLAg4elg/jlksqfaW9+HzYkDaAJw7D9RLgboTwM4SYLUA04xhsHjbgB7EUvM3X++FeCNQWzcjbjg3Y3CutEkMR2IcjP7e0JKp6cJ5CTMfkSiRlQGcoIpO4dl64Phx4JMCICURT8JD0OXriW4yNGaINMxWWGDBynigvAyQSGae4jxMrYiHibMIXZ4ekHswPCDDtahIC3MUiCfhNQ/IXAN7ViaeCVNgXsZD7yJfaOYxKOcw3CcDnRquRnAnGSSVchsNRiI4MCwOhy44ABqv+VDNpaok1HrOdbVEn4tvo6OUbLy9tXSMDDp6ofD1gsJ7AdRk0Pl7oY8TiP4lkRiNWQrwuMhPiK9wbWv3jiL1BJn6qV99RCgM0VEwJvBhSk7C5CohbW0qzvBj6Lvd8Yta7dOcl9MBagFLwoC0ZEC0eubgREKcfCNazjjcV1mqLiosvbJK0CJLSx5pEqw01yfw7wjDw3a5p1+Ni5eIpc6DStPQfvvo2G67eaxKNTX9OpaqpEF324gl7AGBQ0ksgViCCFMIgg2H9RPjs1jqVBFLIJbosoGD0HDQadO9ZEMJ7BBgYprh0eC2gZ4e2txbzcQSiCUSzIidpno4QCxBDKsjDo+M3lBpGW41EUvDZmIJGSQglpyVXdWJJRRQO4kYfBICZZcnFN0MfzQSSxZbgcWGeDIQQyCWXL3nwTIVD4NpEZTdHrh7j/BQM/x1lViadIgnrZhHva7BlD0TT5+l4LGZB22vL+5rGP5VMrTJGR4aGP78m1h6jkr5uI3BOMJBjyEcGl0AOjXzIVdR1QeMep/raskKhkvfEUtj462lpjEGtY6qKbzQoVhAy8+nsRe0fYHQ90dieJRYAhfv5btZUmuL1MMTBGC/B7r0oeg1RMFg5OM/UxLGJ4klpOL0mVks/far2udmc06Hg5alv56SWAKxRAcHCFF3ilhir2GpqppYuiJouSNLHrnZRCxJ+XcEwtksMfY/1cK0VlKWrrYAAAAASUVORK5CYII=') 0 0px; background-repeat:no-repeat;}
.redball{height:12px; width:12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABTVJREFUOE9tlHtMk1cYxo+iEq4il5abFQVmgSECpUqqg7GQGQUH3TSbbFOYTPDCxUusCppgQJ1ZlKJz+0OTLS6Lu/+xLUzjBcRVLrPSm9BaLpZRC1ICSK3Q9tnb0iiJvsmbL+c7z/Oe9zvn9x02Ow79LqnbOVgyuMOy3VFk3ebYZ6nsb7LdqnVPv4zLVZeDCvVbjadQiwuQuvI06lCGnVhny0a5tWwAo+C65Yx93F/wWIovX4i/Qr3LUOIoxrvPsiEwJGOz/oMhaDGHNcjOSUqwHQ0488JwHmdRg2oUTH8I0ZN08FWxCG0OQd2N2hpWOl6icy79BbXjFDrzBMmLpwvxtnkt4rTLEd7KQWBjAFKuJvexfHuedTPeR6VjD446DuOgbR8+tWzBWpMIsQ+iEdIaBP/bvvC75oOIG+HPWa49xyK0CrDh6Trkj+Yi25iFFF0SePJIBMoWwq/F25ULr/sh7DrXyiqelyt4xsV4UxeHBEUclrYtAfefEAS0+GOhzA/B7YEIbeOA1xKBmB+X9TCZWbYrQOuPsLtchLVwwL0d7DJEtochpnMpElXxSFOlIqUrCSu2Jh5ybesWzUfa4I5ALG4PB18egxRVEtK7hch8uBbrerORZ8hFwg9xAy6xMzQ/aXxymjYolg/E4p3BTOQ+Xg+xaSM2DYmRO7weSd+v0PMYz88tfxnbT35WntmYoRB1pj9Nv7dqMu3nVE1sXswB9/SrcbG6SnL/0EHl0IH99rHy3faxY1WqaZXiiHv6ZVQ1SINaK8q0KNsNHDsG1NQAFeXAWyIgLAg4elg/jlksqfaW9+HzYkDaAJw7D9RLgboTwM4SYLUA04xhsHjbgB7EUvM3X++FeCNQWzcjbjg3Y3CutEkMR2IcjP7e0JKp6cJ5CTMfkSiRlQGcoIpO4dl64Phx4JMCICURT8JD0OXriW4yNGaINMxWWGDBynigvAyQSGae4jxMrYiHibMIXZ4ekHswPCDDtahIC3MUiCfhNQ/IXAN7ViaeCVNgXsZD7yJfaOYxKOcw3CcDnRquRnAnGSSVchsNRiI4MCwOhy44ABqv+VDNpaok1HrOdbVEn4tvo6OUbLy9tXSMDDp6ofD1gsJ7AdRk0Pl7oY8TiP4lkRiNWQrwuMhPiK9wbWv3jiL1BJn6qV99RCgM0VEwJvBhSk7C5CohbW0qzvBj6Lvd8Yta7dOcl9MBagFLwoC0ZEC0eubgREKcfCNazjjcV1mqLiosvbJK0CJLSx5pEqw01yfw7wjDw3a5p1+Ni5eIpc6DStPQfvvo2G67eaxKNTX9OpaqpEF324gl7AGBQ0ksgViCCFMIgg2H9RPjs1jqVBFLIJbosoGD0HDQadO9ZEMJ7BBgYprh0eC2gZ4e2txbzcQSiCUSzIidpno4QCxBDKsjDo+M3lBpGW41EUvDZmIJGSQglpyVXdWJJRRQO4kYfBICZZcnFN0MfzQSSxZbgcWGeDIQQyCWXL3nwTIVD4NpEZTdHrh7j/BQM/x1lViadIgnrZhHva7BlD0TT5+l4LGZB22vL+5rGP5VMrTJGR4aGP78m1h6jkr5uI3BOMJBjyEcGl0AOjXzIVdR1QeMep/raskKhkvfEUtj462lpjEGtY6qKbzQoVhAy8+nsRe0fYHQ90dieJRYAhfv5btZUmuL1MMTBGC/B7r0oeg1RMFg5OM/UxLGJ4klpOL0mVks/far2udmc06Hg5alv56SWAKxRAcHCFF3ilhir2GpqppYuiJouSNLHrnZRCxJ+XcEwtksMfY/1cK0VlKWrrYAAAAASUVORK5CYII=') 0 -12px; background-repeat:no-repeat;}
.yellowball{height:12px; width:12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABTVJREFUOE9tlHtMk1cYxo+iEq4il5abFQVmgSECpUqqg7GQGQUH3TSbbFOYTPDCxUusCppgQJ1ZlKJz+0OTLS6Lu/+xLUzjBcRVLrPSm9BaLpZRC1ICSK3Q9tnb0iiJvsmbL+c7z/Oe9zvn9x02Ow79LqnbOVgyuMOy3VFk3ebYZ6nsb7LdqnVPv4zLVZeDCvVbjadQiwuQuvI06lCGnVhny0a5tWwAo+C65Yx93F/wWIovX4i/Qr3LUOIoxrvPsiEwJGOz/oMhaDGHNcjOSUqwHQ0488JwHmdRg2oUTH8I0ZN08FWxCG0OQd2N2hpWOl6icy79BbXjFDrzBMmLpwvxtnkt4rTLEd7KQWBjAFKuJvexfHuedTPeR6VjD446DuOgbR8+tWzBWpMIsQ+iEdIaBP/bvvC75oOIG+HPWa49xyK0CrDh6Trkj+Yi25iFFF0SePJIBMoWwq/F25ULr/sh7DrXyiqelyt4xsV4UxeHBEUclrYtAfefEAS0+GOhzA/B7YEIbeOA1xKBmB+X9TCZWbYrQOuPsLtchLVwwL0d7DJEtochpnMpElXxSFOlIqUrCSu2Jh5ybesWzUfa4I5ALG4PB18egxRVEtK7hch8uBbrerORZ8hFwg9xAy6xMzQ/aXxymjYolg/E4p3BTOQ+Xg+xaSM2DYmRO7weSd+v0PMYz88tfxnbT35WntmYoRB1pj9Nv7dqMu3nVE1sXswB9/SrcbG6SnL/0EHl0IH99rHy3faxY1WqaZXiiHv6ZVQ1SINaK8q0KNsNHDsG1NQAFeXAWyIgLAg4elg/jlksqfaW9+HzYkDaAJw7D9RLgboTwM4SYLUA04xhsHjbgB7EUvM3X++FeCNQWzcjbjg3Y3CutEkMR2IcjP7e0JKp6cJ5CTMfkSiRlQGcoIpO4dl64Phx4JMCICURT8JD0OXriW4yNGaINMxWWGDBynigvAyQSGae4jxMrYiHibMIXZ4ekHswPCDDtahIC3MUiCfhNQ/IXAN7ViaeCVNgXsZD7yJfaOYxKOcw3CcDnRquRnAnGSSVchsNRiI4MCwOhy44ABqv+VDNpaok1HrOdbVEn4tvo6OUbLy9tXSMDDp6ofD1gsJ7AdRk0Pl7oY8TiP4lkRiNWQrwuMhPiK9wbWv3jiL1BJn6qV99RCgM0VEwJvBhSk7C5CohbW0qzvBj6Lvd8Yta7dOcl9MBagFLwoC0ZEC0eubgREKcfCNazjjcV1mqLiosvbJK0CJLSx5pEqw01yfw7wjDw3a5p1+Ni5eIpc6DStPQfvvo2G67eaxKNTX9OpaqpEF324gl7AGBQ0ksgViCCFMIgg2H9RPjs1jqVBFLIJbosoGD0HDQadO9ZEMJ7BBgYprh0eC2gZ4e2txbzcQSiCUSzIidpno4QCxBDKsjDo+M3lBpGW41EUvDZmIJGSQglpyVXdWJJRRQO4kYfBICZZcnFN0MfzQSSxZbgcWGeDIQQyCWXL3nwTIVD4NpEZTdHrh7j/BQM/x1lViadIgnrZhHva7BlD0TT5+l4LGZB22vL+5rGP5VMrTJGR4aGP78m1h6jkr5uI3BOMJBjyEcGl0AOjXzIVdR1QeMep/raskKhkvfEUtj462lpjEGtY6qKbzQoVhAy8+nsRe0fYHQ90dieJRYAhfv5btZUmuL1MMTBGC/B7r0oeg1RMFg5OM/UxLGJ4klpOL0mVks/far2udmc06Hg5alv56SWAKxRAcHCFF3ilhir2GpqppYuiJouSNLHrnZRCxJ+XcEwtksMfY/1cK0VlKWrrYAAAAASUVORK5CYII=') 0 -24px; background-repeat:no-repeat;}

.highlight {
	background:#FFFFCC;
}

	.table_1st_row{
		background: #E3E3E3; 
		color: #000000;
		width: 90px;
		text-indent: 5px;
		height:20px;
	}
	.table_2nd_row{
		background:#E3E3E3;
		width:80px;
		height:20px;
		text-align:left;
	}
	.table_3rd_row{
		background:#E3E3E3;
		width:5px;
	}
	.portfolio_header{
		text-indent: 5px;
		background:#0D5481;
		color:#FFFFFF;
		height:20px;
		white-space: nowrap;
	}
/*
#fund_transfer { 
	width:600px;
	height: 450px;
	margin: auto;  
}
#definition { 
	width:600px;
	height: 15px;
}

#footer { 
	margin: auto;  
	width: 1000px;
	FONT-FAMILY: Arial; 
	font-size:7pt; 
	height: 120px;
	overflow:auto;
}
*/



A.n8:link {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n8:visited {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n8:active {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n8:hover {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n13{
	FONT-FAMILY: sans-serif;
    FONT-SIZE: 13pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	color:#0046ad;
}


A.n12:link {
    COLOR: ffffff;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}


A.n12:active {
    COLOR: #ffffff;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.n12:hover {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.n11:link {
    COLOR: #ffffff;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
A.n11:visited {
    COLOR: #ffffff;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

A.n11:active {
    COLOR: red;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n11:hover {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n10:link {
    COLOR: FFC927;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n10:visited {
    COLOR: FFC927;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n10:active {
    COLOR: FFC927;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

A.n10:hover {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

.headDiv {
	min-width: 800px; 
    width: expression(this.height < 800 ? "800px" : "100%" );
    overflow: hidden;
}

.menu-cell {
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
	width: auto;
	height: 100%;
	text-align: left;
	padding-left: 10px;
	vertical-align: bottom;
	float: left;

}

a.menu-link {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
}

.langStyle {
	float: left;	
}

.fonts {
    COLOR: white;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 7pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}

.blue_txt {
	font-family: "Tahoma", "Arial";
	color:#0046ad;
	font-size:10pt;
}

A.n12:visited {
    COLOR: #ffffff;
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}

/*Filter*/
/*
#order_status .tablesorter-filter-row td:last-child{
    display: none;
}
*/
#statement_table .tablesorter .tablesorter-filter {
    width: 10px;
}

tr.tablesorter-filter-row input.disabled {
    display: none;
}
.tablesorter-filter-row td {
  background: #eee;
  /*line-height: normal;*/
  text-align: center; /* center the input */
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
.tablesorter-filter-row .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}
.tablesorter-filter-row.hideme td {
  margin: 0;
  line-height: 0;
  cursor: pointer;
}

.tablesorter-filter-row.hideme .tablesorter-filter {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}
.tablesorter-filter {
  width: 95%;
  text-align: center;
  background-color: #CCCCCC;
  border: 0px solid #CCCCCC;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
.tablesorter thead .disabled {
	width: 0px;
	display: none;
	padding: 0px;
	border: 0px;
}
/*-----*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 999}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	background: #49A3FF
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #666666;
	border: 1px solid #666666
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #666666; 
	color: #FFFFFF;
	font: 11px arial
}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF}

#sddm ul
{
	padding:0 0 0 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}