@charset "utf-8";
/* CSS Document */

BODY{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
	padding:0;
}
.box1{
	border-left:1px solid #a8cb63;
	border-right:1px solid #a8cb63;
	border-bottom:1px solid #a8cb63;		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.headerBox1{
	background:url(../images/box2l.gif) repeat-x;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
.box2{
	border-left:1px solid #83ad32;
	border-right:1px solid #83ad32;
	border-bottom:1px solid #83ad32;		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.headerBox2{
	background:url(../images/boxr2.gif) repeat-x;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
.box4{
	border:1px solid #549714;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.box4 .header1{
	background:#549714;
	height:25px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF
}

a{
	color:#333333;
	text-align:left;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:underline;
}


TABLE{
	/*background:#FFFFFF;*/
}
.MenuHeader{
	font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#FFFFFF;
	 text-decoration:none;
	 font-weight:bold;
	 text-align:center;
	 background:url(../images/bgmenu1.gif) repeat-x;
	 height:33px;
	 white-space:nowrap
}
.MenuHeader a{
	color:#FFFFFF;
	 text-decoration:none;
}
.MenuHeader a:hover{
		color:#FFFFFF;
	 text-decoration:underline;
}
.TitleMenu{
	background:url(../images/box8.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#205e99;
	text-align:left;
	font-weight:bold;
	
}

.TitleMenu a{
	color:#205e99;	
	text-decoration:none;
}
.TitleMenu a:hover{
	color:#205e99;	
	text-decoration:underline;
}

.MenuLeft{
	font-family:Arial, Helvetica, sans-serif;
	color:#1a4480;
	text-align:left;
	font-weight:bold;
	border-bottom:1px #d3d3d3 solid;
	padding:7px 0px 7px 10px;
}
.MenuLeft a{
	color:#1a4480;	
	text-decoration:none;
}
.MenuLeft a:hover{
	color:#1a4480;	
	text-decoration:underline;
}

.TitleMenuLeft{
	background:url(../images/menulef22.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#1a4480;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase
}
.TitleMenu2{
	background:url(../images/box8.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#205e99;
	text-align:center;
	font-weight:bold;
	
}
.thongkeWeb{
	font-family:Arial, Helvetica, sans-serif;
	color:#205e99;
	text-align:center;
	font-weight:bold;
	height:40px;

}
.footer{
	background: url(../images/footer.gif) bottom repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	height:88px;
}
.footer a{
	color:#FFFFFF;
	 text-decoration:none;
}
.footer a:hover{
	color:#FFFFFF;
	 text-decoration:underline;
}
.boxNews{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding:5px;

}
.Title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2c79bf;
	font-weight:bold;
}

.Title a{
	color:#2c79bf;
	text-decoration:none;	
}
.Title a:hover{
	color:#990000;
	text-decoration:none;	
}
#pageno{
	border:1px solid #f1f1f1;
	font-size:12px;
	font-weight:bold;
	background-color:#F9F9F9;
	color:#333333;
	padding:3px 8px 3px 8px;
}
#page a{

	text-decoration: none;
	border:1px solid #f1f1f1;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#006699;
	padding:3px 8px 3px 8px;
}

#page a:hover{
	color:#000000;
	border:1px solid #f1f1f1;
	background-color:#999999;	
}
.NewsOrther{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	padding-left:10px;
}

.NewsOrther a{
	color:#000000;
	text-decoration:none;	
}
.NewsOrther a:hover{
	color:#000000;
	text-decoration:none;	
}
.OrtherTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	text-align:left;
}
.banner img{
	margin:0;
	padding:0;
}
.imag{
	display:inline
}
.imagorher{
display:inline
}

/*Menu left*/
.glossymenu{
margin: 0px;
padding: 0;
width: 190px; /*width of menu*/
border: 1px solid #549714;
}

.glossymenu a.menuitem{
background:url(../images/bgmenuleft.gif) repeat-x bottom left;
font: bold 12px Arial, Helvetica, sans-serif;
color: #333333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom:1px solid #808080;
border-top:1px solid #808080;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #333333;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
 color:#990000
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #e4ffbc;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dashed #80c92a;
height:25px;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px  Arial, Helvetica, sans-serif;
color: #252525;
text-decoration: none;
padding: 5px 2px 6px 10px;

}

.glossymenu div.submenu ul li a:hover{
background: #CCCCCC;
color: #252525;
}
.lienketlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:3px;
	border:1px #CCCCCC solid;
}
.pollques{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	text-align:center;
	font-weight:bold;
}

#container{
	width:400px;
	border:1px solid #eee;
	margin:100px auto;
}
#container h1{
	margin:0; padding:5px; 
	font-size:1.4em; font-family:Georgia, serif;
	font-weight:normal; color:#333;
}
#container p{
	font-family:Georgia, serif; color:#333; 
	margin:0; line-height:2em;
}
#pollcontainer{
	margin:5px; border:1px solid #f3f3f3;
	background:#f9f9f9; padding:5px;
	text-align:left;
}
#loader{ display:none; text-align:center;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }
/*End left*/
.newsright a{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	text-decoration:none;
}
.newsright a:hover{
color:#003366;
	text-decoration:underline;
}
.thongtin a{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
}
.thongtin a:hover{
color:#003366;
	text-decoration:underline;
}
.boxCouter{
	border:1px solid #c9c9c9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333
}
.boxCouter span{
	width:100%;
	color:#636363;
	height:28px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.boxlogin{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.boxlogin .inputsearch{
	border:1px solid #636363;
	padding:4px;
	text-align:center;
	margin:4px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#858585;
}
.boxlogin a{
	color:#336504;
	text-decoration:none;
}
.boxlogin a:hover{
	color:#336504;
	text-decoration:underline;
}
.headerBoxcontent{
	background:url(../images/bgheader1.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#252525;
	font-weight:bold;
	text-align:left;
	padding-left:3px;
	padding-bottom:3px;
	height:30px;
	text-transform:uppercase;
}
.NewsContent{
	font:12px #333333 normal Arial, Helvetica, sans-serif;
	text-align:left;
}
.NewsContent a{
	color:#333333;
	text-decoration:none;
}
.NewsContent a:hover{
	color:#333333;
	text-decoration:underline;
}

.NewsContent1 a{
	color:#549714;
	text-decoration:none;
}
.NewsContent1 a:hover{
	color:#549714;
	text-decoration:underline;
}
.boxdonvi{
	border:1px  solid #71cc03;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.imagethuvien{
/*	border:1px solid #e5e5e5;
	padding:3px;
	margin:4px;*/
}

.fl {float:left;}
.fr {float:right;}
.box-middle1{overflow:hidden;}
.box-middle1, .box-middle3 {border:1px solid #d5d8de}
.box-middle2 {border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
.box-weather {width:286px; padding: 2px 8px 2px 4px; background:#c8d4da  url(../images/box-weather.gif) repeat-x top;}
.box-weather p{margin:0;padding:5px 0px;}
.weather {width:135px; padding-right:10px;}
.slt-weather {width:110px; height:20px; padding: 2px; font:11px arial; border:0; border-top:1px solid #9d9da1; border-right:1px solid #9d9da1; border-bottom:1px solid #9d9da1;}
.tbl-goldprice, .tbl-weather {background-color:#a8a8a8;font:11px arial;}
.tbl-goldprice {width:100%;}
.tbl-weather {width:110px;}
.td-weather-title {width:40px;background-color:#ffffff;}
.td-weather-data {background-color:#ffffff;}
.forex-rate {height:58px; overflow:scroll; overflow-x:hidden;}
.gold-price {margin:2px 0px; padding:0px; width:100%;} 
.forex-rate {margin:5px 0px; padding:0px; width:100%;}

.link-folder {font:bold 12px arial; color:#8a0000; text-decoration:none;}

.goldprice {width:128px; padding-left:11px;}
.inputsearch{
	border:1px solid #636363;
	padding:4px;
	text-align:center;
	margin:4px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#858585;
}

/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial}

	#jsddm li a
	{	display: block;
		background: url(../images/topmenu.png) repeat-x;
		padding: 6px 25px 6px 25px;
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		color: #EAFFED;
		white-space: nowrap;
			font-weight:bold
		}

	#jsddm li a:hover
	{	
		color:#FFFFFF;
		text-decoration:underline
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: 150px;
			background: #e4ffbc;
border-bottom: 1px dashed #80c92a;
				color: #333333;
				height:12px;
				padding-left:10px;
				font-weight:normal;
				}
			
			#jsddm li ul li a:hover
			{	
			background: #CCCCCC;
color: #252525;
text-decoration:none;
font-weight:normal;
			}
.no_result_alert{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	text-align:center;
	font-weight:bold;
}
.tbl-weather {width:98%;padding-bottom:3px;font-family:Arial, Helvetica, sans-serif;
font-size:12px;color:#333333}
.td-weather-title {width:80px;background-color:#ffffff; border:1px solid #ffe6cc;padding-left:7px; height:20px;}
.td-weather-data {background-color:#ffffff; border:1px solid #ffe6cc;padding-left:7px;}