@charset "TIS-620";
/* CSS Document */
img.png{
behavior: url(scripts/pngfix.htc);
}
a:active{
	text-decoration:none;
	color : #433C1B;
}
a:link{
	text-decoration:none;
	color : #433C1B;
}
a:visited{
	text-decoration:none;
	color : #433C1B;
}
a:hover{
	text-decoration:none;
	color : #A7A07E;
}
a.darkblue:active{
	text-decoration:none;
	color:#1C5776;
}
a.darkblue:link{
	text-decoration:none;
	color:#1C5776;
}
a.darkblue:visited{
	text-decoration:none;
	color:#1C5776;
}
a.darkblue:hover{
	text-decoration:none;
	color : #609EBE;
}
a.page:active{
	text-decoration:none;
	color : #A7A07E;
}
a.page:link{
	text-decoration:none;
	color : #A7A07E;
}
a.page:visited{
	text-decoration:none;
	color : #A7A07E;
}
a.page:hover{
	text-decoration:none;
	color : #A7A07E;
}
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu {
	position:absolute;
	overflow:hidden;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu .content {
	position:absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.mtDropdownMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
}

/* each TR.item is one menu item */
.mtDropdownMenu .item {
	font-family : "Tahoma", Ms Sans Serif, Thonburi;
    color:white;
	font-weight:500;
    font-size:8.5pt;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	left:0px; top:0px;	
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.mtDropdownMenu .background {
	position:absolute;
	left:0px; top:0px;	
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.mtDropdownMenu .item.hover {
	background:#FF6600;
	color:#FFFFFF;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.mtDropdownMenu .item img {
	margin-left:5px;
}
html, body{
	scrollbar-arrow-color: #BEBEBE;
	scrollbar-3dlight-color: #EFEEE4;
	scrollbar-highlight-color: #DCDBCB;
	scrollbar-face-color: #DCDBCB;
	scrollbar-shadow-color: #B7B39C;
	scrollbar-track-color: #E4E2D5;
	scrollbar-darkshadow-color: #E4E2D5;
	background-color:#F6F4E9;	
	margin:0px;
}
#layoutHeader{
	width:100%
}
.clear{
	clear:both;
}
.bgLogo{
	background-image:url(../images/bg_Logo.jpg);
	background-repeat:no-repeat;
}
.layoutLogin{
	display:block;
	margin:0px 0px 0px 28px;
	width:950px;
	height:30px;
}
.logo, .loginUsr, .loginField, .loginPwd, .loginSignin, .loginForgotpwd, .language{
	float:left;
}
.logo{
	margin:0px 0px 0px 60px;
	display:block;
	width:286px;
}
.loginUsr{
	margin:0px;
	display:block;
	width:61px;
	height:30px;
}
.loginField{
	margin:0px;
	padding-top:3px;
	display:block;
	width:121px;
	height:27px;
	background-color:#000;
}
.loginPwd{
	margin:0px;
	display:block;
	width:71px;
	height:30px;
}
.loginSignin{
	margin:0px;
	display:block;
	width:97px;
	height:30px;
	background-image:url(../images/bg_Signin.gif);
	background-repeat:no-repeat;
}
.loginForgotpwd{
	margin:0px;
	display:block;
	width:51px;
	height:30px;
	background-image:url(../images/bg_ForgotPWD.gif);
	background-repeat:no-repeat;
}
.language{
	margin:0px 0px 0px 15px;
	display:block;
	width:61px;
}
.bgNav{
	background-image:url(../images/bg_Nav.jpg);
	background-repeat:repeat-x;
}
.layoutNav{
	display:block;
	margin:4px 0px 0px 0px;
	width:990px;
	height:28px;
}
.navHome, .navGetstarted, .navVline, .navHowtoinvest, .navTrading, .navCNS, .navNews, .navDownload, .navSitemap{
	float:left;
}
.navHome{
	margin:0px;
	display:block;
}
.navGetstarted{
	margin:0px;
	display:block;
}
.navVline{
	margin:0px;
	display:block;
	width:2px;
}
.navHowtoinvest{
	margin:0px;
	display:block;
}
.navTrading{
	margin:0px;
	display:block;
}
.navCNS{
	margin:0px;
	display:block;
}
.navNews{
	margin:0px;
	display:block;
}
.navDownload{
	margin:0px;
	display:block;
}
.navSitemap{
	margin:0px;
	display:block;
}
.layoutTicker{
	display:block;
	margin:0px;
	width:990px;
	height:30px;
	background-image:url(../images/bg_Ticker.jpg);
	background-repeat:repeat-x;
}
.ticker{
	float:left;
}
.ticker{
	padding:8px 0px 0px 0px;
	display:block;
	width:100%;
}
.mainContent{
	display:block;
	margin:0px 15px 10px 15px;
	width:960px;
}
.layoutHome{
	display: block;
	margin: 0 auto;
	width: 950px
}
.bgRight{
background-repeat:repeat-y;
background-image:url(../images/border_Right.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/border_Right.png');
_background-image:none;
background-position:top left;
}
.bgLeft{
background-repeat:repeat-y;
background-image:url(../images/border_Left.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/border_Left.png');
_background-image:none;
background-position:top right;
}
.layoutPage{
	display:block;
	margin:10px 0px 0px 0px;
	width:100%;
}
.previous, .next{
	float:left;
}
.previous, .next{
	display:block;
	margin:0px;
	padding-right:10px;
	width:auto;
}