﻿*{	padding:0; 	margin:0;}  
body { font-size:12px; color:#000; line-height:16px; font-family:Arial;background:#ebebeb; text-align:justify;background:url(../images/mainbg.gif)}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}

a:focus{outline:none;}
a{ color:#000; text-decoration:none; cursor:hand}
a:hover{ color:#b20202;	text-decoration:none;}

input, select, textarea,form{	margin:0px;	padding:0px; font-family:Arial; font-size:12px;}
fieldset{padding:5px; margin:0; border:solid 3px #c7c7c7;}
legend{margin:0 10px 0 140px; padding:0 5px 0 5px;}
.clear{ clear:both;}

.imgsd img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.imgsd:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity: 0.85;}

/* ------------------------------------------------------------------------ */
.text-color1{color:#c64c09; font-weight:bold;}
.text-color2{color:#3a0101; font-weight:bold;}
.text-color3{color:#FF0000;}
.firstletter{color:#2487a1; font-size:20px; font-weight:bold; padding-top:10px;}
/* ------------------------- Header --------------------------------------- */

#wrapper{ margin:0px auto; width:100%; overflow:hidden; background:url(../images/bannerbg.gif) repeat-x}
#container{ margin:0px auto; width:1000px; overflow:hidden;}

#boxtopbg{ background:url(../images/topbg.jpg) no-repeat top center; overflow:hidden;}
#header{ width:1000px; height:237px; overflow:hidden; position:relative}
#header #logo{ overflow:hidden; width:300px; position:absolute; top:70px; left:42px; z-index:10}
#header #flash{ margin:0px 0 0 185px; width:554px; height:58px; position:absolute; top:0; left:-50px; z-index:9; top:90px;}

/* ------------------------------------------------------------------------ */
#mainbox{background:url(../images/mainboxbg.gif) repeat-y left top; width:1000px;overflow:hidden;}

/* ------------------------- LeftCol -------------------------------------- */
#leftcol{width:760px; float:left; overflow:hidden; padding:0px; margin-left:42px; display:inline;}
#hotnews{background:url(../images/hotnewsbg.gif) repeat-x ; height:16px; padding:5px;}
#sidebar1{ float:left; display:inline; width:200px; overflow:hidden; margin:7px 7px 0 7px;}
#sidebar2{width:539px; overflow:hidden;margin:4px 0px 0 0px;}
.boxtop{background:url(../images/sb-boxbg.jpg) no-repeat;color:#ffffff; font-weight:bold;}
.boxbottom{background:url(../images/boxbottombg.jpg) repeat-x #fff; padding:10px;}
.user-pass{width:160px; height:17px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#a1a1a1; margin-bottom:5px;}
.loginbut{width:86px; height:21px; background:url(../images/login.gif) no-repeat; border:none; margin-top:5px;}
.quenmatkhau{color:#000; padding:5px 0 5px 0;} 
.quenmatkhau a{color:#a9a9a9; text-decoration:none;}
.quenmatkhau a:hover{ color:#b20202;text-decoration:none;}

#hotrotructuyen-on{width:182px; height:44px; background:url(../images/hotrotructuyen-on.jpg) no-repeat;  margin:auto}
#hotrotructuyen-on #online{padding:9px 0 0 50px;color:#000; font-weight:bold; line-height:12px;}

#hotrotructuyen-off{width:182px; height:44px; background:url(../images/hotrotructuyen-off.jpg) no-repeat; margin:auto}
#hotrotructuyen-off #online{padding:9px 0 0 50px;color:#b4b5b5;line-height:12px;}
.hotrobottom{background:url(../images/hotrobottombg.jpg) repeat-x #fff; padding:8px 0 0 0;}

.status{padding:0px 0 0 50px; color:#b40c0c;line-height:12px;}
.boxbottom ul{list-style-type:none; margin:0; padding:0}
.boxbottom ul li{ background:url(../images/arrowsymbol.gif) no-repeat;padding:0 0 5px 15px; margin-top:3px; border-bottom:solid 1px #e4e4e4}
.boxbottom ul li a{color:#000; text-decoration:none;}
.boxbottom ul li a:hover{color:#b20202; text-decoration:none;}
.emailboxbottom{background:#f4f4f4; padding:0 10px 10px 10px;}
.emailboxbottom p{padding:5px 0 5px 0}
.emailinput{width:178px; height:18px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#a1a1a1; margin-bottom:5px;}
.emailbut{width:86px; height:21px; background:url(../images/emailbut.jpg) no-repeat; border:none; margin:5px 0 0 47px;}
/* ------------------------------------------------------------------------ */

.box-item2{width:539px; overflow:hidden; background:#f6f6f6}
.box-item2-top{background:url(../images/itembox2bg.jpg) no-repeat; color:#fff; font-weight:bold; padding:5px 0 5px 8px;}
#box_news_content , #box_notice_content, #box-content{margin:10px 10px 0 10px; padding-bottom:10px}
.icon{width:10px; float:left;}
.notice-title{border-bottom:dotted 1px #dedede; margin-bottom:5px;}
.notice-title a{color:#b20202; font-weight:bold; text-decoration:none;}
.notice-title a:hover{color:#696969; font-weight:bold; text-decoration:none;}
.notice-detail {margin-bottom:10px;}
.notice-detail img{ float:left; border:solid 2px #dddddd; margin-right:10px;}

#box-gioithieu{margin-top:5px; border-top:dotted 1px #000000; padding:20px 10px 10px 10px; line-height:18px}
#box-gioithieu ul{list-style-type:square; padding:0; margin:10px 0 0 30px;}
#box-gioithieu ul li{padding:0; margin:0px 0 10px 0px;}
.kinhchao{width:380px; margin:auto; margin-bottom:10px;}

.legend-title{color:#0090b6; font-weight:bold; text-transform:uppercase; font-size:14px;}
.table-dangky{margin:10px 0 10px 0;}
.row-dangky{padding:3px;}
.row-dangky label{color:#0066CC; font-weight:bold;}
.dangkyinput{width:178px; height:18px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#a1a1a1; margin-bottom:5px;}
.dangkyselect{width:185px; height:18px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#676767; margin-bottom:5px;}
.dangkybut{width:86px; height:21px; background:url(../images/dangkybut.gif) no-repeat; border:none; margin:5px 5px 0 0px;}
.lienhebut{width:86px; height:21px; background:url(../images/lienhe.gif) no-repeat; border:none; margin:5px 5px 0 0px;}
.resetbut{width:86px; height:21px; background:url(../images/resetbut.gif) no-repeat; border:none; margin:5px 5px 0 0px;}

.downloadbut a{display:block;width:125px; height:21px; background:url(../images/downloadbg.jpg) no-repeat; border:none; margin:5px 0 0 0px; padding-top:2px; color:#000}
.downloadbut a:hover{display:block;width:125px; height:21px; background:url(../images/downloadbg-on.jpg) no-repeat; border:none; margin:5px 0 0 0px; padding-top:2px; color:#000}
.subject{width:270px; height:18px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#a1a1a1; margin-bottom:5px;}
.gopy-content{width:270px; height:200px; border:solid 1px #c2c2c2; background:#fff; padding:3px 3px 0 3px; color:#a1a1a1; margin-bottom:5px;}

.cauhoi_rowlight{ background:#fff; padding:8px 20px 8px 20px;}
.cauhoi_rowdark{ background:#e7e7e7; padding:3px 5px 3px 5px;}

/* ------------------------------------------------------------------------ */
/* ------------------------- Navigation Bar ------------------------------- */

#topmenu{ height:36px;overflow:hidden; width:100%; background:url(../images/topmenubg.gif) no-repeat}
#topmenu ul{ padding:0px; margin:0px 0px 0 42px;}
#topmenu ul li{list-style-type:none; float:left;}

.trangchu_off p{ display:block; width:116px;text-align:center;padding:10px 0 10px 0;background:url(../images/trangchu-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.trangchu_act a{ display:block; width:116px;padding:10px 0 10px 0;background:url(../images/trangchu.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.trangchu a{ display:block; width:116px;text-align:center;padding:10px 0 10px 0;background:url(../images/trangchu.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.trangchu a:hover{ display:block; width:116px;padding:10px 0 10px 0;background:url(../images/trangchu.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.dangky_off p{ display:block; width:95px;text-align:center;padding:10px 0 10px 0;background:url(../images/dangnhap-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.dangky_act a{ display:block; width:95px;padding:10px 0 10px 0;background:url(../images/dangnhap.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.dangky a{ display:block; width:95px;text-align:center;padding:10px 0 10px 0;background:url(../images/dangnhap.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.dangky a:hover{ display:block; width:95px;padding:10px 0 10px 0;background:url(../images/dangnhap.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.taive_off p{ display:block; width:82px;text-align:center;padding:10px 0 10px 0;background:url(../images/taive-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.taive_act a{ display:block; width:82px;padding:10px 0 10px 0;background:url(../images/taive.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.taive a{ display:block; width:82px;text-align:center;padding:10px 0 10px 0;background:url(../images/taive.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.taive a:hover{ display:block; width:82px;padding:10px 0 10px 0;background:url(../images/taive.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.huongdan_off p{ display:block; width:116px;text-align:center;padding:10px 0 10px 0;background:url(../images/huongdan-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.huongdan_act a{ display:block; width:116px;padding:10px 0 10px 0;background:url(../images/huongdan.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.huongdan a{ display:block; width:116px;text-align:center;padding:10px 0 10px 0;background:url(../images/huongdan.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.huongdan a:hover{ display:block; width:116px;padding:10px 0 10px 0;background:url(../images/huongdan.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.gopy_off p{ display:block; width:79px;text-align:center;padding:10px 0 10px 0;background:url(../images/gopy-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.gopy_act a{ display:block; width:79px;padding:10px 0 10px 0;background:url(../images/gopy.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.gopy a{ display:block; width:79px;text-align:center;padding:10px 0 10px 0;background:url(../images/gopy.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.gopy a:hover{ display:block; width:79px;padding:10px 0 10px 0;background:url(../images/gopy.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.cauhoi_off p{ display:block; width:173px;text-align:center;padding:10px 0 10px 0;background:url(../images/cauhoi-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.cauhoi_act a{ display:block; width:173px;padding:10px 0 10px 0;background:url(../images/cauhoi.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.cauhoi a{ display:block; width:173px;text-align:center;padding:10px 0 10px 0;background:url(../images/cauhoi.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.cauhoi a:hover{ display:block; width:173px;padding:10px 0 10px 0;background:url(../images/cauhoi.jpg) no-repeat top; color:#000;text-indent:-9999px;}

.lienlac_off p{ display:block; width:99px;text-align:center;padding:10px 0 10px 0;background:url(../images/lienlac-off.jpg) no-repeat;color:#ffffff;text-indent:-9999px;}
.lienlac_act a{ display:block; width:99px;padding:10px 0 10px 0;background:url(../images/lienlac.jpg) no-repeat top; color:#000;text-indent:-9999px; cursor:default}

.lienlac a{ display:block; width:99px;text-align:center;padding:10px 0 10px 0;background:url(../images/lienlac.jpg) no-repeat bottom;color:#ffffff;text-indent:-9999px;}
.lienlac a:hover{ display:block; width:99px;padding:10px 0 10px 0;background:url(../images/lienlac.jpg) no-repeat top; color:#000;text-indent:-9999px;}

/* ------------------------- RightCol -------------------------------------- */
#rightcol{width:142px; float:left; overflow:hidden; padding:0px; margin:5px 0 0 15px; display:inline;}
#rightcol img{margin-bottom:5px;}
#quangcao{background:url(../images/quangcaobg.gif) no-repeat; width:142px; height:16px; color:#000; text-align:center; font-weight:bold; padding:5px 0 5px 0}
#quangcaobottom img{margin-bottom:5px;}
/*------------------------------- content-template ------------------------------*/

#main-content{ width:550px; margin:20px 0 0 20px; overflow:hidden}
.title_main{background:url(../images/titlesymbol.gif) left top no-repeat; text-align:left; text-indent:20px; font-size:16px; color:#ff7200; font-weight:bold; padding:3px 0px 5px 0px; border-bottom:solid 3px #f2f2f2; margin-bottom:10px;}
.content-main{margin:0px 20px 10px 22px;}
.content-main ul{margin:10px 20px 10px 40px;}
.box_contenth2{ margin:0px 0px 0px 0px;  overflow:hidden; }
h2{ background:url(../images/h2symbol.jpg) left top no-repeat; text-indent:25px; font-size:13px; color:#941110; font-weight:bold; padding:3px 0px 5px 0px; margin:0 20px 0 20px;}

.h2_content{ margin:0px 20px 20px 45px; overflow:hidden;}
.h2_content img{ border:2px solid #cecfce;}
.h2_content ul{margin:5px 0 0px 40px; padding:0}


.box_contenth3{overflow:hidden; padding:0 0 0 40px;}
h3{ background:url(../images/h3symbol.jpg) left top no-repeat; text-indent:23px; color:#625410; font-weight:bold; padding:0px 0px 1px 0px;}

.h3_content{margin:0px 20px 20px 62px; overflow:hidden; text-align:justify}
.h3_content img{ border:2px solid #cecfce;}

.box_noteh3{ margin:0px 0px 20px 50px; overflow:hidden; color:#996600;}


.h3_content ol{ margin:0px 20px 0px 40px; list-style-type:upper-alpha;}
.h3_content ol li{ margin-bottom:5px}

.h3_content ol.decimal{ margin:0px 20px 15px 40px; list-style-type:decimal;}
.h3_content ol.lower_alpha{ margin:0px 20px 0px 40px; list-style-type:lower-alpha;}
.h3_content ol.upper_lama{ margin:0px 20px 0px 40px; list-style-type:upper-roman;}

.h3_content ol li ol{ margin:5px 0 10px 30px;}
.h3_content ol li ol li{ margin-bottom:5px}

.h3_content ol li ol.decimal{ list-style-type:decimal; margin:5px 20px 10px 30px}
.h3_content ol li ol.lower_alpha{ list-style-type:lower-alpha; margin-left:20px;}
.h3_content ol li ol.upper_alpha{ list-style-type:upper-alpha; margin:5px 20px 10px 35px;}
.h3_content ol li ol.upper_lama{ list-style-type:upper-roman; margin:5px 20px 10px 30px;}

.h3_content ol li ul{ list-style-type:disc; margin:5px 20px 10px 30px;}
.h3_content ol li ul li{ margin-bottom:5px}

.h3_content ol li ul.icon_person{ list-style-type:none; margin:5px 20px 10px 10px;}
.h3_content ol li ul.icon_person li{ padding-left:15px; background:url(../images/icon_person.gif) no-repeat}

.h3_content ul{ margin:0px 20px 0px 25px; list-style-type:disc;}
.h3_content ul li{ margin-bottom:5px}

.h3_content ul.icon_person{ list-style-type:none; margin:0px 20px 0px 15px;}
.h3_content ul.icon_person li{ padding-left:15px; background:url(../images/icon_person.gif) no-repeat}

.h3_content ul li ul{ margin-left:25px; margin-bottom:0px; list-style-type:disc}
.h3_content ul li ul li{ margin-bottom:5px}

.h3_content ul li ul.icon_person{ list-style-type:none; margin:5px 20px 10px 10px;}
.h3_content ul li ul.icon_person li{ padding-left:15px; background:url(../images/icon_person.gif) no-repeat}

.h3_content ul li ol{ margin:5px 0 10px 30px;}
.h3_content ul li ol li{ margin-bottom:5px}

.h3_content ul li ol.decimal{ list-style-type:decimal; margin:5px 0 10px 30px;}
.h3_content ul li ol.lower_alpha{ list-style-type:lower-alpha;  margin:5px 0 10px 30px;}

.img_big{ text-align:center; margin:0px auto; }


.box_contenth4{overflow:hidden; padding:0 0 0 60px;}
h4{ background:url(../images/h4symbol.jpg) left top no-repeat; text-indent:23px; color:#000; font-weight:bold; padding:0px 0px 1px 0px;}

.h4_content{margin:0px 20px 20px 83px; overflow:hidden; text-align:justify}
.h4_content img{ border:2px solid #cecfce;}

.text_note p{ color:#e31b01; font-weight:bold;}
.note_content{color:#b71600; margin:0px 40px 0 40px; font-weight:normal;}
.box_mytable01{  margin:0px 30px 20px 30px; overflow:hidden;}
.box_mytable01 table{ margin:auto}
.mytable01{ background:#dadada;}
.mytable_header{ background:#941110; color:#fff; font-weight:bold; padding:5px;}
.mytable_rowlight{ background:#fff; padding:3px 5px 3px 5px;}
.mytable_rowdark{ background:#e7e7e7; padding:3px 5px 3px 5px;}

.box_mytable02{ margin-top:20px; overflow:hidden; float:left;}
.mytable02{ background:#cc6600;}
.mytable02_header{ background:#cc9933; color:#fff; font-weight:bold; padding:5px;}
.mytable02_rowlight{ background:#f6edda; padding:3px 5px 3px 5px; color:#000000; font-weight:bold}
.mytable02_rowdark{ background:#e6dac2; padding:3px 5px 3px 5px; color:#000000; font-weight:bold}

.imgleft{float:left; margin:3px 10px 0 0;}
.imgright{float:right; margin:3px 0px 0 10px;}
/* ------------------------------------------------------------------------ */
/* ------------------------- Footer -------------------------------------- */
#ontop{ width:48px;height:18px; margin:10px 0 10px 732px}
#ontop a{background:url(../images/top.gif) no-repeat; width:48px;height:18px; display:block}
#ontop a:hover{background:url(../images/top-on.gif) no-repeat; width:48px;height:18px; display:block}
#footer{ margin-left:42px; width:760px;height:90px;background: url(../images/vinagamecsmbg.jpg) repeat-x top left #d8d8d8;}
#footer-menu{ float:left;border-bottom:dotted 1px #6f6f6f; color:#4b4b4b; font-weight:bold; margin:25px 0 0 40px; padding:0 0 5px 25px}
#footer-menu a{color:#4b4b4b; text-decoration:none;}
#footer-menu a:hover{color:#a92827; text-decoration:none;}
#footer-logo{float:left;width:204px; overflow:hidden;height:90px;background:url(../images/vinagamecsm.jpg) no-repeat top left ;}
#footer-copyright{ float:left;width:350px;margin-left:95px; padding:5px 0 0 0px; text-align:center; color:#999999; font-size:11px;}
#footer-top{ float:right;width:105px; height:55px; padding:25px 0 0 0px; margin-right:25px;}
/* ------------------------------------------------------------------------ */

/* Yêu cầu chỉnh sửa ngày 23/03/2009 */

#box_tintuc_body_box02_content{margin:10px 10px 0 10px; padding-bottom:10px}
.box_tintuc_body_box01{ width:100%; margin-left:0px; overflow:hidden; margin-bottom:0px;}

a.link-hot-news:link{color:#d44608; font-weight:bold}
a.link-hot-news:visited{ color:#d44608; font-weight:bold}
a.link-hot-news:hover{ color:#FF0000; font-weight:bold}
a.link-hot-news:active{ color:#d44608; font-weight:bold}

a.link-new-news:link{ color:#000; font-weight:bold}
a.link-new-news:visited{ color:#000; font-weight:bold}
a.link-new-news:hover{ color:#000; font-weight:bold}
a.link-new-news:active{ color:#000; font-weight:bold}
.box-logined{margin-bottom:5px;}
.red-alert-message{ color:Red; font-weight:bold}
.box_contenth2{ font-weight:bold; padding-top:30px;}
.box-agency-profile ul{ list-style:none;}
.red_txt{color:Red}
.box-agency-profile .title-col{ float:left; width:120px; text-align:right; padding-right:5px}
.box-agency-profile li, .box-shortinfo-agency li, .box-net-station li{ clear:both;width:100%; display:block;height:auto;overflow:hidden;margin-bottom:5px;margin-top:4px;_margin-bottom:17px;_margin-top:16px; }
.box-agency-profile .text-col{ float:left;}
.text-col select{ width:120px}
.birthday select{ width:55px;padding:2px 0;}
.sub-title{ font-weight:bold;margin:10px 0 5px;text-decoration:underline;}
.box-agency-profile ul input{ width:160px}
.box-agency-profile li span{ margin-left:5px; color:red}
.box-sex input{ width:25px !important}
.box-shortinfo-agency{ padding:5px 10px; border:#E2E2D7 solid 2px; margin:0 auto; width:300px; color:#285EA6}
.box-shortinfo-agency .title-col{ width:90px;float:left;}
.box-shortinfo-agency .text-col{ width:190px;float:left;}
.box-net-station .title-col{ width:120px;float:left;}
.box-net-station .text-col{ width:170px;float:left;}
.box-net-station input{ width:150px}
.box-list-netstation td, .box-list-netstation th{ padding:2px !important;}
.tbx-style-des{ width:280px}
.tbx-style-t{color:#285EA6 ; font-weight:bold ;font-size:14px}
.box-net-station li span{ color:Red;}
.box-logined a{ font-weight:bold; color:#285EA6}
.box-logined { margin-left:5px}
.tbx-logout{ font-weight:normal !important}
.box-logined ul{ margin-top:10px}
.box-logined ul li {
	background:transparent url(../images/arrowsymbol.gif) no-repeat scroll 0 0;
	border-bottom:1px solid #E4E4E4;
	margin-top:3px;
	padding:0 0 5px 15px;
}
.tbx-style-pccode{ background:#E1EBFB}
.box_contenth22{ font-weight:bold; text-align:center; padding-top:30px; height:300px}