/* bcci */

*				{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;outline:none;}
body			{font-size:12px; background:#ffffff url(../images/bgd_body.gif) repeat-x 0 0;}
a				{color:#333; text-decoration:none}
a:hover			{text-decoration:underline; color:#333;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#333; border:#cccbcb solid 1px; font-size:12px; border:none;}
input {padding:3px 0 2px 3px; color:#afadad; border:none;}
h1{}
h2, h3, h4{font-size:1.5em; color:#6c5757}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

#container{ width:970px; padding:0; margin:6px auto 40px auto; background:#fff;}

/* header *************/
#header { width:970px; margin:0 0 16px 0;}
	.bcci { width:970px; height:110px; margin:0 0 3px 0; background:url(../images/bgd_topbcci.gif) no-repeat 0 0;}
		.bcci h1 { float:left; padding:23px 0 0 20px;}
		.company { float:left; padding:42px 0 0 24px;}
		.bannerTop { float:right; padding:30px 30px 0 0;}
	
	.topMain { width:950px; margin:0 10px 0 10px; background:#fff;}
		
		/* menu main */
		.mainMenu { width:950px; height:25px; margin:0 0 3px 0; background:url(../images/bgd_nav.gif) no-repeat 0 0;}
			.mainMenu img { display:block; float:left;}
			.mainMenu ul { float:left; padding:1px 0;}
			.mainMenu li { display:block; float:left; background:url(../images/line.gif) 100% 50% no-repeat; padding:0 1px 0 0; position:relative; z-index:100;}
			.mainMenu li a { display:block; line-height:16px; padding:4px 17px; font:12px Arial; color:#006f3c; font-weight:bold; text-transform:uppercase;}
			.mainMenu li.current a{ text-decoration:none; background:url(../images/bgd_menuhover.gif) repeat-x 0 0; color:#ffffff;}
			.mainMenu li a:hover { text-decoration:none; background:url(../images/bgd_menuhover.gif) repeat-x 0 0; color:#ffffff;}	
			.mainMenu li.active {text-decoration:none; background:url(../images/bgd_menuhover.gif) repeat-x 0 0;color:#ffffff;}
			
			#header #menu_list .menu div{
							position: absolute;
							visibility: hidden;
							margin-top: 23px;
							padding: 0;
							background: #EAEBD8;
							width: 170px;
							z-index:9998;
			}
			#header #menu_list .menu div a
			{              position: relative;
							display: block;
							margin: 0;
							padding: 5px 10px;
							width: auto;
							height:16px;
							white-space: nowrap;
							text-align: left;
							text-decoration: none;
							background: #2caa41 none;
							border-bottom: 1px solid #49cd5f;
							color: #FFF;
							font: 12px arial;
							float:none;
							text-transform:none; 
							}

			#header #menu_list .menu div a:hover, #hd #menu_list .menu .selected div a:hover
			{              background: #006e39;
						   color: #fff;
			}              
			#header #menu_list .submenu div 
			{										
							visibility: hidden;										
							margin-left: 170px;	
							top:-23px;													
							background: #EAEBD8;
							width: 170px;
							z-index:9998;
			}
			#header #menu_list .submenu2
			{
							visibility: hidden;										
							margin-left: 170px;	
							top:auto;												
							background: #EAEBD8;
							width: 170px;
							z-index:9998;
			}
			
			#nav li ul{
				position:absolute;
				display:none;
				top:23px;
				text-decoration:none;				
				width:158px; 								
				float:none; 
				padding:0;				
				}
				#nav li ul li a{
				width:158px;
				height:auto;
				float:left;
				color:#fff;
				text-transform:none;
				text-decoration:none;
				background-color:#2caa41;
				border-bottom: 1px solid #49cd5f; 
				font:12px Arial; 
				font-weight:normal;
				margin:0;
				}
				#nav li ul li a:hover
				{					
					
					color:#fff;
				}
				#nav ul ul
				{
					top:auto;
				}	

				#nav li ul ul {
				left:192px;
				}

				#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
				{
					display:none;					
				}
				#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
				display:block;
				}
							
		
		.icohome img { margin:1px 2px 0 0;} 
		.menuType { width:110px; height:23px; line-height:16px; padding:7px 0px 0 10px; font:10px Arial; color:#ccfed5; font-weight:bold; background:url(../images/bgd_btn.gif) no-repeat 1px 1px; float:right;}		
			.menuType a				{color:#ccfed5; text-decoration:none}
			.menuType a:hover		{text-decoration: none; color:#fff;}
		/* end */		
		
		/* chung khoan */
		.securities { width:950px; height:17px; background:#006e39; overflow:hidden;}
			.stocks { float:left; width:600px; height:15px; font:10px Arial; color:#bffeca; padding:2px 0 0 31px;}
            .login { float:right; width:319px; height:15px; padding:0px 0px 0 0; text-align:right;}
			.login ul {}
			.login li { display:inline; padding:0 16px 0 16px; font:10px tahoma; color:#fff;}
				.login li a				{color:#fff; text-decoration:none;}
				.login li a:hover		{text-decoration:none; color:#bffeca;}
			.login li.dk { background:url(../images/pic/ico_dangky.gif) no-repeat 0 -1px;}
			.login li.dn { background:url(../images/pic/ico_dangnhap.gif) no-repeat 0 -1px;}
			.login li.ttcn { background:url(../images/pic/ico_member.gif) no-repeat 0 -1px;}
			.login li.thoat { background:url(../images/pic/ico_dangnhap.gif) no-repeat 0 -1px;}

/* Main *************/
#main { width:950px; margin:0 10px 27px 10px; overflow:hidden;}

/* footer *************/
.bannerFooter { width:950px; margin:10px 10px 10px 10px;}
#footer { width:950px; margin:0 10px 27px 10px; background:#ffffff url(../images/bgd_footer.gif) repeat-x 0 0;}
	.menuFooter { width:950px; overflow:hidden; padding:15px 0 20px 0; text-align:center;}
	.menuFooter ul {}
	.menuFooter li { display:inline; font:12px Tahoma; color:#000000; font-weight:bold; padding:0 3px 0 7px; background:url(../images/corner_footer.gif) no-repeat 0 50%;}
		.menuFooter li a	{color:#000000; text-decoration:none}
		.menuFooter li a:hover {text-decoration:underline; color:#000000;}
	.menuFooter li.corNone { background:none;}
	
	/* */
	.copyright { font:11px Arial; color:#333333; text-align:center; line-height:18px; padding:0 0 20px 0;}
	.copyright span { font:12px Arial; color:#428d30; font-weight:bold;}

/* select, input, textarea. input */
.input109 { width:109px; background:#fff; border:1px solid #00704a;}
.input158 { width:158px; border:1px solid #b0b0b0;}
.input160 { width:154px; border:1px solid #b0b0b0;}
.input170 { width:166px; border:1px solid #b0b0b0;}
.input185 { width:184px; background:#fff; border:1px solid #b0b0b0;}
.input210 { width:185px; border:1px solid #12aa79;}
.input220 { width:220px; border:1px solid #12aa79;}
.input274 { width:274px; background:#fff; border:1px solid #00704a;}
.input280 { width:277px; background:#fff; border:1px solid #b0b0b0;}
.input454 { width:454px; background:#fff; border:1px solid #b0b0b0;}
.input120 { width:120px; border:1px solid #b0b0b0;}
		
/***  button  ****/
.button1 { width:107px; height:20px; background:url(../images/bgd_btn1.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:bold; cursor:pointer; border:none;}
.button2 { width:93px; height:48px; background:url(../images/bgd_btn2.gif) no-repeat 0 0; font:18px Arial; color:#fff; font-weight:bold; cursor:pointer; border:none;}
.button3 { width:90px; height:21px; background:url(../images/bgd_btn3.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}
.button4 { width:82px; height:21px; background:url(../images/btn_xemthem.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}
.button5 { width:113px; height:25px; background:url(../images/bgd_btn5.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}
.button6 { width:63px; height:21px; background:url(../images/bgd_btn6.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}
.button7 { width:60px; height:25px; background:url(../images/bgd_btn7.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}
.button8 { width:77px; height:25px; background:url(../images/bgd_btn8.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}	
.buttonTaive { width:96px; height:25px; background:url(../images/bgd_btn_taive.gif) no-repeat 0 0; font:11px Arial; color:#fff; font-weight:normal; cursor:pointer; border:none;}