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

/* CSS Document */
/*body*/
html, body, form {
	margin: 0;
	padding: 0;
}
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ecf7fd;
	color:#003366;
	background-image: url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	
}
#layout
{
	margin:0px auto;
	width:781px;
	position: relative;
	background-image: url(../images/bg_layout.gif);
}

td
{
	font-size:11px;
}
a:visited ,a:active,a:link
{
	color: #1F65AB;
	font-size:11px;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.tieude:visited ,a.tieude:active,a.tieude:link
{
	color: #1F65AB;
	text-decoration: none;
	font-weight:bold;
	text-align:justify;

}

a.tieude:hover {
	color: #FF0000;
	color:#FF6600;
}

a.tieudebig:visited ,a.tieudebig:active,a.tieudebig:link
{
	color: #238cfd;
	text-decoration: none;
	font-weight:bold;
	font-size: 11pt;
}

a.tieudebig:hover {
	color: #FF0000;
	color:#FF6600;

}

a.ten:visited ,a.ten:active,a.ten:link
{
	color: #238cfd;
	font-size:10px;
	text-decoration: none;
	font-weight:bold;

}

a.ten:hover {
	color: #FF0000;
	color:#FF6600;

}
a.hong:visited ,a.hong:active,a.hong:link
{
	color: #ff3078;
	font-size:11px;
	text-decoration: none;
	font-weight:normal;

}

a.hong:hover {
	color: #FF0000;
	color:#FF6600;

}
.fix_content
{
	border:1px solid #666666;
	padding: 0px;
	width: 998px;
	float: left;
	margin-bottom: 5px;
}

.smallfont, .small
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.bigfont
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}
.inputtext {
  border: 1px solid #003366;
  border: 1px solid #003366;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  padding: 3px; 
 }

textarea {
  border: 1px solid #003366;
  border: 1px solid #003366;
  padding: 3px;
  font-size: 12px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif; }

SELECT
{
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B008B;
	display : list-item;
	background : #FFFFF9;
}
  
.inputbutton {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #D9DFEA;
	border-left-color: #D9DFEA;
	border-bottom-color: #0e1f5b;
	border-right-color: #0e1f5b;
	background-color: #3A80C0;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	text-align: center;
}

.inputcheckbox {
  border: 0px; }
.mauchuhong_nho
{
	font-family:Verdana;
	font-size:10px;
	color:#ec5ab5;
	font-weight:bold;
}

.mauchudo
{
	font-family:Verdana;
	font-size:10px;
	color:#fe3e3e;
}
.mauchuxanhlacay
{
	font-family:Verdana;
	font-size:10px;
	color:#acdbff;
	color:#006600;
	font-weight:bold;
}

.mauchuxam_nho
{
	font-family:Verdana;
	font-size:10px;
	color:#909192;
	font-weight:bold;
}

.mauchutrang
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
.mauchuxanh
{
	font-family:Verdana;
	font-size:10px;
	color:#006adc;
	color:#CC0000;
	color:#006699;
	font-weight:normal;
	text-align:justify;
	
}
.mauchuxanh_nhac
{
	font-family:Verdana;
	font-size:10px;
	color:#2f85e3;
	color:#0066FF;
	font-weight:bold;
}
.mauchuxanh_nhac2
{
	font-family:Verdana;
	font-size:11px;
	color:#489bf1;
	color:#3399FF;
}
/*h,p chuan*/

h1
{
	color:#536584;
	font-weight:bold;
	font-size:11px;
}
h2
{
	color:#006699;
	font-weight:none;
	font-size:10px;
}
h3
{
	color:#8d8d8d;
}
p
{
	font-size:11px;
	font-weight:normal;
	padding: 5px;
	color: #666666;
}
h1,h2,h3
{
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	font-family: tahoma;
}

/*header*/
#header 
{
	background:url(../images/bg_header.gif);
	background-position:left;
	height:152px;
	position: relative;
}

#logo 
{
	background:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:152px;
	width: 230px;
	position: absolute;
}


#rss
{
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 18px;
	width: 50px;
	position: absolute;
	right: 195px;
	top: 126px;
}

.pagesetingscx{
	background-color:#6699FF;
	background-image:url(../images/muitenxuong.gif);
	background-repeat:no-repeat;
	background-position:center right;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	padding-right:10px;
	width: 100px;
	height:14px;	
	position:absolute;
	border-bottom:#0066CC 1px solid;
	border-right:#0066CC 1px solid;
	right: 255px;
	top: 125px;
	cursor:pointer;
}

.pagesetingscx_over{
	background-color:#66CCFF;
	background-image:url(../images/muitenxuong_over.gif);
	background-repeat:no-repeat;
	background-position:center right;
	color:#FFFFCC;
	text-align:center;
	padding:2px;
	padding-right:10px;
	width: 100px;
	height:14px;	
	position:absolute;
	border-bottom:#0066CC 1px solid;
	border-right:#0066CC 1px solid;
	right: 255px;
	top: 125px;
	cursor:pointer;
}

#pagesettings{
	position:absolute;
	display:none;
	background-color:#0099CC;
	text-align:center;
	height:14px;
	padding:2px;
	width:100%;
	border-bottom:#33CCCC 1px solid;
	float:left;
}

#tp1{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#006699;
	padding:1px;
	margin:1px;
	left:4px;
}
#tp2{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#00CC00;
	padding:1px;
	margin:1px;
	left:22px;
}

#tp3{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#FF00FF;
	padding:1px;
	margin:1px;
	left:40px;
}
#tp4{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#FF9900;
	padding:1px;
	margin:1px;
	left:58px;

}

#tp5{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#CC3300;
	padding:1px;
	margin:1px;
	left:76px;
	
}
#tp6{
	position:absolute;
	height:10px;
	width:10px;
	border:#CCCCCC 1px solid;
	background-color:#999999;
	padding:1px;
	margin:1px;	
	left:94px;
}

#timkiem
{
	width: 150px;
	position: absolute;
	right: 50px;
	top:122px;
}
#button_timkiem
{
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 26px;
	width: 50px;
	position: absolute;
	right: 5px;
	top: 121px;
}
#button_chonbanbe, button_chonbanbe{
	background: url(../images/icon/friends_add.png); 
	background-repeat:no-repeat; 
	border-bottom:1px solid #666666; 
	border-right:1px solid #999999; 
	height:18px; width:18px; cursor:pointer;
}
/*content*/
.twocols #div_content
{
	float:left;
	width:223px;
	padding-right: 0px;
	margin-right: 10px;
} 
* html .twocols #div_content
{
		padding-right: 5px;

}
#container
{
	padding:0px;
	width: 100%;
	position: relative;
	margin-bottom: 8px;
}
#right
{
	float:left;
	width:533px;
}
#dangnhap
{
	float:left;
	padding:5px 5px 0px 100px;
	width: 118px;
	background-image:url(../images/blogger.gif);
	height: 20px;
	text-align: right;
}
#dangnhap2
{
	float:left;
	padding:5px 0px 0px 105px;
	width: 117px;
	background-image:url(../images/bg_bloger.gif);
	height: 20px;
}
/*boder 2*/
.border_top
{
	background-image:url(../images/bg_top1.gif);
	background-repeat:no-repeat;
	width:533px;
	font-size: 1px;
	height: 9px !important; /* IE7+FF */
	float: left;
	padding: 0;
	margin: 0;
}

.border_bottom
{
	background-image:url(../images/bg_bottom2.gif);
	background-repeat:no-repeat;
	width:533px;
	height:10px;
	float: left;
	font-size: 1px;
}
#bg_content
{
	background-image:url(../images/bg_content.gif);
	background-repeat:repeat;
	width: 533px;
	float: left;
	margin: 0;
}
/*boder 3*/
.border3_top
{
	background-image:url(../images/blog_chamdiem.gif);
	background-repeat:no-repeat;
	width:534px;
	font-size: 10pt;
	height: 28px !important; /* IE7+FF */
	float: left;
	padding: 10px 0px 0px 40px;
	margin: 0;
}

.border3_bottom
{
	background-image:url(../images/bg_bottom_new.gif);
	background-repeat:no-repeat;
	width:535px;
	height:10px;
	float: left;
	font-size: 1px;
}
.border3_left
{
	background-image:url(../images/bg_left.gif);
	background-repeat:repeat-y;
	width:533px;
	float: left;
	border-right: 1px solid #0099CC;
	background-color: #FFFFFF;
}

/*boder 4*/
.border4_top
{
	background-image:url(../images/videoclip.gif);
	background-repeat:no-repeat;
	width:370px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight:bold;
	height: 28px !important; /* IE7+FF */
	float: left;
	padding: 10px 0px 0px 40px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}

.border4_bottom
{
	background-image:url(../images/bg_bottom_new.gif);
	background-repeat:repeat-x;
	width:370px;
	height:10px;
	float: left;
	font-size: 1px;
}
.border4_left
{

	background-image:url(../images/bg_left.gif);
	background-repeat:repeat-y;
	float: left;
	border-right: 1px solid #0099CC;
	width: 369px;
	background-color: #FFFFFF;
}
/*boder 5*/
.border5_top
{
	background-image:url(../images/gamenew.gif);
	background-repeat:no-repeat;
	width:160px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height: 28px !important; /* IE7+FF */
	float: left;
	padding: 10px 0px 0px 40px;
	margin: 0;
}

.border5_bottom
{
	background-image:url(../images/bg_bottom_new.gif);
	background-repeat:repeat-x;
	width:160px;
	height:10px;
	float: left;
	font-size: 1px;
}

.border5_left
{
	background-image:url(../images/bg_left.gif);
	background-repeat:repeat-y;
	width:159px;
	float: left;
	border-right: 1px solid #0099CC;	
}
.border6_top
{
	background-image:url(../images/blog_chamdiem2.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:777px;
	font-size: 10pt;
	height: 28px !important; /* IE7+FF */
	float: left;
	padding: 10px 0px 0px 40px;
	margin: 0;
}

.border6_bottom
{
	background-image:url(../images/bg_bottom2.gif);
	background-repeat:repeat-x;
	width:777px;
	float: left;
	height: 10px;
	font-size: 1px;
}
.border6_left
{
	background-image:url(../images/bg_left.gif);
	background-repeat:repeat-y;
	width:767px;
	float: left;
	border-right: 1px solid #0099CC;
	background-color: #FFFFFF;
	padding: 0 5px;
}
input, select, SELECT, textarea{
	border:1px solid #8FC9C0;
}

.button{
	.button{
	clear:both;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg_button.gif);
   	background-repeat:repeat-x;
    background-position:center;
	height:20px;
	border:1px solid #E4E4E4;
	border-left-color:#E6E6E6;
	border-bottom-color:#666666;
	border-right-color:#666666;
	font-size:11px;
	font-weight:bold;
	background-color:#3399FF;
}
.header_member_menu, #header_member_menu{
	background:url(../images/bg_row_h.gif);
   	background-repeat:repeat-x;
    background-position:left bottom;
	color:#0099CC;
	height:20px;
	padding:4px;
	font-size:11px;
	font-weight:bold;
}

.row_header, #row_header, .header_row, #header_row{
	
	background:url(../images/bg_row_h.gif);
   	background-repeat:repeat-x;
	background-position:center bottom;
	color:#003399;
	height:18px;
	padding:2px;
	font-size:11px;
	font-weight:bold;
}
#row_footer, #footer_row, .footer_row, .row_footer, .row_bottom, #row_bottom{
	background:url(../images/bg_row_b.gif);
   	background-repeat:repeat-x;
	height:4px;
	font-size:1px;
}
.border_table, #border_table, .table_border, #table_border {
	border-collapse: collapse;
	border:1px solid #3399FF;
	border:1px solid #99CCFF;
	border:1px solid #0099CC;
}
#tile
{
	float:left;
	background-image:url(../images/titile.gif);
	background-repeat:no-repeat;
	width:510px;
	height:26px;
	padding-left: 10px;
	padding-top: 5px;
}
#tile_amnhac
{
	float:left;
	background-image:url(../images/titile_amnhac.gif);
	background-repeat:no-repeat;
	width:350px;
	height:26px;
	padding-left: 10px;
	padding-top: 5px;
}
#tile_game
{
	float:left;
	background-image:url(../images/titile_game.gif);
	background-repeat:no-repeat;
	width:132px;
	height:26px;
	padding-left: 10px;
	padding-top: 5px;
}
/* Main Navigation
------------------------------------------------- */

 #main-nav {
	height: 48px;
	width: 540px;
	position: absolute;
}
#main-nav ul { margin: 0; padding: 0; list-style-type: none; }
#main-nav li { float: left; }

#main-nav li a {
	float: left;
	height: 0px !important;
	height /**/:33px; /* IE 5/Win hack */ 
	padding: 33px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

body.rant #main-nav li#home a,
body.teach #main-nav li#blog a,
body.work #main-nav li#tintuc a,
body.play #main-nav li#hotro a,
body.talk #main-nav li#giaitri a {
	background-position: 0 -106px;
}

#main-nav li a:hover {
	background-position: 0 -53px;
}

#main-nav li#home,
#main-nav li#home a 
{
	width: 100px;
	background-image: url(../images/v2/trangchu.gif);
	background-repeat:no-repeat;
	height: 41px;
}

#main-nav li#blog,
#main-nav li#blog a
{ 
	width: 102px;
	background-image: url(../images/v2/blog.gif);	
	background-repeat:no-repeat;
}

#main-nav li#tintuc,
#main-nav li#tintuc a 
{
	width: 105px;
	background-image: url(../images/v2/tintuc.gif);
	background-repeat:no-repeat;

}

#main-nav li#hotro,
#main-nav li#hotro a
{
	width: 127px;
	background-image: url(../images/v2/hotro.gif);
	background-repeat:no-repeat;
}

#main-nav li#giaitri,
#main-nav li#giaitri a 
{
	width: 100px;
	background-image: url(../images/v2/giaitri.gif);
	background-repeat:no-repeat;
}

#footer
{
	
	background:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:70px;
	margin: auto;
	text-align: center;
	padding-top: 10px;
	border: 1px #0099FF dotted;
}
.clearfix
{
	clear:both;
	height:10px;
	
}


/*-----------------------chinh hinh anh note-------------------------------------*/
#nd_hinh	
{
	float:left;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
/*tream*/
div.stream {
	overflow:hidden;
	_height:189;
	float: left;
	width:100%;
	padding-bottom: 0px;
}

div.stream #nd_hinh	span {
	width:120px;
}
div.stream a img {
    vertical-align:middle;
    _background-image:none !important;
}
div.stream span.shadow a i {
    display:none;
    _display:inline-block;
    width:0px;
}
div.stream div span {
    display:table-cell;
    display:inline-block;
    padding:0px;
    vertical-align:top;
}

div.stream div span span {
    vertical-align:middle;
    _line-height:100px;
    display:table-cell;
    height:80px;
    padding-left:0 !important;
    padding-right:0 !important;
    background-repeat:no-repeat;
    background-position:center;
	
}


a.linkhong:visited ,a.linkhong:active,a.linkhong:link
{
	color: #f659ae;
	font-size:10px;
	text-decoration: none;
	font-family:Verdana;
	

}

a.linkhong:hover {
	text-decoration: none;
}

.blog_row_1{
	background-color:#ccf0ff;
}
.blog_row_2{
	background-color:#adeaff;
}
.blog_row_over{
	background-color:#FFFFCC;
	cursor:pointer;
}
.blog_row_selected{
	background-color:#EEEEEE;
}


.button_over{
	background:url(../images/bg_button_over.gif);
}

/*----------------BOX BORDER---------------------*/
.bg-left-mauxam {
	background-image:url(../images/v2/dangnhap/dangnhap_bg_l.gif);
	background-position: 0 100%;
	background-repeat: repeat-y;
	width: auto;
	background-color:#99CCFF;
	border: 1px solid  #99CCFF;
	
}



.bg-left-mauxam .bg-top {
	background-image: url(../images/v2/dangnhap/dangnhap_bg_t.gif);
	background-repeat: repeat-x;
	background-position: 100% 0;
	border: 1px solid #99CCCC;
	
}
.bg-left-mauxam .bg-bottom {
	background-repeat: repeat-x;
	background-image:url(../images/v2/dangnhap/dangnhap_bg_b.gif);
	background-position: 0 100%;
	
}


.bg-left-mauxam .bl
{
	background-image:url(../images/v2/dangnhap/dangnhap_bl.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}


.bg-left-mauxam .br
{
	background-image:url(../images/v2/dangnhap/dangnhap_br.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

.bg-left-mauxam .tl
{
	background:url(../images/v2/dangnhap/dangnhap_tl.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
}


.bg-left-mauxam .tr2 
{
	background:url(../images/v2/dangnhap/dangnhap_tr.gif);
	background-position: 100% 0;
	background-repeat:no-repeat;
	padding:5px 0px 5px 0px;
}

.bg-left-mauxam .bg-right {
	background-color:#66CCCC;
	background-color:#FFFFFF;
	
	background-repeat: repeat-y;
	background-position: 100% 0;
	
}
.br_bottom_222
{
	background:url(../images/bg_bottom_new1.gif);
	width:222px;
	height:10px;
	font-size:1px;
	background-repeat:repeat-x;
}
.bg_left_right{
	float:left; padding:0px; 
	border-left:1px solid #5597db; 
	border-right:1px solid #5597db; 
}
#br_bottom , .br_bottom
{
	float:none;
	background:url(../images/bg_row_b.gif);
	width:100%;
	height:2px;
	font-size:1px;
	background-repeat:repeat-x;
	background-position:center;

}
#br_bottom_vote , .br_bottom_vote
{
	background:url(../images/bg_row_b.gif);
	width:100%;
	height:25px;
	font-size:10px;
	background-repeat:repeat-x;
	background-position:bottom center;	
}
#vote_nhatky, .vote_nhatky, #nhatky_vote, .nhatky_vote{
	background:url(../images/sao16v.png);
	background-position:center;
	height:18px;
	width:18px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#vote_nhatky1, .vote_nhatky1, #nhatky_vote1, .nhatky_vote1{
	background:url(../images/allstars.gif);
	background-repeat:no-repeat;
	background-position:top 16px;
	height:18px;
	width:18px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#vote_nhatky2, .vote_nhatky2, #nhatky_vote2, .nhatky_vote2{
	background:url(../images/sao16.png);
	background-position:center;
	height:18px;
	width:18px;
	background-repeat:no-repeat;
	cursor:pointer;
}