/* Huyen Anh's update, Dec 10, 2008 */
/* CSS Document */
body,td,th, select, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body, form {margin: 0px;}
a {text-decoration: none;}
a:link, a:visited
{
	color: #004B79;
}
a:hover, a:active
{
	color: #0099FF;
}

/* ---- */
#warp {
	width: 779px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f5f5f5;
}
#banner {
	background-image: url(../Images/mic_banner.jpg);
	height: 120px;
}
#bar {
	background-color: #1d5e9d;
	vertical-align: bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
}
#bar a{}
#bar a:link, #bar a:visited{
	color: #CCCCCC;
}
#bar a:hover, #bar a:active{
	color: #FFFFFF;
}

#body {background-color: #f5f5f5;}
#footer{
	font-size: 10px;
	color: #003f7d;
	text-align: center;
	background-color: #76a1cc;
	padding: 5px;
	border-top: solid 2px #FFF;
	clear:both ;
}
/* ---- */
.top-new-content,.cor01-content {overflow: hidden;}
.clearfix:after {clear: both; display: block; content: ".";	height: 0; visibility: hidden;}
* html > body .clearfix {width: 100%; display: block;}
* html .clearfix {height: 1%;}

.clear {clear:both}
#left, #right, #center {height: 100%;}
#left, #right {
	background-color: #eaeaea;
	width: 150px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#left {float: left;}
#right {float: right;}
#center {
	margin-right: 153px;
	margin-left: 153px;
	background-color: #f5f5f5;
	padding-right: 0px;
	padding-left: 0px;
	text-align: justify;
	padding-top: 1px;
	padding-bottom: 3px;
}
#centeradmin {
	margin-left: 153px;
	background-color: #f5f5f5;
	padding-right: 0px;
	padding-left: 0px;
	text-align: justify;
	padding-top: 1px;
	padding-bottom: 3px;
}
/* ---- */
#nav {background:#0b5cac}
.nav-cor-tl {background:url(../Images/mic_nav_cor-tl.gif) no-repeat top left}
.nav-cor-tr {background:url(../Images/mic_nav_cor-tr.gif) no-repeat top right}
.nav-cor-br {background:url(../Images/mic_nav_cor-br.gif) no-repeat bottom right}
.nav-cor-bl {background:url(../Images/mic_nav_cor-bl.gif) no-repeat bottom left}
.nav-pad {
	padding-top: 5px;
	padding-bottom: 5px;
}
#nav-l {background: #0b5cac;}
.home {
	background-color: #003F7D;
	text-transform: uppercase;
}
#nav-l ul {
	margin:0; padding:0;
	list-style: none; 
}
#nav-l li {
	margin:0; padding:0;
	border-top: solid 1px #4a88c6;
	border-bottom: solid 1px #003f7d;
}
#nav-l a {
	display: block;
	line-height: 25px;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 15px;
}
#nav-l a{color:#fff;}
/*#nav-l a:hover, #nav-l a:active, .nav-l-active{background: #4a88c6;}*/
	/*-- lev1 --*/
#nav-l li:hover {color: #FFF; background: #4a88c6;} 
	/*-- lev2 --*/
#nav-l li li a{font-weight: normal; color:Black}
#nav-l li li{
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
}
#nav-l li li a:link{color: #000;}
#nav-l li li a:hover{color: #0B5CAC}
#nav-l li li,
#nav-l li:hover li {background: #81CAFD;}/* curent */
#nav-l li li:hover {background: #ccc;}/* hover */
	/*-- lev3 --*/
#nav-l li li li a:link {color:#000; }
#nav-l li li li,
#nav-l li:hover li li,
#nav-l li li:hover li {color: #000; background: #ebebeb;}/* curent */
#nav-l li li li:hover {color: #0B5CAC; background: #e1e1e1;}/* hover */
	/*-- ie --*/
#nav-l ul li a:hover {color: #FFF; background: #4a88c6;} 

#nav-l ul li a ul li a{background: #98BBDE;}/* curent */
#nav-l ul li ul li a:hover {background: #ccc;}/* hover */

#nav-l ul li ul li ul li a{color: #000; background: #ebebeb;}/* curent */
#nav-l ul li ul li ul li a:hover {color: #0B5CAC; background: #e1e1e1;}/* hover */


#memb {background: #76a1cc;}
.memb-t {background:url(../Images/mic_login_t.gif) repeat-x center top}
.memb-tl {background:url(../Images/mic_login_tl.gif) no-repeat left top}
.memb-tr {background:url(../Images/mic_login_tr.gif) no-repeat right top}
.memb-br {background:url(../Images/mic_login_br.gif) no-repeat right bottom}
.memb-bl {background:url(../Images/mic_login_bl.gif) no-repeat left bottom}
.memb-pad {padding: 5px 2px 5px 2px;}
.memb-title, .memb-form {text-align: center;}
.memb-title {
	color: #003F7D;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}
.memb-form {padding: 5px;border: 1px solid #CCC;}
.memb-input {width:120px}
.memb-links {padding: 10px;}
.memb-links ul {
	margin:0;
	list-style: none;
	padding: 5px 10px 5px 15px;
}
.memb-links li {margin:0; padding:0}
.memb-links a {}
.memb-links a:link, .memb-links a:visited{color: #003F7D}
.memb-links a:hover, .memb-links a:active{color: #fff}

#hot-new {margin-bottom: 5px;}
.hot-new-title {
	font-weight: bold;
	color: #003366;
	text-align: center;
	padding: 5px;
}
.hot-new-content {background: #fff;}
.hot-new-t {background:url(../Images/color-a6c9ec.gif) repeat-x center top}
.hot-new-r {background:url(../Images/color-a6c9ec.gif) repeat-y right}
.hot-new-b {background:url(../Images/color-a6c9ec.gif) repeat-x center bottom}
.hot-new-l {background:url(../Images/color-a6c9ec.gif) repeat-y left}
.hot-new-tl {background:url(../Images/mic_snew_tl.gif) no-repeat left top}
.hot-new-tr {background:url(../Images/mic_snew_tr.gif) no-repeat right top}
.hot-new-br {background:url(../Images/mic_snew_br.gif) no-repeat right bottom}
.hot-new-bl {background:url(../Images/mic_snew_bl.gif) no-repeat left bottom}
.hot-new-pad {padding:10px}
#hot-new ul {margin:0; padding:0; list-style: none}
#hot-new li {margin:0; padding:0;}
#hot-new a 
{
	display: block;
	background:url(../Images/bullet-4a88c6.gif) no-repeat 4px 6px;
	padding-left: 10px;
}
#hot-new a:link, #hot-new a:visited {}
#hot-new a:hover, #hot-new a:active {}
.hot-new-readmore {
	text-align: right;
	padding: 5px;}
.hot-new-readmore a:link, .hot-new-readmore:visited{color: #FFF;}
.hot-new-readmore a:hover, .hot-new-readmore:active{color: #FFF;}

#link-site {background: #76a1cc;}
.link-site-tl {background:url(../Images/mic_cor02_tl.gif) no-repeat left top}
.link-site-tr {background:url(../Images/mic_cor02_tr.gif) no-repeat right top}
.link-site-br {background:url(../Images/mic_cor02_br.gif) no-repeat right bottom}
.link-site-bl {background:url(../Images/mic_cor02_bl.gif) no-repeat left bottom}
.link-site-pad {padding:5px}
#link-site select {width:140px;}

#top-new {
	background: #76a1cc;
	margin-bottom: 5px;
}
.top-new-title {
	background: #4a88c6;
	border:solid 1px #f5f5f5;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
}
.top-new-content {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.top-new-cl {
	width: 200px;
	background-color: #FFF;
	padding: 5px;
	float: left;
}
.top-new-cr {margin-left: 220px;}
#list-new {
	background-color: #FFF;
	margin-bottom: 3px;
}
.cor01-t {background:url(../Images/mic_cor01_t.gif) repeat-x center top}
.cor01-r {background:url(../Images/mic_cor01_r.gif) repeat-y right}
.cor01-b {background:url(../Images/mic_cor01_b.gif) repeat-x center bottom}
.cor01-l {background:url(../Images/mic_cor01_l.gif) repeat-y left}
.cor01-tl {background:url(../Images/mic_cor01_tl.gif) no-repeat left top}
.cor01-tr {background:url(../Images/mic_cor01_tr.gif) no-repeat right top}
.cor01-br {background:url(../Images/mic_cor01_br.gif) no-repeat right bottom}
.cor01-bl {background:url(../Images/mic_cor01_bl.gif) no-repeat left bottom}
.cor01-pad {padding: 10px;}
.cor01-title {
	border-bottom: solid 1px #eaeaea;
	color: #0083CE;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.cor01-title a:link, .cor01-title a:visited {color: #0083CE;}
.cor01-title a:hover, .cor01-title a:active {color: #003F7D;}
.cor01-title span {
	text-transform: none;
	color: #999;
	padding-left: 0px;
}
.cor01-title span a:link, .cor01-title span a:visited {color: #003F7D;}
.cor01-title span a:hover, .cor01-title span a:active {color: #3FA7EF;}

.cor01-content {padding-right: 2px;}
.listn-conten-l {
	padding: 5px;
	width: 150px;
	float: left;
	height:100%;
}
.listn-conten-r {margin-left: 170px;height:100%;}
.readmore {
	text-align: right;
	padding: 10px;
}

#ad-l, #ad-r {}
#ad-l img, #ad-r img{margin-bottom: 3px;}
.ad-title {
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #999999;
}
#hello, #date {padding-top:5px}
#hello {
	margin-right: 160px;
	margin-left: 160px;
	text-align: right;
}
#date {
	float: left;
	width: 160px;
	text-align: center;
}
#hello span {padding-left: 25px;}
#hello span a {padding:0 10px}
#language {
	width: 150px;
	margin-left: 5px;
	float: right;
	background:#003f7d url(../Images/mic_cor03_tl.gif) no-repeat left top;
	text-align: center;
}
.language {background:url(../Images/mic_cor03_tr.gif) no-repeat right top;padding: 5px;}
.language a {
	padding-right: 10px;
	padding-left: 10px;
	color: #4A88C6;
}
.language a:link, .language a:visited {color: #FFF;}
.language a:hover, .language a:active {color: #999}

/* ---- */
#box-04 {
	background:#fff;
	margin-bottom: 5px;
}
.cor04-t {background:url(../Images/mic_cor04_t.gif) repeat-x center top}
.cor04-r {background:url(../Images/mic_cor04_r.gif) repeat-y right}
.cor04-b {background:url(../Images/mic_cor04_b.gif) repeat-x center bottom}
.cor04-l {background:url(../Images/mic_cor04_l.gif) repeat-y left}
.cor04-tl {background:url(../Images/mic_cor04_tl.gif) no-repeat left top}
.cor04-tr {background:url(../Images/mic_cor04_tr.gif) no-repeat right top}
.cor04-br {background:url(../Images/mic_cor04_br.gif) no-repeat right bottom}
.cor04-bl {background:url(../Images/mic_cor04_bl.gif) no-repeat left bottom}
.cor04-bgtitle {background:#4a88c6}
.cor04-title {
	padding: 15px 15px 10px 20px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.cor04-title a:link, .cor04-title a:visited {color:#fff}
.cor04-title a:hover, .cor04-title a:active {color:#003F7D}
.cor04-pad {padding:15px}
.cor04-pad p{padding: 0; margin:0}
.cor04-bg {background:url(../Images/mic_cor04_bg.gif) repeat-x center 1px}

.input-s {width: 130px;}
.input-l {width: 207px;}
.input-m {width: 240px;}
.input-el{width: 280px;}
.bt {
	padding: 0px 10px;
}
.highlight {
	font-weight: bold;
	background: #04CBF2;
	padding: 7px;
	letter-spacing: 0.5em;
	font-size: 14px;
	text-transform: uppercase;
	color: #0A54A7;
}
.table-bg {background: #fff;}
.table-bg2 {
	background-color: #F4F4F4;
}
.table-header {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #377CE3;
}
.table-bodder {background: #CCCCCC;}
.title {
	font-weight: bold;
	padding: 15px 5px 10px 5px;
	color: #003F7D;
}
.note {
	color:#999;
}
.pad {
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
}

#page-numb {
	padding-top: 10px;
	text-align: center;
}
#count {background: #ffffff;}
.count-t {background:url(../Images/mic_login_t.gif) repeat-x center top}
.count-tl {background:url(../Images/mic_login_tl.gif) no-repeat left top}
.count-tr {background:url(../Images/mic_login_tr.gif) no-repeat right top}
.count-br {background:url(../Images/mic_login_br.gif) no-repeat right bottom}
.count-bl {background:url(../Images/mic_login_bl.gif) no-repeat left bottom}
.count-pad {padding: 5px 2px 5px 2px;}
.count-title, .count-form {text-align: center;}
.count-title {
	color: #003F7D;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}
.count-form {padding: 5px;border: 1px solid #CCC;}
.count-input {width:120px}
.count-links {padding: 10px;}
.count-links ul {
	margin:0;
	list-style: none;
	padding: 5px 10px 5px 15px;
}
