﻿/* 
- IE6 tro ve
*html {}
- IE7 tro ve
*:first-child+html {}
* html {}
- IE7
*:first-child+html {} or html* {}
- IE 7 và các trình duyệt mới khác
html>body {}
- Các trình duyệt mới khác trừ IE 7
html>/** /body {}
- Các phiên bản Opera v9 trở về trước
html:first-child {}GET,HEAD,POST,TRACE
*/
html, body{
	border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px;  text-align:center; font-size:12px; font-family:Tahoma;
	background-color:#ffffff; height:100%;}	

input, select, textarea {
	font-family:tahoma; font-size:12px;}
form {
	margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left; width:1000px; background-color:#ffffff; height:100%;}
table
{
	border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-size:12px; font-family:Tahoma;}
ul, li{ 
    position: relative; list-style: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
a
{
	color:#0357cd; text-decoration:none;}
a:hover
{
	color:#0357cd; text-decoration:underline;}
a:active
{
	color:#ffcf5e; text-decoration:none;}
h1
{
	float:left; font-size:12px; height:14px; padding-left:5px;}
h2
{
	float:left; font-size:12px; height:14px; padding-left:5px;}

/*a:visited
{
	color:#48525f; text-decoration:none;}*/
.pages
{
	width:18px;}
.pages a
{
	text-decoration:none;}
.pages a:hover
{
	text-decoration:underline;}
.pageshover
{
	font-weight:bold; width:18px;}
	
.ProSubPage
{
	text-align:center; padding-bottom:10px;}
.pagesnext
{
	width:16px;}
	
/*Masterpage*/
.homepage
{
	width:100%;}
.banner
{
	width:100%; height:162px; background-color:#bbdbff;}
.banner .bannerRows1
{
	float:left; width:100%; height:140px;}
.banner .bannerRows2
{
	float:left; width:100%; height:22px; background-color:#edf7d4; color:#2f185e; text-align:center; font-weight:bold;}
.banner .bannerRows2 .div
{
	padding-top:3px;}

.banner .bannerRows2 a
{
	 color:#2f185e; text-decoration:none;}
.banner .bannerRows2 a:hover
{
	 color:#2f185e; text-decoration:underline;}
.left
{
	width:160px; background-color:#eaeaea;}
.left .leftRows1
{
	float:left; width:100%; background-image:url(../Images/Left_bg.gif); height:21px; color:#ffffff; font-weight:bold; font-size:11px;}
.left .leftRows1 .span
{
	padding-top:3px; padding-left:10px;}
.left .leftRows1 a
{
	color:#ffffff; text-decoration:none;}
.left .leftRows1 a:hover
{
	color:#ffffff; text-decoration:underline;}

.left .leftRows2
{
	float:left; width:100%; background-color:#004089; color:#ffffff; font-size:11px; border-bottom:1px solid #779fd0;}
.left .leftRows2 .div
{
	float:left; width:100%; border-bottom:1px solid #173c56;  padding-top:2px; padding-bottom:3px;}
.left .leftRows2 .div .span
{
	padding-left:10px; padding-top:5px;}
.left .leftRows2Over
{
	float:left; width:100%; background-color:#044b9d; color:#ffffff; font-size:11px; border-bottom:1px solid #779fd0;  cursor:pointer;}
.left .leftRows2Over .div
{
	float:left; width:100%; border-bottom:1px solid #173c56; padding-top:2px; padding-bottom:3px;}
.left .leftRows2Over .div .span
{
	padding-left:10px; padding-top:5px;}
.left .LeftMenuSub
{
	float:left; width:100%;}
.left .LeftMenuSub .SubmenuOut
{
	float:left; width:100%; padding-top:2px; padding-bottom:3px; color:#173c56; background-color:#779fd0; border-bottom:1px solid #a5b7ce; cursor:pointer;}
.left .LeftMenuSub .SubmenuMove
{
	float:left; width:100%; padding-top:2px; padding-bottom:3px; color:#173c56; background-color:#6a91c2; border-bottom:1px solid #a5b7ce; cursor:pointer;}
.left .LeftMenuSub .SubmenuOut .span
{
	padding-left:10px; font-size:11px; padding-top:3px;}
.left .LeftMenuSub .SubmenuMove .span
{
	padding-left:10px; font-size:11px; padding-top:3px;}
/*.left .leftRows2 .leftRowsLi1
{
	float:left; width:100%; height:1px; background-color:#779fd0;}
.left .leftRows2 .leftRowsLi2
{
	float:left; width:100%; height:1px; background-color:#173c56;}*/
.left .leftRows2 a
{	
	color:#ffffff; text-decoration:none;}
.leftWeatherTitle
{
	float:left; width:100%; background-color:#FFFFFF; border-left:solid 1px #C0C0C0; font-size:11px; font-weight:bold; padding-top:10px; border-bottom:solid 1px #C0C0C0;}
.leftWeatherContent
{
	float:left; width:100%; background-color:#FFFFFF; border-left:solid 1px #C0C0C0;}

.content
{
	width:695px; background-color:#f0f4d9; padding-left:10px; padding-right:10px; }
.contentTitle
{
	float:left; width:100%; height:22px; text-align:right; color:#ffffff; background-image:url(../Images/ContentTitle.gif); background-color:#2c8bff; background-repeat:repeat-y;}
.contentTitle .span
{
	padding-top:3px; font-size:11px; padding-right:5px;}
.contentHot
{
	float:left; width:100%;}
.contentPublic
{
	float:left; width:100%;}
.contentItems
{
	float:left; width:100%;}
.ContentHotCols1
{
	width:60%;  background-color:#fffecb; padding-bottom:10px;}

.ContentHotCols2
{
	width:40%; border-left: solid 2px #f0f4d9;   background-color:#fffecb; padding-bottom:10px;}
.ContentHotCols2 .title
{
	float:left; width:100%;}
.ContentHotCols1 .title, .ContentHotCols2 .title{
	font-weight:bold; font-size:14px; color:#990000; padding-top:3px;}
.ContentHotCols1 .title .span, .ContentHotCols2 .title .span
{
	padding-left:5px;}
.ContentHotCols1 .ContentText, .ContentHotCols2 .ContentText
{
	float:left; width:100%;}
.ContentHotCols1 .ContentText .Title
{
	float:left; width:100%; color:#03006e; font-weight:bold; padding-top:10px; padding-bottom:5px;}	
.ContentText .Title a
{
	color:#03006e; text-decoration:none;}
.ContentText .Title a:hover
{
	color:#03006e; text-decoration:underline;}
.ContentText .Dess
{
	float:left; width:100%;}
.ContentText .Dess img
{
	margin:0px 5px 5px 5px;}
.ContentText .Title .span, .Dess .span
{
	padding-left:10px; padding-right:10px;}
.ContentHotCols2 .ContentText .Title
{
	float:left; width:100%; color:#03006e; padding-top:5px; padding-bottom:3px;}
.ContentPublic
{
	float:left; width:100%; text-align:center; padding-top:5px; padding-bottom:5px;}
.ContentItems
{
	float:left; width:95%; font-weight:bold; text-transform:uppercase; font-size:14px; color:#69226e; padding:10px 0px 3px 0px; border-bottom:1px solid #a7ab94;}
.ContentItemSub
{
	float:left; width:95%;}
.ContentItemSub .PanelShow1
{
	padding:5px 0px 0px 0px;}
.ContentItemSub .PanelShow2
{
	float:left; margin:0px 0px 0px 0px;}
.ContentItemSub .PanelShow1 .divName
{
	padding-bottom:5px;}
.ContentItemSub .PanelShow1 .divDess
{
	float:left; width:100%;}
.ContentItemSub .PanelShow1 .divDetail
{
	float:left; width:100%; text-align:right; padding-top:3px;}
.ContentItemSub .PanelShow1 a
{
	color:#03006e; font-weight:bold; text-decoration:none;}
.ContentItemSub .PanelShow1 a:hover
{
	color:#03006e; font-weight:bold; text-decoration:underline;}
.ContentItemSub .PanelShow1 img
{
	margin:0px 5px 5px 5px;}
.ProductName_Download
{
	float:left; width:100%; text-align:right; padding-top:10px; padding-bottom:5px; font-weight:bold;}
.ProductName_Download a
{
	color:#03006e; text-decoration:none;}
.ProductName_Download a:hover
{
	color:#03006e; text-decoration:underline;}
	
.dataListPages
{
	float:left;	margin-left:auto; margin-right:auto; width:100%; text-align:center; padding-top:5px;}
.ProductType
{
	float:left; width:100%; padding:10px 0px 5px 0px;}
.ProductType .Rows1
{
	float:left; width:155px;}
.ProductType .Rows2
{
	float:left; width:514px;}
.ProductType .Rows3
{
	float:left; width:100%;}

.ProductType .Rows2 .li1, .Rows3 .li1
{
  width:100%; color:#03006e; font-weight:bold;}
.ProductType .Rows2 .li1 .span
{
	 padding-right:10px;}
.ProductType .Rows2 .li1 a, .Rows3 .li1 a
{
	text-decoration:none; color:#03006e;}
.ProductType .Rows2 .li1 a:hover, .Rows3 .li1 a:hover
{
	text-decoration:underline; color:#03006e;}
.ProductType .Rows2 .li1 .span
{
	color:#da7a01;}	
.ProductType .Rows2 .li2, .Rows2 .li2
{
	width:100%; padding:3px 0px 4px 0px; color:#da7a01;}
.ProductType .Rows2 .li2 .span
{
	color:#025f96;}
.ProductType .Rows2 .li3
{
	padding-right:8px; text-align:justify;}
.ProductName_Type
{
	float:left; width:100%; padding-top:10px; padding-bottom:10px; font-weight:bold; color:#990000;}
.ProductName_Rows1
{
	float:left; width:100%; font-size:18px; color:#03006e; font-weight:bold; text-align:center; padding-bottom:10px;}
.ProductName_Rows3
{
	float:left; width:100%;}
.SeviceList
{
	float:left; width:100%; padding-top:10px;}
.SeviceList .rows1
{
	float:left; width:100%; font-size:14px; text-transform:uppercase; font-weight:bold;}
.SeviceList .rows1 a
{
	color:#03006e; text-decoration:none;}
.SeviceList .rows1 a:hover
{
	color:#03006e; text-decoration:underline;}
.SeviceList .rows2
{
	float:left; width:100%; font-weight:bold; padding-top:5px; padding-bottom:5px;}
.SeviceList .rows3
{	
	float:left; width:100%; padding-bottom:5px;}
.SeviceList .rows4
{
	float:left; width:100%; text-align:right; padding-bottom:10px; font-size:11px;}
.SeviceList .rows4 a
{
	color:#03006e;	text-decoration:none;}
.SeviceList .rows4 a:hover
{
	text-decoration:underline;}
.SeviceLogin
{
	float:none; width:350px; text-align:center; margin-left:auto; margin-right:auto;}
.SeviceLogin .Title
{
	float:left; width:350px; text-align:center; height:22px; background-color:#004089; color:#ffffff; font-weight:bold;}
.SeviceLogin .content
{	
	float:left; width:328px; padding-bottom:10px; border-left:1px solid #004089; border-right:1px solid #004089; border-bottom:1px solid #004089;}
.SeviceLogin .content .cols1
{	
	float:left; width:30%; text-align:right; padding-top:10px;}
.SeviceLogin .content .cols2
{	
	float:left; width:70%; padding-top:10px; text-align:left;}
.SericeWelcome
{
	float:left; width:100%; text-align:right; color:#254387; padding-top:5px;}
.SericeWelcome a{
	color:Blue;}
 .downloadName
 {
 	float:left; width:95%; padding-top:5px; padding-bottom:5px;}
 .downloadName a
 {
 	color:#254387; text-decoration:none;}
 .downloadName a:hover
 {
 	color:#254387; text-decoration:underline;}	
.right
{
	width:145px; background-color:#eaeaea;}
.RightItems1
{
	float:left; width:100%; background-color:#253b81; background-image:url(../Images/Right_bg.gif); background-repeat:repeat-x; text-align:center; color:#ffffff; padding:3px 0px 3px 0px;}
.SearchForm
{
	float:left; width:100%; text-align:center; padding-top:20px; padding-bottom:10px; font-weight:bold; color:#03006e;}
.bgSearchtext
{
	background-color:Yellow;}

.footer
{
	width:100%; height:100px; background-color:#a9a9a9;}
.footerCols1
{
	float:left; width:20%; text-align:right; font-size:10px;}
.footerCols2
{
	float:left; width:60%; text-align:center;}
.footerCols1 .rows1
{
	float:left; width:100%; height:85px; padding-top:10px;}
.footerCols1 .rows2
{
	color:#edecec; width:100%;}
.footerCols1 .rows2 a
{
	color:#dfdbdb;}
.footerCols1 .rows2 a:hover
{
	color:#FFFFFF;}
.footerRows1
{
	float:left; width:100%; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; padding-top:10px; padding-bottom:5px;}
.footerRows2
{
	float:left; width:100%; font-size:11px; color:#ffffff; text-align:center; padding-top:5px;}
.footerRows3
{
	float:left; width:100%; font-size:11px; color:#ffffff; text-align:center; padding-top:5px;}
.footerRows4
{
	float:left; width:100%; font-size:11px; color:#ffffff; text-align:center; padding-top:5px;}
.footerRows5
{
	float:left; width:100%; color:#6c6c6c; font-size:11px; padding-top:8px;}
.footerRows5 a
{
	color:#ffffff; text-decoration:none; font-weight:bold;}
.footerRows5 a:hover
{
	color:#ffffff; text-decoration:underline; font-weight:bold;}