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

body
{
	color: #000000; 
	font: 10pt verdana, Arial, geneva, lucida, 'lucida grande', helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background:url(../bg.jpg) top repeat-x #301f11;
}

img { border:none;}
a:link, body_alink
{
	color: #5b1e00; text-decoration:none;
}
a:visited, body_avisited
{
	color: #5b1e00; text-decoration:none;
}
a:hover, a:active, body_ahover
{
	color: #993300; text-decoration:none;
}
.page
{
	color: #000000;
/*	overflow:hidden;	*/
	width:920px; padding-left:5px;
	float:left;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background:  #dad3cc;
	color: #000000;	
}
.tcat
{
	background: url(../tcat1.jpg) repeat-x top left;
	color: #fff;
	font: bold 10px verdana, arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #fff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #fff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #ffea00;
	text-decoration:none;
}
.thead
{
	background: url(../tcat2.jpg) repeat-x top left #FFFFFF;
	color: #5b1e00;
	font:  9px  verdana,  arial, geneva, lucida, 'lucida grande',helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #000000;
}
.thead a:visited, .thead_avisited
{
	color: #5b1e00;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #5b1e00;
}

.user_link
{	
	color: #000000;
	font:  9px  verdana,  arial, geneva, lucida, 'lucida grande',helvetica, sans-serif;
	text-decoration:none;	
}
.user_link a:link
{	
	color: #000000;
	text-decoration:none;
}
.user_link a:visited
{
	color: #000000;
	text-decoration:none;
}
.user_link a:hover
{
	color: #000;
	text-decoration:none;
}

.tfoot
{
	background:url(../footer.gif) repeat-x top; height:55px;
	background: #753a17;
	color: #E0E0F6;
	height:25px;
}
.tfoot a:link, .tfoot_alink
{
	color: #fff;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #fff;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #ffea00;
}
.alt1, .alt1Active
{	
	background: #fff;
	color: #000000;
}
.alt2, .alt2Active
{	
	background: #fff9f4;
	color: #000000;
}
td.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #753a17;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
}
.highlight
{
	color: #5b1e00;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #fefdf4 url(../gradients/gradient_panel.gif) repeat-x top left; border:#FF0000 solid 1px;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #fff9f4 url(../gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #000000;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background:url(../tcat1.jpg) top repeat-x;
	height:auto;
	color: #fff;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #fff;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #fff;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #ffea00;
	text-decoration:none;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #fff9f4;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }



/* chienquoc style */

.mainmenu {
	background:url(../navi.jpg) top repeat-x #660000;
	padding:15px 5px 5px 5px ; 
	color:#FFFFFF;
	font-weight:bold; font-size:11px;	
}

.mainmenu a{
	color:#FFFFFF;
	font-weight:bold; font-size:11px;
	text-decoration:none;
}
.mainmenu a:hover{
	color:#FFFF00;
	font-weight:bold; font-size:11px;
	text-decoration:none;
}

.pagefooter{ background:url(../footer.gif) repeat-x top; height:55px;}


/*---FORUM EPLAY-------*/

.menutop { background:url(../bg_menutop.jpg) no-repeat; height:70px; width:932px; margin:0 auto; margin-right:15px;}
.menutop_c1 { width:250px; float:left; margin-top:45px; margin-left:25px;}
.menutop_c1 ul { margin:0 auto; padding:0px;}
.menutop_c1 ul li {display:inline; padding-left:5px; font-size:11px;}
.menutop_c2	{ width:620px; float:right; margin-top:45px;margin-right:25px;}
.menutop_c2 ul { margin:0 auto; padding:0px;}
.menutop_c2 ul li {font-size:12px; font-weight:bold; display:inline; padding-right:5px;}

.bg_main { margin:0 auto; padding:0px; width:932px;}
.bg_left { background:url(../bg_left.jpg) top; background-repeat:repeat-y; width:12px; float:left;}
.bg_right { background:url(../bg_right.jpg) top; background-repeat:repeat-y; width:12px; float:right;}

.bg_middle { background:url(../bg_main.jpg) repeat-y ; width:932px; margin:0 auto; padding:0px; float:left;}
.bg_middle_main { width:902px; background-color:#fff; margin:0 auto; padding:0px;}


.bg_head { background:url(../bg_head.jpg) no-repeat top; width:902px;}
/*---.bg_login { width:293px; height:70px;}-------*/
.bg_login	{ background:url(../bg_login.jpg) no-repeat; width:304px; height:83px; margin-top:10px; margin-right:10px; padding-top:10px;}

.bg_menumain { background:url(../bg_menu.jpg) repeat-x; height:42px; width:902px; margin:0 auto;}
.bg_footer { background:url(../bg_footer.jpg) no-repeat; height:60px; width:932px; margin:0 auto; padding-top:10px; color:#5b1e00; margin-top:2px; float:left;}

.border_menu { border:1px #dad3cc solid;}


.submenu1, .submenu1Active
{	
	color: #000000;
}
.submenu2, .submenu2Active
{
	color: #000000;
}

#title .tcat
{
	padding:0px; margin:0px;
	background: url(../tcat1.jpg) repeat-x top left;
	color: #fff;
	height:26px;
	font: bold 10px verdana, arial, helvetica, sans-serif;
}

#yearly { width:902px; margin:0; padding:0px; clear:both;}
#yearly table { margin:0px; padding:0px; width:225px; height:160px;}
#yearly table td { margin:1px; padding:1px;}