/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

/* ---------- Wrapper ---------- */

#wrapper {
	margin: 0 auto;
	padding: 0 0;
	width: 1024px;
}

/* ---------- Banner ---------- */

#banner {
	background: url(../images/custom/banner_bg.png) left bottom;
	padding: 0px 0px 0px 0px;
	position: relative;
	height:140px;
}

.ie #banner {
	background: url(../images/custom/banner_bg.png) left bottom;
	padding: 0px 0px 0px 0px;
	position: relative;
	height:140px;
}

.logo-container {
	background: #FFFFFF transparent;
	width:100%;
	padding:0px;
	margin:0px;
	height:80px;
	float:left;
}

.commonelement a {
background: url(common_element.gif) no-repeat transparent;
display: block;
font-size: 0;
height: 15px;
text-indent: -9999em;
width: 996px;
float:left;
}


.logo a {
	background: url(itrade-logo.gif) no-repeat transparent;
	display: block;
	font-size: 0;
	height: 87px;
	text-indent: -9999em;
	width: 280px;
	float:left;
}

.logo2 a {
	background: url(onlinetrading.gif) no-repeat scroll 0 bottom transparent;
	display: block;
	font-size: 0;
	height: 31px;
	text-indent: -9999em;
	width: 206px;
	float:left;
	padding: 0px 0px 0px 0px;	
}

#topBanner {
	background: transparent;
	padding: 0px 0px 0px 0px;
	position: relative;
	height:20px;
}

.logo3 a {
	background: url(../images/custom/cimb_grp_icon.gif) no-repeat scroll 0 center transparent;	
	display: block;
	font-size: 0;
	height: 19px;	
	text-indent: -9999em;
	width: 104px;	
	float:left;
	padding: 0px 0px 0px 10px;	
}

.logo4 a {
	background: url(../images/custom/cimb_bank_icon.gif) no-repeat scroll 0 center transparent;	
	display: block;
	font-size: 0;
	height: 18px;	
	text-indent: -9999em;
	width: 89px;	
	float:left;
	padding: 0px 0px 0px 10px;	
}

.logo5 a {
	background: url(../images/custom/cimb_isl_icon.gif) no-repeat scroll 0 center transparent;	
	display: block;
	font-size: 0;
	height: 20px;	
	text-indent: -9999em;
	width: 105px;	
	float:left;
	padding: 0px 0px 0px 10px;	
}


.box1 a {
	background: url(../images/custom/Login.gif) no-repeat scroll 0 top transparent;	
	display: block;
	font-size: 0;
	height: 27px;	
	text-indent: -9999em;
	width: 94px;	
	float:left;
	padding: 0px 0px 0px 0px;	
}

.box2 a {
	background: url(../images/custom/Register.gif) no-repeat scroll 0 top transparent;	
	display: block;
	font-size: 0;
	height: 27px;	
	text-indent: -9999em;
	width: 128px;	
	float:left;
	padding: 0px 0px 0px 0px;	
}

/* ---------- Dock ---------- */

.js .interactive-mode {
	background: none;
	right: 0px;
	top: 15px;
	min-width:250px;
}
.js .interactive-mode h2,
.js .interactive-mode h2 span {
	background: none;
/*	background-image: url(../images/custom/dock_bg.png) no-repeat; */
}

.js .interactive-mode h2 {
	background-position: right bottom;
	padding: 0px;
}

.js .interactive-mode h2 span {
	border-right: 0;
	color: #FFFFFF;
	display: block;
	height: 25px;
/*	line-height: 23px; */
/*	padding: 0 20px 0 30px;*/
	padding: 0px;
	min-width:150px;
}

.js .lfr-dock.expanded .lfr-dock-list-container {
	margin: 0px;		
}

/* ---------- Page search ---------- */

#page-search {
	bottom: 0;
	position: relative;
	right: 240px;
	float:right;
}

/* ---------- Navigation ---------- */


#navigation {
/*	background: url(../images/custom/navigation_bg.png) left bottom no-repeat; */
	background: #0B318F left bottom repeat;
	height: 25px;
	border: 1px solid;
	border-color: transparent #FFFFFF transparent transparent;	
	padding: 8px 0px 0px 0px;
}
/* The menu bar image placement */
.ie #navigation {
/*	background: url(../images/custom/navigation_bg.png) left bottom no-repeat; */
	background: #0B318F left bottom repeat;
	height: 25px;
	border: 1px solid;
	border-color: transparent #FFFFFF transparent transparent;
	padding: 8px 0px 0px 0px;
}

.ie7 #navigation {
/*	background: url(../images/custom/navigation_bg.png) left bottom no-repeat; */
	margin-top: -1px;
	margin-left: -1px;
	background: #0B318F left bottom repeat;
	height: 25px;
	border: 1px solid;
	border-color: transparent #FFFFFF transparent transparent;
	padding: 8px 0px 0px 0px;
	}

#navigation ul {
	float: left;
	padding: 0px 10px 0px 10px;
}
#navigation add-page {
	float: right;
	padding: 8px 0px 0px 0px;
}
/* The menu text placement */
.ie #navigation ul {
	float: left;
	padding: 0px 10px 0px 10px;
}

#navigation a,
#navigation .enter-page {
	color: #FFF;
	display: block;
	float: left;
	font: 11px Arial;
	border: 1px solid;
	border-color: transparent #FFFFFF transparent transparent;	
	padding: 0px 11px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
}


#navigation a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid;
	border-color: transparent #ffffff transparent transparent;
	padding: 0px 11px 0px 11px;
	color: #b3b3b3;
}
/* The menu hover text placement */
.ie #navigation a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid;
	border-color: transparent #ffffff transparent transparent;
	padding: 0px 11px 0px 11px;
	color: #b3b3b3;
}
.ie6 #navigation a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid;
	border-color: transparent #ffffff transparent transparent;
	padding: 0px 11px 0px 11px;
	color: #b3b3b3;
}

#navigation .selected a {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid;
	border-color: transparent #ffffff transparent transparent;
	padding: 0px 11px 0px 11px;
	color: #d1d1d1;
}
.ie #navigation .selected a {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid;
	border-color: transparent #ffffff transparent transparent;
	padding: 0px 11px 0px 11px;
	color: #d1d1d1;
}
	
#navigation .save-page,
#navigation .save-page:hover {
	background: none;
	border: 0;
	display: inline;
	float: none;
	padding: 4px;
}

.ie #navigation .save-page,
.ie #navigation .save-page:hover {
	background: none;
	border: 0;
	display: inline;
	float: none;
	padding: 0px;
	white-space: nowrap;	
}

#navigation .cancel-page {
	display: none;
}

#navigation input[type="text"] {
	padding: 1px;
}

/* ---------- Content Wrapper ---------- */

#content-wrapper {
/*-	background: url(../images/custom/content-wrapper_bg.png) repeat-y center top; -*/
	background: #FFFFFF repeat-y center top;	
	padding: 0px;
}

.ie #content-wrapper {
/*-	background: url(../images/custom/content-wrapper_bg.png) repeat-y center top; -*/
	background: #FFFFFF repeat-y center top;	
	padding: 0px;
	zoom: 1;
}

#column-1 {
	border-right: 0px solid #D7D7D7;
}

.ie #column-1 {
	border-right: 0px solid #D7D7D7;
}

/* ---------- Portlet ---------- */

.portlet {
	margin: 0 0 0px;
/*-	margin: 0 0 28px; -*/
}

.ie6 .portlet {
	margin: 0 0 0px;
/*-	margin: 0 0 28px; -*/
}
 
.portlet-topper {
	border-bottom: 2px solid #12558E;
	line-height: 24px;
}

.ie6 .portlet-topper {
	position: static;
	z-index: 0;
	zoom: 1;
}

.portlet-title {
	color: #12558E;
	display: block;
	font: 14px/25px Lucida Sans Unicode,Lucida Grande,sans-serif;
	height: 25px;
}

.firefox .portlet-title img, .safari .portlet-title img {
	margin-top: -2px;
}

.ie .portlet-title img {
	padding-top: 1px;
}

.portlet-icons {
	right: 0;
}

.portlet-content {
	padding: 10px;
}

/* ---------- Calendar ---------- */

.portlet-calendar .calendar-day .day-text,
.results-header {
	background-color: #D9E1EC;
}

.portlet-calendar .calendar-day .day-text,
.results-header th,
.results-header td {
	color: #000;
}

/* ---------- Tabs ---------- */

.ui-tabs {
	border-bottom: 1px solid #2B5A79;
}

.ui-tabs li {
	background: url(../images/custom/tabs_bg.png) no-repeat left -100px;
	margin: 0 9px 0 0;
}

.ui-tabs li a,
.ui-tabs li a:hover,
.ui-tabs li span,
.ui-tabs li span:hover {
	background: url(../images/custom/tabs_bg.png) no-repeat right -300px;
	border: 0;
	height: 10px;
	padding: 8px 12px;
	text-decoration: none;
	top: 0;
}

.ui-tabs li a:hover,
.ui-tabs li span:hover {
	color: #FF0;
}

.ui-tabs li.current,
.ui-tabs li.current:hover {
	background: url(../images/custom/tabs_bg.png) no-repeat left top;
}

.ui-tabs li.current a,
.ui-tabs li.current a:hover,
.ui-tabs li.current span,
.ui-tabs li.current span:hover {
	background: url(../images/custom/tabs_bg.png) no-repeat right -200px;
	border: 0;
	color: #FFF;
}

/* ---------- Footer ---------- */

#footer {
/*--	background: #002F62 url(../images/custom/footer_bg.png) no-repeat left -50px;--*/
/*--	padding: 0 0 0 3px; --*/
}

#footer .language {
/*-	background: url(../images/custom/footer_bg.png) no-repeat right top; -*/
	background: #000000 no-repeat right top;
	padding: 13px 5px 2.5px;
/*-	padding: 8px 5px 2.5px; -*/
	text-align: right;
	font-color: #FFFFFF;
}

#footer .language a {
	margin-right: 5px;
}

/**-----------------------**/

h1.logo {
	margin:0 !important;
}
h1.logo2 {
	margin:0 !important;
}
h6 {
	color:#336699 !important;
	font-weight:lighter;
}
.ie6 ul.lfr-dock-list li.my-places{
	padding-left:12px;
}
ul.taglib-my-places li.has-children h6{
	padding:3px 10px;
}
.ie6 ul.taglib-my-places li.has-children h6{
	padding:3px 15px;
}
.ie6 ul.taglib-my-places li.has-children li.last{
	padding:2px;
}
h6:hover {
	color:#ffffff !important;
}

#banner .logo a {
	top:0 !important;
}

#qm0 li {
	z-index:190;
	white-space: nowrap;
}
.ie8 #qm0 li {
	z-index:190;
	white-space: nowrap;	
}
/* placement of the menu width text */
.ie #navigation #qm0 li{
	white-space: nowrap;
}

#navigation .child-menu {
	position:absolute;
	top:25px;
/*	z-index:100; */
	padding: 0px;	
}
/* placement of the submenu item text */
.ie #navigation .child-menu {
	position:absolute;
	top:25px;
	left:0px;
	float:left;
/*	z-index:100; */
	padding: 0px;
}
.ie6 #navigation .child-menu {
	position:absolute;
	top:0px;
/*	z-index:100; */
	padding: 0px;
}

#navigation .child-menu li{
	width:100px;
}
.ie #navigation .child-menu li{
	white-space: nowrap;
}
.ie6 #navigation .child-menu li{
	width:100px;
}

#navigation .child-menu a {
/*	background: #32AFEE url(../images/custom/naviagation-bg2.jpg);*/
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1C4980 #1D4A81 #1F477A #0D376E; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0 11px;
	width: 250px;
}

/* child menu width */
.ie #navigation .child-menu a {
/*	background: #32AFEE url(../images/custom/naviagation-bg2.jpg);*/
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1C4980 #1D4A81 #1F477A #0D376E; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0px 0px 0px 11px;
	width: 235px;	
}
 
#navigation .child-menu li a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0 11px;
	white-space: nowrap;	
}

.ie #navigation .child-menu li a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0px 0px 0px 11px;	
}
 
#navigation .child-menu li.selected a{
/*	background: #32AFEE url(../images/custom/navigation_selected_bg.png); */
	background: #0B318F repeat;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0 11px;
	width:250px;
	text-decoration: underline;
}

.ie #navigation .child-menu li.selected a{
/*	background: #32AFEE url(../images/custom/navigation_selected_bg.png); */
	background: #0B318F repeat;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0px 0px 0px 11px;	
	width:235px;
	text-decoration: underline;
}

.ie .child-menu span.delete-tab{
	right:-40px !important;
}
.ie6 .child-menu span.delete-tab{
	right:5px !important;
}

.ie6 #navigation li.selected a:hover {
	padding-left: 11px;
	padding-right:11px;
}
 
.ie6 #navigation .child-menu li a:hover {
	padding-left: 11px;
	padding-right: 11px;
}

/*  */
#navigation .child-menu {
	position:absolute;
	top:25px;
/*	z-index:100; */
	padding: 0px;	
}
/* placement of the submenu item text */
.ie #navigation .child-menu {
	position:absolute;
	top:25px;
	left:0px;
	float:left;
/*	z-index:100; */
	padding: 0px;
}
.ie6 #navigation .child-menu {
	position:absolute;
	top:0px;
/*	z-index:100; */
	padding: 0px;
}

#navigation .child-menu li{
	width:100px;
}
.ie #navigation .child-menu li{
	white-space: nowrap;
}
.ie6 #navigation .child-menu li{
	width:100px;
}

#navigation .child-menu a {
/*	background: #32AFEE url(../images/custom/naviagation-bg2.jpg);*/
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1C4980 #1D4A81 #1F477A #0D376E; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0 11px;
	width: 250px;
}

/* child menu width */
.ie #navigation .child-menu a {
/*	background: #32AFEE url(../images/custom/naviagation-bg2.jpg);*/
	background: #0B318F repeat;
	border: 1px solid #0B318F;
/*	border-color: #1C4980 #1D4A81 #1F477A #0D376E; */
	border-color: transparent #0B318F transparent #0B318F;
	padding: 0px 0px 0px 11px;
	width: 235px;	
}
 
#navigation .child-menu li a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0B318F repeat;
	border: 1px solid #0099CC;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0099CC transparent #0099CC;
	padding: 0 11px;
	white-space: nowrap;	
}

.ie #navigation .child-menu li a:hover {
/*	background: #32AFEE url(../images/custom/navigation_hover_bg.png); */
	background: #0099CC repeat;
	border: 1px solid #0099CC;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0099CC transparent #0099CC;
	padding: 0px 0px 0px 11px;	
}
 
#navigation .child-menu li.selected a{
/*	background: #32AFEE url(../images/custom/navigation_selected_bg.png); */
	background: #0099CC repeat;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0099CC transparent #0099CC;
	padding: 0 11px;
	width:250px;
	text-decoration: underline;
}

.ie #navigation .child-menu li.selected a{
/*	background: #32AFEE url(../images/custom/navigation_selected_bg.png); */
	background: #0099CC repeat;
/*	border-color: #1D4A81 #1d4a81 #20487b #0d376e; */
	border-color: transparent #0099CC transparent #0099CC;
	padding: 0px 0px 0px 11px;	
	width:235px;
	text-decoration: underline;
}

.ie .child-menu span.delete-tab{
	right:-40px !important;
}
.ie6 .child-menu span.delete-tab{
	right:5px !important;
}

.ie6 #navigation li.selected a:hover {
	padding-left: 11px;
	padding-right:11px;
}
 
.ie6 #navigation .child-menu li a:hover {
	padding-left: 11px;
	padding-right: 11px;
}
/* */

#nav_menuitem {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-color: transparent #FFFFFF transparent transparent;
	font: 11px Arial;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}

.Footer_link_White {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0;
margin-top: 0;
padding-top: 0;
text-decoration: none;
vertical-align: middle;
}

.Footer_link_White a{
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0;
margin-top: 0;
padding-top: 0;
text-decoration: none;
vertical-align: middle;
}

.footerText {
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
white-space: nowrap;
}