﻿
/* CSS 0110010000110111011011100110100000101110011000110110111101101101 (215,215,215) */


/* Classes */
.stxt { font-size: 0.85em }
.txtl { text-align: left } .txtc { text-align: center } .txtr { text-align: right }
.fltl { float: left } .fltr { float: right }
.clrl { clear: left } .clr { clear: both }  .clrr { clear: right }
.clrer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.htxt { text-indent: -9999px } .hidden { display: none; visibility: hidden }
.w300 { width: 300px }	.w200 { width: 200px }
.w150 { width: 150px }	.w130 { width: 130px }
.w120 { width: 120px }	.w100 { width: 100px }
.w90 { width: 90px }	.w80 { width: 80px }
.w60 { width: 60px }	.w50 { width: 50px }
.w40 { width: 40px }	.w20 { width: 20px }
.bold { font-weight: bold } .em { font-style: italic }

.left {float: left;}
.right {float:right;}
.clear {clear:both;}

.hr { background: #c3d0da; border: 0; height: 1px }
.line {background:url(../images/line.gif) 0 0 repeat-x; height:1px; width:auto; margin-top:5px; padding-bottom:5px}
.linkthi
{
	background:transparent url(../images/button1.gif) no-repeat scroll 50% 50%;
border:0 solid #D7D7D7;
color:#FFFFFF;
cursor:pointer;
line-height:1.1em;
padding:2px 4px;
}
.linkthi:hover
{
background:transparent url(../images/button2.gif) no-repeat scroll 50% 50%;	
}	
input.button {
background:transparent url(../images/button1.gif) no-repeat scroll 50% 50%;
border:0 solid #D7D7D7;
color:#FFFFFF;
cursor:pointer;
line-height:1.1em;
padding:2px 4px;
}
input.button:hover {
background:transparent url(../images/button2.gif) no-repeat scroll 50% 50%;
}
input.buttonhover { background: url(../images/button_02.gif) no-repeat 50% 50% }
input.button:active, input.button:focus { background: url(../images/button_02.gif) no-repeat 50% 50% }

p.pagination { padding: 5px; margin: 5px 0; text-align: center; line-height: 2.4em }
p.pagination a { color: #333333; padding: 4px 6px; border: 1px solid #F9BDF4; background: #FEC7F3 }
p.pagination a:hover { background: #ECD9FD }
p.pagination a.in { background: none }
p.pagination a.in:hover { background: none; cursor: default }

/* Override */
* { margin: 0; padding: 0 ; font-family:Arial, Helvetica, sans-serif; font-size:12px; border: 0px; list-style:none}
a img { border: 0; vertical-align: middle }
p img { vertical-align: middle }
h1 { font-size: 2.4em }
h2 { font-size: 2em }
h3 { font-size: 1.8em }
h4 { font-size: 1.4em }
h5 { font-size: 1.2em }
h6 { font-size: 1em }
.box a { text-decoration: none }
.box a:hover { text-decoration: underline }
.box p { margin-bottom: 1em }
.box h4, .box h5, .box h6 { margin-bottom: 15px }

body {font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 1.5em; color: #333; background-color: #008AC9 }

#wrapper {background:url(../images/bg.jpg) #FFFFFF no-repeat; margin: 0 auto; width: 1024px; height:auto; position:relative}


#content { width: 960px; margin: 0 auto; height:auto}

#header { height: 120px ; width:960px; margin: 0 auto; position:relative  }

#logo { /*background: url(../images/logo.png) top left no-repeat;*/ height: 78px; width:251px; position:absolute; top: 10px ; behavior: url(f/iepngfix.htc) }
/*#slogun { background: url(../images/slogun.png) top left no-repeat; height: 27px; width:314px; position:absolute; top: 70px; right:0px ; behavior: url(f/iepngfix.htc) }*/

#user_pannel { width: 300px; height:92px;position:absolute; top: 10px; right:10px}

#adv { width:960px; margin:0 auto; height:auto; padding: 10px 0 }

#navigation { background: url(../images/navigation.png) top left no-repeat; width:960px; height: 100px; color: #aaa; margin:0 auto ; behavior: url(f/iepngfix.htc)}
#navigation ul { list-style: none; width:900px; height: 100px;padding:3px 0 0 60px }
#navigation li#nav1 { display:block; width:90px; height:90px; float:left; margin-right: 17px; background-color:#FF0000 }
#navigation li#nav1 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_trangchu.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav1 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_trangchu.png) bottom no-repeat }
#navigation li#nav1 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_trangchu.png) bottom no-repeat }

#navigation li#nav2 { display:block; width:90px; height:90px; float:left; margin-right: 17px; background-color:#FF0000 }
#navigation li#nav2 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_bangtin.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav2 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_bangtin.png) bottom no-repeat }
#navigation li#nav2 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_bangtin.png) bottom no-repeat }

#navigation li#nav3 { display:block; width:90px; height:90px; float:left; margin-right: 17px; background-color:#FF0000 }
#navigation li#nav3 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_vaothi.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav3 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_vaothi.png) bottom no-repeat }
#navigation li#nav3 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_vaothi.png) bottom no-repeat }

#navigation li#nav4 { display:block; width:90px; height:90px; float:left; margin-right: 18px; background-color:#FF0000 }
#navigation li#nav4 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_thongke.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav4 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_thongke.png) bottom no-repeat }
#navigation li#nav4 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_thongke.png) bottom no-repeat }

#navigation li#nav5 { display:block; width:90px; height:90px; float:left; margin-right: 19px; background-color:#FF0000 }
#navigation li#nav5 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_thanhvien.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav5 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_thanhvien.png) bottom no-repeat }
#navigation li#nav5 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_thanhvien.png) bottom no-repeat }

#navigation li#nav6 { display:block; width:90px; height:90px; float:left; margin-right: 21px; background-color:#FF0000 }
#navigation li#nav6 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_ketqua.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav6 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_ketqua.png) bottom no-repeat }
#navigation li#nav6 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_ketqua.png) bottom no-repeat }

#navigation li#nav7 { display:block; width:90px; height:90px; float:left; margin-right: 17px; background-color:#FF0000 }
#navigation li#nav7 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_sanchoi.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav7 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_sanchoi.png) bottom no-repeat }
#navigation li#nav7 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_sanchoi.png) bottom no-repeat }

#navigation li#nav8 { display:block; width:90px; height:90px; float:left; margin-right: 17px; background-color:#FF0000 }
#navigation li#nav8 a { display:block; width:90px; height:90px ; float:left; background: url(../images/nav_trogiup.png)  no-repeat; text-indent: -9999px; overflow: hidden; outline: none  }
#navigation li#nav8 a:hover { width: 90px; height: 90px; margin: 0; background: url(../images/nav_trogiup.png) bottom no-repeat }
#navigation li#nav8 a.active { width: 90px; height: 90px; margin: 0; background: url(../images/nav_trogiup.png) bottom no-repeat }

#search_box { border: 0px; margin:0 auto; position:absolute; top: 40px; left: 40px !important; left: 30px }

.box {}
.a1 { float: left; height: auto; width: 220px !important; width: 220px  }
.a2 { float: left; height: auto; width: 490px !important; width: 490px ; padding-left:10px }
.a3 { float: right; height: auto; width: 220px !important; width: 220px ; padding-left:10px }

#footer { height: 80px; width:950px; background-color:#fff; padding-top: 10px; padding-left:10px; color:#000; margin:0 auto; margin-top:10px }
#footer a { color:#000; text-decoration:none}
#footer a:hover { color:#666666; text-decoration:underline}
#footer a {	color:#000; ext-decoration:none}
#footer ul { list-style:none }
#footer ul li { display: inline; padding: 0 10px; border-right: 1px solid #333333 }

.menu { background:url(../images/menu_bar.gif) top left no-repeat; color:#fff; font-weight:bold; height:26px; width:260px; text-align:center; padding-top:2px; margin-top:5px}
.menu_bar1 { background:url(../images/menu_moithanhlap.gif) top left no-repeat; color:#fff; font-weight:bold; height:40px; width:430px; text-align:center; padding-top:2px; margin-top:5px}
.menu_bar2 { background:url(../images/menu_nhomtieubieu.gif) top left no-repeat; color:#fff; font-weight:bold; height:40px; width:430px; text-align:center; padding-top:2px; margin-top:5px}

.chu1 { border-bottom: 1px #999 solid; font-size: 1.4em; color: #f26200; font-weight:bold; position: relative }
.chu1 span { position: absolute; right: 5px; font-size: 10px }
.chu1 span a { color: #1a6ecb }

.title{	color:#1a6ecb; font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:5px; text-decoration:none}
.title:hover { color:#1a6ecb; font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:5px; text-decoration:underline}
.title_khac{ color:#1a6ecb; font-size:12px; text-align:left; padding-bottom:5px; padding-top:10px; text-decoration:none}
.title_khac:hover{ color:#1a6ecb; font-size:12px; text-align:left; padding-bottom:5px; padding-top:5px; text-decoration:underline;cursor:pointer}
.title_foot{ color:#000000; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:7px}
.date { color:#777; text-align:left; font-size:10px; font-style:italic; font-weight:normal }
.xemtiep { color:#007dc5; text-align:right; font-size:10px; font-weight:normal; padding-bottom:5px; padding-top:5px; text-decoration:underline }
.xemtiep:hover { color:#007dc5; text-align:right; font-size:10px; font-weight:normal; padding-bottom:5px; padding-top:5px }

.style1 { color:#0066FF; font-weight:bold; text-decoration:none}
.style1:hover { color:#0066FF; font-weight:bold; text-decoration:underline}
.style2 { color:#FF6600; font-weight:bold; text-decoration:none;cursor:pointer}
.style2:hover { color:#0066FF; font-weight:bold; text-decoration:underline}
.style3 { color:#FF6600; font-weight:bold; text-decoration:none; font-size: 13px}
/*index*/
#login { background:url(../images/box_login.png) top left no-repeat; width:220px; height:182px ; behavior: url(f/iepngfix.htc)}
#search { background:url(../images/box_search.png) top left no-repeat; width: 220px; height:92px; behavior: url(f/iepngfix.htc)}

.box_small { width:220px; padding-top:10px }
.box_small_bottom { background:url(../images/box_small_bottom.gif) top left no-repeat; width:220px; height:29px }
.box_small_bottom_top { background:url(../images/top_box_small_bottom.gif) top left no-repeat; width:220px; height:88px }
.box_small_bg { background-color:#fff ; width:190px; height:auto; border-left:#d1299b solid 11px; border-right:#d1299b solid 9px; padding-left:10px; padding-bottom:5px }

.box_small_vtv { background:url(../images/banchoi_doatgiai.gif) top left no-repeat;  width:220px; height:86px }
.box_small_duthicauhoi { background:url(../images/box_duthicauhoi.gif) top left no-repeat;  width:220px; height:86px }
.box_small_tylethisinh { background:url(../images/box_tylethisinh.gif) top left no-repeat;  width:220px; height:86px }
.box_small_diemcaoquocgia { background:url(../images/box_diemcaoquocgia.gif) top left no-repeat;  width:220px; height:86px }
.box_small_diemcaodiaphuong { background:url(../images/box_thisinhcaodiemnhat.gif) top left no-repeat;  width:220px; height:100px }
.box_small_MiniStatictis { background:url(../images/box_small_thongke.gif) top left no-repeat;  width:220px; height:86px }


.box_main { width:240px; padding-top:10px }
.box_main_bottom { background:url(../images/box_main_bottom.gif) top left no-repeat; width:240px; height:29px }
.box_main_bg { background-color:#fff ; width:205px; height:auto; border-left:#d1299b solid 13px; border-right:#d1299b solid 12px; padding-left:10px; padding-bottom:5px }
.box_main_donvitieubieu01 { background:url(../images/box_main_donvitieubieu.gif) top left no-repeat;  width:240px; height:84px }
.box_main_hoatdongmuonnoi01 { background:url(../images/box_main_hoatdongmuonnoi01.gif) top left no-repeat;  width:240px; height:84px }
.box_main_hocsinhtieubieu { background:url(../images/box_main_hocsinhtieubieu.gif) top left no-repeat;  width:240px; height:84px }
.box_main_tintubantochuc { background:url(../images/box_main_tintubantochuc.gif) top left no-repeat;  width:240px; height:84px }
.box_main_tingiaoduc { background:url(../images/Tin-giao-duc_03.gif) top left no-repeat;  width:490px; height:92px }
.box_main_traodoi { background:url(../images/Trao-doi_03.gif) top left no-repeat;  width:490px; height:92px }

.box_big_sitemap { width:490px; padding-top:10px; height:32px; background:url(../images/box_big_sitemap.gif) top left no-repeat }

.box_big { width:490px; padding-top:10px; height:auto }
.box_big_top { background:url(../images/box_big_top.gif) top left no-repeat; width:490px; height:37px }
.box_big_top_01 { background:url(../images/box_big_top_01.gif) top left no-repeat; width:490px; height:92px }
.box_big_bottom { background:url(../images/box_big_bottom.gif) top left no-repeat; width:490px; height:37px }
.box_big_bottom_feature { background:url(../images/big_bottom_feature.gif) top left no-repeat; width:475px; height:59px }
.box_big_bg { background-color:#fff ; width:450px; height:auto; border-left:#d1299b solid 15px; border-right:#d1299b solid 15px; padding-left:10px; padding-bottom:5px }
.box_main_thongbaocuabantochuc { background:url(../images/box_big_thongbaocuabantochuc.gif) top left no-repeat;  width:490px; height:92px }
.box_main_hoatdongmuonnoi { background:url(../images/box_big_hoatdongmuonnoi.gif) top left no-repeat;  width:490px; height:92px }
.box_main_donvitieubieu { background:url(../images/box_big_donvitieubieu.gif) top left no-repeat;  width:490px; height:95px }
.box_main_vaothi { background:url(../images/box_big_vaothi.gif) top left no-repeat;  width:490px; height:92px }
.box_main_onlinetoanquoc { background:url(../images/box_big_onlinetoanquoc.gif) top left no-repeat;  width:490px; height:93px }
.box_main_onlinediaphuong { background:url(../images/box_big_onlinediaphuong.gif) top left no-repeat;  width:490px; height:91px }
.box_main_thongtinbantochuc { background:url(../images/box_big_thongtinbantochuc.gif) top left no-repeat;  width:490px; height:91px }
.box_main_donvitieubieutab{ background:url(../images/box_big_donvitieubieutab.gif) top left no-repeat;  width:490px; height:92px; position:relative }
.abc {position:absolute; top:8px; right:248px !important; right:248px}
.box_main_danhsachthanhvien{ background:url(../images/box_big_danhsachthanhvien.gif) top left no-repeat;  width:490px; height:92px }
.box_main_ketquathicuatoi { background:url(../images/box_big_ketquathicuatoi.gif) top left no-repeat;  width:490px; height:92px }
.box_main_danhsachcaccuocthiVTV { background:url(../images/box_danhsachcaccuocthiVTV.gif) top left no-repeat;  width:490px; height:92px }

.number {border: 1px #ccc solid; background-color:#999; color:#fff; font-weight:bold; font-size:16px; text-align:center; width:20px; height:30px; padding:5px}
.number:hover {border: 1px #ccc solid; background-color:#0066FF; color:#fff; font-weight:bold; font-size:16px; text-align:center; width:20px; height:30px; padding:5px}

/*thi trac nghiem & thi Game*/
.lienket { background:url(../images/box_big_sitemap.gif); width:480px; height:25px; color:#fff; margin:0 auto; padding-top:7px; padding-left:10px }
.lienket a { font-weight:normal; text-decoration:none; color:#fff}
.lienket a:hover { font-weight:bold; text-decoration:underline; color:#fff }

.thitracnghiem { width:1000px; margin:0 auto }
/* support online*/
.box_small_onlineboxtop {
background:transparent url(../images/onlinebox_01.gif) no-repeat scroll left top;
height:26px;
width:221px;
}
 
.box_small_onlineboxbottom {
background:transparent url(../images/onlinebox_04.gif) no-repeat scroll left top;
height:27px;
width:220px;
}
.box_small_onlineboxbg {
background:transparent url(../images/onlinebox_02.gif) repeat scroll left top;
height:auto;
width:221px;
}
/* default.aspx */
.box_main_thisinhcaodiem {
background:transparent url(../images/tab_thisinhcaodiem.gif) no-repeat scroll left top;
height:92px;
width:490px;
}
.box_main_thanhvienmoinhat {
background:transparent url(../images/tab_thanhvienmoinhat.gif) no-repeat scroll left top;
height:92px;
width:490px;
}
.box_small_search {
background:transparent url(../images/box_big_thanhvien.gif) no-repeat scroll left top;
height:86px;
width:220px;
}
.ddlRegister {
border:1px solid #6666FF;
width:200px;
}
table.thongke
{
	width:95%;
	/*border: solid #cccccc;*/
	background-color: #cccccc;
}

table.thongke td
{
	background-color: #fff;
}
.selectbox
{
	border: 1px solid #cccccc;
	width:95%;
}

.box_main_thongtincanhan { background:url(../images/tab_thongtincanhan.gif) top left no-repeat;  width:490px; height:92px }
.box_main_trogiup { background:url(../images/tab_trogiup.gif) top left no-repeat;  width:490px; height:92px }

.btstyle
{
	background-image:url(../images/bg_button.gif);
	height:19px;
	width:65px;
	
}
/* web exam */
.stt
{
font-weight:bold;
font-size:16px;
color:#FF6600;
margin-right:10px;
float:left;	
}
.questcontent
{
	width:98%;
	padding-top:30px;
	padding-left:30px;
	font-size:16px;	
	color:#000000;
	line-height:30px;
}
.quest
{
	width:670px;
	border-bottom-style:dotted;
	border-bottom-color:#999999;
	border-bottom-width:1px;
	padding-bottom:10px;
	text-align:left;
	}
.quest_des
{
	font-size:16px;	
	font-weight:bold;
}
.radiolist
{
font-size:14px;	
}
.baithi
{float:left;
 width:700px;
border: solid 1px #008A9C;
text-align:center;
padding-left:15px;
margin-right:10px;
}
.huongdanthi
{
float:left;
 width:220px;
 *width:190px;
border: solid 1px #008A9C;
text-align:center;
padding:10px;		
}
.examnum
{
	width:100%;
text-align:center;
font-size:20px;
font-weight:bold;
text-decoration:underline;
color:	#FF6600;
padding:20px;
}
.button_large {
background:transparent url(../images/button2.gif) no-repeat scroll 50% 50%;
border:0 solid #D7D7D7;
color:#FFFFFF;
cursor:pointer;
line-height:1.1em;
padding:2px 4px;
width:130px;
height:32px;
font-size:16px;
font-weight:bold;
}